/*@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600,700,800,900&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,700display=swap');
::-moz-selection{
    background:#ed1c24;
    color:#fff;
}
 
::selection {
    background:#ed1c24;
    color:#fff;
}

.mt20{
    margin-top:20px
}
.mb-90{margin-bottom: 90px !important;}
.mb0{
    margin-bottom:0
}
.c-pointer{
    cursor:pointer
}
.input-number-group{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.input-number-group span.input{
    display:inline-block;
    min-width:40px;
    text-align:center
}
.input-number-group i{
    color:#3490dc;
    font-size:24px;
    flex-shrink:0;
    cursor:pointer
}
.alert-text.danger{
    color:#e3342f
}
.alert-text.success{
    color:#38c172
}
.btn{
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:30px;
    padding:10px 20px;
    -webkit-transition:background .2s,color .2s;
    transition:background .2s,color .2s;
    font-size:14px;
    font-weight:500
}
.btn.btn-primary{
    background:#45bbe0
}
.btn.btn-danger{
    background:#fa5636
}
.btn.btn-info{background:#159e83}
.btn.btn-danger:hover{
    background:#e65335
}
.padding-content{
    padding:60px 0px
}
.mt20{
    margin-top:20px
}
.full-page{
    height:100%
}
.map-loading{
    position:absolute;
    display:none;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:9;
    background:rgba(255,255,255,.5)
}
.map-loading .st-loader{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:50px;
    height:6px;
    background:#5191fa;
    border-radius:5px;
    margin-left:-25px;
    -webkit-animation:st-load 1.8s ease-in-out infinite;
    animation:st-load 1.8s ease-in-out infinite
}
.map-loading .st-loader:before{
    top:-20px;
    left:10px;
    width:40px;
    background:#fa5636;
    margin-left:-20px
}
.map-loading .st-loader:before,.map-loading .st-loader:after{
    position:absolute;
    display:block;
    content:"";
    -webkit-animation:st-load 1.8s ease-in-out infinite;
    animation:st-load 1.8s ease-in-out infinite;
    height:6px;
    border-radius:5px
}
.map-loading .st-loader:after{
    bottom:-20px;
    width:35px;
    background:#ffab53;
    margin-left:-17px
}
@-webkit-keyframes st-load{
    0%{
        -webkit-transform:translateX(40px);
        transform:translateX(40px)
    }
    50%{
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    100%{
        -webkit-transform:translateX(40px);
        transform:translateX(40px)
    }
}
@keyframes st-load{
    0%{
        -webkit-transform:translateX(40px);
        transform:translateX(40px)
    }
    50%{
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    100%{
        -webkit-transform:translateX(40px);
        transform:translateX(40px)
    }
}
.thumb-image{
    display:block;
    width:100%;
    padding-bottom:69%;
    overflow:hidden;
    background:linear-gradient(118deg, #f6f9fb, #e2ebef);
    position:relative
}
.thumb-image img{
    display:block;
    height:auto;
    width:100%;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    position:absolute;
    margin:auto
}
input[type=checkbox],input[type=radio]{
    border:1px solid #b4b9be;
    background:#fff;
    color:#555;
    clear:none;
    cursor:pointer;
    display:inline-block;
    line-height:0;
    height:16px;
    margin:-4px 4px 0 0;
    outline:0;
    padding:0 !important;
    text-align:center;
    vertical-align:middle;
    width:16px;
    min-width:16px;
    -webkit-appearance:none;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
    transition:.05s border-color ease-in-out
}
input[type=checkbox]:checked:before,input[type=checkbox]:checked:before,input[type=radio]:checked:before,input[type=radio]:checked:before{
    float:left;
    display:inline-block;
    vertical-align:middle;
    width:16px;
    font-family:"Ionicons";
    speak:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
input[type=checkbox]:checked:before{
    margin:1px 0 0 -1px;
    color:#1e8cbe;
    content:"";
    font:normal normal normal 13px/1 FontAwesome
}
input[type=radio]{
    border-radius:50%;
    margin-right:4px;
    line-height:10px
}
input[type=radio]:checked:before{
    content:"•";
    text-indent:-9999px;
    border-radius:50px;
    font-size:24px;
    width:6px;
    height:6px;
    margin:4px;
    line-height:16px;
    background-color:#1e8cbe
}
.form-control{
    border:1px solid #dae1e7;
    border-radius:3px;
    -webkit-box-shadow:none;
    box-shadow:none;
    font-size:14px
}
input.form-control{
    height:40px
}
.required{
    color:#e3342f
}
.form-control::placeholder{
    color:#999
}
.invalid-feedback{
    font-size:100%
}
.bravo-form .fa-spinner{
    display:none
}
.bravo-form.loading .fa-spinner{
    display:inline-block
}
.bravo-login-page{
    padding:100px 0px
}
.modal .modal-content{
    border-radius:15px;
    padding:20px 30px 30px
}
@media(max-width: 990px){
    .modal .modal-content{
        padding:15px 20px
    }
}
.modal .modal-content .modal-header{
    padding:0 0 10px;
    border:none
}
.modal .modal-content .modal-header .close{
    margin-top:0;
    opacity:1
}
.modal .modal-content .modal-header .modal-title{
    font-size:24px;
    font-weight:500
}
.modal .modal-content .modal-body{
    padding:0
}
.modal .modal-content .modal-body .form-group{
    position:relative;
    margin-top:0;
    margin-bottom:20px
}
@media(max-width: 990px){
    .modal .modal-content .modal-body .form-group{
        margin-bottom:15px
    }
}
.modal .modal-content .modal-body .form-group .form-control{
    display: block;
    /*border: none;*/
    border-radius: 5px;
    padding-left: 45px;
    height: 60px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 0 6px 1px rgba(62,28,131,0.1);
    -webkit-box-shadow: 0 0 6px 1px rgba(62,28,131,0.1);
}
.modal .modal-content .modal-body .form-group .input-icon{
    position:absolute;
    top: 30px;
    left: 15px;
    font-size:20px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    color:#acb5be;
    line-height:0px
}
.modal .modal-content .modal-body label,.modal .modal-content .modal-body .st-link{
    font-size:14px;
    font-weight:400;
    margin-bottom:0
}
.modal .modal-content .modal-body input[type=checkbox]{
    margin-right:5px
}
.modal .modal-content .modal-body input[type=radio]{
    margin-right:10px
}
.modal .modal-content .modal-body .form-submit{
    height:45px;
    width:100%;
    background:#5191fa;
    color:#fff;
    text-transform:uppercase;
    font-size:14px;
    border:none;
    border-radius:3px;
    font-weight:600
}
.modal .modal-content .modal-body .advanced{
    background:#f9f9f9;
    margin-top:20px;
    padding:30px;
    margin-left:-30px;
    margin-right:-30px
}
.modal .modal-content .modal-body .advanced .socials{
    padding-top:20px;
    padding-bottom:35px
}
.bravo-login-form-page .form-title{
    font-size:24px;
    font-weight:500;
    margin-bottom:30px
}
.bravo-login-form-page .form-control{
    height:45px;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #dae1e7;
    border-radius:3px;
    font-size:14px;
    color:#5e6d77
}
.bravo-login-form-page .form-group{
    position:relative;
    margin-bottom:20px
}
.bravo-login-form-page .form-group .input-icon{
    position:absolute;
    top:22px;
    left:15px;
    font-size:20px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    color:#acb5be;
    line-height:0px
}
.bravo-form-login .icon-loading,.bravo-form-register .icon-loading{
    display:none
}
.bravo-form-login .form-submit,.bravo-form-register .form-submit{
    width:100%
}
.bravo-form-login .bravo-recaptcha>div,.bravo-form-register .bravo-recaptcha>div{
    margin:auto
}
@media(max-width: 990px){
    .bravo-form-login .bravo-recaptcha>div,.bravo-form-register .bravo-recaptcha>div{
        margin:0
    }
}
.btn_login_fb_link{
    background:#395899;
    color:#fff
}
.btn_login_tw_link{
    background:#03a9f4;
    color:#fff
}
.btn_login_gg_link{
    background:#f34a38;
    color:#fff
}
.btn_login_fb_link,.btn_login_tw_link,.btn_login_gg_link{
    border-radius:2px;
    font-size:12px;
    display:block
}
.btn_login_fb_link:hover,.btn_login_tw_link:hover,.btn_login_gg_link:hover{
    color:#fff;
    outline:none;
    box-shadow:none
}
body .daterangepicker{
    min-width:300px;
    min-height:100px;
    border-color:#dfdfdf;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.175) !important;
    box-shadow:0 1px 2px rgba(0,0,0,.175) !important;
    border-radius:0px;
    padding:10px 20px 10px 20px;
    margin-top:0px;
    font-family:inherit
}
body .daterangepicker .drp-calendar{
    max-width:none
}
body .daterangepicker .drp-calendar .calendar-table table{
    border-collapse:inherit
}
body .daterangepicker .drp-calendar .calendar-table .prev span,body .daterangepicker .drp-calendar .calendar-table .next span{
    transform:none;
    border:none;
    border-radius:0px
}
body .daterangepicker .drp-calendar .calendar-table .prev:hover,body .daterangepicker .drp-calendar .calendar-table .next:hover{
    background-color:transparent
}
body .daterangepicker .drp-calendar .calendar-table .prev{
    background:url("../images/arow_left.png") no-repeat center center
}
body .daterangepicker .drp-calendar .calendar-table .next{
    background:url("../images/arrow_right.png") no-repeat center center
}
body .daterangepicker .drp-calendar .calendar-table thead{
    font-size:14px
}
body .daterangepicker .drp-calendar .calendar-table thead tr:first-child th{
    padding:10px 0px;
    border-bottom:1px solid #d7dce3;
    border-radius:0px;
    margin:0px
}
body .daterangepicker .drp-calendar .calendar-table thead .month{
    color:#1a2b48;
    position:relative;
    font-weight:500;
    font-size:14px
}
body .daterangepicker .drp-calendar .calendar-table thead tr:last-child th{
    padding-top:10px;
    padding-bottom:10px;
    color:#adb2bd;
    text-align:center
}
body .daterangepicker .drp-calendar .calendar-table tbody tr td{
    width:35px;
    height:30px;
    font-size:14px;
    line-height:29px;
    font-weight:400;
    color:#1a2b48;
    border-radius:0px;
    border:1px solid transparent
}
body .daterangepicker .drp-calendar .calendar-table tbody tr td.today{
    color:#fa5535;
    border-color:#fa5535
}
body .daterangepicker .drp-calendar .calendar-table tbody tr td.start-date,body .daterangepicker .drp-calendar .calendar-table tbody tr td.end-date{
    background:rgba(81,145,250,.2);
    border-color:transparent
}
body .daterangepicker .drp-calendar .calendar-table tbody tr td.disabled{
    color:#d7dce3;
    text-decoration:none
}
body .daterangepicker:before,body .daterangepicker:after{
    content:"";
    position:static;
    border:none;
    background:none;
    width:0;
    height:0
}
body .daterangepicker:not(.single) .calendar.left .next{
    display:none
}
body .daterangepicker .calendar{
    position:relative;
    max-width:100% !important
}
body .daterangepicker .table-header{
    position:relative;
    padding-bottom:20px
}
body .daterangepicker .table-header:after{
    content:"";
    display:table;
    clear:both
}
body .daterangepicker .table-header .month{
    text-align:center
}
body .daterangepicker .table-header .prev{
    position:absolute;
    bottom:0;
    left:0;
    float:left;
    width:48px;
    height:48px;
    background:url("../images/arow_left.png") no-repeat left center;
    cursor:pointer;
    z-index:9
}
body .daterangepicker .table-header .next{
    position:absolute;
    bottom:0;
    right:0;
    float:right;
    width:48px;
    height:48px;
    background:url("../images/arrow_right.png") no-repeat right center;
    cursor:pointer;
    z-index:9
}
body .daterangepicker .table-sub-header{
    border-top:1px solid #d7dce3
}
body .daterangepicker .table-sub-header:after{
    content:"";
    display:table;
    clear:both
}
body .daterangepicker .table-sub-header .day-off-week{
    width:36px;
    padding-top:10px;
    padding-bottom:10px;
    color:#adb2bd;
    float:left;
    text-align:center
}
body .daterangepicker .table-condensed .td-date{
    width:auto;
    height:auto;
    padding:0;
    background:none;
    border:none
}
body .daterangepicker .table-condensed .td-date .date{
    width:36px;
    height:32px;
    font-size:14px;
    line-height:32px;
    font-weight:400;
    color:#1a2b48
}
body .daterangepicker .table-condensed .td-date.disabled{
    text-decoration:none
}
body .daterangepicker .table-condensed .td-date.disabled .date{
    color:#d7dce3
}
body .daterangepicker .table-condensed .td-date.today .date{
    color:#fa5535
}
body .daterangepicker .table-condensed .td-date.today:not(.start-date) .date,body .daterangepicker .table-condensed .td-date.today:not(.in-range) .date{
    color:#fa5535;
    border:1px solid #fa5535
}
body .daterangepicker .table-condensed .td-date.start-group{
    background:#fef5ca
}
body .daterangepicker .table-condensed .td-date.in-group,body .daterangepicker .table-condensed .td-date.end-group{
    background:#fef5ca
}
body .daterangepicker .table-condensed .td-date.in-group .date,body .daterangepicker .table-condensed .td-date.end-group .date{
    color:#767676
}
body .daterangepicker .table-condensed .td-date:hover{
    background:rgba(81,145,250,.2)
}
body .daterangepicker .table-condensed .td-date.start-date{
    background:rgba(81,145,250,.2)
}
body .daterangepicker .table-condensed .td-date.start-date:not(.end-date){
    -webkit-box-shadow:-3px 0 0 #5191fa;
    box-shadow:-3px 0 0 #5191fa
}
body .daterangepicker .table-condensed .td-date.start-date.today .date{
    border:none
}
body .daterangepicker .table-condensed .td-date.in-range{
    background:rgba(81,145,250,.2)
}
body .daterangepicker .table-condensed .td-date.in-range.today .date{
    border:none
}
body .daterangepicker .table-condensed .td-date.end-date{
    background:rgba(81,145,250,.2)
}
body .daterangepicker .table-condensed .td-date.end-date:not(.start-date){
    -webkit-box-shadow:3px 0 0 #5191fa;
    box-shadow:3px 0 0 #5191fa
}
body .daterangepicker .table-condensed .td-date.end-date.today .date{
    border:none
}
body .daterangepicker .table-condensed .td-date.td-no-show{
    visibility:hidden
}
body .daterangepicker .table-condensed .td-date.has-tooltip{
    position:relative
}
body .daterangepicker .table-condensed .td-date.has-tooltip .event-tooltip-wrap{
    position:absolute;
    top:100%;
    margin-top:5px;
    left:0;
    z-index:1;
    background:rgba(0,0,0,.7);
    color:#fff;
    font-size:12px;
    padding:4px 6px;
    border-radius:2px;
    display:none
}
body .daterangepicker .table-condensed .td-date.has-tooltip:hover .event-tooltip-wrap{
    display:block
}
body .daterangepicker.respon-single .calendar.right{
    display:none
}
body .daterangepicker.respon-single .calendar.left .next{
    display:block
}
.bravo-admin-bar{
    background:#333;
    color:#fff
}
.bravo-admin-bar a{
    color:#fff
}
.bravo-admin-bar .adminbar-menu{
    list-style:none;
    margin:0px;
    padding:0px
}
.bravo-admin-bar .adminbar-menu li{
    display:inline-block
}
.bravo-admin-bar .adminbar-menu li a{
    padding:0 8px 0 7px;
    height:32px;
    line-height:32px;
    display:block
}
.bravo-admin-bar .adminbar-menu li a:hover{
    text-decoration:none
}
.bravo-admin-bar .adminbar-menu li:hover>a{
    background:#32373c;
    color:#84adda
}
.navbar-laravel{
    background-color:#fff;
    box-shadow:0 2px 4px rgba(0,0,0,.04)
}
.bravo-reviews .title-review{
    margin-bottom:20px;
    font-size:24px;
    color:#1a2b48;
    font-weight:500
}
@media(max-width: 990px){
    .bravo-reviews .title-review{
        font-size:1.5rem
    }
}
@media(max-width: 766px){
    .bravo-reviews .title-review{
        font-size:1.3rem
    }
}
.bravo-reviews .review-box{
    padding:10px;
    color:#fff;
    background: -webkit-linear-gradient(to right, #243B55, #141E30);
    background: linear-gradient(to right, #243B55, #6b7994);
}
@media(max-width: 766px){
    .bravo-reviews .review-box{
        padding:10px
    }
}
.bravo-reviews .review-box .review-box-score{
    border-right:1px solid #d7dce3;
    padding-top:15px;
    padding-bottom:15px;
    text-align:center
}
@media(max-width: 990px){
    .bravo-reviews .review-box .review-box-score{
        border-right:none
    }
}
.bravo-reviews .review-box .review-box-score .review-score{
    line-height:50px;
    font-size:72px;
    font-weight:500;
    color:#5191fa
}
@media(max-width: 766px){
    .bravo-reviews .review-box .review-box-score .review-score{
        font-size:60px
    }
}
.bravo-reviews .review-box .review-box-score .review-score .per-total{
    font-size:24px
}
.bravo-reviews .review-box .review-box-score .review-score-text{
    font-weight:400;
    font-size:24px;
    color:#1a2b48
}
.bravo-reviews .review-box .review-box-score .review-score-base{
    margin-top:10px;
    color:#768090;
    font-size:14px
}
.bravo-reviews .review-box .review-box-score .review-score-base span{
    color:#5191fa
}
.bravo-reviews .review-box .review-sumary .item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:5px
}
.bravo-reviews .review-box .review-sumary .item:first-child{
    margin-top:0px
}
.bravo-reviews .review-box .review-sumary .item .label{
    width:15%;
    text-align:left;
    margin-top:0px;
    margin-right:10%;
    position:relative;
    display:block;
    padding-left:0;
    color:#fff;
    font-size:12px;
    font-weight:400
}
/*21.04.2020
@media(max-width: 766px){
    .bravo-reviews .review-box .review-sumary .item .label{
        width:35%
    }
}*/
.bravo-reviews .review-box .review-sumary .item .progress{
    position:relative;
    height:4px;
    width:58%;
    border-radius:10px;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:#eee;
    margin-bottom:0;
    overflow:inherit
}
.bravo-reviews .review-box .review-sumary .item .progress .percent{
    position:absolute;
    top:0;
    left:0;
    height:4px;
    background:#5191fa;
    border-radius:10px
}
.bravo-reviews .review-box .review-sumary .item .progress .percent.green{
    background:#2ecc71
}
.bravo-reviews .review-box .review-sumary .item .progress .percent.darkgreen{
    background:#27ae61
}
.bravo-reviews .review-box .review-sumary .item .progress .percent.yellow{
    background:#f1c40f
}
.bravo-reviews .review-box .review-sumary .item .progress .percent.orange{
    background:#e67f22
}
.bravo-reviews .review-box .review-sumary .item .progress .percent.red{
    background:#e84c3d
}
.bravo-reviews .review-box .review-sumary .item .number{
    width:7%;
    margin-left:3%
}
.bravo-reviews .review-list{
    margin-top:30px
}
.bravo-reviews .review-list .review-item{
   
    font-size:14px
}

.utf_star_rating_section_msg .review-item{
   
    font-size:14px
}
@media(max-width: 990px){
    /* Çok büyük görünüyor - ŞEREF - 21.04.2020
    .bravo-reviews .review-list .review-item{
        padding-top:15px;
        padding-bottom:15px
    }*/
}
.bravo-reviews .review-list .review-item .review-item-head{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-right:100px
}
.bravo-reviews .review-list .review-item .review-item-head .media .media-left{
    padding-right:15px
}

.utf_star_rating_section_msg .review-item .review-item-head .media .media-left{
    padding-right:20px
}


.bravo-reviews .review-list .review-item .review-item-head .media .media-left img{
    border-radius:50%;
    width: 30px;
    height: 30px;
    background: #1a2b47;
    object-fit: cover;
    
}
.bravo-reviews .review-list .review-item .review-item-head .media .media-left .avatar-text{
    background:#1a2b47;
    color:#fff;
    border-radius:50%;
    width:30px;
    height:30px;
    display:block;
    text-align:center;
    padding-top:4px;
    position:relative;
    font-size:16px;
    top:0
}

.utf_star_rating_section_msg .review-item .review-item-head .media .media-left .avatar-text{
    background:#1a2b47;
    color:#fff;
    border-radius:50%;
    width:30px;
    height:30px;
    display:block;
    text-align:center;
    padding-top:4px;
    position:relative;
    font-size:16px;
    top:0
}



.utf_star_rating_section_msg .review-item .review-item-head .media .media-body .media-heading{
    font-size:15px;
    color:#707070;
    font-weight:600;
    margin-bottom:5px;
    margin-top:8px
}


.bravo-reviews .review-list .review-item .review-item-head .media .media-body .media-heading{
    font-size:13px;
    color:#707070;
    font-weight:600;
    margin-bottom:5px;
    margin-top:8px
}
.bravo-reviews .review-list .review-item .review-item-head .media .media-body .date{
    color:#aeb4c0
}
.bravo-reviews .review-list .review-item .review-item-body{
    margin-top:20px
}
.bravo-reviews .review-list .review-item .review-item-body .title{
    position:relative;
    font-size:16px;
    line-height:20px
}
.bravo-reviews .review-list .review-item .review-item-body .review-star{
    padding:0;
    margin:0;
    overflow:hidden
}
.bravo-reviews .review-list .review-item .review-item-body .review-star li{
    list-style:none;
    margin-right:5px;
    float:left
}
.bravo-reviews .review-list .review-item .review-item-body .review-star li .fa{
    color:#ffdc00;
    font-size:16px
}
.bravo-reviews .review-list .review-item .review-item-body .detail{
    margin-top:5px;
    font-size:14px;
    color:#5e6d77;
    font-weight:400;
    position:relative
}
.bravo-reviews .review-list .review-item:last-child{
    border-bottom:1px solid #eaeef3
}
.bravo-reviews .review-pag-wrapper{
    overflow:hidden;
    margin-top:15px
}
.bravo-reviews .review-pag-wrapper .review-pag-text{
    float:right;
    font-size:14px;
    color:#5e6d77;
    margin-top:5px;
    margin-right:0
}
.bravo-reviews .review-pag-wrapper .bravo-pagination{
    text-align:left;
    display:inline-block;
    margin-top:3px;
    margin-bottom:0
}
.bravo-reviews .review-pag-wrapper .bravo-pagination ul{
    text-align:center;
    display:inline-block;
    padding:0;
    margin:0
}
.bravo-reviews .review-pag-wrapper .bravo-pagination ul li{
    list-style:none;
    font-size:16px;
    color:#768090;
    float:left;
    margin-right:10px
}
.bravo-reviews .review-pag-wrapper .bravo-pagination ul li a,.bravo-reviews .review-pag-wrapper .bravo-pagination ul li span{
    display:block;
    height:32px;
    width:32px;
    line-height:32px;
    text-decoration:none;
    color:#5e6d77;
    float:none;
    padding:0;
    border:none;
    border-radius:3px;
    cursor:pointer
}
.bravo-reviews .review-pag-wrapper .bravo-pagination ul li a.current,.bravo-reviews .review-pag-wrapper .bravo-pagination ul li span.current{
    border:1px solid #1a2b47 !important;
    border-radius:3px;
    background:transparent !important;
    color:#1a2b47 !important
}
.bravo-reviews .review-pag-wrapper .bravo-pagination ul li.active a,.bravo-reviews .review-pag-wrapper .bravo-pagination ul li.active span{
    border:1px solid #1a2b47 !important;
    background:transparent !important;
    color:#1a2b47 !important
}
.bravo-reviews .review-pag-wrapper .bravo-pagination .count-string{
    font-size:14px;
    color:#768090;
    margin-top:5px;
    display:inline-block
}
.bravo-reviews .review-form{
    margin:15px 0
}
.bravo-reviews .review-form .title-form{
    color:#1a2b48 !important;
    font-size:16px;
    font-weight:500
}
.bravo-reviews .review-form .form-wrapper{
    margin-top:15px;
    
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px
}
@media(max-width: 766px){
    /*.bravo-reviews .review-form .form-wrapper{
        padding:15px
    }*/
    .bravo-reviews .review-form .form-wrapper .form-group{
        margin-bottom:0
    }
}
@media(max-width: 1024px){
    .bravo-reviews .review-form .form-wrapper .row .col-md-8{
        -ms-flex:0 0 60%;
        flex:0 0 60%;
        max-width:60%
    }
    .bravo-reviews .review-form .form-wrapper .row .col-md-4{
        -ms-flex:0 0 40%;
        flex:0 0 40%;
        max-width:40%
    }
}
@media(max-width: 766px){
    .bravo-reviews .review-form .form-wrapper .row .col-md-8,.bravo-reviews .review-form .form-wrapper .row .col-md-4{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
}
.bravo-reviews .review-form .form-wrapper .review-items{
    background:#fff;
    padding:5px 15px; /* padding:15px 15px;*/
    border:1px solid #ccc;
    border-radius:5px;
    margin-top:15px;
   /* min-height:350px*/
}
@media(max-width: 766px){
    .bravo-reviews .review-form .form-wrapper .review-items{
        min-height:auto;
        padding:10px 15px
    }
}
.bravo-reviews .review-form .form-wrapper .review-items .item{
    margin-bottom:5px; /*margin-bottom:10px*/
    font-size: 12px;
}
@media(max-width: 766px){
    .bravo-reviews .review-form .form-wrapper .review-items .item{
        margin-bottom:5px
    }
}
.bravo-reviews .review-form .form-wrapper .review-items .item:last-child{
    margin-bottom:0
}
.bravo-reviews .review-form .form-wrapper .review-items .item label{
    font-size:14px;
    font-weight:500;
    color:#768090
}
@media(max-width: 766px){
    .bravo-reviews .review-form .form-wrapper .review-items .item label{
        margin-bottom:5px
    }
}
.bravo-reviews .review-form .form-wrapper .review-items .item .rates{
    position:relative
}
.bravo-reviews .review-form .form-wrapper .review-items .item .fa:not(:last-child){
    margin-right:8px
}
.bravo-reviews .review-form .form-wrapper .review-items .item .fa{
    cursor:pointer;
    font-size:16px
}
.bravo-reviews .review-form .form-wrapper .review-items .item .fa.grey{
    color:#5e6d77
}
.bravo-reviews .review-form .form-wrapper .review-items .item .fa.selected,.bravo-reviews .review-form .form-wrapper .review-items .item .fa.hovered{
    color:#ffdc00
}
.bravo-reviews .review-form .form-wrapper .review-items .item .fa.selected:before,.bravo-reviews .review-form .form-wrapper .review-items .item .fa.hovered:before{
    /*content:""*/
}
.bravo-reviews .review-form .form-wrapper .alert ul{
    margin-left:30px
}
.bravo-reviews .review-form .form-wrapper textarea.form-control{
    /*min-height:350px;*/
        min-height: 280px;
    margin-top:15px
}
@media(max-width: 766px){
    .bravo-reviews .review-form .form-wrapper textarea.form-control{
        min-height:100px
    }
}
 .bravo-reviews .review-form .btn{
    /*background:#5191fa;*/
    color:#fff;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:3px;
    padding:10px 20px;
    -webkit-transition:background .2s,color .2s;
    transition:background .2s,color .2s;
    margin-top:10px
}
@media(max-width: 766px){
    .bravo-reviews .review-form .btn{
        padding:5px 15px
    }
}
.page-404-content{
    padding:60px 0px;
    text-align:center
}
.page-404-content h1{
    font-size:48px;
    color:#1a2b48;
    font-weight:500;
    margin-top:0px
}
.page-404-content h3{
    font-size:16px;
    color:#5e6d77;
    font-weight:400;
    margin-bottom:60px;
    margin-top:10px
}
.page-404-content img{
    margin-bottom:50px;
    max-width:100%
}
.page-404-content p{
    font-size:18px;
    color:#5e6d77;
    margin-bottom:5px
}
.cdn-full-page{
    height:100%
}
.cdn-browser{
    background:#f4f5f9;
    height:100%
}
.cdn-browser .btn-pick-files{
    position:relative
}
.cdn-browser .btn-pick-files input{
    opacity:0;
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px
}
.cdn-browser .icon-loading{
    top:4px;
    font-size:20px;
    margin-right:10px;
    position:relative;
    display:none
}
.cdn-browser .icon-loading.active{
    display:inline-block
}
.cdn-browser .files-nav{
    padding:9px 13px;
    border-bottom:1px solid #dadee0;
    background:#fff
}
.cdn-browser .files-nav .filter-item{
    padding-right:20px
}
.cdn-browser .files-nav .form-control,.cdn-browser .files-nav .btn{
    height:34px;
    font-size:14px;
    line-height:normal;
    padding:3px 12px
}
.cdn-browser .files-list{
    flex-grow:1;
    overflow:auto;
    padding:15px
}
.cdn-browser .files-list .view-grid{
    display:flex;
    flex-wrap:wrap;
    margin:0px -10px
}
.cdn-browser .files-list .total-text{
    padding:0px 10px
}
.cdn-browser .files-list .view-grid .file-item{
    flex-shrink:0;
    width:12.5%;
    padding:0px 10px;
    margin-bottom:20px
}
.cdn-browser .files-list .view-grid .file-item .inner{
    position:relative;
    border:1px solid #dadee0;
    cursor:pointer;
    height:100%;
    border-radius:2px;
    user-select:none;
    -webkit-user-select:none
}
.cdn-browser .files-list .view-grid .file-item .inner.active:before{
    content:"";
    position:absolute;
    top:-4px;
    left:-4px;
    right:-4px;
    bottom:-4px;
    border:4px solid #007bff;
    border-radius:2px
}
.cdn-browser .files-list .view-grid .file-item .inner.active .file-checked-status{
    position:absolute;
    top:3px;
    right:3px;
    border-radius:50%;
    background:#007bff;
    height:24px;
    width:24px;
    display:flex;
    align-content:center;
    justify-content:center
}
.cdn-browser .files-list .view-grid .file-item .inner.active .file-checked-status svg{
    fill:#fff;
    width:18px
}
.cdn-browser .files-list .view-grid .file-item .inner .file-thumb img{
    max-width:100%
}
.cdn-browser .files-list .view-grid .file-item.is-image .inner .file-thumb img{
    object-fit:cover;
    height:170px
}
.cdn-browser .files-list .view-grid .file-item.not-image .inner .file-thumb img{
    padding-top:27px;
    height:auto
}
.cdn-browser .files-list .view-grid .file-item .inner .file-thumb{
    text-align:center
}
.cdn-browser .files-list .view-grid .file-item .file-name{
    padding:7px;
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    background:rgba(0,0,0,.6);
    font-size:14px;
    height:54px;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#fff
}
.cdn-browser .browser-actions{
    background:#fff;
    border-top:1px solid #dadee0;
    padding:10px
}
.cdn-browser .count-selected{
    color:#007bff;
    font-weight:bold;
    font-size:14px
}
.cdn-browser .clear-selected{
    color:red;
    font-size:14px;
    cursor:pointer
}
.cdn-browser .no-files-text{
    padding:20px;
    font-size:20px;
    color:red
}
.cdn-browser .upload-new .filepond--root{
    margin-bottom:0px;
    background-color:#fff;
    border-bottom:1px solid #dadee0
}
.cdn-browser .upload-new .filepond--panel-root{
    border-radius:0px;
    background-color:#fff;
    border-bottom:1px solid #dadee0
}
@media(max-width: 1365px){
    .cdn-browser .files-list .view-grid .file-item{
        width:14.2%
    }
}
@media(max-width: 1100px){
    .cdn-browser .files-list .view-grid .file-item{
        width:14.2%
    }
}
@media(max-width: 991px){
    .cdn-browser .files-list .view-grid .file-item{
        width:25%
    }
}
@media(max-width: 600px){
    .cdn-browser .files-list .view-grid .file-item{
        width:50%
    }
}
#cdn-browser-modal{
    overflow:hidden;
    z-index:2051
}
#cdn-browser-modal .modal-dialog{
    height:100%;
    padding-bottom:55px;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto
}
#cdn-browser-modal .modal-dialog .modal-content{
    height:100%
}
body{
    color:#1a2b48;
    font-size:14px;
    font-family: 'Muli', sans-serif;
    font-weight:normal;
    line-height:1.5;
    overflow-x:hidden;
    background: #f7f9fc;
    padding-right: 0 !important
}
img.lazy{
    opacity:0
}
img.lazy:not(.initial){
    transition:opacity 1s
}
img.lazy.initial,img.lazy.loaded,img.lazy.error{
    opacity:1
}
img:not([src]){
    visibility:hidden
}
img[data-src],img[data-srcset]{
    display:block;
    min-height:1px
}
ul,ol{
    padding:0;
    margin:0
}
.clear:before,.clear:after{
    display:table;
    content:"";
    clear:both
}
[v-cloak]{
    display:none
}

@media(max-width: 768px){
    .bravo_wrap {
        
    }
}
.bravo_wrap  .content{
    display:flex;
    /*align-items:center;*/
    justify-content:space-between;
}
.bravo_wrap  .content .socials{
    display:inline-block;
    border-right:1px solid #374969
}
.bravo_wrap  .content .socials a{
    padding-right:18px;
    color:#d1d4da;
    font-size:14px;
    text-decoration:none
}
.bravo_wrap  .content .socials a:first-child{
    padding-left:0
}
.bravo_wrap  .content .dropdown-menu .divider{
    margin:0px 0;
    background-color:#31414a
}
.bravo_wrap  .content .topbar-items{
    display:inline-block
}
.bravo_wrap  .content .topbar-items li{

   
    display:inline-block
}
.bravo_wrap  .content .topbar-items li a{
    color:#fff;
    font-weight:400;
    font-size:12px;
    text-decoration:none
}
.bravo_wrap  .content .topbar-items li:last-child{
    padding-right:0px
}
.bravo_wrap  .content .topbar-left{
    font-size:14px
}
@media(max-width: 560px){
    .bravo_wrap  .content .topbar-left .topbar-items{
        display:none
    }
}
@media(max-width: 560px){
    .bravo_wrap  .content .topbar-left .st-list.socials{
        border-right:none
    }
}
.bravo_wrap  .topbar-right{
    font-size:12px;
    text-align: right;
    min-width: 285px;
}
.bravo_wrap  .topbar-right .dropdown-menu{
    right:0;
    /*left:auto !important;*/
    left: -48px;
    min-width:200px;
    border-radius:10px;
    background: #fff;
}
.bravo_wrap  .topbar-right .topbar-items li a{
    /*mobilde sığmıyor font-size: 15px;*/
    font-weight: 600!important;
    
}
.bravo_wrap  .topbar-right .topbar-items li:last-child{
    padding-right:0px
}
.bravo_wrap .dropdown-menu{
   
    /*min-width:auto;
    background:#1a2b48*/
}
.bravo_wrap .dropdown-menu li{
    padding-left:0;
    padding-right:0;
    width:100%
}
.bravo_wrap .dropdown-menu li.menu-hr{
    border-top:1px solid #efefef
}
.bravo_wrap  .dropdown-menu li a{
    display:block;
    padding:8px 15px;
    color: #6c757d;
}
.bravo_wrap .dropdown-menu li a:hover{
    text-decoration:none
}
.bravo_wrap .dropdown-menu li a:hover{
    background: #ececec;
}
.bravo_wrap .bravo_header{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999;
    padding: 10px 0;
}
.bravo_wrap .bravo_header .content{
   
    display:flex;
    align-items:center
}
.bravo_wrap .bravo_header .content .header-left{
    width:25%;
    position:relative;
    height:100%;
    /*min-height:70px; 27.04.2020*/
    display:flex;
    align-items:center
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu{
    padding-left:20px
}
@media(max-width: 768px){
    .bravo_wrap .bravo_header .content .header-left .bravo-menu{
        display:none
    }
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu a{
    text-decoration:none
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul{
    list-style:none
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li{
    display:inline-block;
    position:relative
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li a{
    padding:20px 25px;
    display:inline-block;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    color:#fff;
    transition:all .3s
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li.active{
    color:#5191fa
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li>.fa{
    position:absolute;
    top:50%;
    margin-top:-9px;
    right:5px;
    font-size:18px;
    transition:all .3s
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li>.menu-dropdown{
    list-style:none;
    position:absolute;
    left:0;
    top:120%;
    padding-left:0;
    margin-bottom:0;
    min-width:200px;
    padding-top:5px;
    padding-bottom:5px;
    background:#fff;
    -webkit-box-shadow:0 1px 1px #dbdbdb;
    box-shadow:0 1px 1px #dbdbdb;
    z-index:999;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li>.menu-dropdown li{
    padding-left:20px;
    padding-right:20px;
    display:block
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li>.menu-dropdown li:not(:last-child) a{
    border-bottom:1px solid #eee
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li>.menu-dropdown li a{
    padding:15px 0;
    display:block;
    font-size:14px
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li:hover>.menu-dropdown{
    top:100%;
    opacity:1;
    visibility:visible
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li:hover>a{
    color:#5191fa
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li:hover>.fa{
    color:#5191fa
}
.bravo_wrap .bravo_header .content .header-right{
    /*width:20%;*/
    position:relative;
    height:100%;
    text-align:right
}
.bravo_wrap .bravo_header .content .header-right .bravo-more-menu{
    border:none;
    background:transparent;
    font-size:32px;
    padding:0px 10px;
    float:right;
    display:none;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
@media(max-width: 767px){
    .bravo_wrap .bravo_header .content .header-right .bravo-more-menu{
        display:block
    }
}
.bravo_wrap .bravo_header .content .header-right .bravo-more-menu.active{
    background:#1a2b48;
    color:#fff;
    border-radius:5px
}
.bravo_wrap .bravo_header .content .header-right .topbar-items{
    display:inline-block;
    margin-right:5px
}
@media(max-width: 990px){
    .bravo_wrap .bravo_header .content .header-right .topbar-items{
        display:none
    }
}
.bravo_wrap .bravo_header .content .header-right .topbar-items li{
    padding-left:18px;
    padding-right:18px;
    display:inline-block
}
.bravo_wrap .bravo_header .content .header-right .topbar-items li a{
    color:#000;
    font-weight:400;
    font-size:12px;
    text-decoration:none
}
.bravo_wrap .bravo_header .content .header-right .topbar-items li:last-child{
    padding-right:0px
}
.bravo_wrap .bravo_header .content .header-right .topbar-items .login-item>.is_login{
    padding-right:50px;
    display:block
}
.bravo_wrap .bravo_header .content .header-right .topbar-items .login-item>.is_login .avatar,.bravo_wrap .bravo_header .content .header-right .topbar-items .login-item>.is_login .avatar-text{
    position:absolute;
    width:40px;
    height:40px;
    right:0;
    border-radius:50%;
    top:-12px
}
.bravo_wrap .bravo_header .content .header-right .topbar-items .login-item>.is_login .avatar-text{
    align-items:center;
    background:#1a2b48;
    justify-content:center;
    font-size:20px;
    color:#fff;
    display:flex
}
.bravo_wrap .bravo_header .content .header-right .topbar-items li a{
    font-size:12px
}
.bravo_wrap .bravo_header .content .header-right .topbar-items li:last-child{
    padding-right:0px
}
.bravo_wrap .bravo_header .content .header-right .dropdown-menu{
    right:0;
    left:auto !important;
    min-width:200px;
    top:52px !important;
    border-radius:0;
    transform:none !important;
    background:#1a2b48
}
.bravo_wrap .bravo_header .content .header-right .dropdown-menu li{
    padding-left:0;
    padding-right:0;
    width:100%
}
.bravo_wrap .bravo_header .content .header-right .dropdown-menu li.menu-hr{
    border-top:1px solid #31414a
}
.bravo_wrap .bravo_header .content .header-right .dropdown-menu li a{
    display:block;
    padding:8px 15px;
    color:#fff
}
.bravo_wrap .bravo_header .content .header-right .dropdown-menu li a:hover{
    text-decoration:none
}
.bravo_wrap .bravo_header .content .header-right .dropdown-menu li a:hover{
    background:#233448
}
.bravo_wrap .bravo_header .bravo-menu-mobile{
    width:300px;
    position:fixed;
    top:0;
    left:0;
    height:100%;
    background:#fff;
    transform:translate(-105%, 0);
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    z-index:10;
    border-right:solid 1px #1a2b48
}
.bravo_wrap .bravo_header .bravo-menu-mobile.active{
    transform:translate(0)
}
.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile{
    border-bottom:solid 1px #e6e6e6
}
.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile .b-close{
    position:absolute;
    right:10px;
    top:0;
    z-index:11;
    color:#fff;
    font-size:34px;
    cursor:pointer
}
.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile .avatar{
    background:#1a2b48;
    color:#fff;
    text-align:center;
    padding:20px 0
}
.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile .avatar i{
    font-size:34px;
    border:solid 2px #fff;
    border-radius:50%;
    padding:15px 17px;
    display:inline-block
}
.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile .avatar img{
    max-width:80px;
    border-radius:50%
}
.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile ul{
    padding:20px;
    list-style:none
}
/*ŞEREF-27.03.2020
.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile ul li{
    margin-bottom:10px
}*/
.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile ul li a{
    color:#1a2b48;
    text-decoration:none
}
.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile ul li a i{
    min-width:15px;
    display:inline-block
}
.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile ul li:last-child{
    margin-bottom:0
}
.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu{
    overflow-x:scroll
}
.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul{
    padding:0px 15px;
    list-style:none
}
.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li a{
    color:#1a2b48;
    border-bottom:solid 1px #e6e6e6;
    display:block;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    text-decoration:none;
    padding:10px 0
}
.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li a i{
    float:right;
    padding:8px 15px 9px 15px;
    margin-top:-5px;
    margin-right:-10px
}
.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li a i:before{
    content:""
}
.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li a:hover{
    border-bottom:solid 1px #1a2b48
}
.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li>.children-menu{
    display:none;
    list-style:none
}
.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li>.children-menu li a{
    padding-left:15px
}
.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li>.children-menu li>.children-menu{
    display:none;
    list-style:none
}
.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li>.children-menu li>.children-menu li a{
    padding-left:30px
}
.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li.active>a{
    border-bottom:dashed 1px #1a2b48
}
.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li.active>a>i:before{
    content:""
}
.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li.active>.children-menu{
    display:block
}
.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li.active>.children-menu>li.active>.children-menu{
    display:block
}
.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li.active>.children-menu>li.active>a>i:before{
    content:""
}
.bravo_wrap .bravo_footer .mailchimp{
    padding-top:65px;
    padding-bottom:40px;
    background:#f5f5f5
}
@media(max-width: 766px){
    .bravo_wrap .bravo_footer .mailchimp{
        padding-top:45px;
        padding-bottom:20px
    }
}
.bravo_wrap .bravo_footer .mailchimp .media-left{
    padding-right:30px
}
@media(max-width: 766px){
    .bravo_wrap .bravo_footer .mailchimp .media-left{
        padding-right:15px
    }
}
.bravo_wrap .bravo_footer .mailchimp .media-left i{
    font-size:80px;
    top:-10px;
    position:relative
}
@media(max-width: 766px){
    .bravo_wrap .bravo_footer .mailchimp .media-left i{
        top:-20px
    }
}
.bravo_wrap .bravo_footer .mailchimp .media-body .media-heading{
    font-size:24px !important
}
@media(max-width: 766px){
    .bravo_wrap .bravo_footer .mailchimp .media-body .media-heading{
        font-size:18px !important
    }
}
.bravo_wrap .bravo_footer .mailchimp .media-body p{
    font-size:16px !important;
    color:#5e6d77 !important
}
@media(max-width: 766px){
    .bravo_wrap .bravo_footer .mailchimp .media-body p{
        font-size:14px !important
    }
}
.bravo_wrap .bravo_footer .mailchimp .subcribe-form{
    position:relative
}
.bravo_wrap .bravo_footer .mailchimp .subcribe-form .form-control{
    height:55px;
    line-height:53px;
    font-size:14px;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-color:#d7dce3
}
@media(max-width: 766px){
    .bravo_wrap .bravo_footer .mailchimp .subcribe-form .form-control{
        height:40px;
        line-height:40px
    }
}
.bravo_wrap .bravo_footer .mailchimp .subcribe-form .btn-submit{
    border:none;
    border-radius:0 5px 5px 0;
    position:absolute;
    top:0;
    right:0;
    height:55px;
    line-height:55px;
    color:#fff;
    background:#1a2b48;
    padding-left:25px;
    padding-right:25px;
    font-weight:600;
    text-transform:uppercase
}
@media(max-width: 766px){
    .bravo_wrap .bravo_footer .mailchimp .subcribe-form .btn-submit{
        height:40px;
        line-height:40px
    }
}
@media(max-width: 990px){
    .bravo_wrap .bravo_footer .mailchimp .subcribe-form .btn-submit{
        padding-left:15px;
        padding-right:15px
    }
}
.bravo_wrap .bravo_footer .main-footer{
 
    border-top: 1px solid #2c2f31;
    padding-top: 20px;
        background-color: #2c2f31;
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .title{
    
    font-weight: bold;
    padding: 12px 0;
    margin-bottom: 15px;
    position: relative;
    color: #f8f8f8;
        font-size: 17px;
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .title:before{
    position:absolute;
    bottom:0;
    content:"";
    width:120px;
    border-bottom:1px solid #424446;
    left:0
}
@media(max-width: 768px){
    .bravo_wrap .bravo_footer .main-footer .nav-footer .title:before{
        width:100%
    }
}
@media(max-width: 766px){
    .bravo_wrap .bravo_footer .main-footer .nav-footer .title{
        padding:15px 0;
        margin-bottom:15px
    }
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .context ul{
    list-style:none
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .context ul li{
    display:block
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .context ul li a{
    margin-bottom:13px;
    font-size:14px;
    font-weight:400;
    display:block;
    color:#777;
    text-decoration:none;
    transition:all .3s
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .context ul li a:hover{
    color:#5191fa
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .context .contact{
    border-left-width:3px;
    padding-left:20px;
    border-left-color:#5191fa;
    border-left-style:solid;
    margin-bottom:30px
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .context .contact .c-title{
    color:#5e6d77;
    margin-bottom:3px
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .context .contact .sub{
       font-weight: 500;
    font-size: 15px;
    color: #f8f8f8;
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .context .contact .sub a{
    margin-right:20px
}
.bravo_wrap .bravo_footer .copy-right{
    border-top:1px solid #232527;
    background-color: #232527;
}
.bravo_wrap .bravo_footer .copy-right p{
    margin-bottom:0
}
.bravo_wrap .bravo_footer .copy-right .context{
    position:relative;
    padding:15px 15px
}
.bravo_wrap .bravo_footer .copy-right .context .f-visa{
    position:absolute;
    right:15px;
    top:50%;
    transform:translate(0, -50%)
}


@media(max-width: 460px){
    .bravo_wrap .bravo_footer .copy-right .context .f-visa{
        position:initial;
        margin-top:10px;
        transform:translate(0)
    }
}
@media(max-width: 766px){
    .bravo_wrap .bravo_footer .copy-right .context{
        padding:20px 15px
    }
}
.bravo_wrap .page-template-content .bravo-list-brand .title{
    font-size:28px;
    margin-bottom:20px
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-list-brand .title{
        font-size:24px;
        margin-bottom:15px
    }
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand{
    border:1px solid #dfdfdf;
    border-radius:3px;
    overflow:hidden;
    padding-bottom:15px;
    position:relative;
    margin-bottom:30px
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand a{
    text-decoration:none;
    transition:all .3s
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .sale_info{
    position:absolute;
    width:80px;
    height:48px;
    transform:rotate(45deg);
    right:-30px;
    top:-13px;
    line-height:65px;
    text-align:center;
    color:#fff;
    font-size:15px;
    z-index:8;
    background-color:#c03
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .featured{
    position:absolute;
    top:20px;
    left:0;
    font-size:13px;
    color:#fff;
    font-weight:500;
    z-index:8;
    background:#1a2b48;
    border-radius:0 3px 3px 0;
    padding:6px 10px
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .thumb-image{
    overflow:hidden;
    height:170px;
    background:#ccc
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .thumb-image a img{
    transition:all .3s;
    max-width:100%
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .thumb-image a:hover img{
    transform:scale(1.1)
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .location{
    font-size:13px;
    color:#5e6d77;
    padding:15px 15px 10px
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .location i{
    position:relative;
    font-size:16px
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .category{
    padding:0 15px
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .category .fa{
    color:#687882;
    opacity:.6
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .service-review{
    padding:10px 15px 15px
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .service-review .list-star{
    display:inline-block;
    line-height:13px;
    position:relative
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .service-review .list-star .booking-item-rating-stars{
    padding:0;
    margin:0;
    width:90px
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .service-review .list-star .booking-item-rating-stars:before,.bravo_wrap .page-template-content .bravo-list-brand .item-brand .service-review .list-star .booking-item-rating-stars:after{
    content:"";
    display:table;
    clear:both
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .service-review .list-star .booking-item-rating-stars li{
    list-style:none;
    float:left;
    margin-right:5px
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .service-review .list-star .booking-item-rating-stars li:last-child{
    margin-right:0
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .service-review .list-star .booking-item-rating-stars li .fa{
    font-size:15px;
    color:#ffdc00
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .service-review .list-star .booking-item-rating-stars-active{
    position:absolute;
    width:0;
    top:0;
    left:0;
    overflow:hidden
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .service-review .review{
    position:relative;
    top:-2px;
    font-size:13px;
    color:#768092;
    margin-left:10px
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .item-title{
    padding:0 15px 0;
    font-size:16px;
    line-height:22px;
    min-height:45px
}
@media(max-width: 990px){
    .bravo_wrap .page-template-content .bravo-list-brand .item-brand .item-title{
        font-size:14px
    }
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-list-brand .item-brand .item-title{
        min-height:auto
    }
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .item-title a{
    color:#1a2b50
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .info{
    padding:0 15px 0
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .info:before,.bravo_wrap .page-template-content .bravo-list-brand .item-brand .info:after{
    content:"";
    display:table;
    clear:both
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .info .duration{
    width:32%;
    float:left;
    align-items:center;
    color:#5e6d77;
    position:relative;
    top:5px
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .info .duration i{
    position:relative;
    font-size:17px
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .info .g-price{
    width:68%;
    float:left;
    text-align:right
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .info .g-price .prefix{
    color:#5e6d77;
    display:inline-block
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .info .g-price .prefix i{
    font-size:16px;
    color:#ffc107
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .info .g-price .price{
    position:relative;
    display:inline-block
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .info .g-price .price .text-price{
    font-size:18px;
    color:#1a2b48;
    font-weight:500
}
.bravo_wrap .page-template-content .bravo-list-brand .item-brand .info .g-price .price .onsale{
    position:absolute;
    right:0;
    top:-15px;
    text-decoration:line-through;
    font-size:14px;
    color:#c03 !important;
    font-weight:400
}
.bravo_wrap .page-template-content .bravo-list-brand .owl-dots{
    display:none
}
.bravo_wrap .page-template-content .bravo-list-brand .owl-nav{
    position:absolute;
    right:0;
    top:-50px;
    display:block
}
.bravo_wrap .page-template-content .bravo-list-brand .owl-nav .owl-prev,.bravo_wrap .page-template-content .bravo-list-brand .owl-nav .owl-next{
    font-size:40px;
    line-height:33px;
    border:solid 1px #000;
    padding:0px 10px !important;
    margin-left:10px
}
.bravo_wrap .page-template-content .bravo-list-brand .owl-nav .owl-prev span,.bravo_wrap .page-template-content .bravo-list-brand .owl-nav .owl-next span{
    position:relative;
    top:-1px;
    outline:none !important
}
.bravo_wrap .page-template-content .bravo-form-search-brand{
    padding:120px 0;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:cover !important
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-form-search-brand{
        padding:0px 0 15px
    }
}
.bravo_wrap .page-template-content .bravo-form-search-brand .text-heading{
    font-weight:500;
    font-size:54px;
    color:#fff
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-form-search-brand .text-heading{
        font-size:28px
    }
}
.bravo_wrap .page-template-content .bravo-form-search-brand .sub-heading{
    font-size:18px;
    color:#fff
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-form-search-brand .sub-heading{
        font-size:14px
    }
}
.bravo_wrap .page-template-content .bravo-form-search-brand .g-form-control{
    padding:0 100px;
    margin:50px 0 0
}
@media(max-width: 990px){
    .bravo_wrap .page-template-content .bravo-form-search-brand .g-form-control{
        padding:0
    }
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-form-search-brand .g-form-control{
        margin:20px 0 0;
        background:#fff
    }
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand{
    background:#fff;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.2);
    border-radius:50px;
    padding: 5px;
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .form-group{
    margin-bottom:0
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .border-right{
    border-right:1px solid #d7dce3
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .border-right{
        border-right:none !important;
        padding:0 30px
    }
    .bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .border-right .form-group{
        border-bottom:solid 1px #d7dce3
    }
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .field-detination{
    position:relative;
    padding:20px 0 10px 0;
    transition:all .3s
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .field-detination #dropdown-destination{
    padding-left:65px
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .field-detination #dropdown-destination .form-control{
    border:none;
    box-shadow:none;
    padding:0;
    font-size:16px;
    color:#5191fa;
    position:relative;
    left:-5px;
    height:25px !important
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .field-detination #dropdown-destination .form-control{
        font-size:14px
    }
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .field-detination #dropdown-destination .form-control option{
    color:#000
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand label{
    font-size:14px;
    color:#5e6d77;
    font-weight:400;
    margin-bottom:0px
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .render{
    font-size:16px;
    color:#5191fa;
    overflow:hidden;
    width:100%;
    display:inline-block;
    white-space:nowrap;
    text-overflow:ellipsis
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .render{
        font-size:14px
    }
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .field-icon{
    position:absolute;
    top:50%;
    margin-top:-18px;
    font-size:40px;
    color:#5191fa;
    left:13px
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .field-icon{
        margin-top:-16px;
        font-size:34px
    }
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .form-date-search{
    padding:5px 0 5px 20px;
    position:relative;
    transition:all .3s
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .form-date-search .date-wrapper{
    padding-left:42px
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .form-date-search .field-icon{
    left:10px;
    font-size:36px
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .form-date-search .field-icon{
        left:15px
    }
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .form-date-search .check-in-wrapper{
    padding-left:23px
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .form-date-search .check-in-wrapper .check-in-render,.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .form-date-search .check-in-wrapper .check-out-render{
    display:inline-block;
    width:auto
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .form-date-search .check-in-wrapper span{
    color:#5e6d77;
    position:relative;
    top:-7px
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .form-date-search .check-in-wrapper label{
    display:block
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .form-date-search .check-in-out{
    position:absolute;
    left:-15px;
    bottom:1px;
    z-index:-1;
    opacity:0
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .g-button-submit{
    position:relative;
    min-height:50px;
    margin:0 -1px 0 -15px
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .g-button-submit{
        margin:0;
        text-align:right;
        min-height:auto
    }
}
.bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .g-button-submit button{
    position:absolute;
    left:0;
    top:0;
    display:block;
    height:100%;
    width:100%;
    margin-right:-15px;
    border-radius:50px;
    background:#5191fa;
    border:none;
    text-transform:uppercase;
    font-weight:500;
    cursor:pointer
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-form-search-brand .bravo_form_search_brand .g-button-submit button{
        height:auto;
        width:auto;
        position:relative;
        margin:15px 15px;
        border-radius:5px;
        display:inline-block;
        padding:5px 10px;
        font-weight:normal
    }
}
.bravo_wrap .page-template-content .bravo-featured-item{
    border-bottom:solid 1px #f4f4f4;
    margin:30px 0;
    padding-bottom:15px
}
.bravo_wrap .page-template-content .bravo-featured-item .featured-item{
    margin-bottom:20px
}
.bravo_wrap .page-template-content .bravo-featured-item .featured-item .image{
    margin-top:15px;
    float:left
}
.bravo_wrap .page-template-content .bravo-featured-item .featured-item .content{
    margin-left:85px;
    padding:15px
}
@media(max-width: 990px){
    .bravo_wrap .page-template-content .bravo-featured-item .featured-item .content{
        margin-left:60px
    }
}
.bravo_wrap .page-template-content .bravo-featured-item .featured-item .content .title{
    font-size:18px
}
.bravo_wrap .page-template-content .bravo-featured-item .featured-item .content .desc{
    font-size:13px
}
@media(max-width: 990px){
    .bravo_wrap .page-template-content .bravo-featured-item .col-md-4{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
}
.bravo_wrap .page-template-content .bravo-testimonial{
    margin:30px 0 30px
}
.bravo_wrap .page-template-content .bravo-testimonial h3{
    font-size:28px;
    margin-bottom:20px;
    font-weight:400
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-testimonial h3{
        font-size:24px;
        margin-bottom:15px
    }
}
.bravo_wrap .page-template-content .bravo-testimonial .item{
    border:1px solid #d7dce3;
    border-radius:3px;
    padding:30px;
    min-height:250px;
    margin-bottom:30px
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-testimonial .item{
        padding:15px;
        min-height:auto
    }
}
.bravo_wrap .page-template-content .bravo-testimonial .item .author{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:30px
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-testimonial .item .author{
        margin-bottom:10px
    }
}
.bravo_wrap .page-template-content .bravo-testimonial .item .author img{
    margin-right:20px;
    width:70px;
    height:auto;
    border-radius:50%
}
.bravo_wrap .page-template-content .bravo-testimonial .item .author .author-meta h4{
    font-size:16px;
    margin-bottom:8px
}
.bravo_wrap .page-template-content .bravo-testimonial .item .author .author-meta .star .fa{
    color:#ffdc00;
    font-size:16px;
    margin-right:2px
}
.bravo_wrap .page-template-content .bravo-testimonial .item p{
    font-size:14px;
    color:#768092;
    margin-bottom:0px
}
.bravo_wrap .page-template-content .bravo-call-to-action{
    margin:25px 0 40px
}
@media(max-width: 768px){
    .bravo_wrap .page-template-content .bravo-call-to-action{
        margin:0
    }
}
.bravo_wrap .page-template-content .bravo-call-to-action .context{
    padding-top:40px;
    padding-right:45px;
    padding-bottom:50px;
    padding-left:45px;
    background:#f6b756
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-call-to-action .context{
        padding:20px
    }
}
.bravo_wrap .page-template-content .bravo-call-to-action .context .title{
    font-size:48px;
    font-weight:500
}
@media(max-width: 768px){
    .bravo_wrap .page-template-content .bravo-call-to-action .context .title{
        font-size:32px
    }
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-call-to-action .context .title{
        font-size:26px
    }
}
.bravo_wrap .page-template-content .bravo-call-to-action .context .sub_title{
    font-size:18px
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-call-to-action .context .sub_title{
        font-size:16px
    }
}
.bravo_wrap .page-template-content .bravo-call-to-action .context .btn-more{
    margin-top:30px;
    float:right;
    background:#fff;
    display:block;
    padding:15px 25px;
    font-weight:500;
    border-radius:5px;
    color:#000;
    text-decoration:none;
    transition:all .3s
}
.bravo_wrap .page-template-content .bravo-call-to-action .context .btn-more:hover{
    border-radius:10px;
    background:#f1f1f1
}
@media(max-width: 990px){
    .bravo_wrap .page-template-content .bravo-call-to-action .context .btn-more{
        padding:15px 10px
    }
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-call-to-action .context .btn-more{
        float:none;
        display:inline-block;
        margin-top:10px;
        padding:5px 10px
    }
}
.bravo_wrap .page-template-content .bravo-list-locations .title{
    font-size:28px;
    margin-bottom:20px
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-list-locations .title{
        font-size:24px;
        margin-bottom:15px
    }
}
.bravo_wrap .page-template-content .bravo-list-locations .row{
    padding:0 -10px
}
.bravo_wrap .page-template-content .bravo-list-locations .row .col-md-4,.bravo_wrap .page-template-content .bravo-list-locations .row .col-md-8{
    padding-left:10px;
    padding-right:10px
}
@media(max-width: 990px){
    .bravo_wrap .page-template-content .bravo-list-locations .row .col-md-4{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .bravo_wrap .page-template-content .bravo-list-locations .row .col-md-8{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
}
.bravo_wrap .page-template-content .bravo-list-locations .list-item .destination-item{
    margin-bottom:20px;
    min-height:383px;
    border-radius:5px;
    overflow:hidden
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-list-locations .list-item .destination-item{
        min-height:200px
    }
}
.bravo_wrap .page-template-content .bravo-list-locations .list-item .destination-item.no-image{
    background:#ccc
}
.bravo_wrap .page-template-content .bravo-list-locations .list-item .destination-item .image{
    position:relative;
    overflow:hidden;
    min-height:383px;
    background-position:center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-list-locations .list-item .destination-item .image{
        min-height:200px
    }
}
.bravo_wrap .page-template-content .bravo-list-locations .list-item .destination-item .image .content{
    position:absolute;
    top:50%;
    left:0;
    right:0;
    -webkit-transform:translate(0, -50%);
    transform:translate(0, -50%);
    z-index:1;
    text-align:center
}
.bravo_wrap .page-template-content .bravo-list-locations .list-item .destination-item .image .content .title{
    margin-bottom:0px;
    font-size:28px;
    font-weight:400;
    color:#fff
}
@media(max-width: 766px){
    .bravo_wrap .page-template-content .bravo-list-locations .list-item .destination-item .image .content .title{
        font-size:22px
    }
}
.bravo_wrap .page-template-content .bravo-list-locations .list-item .destination-item .image .content .desc{
    display:inline-block;
    background:#5191fa;
    border-radius:100px;
    font-size:14px !important;
    color:#fff;
    padding:5px 20px;
    margin-top:10px
}
.bravo_wrap .page-template-content .bravo-list-locations .list-item .destination-item:hover .image img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.bravo_wrap .page-template-content .bravo-list-locations .list-item .destination-item:hover .effect{
    opacity:0
}
.bravo_wrap .page-template-content .bravo-list-locations .list-item .destination-item .effect{
    position:absolute;
    left:0;
    top:0;
    background:#000;
    z-index:1;
    width:100%;
    height:100%;
    opacity:.4;
    transition:all .3s
}
.bravo-pagination{
    text-align:center;
    display:block;
    /*margin-top:20px;*/
    margin-bottom:40px;
}
.bravo-pagination ul{
    display:inline-block;
    padding:0;
    margin:0
}
.bravo-pagination ul li{
    list-style:none;
    font-size:16px;
    color:#768090;
    float:left;
    margin-right:10px
}
.bravo-pagination ul li a,.bravo-pagination ul li span{
    display:block;
    height:32px;
    width:32px;
    line-height:32px;
    text-decoration:none;
    color:#5e6d77;
    float:none;
    padding:0;
    border:none;
    border-radius:3px;
    cursor:pointer
}
.bravo-pagination ul li a.current,.bravo-pagination ul li span.current{
    border:1px solid #5191fa !important;
    border-radius:3px;
    background:transparent !important;
    color:#5191fa !important
}
.bravo-pagination ul li.active a,.bravo-pagination ul li.active span{
    border:1px solid #5191fa !important;
    background:transparent !important;
    color:#5191fa !important
}
.bravo-pagination .count-string{
    font-size:14px;
    color:#768090;
    margin-top:5px;
    display:block
}
.bravo-effect-bg,.bravo-effect-user-bg{
    position:fixed;
    width:100%;
    height:100%;
    background:#000;
    z-index:9;
    left:0;
    top:0;
    opacity:.5
}
/*# sourceMappingURL=app.css.map */































































































































ul, li {
    margin: 0px;
    list-style-type: none;
}
textarea:focus, input:focus {
  border:1px solid #d8d8d8;
}
label {
  display: block;
  margin: 0;
}
::-webkit-input-placeholder {
color:#888;
opacity:1;
}
:-moz-placeholder {
color:#888;
opacity:1;
}
::-moz-placeholder {
color:#888;
opacity:1;
}
:-ms-input-placeholder {
color:#888;
opacity:1;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder {color:transparent;}
input:focus:-ms-input-placeholder {color:transparent;}

textarea:focus::-webkit-input-placeholder {color:transparent;}
textarea:focus:-moz-placeholder {color:transparent;}
textarea:focus::-moz-placeholder {color:transparent;}
textarea:focus:-ms-input-placeholder {color:transparent;}

input::-webkit-input-placeholder {color:#828282;}
input:-moz-placeholder {color:#828282;}
input::-moz-placeholder {color:#828282;}
input:-ms-input-placeholder {color:#828282;}

textarea::-webkit-input-placeholder {color:#828282;}
textarea:-moz-placeholder {color:#828282;}
textarea::-moz-placeholder {color:#828282;}
textarea:-ms-input-placeholder {color:#828282;}













/*-----------

Theme Name: U-Listing
Description: U-Listing Directory - Listing Html Template
Version: 1.0.8

------------*/

@charset "UTF-8";




/*Google Fonts*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800");
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,500i,600,700&display=swap');

/*=================
Table Of Content
------------------------------------

#. Typography
#. Loader
#. Header
#. Backto Top
#. Navigation
#. Footer
#. User Menu
#. Verified Style
#. Panel Menu Style
#. Bookings Style
#. Search Container Block
#. Main Inner Search Block
#. Rangeslider Style
#. Chosen Container Style
#. Listing Filter Block
#. Search Map Section Block
#. Sort By Style
#. Main Input Search Style
#. Select Option Style
#. Panel Dropdown Style
#. More Search Style
#. Navigation Layout Style
#. Listings Container Style
#. Bootstrap Column Style
#. Titlebar Style
#. Listing Slider Style
#. Box Widget Style
#. Opening Hours Style
#. Listing Share Style
#. Listing Nav Style
#. Pricing Info Style
#. Color Switcher Style
#. Pricing List Container Style
#. Show More Style
#. Comments Style
#. Review Style
#. Pagination Style
#. Contact Style
#. Sidebar Style
#. Blog Post Style
#. Widget Style
#. Blog Single Post Style
#. Button Style
#. Box Icon Style
#. Posts Nav Style
#. Coming Soon Style
#. Plan Featured Style
#. Testimonial Style
#. Flip Banner Style
#. Tabs Nav Style
#. Login Block
#. Social Icon Style
#. Check Box Style
#. Listing Item Container Style
#. Categories Box
#. Titlebar Style
#. Breadcrumbs Style
#. Page Not Found Style
#. Bookings Wallet Style
#. Bookings Payment Style
#. Bookings Style
#. Bookings Confimation Style
#. Edit Profile Style
#. Dashboard Content Style
#. Messages Style
#. Edit Profile Style
#. Dashboard List Style
#. Map Box Style
#. Dropzone Style
#. Slick Slider Style
#. Categorie Item Style
#. Typography List
#. Responsive Style
=================*/


select {
    padding: 15px 18px;
    cursor: pointer;
}
.main_input_search_part_item .utf_chosen_select{
    background:#fff;
    border:0 #fff;
}
input {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
input:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus {
    color: #808080;
    transition: box-shadow 0.2s!important;
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
    border: 1px solid #d8d8d8;
    opacity: 1;
}
input[type="submit"] {
    border: none;
    padding: 11px 18px;
    width: auto;
}
input[type="checkbox"] {
    border: 1px solid #1e8cbe;
}
input[type="radio"] {
    width: 15px;
    height: 15px;
    cursor: pointer;
    box-shadow: none;
}
::-webkit-input-placeholder {
color:#888;
opacity:1;
}
:-moz-placeholder {
color:#888;
opacity:1;
}
::-moz-placeholder {
color:#888;
opacity:1;
}
:-ms-input-placeholder {
color:#888;
opacity:1;
}
textarea {
    height: auto;
    line-height: 24px;
    padding: 15px;
    min-height: 130px;
    transition: none!important;
    min-width: 100%;
}
label, legend {
    display: block;
    font-weight: bold;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 8px;
    font-weight:400;
}
label span, legend span {
    font-weight: normal;
    font-size: 14px;
    color: #444;
}
fieldset {
    padding: 0;
    border: none;
}
mark.color{
    background-color:#ff2222;
}
a, button {
    outline: none!important;
}
a:focus, a:hover {
    text-decoration: none;
    color: #333;
}
img {
    max-width: 100%;
}

/*==========
  Loader
============*/
#vfx_loader_block {
    background: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}
.vfx-loader-item {
    margin: 0 auto;
    position: relative;
    top: 50%;
    width: 100px;
}
#logo {
    display: inline-block;
    margin-top: 0px;
}
#logo img {
    max-height: 38px;
    width: auto;
    transform: translate3d(0, 0, 0);
}
img.footer-logo {
    max-height: 38px;
    width: auto;
}

/*==========
  Header
============*/
#header {
    position: fixed;
    z-index: 999;
    padding: 0px;
    font-size: 16px;
}
.header_widget {
    position: relative;
    top: -1px;
    height: 54px;
}
.header_widget .button, .header_widget .button.border {
    background:#ff2222;
    border:1px solid transparent;
    color:#fff;
    margin:0 5px;
    min-width: 120px;
    text-align: center;
    position: relative;
    line-height: 26px;
    font-weight: 500;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.header_widget .button, .header_widget .button.border:hover {
    background:transparent;
    border:1px solid #ff2222;
    color:#ff2222;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.header_widget .button.with-icon:last-child {
    margin-right:0
}
.header_widget .button.border i {
    font-size: 18px;
    padding: 0px 7px 0 0px;
    top: 1px;
    display: inline-block;
    position: relative;
}
.header_widget .sign-in {
    position: relative;
    color: #333;
    margin-right: 25px;
    top: 10px;
    display: inline-block;
    vertical-align: top;
}
.header_widget .sign-in i {
    padding-right: 4px;
    font-size: 15px;
}
.header_widget .sign-in:hover {
    color: #66676b;
}
header.fullwidth_block .container {
    width: 100%;
    margin: 0;
    padding: 0 20px;
}
.fl_left{
    float:left;
}
.fl_right{
    float:right;
}
.utf_left_side {
    float: left;
    width: 68%;
    display: inline-block;
}
.utf_right_side {
    float: right;
    width: 32%;
    display: inline-block;
}
#logo, #navigation {
    float: left;
}
#logo {
    margin-right: 40px;
}
.header_widget {
    text-align: right;
}
#header.cloned {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999;
}
#header.cloned {
    background-color:rgba(255, 255, 255, 0.98);
}
#header.cloned #logo img {
    transform: translate3d(0, 0, 0);
    max-width: 140px;
    margin-top: 1px;
}
#header.cloned {
    padding: 18px 0 7px 0;
}
.sticky-logo {
    display: none;
}
#header.cloned.unsticky {
    opacity: 1;
    visibility: hidden;
    pointer-events: none;
    transform: translate(0, -100%) scale(1);
    transition: 0.3s;
}
#header.cloned.sticky {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0) scale(1);
    transition: 0.3s;
}

/*==========
  Backto Top
============*/
#bottom_backto_top {
    position: fixed;
    right: 0;
    opacity: 0;
    visibility: hidden;
    bottom: 25px;
    margin: 0 25px 0 0;
    z-index: 9999;
    transition: 0.35s;
    transform: scale(0.7);
}
#bottom_backto_top.visible {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
#bottom_backto_top a {
    text-decoration: none;
    border: 0 none;
    display: block;
    width: 46px;
    height: 46px;
    background-color: #ff2222;
    opacity: 1;
    transition: all 0.3s;
    border-radius: 50%;
    text-align: center;
    font-size: 26px
}
body #bottom_backto_top a {
    color: #fff;
}
div.datedropper .pick-m, div.datedropper .pick-submit, div.datedropper:before, div.datedropper .pick-lg-h{
    background-color: #ff2222 !important;
}
div.datedropper .pick-btn, div.datedropper .pick li span, div.datedropper.primary .pick-lg-b .pick-wke{
    color:#ff2222 !important
}
#bottom_backto_top a:after {
    content: "\f106";
    font-family: "FontAwesome";
    position: relative;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
}

/*==========
  Navigation
============*/
#navigation {
    position: relative;
    display: block;
}
#navigation ul {
    list-style: none;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
}
#navigation ul a {
    display: block;
    text-decoration: none;
}
#navigation ul li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0
}
#navigation ul li ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0;
    z-index: 99999;
}
#navigation ul ul li {
    float: none;
}
#navigation ul ul ul {
    top: -1px;
    left: 100%;
    margin: 0;
}
#navigation ul ul {
    margin: 6px 0 0 0px;
}
#navigation ul li ul:before {
    content: '';
    position: absolute;
    left: 25px;
    bottom: 100%;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #eaeaea;
}
#navigation ul li ul li ul:before {
    content: '';
    position: absolute;
    left: -20px;
    bottom: 100%;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #eaeaea transparent;
    transform: rotate(-90deg);
    top: 10px;
}
#navigation ul li:hover>ul {
    opacity: 1;
    visibility: visible;
}
#navigation ul li a:after, #navigation ul ul li a:after {
    font-family: "FontAwesome";
    opacity: 0.5;
}
#navigation ul li a:after {
    content: '\f101';
    padding-left: 7px;
    font-weight:400;
}
#navigation ul ul li a:after {
    content: '\f101';
    position: absolute;
    right: 15px;
    top: 7px;
}
#navigation ul li a:only-child:after {
    content: '';
    padding: 0;
}
#navigation ul ul li a:only-child:after {
    content: '';
}
#navigation ul ul {
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
    border-radius: 4px;
    font-size: 15px;
    border:1px solid rgba(0, 0, 0, 0.05);
}
#navigation ul ul li {
    border-radius: 4px;
}
#navigation ul ul li:last-child {
    border-bottom: none;
}
#navigation ul li:hover ul a, #navigation ul ul a {
    line-height: 27px!important;
    padding: 8px 15px!important;
    line-height: 24px!important;    
}
#navigation ul li:hover ul a, #navigation ul ul a:last-child{
    border-bottom:0;
}
body #navigation ul ul {
    padding:0;
    box-sizing: border-box;
}
#navigation ul ul li {
    width: 220px;
}
#navigation ul ul li:hover {
    border-radius: 0;
}
#navigation ul ul li:first-child {
    border-radius: 4px 4px 0 0;
}
#navigation ul ul li:last-child {
    border-radius: 0 0 4px 4px;
}
#navigation ul ul {
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
    transform: translate3d(0, 15px, 0);
}
#navigation ul li:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}
#navigation.style_one .current {
    background-color: transparent;
    color: #ff2222;
}
#navigation.style_one {
    margin-top: 0px;
}
#navigation.style_one .current:after {
    opacity: 1;
}
#navigation.style_one ul li {
    transition: all 0.25s;
}
#navigation.style_one ul li a {
    color: #444;
    cursor: pointer;
}
#navigation.style_one ul li:hover a {
    color: #ff2222;
}
#navigation.style_one ul ul li a {
    color: #444!important;
}
#navigation.style_one ul ul li {
    opacity: 0.8;
}
#navigation.style_one ul ul li:hover {
    opacity: 1;
}
#navigation.style_one ul a {
    line-height: 32px;
    font-weight:400;
    padding: 5px 15px 15px 15px;
}
#navigation.style_one ul li {
    margin: 0 2px;
}
#navigation.style_one ul ul li {
    margin: 0;
    border-radius: 0;
    border-bottom:1px solid rgba(0, 0, 0, 0.07);    
}
#navigation.style_one ul ul li:last-child{
    border-bottom:0;
}
#navigation.style_one ul ul li:first-child {
    border-radius: 4px 4px 0 0;
}
#navigation.style_one ul ul li:last-child {
    border-radius: 0 0 4px 4px;
}
#navigation ul ul li a:after {
    opacity: 0.5;
    transition: all 0.25s;
    transform: translateX(-5px);
}
#navigation ul li ul li a:hover{
    color:#ff2222 !important;
}   
#navigation ul ul li:hover a:after {
    opacity: 1;
    transform: translateX(0);
}

/*==========
  Footer
============*/
#footer {
    padding:170px 0 0 0;
    background-color:#f9f9f9;
    border-top:1px solid rgba(0, 0, 0, 0.05);
    font-size: 16px;
    position:relative;
}
#footer.footer_sticky_part {
    box-shadow: none;
}
#footer.dark {
    border-top: none;
}
#footer h4 {
    position:relative;
    color: #424242;
    font-size: 20px;
    font-weight:500;
    margin-bottom: 40px;
}
#footer h4:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: -15px;
    height: 2px;
    width: 30px;
    background-color: #ff2222;
}
#footer:before {
    position: absolute;
    content: '';
    bottom: 0px;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: url(../images/footer-bg.png) no-repeat;
    background-size: cover;
}
.footer-shadow {
    width: 100%;
    display: block;
    background: #fff;
    height: 200px;
    margin-top: -200px;
    position: relative;
    z-index: -1;
    box-shadow: 0 20px 40px -20px rgba(0,0,0,0.06);
}
.text-widget span {
    color: #707070;
}
.text-widget span.address {
    display: block;
    margin-bottom: 10px;
}
#footer a {
    color: #66676b;
}
#footer ul.social_footer_link {
    margin: 0 0 15px 0;
    padding: 0;
    width:100%;
    box-sizing: border-box;
    display: inline-block;
    float: left;
}
#footer .social_footer_link li {
    position: relative;
    list-style: none;
}
#footer .social_footer_link li a {
    padding: 0 0 10px 20px;
    display: inline-block;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;   
    color: #707070;
    font-weight:400;
    line-height: 22px;
}
#footer .social_footer_link li a:hover {
    padding-left: 25px;
    color: #ff2222;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;   
}
#footer .social_footer_link li:before {
    font-family: "FontAwesome";
    font-size: 18px;
    content: "\f101";
    position: absolute;
    left: 0;
    top: 0px;
    padding: 0 7px 0 0;
    color: #999;
}
.footer_copyright_part {
    color: #707070;
    border-top: 1px solid rgba(0,0,0,0.09);
    margin-top: 60px;
    text-align: center;
    padding: 40px 0;
    display: inline-block;
    width: 100%;
    font-weight:400;
}
#footer.alt .footer_copyright_part {
    margin-top: 0;
    border: none;
    padding: 25px;
}
.footer_copyright_part a {
    color: #707070;
}
#footer.dark {
    background: #222;
    color: #aaa;
}
#footer.dark a, #footer.dark h4, #footer.dark a:hover {
    color: #fff;
}
#footer.dark .text-widget, #footer.dark .text-widget span, #footer.dark .social_footer_link li a {
    color: #aaa;
}
#footer.dark .social_footer_link li a:hover {
    color: #fff;
}
#footer.dark .social_footer_link li:before {
    color: #666;
}
#footer.dark .footer_copyright_part {
    color: #aaa;
    border-top: 1px solid rgba(255,255,255,0.09);
}
#footer .utf_social_icon li a {
    opacity: 0.8;
    transition: opacity 0.35s;
}
#footer .utf_social_icon li a:hover {
    opacity: 1;
}

/*==========
  User Menu
============*/
.utf_user_menu {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
    top: 9px;
    vertical-align: top;
    padding-left: 25px;
    margin-left: 25px;
}
.utf_user_menu ul:before {
    content: '';
    position: absolute;
    right: 25px;
    bottom: 100%;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff;
}
.utf_user_menu .utf_user_name {
    transition: 0.2s;
    text-align:left;
}
.utf_user_menu .utf_user_name:after {
    content: "\f0d7";
    font-family: "FontAwesome";
    transition: 0.2s;
    transform: rotate(0deg);
    display: inline-block;
    margin-left: 6px;
    color: #aaa;
}
.utf_user_menu.active .utf_user_name:after, .utf_user_menu:hover .utf_user_name:after, .utf_user_menu.active .utf_user_name, .utf_user_menu:hover .utf_user_name {
    color: #66676b;
}
.utf_user_menu.active .utf_user_name:after {
    transform: rotate(180deg);
}
.utf_user_name span img {
    width: 100%;
    display: inline-block;
    border-radius: 50%;
    border:0;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);    
}
.utf_user_name span {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 50%;
    position: absolute;
    left: -26px;
    top: -5px;
}
.utf_user_menu ul {
    float: left;
    text-align: left;
    position: absolute;
    top: 55px;
    right: 0;
    list-style: none;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
    border-radius: 4px;
    border:1px solid rgba(0, 0, 0, 0.05);
    display: inline-block;
    width: 190px;
    font-size: 15px;
    transform: translate3d(0, 15px, 0);
    padding:0;
    box-sizing: border-box;
    transition: 0.25s;
    visibility: hidden;
    opacity: 0;
    z-index: 110;
}
.utf_user_menu ul li{
    border-bottom:1px solid rgba(0, 0, 0, 0.05);
}
.utf_user_menu ul li:last-child{
    border-bottom:none;
}
.utf_user_menu ul li a {
    padding:7px 10px;
    line-height: 22px;
    display: inline-block;
    color: #696969;
    width:100%;
    transition: 0.2s;
}
.utf_user_menu ul li a:hover {
    color: #ff2222;
}
.utf_user_menu ul li a i {
    width: 30px;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    background: #efefef;
    height: 30px;
    padding: 5px;
    line-height: 20px;
    border-radius:50%;
    text-align: center;
    color: #626262;
    font-size: 14px;
}
.utf_user_menu.active ul {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
.nav_responsive, #utf_panel_menu {
    display: none;
}
@media only screen and (max-width: 1024px) {
.menu {
    max-height: none;
}
.utf_user_menu ul:before {
    content: '';
    position: absolute;
    left: 25px;
    bottom: 100%;
    border-width: 15px;
    border-style: solid;
    border-color: transparent transparent #fff;
    width: 26px;
}
#responsive {
    display: none;
}
#utf_panel_menu, .nav_responsive {
    display: block!important
}
.nav_responsive {
    color: #777;
    display: block;
    float: left;
    position: relative;
    width:auto;
    margin: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 4px;
}
#main-header {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.nav_responsive i {
    padding: 12px 14px;
    margin: 0;
    font-size:20px;
    font-weight: 500;
    cursor: pointer;
    width: 100%;
    color:#fff;
    background: linear-gradient(to bottom, rgba(255,255,255,0.07) 0%, transparent);
    background-color: #ff2222;
    border-radius:30px;
    margin: 0px 0 20px 0;
}
.nav_responsive i.menu-trigger {
    width: 100%;
}
.responsive-search input:focus {
    border: none;
    color: #fff;
}
#logo {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    margin-top: 5px;
    width: 40%;
    text-align: center;
    left: 0;
    right: 0;
}
#header_part.header-style-2 .utf_left_side, #header_part.header-style-2 .utf_right_side, .utf_right_side, .utf_left_side {
    width: 100%;
}
#top-bar .utf_right_side .utf_social_icon {
    float: left;
    position: relative;
    z-index: 9;
}
#header_part.header-style-2 .header_widget {
    float: left;
    margin-top: 35px;
    margin-bottom: -5px
}
.header_widget {
    text-align: center;
    padding-top: 18px;
    border-top: 1px solid #d2d2d2;
}
ul.top-bar-menu {
    z-index: 99;
    position: relative;
}
.header-style-2 .nav_responsive {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    padding: 0 15px;
}
#header_part.header-style-2 .header_widget {
    width: calc(100%);
    border-top: 1px solid #e0e0e0;
    padding-top: 30px;
}
}
@media (max-width: 767px) {
.header-style-2 .nav_responsive {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    float: none;
    padding: 0 15px;
}
#header_part.header-style-2 #header .container {
    width: 100%;
}
#header_part.header-style-2 .header_widget li .button {
    margin-left: 0;
}
#header_part.header-style-2 .header_widget li:after {
    display: none;
}
#header_part.header-style-2 .header_widget li {
    width: 100%;
    padding: 10px 0;
    margin: 0;
}
#header_part.header-style-2 .header_widget li i {
    width: 50px;
    margin: 0 0 0 0px;
    display: inline-block;
    text-align: left;
    top: 3px;
}
}
.fa.fa-search.active:before {
    content: "\f00d";
}
body[data-menu-position="open"] .nav_responsive i.fa.fa-reorder:before {
    content: "\f00d";
}
body[data-menu-position="closed"] .nav_responsive i.fa.fa-reorder:before {
    content: "\f0c9";
}
#utf_panel_menu a.current:after, #utf_panel_menu .with-ul:after {
    display: none;
}
body #utf_panel_menu li a {
    display: block;
    padding: 8px 20px;
    background-color: #ff2222;
    color: #eaeaea;
    font-weight: 600;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    outline: none;
    text-transform: none;
    text-shadow: none;
}
body #utf_panel_menu li li a {
    background-color: #363636;
    padding-left: 30px;
    text-transform: none;
    font-weight: 400;
}
body #utf_panel_menu li li li a {
    padding-left: 48px;
    position: relative;
}

/*==========
  Panel Menu Style
============*/
#utf_panel_menu li.cart-icon, #utf_panel_menu li.search, #utf_panel_menu .cart-counter, #utf_panel_menu .hidden-on-mobile, #utf_panel_menu .mega-headline_part {
    display: none;
}
#utf_panel_menu, #utf_panel_menu ul {
    list-style: none;
    padding-left: 0;
}
#utf_panel_menu li a{
    border-bottom:1px solid rgba(255, 255, 255, 0.2)
}
#utf_panel_menu ul li a{
    border-bottom:1px solid #525252
}
#utf_panel_menu ul li a i {
    padding-right: 7px;
}
#utf_panel_menu .mega-content {
    display: inline-block;
}
#utf_panel_menu .mega-section {
    display: inline-block;
    float: none;
    width: 100%;
    border-right: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/*==========
  Search Container Block
============*/
.search_container_block {
    display: block;
    width: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 620px;
    z-index: 9;
}
.search_container_block:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    background:rgba(0, 0, 0, 0.6);
}
.search_container_block h2 {
    font-size: 42px;
    color:#fff;
    margin-bottom:15px;
    font-weight:600;
    text-align:center;
}
.search_container_block h4 {
    font-size: 22px;
    font-weight: 400;
    color: #ccc;
    line-height: 32px;
    text-align:center;
}
.utf_video_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    overflow: hidden;
}
.search_container_block video {
    top: 50%;
    transform: translateY(-52%);
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -10;
    background-size: cover;
    transition: 1s opacity;
    position: absolute;
}
.search_container_block.overlay_dark_part:before {
    background: rgba(0, 0, 0, 0.70);
}
.search_container_block.overlay_dark_part h2 {
    color: #fff;
}
.search_container_block.overlay_dark_part h4 {
    color: rgba(255,255,255,0.7);
}

/*==========
  Main Inner Search Block
============*/
.main_inner_search_block {
    position: relative;
    display: block;
    top: 50%;
    transform: translate(0, -50%);
    padding-bottom: 30px;
}
.main_inner_search_block select {
    border: none;
    padding-top: 2px;
    padding-bottom: 0;
    height: 44px;
    box-shadow: none;
}
.main_input_search_part {
    margin-top: 50px;
    border-radius: 50px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.12);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 6px;
    border:3px solid rgba(0, 0, 0, 0.12);
    max-height: 70px;   
}
.main_input_search_part_item {
    flex: 1;
    border-right:1px solid rgba(0, 0, 0, 0.10);
    margin-top: 3px;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
}
.main_input_search_part .main_input_search_part_item:nth-last-child(2) {
    border-right: none;
    padding-left: 15px;
    padding-right: 15px;
}
.main_input_search_part_item.location a {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #c0c0c0;
    padding: 10px 0;
    background:transparent;
}
.main_input_search_part_item.location a i{
    font-weight:600;
}
.main_input_search_part_item.location a:hover {
    color: #ff2222;
}
.main_input_search_part input, .main_input_search_part input:focus {
    font-size: 16px;
    border: none;
    background: #fff;
    margin: 0;
    padding: 0;
    height: 44px;
    line-height: 44px;
    box-shadow: none;
}
.main_input_search_part button.button {
    font-size: 18px;
    font-weight: 400;
    padding: 0 40px;
    margin-right: 1px;
    height: 50px;
    outline: none;
}
.gray-style.main_input_search_part {
    box-shadow: none;
    background-color: #f7f7f7;
    top: -10px;
    position: relative;
}
.gray-style .main_input_search_part_item.location a, .gray-style.main_input_search_part input, .gray-style.main_input_search_part input:focus {
    background: #f7f7f7;
}
.gray-style .main_input_search_part_item {
    border-color: #e0e0e0;
}
.utf_listing_section .detail-video iframe {
    max-width: 100%;
    border:4px solid rgba(0, 0, 0, 0.2);
    border-radius:20px;
}

/*==========
  Rangeslider Style
============*/
.rangeslider, .utf_rangeslider_fill {
    display: block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.rangeslider {
    background: #e6e6e6;
    position: relative;
    margin: 25px 0;
}
.utf_rangeslider_horizontal {
    height: 6px;
    width: 100%;
}
.utf_rangeslider_vertical_part {
    width: 20px;
    min-height: 150px;
    max-height: 100%;
}
.utf_rangeslider_disabled {
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}
.utf_rangeslider_fill {
    background: #ff2222;
    position: absolute;
}
.utf_rangeslider_horizontal .utf_rangeslider_fill {
    top: 0;
    height: 100%;
}
.utf_rangeslider_vertical_part .utf_rangeslider_fill {
    bottom: 0;
    width: 100%;
}
.utf_rangeslider_handle {
    background: #ff2222;
    border: 2px solid #ff2222;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    cursor: pointer;
    display: inline-block;
    position: absolute;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.utf_rangeslider_vertical_part .utf_rangeslider_handle {
    left: -10px;
    touch-action: pan-x;
    -ms-touch-action: pan-x;
}
input[type="range"]:focus+.rangeslider .utf_rangeslider_handle {
    -moz-box-shadow: 0 0 8px rgba(255,0,255,0.9);
    -webkit-box-shadow: 0 0 8px rgba(255,0,255,0.9);
    box-shadow: 0 0 8px rgba(255,0,255,0.9);
}
.utf_range_output {
    font-size: 20px;
    font-weight: 500;
    color: #666;
}
.utf_range_output:after {
    content: "km";
}
.data-radius-title {
    font-style: normal;
    font-size: 15px;
    color: #888;
    font-weight: 400;
    margin-top: 0;
    display: block;
}

/*==========
  Chosen Container Style
============*/
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    zoom: 1;
    *display:inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.chosen-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    z-index: 990;
    width: 100%;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-radius:0px;
}
.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
}
.chosen-container a {
    cursor: pointer;
}
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 15px;
    height: 51px;
    line-height: 50px;
    border: 1px solid #dbdbdb;
    box-shadow:0 4px 8px 0 rgba(0,0,0,0.03);
    background-color: #fff;
    color: #888;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 500;
    border-radius: 4px;
}
.booking_widget_box .row.with-forms .chosen-container{
    margin-bottom:15px;
}
.booking_widget_box .chosen-container-active.chosen-with-drop .chosen-single {
    border: 0px solid transparent;
}
.booking_widget_box .chosen-container-single .chosen-single{
    border: 0px solid transparent;
    box-shadow:0 1px 6px 0 rgba(0,0,0,.1);  
}
.booking_widget_box .chosen-container-single .chosen-single span{
    font-weight: 400;
    color:#888888;
}
.chosen-container-active.chosen-with-drop .chosen-single {
    border-radius: 4px 4px 0 0;
}
.chosen-container-active .chosen-drop, .chosen-container-single .chosen-drop {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
.chosen-container-active.chosen-with-drop .chosen-drop {
    opacity: 1;
    visibility: visible;
    z-index:9999;
}
.chosen-container-single .chosen-default {
    color: #999;
}
.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:15px;
    color: #909090;
    font-weight: 400;
}
.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}
.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0px;
    float:right;
    display: block;
    width: 18px;
    height: 100%;
}
.chosen-container-single .chosen-single div:after {
    content: "\f0d7";
    font-family: "FontAwesome";
    font-size: 18px;
    margin:0;
    right: 20px;
    position: relative;
    width: auto;
    height: auto;
    display: inline-block;
    color: #c0c0c0;
    float: right;
    font-weight: normal;
    transition: transform 0.3s;
    transform: translate3d(0, 0, 0) rotate(0deg);
}
.chosen-container-active.chosen-with-drop .chosen-single div:after {
    transform: translate3d(0, 0, 0) rotate(180deg);
}
.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 8px;
    white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 6px 20px 6px 15px;
    width: 100%;
    height: 42px;
    outline: 0;
    margin-bottom: 10px!important;
    border: 1px solid #ddd!important;
    background-color: #fbfbfb!important;
    display: block;
    position: relative;
    z-index: 9;
    border-radius:30px;
    background-color: #fafafa;
    box-shadow: 0 1px 3px 0px rgba(0,0,0,0.04);
}
.chosen-container-single .chosen-search:before {
    content: "\f002";
    font-family: "FontAwesome";
    font-size: 15px;
    margin: 0 15px 0 0;
    top: 12px;
    position: relative;
    width: 11px;
    height: 5px;
    display: inline-block;
    color: #aaa;
    float: right;
    font-weight: normal;
    z-index: 10;
    transition: transform 0.3s;
}
.chosen-container-single .chosen-drop {
    margin-top:4px;
    background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}
.chosen-container .chosen-results {
    color: #888;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    max-height: 300px;
}
#utf_rev_slider_block .chosen-container .chosen-results {
    height:150px;
}
.chosen-container .chosen-results li:last-child{
    border-bottom:0;
}
.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding:10px 15px;
    list-style: none;
    font-size:15px;
    font-weight:400;
    line-height: 18px;
    border-bottom:1px solid rgba(0, 0, 0, 0.05);
    word-wrap: break-word;
    -webkit-touch-callout: none;
}
.chosen-container-multi .chosen-results li {
    padding: 10px 18px;
    transition: color 0.3s;
}
.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}
.chosen-container .chosen-results li:hover {
    color:#ff2222 !important;
}
.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}
.chosen-container .chosen-results li.highlighted {
    background-color: transparent;
    border-radius: 0;
    color: #66676b;
    transition: color 0.2s ease-in-out;
}
.chosen-container .chosen-results li.no-results {
    color: #888;
    display: list-item;
    background-color: #fff;
}
.chosen-container-multi .chosen-results li.no-results {
    background-color: #fff;
}
.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
}
.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}
.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}
.chosen-container-multi .chosen-choices {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 18px;
    height: auto;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    text-decoration: none;
    white-space: nowrap;
    line-height: 33px;
    cursor: pointer;
    margin: 0;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0px rgba(0,0,0,0.06);
}
.chosen-container-multi.chosen-with-drop .chosen-choices {
    border-radius: 4px 4px 0 0;
}
.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 0;
    padding: 0;
    height: 49px;
    outline: 0;
    border: 0!important;
    background: transparent!important;
    color: #888;
    line-height: normal;
    font-weight: 500;
    box-shadow: none;
    transition: none;
}
.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 10px 6px 0 -4px;
    padding: 0 25px 0 8px;
    max-width: 100%;
    background-color: #66676b;
    line-height: 29px;
    color: #fff;
    cursor: default;
    font-weight: 500;
    border-radius: 3px;
}
.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: -2px;
    right: 7px;
    display: block;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    content: "\f00d";
    font-family: "FontAwesome";
    font-size: 13px;
    top: 1px;
    position: relative;
    width: 11px;
    height: 5px;
    display: inline-block;
    color: #fff;
    float: right;
    font-weight: normal;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    color: #888;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}
.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}
.chosen-container.chosen-container-multi .chosen-drop {
    opacity: 0;
    visibility: hidden;
    padding: 10px 0;
}
.chosen-container.chosen-container-multi.chosen-with-drop.chosen-container-active .chosen-drop {
    opacity: 1;
    visibility: visible;
}
.chosen-container-active .chosen-single, .chosen-container-active .chosen-choices, .chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #e0e0e0;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent;
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #888!important;
}
.chosen-drop ::-webkit-scrollbar {
width:10px;
}
.chosen-drop ::-webkit-scrollbar-track {
background-color:rgba(0,0,0,0.05);
border-radius:10px;
}
.chosen-drop ::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:rgba(0,0,0,0.2);
}
.chosen-drop ::-webkit-scrollbar-thumb:hover {
border-radius:10px;
background-color:rgba(0,0,0,0.3);
}
.input-with-icon {
    position: relative;
}
.input-with-icon i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding: 0 0 0 19px;
    color: #999;
    transition: 0.2s;
    pointer-events: none;
}
.input-with-icon input {
    padding-left: 47px!important
}
.input-with-icon.location input {
    padding-left: 20px!important
}
.input-with-icon.location a i {
    position: absolute;
    right: 1px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    padding: 15px 20px 15px 15px;
    background:transparent;
    pointer-events: all
}
.input-with-icon.location a i:hover {
    color: #ff2222;
}

/*==========
  Listing Filter Block
============*/
.listing_filter_block{
    padding:15px 0px;
    background:#f9f9f9;
    border-radius:10px;
    margin-bottom:30px;
    display:inline-block;
    width:100%;
    border:1px solid rgba(0, 0, 0, 0.05);
}
.listing_filter_block .sort-by{
    top: 5px;
}
.listing_filter_block .utf_search_map_section ul{
    margin-bottom:0
}
.listing_filter_block .utf_search_map_section li{
    margin-bottom:0
}
.sort-by {
    position: relative;
    top: 9px;
}
.sort-by label, .sort-by .utf_sort_by_select_item {
    display: inline-block;
    float: right;
}
.utf_dashboard_list_box .sort-by .utf_sort_by_select_item{
    margin-top:-10px;
    margin-right:-5px
}
.utf_sort_by_select_item select {
    border-radius: 30px;
    color: #666;
    font-weight:600;
    margin-bottom:10px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #f3f3f3;
    height: auto;
    padding: 7px 7px 7px 15px;
    line-height: 22px;
    box-shadow: none;
}
.listing_filter_block .utf_sort_by_select_item select{
    margin-bottom:10px !important;
}
.sort_by_margin{
    margin-left:10px;
}
.sort-by label {
    line-height: 40px;
    margin-top: 1px;
    padding: 0;
}
.sort-by .chosen-container-single .chosen-single {
    height: 40px;
    line-height: 38px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    background-color:#fcfcfc;
    width: 100%;
    display: inline-block;
    padding: 0 14px 0 16px;
    box-shadow: none;
    color: #666;
    font-weight: 500;
    font-size: 14px;
    border-radius:30px;
    transition: all 0.3s;
    display: inline-block;
}

/*==========
  Search Map Section Block
============*/
.utf_search_map_section .lc-all-filter {
    padding-left: 0;
    margin-bottom: 0px;
}
.utf_search_map_section li {
    list-style: none;
    display: inline-block;
    margin-right: 0px;
    margin-bottom: 25px;
}
.utf_search_map_section .utf_common_button {
    font-size:14px;
    height: 40px;
    line-height: 38px;
    padding-top: 0;
    font-weight: 500;
    color: #666;
}
.utf_search_map_section .utf_common_button:hover{
    background:#ff2222;
    color:#fff;
}
.utf_search_map_section .utf_common_button i{
    margin-right:5px;
}
.utf_common_button {
    height: 45px;
    color: #666;
    font-weight: 500;
    transition: all 0.2s;
    line-height: 36px;
    border-radius:30px;
    height: 36px;
    line-height: 34px;
    border:1px solid rgba(0, 0, 0, 0.07);
    background-color: #fcfcfc;
    padding: 0 20px;
    display: block;    
}

/*==========
  Sort By Style
============*/
.sort-by .chosen-container-active .chosen-choices, .sort-by .chosen-container-active.chosen-with-drop .chosen-single, .sort-by .chosen-single:hover {
    background: #f3f3f3;
}
.utf_panel_dropdown.float-right a:hover{
    background: #f3f3f3;
}
.utf_panel_dropdown.float-right.active a, .panel-dropdown a:hover{
    background: #f3f3f3;
}
.sort-by .chosen-container .chosen-drop {
    padding-top:0px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    width: 240px;
    margin-left: 10px;
    background: #fff;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.08);
    z-index: 997;
}
.sort-by .chosen-container.chosen-with-drop .chosen-drop, .sort-by .chosen-container .chosen-drop {
    left: auto;
    right: -1px;
    margin-top:-5px;
}
.sort-by .chosen-container-single .chosen-single div:after {
    color: #66676b;
    right: 0;
}
.sort-by .chosen-container-single .chosen-default {
    color: #66676b;
}
.sort-by .chosen-container-single .chosen-single span {
    margin-right: 0px;
    color: #666;
    font-weight: 500;
    transition: all 0.2s;
}
.sort-by .chosen-container-single .chosen-single div {
    position: relative;
    line-height:38px;
    top: 0;
    margin-left: 0;
    display: inline-block;
}
.sort-by .chosen-container-single .chosen-single span {
    display: inline-block;
    margin-right: 0;
    vertical-align: top;
}

/*==========
  Main Input Search Style
============*/
.main_input_search_part_item .chosen-container-single .chosen-single, .main_input_search_part_item .chosen-single.chosen-container-active {
    position: relative;
    display: block;
    overflow: visible;
    padding: 0 0 0 15px;
    height: 44px;
    line-height: 42px;
    border: 1px solid #fff;
    background-color: #fff;
    color: #888;
    border-radius: 4px;
    z-index: 100;
    box-shadow: none;
    transition: all 0.3s;
}
.main_input_search_part_item .chosen-container-active .chosen-single, .main_input_search_part_item .chosen-container-active .chosen-choices {
    border: 1px solid #fff;
}
.main_input_search_part_item .chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #fff;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
}
.main_input_search_part_item .chosen-container {
    font-size: 16px;
}
.main_input_search_part_item .chosen-container .chosen-drop {
    border: none;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
    font-size: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: 99;
}
.slider_chosen_drop .chosen-container .chosen-drop {
    display:inline-grid;
    height:150px;
}   
.main_input_search_part_item .chosen-single:after {
    content: "";
    position: absolute;
    bottom: -5px;
    display: block;
    width: 100%;
    left: 0;
    height: 10px;
    background: #fff;
    z-index: 112;
    opacity: 1;
    tranition: all 0.3s;
}
.main_input_search_part_item .chosen-container-single .chosen-single span {
    display: inline-block;
    vertical-align: top;
}
.main_input_search_part .chosen-container-single .chosen-single div {
    display: inline-block;
    position: relative;
    top: 0px;
}
.main_input_search_part .chosen-container-single .chosen-search {
    padding: 3px 15px;
    margin-bottom: 5px;
}
.main_input_search_part .chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 6px 20px 6px 6px;
    width: 100%;
    height: 40px;
    outline: 0;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    display: block;
    position: relative;
    z-index: 9;
    background-color: #fcfcfc;
    border-radius: 4px;
}
.main_input_search_part_item .chosen-container .chosen-results {
    position: relative;
    z-index: 10000
}
.gray-style .main_input_search_part_item .chosen-container-single .chosen-single, .gray-style .main_input_search_part_item .chosen-single.chosen-container-active {
    border: 1px solid #f7f7f7;
    background-color: #f7f7f7;
}
.main_input_search_part_item .chosen-container.chosen-with-drop {
    border-radius: 4px;
}
.gray-style .main_input_search_part_item .chosen-single::after {
    display: none;
}
.gray-style .main_input_search_part_item .chosen-container-active.chosen-with-drop .chosen-single, .gray-style .main_input_search_part_item .chosen-container .chosen-drop {
    box-shadow: none;
    border: 1px solid #e0e0e0;
    background: #f7f7f7;
}
.gray-style .main_input_search_part_item .chosen-container .chosen-drop {
    border-top: none;
}

/*==========
  Select Option Style
============*/
.select-input {
    position: relative;
}
.select-input input {
    position: relative;
    z-index: 101;
}
.select-input .select {
    position: absolute;
    top: -8px;
}
.select-hidden {
    display: none;
    visibility: hidden;
}
.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 15px;
    color: #fff;
    width: 100%;
    height: 51px;
}
.select-styled {
    opacity: 0;
}
.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 990;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #e0e0e0;
    background-color: #fcfcfc;
    padding: 0 4px;
    padding-top: 8px;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    box-sizing: border-box;
}
.select-list-container {
    padding: 0 4px;
    max-height: 300px;
    overflow: auto;
    display: inline-block;
    width: 100%
}
ul.select-options li {
    margin: 0;
    padding: 0;
    transition: all 0.15s ease-in;
    color: #888;
    margin: 0;
    padding: 10px 10px;
    list-style: none;
    line-height: 15px;
    border-radius: 4px;
}
.select-options li:hover {
    color: #fff;
    background-color: #66676b;
}
.select-options li[rel="hide"] {
    display: none;
}
.select-options ::-webkit-scrollbar {
width:10px;
}
.select-options ::-webkit-scrollbar-track {
background-color:rgba(0,0,0,0.05);
border-radius:10px;
}
.select-options ::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:rgba(0,0,0,0.2);
}
.select-options ::-webkit-scrollbar-thumb:hover {
border-radius:10px;
background-color:rgba(0,0,0,0.3);
}

/*==========
  Panel Dropdown Style
============*/
.utf_panel_dropdown {
    position: relative;
    display: inline-block
}
.utf_panel_dropdown a {
    color: #666;
    font-weight: 600;
    font-size: 15px;
    border-radius: 50px;
    padding: 3px 14px;
    transition: all 0.3s;
    display: inline-block;
}
.utf_panel_dropdown.active a, .utf_panel_dropdown a:hover {
    background: #f3f3f3;
}
.utf_panel_dropdown a:after {
    content: "\f0d7";
    font-family: "FontAwesome";
    font-size: 16px;
    color: #66676b;
    font-weight: 500;
    padding-left: 0;
    transition: all 0.3s;
    margin-left: 6px;
    display: inline-block;
}
.utf_panel_dropdown.active a:after {
    transform: rotate(180deg);
}
.utf_panel_dropdown .utf_panel_dropdown-content {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    position: absolute;
    top: 44px;
    left: 0px;
    z-index: 110;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.18);
    border-radius: 4px;
    box-shadow: 0 12px 35px 2px rgba(0,0,0,0.12);
    padding: 20px;
    overflow-y: auto;
    white-space: normal;
    width: 350px;
}
.utf_panel_dropdown .utf_panel_dropdown-content{
    border:4px solid rgba(0, 0, 0, 0.12);
    border-radius: 8px;
}
.utf_panel_dropdown.wide .utf_panel_dropdown-content {
    width: 570px;
}
.utf_panel_dropdown.active .utf_panel_dropdown-content {
    opacity: 1;
    visibility: visible;
}
.listings-container {
    opacity: 1;
    transition: all 0.3s;
}
.fs-inner-container.content.faded-out .listings-container {
    background: #f9f9f9;
    opacity: 0.1;
    pointer-events: none;
}
.fs-inner-container.content.faded-out {
    background-color: #fcfcfc;
}
.utf_panel_dropdown .checkboxes label {
    margin-bottom: 10px;
    display: block;
}
.utf_panel_dropdown-content.checkboxes {
    padding: 28px;
}
.utf_panel_dropdown .row {
    margin-left: -10px;
    margin-right: -10px;
}
button.panel-cancel, button.panel-apply {
    background: none;
    padding: 5px 16px;
    display: block;
    outline: none;
    border: none;
    font-weight: 600;
    float: right;
    margin: 0;
    font-size: 15px;
    border-radius: 50px;
    background-color: #66676b;
    color: #fff;
    transition: all 0.3s;
}
.utf_panel_dropdown button.panel-apply {
    background: none;
    padding: 3px 20px;
    display: block;
    outline: none;
    border: none;
    font-weight: 500;
    float: right;
    margin: 0;
    font-size: 14px;
    border-radius: 50px;
    background-color: #ff2222;
    color: #fff;
    transition: all 0.3s;
}
button.panel-apply:hover {
    opacity: 0.9;
}
button.panel-apply:active {
    transform: translateY(-2px);
}
button.panel-cancel {
    float: left;
    background-color: #f0f0f0;
    color: #666;
    opacity: 1;
}
button.panel-cancel:hover {
    background-color: #e9e9e9;
}
button.panel-cancel:active {
    transform: translateY(-2px);
}
.panel-buttons {
    width: 100%;
    margin-top: 13px;
}
.utf_panel_dropdown.float-right {
    float: right;
}
.utf_panel_dropdown.float-right a{
    height: 40px;
    line-height: 38px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    background-color:#fcfcfc;
    width: 100%;
    display: inline-block;
    padding: 0 14px 0 16px;
    box-shadow: none;
    color: #666;
    font-weight: 500;
    font-size: 15px;
    border-radius:30px;
    transition: all 0.3s;
    display: inline-block;
}   
.utf_panel_dropdown.float-right .utf_panel_dropdown-content {
    left: auto;
    right: 0;
}
.fullwidth_block-filters .utf_panel_dropdown {
    margin-left: 3px
}
.fullwidth_block-filters {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 15px;
}
.fullwidth_block-filters .sort-by {
    top: -1px;
    right: -1px;
}

/*==========
  More Search Style
============*/
.more-search-options.relative {
    position: relative;
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: none;
    display: none;
}
.more-search-options.relative.active {
    transform: translate3d(0, 0, 0);
}
.more-search-options-trigger {
    background: #fff;
    color:#808080;
    font-weight: 400;
    font-size: 16px;
    border-radius: 6px;
    padding: 3px 0;
    transition: all 0.3s;
    display: block;
    border: 1px solid #dbdbdb;
    height: 50px;
    line-height: 48px;
    padding: 0 20px;
    box-shadow:0 4px 8px 0 rgba(0,0,0,0.03);
}
.more-search-options-trigger:before {
    content: attr(data-open-title);
}
.more-search-options-trigger.active:before {
    content: attr(data-close-title);
}
.more-search-options-trigger:after {
    content: "\f103";
    font-family: "FontAwesome";
    font-size: 16px;
    color: #66676b;
    font-weight: 500;
    padding-left: 0;
    transition: all 0.3s;
    margin-left: 10px;
    display: inline-block;
}
.more-search-options-trigger.active:after {
    transform: rotate(180deg);
}
.more-search-options-trigger:hover {
    color: #808080;
}

/*==========
  Navigation Layout Style
============*/
.utf_layout_nav a {
    width: 38px;
    height: 38px;
    background-color: #e7e7e7;
    display: inline-block;
    color: #8c8c8c;
    font-size: 14px;
    line-height: 38px;
    top:5px;
    text-align: center;
    transition: all 0.4s;
    border-radius: 50%;
    font-weight: 500;
    overflow: hidden;
    position: relative;
    margin-right: 5px;
}
.utf_layout_nav a.active {
    color: #ff2222;
    background-color: #fff;
    border: 1px solid #ff2222;
    line-height: 38px;
}
.utf_layout_nav a i {
    position: relative;
    z-index: 11;
}
.utf_layout_nav a:hover {
    color: #fff;
    background-color: #ff2222;
}
.fs-container {
    height: 100%;
    width: 100%;
}
.fs-container #utf_map_container {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 990;
    margin-bottom: 0px;
}
.fs-content {
    max-height: 100%;
    padding: 0;
}
.fs-container div.search {
    padding:40px;
    background-color: #f9f9f9;
}
.fs-inner-container .listing_filter_block{
    margin-bottom:0;
}
.fs-inner-container .row.with-forms .chosen-container{
    margin-bottom:0;
}
.fs-container .fs-listings {
    padding: 0 25px;
    margin: 0;
}
.fs-switcher {
    padding: 0 25px;
    margin: 0;
}
.fs-inner-container {
    width: 50%;
    float: left;
    display: inline-block;
}
.fs-inner-container.content {
    width: 55%;
    background-color: #ffffff;
    z-index: 995;
    position: relative;
    padding-top:0px;
    padding-bottom:0;
}
.fs-inner-container {
    width: 45%;
    background-color: #fff;
    z-index: 10;
}
.fs-container .footer_copyright_part {
    padding: 30px 0;
    font-size: 15px;
}
#header_part.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1100;
    background-color: #fff;
}
.fs-inner-container.map-fixed {
    height: 100vh;
    position: fixed;
    top: 0;
    padding-top: 90px
}
button.fs-map-btn.button {
    position: relative;
    float: right;
    top: 6px;
    padding: 10px 40px;
    margin: 0;
}
.fs-container .more-search-options-trigger {
    position: relative;
    top: 10px;
}
.showing-results {
    background:#f9f9f9;
    padding:10px;
    border:1px solid rgba(0, 0, 0, 0.02);
    border-radius:30px;
    color: #666;
    text-align:center;
    font-weight: 400;
    margin: 5px 0 25px 0;
}

/*==========
  Listings Container Style
============*/
.listings-container.fs-listings {
    left: 0;
    width: 100%;
    position: relative;
}
.listings-container.fs-listings.grid-layout {
    left: 0;
    width: 100%;
    position: relative;
}
.listings-container.fs-listings.list-layout {
    padding: 0 40px;
}
.listings-container.fs-listings.list-layout .listing-content {
    flex: 4;
}
.listings-container.fs-listings.list-layout .listing-img-container {
    flex: 0 auto;
    max-width: 300px;
}

@media (max-width:1365px) {
.listings-container.fs-listings.grid-layout .utf_listing_item {
    width: 100%;
    margin: 0 0 30px 0;
}

.listings-container.fs-listings.grid-layout .utf_listing_item-1 {
    width: 100%;
    margin: 0 0 30px 0;
}


.listings-container.fs-listings.grid-layout {
    padding: 0 40px;
}
.listings-container.fs-listings.list-layout .utf_listing_item {
    display: block;
}

.listings-container.fs-listings.list-layout .utf_listing_item-1 {
    display: block;
}

.listings-container.fs-listings.list-layout .details.button.border {
    display: none;
}
.listings-container.fs-listings.list-layout .listing-img-container {
    max-width: 100%;
}
.fs-switcher .utf_layout_nav {
    display: none;
}
}

/*==========
  Bootstrap Column Style
============*/
.col-fs-12, .col-fs-11, .col-fs-10, .col-fs-9, .col-fs-8, .col-fs-7, .col-fs-6, .col-fs-5, .col-fs-4, .col-fs-3, .col-fs-2, .col-fs-1 {
    float: left;
    padding: 0 10px;
}
.col-fs-12 {
    width: 100%
}
.col-fs-11 {
    width: 91.66666667%
}
.col-fs-10 {
    width: 83.33333333%
}
.col-fs-9 {
    width: 75%
}
.col-fs-8 {
    width: 66.66666667%
}
.col-fs-7 {
    width: 58.33333333%
}
.col-fs-6 {
    width: 50%
}
.col-fs-5 {
    width: 41.66666667%
}
.col-fs-4 {
    width: 33.33333333%
}
.col-fs-3 {
    width: 25%
}
.col-fs-2 {
    width: 16.66666667%
}
.col-fs-1 {
    width: 8.33333333%
}

@media (max-width:1599px) {
.col-fs-12, .col-fs-11, .col-fs-10, .col-fs-9, .col-fs-8, .col-fs-7, .col-fs-6 {
    width: 100%
}
.col-fs-5, .col-fs-4, .col-fs-3, .col-fs-2, .col-fs-1 {
    width: 50%
}
}

@media (max-width: 992px) {
.col-fs-12, .col-fs-11, .col-fs-10, .col-fs-9, .col-fs-8, .col-fs-7, .col-fs-6, .col-fs-5, .col-fs-4, .col-fs-3, .col-fs-2, .col-fs-1 {
    width: 100%
}
.overflow-hidden {
    overflow: hidden;
}
}
.row.with-forms input, .row.with-forms input[type="text"], .row.with-forms input[type="password"], .row.with-forms input[type="email"], .row.with-forms input[type="number"], .row.with-forms textarea, .row.with-forms input, .row.with-forms select, .row.with-forms .chosen-container {
    margin-bottom: 18px;
}
.row.with-forms {
    margin-left: -10px;
    margin-right: -10px;
}
.with-forms .col-xs-1, .with-forms .col-sm-1, .with-forms .col-md-1, .with-forms .col-lg-1, .with-forms .col-xs-2, .with-forms .col-sm-2, .with-forms .col-md-2, .with-forms .col-lg-2, .with-forms .col-xs-3, .with-forms .col-sm-3, .with-forms .col-md-3, .with-forms .col-lg-3, .with-forms .col-xs-4, .with-forms .col-sm-4, .with-forms .col-md-4, .with-forms .col-lg-4, .with-forms .col-xs-5, .with-forms .col-sm-5, .with-forms .col-md-5, .with-forms .col-lg-5, .with-forms .col-xs-6, .with-forms .col-sm-6, .with-forms .col-md-6, .with-forms .col-lg-6, .with-forms .col-xs-7, .with-forms .col-sm-7, .with-forms .col-md-7, .with-forms .col-lg-7, .with-forms .col-xs-8, .with-forms .col-sm-8, .with-forms .col-md-8, .with-forms .col-lg-8, .with-forms .col-xs-9, .with-forms .col-sm-9, .with-forms .col-md-9, .with-forms .col-lg-9, .with-forms .col-xs-10, .with-forms .col-sm-10, .with-forms .col-md-10, .with-forms .col-lg-10, .with-forms .col-xs-11, .with-forms .col-sm-11, .with-forms .col-md-11, .with-forms .col-lg-11, .with-forms .col-xs-12, .with-forms .col-sm-12, .with-forms .col-md-12, .with-forms .col-lg-12 {
    padding: 0 10px;
}

/*==========
  Titlebar Style
============*/
#titlebar.utf_listing_titlebar span a, #titlebar.utf_listing_titlebar span {
    font-size: 15px;
    color: #888;
    margin-top: 0;
    font-weight:400;
    display: inline-block;
}
#titlebar.utf_listing_titlebar span.call_now{
    display:block;  
    margin-bottom:8px;
}
#titlebar.utf_listing_titlebar span.call_now i{
    color:#ff2222;
    margin-right: 3px;
    vertical-align:sub;
}
#titlebar.utf_listing_titlebar span a i {
    margin-right: 5px;
    color:#ff2222;
    font-size:16px;
    vertical-align:sub;
}
#titlebar.utf_listing_titlebar span a:hover {
    color: #666;
}
#titlebar.utf_listing_titlebar h1, #titlebar.utf_listing_titlebar h2 {
    font-size: 26px;
    line-height: 36px;
    font-weight: 500;
    margin-bottom:5px;
    color:#323232;
}
#titlebar.utf_listing_titlebar h2 span.listing-tag {
    margin: 0;
    padding: 3px 10px;
    line-height: 15px;
    letter-spacing: 0.5px;
    border-radius: 50px;
    text-transform: uppercase;
    background-color: #ff2222;
    border: 1px solid #ff2222;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    position: relative;
    top: -2px;
    margin-left: 8px;
    vertical-align: middle;
}
.utf_counter_star_rating a {
    color: #fff;
    line-height: 21px;
    vertical-align: top;
}
.utf_star_rating_section .utf_counter_star_rating a:hover {
    color: #66676b;
}
.numerical-rating .utf_counter_star_rating a:hover {
    color: #888;
}
#titlebar.utf_listing_titlebar .numerical-rating {
    display: block;
    margin: 2px 0 0 0;
}
#titlebar.utf_listing_titlebar {
    background: #fff;
    background-color: #fff;
    margin: 2px 0 0 0;
}
.utf_listing_titlebar .utf_listing_titlebar_title{
    background: #f9f9f9;
    padding: 20px 25px;
    border-radius: 10px;
    border:1px solid rgba(0, 0, 0, 0.02);
}
.utf_listing_titlebar .utf_listing_titlebar_title h2{
    text-align:left !important;
}
a.button.utf_add_review-btn {
    min-width: 160px;
    text-align: center;
}
a.button.utf_add_review-btn i {
    font-size: 14px;
    position: relative;
    line-height: 0;
    top: 0;
    margin-right: 0;
    letter-spacing: 0;
}
.back-to-listings {
    height: 60px;
    width: 60px;
    background-color: #eee;
    color: #a6a6a6;
    border-radius: 50%;
    display: inline-block;
    float: left;
    position: relative;
    top: 6px;
    margin: 0 25px 0 0;
    text-align: center;
    transition: all 0.4s;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -5px;
    transform: translate(0, -50%);
}
.back-to-listings:before {
    font-family: "simple-line-icons";
    content: "\e605";
    font-size: 20px;
    line-height: 60px;
    left: -1px;
    position: relative;
}
.back-to-listings:hover {
    color: #a6a6a6;
    transform: translate(-4px, -50%);
}
.titlebar-right-content {
    position: absolute;
    right: 15px;
    display: inline-block;
    top: 50%;
    transform: translateY(-49%);
    text-align: right;
}
.utf_listing_slider .item {
    position: relative;
    background-size: cover;
    background-position: 50%;
    height: 40vh;
    min-height: 400px;
}
.utf_listing_slider, .utf_listing_slider .item {
    height: 40vh;
    min-height: 400px;
}
a.utf_gallery {
    cursor: zoom-in;
}

/*==========
  Listing Slider Style
============*/
.utf_listing_slider {
    background-color: #fff;
}
.utf_listing_slider .slick-next:hover, .utf_listing_slider .slick-prev:hover, .utf_listing_slider .slick-next, .utf_listing_slider .slick-prev {
    background-color: rgba(20,20,20,0.45);
    color: #fff;
    height: 44px;
    width: 44px;
    border-radius:6px;
    text-align: center;
    transition: 0.4s;
}
.utf_listing_slider .slick-next:hover, .utf_listing_slider .slick-next {
    right: 7.5%;
    transform: translate(50px, -50%);
}
.utf_listing_slider .slick-prev:hover, .utf_listing_slider .slick-prev {
    left: 7.5%;
    transform: translate(-50px, -50%);
}
.utf_listing_slider:hover .slick-next {
    transform: translate(60px, -50%);
}
.utf_listing_slider:hover .slick-prev {
    transform: translate(-60px, -50%);
}
.utf_listing_slider .slick-next:hover:before, .utf_listing_slider .slick-prev:hover:before, .utf_listing_slider .slick-prev::before, .utf_listing_slider .slick-next::before {
    font-size: 18px;
    line-height: 44px;
    position: relative;
    color: #fff;
}
.utf_listing_slider .slick-prev::before {
    left: -1px;
}
.utf_listing_slider .slick-next::before {
    left: 1px;
}
.utf_listing_slider .slick-next:hover {
    transform: translate(64px, -50%);
}
.utf_listing_slider .slick-prev:hover {
    transform: translate(-64px, -50%);
}
.utf_listing_slider .item.slick-slide:before {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    content: "";
    background: #222;
    z-index: 100;
    visibility: visible;
    opacity: 0.1;
    transition: 0.3s ease-in-out;
}
.utf_listing_slider .item.slick-slide:hover:before, .utf_listing_slider .slick-next, .utf_listing_slider .slick-prev {
    opacity: 0;
    visibility: hidden;
}
.utf_listing_slider:hover .slick-next, .utf_listing_slider:hover .slick-prev {
    opacity: 1;
    visibility: visible;
}
.utf_listing_slider .slick-next:hover, .utf_listing_slider .slick-prev:hover {
    background-color:#ff2222;
    color: #fff;
}
.utf_listing_detail_sidebar {
    padding: 0;
    list-style: none;
    font-size: 15px;
    margin-bottom: -5px;
    position: relative;
    display: block;
}
.utf_listing_detail_sidebar li {
    display: block; 
    position: relative;
    padding:8px 0 8px 28px;
    line-height: 28px;
    color: #66676b;
    font-size:15px;
    font-weight:400;
    border-bottom: 1px solid #e8e8e8;
}
.utf_listing_detail_sidebar li a {
    color: #66676b;
    font-weight:400;
    transition: 0.3s;
}
.utf_listing_detail_sidebar li a:hover{
    color:#ff2222;
    padding-left:5px
}
.utf_listing_detail_sidebar li i {
    position: absolute;
    left: 0;
    top: 14px;
    font-size: 16px;
    color: #888;
}
.utf_listing_detail_sidebar.social-profiles {
    margin-top: 10px;
}
.utf_listing_detail_sidebar.social-profiles li {
    line-height: 22px;
    padding-left: 25px;
}
.utf_listing_detail_sidebar.social-profiles li i {
    top: 13px;
}
.utf_listing_detail_sidebar li a.facebook-profile i, .utf_listing_detail_sidebar li a.facebook-profile {
    color: #3b5998;
}
.utf_listing_detail_sidebar li a.twitter-profile i, .utf_listing_detail_sidebar li a.twitter-profile {
    color: #1da1f2;
}
.utf_listing_detail_sidebar li a.gplus-profile i, .utf_listing_detail_sidebar li a.gplus-profile {
    color: #dd4b39;
}
.utf_listing_detail_sidebar li a.gplus-profile {
    padding-left: 4px;
}
.utf_hosted_by_user_title {
    padding: 0 0px 18px 110px;
    margin: 0px 0 5px;
    display: block;
    min-height:100px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}
.utf_hosted_by_user_title h4 {
    font-size: 18px;
    transition: .2s;
    line-height: 28px;
    font-weight: 500;
    margin: 15px 0 10px;
    vertical-align: bottom;
}
.utf_hosted_by_user_title h4 span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #888;
    margin-bottom: 2px;
}
.utf_hosted_by_user_title h4 span{
    color:#888888
}
.utf_hosted_by_user_title h4 span i{
    color:#ff2222;
    margin-right:3px;
}
.utf_hosted_by_avatar_listing {
    max-width:150px;
    overflow: hidden;
    border-radius:50px;
    border:3px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: -5px;
    image-rendering: -webkit-optimize-contrast;
}
.utf_hosted_by_avatar_listing img{
    width:90px;
    height:90px;
}
.utf_box_widget {
    background-color: #f9f9f9;
    border-radius: 10px;
    padding: 30px;
    transform: translate3d(0, 0, 0);
    border:1px solid rgba(0, 0, 0, 0.02);
    position:relative;
    z-index:1;
}
.utf_box_widget p{
    font-size:15px;
    line-height:26px;
}
.booking_widget_box{
    zoom: 1;
    z-index: 2;
}
.add-review-photos {
    font-weight: 500;
    padding: 6px 10px;
    color: #666;
    background-color: #ededed;
    border-radius: 6px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    width: auto;
    transition: 0.3s;
    cursor: pointer;
    line-height: 20px;
    float: right;
    top: -25px;
}
#utf_add_comment label{
    font-size:16px;
    font-weight:500;
    margin-bottom: 8px;
}
.photoUpload {
    position: relative;
    overflow: hidden;
    padding: 3px 12px;
    cursor: pointer;
}
.add-review-photos i{
    color:#ff2222;
    margin-left: 3px;
    transition: 0.3s;
    font-size: 16px;
    position: relative;
    top: 2px;
}
.photoUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.add-review-photos:hover, .add-review-photos:hover i{
    background:#ff2222;
    color:#fff;
}

/*==========
  Box Widget Style
============*/
.utf_box_widget h3 {
    width:100%;
    font-size: 20px;
    line-height:40px;
    padding: 0 0 20px;
    margin: 5px 0 20px 0;
    display: block;
    font-weight:500;    
    text-align:left;
    border-bottom: 1px solid #e8e8e8;
}
.utf_box_widget h3 i {
    margin-right: 10px;
    color:#fff; 
    width:40px;
    height:40px;
    background:#ff2222;
    padding:10px;
    border-radius:50%;
}
.utf_box_widget h3 i.sl-icon-clock {
    position: relative;
    top: 1px;
}
.utf_box_widget h3 i.fa-calendar-check-o {
    position: relative;
    top: -1px;
}
.utf_box_widget h5 {
    font-size:18px;
    font-weight:600;
    color:#525252;
    margin-bottom:12px;
}
a.send-message-to-owner.button {
    font-size: 13px;
    font-weight: 500;
    padding: 4px 20px;
    margin-top: 20px;
    margin-bottom: -5px;
}

/*==========
  Verified Style
============*/
.verified-badge {
    background-color: #54ba1d;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 400;
    cursor: help;
    position: relative;
    transition: 0.3s;
    display: block;
}
.verified-badge i {
    font-size: 22px;
    padding: 0 4px 0 0;
    position: relative;
    top: 3px;
}
.verified-badge .tip-content {
    transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    padding: 20px;
    border-radius:10px;
    max-width: auto;
    top: -1px;
    bottom: auto;
}
.verified-badge:hover { 
    background:#42a80b
}
.verified-badge:hover .tip-content {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
}
.verified-badge .tip-content:after {
    font-family: "FontAwesome";
    content: "\f0d7";
    position: absolute;
    bottom: -22px;
    top: auto;
    left: 50%;
    font-size: 22px;
    color: #333;
    transform: translate(-50%,-50%);
}

/*==========
  Opening Hours Style
============*/
.opening-hours {
    position: relative;
    overflow: hidden;
}
.opening-hours ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
}
.opening-hours ul li {
    width: 100%;
    font-size:14px;
    font-weight: 400;
    color: #66676b;
    border-bottom:1px solid rgba(0, 0, 0, 0.05);
    margin: 0;
    padding:6px 0;
    transition: 0.2s;
    cursor: default;
}
.opening-hours ul li:last-child{
    margin-bottom:0;
}
.opening-hours ul li:hover {
    color: #ff2222;
}
.opening-hours ul li span {
    float: right;
    font-weight: 400;
    font-size: 14px;
}

/*==========
  Listing Share Style
============*/
.listing-share {
    text-align: center;
    position: relative;
}
.listing-share .share-buttons li {
    margin: 0 3px 8px 0;
}
.listing-share.with-border {
    border-top: 1px solid #eee;
    padding-top: 35px;
}
.listing-share span {
    display: block;
    font-size: 16px;
    color: #707070;
}
.utf_box_widget .like-button{
    margin-top:10px;
    margin-bottom:0;
}
.like-button {
    outline: none;
    border: none;
    color: #444;
    font-weight: 500;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 50px;
    padding: 10px 25px;
    line-height: 24px;
    margin-bottom: 9px;
    transition: 0.3s;
    cursor: pointer;
}
.like-button:hover {
    background-color: #fafafa;
    border: 1px solid #ddd;
}
.listing-share .like-icon::before, .listing-share .like-icon::after {
    top: 0;
}
.listing-share .utf_social_icon li {
    text-align: center;
    float: none;
    padding: 0;
    margin: 0;
}
.like-button .like-icon:hover, .like-button .like-icon.liked {
    background-color: transparent;
    color: #ff2222;
}
.listing-share span.like-icon{
    top:-5px;
    left:0;
}
.listing-share .like-button .like-icon{
    border:2px solid transparent;
}
.like-button .like-icon {
    position: relative;
    height: 20px;
    display: inline-block;
    line-height: 30px;
    right: auto;
    bottom: 3px;
    background: transparent;
    color: #ff2222;
    font-weight: 500;
    float: left;
    width: 20px;
    margin-right: 8px;
    font-size: 18px;
}

/*==========
  Listing Nav Style
============*/
.listing-nav {
    width: 100%;
    padding: 0;
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 17px;
    font-weight: 400;
    background-color: #fff;
    margin-bottom: 35px;
}
.listing-nav-container.cloned {
    position: fixed;
    top: 0;
    margin: 0 auto;
    z-index: 1010;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(-100%);
    border-bottom: 1px solid #e0e0e0;
}
.listing-nav-container.cloned.stick {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    background-color: #fff;
}
.listing-nav-container.cloned .listing-nav {
    border-bottom: none;
    margin: 0 auto;
}
.listing-nav-container.cloned .listing-nav a {
    padding: 15px 0;
}
.listing-nav-container.cloned .listing-nav li:first-child a {
    color: #666;
    border-color: #e0e0e0;
}
.listing-nav li {
    display: inline-block;
    margin-right: 15px;
}
.listing-nav li a {
    display: inline-block;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    bottom: -1px;
    transition: 0.3s;
    color: #666;
    padding-bottom: 15px;
}
.listing-nav-container.cloned .listing-nav li:first-child a.active, .listing-nav-container.cloned .listing-nav li:first-child a:hover, .listing-nav li:first-child a, .listing-nav li a.active, .listing-nav li a:hover {
    border-color: #66676b;
    color: #66676b;
}
.utf_listing_headline_part {
    font-size: 22px;
    font-weight:500;
    position:relative;
    margin-bottom: 30px;
    margin-top: 45px;
    display: block;
}
.utf_listing_headline_part:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: -10px;
    height: 2px;
    width: 40px;
    background-color: #ff2222;
}
.utf_listing_headline_part span {
    color: #888;
    font-size:18px;
}
.utf_listing_section {
    display: inline-block;
    width: 100%;
}
.utf_listing_section p{
    font-size:15px;
    line-height:27px;
}

/*==========
  Pricing Info Style
============*/
.pricing_info {
    overflow: hidden;
    padding: 10px 0 30px;
}
.pricing_info p {
    display: inline-block;
    line-height: 50px;
    margin: 0 auto;
    vertical-align: middle;
}
.listing_price {
    font-size: 32px;
    color: #323232;
    font-weight:600;
}
.listing_price span{
    color:#ff2222;
}
.listing_message {
    float: right;
    margin: 0 auto;
}
.listing_message .btn {
    background-color: #ff2222;
    top: 0;
    padding: 10px 20px;
    color: #fff;
    position: relative;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    margin-right: 6px;
    overflow: hidden;
    border: none;
    border-radius: 6px;
}
.listing_message .btn i{
    margin-right:10px;
}
ul.listing_item_social {
    margin-top:15px;
    margin-bottom:0;
    display: inline-block;
    width:100%;
    padding-left:0;
    position: relative;
    z-index: 99;
}
.listing_item_social li {
    float: left;
    list-style: none;
    margin-right: 10px;    
    overflow: hidden;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-bottom: 0px;
}
.listing_item_social li a {
    padding: 2px 15px;
    display: inline-block;
    color: #888;
    font-size: 13px;
    font-weight: 500;
    border-radius: 4px;
    background: #ffffff;
    border:1px solid rgba(0, 0, 0, 0.10);
    text-decoration: none;
    line-height: 26px;
}
.listing_item_social li i {
    margin-right: 5px;
    color:#b5b5b5;
}
.listing_item_social li a:hover i{
    color:#fff;
}
.listing_item_social li a:hover{
    color:#fff;
    background:#ff2222;
    border-color:#ff2222;
}
.listing_item_social li a.now_open{
    color:#ffffff;
    background:#54ba1d;
    border-color:#54ba1d;
}
.listing_item_social li a.now_open:hover{
    color:#54ba1d;
    background:#ffffff;
    border-color:#54ba1d;
}
.listing_item_social li a.close_now{
    color:#ffffff;
    background:#e91721;
    border-color:#e91721;
}
.listing_item_social li a.close_now:hover{
    color:#e91721;
    background:#ffffff;
    border-color:#e91721;
}
#utf_single_listingmap {
    height: 400px;
    border-radius: 3px;
}
#utf_single_listing_map_block {
    height: 410px;
    position: relative;
    padding-top: 5px;
    display: block;
}
.utf_listing_features {
    width: 100%;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    columns: 3;
    font-size: 16px;
    -webkit-columns: 3;
    -moz-columns: 3;
}
.utf_listing_features.checkboxes li {
    color: #707070;
    font-weight:400;
    display: block;
    position: relative;
    margin: 0 0 10px 0;
    padding: 0 0 0 30px;
}
.utf_listing_features li:last-child {
    margin: 0;
}
.utf_listing_features li span, .utf_listing_features.checkboxes li {
    color: #707070;
}
.utf_listing_features.checkboxes li:before {
    display: inline-block;
    width: 19px;
    height: 19px;
    position: relative;
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    background-color: #ff2222;
    border: 2px solid transparent;
    transition: border-color 0s;
    border-radius: 12px;
    position: absolute;
    left: 0;
    top: 3px;
}
.db-tile h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 25px 30px;
    color: #333;
    background-color: #fff;
    display: block;
    border-bottom: 1px solid #eaeaea;
    border-radius: 4px 4px 0 0;
}
.dashboard-list-box {
    box-shadow: 0 0 12px 0 rgba(0,0,0,.06);
    border-radius: 6px;
}
.dashboard-list-box .table thead th {
    vertical-align: bottom;
    border-bottom: .125rem solid #dee2e6;
}
.dashboard-list-box .table thead th.btn_booking_invoice{
    width:145px;
}
.dashboard-list-box .table td, .dashboard-list-box .table th {
    padding: 20px;
    vertical-align:middle;    
}
.dashboard-list-box .button i {
    font-size: 16px;
    padding-right: 0px;
    position: relative;
    top: 2px;
    vertical-align:top;
}
.badge-primary {
    color: #ffffff;
    background-color:#64bc36;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(94,114,228,.5);
}
/*.badge-danger {
    color: #ffffff;
    background-color:#61b2db;
}*/
.badge-canceled {
    color: #ffffff;
    background-color:#ee3535;
}
.dashboard-list-box .badge {
    display: inline-block;
    padding:4px 10px;
    font-size:11px;
    font-weight:500;
    text-align: center;
    border-radius:20px;
}
.rounded-circle {
    border-radius:30px;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
@media (max-width:767px){
.utf_dashboard_list_box {
    display:inline-grid;
    width: 100%;
    overflow-x: auto;
    border:0px;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}   
.table-responsive {
    overflow: scroll;
    width: 100%;
    border:0px;
    display: inline-grid;
}
}
.utf_listing_titlebar .utf_room_detail{
    list-style: none;
    padding: 0;
    margin: 0;
}    
.utf_listing_titlebar .utf_room_detail ul{
    list-style: none;
    padding: 0;
    margin: 0;    
    margin-top:5px;     
}
.utf_listing_titlebar .utf_room_detail ul li {
    display: inline-block;
    font-weight: 500;
    color: #888;
    position: relative;
    font-size:13px;
    line-height: 16px;
    border-radius: 4px;
    padding:8px 15px;
    margin-right:6px;
    background: #ffffff;
    border:1px solid rgba(0, 0, 0, 0.10);    
}
@media (max-width:639px){
.utf_listing_titlebar .utf_room_detail ul li {
    margin-bottom:10px;
}   
}

/*==========
  Pricing List Container Style
============*/
.utf_pricing_list_section h4 {
    color: #ffffff;
    background-color: #ff2222;
    border-bottom: 1px solid #ff2222;
    width: 100%;
    padding:20px;
    border-radius: 4px 4px 0 0;
    position: relative;
    z-index: 10;
    font-size:20px;
    margin:0;
    display: block;
    font-weight: 400;
}
.utf_pricing_list_section h4:after {
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: #66676b;
    opacity: 0.05;
    z-index: 9;
}
.utf_pricing_list_section{
    border:1px solid rgba(0, 0, 0, 0.1);
    border-radius:4px;
}
.utf_pricing_list_section ul {
    list-style: none;
    padding: 0;
    background:#f9f9f9;
    margin-bottom: 35px;
}
.utf_pricing_list_section ul:last-child {
    margin-bottom:0;
}
.utf_pricing_list_section ul li:last-child{
    border-bottom:0;
}
.utf_pricing_list_section ul li {
    padding: 20px;
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
    padding-right: 70px;
    position: relative;
}
.utf_pricing_list_section ul li:hover{
    background:#fff;
}
.utf_pricing_list_section ul li:last-child {
    border-radius: 0 0 4px 4px;
}
.utf_pricing_list_section ul li:last-child span{
    background:#54ba1d;
    color:#fff;
    border:0;
    font-size:16px;
    font-weight:600;
}
.utf_pricing_list_section h5 strong{
    font-weight:600;
}
.utf_pricing_list_section ul li:last-child span strong{
    font-weight:500;
}
.utf_pricing_list_section p, .utf_pricing_list_section h5 {
    padding: 0;
    font-size: 15px;
    margin: 0;
    display: inline-block;
    width: 100%;
}
.utf_pricing_list_section h5 {
    font-size: 18px;
    line-height:28px;
    margin-bottom: 1px;
    font-weight:500;
}
.utf_pricing_list_section p {
    color: #777;
    line-height: 24px;
    margin-top: 0px;
}
.utf_pricing_list_section p strong{
    font-weight:600;
}
.utf_pricing_list_section sub.ppl-offer {
    padding: 5px 15px;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 500;
    border-radius: 50px;
    position: relative;
    top: 0;
    margin-left: 0.8rem;
}
.utf_pricing_list_section .label-light-success {
    background-color: #e8fdeb;
    color: #27b737;
}
.utf_pricing_list_section .label-light-danger {
    background-color: #f9e7eb;
    color: #ff3838;
}
.utf_pricing_list_section span {
    position: absolute;
    right: 20px;
    top: 50%;
    font-weight: 500;
    transform: translateY(-50%);
    display: inline-block;
    font-size: 16px;
    color: #626262;
    background: #ffffff;
    border:1px solid rgba(0, 0, 0, 0.1);
    padding: 2px 20px;
    border-radius: 26px;
    vertical-align: middle;
    text-align: center;
}

/*==========
  Show More Style
============*/
.show-more {
    height: 450px;
    overflow: hidden;
    position: relative;
    transition: margin 0.4s;
}
.show-more:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 180px;
    display: block;
    background: linear-gradient(rgba(255,255,255,0), #fff 88%);
    z-index: 9;
    opacity: 1;
    visibility: visible;
    transition: 0.8s;
}
.show-more.visible {
    margin-bottom: 20px;
}
.show-more.visible:after {
    opacity: 0;
    visibility: hidden;
}
.show-more-button {
    position: relative;
    font-weight: 500;
    font-size: 16px;
    left: 0;
    margin-left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    text-align: center;
    display: inline-block;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
    padding: 5px 20px;
    color: #fff;
    background-color: #ff2222;
    border-radius:30px;
    top: -10px;
    min-width: 130px;
}
.show-more-button:hover, .show-more-button:focus{
    color:#fff;
}
.show-more-button:before {
    content: attr(data-more-title);
}
.show-more-button.active:before {
    content: attr(data-less-title);
}
.show-more-button i {
    margin-left: 6px;
    color: #fff;
    font-weight: 500;
    transition: 0.2s;
}
.show-more-button.active i {
    transform: rotate(180deg);
}

/*==========
  Comments Style
============*/
.dashboard_review_item .utf_comment_content{
    padding-bottom:0;
    border-bottom:0
}
.comments {
    margin: -10px 0 0 0;
}
.comments h4 {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 500;
    color: #333;
}
.comments h4 span {
    font-size:18px !important;
    font-weight:500;
    display: inline-block;  
}
.comment {
    font-size: 20px;
}
.comments .button {
    margin: 0 0 10px 0;
    padding: 7px 15px;
}
.comments.reviews .button {
    margin: 0;
}
.comments ul {
    padding-left: 0;
}
.comments ul li {
    display: block;
    width: 100%;
}
.comments ul li, .comments ul li ul li, .comments ul li ul li ul li, .comments ul li ul li ul li {
    margin: 30px 0 0 0px;
}
.comments ul li ul {
    margin: 0 0 0 100px;
}
.utf_comment_content p {
    margin:0;
    line-height: 25px;
}
.utf_listing_section .utf_comment_content, .comments .utf_comment_content {
    color: #666;
    padding: 0 0 0px 100px; 
}
.utf_comment_content a.rate-review{
    position: absolute; 
    right: 20px;
    top:10px;
    font-weight:500;
    margin-top: 10px;
}
.utf_dashboard_list_box .utf_comment_content {
    color: #666;
    padding: 0 0 0px 100px; 
    border-bottom:0
}
.comments ul li {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.10);
    padding: 20px;
    border-radius: 10px;
}
.utf_dashboard_list_box .utf_comment_content {
    color: #666;
    padding: 0 0 0px 100px; 
    border-bottom:0
}
.comments ul li {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 20px;
    border-radius: 10px;
}
.utf_comment_content strong {
    padding-right: 5px;
    color: #666;
}
.utf_comment_content span {
    color: #888;
}
body .utf_comment_content p {
    padding: 5px 0;
    font-size: 14px;
    font-weight:400;
}
.comments-amount {
    color: #888;
    font-weight: 500;
}
.avatar {
    display: inline-block;
    float: left;
   /* padding: 0 5px 0 5px;*/
    position: absolute;
    left: 0px;
}
.utf_listing_section .utf_listing_reviews .avatar{
    padding:0 20px 0 20px
}
.utf_listing_section .utf_comment_content a.rate-review{
    right:20px;
    top:10px;
}
.dashboard_review_item .avatar, .utf_listing_reviews .avatar{
    padding:0 20px 0 0
}
.dashboard_review_item .utf_by_comment, .utf_listing_reviews .utf_by_comment{
    padding-top:0
}
.dashboard_review_item a.rate-review, .utf_listing_reviews a.rate-review{
    right:0;
    top:0;
}
.avatar img {
    width: 80px;
    height:80px;
    border: 5px solid rgba(0, 0, 0, 0.06);
    border-radius: 50px;
}

.presim img {
    /*width: 200px;
    height:200px; 14.07.2020*/
    width: 100px;
    height:100px;
    border: 5px solid rgba(0, 0, 0, 0.06);
    border-radius: 50%;
}


.utf_by_comment {
    width: 100%;
    padding-bottom: 0;
    padding-top: 5px;
    font-size:18px;
    font-weight: 500;
    color: #333;
    display:inline-block
}
.utf_by_comment h5 {
    margin: 0 0 7px 0;
}
.utf_by_comment a.reply, .utf_by_comment a.reply i {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.utf_by_comment a.reply {
    display: inline;
    background-color: #f0f0f0;
    padding: 5px 16px;
    line-height: 22px;
    font-size: 13px;
    color: #333;
    font-weight: 500;
    position: absolute;
    right:15px;
    top: 15px;
    border-radius: 50px;
}
.utf_by_comment a.reply i {
    font-size: 12px;
    margin-right: 1px;
}
.utf_by_comment .numerical-rating {
    margin: 4px 0 0 0;
}
.utf_by_comment .numerical-rating, .utf_by_comment .utf_star_rating_section {
    float:left;
    width:100%
}
.utf_by_comment .utf_star_rating_section {
    display: block;
    font-size: 14px;
}
.utf_by_comment a.reply:hover {
    background-color: #ff2222;
}
.utf_by_comment a.reply:hover, .utf_by_comment a.reply:hover i {
    color: #fff;
}
.utf_by_comment span.date {
    color: #888;
    font-size:13px;
    font-weight: 400;
    margin: 0px 0 0 0;
    float: none;
    display: block;
    text-align: left;
}
.utf_by_comment span.date i{
    color:#ff2222;
    font-size:14px;
    margin-right:2px;
}

/*==========
  Review Style
============*/
.review-images {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 5px;
}
.review-images a {
    flex: 4;
    width:80px;
    height:80px;
    float:left;
    margin-right: 15px;
    border-radius:50px;
    margin-bottom:10px;
    border:3px solid rgba(0, 0, 0, 0.06)
}
.review-images a img {
    border-radius:50px;
    min-height:74px;
}
.utf_add_review-box {
    border-radius: 10px;
    background-color: #f9f9f9;
    padding: 36px;
    padding-bottom: 40px;
    margin-bottom: 70px;
    margin-top: 70px;
    display: inline-block;
    width: 100%;
    border:1px solid rgba(0, 0, 0, 0.02);
    position: relative;
}
.utf_add_review-box h3 {
    margin-top: 5px
}
.utf_add_comment label span {
    color: #e24747;
}
.utf_add_comment input {
    margin: 0 0 25px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.utf_add_comment textarea, .utf_add_comment input {
    box-shadow: 0 1px 3px 0px rgba(0,0,0,0.05)
}
.utf_add_comment textarea {
    margin: 0 0 30px 0;
    width: 100%;
    min-width: 100%;
    min-height: 200px;
    resize: vertical;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.utf_add_comment .button {
    min-width: 160px;
}
.utf_add_comment .button, #contactform .submit{
    text-align: center;
    margin: 0 auto;
    display: block;
}
.utf_leave_rating {
    height: 48px;
    float: left;
    background: #fff;
    padding: 12px 15px;
    line-height: 30px;
    border:1px solid rgba(0, 0, 0, 0.08);
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 0px;
    border-radius: 30px;
}
.utf_leave_rating:hover input[type="radio"]:checked~label {
    color: #dadada;
}
.utf_leave_rating input[type="radio"] {
    display: none;
}
.utf_leave_rating input[type="radio"]:checked~label {
    color: #ffc600;
}
.utf_leave_rating label {
    font-size: 24px;
    float: right;
    letter-spacing: 6px;
    color: #dadada;
    cursor: pointer;
    transition: 0.3s;
}
.utf_leave_rating label:hover, .utf_leave_rating label:hover~label {
    color: #ffc600!important;
}
.utf_leave_rating_title {
    display: block;
    font-weight:400;
    margin:20px 0;
}
.utf_add_review-photos {
    font-weight: 600;
    padding: 6px 7px;
    color: #666;
    background-color: #ededed;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    width: auto;
    transition: 0.3s;
    cursor: pointer;
    line-height: 20px;
    float: right;
    top: -25px;
}
.photoUpload {
    position: relative;
    overflow: hidden;
    padding: 3px 12px;
    cursor: pointer;
}
.photoUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.utf_add_review-photos:hover {
    color: #fff;
    background-color: #66676b;
}
.utf_add_review-photos i {
    color: #66676b;
    margin-right: 3px;
    transition: 0.3s;
    font-size: 16px;
    position: relative;
    top: 2px;
}
.utf_add_review-photos:hover i {
    color: #fff;
}
a.rate-review {
    border:1px solid rgba(0, 0, 0, 0.08);
    border-radius:30px;
    font-size: 13px;
    color: #666;
    font-weight: 500;
    padding: 5px 15px;
    margin-top: 20px;
    display: inline-block;
    transition: 0.3s;
}
a.rate-review span {
    border-left: 1px solid #e0e0e0;
    line-height: 20px;
    padding-left: 10px;
    margin-left: 5px;
    transition: 0.3s;
    color: #666;
}
a.rate-review i {
    padding-left: 5px;
    font-size: 15px;
    vertical-align: initial;
}
a.rate-review:hover span {
    border-color: #d0d0d0
}
a.rate-review:hover {
    color:#fff;
    border-color: #ff2222;
    background-color: #ff2222;
}

/*==========
  Pagination Style
============*/
.pagination {
    margin: 10px 0 0 0;
    text-align: center;
    overflow: hidden;
}
.pagination-next-prev {
    position: relative;
    top: -66px;
}
.pagination ul li {
    display: inline-block;
    margin: 0 2px;
    padding: 0;
}
.pagination ul li a, .pagination-next-prev ul li a {
    padding: 12px 0;
    border-bottom: none;
    display: inline-block;
    color: #333;
    background-color: #e7e7e7;
    font-weight: 600;
    margin: 0;
    line-height: 22px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    font-size: 16px;
}
.pagination ul li a {
    border-radius:50%;
    width: 40px;
    height: 40px;
    padding: 0;
    font-weight:500;
    line-height: 40px;
}
.pagination ul li a i {
    font-size: 12px;
    line-height: 40px;
    font-weight: 700;    
}
.pagination ul li.blank {
    color: #a0a0a0;
    padding: 0 6px;
}
.pagination ul li a.current-page, .pagination .current, .pagination ul li a:hover, .pagination-next-prev ul li a:hover {
    background-color:#ff2222;
    color: #fff;
}
.pagination-next-prev a.next {
    float: right;
}
.pagination-next-prev a.prev {
    float: left;
}
.pagination-next-prev ul li a {
    color: #333;
    padding: 12px 16px;
    text-transform: uppercase;
}
.pagination ul, .pagination-next-prev ul {
    padding: 0;
    list-style-type: none;
}
.fs-listings .pagination ul li a, .fs-listings .pagination-next-prev ul li a {
    background-color: transparent;
}
.fs-listings .pagination ul li a.current-page, .fs-listings .pagination .current, .fs-listings .pagination ul li a:hover, .fs-listings .pagination-next-prev ul li a:hover {
    background-color: #e8e8e8;
    color: #333;
}

/*==========
  Contact Style
============*/
#contact textarea {
    min-height: 160px;
    margin: 0px 0 25px 0;
}
#contact input {
    margin-bottom: 25px;
}
.loader {
    margin-left: 15px;
}
.submit.disabled:hover, .submit.disabled {
    background-color: #e8e8e8;
    color: #333;
}
#contact {
    background-color: #f9f9f9;
    border-radius: 10px;
    padding: 30px;
    transform: translate3d(0, 0, 0);
    border:1px solid rgba(0, 0, 0, 0.02);
}
#contact h4 {
    width: 100%;
    font-size: 20px;
    line-height: 40px;
    padding: 0 0 20px;
    margin: 5px 0 30px 0;
    display: block;
    border-bottom: 1px solid #e8e8e8;
}
#contact h4 i {
    margin-right: 10px;
    color: #fff;
    width: 40px;
    height: 40px;
    background: #ff2222;
    padding: 10px;
    border-radius:50%;
}
#contact input.button.submit {
    line-height: 18px;
    height: 46px;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    transition: all 0.25s!important;
}
#contact input[type="submit"].submit:hover {
    opacity: 0.92;
}
.contact-sent {
    background-color: #EBF6E0;
    color: #5f9025;
    padding: 20px 26px;
    margin-bottom: 30px;
    border-radius: 3px;
}
.address-container {
    background-color: #2b2c30;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    width: 100%;
    position: relative;
    height: 100%
}
.address-container:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-color: #333;
    opacity: 0.7;
}
.utf_contact_map {
    display: block;
}
.utf_contact_map #utf_single_listing_map_block {
    flex: 1;
    position: relative;
    padding-top: 0;
}
.utf_contact_map .address-box-container {
    flex: 0 auto;
    width: 440px;
    height: auto;
}
.utf_contact_map #utf_single_listing_map_block #utf_single_listingmap {
    height: 100%;
    width: 100%;
}

@media (min-width: 1680px) {
.utf_contact_map .address-box-container {
    height: 480px;
}
}

@media (max-width: 1440px) {
.utf_contact_map .address-box-container {
    height:auto;
}
}

/*==========
  Sidebar Style
============*/
.utf_sidebar_textbox {
    display: inline-block;
    width: 100%;
    padding-right: 0px;
}
.utf_sidebar_textbox.color {
    background-color: #666;
    color: #fff;
}
.utf_sidebar_textbox.color h4 {
    color: #fff;
}
.utf_sidebar_textbox h4 {
    font-size: 16px;
    margin: 0;
    padding: 0;
    margin-bottom: 16px;
}
.utf_sidebar_textbox span {
    color: #666;
}
.utf_sidebar_textbox.color span {
    color: #fff;
}
.utf_sidebar_textbox ul.utf_contact_detail {
    list-style: none;
    padding: 5px 0 0 0;
    margin-bottom:0;
}
.utf_sidebar_textbox ul.utf_contact_detail strong {
    font-weight: 500;
}
.utf_sidebar_textbox ul.utf_contact_detail li {
    text-align: left;
    position: relative;
    width: 100%;
    display: inline-block;
    padding:10px 0;
    line-height:28px;
    border-bottom:1px solid #e8e8e8;
}
.utf_sidebar_textbox ul.utf_contact_detail li a {
    color: #ff2222;
}
.utf_sidebar_textbox ul.utf_contact_detail li strong {
    display: inline-block;
    color: #333;
    font-weight:600;
}
.utf_sidebar_textbox ul.utf_contact_detail li i {
    height: 100%;
    position: absolute;
    left: 0;
    font-size: 22px;
    color: #333;
    top: 0px
}

/*==========
  Blog Post Style
============*/
.utf_blog_post {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    border-radius:15px;
    margin: 15px 0;
    box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
}
section.fullwidth_block .utf_blog_post {
    margin: 5px 0 0 0;
}
.utf_post_img {
    position: relative;
    height: 100%;
    width: 100%;
    display: block;
}
.utf_post_img img {
    width: 100%;
    border-radius: 15px 15px 0 0;
}
.utf_post_img:after {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    content: "";
    z-index: 9;
    opacity: 0.1;
    background: #333;
    transition: opacity 0.4s;
    border-radius: 15px 15px 0 0;
}
.utf_post_img:hover:after {
    opacity: 0.5;
}
.utf_post_img:hover:before {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%);
}
.utf_post_content {
    padding: 38px;
}
.utf_post_content p {
    margin: 15px 0 0;
    color:#848484;
    font-size:15px;
    line-height:27px;
}
.utf_post_content h3 {
    margin: 0;
    line-height: 34px;
    font-size: 22px;
    font-weight:500;
}
.utf_post_content h3 a {
    color: #333;
}
.utf_post_content h3 a:hover {
    color: #ff2222;
}
.utf_post_content .meta-tags span {
    margin: 0 0 15px 0;
    display: inline-block;
    color: #888;
}
.utf_post_content a.read-more {
    color: #ff2222;
    margin: 22px 0 5px 0;
    font-weight:500;
    display: inline-block;
}
a.read-more i {
    font-size: 20px;
    position: relative;
    padding-left: 4px;
    top: 1px;
    transition: 0.2s;
}
a.read-more:hover i {
    padding-left: 7px;
}
.utf_post_text_meta {
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
}
.utf_post_text_meta li {
    display: inline-block;
    color: #999;
    font-size:15px;
}
.utf_post_text_meta li:after {
    content: "";
    width: 1px;
    height: 12px;
    background: #d0d0d0;
    display: inline-block;
    position: relative;
    top: 0px;
    margin: 0 10px;
}
.utf_post_text_meta li:last-child:after {
    display: none;
}
.utf_post_text_meta li a {
    color: #ff2222;
}
.utf_post_text_meta li a:hover {
    color: #888;
}
.blog-page .utf_blog_post {
    margin: 0 0 35px 0;
}
.blog-page h4.headline_part {
    font-size: 22px !important;
    font-weight: 500;
    position:relative;
}
.blog-page h4.headline_part:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: -10px;
    height: 2px;
    width: 40px;
    background-color: #ff2222;
}
.utf_search_blog_input {
    position: relative;
}
.utf_box_widget .utf_search_blog_input .input:before {
    content: "\e090";
    font-size: 17px;
    color: #a0a0a0;
    position: absolute;
    display: inline-block;
    font-family: "simple-line-icons";
    right: 18px;
    top: 13px;
    margin-bottom: 0;
    background-color: #fff;
    padding-left: 7px;
}
#contact textarea, #contact input, .widget .utf_search_blog_input input {
    transition: box-shadow 0.2s!important;
}
#contact textarea:focus, #contact input:focus, .widget .utf_search_blog_input input:focus {
    transition: box-shadow 0.2s!important;
    box-shadow:0px 4px 12px 0px rgba(21, 128, 199, 0.3);
}

/*==========
  Widget Style
============*/
.utf_widget_tabs {
    padding: 0;
    list-style: none;
    margin-bottom:0;
}
.utf_widget_tabs li {
    padding: 0 0 27px 0;
    margin: 24px 0 0 0;
    border-bottom: 1px solid #e0e0e0;
}
.widget .tab_content {
    padding-bottom: 0;
}
.utf_widget_thum a img {
    display: block;
    width: 95px;
    height: 95px;
    float: left;
    border-radius: 50px;
    margin: 3px 22px 0 0;
}
.utf_widget_thum {
    width: 85px;
    margin-right: 20px;
}
.utf_widget_text h5 {
    font-size: 16px;
    font-weight:500;
    line-height: 24px;
    margin: 0 0 5px 0;
}
.utf_widget_text h5 a {
    color: #4b4b4b;
    font-weight: 500;
}
.utf_widget_text h5 a:hover {
    color: #ff2222
}
.utf_widget_text span {
    color: #888;
    font-size:13px;
    font-weight: 400;   
    line-height: 22px;
    margin: 0;
    display: block;
}
.utf_widget_text span i{
    font-size:14px;
    margin-right:2px;
    color:#ff2222;
}
.utf_widget_thum {
    display: inline-block;
}
.utf_widget_thum a img {
    width: 85px;
    height: 85px;
}
.utf_widget_text {
    display: inline-block;
    width: 70%;
    padding: 0;
    position: relative;
    top: -2px;
}
.utf_widget_tabs .utf_widget_content {
    display: table;
}
.utf_widget_tabs .utf_widget_content .utf_widget_text {
    display: table-cell;
    vertical-align: middle;
}
.utf_widget_tabs li {
    padding: 0 0 10px 0;
    margin: 15px 0 0 0;
}
.utf_widget_tabs li:first-child {
    padding: 0 0 10px 0;
    margin: 32px 0 0 0;
}
.utf_widget_tabs li:last-child {
    border: none;
    padding-bottom: 0;
}
.widget h3 {
    background:#f2f2f2;
    padding:15px 20px;
    border:1px solid rgba(0, 0, 0, 0.1);
    margin-top: 0;
    font-weight:500;
    margin-bottom: 25px;
    border-radius:10px;
    font-size: 20px;
}

/*==========
  Blog Single Post Style
============*/
.utf_search_blog_input div.input .search-field{
    margin-bottom:0;
}
.utf_single_post p {
    margin: 20px 0;
}
.utf_single_post p:last-child {
    margin-bottom: 0px;
}
.utf_single_post .utf_post_img {
    border-radius: 15px 15px 0 0;
}
.blog-page .utf_blog_post .utf_post_content, .utf_single_post .utf_post_content {
    padding:30px;
}
.utf_post_content .social-contact {
    margin:10px 0 0px 0;
    padding:15px 0;
    border-top:1px solid #e8e8e8;
    border-bottom:1px solid #e8e8e8;
}
.utf_post_content .social-contact a.facebook-link {
    background-color: #3b5998;
}
.utf_post_content .social-contact a.twitter-link {
    background-color: #1da1f2;
}
.utf_post_content .social-contact a.instagram-link {
    background-color: #e1306c;
}
.utf_post_content .social-contact a.linkedin-link {
    background-color: #2877b5;
}
.utf_post_content .social-contact a.youtube-link {
    background-color: #f00125;
}
.utf_post_content .social-contact a i{
    margin-right:5px;
}
.utf_post_content .social-contact a {
    color: #fff;
    display: inline-block;
    background-color: #e4e4e4;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 15px;
    border-radius:30px;
    margin-right:3px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.utf_post_content .social-contact a:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}
.utf_about_author {
    margin: 10px 0 45px 0;
    padding: 20px 25px;
    border-radius: 10px;
    background: #fcfcfc;
    box-shadow:0 1px 6px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.utf_about_author p {
    margin: 5px 0 5px 0;
    color: #848484;
    font-size:15px;
    line-height:27px;
}
.utf_about_author a {
    position: relative;
    top: -5px;
    font-size:15px;
    color: #ff2222;
}
.utf_about_author a:hover{
    color: #66676b;
}
.utf_about_author h4 {
    margin-top:4px; 
    font-size:22px;
    font-weight:500;
    letter-spacing: 0;
}
.utf_about_author img {
    float: left;
    margin: 7px 5px 5px 5px;
    width: 100px;
    height: 100px;
    border-radius: 10px;
}
.utf_about_description {
    margin: 2px 0 0 130px;
}
.blog_compact_part-container {
    box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2);
    display: block;
    height: 100%;
    width: 100%;
    position:relative;
    overflow:hidden;
    border-radius: 10px;
    background: transparent;
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s;
    margin-bottom: 30px;
}
.blog_compact_part-container:hover {
    transform: translate3d(0, -6px, 0);
}
.blog_compact_part-container:hover img{
    transform: scale(1.10);
    transition: transform 0.35s ease-out;
    transition: all 0.55s;
}
.blog_compact_part {
    background: #ccc;
    border-radius: 10px;
    height: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 360px;
    z-index: 100;
    cursor: pointer;
}
.blog-page .blog_compact_part{
    height:320px;
}
.blog_compact_part img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
    border-radius: 10px;
}
.blog_compact_part:before {
    content: "";
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0.60) 40%, rgba(22,22,23,0) 80%, rgba(0,0,0,0) 100%);
    background-color: rgba(0,0,0,0.2);
    border-radius: 10px;
    opacity: 0.95;
}
.blog_compact_part_content {
    position: absolute;
    bottom: 25px;
    left: 0;
    padding: 0 20px;
    width: 100%;
    z-index: 50;
    box-sizing: border-box;
}
.blog_compact_part_content h3 {
    color: #fff;
    font-size: 20px;
    padding: 5px 0;
    font-weight: 500;
    margin:0px 0 5px 0;
    line-height: 30px;
}
.blog_compact_part_content span {
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    color: rgba(255,255,255,0.7);
}
.blog_compact_part_content p {
    font-size: 14px;
    line-height:24px;
    font-weight: 400;
    display: inline-block;
    color: rgba(255,255,255,0.9);
    margin: 7px 0 0 0;
}
span.blog-item-tag {
    text-transform: uppercase;
    font-size: 9.7px;
    letter-spacing: 2.5px;
    font-weight: 60;
    background: #66676b;
    border-radius: 50px;
    padding: 5px 16px;
    line-height: 20px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 9px;
    position: absolute;
    top: 30px;
    left: 32px;
    z-index: 110;
}
.blog_post_tag_part {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 0;   
    opacity: 0.95;
}
.blog_post_tag_part li {
    display: inline-block;
    margin-right: 5px;
    font-size: 13px;
    background:#ff2222;
    padding: 0px 12px;
    color: #fff;
    border-radius: 30px;
    font-weight: 500;
    margin-bottom: 5px;
}
.blog_post_tag_part li i {
    margin-right: 3px;
    font-weight: normal;
    display: inline-block;
}

/*==========
  Button Style
============*/
button.button, input[type="button"], input[type="submit"], a.button.border, a.button {
    background-color:#ff2222;
    top: 0;
    padding: 10px 20px;
    color: #fff;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    margin-right: 6px;
    overflow: hidden;
    border: none;
    border-radius: 30px;
}
input[type="button"], input[type="submit"] {
    line-height: 28px;
    height: auto;
    padding: 10px 20px;
}
button.button:before, a.button:before {
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.2s;
}
button.button:hover:before, a.button:hover:before {
    opacity: 0.1;
}
a.button.white {
    background-color: #fff;
    color: #333;
}
button.button {
    line-height: 26px;
}
a.button.border:before {
    display: none;
}
.centered_content a.button.border {
    background-color: #ff2222;
    color:#fff;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.centered_content a.button.border:hover {
    background-color: transparent;
    color: #ff2222;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
a.button.border {
    background-color: transparent;
    color: #ff2222;
    border: 1px solid #ff2222;
    padding: 8px 20px;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
a.button.border:hover {
    background-color: #ff2222;
    color: #fff;
    opacity: 1;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
a.button.border.white {
    border-color: #fff;
    color: #fff;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
a.button.border.white:hover {
    background-color: #fff;
    color: #66676b;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
button.button.fullwidth_block, a.button.fullwidth_block {
    width: 100%;
    text-align: center;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
a.button.white.border:hover {
    color: #333;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.button i {
    padding-right: 4px;
}
.centered_content {
    text-align: center;
}
.centered_content .button {
    min-width: 130px;
}
a.button.border {
    font-weight: 500;
}
.utf_progress_button {
    transition: background-color 0.4s ease;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}
.utf_progress_button span {
    position: relative;
    z-index: 11;
}

/*==========
  Box Icon Style
============*/
.box_icon_two {
    text-align: center;
    margin-top: 30px;
    position: relative;
    background: #fff;
    padding: 40px 20px 20px 20px;
    box-shadow: 0 0px 25px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    border-radius:20px;
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s; 
}
.box_icon_two:hover {
    box-shadow: 0 0px 50px rgba(0, 0, 0, 0.2);
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s; 
    transform: translate3d(0, -12px, 0);    
}
.box_icon_two:hover i{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    50% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    50% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
}
.box_icon_two i {
    width: 100px;
    height: 100px;
    background: #ff2222;
    border:5px solid rgba(0, 0, 0, 0.12);
    border-radius:50%;
    line-height: 100px;
    font-size: 44px;
    line-height:90px;
    display: inline-block;
    margin-bottom: 10px;
    text-align: center;
    overflow: hidden;
    color: #fff !important;
    position: relative;
    z-index: 11;
}
.box_icon_two span {
    color: #666;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}
.box_icon_two h4 {
    margin: 4px 0;
    line-height: 26px;
}
.box_icon_two h3 {
    margin: 4px 0;
    line-height: 26px;
    font-size: 20px;
    font-weight: 500;
}
.box_icon_two p {
    margin-top: 20px;
    font-size:16px;
    line-height:28px;
    color:#808080;
}
.box_icon_two i.im-icon-Mail-withAtSign {
    font-size: 48px;
    top: 2px;
}
.icon-box-3 {
    text-align: left;
    padding-left: 90px;
    position: relative;
    width: 100%;
    display: inline-block;
    margin: 20px 0;
}
.icon-box-3 h4 {
    font-size: 18px;
    font-weight: 600;
}
.icon-box-3 i {
    font-size: 54px;
    color: #333;
    height: 60px;
    margin: 10px 0;
    display: inline-block;
    height: 100%;
    position: absolute;
    left: 0;
}
.icon-box-3 p {
    color: rgba(51,51,51,0.7);
    margin-top: 3px;
    display: inline-block;
}
.icon-box-1.rounded i, .box_icon_two.rounded i, .icon-box-3.rounded i {
    width: 110px;
    height: 110px;
    background-color: #666;
    border-radius: 50%;
    color: #fff;
    line-height: 110px;
    font-size: 50px;
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
    overflow: hidden;
}
.rounded i:before {
    position: relative;
    z-index: 11;
}
.icon-box-1.rounded i, .box_icon_two.rounded i, .icon-box-3.rounded i {
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transform: translate3d(0, 0, 0) rotate(0);
}
body .icon-box-1.rounded:hover i, body .box_icon_two.rounded:hover i, body .icon-box-3.rounded:hover i {
    color: #fff;
}
.icon-box-1.rounded i:after, .box_icon_two.rounded i:after, .icon-box-3.rounded i:after {
    content: "";
    width: 120%;
    height: 0px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    z-index: 8;
    transition: height 0.3s ease-in-out, opacity 0.3s ease-out;
    opacity: 0;
    transform: translate3d(50%, -50%, 0) scale(1) rotate(45deg);
}
.icon-box-1.rounded:hover i:after, .box_icon_two.rounded:hover i:after, .icon-box-3.rounded:hover i:after {
    height: 145%;
    opacity: 0.1;
}
.icon-box-1.rounded.dark i, .box_icon_two.rounded.dark i, .icon-box-3.rounded.dark i {
    background-color: #222;
}
.icon-box-1.rounded.light i, .box_icon_two.rounded.light i, .icon-box-3.rounded.light i {
    color: #333;
    background-color: #f2f2f2;
}
.icon-box-3.rounded {
    padding-left: 120px;
}
.icon-box-3.rounded i {
    width: 90px;
    height: 90px;
    font-size: 40px;
    line-height: 90px;
}
body .white-text {
    color: #fff;
}
.white-text .icon-box-1 p, .white-text .box_icon_two p, .white-text .icon-box-3 p, .white-text .icon-box-4 p {
    color: rgba(255,255,255,0.85);
}
.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text .icon-box-1 h4, .white-text .box_icon_two h4, .white-text .icon-box-3 h4, .white-text .icon-box-4 h4, .white-text .icon-box-1 i, .white-text .box_icon_two i, .white-text .icon-box-3 i, .white-text .icon-box-4 i {
    color: #fff;
}

@media (max-width: 1659px) {
.icon-box-3.rounded {
    padding-left: 110px;
}
.icon-box-3.rounded i {
    width: 80px;
    height: 80px;
    font-size: 38px;
    line-height: 80px;
}
}
table.basic-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: none;
    margin-bottom: 15px;
}
table.basic-table th {
    background-color: #66676b;
    text-align: left;
    color: #fff;
    vertical-align: top;
    font-weight: 500;
}
table.basic-table th:first-child {
    border-radius: 4px 0 0 4px;
}
table.basic-table th:last-child {
    border-radius: 0 4px 4px 0;
}
table.basic-table th, table.basic-table td {
    padding: 15px 28px;
}
table.basic-table tr:nth-child(odd) {
    background-color: #f6f6f6
}
table.basic-table {
    margin-bottom: 0;
}
.share-buttons {
    padding: 0;
    list-style: none;
}
.share-buttons li {
    display: inline-block;
    margin: 0 6px 8px 0;
}
.share-buttons li a {
    background: #fff;
    border: 1px solid #666;
    border-radius: 50px;
    font-weight: 500;
    font-size: 13px;
    padding: 7px 20px;
    transition: 0.3s;
    display: inline-block;
    line-height: 17px;
    font-weight: 500;
}
.share-buttons li a:hover {
    color: #fff;
}
.share-buttons li i {
    font-size: 16px;
    position: relative;
    right: 3px;
    top: 1px;
}
.share-buttons li a.fb-share:hover {
    background: #3b5998;
    color: #fff;
}
.share-buttons li a.fb-share {
    border-color: #3b5998;
    color: #3b5998;
}
.share-buttons li a.twitter-share:hover {
    background: #1da1f2;
    color: #fff;
}
.share-buttons li a.twitter-share {
    border-color: #1da1f2;
    color: #1da1f2;
}
.share-buttons li a.gplus-share:hover {
    background: #dd4b39;
    color: #fff;
}
.share-buttons li a.gplus-share {
    border-color: #dd4b39;
    color: #dd4b39;
}
.share-buttons li a.pinterest-share:hover {
    background: #bd081c;
    color: #fff;
}
.share-buttons li a.pinterest-share {
    border-color: #bd081c;
    color: #bd081c;
}

/*==========
  Posts Nav Style
============*/
#posts-nav {
    padding: 0;
    list-style: none;
    width: 100%;
    position: relative;
    margin: 0;
    display: inline-block;
    min-height: 60px;
}
#posts-nav li span {
    display: block;
    color: #888;
    font-size: 15px;
    margin-bottom: 1px;
    font-weight: 400;
}
#posts-nav li {
    position: absolute;
    font-size: 17px;
    font-weight: 500;
    width: 50%;
}
#posts-nav li a {
    transition: transform 0.3s, color 0.3s 0s;
    color: #333;
    display: inline-block;
}
#posts-nav li a:hover {
    color: #66676b;
}
#posts-nav li.next-post {
    right: 0;
    text-align: right;
}
#posts-nav li.prev-post {
    left: 0;
}
#posts-nav li.next-post a {
    padding-right: 50px;
}
#posts-nav li.prev-post a {
    padding-left: 50px;
}
#posts-nav li.prev-post a:before, #posts-nav li.next-post a:before {
    font-family: "simple-line-icons";
    font-size: 20px;
    position: absolute;
    color: inherit;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    transition: transform 0.3s;
}
#posts-nav li.next-post a:before {
    right: 0;
    content: "\e606";
}
#posts-nav li.prev-post a:before {
    left: 0;
    content: "\e605"
}
#posts-nav li.next-post a:hover:before {
    transform: translate3d(5px, -50%, 0);
}
#posts-nav li.prev-post a:hover:before {
    transform: translate3d(-5px, -50%, 0);
}

/*==========
  Plan Featured Style
============*/
.utf_pricing_container_block {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
}
.plan { 
    text-align: center;
    position: relative;
    z-index: 9;
    overflow: hidden;
}
.utf_price_plan {
    width: 100%;
    background: #F2E0F2;
    padding: 45px 30px;
    padding-top: 48px;
}
.plan .utf_price_plan {
    border-radius:10px;
}
.utf_price_plan h3 {
    margin: 0;
    position:relative;
    color: #888;
    font-weight: 500;
    font-size: 24px;
    margin-bottom:30px;
    text-transform:uppercase;
}
.utf_price_plan h3::after{
    position: absolute;
    content: '';
    left: 0px;
    bottom: -15px;
    height: 2px;
    width: 40px;
    background-color: #fff;
    right: 0;
    text-align: center;
    margin: 0 auto;
}
.plan.featured .listing-badge {
    background-color: #fff;
    color: #66676b;
}
.utf_price_plan .value {
    display: block;
    font-size: 36px;
    line-height: 30px;
    font-weight: 600;
    padding: 15px 0 0 0;
    color: #333;
}
.utf_price_plan .period {
    color: #888;
    margin-top:0px;
    padding: 0;
    display: block;
}
.utf_price_plan_features {
    box-shadow:0px 0px 20px 0px rgba(0,0,0,0.15);
    padding: 35px 30px;
    background: #fff;
    border-radius:0 0 4px 4px;
    margin-bottom:10px;
}
.utf_price_plan_features ul {
    list-style: none;
    padding: 0;
}
.utf_price_plan_features ul li {
    padding: 6px 0;
    border-radius: 0;
    font-weight:400;
    border-top: 1px dashed rgba(0, 0, 0, 0.15);
    margin-bottom:0px;
}
.utf_price_plan_features ul li:last-child{
    border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
}
.utf_price_plan_features a.button {
    margin-top: 20px;
}
.plan.featured {
    border-radius:10px;
    z-index: 11;
}
.plan.featured .utf_price_plan {
    box-shadow:0px 0px 20px 0px rgba(0,0,0,0.15);
    background-color: #ff2222;
    padding:40px 20px;
    border-radius: 10px 10px 0 0;
}
.plan.featured .utf_price_plan h3 {
    color: #fff;
}
.plan.featured .utf_price_plan .value {
    color: #fff;
    display:inline-block;
}
.plan.featured .utf_price_plan span.value span{
    font-size:16px;
    font-weight:400;
    display: inline-block;
}
.plan.featured .utf_price_plan .period {
    color: #fff;
    line-height: 24px;
    margin-top:15px
}
.plan a.button{
    border-radius:30px;
}
.plan.featured .listing-badges .featured {
    background: #fff;
    color: #66676b;
}
.list-4, .list-3, .list-2, .list-1 {
    padding: 3px 0 0 0;
    font-size: 16px;
}
.list-4 li, .list-3 li, .list-2 li, .list-1 li {
    list-style: none;
    margin: 14px 0;
    line-height: 27px;
    margin-left: 22px;
    position: relative;
}
.list-1.alt li {
    margin: 12px 0;
    margin-left: 22px;
}
.list-4 li:first-child, .list-3 li:first-child, .list-2 li:first-child, .list-1 li:first-child {
    margin-top: 0;
}
.list-4 li:before, .list-3 li:before, .list-2 li:before, .list-1 li:before {
    font-family: "FontAwesome";
    margin: 0;
    position: relative;
    color: #ff2222;
    float: left;
    margin-left: -22px;
    display: block;
}
.list-1.gray li:before {
    color: #777;
}
.list-4 li:before {
    content: "\f196";
    font-size: 14px;
    top: 1px;
}
.list-3 li:before {
    content: "\f059";
    font-size: 15px;
    top: 1px;
}
.list-2 li:before {
    content: "\f00b";
    font-size: 14px;
}
.list-1 li:before {
    content: "\f0c3";
    font-size: 14px;
}
.list-4 li {
    margin-left: 27px;
}
.list-4 li:before {
    margin-left: -27px;
}
.numbered ol {
    counter-reset: li;
    list-style: none;
    padding: 0;
    margin-left: 18px;
    display: inline-block;
    font-size: 16px;
}
.numbered ol li {
    display: inline-block;
    padding: 6px 0;
    width: 100%;
}
.numbered ol>li::before {
    content: counter(li);
    counter-increment: li;
    font-size: 16px;
    line-height: 33px;
    width: 36px;
    height: 36px;
    display: inline-block;
    border: 1px solid #ff2222;
    border-radius: 50%;
    text-align: center;
    margin: 0;
    margin-left: 0;
    font-weight: 500;
    color: #ff2222;
    position: relative;
    float: left;
    left: -18px;
    font-size: 15px;
    transform: translateY(-10%);
}
.numbered.color ol>li::before {
    border: 1px solid #ff2222;
    color: #ff2222;
}
.numbered.color.filled ol>li::before {
    border: 1px solid #ff2222;
    color: #fff;
    background-color: #ff2222;
}
mark.color {
    background-color: #66676b;
    border-radius: 4px;
}
mark {
    border-radius: 4px;
}
.demo h1, .demo h2, .demo h3, .demo h4, .demo h5, .demo h6 {
    line-height: 40px;
}
.info-box {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    border-radius: 3px;
    padding: 23px 27px;
    border-top: 2px solid #66676b;
    background: linear-gradient(to bottom, rgba(255,255,255,0.98), rgba(255,255,255,0.95));
    background-color: #66676b;
    color: #66676b;
}
.info-box.no-border {
    border: none;
    background: linear-gradient(to bottom, rgba(255,255,255,0.96), rgba(255,255,255,0.93));
    background-color: #66676b;
}
.info-box h4 {
    margin: 0;
    font-size: 19px;
    color: #66676b;
    margin-bottom: 20px;
    margin-top: 0px;
}
.info-box p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 26px;
}
.info-box.large {
    padding: 36px;
}
#result .success, .notification {
    line-height: 24px;
    margin-bottom: 15px;
    position: relative;
    padding: 15px 26px;
    padding-right: 50px;
    border-radius: 3px;
}
.notification p {
    margin: 0;
    font-size: 15px;
}
#result .success, .notification.success {
    background-color: #EBF6E0;
}
#result .success, .notification.success, .notification.success a, .notification.success strong {
    color: rgba(84, 186, 29, 1);
}
.notification.error {
    background-color: #ffe9e9;
}
.notification.error, .notification.error a, .notification.error strong {
    color: #de5959;
    box-shadow:0 4px 0px 0 rgba(0, 0, 0, 0.10);
}
.notification.warning {
    background-color: #FBFADD;
    box-shadow:0 4px 0px 0 rgba(0, 0, 0, 0.10);
}
.notification.warning, .notification.warning a, .notification.warning strong {
    color: #8f872e;
}
.notification.notice h4 {
    font-size: 19px;
    margin: 3px 0 15px 0;
}
.notification.notice h4, .notification.notice, .notification.notice a, .notification.notice strong {
    color: #3184ae
}
.notification.notice {
    background-color: #E9F7FE;
    box-shadow:0 4px 0px 0 rgba(0, 0, 0, 0.10);
}
.notification.notice.large {
    padding: 32px 36px;
}
#dashboard .success {
    background-color:rgba(84, 186, 29, 0.1);
    border:1px solid rgba(84, 186, 29, 0.3);
}
#dashboard .notice {
    background-color: #e1f3fc;
}
#dashboard .warning {
    background-color: #f6f4c9;
}
body .notification strong {
    border: none;
    font-weight:600;
}
.notification.success .close, .notification.error .close, .notification.warning .close, .notification.notice .close {
    padding: 0px 9px;
    position: absolute;
    right: 0;
    top: 18px;
    display: block;
    height: 8px;
    width: 8px;
    cursor: pointer;
    box-shadow:none;
}
.notification.notice p span i {
    font-weight: 500;
}
.notification a.button {
    float: right;
    color: #fff;
    margin-top: 3px;
}
.notification.notice a.button {
    background-color: #388fc5;
}
.notification.warning a.button {
    background-color: #dfbe51;
}
.notification.error a.button {
    background-color: #d34c4c;
}
.notification.success a.button {
    background-color: #79ba38;
}
.notification.closeable a.close:before {
    content: "\f00d";
    font-family: "FontAwesome";
    position: absolute;
    right: 25px;
    top: 0;
    cursor: pointer;
}
.img-box {
    height: 300px;
    display: inline-block;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 90;
    margin: 10px 0;
    border-radius:10px;
    box-shadow:0 5px 15px 0 rgba(0,0,0,0.3);
}
.img-box-background {
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 100%;
    transition: all 0.55s;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    transition: transform 0.35s ease-out;
}
.img-box:hover .img-box-background {
    transform: scale(1.10);
}
.img-box:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background-color: #000;
    opacity: 0.5;
    z-index: 99;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.img-box:hover::after {
    visibility: visible;
    opacity:1;
}
.img-box::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(90deg,rgba(245,84,142,.9) 0,rgba(144,58,249,.9) 100%);
    background: -ms-linear-gradient(90deg,rgba(245,84,142,.9) 0,rgba(144,58,249,.9) 100%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.utf_img_content_box {
    position: absolute;
    z-index: 101;
    top: 82%;
    left: 25px;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    transform: translate(0, -50.5%);
    border-left: 4px solid #ff2222;
    border-radius: 2px;
    padding-left: 20px;
}
.utf_img_content_box h4 {
    font-size: 22px;
    line-height: 32px;
    font-weight:500;
    color: #fff;
    margin: 0;
    margin-bottom:5px
}
.utf_img_content_box span {
    font-size: 14px;
    font-weight:400;
    color: #fff;
    opacity: 1;
    background:rgba(255, 34, 34, 0.5);
    padding: 4px 8px;
    border-radius: 4px;
}
.img-box:hover .utf_img_content_box span{
    background:rgba(255, 34, 34, 1);
}

/*==========
  Testimonial Style
============*/
.utf_testimonial_box {
    background: #ccc;
    border-radius:20px 6px;
    padding:40px 50px;
    color: #222;
    position: relative;
    margin: 18px 0;
    box-shadow: none;
    transition: 0.4s;
    cursor: grab;
}
.utf_testimonial_carousel .slick-slide {
    margin: 0 20px 30px 20px;
    opacity: 0.5;
    transition: 0.4s;
    pointer-events: all;
}
.utf_testimonial_carousel .slick-slide.slick-active .utf_testimonial_box {
    background: #ff2222;
    color: #fff;
}
.utf_testimonial_carousel .slick-slide.slick-active .testimonial:before {
    color: #ff2222;
}
.testimonial:before {
    position: absolute;
    margin: 0 auto;
    display: block;
    width: 100%;
    text-align: center;
    bottom: -10px;
    left: 0;
    content: "\f0dd";
    font-family: "FontAwesome";
    font-size: 42px;
    color: transparent;
    background-color: transparent;
    cursor: default;
}
.testimonial, .testimonial p {
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    text-align:center;
}
.utf_testimonial_author {
    display: block;
    width: 100%;
    padding: 20px 0 15px 0;
    text-align: center;
    margin: 0 auto;
}
.utf_testimonial_author img {
    width: 120px;
    display: inline-block;
    text-align: center;
    height: auto;
    border-radius:50%;
    border:5px solid rgba(0, 0, 0, 0.1);
    margin: 0 auto;
}
.utf_testimonial_author h4 {
    display: block;
    width: 100%;
    font-size: 18px;
    padding-top: 5px;
    color: #333;
    font-weight: 500;
}
.utf_testimonial_author h4 span {
    display: block;
    color: #888;
    padding-top: 10px;
    font-weight: 400;
    font-size: 14px;
}
.utf_testimonial_box .utf_star_rating_section {
    height: 30px;
    display: inline-block;
    margin-bottom: -10px;
    margin-top: 15px;
}
.info-banner {
    display: block;
    width: 100%;
    padding: 90px 0;
    color: #fff;
    margin: 0;
}
.info-banner-content {
    position: relative;
    z-index: 199;
}
.info-banner.centered {
    text-align: center;
}
.info-banner-content a.button {
    margin: 0 20px -15px 20px;
    position: relative;
}
.flip-banner h1, .flip-banner h2, .flip-banner h3, .flip-banner h4, .flip-banner h5, .flip-banner h6, .flip-banner a, .info-banner-content h1, .info-banner-content h2, .info-banner-content h3, .info-banner-content h4, .info-banner-content h5, .info-banner-content h6, .info-banner-content a, .info-banner-content {
    color: #fff;
    display: inline-block;
    margin: 0;
    position: relative;
}
.utf_text_content {
    background: rgba(0, 0, 0, 0.5);
    padding: 110px 0px;
    font-weight: 500;
    z-index: 999;
    position: relative;
}
.utf_text_content.white-font {
    color: #fff;
    text-align:center;
}
.utf_text_content h1, .utf_text_content h2, .utf_text_content h3, .utf_text_content h4, .utf_text_content h5 {
    color: #fff;
}
.utf_text_content.white-font h1, .utf_text_content.white-font h2, .utf_text_content.white-font h3, .utf_text_content.white-font h4, .utf_text_content.white-font h5 {
    color: #fff;
}
.utf_text_content a.button {
    padding: 10px 26px;
    font-size: 16px;
    font-weight: 500;
}
.utf_text_content.white-font a.button:hover {
    background-color: #fff;
    color: #333;
}
.utf_text_content a.button:before {
    display: none;
}
.utf_text_content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;  
    color:#d6d6d6
}
.utf_text_content h2 {
    margin-bottom: 30px;
    line-height: 46px;
    font-size: 36px;
    font-weight: 500;
}
.top-1 {
    position: relative;
    top: -1px;
}
.top-0 {
    position: relative;
}
.image-edge {
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden;
    margin: 35px 0 0 0;
    height: 50vw;
    max-height: 640px;
    overflow: hidden;
    padding: 0;
}
.image-edge #googlemaps, .image-edge .google-utf_map_container {
    height: 100%;
}
.image-edge-content {
    padding: 0;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 50%;
    padding: 0 9%;
}
.image-edge.left .image-edge-content {
    padding-left: 6%;
}
.image-edge-content h3.headline_part {
    width: 100%;
    display: block;
    margin-top: 0;
}
.edge-bg {
    position: absolute;
    width: 50%;
    top: 0;
    right: 0px;
    height: 100%;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.edge-bg:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(34,34,34,0.1);
}
.image-edge.left .image-edge-content {
    left: 50%;
}
.image-edge.left .edge-bg {
    left: 0px;
}
.image-edge.left .container {
    transform: translateX(54%);
    -webkit-transform: translateX(54%);
}
.image-edge.dark {
    background-color: #282828;
    color: #fff;
}
.image-edge.dark h1, .image-edge.dark h2, .image-edge.dark h3, .image-edge.dark h4, .image-edge.dark h5 {
    color: #fff;
}
.presentation-content h2, .image-edge h2 {
    line-height: 56px;
    font-weight: 600;
    font-size: 40px;
    letter-spacing: -0.5px;
}
.presentation-content p, .image-edge p {
    font-size: 20px;
    color: #828282;
    line-height: 34px;
}
.image-edge.dark p {
    color: rgba(255,255,255,0.8);
}
.image-edge-content ul {
    list-style: none;
    padding: 0;
}
.image-edge-content ul li {
    margin-bottom: 30px;
}
.image-edge-content ul li:last-child {
    margin-bottom: 0px;
}
.image-edge-content h4 i {
    position: relative;
    top: -1px;
    margin-right: 2px;
}

@media (max-width: 767px) {
.edge-bg {
    position: relative;
    height: 400px;
    width: 100%;
    display: block;
    left: 0;
    right: 0;
}
#titlebar.utf_listing_titlebar span.listing-tag {
    margin-left: 0;
    margin-bottom: 10px;
}
.utf_listing_section .utf_listing_reviews .avatar {
    display: none;
}
.dashboard_review_item .avatar, .utf_listing_reviews .avatar {
    display: none;
}
.comments .avatar{
    display: none;
}
.utf_listing_section .utf_comment_content, .comments .utf_comment_content{
    padding-left:0;
}
.comments .utf_comment_content{
    padding-left:0;
    padding-right:0;
    padding-bottom:20px;    
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
.utf_dashboard_list_box .utf_comment_content{
    padding-left:0;
    padding-right:0;
    padding-bottom:0px; 
    border-bottom:0;
}
.comments ul li, .comments ul li ul li{
    padding:0;
    margin:0;
    border:0;
}
.utf_listing_section .utf_comment_content a.rate-review {
    right: 0;
    top: -5px;
}
.utf_by_comment a.reply{
    right:0
}
}

/*==========
  Flip Banner Style
============*/
.flip-banner {
    display: block;
    width: 100%;
    height: 180px;
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 9999;
}
.flip-banner:after {
    background-color: #000;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    z-index: 100;
    transition: all 0.6s;
}
.flip-banner:hover:after {
    opacity: 0.6;
}
.flip-banner-content {
    position: relative;
    top: 50%;
    z-index: 200;
}
.flip-banner h2 {
    font-size: 34px;
    font-weight:600;
    line-height: 40px;
    position: relative;
    width: 100%;
    display: block;
}
.flip-banner-content .flip-visible, .flip-banner-content .flip-hidden {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    transition: all 0.45s cubic-bezier(.87, -.41, .19, 1.44);
}
.flip-banner:hover .flip-banner-content .flip-hidden, .flip-banner-content .flip-visible {
    opacity: 1;
    visibility: visible;    
}
.flip-banner i {
    padding: 0 10px;
}
.flip-banner .sl {
    position: relative;
    top: 1px;
    font-size: 26px;
}

@media (max-width: 767px) {
.flip-banner .sl {
    font-size: 18px;
}
.flip-banner h2 {
    font-size: 28px;
    line-height: 40px;
}
.search_categorie_block .col-xs-12{
    padding-left:0;
    padding-right:0;
}
}

/*==========
  Tabs Nav Style
============*/
.utf_tabs_nav {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.utf_tabs_nav li a i {
    padding-right: 5px;
    font-size: 16px;
    top: 1px;
    position: relative;
}
.utf_tabs_nav li {
    float: left;
    line-height: 45px;
    padding: 0;
    margin:0 2px;
    position: relative;
    z-index: 12;
    width:49%;
    text-align:center;
}
.utf_tabs_nav li a, .tab-reviews {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.utf_tabs_nav li a {
    border: 2px solid transparent;
    color: #333;
    display: inline-block;
    outline: none;
    padding: 7px 15px;
    text-decoration: none;
    text-transform:uppercase;
    font-size: 16px;
    font-weight:500;
    z-index: 11;
    position: relative;
    width:100%
}
.utf_tabs_nav li a:hover {
    border-color: #66676b;
}
.tab-reviews {
    color: #aaa;
}
.utf_tabs_nav li.active .tab-reviews {
    color: #fff;
}
.utf_tabs_nav li a:hover, .utf_tabs_nav li.active a {
    border-color: #66676b;
    color: #66676b;
    z-index: 11;
}
.tab_content {
    padding:25px;
    position: relative;
    z-index: 10;
    display: inline-block;
    width: 100%;
}
.tab_container {
    overflow: hidden;
    width: 100%;
}
.style-1 .tab_container .tab_content{
    padding:25px 0 0 0;
}
.element_tab .utf_tabs_nav li{
    width:auto;
}
.element_tab .utf_tabs_nav li a{
    padding:0px 12px;
    text-transform:none;
    border-radius: 6px;
    margin-bottom:10px;
}
.element_tab .utf_tabs_nav li a:hover, .element_tab .utf_tabs_nav li a.active{
    border-radius: 40px;
}
.element_tab .tab_container{
    border-top:2px solid #d4d4d4
}
.tab_content p:last-child {
    margin-bottom: 0;
}
.style_one .tab_container .tab_content {
    padding: 20px 0 0 0;
}
.style-3 .utf_tabs_nav {
    text-align: center;
}
.style-3 .utf_tabs_nav li {
    float: none;
    line-height: 32px;
    padding: 0;
    margin-right: 4px;
    position: relative;
    z-index: 12;
    display: inline-block;
    text-align: center;
}
.style-3 .utf_tabs_nav li a {
    border: none;
    color: #333;
    display: inline-block;
    outline: none;
    padding: 7px 24px;
    text-decoration: none;
    font-size: 14px;
    z-index: 11;
    position: relative;
    margin-bottom: -1px;
    background-color: #fff;
    border-radius: 3px;
    font-size: 13px;
}
.style-3 .utf_tabs_nav li a:hover, .style-3 .utf_tabs_nav li.active a {
    border-color: #66676b;
    background-color: #66676b;
    color: #fff;
    z-index: 11;
}
.style-3 .tab_container .tab_content {
    border: none;
    padding: 30px 0 0 0;
}
.style-4 .utf_tabs_nav {
    width: 35%;
    display: table-cell;
}
.style-4 .tab_container {
    width: 65%;
    padding-left: 20px;
    display: table-cell;
    vertical-align: middle;
}
.style-4 .tab_container .tab_content {
    border: none;
    padding: 10px 0 0 0;
}
.style-4.tabs {
    display: table;
}
.style-4 .utf_tabs_nav li a {
    float: none;
    width: 90%;
    border: none;
    padding: 0;
    background-color: #fff;
    margin: 0 0 1px 0;
    border: none;
    padding: 9px 24px;
    line-height: 30px;
    border-radius: 3px;
}
.style-4 .utf_tabs_nav li.active a {
    background-color: #66676b;
    color: #fff;
}
.style-4 .utf_tabs_nav li {
    width: 100%;
}
.style-5 .utf_tabs_nav li {
    width: 33.33%;
}
.stytle-5 .tab_container .utf_widget_text {
    position: relative;
    top: 50px;
    transform: transitionY(-50%);
    display: inline-block;
}
.style-5 .utf_tabs_nav {
    bottom: 5px;
    position: relative;
}
.style-5 .utf_tabs_nav li a {
    border: none;
    background-color: #f2f2f2;
    color: #333;
    border-radius: 4px;
    padding: 0;
}
.style-5 .utf_tabs_nav li.active a {
    background-color: #66676b;
    color: #fff;
}
.style-5 .tab_container .tab_content {
    box-shadow: none;
    border: none;
    padding: 20px 0 0 0;
}
.rememberme {
    display: block;
    margin-top: 10px;
    cursor: pointer;
}
.utf_signin_form .tab_container {
    overflow: visible;
}
.utf_signin_form .utf_tabs_nav li {
    line-height: 15px;
}
.utf_tabs_nav li a:hover, .utf_tabs_nav li.active a {
    background:#ff2222 !important;
    border-color: #ff2222 !important;
    color: #fff !important;
}
.utf_signin_form .utf_tabs_nav li a {
    padding:15px;
    color: #666;
    background:#f4f4f4;
    border-radius:30px;
}
.utf_signin_form .utf_tabs_nav li a:hover, .utf_signin_form .utf_tabs_nav li.active a {
    color: #66676b;
    width:100%;
}
.lis-relative {
    font-size: 16px;
    line-height: 24px;    
    color:#707070
}
.lis-relative a{
    color:#ff2222;
    font-weight:500;
}
.lis-relative a:hover{
    color:#707070
}

/*==========
  Accordion Toggles Style
============*/
.ui-accordion .ui-accordion-header, .trigger a {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 0;
    line-height: 32px;
    outline: none;
    color: #333;
    font-size: 18px;
    font-weight:500;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    transition: background-color 0.2s, color 0.2s;
    padding:20px;
    margin: -1px 0 0 0;
}
.ui-accordion .ui-accordion-header i, .trigger a i {
    font-size: 18px;
    top: 1px;
    position: relative;
    padding-right: 3px;
}
.style-2 .ui-accordion .ui-accordion-header i, .style-2 .trigger a i {
    padding-right: 6px;
}
.style-2 .ui-accordion .ui-accordion-header:hover, .style-2 .trigger a:hover { color: #66676b; }
.trigger.active a, .ui-accordion .ui-accordion-header-active:hover, .ui-accordion .ui-accordion-header-active {
    background-color: #ff2222;
    border-color: #ff2222;
    color: #fff;
}
.ui-accordion .ui-accordion-header i, .trigger a i {
    margin: 0 4px 0 0;
    position: relative;
}
.ui-accordion .ui-accordion-content, .toggle-container {
    padding:20px 22px;
    border: 1px solid #e0e0e0;
    border-top: none;
}
.ui-accordion .ui-accordion-content p, .toggle-container p { margin: 0; }
.style-2 .ui-accordion .ui-accordion-header, .style-2 .trigger a {
    border: none;
    margin: 0;
    padding: 25px 0;
    text-transform: none;
    font-size: 18px;
    font-weight: 500;
    background-color: transparent;
    color: #333;
    padding-right: 60px;
    font-weight: 400;
}
body .style-2 .ui-accordion .ui-accordion-header, body .style-2 .trigger a { text-transform: none; }
.style-2 .ui-accordion .ui-accordion-content, .style-2 .toggle-container {
    padding: 0px 0 30px 0;
    border: none;
}
.style-2 .trigger.active a, .style-2 .ui-accordion .ui-accordion-header-active:hover, .style-2 .ui-accordion .ui-accordion-header-active {
    background-color: transparent;
    border-color: transparent;
    color: #66676b;
    transition: color 0.1s;
}
.style-2 .toggle-wrap:first-child {
    border-top: 1px solid #e0e0e0
}
.style-2 .ui-accordion .ui-accordion-header, .style-2 .ui-accordion .ui-accordion-content, .style-2 .toggle-wrap {
    border-bottom: 1px solid #e0e0e0
}
.style-2 .trigger a:hover{
    color:#ff2222;
}
.style-2 .trigger.active a{
    color:#ff2222;
}
.style-2 .ui-accordion .ui-accordion-header-active { border: none; }
.accordion h3 .sl-icon-plus, .trigger .sl-icon-plus {
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 24px;
    transform: translate3d(0,-50%,0) rotate(0);
    transition: 0.2s;
}
.accordion h3.ui-accordion-header-active .sl-icon-plus, .trigger.active .sl-icon-plus {
    margin-top: 2px;
    transform: translate3d(0,-50%,0) rotate(45deg);
}
.style-2 .ui-accordion-header{
    border: none;
    margin: 0;
    padding: 25px 0;
    padding-right: 0px;
    text-transform: none;
    font-size: 18px;
    line-height:26px;
    font-weight: 500;
    background-color: transparent;
    color: #333;
    padding-right: 60px; 
    padding-left:10px;  
}
.style-2 .ui-accordion-header:first-child{
    border-top: 1px solid #e0e0e0;
}
.style-2 .ui-accordion-content {
    border-bottom: 1px solid #e0e0e0;
    padding-left: 10px;
    padding-right: 10px;    
}
.style-2 .ui-accordion-header{
    border-bottom: 1px solid #e0e0e0;   
}
.style-2 .ui-accordion-header-active {
    border: none;
}
.style-2 .ui-accordion-header{
    position:relative
}
.style-2 .accordion h3 .sl-icon-plus{
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 26px;
    transform: translate3d(0,-50%,0) rotate(0);
    transition: 0.2s;
}
.style-2 .ui-accordion-header:hover, .style-2 .ui-accordion-header-active{
    color:#ff2222;
    cursor:pointer;
}
.style-2 .accordion h3.ui-accordion-header-active .sl-icon-plus {
    color:#ff2222;
    margin-top: 2px;
    transform: translate3d(0,-50%,0) rotate(45deg);
}

/*==========
  Login Block
============*/
.lost_password a {
    margin: 0;
    color: #666;
    font-size: 16px;
    font-weight:400;
}
.lost_password:hover a {
    color: #ff2222;
}
.rememberme input {
    margin: 0 2px 0 0;
    display: inline-block;
    min-height: auto;
    width: auto;
}
.myaccount input.button {
    margin-bottom: 0;
}
.form_forgot_part{
    float:left;
    width:100%;
    margin-bottom:20px;
}
.form_forgot_part .checkboxes label{
    margin-right:0;
    color: #666;
    font-size: 16px;
    font-weight: 400;
}
.utf_signin_form label {
    position: relative;
    color: #666;
    font-weight:500;
    font-size: 16px;
}
.utf_signin_form label input {
    margin-top: 10px;
    padding-left: 15px;
    height: 50px;
}
.utf_signin_form label input[type="checkbox"] {
    height: auto;
}
.utf_signin_form input {
    transition: box-shadow 0.2s!important;
}
.utf_signin_form input:focus {
    transition: box-shadow 0.2s!important;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.07);
}
.utf_signin_form label i {
    font-size: 20px;
    color: #a0a0a0;
    position: absolute;
    left: 15px;
    bottom: 11px;
}
.utf_signin_form .button {
    line-height: 30px;
    height: auto;
    width: 100%;
    text-transform:uppercase;
    font-size:16px;
    margin-bottom:0
}

/*==========
  Social Icon Style
============*/
.utf_social_icon {
    width:100%;
    padding-left: 5px;
    display:inline-block;
    margin-bottom:0;
}
.utf_social_icon li {
    display: inline;
    float: left;
    text-align: left;
    margin-right: 16px;
    margin-top: 10px;
    transform: scale(1.19);
    -webkit-transform: scale(1.19);
    -webkit-filter: blur(radius);
}
.utf_social_icon li a {
    width: 36px;
    height: 36px;
    display: inline-block;
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    border: 1px solid #f3f3f3;
}
.utf_social_icon.fixed li a {
    display: block;
}
.utf_social_icon li a i {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    z-index: 20;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -webkit-filter: blur(radius);
}
.utf_social_icon li a:hover, .utf_social_icon li a i {
    color: #fff;
}
.utf_social_icon li a i {
    top: -30px;
    opacity: 0;
}
.utf_social_icon li a:hover i {
    top: 0;
    opacity: 1;
}
.utf_social_icon.rounded li a {
    border-radius:50%;
}
.utf_social_icon.border li a {
    background-color: #fff;
    border: 1px solid #e0e0e0;
}
.utf_social_icon.border li a:hover {
    border-color: transparent;
}
.utf_social_icon.color li a {
    border-color: transparent;
}
.utf_social_icon.color li a i, .utf_social_icon.color li a:hover i {
    top: 0;
    opacity: 1;
}
.utf_social_icon.color a:before {
    opacity: 0;
}
.utf_social_icon.fixed {
    position: fixed;
    left: 0;
    padding-left: 2px;
    top: 100px;
    width: 50px;
}
.utf_social_icon.fixed li {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: 7px;
}
.utf_social_icon.fixed li a {
    background-color: rgba(51,51,51,0.35);
}
.utf_social_icon.fixed li a:before {
    color: #fff;
}
.twitter:before, .wordpress:before, .facebook:before, .linkedin:before, .steam:before, .tumblr:before, .github:before, .delicious:before, .instagram:before, .xing:before, .amazon:before, .dropbox:before, .paypal:before, .lastfm:before, .gplus:before, .yahoo:before, .pinterest:before, .dribbble:before, .flickr:before, .reddit:before, .vimeo:before, .spotify:before, .rss:before, .youtube:before, .blogger:before, .appstore:before, .digg:before, .evernote:before, .fivehundredpx:before, .forrst:before, .stumbleupon:before, .dribbble:before {
    font-family: "fontello";
    font-size: 16px;
    line-height: 16px;
    color: #a0a0a0;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    position: absolute;
    z-index: 20;
    transform: scale(0.9);
}
.twitter:before, .utf_social_icon li a.twitter i {
    font-size: 14px;
}
.twitter i, .twitter:before {
    margin: 10px 0 0 8px;
}
.twitter:before {
    content: "\54";
    top: 0;
    opacity: 1;
}
.twitter:hover:before {
    top: 30px;
    opacity: 0;
}
.twitter:hover {
    background-color: #3bc1ed!important;
}
.twitter:hover, .utf_social_icon.color .twitter, .utf_social_icon.fixed .twitter:hover {
    background-color: #3bc1ed;
    border-color: #3bc1ed;
}
.dribbble i, .dribbble:before {
    margin: 13px 0 0 13px;
}
.dribbble:before {
    content: "\44";
    top: 0;
    opacity: 1;
}
.dribbble:hover:before {
    top: 30px;
    opacity: 0;
}
.dribbble:hover {
    background-color: #ef5a92!important;
}
.utf_social_icon.color .dribbble, .utf_social_icon.fixed .dribbble:hover {
    background-color: #ef5a92;
    border-color: #ef5a92;
}
.facebook i, .facebook:before {
    margin:9px 0 0 12px;
}
.facebook:before {
    content: "\66";
    top: 0;
    opacity: 1;
}
.facebook:hover:before {
    top: 30px;
    opacity: 0;
}
.facebook:hover {
    background-color: #4a6d9d!important;
}
.utf_social_icon.color .facebook, .utf_social_icon.fixed .facebook:hover {
    background-color: #4a6d9d;
    border-color: #4a6d9d;
}
.linkedin i, .linkedin:before {
    margin:9px 0 0 8px;
}
.linkedin:before {
    content: "\4c";
    top: 0;
    opacity: 1;
}
.linkedin:hover:before {
    top: 30px;
    opacity: 0;
}
.linkedin:hover {
    background-color: #0b7bb5!important;
}
.utf_social_icon.color .linkedin, .utf_social_icon.fixed .linkedin:hover {
    background-color: #0b7bb5;
    border-color: #0b7bb5;
}
.delicious i, .delicious:before {
    margin:9px 0 0 12px;
}
.delicious:before {
    content: "\23";
    top: 0;
    opacity: 1;
}
.delicious:hover:before {
    top: 30px;
    opacity: 0;
}
.delicious:hover {
    background-color: #3274d1!important;
}
.utf_social_icon.color .delicious, .utf_social_icon.fixed .delicious:hover {
    background-color: #3274d1;
    border-color: #3274d1;
}
.paypal i, .paypal:before {
    margin:9px 0 0 12px;
}
.paypal:before {
    content: "\24";
    top: 0;
    opacity: 1;
}
.paypal:hover:before {
    top: 30px;
    opacity: 0;
}
.utf_social_icon.color .paypal, .utf_social_icon.fixed .paypal:hover {
    background-color: #2e689a;
    border-color: #2e689a;
}
.gplus i, .gplus:before {
    margin:9px 0 0 8px;
}
.gplus:before {
    content: "\f0d5";
    top: 0;
    opacity: 1;
}
.gplus:hover:before {
    top: 30px;
    opacity: 0;
}
.gplus:hover {
    background-color: #d53824!important;
}
.utf_social_icon.color .gplus, .utf_social_icon.fixed .gplus:hover {
    background-color: #d53824;
    border-color: #d53824;
}
.stumbleupon i, .stumbleupon:before {
    margin:9px 0 0 12px;
}
.stumbleupon:before {
    content: "\2f";
    top: 0;
    opacity: 1;
}
.stumbleupon:hover:before {
    top: 30px;
    opacity: 0;
}
.stumbleupon:hover {
    background-color: #eb4924!important;
}
.utf_social_icon.color .stumbleupon, .utf_social_icon.fixed .stumbleupon:hover {
    background-color: #eb4924;
    border-color: #eb4924;
}
.fivehundredpx i, .fivehundredpx:before {
    margin:9px 0 0 12px;
}
.fivehundredpx:before {
    content: "\30";
    top: 0;
    opacity: 1;
}
.fivehundredpx:hover:before {
    top: 30px;
    opacity: 0;
}
.fivehundredpx:hover {
    background-color: #444!important;
}
.utf_social_icon.color .fivehundredpx, .utf_social_icon.fixed .fivehundredpx:hover {
    background-color: #444;
    border-color: #444;
}
.pinterest i, .pinterest:before {
    margin:9px 0 0 12px;
}
.pinterest:before {
    content: "\31";
    top: 0;
    opacity: 1;
}
.pinterest:hover:before {
    top: 30px;
    opacity: 0;
}
.pinterest:hover {
    background-color: #cb1f25!important;
}
.utf_social_icon.color .pinterest, .utf_social_icon.fixed .pinterest:hover {
    background-color: #cb1f25;
    border-color: #cb1f25;
}
.forrst i, .forrst:before {
    margin: 9px 0 0 12px;
}
.forrst:before {
    content: "\3a";
    top: 0;
    opacity: 1;
}
.forrst:hover:before {
    top: 30px;
    opacity: 0;
}
.forrst:hover {
    background-color: #40833e!important;
}
.utf_social_icon.color .forrst, .utf_social_icon.fixed .forrst:hover {
    background-color: #40833e;
    border-color: #40833e;
}
.digg i, .digg:before {
    margin:9px 0 0 12px;
}
.digg:before {
    content: "\3b";
    top: 0;
    opacity: 1;
}
.digg:hover:before {
    top: 30px;
    opacity: 0;
}
.digg:hover {
    background-color: #205685!important;
}
.utf_social_icon.color .digg, .utf_social_icon.fixed .digg:hover {
    background-color: #205685;
    border-color: #205685;
}
.spotify i, .spotify:before {
    margin:9px 0 0 12px;
}
.spotify:before {
    content: "\3d";
    top: 0;
    opacity: 1;
}
.spotify:hover:before {
    top: 30px;
    opacity: 0;
}
.spotify:hover {
    background-color: #6ca405!important;
}
.utf_social_icon.color .spotify, .utf_social_icon.fixed .spotify:hover {
    background-color: #6ca405;
    border-color: #6ca405;
}
.reddit i, .reddit:before {
    margin: 13px 0 0 12px;
}
.reddit:before {
    content: "\3e";
    top: 0;
    opacity: 1;
}
.reddit:hover:before {
    top: 30px;
    opacity: 0;
}
.reddit:hover {
    background-color: #404040!important;
}
.utf_social_icon.color .reddit, .utf_social_icon.fixed .reddit:hover {
    background-color: #404040;
    border-color: #404040;
}
.appstore i, .appstore:before {
    margin: 13px 0 0 14px;
}
.appstore:before {
    content: "\41";
    top: 0;
    opacity: 1;
}
.appstore:hover:before {
    top: 30px;
    opacity: 0;
}
.appstore:hover {
    background-color: #c0c0c0!important;
}
.utf_social_icon.color .appstore, .utf_social_icon.fixed .appstore:hover {
    background-color: #c0c0c0;
    border-color: #c0c0c0;
}
.blogger i, .blogger:before {
    margin: 13px 0 0 13px;
    font-size: 14px;
}
.blogger:before {
    content: "\42";
    top: 0;
    opacity: 1;
}
.blogger:hover:before {
    top: 30px;
    opacity: 0;
}
.blogger:hover {
    background-color: #ff6501!important;
}
.utf_social_icon.color .blogger, .utf_social_icon.fixed .blogger:hover {
    background-color: #ff6501;
    border-color: #ff6501;
}
.dribbble i, .dribbble:before {
    margin: 13px 0 0 13px;
}
.dribbble:before {
    content: "\44";
    top: 0;
    opacity: 1;
}
.dribbble:hover:before {
    top: 30px;
    opacity: 0;
}
.dribbble:hover {
    background-color: #ef5a92!important;
}
.utf_social_icon.color .dribbble, .utf_social_icon.fixed .dribbble:hover {
    background-color: #ef5a92;
    border-color: #ef5a92;
}
.evernote i, .evernote:before {
    margin: 13px 0 0 15px;
}
.evernote:before {
    content: "\45";
    top: 0;
    opacity: 1;
}
.evernote:hover:before {
    top: 30px;
    opacity: 0;
}
.evernote:hover {
    background-color: #6bb130!important;
}
.utf_social_icon.color .evernote, .utf_social_icon.fixed .evernote:hover {
    background-color: #6bb130;
    border-color: #6bb130;
}
.table-hover > tbody > tr:hover {
    background-color: #f9f9f9;
}
.flickr i, .flickr:before {
    margin: 13px 0 0 13px;
}
.flickr:before {
    content: "\46";
    top: 0;
    opacity: 1;
}
.flickr:hover:before {
    top: 30px;
    opacity: 0;
}
.flickr:hover {
    background-color: #136dd5!important;
}
.utf_social_icon.color .flickr, .utf_social_icon.fixed .flickr:hover {
    background-color: #136dd5;
    border-color: #136dd5;
}
.rss i, .rss:before {
    margin: 13px 0 0 14px;
    font-size: 14px;
}
.rss:before {
    content: "\52";
    top: 0;
    opacity: 1;
}
.rss:hover:before {
    top: 30px;
    opacity: 0;
}
.rss:hover {
    background-color: #fe8f00!important;
}
.utf_social_icon.color .rss, .utf_social_icon.fixed .rss:hover {
    background-color: #fe8f00;
    border-color: #fe8f00;
}
.youtube i, .youtube:before {
    margin: 13px 0 0 14px;
    font-size: 18px;
}
.youtube:before {
    content: "\55";
    top: 0;
    opacity: 1;
}
.youtube:hover:before {
    top: 30px;
    opacity: 0;
}
.youtube:hover {
    background-color: #bf2f29!important;
}
.utf_social_icon.color .youtube, .utf_social_icon.fixed .youtube:hover {
    background-color: #bf2f29;
    border-color: #bf2f29;
}
.vimeo i, .vimeo:before {
    margin: 13px 0 0 13px;
    font-size: 14px;
}
.vimeo:before {
    content: "\56";
    top: 0;
    opacity: 1;
}
.vimeo:hover:before {
    top: 30px;
    opacity: 0;
}
.vimeo:hover {
    background-color: #4c8ab0!important;
}
.utf_social_icon.color .vimeo, .utf_social_icon.fixed .vimeo:hover {
    background-color: #4c8ab0;
    border-color: #4c8ab0;
}
.xing i, .xing:before {
    margin: 13px 0 0 14px;
}
.xing:before {
    content: "\58";
    top: 0;
    opacity: 1;
}
.xing:hover:before {
    top: 30px;
    opacity: 0;
}
.xing:hover {
    background-color: #036568!important;
}
.utf_social_icon.color .xing, .utf_social_icon.fixed .xing:hover {
    background-color: #036568;
    border-color: #036568;
}
.yahoo i, .yahoo:before {
    margin: 13px 0 0 11px;
}
.yahoo:before {
    content: "\59";
    top: 0;
    opacity: 1;
}
.yahoo:hover:before {
    top: 30px;
    opacity: 0;
}
.yahoo:hover {
    background-color: #9251a2!important;
}
.utf_social_icon.color .yahoo, .utf_social_icon.fixed .yahoo:hover {
    background-color: #9251a2;
    border-color: #9251a2;
}
.amazon i, .amazon:before {
    margin: 13px 0 0 12px;
}
.amazon:before {
    content: "\61";
    top: 0;
    opacity: 1;
}
.amazon:hover:before {
    top: 30px;
    opacity: 0;
}
.amazon:hover {
    background-color: #2f3842!important;
}
.utf_social_icon.color .amazon, .utf_social_icon.fixed .amazon:hover {
    background-color: #2f3842;
    border-color: #2f3842;
}
.steam i, .steam:before {
    margin: 13px 0 0 11px;
}
.steam:before {
    content: "\62";
    top: 0;
    opacity: 1;
}
.steam:hover:before {
    top: 30px;
    opacity: 0;
}
.steam:hover {
    background-color: #383838!important;
}
.utf_social_icon.color .steam, .utf_social_icon.fixed .steam:hover {
    background-color: #383838;
    border-color: #383838;
}
.dropbox i, .dropbox:before {
    margin: 13px 0 0 13px;
}
.dropbox:before {
    content: "\64";
    top: 0;
    opacity: 1;
}
.dropbox:hover:before {
    top: 30px;
    opacity: 0;
}
.dropbox:hover {
    background-color: #2c92dd!important;
}
.utf_social_icon.color .dropbox, .utf_social_icon.fixed .dropbox:hover {
    background-color: #2c92dd;
    border-color: #2c92dd;
}
.github i, .github:before {
    margin: 13px 0 0 13px;
}
.github:before {
    content: "\67";
    top: 0;
    opacity: 1;
}
.github:hover:before {
    top: 30px;
    opacity: 0;
}
.github:hover {
    background-color: #5c7381!important;
}
.utf_social_icon.color .github, .utf_social_icon.fixed .github:hover {
    background-color: #5c7381;
    border-color: #5c7381;
}
.lastfm i, .lastfm:before {
    margin: 13px 0 0 11px;
}
.lastfm:before {
    content: "\6c";
    top: 0;
    opacity: 1;
}
.lastfm:hover:before {
    top: 30px;
    opacity: 0;
}
.lastfm:hover {
    background-color: #d21309!important;
}
.utf_social_icon.color .lastfm, .utf_social_icon.fixed .lastfm:hover {
    background-color: #d21309;
    border-color: #d21309;
}
.tumblr i, .tumblr:before {
    margin: 13px 0 0 15px;
}
.tumblr:before {
    content: "\74";
    top: 0;
    opacity: 1;
}
.tumblr:hover:before {
    top: 30px;
    opacity: 0;
}
.tumblr:hover {
    background-color: #3d658d!important;
}
.utf_social_icon.color .tumblr, .utf_social_icon.fixed .tumblr:hover {
    background-color: #3d658d;
    border-color: #3d658d;
}
.wordpress i, .wordpress:before {
    margin: 13px 0 0 14px;
}
.wordpress:before {
    content: "\77";
    top: 0;
    opacity: 1;
}
.wordpress:hover:before {
    top: 30px;
    opacity: 0;
}
.wordpress:hover {
    background-color: #383838!important;
}
.utf_social_icon.color .wordpress, .utf_social_icon.fixed .wordpress:hover {
    background-color: #383838;
    border-color: #383838;
}
.instagram i, .instagram:before {
    margin:9px 0 0 9px;
}
.instagram:before {
    content: "\f31f";
    top: 0;
    opacity: 1;
}
.instagram:hover:before {
    top: 30px;
    opacity: 0;
}
.instagram:hover {
    background-color: #3f6f94!important;
}
.utf_social_icon.color .instagram, .utf_social_icon.fixed .instagram:hover {
    background-color: #3f6f94;
    border-color: #3f6f94;
}
@font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.eot');
    src: url('../fonts/fontello.eot') format('embedded-opentype'), url('../fonts/fontello.woff') format('woff'), url('../fonts/fontello.ttf') format('truetype'), url('../fonts/fontello.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.utf_social_icon li i {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 16px;
    font-size: 16px;
    width: auto;
}
.icon-delicious:before {
    content: '\23';
}
.icon-paypal:before {
    content: '\24';
}
.icon-gplus:before {
    content: '\f0d5';
}
.icon-stumbleupon:before {
    content: '\2f';
}
.icon-fivehundredpx:before {
    content: '\30';
}
.icon-pinterest:before {
    content: '\31';
}
.icon-forrst:before {
    content: '\3a';
}
.icon-digg:before {
    content: '\3b';
}
.icon-spotify:before {
    content: '\3d';
}
.icon-reddit:before {
    content: '\3e';
}
.icon-appstore:before {
    content: '\41';
}
.icon-blogger:before {
    content: '\42';
}
.icon-dribbble:before {
    content: '\44';
}
.icon-evernote:before {
    content: '\45';
}
.icon-flickr:before {
    content: '\46';
}
.icon-linkedin:before {
    content: '\4c';
}
.icon-rss:before {
    content: '\52';
}
.icon-twitter:before {
    content: '\54';
}
.icon-youtube:before {
    content: '\55';
}
.icon-vimeo:before {
    content: '\56';
}
.icon-xing:before {
    content: '\58';
}
.icon-yahoo:before {
    content: '\59';
}
.icon-amazon:before {
    content: '\61';
}
.icon-steam:before {
    content: '\62';
}
.icon-dropbox:before {
    content: '\64';
}
.icon-facebook:before {
    content: '\66';
}
.icon-github:before {
    content: '\67';
}
.icon-lastfm:before {
    content: '\6c';
}
.icon-tumblr:before {
    content: '\74';
}
.icon-wordpress:before {
    content: '\77';
}
.icon-linkedin-rect:before {
    content: '\f31b';
}
.icon-instagram:before {
    content: '\f31f';
}
.utf_listing_section .social-contact {
    margin:10px 0 20px 0;
    padding:15px 0;
    border-top:1px solid #e8e8e8;
    border-bottom:1px solid #e8e8e8;
}
.utf_listing_section .social-contact a.facebook-link {
    background-color: #3b5998;
}
.utf_listing_section .social-contact a.twitter-link {
    background-color: #1da1f2;
}
.utf_listing_section .social-contact a.instagram-link {
    background-color: #e1306c;
}
.utf_listing_section .social-contact a.linkedin-link {
    background-color: #2877b5;
}
.utf_listing_section .social-contact a.youtube-link {
    background-color: #f00125;
}
.utf_listing_section .social-contact a i{
    margin-right:5px;
}
.utf_listing_section .social-contact a {
    color: #fff;
    display: inline-block;
    background-color: #e4e4e4;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 15px;
    border-radius:30px;
    margin-right:3px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.utf_listing_section .social-contact a:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}
.agent ul.utf_social_icon, #footer ul.utf_social_icon, .listing-share ul.utf_social_icon, #top-bar ul.utf_social_icon {
    margin: 0;
    padding: 0;
}
#footer ul.utf_social_icon{
    padding-left:10px;
}
.listing-share .utf_social_icon li a, .agent .utf_social_icon li a, #footer .utf_social_icon li a, #top-bar .utf_social_icon li a {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    border-radius: 0;
    transform: scale(1);
    margin-right: 0;
}
.listing-share .utf_social_icon li, .agent .utf_social_icon li, #footer .utf_social_icon li, #top-bar .utf_social_icon li {
    border-radius: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -webkit-filter: blur(radius);
}
.listing-share .utf_social_icon li a i, .listing-share .utf_social_icon li a:before, .agent .utf_social_icon li a i, .agent .utf_social_icon li a:before, #footer .utf_social_icon li a i, #footer .utf_social_icon li a:before, #top-bar .utf_social_icon li a i, #top-bar .utf_social_icon li a:before {
    transform: scale(1.1) translateY(calc(-50% - 2px));
    -moz-transform: scale(1.1) translateY(calc(-50% - 1px));
    -ms-transform: scale(1.1) translateY(-50%);
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    margin-top: 58%;
}
.listing-share .utf_social_icon li a.twitter i, .listing-share .utf_social_icon li a.twitter:before, .agent .utf_social_icon li a.twitter i, .agent .utf_social_icon li a.twitter:before, #footer .utf_social_icon li a.twitter i, #footer .utf_social_icon li a.twitter:before, #top-bar .utf_social_icon li a.twitter i, #top-bar .utf_social_icon li a.twitter:before {
    transform: scale(1.1) translateY(calc(-50% - 1px));
}
#top-bar .utf_social_icon {
    float: right;
}
.agent .utf_social_icon li, #footer .utf_social_icon li, #top-bar .utf_social_icon li {
    margin: 0;
    padding: 0;
    float: left;
    line-height: 0;
}
#top-bar .utf_social_icon li a:before, #top-bar .utf_social_icon li a i {
    font-size: 14px;
    color: #fff;
}
#top-bar .utf_social_icon li .twitter:before, #top-bar .utf_social_icon li .twitter i:before {
    font-size: 12px;
}
#top-bar .utf_social_icon li a:hover {
    background: #fff!important;
    border-color: transparent;
}
#top-bar .utf_social_icon li a:hover i {
    color: #66676b;
}
.listing-share .utf_social_icon li a, .agent .utf_social_icon li a, #footer .utf_social_icon li a {
    width: 44px;
    height: 44px;
    background-color:#ff2222;
    margin-right: 8px;
    border:1px solid rgba(0, 0, 0, 0.05);
    border-radius:50%;
}
.agent .utf_social_icon, #footer .utf_social_icon {
    position: relative;
    left: -13px;
}
.agent .utf_social_icon li, #footer .utf_social_icon li {
    margin: 0;
    padding: 0;
    float: left;
    line-height: 0;
}
.listing-share .utf_social_icon li a i, .agent .utf_social_icon li a i{
    font-size: 15px;
    color: #a0a0a0;
}
#footer .utf_social_icon li a:before, .listing-share .utf_social_icon li a:before, .agent .utf_social_icon li a:before{
    font-size: 15px;
    color: #fff !important;
}
#footer .utf_social_icon li a i {
    font-size: 15px;
    color: #fff;
}
.listing-share .utf_social_icon li .twitter:before, .listing-share .utf_social_icon li .twitter i:before, .listing-share .utf_social_icon li .vimeo:before, .listing-share .utf_social_icon li .vimeo i:before, .agent .utf_social_icon li .twitter:before, .agent .utf_social_icon li .twitter i:before, .agent .utf_social_icon li .vimeo:before, .agent .utf_social_icon li .vimeo i:before, #footer .utf_social_icon li .twitter:before, #footer .utf_social_icon li .twitter i:before, #footer .utf_social_icon li .vimeo:before, #footer .utf_social_icon li .vimeo i:before {
    font-size: 13px;
}
.listing-share .utf_social_icon li a:hover, .agent .utf_social_icon li a:hover, #footer .utf_social_icon li a:hover {
    background-color: #ececec !important;
    border:1px solid rgba(0, 0, 0, 0.05);
}
.listing-share .utf_social_icon li a:hover i, .agent .utf_social_icon li a:hover i, #footer .utf_social_icon li a:hover i {
    color: #ff2222;
}

/*==========
  Check Box Style
============*/
.checkboxes {
    list-style: none;
    padding: 0;
}
.amenities_checkbox {
    width:100%;
    display:inline-block;   
}
.amenities_checkbox ul{
    list-style-type:none;
    padding-left:0;
}
.amenities_checkbox ul li{
    width:33%;
    float:left
}
.checkboxes.in-row label {
    margin-top: 9px;
}
.checkboxes.one-in-row label {
    margin-top: 9px;
    width: 100%;
}
.checkboxes li {
    padding: 4px 0;
}
.checkboxes li:last-child {
    margin-bottom: -8px;
}
.checkboxes label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 28px;
    margin-right: 20px;
    margin-bottom: 0;
    line-height: 24px;
    font-size: 16px;
}
.checkboxes label span {
    color: #909090;
}
.checkboxes input[type=checkbox] {
    display: none;
}
.checkboxes label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 3px;
    background-color: #fff;
    border: 2px solid #d0d0d0;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.25s;
    font-family: "FontAwesome";
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 15px;
}
.checkboxes input[type=checkbox]:checked+label:before {
    content: "\f00c";
    background-color: #ff2222;
    border: 2px solid #ff2222;
}

/*==========
  Listing Item Container Style
============*/
.utf_listing_item-container.list-layout {
    margin-bottom: 25px;
    padding:5px;
    background: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
   
}
.utf_listing_item-container.list-layout:hover {
    transform: translate3d(0px, 0px, 0px);
}
.utf_listing_item-container.list-layout .utf_listing_item {
    display: flex;
    background-color: transparent;
    height: 250px;
}
.utf_listing_item-container.list-layout .utf_listing_item-1 {
    display: flex;
    background-color: transparent;
    height: 250px;
}


.utf_listing_item-container.list-layout .utf_listing_item:hover > .utf_listing_item_content h3{
    color:#ff2222;
    word-wrap: break-word;
}
.utf_listing_item-container.list-layout .utf_listing_item:before {
    display: none;
}
.utf_listing_item-container.list-layout .utf_listing_item img {
    border-radius: 0;
}

.utf_listing_item-container.list-layout .utf_listing_item-1:hover > .utf_listing_item_content h3{
    color:#ff2222;
}
.utf_listing_item-container.list-layout .utf_listing_item-1:before {
    display: none;
}
.utf_listing_item-container.list-layout .utf_listing_item-1 img {
    border-radius: 0;
}



.utf_listing_item-container.list-layout .utf_listing_item_content {
    flex: 5;
    position: relative;
    bottom: 0;
    left: 0;
    padding: 0;
    width: 100%;
    z-index: 50;
    box-sizing: border-box;
}
.utf_listing_item-container.list-layout .utf_listing_item-image {
    min-height: 250px;
    flex: 2;
    height:100%;
    overflow: hidden;
    border-radius: 4px 0 0 4px;
    position: relative;
}
.utf_listing_item-container.list-layout .utf_listing_item-image:before {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background:rgba(0, 0, 0, 0.1);
    -webkit-transition: all .6s ease-out 0s;
    -moz-transition: all .6s ease-out 0s;
    transition: all .6s ease-out 0s;
}
.listings-container .fs-listings .list-layout .utf_listing_item-image  {
    flex: 4;    
}
.utf_listing_item-container.list-layout .utf_listing_item-image:before, .utf_listing_item-container.list-layout .utf_listing_item-image:after{
    content: "";
}
.utf_listing_item-container.list-layout .utf_listing_item-image:hover:before {
    background-color: rgba(255, 255, 255, .2);
    right: 50%;
    left: 50%
}
.utf_listing_item-container.list-layout .utf_listing_item-image:hover:after {
    background-color: rgba(255, 255, 255, .2);
    top: 50%;
    bottom: 50%
}
.utf_listing_item-container.list-layout .utf_listing_item-image:after{
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all .6s ease-out 0s;
    -moz-transition: all .6s ease-out 0s;
    transition: all .6s ease-out 0s;
}
.utf_listing_item-container.list-layout span.like-icon {
    bottom:15px;
    background-color:#ffffff;
    color: #e52d27;
    right: 15px;
}
.utf_listing_item-container.list-layout span.like-icon.liked, .utf_listing_item-container.list-layout span.like-icon:hover {
    background-color: #e52d27;
    color: #fff;
}
.utf_listing_item-container.list-layout .utf_listing_item-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 25px;
    padding-right: 20px;
}
.utf_listing_item-inner .utf_star_rating_section .utf_counter_star_rating{
    color: #fff;
}
.utf_listing_item-inner p{
    margin-bottom:0;
    font-size:15px;
}
.utf_listing_item-container.list-layout .utf_listing_item-inner h3 {
    color: #333;
    font-weight: 500;
}
.utf_listing_item-container.list-layout .utf_listing_item-inner span {
    color: #808080;
    display: block;
}
.utf_listing_item-container.list-layout .utf_star_rating_section {
    padding: 0px 0 8px 0;
}
.utf_listing_item-container.list-layout .numerical-rating {
    margin: 10px 0 5px 0;
    display: block;
}
.utf_listing_item-container.list-layout .utf_listing_item-details {
    position: absolute;
    bottom: 25px;
    right: 35px;
    left: auto;
    top: auto;
    padding: 0;
    width: auto;
    z-index: 50;
    color: #888;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 14px;
}

.utf_listing_item-container {
    background-color: #ececec;
    display: block;
    height: 300px;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 60px;
    box-shadow: 0 5px 10px 0 #a8a8a8;
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s;
    border: 1px solid #c9c9c9;
}


.utf_listing_item-container_customer {
    background-color: #ececec;
    display: block;
    height: auto;
    width: 100%;
    border-radius: 4px;
    margin-bottom:60px;
    box-shadow:0 5px 15px 0 rgba(0,0,0,0.3);
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s; 
}

.utf_listing_item-container-detail {
    background-color: #ececec;
    display: block;
    height: auto;
    width: 100%;
    border-radius: 4px;
    margin-bottom:60px;
    box-shadow:0 5px 15px 0 rgba(0,0,0,0.3);
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s; 
}


section.fullwidth_block .utf_listing_item-container, .fs-content .utf_listing_item-container {
    box-shadow:0 3px 5px 0 rgba(0, 0, 0, 0.07);
    background: #ffffff;
}
.fs-content a.utf_listing_item-container{
    box-shadow:0 5px 15px 0 rgba(0,0,0,0.3);
}
.fs-content a.utf_listing_item-container:hover img {
    transform: scale(1.10);
    transition: transform 0.35s ease-out;
    transition: all 0.55s;
}
section.fullwidth_block .utf_listing_item-container.list-layout{
    box-shadow: none;
}
.utf_listing_item-container:hover {
    transform: translate3d(0, -10px, 0);    
}
.listing_grid_item .utf_listing_item:hover img{
    transform: scale(1.10);
    transition: transform 0.35s ease-out;
    transition: all 0.55s;
}
.listing_tow_column .utf_listing_item{
    height:400px;
}
.utf_listing_item {
    background: #fff;
    /*border-radius:4px;*/
    height: 100%;
    display: block;
    position: relative;
    z-index: 100;
    /*height : 300px;       */
    
}

.utf_listing_item-detail {
    background: #fff;
    border-radius:4px;
    height: 100%;
    display: block;
    position: relative;
    height: auto;
    z-index: 100;       
}


.utf_listing_item_customer {
    background: #fff;
    border-radius:4px;
    display: block;
    position: relative;
    height: auto;
     
}



.utf_listing_item-container.list-layout .utf_listing_item-image:after{
    content: "";
}
.utf_listing_item-container.list-layout .utf_listing_item-image:hover:before {
    background-color: rgba(255, 255, 255, .2);
    right: 50%;
    left: 50%
}
.utf_listing_item-container.list-layout .utf_listing_item-image:hover:after {
    background-color: rgba(255, 255, 255, .2);
    top: 50%;
    bottom: 50%
}
.utf_listing_item-container.list-layout .utf_listing_item-image:after{
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all .6s ease-out 0s;
    -moz-transition: all .6s ease-out 0s;
    transition: all .6s ease-out 0s;
}

.utf_listing_item-1 img {
    object-fit: cover;
    height: 80%;
    width: 100%;    
    border-radius: 4px 4px 0 0;
    transition: transform 0.35s ease-out;
    transition: all 0.55s;
}

.utf_listing_item img {
    object-fit: cover;
    height: 100%;
    width: 100%;    
    border-radius: 4px 4px 0 0;
    transition: transform 0.35s ease-out;
    transition: all 0.55s;
}


.utf_listing_item_content {
    padding: 45px 30px 20px 30px;
    width: 100%;
    z-index: 50;
    box-sizing: border-box;
}


.utf_listing_item_content_sikayet-yaz {
    
       padding: 44px 70px 20px 70px;
    width: 100%;
    z-index: 50;
    box-sizing: border-box;
}

.utf_listing_item_content p{
    /*color:rgba(255,255,255,0.9);*/
    font-size:16px;
    font-weight:400;
    line-height:26px;
    /*margin-bottom:0;*/
}
.list-layout .utf_listing_item_content p{
    color:#848484;
    font-size:15px;
    line-height:25px;
    margin-bottom:0;
}
.utf_listing_item_content h3 {
    color: #444;
    font-size: 22px;
    bottom: 2px;
    position: relative;
    font-weight: bold;
    margin: 0;
    line-height: 30px;
}
.utf_listing_item_content h2 {
    color: #444;
    font-size: 22px;
    bottom: 2px;
    position: relative;
    font-weight: bold;
    margin: 0;
    line-height: 30px;
}
.utf_listing_prige_block .utp_approve_item{
    display:inline-block;
}
.utf_listing_prige_block .utp_approve_item i.utf_approve_listing {
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    color: #10aa08;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    position: relative;
    top: 0px;
    margin-left: 4px;
}
.utp_approve_item i.utf_approve_listing::before {
    content: "\f058";
    font-family: fontawesome;
    position: relative;
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.utp_approve_item i.utf_approve_listing::after {
    position: relative;
    z-index: 9;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    display: block;
    content: "";
    position: absolute;
    top: 2px;
    left: -1px;
    background-color: #fff;
}
.utf_listing_prige_block{
    margin-bottom:10px;
    display:block;
}
.utf_listing_prige_block .utf_meta_listing_price{
    background:rgba(255, 255, 255, 0.95);
    color: #606060;
    font-size: 13px;
    font-weight: 500;
    padding: 0px 10px;
    margin-right:5px;
    border-radius:30px;
}
.utf_listing_prige_block .utf_meta_listing_price i {
    font-size: 14px;
    color: #ff2222;
    padding-right: 0px;
    width: 16px;
    vertical-align:initial;
}
.utf_half_list{
    position: absolute;
    left: 15px;
    bottom:12px;
}
.utf_half_list .utf_meta_listing_price{
    padding:7px 10px;
}
.utf_listing_item span.utf_open_now{
    background-color: #54ba1d;
    float: left;
    position: absolute;
    transform: rotate(-45deg);
    left: -45px;
    top: 15px;
    text-align: center;
    width: 150px;
    font-size: 11px;
    margin: 0;
    z-index: 999;
    color: #fff;
    font-weight: 500;
    line-height: 28px;
    border-radius: 0 20px 20px 0;
}
.utf_listing_item span.utf_closed{
    background: #00ba74;
    float: left;
    position: absolute;
    transform: rotate(-45deg);
    left: -37px;
    top: -5px;
    text-align: center;
    width: 100px;
    font-size: 25px;
    margin: 0;
    z-index: 999;
    color: #fff;
    font-weight: 500;
    line-height: 35px;
    border-radius: 0 20px 20px 0;
}
.utf_listing_item-detail span.utf_closed{
    background: #00ba74;
    float: left;
    position: absolute;
    transform: rotate(-45deg);
    left: -37px;
    top: -5px;
    text-align: center;
    width: 100px;
    font-size: 25px;
    margin: 0;
    z-index: 999;
    color: #fff;
    font-weight: 500;
    line-height: 35px;
    border-radius: 0 20px 20px 0;
}


.utf_listing_item_customer span.utf_closed{
    background: #fa8231;
    float: left;
    position: absolute;
    transform: rotate(-45deg);
    left: -37px;
    top: -5px;
    text-align: center;
    width: 100px;
    font-size: 25px;
    margin: 0;
    z-index: 999;
    color: #fff;
    font-weight: 500;
    line-height: 35px;
    border-radius: 0 20px 20px 0;
}



.utf_listing_item span.utf_closed_brand{
    background: #00ba74;
    float: left;
    position: absolute;
    transform: rotate(-45deg);
    left: -56px;
    top: 13px;
    text-align: center;
    width: 170px;
    font-size: 25px;
    margin: 0;
    z-index: 999;
    color: #fff;
    font-weight: 500;
    line-height: 35px;
    
}
.utf_listing_item-detail span.utf_closed_brand{
    background: #00ba74;
    float: left;
    position: absolute;
    transform: rotate(-45deg);
    left: -37px;
    top: -5px;
    text-align: center;
    width: 100px;
    font-size: 25px;
    margin: 0;
    z-index: 999;
    color: #fff;
    font-weight: 500;
    line-height: 35px;
    border-radius: 0 20px 20px 0;
}

.utf_listing_item_customer span.utf_closed_brand{
    background: #00ba74;
    float: left;
    position: absolute;
    transform: rotate(-45deg);
    left: -37px;
    top: -5px;
    text-align: center;
    width: 100px;
    font-size: 25px;
    margin: 0;
    z-index: 999;
    color: #fff;
    font-weight: 500;
    line-height: 35px;
    border-radius: 0 20px 20px 0;
}



.utf_listing_item-1 span.utf_open_now{
    background-color: #54ba1d;
    float: left;
    position: absolute;
    transform: rotate(-45deg);
    left: -45px;
    top: 15px;
    text-align: center;
    width: 150px;
    font-size: 11px;
    margin: 0;
    z-index: 999;
    color: #fff;
    font-weight: 500;
    line-height: 28px;
    border-radius: 0 20px 20px 0;
}
.utf_listing_item-1 span.utf_closed{
    background: #54ba1d;
    float: left;
    position: absolute;
    transform: rotate(-45deg);
        left: -46px;
    top: 17px;
    text-align: center;
    width: 150px;
    font-size: 11px;
    margin: 0;
    z-index: 999;
    color: #fff;
    font-weight: 500;
    line-height: 28px;
    border-radius: 0 20px 20px 0;
}




.utf_listing_prige_block span.utf_meta_listing_price{
    display:inline-block;
    padding:0 10px
}
.utf_listing_item_content span {
  
    margin:2px 0;
    font-weight: 400;
    display:block;
   color: #6e7c90;
    font-size: 16px; /*18px*/
}
.utf_listing_item_content span p {
  
    margin:2px 0;
    font-weight: 400;
    display:block;
   color: #6e7c90;
    font-size: 18px;
}
.utf_listing_item_content span.star{
    font-size: 14px;    
}
.utf_listing_item_content span i{
    font-size:15px;
  
    padding-right:3px;
    width: 18px;
    display: inline-block;
    text-align: center;

}
.utf_listing_item span.tag i{
    font-size:14px;
    margin-right:2px;
}

.utf_listing_item span.tag {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 500;
    background:#ff2222;
    border-radius: 30px;
    padding:1px 10px;
    line-height: 20px;
    color: #fff;
    border:2px solid #ff2222;
    margin-bottom: 9px;
    position: absolute;
    z-index: 9999;
    top: 20px;
    right: 20px;
}
.utf_listing_item span.tag:hover{
    background:#fff;
    color:#ff2222;
    border:2px solid #fff;
    transition: all 0.3s;
}
.utf_listing_item span.featured_tag {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 500;
    border-radius: 30px;
    padding: 1px 10px;
    line-height: 20px;
    color: #707070;
    margin-bottom: 9px;
    position: absolute;
    z-index: 9999;
    /*top: 15px; 07.07.2020 Cardheader için kaldırıldı - ŞEREF*/
    top:5px;
    right: 15px;
}


.utf_listing_item_customer span.featured_tag {
   
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 500;
    border-radius: 30px;
    padding: 1px 10px;
    line-height: 20px;
    color: #707070;
   
    margin-bottom: 9px;
    position: absolute;
    z-index: 9999;
    /*top: 15px;*/
    top:-5px;
    right: 15px;
}


.utf_listing_item_customer span.marka_adi {
   
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 500;
    border-radius: 30px;
    padding: 1px 10px;
    line-height: 20px;
    color: #707070;
    margin-bottom: 9px;
   /* position: absolute;*/
    z-index: 9999;
    top: 15px;
   left: 30px;
   font-weight: 600;
    border: 1px solid #dfdfdf;
    width: fit-content;
}

.utf_listing_item-1 span.tag i{
    font-size:14px;
    margin-right:2px;
}

.utf_listing_item-1 span.tag {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 500;
    background:#ff2222;
    border-radius: 30px;
    padding:1px 10px;
    line-height: 20px;
    color: #fff;
    border:2px solid #ff2222;
    margin-bottom: 9px;
    position: absolute;
    z-index: 9999;
    top: 20px;
    right: 20px;
}
.utf_listing_item-1 span.tag:hover{
    background:#fff;
    color:#ff2222;
    border:2px solid #fff;
    transition: all 0.3s;
}
.utf_listing_item-1 span.featured_tag {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 500;
    background:#2cafe3;
    border-radius: 30px;
    padding: 1px 10px;
    line-height: 20px;
    color: #fff;
    border:2px solid #2cafe3;
    margin-bottom: 9px;
    position: absolute;
    z-index: 9999;
    top: 15px;
    right: 15px;
}

#titlebar.utf_listing_titlebar span.featured_tag {  
    margin: 0;
    margin-left: 0px;
    padding: 1px 15px;
    line-height: 20px;
    letter-spacing: 1px;
    border-radius: 50px;
    text-transform: uppercase;
    background-color:#2cafe3;
    color: #fff;
    border:1px solid #2cafe3;
    font-size: 11px;
    font-weight: 600;
    position: relative;
    top: 0;
    margin-left: 8px;
}
.utf_listing_item-container.list-layout span.tag{
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 600;
    background:#ff2222;
    border-radius: 6px;
    padding: 4px 16px;
    line-height: 20px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 9px;
}
.utf_listing_item-container.list-layout span.tag {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 500;
    background:#ff2222 !important;
    border-radius: 30px;
    padding: 0px 10px;
    line-height: 20px;
    color: #fff;
    border:2px solid #ff2222;    
    margin-bottom: 9px;
    position: absolute;
    z-index: 9999;
    top: 20px;
    right: 20px;
}
.utf_listing_item-container.list-layout span.tag:hover{
    background:#fff !important;
    border-color:#fff !important;
    color:#ff2222;
}
.utf_listing_item-details {
    position: absolute;
    top: 24px;
    left: 0;
    padding: 0 32px;
    width: 100%;
    z-index: 50;
    color: #fff;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 15px;
}
.utf_listing_item-details ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
.utf_listing_item-details ul li {
    display: inline-block;
    margin-right: 6px;
    line-height: 20px;
}
.utf_listing_item-details ul li i {
    display: inline-block;
    margin: 0 3px 0 0;
    position: relative;
    top: 0px;
    font-size: 14px;
}
.utf_layout_nav a:hover {
    color: #ffffff !important;
    border-color: #ff2222;
}
.utf_listing_item-container.compact .utf_listing_item {
    border-radius: 10px;
}
.utf_listing_item-container.compact .utf_listing_item-1 {
    border-radius: 10px;
}
.utf_listing_item-container.compact .utf_star_rating_section {
    padding: 15px;
    z-index: 99999;
    position: absolute;
    background: #fff;
    width: auto;
    bottom: -25px;
    left: 20px;
    right: 20px;
    border-radius: 10px;
    box-shadow:0 1px 8px 0 rgba(0, 0, 0, 0.1);
}
.utf_listing_item-container.compact .utf_counter_star_rating {
    color: rgba(255,255,255,1);
}
.utf_listing_item-container.compact .utf_star_rating_section .star.empty:before, .utf_listing_item-container.compact .utf_star_rating_section .star.half:before {
    color: rgba(0, 0, 0, 0.3);
}
.utf_listing_item-container.compact .utf_listing_item_content span.tag {
    background-color: #66676b;
}
.numerical-rating {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: center;
    line-height: 26px;
    height: 26px;
    width: 44px;
    display: inline-block;
    font-family: "Open Sans";
    position: relative;
    border-radius: 50px;
    letter-spacing: -0.5px;
    background-color: rgba(255,255,255,0.2);
    margin: 15px 32px;
}
.compact .numerical-rating {
    margin: 0 0 8px 0;
}
.numerical-rating:before {
    content: attr(data-rating);
}
.numerical-rating.high {
    background-color: #64bc36;
}
.numerical-rating.mid {
    background-color: #c0c52a;
}
.numerical-rating.low {
    background-color: #ee3535;
}
.infoBox .numerical-rating .utf_counter_star_rating, .numerical-rating .utf_counter_star_rating {
    position: absolute;
    top: 0;
    left: 14px;
    width: auto;
    display: inline-block;
    font-weight: 400;
    font-size: 15px;
    width: 150px;
    color: #909090;
}
.infoBox .numerical-rating .utf_counter_star_rating {
    left: 12px;
}
.infoBox .numerical-rating {
    margin: 0;
    font-family: "Open Sans";
}
.utf_star_rating_section {
    display: block;
    font-size: 15px;
}
.list-layout .utf_listing_item-inner .utf_star_rating_section {
    padding:0; 
    z-index: 99999;
    position: relative;
    background:transparent;
    width: auto;
    bottom:0;
    left:0;
    right:0;
    border-radius:0;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1); 
    margin-bottom:7px;
}
.utf_listing_item-container .utf_star_rating_section {
    padding: 10px;
    z-index: 99999;
    position: absolute;
    background: #fff;
    width: auto;
    bottom: -25px;
    left: 10px;
    right: 10px;
    border-radius: 4px;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 1px solid #e8e8e8;
}
.utf_listing_item-container_customer .utf_star_rating_section {
    padding: 15px;
    z-index: 1;
    position: absolute;
    background: #fff;
    width: auto;
    bottom: -25px;
    left: 20px;
    right: 20px;
    border-radius: 4px;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
    max-height: 54px;
    height: 54px;
}


.utf_star_rating_section_msg {
    padding: 15px;
    z-index: 99999;
    position: relative;
    background: #fff;
    width: auto;
    
    border-radius: 4px;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
}





.utf_star_rating_section .star {
    display: inline-block;
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 4px;
    position: relative;
}
.utf_list_box_listing_item_content .utf_counter_star_rating {
    color:#fff;
    font-weight:600;
}
.utf_counter_star_rating {

    color: #fff;
    padding:1px 5px;
    display: inline-block;
    font-size: 11px;
    margin-left:6px;
    background:#54ba1d;
    font-weight: 600;
    line-height: 18px;
    border-radius: 4px;
    vertical-align:middle;
}
.utf_listing_titlebar_title .utf_star_rating_section .utf_counter_star_rating {
    top:-2px;   
}
.utf_dashboard_list_box .utf_counter_star_rating{
    line-height:18px;
}
.utf_star_rating_section .utf_counter_star_rating {
    top: 0px;
    position: relative;
}
.infoBox .utf_star_rating_section .utf_counter_star_rating {
    font-size: 11px;
    top: -4px;
    color: #fff;
    font-weight: 700;
}
.utf_star_rating_section .star.half:after, .utf_star_rating_section .star:before {
    font-family: "FontAwesome";
    content: "\f005";
    display: block;
    color: #ffc600;
}
.utf_star_rating_section .star.empty:before {
    color: #999;
}
.rating:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.utf_star_rating_section .star.half:before {
    color: #999;
}
.utf_star_rating_section .star.half:after {
    color: #ffc600;
    position: absolute;
    top: 0;
    width: 50%;
    display: block;
    height: 100%;
    overflow: hidden;
}


.utf_view_count_msg i{
    font-size:15px!important;
    color:rgba(0, 0, 0, 0.4);
    margin-right:3px;
    text-align:center;  
}
.utf_view_count_msg{
    position: absolute;
    right: 15px;
    font-weight: 400;
    color:#707070;
    font-size: 14px!important;
    bottom:10px;
}




.utf_view_count i{
    font-size:15px;
    color:rgba(0, 0, 0, 0.4);
    margin-right:3px;
    text-align:center;  
}
.utf_view_count{
    position: absolute;
    right: 15px;
    font-weight: 400;
    color:#707070;
    font-size: 14px;
    bottom:20px;
}

.utf_view_count_customer{
    position: absolute;
    right: 6px;
    font-weight: 400;
    color:#707070;
    font-size: 14px;
    bottom:6px;
}



span.like-icon {
    color: #ff2222;
    font-size: 18px;
    position: absolute;
    z-index: 101;
    right: 15px;
    bottom: 11px;
    cursor: normal;
    background-color:#f0f0f0;
    display: block;
    height: 36px;
    width: 36px;
    line-height:37px;
    border-radius:30px;
    transition: all 0.4s;
}
.like-icon:before, .like-icon:after {
    transition: opacity 0.3s, transform 0.4s cubic-bezier(.0, -.41, .19, 2.5);
    font-family: "FontAwesome";
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    top: 0px;
}
.like-icon:before {
    content: "\f08a";
    transform: scale(0.95);
}
.like-icon:after {
    content: "\f004";
    opacity: 0;
    transform: scale(0.3);
}
.like-icon.liked:after {
    opacity: 1;
    transform: scale(0.95);
}
.like-icon:hover, .like-icon.liked {
    background-color:#e52d27;
    color:#fff;
}
.like-icon.liked:before {
    opacity: 0;
}
.utf_listing_item {
    overflow: hidden;
}

.utf_listing_item-detail{
    overflow: hidden;
}
.utf_listing_item_customer{
    overflow: hidden;
}

.utf_listing_item-1 {
    overflow: hidden;
}

.listing-badge {
    background-color: #333;
    float: left;
    position: absolute;
    transform: rotate(45deg);
    right: -64px;
    top: 22px;
    text-align: center;
    width: 200px;
    font-size: 12.5px;
    margin: 0;
    z-index: 999;
    color: #fff;
    font-weight: 500;
    line-height: 28px;
}
.listing-badge.now-open {
    background-color: #54ba1d;
}
.listing-badge.now-closed {
    background-color: #e91721;
}

/*==========
  Subscribe Newsletter Style
============*/
.utf_cta_area2_block {
    background-color: transparent;
    padding-bottom: 0;
    margin-bottom: -80px;
    z-index: 2;
}
.utf_cta_area_item {
    padding-top:20px;
    padding-bottom: 80px;
    position: relative;
}
.utf_cta_area2_block {
    background-color: transparent;
    padding-bottom: 0;
    margin-bottom: -95px;
    z-index: 2;
}
.utf_cta_area2_block .utf_subscribe_block {
    background-color: #282b42;
    border-radius: 8px;
    padding: 35px 35px 40px 35px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 40px rgba(82,85,90,0.4);
    -moz-box-shadow: 0 10px 40px rgba(82,85,90,0.4);
    box-shadow: 0 10px 40px rgba(82,85,90,0.4);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.utf_cta_area2_block .utf_subscribe_block .section-heading .utf_sec_title_item2 {
    margin-bottom: 12px;
}
.section-heading .utf_sec_title_item {
    font-family:'Poppins', sans-serif;
    font-size: 36px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    padding-top:5px;
}
.utf_cta_area_item .section-heading .utf_sec_meta {
    width: 100%;
}
.section-heading .utf_sec_meta {
    font-size: 20px;
    color: #808996;
    font-weight: 500;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 30px;
}
.section-heading .utf_sec_title_item::before {
    position: absolute;
    content: "\f006";
    font-family:"FontAwesome";
    top:-30px;
    left: 0;
    color: #ff2222;
    font-size: 20px;
}
.utf_cta_area2_block .utf_subscribe_block:before {
    content: "\f003";
}
.utf_cta_area2_block .utf_subscribe_block:before{
    position: absolute;
    top: 45px;
    left: 0;
    color: rgba(128,137,150,0.2);
    font-family: "FontAwesome";
    font-size: 140px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: -1;
}
.utf_cta_area2_block .utf_subscribe_block:after {
    content: "\f040";
    left: auto;
    top: auto;
    right: 0;
    bottom:15px;
    position: absolute;
    color: rgba(128,137,150,0.2);
    font-family: "FontAwesome";
    font-size: 160px;
    z-index:-1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.utf_cta_area2_block .utf_subscribe_block:hover {
    -webkit-transform: scale(0.99);
    -moz-transform: scale(0.99);
    -ms-transform: scale(0.99);
    -o-transform: scale(0.99);
    transform: scale(0.99);
}
.utf_cta_area2_block .utf_subscribe_block .contact-form-action {
    margin-top: 38px;
}
.utf_cta_area2_block .utf_subscribe_block .contact-form-action form {
    position: relative;
}
.utf_cta_area2_block .utf_subscribe_block .contact-form-action form span {
    position: absolute;
    top: 15px;
    left: 12px;
    color: #808996;
    font-size: 18px;
}
.utf_cta_area2_block .utf_subscribe_block .contact-form-action form .form-control {
    height: auto;
    padding: 11px 12px 11px 40px;
    color: #707070;
    font-weight: 400;
    border-radius: 30px;
    border: 0;
    line-height: inherit;
}
.form-control {
    display: block;
    /*border: none;*/
    border-radius: 5px;
    padding-left: 45px;
    height: 60px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 0 6px 1px rgba(62,28,131,0.1);
    -webkit-box-shadow: 0 0 6px 1px rgba(62,28,131,0.1);
}

.utf_cta_area2_block .utf_subscribe_block .contact-form-action form .utf_theme_btn {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 0 30px 30px 0;
}
.utf_theme_btn, .author-area .top-author-slider .top-author-item .topauthor__btn .author__btn, .my-button-css {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    padding: 11px 25px;
    text-transform: capitalize;
    background-color:#ff2222;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0 0 40px rgba(82,85,90,0.1);
    -moz-box-shadow: 0 0 40px rgba(82,85,90,0.1);
    box-shadow: 0 0 40px rgba(82,85,90,0.1);
    position: relative;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.utf_cta_area2_block .utf_subscribe_block .contact-form-action form span {
    position: absolute;
    top: 10px;
    left: 12px;
    color: #808996;
    font-size: 16px;
}
.la-envelope-o:before {
    font-family: "FontAwesome";
    content: "\f003";
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.utf_cta_area2_block .utf_subscribe_block .contact-form-action form .utf_theme_btn {
    position: relative;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 30px;
    display: block;
    margin: 0 auto;
}

}
@media (max-width: 549px){
.utf_cta_area_item {
    text-align: center;
}
.utf_cta_area2_block .utf_subscribe_block {
    padding: 35px 20px 40px 20px;
}   
.utf_cta_area2_block .utf_subscribe_block .contact-form-action form .form-control{
    margin-bottom:5px;
    font-size:15px;
}
.utf_cta_area2_block .utf_subscribe_block .contact-form-action form .utf_theme_btn {
    position: inherit;
    border-radius:30px;
    margin-top: 15px;
}
.section-heading .utf_sec_title_item{
    font-size:34px;
    line-height:42px;
    font-weight:500;
}
.section-heading .utf_sec_meta{
    font-size:16px;
    line-height:28px
}
}

/*==========
  Categories Box
============*/
.container_categories_box {
    width: calc(100% + 20px);
    left: -20px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.utf_category_small_box_part {
    float: left;
    background-color: #f2f2f2;
    border-radius: 10px;
    margin: 20px 0 0 20px;
    padding:35px 20px;
    text-align: center;
    color: #fff;
    transition: 0.4s;
    transform: scale(1);
    vertical-align: top;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.utf_category_small_box_part:hover {
    background-color: #66676b;
    color: #fff;
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.1);
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.utf_category_small_box_part:nth-child(1){
    background:#1966b6;
    border:0px solid rgba(255, 255, 255, 0.5);
}
.utf_category_small_box_part:nth-child(2){
    background:#cc4300;
    border:0px solid rgba(255, 255, 255, 0.5);
}
.utf_category_small_box_part:nth-child(3){
    background:#04724d;
    border:0px solid rgba(255, 255, 255, 0.5);
}
.utf_category_small_box_part:nth-child(4){
    background:#d80a48;
    border:0px solid rgba(255, 255, 255, 0.5);
}
.utf_category_small_box_part:nth-child(5){
    background:#762acb;
    border:0px solid rgba(255, 255, 255, 0.5);
}
.utf_category_small_box_part:nth-child(6){
    background:#097784;
    border:0px solid rgba(255, 255, 255, 0.5);
}
.utf_category_small_box_part:nth-child(7){
    background:#2531d5;
    border:0px solid rgba(255, 255, 255, 0.5);
}
.utf_category_small_box_part:nth-child(8){
    background:#931674;
    border:0px solid rgba(255, 255, 255, 0.5);
}
.utf_category_small_box_part:nth-child(9){
    background:#d52f31;
    border:0px solid rgba(255, 255, 255, 0.5);
}
.utf_category_small_box_part:nth-child(10){
    background:#134b7e;
    border:0px solid rgba(255, 255, 255, 0.5);
}
.utf_category_small_box_part:hover h4 {
    font-size: 17px;
}
.utf_category_small_box_part h4 {
    font-size: 16px;
    color: #fff;
    transition: 0.4s;
    line-height: 22px;
    margin-top: 15px;
}
.utf_category_small_box_part span {
    position: absolute;
    right: 15px;
    top: 15px;
    background: rgba(255, 255, 255, 0.15);
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
}
.utf_category_small_box_part i {
    font-size: 36px;
    line-height: 70px;
    display: block;
    background: rgba(255, 255, 255, 0.12);
    border:3px solid rgba(255, 255, 255, 0.05);
    width: 74px;
    height: 74px;
    border-radius:50%;
    margin: 10px auto 0 auto;
    text-align: center;
}
.utf_category_small_box_part:hover i{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    50% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    50% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
}
.utf_category_small_box_part:hover h4 {
    color: #fff;
}
@media (max-width: 768px) {
.utf_category_small_box_part {
    width:calc(100% * (1/2) - 20px);
}
}
@media (min-width: 768px) {
.utf_category_small_box_part {
    width:calc(100% * (1/3) - 20px);
}
}
@media (max-width: 991px) {
.utf_dashboard_content .col-lg-2 {
    width: calc(50% * (1/1) - 0px);
    float: left;
}
}
@media only screen and (min-width: 480px) and (max-width: 991px){
.utf_dashboard_content .col-lg-3 {
    width: calc(50% * (1/1) - 0px);
    float: left;
}
}
@media (min-width: 992px) {
.utf_category_small_box_part {
    width:calc(100% * (1/3) - 20px);
}
}
@media (min-width: 1240px) {
.utf_category_small_box_part {
    width:calc(100% * (1/5) - 20px);
}
}

/*==========
  Titlebar Style
============*/
#titlebar {
    background-color: #f8f8f8;
    position: relative;
    padding: 75px 0 20px;
    margin-bottom: 80px;
}
#titlebar.gradient {
    position: relative;
    padding-top: 70px;
    padding-bottom: 70px;
    background-image: url(../images/page-title.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
#titlebar.gradient::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: .75;
}
.gradient nav#breadcrumbs ul li{
    color:#d9d9d9;
}
.gradient nav#breadcrumbs ul li a{
    color:#d9d9d9;
}
.gradient nav#breadcrumbs ul li a:hover{
    color:#ff2222;
}
#titlebar span a, #titlebar span {
    font-size: 20px;
    color: #ccc;
    margin-bottom: 3px;
    margin-top: 6px;
    display: inline-block;
}
#titlebar #breadcrumbs span {
    font-size: 13px
}
#titlebar h1, #titlebar h2 {
    color:#fff;
    font-size: 32px;
    line-height: 40px;
    font-weight:500;
    margin: 4px 0 10px 0;
}
#titlebar h2 {
    text-align:center;
}

/*==========
  Breadcrumbs Style
============*/
#breadcrumbs {
    position: relative;
    left:0;
    display:block;
    font-size: 15px;
    font-weight: 400;
    color: #888;
    right:0;
    text-align:center;
}
#breadcrumbs ul {
    margin: 0;
    padding-left:0;
}
#breadcrumbs ul li a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #707070;
}
#breadcrumbs ul li a:hover {
    color: #ff2222
}
#breadcrumbs ul li {
    display: inline-block;
    list-style: none;
    color: #707070;
    margin: 0 0 0 10px;
}
#breadcrumbs ul li:first-child{
    margin-left:0;
}
#breadcrumbs ul li:first-child:before {
    display: none;
}
#breadcrumbs ul li:before {
    content: "\f101";
    font-family: "FontAwesome";
    color: #ccc;
    font-size: 14px;
    margin-right: 10px;
}
#titlebar.photo-bg #breadcrumbs ul li, #titlebar.photo-bg #breadcrumbs ul li a, #titlebar.photo-bg #breadcrumbs ul li:before {
    color: #fff;
}
.parallax #titlebar {
    background-color: transparent;
    position: relative;
    z-index: 999;
    padding: 90px 0;
}
.parallax #titlebar h1, .parallax #titlebar h2, .parallax #titlebar #breadcrumbs ul li, .parallax #titlebar #breadcrumbs ul li a, .parallax #titlebar #breadcrumbs ul li::before {
    color: #fff
}
.parallax #titlebar span a, .parallax #titlebar span {
    color: rgba(255,255,255,0.7);
}

/*==========
  Page Not Found Style
============*/
.notfound_mr_bottom{
    margin-bottom:0 !important;
}
.not_found_block {
    position: relative;
    padding-top: 20px;
    padding-bottom: 10px;
    background-image: url(../images/error-page-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
}
#not-found {
    margin: 80px 0 80px 0;
}
#not-found.center {
    text-align: center;
}
#not-found h2 {
    text-align: center;
    font-size: 150px;
    line-height:110px;
    font-weight: 800;
    margin-bottom:0;
    letter-spacing: -8px;
}
#not-found p {
    text-align: center;
    font-size: 30px;
    line-height: 48px;
    display: inline-block;
    margin-top: 10px;
    color: #999;
}
#not-found i {
    color: #e0e0e0;
    font-size: 190px;
    top: 16px;
    position: relative;
}
.utf_error_description_part {
    margin: 5px 0 0;
}
.utf_ferror_description span {
    font-size: 16px;
    color:#8e8e8e;
    line-height: 1.2;
    display: block;
    text-align: center;
}
.utf_ferror_description strong {
    font-size: 22px;
    color: #6d7a83;
    font-weight: 500;
    line-height: 1.2;
    display:block;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
#not-found h2 {
    font-size: 110px;
    line-height: 110px;
}
#not-found p {
    font-size: 20px;
    line-height: 38px;
}
#not-found i {
    font-size: 120px;
    top: 16px;
}
.amenities_checkbox ul li {
    width: 100%;
    float: left;
}
.listing_tow_column .utf_listing_item{
    height:300px;
}
.listing_tow_column .utf_listing_item-1{
    height:300px;
}
}

/*==========
  Dashboard Content Style
============*/
#dashboard {
    background-color: #fbfbfb;
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    padding-top: 80px;
}
.utf_dashboard_content, .utf_dashboard_navigation {
    flex: 1;
}
.utf_dashboard_content {
    padding:25px;
    padding-bottom: 0;
    position: relative;
    z-index: 10;
    height: 100%;
    margin-left: 260px;
}
.utf_dashboard_navigation, .dashboard #logo {
    min-width: 260px;
    max-width: 260px;
}
.utf_dashboard_navigation {
    position: fixed;
    min-height: 100vh;
    overflow: hidden;
}
.utf_dashboard_navigation_inner_block {
    height: 100%;
    width: 277px;
    overflow-y: scroll;
    position: relative;
    display: block;
    padding: 10px 0 25px 0;
}
.utf_dashboard_navigation_inner_block {
    max-height: 900px;
    width: calc(100% + 17px);
    overflow-y: scroll;
    position: relative;
    display: block;
    padding:0;
}

@media (max-width: 991px) {
.utf_dashboard_navigation_inner_block {
    max-height: 900px;
    width: calc(100% + 0px);    
    overflow-y:hidden;
}
}
header.fullwidth_block.dashboard .container {
    padding-left: 270px;
}
.dashboard #logo {
    display: block;
    background-color:#2a2a2a;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    box-shadow:none;
}
.dashboard #logo a {
    margin-left: 30px;
    display: inline-block;
    height: 100%;
}
.dashboard #logo a img {
    top: 50%;
    position: relative;
    transform: translate3d(0, -50%, 0);
}
#dashboard .footer_copyright_part {
    padding: 40px 0;
    margin:20px 0 0 0;
    display: block;
    text-align: center; 
}
.dashboard #logo a {
    display: none;
}
.dashboard #logo a.dashboard-logo {
    display: inline-block;
}
.utf_dashboard_navigation {
    background-color: #2a2a2a;
    display: block;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.12);
    z-index: 11;
}
a.utf_dashboard_nav_responsive {
    display: none;
}
.utf_dashboard_navigation ul {
    list-style: none;
    padding: 0;
    margin:0;
}
.utf_dashboard_navigation ul:first-child{
    margin-top:20px;
    border-top:1px solid rgba(255, 255, 255, 0.1);
}
.utf_dashboard_navigation ul li {
    color: #eee;
    display: block;
    border-left: 5px solid transparent;
    transition: 0.3s;
    border-bottom:1px solid rgba(255, 255, 255, 0.1);
    line-height: 24px;
    font-size: 15px;
}
.utf_dashboard_navigation ul li a {
    color: #eee;
    display: block;
    padding: 12px 15px;
    transition: 0.3s;
    cursor: pointer;
    font-weight:400;
}
.utf_dashboard_navigation ul li a i {
    margin-right: 12px;
    width: 20px;
    background: #fff;
    height: 30px;
    padding: 8px;
    line-height: 31px;
    border-radius:50%;
    color: #ff2222;
}
.utf_dashboard_navigation ul li a:hover {
    color: #fff;
}
.utf_dashboard_navigation ul li span.nav-tag {
    background-color: rgba(255,255,255,0.2);
    font-weight: 500;
    display: inline-block;
    font-size: 11px;
    line-height: 20px;
    color: #fff;
    padding: 0;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
    min-width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50px;
    margin-left: 5px;
}
.utf_dashboard_navigation ul li span.nav-tag.messages {
    top: -2px;
    position: relative;
}
.utf_dashboard_navigation ul li span.nav-tag.messages, .utf_dashboard_navigation ul li span.nav-tag.green {
    background-color: #1ec38b;
}
.utf_dashboard_navigation ul li span.nav-tag.yellow {
    background-color: #ffbb28;
}
.utf_dashboard_navigation ul li span.nav-tag.red {
    background-color: #ff2222;
}
.utf_dashboard_navigation ul li ul {
    padding: 0;
    margin: 0;
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    line-height: 0;
    transition: 0.2s;
}
.utf_dashboard_navigation ul li.active ul {
    visibility: visible;
    padding:10px 0 10px 0px;
    line-height: 24px;
    opacity: 1;
    max-height: 300px;
    background:#2a2a2a;
}
.utf_dashboard_navigation ul li ul li {
    color: #eee;
    background-color: transparent;
    border: none;
    padding-left: 65px;
    position: relative;
    margin: 0;
}
.utf_dashboard_navigation ul li ul li a {
    padding: 10px 0;
}
.utf_dashboard_navigation ul li ul li:hover {
    color: #fff;
    border: none;
    background-color: transparent;
}
.utf_dashboard_navigation ul li a:after {
    font-family: "FontAwesome";
    content: "\f0d7";
    right: 27px;
    font-size: 16px;
    position: absolute;
    transition: 0.2s;
    color: rgba(255,255,255,0.8);
    padding-top:5px;
}
.utf_dashboard_navigation ul li.active a:after {
    transform: rotate(180deg);
    margin-top:3px;
}
.utf_dashboard_navigation ul li ul:before, .utf_dashboard_navigation ul li a:only-child:after {
    content: '';
    display: none;
}
.utf_dashboard_navigation ul li ul li:hover a {
    padding-left: 0px;
}
.utf_dashboard_navigation ul li.active, .utf_dashboard_navigation ul li:hover {
    color: #fff;
    border-color:#fff;
    border-bottom:1px solid rgba(255, 255, 255, 0.1);
    background-color:#ff2222;
}
.utf_dashboard_navigation ul li ul li.active, .utf_dashboard_navigation ul li ul li:hover {
    border-bottom:0;
}
.dashboard_gradient h2, .dashboard_gradient span, .dashboard_gradient nav ul li, .dashboard_gradient nav ul li a{
    color:#323232
}
.dashboard_gradient nav ul li a:hover{
    color:#ff2222 !important;
}
#dashboard #titlebar {
    padding: 15px 20px;
    border-radius:10px;
    margin: 0 0 30px 0;
    display: block;
    background-color:#ffffff;
    box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.02); 
    border:1px solid rgba(0, 0, 0, 0.06);   
}
#dashboard #titlebar h2 {
    font-size: 26px;
    font-weight:500;
    line-height: 32px;
    color:#323232;
}
.utf_dashboard_stat {
    display: inline-block;
    padding: 0;
    height: 180px;
    background-color: #444;
    color: #fff;
    border-radius:10px;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    transition: 0.3s;
    cursor: default;
}
.utf_dashboard_stat:hover {
    transform: translateY(-4px);
}
.utf_dashboard_stat_content {
    position: absolute;
    left: 0;
    right:0;
    text-align:center;
    bottom:0;
    width: 100%;
    transform: translateY(-40%);
}
.utf_dashboard_stat_content h4 {
    font-size: 30px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    color: #fff;
    letter-spacing:0px;
}
.utf_dashboard_stat_content span {
    font-size: 14px;
    margin-top: 5px;
    line-height: 22px;
    font-weight: 400;
    opacity: 0.95;
    display: inline-block;
}
.utf_dashboard_stat_icon {
    position: absolute;
    right:0;
    left:0;
    text-align:center;
    top: 25%;
    transform: translateY(-40%);
    font-size: 80px;
    opacity: 7;
    margin-bottom:10px;
}
.utf_dashboard_stat_icon i, .utf_dashboard_ic_stat i{
    font-size: 30px;
    padding: 10px;
    border: 2px solid #fff;
    display: inline-block;
    width: 60px;
    height: 60px;
    vertical-align: middle;
    margin: 0 auto;
    line-height: 35px;
    border-radius:50%;
}
.utf_dashboard_stat.color-1 {
    background-color: #ff2222;
    box-shadow:0 7px 15px 0 rgba(0,0,0,0.15);
}
.utf_dashboard_stat.color-2 {
    background-color: #18a4e1;
    box-shadow:0 7px 15px 0 rgba(0,0,0,0.15);
}
.utf_dashboard_stat.color-3 {
    background-color: #f1c40f;
    box-shadow:0 7px 15px 0 rgba(0,0,0,0.15);
}
.utf_dashboard_stat.color-4 {
    background-color: #f98925;
    box-shadow:0 7px 15px 0 rgba(0,0,0,0.15);
}
.utf_dashboard_stat.color-5 {
    background-color: #4f17ed;
    box-shadow:0 7px 15px 0 rgba(0,0,0,0.15);
}
.utf_dashboard_stat.color-6 {
    background-color: #ea3986;
    box-shadow:0 7px 15px 0 rgba(0,0,0,0.15);
}
#dashboard .pagination-next-prev ul li a {
    background-color: transparent;
}
#dashboard .pagination .current, #dashboard .pagination-next-prev ul li a:hover {
    background-color: #fff;
}
.utf_dashboard_list_box {
    margin: 30px 0 0 0;
    background:#fff;
    border:1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.06);
    border-radius: 4px;
}
.utf_dashboard_list_box table.table-hover tr th{
    font-weight:600;
}
.utf_dashboard_list_box ul li strong a{
    background:#e1e1e1;
    padding:4px 10px;
    border-radius:20px;
    display:inline;
    font-size:13px;
    font-weight:500;
    margin:0 2px;
    color:#595858
}
.utf_dashboard_list_box .button {
    padding: 5px 10px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}
.utf_dashboard_list_box .button.gray:before {
    display: none;
}
.utf_dashboard_list_box .button.gray {
    background-color: #f4f4f4;
    color: #666;
    font-weight:500;
    padding:4px 12px 4px 6px;
    border-radius: 30px;
    width: auto;
    height: auto;
    text-align: center;
    vertical-align: middle;
    line-height: 24px;
}
.utf_dashboard_list_box a.button.approve:hover {
    background-color: #54ba1d;
}
.utf_dashboard_list_box a.button.approve:hover i {
    color: #54ba1d;
}
.utf_dashboard_list_box .button.gray:hover {
    background-color: #ff2222;
    color: #fff;
}
.utf_dashboard_list_box .button.gray:hover i{
    color: #ff2222;
}
.dashboard-list-block {
    background-color: #424242;
    border-bottom: 1px solid #eaeaea;
    border-radius: 4px 4px 0 0;
}
.utf_dashboard_list_box h4 {
    font-size: 20px;
    line-height:40px;
    font-weight: 400;
    margin: 0;
    padding:15px 25px;
    color: #fff;
    background-color: #424242;
    display: block;
    border-bottom: 1px solid #eaeaea;
    border-radius: 4px 4px 0 0;
}
.utf_dashboard_list_box h4 i {
    margin-right: 10px;
    color: #fff;
    width: 40px;
    height: 40px;
    font-size: 18px;
    background: #ff2222;
    padding: 10px;
    border-radius:50%;
    text-align: center;
    vertical-align: middle;
}
.utf_dashboard_list_box h4.gray {
    background-color: #424242;  
}
.utf_dashboard_list_box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #fff; 
    border-radius: 0 0 4px 4px;
}
.utf_dashboard_list_box ul li {
    padding: 20px 25px;
    border-bottom: 1px solid #eaeaea;
    transition: 0.3s;
    position: relative;
}
.utf_dashboard_list_box.with-icons ul li {
    padding-left: 75px;
}
.utf_dashboard_list_box.with-icons ul li strong{
    font-weight:600;
}
.utf_dashboard_list_box ul li:last-child {
    border: none;
}
.utf_dashboard_list_box ul li:hover {
    background-color: #fbfbfb;
}
.utf_dashboard_list_box .numerical-rating {
    margin: 0 3px;
}
.utf_dashboard_list_box ul li i.utf_list_box_icon {
    height: 38px;
    width: 38px;
    color: #777;
    text-align: center;
    line-height: 37px;
    border-radius:50%;
    transition: 0.3s;
    display: inline-block;
    background-color:#f0f0f0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}
.utf_dashboard_list_box ul li:hover i.utf_list_box_icon {
    background-color: #eaeaea;
}
.utf_dashboard_list_box-static {
    padding: 30px;
    background-color: #fff;
}
.utf_dashboard_list_box-static .button {
    padding: 8px 20px;
    font-size: 15px;
    line-height:26px;
    margin-bottom: 3px;
    font-weight:500;
}
a.close-list-item {
    background-color: #f4f4f4;
    width:40px;
    height:40px;
    line-height:20px;
    padding:10px;
    border-radius:30px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right:20px;
    opacity: 1;
    color:#ff2222;
    transition: 0.3s;
}
.utf_dashboard_list_box ul li:hover a.close-list-item {
    opacity: 1;
}
.utf_dashboard_list_box ul ul {
    background-color: transparent;
}
.utf_dashboard_list_box ul ul li {
    padding: 0;
    border: none;
    font-weight: 400;
    font-size: 14px;
    color: #8d8d8d;
    transition: 0.3s;
    background-color: transparent;
    display: inline-block;
}
.utf_dashboard_list_box ul ul li:hover {
    background-color: transparent;
}
.utf_dashboard_list_box .sort-by {
    top: 16px;
    right: 26px;
}
.utf_dashboard_list_box .my_sort_by{
    top:25px;
}
.utf_dashboard_list_box .my_sort_by .chosen-single {
    background-color: #f3f3f3 !important;
    padding: 0 20px !important;
}
.utf_dashboard_list_box .sort-by .chosen-container-single .chosen-single {
    background-color: transparent;
    padding: 0 4px;
}
.utf_dashboard_list_box.invoices li {
    padding: 20px;
}
.utf_dashboard_list_box.invoices ul li strong {
    color: #333;
}
.utf_dashboard_list_box.invoices ul li strong span.unpaid{
    background:rgba(0, 0, 0, 0.08);
    padding:3px 10px;
    border-radius:20px;
    display:inline;
    font-size:11px;
    color:#ee3535;
    margin-left:2px;
}
.utf_dashboard_list_box.invoices ul li strong span.paid{
    background:rgba(0, 0, 0, 0.08);
    padding:3px 10px;
    border-radius:20px;
    display:inline;
    font-size:11px;
    color:#64bc36;
    margin-left:2px;
}
.utf_dashboard_list_box.invoices ul li strong span.list_hotel{
    background:#e1e1e1;
    padding:3px 10px;
    border-radius:20px;
    display:inline;
    font-size:13px;
    font-weight:500;
    margin-left:3px;
    color:#595858
}
.utf_dashboard_list_box.invoices ul ul {
    line-height: 22px;
    padding-bottom: 2px;
    color: #909090;
}
.utf_dashboard_list_box.invoices ul ul li {
    background:transparent;
    padding: 0;
    font-size:13px;
}
.utf_dashboard_list_box.invoices ul ul li span{
    color:#666;
    font-weight:600;
}
.utf_dashboard_list_box.invoices ul ul li:after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 10px;
    background-color: #d5d5d5;
    position: relative;
    margin: 0 8px;
}
.utf_dashboard_list_box.invoices ul ul li:last-child:after {
    display: none;
}
.utf_post_quote blockquote {
    background:rgba(0, 0, 0, 0.02);
    padding:20px;
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 27px;
    color: #848484;
    
}

.paid {
    color: #64bc36;
    font-weight:500;
}
.unpaid {
    color: #ee3535;
    font-weight:500;
}
.buttons-to-right, .utf_dashboard_list_box .button.to-right {
    position: absolute;
    right: 20px;
    top: 30%;
    transform: translate3d(0, -49%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    opacity: 0;
    transition: 0.4s;
    box-shadow: 0px 0px 10px 15px #fbfbfb;
}
.utf_dashboard_list_box .utf_approved_booking_listing .buttons-to-right, .utf_dashboard_list_box .utf_canceled_booking_listing .buttons-to-right, .utf_dashboard_list_box .utf_pending_booking_listing .buttons-to-right {
    position: relative;
    right: 20px;
    left: 0;
    transform: translate3d(0, -49%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    transition: 0.4s;
    box-shadow: 0px 0px 0px 0px transparent;
    text-align: right;
}
.invoices .buttons-to-right{
    top: 50% !important;
}
.utf_dashboard_list_box li .buttons-to-right, .utf_dashboard_list_box li .button.to-right {
    opacity: 1;
}
.buttons-to-right {
    box-shadow: none;
}
.buttons-to-right .button {
    margin-left: 2px;
}
.utf_inner_booking_listing_list ul.utf_booking_listing_list li.highlighted::after {
    display:none;
}
.utf_dashboard_list_box .button i {
    font-size: 14px;
    position: relative;
    top: 0px;
    background: #fff;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 30px;
    margin-right: 3px;
    padding: 0;
    float:left;
}
.utf_dashboard_list_box .button i.fa-remove {
    padding-right: 1px;
}

/*==========
  Bookings Wallet Style
============*/
.utf_dashboard_block_part {
    display: inline-block;
    padding: 0;
    min-height: 170px;
    background-color: #444;
    color: #fff;
    border-radius:10px;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    transition: 0.3s;
    cursor: default;
}
.utf_dashboard_content_part {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    left: 0;
    right: 0;
    margin-top: 15px;
}
.utf_dashboard_content_part h4 {
    background:transparent;
    font-size: 32px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    border-bottom:0;
    color: #fff;
    letter-spacing: 0px;
}
.utf_dashboard_content_part span {
    font-size: 14px;
    margin-top: 5px;
    line-height: 28px;
    font-weight: 500;
    opacity: 0.95;
    display: inline-block;
}
.utf_dashboard_block_part.color-1 {
    background-color: #ff2222;
    box-shadow:0 7px 15px 0 rgba(0,0,0,0.15);
    padding:20px 10px;
}
.utf_dashboard_block_part.color-2 {
    background-color: #18a4e1;
    box-shadow:0 7px 15px 0 rgba(0,0,0,0.15);
    padding:20px 10px;
}
.utf_dashboard_block_part.color-3 {
    background-color: #ea3986;
    box-shadow:0 7px 15px 0 rgba(0,0,0,0.15);
    padding:20px 10px;
}
.utf_dashboard_block_part.color-4 {
    background-color: #f98925;
    box-shadow:0 7px 15px 0 rgba(0,0,0,0.15);
    padding:20px 10px;
}
.utf_dashboard_ic_stat {
    font-size: 50px;
}
.utf_dashboard_ic_stat {
    font-size: 50px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
}

/*==========
  Bookings Payment Style
============*/
.utf_payment_tab_block.utf_payment_tab_block_active {
    max-height:100%;
    background: #fff;
    border-radius: 10px;
}
.payment {    
    border-radius: 10px;
    overflow: hidden;
}
.utf_listing_payment_section .opening-hours.summary li:first-child{
    padding-top:0
}
.utf_listing_payment_section .opening-hours.summary li {
    color: #424242;
    border-bottom:0;
    font-weight: 500;
}
.utf_listing_payment_section .opening-hours ul li span {
    float: right;
    font-weight: 400;
    color:#797979;
}
.utf_listing_payment_section .opening-hours.summary li.total-costs {
    font-size: 20px;
    border-top: 1px solid #e8e8e8;
    padding-top: 15px;
    margin-top: 10px;
    padding-bottom:0;
}
li.total-costs .col-md-8{
    padding-left:0; 
    padding-right:4px;
}
li.total-costs .col-md-4{
    padding-right:0;    
    padding-left:4px;
}
li.total-costs .col-md-4 input{
    margin-right:0;
    width:100%;
}
li.total-costs #couponCode, li.total-costs .coupon_code{
    margin-bottom:0;
}
.utf_listing_payment_section .opening-hours.summary li.total-costs span {
    color: #ff2222;
    font-size:20px;
    font-weight:600;
}
.utf_payment_trigger_tab {
    padding: 0px 20px;
}
.utf_payment_trigger_tab > input {
    position: absolute;
    visibility: hidden;
}
input[type="radio"] {
    width: 15px;
    height: 15px;
    cursor: pointer;
    box-shadow: none;
}
.utf_payment_trigger_tab > label {
    cursor: pointer;
    display: block;
    position: relative;
    top: 0;
    padding: 15px 0;    
    top: 1px;
    border-bottom:1px solid #e8e8e8;
    margin-bottom: 10px;
    font-weight: 500;
}
.utf_payment_trigger_tab > input:checked ~ label::before {
    border-color: #ff2222;
}
.utf_payment_trigger_tab > label::before {
    transition: 0.2s;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #d0d0d0;        
    border-radius:5px;
    content: "";
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 4px;
    width: 20px;
    height: 20px;
}
.utf_payment_trigger_tab > input:checked ~ label::after {
    background-color: #ff2222;
    transform: scale(1);
}
.utf_payment_trigger_tab > label::after {
    background: #fff;
    background-color: rgb(255, 255, 255);
    border-radius:2px;
    content: "";
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 25px;
    width: 8px;
    height: 8px;
    transition: 0.2s;
    transform: scale(0);
}
.utf_payment_logo.paypal {
    height: 22px;
    top: 20px;
}
.utf_payment_logo.stripe {
    height: auto;
    top: 18px;
    max-width: 80px;
}
.utf_payment_logo {
    height: 24px;
    position: absolute;
    right: 19px;
    top: 18px;
    image-rendering: -webkit-optimize-contrast;
}
.utf_payment_tab_block.utf_payment_tab_block_active .utf_payment_tab_block_content {
    visibility: visible;
    opacity: 1;
}
.card-label > label {
    background-color: #fff;
    display: inline-block;
    margin: 10px 0;
    font-size: 16px;
    padding: 0px 2px;
    color: #909090;
}
.utf_payment_tab_block {
    background: #ffffff;
    box-sizing: border-box;
    max-height: 60px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s 0s ease-in-out;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    margin-bottom: 10px;
}
.utf_payment_tab_block:last-child{
    margin-bottom:0
}
.utf_booking_payment_option_form .utf_booking_confirmation_button{
    display:block;
    text-align:center;
}
.utf_payment_tab_block.utf_payment_tab_block_active .utf_payment_tab_block_content {
    visibility: visible;
}
.card-label > input {
    box-sizing: border-box;
    display: block;
    height: 51px;
    margin: 0px auto 10px;
    padding: 0px 15px 0 15px;
    transition: border-color 0.3s;
    width: 100%;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
}
.utf_payment_tab_block_content {
    padding:10px 20px 20px 20px;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s ease-in-out;
}
.utf_listing_payment_section .utf_booking_listing_item_container{
    position:relative;
}
.utf_listing_payment_section label{
    font-weight:500;
    color:#707070;
    font-size:16px;
    margin-bottom: 10px;
}
.input-with-icon.medium-icons i {
    font-size: 21px;
    color: #a0a0a0;
    position: absolute;
    left: -3px;
    bottom: 0px;
    top: auto;
}
.utf_listing_payment_section .listing-item::before {
    content: "";
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
    background:linear-gradient(to top, rgba(35,35,37,0.9) 0%, rgba(35,35,37,0.3) 100%, rgba(22,22,23,0) 60%, rgba(0,0,0,0) 100%);
    background-color: rgba(0, 0, 0, 0);
    background-color: rgba(35,35,37,0.2);
    border-radius: 10px 10px 0 0;
    opacity: 1;
}
.utf_listing_payment_section .listing-item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius:10px 10px 0 0;
}
.utf_listing_payment_section .utf_listing_item_content {
    position: absolute;
    bottom: 25px;
    left: 0;
    padding: 0 25px;
    width: 100%;
    z-index: 50;
    box-sizing: border-box;
}
.utf_listing_payment_section .numerical-rating.high {
    background-color: #64bc36;
}
.utf_listing_payment_section .utf_listing_item_content h3 {
    color: #fff;
    font-size: 20px;
    bottom: 2px;
    position: relative;
    font-weight: 500;
    margin: 0;
    line-height: 28px;
}
.utf_listing_payment_section .utf_listing_item_content span {
    font-size: 14px;
    font-weight: 400;
    margin:1px 2px;
    display: inline-block;
    color: rgba(255,255,255,0.85);
}
.utf_listing_item_content .utf_star_rating_section .utf_counter_star_rating {
    top:-1px;
    position: relative;
    margin-left: 6px;
}
.utf_listing_payment_section .boxed-widget {
    background-color: #f9f9f9;
    padding: 25px;
    transform: translate3d(0,0,0);
    z-index: 90;
    border:1px solid rgba(0, 0, 0, 0.02);
    position: relative;
}
.utf_listing_payment_section .boxed-widget.summary {
    border-radius:0 0 10px 10px;
}
.utf_listing_payment_section .boxed-widget h3 {
    font-size: 20px;
    padding: 0 0 20px;
    margin: 0 0 20px 0;
    display: block;
    font-weight:600;
    border-bottom: 1px solid #e8e8e8;
}
.utf_listing_payment_section .boxed-widget h3 i.fa-calendar-check-o {
    position: relative;
    top: -1px;
    margin-right: 10px;
    color: #fff;
    width: 40px;
    height: 40px;
    background: #ff2222;
    padding: 10px;
    border-radius:50%;
}

/*==========
  Bookings Style
============*/
.dashboard-list-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
}
.dashboard-list-box ul li {
    padding: 23px 30px;
    border-bottom: 1px solid #eaeaea;
    transition: 0.3s;
    position: relative;
}
.bookings {
    margin: 10px 0 20px 0;
}
.utf_list_box_listing_item {
    display: flex;
    padding: 5px 0;
    position: relative;
}
.utf_inner_booking_listing_list{
    line-height:34px;
}
.bookings .utf_list_box_listing_item-img {
    max-width: 80px;
    max-height: 80px;
    overflow: hidden;
    margin-right: 5px;
    border: 3px solid rgba(0, 0, 0, 0.06);
    border-radius: 50px;
}
.utf_list_box_listing_item-img {
    flex: 1;
    max-width: 150px;
    position: relative;
}
.utf_list_box_listing_item_content {
    flex: 1;
    padding-left: 25px;
}
.bookings .utf_list_box_listing_item_content .inner {
    top: 0;
    transform: none;
}
.utf_list_box_listing_item_content .inner {
    position: relative;
    top: 14px;    
    vertical-align: top;
}
.bookings .utf_list_box_listing_item_content .inner h3 {
    margin-bottom: 10px;
}
.utf_list_box_listing_item_content .inner h3 {
    font-size: 18px;
    bottom: -2px;
    position: relative;
    font-weight: 500;
    margin: 0;
    margin-bottom: 0px;
    line-height: 27px;
}
.utf_pending_booking_listing .bookings .inner h3 span.utf_booking_listing_status {
    background-color: #61b2db;
}
.bookings .inner h3 span.utf_booking_listing_status {
    border-radius: 30px;
    line-height: 20px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    padding: 2px 10px;
    margin-left: 3px;
    position: relative;
    top: 0px;
    display: inline-block;
    vertical-align: top;
}
.utf_list_box_listing_item_content .inner span {
    font-size: 15px;
    font-weight: 300;
    display: inline-block;
}
.bookings .inner h3 span.utf_booking_listing_status.unpaid {
    background-color: #ee3535;
}
.utf_inner_booking_listing_list h5 {
    display: inline-block;
    font-weight: 600;
    margin: 0;
    color: #666;
}
.dashboard-list-box ul ul {
    background-color: transparent;
}
.utf_inner_booking_listing_list ul {
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
}
.utf_inner_booking_listing_list ul li.highlighted {
    padding:0px;
    line-height: 24px;
    font-weight: 400;
    font-size: 14px;
    color: #8d8d8d;
    display: inline-block;
}
.dashboard-list-box ul li:last-child {
    border: none;
}
.utf_approved_booking_listing .bookings .inner h3 span.utf_booking_listing_status {
    background-color: #64bc36;
}
.dashboard-list-box ul ul {
    background-color: transparent;
}
.utf_inner_booking_listing_list ul {
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
}
.utf_inner_booking_listing_list ul li::after {
    content: "";
    display: inline-block;
    position: relative;
    margin: 0 8px;
    height: 12px;
    top: 2px;
    background-color: #ddd;
    width: 2px;
}
.utf_canceled_booking_listing .bookings .inner h3 span.utf_booking_listing_status {
    background-color: #ee3535;
}
.utf_list_box_listing_item_content .utf_inner_booking_listing_list ul.utf_booking_listing_list li:last-child::after {
    display:none;
}
.dashboard-list-box ul li:last-child {
    border: none;
}

/*==========
  Bookings Confimation Style
============*/
.utf_booking_listing_section_form, .utf_booking_payment_option_form{
    background-color: #f9f9f9;
    border-radius: 10px;
    padding: 30px;
    transform: translate3d(0, 0, 0);
    border:1px solid rgba(0, 0, 0, 0.02);
}
.utf_booking_listing_section_form h3, .utf_booking_payment_option_form h3{
    width: 100%;
    font-size: 20px;
    line-height: 40px;
    padding: 0 0 20px;
    margin: 5px 0 30px 0;
    display: block;
    border-bottom: 1px solid #e8e8e8;
}
.utf_booking_listing_section_form h3 i, .utf_booking_payment_option_form h3 i {
    margin-right: 10px;
    color: #fff;
    width: 40px;
    height: 40px;
    background: #ff2222;
    padding: 10px;
    border-radius:50%;
}
.utf_booking_listing_confirmation_section {
    background-color: #f9f9f9;
    border-radius: 10px;
    padding:50px 30px;
    transform: translate3d(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.05);
    text-align: center;    
}
.utf_booking_listing_confirmation_section i {
    color: #54ba1d;
    font-size: 140px;
    margin-bottom: 20px;
    display: inline-block;
    font-weight: 800;
}
.utf_booking_listing_confirmation_section h2 {
    font-size: 40px;
    line-height:54px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 15px;
    display: block;
    text-transform: uppercase;
}
.utf_booking_listing_confirmation_section p {
    font-size: 20px;
    display: block;
}

/*==========
  Edit Profile Style
============*/
.edit-profile-photo img {
    border-radius:50%;
    max-width: 200px;
    width: 100%;
    border:10px solid rgba(0, 0, 0, 0.08);
}
.edit-profile-photo {
    position: relative;
    display: block;
    margin-bottom: 35px;
    text-align:center;
}
.change-photo-btn {
    font-weight: 600;
    padding: 5px;
    color: #333;
    background-color: #fff;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    font-size: 13px;
    width: auto;
    transition: 0.3s;
    cursor: pointer;
    line-height: 20px;
    position: absolute;
    bottom:35px;
    left:0;
    right:0;
    width:140px;
    margin:0 auto;  
}
.photoUpload {
    position: relative;
    overflow: hidden;
    padding: 3px 5px;
    cursor: pointer;
}
.photoUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.change-photo-btn:hover {
    color: #fff;
    background-color: #ff2222;
}
.change-photo-btn i {
    margin-right: 2px;
}
.my-profile label {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #707070;
    margin-bottom: 9px;
}
.my-profile {
    display: block;
}
.my-profile label i {
    margin-right: 3px;
}
.my-profile textarea {
    height: 200px;
}
.utf_list_box_listing_item {
    display: flex;
    padding: 5px 0;
    position: relative;
}
.utf_list_box_listing_item-img {
    flex: 1;
    max-width: 250px;
    position: relative;
}
.utf_list_box_listing_item-img a {
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.utf_list_box_listing_item-img a:before {
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(22,22,22,0.2);
    border-radius: 10px;
    z-index: 11;
}
.utf_list_box_listing_item-img a img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 10px;
}
.utf_list_box_listing_item_content {
    flex: 1;
    padding-left: 20px;
}
.utf_list_box_listing_item_content .inner {
    position: relative;
    top: 14px;
    vertical-align: top;
}
.utf_list_box_listing_item_content .inner h3 {
    font-size: 20px;
    bottom: 2px;
    position: relative;
    font-weight: 500;
    margin: 0;
    line-height: 28px;
}
.utf_list_box_listing_item_content .inner span {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
}
.utf_dashboard_list_box .utf_list_box_listing_item_content .inner span {
    display:block;
    margin:2px;
    vertical-align: sub;
    color:#808080;
}
.utf_dashboard_list_box .utf_list_box_listing_item_content .inner span i {
    font-size: 16px;
    color: #ff2222;
    padding-right: 3px;
    width: 18px;
    display: inline-block;
    text-align: center;
    vertical-align: sub;
}
.utf_list_box_listing_item_content .inner .numerical-rating, .utf_list_box_listing_item_content .inner .utf_star_rating_section {
    margin: 5px 0 0 0;
    display: block;
}
.utf_list_box_listing_item_content p{
    margin-top:5px;
    font-size: 15px;
    line-height: 25px;
    color:#848484;
}

/*==========
  Coming Soon Style
============*/
.utf_coming_soon_section {
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
}
.utf_coming_soon_section .container {
    z-index: 15;
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
@media (max-width: 992px) {

.utf_coming_soon_section {
    min-height: 100vh;
    height: auto;
}
.utf_coming_soon_section .container {
    padding-top: 50px;
    padding-bottom: 50px;
    top: auto;
    transform: translateY(0%);
}
}
.utf_coming_soon_section:before {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10;
    content: "";
    background-color: rgba(26,26,26,0.80)
}
.utf_coming_soon_section h2, .utf_coming_soon_section h3 {
    margin: 0;
    padding: 0;
}
.utf_coming_soon_section h2 {
    font-size: 46px;
    color: #fff;
}
.utf_coming_soon_section h3 {
    font-size:38px;
    font-weight: 600;
    margin: 30px 0 25px 0;
    color:#f9f9f9;
}
.utf_coming_soon_section p {
    font-size:16px;
    font-weight: 400;
    margin: 10px 0 30px 0;
    color:#cbcbcb;
}
.utf_coming_soon_section .utf_coming_soon_search_input_section input {
    font-size: 16px;
    font-weight: 600;
}
.utf_coming_soon_section .gray-style.utf_coming_soon_search_input {
    max-width: 600px;
    margin: 0 auto;
}
.utf_coming_soon_section .utf_coming_soon_search_input button.button { font-size: 16px; }
#utf_countdown {
    font-weight: 600;
    float: none;
    display: inline-block;
}
#utf_countdown div {
    display: inline-block;
    margin: 0 8px;
    float: left;
}
#utf_countdown div:first-child i { border: none;}
#utf_countdown span {
    background-color:#ff2222;
    font-size: 38px;
    color: #fff;
    width: 135px;
    height:135px;
    display: inline-block;
    padding:56px 0;
    font-weight: 600;
    letter-spacing: -1px;
    border-radius:50%;
}
#utf_countdown i {
    display: block;
    font-style: normal;
    margin: 0;
    margin-top:10px;
    text-transform: none;
    font-size: 16px;
    padding: 5px 0;
    font-weight:400;
    letter-spacing: 0.5px;
    background-color:rgba(255, 255, 255, 0.2);
    color: #ffffff;
    border-radius:30px;
}
.utf_countdown-text {
    font-size: 24px;
    margin-top: 15px;
    line-height: 36px;
    font-weight: 300;
}
@media (max-width: 550px) {
#utf_countdown span {
    color: #fff;
    width: 128px;   
    height:128px;
    padding:50px 0;
}   
#utf_countdown{
    float:none;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 auto;        
}
#utf_countdown div {
    padding: 10px 0;
    text-align:center;
    display:inline-block;
}
}
@media (max-width: 633px) {
#utf_countdown div {
    padding: 10px;
    text-align:center;
    display:inline-block;
    margin:0 auto;
    left:0;
    right:0;
    width:50%
}
}
.utf_coming_soon_search_input {
    margin-top: 40px;
    border-radius: 3px;
    width: 100%;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 10px;
    max-height: 70px;
}
.utf_coming_soon_search_input .utf_coming_soon_search_input_section:nth-last-child(2) {
    border-right: none;
    padding-left: 0px;
    padding-right: 10px;
}
.gray-style.utf_coming_soon_search_input input{
    background: #fff;
}
.utf_coming_soon_section .utf_coming_soon_search_input_section input {
    font-size: 16px;
    font-weight: 400;
}
.utf_coming_soon_search_input input, .utf_coming_soon_search_input input:focus {
    font-size: 16px;
    border: none;
    background: #fff;
    margin: 0;
    padding:10px 15px 10px 20px;
    color:#808080;
    height: 50px;
    line-height: 50px;
    border-radius:30px;
    box-shadow: none;
}
.utf_coming_soon_search_input button.button {
    font-size: 18px;
    font-weight: 500;
    padding: 0 40px;
    margin-right: 1px;
    height: 50px;
    border-radius:30px;
    outline: none;
}
.utf_coming_soon_search_input_section {
    flex: 1;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}
@media (max-width: 767px) {
.utf_coming_soon_search_input_section, .utf_coming_soon_search_input .utf_coming_soon_search_input_section:nth-last-child(2) {
    padding: 0;
}
.utf_coming_soon_search_input_section {
    margin-bottom: 10px;
}
.gray-style.utf_coming_soon_search_input input, .gray-style.utf_coming_soon_search_input input:focus, .utf_coming_soon_search_input input, .utf_coming_soon_search_input input:focus {
    padding: 0 20px;
    height: 55px;
    line-height: 55px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
}
.gray-style.utf_coming_soon_search_input input, .gray-style.utf_coming_soon_search_input input:focus, .utf_coming_soon_search_input input, .utf_coming_soon_search_input input:focus {
    padding: 0 20px;
}
.utf_coming_soon_search_input button.button {
    margin-top: 10px;
}
.utf_coming_soon_section .utf_coming_soon_search_input button.button {
    font-size: 16px;
}
.gray-style.utf_coming_soon_search_input {
    background-color: transparent;
}
.utf_coming_soon_search_input {
    border-radius: 0;
    display: block;
    padding: 0;
    max-height: 100%;
    background-color: transparent;
    box-shadow: none;
}
}
.utf_listing_categorie {
    clear: both;
    margin: -15px 0;
    overflow: hidden;
}
.utf_listing_categorybox {
    width: 100%;
    float: left;
    margin: 15px 0;
    border-radius: 6px;
    border:1px solid rgba(0, 0, 0, 0.02);
    background: #f9f9f9;
    padding:20px 10px;
}
.utf_listing_category_title {
    width: 100%;
    float: left;
}
.utf_listing_category_title h3{
    color: #323232;
    margin: 0;
    float: left;
    font-size: 18px;
    font-weight:500;
    line-height: 40px;
    padding-left:10px;
}
.utf_listing_cateicon{
    background: #ff2222;
    width: 36px;
    height:36px;
    color: #fff;
    float: left;
    margin-right:5px;
    line-height: 36px;
    border-radius:50%;
    text-align: center;
}
.utf_listing_cateicon i{
    color: #fff;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
}
.utf_listing_categorybox ul {
    width: 100%;
    float: left;
    list-style: none;
    font-size: 14px;
    line-height: 18px;
    padding: 15px 0 0;
}
.utf_listing_categorybox ul li:first-child{
    border-top:1px solid rgba(0, 0, 0, 0.05);
}
.utf_listing_categorybox ul li {
    width: 100%;
    float: left;
    padding: 12px 10px;
    line-height: inherit;
    list-style-type: none;
    border-bottom:1px solid rgba(0, 0, 0, 0.05);
}
.utf_listing_categorybox ul li a{
    font-size:15px;
    font-weight:400;
    color:#626262;
    float: left;
    line-height: inherit;
    list-style-type: none;  
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.utf_listing_categorybox ul li a:hover{
    color:#ff2222;
    padding-left:5px;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.utf_listing_categorybox ul li span {
    font-size:15px;
    font-weight:400;
    float: right;
}
.listing_tags_section a {
    border: 1px solid #e0e0e0;
    color: #707070;
    padding: 3px 15px;
    font-size: 14px;
    font-weight:400;
    margin-right: 10px;
    border-radius: 30px;
    display: inline-block;
    margin-top: 8px;
    transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
}
.listing_tags_section a i {
    padding-right: 5px;
    opacity:1;
    color: #b0b0b0;
    vertical-align:middle;
}
.listing_tags_section a:hover{
    background:#ff2222;
    color: #ffffff;
    border-color: #ff2222 !important;
}
.listing_tags_section a:hover i{
    color: #ffffff;
}

/*==========
  Dashboard List Style
============*/
.utf_dashboard_list_box .comments.utf_listing_reviews li {
    margin: 19px 0 10px 0;
}
.utf_dashboard_list_box a.rate-review {
    border: none;
    color: #666;
    font-weight:500;
    background-color: #f4f4f4;
    padding:5px 15px;
}
.utf_dashboard_list_box a.rate-review:hover {
    background-color: #ff2222;
    color: #fff;
}
.utf_dashboard_list_box .utf_by_comment-listing {
    display: inline-block;
    color: #888;
    font-size: 14px;
    font-weight: 400;
}
.utf_dashboard_list_box .utf_by_comment-listing.own-comment, .utf_dashboard_list_box .utf_by_comment-listing.own-comment a {
    color: #888;
    font-weight:400;
}
.utf_dashboard_list_box .utf_by_comment-listing.own-comment a{
    color:#ff2222
}
.utf_dashboard_list_box .utf_by_comment-listing a {
    color: #ff2222;
    font-size:16px;
}
.utf_dashboard_list_box .utf_by_comment-listing a:hover {
    color: #888;
}
.add_utf_listing_section label.switch {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 100;
}
.add_utf_listing_section {
    position: relative;
}
.add_utf_listing_section .switcher-content {
    opacity:1;
    transition: 0.4s;
}
.add_utf_listing_section.switcher-on .switcher-content {
    opacity: 1;
    pointer-events: all;
}
label.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
    margin-top: 0;
    margin-bottom: 0px;
}
.switch input {
    display: none;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    border-radius: 50px;
    transition: 0.4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50px;
}
input:checked+.slider {
    background-color: #66676b;
}
input:checked+.slider:before {
    transform: translateX(30px);
}
.utf_submit_section h4{
    font-size:18px;
    font-weight:500;
    margin-bottom:20px;
    text-align:center;
    color:#707070
}
.add_utf_listing_section {
    border-radius: 4px;
    background-color: #fff;
    border:1px solid rgba(0, 0, 0, 0.08);
    box-shadow:0 3px 8px 0 rgba(0,0,0,0.08);
    padding: 0 30px 30px 30px;
    width:100%;
    float:left;
}
.utf_add_listing_part_headline_part {
    width: calc(100% + 60px);
    left: -30px;
    position: relative;
    padding:20px 25px;
    margin: 0 0 30px 0;
    border-radius: 4px 4px 0 0;
    background-color: #424242;
    border-bottom: 1px solid #eaeaea;
}
.utf_add_listing_part_headline_part h3 {
    padding: 0;
    margin: 0;
    color:#fff;
    font-weight:400;
    line-height: 34px;
    font-size: 20px;
    position: relative;
    top: 1px;
}
#utf_add_listing_part h5 {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
    margin-bottom: 15px;
}
#utf_add_listing_part h5 span {
    color: #888;
    font-weight: 400;
}
#utf_add_listing_part h5 i {
    padding-right: 4px;
}
.utf_add_listing_part_headline_part i {
    margin-right: 10px;
    color: #fff;
    width: 40px;
    height: 40px;
    font-size:18px;
    background: #ff2222;
    padding: 10px;
    border-radius:50%;
}
.button.preview {
    margin-top: 40px;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 20px;
    display: inline-block;
}
.button.preview i {
    padding: 0;
    margin: 0 0 0 4px;
}
.add_utf_listing_section .row.with-forms input, .add_utf_listing_section .row.with-forms input[type="text"], .add_utf_listing_section .row.with-forms input[type="password"], .add_utf_listing_section .row.with-forms input[type="email"], .add_utf_listing_section .row.with-forms input[type="number"], .add_utf_listing_section .row.with-forms textarea, .add_utf_listing_section .row.with-forms input, .add_utf_listing_section .row.with-forms select, .add_utf_listing_section .row.with-forms .chosen-container {
    margin-bottom: 22px;
}
.add_utf_listing_section textarea {
    min-height: 200px;
    margin-bottom: 35px;
}
#utf_add_listing_part h5.fb-input {
    color: #3b5998;
}
#utf_add_listing_part h5.twitter-input {
    color: #1da1f2;
}
#utf_add_listing_part h5.gplus-input {
    color: #dd4b39;
}
.tip {
    font-style: normal;
    position: relative;
    top: -1px;
    left: 2px;
    display: inline-block;
    cursor: help;
    color: #fff;
    font-size: 11px;
    line-height: 0;
    width: 18px;
    height: 18px;
    background: #66676b;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    padding: 0!important;
    font-weight: 500;
}
.tip-content {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, calc(-100% - 20px));
    -ms-transform: translate(-50%, -100%);
    background: #333;
    color: #fff;
    padding: 13px 15px;
    min-width: 200px;
    max-width: 200px;
    font-size: 14px;
    border-radius: 4px;
    line-height: 20px;
    pointer-events: none;
    z-index: 9;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
.tip:hover .tip-content {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, calc(-100% - 13px));
    -ms-transform: translate(-50%, -115%);
}
.tip:after {
    font-family: "FontAwesome";
    content: "\f128";
    line-height: 19px;
    display: inline-block;
    position: relative;
    text-align: center;
    -moz-transform: translateY(-1px);
}
.tip-content:after {
    font-family: "FontAwesome";
    content: "\f0dd";
    position: absolute;
    bottom: 3px;
    left: 50%;
    font-size: 22px;
    color: #333;
    transform: translate(-50%, 50%);
}
.utf_opening_day {
    margin-bottom: 22px;
}
.utf_opening_day h5 {
    margin-top: 17px;
    transition: 0.15s;
}
.utf_opening_day:hover h5 {
    color: #66676b!important;
}
.utf_opening_day .chosen-container .chosen-results {
    max-height: 200px;
}
#utf_pricing_list_section {
    width: 100%;
    margin-top: 10px;
}
.pricing-list-item td {
    display: flex;
    width: 100%;
    margin-bottom: 5px;
}
.pricing-list-item td .fm-input, .pricing-list-item td .fm-move, .pricing-list-item td .fm-close {
    flex: 1;
    position: relative;
}
.pricing-list-item td .fm-move, .pricing-list-item td .fm-close {
    max-width: 40px;
}
.pricing-list-item td .fm-move {
    cursor: move;
    line-height: 51px;
    color: #666;
    font-size: 17px;
}
.pricing-list-item td .fm-close {
    text-align: right;
}
.pricing-list-item td .fm-close a {
    background: #ff2222;
    padding: 0;
    width: 32px;
    height: 32px;
    line-height: 30px;
    border-radius:50%;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-left: 10px;
    margin-top: 10px;
}
.pricing-list-item td .fm-input {
    margin-right: 20px;
}
.pricing-list-item td .fm-input.pricing-name {
    max-width: 350px;
}
.pricing-list-item td .fm-input.pricing-price {
    max-width: 150px;
    margin-right: 0;
}
.pricing-submenu {
    display: block;
    padding-top: 20px;
}
.pricing-submenu input {
    background-color: #ffffff;
}
.pricing-submenu.pricing-list-item td .fm-input {
    margin-right: 0;
}
#utf_pricing_list_section tbody tr:first-child.pricing-list-item.pricing-submenu {
    padding-top: 0;
}
.data-unit {
    position: absolute;
    top: 12px;
    right: 19px;
    font-style: normal;
    color: #aaa;
    z-index: 110;
    background-color: transparent;
    outline: 0;
    border: 0;
    padding: 0 0 0 10px;
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    pointer-events: none;
    background-color: #fff;
}
.add-pricing-submenu.button:before, .add-pricing-list-item.button:before {
    display: none;
}
.add-pricing-submenu.button, .add-pricing-list-item.button {
    margin-top: 15px;
    margin-bottom: 5px;
    background-color: #ff2222;
    color: #fff;
    padding: 8px 22px;
    font-weight: 500;
}
.add-pricing-submenu.button:hover, .add-pricing-list-item.button:hover {
    color: #fff;
    background-color: #999;
}
.infoBox {
    border-radius: 4px;
}

/*==========
  Styles Switcher
============*/

#color_switcher_preview h3 {
    color: #fff;
    font-size: 13px;
    margin: 10px 0;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
}
#color_switcher_preview {
    background: #f9f9f9;
    width: 210px;
    position: fixed;
    top: 200px;
    z-index: 999;
    right: -210px;
    box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.5);
    border-radius:0 0 0px 15px;
}
#color_switcher_preview ul {
    list-style: none;
    padding: 0;
    margin-bottom: 15px;
}
#color_switcher_preview div {
    padding: 6px 18px;
}
#color_switcher_preview h2 {
    background: #323232;
    color: #fff;
    font-size: 15px;
    line-height: 50px;
    padding: 0 0 0 20px;
    margin-top: 0;
    font-weight: 500;
    text-transform: capitalize;
}
#color_switcher_preview h2 a {
    background-color: #323232;
    display: block;
    height: 50px;
    position: absolute;
    left: -50px;
    top: 0;
    width: 50px;
    border-radius:25px 0 0 25px;
    font-size: 22px;
    color: #fff;
    text-align: center;
}
#color_switcher_preview h2 a i {
    position: relative;
    top: 0px;
}
.colors {
    list-style: none;
    margin: 0 0px 10px 0;
    overflow: hidden;
}
.colors li {
    float: left;
    margin:6px 3px 0 3px;
}
.colors li a {
    display: block;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
div.layout-style {
    padding: 0 !important;
}
.layout-style select {
    width: 164px;
    padding: 7px;
    color: #aaa;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin: 2px 0 25px 0px;
    background-color: #505050;
    border: 0;
    min-height: auto;
}
.stylesheet {
    background: #ff2222;
}
.stylesheet_1 {
    background: #ff7600;
}
.stylesheet_2 {
    background: #ff214f;
}
.stylesheet_3 {
    background: #f52084;
}
.stylesheet_4 {
    background: #5c37ec;
}
.stylesheet_5 {
    background: #1dc4ce;
}
.colors li a.active {
    box-shadow:0 0 0 5px rgba(0, 0, 0, 0.3) inset;
}
.colors li a {
    border-radius:50px;
}
#reset {
    margin: -5px 0 15px 0px;
}
#reset a.button {
    padding: 7px 14px;
    font-weight: 700;
    font-size: 13px;
}
#reset a.button:hover {
    color: #333;
    background-color: #fff;
}
 @media only screen and (max-width: 767px) {
#color_switcher_preview {
    display: none;
}
.utf_booking_listing_section_form, .utf_booking_payment_option_form{
    padding:30px 20px;
}
}

/*==========
  Map Box Style
============*/
.map-box {
    background-color: #fff;
    margin-bottom: 20px;
    border-radius:25px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
    position: relative;
}
.map-box .listing-img-container img {
    width: 100%;
    border-radius: 25px 25px 0 0;
}
.map-box h4 {
    margin: 0;
    padding: 0;
}
.map-box h4 a {
    padding: 0 0 2px 0;
    font-size: 17px;
    line-height: 25px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
}
.listing-img-container {
    position: relative;
    height: 100%;
    display: block;
}
.map-box h4 a:hover {
    color: #66676b;
}
.map-box p {
    padding: 0;
    line-height: 25px;
    margin: 2px 0 0 0;
    font-size: 14px;
}
.map-box ul.listing-details {
    padding: 0;
    font-size: 14px;
    display: none;
}
.map-box .listing-title {
    padding:10px 15px 8px;
    text-align:center;
}
.map-box .listing-img-content {
    padding: 18px 22px;
}
.map-box .listing-img-content span {
    font-size: 21px;
}
.map-box .listing-img-content .utf_listing_price i {
    font-size: 15px;
    margin: -7px 0 0 0;
}
.infoBox>img {
    position: absolute!important;
    right: 0px;
    top: 0px;
}
.map-box .utf_listing_item_content {
    position: relative;
    left: 0;
    margin: 20px 0 0 0;
    width: 100%;
    z-index: 50;
    padding: 0;
    text-align: left;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    bottom: 12px;
}
.map-box .utf_listing_item_content h3 {
    color: #444;
    font-size: 17px;
    padding: 0;
    font-weight: 500;
    margin: 0;
    line-height: 27px;
}
.map-box .utf_listing_item_content span {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    color: rgba(0,0,0,0.5);
}
.gm-style .gm-style-iw-c, .gm-style-iw-t::before, .gm-style .gm-style-iw-t::after{
    display:none;
}
.infoBox-close {
    position: absolute;
    top: 0px;
    right: 0px;
    display: inline-block;
    z-index: 99999;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    width: 30px;
    background-color: #fff;
    color: #000000;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
    font-family: "FontAwesome";
    border-radius:0 15px 0 10px;
}
.map-box .infoBox-close {
    border-radius:6px 15px 6px 6px;
}
.infoBox-close:hover {
    color: #fff;
    background-color: #ff2222;
    -webkit-text-stroke: 1px #ff2222;
}
.map-box-icon {
    height: 38px;
    width: 38px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #3685cf;
    display: block;
    color: #fff;
    font-size: 12px;
    z-index: 101;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
    visibility: hidden;
}
.map-box-icon:before {
    content: "\f064";
    font-family: "FontAwesome";
    position: relative;
    top: 7px;
    display: block;
}
.map-box-image:hover .map-box-icon {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateX(0);
}
.map-box-image {
    position: relative;
    overflow: hidden;
    display: block;
}
.infoBox {
    -webkit-animation: fadeIn 0.9s;
    animation: fadeIn 0.9s;
}
@-webkit-keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}
@keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}
.infoBox .utf_star_rating_section { 
    font-size: 16px;
    text-align: left; 
    margin-top:-10px;   
}
.infoBox .utf_star_rating_section span {
    margin-right: 3px;
}
.infoBox .utf_counter_star_rating {
    position: relative;
    top: -1px;
}
.infoBox:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #fff;
}
#map {
    height: 100%;
    width: 100%;
    margin: 0;
    z-index: 990;
}
#utf_map_container {
    position: relative;
    top: 0;
    left: 0;
    height: 520px;
    width: 100%;
    z-index: 990;
    margin-bottom: 60px;
}
.gmnoprint {
    margin: 10px;
}
#utf_map_container.fullwidth_block-home-map {
    height: 620px;
    margin-bottom: 0;
}
#utf_map_container.fullwidth_block-home-map .main_inner_search_block {
    position: absolute;
    display: block;
    bottom: 60px;
    top: auto;
    transform: none;
    padding-bottom: 0;
    z-index: 9999;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
#utf_map_container.fullwidth_block-home-map .main_input_search_part {
    margin-top: 0;
}
.cluster img {
    display: none
}
.cluster-visible {
    text-align: center;
    font-size: 15px!important;
    color: #fff!important;
    font-weight: 500;
    border-radius: 50%;
    width: 36px!important;
    height: 36px!important;
    line-height: 36px!important;
    background-color: #ff2222;
}
.cluster-visible:before {
    box-shadow: inset 0 0 0 4px rgba(21, 128, 199, 0.3);
    content: '';
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: cluster-animation 2.5s infinite;
}
@keyframes cluster-animation {
0%, 100% {
transform:scale(1.3) rotate(0deg)
}
50% {
transform:scale(1.5) rotate(90deg)
}
}
.map-marker-container {
    position: absolute;
    margin-top: 10px;
    transform: translate3d(-50%, -100%, 0);
}
.marker-container {
    position: relative;
    margin: 10px auto;
    width: 40px;
    height: 40px;
    z-index: 1;
    border-radius: 50%;
    cursor: pointer;
    top: -5px;
}
#utf_single_listingmap .marker-container {
    cursor: default;
}
.marker-container {
    perspective: 1000;
}
.marker-card {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: all 0.4s ease-in-out;
    position: absolute;
    z-index: 1;
}
.marker-container:hover .marker-card, .map-marker-container.clicked .marker-card {
    transform: rotateY(180deg) translateY(-4px);
}
.marker-arrow {
    width: 0;
    content: "";
    height: 0;
    border-style: solid;
    border-width: 12px 6px 0;
    border-color: #ff2222 transparent transparent;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    border-radius: 50%;
    z-index: 1;
}
.face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    text-align: center;
    border-radius:10px;
    color: #fff;
    z-index: 100;
}
.face i {
    line-height: 34px;
    font-size: 20px;
}
.face.front {
    background-color: #fff;
    border: 2px solid #ff2222;
    color: #ff2222;
    z-index: 100;
}
.face.back {
    transform: rotateY(180deg);
    box-sizing: border-box;
    background: #ff2222;
    border-color: #ff2222;
    color: #fff;
}
.face.back i {
    trasform: scaleX(-1);
    line-height: 38px;
    font-size: 18px;
}
.face.back:after {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    position: absolute;
}
.btn_center_item{
    display:block !important;
    text-align:center;
    margin:0 auto !important;
}
.custom-zoom-in, .custom-zoom-out {
    background-color: #fff;
    color: #333;
    cursor: pointer;
    border-radius: 50%;
    margin: 5px 15px;
    transition: color 0.3s, background-color 0.3s;
    box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.2);
    text-align: center;
    font-size: 15px;
    height: 34px;
    width: 34px;
}
.custom-zoom-in:hover, .custom-zoom-out:hover {
    background-color: #66676b;
    color: #fff;
}
.custom-zoom-in:before, .custom-zoom-out:before {
    font-family: "FontAwesome";
    width: 100%;
    line-height: 35px;
    transition: -webkit-text-stroke 0.3s;
    -webkit-text-stroke: 1px #fff;
}
.zoomControlWrapper {
    position: absolute;
    right: 0;
    right: auto;
    width: 70px;
}
.custom-zoom-in:before {
    content: "\f067";
}
.custom-zoom-out:before {
    content: "\f068";
}
.custom-zoom-in:hover:before, .custom-zoom-out:hover:before {
    -webkit-text-stroke: 1px #66676b;
}
#mapnav-buttons {
    position: absolute;
    transform: translate(0, 0);
    z-index: 999;
    font-size: 14px;
    display: inline-block;
    bottom: 20px;
    right: 20px;
    list-style: none;
    padding: 0;
}
#mapnav-buttons.top {
    top: 20px;
    right: 20px;
    bottom: auto;
}
#mapnav-buttons li {
    float: left;
    margin-left: 4px;
    line-height: 20px;
}
#utf_street_view_btn, #geoLocation, #scrollEnabling, #mapnav-buttons a {
    color: #333;
    background-color: #fff;
    padding: 7px 18px;
    padding-top: 9px;
    font-weight: 500;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 4px;
    box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.2);
}
button.gm-control-active{
    border-radius:30px !important;
}
#geoLocation:hover, #utf_street_view_btn:hover, #scrollEnabling:hover, #scrollEnabling.enabled, #mapnav-buttons a:hover {
    background-color: #ff2222;
    color: #fff;
}
#prevpoint:before, #nextpoint:after {
    font-family: "FontAwesome";
    position: relative;
    font-weight: 500;
    margin: 0 0 0 6px;
    font-size: 17px;
    top: 0px;
    line-height: 1px;
}
#prevpoint:before {
    content: "\f104";
    margin: 0 6px 0 0;
}
#nextpoint:after {
    content: "\f105";
    margin: 0 0 0 6px;
}
#utf_street_view_btn, #geoLocation, #scrollEnabling {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 999;
    font-size: 13px;
    line-height: 21px;
}
#utf_street_view_btn:before, #geoLocation:before, #scrollEnabling:before {
    content: "\e015";
    font-family: "simple-line-icons";
    position: relative;
    top: 2px;
    margin: 0 6px 0 0;
    font-size: 15px;
    line-height: 1px;
}
#scrollEnabling:before {
    margin-left: -3px;
}
#utf_street_view_btn:before {
    content: "\f21d";
    font-family: "FontAwesome";
    font-size: 16px;
    top: 1px;
    margin-right: 8px;
}
#geoLocation {
    right: auto;
    left: 20px;
    padding: 8px 11px;
}
#geoLocation:before {
    content: "\f192";
    font-family: "FontAwesome";
    font-size: 16px;
    margin: 0;
    top: 2px;
}
@-webkit-keyframes passing-through {
0% {
opacity:0;
-webkit-transform:translateY(40px);
-moz-transform:translateY(40px);
-ms-transform:translateY(40px);
-o-transform:translateY(40px);
transform:translateY(40px);
}
30%, 70% {
opacity:1;
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
-o-transform:translateY(0px);
transform:translateY(0px);
}
100% {
opacity:0;
-webkit-transform:translateY(-40px);
-moz-transform:translateY(-40px);
-ms-transform:translateY(-40px);
-o-transform:translateY(-40px);
transform:translateY(-40px);
}
}
@-moz-keyframes passing-through {
0% {
opacity:0;
-webkit-transform:translateY(40px);
-moz-transform:translateY(40px);
-ms-transform:translateY(40px);
-o-transform:translateY(40px);
transform:translateY(40px);
}
30%, 70% {
opacity:1;
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
-o-transform:translateY(0px);
transform:translateY(0px);
}
100% {
opacity:0;
-webkit-transform:translateY(-40px);
-moz-transform:translateY(-40px);
-ms-transform:translateY(-40px);
-o-transform:translateY(-40px);
transform:translateY(-40px);
}
}
@keyframes passing-through {
0% {
opacity:0;
-webkit-transform:translateY(40px);
-moz-transform:translateY(40px);
-ms-transform:translateY(40px);
-o-transform:translateY(40px);
transform:translateY(40px);
}
30%, 70% {
opacity:1;
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
-o-transform:translateY(0px);
transform:translateY(0px);
}
100% {
opacity:0;
-webkit-transform:translateY(-40px);
-moz-transform:translateY(-40px);
-ms-transform:translateY(-40px);
-o-transform:translateY(-40px);
transform:translateY(-40px);
}
}
@-webkit-keyframes slide-in {
0% {
opacity:0;
-webkit-transform:translateY(40px);
-moz-transform:translateY(40px);
-ms-transform:translateY(40px);
-o-transform:translateY(40px);
transform:translateY(40px);
}
30% {
opacity:1;
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
-o-transform:translateY(0px);
transform:translateY(0px);
}
}
@-moz-keyframes slide-in {
0% {
opacity:0;
-webkit-transform:translateY(40px);
-moz-transform:translateY(40px);
-ms-transform:translateY(40px);
-o-transform:translateY(40px);
transform:translateY(40px);
}
30% {
opacity:1;
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
-o-transform:translateY(0px);
transform:translateY(0px);
}
}
@keyframes slide-in {
0% {
opacity:0;
-webkit-transform:translateY(40px);
-moz-transform:translateY(40px);
-ms-transform:translateY(40px);
-o-transform:translateY(40px);
transform:translateY(40px);
}
30% {
opacity:1;
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
-o-transform:translateY(0px);
transform:translateY(0px);
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
10% {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}
20% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
}
@-moz-keyframes pulse {
0% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
10% {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}
20% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
10% {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}
20% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
}

/*==========
  Dropzone Style
============*/
.dropzone, .dropzone * {
    box-sizing: border-box;
}
.dropzone {
    min-height: 150px;
    border: 2px solid rgba(0,0,0,0.3);
    background: white;
    padding: 20px 20px;
}
.dropzone.dz-clickable {
    cursor: pointer;
}
.dropzone.dz-clickable * {
    cursor: default;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    cursor: pointer;
}
.dropzone.dz-started .dz-message {
    display: none;
}
.dropzone.dz-drag-hover {
    border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
    opacity: 0.5;
}
.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    min-height: 100px;
}
.dropzone .dz-preview:hover {
    z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details {
    opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 3px;
    background: #999;
    background: linear-gradient(to bottom, #eee, #ddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
    background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
}
.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
    opacity: 1;
}
.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0,0,0,0.9);
    line-height: 150%;
}
.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200,200,200,0.8);
    background-color: rgba(255,255,255,0.8);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
    background-color: rgba(255,255,255,0.4);
    padding: 0 0.4em;
    border-radius: 3px;
}
.dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
    border-radius: 3px;
    overflow: hidden;
    width: 107px;
    height: 107px;
    position: relative;
    transition: all 0.3s;
    display: block;
    z-index: 10;
}
.dropzone .dz-preview .dz-image img {
    display: block;
    filter: blur(0px);
    transition: all 0.4s;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 58%;
    left: 56%;
    margin-left: -27px;
    margin-top: -27px;
}
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
    display: block;
    width: 40px;
    height: 40px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255,255,255,0.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
    display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #ff2222;
    background: linear-gradient(to bottom, #ff2222, #ff2222);
    border-radius: 4px;
    padding: 10px 15px;
    line-height: 18px;
    color: white;
}
.dropzone .dz-preview .dz-error-message:after {
    content: '';
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ff2222;
}
.dropzone {
    position: relative;
    border: 2px dashed #d0d0d0;
    border-radius: 16px;
    background: #fcfcfc;
    transition: all 0.3s linear;
    margin-bottom: 10px;
    margin-top: 5px;
    display: inline-block;
    width: 100%;
}
.dropzone:hover {
    border: 2px dashed #ff2222;
    background: #fff;
    transition: all 0.35s linear;
}
.dropzone:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255,255,255,0.95), rgba(255,255,255,0.9));
    background-color: #59b02c;
    opacity: 0;
    z-index: 10;
    transition: all 0.3s linear;
    border-radius: 3px;
}
.dropzone:hover:before {
    opacity: 0.4;
}
.dropzone .dz-message {
    text-align: center;
    margin: 50px 0;
    font-size: 17px;
    color: #888;
    transition: all 0.3s linear;
    position: relative;
    z-index: 11;
}
.dropzone:hover .dz-message {
    color: #ff2222;
}
.dropzone:hover .dz-message i {
    border: 2px solid #ff2222;
    width: 80px;
    height: 80px;
    line-height: 36px;
    border-radius: 50px;
}
.dz-message i {
    border: 2px solid #888;
    padding: 20px;
    display: block;
    font-size: 36px;
    margin-bottom: 15px;
    width: 80px;
    height: 80px;
    line-height: 36px;
    display: block;
    margin-left:auto;
    margin-right:auto;
    border-radius: 50px;
}
.dropzone.dz-clickable .dz-message span{
    margin-left:auto;
    margin-right:auto;
    display:inline-block;
    text-align:center;
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    overflow: hidden;
    position: fixed;
    background: #000;
    opacity: 0.96;
}
.mfp-wrap {
    top: -10px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2001;
    position: fixed;
    outline: none!important;
    -webkit-backface-visibility: hidden;
}
.mfp-container {
    height: 100%;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 505;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
    overflow-x: hidden;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none!important;
}
.mfp-preloader {
    color: #aaa;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 504;
}
.mfp-preloader a {
    color: #cccccc;
}
.mfp-preloader a:hover {
    color: #fff;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-s-error .mfp-content {
    display: none;
}
.mfp-s-loading .mfp-arrow {
    display: none;
}
button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 506;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    right: 0px;
    top: -40px;
}
.og-close, button.mfp-close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -20px;
    display: block;
    right: -12px;
    cursor: pointer!important;
    z-index: 9999;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius:6px;
    margin: 0px;
    background-color: rgba(255, 255, 255, 0.2);
    outline: none;
    transform: translate3d(0, 0, 0);
}
.mfp-iframe-holder .mfp-close {
    top: -50px;
    right: -12px;
    transform: translate3d(0, 0, 0);
}
.utf_gallery .mfp-close {
    right: 10px;
    left: 0;
    top: 17px;
    margin: 0 auto;
}
.utf_gallery .mfp-content .mfp-close {
    display: none;
}
.utf_gallery .mfp-close:after, .utf_gallery .mfp-close:before {
    font-family: "FontAwesome";
    font-size: 29px;
    top: 2px;
    left: 50%;
    position: absolute;
    height: 10px;
    transition: 0.3s;
}
.mfp-close::after, .mfp-close::before {
    top: 0px;
}
.og-close {
    margin: 17px;
    right: 10px;
    background: transparent;
    color: #222;
}
.mfp-close:hover, .og-close:hover {
    transform: rotate(90deg);
}
.og-close:after, .og-close:before, .mfp-close:after, .mfp-close:before {
    font-family: "FontAwesome";
    font-size: 29px;
    top: 21px;
    left: 50%;
    position: absolute;
    height: 10px;
    transition: 0.3s;
}
.og-close:after, .og-close:before {
    top: 7px;
    font-size: 29px;
}
.og-close:after, .mfp-close:after {
    content: "\f106";
    -webkit-transform: translate(0, 0);
    transform: translate(-50%, 60%);
}
.og-close:after {
    -webkit-transform: translate(0, 0);
    transform: translate(-50%, 60%);
}
.og-close:before, .mfp-close:before {
    content: "\f107";
    -webkit-transform: translate(0, 0);
    transform: translate(-50%, 0%);
}
#small-dialog .mfp-close, #dialog_signin_part, .mfp-close, .mfp-close:hover {
    color: #fff;
}
#dialog_signin_part .mfp-close, #small-dialog .mfp-close {
    color: #ff2222;
    background-color:#fff;
    border-radius: 30px;
    top: 20px;
    right: 20px;
    width: 34px;
    height: 34px;
}
#dialog_signin_part .mfp-close:hover, #small-dialog .mfp-close:hover {
    color: #666;
    transform: rotate(0);
    background-color: #e4e4e4 !important;
}
#dialog_signin_part .mfp-close::after, #dialog_signin_part .mfp-close::before, #small-dialog .mfp-close::after, #small-dialog .mfp-close::before {
    top: 0px;
    height: 9px;
    font-size: 21px;
    transition: 0s;
}
.small-dialog-content input[type=submit] {
    width: 100%;
    margin-top: 26px;
    margin-bottom: 10px;
}
.small-dialog-content .divider {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    padding-bottom: 0;
}
.small_dialog_header {
    font-size: 22px;
    width: calc(100% + 40px);
    position: relative;
    left: -20px;
    top: 0;
    border-radius: 10px 10px 0 0;
    display: inline-block;
    background-color:#ff2222;
    padding: 25px;
    margin-bottom: 20px;
}
.small_dialog_header h3 {
    font-weight:500;
    padding: 0;
    margin: 0;
    color:#fff;
    font-size: 20px;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #aaa;
    font-size: 13px;
    line-height: 18px;
}
.mfp-arrow {
    opacity: 1;
    margin: 0 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    width: 44px;
    height: 44px;
    position: absolute;
    display: block;
    z-index: 100;
    overflow: hidden;
    background: rgba(255,255,255,0.15);
    border-radius:6px;
    outline: none;
}
.mfp-arrow:hover {
    background: #ff2222;
    color: #fff;
}
.mfp-arrow.mfp-arrow-left, .mfp-arrow.mfp-arrow-right {
    font-family: "simple-line-icons";
    font-size: 20px;
}
.mfp-arrow.mfp-arrow-right {
    right: 15px;
}
.mfp-arrow.mfp-arrow-left:before {
    content: "\e605";
    left: -1px;
    top: 0px;
    position: relative;
}
.mfp-arrow.mfp-arrow-right:before {
    content: "\e606";
    left: 1px;
    top: 0px;
    position: relative;
}
.mfp-content:hover .mfp-arrow {
    opacity: 1;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 1180px;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 54%;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
    background: black;
}
#small-dialog .utf_message_reply_block, #small-dialog .utf_message_reply_block button{
    text-align:center;
    margin-right:0
}
#small-dialog .utf_message_reply_block button{
    line-height:26px;
}
#dialog_signin_part, #small-dialog {
    background: #ffffff;
    padding:30px 20px;
    padding-top: 0;
    text-align: left;
    max-width: 400px;
    margin: 20px auto;
    position: relative;
    box-sizing: border-box;
    border-radius: 10px;
}
#dialog_signin_part {
    max-width: 450px;
}
#dialog_signin_part span.line, #small-dialog span.line {
    padding-top: 0;
}
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}
.my-mfp-zoom-in.mfp-bg {
    opacity: 0.001;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 40px auto;
    border-radius: 30px;
    border:6px solid rgba(255, 255, 255, 0.2);
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 18px rgba(11,11,11,0.6);
}
.mfp-figure {
    line-height: 0;
}
.mfp-bottom-bar {
    margin-top: -30px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-break: break-word;
    padding-right: 36px;
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-image-holder .mfp-content {
    max-width: 100%;
}
.utf_gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
    padding: 0
}
.mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
}
.mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0,0,0,0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
}
.mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
}
.mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0,0,0,0.6);
    position: fixed;
    text-align: center;
    padding: 0;
}
.mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
}
}
.mfp-ie7 .mfp-img {
    padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
    padding: 0;
}
.mfp-ie7 .mfp-content {
    padding-top: 44px;
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.92;
    background-color: #111;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}
.parallax {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative;
    z-index: 99;
}
.fullscreen, .content-a {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.fullscreen.overflow, .fullscreen.overflow .content-a {
    height: auto;
    min-height: 100%;
}
.centered_content {
    position: relative;
    vertical-align: middle;
    text-align: center;
}
.centered_content a.button.border{
    font-weight:500;
    margin-right:0;
}
.parallax-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    background-color: #333;
    opacity: 0.4;
}
.parallax-content {
    position: relative;
    z-index: 999;
    padding: 105px 0;
}

/*==========
  Messages Style
============*/

.messages-container {
    margin: 0;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.06);
    border-radius: 4px;
    background-color: #fff
}
.messages-headline {
    font-size: 16px;
    margin: 0;
    padding: 22px 30px;
    color: #333;
    background-color: #fff;
    display: block;
    border-bottom: 1px solid #eaeaea;
    border-radius: 4px 4px 0 0;
    position: relative
}
.messages-headline h4 {
    font-size: 16px;
    color: #333;
    padding: 0;
    margin: 0;
    font-weight: 600;
    display: inline-block
}
.utf_dashboard_list_box a.message-action {
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    display: block;
    transition: .3s;
    color: #fff;
    padding: 0;
    float: right;
    position: absolute;
    top: 28px;
    right: 40px;
}
.utf_dashboard_list_box a.message-action i{
    margin-right:3px;
    background:#ff2222;
    width:28px;
    height:28px;
    line-height:28px;
    color:#fff;
    border-radius:30px;
    text-align:center;
}
.utf_dashboard_list_box .message-action:hover {
    color: #ff2222
}
@media (max-width: 767px){
.utf_dashboard_list_box a.message-action{
    display:none;
}
}
.utf_user_messages_block ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.utf_message_user img {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50px
}
.utf_user_messages_block .online::after {
    background: #63c76a;
}
.utf_message_content_item .online::after {
    background:transparent;
}
.utf_message_content_item .utf_message_user::after {
    display: none;
}
.utf_message_user::after {
    background: #63c76a;
    content: '';
    display: block;
    height: 15px;
    width: 15px;
    background: #ccc;
    border: 2px solid #fff;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.utf_user_messages_block ul li a {
    position: relative;
    display: block;
    padding:0px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.utf_user_messages_block ul li a:hover h5{
    color:#ff2222;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.utf_user_messages_block ul li {
    border-bottom: 1px solid #eaeaea;
    transition: .2s
}
.utf_user_messages_block ul li:last-child {
    border-bottom: none
}
.utf_user_messages_block .utf_message_user {
    position: absolute;
    left:0px;
    top: 45%;
    transform: translateY(-50%);
    border: 5px solid rgba(0, 0, 0, 0.06);
    border-radius: 50px;
}
.utf_user_messages_block .utf_message_headline_item {
    margin-left: 90px;
    font-size: 16px;
    color: #666
}
.utf_user_messages_block .utf_message_headline_item p {
    margin: 0;
    padding: 0;
    line-height: 25px;
    font-size: 15px;
    color:#666;
}
.utf_message_headline_text h5, .utf_message_headline_text span {
    display:block
}
.utf_message_headline_text span {
    float: left;
    color: #888;
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 24px;
}
.utf_message_headline_text span i{
    color:#ff2222;
    font-size: 14px;
    margin-right: 2px;
}
.utf_message_headline_text h5 {
    font-size:16px;
    font-weight: 600;
    color: #333;
    margin:0 0 5px 0;
    padding:0;
}
.utf_message_headline_text:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.utf_message_headline_item h5 i {
    background-color: #64bc36;
    border-radius: 50px;
    line-height: 20px;
    font-size: 11px;
    font-weight:500;
    color: #fff;
    font-style: normal;
    padding: 3px 8px;
    margin-left: 3px
}
.utf_messages_block_inner {
    display: flex
}
.utf_messages_block_inner .utf_user_messages_block, .utf_messages_block_inner .utf_message_content_part {
    flex: 1
}
.utf_messages_block_inner .utf_user_messages_block {
    overflow: hidden
}
.utf_messages_block_inner .utf_user_messages_block ul {
    max-height:800;
    overflow-y: scroll;
    width: 357px
}
.utf_messages_block_inner .utf_user_messages_block ul::-webkit-scrollbar {
    width:17px
}
.utf_messages_block_inner .utf_message_content_part {
    padding: 30px
}
.utf_messages_block_inner .utf_user_messages_block {
    max-width: 340px;
    border-right: 1px solid #eaeaea
}
.utf_messages_block_inner .utf_user_messages_block .utf_message_headline_item p {
    height: 24px;
    max-width: 230px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 15px;
    color:#666
}
.utf_messages_block_inner .utf_user_messages_block .utf_message_headline_item {
    margin-left: 90px
}
.utf_messages_block_inner .utf_message_headline_text h5 {
    font-size: 15px;
    margin-bottom: 3px;
    max-width: 240px;
    line-height: 22px;
    display: block;
}
.utf_messages_block_inner .utf_message_headline_text span {
    font-size: 13px;
    position: relative;
    margin-bottom: 10px;
    line-height: 24px;
}
.utf_message_content_item {
    display: block;
    position: relative;
    margin-bottom: 25px
}
.utf_message_content_item .utf_message_user {
    position: absolute;
    left: 0;
    top: 0;
    border: 5px solid rgba(0, 0, 0, 0.06);
    border-radius:50px;
}
.utf_message_content_item .utf_message_user img {
    width: 50px;
    height: 50px
}
.utf_message_content_item .utf_message_text {
    margin-left: 85px;
    background-color:transparent;
    border:1px solid #f5f5f5;
    border-radius: 4px;
    padding: 20px;
    position: relative
}
.utf_message_content_item .utf_message_text p {
    font-size: 15px;
    color:#666;
    padding: 0;
    margin: 0;
    line-height: 26px
}
.utf_message_content_item .utf_message_text:before {
    position: absolute;
    top: 15px;
    left: -11px;
    content: "\f0d9";
    font-family: fontawesome;
    font-size: 30px;
    color: #eaeaea
}
.utf_message_content_item.send_user .utf_message_user {
    left: auto;
    right: 0
}
.utf_message_content_item.send_user .utf_message_text p{
    color: #666;
}
.utf_message_content_item.send_user .utf_message_text {
    margin-left: 0;
    margin-right: 85px;
    color: #ff2222;
    background-color:transparent;
    border:1px solid #eaeaea;
}
.utf_message_content_item.send_user .utf_message_text:before {
    left: auto;
    right: -11px;
    content: "\f0da"
}
.utf_message_reply_block {
    display: block;
    margin-top: 15px
}
@media (max-width:479px){
.utf_messages_block_inner .utf_message_content_part {
    padding: 20px 15px;
}
}
.utf_message_reply_block .button{
    background-color: #ff2222;
    top: 0;
    padding: 8px 20px;
    color: #fff;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display:block;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    line-height:26px;
    overflow: hidden;
    border: none;
    border-radius: 30px;
    text-align: center;
    margin: 0 auto;
}
.utf_message_reply_block textarea {
    max-width: 100%;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    padding: 15px 20px
}
.utf_message_reply_block button {
    border-radius: 4px;
    margin-top: 5px
}

/*==========
  Slick Slider Style
============*/
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.utf_testimonial_part{
    position: relative;
    content: '';
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: inline-block;
    background:#f9f9f9 url(../images/testimonial.png) no-repeat;
    background-size: contain;
}
.slick-arrow.slick-hidden {
    display: none;
}
.companie-logo-slick-carousel, .utf_testimonial_carousel, .simple_slick_carousel_block, .simple-slick-carousel {
    display: none;
}
.slick-initialized.companie-logo-slick-carousel, .slick-initialized.utf_testimonial_carousel, .slick-initialized.simple_slick_carousel_block, .slick-initialized.simple-slick-carousel {
    display: block;
}
.slick-initialized.simple_slick_carousel_block{
    margin-bottom:30px;
}
.simple_slick_carousel_block .utf_carousel_item {
    padding: 10px 15px 0 15px;
}
.simple_slick_carousel_block {
    margin: 0;
    max-width: 100%;
    box-sizing: border-box;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    z-index: 100;
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.companie-logo-slick-carousel .slick-prev, .companie-logo-slick-carousel .slick-next, .simple-slick-carousel .slick-prev, .simple-slick-carousel .slick-next {
    display: none!important;
}
.simple-slick-carousel.arrows-nav .slick-prev, .simple-slick-carousel.arrows-nav .slick-next {
    display: block!important;
}
.slick-prev:hover, .slick-next:hover {
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before, .slick-next:hover:before {
    color: #999;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: .25;
}
.slick-prev:before, .slick-next:before {
    font-family: 'simple-line-icons';
    font-size: 32px;
    line-height: 1;
    opacity: 1;
    color: #aaa;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s;
}
.white-nav .slick-prev:before, .white-nav .slick-next:before {
    color: #fff;
}
.slick-prev {
    left: 3px;
    transform: translate3d(-90px, -50%, 0);
}
.slick-next {
    right: 3px;
    transform: translate3d(90px, -50%, 0);
}
.slick-prev:before {
    content: '\e605';
}
.slick-next:before {
    content: '\e606';
}
.slick-dotted .slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: -30px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.utf_testimonial_carousel .slick-dots{
    bottom:-5px;
}
.simple-slick-carousel .slick-dotted .slick-slider {
    margin-bottom: 0;
}
.simple-slick-carousel .slick-dotted .slick-slider .utf_dots_nav {
    margin-bottom: 30px;
}
.simple-slick-carousel .slick-dots {
    display: none!important;
}
.simple-slick-carousel.utf_dots_nav .slick-dots {
    display: block!important;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0 3px;
    cursor: pointer;
}
.slick-dots li {
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    position: relative;
    outline: none;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 4px;
    opacity: 1;
    border-radius:30px;
    line-height: 0;
    box-shadow: inset 0 0 0 2px #c0c0c0;
    transition: all 0.3s;
}
.slick-dots li.slick-active {
    box-shadow: inset 0 0 0 6px #ff2222;
    transition: all 0.3s;
}
.slick-dots li:after {
    display: block;
    height:auto;
    width: auto;
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    background-color: transparent;
    border-radius: 50%;
    transition: all 0.3s;
    opacity: 0;
    background-color:#ff2222;
}
.slick-dots li.slick-active:after {
    opacity: 1;
}
.white-nav .slick-dots li {
    box-shadow: inset 0 0 0 2px #fff;
}
.white-nav .slick-dots li.slick-active {
    box-shadow: inset 0 0 0 8px #fff;
}
.slick-dots li button {
    display: none;
}
.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}
.companie-logo-slick-carousel div.item {
    margin-bottom: 30px;
    text-align: center;
    display: inline-block;
}
.companie-logo-slick-carousel div.item img {
    display: inline-block;
    border:1px solid rgba(0, 0, 0, 0.05);
    border-radius:6px;
    box-shadow:0 2px 12px rgba(0, 0, 0, 0.15);
}
.fullwidth_block-slick-carousel .slick-slide {
    margin: 0 15px 30px 15px;
    opacity: 0.2;
    transition: 0.4s;
    pointer-events: none;
}
.slick-slide {
    outline: none;
}
.utf_testimonial_carousel .slick-slide.slick-active, .fullwidth_block-slick-carousel .slick-slide.slick-active {
    opacity: 1;
    filter: none;
    pointer-events: all;
}
.fullwidth_carousel_container_block {
    overflow: hidden;
    width: 100%;
}
input#date-picker {
    border: none;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);
    font-size: 16px;
    font-weight: 400;
    height: auto;
    padding: 10px 16px;
    line-height: 30px;
    margin: 0 0 15px;
    position: relative;
    background-color: #fff;
    text-align: left;
    color: #888;
    transition: color .3s!important
}
input#date-picker:hover {
    color: #888
}
.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.12);
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 14px;
    top: 100px;
    left: 20px;
    z-index: 990;
    display: none;
    font-size: 15px;
    line-height: 1em;
    transition: opacity .4s, transform .4s, visibility .4s;
  
    transform: translateY(-15px)
}
.daterangepicker.bordered-style {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.08);
    margin-top: 4px;
    transform: none!important
}
.daterangepicker.bordered-style.opensleft:after {
    display: none
}
.daterangepicker.calendar-animated {
    opacity: 0;
    transform: translateY(-15px)
}
.daterangepicker.calendar-hidden {
    display: block!important;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transform: translateY(-15px)
}
.daterangepicker.calendar-visible {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    transform: translateY(0)
}
.daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0,0,0,.2);
    content: ''
}
.daterangepicker:after {
    top: -7px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent
}
.daterangepicker.opensleft:before {
    right: 9px
}
.daterangepicker.opensleft:after {
    right: 50px
}
.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}
.daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}
.daterangepicker.opensright:before {
    left: 9px
}
.daterangepicker.opensright:after {
    left: 50px
}

@media(min-width:1366px) {
.daterangepicker.opensleft:after {
    right: 154px
}
.daterangepicker.single:before {
    content: "";
    height:auto;
    position: absolute;
    width: 100%;
    top:0;
    background-color: #fff;
    left: 0;
    transition: all .3s;    
}
.daterangepicker.single {
    width: 309px;
    border-radius:6px;
    margin-top: 3px;
    transform: translateY(0)!important
}
.daterangepicker.single .drp-calendar {
    width: 100%;
    zoom: 1.08;
    margin: 3px 0 3px 5px
}
.daterangepicker.single.opensleft:after {
    right: 50%;
    margin-right: -4px;
    display: none
}
}
.daterangepicker.drop-up {
    margin-top: -7px
}
.daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc
}
.daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff
}
.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
    float: none
}
.daterangepicker.single .drp-selected {
    display: none
}
.daterangepicker.show-calendar .drp-calendar {
    display: block
}
.daterangepicker.show-calendar .drp-buttons {
    display: block
}
.daterangepicker.auto-apply .drp-buttons {
    display: none
}
.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px
}
.daterangepicker .drp-calendar.left {
    padding: 12px 0 12px 12px
}
.daterangepicker .drp-calendar.right {
    padding: 12px
}
.daterangepicker .drp-calendar.single .calendar-table {
    border: none
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid #626262;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
    margin-left: 3px
}
.daterangepicker th.available.next:hover, .daterangepicker th.available.prev:hover {
    background: #fff
}
.daterangepicker .calendar-table .next span {
    margin-right: 6px
}
.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}
.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
    font-weight: 500;
}
.daterangepicker .calendar-table td {
    transition: .3s
}
.daterangepicker .calendar-table td.available.in-range:hover {
    border-radius: 0 3px 3px 0
}
.daterangepicker .calendar-table td.available.start-date:hover {
    border-radius: 3px 0 0 3px
}
.daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff
}
.daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #ff2222;
    border-color: transparent;
    color: #fff
}
.daterangepicker td.week, .daterangepicker th.week {
    font-size: 80%;
    color: #ccc
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999
}
.daterangepicker td.in-range {
    background-color: rgba(102,103,107,.08);
    border-color: transparent;
    color: #ff2222;
    border-radius: 0
}
.daterangepicker td.start-date {
    border-radius: 6px 0 0 6px
}
.daterangepicker td.end-date {
    border-radius: 0 6px 6px 0
}
.daterangepicker td.start-date.end-date {
    border-radius: 4px
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #ff2222;
    border-color: transparent;
    color: #fff
}
.daterangepicker th.month {
    width: auto;

    color: #fff;
    font-weight: 500;
}
.daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
    background: #f4f4f4;
    border: 1px solid #fff
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default
}
.daterangepicker td.end-date.in-range.available {
    color: #fff
}
.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
}
.daterangepicker select.yearselect {
    width: 40%
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px
}
.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0;
    line-height: 30px;
    position: relative
}
.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}
.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 14px;
    min-height: 63px;
    display: block;
    border-top: 1px solid #eaeaea;
    display: none;
    line-height: 12px;
    vertical-align: middle
}
.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 14px;
    padding-right: 8px;
    font-weight:500;
}
.daterangepicker .drp-buttons button.applyBtn, .daterangepicker .drp-buttons button.cancelBtn {
    background: 0 0;
    padding: 6px 14px;
    display: inline-block;
    outline: none;
    line-height: 20px;
    border: none;
    font-weight: 500;
    margin: 0;
    font-size: 14px;
    border-radius: 50px;
    background-color: #ff2222;
    color: #fff;
    transition: all .3s;
    margin: 0 3px
}
.daterangepicker .drp-buttons button.cancelBtn {
    background-color: #f4f4f4;
    color: #888
}
.daterangepicker .drp-buttons button.cancelBtn:hover {
    background-color:#eaeaea;
    color: #2d2d2d
}
.daterangepicker .drp-buttons button.applyBtn {
    background-color: #ff2222
}
.daterangepicker .drp-buttons button.applyBtn:hover {
    opacity: .95
}
.daterangepicker.show-ranges .drp-calendar.left {
    border-left: 1px solid #ddd
}
.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0
}
.daterangepicker.show-calendar .ranges {
    margin-top: 8px
}
.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}
.booking-requests-filter {
    position: relative;
    float: right;
    top: 14px;
    right: 25px;
    background: #fff;
    border-radius: 4px
}
.dashboard-list-box .booking-requests-filter .sort-by {
    right: 0;
    top: 0;
    float: left
}
#booking-date-range {
    float: right;
    background: #fff;
    border-radius: 3px;
    cursor: pointer;
    padding: 6px;
    display: inline-block;
    position: relative;
    margin: 0;
    box-sizing: border-box;
    color: #666;
    font-weight: 600;
    transition: .3s;
    background-color: #fff;
    margin-left: 15px;
    top: -2px
}

@media(max-width:768px) {
.booking-requests-filter {
    display: none
}
}
#booking-date-range:hover {
    color: #66676b
}
#booking-date-range span {
    padding-right: 7px
}
#booking-date-range span:after {
    content: "\f107";
    font-family: fontawesome;
    font-size: 18px;
    margin: 0;
    right: 0;
    position: relative;
    width: auto;
    height: auto;
    display: inline-block;
    color: #66676b;
    float: right;
    font-weight: 400;
    transition: transform .3s;
    transform: translate3d(0, 0, 0) rotate(0deg)
}
#booking-date-range i {
    color: #999;
background-color:
}
.daterangepicker .ranges li {
    font-size: 13px;
    padding: 8px 12px;
    cursor: pointer;
    transition: .3s
}
.daterangepicker .ranges li:hover {
    background-color: #f4f4f4
}
.daterangepicker .ranges li.active {
    background-color: #66676b;
    color: #fff
}

@media(min-width:564px) {
.daterangepicker {
    width: auto
}
.daterangepicker .ranges ul {
    width: 140px
}
.daterangepicker.single .ranges ul {
    width: 100%
}
.daterangepicker.single .drp-calendar.left {
    clear: none
}
.daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar {
    float: left
}
.daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar {
    float: right
}
.daterangepicker.ltr {
    direction: ltr;
    text-align: left
}
.daterangepicker.ltr .drp-calendar.left {
    clear: left;
    margin-right: 0
}
.daterangepicker.ltr .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.daterangepicker.ltr .drp-calendar.right {
    margin-left: 0
}
.daterangepicker.ltr .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.daterangepicker.ltr .drp-calendar.left .calendar-table {
    padding-right: 8px
}
.daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
    float: left
}
.daterangepicker.rtl {
    direction: rtl;
    text-align: right
}
.daterangepicker.rtl .drp-calendar.left {
    clear: right;
    margin-left: 0
}
.daterangepicker.rtl .drp-calendar.left .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.daterangepicker.rtl .drp-calendar.right {
    margin-right: 0
}
.daterangepicker.rtl .drp-calendar.right .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.daterangepicker.rtl .drp-calendar.left .calendar-table {
    padding-left: 12px
}
.daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar {
    text-align: right;
    float: right
}
}

@media(min-width:730px) {
.daterangepicker .ranges {
    width: auto
}
.daterangepicker.ltr .ranges {
    float: left
}
.daterangepicker.rtl .ranges {
    float: right
}
.daterangepicker .drp-calendar.left {
    clear: none!important
}
}
.booking_widget_box .panel-dropdown .panel-dropdown-content.padding-reset {
    padding: 0
}
.panel-dropdown-scrollable {
    max-height: 273px;
    overflow: auto;
    padding: 0 10px;
    margin: 22px 6px 16px
}
.panel-dropdown-scrollable::-webkit-scrollbar {
width:6px
}
.panel-dropdown-scrollable::-webkit-scrollbar-track {
background-color:rgba(0,0,0,.05);
border-radius:6px
}
.panel-dropdown-scrollable::-webkit-scrollbar-thumb {
border-radius:6px;
background-color:rgba(0,0,0,.2)
}
.panel-dropdown-scrollable::-webkit-scrollbar-thumb:hover {
border-radius:6px;
background-color:rgba(0,0,0,.3)
}
.panel-dropdown .panel-dropdown-content {
    pointer-events: none
}
.panel-dropdown.active .panel-dropdown-content {
    pointer-events: all
}
.time-slot {
    display: block
}
.time-slot label {
    border-radius: 3px;
    border: none;
    background-color: #f6f6f6;
    width: 100%
}
.time-slot input:empty {
    display: none
}
.time-slot label i {
    position: relative;
    font-size: 18px;
    top: 2px;
    margin-right: 2px
}
.time-slot input:empty~label {
    position: relative;
    float: left;
    padding: 10px 15px;
    text-align: left;
    cursor: pointer;
    margin-bottom:10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    color: #777;
    transition: .3s;
    overflow: hidden;
    font-size: 15px
}
.time-slot:last-child label {
    margin-bottom: 0
}
.time-slot input~label:hover {
    color: #ffffff;
    background-color:#ff2222
}
.time-slot input:checked~label:hover {
    color: #fff
}
.time-slot input:checked~label {
    color: #fff;
    background-color: #ff2222
}
.time-slot input:checked~label span {
    color: #fff;
    opacity: .8
}
.time-slotinput:empty~label:after, .time-slot input:empty~label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 4px;
    background: 0 0;
    z-index: 100;
    opacity: 0
}
.time-slot label span, .time-slot label strong {
    font-weight: 400;
    display: block;
    padding: 0;
    margin: 0;
    line-height: 24px
}
.time-slot label strong span {
    float: left;
    display: inline-block;
    background: #d6d1d0;
    width: 24px;
    height: 24px;
    font-weight: 500;   
    border-radius: 20px;
    text-align: center;
    margin-right: 5px;
    color: #777;
}
.time-slot input:checked~label strong span{
    background:#ffffff;
    color:#ff2222;
    opacity: 1;
}
.time-slot input~label:hover strong span{
    background:#ffffff;
    color:#ff2222;
    opacity: 1;
}
.time-slot label span {
    font-weight: 400;
    opacity: .6;
    transition: .3s
}
.time-slot label:hover span {
    color: #ffffff;
    opacity: .8
}
.boxed-widget {
    background-color: #f9f9f9;
    border-radius: 3px;
    padding: 32px;
    transform: translate3d(0, 0, 0);
    z-index: 90;
    position: relative
}
.boxed-widget h3 {
    font-size: 20px;
    padding: 0 0 25px;
    margin: 0 0 25px;
    display: block;
    border-bottom: 1px solid #e8e8e8
}
.boxed-widget h3 i {
    margin-right: 4px
}
.boxed-widget h3 i.sl-icon-clock {
    position: relative;
    top: 1px
}
.boxed-widget h3 i.fa-calendar-check-o {
    position: relative;
    top: -1px
}
.booking_widget_box {
    z-index: 100
}
.booking_widget_box .panel-dropdown .panel-dropdown-content {
    border: none;
    overflow: visible;
    padding: 20px;
    box-shadow: 0 5px 6px 0 rgba(0,0,0,.1)
}
.booking_widget_box .panel-dropdown {
    width: 100%
}
.booking_widget_box .panel-dropdown .panel-dropdown-content:before {
    content: "";
    height: 8px;
    position: absolute;
    width: 100%;
    top:0px;
    background-color: #fff;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    border-bottom: 1px solid #eee
}
.booking_widget_box .panel-dropdown.active .panel-dropdown-content:before {
    opacity: 1;
    visibility: visible
}
.booking_widget_box .panel-dropdown a {
    border: none;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);
    font-size: 16px;
    font-weight: 400;
    height: auto;
    padding: 10px 16px;
    line-height: 30px;
    margin: 0 0 15px;
    position: relative;
    background-color: #fff;
    text-align: left;
    color: #888;
    display: block;
    width: 100%;
    transition: color .3s
}
.booking_widget_box .panel-dropdown a:hover {
    color: #444
}
.booking_widget_box .panel-dropdown a:after {
    font-size: 20px;
    color: silver;
    margin-left: 0;
    position: absolute;
    right: 20px
}
.qtyButtons {
    display: flex;
    margin: 0 0 13px
}
.panel-dropdown-content .qtyButtons:first-child {
    margin-top: 8px
}
.panel-dropdown-content .qtyButtons:last-child {
    margin-bottom: 3px
}
.qtyButtons input {
    outline: 0;
    font-size: 18px;
    text-align: center;
    width: 80px;
    height: 40px;
    color: #333;
    font-weight:500;
    line-height: 40px;
    margin: 0 5px !important;
    padding: 10px 5px;
    border: none;
    box-shadow: none;
    pointer-events: none;
    display: inline-block;
    background: #f2f2f2;
    border-radius: 4px;
}
.qtyTitle {
    font-size: 15px;
    font-weight: 500;
    line-height: 36px;
    width:110px;
    padding-right: 15px;
    display: block;
}
.qtyInc, .qtyDec {
    width: 50px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background-color: #f2f2f2;
    -webkit-text-stroke: 1px #f2f2f2;
    color: #333;
    display: inline-block;
    text-align: center;
    border-radius:4px;
    cursor: pointer;
    font-family: fontawesome
}
.qtyInc:hover, .qtyDec:hover{
    background:#ff2222;
    color:#fff;
    font-weight:500;
}
.qtyInc:before {
    content: "\f067"
}
.qtyDec:before {
    content: "\f068"
}
.qtyTotal {
    background-color:#ff2222;
    border-radius:4px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    position: relative;
    top: -1px;
    left: 2px;
    height: 18px;
    width: 18px
}
.rotate-x {
    animation-duration: .5s;
    animation-name: rotate-x
}
@keyframes rotate-x {
from {
    transform: rotateY(0deg);
}
to {
    transform: rotateY(360deg);
}
}
.booking-estimated-cost {
    display: block;
    margin-top: 15px;
    margin-bottom: -5px;
    padding-top: 15px;
    border-top: 1px solid #e8e8e8;
    font-weight: 16px
}
.booking-estimated-cost strong, .booking-estimated-cost span {
    display: inline;
    font-weight: 600
}
.booking-estimated-cost span {
    text-align: right;
    float: right;
    color: #66676b;
    font-size: 16px;
    position: relative
}
.booking_widget_box h3 {
    position: relative
}
.panel-dropdown .checkboxes label {
    margin-bottom: 10px;
    display: block
}
.panel-dropdown-content.checkboxes {
    padding: 28px
}
.panel-dropdown .row {
    margin-left: -10px;
    margin-right: -10px
}
button.panel-cancel, button.panel-apply {
    background: 0 0;
    padding: 5px 16px;
    display: block;
    outline: none;
    border: none;
    font-weight: 600;
    float: right;
    margin: 0;
    font-size: 15px;
    border-radius: 50px;
    background-color: #66676b;
    color: #fff;
    transition: all .3s
}
button.panel-apply:hover {
    opacity: .9
}
button.panel-apply:active {
    transform: translateY(-2px)
}
button.panel-cancel {
    float: left;
    background-color: #f0f0f0;
    color: #666;
    opacity: 1
}
button.panel-cancel:hover {
    background-color: #e9e9e9
}
button.panel-cancel:active {
    transform: translateY(-2px)
}
.panel-buttons {
    width: 100%;
    margin-top: 13px
}
.panel-dropdown.float-right {
    float: right
}
.panel-dropdown.float-right .panel-dropdown-content {
    left: auto;
    right: 0
}
.fullwidth-filters .panel-dropdown {
    margin-left: 3px
}
.fullwidth-filters {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 15px
}
.fullwidth-filters .sort-by {
    top: -1px;
    right: -1px
}
@media only screen and (max-width:359px) {
.qtyButtons input {
    width:50px;
}
.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 14px;
    padding-right: 0;
    width: 100%;
    margin-bottom: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1239px) {
.companie-logo-slick-carousel div.item {
    padding: 0 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1239px) {
.qtyButtons input {
    width:40px;
}   
}
.panel-dropdown {
    position: relative;
    display: inline-block
}
.panel-dropdown a {
    color: #666;
    font-weight: 600;
    font-size: 15px;
    border-radius: 50px;
    padding: 3px 14px;
    transition: all .3s;
    display: inline-block
}
.panel-dropdown.active a, .panel-dropdown a:hover {
    background: #ffffff
}
.panel-dropdown a:after {
    content: "\f103";
    font-family: fontawesome;
    font-size: 16px;
    color: #66676b;
    font-weight: 500;
    padding-left: 0;
    transition: all .3s;
    margin-left: 6px;
    display: inline-block
}
.panel-dropdown.active a:after {
    transform: rotate(180deg)
}
.panel-dropdown .panel-dropdown-content {
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 110;
    background: #fff;
    border: 1px solid rgba(0,0,0,.18);
    border-radius: 4px;
    box-shadow: 0 12px 35px 2px rgba(0,0,0,.12);
    padding: 20px 24px;
    overflow-y: auto;
    white-space: normal;
    width:100%
}
.panel-dropdown.wide .panel-dropdown-content {
    width:100%
}
.panel-dropdown.active .panel-dropdown-content {
    opacity: 1;
    visibility: visible
}
.text-theme {
    color: #ff2222;
}
.review-avg-wrapper .rating-avg-wrapper .rating-avg {
    font-size: 40px;
    font-weight: 600;
    line-height: .8;
    float: left;
    padding-right: 5px;
}
.review-avg-wrapper .rating-avg-wrapper .rating-after {
    margin-top: 12px;
    float: left;
}
.review-avg-wrapper .rating-avg-wrapper .rating-mode {
    font-size: 16px;
    font-weight: 500;
}
.review-avg-wrapper .rating-avg-wrapper .rating-text {
    font-size: 14px;
    font-weight: 400;
}
.review-avg-wrapper .ratings-avg-wrapper {
    margin-top: 15px;
}
.review-avg-wrapper .ratings-avg-wrapper .ratings-avg-item {
    margin-bottom: 5px;
    display: inline-block;
    margin-right: 12px;
    font-weight: 500;
    font-size: 12px;
}
.review-avg-wrapper .ratings-avg-wrapper .ratings-avg-item .rating-label{
    font-size: 13px;
}
.review-avg-wrapper .ratings-avg-wrapper .ratings-avg-item .rating-value {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    background: #ece2e2;
    padding: 3px 5px;
    border-radius: 4px;
    display: inline-block;
}
.review-avg-wrapper .ratings-avg-wrapper .ratings-avg-item:last-child {
    margin-right: 0;
}
@media (max-width: 360px){
.review-avg-wrapper .ratings-avg-wrapper .ratings-avg-item {
    margin-right: 6px;    
}
}
/*==========
  Categorie Item Style
============*/
.search_categorie_block{
    display: block;
    position: relative;
}
.category_container_item_part {
    position: relative;
    height: 100%;
    margin-bottom:30px; 
}
.category_container_item_part a:hover{
    transform: translate3d(0, -8px, 0);
    overflow:hidden;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.category_container_item_part a:hover::after {
    visibility: visible;
    opacity:1;
}
.category_container_item_part a::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(45deg,rgba(245,84,142,.9) 0,rgba(144,58,249,.9) 100%);
    background: -ms-linear-gradient(45deg,rgba(245,84,142,.9) 0,rgba(144,58,249,.9) 100%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.category_item_box:hover img{
    transform: scale(1.10);
    transition: transform 0.35s ease-out;
    transition: all 0.55s;
}   
.category_item_box {
    background: #ccc;
    border-radius:10px;
    height: 100%;
    display: block;    
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    overflow: hidden;
    cursor: pointer;
    box-shadow:0 5px 12px 0 rgba(0,0,0,0.2);
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.category_item_box:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
    background:#000;
    opacity:0.5
}
.category_item_box:hover .category_content_box_part span{
    background: #ff2222;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.category_item_box_btn {
    position: absolute;    
    right:20px;
    top:20px;
    z-index: 111;
    font-size:14px;
    font-weight:500;
    background-color: #fff;
    border: 2px solid #fff;
    color: #ff2222;
    padding: 2px 15px;
    text-align: center;
    width:auto;
    border-radius:30px;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.category_item_box_btn:hover {
    background-color: #ff2222;
    border-color: #fff;
    color:#fff;
    border-radius:30px;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.category_content_box_part {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 0;
    text-align: left;
    width: calc(90% - 0px);
    z-index: 50;
    box-sizing: border-box;
}
.category_content_box_part h3 {
    color: #fff;
    font-size: 22px;
    padding: 3px 0;
    margin: 0;
    font-weight:500;
    line-height:32px;
}
.category_content_box_part span {
    font-size: 12px;
    line-height:24px;
    font-weight: 400;
    display: inline-block;
    color: #fff;    
    letter-spacing: 0.5px;
    background:rgba(255, 34, 34, 0.5);
    padding: 0px 10px;
    text-transform:capitalize;
    border-radius: 4px;
}
.category-box-background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    transition: transform 0.35s ease-out;
    transform: translate3d(0, 0, 0) scale(1);
    image-rendering: -webkit-optimize-contrast;
}

.category-box-container.half {
    height: calc(50% - 15px);
    margin-bottom: 30px;
}
.category-box {
    background: #ccc;
    border-radius:50%;
    height: 100%;
    display: block;
    margin-bottom: 20px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    overflow: hidden;
    cursor: pointer;
}
.category-box:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
    background: -webkit-linear-gradient(bottom, rgba(35,35,37,0.85) 0%, rgba(35,35,37,0.8) 35%, rgba(22,22,23,0) 100%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(bottom, rgba(35,35,37,0.85) 0%, rgba(35,35,37,0.8) 35%, rgba(22,22,23,0) 100%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, rgba(35,35,37,0.85) 0%, rgba(35,35,37,0.8) 35%, rgba(22,22,23,0) 100%, rgba(0,0,0,0) 100%);
}
.fullwidth_block-slick-carousel.category-carousel .slick-slide {
    height: 450px;
}
.fullwidth_block-slick-carousel.category-carousel .slick-slide.utf_carousel_review_part {
    height: auto;
}
.category-box-content {
    position: absolute;
    bottom: 70px;
    left: 0;
    right:0;
    text-align:center;
    width: calc(100% - 0px);
    z-index: 50;
    box-sizing: border-box;
}
.category-box-content h3 {
    color: #fff;
    font-size: 24px;
    padding: 5px 0;
    margin: 0;
}
.category-box-content span {
    font-size: 18px;
    font-weight: 300;
    display: inline-block;
    color: rgba(255,255,255,0.7);
}
.category-box-btn {
    position: absolute;
    left: 30px;
    top: 120px;
    z-index: 111;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    padding: 5px 0px;
    text-align: center;
    min-width: 110px;
    border-radius: 30px;
    transition: all 0.3s;
}
.category-box-btn:hover {
    background-color: #66676b;
    border-color: #66676b;
}
.utf_carousel_item {
    position: relative;
    height: 100%;
}
.category-box-background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    transition: transform 0.35s ease-out;
    transform: translate3d(0, 0, 0) scale(1);
    image-rendering: -webkit-optimize-contrast;
}
.category-box:hover .category-box-background {
    transform: translate3d(0, 0, 0) scale(1.25);
}
.simple-slick-carousel {
    height: auto;
    width: calc(100% + 30px);
    left: -10px;
}
.simple-slick-carousel .category-box-container {
    height: 100%;
    display: block;
}
.simple-slick-carousel .slick-slide {
    padding: 10px 15px; 
}
.headline_part span {
    font-size: 17px;
    line-height: 30px;
    margin-top: 10px;
    color: #888;
    font-weight: 400;
    display: block;
}
.headline_part span i {
    color: #66676b;
    font-style: normal;
}
h4.headline_part {
    font-size: 24px;
    line-height: 32px;
    margin: -5px 0 30px 0;
}
.margin-bottom-30 h4.headline_part {
    font-size: 22px;
    line-height: 32px;
    margin: -5px 0 30px 0;
    font-weight: 500;
}
.row h4.headline_part {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
}
.margin-bottom-30 p{
    font-size:15px;
}
.headline_part.centered {
    text-align: center; 
}
.headline_part.centered b{
    font-weight:500;
}
.border-top {
    border-top: 1px solid #e8e8e8;
}
.border-bottom {
    border-bottom: 1px solid #e8e8e8;
}
.container_icon {
    overflow: hidden;
}
mark {
    font-weight: 500;
}
.utf_glooph {
    font-size: 16px;
    width: 23%;
    margin:10px 9px;
    display: inline-block;
    transition: 0.3s;
}
h4 span.headline_part-detail {
    font-size: 15px;
    margin-top: 5px;
}
.mls {
    font-size: 15px;
    top:-6px;
    position: relative;
}
.utf_fs1 {
    font-size: 28px;
}
.pbs .im {
    display: inline-block;
    margin-right:5px;
    background:#fff;
    width:50px;
    height:50px;
    line-height:50px;
    font-size:22px;
    text-align:center;
    border:1px solid rgba(0, 0, 0, 0.1);
    border-radius:50%;
}
.unit, .unitRight, .fs0 {
    display: none;
}
.pbs {
    background:#f2f2f2;
    border:1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 0 7px 15px;
    border-radius:10px;
    width: 100%;
    display: inline-block;
    transition: 0.2s;
}
.pbs:hover {
    background-color: #f4f4f4;
}
.sl-icons-demo .col-md-3{
    background: #f2f2f2;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
    width: 24%;
    margin: 5px;
}

/*=========
    Typography List
=========*/
.fa-icons-demo .col-md-4{
    background: #f2f2f2;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
    width: 31%;
    margin: 12px;
}
.fa-icons-demo .col-md-4 i{
    margin-right:5px;
    background:#fff;
    width:36px;
    height:36px;
    line-height:36px;
    border:1px solid rgba(0, 0, 0, 0.1);
    border-radius:50%;
}
.fa-icons-demo .col-md-4 .text-muted{
    line-height:36px;
}
.fa-list-icon .col-md-4{
    background:#f2f2f2;
    border:1px solid rgba(0, 0, 0, 0.1);
    padding:10px;   
    border-radius:10px;
    margin-bottom:15px;
}
.sl-icons-demo i {
    display: inline-block;
    top: 1px;
    position: relative;
    margin-right:5px;
    background:#fff;
    width:36px;
    height:36px;
    line-height:36px;
    text-align:center;
    border:1px solid rgba(0, 0, 0, 0.1);
    border-radius:50%;
}
.icons .fa.fa-fw {
    margin-right: 3px;
    font-size: 14px;
}
.icons .text-muted {
    display: none;
}
.margin-top-0 {
    margin-top: 0!important;
}
.margin-top-1 {
    margin-top: 1px!important;
}
.margin-top-2 {
    margin-top: 2px!important;
}
.margin-top-3 {
    margin-top: 3px!important;
}
.margin-top-4 {
    margin-top: 4px!important;
}
.margin-top-5 {
    margin-top: 5px!important;
}
.margin-top-6 {
    margin-top: 6px!important;
}
.margin-top-7 {
    margin-top: 7px!important;
}
.margin-top-8 {
    margin-top: 8px!important;
}
.margin-top-9 {
    margin-top: 9px!important;
}
.margin-top-10 {
    margin-top: 10px!important;
}
.margin-top-15 {
    margin-top: 15px!important;
}
.margin-top-20 {
    margin-top: 20px!important;
}
.margin-top-25 {
    margin-top: 25px!important;
}
.margin-top-30 {
    margin-top: 30px!important;
}
.margin-top-35 {
    margin-top: 35px!important;
}
.margin-top-40 {
    margin-top: 40px!important;
}
.margin-top-45 {
    margin-top: 45px!important;
}
.margin-top-50 {
    margin-top: 50px!important;
}
.margin-top-55 {
    margin-top: 55px!important;
}
.margin-top-60 {
    margin-top: 60px!important;
}
.margin-top-65 {
    margin-top: 65px!important;
}
.margin-top-70 {
    margin-top: 70px!important;
}
.margin-top-75 {
    margin-top: 75px!important;
}
.margin-top-80 {
    margin-top: 80px!important;
}
.margin-top-85 {
    margin-top: 85px!important;
}
.margin-top-90 {
    margin-top: 90px!important;
}
.margin-top-95 {
    margin-top: 95px!important;
}
.margin-top-100 {
    margin-top: 100px!important;
}
.margin-top-105 {
    margin-top: 105px!important;
}
.margin-top-110 {
    margin-top: 110px!important;
}
.margin-top-115 {
    margin-top: 115px!important;
}
.margin-top-120 {
    margin-top: 120px!important;
}
.margin-bottom-0 {
    margin-bottom: 0!important;
}
.margin-bottom-5 {
    margin-bottom: 5px!important;
}
.margin-bottom-10 {
    margin-bottom: 10px!important;
}
.margin-bottom-15 {
    margin-bottom: 15px!important;
}
.margin-bottom-20 {
    margin-bottom: 20px!important;
}
.margin-bottom-25 {
    margin-bottom: 25px!important;
}
.margin-bottom-30 {
    margin-bottom: 30px!important;
}
.margin-bottom-35 {
    margin-bottom: 35px!important;
}
.margin-bottom-40 {
    margin-bottom: 40px!important;
}
.margin-bottom-45 {
    margin-bottom: 45px!important;
}
.margin-bottom-50 {
    margin-bottom: 50px!important;
}
.margin-bottom-55 {
    margin-bottom: 55px!important;
}
.margin-bottom-55 {
    margin-bottom: 55px!important;
}
.margin-bottom-55 {
    margin-bottom: 55px!important;
}
.margin-bottom-55 {
    margin-bottom: 55px!important;
}
.margin-bottom-60 {
    margin-bottom: 60px!important;
}
.margin-bottom-65 {
    margin-bottom: 65px!important;
}
.margin-bottom-70 {
    margin-bottom: 70px!important;
}
.margin-bottom-75 {
    margin-bottom: 75px!important;
}
.margin-bottom-80 {
    margin-bottom: 80px!important;
}
.margin-bottom-85 {
    margin-bottom: 85px!important;
}
.margin-bottom-90 {
    margin-bottom: 90px!important;
}
.margin-bottom-95 {
    margin-bottom: 95px!important;
}
.margin-bottom-100 {
    margin-bottom: 100px!important;
}
.margin-left-0 {
    margin-left: 0!important;
}
.margin-left-1 {
    margin-left: 1px!important;
}
.margin-left-2 {
    margin-left: 2px!important;
}
.margin-left-3 {
    margin-left: 3px!important;
}
.margin-left-4 {
    margin-left: 4px!important;
}
.margin-left-5 {
    margin-left: 5px!important;
}
.margin-left-6 {
    margin-left: 6px!important;
}
.margin-left-7 {
    margin-left: 7px!important;
}
.margin-left-8 {
    margin-left: 8px!important;
}
.margin-left-9 {
    margin-left: 9px!important;
}
.margin-left-10 {
    margin-left: 10px!important;
}
.margin-left-15 {
    margin-left: 15px!important;
}
.margin-left-20 {
    margin-left: 20px!important;
}
.margin-left-25 {
    margin-left: 25px!important;
}
.margin-left-30 {
    margin-left: 30px!important;
}
.margin-left-35 {
    margin-left: 35px!important;
}
.margin-left-40 {
    margin-left: 40px!important;
}
.margin-left-45 {
    margin-left: 45px!important;
}
.margin-left-50 {
    margin-left: 50px!important;
}
.margin-left-55 {
    margin-left: 55px!important;
}
.margin-left-60 {
    margin-left: 60px!important;
}
.margin-left-65 {
    margin-left: 65px!important;
}
.margin-left-70 {
    margin-left: 70px!important;
}
.margin-left-75 {
    margin-left: 75px!important;
}
.margin-left-80 {
    margin-left: 80px!important;
}
.margin-left-85 {
    margin-left: 85px!important;
}
.margin-left-90 {
    margin-left: 90px!important;
}
.margin-left-95 {
    margin-left: 95px!important;
}
.margin-left-100 {
    margin-left: 100px!important;
}
.margin-right-0 {
    margin-right: 0!important;
}
.margin-right-1 {
    margin-right: 1px!important;
}
.margin-right-2 {
    margin-right: 2px!important;
}
.margin-right-3 {
    margin-right: 3px!important;
}
.margin-right-4 {
    margin-right: 4px!important;
}
.margin-right-5 {
    margin-right: 5px!important;
}
.margin-right-6 {
    margin-right: 6px!important;
}
.margin-right-7 {
    margin-right: 7px!important;
}
.margin-right-8 {
    margin-right: 8px!important;
}
.margin-right-9 {
    margin-right: 9px!important;
}
.margin-right-10 {
    margin-right: 10px!important;
}
.margin-right-15 {
    margin-right: 15px!important;
}
.margin-right-20 {
    margin-right: 20px!important;
}
.margin-right-25 {
    margin-right: 25px!important;
}
.margin-right-30 {
    margin-right: 30px!important;
}
.margin-right-35 {
    margin-right: 35px!important;
}
.margin-right-40 {
    margin-right: 40px!important;
}
.margin-right-45 {
    margin-right: 45px!important;
}
.margin-right-50 {
    margin-right: 50px!important;
}
.margin-right-55 {
    margin-right: 55px!important;
}
.margin-right-60 {
    margin-right: 60px!important;
}
.margin-right-65 {
    margin-right: 65px!important;
}
.margin-right-70 {
    margin-right: 70px!important;
}
.margin-right-75 {
    margin-right: 75px!important;
}
.margin-right-80 {
    margin-right: 80px!important;
}
.margin-right-85 {
    margin-right: 85px!important;
}
.margin-right-90 {
    margin-right: 90px!important;
}
.margin-right-95 {
    margin-right: 95px!important;
}
.margin-right-100 {
    margin-right: 100px!important;
}
.padding-top-0 {
    padding-top: 0!important;
}
.padding-top-1 {
    padding-top: 1px!important;
}
.padding-top-2 {
    padding-top: 2px!important;
}
.padding-top-3 {
    padding-top: 3px!important;
}
.padding-top-4 {
    padding-top: 4px!important;
}
.padding-top-5 {
    padding-top: 5px!important;
}
.padding-top-6 {
    padding-top: 6px!important;
}
.padding-top-7 {
    padding-top: 7px!important;
}
.padding-top-8 {
    padding-top: 8px!important;
}
.padding-top-9 {
    padding-top: 9px!important;
}
.padding-top-10 {
    padding-top: 10px!important;
}
.padding-top-15 {
    padding-top: 15px!important;
}
.padding-top-20 {
    padding-top: 20px!important;
}
.padding-top-25 {
    padding-top: 25px!important;
}
.padding-top-30 {
    padding-top: 30px!important;
}
.padding-top-35 {
    padding-top: 35px!important;
}
.padding-top-40 {
    padding-top: 40px!important;
}
.padding-top-45 {
    padding-top: 45px!important;
}
.padding-top-50 {
    padding-top: 50px!important;
}
.padding-top-55 {
    padding-top: 55px!important;
}
.padding-top-60 {
    padding-top: 60px!important;
}
.padding-top-65 {
    padding-top: 65px!important;
}
.padding-top-70 {
    padding-top: 70px!important;
}
.padding-top-75 {
    padding-top: 75px!important;
}
.padding-top-80 {
    padding-top: 80px!important;
}
.padding-top-85 {
    padding-top: 85px!important;
}
.padding-top-90 {
    padding-top: 90px!important;
}
.padding-top-95 {
    padding-top: 95px!important;
}
.padding-top-100 {
    padding-top: 100px!important;
}
.padding-top-105 {
    padding-top: 105px!important;
}
.padding-top-110 {
    padding-top: 110px!important;
}
.padding-top-115 {
    padding-top: 115px!important;
}
.padding-top-120 {
    padding-top: 120px!important;
}
.padding-bottom-0 {
    padding-bottom: 0!important;
}
.padding-bottom-5 {
    padding-bottom: 5px!important;
}
.padding-bottom-10 {
    padding-bottom: 10px!important;
}
.padding-bottom-15 {
    padding-bottom: 15px!important;
}
.padding-bottom-20 {
    padding-bottom: 20px!important;
}
.padding-bottom-25 {
    padding-bottom: 25px!important;
}
.padding-bottom-30 {
    padding-bottom: 30px!important;
}
.padding-bottom-35 {
    padding-bottom: 35px!important;
}
.padding-bottom-40 {
    padding-bottom: 40px!important;
}
.padding-bottom-45 {
    padding-bottom: 45px!important;
}
.padding-bottom-50 {
    padding-bottom: 50px!important;
}
.padding-bottom-55 {
    padding-bottom: 55px!important;
}
.padding-bottom-55 {
    padding-bottom: 55px!important;
}
.padding-bottom-55 {
    padding-bottom: 55px!important;
}
.padding-bottom-55 {
    padding-bottom: 55px!important;
}
.padding-bottom-60 {
    padding-bottom: 60px!important;
}
.padding-bottom-65 {
    padding-bottom: 65px!important;
}
.padding-bottom-70 {
    padding-bottom: 70px!important;
}
.padding-bottom-75 {
    padding-bottom: 75px!important;
}
.padding-bottom-80 {
    padding-bottom: 80px!important;
}
.padding-bottom-85 {
    padding-bottom: 85px!important;
}
.padding-bottom-90 {
    padding-bottom: 90px!important;
}
.padding-bottom-95 {
    padding-bottom: 95px!important;
}
.padding-bottom-100 {
    padding-bottom: 100px!important;
}
.padding-right-0 {
    padding-right: 0!important;
}
.padding-right-5 {
    padding-right: 5px!important;
}
.padding-right-10 {
    padding-right: 10px!important;
}
.padding-right-15 {
    padding-right: 15px!important;
}
.padding-right-20 {
    padding-right: 20px!important;
}
.padding-right-25 {
    padding-right: 25px!important;
}
.padding-right-30 {
    padding-right: 30px!important;
}
.padding-right-35 {
    padding-right: 35px!important;
}
.padding-right-40 {
    padding-right: 40px!important;
}
.padding-right-45 {
    padding-right: 45px!important;
}
.padding-right-50 {
    padding-right: 50px!important;
}
.padding-right-55 {
    padding-right: 55px!important;
}
.padding-right-55 {
    padding-right: 55px!important;
}
.padding-right-55 {
    padding-right: 55px!important;
}
.padding-right-55 {
    padding-right: 55px!important;
}
.padding-right-60 {
    padding-right: 60px!important;
}
.padding-right-65 {
    padding-right: 65px!important;
}
.padding-right-70 {
    padding-right: 70px!important;
}
.padding-right-75 {
    padding-right: 75px!important;
}
.padding-right-80 {
    padding-right: 80px!important;
}
.padding-right-85 {
    padding-right: 85px!important;
}
.padding-right-90 {
    padding-right: 90px!important;
}
.padding-right-95 {
    padding-right: 95px!important;
}
.padding-right-100 {
    padding-right: 100px!important;
}
.padding-left-0 {
    padding-left: 0!important;
}
.padding-left-5 {
    padding-left: 5px!important;
}
.padding-left-10 {
    padding-left: 10px!important;
}
.padding-left-15 {
    padding-left: 15px!important;
}
.padding-left-20 {
    padding-left: 20px!important;
}
.padding-left-25 {
    padding-left: 25px!important;
}
.padding-left-30 {
    padding-left: 30px!important;
}
.padding-left-35 {
    padding-left: 35px!important;
}
.padding-left-40 {
    padding-left: 40px!important;
}
.padding-left-45 {
    padding-left: 45px!important;
}
.padding-left-50 {
    padding-left: 50px!important;
}
.padding-left-55 {
    padding-left: 55px!important;
}
.padding-left-55 {
    padding-left: 55px!important;
}
.padding-left-55 {
    padding-left: 55px!important;
}
.padding-left-55 {
    padding-left: 55px!important;
}
.padding-left-60 {
    padding-left: 60px!important;
}
.padding-left-65 {
    padding-left: 65px!important;
}
.padding-left-70 {
    padding-left: 70px!important;
}
.padding-left-75 {
    padding-left: 75px!important;
}
.padding-left-80 {
    padding-left: 80px!important;
}
.padding-left-85 {
    padding-left: 85px!important;
}
.padding-left-90 {
    padding-left: 90px!important;
}
.padding-left-95 {
    padding-left: 95px!important;
}
.padding-left-100 {
    padding-left: 100px!important;
}

@media (max-width: 1600px) {
.category-box-btn {
    left: 32%;
    right: 32%;
}
.category-box-container.half {
    height: 100%;
}
.utf_carousel_item .category-box-container.half:first-child {
    display: none;
}
.fullwidth_block-slick-carousel.category-carousel .slick-slide {
    height: 350px;
}
.utf_dashboard_stat_icon {
    font-size: 66px;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1240px) {
.input-with-icon.location a i {
    padding: 15px 18px 15px 10px;
}
.data-radius-title {
    margin-top: 7px;
    line-height: 24px;
}
#utf_map_container.fullwidth_block-home-map {
    height: 605px;
}
.fs-content .search .row.with-forms .col-fs-6 {
    width: 50%;
}
}

/*=========
    Responsive Style
=========*/
@media (max-width: 1366px) {
.fullwidth_block-slick-carousel.category-carousel .slick-slide {
    height: 320px;
}
.utf_dashboard_stat_icon {
    font-size: 40px;
}
.search_container_block {
    height: 575px;
}
}
@media only screen and (max-width: 1365px) {
header.fullwidth_block.dashboard .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0 40px;
    width: 100%;
}
.dashboard #logo {
    background:transparent;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    margin-top: 28px;
    width: 40%;
    top:0;
    text-align: center;
    left: 0;
    right: 0;
}
.utf_dashboard_navigation, .dashboard #logo {
    min-width: auto;
    max-width: auto;
}
.dashboard #logo a {
    margin-left: 0;
    display: inline-block;
    height: 100%;
}
.dashboard #logo a.dashboard-logo {
    display: none;
}
.dashboard #logo a img {
    top: 0;
    position: relative;
    transform: none
}
.utf_user_menu {
    margin: 0 25px 0 25px;
}
.utf_user_menu ul {
    left: -25px;
    right: auto;
}
}

@media (max-width: 1239px) {
#navigation.style_one {
    margin: 25px 0 5px -5px;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 0;
    position: relative;
}
#navigation.style_one:before {
    position: absolute;
    width: 100%;
    height: 1px;
    display: block;
    top: 0;
    left: 5px;
    content: "";
    background: #e8e8e8;
    width: 940px;
}
.utf_inner_booking_listing_list {
    line-height: 30px;
}
.fullwidth_block #navigation.style_one:before {
    background: linear-gradient(to right, #e8e8e8 90%, #fff);
}
.utf_listing_item-container.list-layout .utf_listing_item-image {
    flex: 3;
}
.utf_listing_slider, .utf_listing_slider .item {
    height: 30vh;
    min-height: 400px;
    max-height: 400px;
}
#header.cloned {
    display: none;
}
}

@media (max-width: 1024px) {
#navigation.style_one {
    margin: 0;
    padding-top: 0;
}
#navigation.style_one:before {
    display: none;
}
.header_widget {
    margin-bottom: 5px;
    height: 64px;
}
.utf_testimonial_box{
    border-radius:20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
.utf_user_menu ul {
    right: -25px;
    left: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1239px) {
.fs-inner-container.map-fixed {    
    padding-top: 165px;
}
.header_item_half {
    position: fixed;
    z-index: 999;
    float: left;
    width: 100%;
    background: #fff;
}
.utf_listing_item-container.compact .utf_star_rating_section, .utf_listing_item-container .utf_star_rating_section {
    padding: 5px 0px;
    left: 10px;
    right: 10px;    
}
}
@media only screen and (min-width: 1260px) and (max-width: 1360px) {
.utf_listing_item-container .utf_star_rating_section{   
    padding: 15px 10px;
    left: 10px;
    right: 10px;    
}
}
@media only screen and (min-width: 992px) and (max-width: 1239px){
.listing_item_social li {
    margin-bottom: 8px;
}   
}
@media (max-width: 991px) {
.search_container_block {
    height: 680px;
}
.main_input_search_part{
    margin-top:30px;
}
.main_inner_search_block {
    top:53%
}
.main_popular_categories_list{
    padding-left:0;
}

.main_input_search_part select, .main_input_search_part select:focus {
    font-size: 16px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px 0px rgba(0,0,0,0.08);
    background: #fff;
    height: 55px;
    padding: 12px 18px;
    border-radius: 4px;
}
.slick_carousel_slider{
    overflow:hidden;
}
#dashboard {
    padding-top: 0!important;
}
.utf_dashboard_navigation {
    min-width: 90%;
    max-width: 90%;
    margin: 0 5%;
    border-radius:6px;
    position: relative;
    min-height: auto;
    opacity: 1;
    visibility: hidden;
    max-height: 0;
    padding: 0;
    transition: all 0.3s;
}
.utf_dashboard_navigation.active {
    margin-top:10px;
}
.utf_dashboard_navigation.active ul{
    margin-top:0;
}
.utf_dashboard_navigation.active ul, .utf_dashboard_navigation.active {
    opacity: 1;
    visibility: visible;
    max-height: 900px;  
}
.utf_dashboard_navigation ul, .utf_dashboard_navigation.active ul li ul, .utf_dashboard_navigation ul li ul {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    transition: all 0.3s;
}
.utf_dashboard_navigation.active ul li.active ul {
    visibility: visible;
    opacity: 1;
    max-height: 300px;
}
#header_part.fixed {
    position: relative;
    top: 0;
    width: 100%;
}
.utf_dashboard_content {
    padding: 30px 5%;
    padding-bottom: 0;
    height: auto;
    margin-left: 0px;
}
header.fullwidth_block.dashboard .container {
    padding: 0 5%;
}
.main_inner_search_block {
    transform: translate(0, -51%);
}
a.utf_dashboard_nav_responsive {
    width: 90%;
    margin: 0 5%;
    margin-top: 40px;
    background-color: #333;
    border-radius: 30px;
    color: #fff;
    text-align:center;
    padding: 16px 30px;
    font-weight: 400;
    transition: 0.2s;
    display: block;
}
a.utf_dashboard_nav_responsive i {
    margin-right: 5px;
}
.utf_messages_block_inner {
    display: block;
}
.utf_messages_block_inner .utf_user_messages_block {
    max-width: 100%;
    width: 100%;
    border-right: none;
    display: none;
}
.main_input_search_part .button{
    text-align:center;
    width:100%;
}
.main_input_search_part {
    border-radius:10px;
    display: block;
    padding:20px;
    max-height: 100%;
    background-color: rgba(255, 255, 255, 0.25);
    box-shadow: none;
}
.gray-style.main_input_search_part {
    background-color:#f7f7f7;
}
.gray-style .main_input_search_part_item, .main_input_search_part_item {
    border-color: transparent;
}
.gray-style .main_input_search_part_item .chosen-container-active.chosen-with-drop .chosen-single, .gray-style .main_input_search_part_item .chosen-container .chosen-drop{
    background:#fff;
}
.main_input_search_part button.button {
    margin-top: 10px;
}
.main_input_search_part_item {
    margin-bottom: 10px;
}
.main_input_search_part_item, .main_input_search_part .main_input_search_part_item:nth-last-child(2) {
    padding: 0;
}
.main_input_search_part_item .chosen-container-single .chosen-single, .main_input_search_part_item .chosen-single.chosen-container-active, .gray-style .main_input_search_part_item .chosen-container-single .chosen-single, .gray-style .main_input_search_part_item .chosen-single.chosen-container-active, .gray-style.main_input_search_part input, .gray-style.main_input_search_part input:focus, .main_input_search_part input, .main_input_search_part input:focus {
    padding: 0 20px;
    height: 55px;
    line-height: 55px;
    border-radius: 4px;
    background: #fff;
    border:0;
    box-shadow: 0 1px 3px 0px rgba(0,0,0,0.08);
}
.gray-style.main_input_search_part input, .gray-style.main_input_search_part input:focus, .main_input_search_part input, .main_input_search_part input:focus {
    padding: 0 20px;
}
.gray-style .main_input_search_part_item.location a {
    background: #fff;
}
.gray-style .main_input_search_part_item .chosen-single {
    border-bottom: 1px solid #e0e0e0;
    transition: border 0s;
}
.main_input_search_part_item .chosen-container-single .chosen-single, .main_input_search_part_item .chosen-container-active.chosen-with-drop .chosen-single {
    border:0;
    box-shadow: none;
    transition: 0s;
}
.main_input_search_part_item .chosen-container-active.chosen-with-drop .chosen-single {
    border-bottom: 0;
}
.main_input_search_part_item .chosen-container .chosen-drop {
    border: 1px solid #e0e0e0;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    box-shadow: none;
}
.gray-style .main_input_search_part_item .chosen-container-active.chosen-with-drop .chosen-single {
    border: none;
}
.main_input_search_part_item .chosen-single::after {
    display: none;
}
.simple-slick-carousel .slick-dotted .slick-slider {
    margin-bottom: 0;
    width: 100%;
    left: 0;
}
.box_icon_two.box_icon_with_line::before {
    display: none;
}
.container .row div.padding-right-30 {
    padding-right: 15px!important;
}
.utf_listing_item-container.list-layout:hover {
    transform: none;
}
.utf_listing_item-container.list-layout .utf_listing_item-inner {
    position: relative;
    top: auto;
    transform: none;
    padding: 30px;
    left: 0;
}
.utf_listing_item-container.list-layout .utf_listing_item {
    display: block;
    height: auto;
    padding: 0;
}
.utf_listing_item-container.list-layout .utf_listing_item-1 {
    display: block;
    height: auto;
    padding: 0;
}
.utf_listing_item-container.list-layout .utf_listing_item .listing-badge {
    display: none;
}
.utf_listing_item-container.list-layout .utf_listing_item-image {
    min-height: auto;
}
.utf_listing_item-container.list-layout .utf_listing_item-details {
    position: relative;
    bottom: auto;
    right: auto;
    left: 0;
    top: -15px;
    margin: 0px 30px 15px 30px;
    padding: 5px 20px;
    background-color: #eee;
    border-radius: 50px;
    font-size: 14px;
    width: auto;
    display: inline-block;
}
#titlebar {
    padding: 40px 0 20px;
    margin-bottom: 60px;
}
.utf_panel_dropdown {
    margin-right: 4px;
    display: block;
    width: 100%;
}
.fullwidth_block-filters .sort-by {
    display: block;
    width: 100%;
}
.fullwidth_block-filters .sort-by label, .fullwidth_block-filters .sort-by .utf_sort_by_select_item{
    float: left;
    margin-top: 10px;
}
.utf_panel_dropdown {
    margin-top:0;
    float:left;
    width:auto;
}
.utf_panel_dropdown a, .fullwidth_block-filters .sort-by .chosen-container-single .chosen-single {
    background: #f3f3f3;
}
.utf_panel_dropdown .utf_panel_dropdown-content, .fullwidth_block-filters .utf_panel_dropdown.float-right .utf_panel_dropdown-content {
    left: 0;
    right: auto;
    width: 400px;
    max-width: 70vw;
}
.fullwidth_block-filters .sort-by .chosen-container.chosen-with-drop .chosen-drop, .fullwidth_block-filters .sort-by .chosen-container .chosen-drop {
    left: 0;
    right: auto;
    margin-left: 0;
}
.fs-inner-container.map-fixed {
    height: 500px;
    position: relative;
    top: 0;
    padding-top: 0!important;
    width: 100%;
}
.fs-inner-container.content {
    width: 100%;
    padding-top: 0!important;
    overflow:hidden;
}
.buttons-to-right, .utf_dashboard_list_box .button.to-right {
    position: relative;
    transform: none;
    top: 0;
    margin: 10px 0 0 0;
    opacity: 1;
    right: auto;
}
.utf_list_box_listing_item-img {
    max-width: 168px;
}
.utf_add_review-photos {
    float: left;
    top: 0;
}
.utf_add_review-box {
    border-radius: 4px;
    background-color: #f9f9f9;
    padding: 36px;
    padding-bottom: 40px;
    margin-bottom: 30px;
    margin-top: 70px;
    display: inline-block;
    width: 100%;
    position: relative;
}
.utf_listing_slider .slick-next:hover, .utf_listing_slider .slick-next {
    right: 100px
}
.utf_listing_slider .slick-prev:hover, .utf_listing_slider .slick-prev {
    left: 100px
}
.utf_listing_slider, .utf_listing_slider .item {
    height: 30vh;
    min-height: 400px;
    max-height: 400px;
}
.listing-nav-container.cloned .listing-nav {
    display: none;
}
.utf_opening_day .chosen-container {
    vertical-align: initial;
}
.utf_dashboard_content .utf_dashboard_list_box-static {
    margin-bottom: 20px;
}
#googlemaps {
    height: 30vh!important;
    padding-bottom: 0!important;
}
.utf_contact_map {
    display: block;
}
.utf_contact_map #utf_single_listing_map_block {
    flex: 1;
    position: relative;
    padding-top: 0;
    display: block;
    height: 300px;
}
.utf_contact_map .address-box-container {
    width: 100%;
}
.aramainput{width: 250px !important;}
}
@media (max-width: 527px) {
.utf_panel_dropdown {
    margin-bottom:10px;
}
}
@media (max-width: 991px) {
.utf_listing_item-container.list-layout .utf_listing_item-inner{
    padding:20px;
}
}
@media (max-width: 767px) {
.utf_listing_features {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}
#dialog_signin_part .mfp-close::after, #dialog_signin_part .mfp-close::before, #small-dialog .mfp-close::after, #small-dialog .mfp-close::before {
    top: 3px;   
}
.slick-dots{
    bottom:-30px;
}
.utf_payment_logo{
    display:none;
}
.fs-container .fs-listings, .fs-switcher{
    padding:0;
}
.fs-container div.search{
    padding:40px 20px;
}
.listing_item_social li{
    margin-bottom:8px;
}
.simple_slick_carousel_block{
    margin-left:15px;
    margin-right:15px;
}
.slick_carousel_slider{
    overflow:hidden;
}
.messages-headline_part h4 {
    display: block;
}
.message-action {
    display: inline-block;
    float: none;
    margin-top: 15px;
    background-color: #f2f2f2;
    border-radius: 50px;
    padding: 4px 20px;
    text-align: center;
}
.utf_glooph{
    width:100%;
    margin:5px 0;   
}
.utf_add_listing_part_headline_part h3{
    font-size:18px;
}
.utf_add_listing_part_headline_part{
    padding:20px;
    width: calc(100% + 40px);
    left: -20px;
}
.utf_dashboard_list_box-static {
    padding:20px;
}   
.utf_opening_day {
    margin-bottom: 10px;
}
.add_utf_listing_section{
    padding:0 20px 20px 20px;
}
#bottom_backto_top {
    display: block;
    margin-bottom:40px;
    margin-right:15px;
}
.small_dialog_header {
    width: calc(100% + 60px);
    left: -30px;
    padding:20px;
}
#dialog_signin_part, #small-dialog {
    background: #fff;
    padding: 30px;
    padding-top: 0;
}
#dialog_signin_part .mfp-close, #small-dialog .mfp-close {
    top: 15px;
    right: 20px;
    width: 40px;
    height: 40px;
}
.utf_list_box_listing_item {
    display: block;
}
.utf_list_box_listing_item_content .inner {
    position: relative;
    top: 0;
    transform: translateY(0);
    display: inline-block;
}
.header_widget {
    height: auto;
}
.utf_list_box_listing_item-img {
    max-width: 100%;
}
.utf_list_box_listing_item_content {
    padding-left: 0;
    padding-top: 10px;
}
.pricing_info {
    overflow: hidden;
    padding: 10px 0 20px;
}
#titlebar {
    padding: 40px 0 20px;
    margin-bottom: 40px;
}
#utf_map_container.fullwidth_block-home-map .zoomControlWrapper {
    top: 15px!important;
}
.utf_pricing_container_block {
    display: block;
}
.plan.featured {
    transform: none;
}
#breadcrumbs {
    position: relative;
    display: block;
    margin-top: 15px;
}
#breadcrumbs ul li {
    margin: 0 10px 0 0;
}
.utf_by_comment .numerical-rating, .utf_by_comment .utf_star_rating_section {
    position: relative;
    right: 0;
    top: 7px;
    display: block;
    width: 100%;
    float: none;
    height: 30px;
}
.avatar {
    display: block;
}
.utf_comment_content {
    padding: 0;
}
.small_dialog_header h3 {
    padding: 0;
    margin: 0;
    font-size: 22px;
    padding-right: 80px;
    line-height: 30Px;
}
#dialog_signin_part, #small-dialog {
    max-width: 90vw;
}

.listing-nav li a {
    border-bottom: 1px solid #e0e0e0;
    padding: 15px;
    width: 100%;
    display: block;
    padding-left: 0;
    border-color: #e8e8e8;
}
.listing-nav li {
    margin-right: 0;
    display: block;
}
.listing-nav-container .listing-nav li:first-child a {
    padding-top: 0;
}
.listing-nav-container.cloned .listing-nav li:first-child a.active, .listing-nav-container.cloned .listing-nav li:first-child a:hover, .listing-nav li:first-child a, .listing-nav li a.active, .listing-nav li a:hover {
    border-color: #e8e8e8;
}
.utf_dashboard_content .checkboxes label {
    width: 100%;
}
.pricing-list-item td {
    display: block;
    width: 100%;
    position: relative;
}
.pricing-list-item td .fm-input, .pricing-list-item td .fm-input.pricing-price, .pricing-list-item td .fm-input.pricing-name {
    max-width: 100%;
    margin-right: 0;
}
.pricing-list-item td .fm-close {
    text-align: left;
    position: absolute;
    top: 4px;
    right: 0;
}
.utf_about_author img {
    width: 70px;
    height: 70px;
}
.utf_about_description {
    margin: 2px 0 0 100px;
}
#posts-nav li {
    position: relative;
    width: 100%;
}
#posts-nav li a {
    padding: 0!important;
}
#posts-nav li a::before {
    display: none;
}
#posts-nav li.next-post {
    text-align: left;
    margin-bottom: 30px;
}
.comments ul li ul {
    margin: 0;
}
.avatar img {
    max-width: 80px;
}
.utf_comment_content {
    padding: 0 0 0 85px;
}
.comments ul li ul li::before {
    top: 25px;
}
.comments ul li, .comments ul li ul li, .comments ul li ul li ul li, .comments ul li ul li ul li{
    margin-top:20px;
}
.utf_comment_content {
    padding: 0 0 20px 0;
}
.testimonial::after {
    display: none;
}
.utf_testimonial_box {
    padding:20px;
}

} 












@media only screen and (min-width: 1025px) and (max-width: 1239px) {
#navigation.style_one ul a {
    line-height: 32px;
    padding: 5px 10px 15px 10px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 979px) {
.utf_user_menu{
    display:block;
}
.utf_glooph{
    width:47%;
}
}
@media (max-width: 979px){
.main_input_search_part_item.location a{
    padding:10px 0;
}
.utf_price_plan_features{
    margin-bottom:30px;
}
.utf_booking_payment_option_form{
    margin-bottom:40px;
}
.sidebar-search{
    margin-bottom:70px;
    margin-top:30px !important;
}
.chosen-container-single .chosen-single div{
    right:0px;
}
#utf_add_listing_part .chosen-container-single .chosen-single div{
    right:20px;
}
.main_input_search_part_item .chosen-container-single .chosen-single div{
    right:0px;
}
.utf_user_menu{
    display:block;
    margin:0px 0 30px 25px;
}
#contact{
    margin-bottom:30px !important;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
.dashboard #logo {
    background: transparent;
    position: relative;
    width: 100%;
    margin: 0;
    margin-top: 0;
    width: 100%;
    top: 0;
    text-align: left;
    left: 0;
    right: 0;
}
}
@media only screen and (min-width: 1240px) and (max-width: 1365px) {
.dashboard #logo {
    min-width: 240px;
    max-width: 240px;
}
}
@media only screen and (min-width: 1240px) and (max-width: 1366px) {
header.fullwidth_block.dashboard .container {
    padding-left: 270px;
}
.dashboard #logo {
    display: block;
    background-color: #2a2a2a;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    box-shadow: none;
}
.dashboard #logo a.dashboard-logo {
    display:block;
}
.dashboard #logo a {
    display: none;
    margin-left:30px;
}
.utf_left_side {
    float: left;
    width: 70%;
    display: inline-block;
}
.utf_right_side {
    float: right;
    width: 28%;
    display: inline-block;
}
.dashboard #logo a img {
    top: 50%;
    position: relative;
    transform: translate3d(0, -50%, 0);
}
}
@media only screen and (min-width: 1367px) and (max-width: 1700px) {
.utf_left_side {
    float: left;
    width: 70%;
    display: inline-block;
}
.utf_right_side {
    float: right;
    width: 28%;
    display: inline-block;
}
}
@media (max-width: 767px){
.header_widget {
    margin-bottom: 0px;
}
.search_categorie_block{
    display:block
}
.add-review-photos {
    float: left;
    top: -5px;
}
.utf_dashboard_list_box .sort-by .utf_sort_by_select_item {
    display: none;
}
a.close-list-item {
    opacity:0;  
}
.utf_dashboard_list_box ul li:hover a.close-list-item {
    opacity:0;
}
.category_container_item_part a img{
    width:100%;
    object-fit: cover;
    height:300px;
}
.utf_box_widget{
    padding:20px;
}
#footer ul.social_footer_link{
    min-height:180px;
}
.search_container_block h2 {
    font-size: 30px;
    line-height: 40px;
}
.search_container_block h4 {
    font-size:18px;
    line-height:30px;
}
.headline_part span{
    font-size: 16px;
    line-height:28px
}
h2.headline_part, h3.headline_part{
    font-size:26px;
    line-height:36px;
}
.sl-icons-demo .col-md-3{
    width:100%;
    margin:5px 0;
}
.box_icon_two {
    margin-top:10px;
}
.utf_text_content h2 {
    margin-bottom: 30px;
    line-height: 38px;
    font-size: 26px;
}
.utf_text_content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.recent_booking{
    display:none;
}
}
@media (max-width: 609px){
.tp-caption .utf_rev_description_text{
    line-height:26px !important;
    margin-top:-5px !important;
    font-size:17px !important;
}
.rev_slider .tp-mask-wrap :last-child{
    margin-top:5px !important;
    font-size:14px !important;
}
}
@media (max-width: 510px){
.utf_signin_form ul.utf_tabs_nav li{
    width:100%;
    margin-bottom:10px;
}
}
@media (max-width: 479px){
.header_widget {
    margin-bottom: 0px;
}
.utf_box_widget h3{
    font-size:18px;
}
.utf_box_widget h3 i {
    width: 34px;
    height: 34px;
    padding: 8px;
    font-size:16px;    
    margin-right:5px;
}
.utf_text_content{
    padding:80px 0;
}
.utf_dashboard_list_box a.rate-review{
    padding:3px 10px;
    margin-top:60px;
}
.add-pricing-submenu.button, .add-pricing-list-item.button{
    padding:7px 13px;
}
.utf_listing_item-container.compact .utf_star_rating_section {
    padding: 15px 10px;
    bottom: -25px;
    left: 10px;
    right: 10px;
}
.utf_listing_item-container .utf_star_rating_section{
    padding:15px 10px;
    left: 10px;
    right: 10px;
    position: initial;
}
.lost_password, .form_forgot_part .checkboxes{
    width:100%;
    margin-bottom:10px;
    text-align:center;
}
.tp-caption .utf_rev_description_text{
    line-height:25px !important;
    margin-top:-5px !important;
    font-size:16px !important;
}
.rev_slider .tp-mask-wrap :last-child{
    margin-top:10px !important;
    font-size:14px !important;
}
.listing_message {
    float: left;
    margin: 0 auto;
    margin-top: 20px;
}
.utf_pricing_list_section span {
    right: 10px;
    font-weight: 600;
    font-size: 13px;
    padding: 2px 15px;
    border-radius: 30px;
}
}
@media (max-width: 359px){
.utf_right_side .header_widget a.button.border{
    padding:8px 15px;
}
}
@media (max-width: 480px) {
.utf_tabs_nav.blog li, .utf_tabs_nav.blog li a, .utf_tabs_nav li, .utf_tabs_nav li a {
    width: 100%;
    padding: 0;
    border-radius: 3px;
    text-align: center;
    border-bottom: none;
}
.utf_about_author img {
    display: none;
}
.utf_about_description {
    margin: 0;
}
.utf_user_menu {
    margin: 10px 0 20px 25px;
    top: 0;
    display: block;
}
.header_widget .sign-in {
    position: relative;
    display: block;
    top: 0px;
    margin-bottom: 10px;
    margin-right: 25px;
}
}
.main_popular_categories {
    display: inline-block;
    margin: 20px auto 15px auto; /*15px di 45 yapıldı  ŞEREF - 10.07.2020*/
    width: 100%;
    text-align: center;
}
.main_popular_categories h3{
    font-size:18px;
    font-weight:400;
    color:#fff;
    text-align:center;
    margin:10px 0 20px 0;
}
ul.main_popular_categories_list {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-left:0;
}
ul.main_popular_categories_list li {
    margin: 5px;
    list-style: none;
    display: inline-block;
    text-align: center;
}
ul.main_popular_categories_list li a {
    background: rgba(255, 255, 255, 0.07);
    position: relative;
    width: 150px;
    height: 105px;
    display: block;
    overflow: hidden;
    color: #ffffff;
    border-radius:6px;
    padding: 7px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
ul.main_popular_categories_list li a:hover{
    background:#ff2222;
    color:#fff
}
.utf_box {
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    padding-top: 16px;
    text-align:center;
    font-weight:600;
    box-shadow: 0px 0px 16px 0px rgba(2, 2, 2, 0.1);
    -webkit-box-shadow: 0px 0px 16px 0px rgba(2, 2, 2, 0.1);
}
.utf_box i {    
    font-size: 26px;
    margin-bottom: 5px;
}
@media only screen and (max-width: 2600px) and (min-width: 1400px) {
.utf_testimonial_part{
    background-size: cover;
}
.parallax{
    background-size:100%
}
.utf_left_side {
    float: left;
    width: 70%;
    display: inline-block;
}
.utf_right_side {
    float: right;
    width: 28%;
    display: inline-block;
}
}
@media only screen and (max-width: 1199px) and (min-width: 980px) {
.utf_search_map_section li{
    margin-right:10px;
}
.utf_common_button{
    padding:0 10px !important
}
.listing_filter_block .utf_search_map_section ul {
    padding-left: 10px;
}
}
@media only screen and (max-width: 1239px) and (min-width: 980px) {
ul.main_popular_categories_list{
    padding-left:0;
}   
ul.main_popular_categories_list li a{
    width:140px;
}   
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.utf_dashboard_list_box{
    margin-bottom:20px;
}
}
@media only screen and (max-width: 979px) and (min-width: 768px) {
ul.main_popular_categories_list li a{
    width:105px;
}
ul.main_popular_categories_list li a p{
    font-size:14px;
}
ul.main_popular_categories_list{
    padding-left:0;
}
.utf_glooph{
    width:46%;
}
.sl-icons-demo .col-md-3{
    width:48%;  
}
.fa-icons-demo .col-md-4{
    width:47%;
}
.utf_category_small_box_part {
    padding:55px 20px;
}
.chosen-container-single .chosen-single div:after {
    right:0;
}
}
body.home-2 .banner p {
    color: #fff;
    opacity: .92;
    margin: 0 auto 15px;
    font-weight: 300;
    text-transform: capitalize;
    line-height: 1.9;
}
h4.headline {
    font-size: 22px;
    line-height: 32px;
    margin: -5px 0 30px 0;
    margin-top: -5px;
}
@media (max-width: 767px){
.utf_category_small_box_part {
    padding:30px 10px;
    border-radius:10px;
}
.utf_category_small_box_part span{
    top:10px;
    right:10px;
}
.utf_listing_categorybox{
    margin:10px 0;
}
.utf_listing_categorie .col-xs-12{
    padding-left:0;
    padding-right:0;
}
.simple_slick_carousel_block .utf_carousel_item {
    padding: 10px 0px 0 0px;
}
.utf_listing_section .social-contact a, .utf_post_content .social-contact a{
    margin-bottom:10px;
}
.utf_dashboard_list_box ul li{
    padding:20px 10px 20px 10px;    
}
.utf_search_map_section li {
    margin-right: 0;
    margin-bottom: 15px !important;
}
.chosen-container-single .chosen-single div:after {
    right:0;
}
.utf_add_review-box{
    padding:30px 20px;
}
.fa-icons-demo .col-md-4{
    width:100%;
    margin:10px 0;
}
}
@media (max-width: 639px){
.search_container_block {
    height: 1000px;
}
.main_search_block {
    height: 680px;
}
ul.main_popular_categories_list li a{
    width:130px;
    height:100px
}
.utf_box p{
    font-size:14px;
}
.search_container_block:before{
    height:98%
}
.main_search_block:before{
    height:100%
}

.main_inner_search_block {
    top: 51%;
}
ul.main_popular_categories_list{
    padding-left:0;
}
}
.utf_coupon_widget {
    border-radius:10px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: #fff;
    transition: .3s;
    display: block;
}
.utf_coupon_overlay {
    background-color: #000;
    position: absolute;
    border-radius:10px;
    opacity: .8;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}
.utf_coupon_widget a.utf_coupon_top {
    padding: 30px;
    position: relative;
    z-index: 10;
    text-align: center;
    cursor: default;
    display: block;
    cursor: pointer;
    background: rgba(255,255,255,.07);
}
.utf_coupon_widget a.utf_coupon_top h3 {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    margin: 0;
    font-weight: 500;
    color: #fff;
    padding-bottom:15px;
    border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
.utf_coupon_widget .utf_coupon_bottom {
    margin: 0;
    position: relative;
    z-index: 10;
    text-align: center;
    padding:15px;
    border-radius: 0 0 4px 4px;
}
.utf_coupon_expires_date{
    background-color:#ff2222;
    display: inline-block;
    border-radius: 30px;
    padding: 5px 15px;
    line-height: 20px;
    font-weight: 500;
    font-size: 14px;
    margin-top: 15px;
    color: #fff;
}
.utf_coupon_used {
    padding: 0 20px;
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
    color: rgba(255,255,255,.85);
}
.utf_coupon_used strong{
    font-weight:600;
}
.utf_coupon_bottom p {
    display: inline-block;
    margin-bottom:0;
    margin-right:10px;
}
.utf_coupon_code {
    background:rgba(255, 255, 255, 0.15);
    color: #fff;
    font-size: 16px;
    font-weight:500;
    letter-spacing: 2px;
    display: inline-block;
    padding: 4px 20px;
    border-radius:6px;
    position: relative;
    z-index: 11;
    text-transform: uppercase;
    transition: .4s;
    border: 2px dashed rgba(255, 255, 255, 0.4);
}
.header-button .dashboard_header_button_item:first-child {
    padding-left: 15px;
    margin-right: 25px;
}
.header-button .dashboard_header_button_item {
    cursor: pointer;
}
.dashboard_header_button_item i{
    position:relative;
    font-size:20px;
    line-height:30px;
}
.dashboard_header_button_item:hover i{
    color:#323232
}
.dashboard_header_button_item {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 9px 10px 11px 10px;
    margin-top:3px;
    align-items: center;
    background: #f9f9f9;
    border-radius: 30px;
    margin-right: 30px;
    width: 46px;
    height: 46px;
    vertical-align: middle;
    text-align: center;
}
.header-button .dashboard_header_button_item > i {
    vertical-align: middle;
    font-size: 28px;
    margin-top: 10px;
}
.has-noti > i::after {
    content: '';
    height: 8px;
    width: 8px;
    background:#ff2222;
    position: absolute;
    border-radius: 100%;
    top:-5px;
    right: -5px;
}
.header-button .dashboard_header_button_item > i {
    font-size: 28px;
}
.header-button .dashboard_header_button_item .dashboard_notifi_dropdown {
    top: 60px;
    left: auto;
    right: -68px;
    transform-origin: right top;
}
.dashboard_notifi_item {
    display: flex;
    padding: 15px 20px;
    border-bottom: 1px solid #f2f2f2;
    transition: all .5s ease;
}
.dashboard_notifi_dropdown, .setting-dropdown {
    position: absolute;
    z-index: 9999;
    min-width: 250px;
    background: #fff;
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.12);
    transform: scale(0);
    transition: all .4s ease;
    transform-origin: right top;
    border-radius:4px;
    top: 100%;
    left: 0;
}
.dashboard_notifi_title {
    padding: 22px;
    border-bottom: 1px solid #f2f2f2;
    cursor: default;
    text-align:left;
}
.dashboard_notifi_title p {
    margin-bottom:0;
    font-size: 14px;
    color: grey;
}
.dashboard_notifi_item .content {
    width: calc(100% - 55px);
    text-align: left;
    font-size: 14px;
}
.pad-tb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.bg-c1.red i {
    background: #ff2222;
}
.dashboard_notify_bottom a:hover{
    color: #ff2222;    
}
.dashboard_notify_bottom a {
    color: #666;
    font-weight: 400;
}
.dashboard_notifi_item .content p {
    color: #555;
    line-height: 1.5;
    padding-top: 5px;
    margin-bottom:0px;
}
.dashboard_notifi_item .content p b{
    font-weight:600;
}
.dashboard_notifi_item .content .date {
    font-size: 12px;
    color: #999;
}
.dashboard_notifi_item:hover {
    background: #f7f7f7;
}
.bg-c1 {
    display: flex;
    margin-top: 10px;
}
.bg-c1.green i {
    background:rgba(84, 186, 29, 1);
}
.bg-c1 i {
    font-size: 18px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    margin-right: 15px;
    color: #fff !important;
}
.header-button .dashboard_header_button_item .dashboard_notifi_dropdown {
    top: 60px;
    left: auto;
    right: -68px;
    transform-origin: right top;
}
.show-dropdown .js-dropdown {
    transform: scale(1);
}
.dashboard_notifi_dropdown {
    left: -300px;
    top: 61px;
}
.dashboard_notifi_dropdown::before {
    content: '';
    position: absolute;
    right: 12px;
    bottom: 100%;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff;
}
@media only screen and (max-width: 1024px) {
.utf_user_menu {
    display: block;
    margin: 0px 0 30px 100px;
}
.dashboard_header_button_item {
    position: relative;
    display: inline-block;
    cursor: pointer;
    align-items: center;
    float: left;
}
.dashboard_notifi_dropdown {
    right: -300px;
    left:0;
    top: 62px;
}
.dashboard_notifi_dropdown::before {
    content: '';
    position: absolute;
    right:0;
    width: 26px;
    left: 10px;
    bottom: 100%;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff;
}
.dashboard_notifi_dropdown, .setting-dropdown {
    transform-origin: left top;    
}
}
@media only screen and (max-width: 767px) {
.utf_user_menu {
    top:9px;
}   
.dashboard_notifi_dropdown {
    right: -300px;  
}
.home_main_search_part {
    height: 850px;
}
}
@media only screen and (max-width:479px) {
.home_main_search_part {
    height: 1000px;
}
}
@media only screen and (max-width: 365px) {
.dashboard_notifi_dropdown {
    right: -240px;  
}
}
a.social_bt.facebook_btn{
    background-color: #3b5998;
}
a.social_bt.google_btn {
    background-color: #dc4e41;
}
a.social_bt.facebook_btn i, a.social_bt.google_btn i{
    text-align: left;
    padding-left: 10px;
    float: left;
}
a.social_bt:hover {
    -webkit-filter: brightness(115%);
    filter: brightness(115%);
}
a.social_bt {    
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
    display: block;
    padding: 15px;
    line-height: 1;
    border-radius: 30px;
    position: relative;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer;
}
.booking_widget_box h3 .price{
    float:right;
}
.booking_widget_box h3 .price>span {
    font-size: 24px;
    font-weight: 600;
}
.booking_widget_box h3 .price>span>small {
    font-size: 13px;
    font-weight: 500;
    padding-left:4px;
    color:#707070;
}
.add_to_wishlist{
    width:220px;
    font-size:16px;
    font-weight: 400;
    margin: 0 auto;
    display: block;
}
.reviews-container{
    margin-top:30px;    
    margin-bottom:30px; 
}
#review_summary {
    text-align: center;
    color: #fff;
    padding: 20px 10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    border-radius:10px;
}
#review_summary, .reviews-container .progress-bar {
    background-color: #0054a6;
}
#review_summary strong {
    font-size: 42px;
    display: block;
    line-height: 1;
    font-weight: 700;
}
#review_summary em {
    font-style: normal;
    font-weight: 500;
    display: block;
}
#review_summary small {
    font-size: 86%;
    font-weight:400;
}
.review_progres_title small{
    margin-top: -5px;
    display: block;
    font-size: 90%;
}
.review_progres_title small strong{
    font-weight:500
}
.reviews-container .progress {
    margin-bottom: 14px;
}
.progress {
    display: -ms-flexbox;
    display: flex;
    height:16px;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius:30px;
}
#review_summary, .reviews-container .progress-bar {
    background-color: #ff2222;
}
.booking_widget_box .select_date_box{
    position:relative
}
.booking_widget_box .select_date_box i{
    position: absolute;
    top: 37%;
    transform: translateY(-50%);
    right: 28px;
    z-index: 10;
    color: #999;
}
.unique_search_block:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.4);
}
.search-input-icon{
    width:330px;
    padding:0 0px 0 20px;
    position:relative;
    margin-top:3px;
}
.search-input-icon input{
    padding-right:30px;
    background: #fff;
}
.search-input-icon i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 21px;
    z-index: 10;
    color: #999;
}
.option-set {
    text-align: center;
    display: inline-block;
    padding: 15px 0px;
    background: #f9f9f9;
    border-radius: 10px;
    margin-bottom: 30px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.option-set li {
    display: inline-block;
    margin-right: 2px;
}
.option-set li a {
    padding: 5px 16px;
    display: block;
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.07);
    font-weight: 500;
    margin: 0;
    font-size: 15px;
    border-radius: 6px;
    background-color: #ffffff;
    color: #666;
    line-height: 26px;
    transition: all .3s;
}
.option-set li a.selected {
    color: #fff;
    background-color: #ff2222;
}
.option-set li a:hover {
    color:#fff;
    background-color: #ff2222;
}
.category_container_item_part a .featured {
    color: #fff;
    background-color: #F12C15;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    padding: 50px 0 15px;
    position: absolute;
    left: -130px;
    text-align: center; 
    text-transform: uppercase;
    top: -75px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: right top 0;
    transform-origin: right top 0;
    width: 180px;
    z-index:99;
}
@media (max-width: 991px) {
.search-input-icon{
    width:100%;
    padding:0;  
}
.isotope-wrapper .col-md-12{
    width:100%;
}
}
@media (max-width: 767px) {
.option-set li a{
    margin-bottom:10px;
}
.option-set li:last-child a{
    margin-bottom:0;
}
}
@media (max-width: 1259px) {
.reviews-container{
    margin-top:30px;    
    margin-bottom:30px;
    padding-bottom:10px;
    border-bottom:1px solid #e0e0e0;
}
.review_progres_title{
    margin-top:10px;
    float:left;
}
.reviews-container .col-lg-9{
    margin-top:10px;
}
.reviews-container .col-lg-9 .col-lg-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    width: 100px;
}
.reviews-container .col-lg-9 .col-lg-9 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    width: 72%;
    margin-top: 10px;
    float:left;
}
.reviews-container .col-lg-9 .col-lg-1 {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    width: 80px;
    margin-top:10px;
    float:left;
}
}
@media (max-width: 320px){
.header_widget .button, .header_widget .button.border{
    min-width: 110px;   
}
}
@media (max-width: 639px) {
.reviews-container .col-lg-9 .col-lg-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    width: 90px;
}
.reviews-container .col-lg-9 .col-lg-9 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    width: 48%;
    margin-top: 10px;
    float: left;
}
.reviews-container .col-lg-9 .col-lg-1 {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    width: 70px;
    margin-top: 10px;
    float: left;
}
}
.dashboard-report-card {
  margin-bottom: 30px;
  border: 1px solid #e2e2e2;
  box-shadow: none;
  flex-direction: row;
  align-items: center;
  border-radius: 3px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
}

.dashboard-report-card.purple {
  background-color: #8892d6;
  border-color: #8892d6;
}

.dashboard-report-card.info {
  background-color: #45bbe0;
  border-color: #45bbe0;
}
.dashboard-report-card.red
{
    background: #c31432;
    background: -webkit-linear-gradient(to right, #240b36, #c31432);
    background: linear-gradient(to right, #240b36, #c31432);
}
.dashboard-report-card.blue
{
    background: #000046;
    background: -webkit-linear-gradient(to right, #1CB5E0, #000046);
    background: linear-gradient(to right, #000046,#1CB5E0);
}
.dashboard-report-card.green
{
    background: #000000;
    background: -webkit-linear-gradient(to right, #0f9b0f, #000000);
    background: linear-gradient(to right, #0f9b0f, #8bc34a);
}
.dashboard-report-card.pink {
  background-color: #F06292;
  border-color: #F06292;
}

.dashboard-report-card.success {
  background-color: #78c350;
  border-color: #78c350;
}

.dashboard-report-card .card-media {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-left: 15px;
  display: flex;
  align-items: center;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.2);
  justify-content: center;
  right: 20px;
  top: 20px;
  position: absolute;
}

.dashboard-report-card .card-media i {
  font-size: 35px;
  color: white;
}

.dashboard-report-card .card-content {
  color: white;
  flex-grow: 1;
}

.dashboard-report-card .card-content a {
  color: white;
}

.dashboard-report-card .card-content a:hover {
  text-decoration: none;
}

.dashboard-report-card .card-content .card-title {
      text-transform: uppercase;
    display: block;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 19px;
}

.dashboard-report-card .card-content .card-amount {
  font-size: 28px;
  margin: 8px 0px;
  display: block;
  font-weight: 600;
}

.dashboard-report-card .card-content .card-desc {
  display: block;
}

.mar {
  padding-top: 111px;
  padding-bottom: 100px;
}

.profile .table-properties th {
  font-weight: normal;
  width: 15rem;
}

.profile .table-properties td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile .table-properties tr:first-child td,
.profile .table-properties tr:first-child th {
  border-top: none !important;
}

.profile .img-lg {
  width: 9rem;
  height: 9rem;
}


.beyaz {
color: #fff;
    text-shadow: 0px 0px 8px black;
}
.image_outer_container{
        margin-top: auto;
        margin-bottom: auto;
        border-radius: 50%;
        position: relative;
       }

       .image_inner_container{
        border-radius: 50%;
        padding: 10px;
        background: #833ab4; 
        background: rgba(26,43,72,.5); 
        background: rgba(26,43,72,.5);
       }
       .image_inner_container img{
        height: 150px;
        width: 150px;
        border-radius: 50%;
        border: 5px solid white;
       }

       .image_outer_container .green_icon{
         background-color: #4cd137;
         position: absolute;
         right: 30px;
         bottom: 10px;
         height: 30px;
         width: 30px;
         border:5px solid white;
         border-radius: 50%;
       }
.image_outer_container-top{
        margin-top: auto;
        margin-bottom: auto;
        border-radius: 50%;
        position: relative;
       }

       .image_inner_container-top{
        border-radius: 50%;
        padding: 1px;
        background: #833ab4; 
        background: -webkit-linear-gradient(to bottom, #fcb045, #fd1d1d, #833ab4); 
        background: linear-gradient(to bottom, #fcb045, #fd1d1d, #833ab4);
       }
       .image_inner_container-top img{
        height: 50px;
        width: 50px;
        border-radius: 50%;
        border: 3px solid white;
       }
.g-header{
    /*margin-bottom:10px; 21.04.2020*/
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    justify-content:space-between;
    align-items:center
}
.g-header h2{
    margin-top:0;
    color:#1a2b48;
    font-weight:500;
    font-size:30px;
    line-height:1.3
}
@media (max-width:990px){
   .g-header h2{
        font-size:24px
    }
}
@media (max-width:766px){
 .g-header h2{
        font-size:18px
    }
}
.g-header .sub-heading{
    color:#5e6d77;
    font-size:14px
}
.g-header .sub-heading .fa{
    position:relative;
    top:2px
}
.g-header .review-score{
    text-align:right
}
.g-header .review-score .head-rating{
    font-size:14px;
    color:#1a2b48;
    font-weight:500;
    display:block
}
.g-header .review-score .st-stars .fa{
    font-size:16px!important;
    cursor:pointer;
    color:#ffdc00
}
.g-header .review-score .st-stars i:not(:last-child){
    margin-right:2px
}
.g-header .review-score .list-star{
    line-height:13px;
    position:relative
}
.g-header .review-score .list-star .booking-item-rating-stars{
    padding:0;
    margin:0;
    width:90px;
    float:right
}
.g-header .review-score .list-star .booking-item-rating-stars:after,.g-header .review-score .list-star .booking-item-rating-stars:before{
    content:"";
    display:table;
    clear:both
}
.g-header .review-score .list-star .booking-item-rating-stars li{
    list-style:none;
    float:left;
    margin-right:5px
}
.g-header .review-score .list-star .booking-item-rating-stars li:last-child{
    margin-right:0
}
.g-header .review-score .list-star .booking-item-rating-stars li .fa{
    font-size:12px;
    color:#ffdc00
}
.g-header .review-score .list-star .booking-item-rating-stars-active{
    position:absolute;
    width:0;
    top:0;
    right:0;
    overflow:hidden
}
.grid {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--gridMaxWidth);
  width: var(--gridWidth);
}

/* layout/base.css */

:root {
  --htmlFontSize: 100%;

  --bodyBackgroundColor: #61646d;
  --bodyColor: #000;
  --bodyFontFamily: 'Open Sans';
  --bodyFontFamilyFallback: sans-serif;
  --bodyFontSize: .875rem;
  --bodyFontWeight: 400;
  --bodyLineHeight: 1.5;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}



/* modules/form.css */

::placeholder {
  color: #42454e;
}

input {
  appearance: none;
  border: none;
  font: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
}

input[type="search"] {
  appearance: textfield;
  box-sizing: content-box;
}

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

input[type="submit"] {
  cursor: pointer;
}

.form__field {
  display: flex;
  flex-wrap: wrap;
}

.form__input {
  flex-grow: 1;
}

/* modules/search.css */

:root {
  --searchBackgroundColor: #42454e;
  --searchBorderRadius: .125rem;
  --searchFontSize: .75rem;
  --searchPadding: .5rem;

  --searchInputBorderRadius: .125rem;

  --searchInputSearchBackgroundColor: #fff;
  --searchInputSearchColor: #42454e;
  --searchInputSearchPaddingHorizontal: .5rem;
  --searchInputSearchPaddingVertical: .375rem;

  --searchInputButtonBackgroundColor: #1bba9a;
  --searchInputButtonColor: #fff;
  --searchInputButtonFontWeight: bold;
  --searchInputButtonPaddingHorizontal: .625rem;
  --searchInputButtonPaddingVertical: .375rem;
  --searchInputButtonHoverBackgroundColor: #189e83;
}

.search {
  background-color: #fff;
  border-radius: 50px;
    font-size: 16px;
    padding: 10px 5px;
  box-shadow: 0px 0px 0px 6px rgba(255,255,255,0.3);
}

.search input[type="search"],
.search input[type="submit"] {
  border-radius: var(--searchInputBorderRadius);
}

.search input[type="search"] {
  background-color: var(--searchInputSearchBackgroundColor);
  color: var(--searchInputSearchColor);
  padding: var(--searchInputSearchPaddingVertical) var(--searchInputSearchPaddingHorizontal);
  margin-left: 20px;
  font-size: 12px;
}

.search input[type="submit"] {
  background-color: #ff4e00;
  color: var(--searchInputButtonColor);
  font-weight: var(--searchInputButtonFontWeight);
  margin-left: .5rem;
  padding: var(--searchInputButtonPaddingVertical) var(--searchInputButtonPaddingHorizontal);
  width: 20%;
    border-radius: 30px;
}

.search input[type="submit"]:focus,
.search input[type="submit"]:hover {
  background-color: #000000;
}
.btn1{

   font-size:16px!important;
    color:#fff;
    padding:5px 1px;
    border-radius: 30px;
    font-weight: bold!important;
}
.btn1:hover{
    color:#1a2b48
}
.btn1 .fa{
    margin-right:10px
}
.has-icon{
    display:flex;
    align-items:center
}
.btn2{

    font-size:16px!important;
    color:#fff;
    padding:10px 10px 0px 0px;
    border-radius: 30px;
    font-weight: bold!important;
}
.btn2:hover{
    color:rgba(255,78,0,1);
}
.btn2 .fa{
    margin-right:10px
}
.has-icon{
    display:flex;
    align-items:center
}
.btn3{

    /*background: transparent;
    height: 46px;
    line-height: 40px;
    padding: 0 25px !important;
    border-radius: 50px;
    display: inline-block;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-size: 16px;
    margin-left: 10px;
    */    
    background: transparent;
    line-height: 30px;
    padding: 0 5px !important;
    border-radius: 10px;
    display: inline-block;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-size: 16px;
    
}
@media only screen and (max-width: 400px) {
  .btn1 {
    font-size: 12px!important;
  }
  .btn2 {
    font-size: 12px!important;
  }
  .btn3 {
    font-size: 12px!important;
  }
}
.btn3:hover{
   color: #fff;
   
}
.btn3 .fa{
    margin-right:10px
}
.has-icon{
    display:flex;
    align-items:center
}
    *{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    padding:0;
    margin:0;
    text-decoration:none!important;
    list-style:none!important;
    outline:0!important
}
img{
    width:100%;
    height:auto
}

.v-middle{
    position:absolute;
    width:100%;
    top:50%;
    left:0;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    -o-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
.clear-fix{
    clear:both!important
}
.button{
    border:0;
    border-radius:2px;
    font-size:16px
}
.btn-bord-md{
    color:#fff;
    border:1px solid #fff;
    padding:8px 25px;
    background:0 0!important;
    transition:all .5s
}
.btn-bg-md{
    color:#fff;
    padding:8px 25px;
    transition:all .5s
}

.spinner{
    margin:50vh auto;
    width:50px;
    height:40px;
    text-align:center;
    font-size:10px
}
.spinner>div{
    background-color:#fff;
    height:100%;
    width:4px;
    display:inline-block;
    -webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;
    animation:sk-stretchdelay 1.2s infinite ease-in-out
}
.spinner .rect2{
    -webkit-animation-delay:-1.1s;
    animation-delay:-1.1s
}
.spinner .rect3{
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
.spinner .rect4{
    -webkit-animation-delay:-.9s;
    animation-delay:-.9s
}
.spinner .rect5{
    -webkit-animation-delay:-.8s;
    animation-delay:-.8s
}
@-webkit-keyframes sk-stretchdelay{
    0%,100%,40%{
        -webkit-transform:scaleY(.4)
    }
    20%{
        -webkit-transform:scaleY(1)
    }
}
@keyframes sk-stretchdelay{
    0%,100%,40%{
        transform:scaleY(.4);
        -webkit-transform:scaleY(.4)
    }
    20%{
        transform:scaleY(1);
        -webkit-transform:scaleY(1)
    }
}

.section-padding{
    padding:100px 0
}
p{
    color:#777;
    line-height:1.8;
    font-size:16px
}
.section-head{
    margin-bottom:80px
}
.section-head h6{
    font-size:12px;
    letter-spacing:4px;
    text-transform:uppercase;
    color:#dc143c;
    margin-bottom:15px
}
.section-head h4{
    margin-bottom:30px;
    font-family:Raleway,sans-serif;
    font-weight:300
}
.btn-bg-md{
    border:1px solid #dc143c;
    background:#dc143c
}
.btn-bg-md:hover,.btn-bord-md:hover{
    border-color:#dc143c;
    color:#dc143c;
    background:0 0
}
.navbar-default{
    padding:20px 0 30px;
    background:0 0;
    border:none;
    border-radius:0;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:99
}
.navbar-default .navbar-brand{
    font-weight:900;
    font-size:35px;
    color:#dc143c;
    padding-top:20px;
    font-family:Montserrat,sans-serif
}
.navbar-default .navbar-brand:hover{
    color:#dc143c
}
.navbar-default .navbar-brand span{
    font-weight:100;
    color:#eee;
    font-family:"Source Sans Pro",sans-serif
}
.navbar-default .navbar-nav>li>a{
    margin:0!important;
    color:#eee!important;
    padding:0!important
}
.navbar-default .navbar-nav>li{
    font-size:16px;
    margin:25px 20px 0;
    padding:5 10px;
    background:0 0;
    cursor:pointer;
    position:relative
}
.navbar-default .navbar-nav>li .active{
    color:#dc143c!important;
    background:0 0
}
.nav-scroll{
    background:#fff;
    box-shadow:0 0 10px #f1f1f1;
    min-height:60px;
    line-height:60px;
    padding:0;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    transition:all .5s
}
.nav-scroll .navbar-brand span{
    display:none
}
.nav-scroll .navbar-nav>li>a{
    color:#111!important
}
.header{
   
    width:100%;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative
}
.header .header-overlay{
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,.8)
}
.header .caption{
    color:#fff;
    font-family:Raleway,sans-serif
}
.header .caption h3{
    margin-bottom:20px;
    font-weight:100
}
.header .caption h2{
    margin-bottom:50px;
    font-weight:200
}
.header .caption .button{
    margin:0 2px 0
}
.header .button-scroll{
   text-align: center;
    width: 100%;
    cursor:pointer;
    z-index:9
}
.header .button-scroll span{
    height:10px;
    width:2px;
    position:absolute;
    left:calc(50% - 1px);
    background:#fff;
    -webkit-animation:scroll .5s infinite alternate;
    -moz-animation:scroll .5s infinite alternate;
    animation:scroll .5s infinite alternate
}
/*
 * Custom styles
 */
.navbar-brand {
transition: 0.8s;
    -webkit-transition:  0.8s;
}

.navbar-container {
transition: 0.8s;
    -webkit-transition:  0.8s;
}

.navbar1.navbar-fixed-top.fixed-theme {
    background-color: rgb(0,0,0,0.3);
    
    
}

.navbar-brand.fixed-theme {
  
}

.navbar-container.fixed-theme {
   
}

.navbar-brand.fixed-theme,
.navbar-container.fixed-theme,
.navbar1.navbar-fixed-top.fixed-theme,
.navbar-brand,
.navbar-container{
    transition: 0.8s;
    -webkit-transition:  0.8s;
    padding: 1px!important;
}

/*Comment List styles*/
.comment-list .row {
  margin-bottom: 0px;
}
.comment-list .panel .panel-heading {
  padding: 4px 15px;
  position: absolute;
  border:none;
  /*Panel-heading border radius*/
  border-top-right-radius:0px;
  top: 1px;
}
.comment-list .panel .panel-heading.right {
  border-right-width: 0px;
  /*Panel-heading border radius*/
  border-top-left-radius:0px;
  right: 16px;
}
.comment-list .panel .panel-heading .panel-body {
  padding-top: 6px;
}
.comment-list figcaption {
  /*For wrapping text in thumbnail*/
  word-wrap: break-word;
}
/* Portrait tablets and medium desktops */
@media (min-width: 768px) {
  .comment-list .arrow:after, .comment-list .arrow:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
  }
  .comment-list .panel.arrow.left:after, .comment-list .panel.arrow.left:before {
    border-left: 0;
  }
  /*****Left Arrow*****/
  /*Outline effect style*/
  .comment-list .panel.arrow.left:before {
  
  }
  /*Background color effect*/
  .comment-list .panel.arrow.left:after {
    left: 1px;
    top: 31px;
    /*Change for different outline color*/
    border-right-color: #FFFFFF;
    border-width: 15px;
  }
  .comment-list .arrow-tes:after, .comment-list .arrow-tes:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
  }
  .comment-list .panel.arrow-tes.left-tes:after, .comment-list .panel.arrow-tes.left-tes:before {
    border-left: 0;
  }
  /*****Left Arrow*****/
  /*Outline effect style*/
  .comment-list .panel.arrow-tes.left-tes:before {
  
  }
  /*Background color effect*/
  .comment-list .panel.arrow-tes.left-tes:after {
    left: 1px;
    top: 31px;
    /*Change for different outline color*/
    border-right-color: #f2bb5a;
    border-width: 15px;
  }






  /*****Right Arrow*****/
  /*Outline effect style*/
  .comment-list .panel.arrow.right:before {
    right: -16px;
    top: 30px;
    /*Use boarder color of panel*/
    border-left-color: inherit;
    border-width: 16px;
  }
  /*Background color effect*/
  .comment-list .panel.arrow.right:after {
    right: -14px;
    top: 31px;
    /*Change for different outline color*/
    border-left-color: #FFFFFF;
    border-width: 15px;
  }
}
.comment-list .comment-post {
  margin-top: 6px;
}



span.date-tag {
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 10px;
    padding: 5px 10px;
    line-height: 15px;
    color: #aeaeae;
    border: 1px solid #e6e6e6;
    margin-bottom: 9px;
    position: absolute;
    right: 0px;
    top: -35px!important
}


.white-col {
   color: #fff!important;
   border: 1px solid #ffffff!important;
}

.tesekkur-bg {
    background: #f2bb5a!important;
        color: #fff;
}
.shd {
    background-color: #fff;
    display: block;
    min-height: 200px;
    width: 100%;
    border: 0px!important;
    border-radius: 6px!important;
    margin-bottom: 60px;
    box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);
    transition: transform 0.3s;
    padding: 10px;
    color: #fff;
}
.padi {
padding: 0 30%;
}
.gri {
color: #646464!important;
}
.hea {
  
    position: fixed;
    background: #f7f9fc!important;
    z-index: 99999999;
    left: 0;
    top: 0;
    right: 0;
    border-bottom: solid 1px #EEE;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: height 0.2s, width 0.2s;
    -moz-transition: height 0.2s, width 0.2s;
    transition: height 0.2s, width 0.2s;
}


.thanks-message {
  background-image: url(../images/thanks-bg.png);
 
}

.bs-callout {
    padding: 10px;
    margin: 10px 0px;
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    border-color: rgb(238, 238, 238);
    border-image: initial;
    border-radius: 3px;
    background: #fff;
}

.bs-callout-danger {
    border-left-color: #ce4844;
}
.bs-callout-info {
    border-left-color: #1b809e;
}
.bs-callout-warning {
    border-left-color: #FF9800;
}
.thanks-pad{
 padding: 30px 10%!important;
 
}


.box {
    

    text-align:left;
    padding:20px 0;
    box-sizing:border-box;
    width:100%;
}
.box .img {
    width:120px;
    height:120px;
    margin:0 auto;
    border-radius:50%;
    overflow:hidden;
}
.box .img img {
    width:100%;
    height:100%;
}
.box h2 {
    font-size:20px;
    color:#262626;
    margin:20px auto;
}
.box h2 span {
    font-size:14px;
    background:#e91e63;
    color:#fff;
    display:inline-block;
    padding:4px 10px;
    border-radius:15px;
}
.box p {
    color:#262626;
}
.box span {
    display:inline-flex;
}
.box ul {
    margin:0;
    padding:0;
}
.box ul li {
    list-style:none;
    float:left;
}
.box ul li a {
    display:block;
    color:#aaa;
    margin:0 10px;
    font-size:20px;
    transition:0.5s;
    text-align:center;
}

.box ul li a i{
    display:block;
    color:#aaa;
    font-size:20px;
    transition:0.5s;
    text-align:center;
}

.box ul li:hover a i {
    color:#e91e63;
    transform:rotateY(360deg);
}

.box ul li:hover a {
    color:#e91e63;
    transform:rotateY(360deg);
}




.navbar-brand { position: relative; z-index: 2; }

.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 4px 20px; margin: 10px auto; }

.navbar .navbar-collapse { position: relative; }
.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 22px; }

.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse { background-color: #f8f8f8; }
.navbar.navbar-inverse .nav-collapse { background-color: #222; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }

.btn.btn-circle { border-radius: 50px; }
.btn.btn-outline { background-color: transparent; }

@media screen and (max-width: 767px) {
    .navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; } 
    
    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none; }
}


.ss {
    display: inline-block;
    padding: 8px 12px;
    font-size: 14px;
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    line-height: 14px;
    color: #00ba74;
    vertical-align: baseline;
    border-radius: 30px;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #00ba74;
}




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


.hashtags {
    width: 100%;
    margin-bottom: 20px;
}
.hashtags a {
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 15px;
color: #ff9b20;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
}


.hashtags a:hover {
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 15px;
background: #ff9b20;
color: #fff;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
}


#canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}
.pos-r {
    position: relative;
}

.section-title{margin-bottom:50px; position: relative;}
.section-title p{font-size: 16px;}
.title-effect {width: 50px; height: 50px; top: 0; position: absolute; left: 0; opacity: 0.5; animation: rotation 12.8s steps(1) 0s infinite;}
.text-center .title-effect{left: 50%; margin-left: -25px;}
.text-center .section-title h6{padding: 15px 0;}

.title-effect .bar {background: #2575fc;}
.title-effect .bar-top {width: 100%; height: 7px; position: absolute; top: 0; left: 0; transform-origin: left top; transform: scale(0, 1); animation: bar-top 3.2s linear 0s infinite;}
.title-effect .bar-right {width: 7px; height: 100%; position: absolute; top: 0; right: 0; transform-origin: left top; transform: scale(1, 0); animation: bar-right 3.2s linear 0s infinite;}
.title-effect .bar-bottom {width: 100%; height: 7px; position: absolute; right: 0; bottom: 0; transform-origin: right top; transform: scale(0, 1); animation: bar-bottom 3.2s linear 0s infinite;}
.title-effect .bar-left {width: 7px; height: 100%; position: absolute; left: 0; bottom: 0; transform-origin: left bottom; transform: scale(1, 0); animation: bar-left 3.2s linear 0s infinite;}

.title {position: relative; color: #1c1d3e; margin-bottom: 0;}
.section-title h2{margin-bottom: 15px;}

/*--rotation--*/

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bar-top {
  0% {
    transform: scale(0, 1);
  }
  12.5% {
    transform: scale(1, 1);
  }
  87.5% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0, 1);
  }
}
@keyframes bar-right {
  0% {
    transform: scale(1, 0);
  }
  12.5% {
    transform: scale(1, 0);
  }
  25% {
    transform: scale(1, 1);
  }
  75% {
    transform: scale(1, 1);
  }
  87.5% {
    transform: scale(1, 0);
  }
  100% {
    transform: scale(1, 0);
  }
}
@keyframes bar-bottom {
  0% {
    transform: scale(0, 1);
  }
  25% {
    transform: scale(0, 1);
  }
  37.5% {
    transform: scale(1, 1);
  }
  62.5% {
    transform: scale(1, 1);
  }
  75% {
    transform: scale(0, 1);
  }
  100% {
    transform: scale(0, 1);
  }
}
@keyframes bar-left {
  0% {
    transform: scale(1, 0);
  }
  37.5% {
    transform: scale(1, 0);
  }
  50% {
    transform: scale(1, 1);
  }
  62.5% {
    transform: scale(1, 0);
  }
  100% {
    transform: scale(1, 0);
  }
}


/* ------------------------
    Price Table
------------------------*/
.price-table{padding: 50px 30px; margin-bottom: 32px; font-family: 'Muli', sans-serif;border-radius: 7px; overflow: hidden; position: relative; background: #ffffff; text-align: center;-webkit-box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);
    box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);-webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;}
.price-title{text-transform: uppercase; font-family: 'Muli', sans-serif;font-weight: 700; color: #2575fc;}
.price-header{position: relative; z-index: 9;}
.price-value {display: inline-block; width: 100%;}
.price-value h2 {font-size: 50px; line-height: 60px; font-family: 'Muli', sans-serif; font-weight: 800; color: #00ad6c; margin-bottom: 0; position: relative; display: inline-block;}
.price-value h2 span {font-size: 26px; left: -15px; font-weight: bold; line-height: 24px; margin: 0; position: absolute; top: 10px; color: #00ad6c;}
.price-value span {margin: 15px 0; display: block; font-weight: bold;}
.price-list ul li {position: relative; display: block; margin-bottom: 20px;}
.price-list ul li:last-child{margin-bottom: 0;}
.dark-bg .price-list ul li{color: rgba(255,255,255,0.8);}
.price-list ul li:last-child{margin-right: 0;}
.price-list li i {color: #2575fc; line-height: 20px; font-size: 20px;}

.price-inside {font-size: 80px; line-height: 80px; position: absolute; left: 85%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(-90deg); font-weight: 900; color: rgba(0,0,0,0.040);}
.price-table::before {background: #fafaff; content: ""; height: 300px; left: -25%; position: absolute; top: -10%; transform: rotate(-10deg); width: 150%;}
.price-table.active::before{transform: rotate(10deg);}

.price-table.style-2{background: rgba(255,255,255,0.020); box-shadow: none;}
.price-table.style-2::before {background: rgba(255,255,255,0.030); top: 50%; transform: translateY(-50%) rotate(-10deg);}
.price-table.style-2 .price-title{color:#005bea;}
.price-table.style-3.active .price-title{color:#ffffff;}
.price-table.style-2 .price-value h2, .price-table.style-3.active .price-value h2{color: #ffffff;}
.price-table.style-2 .price-list{margin-top: 20px;}
.price-table.style-2.active::before{transform: rotate(0);}
.price-table.style-2 .price-inside{color: rgba(255,255,255,0.040);}
.price-table.style-2 .btn, .price-table.style-3.active .btn{-webkit-box-shadow: 0 10px 20px rgba(255,255,255,0.1);}

.price-table.active{padding: 70px 30px;}
.price-table.style-3.active{background: #2575fc; color: #ffffff;}
.price-table.active .price-value h2 span{color: #ffffff;}
.price-table.style-3:before, .price-table.style-4:before{display: none;}
.price-table.style-3 .price-list{margin-top: 25px;}

.price-table.style-4 .price-list{margin: 25px 0;}
.price-table.style-4 h3{text-transform: capitalize;}

.btn{padding: 12px 25px; font-weight: 500; overflow: hidden; border-radius: 7px; border: none; position: relative; z-index: 9; transition: all 0.5s ease-in-out 0s; box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);}
.btn.btn-theme{background: rgb(0,91,234); background: linear-gradient(90deg, rgba(0,91,234,1) 0%, rgba(37,117,252,1) 80%);  color: #ffffff;}
.btn.focus, .btn:focus{box-shadow: none;}
.btn:hover {transform: translateY(-3px);}
.btn.btn-circle{border-radius: 30px;}

.btn span {display: inline-block;  -webkit-transform: translate3d(10, 10px, 0); -moz-transform: translate3d(10, 10px, 0); -ms-transform: translate3d(10, 10px, 0); -o-transform: translate3d(10, 10px, 0); transform: translate3d(10, 10px, 0);
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
 .price-table:hover{-webkit-box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.5); -moz-box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.5); box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.5);}

.btn::before {content: attr(data-text); height: 100%; left: 0; position: absolute; top: 0; transition: all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0s; width: 100%; padding: 12px 0;}
.btn:hover:before {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
.btn:hover span{opacity:1; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}
.btn:hover span:nth-child(1){-webkit-transition-delay:0.01s; -moz-transition-delay:0.01s; -o-transition-delay:0.01s; transition-delay:0.01s}
.btn:hover span:nth-child(2){-webkit-transition-delay:0.05s; -moz-transition-delay:0.05s; -o-transition-delay:0.05s; transition-delay:0.05s}
.btn:hover span:nth-child(3){-webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay:0.1s}
.btn:hover span:nth-child(4){-webkit-transition-delay:0.15s; -moz-transition-delay:0.15s; -o-transition-delay:0.15s; transition-delay:0.15s}
.btn:hover span:nth-child(5){-webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s}
.btn:hover span:nth-child(6){-webkit-transition-delay:0.25s; -moz-transition-delay:0.25s; -o-transition-delay:0.25s; transition-delay:0.25s}
.btn:hover span:nth-child(7){-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s}
.btn:hover span:nth-child(8){-webkit-transition-delay:0.35s;-moz-transition-delay:0.35s; -o-transition-delay:0.35s; transition-delay:0.35s}
.btn:hover span:nth-child(9){-webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s}
.btn:hover span:nth-child(10){-webkit-transition-delay:0.45s; -moz-transition-delay:0.45s; -o-transition-delay:0.45s; transition-delay:0.45s}
.btn:hover span:nth-child(11){-webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s}
.btn:hover span:nth-child(12){-webkit-transition-delay:0.55s; -moz-transition-delay:0.55s; -o-transition-delay:0.55s; transition-delay:0.55s}
.btn:hover span:nth-child(13){-webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -o-transition-delay:0.6s; transition-delay:0.6s}
.btn:hover span:nth-child(14){-webkit-transition-delay:0.65s; -moz-transition-delay:0.65s; -o-transition-delay:0.65s; transition-delay:0.65s}
.btn:hover span:nth-child(15){-webkit-transition-delay:0.7s; -moz-transition-delay:0.7s; -o-transition-delay:0.7s; transition-delay:0.7s}
.btn:hover span:nth-child(16){-webkit-transition-delay:0.75s; -moz-transition-delay:0.75s; -o-transition-delay:0.75s; transition-delay:0.75s}
.btn:hover span:nth-child(17){-webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s}
.btn:hover span:nth-child(18){-webkit-transition-delay:0.85s; -moz-transition-delay:0.85s; -o-transition-delay:0.85s; transition-delay:0.85s}
.btn:hover span:nth-child(19){-webkit-transition-delay:0.95s; -moz-transition-delay:0.95s; -o-transition-delay:0.95s; transition-delay:0.95s}
.btn:hover span:nth-child(20){-webkit-transition-delay:1s; -moz-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s}


.step-wrapper {
  padding: 20px 0;
  display: none;
}
.step-wrapper.active {
  display: block;
}

.step-indicator {
  border-collapse: separate;
  display: table;
  margin-left: 0px;
  position: relative;
  table-layout: fixed;
  text-align: center;
  vertical-align: middle;
  padding-left: 0;
 
  padding-bottom: 50px;
}
.step-indicator li {
  display: table-cell;
  position: relative;
  float: none;
  padding: 0;
  width: 1%;
}
.step-indicator li:after {
  background-color: #ccc;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
  top: 32px;
}
.step-indicator li:after {
  left: 50%;
}
.step-indicator li:last-child:after {
  display: none;
}
.step-indicator li.active .step {
    border-color: #20bf6b;
    color: #fff;
    background: #20bf6b;
}
.step-indicator li.active .caption {
  color: #4183D7;
}
.step-indicator li.active .caption span {
  color: #20bf6b;
  font-weight: bold;
  font-size: 11px;

}
.step-indicator li .caption span {
    font-weight: bold;
    font-size: 11px;
  
  }
.step-indicator li.complete:after {
  background-color: #87D37C;
}
.step-indicator li.complete .step {
  border-color: #87D37C;
  color: #87D37C;
}
.step-indicator li.complete .caption {
  color: #87D37C;
}
/*.step-indicator .step {
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #ccc;
  color: #ccc;
  font-size: 24px;
  height: 64px;
  line-height: 64px;
  margin: 0 auto;
  position: relative;
  width: 64px;
  z-index: 1;
}*/
.step-indicator .step {
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #ccc;
  color: #ccc;
  font-size: 18px;
  height: 35px;
  line-height: 35px;
  margin: 0 auto;
  position: relative;
  width: 35px;
  z-index: 1;
}
.step-indicator .step:hover {

}
.step-indicator .caption {
  color: #ccc;
  padding: 12px 0px;
}


.btn-surec {
    font-size: 14px;
    padding: 5px 12px;
    background: #fff;
    color: #20bf6b;
    font-weight: normal;
    position: relative;
    top: 0;
    text-decoration: none;
    transition: all .3s;
    float: right;
    border-radius: 30px;
}


.btn-surec:hover {
    font-size: 14px;
    padding: 5px 12px;
    background: #20bf6b;
    color: #fff;
    font-weight: normal;
    position: relative;
    top: 0;
    text-decoration: none;
    transition: all .3s;
    float: right;
    border-radius: 30px;
}

.btn-degerlendir {
    font-size: 14px;
    padding: 7px 12px;
    background: #fff;
    color: #fa8231;
    font-weight: normal;
    position: relative;
    top: 0;
    text-decoration: none;
    transition: all .3s;
    float: right;
    border: 2px solid #fa8231;
    border-radius: 30px;
}


.btn-degerlendir:hover {
    font-size: 14px;
    padding: 7px 12px;
    background: #fa8231;
    color: #fff;
    font-weight: normal;
    position: relative;
    top: 0;
    text-decoration: none;
    transition: all .3s;
    float: right;
    border: 2px solid #fa8231;
    border-radius: 30px;
}


.btn-degerlendirildi {
    font-size: 14px;
    padding: 7px 12px;
    background: #20bf6b;
    color: #fff!important;
    font-weight: normal;
    position: relative;
    top: 0;
    text-decoration: none;
    transition: all .3s;
    float: right;
    border: 2px solid #20bf6b;
    border-radius: 30px;
}



.uzunnu{
    position: absolute;
    bottom: 5px;
    left: 5px;
}




.center-item{

    width: 100%;
    color: #333333;
   
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0;
    align-items: center;
    justify-content: space-around;
    display: flex;
    float: none;
}





span.onay-label-onayli {
    min-width: 20px;
    padding: 1px 2px 1px 1px;
    position: absolute;
    right: 18px;
    top: 14px;
    font-size: 11px;
    font-weight: 800;
    color: #555;
    text-align: center;
    line-height: 18px;
        border: 1px solid #e6e6e6;
    border-radius: 100%;
}



span.onay-label-beklemede {
    min-width: 20px;
    padding: 3px;
    position: absolute;
    left: 18px;
    top: 14px;
    font-size: 11px;
    font-weight: 800;
    color: #555;
    text-align: center;
    line-height: 18px;
        border: 1px solid #e6e6e6;
    border-radius: 100%;
}

.round {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #222;    
    color: #FFF;
    text-align: center;  
}
.round.hollow {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #FFF;    
    color: #222;
    text-align: center;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
}

.round.round-sm {
    height: 20px;
    width: 20px;
    line-height: 20px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 0.7em;
    position: absolute;
    left: 20px;
    top: 5px;
}
.round.round-lg {
    height: 40px;
    width: 40px;
    line-height: 40px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 1.5em;
}

.round.blue {
    background-color: #3EA6CE;
}

.round.orange {
    background-color: #FF6701;
}

.round.green {
    background-color: #42A129;
}

.round.hollow.blue {
    color: #3EA6CE;   
    background-color: #FFF;    
    -webkit-box-shadow: 0px 0px 0px 3px #3EA6CE;
    -moz-box-shadow: 0px 0px 0px 3px #3EA6CE;
    box-shadow: 0px 0px 0px 3px #3EA6CE;
}

.round.hollow.orange {
    color: #FF6701;
    background-color: #FFF;    
    -webkit-box-shadow: 0px 0px 0px 3px #FF6701;
    -moz-box-shadow: 0px 0px 0px 3px #FF6701;
    box-shadow: 0px 0px 0px 3px #FF6701;
}

.round.hollow.green {
    color: #42A129;
    background-color: #FFF;    
    -webkit-box-shadow: 0px 0px 0px 3px #42A129;
    -moz-box-shadow: 0px 0px 0px 3px #42A129;
    box-shadow: 0px 0px 0px 3px #42A129;
}

.link {

    color: #777;
    font-weight: bold;
}
.project-tab #tabs{
    background: #007b5e;
    color: #eee;
}
.project-tab #tabs h6.section-title{
    color: #eee;
}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: transparent;
    border-color: transparent transparent #45bbe0;
    font-size: 16px;
    font-weight: bold;
    background: #45bbe0;
    border-radius: 0px;
}
.project-tab .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #0062cc;
    font-size: 16px;
    font-weight: 600;
}
.project-tab .nav-link:hover {
    border: none;
}
.project-tab thead{
    background: #f3f3f3;
    color: #333;
}
.project-tab a{
    text-decoration: none;
    color: #333;
    font-weight: 600;
}

.card{margin-bottom: 15px; border-radius:0; border: 0px; box-shadow: 0 5px 15px 0 rgba(0,0,0,0.3);min-width: -webkit-fill-available; }

.panel {
    border: none;
    background-color: #fff;
    border-radius: 4px;

}
.panel .btn-group {
    margin: 15px 0 30px;
}
.panel .btn-group .btn {
    transition: background-color .3s ease;
}
.table-filter {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.table-filter tbody tr:hover {
    cursor: pointer;
    background-color: #eee;
}
.table-filter tbody tr td {
    padding: 20px;
    vertical-align: middle;
    border-top-color: #eee;
}
.table-filter tbody tr.selected td {
    background-color: #eee;
}
.table-filter tr td:first-child {
    width: 38px;
}
.table-filter tr td:nth-child(2) {
    width: 35px;
}
.ckbox {
    position: relative;
}
.ckbox input[type="checkbox"] {
    opacity: 0;
}
.ckbox label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ckbox label:before {
    content: '';
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    border-radius: 2px;
    border: 1px solid #bbb;
    background-color: #fff;
}
.ckbox input[type="checkbox"]:checked + label:before {
    border-color: #2BBCDE;
    background-color: #2BBCDE;
}
.ckbox input[type="checkbox"]:checked + label:after {
    top: 3px;
    left: 3.5px;
    content: '\e013';
    color: #fff;
    font-size: 11px;
    font-family: 'Glyphicons Halflings';
    position: absolute;
}
.table-filter .star {
    color: #ccc;
    text-align: center;
    display: block;
}
.table-filter .star.star-checked {
    color: #F0AD4E;
}
.table-filter .star:hover {
    color: #ccc;
}
.table-filter .star.star-checked:hover {
    color: #F0AD4E;
}
.table-filter .media-photo {
    width: 35px;
}
.table-filter .media-body {
    display: block;
    /* Had to use this style to force the div to expand (wasn't necessary with my bootstrap version 3.3.6) */
}
.table-filter .media-meta {
    font-size: 11px;
    color: #999;
}
.table-filter .media .title {
    color: #2BBCDE;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    margin: 0;
}
.table-filter .media .title span {
    font-size: .8em;
    margin-right: 20px;
}
.table-filter .media .title span.pagado {
    color: #5cb85c;
}
.table-filter .media .title span.pendiente {
    color: #f0ad4e;
}
.table-filter .media .title span.cancelado {
    color: #d9534f;
}
.table-filter .media .summary {
    font-size: 14px;
    margin-bottom: 0!important;
}

.markayi-sikayet-et {
    margin-left: 10pöx;
    background: #fa5536;
    font-size: 14px;
    color: #fff;
    margin-top: 30px;
    padding: 10px 15px;
}

.markatextresim{border: 1px solid #ddd;border-radius: 5px;
    padding: 3px;height: 80px;display: table-cell;vertical-align: middle;
    width: 108px;text-align: center;font-weight: bold;word-break: break-all;}

.shadow{text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;}
/*Resmi orantılı olarak küçültür.*/
.scale-down{-o-object-fit: scale-down;object-fit: scale-down;}
.opakbackground{background: #00000066;}
.ikisatir{overflow-y: hidden;display: -webkit-box;-webkit-box-orient: vertical;   -webkit-line-clamp: 2;
}
.img-blur{-webkit-filter: blur(1.5px);
      -moz-filter: blur(1.5px);
      -o-filter: blur(1.5px);
      -ms-filter: blur(1.5px);
      filter: blur(1.5px);
      -webkit-background-size: cover;}
.img-uzerine{position: absolute;color: #fff !important;font-size: 24px !important;font-weight: bold !important;left: 35% !important; top: 25% !important;-webkit-user-select: none; /* Safari */-ms-user-select: none; /* IE 10+ and Edge */user-select: none; /* Standard syntax */}
.img-pos-left{position: absolute;bottom: 40px;right: 5px;left: 5px;}
.carousel-control-next,.carousel-control-prev {filter: invert(1);}
.pl-10{padding-left: 10px !important;}
.img-size-optime{object-fit: scale-down;cursor: pointer;}
.hv75{height:75vh}
.cursor-pointer{cursor: pointer;}
    /*Mobil İşlemler - ŞEREF*/
@media(max-width: 766px){
    .ui-widget-content{left: 20% !important;width: 80% !important}
    .hv75{height:40vh}
    /*.utf_listing_item-container{height: auto;}*/
}
.aramainput{height: 40px;width: 400px;padding-left: 10px;border: 2px solid #e8e8e8;border-radius: 3px;}
/*.arabutton{background: #fa5536 !important;border-color:#fa5536 !important;padding: 0px 15px !important;border-radius: 0;color: #fff;border: 1px solid #fa5536;border-radius: 1px;}*/
.arabutton{background: #ed1c24 !important;border-color:#ed1c24 !important;padding: 0px 15px !important;border-radius: 0;color: #fff;border: 1px solid #ed1c24;border-radius: 1px;}
.btnmarkalar{border: 2px solid #ff4e00;background: #ff4e00;color: #fff !important;}
.bgbtnblue{background: #2196F3;}
.fs-12{font-size: 12px !important;}
.fs-14{font-size: 14px !important;}
.fs-16{font-size: 16px !important;}
.fs-20{font-size: 20px !important;}
.lh55{line-height: 55px}
.lh25{line-height: 25px;}
/*.fileupload-previewrow img{object-fit: scale-down;height: 80px; max-width: 80px;background-position: center;background-size: cover;}*/
.fileupload-previewrow img{max-width: 80px !important; object-fit: contain;}
.altsatir{word-break: break-all}
/*Arama Kısmı*/
.kc-form-btn{display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.kc-form-ara{background: #ed1c24;color: #fff}
.kc-form-control
{
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border:1px solid #ed1c24;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/*Arama biter*/
.breadcrumb{background-color: #fff;}
.review-title{color: #444;
    font-size: 22px;
    bottom: 2px;
    position: relative;
    font-weight: bold;
    margin: 0;
    line-height: 30px;}
.vertical-align
{
    display: flex !important;
    align-items: center !important;
}
/*992 piksel veya daha küçükse*/
@media only screen and (max-width: 992px)
{
    .vertical-align{display: block !important;}
}
.padding0{padding: 0 !important;}
.sonsikayetler{border: 2px solid #ed1c24;background: #ed1c24;color: #ffffff!important;}