@charset "UTF-8";

/*---=======================
   01. Start Header css 
===========================---*/
.header-top{padding:5px 0px;border-bottom:1px solid #eeeeee;line-height:30px}
.header-top .top-right{float:right}
.header-top .top-right ul li{display:inline-block;margin-left:25px}
.header-top .top-right ul li i{margin-right:5px}
/*------------ 
Header Nav begin
------------*/
.site-branding-pc, .site-branding-mb {position: relative}
.site-branding-mb {margin-bottom:20px}
/*------------
pc logo begin
------------*/
.brand-info{border-left: 1px solid #e2e2e2;padding-left: 15px;margin: 10px 0 0 15px;}
.brand-info h5{color:#c02b1e;font-weight: 600;}
@media (max-width: 1380px) {
   .brand-info {display: none;}
}
/*------------
pc nav begin
------------*/
.header-main .main-menu ul li{display:inline-block;position:relative;float:left}
.header-main .main-menu ul li >a{padding: 40px 15px;display:block;font-size:16px;font-weight:600;color:#0e1b2c;line-height:1;overflow: hidden}
.header-main .main-menu ul li.active>a{color:#c02b1e}
.header-main .main-menu ul li .dd-trigger{padding-left: 5px;}
.header-main .main-menu ul li .sub-menu{position:absolute;left:0;top:120%;width:200px;background-color:#fff;opacity:0;visibility:hidden;transition:all 0.2s ease-out 0s;z-index:99;height:auto}
.header-main .main-menu ul li .sub-menu li{display:block;margin:0;float:none}
.header-main .main-menu ul li .sub-menu li:last-child>a{border-bottom:none}
.header-main .main-menu ul li .sub-menu li a{display:block;padding:8px 15px;position:relative;transition:all 0.3s ease-out 0s;border-radius:0;line-height:2;margin:0;border-bottom:1px solid #ececec;color:#1b3255}
.header-main .main-menu ul li .sub-menu li a:hover{background-color:#c02b1e;color:#fff;border-color:transparent}
.header-main .main-menu ul li:hover>a{color:#c02b1e}
.header-main .main-menu ul li:hover>.sub-menu{opacity:1;visibility:visible;top:100%}
.header-main.sticky{position:fixed;top:0;left:0;right:0;z-index:999;animation:sticky 1.2s;background-color:#fff;box-shadow:0px 12px 30px 0px rgba(174,184,198,0.2)}
 @keyframes sticky {0% {top: -200px;}100% {top: 0;}}
/*------------
pc phone begin
------------*/
.nav-right ul{float: right;text-align:right}
.nav-right ul {display:-webkit-box}
.nav-right ul li{display:inline-block;line-height: 36px;font-size: 32px;margin-left: 20px}
.nav-right ul li:first-child {margin-left:0px;font-size:34px}
.nav-right ul li i{margin-right:10px;color:#c02b1e}
.nav-right ul li a{color:#0e1b2c;position:relative}
/*------------
 Mobile nav begin
------------*/
.navbar-toggler{position:absolute;right:105px;padding:0;border:none;background-color:transparent;cursor:pointer;display:none}
@media (max-width:320px) {
   .navbar-toggler{right: 15px;}
   .nav-right{display: none;}
} 
.navbar-toggler span{position:relative;background-color:#0e1b2c;border-radius:3px;height:3px;margin-top:5px;padding:0;transition-duration:300ms;width:30px;cursor:pointer;display:block}
.navbar-toggler.active span:nth-of-type(1){transform:rotate3d(0,0,1,45deg);top:8px}
.navbar-toggler.active span:nth-of-type(2){opacity:0}
.navbar-toggler.active span:nth-of-type(3){transform:rotate3d(0,0,1,-45deg);top:-8px}
.navbar-close{position:absolute;top:0;right:0;z-index:12;display:none;background:#c02b1e;padding:5px}
.navbar-close .cross-wrap{width:34px;height:34px;cursor:pointer;position:relative}
.navbar-close .cross-wrap span{position:absolute;display:block;width:100%;height:2px;border-radius:6px;background:#fff}
.navbar-close .cross-wrap span.top{top:17px;left:0;transform:rotate(45deg)}
.navbar-close .cross-wrap span.bottom{bottom:15px;left:0;transform:rotate(-45deg)}
.header-main.breakpoint-on .nav-menu{background-color:#fff;position:fixed;top:0;left:-300px;z-index:9999;width:300px;height:100%;transition-duration:500ms;padding:0;box-shadow:0 5px 20px rgba(0,0,0,0.1);display:block;overflow-x:hidden;overflow-y:scroll;padding-top:70px}
.header-main.breakpoint-on .nav-menu.menu-on{left:0}
.header-main.breakpoint-on .nav-menu .main-menu ul li{display:block;margin:0;border-bottom:1px solid #ececec;float:none}
.header-main.breakpoint-on .nav-menu .main-menu ul li:last-child{border-bottom:0}
.header-main.breakpoint-on .nav-menu .main-menu ul li.active .sub-menu{border-top:1px solid #ececec}
.header-main.breakpoint-on .nav-menu .main-menu ul li a{display:block;border-bottom:1px solid rgba(255,255,255,0.5);color:#0e1b2c;padding:13px 20px !important}
.header-main.breakpoint-on .nav-menu .main-menu ul li .sub-menu{width:100%;position:relative;top:0;left:0;box-shadow:none;background-color:transparent;visibility:visible;opacity:1;display:none;transition:none}
.header-main.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a{color:#0e1b2c;padding:0px 20px 0 40px !important;line-height:45px}
.header-main.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover{border-color:rgba(255,255,255,0.5)}
.header-main.breakpoint-on .nav-menu .main-menu ul li .dd-trigger{padding:0;display:block;position:absolute;right:0;height:45px;width:45px;top:0;border-left:1px solid rgba(255,255,255,0.5);z-index:2;background:transparent;text-align:center;line-height:45px;cursor:pointer;color:#0e1b2c;font-size:22px}
/*------------
pc banner begin
------------*/
.hero-area .hero-slider{position:relative}
.hero-area .hero-img{width: 100%;height:auto;overflow: hidden;}
/* .hero-area .hero-img img{width: 100%;height: 100%;object-fit: cover;object-position: center;} */
.hero-area .hero-slider .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;line-height:60px;text-align:center;border-radius:50%;font-size:18px;border:2px solid #ffffff;color:#ffffff;opacity:0.5;z-index:1;cursor:pointer;transition:all 0.3s ease-out 0s}
.hero-area .hero-slider .slick-arrow:hover{background-color:#ffffff;opacity:1;border-color:transparent;color:#2f318f}
.hero-area .hero-slider .slick-arrow.prev{left:60px}
.hero-area .hero-slider .slick-arrow.next{right:60px}
.hero-area .hero-slider .slick-dots{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10;bottom:0}
.hero-area .hero-slider .slick-dots li button{width:25px;height:4px;display:inline-block;border-radius:2px;background:rgba(255,255,255,.9);transition:all .5s ease;outline:0;opacity:1;bottom:15px}
.hero-area .hero-slider .slick-dots li.slick-active button{background:linear-gradient(90deg,#f3722e 0,#f90 100%)}
/*------------
pc search begin
------------*/
.searchBar{position: relative;padding: 12px 0;box-shadow:0px 12px 30px 0px rgba(174,184,198,0.3)}
.searchBar .container-fluid {padding-left: 65px;padding-right: 65px;}
.searchBar .searchBar-l dl dt{font-size: 18px;color: #c02b1e;}
.searchBar .searchBar-l dl dt span{ color: #c1c1c1;font-weight: normal;padding-left: 10px;}
.searchBar .searchBar-l dl dd a{font-size: 14px;margin-right: 20px;}
.searchBar .searchBar-r {height:40px;margin:0;padding: 0;text-align:center}
.searchBar .input{width:350px;background:#fff;border:1px solid #cccccc;border-right:0;color:#6E6E6E;height:40px;padding:0 50px 0 10px}
.searchBar .button{position:absolute;right:0;top:0;width:40px;height:40px;line-height:40px;display:block;background:#ca4c41;color:#ffffff;font-size:20px}
.searchBar .button:hover{background:#f90}
.products-m .container-fluid {padding-left: 65px;padding-right: 65px;}
/*------------
index products begin
------------*/
.products-area{padding:80px 0 100px;overflow:hidden}
.prosidebar{width: 18%;background:#e1ecff;box-shadow:0px 0 6px rgba(8,136,136,0.08)}
.prosidebar .prosidebar-title{padding:20px;background:#2f318f}
.prosidebar-title span{display:inline-block;font-size:26px;font-weight:700;text-transform:uppercase;color:#fff}
.prosidebar-title h2{font-size:28px;font-weight:normal;line-height:1.15;color:#fff}
.prosidebar-nav{padding:20px}
.prosidebar-nav ul li{font-weight:400;background:#ffffff;border:0;margin-bottom:10px;border-radius:10px !important;border: 1px solid #ffffff}
.prosidebar-nav ul li:last-child{margin:0}
.prosidebar-nav ul li:hover{border: 1px solid rgba(192,43,27,0.2)}
.prosidebar-nav ul li a{display:block;font-size:16px;justify-content:space-between;padding:10px 20px}
.prosidebar-nav ul li:hover a{transform:translateX(5px)}
.prosidebar-bottom{padding: 0 20px 20px}
.prosidebar-bottom dl.tel{position:relative;bottom:0;width:100%}
.prosidebar-bottom dl.tel span{color:#c02b1e;font-size:50px}
.prosidebar-bottom dl.tel p{font-size:14px;font-weight:normal;line-height:18px;color:#666;padding-left: 10px}
.prosidebar-bottom dl.tel p strong{color:#333333;font-size:26px;font-weight: 500;line-height: 32px}
.prosidebar-bottom dl.tel dt{margin-bottom:12px;display: flex}
.prosidebar-bottom dl.tel dd{display: flex}
.prosidebar-bottom dl.tel dd a{background:#ff9600;border-radius:5px;height:40px;line-height:40px;padding: 0 5px;text-align:center;color: #fff;width: 50%;}
.prosidebar-bottom dl.tel dd span{font-size:16px;line-height:40px;margin:0;color:#fff;padding-right: 5px}
.prosidebar-bottom dl.tel dd a:hover{background: #2f318f;}
.prosidebar-bottom dl.tel dd a:last-child{margin-left: 5px;}
.products-m{width: 80%;}
.products-m .main-title{position: relative}
.products-m .main-title h2{font-size: 22px;line-height:1;padding-bottom: 10px;margin-bottom: 25px;color: #2f318f}
.products-m .main-title h2::before{content: "";display:inline-block;background:#cccccc;height: 1px;width: 100%;position: absolute;bottom: 0;left:0}
.products-m .main-title h2::after{content:"";position: absolute;left:0;bottom:-1px;height:3px;width:85px;background:#2f318f}
.products-m .main-title a.more-btn{color: #0e1b2c;padding: 1px 8px;padding: 2px 8px}
.products-m .main-title a.more-btn:hover{background: #c02b1e;color: #ffffff; border-top-left-radius:5px ;border-top-right-radius:5px}
.products-m .product-box {float: left;width:23.222222%;margin-right: 25px;margin-bottom: 25px;}
.products-m .product-box:nth-child(4),.products-m .product-box:nth-child(8){margin-right: 0;}
.products-m .product-box .img-box {position: relative;overflow: hidden;display: block}
.products-m .product-box .img-box>a{display:flex;width:100%;height:100%;background-color:rgba(47,49,143,.40);position:absolute;top:0;left:0;justify-content:center;align-items:center;opacity:0;transform:translateY(-20%);transition:opacity 500ms ease,transform 500ms ease}
.products-m .product-box .img-box>a:before,.products-m .product-box .img-box>a:after{content:"";width:32px;height:3px;background-color:#fff;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.products-m .product-box .img-box>a:after{transform:translate(-50%,-50%) rotate(90deg)}
.products-m .product-box:hover .img-box>a{opacity:1;transform:translateY(0)}
.products-m .product-box h3{font-weight:500;font-size:16px;line-height:20px;background: #fff;text-align: center;box-shadow: 0px 0 6px rgba(8, 136, 136, 0.08)}
.products-m .product-box h3 a{padding:15px 10px;display: block;border: 1px solid #eeeeee;border-top: none}
.products-m .product-box:hover h3 a{background: #2f318f;color: #ffffff}
/*------------
index about begin
------------*/
.about-area{background-repeat:no-repeat;background-position:top center;background-color:#f7f7f7}
.about-area .abcon{background:#2f318f;position:relative}
.about-area .abcon img.img-responsive{transition:all 0.3s ease-out 0s;position:relative;top:-30px;padding-left:25px}
.about-area .abcon img:hover{transform:scale(1.05,1.05)}
.about-area .abcon .abtxt{padding:50px 60px 0;line-height:28px;background:none !important}
.about-area .abcon .abtxt a{display:block;color:#fff}
.about-area .abcon .abtxt h3{font-size:30px;font-weight:600;position:relative;margin-bottom:20px;color:#fff}
.about-area .abcon .abtxt h3:before{background:#ff9600;content:'';display:block;position:absolute;width:30px;height:3px;bottom:-15px}
.about-area .abcon .abtxt h4{font-size:16px;font-weight:300;display:block;text-transform:uppercase;color:#fff}
.about-area .abcon .abtxt p{font-size: 15px;padding:30px 0 20px;line-height:32px;color:#b9baf1}
.about-area .abcon .abtxt span{float:right;border:1px solid #b9baf1; border-radius: 5px; padding:8px 16px;line-height:20px;text-align:center}
.about-area .abcon .abtxt a:hover span{background:#c02b1e;border:1px solid #c02b1e}
/*------------
index service begin
------------*/
.service-area{padding-top:40px;position:relative}
.service-area .service-main{position:relative;width:100%;min-width:320px;padding-bottom:100px}
.service-area .service-main li{position:absolute;width:320px;height:100px;padding-left:70px;left:0;top:40px}
.service-area .service-main li:nth-child(2){right:0;top:40px;left:auto}
.service-area .service-main li:nth-child(3){top:70%}
.service-area .service-main li:nth-child(4){right:0;top:70%;left:auto}
.service-area .service-main li::after{content:"";position:absolute;width:360px;height:64px;background:url('../image/adv_line.png') no-repeat;left:0;bottom:-64px;z-index:-1}
.service-area .service-main li i{float:left;font-size:3.571em;color:#2f318f;font-weight:700;margin-left:-60px;line-height:1;font-family:Arial}
.service-area .service-main li h4{font-size:2.2em;color:#191919;margin-bottom:5px;font-weight:bold}
.service-area .service-main li p{font-size:16px}
.service-area .service-main li:nth-child(2)::after{transform:rotateY(180deg);left:auto;right:0}
.service-area .service-main li:nth-child(3)::after{transform:rotateX(180deg);bottom:0}
.service-area .service-main li:nth-child(4)::after{transform:rotate(180deg);bottom:0;left:auto;right:0}
.service-area .service-pic{display:block;text-align:center}
.service-area .service-pic img{overflow:hidden}
/*------------
index features begin
------------*/
.features-area{position:relative;z-index:2;}
.features-main .features-item{padding:20px;background:#fff;border: 1px solid #dedede;}
.features-main .features-item .icon i{font-size:40px;width:80px;height:80px;line-height:80px;color:#ffffff;background:#c02b1e;border-radius:100%}
.features-main .features-item:hover .icon i{background:#2f318f}
.features-main .features-item p{line-height:22px;margin-top:5px}
/*------------
index process begin
------------*/
.process-area{padding: 80px 0;position:relative;background-position: center center;background-repeat: no-repeat;}
.process-main{position: relative}
.process-area .area-title{margin:0}
.process-area .area-title h5{font-size:28px}
.process-area .area-title h4{font-weight:normal;font-size:26px;border:1px solid #5c5f88;border-radius:5px;padding:8px 12px;display:inline-block}
.process-area .area-title h4 i{margin-right:10px}
.process-r{padding:50px 40px}
.process-r h3{display:block;font-size:22px;color:#191919;margin-bottom:10px;font-weight:bold}
.process-r p{font-size:16px}
.process-r ul{overflow:hidden;background:url('../image/process_arr2.png') no-repeat right 30px}
.process-r li{float:left;width:20%;padding-right:50px;margin-top:25px;position:relative}
.process-r li::after{content:"";position:absolute;right:10px;width:32px;height:22px;background:url('../image/process_arr.png') no-repeat;top:10px}
.process-r li span{height:40px;line-height:40px;font-size:16px;display:block;background:#2f318f;display:block;color:#fff;text-align:center;border-radius:5px}
.process-r li:nth-child(5)::after,.process-r li:nth-child(6)::after{display:none}
.process-r li.right{float:right}
.process-r li.right::after{transform:rotate(180deg)}
/*------------
index app begin
------------*/
.app-area{padding:30px 0 80px}
.app-main .col-auto{width:33.333333%;position:relative;min-height:1px;padding-right:1px;padding-left:1px}
.app-main .app-img{position:relative;display:block;margin-bottom:2px}
.app-main .app-img img{position:relative}
.app-main .app-img .mask{opacity:0;z-index:3;background:url(../image/app-hover.png) no-repeat center center;width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.3s}
.app-main .app-img .mask .subtitle{padding:25px}
.app-main .app-img .mask .subtitle h2{font-size:24px}
.app-main .app-img .mask .more{position:absolute;bottom:25px;right:25px}
.app-main .app-img:hover .mask{z-index:5;transition:0.3s;opacity:1;transform:scale(1.1)}
.app-main .app-img .linear-link{z-index:1;opacity:1;background:linear-gradient(to bottom,rgba(0,0,0,0.2) 65%,rgba(0,0,0,1) 100%);width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.3s}
.app-main .app-img .linear-link .subtitle{padding:0 25px;z-index:3;width:100%;bottom:20px;left:0;position:absolute;transition:0.3s}
/*------------
index ads begin
------------*/
.ad-area{padding:60px 0}
.ad-main .ad_l h5{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}
.ad-main .ad_l h5 span{display:block;font-size:1.8em;opacity:.5;font-weight:300}
.ad-main .ad_r h3{font-weight:500}
/*------------
index news begin
------------*/
.news-area{padding:30px 0 60px}
.home-news .news-card{transition:0.3s;overflow:hidden;position:relative}
.news-card .news-body{padding:20px 30px;background:#fff;border:1px solid #dedede;border-top:none;position:relative;padding-bottom:35px}
.home-news .news-card img,.news-side-content img{transition:0.5s}
.news-date{background:#c02b1e;border-radius:4px;padding:5px 10px;white-space:nowrap;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s}
.home-news .news-card:hover .news-date{background:#2f318f}
.home-news .news-card:hover img,.news-side-content:hover img{transform:scale(1.05)}
.home-news .news-card:hover a,.news-side-content:hover a{color:#2f318f}
.news-date h6{font-size:32px;line-height:1;color:#ffffff}
.news-date span{font-size:18px;line-height:1}
.news-top-content{overflow:hidden}
.home-news h5{line-height:1.4;margin-bottom:5px;font-weight:600;display:block}
.news-meta ul li{display:inline-block;margin-right:10px;font-size:14px;color:#717f99;position:relative;padding-right:10px}
.news-meta ul li::before{content:"/";position:absolute;right:-3px;top:50%;transform:translateY(-50%);color:#c1c4ca;font-size:16px}
.news-meta ul li:last-child{margin-right:0;padding-right:0}
.news-meta ul li:last-child::before{display:none}
.news-meta ul li i{color:#6f6d8b;margin-right:8px}
.news-side-content{background:#ffffff;border:1px solid #dedede;padding:15px 0;margin-bottom:15px}
.news-thumb{position:relative;overflow:hidden}
.news-side-content:hover{border:1px solid  #2f318f}
/*------------
footer begin
------------*/
footer{padding-top:60px;font-size:14px;background:#353658}
footer h5{border-bottom:1px solid #42436d;padding-bottom: 10px;width: 90%}
footer ul h3{color:#b5b5b5;font-size:15px;font-weight:500;line-height:30px}
footer ul li{color:#b5b5b5;display: flex;}
footer a{line-height:32px;color:#b5b5b5}
footer ul li a:hover{color:#fff}
footer ul li i{min-width:26px;max-width:26px;height:26px;line-height:26px !important;text-align:center;border-radius:50%;background-color:#c02b1e;color:#fff;margin:0 10px 15px 0}
footer ul.social-link li{width: 50%;float: left;}
footer .wx-box{position:relative;top:-20px;display:inline-block;align-items:center;justify-content:center;padding:10px;width:160px;border:1px solid #42436d;border-radius:5px;text-align:center}
.footer-bottom p{border-top:1px solid #42436d;color:#b5b5b5}
/*------------
inner banner begin
------------*/
.channel-banner {height:250px;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;margin:0;padding:0;}
.channel-banner .banner-info {position:absolute;top:50%;margin-top:-40px;left:10px;right:0;z-index:3}
.channel-banner .banner-info h3{font-size:30px;font-weight:600;position:relative;margin-bottom:20px}
.channel-banner .banner-info h3:before {left:15px;margin-left:-15px;bottom:-10px;width:30px;height:3px;background:#ca4c41;content:'';display:block;position:absolute;}
.channel-banner .banner-info h3 span{font-weight: 100;font-family:"Geometric","Arial"}
.channel-banner .banner-info p a,.channel-banner .banner-info p .fa{color: #FFF;}
.channel-banner .banner-info p a:after {content:"/";padding-left: 10px;padding-right: 5px;}
.channel-banner .banner-info p a:last-child::after{content: "";}
/*------------
about single begin
------------*/
.about-img img{position:absolute;z-index:2;top:30px;left:40px;width:400px;height:auto;-webkit-box-shadow:0px 10px 25px -3px rgba(38,41,46,0.25);-moz-box-shadow:0px 10px 25px -3px rgba(38,41,46,0.25);box-shadow:0px 10px 25px -3px rgba(38,41,46,0.25)}
.shape-l{position:absolute;background-color:#EBECED;left:0px;top:-20px;width:100px;height:350px}
.shape-r{position:absolute;right:100px;width:100px;top:10px;height:220px;background-color:#2f318f}
.shape-r-hor{right:50px;width:150px;top:190px;height:80px}
.about-text{position:relative;top:-20px}
.about-text h4{font-size:28px;font-weight:600;color:#2f318f;position:relative;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #d4d4d4}
.about-text h4 span{color:#e6e6e6;font-weight:500;padding-left:5px}
.about-text h4::before{content:'';position:absolute;bottom:-2px;left:0;background:#c02b1e;width:110px;height:3px}
.about-text p{font-size:16px;line-height:32px;color:#191919}
/*------------
products begin
------------*/
.proSider{background:#fff}
.proSider h3.title{background:#2f318f;color:#fff;padding:25px 20px;margin-bottom:1px}
.proSider ul.proSide_sub li{border-bottom:1px solid #dedede}
.proSider ul.proSide_sub li:last-child{border:1px solid #fff}
.proSider ul.proSide_sub li a{font-size:16px;font-weight:600;display:block;padding:15px 20px}
.proSider ul.proSide_sub li.active a{background:#2f318f;color:#fff}
.proSider ul.proSide_sub li:hover{border-bottom:1px solid #2f318f}
.proSider ul.proSide_sub li:not(.active):hover a{transform:translateX(5px);color:#2f318f}
/* pruduct single */
.pro-wrapper{padding:30px}
.pro-wrapper p{font-size:16px;margin-bottom:10px}
.pro-thumb-tab{margin:15px 0;background:#e7e7e7}
.pro-thumb-tab .slick-track{margin:0}
.pro-thumb-tab .pro-item{cursor:pointer;padding:10px}
.detailsImg{overflow:hidden;z-index:5;position:relative}
.product-details p strong{padding:4px 8px;background:#6c757d;color:#fff;border-radius:5px;margin-right:10px;font-size:14px;text-align:center}
.product-details-title h1{font-size:36px;margin:0;}
.product-details-title a.back-btn{position:absolute;right:15px;top:20px;background:#ca4c41;color:#fff;padding:5px 10px;border-radius:8px}
.product-details-title a.back-btn:hover{background:#2f318f}
.product-details-title a.back-btn i{margin-right:5px}
.product-details-action{position:absolute;bottom:40px}
.product-details-action button{margin-right:10px}
.pros-main .sidebar-widget .widget-title{margin-bottom:30px}
.pros-main .product-block{margin:0}
/* .RSproshow{width: 100%;
   height: auto;
   overflow: hidden;} */

/* pruduct single */
.product-block{position:relative;margin-bottom:20px}
.product-block .inner-box{background:#fff}
.product-block .inner-box .image-box{position:relative;display:block;overflow:hidden;height:220px}
.product-block .inner-box .image-box::before{display:block;position:absolute;content:"";top:0;bottom:0;left:0;right:0;background-color:rgba(47,49,143,.40);pointer-events:none;opacity:0;z-index:1;-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}
.product-block .inner-box .image-box:hover::before{opacity:1;transition:all 0.3s linear}
.quick-view-btn-wrap{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;pointer-events:none;z-index:1;text-align:center}
.quick-view-btn{display:inline-block;background:#fff;color:#121212;box-shadow:0 0 0 8px rgba(255,255,255,0.1);font-size:18px;line-height:45px;height:45px;width:45px;border-radius:50%;text-align:center;pointer-events:visible;opacity:0;transition:all 0.3s linear;transform:scale3d(0,0,0)}
.quick-view-btn:hover{background:#f3722e;color:#fff}
.product-block:hover .quick-view-btn{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.product-block .inner-box .overlay{padding:20px}
.product-block .inner-box .overlay h5{text-align:center}

/*------------
app begin
------------*/
.app-slider-nav .slick-arrow{position:absolute;top:15px;display:inline-block;width:58px;height:58px;background:#2f318f;text-align:center;line-height:58px;cursor:pointer;z-index:1;transition:all 0.3s ease-out 0s}
.app-slider-nav .slick-arrow.prev{right:75px}
.app-slider-nav .slick-arrow.next{right:15px}
.app-slider-nav .slick-arrow:hover,.app-slider-nav .slick-arrow:focus{background-color:#c02b1e;color:#fff}
.app-slider-nav i{margin:0;font-size:20px;color:#fff;line-height:58px}
.app-wrapper{background:#fff;box-shadow:0px 5px 19.53px 1.47px rgba(95,95,100,0.1);overflow:hidden;position:relative}
.app-wrapper .app-img{position:relative;width:50%;height:100%}
.app-item-content{position:absolute;right:0;top:0;width:50%;padding:60px 90px 20px 50px}
.app-item-content p{font-size:16px;line-height:32px;margin:20px 0 40px}
.app-item-content a.btn{background:#fff;color:#c02b1e;border:2px solid #c02b1e}
.app-item-content a.btn:hover{color:#fff;background:#c02b1e}
.appimgs-slider{position:relative;min-height:150px;overflow:hidden}
.sidebar-r .sidebar-widget .app-side.text{font-size:15px}
.appimgs_wrapper{position:relative;z-index:1;padding:10px 60px}
.appimgs_wrapper .appimgShow{width:100%;height:auto;overflow:hidden}
/*------------
news begin
------------*/
.news_post{padding:20px}
.news_post-thumb img{position:relative;display:block;width:100%;height:160px}
.news_content h4{margin-bottom:5px;font-size:16px}
.news_content .meta-info{border-top:1px solid #e4e4e4}
.meta-info ul li{display:inline-block;font-size:12px;font-weight:500;margin-right:10px;padding-right:10px;border-right:1px solid #e4e4e4}
.meta-info ul li:last-child{border:none}
.meta-info ul li i{margin-right:5px;color:#c02b1e}
.article-box{padding:30px 35px}
.article-box h1{font-size:32px}
.article-box p{font-size:16px;line-height:36px}
.post-tag dt{color:#6a6ba2;line-height:32px;font-size:16px}
.post-tag dd{display:inline-block}
.post-tag dd a{border:1px solid #6a6ba2;line-height:1;font-size:16px;border-radius:3px;padding:8px 14px;margin-left:10px;color:#6a6ba2;transition:0.3s}
.post-tag dd a:hover{color:#fff;border:1px solid #6a6ba2;background:#6a6ba2}
.article-pagination i{padding:8px 19px;background:#c02b1e;color:#fff;font-size:34px;position:relative;top:-4px;transition:0.3s}
.article-pagination .link a,.article-pagination h6{color:#2d3436;line-height:32px}
.article-pagination .linktxt{display:inline-block;line-height:1}
.article-pagination .link:hover i{background:#2f318f}
/*------------
knowledge begin
------------*/
.ctzs-list h4{margin-bottom:5px}
.ctzs-list p{font-size:16px}
.ctzs-list span{background:#fff;border:1px solid #dedede;padding:15px 20px;transition:0.3s}
.ctzs-list span i{font-size:22px}
.ctzs-list .news_post:hover span{background:#c02b1e;border:1px solid #c02b1e}
.ctzs-list .news_post:hover span i{color:#fff}
.ctzs-list .news_post:hover hr{background:#c02b1e}
/*------------
news-sidebar-r begin
------------*/
.sidebar-widget{padding: 20px;}
.sidebar-widget .widget-title{font-size: 18px;font-weight: 600;padding-bottom: 5px;border-bottom: 1px solid #e5e5e5;position: relative;margin-bottom: 15px;}
.sidebar-widget .widget-title::before{content: "";position: absolute;left: 0;bottom: -2px;height: 3px;background: #c02b1e;width: 40px;z-index: 1;}
.list-post-text li {padding:5px 0;line-height: 24px;}
.list-post-text li a{display:block;padding-left:15px;position:relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-post-text li:hover a:before {background:#ca4c41;}
.list-post-text li a:before {content:'';position:absolute;left:-2px;background:#ccc;width:6px;height:6px;top:9px;border-radius:50%}
.sidebar-widget .post{padding-left: 150px;min-height: 100px;}
.sidebar-widget .post-thumb{position:absolute;left:0px;top:0px;width:130px;height:80px;border-radius:0;overflow:hidden}
.sidebar-widget .post-thumb img{position:relative;display:block;width:100%;max-height: 80px;transition:all .3s ease-out}
.sidebar-widget .post:hover .post-thumb img{transition:all .3s ease-out;transform:scale(1.1)}
.sidebar-widget .text{font-size: 18px;line-height:1.4em;color:#222222;font-weight:500;margin-bottom:5px}
.sidebar-widget .post:hover .text a{color:#c02b1e}
.sidebar-widget .post{position:relative;font-size:14px;padding-left:150px;border-bottom:1px solid #dadada;margin-bottom:20px}
.sidebar-widget .post:last-child{margin-bottom:0px;border-bottom:none}
/*------------
contact begin
------------*/
.contact-title .title{font-size:40px}
.contact-title .title > span {color: #2f318f;}
.contact-content p{padding-right:20px;margin-bottom:30px}
.contact-form .form-grp{margin-bottom:25px}
.contact-form .form-grp input,.contact-form .form-grp textarea{width:100%;background:#fff;border:1px solid #ccc;padding:15px 20px;display:block;font-weight:500;font-size:16px}
.contact-form .form-grp input::placeholder,.contact-form .form-grp textarea::placeholder{color:#5d5a77;font-weight:500;opacity:.6}
.contact-form .form-grp textarea{min-height:125px;max-height:125px}
.contact-form [type=submit]{box-shadow:none;padding:14px 32px}
.contact-form .form-grp i{position:absolute;top:22px;right:32px;color:#ccc}
.contact-info{padding:45px 55px;background: #f9f9f9;border-radius: 12px}
.contact-img{margin:0 auto 40px;width:140px;border: 1px solid #ccc;}
.contact-info-list ul li{display:flex;align-items:center;margin-bottom:23px}
.contact-info-list ul li:last-child{margin-bottom:0}
.contact-info-list .icon{width:45px;height:45px;text-align:center;line-height:45px;background:#fff;flex:0 0 45px;border-radius:50%;margin-right:15px;font-size:16px;color:#2f318f;box-shadow:0px 2px 14.88px 1.12px rgba(63, 63, 63, 0.11)}
.contact-info-list .content{flex-grow:1}
.contact-info-list .content p{margin-bottom:0;font-size:16px;line-height:2}
/* .contact-info-list .content p.Conv_DINCondensedC{font-size: 22px;} */
.contact-info-list .content strong{color: #121212}
/*------------
lists tags begin
------------*/
.breadcrumb-tags p,.tags-top h5{padding:10px 15px}
.tags-top strong{color:#c02b1e}
.tags-details .details-inner{ padding:20px}
.tags-details .news_post{padding:20px 15px}
/*------------
scroll to top css
------------*/
.scroll-top{position:relative}
.scroll-top .scrollToTop{position:fixed;z-index:20;width:44px;height:44px;line-height:44px;right:1rem;bottom:1.5rem;opacity:0;text-align:center;transition:all 0.4s;transform:translateX(130%);background:#c02b1e;cursor:pointer;border-radius:15px 0 15px 0;box-shadow:0 5px 38px 0 rgba(0,0,0,0.1)}
.scroll-top .scrollToTop:hover span i{animation:scroll_up_anim 1.5s infinite}
@keyframes scroll_up_anim{0%{transform:translateY(-3px)}
50%{transform:translateY(3px)}
100%{transform:translateY(-3px)}
}.scroll-top .scrollToTop.active{opacity:1;transform:translateY(-100%)}
@media (min-width:576px){.scroll-top .scrollToTop.active{transform:translateY(0%)}
}.scroll-top .scrollToTop span{color:#fff;position:absolute;width:100%;height:100%;display:block;text-align:center;cursor:pointer;border-radius:3px}
/*------------
pagination css
------------*/
ul.pagination li:first-child a{border-radius:0;margin-left:0}
ul.pagination li:last-child a{border-radius:0}
ul.pagination li{margin:0 5px}
ul.pagination li:first-child{margin-left:0}
ul.pagination li a{background-color:#fff;border:1px solid #ddd;color:#444;display:block;font-weight:400;line-height:1.25;margin-left:-1px;padding: 15px 20px;position:relative}
.pagination a:focus{box-shadow:none}
ul.pagination li.active a,ul.pagination li a:hover{background-color:#2f318f;border-color:#2f318f;color:#fff !important;z-index:1}
ul.pagination strong:nth-child(2){padding-left: 5px}