body{font-size:14px;font-weight:400;color:#666;font-family:'Raleway',sans-serif}
.background_0f0f0f{background-color:#0f0f0f}
.padding_tb_120{padding-top:120px;padding-bottom:120px}
.color_ffffff{color:#fff}
a{color:#28abe3;text-decoration:none}
a:hover{color:#e8b71a}
h3.widget-title,h2.entry-title a,h3.widget-title,h3#reply-title{font-family:'Poppins',sans-serif}
.post-meta .fa{color:#e8b71a}
h2.entry-title a,h3.widget-title,h3#reply-title{color:#333}
h2.entry-title a:hover{color:#e8b71a}
h3.widget-title:after{background-color:#e8b71a}
.search_btn:hover{background-color:#e8b71a!important}
.sub-banner{background-size:cover!important}
button,input[type="button"],input[type="reset"],input[type="submit"]{background:#28abe3;border-color:#28abe3;color:#fff}
.search_btn{background:#28abe3;border-color:#28abe3;color:#fff}
#blog-nav .navigation li a:hover,#blog-nav .navigation li.active a,input#submit{background:#28abe3;color:#fff}
.sub-banner .display-table{padding-top:70px}
.display-table{display:table-cell;vertical-align:middle}
.nav-links a{line-height:22px}
.sub-banner h1{font-weight:500}
.post-meta span,.post-meta a{color:#28abe3;margin-right:15px;font-family:'Poppins',sans-serif}
.post-meta span,.post-meta a:hover{color:#ff9600}
.ovrly04 .buttons .fa{color:#28abe3}
.ovrly04 .buttons .fa:hover{background:#28abe3;color:#fff}
.search-form .search-submit .fa{color:#e8b71a}
.widget_categories li:before,.widget_archive li:before,.widget_meta li:before,.widget_nav_menu li:before,.widget_pages li:before{color:#333}
abbr,acronym{color:#333}
abbr:hover,acronym:hover{color:#e8b71a}
.sub-banner:before{display:none}
nav.navigation.post-navigation{background:#28abe3}
.nav-previous{background:#28abe3}
.nav-next{background:#28abe3}
.nav-previous:hover,.nav-next:hover{background-color:#E8B71A}
.navigation.post-navigation a:hover{color:#fff}
h3#reply-title:before,h3#reply-title:after{background-color:#28ABE3}
a.read-more,a.more-link{color:#28ABE3}
a.read-more:hover,a.more-link:hover{color:#e8b71a}
ul.mks_themeforest_widget_ul li{margin:0 15px 15px 0}
ul.mks_themeforest_widget_ul li:last-child{margin:0}
.author_box{background:#E8B71A}
h4.comments-title,h4.media-heading a,.comment-reply-title{color:#333}
a.comment-reply-link,a.comment-edit-link{background:none;border:2px solid #e8b71a;color:#e8b71a!important}
a.comment-reply-link:hover,a:hover.comment-edit-link{background:#ff7d2c;border:2px solid #e8b71a;color:#fff!important}
p.comment-awaiting-moderation.label.label-info{background:#e8b71a}
.widget ul li + li{margin-top:4px}
.author_box a:hover{color:#e8b71a}
.bbhd-search-box .container form .bbhd-search-txt{border-radius:0}
#footer-hostiko2{margin-top:100px!important}
.search_box{width:90%;height:66px;position:relative;text-align:center;margin:0 auto;border-radius:4px}
.search_area{width:100%;height:60px;background-color:#FFF;border-radius:4px}
.search_box .text_field:focus{border-radius:32px!important;outline-color:#fff!important;color:#777!important}
.search_box .text_field{width:100%;font-size:14px;line-height:14px;border:none;height:100%;padding:0 55px 0 20px;border-radius:4px;color:#777}
.search_btn{position:absolute;right:5px;top:4px;width:auto;padding:19px 43px!important;height:auto;font-size:14px!important;color:#fff!important;border-radius:4px;font-weight:400;line-height:14px;text-transform:uppercase;letter-spacing:1px;transition:all ease-in-out .5s;border:none}
.search_box input::-webkit-input-placeholder,.search_box input:-moz-placeholder,.search_box input::-moz-placeholder,.search_box input:-ms-input-placeholder{color:#777!important}
.breadcrumb_hostiko ul li{display:inline-block;}
body.single .sub-banner:after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.5)}
@media screen and (max-width: 767px) {
.sub-banner{height:180px}
.sub-banner .display-table{padding-top:15px}
#footer-hostiko .footer-menu,#footer-hostiko .contact-form{display:none}
#footer-hostiko .footer-logo{width:100%}
#footer-hostiko{padding:50px 0;text-align:center}
#footer-hostiko .bbfb-social,#footer-hostiko .wpb_single_image.vc_align_left{text-align:center}
}
@media screen and (max-width: 425px) {
.post-meta{display:none}
nav.navigation.post-navigation{max-height:initial}
}