/*
Theme Name: Javo Directory
Theme URI: http://javothemes.com/directory
Author: Javo
Author URI: http://javothemes.com
Version: 2.2.4
Description: Javo Powerfull Directory Wordpress Themes.
Tags: one-column, two-columns, left-sidebar,right-sidebar, custom-header, custom-menu, editor-style, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

@charset "utf-8";
@import url("//fonts.googleapis.com/css?family=Raleway:100, 400,300,600,700,500,200|-1:200,300,400,600,800&subset=latin,latin-ext");
@import url("//fonts.googleapis.com/css?family=Oswald:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic");
@import url("assets/bootstrap/bootstrap.min.css");  /** defaut bootstrap **/
@import url("assets/css/font-awesome.css");   /** awesome fonts **/
@import url('assets/css/common.css');

html, body{ font:13px/26px 'Raleway'; height:100%; }
body{ overflow-y:scroll !important; }
img{ border:none; }
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:none; color:#a1a1a1; }
html, body, h1, h2, h3, h4, h5, h6 { color:#646464;}
.wpb_row:after{ content:' '; display:table; clear:both; } /*  Compatibility Visual Composer ver4.3.2 */


/** widget top right **/
.widget_top_menu_wrap{ display:block; margin:13px 0; }
.widget_top_menu_wrap li {
	display:inline-block;
	line-height:20px;
	list-style-type: none;
	margin-right:5px;
	font-weight: 600;
	font-family:'Open Sans', sans-seif;
}
.widget_top_menu_wrap .right-menu-wrap i {font-size:14px;}
.widget_top_menu button.right-menu {border:0; background:none;}

/** widget right menu **/
.right_menu_inner {background:red;}
.right_menu_inner .navmenu {background:#222; padding:30px 0 0 20px; list-style-type: none;}
.right_menu_inner .navmenu a {color:#fff;}
.right_menu_inner .navmenu-default, .right_menu_inner .navbar-default .right_menu_inner .navbar-offcanvas {border-color:none;}

.javo_somw_panel.row.mobile-display-panel form,
.javo_somw_panel.row.mobile-display-panel .javo_somw_list_inner{ padding:0 15px; }
/*BO YMS*/
.offcanvas{display:none;}
.yms-form-mb{
	display: none;
	text-align: center;
	padding: 10px;
    background: none;
    border: 2px solid #e5e5e5;
    border-radius: 5px;
    margin: 0 auto;
}
.yms-form-mb .btn.yms-button{
	box-shadow: none;
    border: none !important;
    margin: 0px;
    height: 50px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0 0 0 20px;
    background: #000;
    padding: 15px 40px;
}
.yms-form-mb input, .yms-input{
	margin: 0px;
    height: 50px;
	border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    padding: 0 0 0 20px;
}
.home .pss-fix-text .uvc-main-heading h1{font-family: initial!important;}
.yms-btn-hover span {
    font-size: 15px;
}
/*-------------------*/
/* Button 1e */
.btn-1e button {
	overflow: hidden;
}

.btn-1e button:after {
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #000;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn-1e button:hover,
.btn-1e button:active {
	color: #fff;
}

.btn-1e button:hover:after {
	height: 415%;
	opacity: 1;
}

.btn-1e button:active:after {
	height: 400%;
	opacity: 1;
}
.btn-1e button:active, .btn-1e button:focus, .btn-1e button:visited {
	border: 2px solid #000!important;
}
/*----------------------*/
@media only screen and (max-width: 768px){
	/*fix top header in mobile*/
	.yms-hide-mb{display: none;}
	.home .pss-fix-text .uvc-main-heading h1{
		font-size: 26px!important;
		line-height: 36px!important;
	}
	.home .vc_column_container .uvc-sub-heading{line-height: 36px!important;margin-bottom: 0!important;}
	.home .vc_column_container .uvc-sub-heading *{font-size: 17px!important;}
	.yms-form-mb{display: table;}
	.home .vc_custom_1473387487834{padding-top:0!important;padding-bottom:0!important;}
	.home .page>.entry-content>.home-top-header{padding-top:0!important;padding-bottom:0!important;}
	/*.home .vc_row .pss-fix-text .uvc-sub-heading.en {
	    display: none!important;
	}*/
	.home #form-search-mb{display: none;}
	.home .pss-fix-text .ult-spacer{display: none!important;}
	.home .uvc-heading-spacer{margin-top: 20px!important;margin-bottom: 20px!important;}
	.home .modal-backdrop.in{height: 100%!important;opacity: 1;background-color: #fff;}
	.yms-form-mb input{padding-left: 5px;}
	.yms-input{padding-top: 15px;padding-left: 5px;}
	.modal.in .modal-dialog{margin: 20% 8px;}

	#popup-search .search-type-a-inner{border:0;}
	#popup-search .modal-content{box-shadow: none;border: 0;}
	/*EO fix top header in mobile*/
}
@media only screen and (max-width: 420px){
	.javo-topbar .javo-topbar-right {float: right!important;}
}
@media only screen and (max-width: 320px){
	.yms-form-mb .btn.yms-button{padding: 15px;}
}
/*EO YMS*/

/* ABOUT US (provisional) added by kotr 0311.2017 */
#aboutus-container {max-width: 1200px;}
aside#notice {
  width:90%;
  height:auto;
  margin:0 auto;
  border: 6px solid #FFCDC8;
  text-align:center;
  padding:30px;
  padding-top:0;
  padding-bottom:15px;
  box-sizing:border-box;
  margin-top:50px;
  font-size:20px;
  /*background:rgb(242, 242, 242);*/
}
aside#notice .aboutus-heading {
  color:#fd978d;
}
#aboutus-container .aboutus-wrapper {
  text-align:center;
  font-size:18px;
  margin-top:50px;
}
#aboutus-container .aboutus-heading {
  text-align:center;
  font-size:24px;
  font-weight:bold;
  /*color:#1fb4b4;*/
}
#aboutus-container #aboutus-mission {
  font-weight:bold;
}
#aboutus-container h3.aboutus-heading {
  font-size:22px;
}
#aboutus-container #aboutus-friends {
  /*text-align:left;*/
}
#aboutus-container #aboutus-info {
  max-width:600px;
  display:block;
  margin: 0 auto;
  overflow:hidden;
  margin-top:50px;
}
#aboutus-container #aboutus-info dt {
  width: 40%;
  clear: both;
  float: left;
  border-top: 1.5px solid rgba(0, 0, 0, 1);
  font-weight: bold;
  font-size:14px;
  line-height:60px;
}
#aboutus-container #aboutus-info dd {
  margin-left:0;
  line-height:60px;
  padding-left:40%;
  box-sizing: border-box;
  border-top: 1.5px solid rgba(0, 0, 0, 0.1);
  font-size:14px;
}
#aboutus-container #aboutus-info dt:last-of-type {
  border-bottom: 1.5px solid rgba(0, 0, 0, 1);
}
#aboutus-container #aboutus-info dd:last-child {
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.1);
}
#aboutus-container #aboutus-notion {
  font-size:14px;
  margin-top:40px;
}
#aboutus-container .aboutus-wrapper:last-of-type {
  margin-bottom:70px;
}
@media screen and (max-width:640px) {
  aside#notice {
    text-align:left;
    padding:15px;
    padding-top:5px;
    font-size:16px;
  }
  aside#notice .aboutus-heading {
    font-size:18px;
  }
  #aboutus-container #aboutus-info {
    margin-top:30px;
    width:100%;
  }
  #aboutus-container #aboutus-info dt {
    width: 100%;
    float: none;
    border-top:none;
    line-height:2;
    padding:10px;
    box-sizing: border-box;
  }
  #aboutus-container #aboutus-info dd {
    margin-left:0;
    line-height:1.5;
    padding-left:0;
    border-top:none;
    border-bottom: 1.5px solid rgba(0, 0, 0, 0.1);
    padding: 15px;
    padding-top:5px;
  }
  #aboutus-container #aboutus-info dt:last-of-type {
    border-bottom:none;
  }
  #aboutus-container #aboutus-notion {
    margin-top:0;
  }
}
/*/ABOUT US*/

/*POPUP*/
#mainVisual {
  width:100%;
  height:30vh;
  background:#C8CDFF;
}
#popup-wrapper {
  width:100%;
  height:auto;
  background:#333;
  padding-left: 10px;
  padding-left: 10px;
  box-sizing:border-box;
}
#popup {
  text-align:center;
  line-height:1.4;
  padding-top:15px;
  padding-bottom:15px;
  text-transform:capitalize;
}
#hideBtn {
  display: inline-block;
  position: relative;
  padding: 0;
  width: 16px;
  height: 16px;
  border:1px solid #fff;
  margin-left:10px;
  margin-bottom:-3px;
}
#hideBtn:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0.5px;
  width: 14px;
  height: 1.5px;
  background: #fff;
  transform: rotate(45deg);
}
#hideBtn:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0.5px;
  width: 14px;
  height: 1.5px;
  background: #fff;
  transform: rotate(135deg);
}