/* Heliweb Style Sheet */
@font-face {
    font-family: UTM-Bebas;
    src: url(../fonts/UTM-Bebas.ttf);
}
h1, h2, h3, h4, h5, h6, a, p, span, table, input, text, li, textarea, button, option, select
{
    font-family: Arial; font-size: 0.8rem;
    margin: 0; padding: 0; -webkit-transition: all 200ms;-moz-transition: all 200ms;-ms-transition: all 200ms;-o-transition: all 200ms;transition: all 200ms;
    list-style: none; border-radius: 0 !important;
}
a:hover, a:visited, a:active,a:focus{text-decoration: none;}
img{max-width: 100%; -webkit-transition: all 400ms;-moz-transition: all 400ms;-ms-transition: all 400ms;-o-transition: all 400ms;transition: all 400ms;}
.container-fluid{max-width: 1010px; padding: 0 0.6rem}
.row {
    margin-right: -0.6rem;
    margin-left: -0.6rem;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
{
    padding: 0 .6rem;
}

body{background: #fff2fb}
.hides{display: none}

.header{min-height: 45px;background: url("../img/bg_footer.png"); padding: 8px 0;}
.logo{float: left; margin-right: 0.5rem;}
.language{position: absolute; right: 10px; top: 0;}
.language a{color: #fff; font-size: 11px;}
.ibox{text-align: right}
.search a{font-family: UTM-Bebas; font-size: 1.8rem; color: #fff}

a.box{display: inline-block; line-height: 33px; padding: 0 0.9rem; text-transform: uppercase; color: #666}
a.box span.fa{padding-right: 0.1rem; font-size: 1.1rem; position: relative; top: 2px;}
a.box:hover{color: #e61919}
a.cart{background: #888; text-align: center; color: #fff; float: right}
.carrt span{
	margin-top: -7px;
	font-family: UTM-Bebas;
    font-size: 1.8rem;
    color: #fff;
	font-weight: nomal;
	letter-spacing: 2px;
}

.navicate{margin: 0; padding: 0; background: url("../img/bg_menu.png") repeat-x bottom #ead3c1}
.navicate ul{margin-bottom: 0; list-style: none;}
.navicate ul li{float: left;}
.navicate ul li a{display: block; line-height: 2.5rem;  padding: 0 .9rem; font-size: 0.77rem; color: #333; text-transform: uppercase}
.navicate ul li:hover{background: rgba(198,175, 157, 0.5);}
.navicate ul ul{position: absolute; width: 300px; background: #fff; z-index: 11;
    -webkit-box-shadow:  0 0 4px #ccc;
    -moz-box-shadow:  0 0 4px #ccc;
    box-shadow:  0 0 4px #ccc; display: none;;
    padding: 0;
}
.navicate ul ul li{width: 100%;}
.navicate ul li:hover ul{display: block}

h2.h2-homes{font-family: UTM-Bebas; color: #111; font-size: 1.8rem; padding-bottom: 1rem}

.cat-homes{margin-bottom: 1.2rem; position: relative}
.cat-homes img{max-width: 100%;

}
.cat-homes img:hover{
    opacity: 0.8;
}
.cat-homes h3{position: absolute; background: rgba(0,0,0,0.6); padding: 0.4rem 1rem; bottom: 0; font-size: 0.8em; color: #fff;}
.cat-homes h3:hover{background: rgba(255, 132, 0, 0.6)}
.cat-homes h3 a{font-size: 0.8rem; font-weight: bold;color: #fff;}

.h2-homes-2 {
    font-size: 30px;
    font-family: UTM-Bebas;
    color: #111;
    line-height: 2.6rem;
    margin-top: 1rem;
    margin-bottom: 0.7rem;
    font-style: normal;
}
.hl_cate .h2-homes-2 {
    font-size: 20px;
}
.box-show{position: relative;}
.box-show img{
    -webkit-transform-style: preserve-3d;
    -webkit-transition:all 0.6s linear;
    transform-style: preserve-3d;
    transition:all 0.6s linear;
}
.box-show img:hover{-webkit-transform: rotateY(180deg);;-moz-transform: rotateY(180deg);;-ms-transform: rotateY(180deg);;-o-transform: rotateY(180deg);;transform: rotateY(180deg);;}
.box-show .name{width: 38%; background: rgba(0,0,0,0.7); position: absolute; right: 0; bottom: 0;  padding: 0.5rem;}
.box-show .name h3 a{font-size: 1.8rem; color: #fff; font-family: UTM-Bebas}
.box-show .name p a{font-size: 1rem; color: #fff; font-weight: 400}

.cat1{margin-bottom: 1.5rem}
.cat2 p{margin: 0; margin-top: 0.5rem}
.cat2 img{margin: 0 auto; margin-bottom: 0.3rem}
.cat2 a{font-style: italic; color: #555;}

.top-footer{padding: 15px 0; background: #fff; text-align: center}
.top-footer h2{text-align: center}

footer{background: url("../img/bg_footer.png"); clear: both; padding: 1.3rem 0;}
footer .search a{color: #fff}
footer h2{font-family: UTM-Bebas; font-size: 1.5rem; margin: 5px 0; color: #eee}
footer p{font-size: 0.75rem; color: #ccc; line-height: normal; padding-top: 1rem;}
.chude ul li{width: 50%; float: left}
footer ul{padding: 0;}
footer ul li{padding: 2px 0;}
footer ul{margin-bottom: 0;}
footer ul li a{color: #eee; font-size: 0.82rem;}
footer ul li a:hover{color: #ccc}
footer input, footer button{font-size: 0.8rem !important;}
footer button{font-family: UTM-Bebas; font-size: 0.95rem !important; background: #444; color: #fff; height: 33px; padding: 0 0.8rem; line-height: 33px;}
.social{text-align: right}
.social span{font-size: 18px; border-radius: 0; position: relative; top: 2px;}
.social ul li{line-height: 25px; margin-bottom: 2px;}

.design{margin-top: 1rem;}
.design p{font-size: 0.7rem;}

.vertical_nav{background: #111; width: 220px; left: -230px;}
.vertical_nav ul li{line-height: 2.2rem; text-indent: 1rem; padding-right: 1rem}
.vertical_nav ul li a{color: #fff; text-transform: uppercase; font-size: 0.85rem;}

.menu--item__has_sub_menu{cursor: pointer; position: relative}
.menu--item__has_sub_menu span{color: #fff; float: right; position: relative; top: 8px; right: 10px;}
.menu--subitens__opened{background: #111}
.sub_menu{background: #666; width: 100%}
.vertical_nav ul li{padding-right: 0;}
.sub_menu--link{padding-left: 2rem; font-size: 12px;}

.crumbsd ul{background: none; margin-bottom: 0;}
.crumbsd ul li a{color: #555; font-size: 0.8rem;}
h1{font-family: UTM-Bebas; font-size: 1.8rem}
.show-list{margin-top: 1rem;}
.filter{ float: left; text-align: left}
.filter select{padding: 5px 9px; background: #555; color: #fff; border: none;}
.search-box{border-bottom: 1px solid #666; overflow: hidden; padding-bottom: 5px;}
.search-box ul{margin: 0; padding: 0; float: right}
.viewpage p{float: right}
.search-box ul li{display: inline-block;}
.search-box ul li a{padding: 5px 7px; border: 1px solid #ccc; color: #444; font-weight: bold; font-size: 0.7rem;}
.search-box ul li a:hover{color: #222; background: #ff8a00; border: 1px solid #ff8a00}

.phuss {
    margin-top: 1rem;
}
.phuss h3 a{color: #333; font-size: 0.8rem;}
.phuss p.author{color: #777; font-size: 0.6rem; text-decoration: line-through; margin: 0;}


.cat-right h2{font-family: UTM-Bebas; font-size: 1.4rem; color: #687179; text-decoration: underline}
.cat-right p.cb{font-size: 12px; color: #01315a; margin-bottom: 6px;}
p.cb a{color: #434343}
.cat-right ul{padding: 0; margin: 0; margin-top: 5px; margin-bottom: 10px;}
.cat-right ul li{line-height: 1.6rem;}
.cat-right ul li a{text-transform: none; color: #555;}
.cat-right ul li a:hover{color: #ff8a00}

.box-hidden{position: absolute; background: #fff; border: 1px solid #ccc; padding: 4px; bottom: 0px; z-index: 11;
    opacity: 0; -webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);-o-transform: scale(0,0);transform: scale(0,0);
    -webkit-transition: all 400ms;-moz-transition: all 400ms;-ms-transition: all 400ms;-o-transition: all 400ms;transition: all 400ms;
}
.phuss:hover .box-hidden{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);
    opacity: 1;
}
.buys{width: 100%;}
.buys a{width: 46%; float: left; font-size: 1rem; font-family: UTM-Bebas; display: block; text-align: center; color: #444;
background: #ff8a00;}
.buys a.loved{float: right}

.author-detail, .author-detail a{font-family: Times; font-size: 0.82rem; color: #666;}
.author-detail a{color: #ff8a00}
.raiting{margin-top: 0.5rem}
.raiting img{position: relative; top: -3px; margin-right: 4px;}
.raiting a{color: #ff8a00}
.checkbox{margin-bottom: 0; margin-top: 5px !important; width: 50%; float: left}
.checkbox .c-indicator{top: 3px; margin-right: 5px; background: #ccc}
.pricesd{margin-top: 1rem;}
.pricesd h2{font-family: UTM-Bebas; font-size: 1.5rem;}
.check-pric{border: 1px dashed #fa5e00; margin-top: 9px; padding: 0 1rem .8rem 1rem; overflow: hidden;}
.ship{font-size: 0.76rem; margin-top: 0.4rem}
.shortdes{font-size: 0.75rem; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; padding: 0.3rem 0; margin-top: 0.3rem}
.btn_buy{ margin: 0.9rem 0; overflow: hidden}
.btn_buy a{width: 32%; display: block;; float: left; text-align: center; line-height: 53px; font-family: UTM-Bebas; font-size: 1.3rem; margin-right: 1%;
    -webkit-transition: all 400ms;-moz-transition: all 400ms;-ms-transition: all 400ms;-o-transition: all 400ms;transition: all 400ms;
}
.btn_buy a:last-child{margin-right: 0;}
.cart-detail{vertical-align: middle; background: linear-gradient(#d71703, #ff1800); color: #fff}
.cart-detail:hover{background: #014682; color: #fff}
.btn_buy a.heart{line-height: 51px; border: 1px solid #ff8a00; color: #ff1800}
.btn_buy a.heart:hover{border: 1px solid #014682; color: #014682}

.author-author{background: #f3f3f3; padding: 1rem; margin: 0.8rem 0;}
.author-author p{text-align: justify !important; font-size: 0.77rem !important;}
.hl_top_content{background: #fff; padding: 15px 0;}
.cate-home, .hl_cate{padding: 15px 0;}
.hl_cate{padding-top: 0;}
.hl_cate_home{padding: 15px 0; background: #fff; overflow: hidden}

.main-content{margin-bottom: 2rem;}
.sociasl{padding: 0;}
.sociasl li{width: 38px; height: 38px; float: left; margin-right: 7px;}
.sociasl .social-icon{fill: #ccc; -webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;-o-transition: all 300ms;transition: all 300ms;
    border-radius: 50%;}
.sociasl .social-icon:hover{
    -webkit-box-shadow:  2px 2px 5px #aaa;
    -moz-box-shadow:  2px 2px 5px #aaa;
    box-shadow:  2px 2px 5px #aaa;
}
.sociasl #facebook:hover{fill: #3b5999}
.sociasl #gplus:hover{fill: #dc4e41}
.sociasl #pinterest:hover{fill: #bd081c}
.sociasl #instagram:hover{fill: #3f729b}
.sociasl #twitter:hover{fill: #55acee}

.hl_left12 p{font-size: 15px; color: #0e7dab; margin-top: 5px;}
.hl_left12 h2{font-size: 15px; color: #333; margin-top: 25px; text-transform: uppercase}
.hl_left12 input, .hl_left12 textarea{width: 100%; line-height: 30px; margin-bottom: 10px; text-indent: 7px;}
.hl_left12 p.hl_sf{margin-top: 25px;}
.hl_left12 p{color: #333}
.hl_left12 textarea{line-height: 15px; min-height: 80px;}

.hl_left12 input,.hl_left12 textarea{font-size: 12px;}
.hl_left12 button, .hl_left12 input.hl_reset{width: auto; padding: 0 15px; line-height: 35px; border: none; background: #0e7dab; color: #fff; margin-right: 7px;}
.hl_left12 button:hover, .left12 input.hl_reset:hover{background: #ff6c00}
.hl_left12 ul{padding: 0; list-style: none}
.hl_left12 ul li{line-height: 35px; text-indent: 30px; color: #333}
.hl_left12 li.hl_ad{background: url("../img/icon_home.png") no-repeat left center}
.hl_left12 li.hl_vp{background: url("../img/icon_vp.png") no-repeat left center}
.hl_left12 li.hl_tp{background: url("../img/icon_phone.png") no-repeat left center; font-weight: bold; font-size: 16px; color: #ff6c00}
.hl_left12 li.hl_em{background: url("../img/icon_mail.png") no-repeat left center; color: #0e7dab}
.hl_left12 li.hl_ur{background: url("../img/icon_site.png") no-repeat left center;}
.hl_active-input{width: 60%; float: left;}
.hl_cate_home article{overflow: hidden; margin-top: 0.8rem;}
.hl_cate_home article img{float: left;}
.hl_cate_home article h3 a{font-size: 1rem; color: #333; font-weight: bold}
.hl_cate_home article h3 a:hover{color: #bc0517}
.hl_cate_home article p{font-size: 0.84rem; margin-top: 0.5rem; line-height: normal}
.hl_cate_home article a.hl_viewmore{color: #bc0517;}
p.hl_upload{font-size: 0.6rem; color: #929191; font-style: italic}

.main-content {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}

.phuss {
    display: inline-block;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background: #fff; padding: 4px;
}

@media screen and (min-width: 993px) {
	.main-content {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
} 
@media screen and (max-width: 992px) {
    .hides{display: block; z-index: 12; -webkit-box-shadow: none;-moz-box-shadow:  none;box-shadow: none;}
    .navicate, .carrt{display: none}
	.main-content {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
} 
@media screen and (max-width: 543px) {
    a.box{padding: 0 0.6rem;}
    .cat-right{margin-top: 1.2rem;}
	.hl_address{top: 0 !important;}
	.main-content {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

.paging a {
    color: #222;
    padding: 0px 8px;
    border: solid 1px #ccc;
    margin: 0px 5px;
}
.paging {
    border-radius: 5px;
}
.paging .active {
    background: #ff8a00;
}
.hl_address {text-align: center; position: relative; top: 20px; color: #fff;}
.phuss h3 {
    text-align: center;
    padding: 5px;
}