/*------------------------------------------------------------------
    IMPORT FONTS
-------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700');


/*

    font-family: 'Poppins', sans-serif;

    font-family: 'Dosis', sans-serif;

*/

/*------------------------------------------------------------------
    IMPORT FILES
-------------------------------------------------------------------*/

@import url(all.css);
@import url(superslides.css);
@import url(bootstrap-select.css);
@import url(carousel-ticker.css);
@import url(code_animate.css);
@import url(bootsnav.css);
@import url(owl.carousel.min.css);
@import url(jquery-ui.css);
@import url(nice-select.css);
@import url(baguetteBox.min.css);

/*------------------------------------------------------------------
    SKELETON
-------------------------------------------------------------------*/
/*------------------------------------------------------------------ LOADER -------------------------------------------------------------------*/
/*
#back-to-top {
     position: fixed;
     bottom: 40px;
     right: 40px;
     z-index: 9999;
     width: 32px;
     height: 32px;
     text-align: center;
     line-height: 5px;
     background: #b0b435;
     color: #ffffff;
     cursor: pointer;
     border: 0;
     border-radius: 0px;
     text-decoration: none;
     transition: opacity 0.2s ease-out;
     font-size: 28px;
}
 */
/*------------------------------------------------------------------ HEADER -------------------------------------------------------------------*/


/*------------------------------------------------------------------ Slider -------------------------------------------------------------------*/
 .cover-slides{
     height: 90vh;
     z-index: 0;
}

 @media screen and (max-width: 574px){
     .cover-slides{
         height: 80vh;
     }
 }

.slides-navigation a {
    background: rgba(0, 0, 0, 0);
    position: absolute;
    height: 70px;
    width: 70px;
    top: 50%;
    font-size: 20px;
    display: block;
    color: #fff;
    line-height: 90px;
    text-align: center;
    transition: all .3s ease-in-out;
}
 .slides-navigation a i{
     font-size: 40px;
}
 .slides-navigation a:hover {
     background: #000000;
}
 .cover-slides .container{
     height: 100%;
     position: relative;
     z-index: 1;
}
 .cover-slides .container > .row {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .cover-slides .container > .row {
     height: 100%;
}
 .overlay-background {
     background: #333;
     position: absolute;
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     opacity: 0.75;
}

 .cover-slides h1{
     font-family: 'Poppins', sans-serif;
     font-weight: 500;
     font-size: 64px;
     color: #fff;
}
 .cover-slides p{
     font-size: 18px;
     color: #fff;
     padding-bottom: 30px;
}

/*Slides-pagination edited*/
.slides-pagination a {
    border: 0px solid #ffffff;
    border-radius: 6px;
    background: rgba(0,0,0,0);
}
 .slides-pagination a.current{
     background: rgba(0,0,0,0);
     border: 0px solid #b0b435;
}
 .cover-slides p a{
     font-size: 24px;
     color: #ffffff;
     border: none;
     text-transform: uppercase;
     padding: 10px 20px;
}
/*------------------------------------------------------------------ Categories Shop -------------------------------------------------------------------*/
 .categories-shop{
     padding: 70px 0px;
}
 .shop-cat-box{
     margin-bottom: 30px;
     position: relative;
     padding: 3px;
     overflow: hidden;
     border: 0px solid #000000;
	 box-shadow: 9px 9px 30px 0px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease-in-out 0s;
}
 .shop-cat-box img{
     margin: -10px 0 0 -10px;
     max-width: none;
     width: -webkit-calc(100% + 10px);
     width: calc(100% + 10px);
     opacity: 0.9;
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
     transition: opacity 0.35s, transform 0.35s;
     -webkit-transform: translate3d(10px,10px,0);
     transform: translate3d(10px,10px,0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
}
 .shop-cat-box:hover img{
     opacity: 0.6;
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}
 .shop-cat-box a{
     position: absolute;
     z-index: 1;
     bottom: 0px;
     left: 0px;
     right: 0;
     margin: 0 auto;
     text-align: center;
     border: none;
     color: #ffffff;
     font-size: 18px;
     font-weight: 700;
     padding: 12px 0px;
}

.box-add-products{
	padding: 70px 0px;
	background-color: #f4f4f4;
}

.offer-box{
	position: relative;
	overflow: hidden;
}

.offer-box-products{
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease-in-out 0s;
}

.offer-box-products:hover{
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
	box-shadow: 0px 9px 15px 0px rgba(0, 0, 0, 0.1);
}

/*------------------------------------------------------------------ Products -------------------------------------------------------------------*/

/*------------------------------------------------------------------ Instagram Feed -------------------------------------------------------------------*/
.instagram-box {
    padding: 40px 0px;
    background: #322274;
    background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 2;
}
 .instagram-box::before{
     background: rgba(0,0,0,0.2);
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     content: "" ;
     position: absolute;
     z-index:1;
}
.main-instagram.owl-carousel .owl-nav button.owl-prev {
    background: rgba(0,0,0,0);
    position: absolute;
    z-index: 0;
    display: block;
    height: 100%;
    width: 50px;
    line-height: 0px;
    font-size: 24px;
    cursor: pointer;
    color: #ffffff;
    top: 0;
    padding: 0;
    margin-top: 0;
    opacity: 1;
    left: 0px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
 .main-instagram.owl-carousel .owl-nav button.owl-next{
     background: rgba(0,0,0,0);
     position: absolute;
     z-index: 0;
     display: block;
     height: 100%;
     width: 50px;
     line-height: 0px;
     font-size: 24px;
     cursor: pointer;
     color: #ffffff;
     top: 0;
     padding: 0;
     margin-top: 0;
     opacity: 1;
     right: 0px;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .main-instagram.owl-carousel .owl-nav button.owl-next:hover, .main-instagram.owl-carousel .owl-nav button.owl-prev:hover{
     background: #b0b435;
}
 .ins-inner-box{
     position: relative;
}
 .hov-in{
     opacity: 0;
     background: rgba(211,59,51, 0.5);
     bottom: -100%;
     position: absolute;
     width: 100%;
     height: 100%;
     -webkit-transition: all 0.3s ease-out 0.5s;
     -moz-transition: all 0.3s ease-out 0.5s;
     -o-transition: all 0.3s ease-out 0.5s;
     -ms-transition: all 0.3s ease-out 0.5s;
     transition: all 0.3s ease-out 0.5s;
     text-align: center;
     display: table;
}
 .hov-in a{
     display: table-cell;
     vertical-align: middle;
     height: 100%;
}
 .hov-in i{
     color: #000000;
     font-size: 48px;
     position: relative;
     z-index: 2;
}
 .hov-in a i:hover{
     color: #ffffff;
}
 .ins-inner-box:hover .hov-in{
     bottom: 0;
     opacity: 1;
}
/*------------------------------------------------------------------ Footer Main -------------------------------------------------------------------*/
 .footer-main{
     padding: 70px 0px;
     background: #010101;
}
.footer-main hr{
	border-top: 1px solid rgba(255,255,255,.6);
}
.footer-top-box{
	margin-bottom: 30px;
}
.footer-top-box h3{
	color: #ffffff;
	position: relative;
	font-size: 20px;
}
.footer-top-box h3::before {
    border-bottom: 2px solid #b0b435;
    content: "";
    height: 3px;
    width: 50%;
    position: absolute;
    bottom: 3px;
    left: 0px;
}
.list-time{
	margin-top: 15px;
}
.footer-top-box .list-time li{
	color: #ffffff;
	font-size: 16px;
	display: block;
	float: none;
}

.newsletter-box{
	margin-top: 15px;
	position: relative;
}
.newsletter-box input{
	height: 40px;
	border: none;
	padding: 0 10px;
	background: transparent;
	border-radius: 0;
	background: #fff;
	padding: 0 20px;
	width: 100%;
}
.newsletter-box i{
	position: absolute;
	right: 15px;
	top: 10px;
	font-size: 20px;
}
.newsletter-box button{	
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	
}
 .footer-top-box p{
	 padding-bottom: 15px;
	 color: #cccccc;
 }

 .footer-top-box ul{
     display: inline-block;
}
 .footer-top-box ul li {
     float: left;
     margin-right: 5px;
}
 .footer-top-box ul li a {
     color: #ffffff;
     display: inline-block;
     width: 36px;
     height: 36px;
     border: 2px solid #ffffff;
     text-align: center;
     line-height: 32px;
}
 .footer-top-box ul li a:hover {
     color: #b0b435;
     border-color: #b0b435;
}
.footer-widget, .footer-link, .footer-link-contact{
	margin-top: 15px;
}
 .footer-widget h4 {
     color: #ffffff;
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 20px;
     position: relative;
     font-weight: 700;
}
 .footer-widget h4::before {
     border-bottom: 3px solid #b0b435;
     content: "";
     height: 3px;
     width: 100%;
     position: absolute;
     bottom: 3px;
     left: 0px;
}
 .footer-widget p {
     color: #cccccc;
     font-weight: 400;
     font-size: 14px;
     padding-bottom: 20px;
}

 .footer-link{
}
 .footer-link h4{
     color: #ffffff;
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 20px;
     position: relative;
     font-weight: 700;
}
 .footer-link h4::before {
     border-bottom: 3px solid #b0b435;
     content: "";
     height: 3px;
     width: 100%;
     position: absolute;
     bottom: 3px;
     left: 0px;
}
 .footer-link ul li {
     margin-right: 5px;
}
 .footer-link ul li a {
     color: #ffffff;
     text-align: left;
     display: block;
     line-height: 32px;
     position: relative;
     padding-left: 15px;
     transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
}
 .footer-link ul li a::before {
     font-family: FontAwesome;
     content: "\f105";
     position: absolute;
     left: 5px;
     line-height: 35px;
     font-size: 16px;
     transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
}
 .footer-link ul li a:hover::before {
     left: 5px;
}
 .footer-link ul li a:hover {
     color: #b0b435;
     border-color: #b0b435;
     padding-left: 20px;
}
 .footer-link-contact h4{
     color: #ffffff;
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 20px;
     position: relative;
     font-weight: 700;
}
 .footer-link-contact h4::before {
     border-bottom: 3px solid #b0b435;
     content: "";
     height: 3px;
     width: 100%;
     position: absolute;
     bottom: 3px;
     left: 0px;
}
 .footer-link-contact ul li{
     margin-bottom: 12px;
}
 .footer-link-contact ul li i{
     position: absolute;
     left: 0;
     top: 5px;
     padding-right: 6px;
}
 .footer-link-contact ul li p{
     padding-left: 25px;
     color: #cccccc;
     position: relative;
}
 .footer-link-contact ul li p{
     font-size: 16px;
     color: #cccccc;
     font-weight: 300;
     padding-right: 16px;
     line-height: 24px;
}
 .footer-link-contact ul li p a{
     color: #cccccc;
}
 .footer-link-contact ul li p a:hover{
     color: #b0b435;
}
/*------------------------------------------------------------------ Copyright -------------------------------------------------------------------*/
 
/*------------------------------------------------------------------ All Pages -------------------------------------------------------------------*/

/* only small desktops */
/* tablets */
/* only small tablets */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    nav.navbar.bootsnav ul.nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    nav.navbar.bootsnav .navbar-header {
        width: 100%;
    }

    .navbar-light .navbar-toggler {
        border-color: #b0b435;
        color: #010101;
        border-radius: 0px;
        margin-right: 7px;
        padding-top: 6px;
        padding-top: 6px;
        float: left;
        margin-top: 20px;
    }

    nav.navbar.bootsnav ul.nav > li > a {
        padding: 5px 15px;
    }

    nav.navbar.bootsnav .navbar-nav {
        padding: 0px;
        margin: 0px;
    }

    .custom-select-box {
        display: none;
    }

    .attr-nav {
        top: 10px;
    }

    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
        position: initial !important;
        top: 0px;
    }

    nav.bootsnav .megamenu-content .col-menu {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-menu .title {
        font-size: 16px;
    }

    .product-item-filter p {
        float: none;
    }

    .product-item-filter {
        margin: 30px 0px;
    }

    .product-categorie-box {
        margin: 30px 0px;
    }

    .toolbar-sorter-right .bootstrap-select.form-control:not([class*="col-"]) {
        width: 70%;
    }

    .add-comp a {
        margin-bottom: 30px;
    }

    .add-to-btn .share-bar {
        float: none;
    }

    .contact-info-left {
        margin-bottom: 30px;
    }

    .right-phone-box {
        display: none;
    }
}
/* mobile or only mobile */

/* from styles.css*/
.color_skin {
    background-color: rgb(38,163,135);
    display: none !important;
}
/*------------------------------------------------------------------------------
[ General Styles ]
------------------------------------------------------------------------------*/

.body-wrapper {
    height: 100%;
    position: relative;
    z-index: 0;
}

h1, h2, h3, h4 {
    text-align: center;
}

h5 {
    line-height: 24px;
}

a.button:focus {
    color: #fff;
}

span {
    color: rgb(38,163,135);
}

p {
    font-size: 15px;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.light-blue-bg {
    box-shadow: 0 10000px rgba(38,163,135,0.12) inset;
}

.grey-bg {
    box-shadow: 0 10000px #333 inset;
}

.color {
    color: rgb(38,163,135);
}

.grey {
    color: #202020;
}

.light-grey {
    color: #bbb;
}

.color-bg {
    box-shadow: 0 10000px rgb(38,163,135) inset;
}

.white-space-60 {
    display: block;
    height: 80px;
}

.strong {
    font-weight: bold;
}

.no-bg {
    background: none !important;
}

.color-bg {
    background: rgba(38,163,136,1);
    background: -moz-linear-gradient(top, rgba(38,163,136,1) 0%, rgba(71,112,206,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,163,136,1)), color-stop(100%, rgba(71,112,206,1)));
    background: -webkit-linear-gradient(top, rgba(38,163,136,1) 0%, rgba(71,112,206,1) 100%);
    background: -o-linear-gradient(top, rgba(38,163,136,1) 0%, rgba(71,112,206,1) 100%);
    background: -ms-linear-gradient(top, rgba(38,163,136,1) 0%, rgba(71,112,206,1) 100%);
    background: linear-gradient(to bottom, rgba(38,163,136,1) 0%, rgba(71,112,206,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a388', endColorstr='#4770ce', GradientType=0 );
}

.transparent {
    background-color: transparent !important;
}

/*------------------------------------------------------------------------------
[ Header (topbar) ]
------------------------------------------------------------------------------*/
header {
    background: rgb(38,163,135);
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9996;
    box-shadow: 2px 2px 16px rgba(0,0,0,0.2);
}

    header.light {
        background: #fff;
    }

    header.no-shadow {
        box-shadow: none;
    }

    header.transparent {
        position: absolute;
        background: none;
    }

.h-video.landing .trending .logo {
    margin-bottom: 20px;
}

.main-open {
    width: 40%;
    height: auto;
    margin-top: -150px;
}

header .hero-search {
    display: none;
}

header.transparent .navbar-inverse .navbar-nav > li:hover > a {
    color: rgb(38,163,135);
    background: #fff;
}

.fullvid {
    width: 1280px;
    height: 720px;
    position: absolute;
    bottom: 50%;
    left: 50%;
    z-index: -2;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.header-centralizer {
    position: relative;
    text-align: center;
    white-space: nowrap;
    font-size: 0;
    z-index: 3;
}

    .header-centralizer:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.content-centralized {
    width: 100%;
    padding-left: -20px;
    padding-right: -20px;
    top: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

/*
.hero-header .dot-overlay{
    background: url(../images/miscellaneous/dot-overlay.png);
    height: 99.99%;
}
*/

/* Hero Search Categories */
.search-categories {
    width: 100%;
    margin-top: -186px;
    left: 0%;
    display: block;
    padding: 10px;
    color: #fff;
    max-height: 93px;
    text-align: center;
    z-index: 5;
    border-radius: 5px;
    font-size: 0;
    opacity: 1;
}

    .search-categories .categories {
        margin-top: 40px;
        width: 100%;
        padding: 0 5px 0 5px;
    }

        .search-categories .categories a {
            text-transform: uppercase;
            font-family: 'Roboto';
        }

.conticon {
    display: inline-block;
    text-align: center;
    min-width: 82px;
    font-size: 12px;
    text-shadow: 0 0 6px rgba(0,0,0,0.3);
    margin: 3px 3px;
    padding: 4px 6px 6px 6px;
    font-weight: normal;
    background-color: #fc2a15;
    width: auto;
    border-radius: 4px;
    border: 1px solid white;
    background: linear-gradient(#f02a02 0%, #f02a02 10%, #f01e02 50%, #4a0202 100%);
}

    .conticon a {
        color: #fff;
    }

.light .search-categories .categories a {
    color: rgb(38,163,135);
    text-shadow: 0 0 40px #fff, 0 0 40px #fff, 0 0 20px #fff;
}

.search-categories .categories a:before {
    display: block;
    font-size: 25px;
    padding: 6px;
    padding-bottom: 10px;
}

.categories .conticon:hover {
    background-color: #DC143C;
    color: #fff;
    border-radius: 15px 0;
}

@media only screen and (max-width: 1256px) {
    .search-categories {
        width: 100%;
        position: relative;
        left: 0%;
        padding: 2px;
    }

        .search-categories .categories {
            padding: 1px;
            width: 100%;
            margin: 80px auto 1px auto;
        }

    .conticon {
        min-width: 66px;
    }
}

@media only screen and (max-width: 1136px) {
    .search-categories {
        width: 100%;
        position: relative;
        left: 0%;
        padding: 1px;
    }

        .search-categories .categories {
            padding: 1px;
            width: 100%;
            margin: 1px auto 1px auto;
        }

    .conticon {
        min-width: 60px;
    }
}

@media only screen and (max-width: 1076px) {
    .search-categories {
        width: 100%;
        padding: 5px;
    }

        .search-categories .categories {
            padding: 2px;
            width: 80%;
            display: block;
            margin: auto;
        }

    .conticon {
        min-width: 72px;
        width: 10%;
        height: 76px;
    }

        .conticon a {
            display: block;
            text-align: center;
            margin: auto;
            margin-top: -10px;
        }
}

@media only screen and (max-width: 905px) {
    .search-categories {
        position: relative;
        left: 0%;
        padding: 4px;
    }

        .search-categories .categories {
            padding: 2px;
            width: 80%;
            margin: auto;
        }

    .conticon {
        min-width: 70px;
    }
}

@media only screen and (max-width: 768px) {
    .search-categories {
        position: relative;
        left: 0%;
        padding: 4px;
    }

        .search-categories .categories {
            padding: 2px;
            width: 80%;
            display: block;
            margin: auto;
        }

    .conticon {
        width: 8%;
        min-width: 70px;
        height: auto;
        max-height: 76px;
        text-align: center;
    }

        .conticon a {
            display: block;
            text-align: center;
            align-items: center;
            margin: auto;
        }

    .content-centralized {
        top: 1px;
    }

    .hero-header {
        min-height: 386px;
        border-radius: 8px;
    }
}

/*------------------------------------------------------------------------------
[ General Content ]
------------------------------------------------------------------------------*/
.row-title {
    margin-top: 150px;
    margin-bottom: 100px;
    text-align: center;
    color: rgb(38,163,135);
    font-family: Arial, Helvetica, sans-serif;
}

.row-title1 {
    margin-top: 10px;
    margin-bottom: 40px;
    text-align: center;
    color: rgb(38,163,135);
    font-family: Arial, Helvetica, sans-serif;
}

.row-title h1 {
    position: relative;
    margin-top: 0;
    border-bottom: 1px dashed rgba(160,160,160,0.4);
    padding-bottom: 18px;
    width: 100%;
    left: 65px;
    padding-right: 130px;
    font-size: 42px;
}

.front-categories .row-title h1:before {
    font-family: 'icon';
    content: "\ea7a";
    position: absolute;
    top: 100%;
    left: -65px;
    margin-top: -28px;
    font-size: 45px;
    width: 60px;
    padding-right: 16px;
    text-align: center;
    border-right: 1px dashed rgb(38,163,135);
}

.cat-itens {
    width: 100%;
    display: block;
    text-align: center;
    margin: auto;
}

.cat-item {
    position: relative;
    top: 16px;
    display: inline-block;
    font-size: 0;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 25px;
    width: 22%;
    height: 200px;
    background: #000;
    border-radius: 5px;
    padding: 0;
    z-index: 2;
}

.vertical .cat-item {
    height: 200px;
}

.vertical.leaf .cat-item {
    border-radius: 5px 70px;
}

.horizontal .cat-item {
    width: 45%;
}

    .horizontal .cat-item.horizontal-full {
        width: 95%;
        height: 120px;
    }

.cat-item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 220px;
    vertical-align: middle;
}

.cat-text {
    font-size: 28px;
    color: black;
    word-spacing: 9999999px;
    line-height: 35px;
    font-family: 'Capriola', sans-serif;
    z-index: 3;
}

.cat-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 0;
}

.cat-item:hover .cat-overlay {
    background: rgba(38,163,135,0.7);
}

.cat-icon {
    position: absolute;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
    padding-top: 3px;
    padding-left: 3px;
    top: -20px;
    left: -20px;
    border-radius: 50%;
    border-bottom-right-radius: 50%;
    z-index: 12;
    color: #bbb;
    background: #ffffff00;
}

    .cat-icon img {
        display: block;
        margin: auto;
        max-width: 68px;
        max-height: 68px;
        border-radius: 50%;
        position: absolute;
        line-height: 10px;
        top: -1px;
        left: -12px;
        border-bottom-right-radius: 50%;
        z-index: 15;
        color: #bbb;
        background: #ffffff;
    }

    .cat-icon.dark {
        color: #fff;
        background: #333;
    }

    .cat-icon.icon-bus:before {
        position: relative;
        top: -2px;
    }

    .cat-icon.icon-graduation-hat {
        font-size: 42px;
        padding-top: 5px;
    }

.cat-counter {
    position: absolute;
    width: 65px;
    height: 65px;
    bottom: -32px;
    right: -32px;
    background: #fff;
    border-radius: 50%;
    z-index: 15;
    font-size: 14px;
    font-weight: bold;
    padding-top: 15px;
    padding-right: 10px;
    color: #202020;
}

.cat-item:hover .cat-counter {
    color: rgb(38,163,135);
}

.cat-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    z-index: 0;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .cat-image img {
        display: block;
        height: auto;
        width: auto;
        min-height: 100%;
        max-height: 100%;
        min-width: 100%;
        position: relative;
        left: 55%;
        top: 55%;
        object-fit: cover;
    }

/*------------------------------------------------------------------------------
[ Trending Section ]
------------------------------------------------------------------------------*/
.trending {
    position: relative;
    top: -28px;
    background-image: url(../images/16.webp);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-color: #000;
    text-align: center;
    padding-bottom: 30px;
    box-shadow: 0 10000px rgba(0,0,0,0.6) inset;
    max-height: 350px;
}

.trending1 {
    position: relative;
    background-image: url(../images/backgrounds/16.webp);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-color: #000;
    text-align: center;
    box-shadow: 0 10000px rgba(0,0,0,0.75) inset;
}

.trending.light {
    box-shadow: 0 10000px rgba(255,255,255,0.85) inset;
}

.is-mobile .trending {
    background-attachment: scroll;
}

.h-video.landing .trending {
    background: none;
    box-shadow: none;
    margin: 0;
}

.trending.landing {
    background: none;
    box-shadow: none;
    margin-top: -150px;
}

.trending .row-title {
    top: 0;
    margin-top: 30px;
    margin-bottom: 80px;
    position: relative;
    z-index: 2;
    text-align: center;
}

.h-video.landing .trending .row-title {
    margin: 0;
}

.trending .row-title h2 {
    display: block;
    margin: auto;
    margin-top: -40px;
    padding-right: 0;
    text-align: center;
}

.trending .row-title h4 {
    color: rgba(255,255,255,0.9);
    display: block;
    margin: auto;
    text-align: center;
}

.trending.light .row-title h4 {
    color: #555;
}

.h-video.landing .trending h4 {
    margin: -11px 0px 0 0px;
    display: inline-block;
}

.trending .row-title {
    color: #fff;
    text-align: center;
}

    .trending .row-title:before {
        font-family: "FontAwesome";
        content: "\f0e7";
        font-size: 55px;
        color: rgba(0,0,0,0);
        width: 100%;
        padding-top: 80px;
        display: block;
    }

.hero-header .trending .row-title:before {
    display: none;
}

.trending.landing .listing {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
/*------------------------------------------------------------------------------
[ Accordion ] [Listing-grids] - removed
------------------------------------------------------------------------------*/
.bootstrap-select.btn-group .dropdown-menu {
    min-width: auto;
}

.nothing-selected:before {
    font-family: 'icon';
    content: "\e9f2";
    position: absolute;
    left: 8px;
    padding-top: 6px;
    float: left;
    top: -1px;
    font-size: 22px;
    padding-right: 8px;
}

.btn-info {
    background: rgb(38,163,135);
    color: rgba(255,255,255,1);
}

.dropdown-header {
    padding-left: 10px;
    color: rgb(38,163,135);
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    padding-left: 12px;
}

    .bootstrap-select.btn-group .dropdown-menu li a.opt .child {
        padding-left: 20px;
        width: 42px;
    }

.bootstrap-select.order.btn-group .dropdown-menu li a {
    padding-left: 12px;
}

.btn-default:hover,
.bootstrap-select .dropdown-toggle:focus {
    background: rgba(38,163,135,0.12);
}

.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:hover {
    background: rgb(38,163,135);
    height: 42px;
}

    .open > .dropdown-toggle.btn-default span,
    .open > .dropdown-toggle.btn-default:hover span,
    .open > .dropdown-toggle.btn-default:before,
    .open > .dropdown-toggle.btn-default:before {
        color: #fff;
    }

.btn-group > .btn:first-child {
    height: 42px;
}

.listing-filter input[type="submit" ] {
    font-family: "FontAwesome";
    display: none;
    height: 42px;
    position: relative;
    width: 42px;
    top: 1px;
    border: 0;
    border-radius: 4px;
    background: rgb(38,163,135);
    color: #fff;
}

.order .bs-searchbox {
    display: none;
}
/*
.bootstrap-select:not([class*=col- ]):not([class*=form-control ]):not(.input-group-btn){
    width: auto;
    min-width: auto;
    height: 42px;
	top: -1px;
}
*/

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    line-height: 32px;
}

.bootstrap-select.btn-group .dropdown-toggle.nothing-selected .filter-option {
    padding-left: 25px;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a {
    color: #404040;
    font-size: 15px;
    font-family: "Roboto";
}

.bootstrap-select .btn-default {
    color: rgb(38,163,135);
    border: 1px solid #ddd;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a .check-mark {
    color: rgb(38,163,135);
    right: 8px;
}

.bootstrap-select.btn-group .dropdown-menu li.selected a,
.bootstrap-select.btn-group .dropdown-menu li a:hover {
    background: #ededed;
    color: rgb(38,163,135);
}
/*------------------------------------------------------------------------------
[ Pricing ] -removed
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
/*------------------------------------------------------------------------------
[ Tags and Amenities ]
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
[ User Forms (Login, Register...) ] -removed
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
[ Contact ] -removed
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
[ User Page Header ] -removed
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
[ Contact Data List ] -removed
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
[ Tooltips ]
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
[ Sidebar & Widgets ]
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
[ City Listing ] [reviews]  -removed
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
[ Footer ]
------------------------------------------------------------------------------*/
/*
footer{
    text-align: center;
    width: 100%;
}
.map-view footer{
    display: none;
}
*/

/*------------------------------------------------------------------------------
[ 360 Rotation, Zoom, Transitions and Other Effects ]
------------------------------------------------------------------------------*/
/* Transitions to Rotations */
.how-item a:after,
.feat-post a .feat-post-pic,
.search-magnifier img,
.social-networks a,
.map-button-text:before,
.hero-search-icon:before,
.search-categories .categories a:before,
.hero-arrow,
.more-listing:before,
.header-search-button:before,
.more-map-listing:before,
[id*="open-accordion" ]:after,
[id*="close-accordion" ]:after,
.gallery a,
.listing-title a.listing-item-rating,
.comment-avatar {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -ms-transform-property: -ms-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}
    /* 360 HOVER */
    .how-item:hover a:after,
    .search-categories .categories a:hover:before,
    .hero-search-icon.hover:before,
    .search-magnifier .typing,
    .social-networks a:hover,
    .map-button-text:hover:before,
    .more-listing:hover:before,
    .header-search-button:hover:before,
    .more-map-listing:hover:before,
    [id*="open-accordion" ]:hover:after,
    [id*="close-accordion" ]:hover:after,
    .gallery a:hover,
    .listing-title a.listing-item-rating:hover,
    .comment-avatar:hover {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    /* 60 */
    .hero-arrow.hover {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
    }
/* 90 */
.some-element {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
/* Background and Color Transitions */
.hero-header .down-page {
    -webkit-transition: background-color 600ms linear, color 600ms linear;
    -moz-transition: background-color 600ms linear, color 600ms linear;
    -ms-transition: background-color 600ms linear, color 600ms linear;
    -o-transition: background-color 600ms linear, color 600ms linear;
    transition: background-color 600ms linear, color 600ms linear;
}

    .search-categories:hover,
    .hero-header .down-page:hover {
        -webkit-transition: background-color 600ms linear, color 600ms linear;
        -moz-transition: background-color 600ms linear, color 600ms linear;
        -ms-transition: background-color 600ms linear, color 600ms linear;
        -o-transition: background-color 600ms linear, color 600ms linear;
        transition: background-color 600ms linear, color 600ms linear;
    }

.comment-box .comment-head i {
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
/* General Transitions */
header .add-listing {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    box-shadow: none;
}

.accordion-content,
.panel-form > .panel-heading a,
.panel-form input[type="text" ],
.panel-form input[type="email" ],
.panel-form input[type="password" ] {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.search-cities-toggle,
.open-cities-list .search-cities .cities-list a,
.leaflet-div-icon,
.template-colors a {
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.cat-text,
.cat-icon,
.cat-image img,
.listing-item .category-icon,
.listing-item-author,
.how-item h3 {
    -webkit-transition: 1s -webkit-transform;
    -moz-transition: 1s -moz-transform;
    -ms-transition: 1s -moz-transform;
    -o-transition: 1s -o-transform;
    transition: 1s transform;
}


/* Zoom and Scale */
.cat-text {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.how-item h3 {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.current-category,
.map-button-text,
.listing-item .listing-item-link,
.listing-item .listing-item-link img,
.listing-black-overlay {
    -webkit-transform: scale(0.92);
    -moz-transform: scale(0.92);
    -ms-transform: scale(0.92);
    -o-transform: scale(0.92);
    transform: scale(0.92);
}

.grid6 .listing-item .listing-item-link,
.grid6 .listing-item .listing-item-link img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* Joined Transform Effects */
.listing-item-author {
    -webkit-transform: rotate(0deg) scale(0.8);
    -moz-transform: rotate(0deg) scale(0.8);
    -ms-transform: rotate(0deg) scale(0.8);
    -o-transform: rotate(0deg) scale(0.8);
    transform: rotate(0deg) scale(0.8);
}

.cat-icon,
.listing-item .category-icon {
    -webkit-transform: rotate(0deg) scale(0.9);
    -moz-transform: rotate(0deg) scale(0.9);
    -ms-transform: rotate(0deg) scale(0.9);
    -o-transform: rotate(0deg) scale(0.9);
    transform: rotate(0deg) scale(0.9);
}

    .cat-item:hover .cat-icon,
    .cat-item:hover .cat-icon.dark,
    .listing-item .category-icon:hover {
        -webkit-transform: rotate(-45deg) scale(1);
        -moz-transform: rotate(-45deg) scale(1);
        -ms-transform: rotate(-45deg) scale(1);
        -o-transform: rotate(-45deg) scale(1);
        transform: rotate(-45deg) scale(1);
    }

.cat-image img {
    -webkit-transform: scale(1.1) translate(-50%,-50%);
    -moz-transform: scale(1.1) translate(-50%,-50%);
    -ms-transform: scale(1.1) translate(-50%,-50%);
    -o-transform: scale(1.1) translate(-50%,-50%);
    transform: scale(1.1) translate(-50%,-50%);
}

.cat-item:hover .cat-image img {
    -webkit-transform: scale(1) translate(-55%,-55%);
    -moz-transform: scale(1) translate(-55%,-55%);
    -ms-transform: scale(1) translate(-55%,-55%);
    -o-transform: scale(1) translate(-50%,-50%);
    transform: scale(1) translate(-55%,-55%);
}

.listing-item-author:hover {
    -webkit-transform: rotate(360deg) scale(1);
    -moz-transform: rotate(360deg) scale(1);
    -ms-transform: rotate(360deg) scale(1);
    -o-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
}
/*--------------------------------------------------------------------------
[ Wave Finishing ]
--------------------------------------------------------------------------*/

.trending:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 18px;
    background: url(../images/miscellaneous/wave2.png) top center;
    z-index: 15;
}

.hero-header .trending:after,
.trending.landing:after {
    display: none;
}

.footer-logo:after {
    content: "";
    position: absolute;
    top: -18px;
    left: 0;
    width: 100%;
    height: 18px;
    background: url(../images/miscellaneous/wave3.png) top center;
    z-index: 50;
}

.app-img:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: url(../images/miscellaneous/wave.png) top center;
    z-index: 30;
}

.wave-top-gallery {
    position: absolute;
    width: 100%;
    height: 18px;
    z-index: 10;
    background: url(../images/miscellaneous/wave2.png) top center;
}

.is-mobile .hero-header:after,
.is-mobile .pg-header:after,
.is-mobile .app:after,
.is-mobile .trending:after,
.is-mobile .footer-logo:after,
.is-mobile .app-img:before,
.is-mobile .wave-top-gallery {
    display: none !important;
}
/*------------------------------------------------------------------------------
[ Template Colors Container ]
------------------------------------------------------------------------------*/
.template-colors {
    position: relative;
    margin: 0 100px;
    color: #fff;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(5,-50%);
    -o-transform: translate(5,-50%);
    transform: translate(5,-50%);
}

    .template-colors a {
        position: relative;
        display: inline-block;
        margin: 8px 12px;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        display: inline-block;
        border: 2px solid #fff;
    }

        .template-colors a:before {
            content: "";
            position: absolute;
            top: -7px;
            left: -7px;
            display: block;
            width: 26px;
            height: 26px;
            box-shadow: 0 0 20px rgba(0,0,0,0.3);
            border-radius: 50%;
            z-index: -1;
        }

        .template-colors a.current-color:before {
            box-shadow: 0 0 5px rgba(0,0,0,1), 0 0 100px rgba(255,255,0,1), 0 0 50px rgba(255,255,0,1), 0 0 20px rgba(255,255,0,1);
        }

.change-color-button {
    overflow: hidden;
}

    .change-color-button:before {
        display: inline-block;
        margin-right: 20px;
        font-size: 30px;
        border-right: 1px dashed #fff;
        padding-right: 20px;
    }

/*------------------------------------------------------------------------------
[ Responsive ]
------------------------------------------------------------------------------*/
@media (max-width:1080px) {

    .search-categories {
        left: 0%;
        width: 60%;
    }

    .search-popup .search-categories {
        left: 15%;
        width: 70%;
    }

    .search-categories .categories a {
        min-width: 55px;
        font-size: 12px;
        margin: 3px 1px;
    }

    .feat-posts {
        width: 30%;
    }

    .cat-item {
        width: 22%;
    }

    .vertical .cat-item:last-child {
        display: block;
        width: 95%;
        left: 1.5%;
        height: 200px;
    }

        .vertical .cat-item:last-child a {
            line-height: 100px;
        }

    .listings-has-sidebar .listing.grid2 .col-sm-3 {
        width: 100%;
    }

    .listing-block .col-sm-3 {
        width: 33.30%;
    }

    .grid4 .col-sm-4 {
        width: 49.94%;
        float: left !important;
    }

    .cat-item {
        margin-bottom: 32px;
    }
}

@media (max-width:980px) {
    .cat-item {
        width: 30%;
    }

    .vertical .cat-item {
        display: block;
        width: 95%;
        left: 1.5%;
        height: 200px;
    }

        .vertical .cat-item a {
            line-height: 200px;
        }

        .vertical .cat-item:first-child,
        .vertical .cat-item:first-child + div,
        .vertical .cat-item:first-child + div + div {
            display: inline-block;
            width: 30%;
            left: 0;
            height: 160px;
        }

            .vertical .cat-item:first-child a,
            .vertical .cat-item:first-child + div a,
            .vertical .cat-item:first-child + div + div a {
                line-height: 360px;
            }

    .listing .col-sm-3 {
        width: 48%;
        display: inline-block;
        float: none;
    }

    .listing-social .social-networks a {
        margin: 10px 2px 10px 2px;
    }
}

@media (max-width:767px) {
    .body-wrapper {
        height: auto;
    }

    .container {
        width: 100%;
    }

    .col-sm-12 {
        padding: 0;
    }

    header {
        text-align: center;
    }

        header .user-buttons {
            display: block;
            position: absolute;
        }

    .header-search-button {
        position: absolute;
        left: auto;
        left: 50px;
        z-index: 100;
    }

    .header-centralizer {
        margin-top: 10px;
    }

    .search-popup .header-centralizer {
        margin-top: 0;
    }

    .show-categories {
        left: 5%;
    }

    .search-categories,
    .search-popup .search-categories {
        width: 90%;
        left: 0%;
    }

    .vertical .cat-item:first-child,
    .vertical .cat-item:first-child + div {
        width: 45%;
        margin-left: 2%;
        margin-right: 2%;
    }

        .vertical .cat-item:first-child + div + div {
            display: block;
            width: 95%;
            left: 1.5%;
            height: 200px;
        }

            .vertical .cat-item:first-child + div + div a {
                line-height: 200px;
            }

    .footer-info {
        display: block;
        width: 100%;
        font-size: 0;
        margin: 0;
    }

    .footer-col {
        display: block;
        width: 100%;
        background: rgb(38,163,135);
        padding: 30px 5px 30px 5px;
        font-size: 14px;
        border-radius: 0;
    }

        .footer-col:nth-child(odd) {
            background: rgba(38,163,135,0.97);
        }
}

@media only screen and (max-width: 600px) {
    .row-title h1 {
        font-size: 35px !important;
    }

    .cat-item {
        width: 90%;
    }

    .horizontal .cat-item,
    .vertical .cat-item:first-child,
    .vertical .cat-item:first-child + div,
    .vertical .cat-item:first-child + div + div {
        width: 95%;
        left: 1.5%;
        height: 200px;
    }

        .horizontal .cat-item a,
        .vertical .cat-item:first-child a,
        .vertical .cat-item:first-child + div a,
        .vertical .cat-item:first-child + div + div a {
            line-height: 200px;
        }

    header .user-buttons {
        margin-right: 0;
    }

    .featured-header-buttons {
        position: relative;
        height: 180px;
        margin-top: -60px;
    }

    .feat-header-button {
        width: 100%;
        height: 60px;
        border-radius: 0;
    }

        .feat-header-button,
        .feat-header-button:hover {
            background: rgb(38,163,135);
            border-top: 0;
        }

    .listing .col-sm-3 {
        width: 100%;
        display: inline-block;
    }

    .pg-header {
        height: 250px;
    }

    .pg-title {
        font-size: 35px;
    }

    .pg-subtitle {
        font-size: 15px;
    }

    .listing-title h2 {
        font-size: 24px;
    }

    .listing-title .listing-item-rating {
        top: -5px;
    }

    .rating-count {
        top: -5px;
        left: 0;
    }

    .author-block .text-left {
        text-align: center;
    }

    .pull-left,
    .pull-right {
        display: block !important;
        float: none !important;
        margin: 0 auto;
        margin-bottom: 8px;
    }

    .author-avatar.pull-left {
        float: none !important;
        display: block;
        left: 50%;
        margin-left: -50px;
        margin-bottom: 40px;
    }

    .author-vote-mood,
    .author-name,
    .data,
    .author-title,
    .author-description {
        display: block;
        text-align: center;
        margin: 0;
        padding: 0 !important;
    }

    .author-title {
        margin-bottom: 15px;
    }

    .line .data {
        padding-left: 5px !important;
    }

    .author-vote-mood,
    .data {
        margin-bottom: 15px;
    }

    .data {
        margin-top: 15px;
    }

    .panel-form,
    .review-popup .panel-form,
    .pm-popup .panel-form {
        width: 80%;
        left: 0;
    }

    .blog .listing-item-author {
        display: none;
    }

    .template-colors {
        margin: 0;
    }

    .grid4 .col-sm-4 {
        width: 90%;
        left: 5%;
        float: none !important;
    }

    .grid5 .listing-item-data {
        margin-top: 0;
    }
    /* Squared Mobile */
    .squared-mobile .listing-item-rating {
        left: auto;
        right: 8%;
        top: 6%;
    }

    .squared-mobile .listing-black-overlay {
        border-radius: 20px;
    }

    .squared-mobile .listing-item-title-centralizer {
        border-radius: 0;
    }

    .squared-mobile .listing-item .category-icon {
        top: 6%;
        left: 11%;
    }

    .squared-mobile .listing-item .listing-item-link:hover:before,
    .listing.white.squared-mobile .listing-item .listing-item-link:hover:before {
        display: none;
    }

    .squared-mobile .feat-post a:hover .feat-post-pic {
        display: none;
    }

    .squared-mobile .listing-item .listing-item-link,
    .squared-mobile .listing-item .listing-item-link img {
        width: 100%;
        display: inline-block;
        border-radius: 20px;
    }

    .grid6.rounded-pic .listing-item .listing-item-link {
        border-radius: 68px 8px 8px 68px
    }

    .grid6 .listing-item .listing-item-link img {
        width: 120px;
    }

    .grid6 .listing-item-data {
        margin-top: 8px;
    }

    .grid6 .listing-item-excerpt {
        border: 0 !important;
        padding-top: 0;
    }

    .grid6 .listing-item-excerpt {
        max-height: 95px !important;
        overflow: hidden;
    }

    .grid6.rounded-pic .listing-item-rating {
        left: 72px;
    }

    .grid6.rounded-pic .listing-item .category-icon {
        left: 35px;
    }

    .no-addr-on-mobile .listing-item-address {
        display: none;
    }

    .no-exp-on-mobile .listing-item-excerpt {
        display: none;
    }

    .listing-item .amenities {
        margin-bottom: 10px;
    }

    .grid6 .listing-category-name {
        bottom: 6px;
        right: 4px;
    }
}

@media only screen and (max-width: 480px) {

    .search-cities {
        margin-top: -78px;
        right: 54px;
        background: transparent;
    }

    .open-cities-list .search-cities {
        right: 0;
    }

    .search-cities .cities-list a {
        box-shadow: none;
    }

        .search-cities .cities-list a.current {
            padding: 2px 0 2px 0;
            margin: 28px 10px;
        }

    .row-title h1 {
        font-size: 20px !important;
    }

    .typingEffect,
    .typed-cursor {
        display: none;
    }

    .h-video.landing .trending .typed-cursor {
        display: inline-block;
    }

    .hero-search {
        box-shadow: -6px -6px 0px rgb(38,163,135);
    }

        .hero-search input[type="text" ]::-webkit-input-placeholder {
            top: 0;
        }

        .hero-search input[type="text" ]:-moz-placeholder {
            top: 0;
        }

        .hero-search input[type="text" ]::-moz-placeholder {
            top: 0;
        }

        .hero-search input[type="text" ]:-ms-input-placeholder {
            top: 0;
        }

    .featured-header-buttons {
        position: relative;
        height: 180px;
        margin-top: -60px;
    }

    .feat-header-button {
        width: 100%;
        height: 60px;
    }

        .feat-header-button,
        .feat-header-button:hover {
            background: rgb(38,163,135);
            border-top: 0;
        }

    .listing-block {
        margin-top: 5px;
    }

    .listing-item-title {
        font-size: 15px;
        line-height: 19px;
    }

    .listing-item-address {
        font-size: 14px;
        line-height: 18px;
    }

    .listing-results {
        text-align: center;
        padding-bottom: 0;
        padding-top: 90px;
    }

    .blog .listing-results {
        padding-bottom: 30px;
    }

    .results-count {
        padding-left: 0;
        text-align: center;
        margin-bottom: 10px;
    }

    .listing-filter .dropdown-menu {
        position: relative;
        top: 0;
    }

    .listing-filter {
        position: relative;
        right: auto;
        left: 0;
        top: 10px;
        margin-bottom: 70px;
    }

        .listing-filter form {
            text-align: center;
            width: 100%;
        }

    .pg-header {
        height: 200px;
    }

    .pg-title {
        font-size: 20px;
        line-height: 26px;
    }

    .pg-subtitle {
        font-size: 14px;
    }

    .listing-block .results-count.user-listing {
        top: 0;
        margin-top: 30px;
        margin-bottom: 60px;
        left: auto;
    }

    .gallery img {
        height: 260px;
    }

    .gallery-item-caption {
        padding: 80px 80px 12px 12px;
    }

    .listing .col-sm-3,
    .col-md-9 {
        padding: 0;
    }

    .grid4 .col-sm-4 {
        width: 100%;
        left: 0;
        padding: 0;
    }

    .listing.grid6 .listing-item-title {
        font-size: 14px !important;
        line-height: 17px;
    }

    .listing.grid6 .feat-data {
        margin-top: 6px;
        margin-bottom: 0;
    }

    .listing.grid6.rounded-pic .feat-data {
        margin-top: 9px;
    }

    .listing-item .amenities span,
    .listing-item .tags li {
        font-size: 12px
    }

        .listing-item .amenities span:before,
        .listing-item .tags li:before {
            top: -3px;
        }

    .listing-item .amenities .icon-bicycle:before {
        top: -6px;
    }

    .hero-header {
        background: #2d3436;
        width: 92%;
    }

    .row-title h4 {
        font-size: 18px;
    }

    .row-title h2 {
        font-size: 22px;
    }
}

@media only screen and (max-width: 450px) {
    header .logo img {
        height: 40px;
        margin-top: 4px;
    }

    .change-color-button:before {
        display: none;
    }

    .conticon {
        background-color: #DC143C;
    }

    .categories .conticon:hover {
        background-color: #322274;
    }
}

@media only screen and (max-width: 380px) {
    h1,
    h2,
    h3 {
        font-size: 16px !important;
    }

    header .user-buttons {
        display: none;
    }

    .front-page header .user-buttons {
        display: inline-block;
    }

    .front-page header .logo {
        left: -4px;
    }

    .front-page header .add-listing {
        margin-right: -48px !important;
    }

        .front-page header .add-listing:before {
            left: 14px;
        }

    .header-search-button {
        left: auto;
        right: 0;
    }

    .hero-search form input,
    .button.big,
    .listing-item-title,
    .city-name {
        font-size: 14px !important;
    }

    .listing-filter .dropdown-menu {
        max-width: 280%;
        min-width: 215px !important;
        left: auto;
        right: -40px;
        float: right;
    }

    .listing-filter {
        right: auto;
        left: 0;
        top: 10px;
    }

    .quick-menu {
        padding: 0;
    }

        .quick-menu a {
            display: none;
        }

            .quick-menu a.pvt {
                display: block;
                border: 0;
                bottom: 0;
                border-radius: 5px;
            }

    .listing-title {
        padding: 80px 10px 60px 10px;
    }

        .listing-title h2 {
            font-size: 25px;
            line-height: 25px;
        }

    .panel-form,
    .review-popup .panel-form,
    .pm-popup .panel-form {
        width: 90%;
    }

    .pg-title {
        font-size: 16px;
    }

    .single-block .thumbnail {
        max-width: 100%;
    }

    .form-horizontal {
        padding: 0;
    }

    .listing-item-title,
    .listing-item-address {
        font-size: 13px;
        line-height: 17px;
    }

    .hero-search form input,
    .typingEffect {
        letter-spacing: 0;
    }

    .front-categories .row-title h1:before,
    .how .row-title h1:before,
    .app .row-title h1:before,
    .blog-home .row-title h1:before {
        display: none;
    }

    .row-title h1 {
        left: auto;
        padding-right: 0;
    }

    .row-title h4 {
        margin: -11px 0 0 0;
    }

    .cat-text {
        font-size: 22px;
    }

    .listing-title .listing-item-rating {
        top: -4px;
    }

    .rating-count {
        top: -4px;
    }

    .listing-item .ribbon {
        width: auto;
        min-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .grid2 .listing-item .ribbon,
    .grid3 .listing-item .ribbon {
        min-width: 0;
    }

    .grid6 .listing-item .listing-item-link img {
        width: 100px;
    }

    .grid6.rounded-pic .listing-item-rating {
        left: 62px;
    }

    .listing.grid6 .feat-data {
        display: none;
    }

    .grid6 .listing-item-excerpt {
        max-height: 48px !important;
    }

    .grid6 .listing-item-title-centralizer {
        padding-left: 10px;
    }

    .blog .grid6 .listing-item-title-centralizer,
    .blog .grid6 .listing-item-title {
        padding-bottom: 0;
        padding-right: 0;
    }
}

@media only screen and (max-height: 400px) {
    .quick-menu {
        padding: 0;
    }

        .quick-menu a {
            display: none;
        }

            .quick-menu a.pvt {
                display: block;
                border: 0;
                bottom: 0;
                border-radius: 5px;
            }
}

#back-on-top {
    position: fixed;
    display: none;
    right: 25px;
    bottom: 15px;
    z-index: 99999;
}

    #back-on-top i {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        width: 40px;
        height: 40px;
        border-radius: 4px;
        background: #3498db;
        color: #fff;
        transition: all 0.4s;
    }

        #back-on-top i:hover {
            background: #57aae1;
            color: #fff;
        }

#fortop {
    background-color: #322274;
    color: white;
    font-weight: bold;
    text-decoration: underline;
    border-radius: 6px;
}