/* Font */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;562;600;700&display=swap');
header, body {font-family: 'Roboto', sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 1.9; color:#4f4e4e;}

html {
    scroll-padding-top: 78px; /* height of sticky header */
}

/* Typography */
h1, h2, h3, h4, h5, h6{
    font-weight:normal; 
    margin-top: 0px; 
    margin-bottom: 0px; 
    text-transform: capitalize; 
    /* letter-spacing: 2px; */
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 50px; font-style: normal; line-height: 70px; font-weight: 700; text-transform: capitalize; color: #1c2045; letter-spacing: 0;}
h2 { font-size: 36px; font-style: normal; line-height: 46px; font-weight: 600; color: #1c2045; text-transform: capitalize; margin-bottom: 10px; position: relative;}
h3 { font-size: 30px; font-style: normal; line-height: 36px; font-weight: 500;}
h4 { font-size: 24px; font-style: normal; margin-bottom: 10px; font-weight: 500; line-height: 30px; color: #1c2045;}
h5 { font-size: 20px; font-style: normal; margin-bottom: 10px; font-weight: 500; line-height: 26px; color: #1c2045;}
h6 { font-size: 18px; font-style: normal; line-height: 24px; margin-bottom: 10px; color: #1c2045;}
ul { margin: 0px; padding: 0px; }
u { text-decoration-style: wavy;}
p { font-size: 16px }

.clearfix {
    display: block;
    clear: both;
}

a:focus { text-decoration: none !important; }
a:focus, a:hover { color: #838383; text-decoration: none !important; }
a {color:rgb(65, 65, 65)}

/* Font Yolan */
@font-face {
    font-family: "Yolan";
    src: url("../fonts/yolan/yolan.otf");
    src: url("../fonts/yolan/yolan.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Icon Flat */
@font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.eot");
    src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
         url("../fonts/Flaticon.woff") format("woff"),
         url("../fonts/Flaticon.ttf") format("truetype"),
         url("../fonts/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
  
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "Flaticon";
        src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
        font-display: swap;
    }
}
  
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-family: Flaticon;
    font-style: normal;
}

.flaticon-email:before { content: "\f100"; }
.flaticon-call:before { content: "\f101"; }
.flaticon-location:before { content: "\f102"; }
.flaticon-play-button:before { content: "\f103"; }
.flaticon-user:before { content: "\f104"; }
.flaticon-check:before { content: "\f105"; }
.flaticon-development:before { content: "\f106"; }
.flaticon-like:before { content: "\f107"; }
.flaticon-checked:before { content: "\f108"; }
.flaticon-tick:before { content: "\f109"; }
.flaticon-tick-a:after { content: "\f109"; }
.flaticon-plus:before { content: "\f10a"; }
.flaticon-more:before { content: "\f10b"; }
.flaticon-quotation:before { content: "\f10c"; }
.flaticon-upload:before { content: "\f10d"; }

/* Color text*/
.color-green-blue{color:#00aecd !important}
.color-blue{color:#027bb9!important}
.color-light-blue{color:#65c2f0!important}
.color-orange{color:rgb(245, 115, 1) !important}
.color-red{color:#FF3333!important}
.color-black{color:black!important}
.color-dark-blue{color: #154265 !important}
.color-darkness-blue{color: #13324a !important}
.color-white{color:white !important}
.color-gray{color:#666 !important}
.color-gray-dark{color: #555 !important}
.color-purple {color: #6f42c1 !important}

/* Text style */
.text-transform-none{text-transform: none;}
.list-style-none{list-style: none;}
.font-s-8{font-size:8px!important}
.font-s-12{font-size:12px!important}
.font-s-14{font-size:14px!important}
.font-s-18{font-size:18px!important}
.font-s-20{font-size:20px!important}
.font-s-25{font-size:25px!important}
.font-s-30{font-size:30px!important}
.font-s-35{font-size:35px!important}
.font-s-45{font-size:45px!important}

.font-w-3{font-weight: 300;}
.font-w-4{font-weight: 400;}
.font-w-5{font-weight: 500;}
.font-w-6{font-weight: 600;}
.font-w-7{font-weight: 700;}
.font-w-8{font-weight: 800;}
.font-w-9{font-weight: 900;}
.font-w-10{font-weight: 1000;}

.line-h-1{line-height: 1.2;}
.line-h-2{line-height: 1.6;}
.line-h-3{line-height: 1.7;}
.line-h-4{line-height: 1.8;}
.line-h-5{line-height: 1.9;}

.letter-space-1{letter-spacing: 5px;}
.letter-space-2{letter-spacing: 10px;}
.letter-space-3{letter-spacing: 15px;}
.letter-space-n2{letter-spacing: -2px;}

/* Backdround */
.bg-blue{background-color:#027bb9!important}
.bg-blue-light{background-color:#92c0ea!important}
.bg-gray-light{background-color:#f8f8f8!important}
.bg-gray{background-color:#D9D9D9!important}
.bg-orange{background-color:#F47421!important}
.bg-red{background-color:#FF3333!important}
.bg-black{background-color:black!important}
.bg-dark-blue{background-color: #154265 !important}
.bg-darkness-blue{background-color: #13324a !important}
.bg-white{background-color:white !important}
.bg-transparent{background-color: inherit !important;}

.bg-cover{background-size: cover;}
.bg-contain{background-size: contain;}
.bg-pos-l{background-position: left;}
.bg-pos-r{background-position: right;}
.bg-pos-rt{background-position: right top;}
.bg-pos-lt{background-position: left top;}
.bg-pos-rb{background-position: right bottom;}
.bg-pos-lb{background-position: left bottom;}

.o-hidden{overflow: hidden;}
.img-center{display: inline-block !important; max-width: 100%;}
.pos-r{position: relative;}
.z-index-0{z-index: 0; position: relative;}
.z-index-1{z-index: 1; position: relative;}

/* Margin */
.mt-n35{margin-top:-35px !important}
.ml-15{margin-left:15px !important}
.ml-n15{margin-left:-15px !important;}
.mr-n15{margin-right:-15px !important;}
.mt-n15{margin-top:-15px !important;}
.mr-70{margin-right: 70px !important;}
.mt-8{margin-top: 80px !important;}
.mt-10{margin-top: 100px !important;}
.mt-15{margin-top: 150px !important;}

.my-8{margin-top: 80px !important; margin-bottom: 80px !important;}
.my-10{margin-top: 100px !important; margin-bottom: 100px !important;}
.my-15{margin-top: 150px !important; margin-bottom: 150px !important;}
.my-20{margin-top: 200px !important; margin-bottom: 200px !important;}

/* Padding */
.px-8{padding-left: 8px !important; padding-right: 8px !important;}
.px-10{padding-left: 100px !important; padding-right: 100px !important;}
.px-15{padding-left: 150px !important; padding-right: 150px !important;}
.px-20{padding-left: 200px !important; padding-right: 200px !important;}
.py-75{padding-top:75px !important; padding-bottom:75px !important;}

.py-55{padding-top: 55px !important; padding-bottom: 55px !important;}
.py-8{padding-top: 80px !important; padding-bottom: 80px !important;}
.py-10{padding-top: 100px !important; padding-bottom: 100px !important;}
.py-15{padding-top: 150px !important; padding-bottom: 150px !important;}
.py-20{padding-top: 200px !important; padding-bottom: 200px !important;}

.pt-30{padding-top:30px !important;}
.pl-0{padding-left:0px !important}
.pr-0{padding-right:0px !important}
.pl-6{padding-left:6px !important}
.pl-10{padding-left: 100px !important;}
.pr-10{padding-right: 100px !important;}
.pt-6{padding-top: 60px !important;}
.pt-7{padding-top: 71px !important;}
.pt-8{padding-top: 80px !important;}
.pt-9{padding-top: 90px !important;}
.pt-10{padding-top: 88px !important;}
.pt-15{padding-top: 150px !important;}
.pt-20{padding-top: 200px !important;}
.pb-10{padding-bottom: 100px !important;}
.pb-15{padding-bottom: 150px !important;}
.pb-17{padding-bottom: 170px !important;}
.pb-20{padding-bottom: 200px !important;}

/* Border & Shadow*/
.box-shadow{box-shadow: 1px 5px 10px 1px #888888}

/* Search bar */
.search-bar{display: block;}
.search{border:1px solid #d2d2d2;border-radius: 3px;background: #fff;}
.search-group{
    position: relative;
    display: flex;
    border-collapse: separate;
    padding: 5px;
}
.search_input {
    position: relative;
    display: flex;
    flex-grow: 1;
}
.search_keyword {
    border: 0 solid;
    border-radius: 0;
    color: #000;
    box-shadow: none;
    background-color: transparent;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    outline: none;
}
.search_keyword {
    display: table-cell;
    z-index: 2;
    width: 100%;
    height: 34px;
    padding-right: 30px;
    padding-left: 33px;
    padding-top: 12px;
    padding-bottom: 6px;
}
.search_icon-search {
    left: 0;
    position: absolute;
    z-index: 2;
    width: 34px;
    height: 34px;
    line-height: 42px;
    text-align: center;
}
.search_icon-search i {color:#92c0ea}
.search_icon-delete {
    position: absolute;
    right: 0;
    z-index: 2;
    display: none;
    width: 34px;
    height: 34px;
    line-height: 42px;
    text-align: center;
}
.search_icon-delete{    
    cursor: pointer;
    color: #0071ce;
}
.search_icon-delete--show{
    display: block;
}
.search_location-container, .search_category-container {
    border-left: 1px solid #ccc;
    cursor: pointer;
}
.search_location-container {
    display: flex;
}
.search_location-container {
    position: relative;
    width: calc(100%/3 + 20px);
}
.search_icon-location {
    left: 0;
    position: absolute;
    z-index: 2;
    width: 34px;
    height: 34px;
    line-height: 42px;
    text-align: center;
}
.search_icon-location{color:#0071ce}
.search_location-icon-arrow {
    position: absolute;
    right: 0;
    z-index: 2;
    width: 34px;
    height: 34px;
    line-height: 42px;
    text-align: center;
}
.search_button {
    border-radius: 3px;
    border: 0;
    background-color: #006fb6;
    color: #fff;
    cursor: pointer;
}
.search_button {
    padding: 6px 12px;
    font-weight: normal;
    line-height: 1.5em;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.search_location-text {
    padding-top: 8px;
    padding-left: 30px;
}
.search_location-items, .search_location-items-2, .search_category-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    /* z-index: 99; */
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 6px;
    max-height: 400px;
    overflow-y: scroll;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding-top: 5px;
    display: none;
    background: #fff;
}
.search_location-items, .search_category-items {
    z-index: 101;
}
.search_location-items-2 {
    z-index: 199;
}
.search_location-items_item, .search_location-items_item-2 {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}
.search_category-items_item:hover, .search_location-items_item:hover, .search_location-items_item-2:hover {
    background-color: #006fb6;
    color: rgb(255, 255, 255);
}
.search_category-items_item:hover button {
    color: rgb(255, 255, 255);
    font-size: 30px;
}
.search_category-items_item:hover svg path {
    fill: rgb(255, 255, 255);
}
.search_category-items_item {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    background-color: #fff;
    display: flex;
    line-height: 2em;
}
.search_category-items_item img {
    height: 25px;
    width: 25px;
    margin-right: 10px;
}
.search_category-items_item {
    font-size: 14px;
}
.search_category-items_item button {
    margin: auto 0 auto auto;
    background-color: transparent;
}
.sub-search_category-items_item {
    padding-left: 15px;
}
.sub-search_category-items_item i{
    margin-right: 10px;
}
.search_category-items-icon {
    width: 25px;
    height: 25px;
    position: relative;
    top: 1px;
    fill: #333;
    margin: auto 10px auto 0;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 3px;
}
.autocomplete-active {
    background-color: #d4d4d4 !important;
}
.autocomplete-items_item {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}
.search_location-items-arrow-right {
    width: 12px;
    height: 12px;
    position: relative;
    top: 1px;
    fill: #333;
    float: right;
}
.search_location-items_item:hover .search_location-items-arrow-right, .search_location-items_item-2:hover .search_location-items-arrow-right {
    fill: #fff;
}
.search_location-items-arrow-left {
    width: 12px;
    height: 12px;
    position: relative;
    top: 1px;
    fill: #333;
    margin-right: 10px;
}
.search_category-container {
    position: relative;
    width: 274px;
    display: flex;
}
.search_icon-category {
    left: 0;
    position: absolute;
    z-index: 2;
    width: 34px;
    height: 34px;
    line-height: 42px;
    text-align: center;
}
.search_category-text {
    padding-top: 8px;
    padding-left: 30px;
}
.search_category-icon-arrow {
    position: absolute;
    right: 0;
    z-index: 2;
    width: 34px;
    height: 34px;
    line-height: 42px;
    text-align: center;
}
.search-link {
    position: relative;
    top: 9px;
    height: 22px;
    color: #006fb6;
}

/* Category */
.province-category .list-5-col a{
    display: flex;
    text-align: left;
}
.province-category p {
    font-size: 14px;
    margin-right: auto;
}
.main-category-top_icon{
    height: 32px;
    width: 32px !important;
}
.main-category-top_icon-flash-sale{
    height: 77px;
    width: 77px !important;
}
.flash-sale {
    border-width: 0px 1px 0px 0px;
    border-color: rgba(192, 192, 192, 0.658);
    border-style: solid;
}
.category-home:before {
    content: '';
    width: 2px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(0, 111, 182) 51%, rgba(255,255,255,0) 100%);
    left: 0px;
    height: 90%;
    position:absolute; 
}

/* Breadcrumb */
.breadcrumb_config {
    border-bottom: 1px solid #ececec;
}
.breadcrumb_config ol {margin: 0px; padding-left: 0px;}
.breadcrumb_icon i{
    position: relative;
    font-size: 12px;
    color: #0071ce;
}
.breadcrumb-item {
    display: inline-block;
}

/* Ads */
.ads-google, .side-ads-google, .side-ads-google-detail{
    border: 1px solid #0071ce;  
    padding: 5px;
    margin-bottom: 10px;
    width: 100%;
}
.side-ads-google-detail .owl-carousel .card-img-top{
    height: 80px;
    margin: 0 auto;
}
.side-ads-google-detail .owl-carousel p {
    font-size: 14px;
}
.ads-google .float-right i,.side-ads-google .float-right i, .side-ads-google-detail .float-right i{font-size: 14px; color:#0071ce; border:1px solid #0071ce; padding:2px 7px}
.nav-button{background-color: transparent;border: none;padding: 0px;}
.nav-button:focus,.nav-button:active {
    outline: none !important;
    box-shadow: none;
}

/* List */
.ads-google-tile {
    display: flex;
}
.ads-google-tile .form-group{
    margin-bottom: 0px;
}
.ads-google-tile .form-group .form-control{
    padding:0rem 0.5rem;
    font-size: 0.8rem;
    height: calc(1.5em + .4rem);
}
.ads-google-tile span:last-child {
    margin-left: auto;
    display: flex;
}
.group-header .item svg{fill:#e3e3e3}
.group-header .item.active svg{fill:rgb(255, 145, 0)}
.group-header .item:hover svg{fill:rgb(255, 145, 0)}

/* Featured */
.property-container{
    height: calc(100% - 20px);
	margin-bottom: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 12px 5px  rgba(0, 0, 0, .1);
       -moz-box-shadow: 0px 0px 12px 5px  rgba(0, 0, 0, .1);
            box-shadow: 0px 0px 12px 5px  rgba(0, 0, 0, .1);
}
.property-image{
	position: relative;
	overflow: hidden;
}
.property-price{
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: auto;
	max-width: 80%;
	padding: 8px 16px;
	background: rgba(132, 132, 132, 0.66);
	color: #fff;
	text-align: center;
	line-height: 22px;
	font-weight: 400;
    border-bottom-left-radius: 24px;
}
.property-price h4{
	line-height: 20px;
	margin: 0 0 5px;
	font-weight: 400;
}
.property-price small{
	font-size: 13px;
	font-weight: 400;
}
.property-status{
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: auto;
	max-width: 70%;
	padding: 5px 10px;
	background: #1b1d2aa6;
	font-weight: 400;
	color: #fff;
}
.property-image-list .property-status{
	position: absolute;
	left: 0;
}
.property-badge {float: right;}
.arrow-ribbon {
    background-image: linear-gradient(to right, rgba(196, 183, 0, 0.651) , #e0ad05);
    color: #FFF;
    padding: 4px 10px;
    position: absolute;
    bottom: 0;
    right: -1px;
    font-size: 13px;
    font-family: "Varela Round", 'Nunito', Helvetica, Arial, sans-serif;
}
.arrow-ribbon:before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    left: -12px;
    border-top: 15px solid transparent;
    border-right: 12px solid rgba(196, 183, 0, 0.651);
    border-bottom: 15px solid transparent;
    width: 0;
}
.property-container .property-content{
    background: #fff;
    padding: 10px 15px;
    color: #484848;
}
.property-container .property-content h3{
	display: block;
    margin-top: 10px;
	font-size: 15px !important;
	line-height: 24px;
	font-weight: 400 !important;
}
.property-container .property-content h3{margin: 0 !important;}
.property-container .property-content h3 a{
    font-size: 22px;
    color: #eabb69;
    margin-bottom: 25px;
}
.property-container .property-content h3 small, .agent-text h3 small{
	display: block;
	margin-top: 10px;
	padding-top: 5px;
    border-top: 1px solid #e5e5e5;
    font-size: 16px;
    color: #656565;
    line-height: 1.75;
    color: #484848;
}
.property-container .property-content h3 small i{
    color: #777;
    font-size: 14px;
}
.property-container .property-content p{
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    color: #656565;
    line-height: 1.75;
}
.property-container .property-content p{margin: 5px 0 0 0;}
.property-attributes {
    min-height: 80px;
    margin-top: -10px;
    padding: 0px 15px;
}
.property-buttons {overflow: hidden;padding: 0 0 20px 25px;}
.property-buttons .property-btn{background-color: #FEE140;background-image: linear-gradient(90deg, #fee14086 0%, #eabb69 100%);color: #fff;}
.property-btn{
    background-color: #FEE140;background-image: linear-gradient(90deg, #fee14086 0%, #c7a900 100%);
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    font-weight: 500;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;
}
.property-small-title {
    color: #fff;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.property-small-title h5 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.property-small-head {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
    font-weight: 500;
}
.property-small-head a {
    color: #eabb69;
    font-size: 17px;
}
.property-small-price {
    color: #484848 !important;
    font-weight: 700;
}
.property-small-location, .property-small-location a {
    color: #656565 !important;
    margin: 0;
    font-size: 14px;
    font-family: "Varela Round", 'Nunito', Helvetica, Arial, sans-serif;
}
.agent-content-list{display: table;}
.agent-image-list{
    position: relative;
    width: 50%;
    display: table-cell;
    vertical-align: top;
}
.agent-text {
    position: relative;
    width: 50%;
    display: table-cell;
    padding: 15px;
    vertical-align: top;
    background: #fff;
}
.agent-text h3 {
    display: block;
    margin-top: 10px;
    font-size: 15px !important;
    line-height: 24px;
    font-weight: 400 !important;
}
.agent-text h3 a{
    font-size: 20px;
    color: #eabb69;
    margin-bottom: 25px;
}
.agent-email, .agent-phone {
    font-size: 12px;
}
.agent-text .social-icons li a{height: 30px;width: 30px;line-height: 30px;}
.agent-text .social-icons ul{margin-top:-14px}
.agent-text .social-icons li{margin:0px}

/* View */
.view-list{
    box-shadow: 0 0 5px rgb(153, 153, 153); 
    -moz-box-shadow: 0 0 5px rgb(153, 153, 153); 
    -webkit-box-shadow: 0 0 5px rgb(153, 153, 153);
}
.view-list img{
    border-radius: 5px;
    width: 100%;
}
.view-default {
    border-bottom: 1px solid rgb(202, 202, 202);
    display: flex;
    margin-bottom: 15px;
    margin-top: 4px;
}
.view-default .img-view-default {
    width: 40px !important;
    text-align: center;
}
.view-default .content-view-default {
    display: block;
    padding: 0px 10px;
    width: 100%;
}
.view-default:last-child() {
    border-bottom: none;
}
.view-default .img-view-default{
    background: url("../images/camera.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.view-default .img-view-default span {
    margin-top: -1px;
    margin-left: 3px;
    display: block;
}
.group-header .nav-tabs {
    border-bottom: none;
}
.group-header .nav-link {
    padding: 0px 5px;
}
.group-header .nav-tabs .nav-item {
    margin-bottom: 0px;
    margin-top: -3px;
}
.list-box .tab-content>.active{
    display: flex !important;
    flex-wrap: wrap;
}
.group-header .nav-tabs .nav-link.active svg{
    fill: rgb(255, 145, 0);
}

/* Scroll to top */
#back-to-top {
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
}
#back-to-top a {padding:0px 10px 0px 10px;text-decoration: none;}
#back-to-top a i {font-size:40px;color:#0071ce;}

/* Header */
.header {
    position: absolute; 
    top: 0; 
    width: 100%; 
    z-index: 1200;
    background-color: rgb(255, 255, 255);
}
#header-wrap.fixed-header {position: fixed; top:0; left:0; width: 100%; z-index: 999 !important; background: #ffffff !important;}

/* Navigation */
.navbar{padding: 0;}
.navbar-nav .nav-item.dropdown .dropdown-menu{padding: 10px; background: #141414; top: 120%; margin-top: 0;}
.navbar-brand{margin-right: 0; padding: 0;}
.nav-item.dropdown .dropdown-menu a{padding: 10px 20px; display: block; white-space: nowrap; position: relative; background: none; color: #ffffff; font-size: 14px; font-weight: 400;}
.nav-item.dropdown .dropdown-menu a:hover{background: #0071ce; color: #ffffff; padding-left: 15px;}
.nav-item.dropdown .dropdown-menu:after {position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding: 10px; outline: 1px solid #555555; outline-offset: -10px; content: ""; z-index: -1;}

.navbar-nav .dropdown-menu .dropdown-submenu .dropdown-menu {left: 100%; margin: 0; right: auto; top: 0;}
.navbar-nav .dropdown-submenu {display: block; position: relative;}
.navbar-nav .dropdown-submenu .dropdown-toggle::after {border-top: .3em solid transparent; border-bottom: .3em solid transparent; border-right: none; border-left: .3em solid; position: absolute; right: 1em; margin: 0; vertical-align: middle; top: 50%; transform: translateY(-50%);}

.navbar-brand{margin-right: 0;}
.navbar-nav .nav-item{margin: auto 3px}
.navbar-nav .nav-link{color: #555; font-weight: 500; padding: 15px 10px !important; border-radius: 0; text-transform: capitalize; overflow: hidden; position: relative;}

.navbar-nav .nav-link:hover, .navbar-nav .nav-item .nav-link.active {color: #0071ce;}
.navbar-nav .nav-link:hover:before, .navbar-nav .nav-item .nav-link.active:before{opacity: 1;}
#ht-main-nav {position: fixed; top: 0; bottom: 0; right: 0; padding: 50px 10px; width: 350px; height: 100%; overflow-y: scroll; background: #ffffff; z-index: 99999; visibility: hidden; opacity: 0; -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
#ht-main-nav .ht-nav-toggle {position: absolute; top: 20px; right: 20px; padding: 20px; height: 44px; width: 44px; line-height: 0; padding: 0 !important; visibility: hidden; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
#ht-main-nav .ht-nav-toggle span{top: 18px !important; left: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 0; text-indent: 0;}
#ht-main-nav .ht-nav-toggle.show {visibility: visible; opacity: 1;}
.ht-nav-toggle {cursor: pointer; text-decoration: none;}
.ht-nav-toggle.active.show span::before, .ht-nav-toggle.active.show span::after {background: #141414;}
.ht-nav-toggle:hover, .ht-nav-toggle:focus, .ht-nav-toggle:active {outline: none; border-bottom: none !important;}
.ht-nav-toggle span {position: relative; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 30px; height: 2px; text-transform: uppercase; text-indent: -55px; background: #0071ce; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out;}
.menu-show .ht-nav-toggle span {background: transparent;}
.ht-nav-toggle span::before, .ht-nav-toggle span::after {content: ''; width: 40px; height: 2px; background: #0071ce; position: absolute; right: 0; -webkit-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s;}
.ht-nav-toggle span::before {top: -7px; width: 20px;}
.ht-nav-toggle span::after {bottom: -7px;}
.ht-nav-toggle.active span {background: transparent;}
.menu-show .ht-nav-toggle span::before, .menu-show .ht-nav-toggle span::after {background: transparent;}
.ht-nav-toggle.active span::before {top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg);}
.ht-nav-toggle.active span::after {bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg);}
.ht-nav-toggle {float: right; z-index: 1003; position: relative; display: block; margin: 0 auto; cursor: pointer; margin-top: 0;}
#ht-main-nav .ht-nav-toggle:hover span::before, #ht-main-nav .ht-nav-toggle:hover span::after {content: ''; width: 40px; height: 2px; background: #0071ce; position: absolute; left: 0;}
.menu-show #ht-main-nav {visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
#ht-main-nav .ht-nav-toggle span::before {width: 40px;}
#ht-main-nav .ht-nav-toggle span{width: 40px;}
.header-2 .navbar-nav .nav-link, .header-2 .navbar-nav .nav-link:hover, .header-2 .navbar-nav .nav-item .nav-link.active{color: #fff}
.header-2 .search-button{color: #fff;}
.header-2 .ht-nav-toggle span, .header-2 .ht-nav-toggle span::before, .header-2 .ht-nav-toggle span::after{background: #fff}
.header-2 #header-wrap.fixed-header .navbar-nav .nav-link{color: #111121}
.header-2 #header-wrap.fixed-header .search-button, .header-2 #header-wrap.fixed-header .navbar-nav .nav-link:hover, .header-2 #header-wrap.fixed-header .navbar-nav .nav-item .nav-link.active{color: #0071ce}
.header-2 #header-wrap.fixed-header .ht-nav-toggle span, .header-2 #header-wrap.fixed-header .ht-nav-toggle span::before, .header-2 #header-wrap.fixed-header .ht-nav-toggle span::after{background: #141414}
.logo .sticky-logo{display: none !important;}
.header-2 #header-wrap.fixed-header .logo > img{display: none !important;}
.header-2 #header-wrap.fixed-header .logo .sticky-logo{display: block !important;}

.boxed-view .header{position: inherit;}

.border-header{border:1.5px solid #0071ce; border-radius: 4px;}
.border-header a{margin:-10px 0px}
/* Section */
section{padding: 80px 0;}

/* Footer */
.footer {background-color:#fbfbfb; border-top:5px solid #92c0ea}

.primary-footer{position: relative; z-index: 99;}
.secondary-footer{padding: 30px 0; background: #f0fbff; color: #111121; font-weight: 500; text-transform: uppercase;}
.footer-logo img{height: 70px;}
.primary-footer, .primary-footer a{color: #111121;}
.primary-footer h5{margin-bottom: 20px;}

.media-icon.list-inline li{display: inline-block;}
.media-icon li{margin-bottom: 15px; font-size: 16px; font-weight: 400;}
.media-icon li:last-child{margin-bottom: 0;}
.media-icon li a:hover{color: #0071ce}

.ht-theme-info {display: inline-block; padding: 40px; z-index: 2;}
.footer-logo{margin-bottom: 15px;}

.round-p-animation {position: absolute; bottom: 0; right:-100px; margin-top: -50px; z-index: 9; background: transparent; width: 200px; height: 200px; border: 10px solid rgba(255,120,16,0.1); -webkit-border-radius: 100%;
 border-radius: 100%; text-align: center; display: inline-block; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out; -webkit-transition-property: color, background, border-color; transition-property: color, background, border-color; }
.round-p-animation:after, .round-p-animation:before {content: ''; border: 10px solid; border-color: inherit; width: 270%; height: 270%; -webkit-border-radius: 100%; border-radius: 100%;
 position: absolute; left: -85%; top: -85%; opacity: 1; -webkit-animation: 2s videomodule-anim linear infinite; animation: 2s videomodule-anim linear infinite; }
.round-p-animation:before {-webkit-animation-delay: .5s; animation-delay: .5s; }

.absolute-footer{
    background-color:#dbebfa;
}
.absolute-footer_container {
    display: flex;
}
.absolute-footer-left{text-align: left;}
.absolute-footer-right{text-align: right;}
.absolute-footer img {
    width: 100%;
}

/* Social */
.social-icons ul{padding:0; margin: 0; line-height: 0;}
.text-center.social-icons ul{display:inline-block;}
.social-icons li{display: inline-block; list-style:none; padding:0; margin:0 8px 0 0;}
.social-icons li a {display: inline-block; height: 40px; width: 40px; line-height: 40px; font-size: 14px; text-align: center; margin:0; border-radius: 4px; border: 0; background: transparent; color: #111121; overflow: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.text-white .social-icons li a{color:#ffffff;}
.social-icons.fullwidth li a{width: auto; height: auto; line-height: 20px; padding: 10px 15px;}

.social-icons.social-colored .social-facebook a,
.social-icons.social-hover .social-facebook a:hover{background-color:#5d82d1;}
.social-icons-facebook{display:inline-block;height: 30px; width: 30px ;border-radius:50%; background:rgb(0, 140, 255)}
.social-icons-facebook i{padding: 5px 8px}

.social-icons.social-colored .social-twitter a,
.social-icons.social-hover .social-twitter a:hover{background-color:#40bff5;}

.social-icons.social-colored .social-vimeo a,
.social-icons.social-hover .social-vimeo a:hover{background-color:#35c6ea;}

.social-icons.social-colored .social-youtube a,
.social-icons.social-hover .social-youtube a:hover{background-color:#ef4e41;}

.social-icons.social-colored .social-instagram a,
.social-icons.social-hover .social-instagram a:hover{background-color:#ff48a3;}

.social-icons.social-colored .social-gplus a,
.social-icons.social-hover .social-gplus a:hover{background-color:#db5442;}

.social-icons.social-colored .social-google a,
.social-icons.social-hover .social-google a:hover{background-color:#eb5e4c;}

.social-icons.social-colored .social-skype a,
.social-icons.social-hover .social-skype a:hover{background-color:#13c1f3;}

.social-icons.social-colored .social-linkedin a,
.social-icons.social-hover .social-linkedin a:hover{background-color:#238cc8;}

.social-icons.social-colored .social-flickr a,
.social-icons.social-hover .social-flickr a:hover{background-color:#ff48a3;}

.social-icons.social-colored .social-tumblr a,
.social-icons.social-hover .social-tumblr a:hover{background-color:#426d9b;}

.social-icons.social-colored .social-pinterest a,
.social-icons.social-hover .social-pinterest a:hover{background-color:#e13138;}

.social-icons.social-border span{border:1px solid #efefef; background:#353C48;}
.social-icons.circle span{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}

/* Title UnderLine */
.title,.title-2,.title-1 {position: relative; color: #1c2045; margin-bottom: 10px;}

.title-1:before {
    position:absolute; 
    left: 0; 
    width:30%; 
    margin:0 auto; 
    bottom:0; 
    height: 3px; 
    content: "";
    background: #0071ce; /* Old browsers */
}
.title-2:after {position:absolute; right: 0; width:70%; margin:0 auto; bottom:0; content: "";
   border-top: 1px dotted #c8c8c8 
}
.title-dot{border-bottom:1px dotted #92c0ea}
.title-dot-orange{border-bottom:1px dotted #0071ce}
.border-r-dot{
    border-right:1px dotted #0071ce
}
.border-r-dot:last-child{
    border-right:none
}
.border-l-dot{border-left:none}
.list-title {border-bottom: 1px solid #c8c8c8;}
.dot-title {border-bottom: 1px dotted #c8c8c8}

.text-center .title:before{left: 50%;}
.text-right .title:before{left: inherit; right: 0;}
.transform-x, .bnr-animation, .text-center .title:before{transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%);}

/* Change Slider */
.slider-mobile{display: none;}
.carousel-indicators .banner li{
    background-color:rgb(255, 255, 255);  
    height: 20px;
    border-radius: 50%;
}
#carousel-home .carousel-indicators li{
    background-color:rgb(255, 255, 255);  
    width: 20px;
    height: 20px;
    border-radius: 50%;}
#carousel-home-2 .carousel-indicators li{
    background-color:rgb(156, 156, 156);  
    width: 20px;
    height: 20px;
    border-radius: 50%;}

.row-image img{margin-top: calc(100%/-7);}

/* Banner Home */
.two-ads-banner{
    min-height: 180px;
}

/* Category Box Contact */
.category-contact .box-contact .report{
    padding: 5px 20px ;
    border:1px solid #ddd; 
    border-radius: 5px; 
    text-align: center; 
    align-items: center;
}
.box-contact{
    display: flex;
    flex-wrap: wrap;
}
.box-contact p{padding-bottom: 0px;}
.info-product{
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
}
.info-poster{
    display: flex;
    flex-wrap: wrap;
}
.info-poster img {
    height: 80px;
    width: 80px;
}

/* Image Width */
.w-10 {width: 10%!important;}
.w-30 {width: 30%!important;}
.w-40 {width: 40%!important;}
.w-70 {width: 77%!important;}
.w-80 {width: 80%!important;}
.min-w-40{min-width: 40% !important;}

/* Grid */
.grid .grid-item{ padding: 10px; display: table-cell;vertical-align: middle}
.grid.columns-2 .grid-item{ width: 50%; height: 320px;}
.grid.columns-2 .grid-item img{ width: 100%; height: 320px;}
.grid.columns-5 .grid-item{ width: 19%;margin:2px;}
.grid.no-gutters .grid-item{padding: 0;}
.portfolio-item {overflow: hidden; position: block;}
.portfolio-item::before {display: block; background: rgba(0, 0, 0, 0.95); content: ""; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index: 1;}

/* Button */
.button-config{border:1px solid white; background-color: transparent; border-radius: 25px;padding:10px 20px 10px 20px}
.button-config-2{border-radius:5px; background-color: #154265; color:white;border:none; padding:5px 30px 5px 30px}

/* Transition */
a, i, .btn, button, img, span, .animatedBackground, .navbar-nav .nav-link:before, .dropdown-item, .portfolio-item:before, .portfolio-item:after, .owl-item, .cases-item, .cases-description, .featured-item .featured-icon i, .featured-item, .featured-icon, .price-table, .post .post-desc, .sidebar-links li a, .team-description
{-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; }
.navbar-nav .dropdown-menu .nav-link:focus, .navbar-nav .dropdown-menu .nav-link:hover{transform: translateX(5px); -webkit-transform: translateX(5px); -o-transform: translateX(5px); -ms-transform: translateX(5px); -moz-transform: translateX(5px);}
.navbar-nav .nav-item.dropdown .dropdown-menu{padding: 10px; background: #141414; top: 120%; margin-top: 0;}

/* Mobile Show */
.mobile-show, .mobile-show-news{display:none}

/* Pagination */
.pagination{display: inline-block;}
.product-pagination{padding-left: calc(100%/4);}
.tech-pagination{padding-left: calc(100%/2.5);}

.pagination > li{display: inline-block;}
.pagination > li > a, .pagination > li > span{width: 50px; height: 50px; line-height: 50px; padding: 0; text-align: center; color: #111121; font-weight: 500; border-radius: 5px; border-color: #efefef}
.pagination > li.active .page-link, .page-link:hover, .page-link:focus{box-shadow: none; background: #0079B8; color: #ffffff; border-color:  #0071ce}

/* News */
.news button{
    background-color: #0071ce;
    color: white;
    padding: 5px 20px;
}

.triangle-list{list-style: none;}
.triangle-list li {margin-top:-10px}
.triangle-list li:before {   
    content: "";  
    border-color: transparent #666;  
    border-style: solid;  
    border-width: 0.35em 0 0.35em 0.45em;  
    display: block;  
    height: 0;  
    width: 0;  
    left: -1em;  
    top: 1.2em;  
    position: relative;  
} 
.search_location-off .list-3-col li{
    width:calc(100%/3.2);  
    margin:0 5px 5px 0;
    float:left;
}
.news-home .list-3-col li{
    width:calc(100%/3.2);  
    margin:0 5px 5px 0;
    float:left;
}
.list-5-col{
    width:calc(100%/5);  
    text-align: center;
    float:left;
    padding-bottom: 5px;
}
.list-5-col p {
    font-size: 13px;
}
.list-5-col img{
    width:50%
}
.category-list{border-right: 1px dotted #92c0ea}
.list-flash-sale {display: none;}

.list-5-col.d-flex{padding-bottom:0px}

/* Carousel */
.carousel-wrap {
    width: 100%;
    margin: auto;
    position: relative;
  }
.owl-carousel .owl-nav{
    overflow: hidden;
    height: 0px;
}

.owl-theme .owl-dots{display: none}

.owl-carousel .item {
    text-align: center;
}
.side-ads-google-detail .owl-carousel.owl-theme .item{
    border:1px solid #92c0ea;
    min-height: 170px;
}
.ads-google .owl-carousel.owl-theme .item{
    border:1px solid #92c0ea;
    min-height: 200px;
}
.owl-carousel .nav-btn{
    height:35px;
    position: absolute;
    width: 35px;
    cursor: pointer;
    top: 140px;
    border-radius:50%;
    background-color: rgb(105, 105, 105);
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled{
    pointer-events: none;
    opacity: 0.2;
}

.border-slider-right i{font-size: 18px; padding-top:8px;padding-left:5px; color: white;}
.border-slider-left i{font-size: 18px; padding-top:8px;padding-right:5px; color: white;}

.owl-carousel .prev-slide{
    left: 4px;
}
.owl-carousel .next-slide{
    right: 4px;
}

/* Config Content News */
.content-news {padding-top:15px}
.content-news img{width:100%}

.logo img{width: 100px; height: auto;}
.logo h3 span {font-size: 45px;}

/* Form Login */
.form-login{
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 15px;
}
.form-login-content, .form-register-content{
    border-right: 1px dashed #ccc;
}
.button {
    padding: 5px 20px;
    background-color: #3b5998;
    color: rgb(255, 255, 255);
    border-radius: 5px;
}
.button:hover:not([disabled]) {
    background-color: transparent;
    column-rule-color: #3b5998;
    border: 1px solid #3b5998;
    color: #3b5998;
}
.btn-facebook {
    background-color: #3b5998;
    color: white;
    width: 100%;
    display: block;
    padding: 5px 0;
    text-align: center;
    border-radius: 5px;
}
.btn-google {
    background-color: rgb(255, 255, 255);
    border: 1px solid #ccc;
    width: 100%;
    display: block;
    padding: 5px 0;
    text-align: center;
    border-radius: 5px;
}
.btn-facebook:hover {
    background-color: transparent;
    color: #3b5998;
    border: 1px solid #3b5998;
}
.btn-google:hover {
    background-color: #ff5100;
    color: rgb(255, 255, 255);
}
.fa-google {
    background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}
.form-login-content .form-90, .form-register-content .form-90{
    width: 90%;
}
.form-login-content .checkbox, .form-register-content .checkbox {
    margin: auto 10px auto 0;
}

/* Profile */
.profile .profile-side ul>li{
    font-size: 14px;
    padding: 10px 5px;
    border: 1px solid #f0f0f0;
    border-bottom: none;
    color: #1a1a1a;
}
.profile .profile-side ul .active{
    background-color: #f8f8f8;
    color: #0071ce;
}
.profile .profile-side ul>li:last-child{
    border-bottom: 1px solid #f0f0f0;
}
.profile .profile-side ul>li .fa-chevron-right{
    font-size:12px;
    color: #0071ce;
}
.profile .profile-side ul>li:hover, .profile ul>li:hover i{
    color: #0071ce;
}
.profile-search{
    background: #f1ebe5;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 16px;
    padding-left: 0px !important;
    margin: 0px;
    width: 100%;
}
.profile-search-keyword input{
    margin-top:5px;
    height:30px;
    width: calc(100% - 40px)
}
.profile-search-keyword .custom-size{
    margin-top:5px;
    cursor:pointer
}
.profile-search-keyword i{
    margin-left:-2px;
    margin-top:1px
}
.profile .profile-tab .status{
    display:flex;
    list-style-type: none
}
.profile-tab ul>li {
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    font-size: 14px;
    width: 140px;
    border-bottom: 1px solid #e5e5e5;
}
.profile-tab .active {
    color: #0071ce !important;
    font-weight: bold;
    border-bottom: 2px solid #0071ce !important;
}
.result-search {
    display: none;
    flex-wrap: wrap;
}
.input-group-addon{
    display: table-cell;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border-width: 1px 1px 1px 0px;
    border-color: #ccc;
    border-style: solid;
    border-radius: 0px 5px 5px 0px;
    white-space: nowrap;
    vertical-align: middle;
}
.custom-size {
    float: left;
    width: 35px;
    height: 30px;
}

/* Side Nav Config */
.nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

/* Side Tab Content */
button {
    border:none;
}
button:active, button:focus{
    border:none;
    outline: none;
}
#sideTabContent #reward button{
    background-color: #0071ce;
    color: white;
    padding: 5px 40px;
}
#sideTabContent #notification .button-read{
    background-color: white;
    color: #00f;
    padding: 2px 40px;
    border: 1px solid #00f;
}
#sideTabContent #notification .button-delete{
    background-color: white;
    color: #f00;
    padding: 2px 40px;
    border: 1px solid #f00;
}
#sideTabContent .button-update{
    background-color: #0071ce;
    color: white;
    padding: 2px 40px;
}
#sideTabContent #reward button:active, #sideTabContent #reward button:focus{
    border:none;
    outline: none;
    background-color: #0071ce;
}
.add-phone {border-bottom: 1px solid #ccc;}
.add-phone p{color:#f36f21;}

/* Selected */
.status-value{
    padding-top: 5px;
}

/* Account Info */
.account-info{
    border: 1px solid #ccc;
    border-radius: 5px;
}

.social-link{
    border-top: 1px solid #e5e5e5;
}

/* Post-new-title */
.post-new .post-new-border{
    border-bottom: 1px solid #ccc;
}
.post-new .post-new-border img, .collapse-posts_content img {
    width: 34px;
    height: 34px;
}
.post-new-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
.post-new-title span{
    border-radius: 50%;
    background-color: #0070b7;
    color: white;
    padding: 7px 12px;
}

.post-new ul>li{
    font-size: 14px;
    padding: 5px 0px;
    color: #1a1a1a;
}
.post-new .nav-link{
    padding: 0.2rem 0rem;
}
.post-new ul .active{
    background-color: #feffe6;
    color: #0071ce;
}
.post-new ul>li .fa-chevron-right{
    font-size:12px;
    color: #0071ce;
}
.post-new ul>li:hover a, .post-new ul>li:hover i{
    color: #0071ce;
}

/* Form Post New */
.form-post-new .krajee-default.file-preview-frame {
    width: 165px;
}
.form-post-new .krajee-default.file-preview-frame .kv-file-content {
    width: 140px;
    height: 105px;
}
.form-post-new .btn-primary{
    background-color: #3b5998 !important;
    color: white;
}

.side-content{
    width: 100%;
    border: 1px solid #cecece;
}
.side-content .side-content-title{
    background: #f9f9f9;
    padding: 7px 10px;
    font-weight: 700;
    border-bottom: 1px solid #cecece;
}
.side-content-box, .side-content-list{
    padding: 7px 10px
}
.side-content-box {
    border-bottom: 1px dashed #ccc;
}

/* Like */
.like {color: white; border-radius: 5px; background-color: rgb(0, 119, 255);padding: 2px 5px;}

/* Support Button */
#contact-button-1{
    position: fixed; 
    z-index: 100; 
    right: 0px;
    top:260px;
}
#contact-button-1{
    color: rgb(69, 150, 241);
    width: 87px;
}
#contact-button-1:hover a{color:rgb(255, 154, 21)}
#contact-button-1 a,#contact-button-2 a, #contact-button-3 a, #contact-button-4 a {
    box-shadow: 0 4px 2px -2px gray;
    -webkit-box-shadow: 0 4px 2px -2px gray;
    -moz-box-shadow: 0 4px 2px -2px gray;
    border-radius: 0px 0px 0px 5px;
    font-weight: 600;
    z-index: 92;
}
#contact-button-1 span,#contact-button-2 span, #contact-button-3 span, #contact-button-4 span {
    color: #006cc4;
    z-index: 100;
    position: relative;
    font-size: 14px;
}
#contact-button-1 span img,#contact-button-2 span img, #contact-button-3 span img,#contact-button-4 span img {
    width: 30px;
    height: 30px;
}
#contact-button-2{
    position: fixed; 
    z-index: 100; 
    right: 0px;
    top: 320px;
    color:rgb(69, 150, 241);
}
#contact-button-2 a{
    position: relative;
}
#contact-button-2:hover a{color:rgb(255, 154, 21)}
#contact-button-3{
    position: fixed; 
    z-index: 100; 
    right: 0px;
    top: 390px;
    color:rgb(69, 150, 241);
}
#contact-button-3 a{
    position: relative;
    padding-right: 5px;
    padding-top: 5px;
}
#contact-button-3:hover a{color:rgb(255, 154, 21)}
#contact-button-4{
    position: fixed; 
    z-index: 100; 
    right: 0px;
    top: 457px;
    color:rgb(69, 150, 241);
}
#contact-button-4 a{
    position: relative;
    padding-right: 5px;
    padding-top: 5px;
}
#contact-button-4:hover a{color:rgb(255, 154, 21)}
#contact-button-2 img {
    margin-top: 4px;
    margin-right: -2px;
}
.kenit-alo-circle {
    width: 50px;
    height: 50px;
    top: -10px;
    right: 48px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: .1;
    border-color: #0089B9;
    opacity: .5;
    z-index: 90;
}
.kenit-alo-circle-fill {
    z-index: 90;
    top: -15px;
    right: 43px;
    width: 60px;
    height: 60px;
    position: absolute;
    -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;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: rgba(0, 175, 242, 0.5);
    opacity: .75;   
}

/* Slogan */
.header-slogan {
    font-family: 'Dancing Script', cursive;
    text-align: center;
    margin: 0;
    padding: 0;
    font-weight: 900;
    color: #006fb6;
    flex-grow: 1;
    text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
    0px -5px 35px rgba(255,255,255,0.3);}
.header-slogan span {
    transform: scale(0.9);
    display: inline-block;
}
.header-slogan span:first-child {
    animation: bop 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards infinite alternate;
}
.header-slogan span:last-child {
    animation: bopB 1s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards infinite alternate;
}
@keyframes bop {
    0% {
        transform: scale(0.9);
    }
    50%, 100% {
        transform: scale(1);
	}
}   
@keyframes bopB {
    0% {
        transform: scale(0.9);
	}
	 80%, 100% {
        transform: scale(1);
	}
}
 
/* Config HR */
.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    /* text-align: center; */
    height: 1.5em;
    opacity: .5;
}
.hr-text::before {
    content: '';
    background: #817a78;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
}
.hr-text::after {
    content: attr(data-content);
    left: 5%;
    position: relative;
    display: inline-block;
    color: black;
    padding: 0 .5em;
    line-height: 1.5em;
    color: #817a78;
    background-color: #fcfcfa;
}

/* Wishlist & Report */
#favorite-button, #report {
    cursor: pointer;
}
.border-red {
    border-color: rgb(255, 72, 0) !important;
    color: rgb(255, 72, 0);
}

/* Image fixed */
.image-viewed {
    height: 120px;
    width: auto;
}
.image-post-new {
    height: 150px;
    width: auto;
}
.image-ads-feature {
    height: 120px;
}
.image-side {
    height: 250px;
    width: auto;
}
.image-view-as-grid {
    width: auto;
    height: 220px;
}
.image-slide-detail {
    width: auto;
    height: 500px;
}
.detail-viewed img {
    height: 100px;
}

.collapse-posts_content .collapse-posts_content-item {
    padding: .5rem 0rem;
}
.collapse-posts_content .collapse ul {
    margin-top: -50px;
}

/* Modal */
.modal {
    z-index: 99999 !important;
}

/* Detail Category */
.detail-category .list-5-col {
    padding-bottom: 5px;
}
.detail-category .list-5-col img {
    width: 34px;
    height: 34px;
}

/* Reponsive */
@media screen and (min-width: 1200px) {
    h1{font-size: 50px; line-height: 60px;}
    h2 {font-size: 32px; line-height: 40px;}
    h3 {font-size: 28px; line-height: 38px;}
    h4 {font-size: 20px; line-height: 30px;}
    h5 {font-size: 18px; line-height: 24px;}
    h6 {font-size: 17px; line-height: 22px;}
}

@media (min-width:991px) and (max-width:1200px) {
    /* .pt-10{padding-top: 140px !important;} */

    .list-5-col {
        width: calc(100%/4);
    }

    .search_location-off .list-3-col li {
        margin: 0 5px 0px 0;
        font-size: 14px;
    }
}

@media screen and (min-width: 992px) {
    .navbar-nav .dropdown-menu {min-width: 12em !important; max-width: 20em !important;}
    .navbar-nav .dropdown > .dropdown-menu {opacity: 0; position: absolute; display: block; pointer-events: none; background: #ffffff;}
    .navbar-nav .dropdown[data-toggle=hover]:hover > .dropdown-menu {display: block; opacity: 1; pointer-events: auto; visibility: visible; top: 100%; -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;}
    .navbar-nav .dropdown-submenu[data-toggle=hover]:hover .dropdown-menu {top: 0;}
    .ml-auto.mr-auto .dropdown-menu{left: 0; right: auto;}
    .ml-auto .dropdown-menu{right: 0; left: auto;}
    .ml-auto .dropdown-menu .dropdown-submenu .dropdown-menu{right: 100%; left: auto;}
    .ml-auto.mr-auto .dropdown-menu .dropdown-submenu .dropdown-menu{right: auto; left: 100%;}

    .search_button {
        width: 70px;
    }
}

@media (min-width: 991px) {
    .border-text-left{ margin-left: -140px;}
    .border-text-right{ margin-right: -140px;}

    .border-text-left,.border-text-right {box-shadow: 1px 5px 10px 1px #888888;-webkit-box-shadow: 1px 5px 10px 1px #888888; border-radius:50%; width:50px;height: 50px;background-color: white;}

    .slider-button i{font-size:35px; color: black; padding-top:6px ;padding-left: 2px;}
}

@media (max-width: 992px){
    h1{font-size: 40px; line-height: 50px;}
    h2{font-size: 30px; line-height: 40px;}
    h3 {font-size: 24px; line-height: 30px;}
    h4 {font-size: 20px; line-height: 26px;}
    h5 {font-size: 18px; line-height: 28px;}
    h6 {font-size: 16px; line-height: 26px;}

    .pt-10{padding-top: 98px !important;}

    /* Navigation */
    #site-header {
        padding: 1px 0;
    }
    #header-wrap{padding: 20px 0;}
    .navbar {justify-content: flex-end; width: 100%; border-radius: 0 !important;}
    .navbar-brand {left: 0; margin-right: 0; position: absolute; top: 50%; padding: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%);}
    .navbar-nav{padding: 10px 0 10px 10px;}
    .navbar-nav li ul{position: static;}
    .navbar-nav li ul::before{display: none;}
    .navbar-nav .nav-item{margin: 0;}
    .navbar-nav .nav-link{padding: 10px 20px !important; font-size: 15px; color: #ffffff; border-radius: 0;}
    .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active, .navbar-nav .nav-link:focus,
    #header-wrap.fixed-header .navbar-nav .nav-link:hover, #header-wrap.fixed-header .navbar-nav .nav-link.active{background: #0071ce; color: #ffffff !important;}
    .navbar-nav .nav-link::before, .nav-item.dropdown .dropdown-menu::after{display: none;}
    /* .navbar-toggler span {width: 80%; height: 2px; margin: 5px auto; display: block; background: #154265;}
    .navbar-toggler span {position: relative;transition: all 200ms ease-in-out;}
    .navbar-toggler:not(.collapsed) span:nth-of-type(1) {top: 6px;transform: rotate(45deg);}
    .navbar-toggler:not(.collapsed) span:nth-of-type(2) {background-color: transparent;}
    .navbar-toggler:not(.collapsed) span:nth-of-type(3) {top: -6px;transform: rotate(-45deg);}  */
    .navbar-toggler {font-size: 1.1rem;}
    .navbar-toggler .navbar-nav {flex-direction: row;}
    .navbar-toggler .navbar-nav i{color: #666; padding:5px}

    .logo h3 span {font-size: 35px;}

    .navbar-nav .dropdown-toggle::after{position: absolute; border:none; top: 50%; right: 0; margin: -0.5em 0.5em 0 0; border-radius: .25rem; padding: 0; width: 2em; height: 1.4em; font-size: 1.25rem; line-height: 1.2em; text-align: center;}
    .navbar-nav .dropdown-toggle::after {content: '+';}
    .navbar-nav .dropdown.show > .dropdown-toggle::after {content: '-';}
    .navbar-nav .dropdown-submenu .dropdown-toggle::after{line-height: 1.4em; border:none;}

    .navbar-collapse {background:#154265; max-height: 400px; overflow: auto; border: medium none; left: 0; position: absolute; z-index: 99; top: 60px; width: 95%;}
}

@media (max-width: 991.98px) {
    p {
        font-size: 14px;
    }
    .navbar-nav .dropdown-submenu .dropdown-menu {padding: 0; -webkit-box-shadow: none; box-shadow: none; top: 0;}
    
    .ads-google-tile {
        height: 30px;
    }
    .ads-google-tile span {
        line-height: 30px;
    }
    .ads-google-tile span:first-child {
        font-size: 12px;
    }
    .ads-google .float-right i, .side-ads-google .float-right i, .side-ads-google-detail .float-right i {
        font-size: 12px;
        padding: 0px 3px;
    }

    .view-list img {
        height: auto;
    }
    .view-list p {
        margin-bottom: -5px;
    }

    .list-5-col {
        font-size: 14px;
        width: calc(100%/3);
    }
  

    
    .side-ads-google-detail .owl-carousel .card-img-top {
        height: 70px;
    }
}

@media (max-width: 769px) {
    .window-show{display:none}

    .search_location-off .list-3-col li {
        font-size: 14px;
    }

    .list-5-col img {
        width: 30%;
    }
}

@media (min-width: 767px) {
    .font-s-18 {
        font-size: 14px!important;
    }

    .image-post-new {
        height: 100px;
    }
    .image-side {
        height: auto;
    }
}

@media (max-width: 767px) {
    .home-show{display:none}
    #header-wrap {
        padding: 0px;
    }
    h2{font-size: 28px;}
    h3 {font-size: 22px; line-height: 30px;}

    /* .pt-10{padding-top: 140px !important;} */
    .py-5{padding-top:1.5rem !important; padding-bottom:1.5rem !important}

    .grid.columns-2 .grid-item{ width: 100%;}

    .mobile-show{display:block}
    .mobile-show-news{display:flex}
    
    .border-l-dot{border-left:1px dotted #92c0ea}
    .border-l-dot{border-left:1px dotted #0071ce}
    .border-r-dot:nth-child(1), .border-r-dot:nth-child(2) {
        border-bottom: 1px dotted #0071ce;
        margin-bottom: 15px;
    }
    .border-r-dot:nth-child(2), .border-r-dot:nth-child(4){
        border-right:none
    }
    .category-list{
        border-right: none
    }
    .list-5-col{
        width:calc(100%);  
        padding-bottom:0px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        border-bottom: 1px solid #92c0ea;
        text-align:left;
    }
    .detail-category .list-5-col {
        width:calc(100%/2);  
        border-bottom: none;
    }
    .list-5-col a, .list-flash-sale a {
        display: flex;
        flex: auto;
    }
    .list-5-col img{width:34px; height: 34px;}
    .list-flash-sale {
        display: flex;
        width: 100%;
        padding: 10px 15px 0px 15px;
    }
    .list-flash-sale img {
        width: 80px;
        height: 80px;
    }
    .list-5-col h2, .list-flash-sale h2{
        font-size: 16px;
        line-height: 1.1;
        padding-left: 8px;
        flex-grow: 1;
    }
    .list-5-col h2 small, .list-flash-sale h2 small{
        display: block;
        font-size: 10px;
        padding-top: 7px;
        color:#006fb6;
    }

    .search-bar{display: flex;justify-content: space-between;}

    .owl-carousel .nav-btn{top: 50px;}
   
    .form-login{
        background-color: white;
    }

    .navbar-toggler {
        padding: 1.25rem 0rem 1.25rem .75rem;
    }

    .form-login-content .form-90, .form-register-content .form-90 {
        width: 100%;
    }
    .form-login-content, .form-register-content {
        border-right: none;
        border-bottom: 1px dashed #ccc;
    }

    .image-post-new, .image-viewed {
        height: 80px;
    }

    .category-home:before {
        content: none;
    }

    .image-slide-detail {
        height: 280px;
    }

    .news-home .list-3-col li{
        width:100%;  
        float: none;
    }

    .image-view-as-grid {
        height: 150px;
    }

    .absolute-footer_container {
        display: block;
    }
    .absolute-footer img {
        margin-top: 20px;
        width: 50%;
    }
    
    .search_keyword {
        padding-right: 100px;
    }
    .search-group {
        display: block;
    }
    .search {
        border-radius: 0px;
        width: 100%;
    }
    .search_location-container, .search_category-container,.search_button {
        width: 100%;
    }
    .search_location-container, .search_category-container {
        margin: 10px 0px;
    }
    .search_location-container, .search_category-container, .search_input {
        border: 1px solid rgb(197, 197, 197);
    }
    .search_location-items, .search_location-items-2, .search_category-items {
        max-height: 250px;
    }

    .side-ads-google-detail .owl-carousel .card-img-top {
        height: 100px;
    }

    .view-default .img-view-default span {
        margin-top: 3px;
        margin-left: 3px;
        font-size: 12px;
    }
}

@media (max-width: 576px){
    h1{font-size: 28px; line-height: 36px;}
    h2{font-size: 25px; line-height: 34px; margin-bottom: 10px;}
    h3 {font-size: 22px; line-height: 28px;}
    h4 {font-size: 18px; line-height: 26px;}
    h5 {font-size: 16px; line-height: 20px;}
    h6 {font-size: 14px; line-height: 18px;}

    .image-window{display: none;}
    .slider-mobile{display: inline-block;}

    .absolute-footer-right{text-align: left; margin-top:-2px}

    .pagination > li > a, .pagination > li > span{width: 35px; height: 35px; line-height: 35px; padding: 0; text-align: center; color: #111121; font-weight: 500; border-radius: 5px; border-color: #efefef}

    .grid.columns-5 .grid-item{ width: 32%}

    .tech-pagination{padding-left: calc(100%/5.5);}

    .owl-theme .owl-dots{display: block;}
    .owl-theme .owl-dots .owl-dot.active span, 
    .owl-theme .owl-dots .owl-dot:hover span {
        background: #ffffff;
    }

    .image-post-new, .image-viewed {
        height: 70px;
    }
    .logo h3 {
        font-size: 18px;
    }
    .referral-code {
        font-size: 12px;
    }
}

@media (max-width: 374px) {
    .view-default span {font-size: 11px; line-height: 16px;}

    .group-header {
        line-height: 20px !important;
    }
    .group-header .nav-item svg{
        width: 18px;
        height: 18px;
    }
    .group-header .nav-link {
        padding: 0px 2px;
    }
    .group-header .nav-tabs .nav-item {
        margin-top: 3px;
    }
    .logo img {
        width: 60px;
    }
}