/*#region reset*/
@font-face { font-family: buntu2; src: url("../fonts/Ubuntu.woff2") format('woff2'),url('../fonts/Ubuntu.woff') format('woff');font-display:swap;}
@font-face { font-family: buntu; src: url("../fonts/Ubuntu-Bold.woff2"),url('../fonts/Ubuntu-Bold.woff') format('woff');font-display:swap;}
/*body {background: #252f3f;overflow-x:hidden;}*/
:root {--main-color:#00a2eb;}
/*region all*/
.product-thumb{display:-ms-flexbox}
@-webkit-keyframes fadeInLefts {
    0% {opacity: 0;-webkit-transform: translateX(-30px)}
    100% {opacity: 1;-webkit-transform: translateX(0)}
}
@-moz-keyframes fadeInLefts {
    0% {opacity: 0;-moz-transform: translateX(-30px)}
    100% {opacity: 1;-moz-transform: translateX(0)}
}
@-webkit-keyframes fadeInRights {
    0% {opacity: 0;-webkit-transform: translateX(20px)}
    100% {opacity: 1;-webkit-transform: translateX(-3px)}
}
@-moz-keyframes fadeInRights {
    0% {opacity: 0;-moz-transform: translateX(20px)}
    100% {opacity: 1;-moz-transform: translateX(-3px)}
}
@keyframes fadeInUp {
    0% { opacity: 0;  transform: translateY(20px) }
    100% {  opacity: 1; transform: translateY(0) }}
@-ms-keyframes fadeInUp {
    0% { opacity: 0;  -ms-transform: translateY(20px) }
    100% {  opacity: 1; -ms-transform: translateY(0) }}
@-moz-keyframes fadeInUp {
    0% { opacity: 0;  -moz-transform: translateY(20px) }
    100% {  opacity: 1; -moz-transform: translateY(0) }}
@-webkit-keyframes fadeInUp {
    0% { opacity: 0;  -webkit-transform: translateY(20px) }
    100% {  opacity: 1; -webkit-transform: translateY(0) }}
@-o-keyframes fadeInUp {
    0% { opacity: 0;  -o-transform: translateY(20px) }
    100% {  opacity: 1; -o-transform: translateY(0) }}
@keyframes fadeInDown {
    0% { opacity: 0;  transform: translateY(-20px) }
    100% {  opacity: 1; transform: translateY(0) }}
@-ms-keyframes fadeInDown {
    0% { opacity: 0;  -ms-transform: translateY(-20px) }
    100% {  opacity: 1; -ms-transform: translateY(0) }}
@-moz-keyframes fadeInDown {
    0% { opacity: 0;  -moz-transform: translateY(-20px) }
    100% {  opacity: 1; -moz-transform: translateY(0) }}
@-webkit-keyframes fadeInDown {
    0% { opacity: 0;  -webkit-transform: translateY(-20px) }
    100% {  opacity: 1; -webkit-transform: translateY(0) }}
@-o-keyframes fadeInDown {
    0% { opacity: 0;  -o-transform: translateY(20px) }
    100% {  opacity: 1; -o-transform: translateY(0) }}
/*header */
body,html {overflow-x:hidden;}
li {list-style:none;}
ul {padding-left:0;}
.color-white {color:#fff;}
.color-grays {    color: #525252 !important;}
.s-container {padding: 10px 139px;}
#searchKey {padding-left:0}
.form-btn-submit {outline:none !important;}
.form-search-cont {width: 100%;}
#humberger-menu {position: relative;cursor:pointer;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#humberger-menu:before {content: "";position: absolute;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width: 60px; height: 60px; border: 5px solid transparent; top: calc(50% - 35px); left: calc(50% - 35px); border-radius: 100%;-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#humberger-menu .line {width: 29px; height: 2px; background-color: #ecf0f1; display: block;margin: 6px 10px;;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;}
#humberger-menu .line:nth-child(2) {width:20px;}
#humberger-menu.is-active .line:nth-child(2){ opacity: 0;}
#humberger-menu.is-active .line:nth-child(1){-webkit-transform: translateY(6px) rotate(45deg);-ms-transform: translateY(6px) rotate(45deg);-o-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg);}
#humberger-menu.is-active .line:nth-child(3){-webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg);  -o-transform: translateY(-10px) rotate(-45deg);  transform: translateY(-10px) rotate(-45deg);}
.page-content-1,.s-page-5 {background: #252f3f;}
.s-common-box {position: relative;}
.s-fixed-menu { position: fixed; width: 100%; z-index: 33;}
.s-logo {padding-top: 4rem;}
.media-button > div {padding: 10px 0;}
.media-button {position: absolute;right: 154px;top: 75px;z-index: 9;background:var(--main-color);height: 50px; width: 50px;border-radius: 50%;}
.s-menu-list { position: absolute;top: 0;right:-700px;z-index: 2;background:#fffcf5;width:700px;height:100%;}
.s-menu-box a {font-size: 1.3rem;font-weight: bold;font-family: buntu;padding:1rem 0;transition-duration:.3s;}
.s-menu-box a:hover {transform:translateX(10px)}
.s-menu-con {margin: 11rem 4rem;}
.s-menu-bottom {padding-top: 1.2rem;width: 28%;border-top: 1px #ccc solid;}
.s-menu-bottom p {white-space: nowrap;}
.s-menu-back { position: absolute; top: 0; width: 100%; height:100%; background: #0000007d;z-index: 1; display:none;}
.s-first-bottom {width:100%;background:#fffcf5;margin-top:6rem;}
.s-first-bottom .s-share-list {height:120px;}
.s-share-list a {display: block; height: 40px; line-height:47px; width: 40px;margin-right: 1rem; text-align:center;border-radius:50%;transition-duration:.3s;}
.s-share-list a i {font-size:1.3rem;}
.s-share-list a:hover {background:#232f3f;}
.s-share-list a:hover > i {color:#fffcf5;}

.s-company-back,.s-company-front {width:100%}
.s-banner-l {margin-top:7rem;}
.s-banner-l p {position:relative; animation:fadeInLefts 1.5s .3s ease both; font-family:buntu;color:#fff;font-size:4.5rem;margin:0;padding:0;white-space:nowrap;}
.s-banner-l p::before,.s-banner-l p:nth-child(3) span::before {content: "";position: absolute;top: 100%;height: 1px;width: 52%;background: #fff;}
.s-banner-l p:nth-child(2)::before {width:72% !important; background:var(--main-color);}
.s-banner-l p:nth-child(3)::before {width:75% !important; background:var(--main-color);}
.s-banner-l p:nth-child(3) span::before {width:38%; background: #fff;}
.s-banner-l p:nth-child(4)::before {width:33% !important;}
.s-logo-bot {margin-top:50px;}
.s-left-img {position: absolute; z-index: 1;width: 96%;animation:fadeInRights 1.5s .3s ease both;}
.s-b-line {color:var(--main-color) !important;}

.s-page-2 {background:#fffcf5;padding:2rem 0;}
.s-search-input i {font-weight:bold;cursor:pointer;}
.s-search-input {border: 1px solid #262f40 !important;background: transparent !important;border-radius: 20px !important;}
.s-search-input .input-group-text,.s-search-input input,.s-search-input input:focus {background: transparent;border: none;}
.s-banner-top h2 {font-size:3.7rem; color:#262f40;margin:2.4rem 0;font-family:buntu;}
.s-banner-back {background:#fff;padding:2.6rem 2rem;}
.s-banner-line::before { content: "";display: block;float: right; width: 30px;height: 3px;background: #262f40;}
.s-banner-con,.s-banner-pic {position:relative;height:614px;max-height:614px;max-width:1061px;overflow:hidden;}
.s-b-btn { position: absolute; bottom: 0; right: 0; color:#8b8c8b; cursor:pointer; width: 100px; height: 120px; line-height: 120px; background: #fff; font-size: 16px; text-align: center;transition-duration:.3s;}
.s-b-btn:hover {color:#fff;background:#262f40;}
.s-banner-top h2 {white-space:nowrap;}
.s-banner img {position: absolute;}
.s-banner-prev {bottom:120px;}
.s-banner-text {font-size: 3.5rem;color: #262f40;padding-left: 0;padding-bottom: 35px;font-family:buntu;}
.s-banner-circle {margin-left: 120px;flex-direction:column;}
.s-banner-circle span {display: block; cursor:pointer; height: 14px;width: 14px;margin-bottom: 20px;border-radius: 50px;border: 2px #fff solid;}
.s-banner-circle span:active,.s-banner-circle span.active {background:var(--main-color);border-color:var(--main-color);}
.s-banner-index {height:100%;}
.s-banner-p {padding: 2.6rem 2rem;}
.s-banner-p p {font-size:1.8rem;font-family:buntu2;}
.s-page-3 {position:relative;height:1080px;max-height:1080px;overflow:hidden;}
.s-page-3 img,.s-page-3 img {position:absolute;}
.s-page-3 h2,.s-page-4 h2,.s-page-5 h2,.s-page-7 h2 {color: var(--main-color); white-space:nowrap; font-family: buntu; font-size: 4rem;}
.s-page-3 h2 { position: absolute; top: 16%; left: 8%; }
.s-page-3 .s-company-back {top:0;z-index:-1;}
.s-page-3 .s-company-front {top:0;z-index:1;}
.s-page-4 {background:#fffcf5;}
.s-page-4 h2,.s-h-prod-msg,.s-btn-container {margin-left: 9.6rem;}
.s-page-4 h2 {font-size:5rem;margin-top:7rem;}
.s-page-4 a.btn {font-family: buntu; transition-duration:.3s; border: 3px var(--main-color) solid; color: var(--main-color); padding: 1.3rem 2rem; font-size: 1.3rem;    border-radius: 30px;}
.s-page-4 a.btn:hover {color:#fff;background:#252f3f;border-color:#252f3f;}
.s-page-4 div.col-md-6 h2,.s-page-4 div.col-md-6 div  {margin-bottom:6rem;}
.s-pro-link-c {position:absolute;display:block;height:200px;width:200px;border:9px #feae00 solid;border-radius:100px;transition-duration:.2s;}



.s-page-5 {padding:10rem;}
.s-page-5 p {color:#fff}

.s-page-4 .s-pro-link-c:hover {transform:scale(1.1);}
.s-page-4 .s-pro-link-c:hover .page-4-img {transform:scale(1.1)}
.s-pro-left-link {bottom: 11%;left: 38%;}
.s-pro-right-link {right: 8%; bottom: 13%; width: 160px; height: 160px;}
.s-scope-box img {width:100%;}

.side-menu {padding: 0 4rem;}

.s-page-4 p,.s-page-5 p {margin-bottom:0;font-family:buntu;font-size: 2rem;white-space:nowrap;}
.s-team-img {border-bottom:1px #e9eaeb solid;border-right:1px #e9eaeb solid;text-align:center;display: flex; align-items: center;justify-content:center;}
.s-teamwork-list {background:#fff;}
.s-page-5 h2,.s-page-6 h2 {font-size:5rem;}
.s-page-5 h2,.s-page-5-p {margin-top:2rem;}
.s-page-6-title {background:#fffcf5;}
.s-page-6 h2 {font-family:buntu;white-space:nowrap; color:#262f40;padding-top:5rem;padding-bottom:5rem;text-align:center;margin-bottom:0;}
.s-page-6 .s-scope-box {position:relative;flex:1;}
.s-page-6 .s-scope-back { position: absolute; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,.8); display: flex; justify-content: center; align-items: center;  font-family: buntu; font-size: 2rem; color: #fff;transition-duration:.4s;cursor:pointer;}
.s-page-6 .s-scope-back:hover {background:rgba(0,0,0,.4);}
.s-page-7 {background:#fffcf5;}
.s-page-7 h2 {color:#262f40;margin:7rem 0;}
.s-page-7 form,.s-page-7 input[type=text]{width:100%;}
.s-page-7 .form-line {border-bottom:1px #262f40 solid;}
.s-page-7 input[type=text] {background:transparent;border:none;outline:none;color: #262f40;font-size: 2rem;}
.s-page-7 button {outline: none;transition-duration:.3s; width: 80px;height: 72px;border-radius: 100px;border: 2px #262f40 solid;background: transparent;font-size: 2rem;   color: #262f40;    margin-bottom: 10px;}
.s-page-7 button:hover {background:#262f40;border-color:#262f40;}
.s-page-7 button:hover > i {color:var(--main-color);}

.page-title {background:#252f3f !important;}
.s-head-title,.breadcrumb span,.side-title  h5 {font-family:buntu;}
.breadcrumb span {font-size:1rem;}
.breadcrumb {padding:3rem 0;}
.s-head-title {padding:4rem 0;color:var(--main-color);}
.s-body-main {background:#fffcf5;}
.sidebar {background:#252f3f; border-radius: 20px;}
.side-title  h5 {color:var(--main-color); text-align:center;font-size: 2rem;padding: 1rem 0;}
.side-menu {padding-bottom: 1rem;}
.side-menu li {padding: 0.4rem 0;}
.side-menu li a {color:#fff;}
.side-menu > li > a {font-size:1.3rem;}
.side-menu li a:hover {color:var(--main-color);}
.side-menu > li > a.active {color:var(--main-color);}
#collapse-6 li,.side-menu li {text-align:left;font-family:buntu;}
.page-link:hover { color: var(--main-color);}
.navbar-toggler span.icon {color:var(--main-color);}
.s-product-share {margin:2rem 0;}
.s-product-content {margin-bottom:1rem;}
.s-product-content-title {margin:3rem 0;padding-bottom:1rem;border-bottom:2px #252f3f solid;width:100%;font-family:buntu;}
.s-product-content table td,.s-product-form .form-control {background:#fffcf4;}
.s-product-form .form-control:focus {border-color:#252f3f;}
.side-menu a.acitve {color:var(--main-color);}

footer {background:#171717;}
footer div {color:#525252;font-family:buntu2;font-size:1.3rem;}
footer div {color:#525252;font-family:buntu;font-size:1.3rem;}
footer .footer-line-box {padding:2rem 0;}
footer .totop {position:static;padding: 0; width: 50px; height: 50px; line-height: 50px; text-align: center;    border-radius: 50%;}
footer .footer-more p,.footer-more a {    font-size: 1rem;    color: #e0e0e0;}
footer .footer-more p {border-right:1px #fff solid;}
footer .footer-top-line {    border-top: 1px #fff solid;   border-bottom: 1px #fff solid;padding-top:0; padding-bottom:0;}
.footer-bottom-line {padding-top:0; padding-bottom:0;}
.footer-phone-1 p,.footer-phone-1 a {    margin: 0; padding: 2rem 1rem;}
.s-page-7 input::-webkit-input-placeholder { color: #262f40;font-family: buntu;font-size: 2rem;}
.s-page-7 input:-moz-placeholder {color: #262f40;font-family: buntu;font-size: 2rem;}
.s-page-7 input::-moz-placeholder {color: #262f40;font-family: buntu;font-size: 2rem;}
.s-page-7 input:-ms-input-placeholder  {color: #262f40;font-family: buntu;font-size: 2rem;}
.btn-prev { color: #fff; background: #252f3f;}
.btn-prev:hover,.btn-prev a {color:#fff;display: inline-block; height: 100%;}
.animation-1 { animation: fadeInUp    0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.animation-2 { animation: fadeInDown  0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.animation-3 { animation: fadeInLefts 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.animation-4 { animation: fadeInRights 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.animation-5 { animation: fadeInUp    0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.logo-img {width:19%}
.footer-logo-img {width:50%}
@media(max-width:1577px) {
    .s-page-5 {padding: 6rem 4rem;}
   .s-page-5 h2,.s-page-5-p {margin-top:3rem;}
   .s-page-5 h2 {font-size:3rem;}
}
@media(max-width:1530px) {
    .s-banner-l p {font-size: 3.4rem;}
    .s-banner-top .row {flex-direction:column;}
    .s-page-2 .s-container,.s-page-2,.s-page-7 .s-container,footer .s-container {padding:0;}
    .s-page-7 button {width: 76px;height: 70px;}
}
@media(max-width:1230px) {
    .s-b-btn {display:none;}
    .s-page-7 > div {padding-bottom: 1rem;}
    .s-banner-container .row {flex-direction:column;}
    .s-page-5 {padding: 6rem 2.8rem;}
    .s-banner-box .col-md-9 {max-width:100%;padding-left:0;padding-right:0;}
    .s-banner-l p {font-size:2.5rem;}
    .s-banner-con, .s-banner-pic {height:496px;}
    .s-page-4 .row,.s-page-5 .s-page-5-center {display:flex;flex-direction:column;}
    .s-page-4 h2 {font-size: 3.4rem; margin-top: 2rem;}
    .s-page-4 h2, .s-h-prod-msg, .s-btn-container { margin-left: 2.6rem;}
    .s-btn-container .btn {margin-top:1rem;}
    .s-page-6 .s-scope-back {font-size:1rem;}
}
@media(max-width:1050px) {
    .s-left-img {position:static;width:100%;}
    .s-logo-bot .row {flex-direction: column-reverse;}
    .s-logo-bot .row div:last-child {max-width:100% !important;}
    .s-banner-l p::before, .s-banner-l p:nth-child(3) span::before {display:none;}
    .page-content-1 .s-container {padding:10px 0;}
    .media-button {right:20px;top:40px;}
    .s-logo {padding-top:2rem;}
    .s-banner-l {margin-top:1rem;}
    .s-first-bottom {margin-top:2rem;}
    .s-share-list {justify-content:center;}
}
@media(max-width:900px) {
    .s-containers {padding:0;}
    .s-head-title { padding: 1rem 0 !important; }
    .product-head { margin-top:1rem; padding-bottom: 1rem; background: #fffcf4 !important;}
    .sidebar .side-title {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0px;
        padding: 0.875rem 0.875rem;
    }
}
@media(max-width:768px) {
    .btn-prev { width:100%;}
    .footer-line-box {padding:1rem 0 !important;}
    .side-title h5 {padding:0 !Important;}
    .breadcrumb {padding:1rem 0 !important;}
    .s-banner-top {margin-bottom:2rem;}
    footer {padding:1rem 0;}
    footer .row div:first-child img {margin: 1rem auto;display: block;}
    .s-page-4 div.col-md-6 h2,.s-page-4 div.col-md-6 div  {margin-bottom:1rem;}
    .logo-img, .footer-logo-img {width:50% !important;} 
    .s-page-6 .s-scope-back {font-family: auto;font-size: 12px; }
    .s-page-7 button {width: 70px; height: 60px;}
    .s-page-7 h2 {margin: 1rem 0; font-size: 1.5rem;}
    .s-page-5-center .col-md-7 {padding-right:0;}
    .s-page-6 h2 {padding-top: 1rem; padding-bottom: 1rem;}
    .s-page-5 {padding: 0rem 1rem;}
    .s-page-3 h2, .s-page-6 h2,.s-banner-top h2{font-size:1.5rem;}
    .main-container{ padding-top: 40px;padding-bottom: 30px;}
    .s-banner-l p { font-size: 2rem;}
    .s-banner-con,.s-banner-pic {height:225px;}
    .s-banner-circle {flex-direction: row;}
    .s-banner-circle span {margin-left:1rem;}
    .s-banner-back {padding:1rem 2rem;}
    .s-banner-text {font-size:1.5rem;padding-bottom: 0; height:96px;}
    .s-banner-top h2 {margin:1rem 0;}
    .s-banner-index { margin-top: 1rem;}
    .s-banner-p {padding:1rem 2rem;}
    .s-banner-p p {font-size:1rem;height:48px;}
    .s-page-4 h2, .s-h-prod-msg, .s-btn-container {margin-left: 1rem;}
    .s-page-4 h2,.s-page-5 h2 {font-size: 1.5rem;}
    .s-page-4 p,.s-page-5-p p {font-size:1rem;}
    .s-page-4 a.btn {padding: .6rem 1rem;font-size: 1rem;margin-bottom:1rem;}
    .s-page-5 h2, .s-page-5-p { margin-top: 1rem;}
    .s-page-5-p {margin-bottom:1rem;}
    .s-pro-right-link {right: 9%;bottom: 11%;width: 90px;height: 90px;border: 5px #feae00 solid;}
    .s-pro-left-link {bottom: 7%;left: 21%;width: 110px;height: 110px;border: 5px #feae00 solid;}
    .s-page-7 input::-webkit-input-placeholder, .s-page-7 textarea::-webkit-input-placeholder {
        color: #fff;
        font-family: buntu;
        font-size: 1.5rem;
    }

    .s-page-7 input:-moz-placeholder, .s-page-7 textarea:-moz-placeholder {
        color: #fff;
        font-family: buntu;
        font-size: 1.5rem;
    }

    .s-page-7 input::-moz-placeholder, .s-page-7 textarea::-moz-placeholder {
        color: #fff;
        font-family: buntu;
        font-size: 1.5rem;
    }
    .footer-phone-1 p,.footer-phone-1 a {font-size:14px !important;}
    .s-page-7 input:-ms-input-placeholder, .s-page-7 textarea:-ms-input-placeholder {
        color: #fff;
        font-family: buntu;
        font-size: 1.5rem;
    }
    .footer-center {text-align:center;justify-content: center;color:#fff;font-size:14px;margin:.4rem 0;}
    .footer-phone-1 p, .footer-phone-1 a {
        padding: 0.5rem 1rem;
        text-align: center;
    }
}
@media(max-width:668px) {
    .s-menu-con {margin:3rem 4rem;}
    .s-page-3 h2 {font-size:1.3rem;}
}
@media(max-width:400px) {
    .s-page-3 h2 {top:15%;}
}
/*#endregion*/
/*#endregion*/
/*#region*/
.form-feedback .btn {
    color: #777;color: #fff;background:#252f3f
}
/*.breadcrumb{ margin-bottom: 0;padding-left: 0;padding-right: 0;font-size:0.875rem}*/
.main-container{ padding-top: 40px;padding-bottom: 50px;}


/*#endregion*/
/*#region page-title*/
.page-title{padding: 1rem 0;background: #F5F5F5;line-height: 1;}
.page-title .container-xl{ display: -ms-flexbox;display: flex;justify-content:space-between}
.page-title .title{margin-bottom: 0;font-size: 1.5rem;font-weight: 300;text-align: center;align-self: center;}
.page-title .breadcrumb{ justify-content: center;}
.page-title .breadcrumb:before{ font-family: cmsfont;content: "\f80a";margin-right: 0.25rem;}
.page-main-title{ font-size: 1.75rem;padding: 0.75rem 0;margin-bottom: 1.5rem;font-weight: 600;border-bottom: 1px solid #eee;padding-left: 0.5rem;}
.page-sub-title{position: relative;padding: 0.5rem 0;font-size: 1.25rem;margin-bottom: 20px;font-weight: 600;font-size: 1.5rem;}
@media(max-width:768px) {
    .page-title{padding:0.875rem 0}
    .page-title .container-xl{ flex-direction: column}
    .page-title .title{font-size: 1.25rem;margin-bottom: 0.5rem;}
    .page-title .breadcrumb:before{ display: none;margin-right: 0;}
    .page-main-title{ font-size: 1.25rem;}
    
}

/*#endregion*/
/*#region product list style*/
.product-row{display: block;margin-bottom: 2rem;}
.product-row .card-thumb{border: 1px solid #9F9F9E;padding: 3px;}
.product-row .card-body{padding: 0rem 1.25rem;}
.product-row .card-title{margin-bottom: 0.75rem;font-size: 1.5rem;font-weight: 300}
.product-row .card-text{ font-size: 0.875rem;}
.product-row time{ display: block;font-size:1.5rem;font-weight: 600;}
.product-row .more{ display: block;align-items: end;justify-content: flex-end}
.product-row .link{ background: #342C2A;color: #fff;display: inline-block;padding: 3px 5px;}
@media(max-width:768px) {
    .product-row .card-body{ padding: 1.25rem 0 0;}
}

.product-col{ margin-bottom: 1.25rem;}
.product-col .card{height: 100%;}
.product-col .card-title {text-align: center;flex-grow: 1;font-size: 0.875rem;font-weight: normal;margin: 0;padding: 0.75rem 0.5rem;}
.product-col .card-title a {color: #333;font-family:buntu;}
.product-col .card-thumb{border: 2px solid #eee;}
.product-col .card-body{ font-size: 0.75rem;padding: 0.75rem;flex-grow: 0;}
/*#endregion*/
/*#region article list style*/
.article-row{ margin-bottom: 1.875rem;}
.article-row .card-body{ padding: 0rem 1.25rem;}
.article-row h3{margin-bottom: 0.75rem;font-size: 1rem;font-weight: 500}
.article-row h3 a{ color: #333;}
.article-row p{ padding: 15px 0;margin-bottom: 0;color: #666;border-top: 1px solid #252f3f;line-height: 1.7}
.article-row .card-text{ font-size: 1rem;}
.article-row time{ display: block;font-size:0.75rem;color:#c82333}
.article-row .more{ display: block;align-items: end;justify-content: flex-end}
.article-row .link{ background: #342C2A;color: #fff;display: inline-block;padding: 3px 5px;}
@media(max-width:768px) {
    .article-row .card-body{ padding: 1.25rem 0 0;}
    .article-row h3{ font-size: 1rem;}
}

.article-col{ margin-bottom: 1.25rem;}
.article-col .card{height: 100%;}
.article-col .card-body{ padding: 15px}
.article-col .card-title{  flex-grow: 1;margin: 0;font-size: 1rem;font-weight: normal;padding: 0.5rem 0rem;color: #333;}
.article-col .card-title-2{ flex-grow: 1;margin: 0;color: #333;font-size: 0.875rem;text-align: center;padding: 0.875rem 0.5rem;}


/*#endregion*/
/*#region img list style*/
.img-col{ margin-bottom: 1.25rem;}
.img-col .card{border: 1px solid #ccc;height: 100%;}
.img-col .card-title{flex-grow: 1;margin: 0;padding: 0.5rem 0.75rem;background: #EEE;text-align: center;}

.cert-row{ margin-bottom: 1.5rem;padding-bottom: 1.5rem;border-bottom: 1px solid #5E5A59;}
.cert-row .card-body{ padding: 0 1.25rem;}
.cert-row .card-thumb{background: #EEEEEE;padding: 1rem;text-align: center}
.cert-row .card-title{ font-weight: 600;font-size: 1.5rem;}
.cert-row:hover{color:#274373}

@media(max-width:576px) {
    .cert-row .card-body{ padding: 1.25rem 0rem;}
    .cert-row .card-title{ font-size: 1.25rem;}
}

.cert-col{ margin-bottom: 1.25rem;}
.cert-col .card{ height: 100%;}
.cert-col .card-thumb{border: 1px solid #bbb;}
.cert-col .card-title{display: -ms-flexbox;display: flex;justify-content: center;align-items: center;flex-grow: 1;margin: 0;background: #EEE;padding: 0.5rem 0.75rem;margin-top: 0.5rem;text-align: center;}

.down-col{ margin-bottom: 1.5rem;}
.down-col .card{border: 1px solid #f2f2f2;}
.down-col .card-title{flex-grow:1;background: #EEEEEE;padding: 1rem;margin: 0;transition: all ease 0.2s;}
.down-col .card-thumb:hover img {filter: hue-rotate(120deg);opacity: 0.8;}
.down-col:hover .card-title{ background: #E9F6FE;color:#204480}

.video-col{margin-bottom: 1.5rem;}
.video-col .card{height: 100%;border: 1px solid #f2f2f2;}
.video-col .card-title{ display: flex;display: -ms-flexbox;justify-content: center;align-items: center;flex-grow: 1;margin: 0;padding: 0.75rem 0.5rem;text-align: center;background: #342C2A;color: #fff;font-size: 0.875rem;}
/*#endregion*/

.nav-horizontal-wrapper{ margin-bottom: 1.5rem;}
.nav-horizontal{display: -ms-flexbox;display: flex;list-style-type: none;justify-content: center;padding: 0;margin-bottom: 1rem;}
.nav-horizontal .nav-item{display: flex;display: -ms-flexbox; margin: 0 0.25rem;}
.nav-horizontal .nav-item:first-child{ margin-left: 0;}
.nav-horizontal .nav-item:last-child{margin-right:0}
.nav-horizontal .nav-link{ display: -ms-flexbox;display: flex;padding: 0.75rem 1rem;justify-content: center;align-items: center;text-align: center;background: #E1E1E1;border-radius: 5px;}
.nav-horizontal .nav-link.active{ background: #E20001;color: #fff;}

.nav-horizontal-child {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;background: #f2f2f2;list-style-type: none;padding: 0;margin-bottom: 0;}
.nav-horizontal-child .nav-link{ display: flex;display: -ms-flexbox;padding: 1rem 0.875rem;height: 100%;justify-content: center;align-items: center;}
.nav-horizontal-child .nav-link.active{ color: #e20001;}
@media(max-width:768px) {
    .nav-horizontal .nav-item{ margin: 0;}
    .nav-horizontal .nav-link{ flex-grow: 1;}
    .nav-horizontal-child{ justify-content: left;}
    .nav-horizontal-child .nav-link{ padding: 0.5rem 1.5rem;}
}

.nav-collapse{ border: 1px solid #eee;}
.nav-collapse .collapse-header,
.nav-collapse .collapse-header-single{ display: -ms-flexbox;display: flex;justify-content: space-between;padding: 0.75rem;border-bottom: 1px solid #eee;background:#f6f6f6}

.nav-collapse .collapse-header.active,
.nav-collapse .collapse-header-single.active{
    background: #f6f6f6;
    color: #dd0804;
}
.nav-collapse .collapse-header:after{ font-family: cmsfont;content: "\f107";}
.nav-collapse .nav-horizontal-child{background:#fff}
.nav-collapse .nav-horizontal-child .nav-link{ justify-content: left;}
/*#region content wrapper*/
.content-wrapper{ line-height: 1.7;background: #fffcf4;margin-bottom: 1.5rem;}
.content-wrapper h2{font-size: 1rem;font-weight: 600;margin-bottom: 0.75rem;}
.content-wrapper h3{ font-size: 0.875rem;font-weight: 600;margin-bottom: 0.75rem;}
.content-wrapper img{ max-width: 100% !important;height: auto !important;}
.content-wrapper ol{margin-left: 1em;padding-left: 1em;}
.content-wrapper video{ max-width: 100% !important;height: auto !important;}
.content-wrapper iframe{ max-width: 100%;}
.content-wrapper table {width: 100%;margin-bottom: 1rem;color: #212529;}
.content-wrapper table th,.content-wrapper table td {padding: 0.5rem;vertical-align: middle;border: 1px solid #dee2e6;text-align: center;}
.content-wrapper table tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.03);}
.content-wrapper table tbody tr:hover {background-color: rgba(0, 0, 0, 0.075);color: #555;}
/*.content-wrapper table p{ margin-bottom: 0;}*/
.content-wrapper .content{ padding: 1.5rem;}
@media(max-width:768px) {
    .content-wrapper .content{padding:1.5rem 1rem;}
}

.content-wrapper.product{border:1px solid #e9eef4}
.content-wrapper .nav-tabs {background:#FAFCFF;}
.content-wrapper .nav-link{ padding: 0.75rem 1.75rem;border-color: transparent #dee2e6 transparent transparent !important;}
.content-wrapper .nav-tabs .active{ font-weight: 600;border-top: solid 2px #E64545 !important;}

.content-wrapper header{ border-bottom: 1px solid #959492;text-align: center;margin-bottom: 1.5rem;padding-bottom: 0.5rem;}
.content-wrapper .summary{ color: #777;}
.content-wrapper header span{ margin-right: 15px;}
.content-wrapper .title{ font-size: 1.5rem;font-weight: normal;margin-bottom: 0.5rem;}
.content-wrapper .sub-title{ font-size: 1.75rem;font-weight: 600;display:block}

.page-link{padding: .5rem 0.875rem;}
.page-item.active .page-link {color: #fff;background-color: #444;border-color: #444;}
/*.nav-wrapper a{background: #342C2A;color: #fff;padding: 5px 10px;margin-right: 10px;}*/
/*#end content wrapper*/
.item-list {list-style-type: none;margin: 0;padding: 0;margin-bottom: 15px;}
.item-list li {border-bottom: 1px dashed #eee;padding:12px 0;}
.item-list>li>a {display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.item-list>li>a:hover {color: #FE8301;}
.item-list li a:before{font-family:cmsfont;content:"\f122";margin-right:8px;margin-left: 4px;}
.item-list li time {float: right;padding-right: 5px;margin-left: 8px;color: #999;}
/*#endregion*/
/*#region content-head-container*/
.product-head { margin-bottom: 1.5rem;background:#fff; border-bottom: 1px #252f3f dashed;}
.product-head .title {font-size: 1.5rem;color: #333;font-weight: 600;font-family:buntu;padding-bottom: 15px;margin-bottom: 20px;}
.product-head .btn-main{ display: inline-block;background: #252f3f;color: #fff;font-size: 1rem;padding: 0.5rem 3rem;border-radius: 50px;font-family: buntu;color: #fff;}
.product-head .btn-main .icon{ margin-right: 0.25rem;}
/*.product-head .content{ line-height: 1.6;font-size: 0.875rem;}
.product-head .content h2,.product-head .content h3{ font-size: 1.25rem;font-weight: 600;}*/
.s-product-back {background:#fffcf4;}
.back-color {background:#fffcf4;}

.product-service{ text-align: center;padding: 20px 0;}
.product-service>a:first-child{ margin-right: 15px;}
.product-feedback{ display: inline-block;background: #F3912C;color: #fff;padding: 6px 16px;}
.product-down{ display: inline-block;background: #DD0804;color: #fff;padding: 6px 16px;}
/*#endregion*/


/*#region about-wrapper*/
.about-wrapper{padding-top:60px;}
.about-wrapper .title{font:normal bold 24px "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;color:#333;margin-bottom:30px;font-weight: 300;}
.about-wrapper .title:after{display:block;margin-top:6px;content:"";width:70px;height:2px;background:#EA5504}
.about-wrapper .title.text-center:after{ margin-left: auto;margin-right: auto;}
.about-wrapper .summary{ width: 50%;margin: auto;font-size: 18px;text-align: center;font-weight: 300;margin-bottom: 30px;}
@media(max-width:768px) {
    .about-wrapper .summary{ width: 100%;}
}
.about-features{ text-align: center;background: #f7f7f7;padding: 5em 0;}
.about-features .icon{ font-size: 2.5em;font-weight: 300;margin-bottom: 10px;color:#209eea}
.about-features h4{ font-weight: 300;}
.about-wrapper .media .icon {display:block;width:60px;height:60px;color:#fff;border-radius: 50%;background:#EA5504 !important;font-size:25px;text-align: center;}
.about-wrapper .media .icon:before{display:block;padding-top:17px;}
.about-wrapper .media h6{color:#333;font-family:"Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;font-weight: 600; }
.about-why{padding: 40px 0;background:#F8F9FA}
/*#endregion*/
/*#region contact*/
.contact-wrapper{margin-top:30px}
.contact-wrapper .title{font-size: 1.35rem;font-weight: 600;color:#333;margin-bottom:35px;}
.contact-wrapper .title:after{display:block;margin-top:8px;content:"";width:60px;height:3px;background:#E1474D}
.contact-content h2,.contact-content h3,.contact-content h4{ color: #555;font-size: 1.25rem;}
.contact-content .mb-4 {margin:2rem 0;}
.contact-content img{ display: block;max-width: 100%;height: auto;}
.contact-content .icon{ font-size: 4rem;color: #cdcdcd;text-align: center;margin-bottom:1rem}
@media(max-width:768px) {
    .contact-content{ text-align: center;}
    .contact-wrapper{ margin-top: 30px;}
}
/*#endregion*/
/*#region contact wrapper*/
.contact-info {
    border-top: #ADADAD;
    margin-top: 2rem;
    padding-bottom: 2rem;
}
.contact-info .col-6{ margin-bottom: 2rem;}
.contact-info h6{ font-weight: 600;margin-bottom: 0.875rem;}
.contact-info p{ margin-bottom: 0.5rem;}
/*#endregion*/