/*
Theme Name: happiweb.net
Theme URI: http://happiweb.net
Author:  happiweb
Author URI: http://happiweb.net
Description: happiweb.net | webchon.net | thietkewebsitebangwordpress.com
Version: 1.0
*/
@font-face { 
    font-family:"BaiSau";
    font-weight:300;
    font-style:normal;
    src:url("fonts/UVNBAISAU_R.woff") format("woff");
}
@font-face { 
    font-family:"BaiSau";
    font-weight:100;
    font-style:normal;
    src:url("fonts/UVNBAISAU_NH.woff") format("woff");
}
@font-face { 
    font-family:"BaiSau";
    font-weight:700;
    font-style:normal;
    src:url("fonts/UVNBAISAU.woff") format("woff");
}
@font-face { 
    font-family:"BaiSau";
    font-weight:900;
    font-style:italic;
    src:url("fonts/UVNBAISAU_N.woff") format("woff");
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.seotraining .seocourse_list{width:100%;}
.seotraining .social-share{margin-top: 10px;}
.seotraining .seocourse_list .cols .colwrap img{height: auto;}
.seotraining .seocourse_list .cols .colwrap .botinfo{text-align: center;}
.seotraining .seocourse_list .cols .colwrap .botinfo p.address{font-weight: bold;}
.seotraining .seocourse_list .cols .colwrap .botinfo p.price{font-weight: bold;color: red;height: 30px;}
.seotraining .seocourse_list .cols .colwrap .botinfo h2.title{color: #8dc63f;}
#main-menu .sub-menu{display: none;position: absolute;z-index: 999;background: #fff;min-width: 100%;}
#main-menu .sub-menu li a{padding: 7px;display: block;}
#main-menu .sub-menu li{width: 100%;border-bottom: 1px solid #8dc63f;}
#main-menu >li:hover,#main-menu li.current_page_item{background: #8dc63f;}
#main-menu li.current_page_item a{color: #fff;}
#main-menu >li:hover > a{color: #fff;}
#main-menu >li:hover .sub-menu{display: block;}
#main-menu .sub-menu .sub-menu{margin-left: 173px;width: 150px;margin-top: -36px;}
.seotraining .intro .content h1{text-align: center; font-weight: bold;font-size: 3em;text-transform: uppercase;margin-bottom: 5px;line-height: 42px;}
.detail-menu li>a{padding: 48px 10px 29px !important;}
.bx-wrapper img{height: auto;}
.detail-project .seotraining .intro{padding-bottom: 30px;}
.detail-project .item-session{margin-bottom: 20px;clear: both;width: 100%;float: left;}
.detail-project .item-session i{color: #DC3030;}
.detail-project .item-session h2.title{color: #8dc63f;text-transform: uppercase;border-bottom: 1px solid #ccc;padding: 3px 0px;}
.item-session .des-sesssion{margin-top: 20px;}
.item-session .des-sesssion h2{font-size: 14px;margin-bottom: 10px;}
.item-session .des-sesssion table{width:100%;}
.item-session .des-sesssion img{max-width: 100%;height: auto;padding: 2px;border-radius: 2px;}
.item-session .des-sesssion p{margin-bottom: 10px;}
.support_cus ul li div.spdesc {font-size: 0.9em;line-height: 1.4em;padding: 5px 10px;}
.support_cus ul li img{width: 150px;height: 150px;}
#footer .block h4{text-transform: uppercase;}
#footer .block{padding-right: 30px;}
.wpcf7 div{margin-bottom: 10px;}
.wpcf7 input[type="text"],.wpcf7 input[type="email"]{width: 100%;padding: 5px;border: 1px solid #fff;box-sizing: border-box;border-radius: 3px;}
.wpcf7 textarea{width: 100%;padding: 5px;border: 1px solid #fff;box-sizing: border-box;height: 50px;border-radius: 3px;margin-bottom: 5px;}
.wpcf7 input[type="submit"]{background: #DC3030;color: #fff;padding: 10px 20px;text-transform: uppercase;font-family: 'Roboto', sans-serif;cursor: pointer;border-radius: 3px;font-weight: bold;margin-top: 10px;}
*{outline: none;}
div.wpcf7-validation-errors{
    margin: 0px;
    padding: 0px;
    border: none;
    padding: 5px;
    box-sizing: border-box;
    width: 100%;
}
div.wpcf7-mail-sent-ok{
    margin: 0px;
    padding: 0px;
    border: none;
    padding: 5px;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
}
span.wpcf7-not-valid-tip{font-size: 12px;color: yellow;font-style: italic;}
header{float: left;width: 100%;z-index: 99999;}
#sidebar .wpcf7{margin-top: 20px;}
#sidebar .wpcf7 span.wpcf7-not-valid-tip{color: red;}
#sidebar .wpcf7 input[type="text"], #sidebar .wpcf7 input[type="email"],#sidebar textarea{border: 1px solid #ccc;}
#sidebar .wpcf7 input[type="submit"]{background: #DC3030;color: #fff;}
#left_page h1{font-size: 18px;font-weight: normal; padding-bottom: 5px;text-transform: uppercase;white-space: nowrap;}
#detail-single{margin-top: 10px;}
#detail-single h2{font-size: 14px;margin-bottom: 10px;}
.maincate .social-share{margin-top: 10px;}
#detail-single p{margin-bottom: 10px;}

.support_cus h2.title{text-transform: uppercase;}
#recent-post{background: #fff;}
#recent-post ul li{padding: 5px;}
#recent-post ul li h3{padding: 0px;}
#recent-post .spdesc{padding: 0px;margin-top: 5px;}
#recent-post .spname{text-transform: none;line-height: 20px;margin-bottom: 3px;float: left;width: 100%;clear: both;}
#recent-post ul li img{width: 100%;height: auto;border-radius: 0px;}
#recent-post ul li .datetime{font-style: italic;}

.detail-page .wpcf7 input[type="text"],.detail-page .wpcf7 input[type="email"]{border: 1px solid #ccc;width: 100%;}
.detail-page textarea{border: 1px solid #ccc;width: 100%;height: 100px;}
.detail-page .wpcf7 input[type="submit"]{background: #DC3030;}
.detail-page span.wpcf7-not-valid-tip{color: red;}
header{
    transition: all .5s;background: #fff;border-bottom: 1px solid #ccc;
    -webkit-transition: box-shadow 0.25s ease-in-out;
    -moz-transition: box-shadow 0.25s ease-in-out;
    transition: box-shadow 0.25s ease-in-out;
}
.f-nav{z-index: 999999999;position: fixed;left: 0;top: 0;width: 100%; transition: opacity 0.5s ease-out;}
#owl-demo div.item{width: 100%;float: left;padding-bottom: 30px;box-sizing: border-box; padding: 15px;}
#owl-demo div.item img{width: 150px; height: 150px;border-radius: 100%;text-align: center !important;margin-bottom: 30px;}
#profile img{width: 100px;height: auto;margin-right: 10px;float: left; background: #fff;padding: 2px;border-radius: 6px;}
.intro_desc p{margin-bottom: 10px;}
.intro_desc li{width: 100% !important;list-style: disc;}
.intro_desc ul{margin-left: 30px;}

.price span.left{float: left;}
.price span.left strong{color: #666;}
.price span.right{float: right;}
.price span.right strong{color: #666;}

.catepro ul.list li .item{float: left;}
.catepro ul.list li .item .price{margin: 0px 5px 10px 5px;color: red;font-size: 12px;}
.btn-orange a {
    background: -moz-linear-gradient( top, #ffb100 0%, #DC3030);
    background: -webkit-gradient( linear, left top, left bottom, from(#DC3030), to(#DC3030));
    color: #fff;
    padding: 4px 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #fff !important;
    font-style: italic;
    font-weight: bold;
}

.btn-orange:hover a{
    background: -moz-linear-gradient( top, #ffb100 0%, #e56700);
    background: -webkit-gradient( linear, left top, left bottom, from(#ffb100), to(#e56700));
    color: #fff;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #fff !important;
    font-style: italic;
    font-weight: bold;
}
#main_nav{
    z-index: 99999;
    background: #fff;
}
.sticky_home{z-index: 999999;}

.nova-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running nova-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 160px;
    left: 20px;
    opacity: 0.1;
    position: absolute;
    top: 20px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 160px;
}
.nova-phone.nova-active .nova-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running nova-circle-anim !important;
}
.nova-phone.nova-static .nova-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running nova-circle-anim !important;
}
.nova-phone.nova-hover .nova-ph-circle {
    border-color: rgba(0, 175, 242, 1);
    opacity: 0.5;
}
.nova-phone.nova-green.nova-hover .nova-ph-circle {
    border-color: rgba(117, 235, 80, 1);
    opacity: 0.5;
}
.nova-phone.nova-green .nova-ph-circle {
    border-color: rgba(117, 238, 35, 1);
    opacity: 0.5;
}
.nova-phone.nova-gray.nova-hover .nova-ph-circle {
    border-color: rgba(204, 204, 204, 1);
    opacity: 0.5;
}
.nova-phone.nova-gray .nova-ph-circle {
    border-color: rgba(117, 235, 80, 1);
    opacity: 0.5;
}
.nova-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running nova-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 100px;
    left: 50px;
    opacity: 0.1;
    position: absolute;
    top: 50px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 100px;
}
.nova-phone.nova-active .nova-ph-circle-fill {
    animation: 1.7s ease-in-out 0s normal none infinite running nova-circle-fill-anim !important;
}
.nova-phone.nova-static .nova-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running nova-circle-fill-anim !important;
    opacity: 0 !important;
}
.nova-phone.nova-hover .nova-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}
.nova-phone.nova-green.nova-hover .nova-ph-circle-fill {
    background-color: rgba(117, 238, 35, 0.5);
    opacity: 0.75 !important;
}
.nova-phone.nova-green .nova-ph-circle-fill {
    background-color: rgba(117, 238, 35, 0.5);
    opacity: 0.75 !important;
}
.nova-phone.nova-gray.nova-hover .nova-ph-circle-fill {
    background-color: rgba(204, 204, 204, 0.5);
    opacity: 0.75 !important;
}
.nova-phone.nova-gray .nova-ph-circle-fill {
    background-color: rgba(117, 235, 80, 0.5);
    opacity: 0.75 !important;
}
.nova-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running nova-circle-img-anim;
    background-color: rgba(30, 30, 30, 0.1);
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==");
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 60px;
    left: 70px;
    opacity: 0.7;
    position: absolute;
    top: 70px;
    transform-origin: 50% 50% 0;
    width: 60px;
}
.nova-phone.nova-active .nova-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running nova-circle-img-anim !important;
}
.nova-phone.nova-static .nova-ph-img-circle {
    animation: 0s ease-in-out 0s normal none infinite running nova-circle-img-anim !important;
}
.nova-phone.nova-hover .nova-ph-img-circle {
    background-color: rgba(117, 238, 35, 1);
}
.nova-phone.nova-green.nova-hover .nova-ph-img-circle {
    background-color: rgba(117, 235, 80, 1);
}
.nova-phone.nova-green .nova-ph-img-circle {
    background-color: rgba(117, 238, 35, 1);
}
.nova-phone.nova-gray.nova-hover .nova-ph-img-circle {
    background-color: rgba(204, 204, 204, 1);
}
.nova-phone.nova-gray .nova-ph-img-circle {
    background-color: rgba(117, 235, 80, 1);
}
.nova-phone {
    background-color: transparent;
    cursor: pointer;
    height: 140px;
    position: fixed;
    transition: visibility 0.5s ease 0s;
    visibility: hidden;
    width: 140px;
    z-index: 200000 !important;
}
.nova-phone.nova-show {
    visibility: visible;
    right: 0;
    bottom: 20px;
}
@keyframes nova-circle-anim {
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5) skew(1deg);
    }
    30% {
        opacity: 0.5;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    100% {
        opacity: 0.6;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}
@keyframes nova-circle-anim {
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5) skew(1deg);
    }
    30% {
        opacity: 0.5;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    100% {
        opacity: 0.1;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}
@keyframes nova-circle-fill-anim {
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
}
@keyframes nova-circle-fill-anim {
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    50% {
        opacity: 0.2;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
}
@keyframes nova-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}
@keyframes nova-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

#gallery-box{max-width: 700px;margin: auto;}
#gallery-box .bx-wrapper{border: 1px solid #ccc;padding: 5px;}
#gallery-box #bx-pager{margin-top: 20px;}
#gallery-box li{list-style: none;}
#gallery-box .bx-wrapper{margin-bottom: 0px;}
#gallery-box .bx-wrapper img{width: 100%;padding: 0px;border: none;}
#gallery-box{text-align: center;}
#gallery-box .custom-matbang img{cursor: pointer;}
#gallery-box .custom-hinhanh img{cursor: pointer;}
#bx-pager{text-align: center;}
#bx-pager a.active img{border: 1px solid #000;}
#bx-pager img{width: 70px;height: auto;border: 1px solid #ddd;padding: 2px;border-radius: 2px;}
.catepost li .item{width: 100%;}
#profile a{color: #fff;}

.sub-menu .sub-menu{margin-left: 191px;top: 0px;width: 200px;}
#main-menu li li:hover .sub-menu{display: block !important;}
#main-menu li .sub-menu li:hover{background: #eee;}
.menu-item-has-children > a:after {
    content: "\f0d7";
    float: right;
    font-size: 14px;
    position: relative;
    top: 0px;
    left: 4px;
    font-family: "FontAwesome";
}
#logo img{margin-top: 10px;max-height: 90px;}
.seotraining ul{margin-left: 30px;}
.seotraining ul li{list-style: disc;}

#form_register .hotline{background: #f7d87f;padding: 10px;font-size: 20px;font-family: 'BaiSau';font-weight: bold;line-height: 22px;}
#form_register .form_content{background: #f2f2f2;padding: 10px;box-sizing: border-box;width: 100%;float: left;clear: both;}
#form_register .form_content .wpcf7 div.item{float: left;width: 24%;margin-right: 1%;font-family: 'BaiSau';}
#form_register .form_content .wpcf7 input[type="text"],
#form_register .form_content .wpcf7 input[type="email"]{padding: 10px;}
#form_register .form_content .wpcf7 input[type="submit"]{width: 100%;margin-top: 23px;}
#form_register .form_content .wpcf7 span.wpcf7-not-valid-tip{color: #333;}
#form_register .form_content .wpcf7 div.wpcf7-validation-errors{float: left;width: 100%;clear: both;}
.detail-project .item-session h2.title{font-family: 'BaiSau';}
#form_register .form_content .wpcf7 div.wpcf7-mail-sent-ok{float: left;width: 100%;clear: both;color: #8dc63f;}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.aligncenter, 
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.wp-caption {
    width: 100% !Important;
    max-width: 100% !Important;
    text-align: center;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.02);
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.wp-caption img {
    max-width: 100%;
    width: 100% !Important;
    height: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 14px;
    font-style: italic;
    color: #000;
}
.wp-caption p.wp-caption-text {
    margin: 0;
    margin-top: 10px;
}
table{border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
table tr td{border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;padding: 4px;}
img.emoji {
    display: inline !important;
    border: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.gallery img{
    border: none !Important;
    padding: 0px;
    width: 100%;
    height: auto;
    background: #fff;
}
.gallery{
    margin-left: -10px !Important;
    margin-right: -10px !Important;
    margin-top: 15px !Important;
    margin-bottom: 15px !Important;
}
.gallery .gallery-item{
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    padding-bottom: 10px;
}