/*
Theme Name: JJ-Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*header*/
.header-bottom{
    background: linear-gradient(#5f5ff1,blue)!important;
}
.product .has-hover:hover .box-text{
        background: #446084;
}

.has-hover:hover h5.post-title.rsb.is-large:before {
    background: url(assets/images/icon_arrow-hover.png) no-repeat right center;
}
.product .has-hover:hover .post-title{
    color: #fff;
}
body, h1,h2,h3,h4,h5,h6,span,a,p{
	font-family: Arial!important;
}
.header-bg-image, .header-bg-color {
        background-position: 55.5% 0px;
}
.diachi{
	font-weight: bold;
    color: #000;
}
#wide-nav .nav-left > li > a {
    padding: 15px 17px;
}
#wide-nav .nav-dropdown>li>a{
    font-size: 13.5px;
    color: #ccc;
    margin: 0;
    padding: 7px 10px;
}
#wide-nav .nav-dropdown>li>a:hover{
            color: #fff !important;
            background: #ff0a00 !Important;
}
#wide-nav .nav-dropdown.nav-dropdown-default>li>a{
        border-bottom: 1px solid #ccc;
}
#wide-nav .nav-dropdown{
        min-width: 190px;
        box-shadow: 0px 0px 0px rgba(0,0,0,0.15);
        border: 0px solid #ddd;
        color: #fff;
        background-color: #0834ff;
        padding: 0;
}
li.current-dropdown.has-dropdown:after{
    opacity: 0!important;
}
.nav-dropdown-has-arrow li.has-dropdown:before{
    border-width: 0px;
    margin-left: 0px;
}

/*end header*/

/*content*/
.product .row:not(.row-collapse){
        margin-left: -4px;
    margin-right: -4px;
}
.section-title-container{
    margin-bottom: 0;
}
.product .box-text{
        background: #F3F3F3;
}
.product .section-title-normal span{
    border-bottom: 0px;
}
.product h5.post-title.rsb.is-large{
    padding-top: 6px;
}
h5.post-title.rsb.is-large:before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 15px;
    background: url(assets/images/icon_arrow.png) no-repeat right center;
}
.product h3.section-title.section-title-normal span{
    margin: 0px;
    color: #fff;
    background: #0834ff url(assets/images/bg-title.png) no-repeat right;
    position: relative;
    padding: 5px 90px 5px 15px;
    font-size: 15px;
    background-size: contain;
    text-shadow: 0px 0px 4px #02436B;
}
.product .section-title-normal{
        border-bottom: 2px solid #0834ff;
}
.product .section-title a{
    font-size: .75em;
    margin-left: auto;
    font-weight: 100;
}
#secondary .widget-title {
        color: #ffffff;
    background: url(assets/images/bg-title-blue.jpg);
    margin: 0;
    border: 0;
    background-size: 100% 100%;
    text-align: center;
    line-height: 40px;
    height: 45px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    padding-top: 7px;
}
#secondary ul{
    margin: 0;
    padding-left: 15px;
    background: #F1FAFF;
}
#secondary ul.menu>li>a{
    font-size: 0.9em;
}
#secondary ul li a:before {
    content: "\f101";
    font-family: FontAwesome;
    font-size: 1.2em;
    padding-right: 5px;
    top: 0;
}
.box-badge .box-text{
    bottom: 0;
}
.is-divider{
    display: none;
}
/*end*/
/*Contact*/
.formBox .left {
    width: 100%;
    float: left;
}
.formBox li {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.formBox li.name:before {
    content: "*";
    position: absolute;
    color: red;
    top: 10px;
    left: 4px;
}
.formBox li.name:after {
	    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10;
    background-image: url(assets/images/c_name.png);
}
.formBox li.phone:after {
    background-image: url(assets/images/c_phone.png);
}
.formBox li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10;
}
.formBox li.mail:after {
    background-image: url(assets/images/c_mail.png);
}
.formBox li.local:after {
    background-image: url(assets/images/c_local.png);
}
.formBox li.mess:after {
    background-image: url(assets/images/c_mess.png);
}
.formBox input,.formBox textarea{
	padding: 0 10px 0 45px
}
.formBox textarea{
	height: 170px;
}

.formBox .right {
    width: 62%;
    float: right;
}
.haibuttom input{
	    padding: 0 15px 0 15px;
}
.formBox input[type='submit'], input[type='submit'].button, input[type='submit'], .primary{
	color: #FFF;
    background: #000;
}
.footer-2 p{
	margin-bottom: 10px;
}
/*end contact*/
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}