body {    
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    background-color:#f9fbfa;
}

@media (min-width: 768px) {.col-sm-5ths {width: 20%;float: left;}}
@media (min-width: 992px) {.col-md-5ths {width: 20%;float: left;}}
@media (min-width: 1200px) {.col-lg-5ths {width: 20%;float: left;}}

/*Bartop*/
.bartop {z-index:99;width: 100%;color: #fff;font-size: 13px;background: #01c72e;max-height: 30px !important;}
    .bartop ul {float: right;list-style: none;padding-right: 30px;display: inline-block;}
        .bartop ul li {float: left;padding: 10px 5px;display: inline-block;}
            .bartop ul li a {color: #fff;display: inline-block;}
                .bartop ul li a:hover {color: #ed1c24;display: inline-block;text-decoration-line: none;}

/*Header*/
.header-main {z-index: 9;height: 68px;background: #01c72e;vertical-align: middle;}
#logo {width: 192px;}
    #logo img {width: auto;margin-top: -43px;max-height: 150px;z-index: 99999;display: block;position: absolute;}
.logo {margin: 0;margin-right: 0px;margin-left: 0px;line-height: 1;}
.header-main img{width: auto;max-height: 90px;margin-top: -20px;}
.header-main ul{display:inline-block;margin-left: 105px;position:absolute;}
.hotline_home {float:right;color: #fff;font-size: 20px;font-weight: 600;padding: 2px 5px;margin-right: -30px;line-height: 30px;padding-top: 12px;}
    .hotline_home a {color: #fff;text-shadow: rgb(0, 0, 0.2) 0px 2px 2px;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform-origin: 50% 50% 0px;}
        .hotline_home a:hover {font-size: 22px;font-weight: 700;cursor: pointer;font-family: 'Segoe UI Symbol';}

/*menu */
.header-bottom {z-index: 99;position: relative;min-height: 29px;background-color: #03883e;transition: background-color 0.2s;}
.flex-menu {float: right;padding-top: 5px;}
#scroll_menu {margin-top: 20px;text-align: right;font-weight: 500;}
.navbar-default {padding: 0px;line-height: 25px;display: inline-block;background-color: transparent;}
#menu-main-menu {display: inline-block;}
    #menu-main-menu li a {color: #fff;padding: 2px 5px;margin-right: 10px;line-height: 25px;font-size: 14px;font-weight: 500;text-transform: uppercase;
                          text-shadow: rgb(0, 0, 6) 0px 1px 1px;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform-origin: 50% 50% 0px;}
        #menu-main-menu li a i {color: #05d260;padding: 0px 2px;padding: 0px;border: none;}
    #menu-main-menu > li > a:hover {font-weight: 500;color: #f3da76 !important;}
    #menu-main-menu li:hover ul {height: auto;display: block;opacity: 1;padding: 5px;box-shadow: 0 0 18px 0px rgba(0,0,0,.13);border-bottom: 1px solid rgba(0,0,0,.1);border: none;border-radius: 0;}
.dropdown-submenu {position: relative;background-color: #03883e;}
    .dropdown-submenu .dropdown-menu {top: 0;left: 100%;margin-top: -1px;visibility: hidden;}
.dropdown-menu li {border-bottom: solid 1px #fff;transition: background-color 0.2s;text-align: left;}
    .dropdown-menu li:hover {border-bottom: 1px solid #f6ef90;}
    .dropdown-menu li a {color: #333;padding: 5px !important;font-size: 12px;}
        .dropdown-menu li a:hover {color: #f6ef90 !important;background-color: transparent;}
.dropdown-submenu:hover > ul {visibility: inherit;}

/* Mobile menu */
.header-mobile{height:45px;display:block;position: relative;background: #01c72e;padding: 3px 5px 3px 5px;}
.header-mobile img{margin-top:7px; padding:3px;height:28px;vertical-align:middle;}
.menu-mobile{}
.btn-mn-open:focus,
.btn-mn-open:active,
.btn-mn-open:hover,
.btn-mn-open{position: absolute;right: 10px;top: 50%;margin-top: -18px; display: block;color: #fff;border: 2px solid #fff;padding:  5px 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.menu-mobile-wrap{display: none;padding-bottom: 30px;position: absolute;top: 100%;width: 100%;z-index: 21;background-color: #01c72e;}
.menu-mobile-wrap ul{list-style: none;white-space: normal;padding: 20px 0px 10px 10px;margin: 0;}
.menu-mobile-wrap ul > li{display: block;float: left;width: 50%;box-sizing: border-box;padding: 5px 10px 5px 0px;}
.menu-mobile-wrap ul > li a{color: #fff;display: block;height: 100%;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;padding: 8px 10px;font-family: "Helvetica";transition: all 0.2s;overflow: hidden;}
.menu-mobile-wrap ul > li a:before{/*content: "\f138";*/font-family: FontAwesome;margin-right: 5px;color: #FFEC8A;transition: all 0.2s;}
.menu-mobile-wrap ul > li:hover a:before{color: #F43E41;}
.menu-mobile-wrap ul > li.bthomelink a,
.menu-mobile-wrap ul > li a:hover,
.menu-mobile-wrap ul > li a:active{color: #000;display: block;height: 100%;background-color: #fff;}
.menu-mobile-wrap ul > li.home-link{width: 100%;text-align: center;	font-size: 18px;}
.menu-mobile-wrap ul > li.home-link a:before{content: "";margin-right: 0;}
.menu-mobile-wrap ul > li.home-link a i{color: inherit;}
.menu-mobile-wrap ul > li.home-link a{border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px;background-color: #fff;color: #ff0404;}

/* Banner */
.imgbanner {background-repeat: no-repeat;background-size: cover;background-position: center 100%;width: 100%;height: 100%;min-height:650px;opacity: 1;visibility: inherit;z-index: 20;}

/*sumaries*/
.sumaries {padding: 2em 0;color: #fff;text-align: center;background: #01c72e;background-size: cover;vertical-align: middle;}
    .sumaries .ps-fact-icon {float: left;width: 60px;height: 60px;font-size: 35px;text-align: center;position: relative;margin-right: 20px;background-color: #f89221;}
        .sumaries .ps-fact-icon img {width: 60px;height: 60px;}
        .sumaries .ps-fact-icon:after {content: '';position: absolute;top: 50%;right: 0;width: 0;height: 0;border-style: solid;border-width: 10px; margin-right: -20px;margin-top: -10px; border-color: transparent transparent transparent #f89221;}
        .sumaries .ps-fact-icon i {line-height: 60px;display: block;}    
    .sumaries .ps-fact-image {float: left;width: 60px;height: 60px;font-size: 35px;text-align: center;position: relative;margin-right: 20px;background-color: transparent;}
    .sumaries .ps-fact-details {float: left;text-align: left;}
    .sumaries .ps-fact-number {font-weight: 700;font-size: 30px;line-height: 1;text-shadow: rgb(0, 0, 6) 0px 1px 1px;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform-origin: 50% 50% 0px;}
    .sumaries .ps-fact-title {font-weight: 400;font-size: 12px;margin: 5px 0;line-height: 1.2;color: #fff;}

/*Dich vu*/
.usaged {text-align: center;min-height: 70ch;padding: 20px 0px;background-size: cover;vertical-align: middle;}
    .usaged h2 {color: #01c72e;font-size: 1.8em;font-weight: 600;text-align: center;padding-bottom: 20px;text-transform: uppercase;
                text-shadow: rgb(0, 0, 6) 0px 1px 1px;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform-origin: 50% 50% 0px;
    }
    .usaged p {color: #0a0a0a;}
.align-items-center {align-items: center !important;}
.usaged ul { list-style: none; padding: 0; margin: 0; }
.usaged ul li {display: block;font-size: 15px;position: relative;background: #01c72e;overflow: hidden;margin: 35px 0;color: #fff;}
.usaged ul li i {font-size: 25px;float: left;margin-right: 10px;color: #ffffff;background: #ed1c24;width: 50px;height: 50px;text-align: center;line-height: 2.3;position: relative;}
.usaged ul li i:after {position: absolute;content: "";width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #ed1c24;top: 15px;right: -10px;z-index: 99;}
.usaged ul li span { padding-left: 70px; display: block; margin-top: 5px; padding-right: 10px; color: #ffffff;}
.usaged ul li span:hover {color: #ed1c24;}
.usaged ul li span:before { content: ""; border-left: 10px solid #fff; width: 10px; height: 100%; position: absolute; top: 0; left: 50px; }


/* Project */
.project {text-align: center;min-height: 70ch;padding: 20px 0px;background-size: cover;background-color:#01c72e;vertical-align: middle;}
    .project h2 {color: #fff;font-size: 1.8em;font-weight: 600;text-align: center;padding-bottom: 20px;text-transform: uppercase;
                 text-shadow: rgb(0, 0, 6) 0px 1px 1px;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform-origin: 50% 50% 0px;
    }
    .project p {color: #fff;}
.project .col-md-5ths {padding:0px 5px;}
.project .col-md-5ths img {width: 100%;height: 230px;padding:10px;}
.project .col-md-5ths:hover > div > div .link{color:#fff;}
.project .col-md-5ths > div{transition: background-color .5s;padding-bottom: 10px;}  
.project .col-md-5ths > div:hover{background: linear-gradient(rgba(244, 231, 67, 0.2), rgba(244, 231, 67, 0.7));color:#fff;cursor: pointer;}
.project .col-md-5ths > div:hover .overlay{opacity:1;}
.project .col-md-5ths a{color:#fff;}
.project .col-md-5ths a:hover{color:#ed1c24;}
.project_btn_holder {top: 40%;left: 35%;position: absolute;}
    .project_btn_holder a :hover {border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;background-color: #fff;border-color: #fff !important;color: #e23815;}
    .project_btn_holder a {top: 40%;left: 50%;width: 38px;height: 39px;margin-top: -19px;background-color: #f8051c;color: #ffffff;/* border: 2px solid #f8051c; */
        border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;display: inline-block;text-align: center;/* opacity: 0; */
        transition: background-color 1s;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
        .project_btn_holder a i {padding: 12px;}
.project_sub_content{font-size: 17px;height: 100px;text-align: justify;text-transform: uppercase;}

/* Award */
.newsaward {height: 100%;padding: 20px;min-height: 500px;background-color: rgba(244, 231, 67, 0.58);}
    .newsaward h2 {color: #ed1c24;font-size: 25px;margin-top: 20px;margin-left: 10px;text-align: center;font-weight: bolder;padding-bottom: 20px;text-transform: uppercase;
                   text-shadow: rgb(0, 0, 6) 0px 1px 1px;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform-origin: 50% 50% 0px;
    }
    .newsaward p {color: #0a0a0a;text-align: center;}
    .newsaward .readmore {text-align: center;}
.newsaward-item {padding: 20px 15px 10px;}
.newsaward-item-inner {width: 100%;position: relative;margin-left: auto;margin-right: auto;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;-ms-flex: 1 0 auto;flex: 1 0 auto;border: 1px solid #f6ef90;border-radius:15px;}
.newsaward-small {padding: 10px;background-color: #fff;}
.newsaward-box {width: 100%;margin: 0px auto;position: relative;text-align: center;border-radius:15px;}
    .newsaward-box img {width: 95%;height: 220px;align-items:center;overflow: hidden;position: relative; padding-top:15px; transition: opacity 0.3s,transform 0.3s,background-color 0.3s;}
.newsaward-content {height: 120px;width: 100%;font-size: .9em;position: relative;background-color: #fff;padding-top: 10px;overflow: hidden;}
.newsaward-title-names {color: #ed1c24;font-size: 12pt;text-align:center;font-weight: bold;}
    .newsaward-title-names a, a:hover {color: #ed1c24;text-decoration: none;}
.newsaward-content p {width: 100%;color: #01c72e;font-size: 11pt;text-align: center;position: relative;padding-top: 20px;}

/* news event*/
.newsevent {height: 100%;padding: 20px;min-height: 500px;}
    .newsevent h2 {color: #01c72e;font-size: 25px;margin-top: 20px;margin-left: 10px;text-align: center;font-weight: bolder;padding-bottom: 20px;text-transform: uppercase;
                   text-shadow: rgb(0, 0, 6) 0px 1px 1px;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform-origin: 50% 50% 0px;
    }
    .newsevent span {color: #015e66;text-align: center;}    
    .newsevent p{padding-top:15px;color:#0a0a0a;max-height: 200px;text-align: justify;}
    .newsevent .readmore {text-align: center;}
.newsevent-item {padding: 20px 15px 10px;}
.newsevent-item-inner {width: 100%;position: relative;margin-left: auto;margin-right: auto;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;-ms-flex: 1 0 auto;flex: 1 0 auto;border: 1px solid #ccc;}
.newsevent-small {padding: 10px;background-color: #fff;}
.newsevent-box {width: 100%;margin: 0px auto;position: relative;text-align: center;}
    .newsevent-box img {width: auto;height: 150px;align-items:center;overflow: hidden;position: relative;transition: opacity 0.3s,transform 0.3s,background-color 0.3s;}
.newsevent-content {height: 280px;width: 100%;font-size: .9em;position: relative;background-color: #fff;padding-top: 10px;overflow: hidden;}
.newsevent-title-names {color: #22a447;font-size: 12pt;text-align:center;font-weight: bold;}
    .newsevent-title-names a, a:hover {color: #ed1c24;text-decoration: none;}
.newsevent-content p {width: 100%;font-size: 11pt;text-align: left;position: relative;padding-top: 20px;}
.news_images {box-sizing: inherit;visibility: visible;overflow: hidden;width: 100%;height: 280px;animation-duration: 0.7s;animation-name: zoomIn;text-transform: none;}
    .news_images a {}
    .news_images img {display: block;width: 100%;overflow: hidden;transition: transform .5s;max-width: 100%;height: 100%;}
        .news_images img:hover {-ms-transform: scale(1.2); /*IE 9*/-webkit-transform: scale(1.2); /*Safari 3-8*/transform: scale(1.2);}
.news_link {text-decoration: none;color: #000000;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;padding: 23px 0px;display: inline-block;
            text-align: justify;font-size: 20px;font-weight: bold;text-transform: uppercase;height: 70px;}
    .news_link a {color:#01c72e;}    
    .news_link a:hover {color:#ed1c24;}

/* news article*/
.newsarticle {height: 100%;padding: 20px;min-height: 500px;}
    .newsarticle h2 {color: #01c72e;font-size: 25px;margin-top: 20px;margin-left: 10px;text-align: center;font-weight: bolder;padding-bottom: 20px;text-transform: uppercase;
                   text-shadow: rgb(0, 0, 6) 0px 1px 1px;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform-origin: 50% 50% 0px;
    }
    .newsarticle span {color: #015e66;text-align: center;}    
    .newsarticle p{padding-top:15px;color:#0a0a0a;max-height: 200px;text-align: justify;}
    .newsarticle .readmore {text-align: center;}
.newsarticle-item {padding: 20px 15px 10px;}
.newsarticle-item-inner {width: 100%;position: relative;margin-left: auto;margin-right: auto;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;-ms-flex: 1 0 auto;flex: 1 0 auto;border: 1px solid #ccc;}
.newsarticle-small {padding: 10px;background-color: #fff;}
.newsarticle-box {width: 100%;margin: 0px auto;position: relative;text-align: center;}
    .newsarticle-box img {width: auto;height: 150px;align-items:center;overflow: hidden;position: relative;transition: opacity 0.3s,transform 0.3s,background-color 0.3s;}
.newsarticle-content {height: 280px;width: 100%;font-size: .9em;position: relative;background-color: #fff;padding-top: 10px;overflow: hidden;}
.newsarticle-title-names {color: #01c72e;font-size: 12pt;text-align:center;font-weight: bold;padding-top:10px;}
    .newsarticle-title-names a, a:hover {color: #01c72e;text-decoration: none;}
.newsarticle-content p {width: 100%;font-size: 11pt;text-align: left;position: relative;padding-top: 20px;}
.news_images {box-sizing: inherit;visibility: visible;overflow: hidden;width: 100%;height: 180px;animation-duration: 0.7s;animation-name: zoomIn;text-transform: none;}
    .news_images a {}
    .news_images img {display: block;width: 100%;overflow: hidden;transition: transform .5s;max-width: 100%;height: 100%;}
        .news_images img:hover {-ms-transform: scale(1.2); /*IE 9*/-webkit-transform: scale(1.2); /*Safari 3-8*/transform: scale(1.2);}
.news_link {text-decoration: none;color: #000000;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;padding: 23px 0px;display: inline-block;
            text-align: justify;font-size: 20px;font-weight: bold;text-transform: uppercase;height: 70px;}
    .news_link a {color:#01c72e;}    
    .news_link a:hover {color:#ed1c24;}

/* Partner */
.partner {padding: 20px 0px;text-align: center;background-size: cover;vertical-align: middle;background-color: #e5e4e4;}
    .partner h2 {color: #01c72e;font-size: 1.8em;font-weight: 600;line-height: 1.1;position: relative;display: inline-block;text-transform: uppercase;
                 text-shadow: rgb(0, 0, 6) 0px 1px 1px;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform-origin: 50% 50% 0px;
    }
    .partner .single-item {position: relative;display: block;}
    .partner .col-md-3 {padding: 10px;}
        .partner .col-md-3 h3 {font-size: 25px;margin-left: -5px;color: #301011;}
    .partner div {text-align: center;}
    .partner h4 {text-align: left;color: #301011;padding: 7px 5px;}

/*Footer*/
.footer {color: #eee;line-height: 1.6em;min-height: 100px;position: relative;background-color: #01c72e;text-shadow: rgba(0, 0, 6, 0.70) 0px 1px 1px;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform-origin: 50% 50% 0px;}
    .footer h3 {color: #fff;margin: 0 0 .5em;font-size: 1.2em;font-weight: 500;padding-bottom: 15px;}
.footer p {height: 100px;font-size: 14px;text-align: justify;}
    .footer p a {color: #fff;}
        .footer p a:hover {color: #ed1c24;text-decoration: none;}
.footer_list {padding: 0px;list-style: none;display: inline-grid;margin-bottom: 1.5em;}
    .footer_list li {padding: 5px 0px;float: left;width: 100%;}
        .footer_list li a {color: #fff;text-decoration: none;transition: color .2s;}
            .footer_list li a:hover {cursor: pointer;color: #ed1c24;text-decoration: none;}
.footer_title_list {font-size: 15px;font-weight: 600;padding-top: 30px;margin-bottom: 10px;text-transform: uppercase;}
.footer_bottom {color: #999;padding: 0px;text-align: left;background: #01c72e;padding: 10px 0 15px;}
    .footer_bottom a {color: #eee;}

/*learn more*/
.box_learnMore {width: 100%;display: inline-block;padding: 15px;}
.learnmore {border-radius: 2px;padding: 6px 12px;color: #fff;letter-spacing: -1px;font-weight: 400;font-size: 14px;text-transform: uppercase;display: inline-block;
            background-color: #ed1c24;border: solid 1px #ed1c24;cursor: pointer;border-radius: 20px;transition: background-color 0.5s;}
    .learnmore:hover {color: #ed1c24 !important;text-decoration: none;background: #fff;}

/* path menu*/
.pathbar {padding: 0px;font-size: 14px;max-height: 140px;overflow: hidden;}
.pathbar_title {padding: .2em 0;background: #e5e4e4;}
    .pathbar_title ul {margin: 0px;padding: 0px;list-style: none;display: inline-block;}
        .pathbar_title ul li {float: left;padding-top: 7px;}
            .pathbar_title ul li a {text-transform: uppercase;color: #01c72e;text-decoration: none;}
            .pathbar_title ul li span {color: #01c72e;text-transform: uppercase;}
.pathway {text-decoration: none;color: #01c72e;}
    .pathway:hover {text-decoration: none;color: #ed1c24;}
    .pathway:before {padding: 0 5px;color: #01c72e;content: "/\00a0";/*content: ">";*/}


/*detail page*/
.maincontent {width: 100%;padding: 10px;min-height: 250px;}
.maincontent_title {color:#01c72e;font-size: 15px;font-weight: bold;text-transform: uppercase;padding: 10px 0px 10px 0px;border-bottom:1px solid rgba(237, 28, 36, 0.38);}
.maincontent_head {color: #01c72e;font-weight: bold;font-size: 15px;padding: 10px 10px;text-transform: uppercase;background-color: #01c72e;}
.maincontent_content {padding-top: 15px;}

.detailnews_item {width: 100%;padding-bottom: 20px;display: inline-block;}
.detailnews_item_image {z-index: 1;height: auto;}
    .detailnews_item_image img {width: 100%;height: 100%;border: 2px solid #ccc9c9;}
.detailnews_item_content {margin-left: auto;display: inline-block;}
.detailnews_item_content_title, .detailnews_item_content_title a{color: #01c72e;font-size: 15px;font-weight: bold;text-transform: uppercase;}
    .detailnews_item_content_title a:hover {color: #ed1c24;}
.detailnews_item_content_value {padding-top: 10px;text-align: justify;}
.detailnews_item_content_more {color: #01c72e;}
    .detailnews_item_content_more a {color: #01c72e;}
        .detailnews_item_content_more a:hover {color: #ed1c24;}

.service_item {text-align:center;padding-bottom:20px;}
.service_item img{width: 100%;height:auto; height:300px; border: 4px solid #ccc9c9;}

.service_item_span {text-align:center;min-height:50px; color: #01c72e;font-size: 15px;font-weight: bold;text-transform: uppercase;} 
.service_item_span a {color: #01c72e;}
    .service_item_span a:hover {color: #ed1c24;}

.solution-item {padding: 0 15px 30px;}
.solution-item-inner {width: 100%;position: relative;margin-left: auto;margin-right: auto;background-position: 50% 50%;background-size: cover;
    background-repeat: no-repeat;-ms-flex: 1 0 auto;flex: 1 0 auto;border: 2px solid #f6ef90;}
.solution-small {padding: 10px;background-color: #fff;}
.solution-box {width: 100%;margin: 0px auto;position: relative;height:365px;}   
.solution-box img {width: 100%;height:220px;margin: 0 auto;overflow: hidden;position: relative;transition: opacity 0.3s,transform 0.3s,background-color 0.3s;}
.solution-content {width: 100%;font-size: .9em;text-align: left;position: relative;background-color: #fff;padding: 20px 0px 10px 0px;}
.solution-title-wrapper {}
.solution-title-group, .solution-title-group a{text-transform: uppercase;color:#01c72e;text-align:center;font-weight: bold;}
    .solution-title-group a:hover {color: #ed1c24;}
.solution-title-names, .solution-title-names {opacity: 0.5;height: 50px;color: #01c72e;margin-top: .5em;margin-bottom: 1em;overflow:hidden;text-align:justify;}    
.solution-price-wrapper {}
.solution-price-bold {color: #ed1c24;font-size: 15px;font-weight: 800;font-weight: bold;}

.product-item {padding: 0 15px 30px;}
.product-item-inner {width: 100%;position: relative;margin-left: auto;margin-right: auto;background-position: 50% 50%;background-size: cover;
    background-repeat: no-repeat;-ms-flex: 1 0 auto;flex: 1 0 auto;border: 2px solid #f6ef90;}
.product-small {padding: 10px;background-color: #fff;}
.product-box {width: 100%;margin: 0px auto;position: relative;height:380px;}   
.product-box img {width: 100%;height:220px;margin: 0 auto;overflow: hidden;position: relative;transition: opacity 0.3s,transform 0.3s,background-color 0.3s;}
.product-content {width: 100%;font-size: .9em;text-align: left;position: relative;background-color: #fff;padding: 20px 0px 10px 0px;}
.product-title-wrapper {}
.product-title-group {opacity: 0.5;text-transform: uppercase;}
.product-title-names, .product-title-names a{height: 65px;max-height: 65px;color: #01c72e;font-weight: bold;margin-top: .5em;margin-bottom: 1em;}
    .product-title-names a:hover {color: #ed1c24;}
.product-price-wrapper {}
.product-price-bold {color: #ed1c24;font-size: 15px;font-weight: 800;font-weight: bold;}

.product-detail{width:100%;padding-top:20px;}
.product-detail-header {margin-bottom: 30px;border-top: 1px solid #f6ef90;border-bottom: 1px solid #f6ef90;}
    .product-detail-header h1 {color:#ed1c24;font-size: 24px;margin: 20px 0 10px;text-transform:uppercase;}
    .product-detail-header h5 {color:#ed1c24;font-weight:bold;text-align:center;text-transform:uppercase;}
.product-detail-image {position:relative;}
.product-detail-image img{width:100%;height:auto%;border:1px solid #eee;}
.product-detail-price {color: #ed1c24;font-size: 17px;font-weight: 800;font-weight: bold;}
.product-detail-value{color:#ed1c24;font-size: 18px;text-align:center;text-transform:uppercase;}

.office_menu ul { list-style: none; padding: 0; margin: 0; }
.office_menu ul li {display: block;font-size: 15px;position: relative;background: #01c72e;overflow: hidden;margin: 5px 0;color: #fff;text-transform:uppercase;}
.office_menu ul li span {color:#fff; padding-left: 20px; display: block; margin-top: 5px; padding-right: 10px; }
.office_menu ul li:hover{background-color:#f89221; color:#ed1c24 !important;}

.gallery_item {text-align:center;padding-bottom:20px;height:300px;}
.gallery_item img{width: 100%;height:auto; max-height:290px; border: 4px solid #ccc9c9;}
.gallery_item_span {text-align:center;height:50px; color: #01c72e;font-size: 15px;font-weight: bold;text-transform: uppercase;} 
.gallery_item_span a {color: #01c72e;}
    .gallery_item_span a:hover {color: #ed1c24;}

.sliders_item {text-align:center;padding-bottom:15px;height:210px;}
.sliders_item img{width: 100%;height:100%; max-height:200px; border: 4px solid #ccc9c9;}
.sliders_item_span {text-align:center;height:50px; color: #01c72e;font-size: 15px;font-weight: bold;padding-bottom:5px;} 
.sliders_item_span a {color: #01c72e;}
    .sliders_item_span a:hover {color: #ed1c24;}