/*
Theme Name: Space Home
Theme URI: 
Author: Quốc Thắng
Author URI: 
Description: 
Version: 1.0
License: Commercial
License URI: 
Tags: 
Text Domain: Space Home
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

body {
    font-family: Roboto,Helvetica,Arial,sans-serif!important;
    -webkit-font-smoothing: antialiased!important;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 15px!important;
}
.porto-btn-ctn-center, .porto-btn-ctn-left, .porto-btn-ctn-right, .porto-map-wrapper.porto-adjust-bottom-margin, .info-wrapper.porto-adjust-bottom-margin, .porto-u-list-icon-wrapper.porto-adjust-bottom-margin {
    margin-bottom: 15px!important;
}
p {
    margin: 0 0 10px!important;;
}
h1, h2, h3,h4 {
    margin: 0 0 10px 0!important;
}
#header .header-main .header-left {
    padding: 0px 0!important;
}
.bgia01{
    background: #fff;
    padding: 10px;
}
.bgia01 > .wpb_wrapper{
    border: double 3px #2980b9;
    padding: 20px;
    background: #fff;
}
ul li {
    line-height: 1.7!important;
}
.bgia021{
    background: #2980b9;
    padding: 10px;
}
.bgia021 > .wpb_wrapper{
    border: double 3px #ffffff;
    padding: 20px;
}
.bgia032{
    text-align: center;
}
.bgia033 h3{
    font-size: 20px!important;
    font-weight: 700!important;
}
.vc_btn3.vc_btn3-size-lg.vc_btn3-style-3d, .vc_btn3.vc_btn3-size-xl.vc_btn3-style-3d {
    font-weight: 600;
    margin: 0 5px;
}
.mega-menu>li.menu-item.narrow {
    border-radius: 0px;
    margin: 3px 10px!important;
}
#header.sticky-header .header-contact {
    display: inline-block!important;
}
.phone.vc_btn3.vc_btn3-size-lg.vc_btn3-style-3d {
    padding: 0px 16px 0px!important;
    margin-bottom: 0px!important;
}
#header .header-main .header-contact a, #header .header-main .header-contact a:hover{
    color: #ffffff!important;
    font-size: 16px!important;
    padding: 3px 10px!important;
}
.header-contact li a {
    padding: 3px 10px!important;
}
#header.sticky-header .header-main.sticky {
    min-height: 60px!important;
    height: 60px!important;
    z-index: 999;
}
#header.sticky-header .header-main.sticky .header-center, #header.sticky-header .header-main.sticky .header-right {
    padding-top: 0px!important;
    padding-bottom: 12px!important;
}
.dktv1{
    display: inline-block!important;
}
.edit-link{
    display: none!important;
}
.dhvc-form-popup-header h3 {
    padding: 10px 20px!important;
    text-align: center!important;
    text-transform: uppercase!important;
    font-weight: 600!important;
    background: #2286e0!important;
    color: #fff!important;
}
.dhvc-form-input, .dhvc-form-select, .dhvc-form-file, .dhvc-form-textarea {
    margin-bottom: 10px;
}
.dhvc-form-popup-close {
    color: #fff!important;
    font-size: 25px!important;
    opacity: 1!important;
}
.sh012 p, .sh013 p{
    color: #293e52!important;
}
.sh014 strong, .sh014 a{
    color: #ffd47c!important;
    font-size: 25px!important;
    text-shadow: rgb(0, 0, 0) 0px 5px 13px;
}
.sh014 h2{
    color: #fff!important;
    font-size: 30px!important;
    padding-top: 15px!important;
    text-shadow: rgb(0, 0, 0) 0px 7px 16px;
}
.htop01{
    color: #293e52!important;
    font-weight: 600!important;
    font-size: 25px!important;
    font-family: Playfair Display,sans-serif!important;
    line-height:1.5!important;
}
.sh012 h1{
    color: #293e52!important;
    font-weight: 600!important;
    font-size: 28px!important;
    padding-top: 0px!important;
}
.home .sh013{
    margin-top: -50px;
    text-shadow: rgb(255 255 255) 1px 2px 3px;
    font-weight: 600;
}
.sh013{
    font-weight: 600;
}
.xntg.sh012 h1{
    padding-top: 0px!important;
}
.sh014{
    padding-top: 20px!important;
}
.sh015{
    background: rgba(255,189,41,0.75);
    padding: 15px;
    border-radius: 10px;
    margin-top: -100px;
}
.sph020 .col-md-5{
    background: #293e53;
    padding: 15px 20px;
    border-radius: 10px;
    margin: 5px;
}
.sph021 p, .sph021 strong, .sph021 h4{
    color: #fff!important;
}
.xntg021{
    background: #d7ebff;
    padding: 15px 20px;
    border-radius: 10px;
    border: solid 2px #293e53;
}
.xntg022{
    background: #deefff;
    padding: 15px 20px;
    border-radius: 10px;
    border: solid 2px #293e53;
}
.xntg023{
    background: #e8f4ff;
    padding: 15px 20px;
    border-radius: 10px;
    border: solid 2px #293e53;
}
body .wpb_gallery .wpb_flexslider .flex-control-nav {
    display: none!important;
}
.sph031{
    border: solid 2px #31516f;
    padding: 5px;
    border-radius: 30px;
}
.sph031 p {
    margin: 0 0 0px!important;
}
.sph031  strong{
    font-family: Playfair Display,sans-serif;
    font-weight: 700;
    font-size: 30px;
    background: #335270;
    color: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    margin-right: 10px;
}
.btn-lg, .btn-group-lg>.btn, .vc_btn3.vc_btn3-size-lg, .cart-actions .button, .checkout-button, #place_order, input.submit.btn-lg, input.btn.btn-lg[type="submit"], input.button.btn-lg[type="submit"] {
    font-size: 18px!important;
}
.sph041 img{
    margin: 0px auto 10px!important;
}
.sph042{
    z-index: 999;
    position: relative;
    background: #fff;
    margin: 0 20px;
    margin-top: -70px;
    padding: 15px;
}
.sticky-nav-wrapper .nav-secondary {
    background: transparent!important;
    box-shadow: none!important;
    padding: 0px 0!important;
}
.sticky-nav-wrapper .nav-secondary .nav-pills a {
    background: rgb(41 62 83 / 0.5)!important;
    color: #fff!important;
    font-size: 15px!important;
}
.sticky-nav-wrapper .nav-secondary .nav-pills a:hover {
    background: rgb(41 62 83 / 0.7)!important;
}
.page-id-1043 .sticky-nav-wrapper .nav-secondary {
    background: #293e53!important;
}
.sticky-nav-wrapper .nav-secondary .nav-pills a:hover {
    background: #556473!important;
}
.sph029 .wpb_gallery_heading{
    font-size: 18px;
    text-align: center;
    margin: 0 0 5px 0!important;
    font-family: roboto!important;
    font-weight: 500!important;
}
.wpb_gallery .flexslider {
    margin: 0 0 10px!important;
}
.sph08 br{
    display:none!important;
}
.gallery-columns-3 .gallery-item,.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n-1), .gallery-columns-3 .gallery-item:nth-of-type(3n-2), .gallery-columns-4 .gallery-item:nth-of-type(4n-3), .gallery-columns-5 .gallery-item:nth-of-type(5n-4), .gallery-columns-6 .gallery-item:nth-of-type(6n-5), .gallery-columns-7 .gallery-item:nth-of-type(7n-6), .gallery-columns-8 .gallery-item:nth-of-type(8n-7), .gallery-columns-9 .gallery-item:nth-of-type(9n-8) {
    margin-left: 0px!important;
    padding: 0px 5px!important;
}
.sph08 img {
    border-radius: 7px!important;
}




.wt p, .wt li, .wt h2, .wt h3{
    color: #fff!important;
}
@media (max-width: 767px){
    .vc_row.wpb_row.porto-inner-container{
        padding: 10px 0px!important;
    }
    .bgia021 {
        margin-left: -20px;
        margin-right: -20px;
    }
    .bgia01 > .wpb_wrapper, .bgia02 > .wpb_wrapper{
    padding: 10px;
    }   
    .home .sh013{
        margin-top: 0px;
    }
    .sh015 {
        margin-top: 00px;
    }
    .sh011 img{
        max-width: 150px;
        margin-top: -20px;
    }
    .sh012 h1 {
        font-size: 25px!important;
        text-align: center;
    }
    .gallery-columns-3 .gallery-item {
        max-width: 100%!important;
        max-width: -webkit-calc(100%)!important;
        max-width: calc(100% - 0px)!important;
        width: 100%!important;
    }
    .gallery-columns-3 .gallery-item a{
        pointer-events: none!important;
    }
}