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

/*************** ADD CUSTOM CSS HERE.   ***************/

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7YGLWZHJFN">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-7YGLWZHJFN');
</script>

@media only screen and (max-width: 48em) {

    #flags.size24 a.united-states[title="English"], .tool-container a.united-states[title="English"], a.single-language.united-states[title="English"] span.size24 {
    width: 10px !important;
    background: url(../images/flags.png) -116px -351px no-repeat !important;
}
#flags.size24 a[title="Vietnamese"], .tool-container .tool-items a[title="Vietnamese"], a.single-language[title="Vietnamese"] span.size24 {
    background: url(../images/flags.png) 0 -380px no-repeat;
    width: 10px !important;
}
	.services-with-images .services-list li {
    display: block !important;
}
.services-with-images .services-list .image, .services-with-images .services-list .quote {
    width: 100% !important;
}
	.services-container .services-list li.number-right .content-box .icon {
    right: 5px !important;
    left: auto !important;
}


	.services-container .services-list li {
       margin-bottom: 100px;
    position: static !important;
    margin-bottom: 50px;
    width: 100% !important;
    position: absolute;
}
.homepage-slider .slider-brands-list ul {
    display: inline-block;
    width: auto;
    padding: 20px;
}
.header-main {
    background: #e6e7e8;
}
div#logo a img {
    max-width: 132px !important;
}
.slider-brands-list {
    position: static !important;
    width: 100% !important;
}
.em .description {
    height: auto;
}
.em .description {
    position: static !important;
    width: 100% !important;
}
.slider-brands-list ul {
    display: inline-block !important;
    width: auto !important;
    padding: 20px !important;
}
.em .description .title {
    font-size: 18px !important;
    padding-bottom: 15px !important;
}
.em .description .text-content {
    line-height: 1.5;
    margin-bottom: 10px !important;
}
.em .description:before{
	display: none !important;
}
.slider-wrapper+.row:not(.row-collapse), .banner-grid-wrapper+.row:not(.row-collapse), .banner+.row:not(.row-collapse), .section+.row:not(.row-collapse) {
    margin-top: 0 !important; 
}
.about-us-section {
    padding: 0 !important;
}
.about-us-section .homepage-section-bg {
    left: auto !important;
    right: 0 !important;
}
 .about-us-section .homepage-section-bg {
    height: auto !important;
    width: auto !important;
}
.about-us-section .homepage-section-bg {
    position: static !important;
    max-width: 100% !important;
}
.homepage-section {
    height: auto !important;
}
.about-us-section .about-us-content {
    width: 100% !important;
}
.about-us-section .about-us-content {
    position: relative !important;
    left: 0 !important;
    top: auto !important;
    transform: none !important;
    padding: 15px !important;
}
.title-with-description .h1 {
    width: 65% !important;
}

div#logo:after {
display: none !important;
}

.anh .section-content ul {
    display: inline-block !important;
    margin: 0 -15px 0 !important;
    list-style: none;
}
.anh .section-content ul li {
    width: 100% !important;
    margin: 5px !important;
    padding: 5px !important;
}

.anh .section-content {
    padding: 10px !important;
}
 .service-section ul li {
    width: 100% !important;
}

.service-section ul {
    display: block !important ;
}

.service-section .img-responsive {
    display: block !important ;
    max-width: 100px !important ;
    height: 140px !important ;
}
.why-choose-us-section .image .counting {
    position: static !important;
}
.why-choose-us-section .image .counting {
    top: 0 !important;
}
.why-choose-us-section .image .counting ul {
    display: inline-block !importantv;
    text-align: left !important;
}
.why-choose-us-section .image .counting ul li {
    width: 100% !important;
}
.why-choose-us-section .image .counting ul li:nth-child(2n+2) {
    padding-left: 0 !important;
}

.why-choose-us-section .image .counting ul li+li, body.homepage .why-choose-us-section .image .counting ul li:not(:first-child):not(:nth-child(2)) {
    margin-top: 60px !important;
}
.why-choose-us-section .image .counting ul li+li, body.homepage .why-choose-us-section .image .counting ul li:not(:first-child):not(:nth-child(2)) {
    margin-top: 60px;
}

.services-container {
    display: block !important;
}	
.services-container>img {
    max-width: 300px !important;
    margin-bottom: 30px !important;
}
.services-container .services-list {
    width: 100% !important;
}
.services-container .services-list li.number-left, .services-container .services-list li.number-right {
    float: left;
    padding-right: 25px !important;
    padding-left: 0 !important;
}
.services-container .services-list li.number-left .number-box, .services-container .services-list li.number-right .number-box {
    position: static !important;
    -webkit-transform: none !important;
    transform: none !important;
    margin: 0 auto 15px !important;
}
.services-container .services-list li.number-left .content-box, .services-container .services-list li.number-right .content-box {
    position: relative !important;
    overflow: visible !important;
    padding-left: 15px !important;
}
}





div#logo {
    padding: 29px 15px 29px 0;
    background-color: #e6e7e8;
    position: relative;
}
div#logo:before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    background-color: #e6e7e8;
    display: block;
    height: 100%;
    width: 1000%;
}
div#logo:after {
    content: "";
    border-left: 0 solid transparent;
    border-right: 37px solid transparent;
    border-top: 100px solid #e6e7e8;
    position: absolute;
    left: 100%;
    top: 0;
}
div#logo a img {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    top: -26px;
    left: 0;
}

.nav>li.active>a{
    color: #02519a !important;
    text-decoration: underline;
}
.nav > li > a {
    padding: 14px 15px;
    display: block;
    font-size: 14px;
    color: black;
    text-transform: uppercase;
    font-weight: 700;
}
.slider-brands-list {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #303030;
}
.slider-brands-list ul {
    list-style: none;
    width: 37.5%;
    margin: 0 -20px;
    padding: 25px 50px;
    font-size: 0;
    line-height: 0;
    text-align: right;
}
.slider-brands-list li {
    display: block;
    max-width: 33%;
    float: left;
    padding: 0px 20px 20px;
}
.slider-brands-list img {
    max-height: 45px;
    max-width: 100%;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.em .description {
    position: absolute;
    background-color: #02519a;
    bottom: 0;
    right: 0;
    color: hsla(0,0%,100%,.7);
    min-height: 145px;
    padding: 15px 100px 5px 30px;
    width: 62.5%;
    font-size: 14px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    }

.em .description:before {
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    width: 35px;
    bottom: 0;
    background-color: #02519a;
    -webkit-transform: skew(-12deg) translateX(15px);
    transform: skew(-12deg) translateX(15px);
    border: 0 none;
}
.em .description .title {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    padding: 0 0 20px;
    text-transform: uppercase;
}
.em .description .text-content {
    height: 60px;
}
.em .description .text-content {
    height: 60px;
}
.em .col{
    padding: 0px !important;
}
.about-us-section {
    background-color: #f8f8f8;
}
.homepage-section {
    position: relative;
}
.homepage-section {
    height: 100vh;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.homepage-section-bg {
    min-height: 100%;
    min-width: 74.30555556%;
    width: auto;
    position: relative;
    left: 25.69444444%;
}
.homepage-section-bg {
    position: absolute;
    top: 0;
    height: 100%;
    width: auto;
}
.about-us-section .about-us-content {
    width: 31.25%;
    left: 6.94444444%;
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.about-us-content .title-with-description {
    text-align: left;
}

.title-with-description {
    text-align: center;
    padding: 30px 0;
}
.title-with-description .h1{
    display: inline-block;
    color: #ffffff;
        width: 50%;
}

.title-with-description .h1{
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    letter-spacing: 1px;
}
.title-with-description .h1:after{
    background-color: #000;
}
.title-with-description .h1:after{
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background-color: #02519a;
    margin: 30px auto;
}
.title-with-description .description {
    max-width: 520px;
    color: #828282;
}
.anh .section-content {
    height: 100%;
    position: relative;
    float: right;
    background-color: #fff;
    padding: 20px 50px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
}
.section-content .wrapper {
    width: 100%;
}
.section-content .title-with-description {
    padding-top: 0;
}
.title-with-description {
    text-align: center;
    padding: 30px 0;
}
.anh .section-content ul {
    list-style: none;
    margin: 60px -15px 0;
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.anh .section-content ul li {
    width: 100%;
    margin: 40px 0px;
    padding: 0 15px;
}
 .anh .section-content ul a {
    text-decoration: none !important;
    color: #303030;
    display: -webkit-inline-box;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
 .anh .section-content ul a .icon {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    min-width: 60px;
    border: 3px solid #303030;
}
.anh .section-content ul a .icon:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.anh .section-content ul a .icon img {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 40px;
    max-height: 40px;
}
.anh .section-content ul a .icon img.hover {
    display: none;
}
.anh .section-content ul a .icon img {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 40px;
    max-height: 40px;
}
 .anh .section-content ul a .text {
    padding-left: 13px;
    font-size: 26px;
    line-height: 1.4;
}
.anh .section-content ul a:hover {
    color: #02519a;
}
.anh .section-content ul a:hover .icon {
    border-color: #02519a;
    background-color: #02519a;
}
 .anh .section-content ul a:hover .icon img.hover {
    display: block;
}
.service-section {
    background-color: #e6e7e8;
}
.service-section .container, body.homepage .service-section ul {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
}
.service-section .container {
    height: 90vh;
    position: relative;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
}
 .service-section ul, body.homepage .service-section ul li {
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
 .service-section ul, body.homepage .service-section ul li {
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.service-section ul {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
}
.service-section ul li {
    width: 50%;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
}
.service-section ul li {
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
 .service-section ul li>* {
    padding: 0 15px;
}
.service-section .img-responsive {
    display: block;
    max-width: 160px;
    height: 190px;
}
.service-section ul .title {
    font-size: 26px;
    font-weight: 700;
}
.service-section ul .description {
    height: 100px;
    margin-top: 10px;
    overflow: hidden;
    font-size: 14px;
}
.btn-special{
    margin-top: 25px;
}
.btn-special{
        border: 2px solid red;
    background-color: #02519a;
    border-color: #02519a;
    color: #fff;
}
.btn-special {
    font-size: 14px;
    height: 39px;
    border-right: 0 none;
    padding: 0 20px;
    position: relative;
    display: inline-block;
    line-height: 13px;
}

.btn-special:after {
       background-color: #02519a !important;
    border-color: #02519a;
    color: #fff;
}
 .btn-special:after {
    content: "";
    background-color: #fff;
    border-left: 0 none;
    position: absolute;
    left: 100%;
    top: -2px;
    bottom: -2px;
    width: 20px;
    margin-left: -10px;
    -webkit-transform: skew(15deg);
    transform: skew(15deg);
}
.btn-special:hover:after {
    background-color: #fff !important;
}
.btn-special:hover {
    color: #02519a;
    text-decoration: none;
    background: #fff !important;
     border: 2px solid #fff;
}
.row .gallery, .row .row:not(.row-collapse), .container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse) {
    padding-left: 0;
    padding-right: 0;
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
    margin: 0 auto;
}
.why-choose-us-section .image {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    position: relative;
}
.why-choose-us-section .image{
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.why-choose-us-section .image .counting {
    position: absolute;
    top: 25%;
    width: 100%;
}
.why-choose-us-section .image .counting ul {
    margin: 0;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.why-choose-us-section .image .counting ul li {
    width: 45%;
}
.why-choose-us-section .image .counting ul li:nth-child(odd) .counting-wrapper {
    padding-right: 80px;
}

.why-choose-us-section .image .counting .counting-wrapper {
    width: 250px;
    position: relative;
    font-weight: 700;
}
.why-choose-us-section .image .counting ul li:nth-child(odd) .counting-wrapper:before {
    border-left: 0 none;
    right: 0;
    left: auto;
}
.why-choose-us-section .image .counting .counting-wrapper:before {
    content: "";
    width: 60px;
    height: 60px;
    border: 10px solid #02519a;
    display: block;
    border-bottom: 0 none;
    position: absolute;
    top: 30px;
}
.image .counting .counting-wrapper .icon-number-group {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
}
.why-choose-us-section .image .counting .counting-wrapper .icon {
    width: 60px;
    padding-right: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}
.why-choose-us-section .image .counting .counting-wrapper .icon img {
    max-width: 100%;
    height: auto;
}
.why-choose-us-section .image img {
    margin: 0 auto;
}
.why-choose-us-section .image .counting .counting-wrapper .number {
    font-size: 65px;
    font-weight: 700;
    color: #303030;
    width: 110px;
    max-width: 110px;
    -webkit-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
}
.why-choose-us-section .image .counting .counting-wrapper .number span {
    line-height: 1;
}
.why-choose-us-section .image .counting .counting-wrapper .text {
    width: 100%;
}
.why-choose-us-section .image .counting ul li:nth-child(2n+2) {
    padding-left: 25%;
}
.why-choose-us-section .image .counting ul li:nth-child(2n+2) .counting-wrapper {
    padding-left: 80px;
}
.why-choose-us-section .image .counting ul li:nth-child(2n+2) .counting-wrapper:before {
    border-right: 0 none;
    left: 0;
    right: auto;
}
.why-choose-us-section .image .counting ul li:nth-child(odd) .counting-wrapper {
    padding-right: 80px;
}
.why-choose-us-section .image .counting ul li:nth-child(2n+3) .counting-wrapper:before, body.homepage .why-choose-us-section .image .counting ul li:nth-child(2n+4) .counting-wrapper:before {
    border-bottom: 10px solid #02519a;
    border-top: 0 none;
}
.why-choose-us-section .image .counting ul li:nth-child(odd) .counting-wrapper:before {
    border-left: 0 none;
    right: 0;
    left: auto;
}
.why-choose-us-section .image .counting ul li:not(:first-child):not(:nth-child(2)) {
    margin-top: 120px;
}
.why-choose-us-section .image .counting .counting-wrapper {
    width: 250px;
    position: relative;
    font-weight: 700;
}
 .why-choose-us-section .image .counting ul li:nth-child(2n+4) .counting-wrapper:before {
    border-bottom: 10px solid #02519a;
    border-top: 0 none;
}
.why-choose-us-section .image .counting ul li:nth-child(2n+2) .counting-wrapper:before {
    border-right: 0 none;
    left: 0;
    right: auto;
}
.partners-list {
    background-color: #e6e7e8;
}
.about-us-message .content {
    padding-left: 30px;
    color: #828282;
    -webkit-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.about-us-message .content .description {
    padding: 75px 0 20px 65px;
    position: relative;
}
.about-us-message .content .description:before {
    content: "\201C";
    left: 0;
    top: 0;
}
.about-us-message .content .description:before {
    font-size: 100px;
    position: absolute;
}
.about-us-message .content .description:after {
    content: "\201D";
    left: 40%;
    top: 86%;
}
.about-us-message .author {
    text-align: right;
    font-weight: 700;
    margin-top: 30px;
}
.about-us-message .content .description:after, .about-us-message .content .description:before {
    font-size: 100px;
    position: absolute;
}
.services-container {
    position: relative;
}
.services-container>img {
    margin: 0 auto;
    -webkit-transform: translateX(17%);
    transform: translateX(17%);
}
.services-container .services-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.services-container .services-list li:first-child {
    left: 0;
    top: 23%;
}

.services-container .services-list li.number-left {
    float: left;
    padding-right: 120px;
}
.services-container .services-list li {
    margin-bottom: 100px;
    width: 50%;
    position: absolute;
}
.services-container .services-list li>.wrapper {
    position: relative;
}

.services-container .services-list li.number-left .number-box {
    left: 0;
}
.services-container .services-list .number-box {
    width: 148px;
    height: 148px;
    background-color: #eee;
    -webkit-box-shadow: 5px 0 6px 0 rgb(0 0 0 / 5%);
    box-shadow: 5px 0 6px 0 rgb(0 0 0 / 5%);
    padding: 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.services-container .services-list [data-color=blue] .number-content {
    background: -webkit-gradient(linear,left top,left bottom,from(#5f9ce4),color-stop(50%,#5f9ce4),color-stop(50%,#4990e2));
    background: linear-gradient(#5f9ce4,#5f9ce4 50%,#4990e2 0);
}
.services-container .services-list .number-content {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(48,48,48,.6)),color-stop(50%,rgba(48,48,48,.6)),color-stop(50%,#303030));
    background: linear-gradient(rgba(48,48,48,.6),rgba(48,48,48,.6) 50%,#303030 0);
    color: #fff;
    text-align: center;
    padding: 10px 5px;
    width: 108px;
    overflow: hidden;
    -webkit-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.services-container .services-list .number-content .h5 {
    font-size: 16px;
    margin: 0;
    line-height: 1;
}

.services-container .services-list .number-content .h1 {
    font-weight: 700;
    margin: 0;
}

.services-container .services-list li.number-left .content-box {
    padding-right: 50px;
    padding-left: 165px;
}

.services-container .services-list .content-box {
    background-color: #f3f3f3;
    height: 110px;
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 10px;
    overflow-y: hidden;
}

.services-container .services-list .content-box .title {
    color: #303030;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.services-container .services-list .content-box .description {
    color: #828282;
}
.services-container .services-list li.number-left .content-box .icon {
    right: 5px;
}

.services-container .services-list .content-box .icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.services-container .services-list li:nth-child(2) {
    right: 0;
    top: 23%;
}
.services-container .services-list li.number-right {
    float: right;
    padding-left: 100px;
}
.services-container .services-list li.number-right .number-box {
    right: 0;
}
.services-container .services-list [data-color=orange] .number-content {
    background: -webkit-gradient(linear,left top,left bottom,from(#ffba47),color-stop(50%,#ffba47),color-stop(50%,#f5a624));
    background: linear-gradient(#ffba47,#ffba47 50%,#f5a624 0);
}
.services-container .services-list li.number-right .content-box {
    padding-right: 160px;
    padding-left: 60px;
}
.services-container .services-list li.number-right .content-box .icon {
    left: 5px;
}
.services-container .services-list li.number-right .content-box:after {
    right: 100%;
    border-left: 25px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 110px solid #f3f3f3;
}
.services-list .content-box:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
}
.services-container .services-list li.number-left .content-box:after {
    left: 100%;
    border-left: 0 solid transparent;
    border-right: 25px solid transparent;
    border-top: 110px solid #f3f3f3;
}
.services-container .services-list li:nth-child(3) {
    left: 7%;
    top: 58%;
}
.services-container .services-list [data-color=green] .number-content {
    background: -webkit-gradient(linear,left top,left bottom,from(#0caab9),color-stop(50%,#0caab9),color-stop(50%,#08919f));
    background: linear-gradient(#0caab9,#0caab9 50%,#08919f 0);
}
.services-container .services-list li:nth-child(4) {
    right: -7%;
    top: 58%;
}
.services-container .services-list [data-color=purple] .number-content {
    background: -webkit-gradient(linear,left top,left bottom,from(#e880ff),color-stop(50%,#e880ff),color-stop(50%,#e051ff));
    background: linear-gradient(#e880ff,#e880ff 50%,#e051ff 0);
}
.services-with-images {
    margin-top: 50px;
}

.services-with-images .services-list li {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
        padding: 0px;
    margin: 0px;		
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
}
.services-with-images .services-list .image {
    width: 50%;
    background-size: cover;
    background-position: 50%;
}
.services-with-images .services-list .quote {
    position: relative;
    width: 50%;
    background-color: #02519a;
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.services-with-images .services-list .quote:before {
    content: "";
    display: block;
    padding-bottom: 42.85714286%;
}
.services-with-images .services-list .image:before {
    content: "";
    display: block;
    padding-bottom: 42.85714286%;
}

.services-with-images .services-list .quote .text {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.services-with-images .services-list li:nth-child(2n+2) .image {
    -webkit-box-ordinal-group: 3;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
}
.services-with-images .services-list li:nth-child(2n+2) .quote {
    -webkit-box-ordinal-group: 2;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {
    background-color: rgb(255 255 255);
    box-shadow: none;
    border-color: rgb(0 0 0);
    color: currentColor !important;
    border-radius: 99px;
}
.form-flat textarea, .form-flat select {
    background-color: rgb(255 255 255);
    box-shadow: none;
    border-color: rgb(0 0 0);
    color: currentColor !important;
    border-radius: 30px;
}
.soluong li {
    list-style: none;
}
.soluong .btn-special {
    padding: 10px;
} 
.soluong li {
        margin-left: 0px !important;
}
.soluong .btn-special:hover {
    color: #ffffff;
    text-decoration: none;
    background: #f00 !important;
    border: 2px solid #f00;
    padding: 10px;
}
.soluong .btn-special:after {
    content: "";
    background-color: #fff;
    border-left: 0 none;
    position: absolute;
    left: 100%;
    top: -2px;
    bottom: -2px;
    width: 20px;
    margin-left: -10px;
    -webkit-transform: skew(15deg);
    transform: skew(15deg);
}
.soluong .btn-special:after {
    background-color: #02519a !important;
    border-color: #02519a;
    color: #fff;
}
.soluong .btn-special:hover:after {
    background-color: #f00 !important;
}
/*.soluong li a {
    color: #02519a;;
}
.soluong li:hover {
    background: #02519a;;
    background: #02519a;;
}

.soluong li a:hover {
        color: white;
}*/
 .containe{r
    max-width: 1175px !important;
}
.box-image {
    position: relative;
    height: 300px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #02519a;
    padding: 30px; 
}
p.name.product-title.woocommerce-loop-product__title a {
    font-size: 20px;
    color: #02519a;
}
input.wpcf7-form-control.wpcf7-submit.button {
    width: 100%;
}
li#tab-title-reviews {
    display: none;
}