body{line-height: 1.5}
h1, h2, h3, h4, h5, h6{margin-bottom: 15px}
.wpcf7-form .wpcf7-text{}
.wpcf7-form .wpcf7-submit{border-width: 0}
.wpcf7-spinner{display: none}
.wpcf7 form .wpcf7-response-output{margin: 0}
img.alignnone, img.size-full.alignnone{margin-bottom:0}
.col, .columns, .gallery-item{padding-bottom: 15px}
.button{border: none}
.icon-box-img img, .icon-box-img svg{padding-top: 0; width: auto}
.text a:hover{color: #2B85BD !important} .nav>li>a{font-size: 0.9em}
.header-main .nav-line-bottom>li>a:before {width: 50px}
.header-button .button.secondary{font-size: 0.9em}
.header-button .button.secondary:before{content: '\f274'; font-family: FontAwesome; margin-right: 2px} .button.hwp-btn{box-shadow: 0 3px 6px #90CDF3}
.button.hwp-btn-white{background-color: #fff; color: #283E80}
.button.hwp-btn-white:hover{background: #283E80; background: linear-gradient(0deg, #283E80 0%, #1e78af 120%); color: #fff}
.button.hwp-btn-blue{background: #283E80; background: linear-gradient(0deg, #283E80 0%, #1e78af 120%);}
.button.hwp-btn-blue:hover{color: #323232}
.button.hwp-btn-border-white{border-color: #fff}
.button.hwp-btn-border-white span {color: #fff !important; }
.button.hwp-btn-border-white:hover span{color: #283E80 !important}
.button.hwp-btn-border-blue{border-color: #2B85BD}
.button.hwp-btn-border-blue span{color: #2B85BD !important}
.button.hwp-btn-border-blue:hover{background-color: #2B85BD !important }
.button.hwp-btn-border-blue:hover span{ color: #fff !important }
.hwp-text-box{position: relative; padding-top: 30px}
.hwp-text-box .icon-box-img{background-color: #fff; box-shadow: 0px 3px 6px rgba(0,0,0,0.3); width: 78px; height: 78px; padding: 15px;border-radius: 50%; position: absolute; right: 20px; top: -58px}
.hwp-text-box .icon-box-img img{padding-top: 0}
.hwp-lydo .icon-box-img{border-radius: 50%; padding: 20px; background-color: #E2EFFF; height: 100px;}
.hwp-lydo .icon-box-img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.hwp-bg-gadient-b{background: rgb(40,62,128);background: linear-gradient(90deg, rgba(40,62,128,1) 0%, rgba(42,121,178,1) 100%);}
.hwp-textbox-qt .icon-box-img{border-radius: 50%; padding: 25px; background: rgb(255,255,255); background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(212,239,255,1) 120%); height: 90px}
.hwp-qt-box .col-inner:before{content: ''; position: absolute; height: 70%; width: 1px; border-left: 2px dashed #fff; left: 45px; top: 50%; transform: translateY(-50%);}
.icon-tc>div{display: table-cell; vertical-align: middle; align-content: center;}
.icon-tc .icon-box-text h3{margin:0} .hwp-doitac .box-image a{display: block; padding: 10px 20px; background: #fff; border-radius: 20px}
.hwp-doitac .flickity-button{display: none}
.hwp-doitac .flickity-page-dots{position: static; margin-top: 20px }
.hwp-dot-white .flickity-page-dots .dot{background-color: #f2f2f2}
.hwp-dot-white .flickity-page-dots .dot.is-selected{background-color: #fff}
.hwp-dv-bg-form .col-inner{background: #fff url(https://genopath.vn/wp-content/themes/flatsome-child/images/bg/bg-dv-form.png) no-repeat top right;}
.hwp-dvxn-form .wpcf7-text{height: 50px;border-radius: 40px; border: 1px solid #DEDEDE; padding-left: 20px; padding-right: 20px}
.hwp-dvxn-form .wpcf7-submit{color: #283E80;background: linear-gradient(0deg, #AFD3FF 0%, #E0EEFF 120%); border-width: 0; border-radius: 30px; padding: 5px 80px; box-shadow: 0 3px 5px rgba(0,0,0, 0.15)}
.hwp-bg-phamvi{background: linear-gradient(0deg, #E7F2FF 0%, #fff 60%); } .hwp-breadcrumb a{color: #000}
.hwp-breadcrumb .breadcrumb_last{font-weight: bold}
.hwp-breadcrumb span > span{margin: 0 10px}
.hwp-breadcrumb span > span:first-child{margin-left: 0}
.hwp-maps iframe{border-radius: 20px}
.hwp-lh-form label{font-weight: normal;}
.hwp-lh-form .wpcf7-text, .hwp-lh-form .wpcf7-textarea{border-color: #8D8D8D; border-radius: 5px; height: 40px}
.hwp-lh-form .wpcf7-text{height: 40px}
.hwp-lh-form .wpcf7-submit{background: linear-gradient(0deg, #283E80 0%, #1e78af 120%); border-radius: 23px} .hwp-breadcrumb-box{background-color: #f3f3f3; padding: 15px 0}
.hwp-divi{width: 100%; border-bottom: 1px solid #dedede; margin: 20px 0}
.box-blog-post .image-cover{border-radius: 10px}
.post-title a{color: #000; font-size: 20px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.post-title a:hover, .hwp-readmore{color: #2B85BD}
.hwp-datetime{margin-top: 8px}
.hwp-datetime .fa{color: #2B85BD; margin-right: 3px}
.box-text a.hwp-readmore{display: block;margin-top: 20px; font-weight: bold;}
.blog-archive .page-numbers {text-align: left}
.nav-pagination>li>a, .nav-pagination>li>span {width: 30px; height: 30px; border-radius: 5px; border: 1px solid #DFDFDF; background-color: #F6F6F6; font-size: 12px; font-weight: normal; line-height: 30px}
ul.nav-pagination li {margin: 0 2px}
.td-list{box-shadow: 0 1px 15px rgba(0,0,0,0.1); border-radius: 15px; padding: 15px; margin-bottom: 35px}
.td-list .box-image{width: 30%}
.td-title a{font-size: 25px; color:#000}
.td-title a:hover{color: #2b85bd }
.box-text .td-desc{margin-top: 10px}
.td-list .box-text .td-button{display:inline-block; padding: 10px 20px; border: 1px solid #000; color: #000; border-radius: 5px; font-weight: bold; margin-top: 10px}
.td-list .box-text .td-button:hover{color: #2b85bd; border-color: #2b85bd }
.td-box .page-numbers{text-align: center} .single .entry-header-text{border-bottom: 1px solid #dedede; padding-bottom: 20px}
.single h1.entry-title{margin-bottom: 10px}
.hwp-sigle-date{font-size: 14px}
.hwp-sigle-date i{font-size: 16px; color: #2B85BD}
.single-page ul{padding-left: 20px}
.hwp-meta-list{display: table; width: 100%; border: 1px solid #E8E8E8; margin-bottom: 10px}
.hwp-meta-list>div{display: table-cell; vertical-align: middle;}
.hwp-meta-icon{width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff}
.hwp-meta-icon.hwp-meta-icon-tags{background-color: #283E80}
.hwp-meta-icon.hwp-meta-icon-share{background-color: #2B85BD}
.hwp-meta-desc {padding-left: 20px; padding-right: 10px; color: #8D8D8D}
.hwp-single-tags{font-size: 12px; font-style: italic; color: #8D8D8D;}
.hwp-single-tags a{ margin-right: 10px; color: #8D8D8D; }
.hwp-single-tags a:hover{color: #283E80}
.hwp-single-share.hwp-meta-desc{padding-left: 8px}
.hwp-single-share .share-icons a{margin-bottom:0; border:0; min-width:0; width: 33px; height: 30px; line-height: 33px; display: inline-block;}
.hwp-single-share .share-icons a i{top: 0}
.hwp-related-title{position: relative}
.hwp-related-post{margin-top: 50px}
.hwp-related-title p{font-size: 30px; font-weight: bold; color: #283E80; margin-bottom: 20px}
.hwp-related-control{position: absolute; right: 5px; top: 0; text-align: center;}
.hwp-related-control span{display: inline-block; height: 40px; width: 40px; line-height: 40px;  border-radius: 50%; border: 1px solid #E2EFFF; box-shadow: 0 3px 6px rgba(0,0,0, 0.16); cursor: pointer}
.hwp-related-control span:hover{color: #2B85BD} .category-page-row{padding-bottom: 30px}
.widget li.wc-layered-nav-term{border-top-width: 0 !important}
.widget li.wc-layered-nav-term a{position: relative; padding-left: 30px}
.widget li.wc-layered-nav-term a:before{position:absolute; content:''; top:7px; left: 0; width: 20px; height: 20px; line-height: 20px; border: 1px solid #3D3D3D; border-radius: 6px}
.widget li.wc-layered-nav-term.chosen a:before{content:'\f00c'; font-family: FontAwesome; color: #283E80; opacity: 1}
.widget li.wc-layered-nav-term .count {display: none}
.hwp-shop-title{background: url(https://genopath.vn/wp-content/themes/flatsome-child/images/bg/bg-archive-title.jpg) no-repeat center center; background-size: cover; padding: 40px 0 30px}
.hwp-shop-title h1{color: #fff; font-size: 50px; text-transform: uppercase;}
.product-small .box-image{border-radius: 5px}
.box-text-products .product-title a{font-size: 16px}
.box-text-products .product-title a{color: #000}
.box-text-products .product-title a:hover{color: #2b85bd}
.box-text-products .price-wrapper, .product_tags{margin-top: 10px;  }
.product_tags a{display: inline-block; font-size: 12px; padding: 5px 10px; border-radius: 18px; background-color: #E2EFFF; color: #283E80; font-weight: bold}
.product_tags a .fa{margin-right: 3px}
.box-text-products .price-wrapper span.amount{font-size: 22px; color: #2B85BD;}
.xn-le .product-small{background-color: #EBF4FF; border-radius: 10px}
.xn-le .box-text-products {padding: 20px}
.xn-le .box-text-products .product-title a{color: #283E80; font-size: 20px;     }
.xn-le .box-text-products .xn-desc{overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;}
.xn-le-vm{ background: rgb(40, 62, 128); background: linear-gradient(90deg, rgba(40, 62, 128, 1) 0%, rgba(42, 121, 178, 1) 100%); padding: 10px 20px; border-radius: 0 0 10px 10px}
.xn-le-vm a{color: #fff; font-weight: bold}
.xn-le-vm a:hover{color: #2b85bd}
.woocommerce-pagination .page-numbers{text-align: right}
.related .product-section-title-related{font-size: 30px; color:#283E80}
.related .flickity-prev-next-button{opacity: 1 !important; top: -70px; left: auto; bottom: auto; margin-top: 0 !important; transform: none !important; }
.related .flickity-prev-next-button svg{ border: 1px solid #E2EFFF;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 10px}
.related .flickity-prev-next-button.previous{ right: 45px; }
.related .flickity-prev-next-button.next{ right: 0; }
.product-main ul{padding-left: 35px}
.product #product-sidebar{padding-top: 30px}
.hwp-single-product-title{font-size: 30px; color: #000; line-height: 1.3em}
.product #product-sidebar span.amount{font-size: 30px; color: #2B85BD}
.hwp-sprouct-xntn{background: rgb(40, 62, 128); background: linear-gradient(90deg, rgba(42, 121, 178, 1) 0%, rgba(40, 62, 128, 1) 100%); padding: 10px 20px; border-radius: 10px}
.xn-info-o{background-color:#EBF4FF; border-radius: 10px; color: #283E80; padding: 25px 25px 10px 25px; margin-bottom: 15px}
.xn-info-o ul{margin: 0; padding-left: 10px}
.hwp-single-form-tv .col-inner{background: url(https://genopath.vn/wp-content/themes/flatsome-child/images/bg/icon-headphone.png) no-repeat top right; background-position: 95% 8%} .hwp-dlxn-form label{font-weight: normal}
.hwp-dlxn-form label .wpcf7-tel, .hwp-dlxn-form label .wpcf7-text, .hwp-dlxn-form label .wpcf7-date, .hwp-dlxn-form label .wpcf7-select{height: 45px} 
.hwp-dlxn-form .wpcf7-submit{border-radius: 40px; background: #283E80;background: linear-gradient(0deg, #283E80 0%, #1e78af 120%);}
.hwp-dlxn-form .col{padding-bottom: 0}
.hwp-dlxn-form select option[value=""] {color: #A8A8A8} .widget_product_search .submit-button{background-color: #fff; border: 1px solid #dedede; border-left-width: 0; border-radius: 0 5px 5px 0}
.widget_product_search .submit-button:hover{box-shadow: none; background-color: #283E80; }
.widget_product_search .submit-button i{color: #B4B4B4}
.widget_product_search input{box-shadow: none; border-radius: 5px 0 0 5px; border-right: 0}
.hwp-single-xntn{background: #283E80;background: linear-gradient(0deg, #283E80 0%, #1e78af 120%); border-radius: 20px}
.hwp-s-datlich{background: linear-gradient(0deg, #AFD3FF 0%, #E0EEFF 120%);}
.widget section{padding-left: 0 !important; padding-right: 0 !important}
.widget .is-divider{display: none !important}
.widget_nav_menu{background-color: #EBF4FF; padding-top: 20px; padding-bottom: 10px; border-radius: 20px}
.widget_nav_menu .menu {padding:  0 17px}
.widget_nav_menu ul.menu>li+li{border-color: #C2DDFF}
.widget_nav_menu .menu li a{color: #000; text-transform: uppercase}
.widget_nav_menu .menu li a:hover{color: #2b85bd}
.widget.woocommerce span.widget-title{padding-left: 0; color: #000; background: transparent;}
span.widget-title{display: block; color: #283E80; font-size: 20px; background: url(https://genopath.vn/wp-content/themes/flatsome-child/images/bg/bg-title.png) no-repeat left top 3px; padding-left: 17px; margin-bottom: 15px}
.woocommerce-widget-layered-nav .widget-title{position: relative; cursor: pointer}
.woocommerce-widget-layered-nav .widget-title:before{content: '\f107'; font-family: fontAwesome; font-size: 20px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: all 0.3s linear}
.woocommerce-widget-layered-nav .widget-title.shop-sidebar:before{content: '\f106';transition: all 0.3s linear}
.hwp-recent-box li{padding: 15px 0}
.hwp-recent-box li:first-child{padding-top: 0}
.hwp-recent-post{width: 100%; display: table}
.hwp-recent-post>div{display: table-cell; vertical-align: middle;}
.hwp-recent-post .box-image{width: 95px;}
.hwp-recent-post .box-image .image-cover{border-radius: 10px}
.box-text-link{padding-left: 15px}
.box-text-link a{font-size: 14px; font-weight: bold; line-height: 1.3em} .absolute-footer.dark{color: #fff}
.ft-info ul{margin:0; padding: 0}
.ft-info ul li{list-style: none; margin-left: 0; display: table; width: 100%}
.ft-info ul li .fa{font-size: 11px; width: 20px; float: left; margin-top: 8px; color: #2B85BD}
.ft-info ul li span{display: table}
.ft-menu .menu-item a{ min-height: 0; padding-top: 0; padding-left: 15px; background: url(https://genopath.vn/wp-content/themes/flatsome-child/images/icon/icon-left.png) no-repeat left top 8px; }
.ft-menu .menu-item a:hover{color: #2B85BD}
.ft-form{position: relative}
.ft-form .wpcf7-email{height: 45px; border-radius: 5px; border: 0; outline: 0; box-shadow: none; margin-bottom: 0}
.ft-form .wpcf7-submit{position: absolute; height: 40px; top:2px; right: 2px; background: #283E80; margin: 0; border-radius: 5px; font-weight: normal; text-transform: capitalize}
.ft-social .button.icon.circle{margin-right: 15px; background-color: #283E80 !important; border-color: #283E80 !important;}
.footer-connect-to{position: fixed; z-index: 9;bottom: 170px; right: 0; width: 75px; border-radius: 38px; border: 1px solid #B8B8B8; box-shadow: 0 0 6px rgba(0,0,0,0.1); background: #fff}
.footer-connect-to ul{margin: 0; padding: 20px 10px;}
.footer-connect-to ul li{list-style: none; margin: 0; padding: 10px 0;text-align: center; border-bottom: 1px solid #B8B8B8}
.footer-connect-to ul li:last-child{border-bottom-width: 0}
.footer-connect-to ul li a{color: #283E80; font-size: 12px}
.footer-connect-to ul li a:hover{color: #d91414}
.footer-connect-to ul li span{display: block; margin-top: 3px}
.back-to-top.button.icon.circle{background-color: #076CEC; color: #fff; border-width: 0; bottom: 100px; right: 15px}
@media only screen and (min-width: 1400px){
.header.header-full-width .header-wrapper{padding-left: 50px; padding-right: 50px}
.hwp-pd-qt {padding-right: 10%}
}
@media only screen and (min-width: 1200px){
.xn-le .product-small .box-text { min-height: 200px }
}
@media screen and (min-width: 850px){
.archive .post-sidebar{padding-left: 10px !important}
}
@media only screen and (min-width: 768px){
.td-title a{font-size: 20px;}
.products>.col.xn-le{flex-basis: 50%; max-width: 50%}
}
@media only screen and (min-width: 550px){
.row.hwp-button-main .col-inner{text-align: left}
}
@media only screen and (max-width: 849px){
.product-main{padding-top: 0}
}
@media only screen and (max-width: 48em) { .hwp-shop-title h1{font-size: 30px}
.hwp-single-product-title{font-size: 25px}
.products>.col.xn-le{flex-basis: 100%; max-width: 100%}
.footer-connect-to{width: 100%; bottom:0; border-radius: 0}
.footer-connect-to ul{display: block; padding: 5px 0}
.footer-connect-to ul li{width: 25%; float: left; border-bottom: 0}
.footer-connect-to ul li:last-child span{margin-top: 8px}
.footer-connect-to ul li a{font-size: 10px}
.widget_product_search .submit-button{height: 40px}
}
@media only screen and (max-width: 549px){
.box-text-products .product-title a{font-size: 1.3em}
.related .product-section-title-related{font-size: 20px}
.related .flickity-prev-next-button{width: 30px !important; top: -65px}
.related .flickity-prev-next-button svg{padding: 10px !important}
.related .flickity-prev-next-button.previous{ right: 38px; }
}