@charset "utf-8";
@import url("bootstrap.min.css");
@import url("swiper.min.css");
@import url("icomoon.css");
@font-face{font-family:'Roboto';font-weight:200;src:url(../fonts/Roboto-Light.ttf);font-display:swap}
@font-face{font-family:'Roboto';font-weight:300;src:url(../fonts/Roboto-Regular.ttf);font-display:swap}
@font-face{font-family:'Roboto';font-weight:400;src:url(../fonts/Roboto-Bold.ttf);font-display:swap}
@font-face{font-family:'Roboto';font-weight:500;src:url(../fonts/Roboto-Black.ttf);font-display:swap}
html,body,ul,li{-webkit-text-size-adjust:none;margin:0;padding:0;font-size: 14px;}
h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,p,textarea{font-family:'Roboto';font-weight:300}
input,dl,dt,dd,ul,li{-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top;list-style:none;font-family:'Roboto';font-weight:300}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
img{display: inline-block; border:none}
h1{font-weight:500;}
h2{font-weight:400;}
h6{font-weight:200;}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none; -webkit-user-select: none;transition: all 0.3s;}
a:hover{ color:#af1c22;text-decoration:none;}
.containerfull{padding: 0 2%;width: 100%;}
header {position:fixed;left:0;top: 0px;z-index: 500;width: 100%;transition:all .4s ease;background: #ffffffb0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(10px);height:116px;box-shadow: 0 8px 16px rgba(0,0,0,0.1);}
header.scroll{height: 60px;background: #fffffff0;}
header.navfix{background: #fffffff0;border-bottom: 1px #ddd solid}
header .top{display: block;font-size: 0;line-height:36px;height:36px;background:#af1c22;/* background:linear-gradient(15deg, #444, #111);*/transition:all .4s ease;overflow: hidden;text-align: right;}
header.scroll .top{height: 0}
header .top .left,header .top .right{width: 50%;display: inline-block;vertical-align: top;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
header .top .left i{margin-right: 5px;font-size: 16px;}
header .top .left{text-align: left;font-size: 14px;color: #fff;text-transform: capitalize}
header .top .contact,header .top .share{display: inline-block;vertical-align: top;font-size: 14px;color: #fff;line-height: 36px}
header .top .contact a{color: #ffffffd0;display: inline-block;padding-right: 45px;position: relative;line-height: 34px;font-size: 14px;}
header .top .contact a i{display: inline-block;margin-right: 6px;line-height:36px;vertical-align: top;font-size: 15px;}
header .top .contact a:after{content: '';position: absolute;right:21px;top: 11px;height: 14px;width: 1px;display: inline-block;background: #ffffff50}
header .top .share a{display: inline-block;font-size: 16px;line-height: 36px;margin-left:10px;color: #ffffffd0;vertical-align:bottom;}
header .top .share a:first-child{margin-left: 0}
header .top a:hover{color: #fff}
header .row > div{padding:0;}
header .row {align-items:center;}
header .row > div.logo{padding-top: 13px;padding-bottom:13px;}
header .row > div.logo img{height: 54px;transition: all .3s}
header.scroll  .row > div.logo{padding-top: 10px;padding-bottom: 10px;}
header.scroll  .row > div.logo img{height: 40px}
header .row > div.menu .title{display:none;padding-left: 5%;padding-top:40px;padding-bottom: 20px}
header .row > div.menu .title h1{font-size: 32px;display:block;position: relative;;padding-bottom: 20px;text-transform:uppercase;}
header .row > div.menu .title h1:after{content: '';position:absolute;left: 0;bottom: 0;width: 30px;height: 3px;background: #af1c22}
header .row > div.menu > ul{display:block;font-size: 0;text-align: center}
header .row > div.menu > ul > li{display: inline-block;position: relative;padding: 0 2%}
header .row > div.menu > ul > li > a{font-size: 18px;color: #333;line-height: 80px;font-weight: 400;display: inline-block;position: relative}
header .row > div.menu > ul > li > a:after{content:'';position: absolute;background:#af1c22;width: 0;height: 2px;left: 0;bottom:15px;transition: all .3s}
header .row > div.menu > ul > li > a:hover:after,header .row > div.menu > ul > li.hover > a:after{width: 100%}
header.scroll .row > div.menu > ul > li > a{font-size: 16px;line-height: 60px;}
header .row > div.menu > ul > li.hover > a{color: #af1c22}
header .row > div.menu > ul > li > i{color: #333;font-size: 19px;display: inline-block;margin-left: 5px;transition: all .3s;vertical-align: text-bottom;}
header.scroll .row > div.menu > ul > li > i{color: #333;font-size: 16px;}
header .row > div.menu > ul > li.hover > i{transform: rotate(90deg);color: #af1c22}
header .row > div.menu > ul > li ul{position: absolute;top: 80px;left: -20%;width: 140%;display: block;background:#af1c22;padding:10px 20px;transition: all .4s;opacity: 0;visibility: hidden;}
header.scroll .row > div.menu > ul > li ul{top:60px;}
header .row > div.menu > ul > li ul li{display: block;}
header .row > div.menu > ul > li ul li a{font-size: 14px;line-height: 40px;color: #fff}
header .row > div:last-child{text-align: right;}
header .row > div a.quote{display: inline-block;border:1px #af1c22 solid;color: #af1c22;border-radius: 3px;padding:6px 22px;}
header .row > div a.quote i{margin-right: 8px;font-size: 18px;display: inline-block;vertical-align: text-top;}
header .row > div a.quote:hover{background: #af1c22;border-color: #af1c22;color: #fff}
header .row > div a.quote:hover i{color: #fff;transition: all .3s}
.banner{width: 100%;position: relative;}
.banner .swiper-slide{overflow: hidden}
.banner .swiper-slide .bgimg{background:#000;position:relative}
.banner .swiper-slide .bgimg.video video{opacity:0;vertical-align: top;width: 100%}
.banner .swiper-slide .bgimg img{width: 100%;opacity: 0}
.banner .swiper-slide .text{position: absolute;left:0;top: 33%;z-index: 2;width: 100%;text-align: center;padding:0 22%;}
.banner .swiper-slide .text h1{font-size: 4rem;text-transform: uppercase;color: #fff;position: relative;margin-bottom:18px;text-shadow: 5px 5px 5px rgba(0,0,0,0.1);}
.banner .swiper-slide .text h2{font-size:16px;text-transform: capitalize;color: #fff;padding: 3px 0;text-shadow: 0 2px 5px rgba(0,0,0,0.4);margin-bottom: 40px;font-weight: 300}
.banner .swiper-slide .text h3 a{font-size: 16px;font-weight: 400;background:#af1c22a0;color: #fff;display:inline-block;margin: 0 10px;padding:10px 20px;border-radius: 3px}
.banner .swiper-slide .text h3 a:hover{background:#af1c22}
.banner .swiper-slide .text h1{transform:translateY(200px);opacity:0;transition:all .6s;}
.banner .swiper-slide .text h2{transform:translateY(400px);opacity:0;transition:all .6s;}
.banner .swiper-slide .text h3{transform:translateY(600px);opacity:0;transition:all .6s;}
.banner .swiper-slide-active .text h1,.banner .swiper-slide-active .text h2,.banner .swiper-slide-active .text h3{transform:translateY(0px);opacity:1;}
.banner .swiper-slide-active .bgimg.video video,.banner .swiper-slide-active .bgimg img{opacity:0.6;}
.banner .swiper-button-next,.banner .swiper-button-prev{opacity:0.9;top: 55%}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 20px;color: #fff;}

.banner .pagination {position: absolute;left: 50%;bottom: 50px;transform: translateX(-50%);z-index: 11;}
.banner .pagination .banner-pagination {text-align: center;left: auto;bottom:auto!important;right:auto!important;left:auto!important;width: auto;color: #fff;width:auto;transform:none;position: relative}
.banner .pagination .banner-pagination span{opacity: 1;margin: 0 3px!important;position: relative;width: 32px;height: 32px;background: transparent;display: inline-block;vertical-align: middle;}
.banner .pagination .banner-pagination span::before {content: '';width:5px;height:5px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);background: #fff;transition:all .4s ease;opacity: .5;}
.banner .pagination .banner-pagination span::after {content: '';width:32px;height:32px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);z-index: 1;border: 2px solid rgba(255,255,255,.5);opacity: 0;transition:all .4s ease;}
.banner .pagination .banner-pagination span.swiper-pagination-bullet-active::before {background: #fff!important;opacity: 1;}
.banner .pagination .banner-pagination span.swiper-pagination-bullet-active::after {opacity: 1;}
.banner .pagination .banner-pagination span.swiper-pagination-bullet-active .content {opacity: 1;}
.banner .pagination .banner-pagination span .content {position: absolute;top: 0;width: 50%;height:100%;margin: 0;padding: 0;overflow: hidden;opacity: 0;transition:all .4s ease;z-index: 11;}
.banner .pagination .banner-pagination span .left {left: 0;}
.banner .pagination .banner-pagination span .right {right: 0;}
.banner .pagination .banner-pagination span .circle {position: absolute;margin: 0;width: 32px;height: 32px;border-radius: 50%;border: 2px solid transparent;transform: rotate(135deg);box-sizing: border-box;}
.banner .pagination .banner-pagination span .left-circle {left: 0;border-top-color: #fff;border-left-color: #fff;}
.banner .pagination .banner-pagination span .right-circle {right: 0;border-bottom-color: #fff;border-right-color: #fff;}
.banner .pagination .banner-pagination span.swiper-pagination-bullet-active .left-circle {animation: circleleft 5s linear forwards;}
.banner .pagination .banner-pagination span.swiper-pagination-bullet-active .right-circle {animation:circleright 5s linear forwards;}
.banner .pagination .banner-pagination span.swiper-pagination-bullet-active:first-child .left-circle {animation: circleleft 51s linear forwards;}
.banner .pagination .banner-pagination span.swiper-pagination-bullet-active:first-child .right-circle {animation:circleright 51s linear forwards;}
@keyframes circleright {0% {transform: rotate(135deg);}50%,100% {transform: rotate(315deg);}}
@keyframes circleleft {0%,50% {transform: rotate(135deg);}100% {transform: rotate(315deg);}}
@keyframes rotate {
    from {stroke-dashoffset: 190px;}to{stroke-dashoffset: 0px;}
}
.inner-banner{overflow: hidden;}
.inner-banner .text h1{-webkit-animation: mymove 500ms 1;animation: mymove 500ms 1;}
.inner-banner .text h2{-webkit-animation: mymove 800ms 1;animation: mymove 800ms 1;}
.inner-banner .text h3{-webkit-animation: mymove 1100ms 1;animation: mymove 1100ms 1;}

.inner-banner{display: block;position: relative;}
.inner-banner .bgimg{display: block;position: relative;background: #000}
.inner-banner .bgimg img{width: 100%;opacity: 0.7;}
.inner-banner .text{display:block;position: absolute;left: 10%;top: 50%;z-index: 100}
.inner-banner .text h1{font-size: 50px;color: #fff;text-transform:uppercase;}
.inner-banner .text h3{font-size:22px;color: #ffffffa0;display:block;padding-top: 10px}

@keyframes mymove{from {transform:translateY(200px);opacity:0}to {transform:translateY(0px);opacity:1}}
.vjs-tech, .video-dimensions, #video_html5_api, .vjs-paused, .vjs-controls-disabled{width: 100%;height: 100%}
.vjs-control-text{font-size:0}
@media(max-width:1499px){
    header {height:106px;}
    header .row > div.logo img{height:45px;}
    header .row > div.menu > ul > li > a{font-size: 16px;line-height: 70px}
    header .row > div.menu > ul > li ul{top: 70px}
    .banner .swiper-slide .text h1{font-size: 3rem}
    .inner-banner .text h1{font-size: 40px;margin-bottom:10px}
    .banner .swiper-slide .text h2,.inner-banner .text h2{font-size:15px;}
    .banner .swiper-slide .text a,.inner-banner .text a{padding:5px 25px;border:1px #fff solid;font-size: 18px;margin-top: 30px;}
    .banner .pagination{bottom: 30px}
}
@media(max-width:1299px){
    .banner .swiper-slide .text h1{font-size: 2.5rem}
    .inner-banner .text h1{margin-bottom: 0}
    .inner-banner .text h3{font-size: 18px}
}
@media(max-width:1199px){
    .banner .swiper-slide .text{padding: 0 10%}
    .banner .swiper-slide .text h1{font-size: 2rem}
    .banner .swiper-slide .text{top: 35%;}
    .banner .swiper-slide .text h3 a{font-size: 15px;padding: 6px 15px;}
    .banner .pagination .banner-pagination span{width: 24px;height: 24px}
    .banner .pagination .banner-pagination span::after {width:24px;height:24px;}
    .banner .pagination .banner-pagination span .circle {width: 24px;height: 24px;}
}
@media(max-width:991px){
    header {height:91px;}
    header .row{position: relative;}
    header .row > div.logo img{height:30px;}
    header .row > div.menu{position: absolute;left: -100%;top: 0;width: 100%;background: #fffffff8;top: 55px;height: 100vh;transition: all .3s}
    header.scroll{border-bottom: 1px #ddd solid}
    header.scroll .row > div.menu{top: 59px}
    header.navfix .row > div.menu{left: 0}
    header .row > div.menu .title{display:block;}
    header .row > div.menu > ul{display:block;}
    header .row > div.menu > ul li{display:block;border-bottom: 1px #eee solid;text-align:left;padding-left: 5%}
    header .row > div.menu > ul li a{font-size: 18px}
    header .top .contact a{padding-right: 0}
    header .top span,header .top .contact a:after,header .top .contact a:last-child,header .top .share{display:none;}
    header .row > div a.quote{padding:5px 18px;font-size: 13px;margin-right: 50px}
    header .row > div a.quote i{font-size: 16px}
    header .mobilemenu{display: block;position: absolute;right: 0;top:0;}
    header .mobilemenu > a{display:inline-block;padding:10px 0;position: relative;cursor: pointer;width:40px;height:30px;text-align: center;overflow:hidden;}
    header .mobilemenu > a span,header .mobilemenu > a span:after,header .mobilemenu > a span:before {content:"";display:block;width:24px;height:3px;background:rgba(255,255,255,.8);position:absolute;top:50%;margin-top:-1px;left:6px; -webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);}
    header .mobilemenu > a span:after {margin-top:-7px;top:0;transition-delay:0.27s;}
    header .mobilemenu > a span:before {margin-top:7px;top:0;transition-delay:0.2s;}
    header .mobilemenu.click a span,header .mobilemenu.click a span:after,header .mobilemenu.click a span:before {transition-delay:0.12s;-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
    header .mobilemenu.click a span:after {transition-delay:0s;}
    header .mobilemenu.click a span:before {transition-delay:0.07s;}
    header .mobilemenu > a i:before,header .mobilemenu > a i:after {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
    header .mobilemenu > a i:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
    header .mobilemenu > a i:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
    header .mobilemenu.click a i:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
    header .mobilemenu.click a i:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
    header .mobilemenu a span,header.upsroll-two .mobilemenu a span,header .mobilemenu a span:after,header .mobilemenu a span:before,header.upsroll-two .mobilemenu a span:after,header.upsroll-two .mobilemenu a span:before{background: rgba(0,0,0,.8);}
    header .mobilemenu .togglemenu{display: block;position: fixed;top: 70px;right: -50%;background:rgba(255,255,255,.95);padding:8% 5%;width: 100%;height: 100%;visibility: hidden;opacity:0;transition: all .2s;text-align: left}
    header .mobilemenu.click .togglemenu{opacity:1;visibility: visible;right: 0;height: 100vh}
    header .mobilemenu .togglemenu ul li{border-bottom: 1px #ddd solid;height: 66px;position: relative;overflow:hidden;}
    header .mobilemenu .togglemenu ul li > a{width: 90%;display: block;line-height: 66px;height: 66px;font-size:16px;text-transform: uppercase;}
    header .mobilemenu .togglemenu ul li span{width: 100%;display: block;padding-bottom: 30px}
    header .mobilemenu .togglemenu ul li span a{line-height: 36px;display: block;width: 100%;font-size: 15px}
    header .mobilemenu .togglemenu ul li i{width: 30px;height:30px;text-align: center;line-height: 30px;position: absolute;right: 0;top:18px;color:#333;font-size: 20px;cursor: pointer;transition: all .2s}
    header .mobilemenu .togglemenu ul li.active i{transform: rotate(90deg);}
    header .mobilemenu .togglemenu ul li:last-child{border-bottom: none;text-align: center;font-size: 22px;margin-top: 10%;color:#aaa;}
    header .mobilemenu .togglemenu ul li:last-child a{width: auto;display: inline-block;}
    header .mobilemenu .togglemenu ul li:last-child em{margin-right: 10px;vertical-align: bottom;line-height: 66px;color:#222;}

    .vjs-tech, .video-dimensions, #video_html5_api, .vjs-paused, .vjs-controls-disabled{width: auto}
    .banner-slide .bgimg:after,.inner-banner .bgimg:after{height:350px;content:'';display:block}
    .banner .swiper-slide .bgimg img,.banner-slide .bgimg video,.inner-banner .bgimg img{position:absolute;left:50%;height:100%;width:auto;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
    .banner .swiper-slide .text.flowleft{width:84%;left:8%}
    .banner .swiper-slide .text{top: 38%;}
    .banner .swiper-slide .text h1{font-size: 1.2rem;margin-bottom:0}
    .inner-banner .text h1{font-size: 30px;margin-bottom:0}
    .inner-banner .text h3{font-size: 16px}
    .banner .swiper-slide .text h2,.inner-banner .text h2{font-size:12px;margin-bottom: 20px;margin-top: 10px}
    .banner .swiper-slide .text a,.inner-banner .text a{font-size: 16px;margin-top: 20px;}
    .banner .swiper-slide .text h3 a{font-size: 13px;}
    .banner .pagination{bottom: 20px}
}
@media(max-width:576px){
    .banner-slide{margin-top:90px}
    .banner .swiper-slide .text{top: 42%;}
    .inner-banner .text{top: 55%;}
    .inner-banner .text h1{font-size: 24px}
    .inner-banner .text h3{font-size: 15px}
    .banner-slide .bgimg:after,.inner-banner .bgimg:after{height:280px;}
    .banner .swiper-slide .text h1{font-size: 1rem;}
    .banner .swiper-slide .text a,.inner-banner .text a{font-size: 12px;margin-top: 10px;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets{display:none}
}
.comm-padding{padding-top: 100px;padding-bottom: 100px;}
.comm-title{display:block;width: 100%;padding:0 10%;}
.comm-title.center{text-align: center}
.comm-title h1{text-transform: uppercase;margin-bottom: 40px;line-height:70px;font-size: 55px;color:#af1c22;position: relative;padding-bottom: 20px;}
.comm-title h1:after{content: '';background: #af1c22;width: 50px;height: 2px;position: absolute;left: 50%;bottom:0;transform: translateX(-50%);}
.comm-title h1 span{font-size: 22px;line-height: 25px;display: block;font-weight: 400}
.comm-title h2{font-size: 22px;line-height: 30px}
.comm-title h3{font-size: 18px}
.comm-title h4{font-size: 22px;line-height: 32px}
.rd-background{background: #f8f8f8}
.rd-background .comm-title h1{line-height:55px;font-size: 50px;}
.rd-background .comm-title {padding:0 16%;}

@media screen and (max-width: 1399px){
    .comm-padding{padding-top: 80px;padding-bottom: 80px;}
    .comm-title{padding:0 5%;}
    .comm-title h1{line-height:60px;font-size: 45px;margin-bottom: 30px;}
    .comm-title h2{font-size: 18px;line-height: 25px}
    .comm-title h3{font-size: 16px}
    .comm-title h4{font-size: 18px;line-height: 22px}
    .rd-background .comm-title h1{line-height:45px;font-size: 40px;}
    .rd-background .comm-title {padding:0 10%;}
}
@media screen and (max-width: 991px){
    .comm-padding{padding-top: 40px;padding-bottom: 40px;}
    .comm-title{padding:0;}
    .comm-title h1{line-height:25px;font-size: 20px;margin-bottom: 30px;}
    .comm-title h2{font-size: 14px;line-height: 20px}
    .comm-title h3{font-size: 14px}
    .comm-title h4{font-size: 14px;line-height: 20px}
    .rd-background .comm-title h1{line-height:25px;font-size: 20px;}
    .rd-background .comm-title {padding:0}
}
@media screen and (max-width: 767px){
    .comm-title h1{margin-bottom: 15px;padding-bottom: 15px}
}
a .light{cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);z-index: 100;}
a:hover .light{transition:all 0.5s ease;left:100%}
.latest-products{background:url(../images/pbg.webp) no-repeat center bottom;background-size: 100% auto}
.latest-products .row{align-items:center;}
.latest-products .row > div{padding:0;}
.latest-products .top-product .logoimg img{width: 30%;padding-bottom: 30px}
.latest-products .top-product .comm-title{padding-bottom: 30px;}
.latest-products .row > div h1{color:#af1c22;position: relative;padding-bottom: 30px}
.latest-products .row > div h1:after{content:'';position: absolute;left: 0;bottom: 0;width: 50px;height: 2px;background: #af1c22}
.latest-products .row > div h3{padding-top: 40px;font-size:17px;font-weight: 300;line-height: 25px}
.latest-products .top-product > div:first-child{padding-right: 50px}
.latest-products .item {width:100%;overflow: hidden;padding-right: 0}
.latest-products .item img{width: 100%;transition: all .4s}
.latest-products .top-product .video{width:80%;font-size: 0;margin-top: 50px}
.latest-products .top-product .video video{width: 100%;}
.latest-products .product-adv{flex-direction: row-reverse;}
.latest-products .product-adv > div:first-child{padding-left: 50px}
.latest-products ul li{line-height: 25px;padding-top: 5px;padding-bottom: 5px;font-size: 16px}
.latest-products ul li:before{display: inline-block;margin-right: 5px;color: #af1c22}
.latest-products .product-content{display: block;padding-top: 120px;text-align: center;} 
.latest-products .product-content ul{display: block;position: relative;margin-top: 80px}
.latest-products .product-content ul:after{content: '';position: absolute;left: 0; top: 50%;transform: translateY(-50%);width: 100%;height: 1px;background: #eee;z-index: 1;overflow: hidden;}
.latest-products .product-content ul li{padding: 0 10px;display: inline-block;background:#fff;margin: 0 10px;position: relative;z-index: 2}
.latest-products .product-content ul li a{border:2px #af1c22 solid;color:#af1c22;border-radius: 30px;padding:10px 30px;box-shadow: 0 15px 15px -15px #00000050;}
.latest-products .product-content ul li a:hover{background:#af1c22;color: #fff}
.latest-products .product-content .content{padding-top: 80px;}
.latest-products .product-content .content dl a{display: block;background:#eee;overflow: hidden;position: relative;box-shadow: 0 15px 15px -13px #00000050;border-radius: 5px}
.latest-products .product-content .content dl a:hover{background:#af1c22;box-shadow: 0 15px 15px -13px #af1c2290;}
.latest-products .product-content .content dl a dt{display: block;overflow: hidden;}
.latest-products .product-content .content dl a dt img{width: 100%;transition: all .8s}
.latest-products .product-content .content dl a:hover dt img{transform: scale(1.15);opacity: 0.1}
.latest-products .product-content .content dl dd{position: absolute;left: 0;top:60%;transform: translateY(-50%);width: 100%;text-align: center;opacity: 0;visibility: hidden;padding:0 15px;transition: all .3s}
.latest-products .product-content .content dl a:hover dd{top: 50%;opacity: 1;visibility: visible;}
.latest-products .product-content .content dl a dd h1{font-size: 20px;color: #fff;display: block;}
.latest-products .product-content .content dl a dd span{color: #fff;font-size: 14px;border-radius: 20px;border:1px #fff solid;display:inline-block;padding:7px 25px;margin-top: 30px;font-size: 12px;text-transform: uppercase;}
.latest-products .product-content a.more,.home-talk-with a.more{display: inline-block;padding:15px 50px;background: #af1c22;color: #fff;border-radius: 3px;margin-top:80px;text-transform:uppercase;font-size: 18px;box-shadow: 0 15px 15px -13px #00000090;}
.latest-products .product-content a.more i,.home-talk-with a.more i{display: inline-block;margin-right: 10px;font-size: 30px;vertical-align: sub;transition: all .3s}
.latest-products .product-content a.more:hover,.home-talk-with a.more:hover{background: #111}
.latest-products .product-content a.more:hover i,.home-talk-with a.more:hover i{margin-right: 16px}
@media screen and (max-width: 1499px){
    .latest-products .top-product > div:first-child{padding-right: 30px}
    .latest-products .product-adv > div:first-child{padding-left: 30px}
    .latest-products .row > div h1{font-size: 25px;padding-bottom: 25px}
    .latest-products .row > div h1:after{width: 40px;height: 2px;}
    .latest-products .row > div h3{padding-top:20px;font-size:16px;line-height:25px}
    .latest-products .product-content{padding-top: 80px;}
    .latest-products .product-content ul{margin-top: 60px}
    .latest-products .product-content ul li a{padding:6px 20px}
    .latest-products .product-content .content{padding-top: 60px;}
    .latest-products .product-content a.more,.home-talk-with a.more{padding:10px 40px;margin-top:60px;font-size: 17px;}
    .latest-products .product-content a.more i,.home-talk-with a.more i{font-size: 26px;}
}
@media screen and (max-width: 1199px){
    .latest-products .row > div h1{font-size: 22px;padding-bottom: 18px}
    .latest-products .row > div h3{padding-top:15px;font-size:15px;line-height:20px}
    .latest-products .product-content{padding-top: 60px;}
    .latest-products .product-content ul{margin-top: 40px}
    .latest-products .product-content ul li{padding: 0 8px;margin: 0;}
    .latest-products .product-content ul li a{font-size: 13px}
    .latest-products .product-content .content{padding-top: 40px;}
    .latest-products .product-content a.more,.home-talk-with a.more{padding:8px 35px;margin-top:40px;font-size: 16px;}
    .latest-products .product-content a.more i,.home-talk-with a.more i{font-size: 22px;}
}
@media screen and (max-width: 991px){
    .latest-products .top-product > div:first-child{padding-right: 0;padding-bottom: 20px}
    .latest-products .product-adv > div:first-child{padding-left: 0;padding-top:20px;padding-bottom: 20px}
    .latest-products .row > div h1{font-size: 20px;padding-bottom: 20px;line-height:25px}
    .latest-products .row > div h1:after{width: 30px;height: 2px;}
    .latest-products .row > div h3{padding-top:20px;font-size:14px;line-height:20px;}
    .latest-products .product-content{padding-top:30px;}
    .latest-products .product-content ul{margin-top: 30px;padding-top:20px;}
    .latest-products .product-content ul:after{top: 0;transform: translateY(0);}
    .latest-products .product-content ul li{margin: 8px 0}
    .latest-products .product-content a.more,.home-talk-with a.more{padding:8px 30px;margin-top:30px;font-size: 13px;}
    .latest-products .product-content a.more i,.home-talk-with a.more i{font-size: 20px;}
}
@media screen and (max-width: 767px){
    .latest-products .row > div h1{font-size: 18px;padding-bottom: 15px;line-height:22px}
    .latest-products .row > div h3{text-align: justify;}
}
.home-about{background: url(../images/comy_bg.webp) no-repeat left top}
.home-about .comm-title{padding:0}
.home-about .comm-title h1{display:inline-block;}
.home-about .comm-title h1:after{left: auto;right: 0;transform:translateX(0);}
.home-about .row:last-child{align-items:end;}
.home-about .row > div{padding:0;}
.home-about .about-block{padding-right: 20%;display: block;}
.home-about .about-block dl{display: block;border-bottom: 1px #eee solid;margin-bottom: 20px;padding-bottom: 20px;}
.home-about .about-block dl:last-child{margin-bottom: 0}
.home-about .about-block dl dt{font-size: 25px;display: none;}
.home-about .about-block dl dd{display: block;margin-bottom: 0;}
.home-about .about-block dl dd span,.home-about .about-block dl dd em{font-size: 55px;font-weight: 600;color: #af1c22;line-height: 60px;font-style: normal;}
.home-about .about-block dl dd sup{font-size: 14px;color: #666;left: 5px;line-height:65px;vertical-align:text-bottom;}
.home-about .about-block dl dd p{font-size: 16px;color: #333;display: block;padding-top: 10px;margin-bottom: 0;}
.home-about .about-intro h1{color: #af1c22;position: relative;padding-bottom:25px;}
.home-about .about-intro h1:after{content: '';position: absolute;left: 0; bottom: 0;width: 50px;height: 2px;background: #af1c22;}
.home-about .about-intro p{display: block;padding-top: 30px;padding-bottom: 30px;font-size: 18px;line-height: 28px}
.home-about .about-intro a{display: inline-block;margin-bottom: 50px;border-radius: 3px;padding:10px 40px;font-size: 16px;color: #fff;background:#af1c22;text-transform: uppercase;}
.home-about .about-intro a i{margin-left: 10px;transition: all .3s;font-size: 22px;vertical-align: sub;}
.home-about .about-intro a:hover{background: #333;padding:10px 50px;}
.home-about .about-intro a:hover i{margin-left: 20px}
.home-about .about-intro img{width: 100%;border-bottom-left-radius:80px}

.home-adv{background: url(../images/contact.webp) no-repeat center center;background-size: cover;padding: 100px 15%;text-align: center}
.home-adv h1{font-size: 40px;color:#fff;padding-bottom: 20px;}
.home-adv h3{font-size: 18px;color:#fff;line-height: 1.5}
.home-adv ul{display: block;padding: 0 10%;padding-top: 40px}
.home-adv ul li{display: inline-block;font-size:18px;color: #fff;border-radius: 50px;border: 2px #ffffff90 solid;padding:5px 30px;margin:10px;transition: all .3s;cursor: pointer;}
.home-adv ul li:hover{background: #ffffff30}
.home-adv a{color: #fff;border-radius: 5px;border: 1px #fff solid;display: inline-block;padding:8px 30px;font-size: 18px;text-transform: uppercase;font-weight: 400}
    
.home-talk-with{background:url(../images/metal.webp) no-repeat center center;background-size: cover;text-align: center}
.home-talk-with h1{font-size: 40px;color:#fff;padding-bottom: 20px;}
.home-talk-with h3{font-size: 18px;color:#fff}
.home-talk-with a.more{background: #ffffffa0;color: #af1c22;margin-top: 35px}
.home-talk-with a.more:hover{background: #fff}
@media screen and (max-width: 1499px){
    .home-adv{padding: 80px 10%;}
    .home-adv h1,.home-about .about-intro h1{font-size: 30px;}
    .home-adv ul li{font-size:17px;padding:4px 25px;margin:8px;}
    .home-about .about-intro p{padding-top: 25px;padding-bottom: 25px;font-size: 17px;line-height: 25px}
    .home-about .about-intro a{margin-bottom: 40px;font-size: 15px;padding:8px 35px;}
    .home-about .about-block dl dd span,.home-about .about-block dl dd em{font-size: 45px;line-height: 50px;}
    .home-about .about-block dl dd sup{line-height:50px;}
    .home-about .about-block dl dd p{font-size: 15px;}
    .home-about .about-intro img{border-bottom-left-radius:70px}
    .home-talk-with h1{font-size: 35px;}
    .home-talk-with h3{font-size: 16px;}
}
@media screen and (max-width: 1199px){
    .home-adv{padding: 40px 6%;}
    .home-adv h1,.home-about .about-intro h1{font-size: 25px;}
    .home-adv h3{font-size: 16px;}
    .home-adv ul{padding: 0 6%;padding-top: 30px}
    .home-adv ul li{font-size:16px;padding:3px 20px;margin:5px;}
    .home-about .about-intro p{padding-top: 20px;padding-bottom: 20px;font-size: 15px;line-height: 22px}
    .home-about .about-intro a{margin-bottom: 30px;font-size: 14px;padding:6px 30px;}
    .home-about .about-block dl dd span,.home-about .about-block dl dd em{font-size: 38px;line-height: 40px;}
    .home-about .about-block dl dd sup{line-height:40px;}
    .home-about .about-block dl dd p{font-size: 14px;}
    .home-about .about-intro img{border-bottom-left-radius:60px}
    .home-talk-with h1{font-size: 25px;}
    .home-talk-with h3{font-size: 15px;}
}
@media screen and (max-width: 991px){
    .home-about .row:first-child > div:first-child{display:none;}
    .home-adv{padding: 40px 3%;}
    .home-adv h1,.home-about .about-intro h1{font-size: 20px;line-height: 25px}
    .home-adv h3{font-size: 14px;}
    .home-adv ul{padding: 0;padding-top: 20px}
    .home-adv ul li{font-size:14px;padding:3px 18px;}
    .home-about .about-intro p{font-size: 14px;line-height: 20px}
    .home-about .about-intro a{margin-bottom: 20px;font-size: 13px;padding:6px 25px;}
    .home-about .about-block{padding-right: 0%;display: block;font-size: 0}
    .home-about .about-block dl{display: inline-block;width: 50%}
    .home-about .about-block dl dd span,.home-about .about-block dl dd em{font-size: 30px;line-height: 35px;}
    .home-about .about-block dl dd sup{line-height:32px;}
    .home-about .about-block dl dd p{font-size: 13px;}
    .home-about .about-intro img{border-bottom-left-radius:50px}
    .home-talk-with h1{font-size: 20px;padding-bottom:10px;}
    .home-talk-with h3{font-size: 14px;}
}
@media screen and (max-width: 991px){
    .home-about .about-intro p{text-align:justify;}
}
.home-news .list-news{font-size: 0;display: block;padding-top: 50px}
.home-news .list-news dl{}
.home-news .list-news dl a{display: block;overflow: hidden;border-radius: 5px}
.home-news .list-news dl a dt{display: block;overflow: hidden;box-shadow: 0 15px 25px -14px #00000070;}
.home-news .list-news dl a dt img{width: 100%;transition: all .5s}
.home-news .list-news dl a:hover dt img{transform: scale(1.08);}
.home-news .list-news dl a dd{display: block;padding-top: 30px}
.home-news .list-news dl a dd span{font-size: 15px;color: #af1c22;display: block;margin-bottom: 10px}
.home-news .list-news dl a dd h1{font-size: 20px;margin-bottom: 15px;line-height: 25px;height: 50px;overflow: hidden;}
.home-news .list-news dl a dd p{display: block;line-height: 25px;height: 75px;overflow: hidden;font-size: 16px;margin-top: 10px;color: #999}
.home-news .list-news dl a dd i{font-size: 24px;width: 40px;height: 40px;border-radius: 50%;display:inline-block;text-align: center;line-height: 40px;transition: all .5s;text-indent: -15px;margin-top: 20px}
.home-news .list-news dl a:hover dd i{background: #af1c22;color: #fff;text-indent: 0}
.home-news .more{text-align: center;padding-top: 30px}
.home-news .more a{display: inline-block;margin-bottom: 50px;border-radius: 3px;padding:10px 40px;font-size: 16px;color: #fff;background:#af1c22;text-transform: uppercase;}
.home-news .more a i{margin-left: 10px;transition: all .3s;font-size: 22px;vertical-align: sub;}
.home-news .more a:hover{background: #333;padding:10px 50px;}
.home-news .more a:hover i{margin-left: 20px}

.home-partners{background: #f2f2f2;border-bottom:1px #eaeaea solid;}
.home-partners ul{display: block;text-align: center}
.home-partners ul li{display: inline-block;padding:0 20px;}
@media screen and (max-width: 1499px){
    .home-news .list-news{padding-top: 40px}
    .home-partners ul li{padding:0 10px;}
}
@media screen and (max-width: 1199px){
    .home-news .list-news{padding-top: 30px}
    .home-news .more{padding-top:20px}
    .home-news .more a{padding:8px 30px;font-size: 15px;}
    .home-partners ul{text-align:left;font-size: 0}
    .home-partners ul li{padding:0 10px;width:calc(100%/3)}
    .home-partners ul li img{width: 100%}
    .home-news .list-news dl a dd p{line-height: 22px;height: 66px;font-size: 15px}
}
@media screen and (max-width: 991px){
    .home-news .list-news{padding-top: 20px}
    .home-news .list-news dl a dd h1{font-size: 18px;line-height: 22px;height: 44px;}
    .home-news .more{padding-top:0px}
    .home-news .more a{padding:6px 25px;margin-bottom: 0px;font-size: 13px;}
    .home-news .more a i{font-size: 17px;vertical-align: text-bottom;}
    .home-news .list-news dl a dd p{line-height: 20px;height: 60px;font-size: 14px}
}
.location{background: #eee;line-height: 24px;margin-top:117px}
.local{display:block;line-height: 24px;font-size: 16px;padding-top:18px;padding-bottom: 18px}
.local i{font-size: 10px;display:inline-block;padding: 0 10px;}
.local a{font-size: 15px;}
.local a i{font-size: 16px;margin-right: 8px;padding: 0;}
.local a:hover{text-decoration: underline;}
@media screen and (max-width: 1499px){
    .location{margin-top:107px}
}
@media screen and (max-width: 991px){
    .location{margin-top:90px}
    .local{font-size: 14px;}
    .local a{font-size: 14px;}
    .local i{padding: 0 5px;}
    .local a i{font-size: 14px;}
}
.inner-about {position: relative;overflow: hidden;}
.inner-about .intro{width: 55%;padding-right: 8%;padding-bottom: 150px;}
.inner-about .intro > p{font-size: 16px;font-weight: 300;line-height: 26px}
.inner-about .intro .comm-title{padding:0;}
.inner-about .intro .comm-title h2{font-size: 25px}
.inner-about .comp-img{width: 50%;position: absolute;right: 0;top:115px;}
.inner-about .comp-img img{height:72vh;}
.inner-about-block{display: block;width:65%;padding:24px 50px;border-radius: 5px;box-shadow: 0px 20px 30px 0px rgba(175, 28, 34, 0.3);position: absolute;bottom:50px;left:10%;z-index: 5;background:#af1c22;font-size: 0}
.inner-about-block div{display: inline-block;font-size: 0;width: 32%;margin-right: 2%;font-size: 16px;margin:10px 0;color: #ffffffd0;font-size: 18px;font-weight: 200}
.inner-about-block div:nth-child(3n){margin-right: 0}
.inner-about-block div i{display: inline-block;font-size: 30px;color: #fff;line-height: 30px;vertical-align: top;margin-right: 12px}
.inner-about-block div span{line-height: 30px;}
.inner-about-block div b{font-size: 18px;font-weight: 500;line-height: 30px;color: #fff}
.inner-about-block div p{display:inline-block;font-weight: 200;padding-left: 5px;font-size: 16px}
@media screen and (max-width: 1699px){
    .inner-about .comp-img img{height:80vh;}
    .inner-about-block{display: block;width:70%;padding:20px 40px;bottom:40px;box-shadow: 0px 10px 20px 0px rgba(175, 28, 34, 0.3);}
}
@media screen and (max-width: 1399px){
    .inner-about-block{padding:20px 35px;width:80%;bottom:30px;left: 3%}
}
@media screen and (max-width: 991px){
    .inner-about .intro{width: 100%;padding-right: 0;padding-bottom: 20px}
    .inner-about .intro .comm-title h2{font-size: 20px;margin-top: 30px}
    .inner-about .comm-title h1:after{left: 0;transform: translateX(0);}
    .inner-about .comp-img{width: 100%;position: initial;}
    .inner-about .intro p{font-size: 15px;line-height: 22px}
    .inner-about .comp-img img{height: auto;width: 100%}
    .inner-about-block{width:100%;padding: 20px;position: initial;}
    .inner-about-block div,.inner-about-block div:nth-child(3n){width: 49%;margin-right: 2%}
    .inner-about-block div:nth-child(2n){margin-right: 0}
}
@media screen and (max-width: 767px){
    .inner-about .intro{text-align: justify;}
    .inner-about .intro p{font-size: 14px;line-height: 20px}
    .inner-about-block div b{display:block;}
    .inner-about .intro p{padding-left: 0}
}
.inner-whyus {padding-top: 60px}
.inner-whyus .comm-title{padding-bottom: 50px;}
.inner-whyus .content{display: block;font-size: 0}
.inner-whyus .content .list{display: inline-block;text-align: center;width: 20%;vertical-align: top}
.inner-whyus .content .list ul{display: block;width: 80%}
.inner-whyus .content .list ul li{display: block;cursor: pointer;position: relative;margin-bottom: 12px;}
.inner-whyus .content .list ul li a{font-size: 15px;line-height: 20px;box-shadow: 0 5px 15px rgba(0,0,0,0.08);display: block;padding-top:25px;padding-bottom: 25px;}
.inner-whyus .content .list ul li:after{content:'';position: absolute;right: 0;top: 0;height: 0;transition: all .3s;width: 3px;background: #af1c22}
.inner-whyus .content .list ul li a i{font-size: 55px;line-height: 60px;display:block;vertical-align: top;color: #af1c22;margin-bottom:8px}
.inner-whyus .content .list ul li.active a{color: #af1c22}
.inner-whyus .content .list ul li.active:after{height: 100%}
.inner-whyus .content .metal-scraps-machine{display: inline-block;width:80%;;vertical-align: top;}
.inner-whyus .content .metal-scraps-machine .row{align-items: center;}
.inner-whyus .content .metal-scraps-machine .row > div{padding:0;}
.inner-whyus .content .metal-scraps-machine .row > div:last-child{padding-left:30px;}
.inner-whyus .content .metal-scraps-machine img{width: 100%;transition: all .4s}
.inner-whyus .content .metal-scraps-machine b{color: #fff;font-size: 20px;display:inline-block;vertical-align: top;line-height: 30px;background: #af1c22;padding:0 10px;}
.inner-whyus .content .metal-scraps-machine b span{display:inline-block;position: relative;padding-left: 20px;font-weight:300;font-size: 15px;vertical-align: top;line-height: 30px}
.inner-whyus .content .metal-scraps-machine b span:after{content: '';background: #ffffff50;width: 1px;height:14px;position: absolute;left:10px;top:50%;transform: translateY(-50%);}
.inner-whyus .content .metal-scraps-machine h1{color: #af1c22;font-size:22px;text-transform: capitalize;margin-top:30px;font-weight: 400}
.inner-whyus .content .metal-scraps-machine ul{display: block;padding-top: 10px}
.inner-whyus .content .metal-scraps-machine ul li{display: block;padding:10px 0;line-height: 25px;font-size: 16px;font-weight: 200}
.inner-whyus .content .metal-scraps-machine ul li i{color: #af1c22;display: inline-block;padding-right: 10px}

@media screen and (max-width: 1399px){
    .inner-whyus {padding-top: 40px}
}
@media screen and (max-width: 1299px){
    .inner-whyus .content .list{display: block;width:100%}
    .inner-whyus .content .list ul{width: 100%;font-size: 0;padding-bottom: 30px}
    .inner-whyus .content .list ul li{display:inline-block;width: 25%}
    .inner-whyus .content .list ul li:after{right: auto;top: auto;left: 0;bottom: 0;height: 3px;width: 0}
    .inner-whyus .content .list ul li.active:after{width: 100%;height: 3px}
    .inner-whyus .content .metal-scraps-machine{width:100%;}
    .inner-whyus .content .metal-scraps-machine .row > div:last-child{padding: 30px 0}
}

@media screen and (max-width: 1199px){
    .inner-whyus {padding-top: 20px}
    .inner-whyus .content .metal-scraps-machine h1{font-size: 20px}
    .inner-whyus .content .metal-scraps-machine b{font-size: 20px}
    .inner-whyus .content .metal-scraps-machine ul li{font-size: 15px;line-height: 22px}
}

@media screen and (max-width: 767px){
    .inner-whyus .content .metal-scraps-machine h1{font-size: 18px}
    .inner-whyus .content .metal-scraps-machine b{font-size: 18px;}
    .inner-whyus .content .list ul li a{padding: 15px;min-height: 140px}
    .inner-whyus .content .list ul li a i{font-size: 45px}
    .inner-whyus .content .list ul li{width: 50%}
    .inner-whyus .content .metal-scraps-machine ul{text-align:justify;}
    .inner-whyus .content .metal-scraps-machine ul li{line-height: 20px}
    .inner-whyus {padding-top: 0px;padding-bottom: 0}
}

.inner-culture{background:#f8f8f8}


.page-visitcompany{background:#f8f8f8}
.page-visitcompany .page-about-content {display: block;}
.visitcompany-content {overflow: hidden;}
.visitcompany-content .features-content-title .text-3{margin-top: 2%;font-size: 18px;line-height: 30px;}
.visitcompany-content .visitcompany-nav {text-align: center;padding: 3% 0;}
.visitcompany-content .visitcompany-nav li{display: inline-block;vertical-align: middle;margin: 0 5px;}
.visitcompany-content .visitcompany-nav a {font-size: 14px;background: #f1f1f1;border-radius: 50px;padding: 15px 25px;}
.visitcompany-content .visitcompany-nav li.cur a {background: #af1c22;color: #fff;}
.visitcompany-content-list {overflow: hidden;padding-top: 2%;}
.visitcompany-content-type-swiper {overflow: hidden;}
.visitcompany-content-list-swiper {overflow: hidden;}
.visitcompany-content-list-swiper .img{border-radius: 10px;overflow: hidden;background-size: cover}
.visitcompany-content-list-swiper .img i {display: block;width: 60px;height: 60px;background: #af1c22;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;opacity: 0;transition: all .5s;color: #fff;text-align: center;line-height: 60px;font-size: 22px}
.visitcompany-content-list-swiper .img img {opacity: 0;transition: all .5s;width:100%}
.visitcompany-content-list-swiper a:hover i{opacity: 1;}
.visitcompany-content-list-swiper a:hover .img img {opacity: 1;}
.visitcompany-content-list-swiper .swiper-wrapper{-webkit-transition-timing-function: linear; -moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;}
@media screen and (max-width: 767px){
    .visitcompany-content .visitcompany-nav a {padding: 10px 22px;}
}
.inner-product .menu-list{display:block;font-size: 0;text-align:center;padding-top: 50px}
.inner-product .menu-list li{display:inline-block;vertical-align: top;line-height: 20px;color: #333;position: relative;margin:0 20px;padding-top:15px;padding-bottom: 15px}
.inner-product .menu-list li.active{color: #af1c22}
.inner-product .menu-list li:after{content: '';position: absolute;left: 50%;bottom: 0;width: 0;height: 2px;background:#af1c22;transition:all .3s;}
.inner-product .menu-list li.active:after{width: 100%;left: 0}
.inner-product .menu-list li a{font-size: 20px;cursor: pointer;}
.inner-product .menu-list li.active a,.inner-product .menu-list li a:hover{color: #af1c22}
.inner-product .menu-content{display:block;padding-top: 60px;}
.inner-product .menu-content .prut-list{display:none;}
.inner-product .menu-content .prut-list.active{display:block;}
.inner-product .menu-content .prut-list .row{align-items: center;margin-bottom: 50px;background:#f5f5f5;}
.inner-product .menu-content .prut-list .row > div{padding: 0}
.inner-product .menu-content .prut-list .row > div:first-child a{display:block;position: relative;overflow: hidden;}
.inner-product .menu-content .prut-list .row > div:first-child a img{width: 100%;object-fit: cover;aspect-ratio:4/2.5;transition:all 1s;}
.inner-product .menu-content .prut-list .row > div:first-child a:hover img{transform:scale(1.03);}
.inner-product .menu-content .prut-list .row > div:last-child{padding:0 5%;}
.inner-product .menu-content .prut-list .row > div:last-child h1{display:block;margin-bottom: 30px;font-size: 25px;color: #af1c22;position: relative;padding-bottom: 20px}
.inner-product .menu-content .prut-list .row > div:last-child h1:after{content: '';position: absolute;left: 0;bottom: 0;width: 40px;height: 2px;background: #af1c22;}
.inner-product .menu-content .prut-list .row > div:last-child p{display:block;font-size: 16px;line-height: 1.6;margin-bottom: 30px}
.inner-product .menu-content .prut-list .row > div:last-child .para{display:block;font-size: 0}
.inner-product .menu-content .prut-list .row > div:last-child .para li{font-size: 16px;line-height: 2;display:inline-block;width: 50%}
.inner-product .menu-content .prut-list .row > div:last-child .para li i{display:inline-block;vertical-align: top;line-height: 30px;margin-right: 8px}
.inner-product .menu-content .prut-list .row > div:last-child .more{padding-top: 40px}
.inner-product .menu-content .prut-list .row > div:last-child .more a,.inner-news .news-content dl a dd .more span{display: inline-block;border-radius: 3px;padding:8px 30px;padding-right: 25px;font-size: 14px;color: #fff;background:#af1c22;text-transform: uppercase;}
.inner-product .menu-content .prut-list .row > div:last-child .more a i,.inner-news .news-content dl a dd .more span i{margin-left: 10px;transition: all .3s;font-size: 20px;vertical-align: sub;}
.inner-product .menu-content .prut-list .row > div:last-child .more a:hover,.inner-news .news-content dl a:hover dd .more span{background: #333;}
.inner-product .menu-content .prut-list .row > div:last-child .more a:hover i,.inner-news .news-content dl a:hover dd .more i{margin-left: 20px}

@media screen and (max-width:1599px){
    .inner-product .menu-content .prut-list .row > div:first-child a img{aspect-ratio:4/2.8;}
    .inner-product .menu-content .prut-list .row > div:last-child{padding:0 3%;}
    .inner-product .menu-content .prut-list .row > div:last-child p{font-size: 15px;line-height: 1.4;}
    .inner-product .menu-content .prut-list .row > div:last-child .para li{font-size: 14px;line-height: 1.8;}
    .inner-product .menu-content .prut-list .row > div:last-child .para li i{line-height: 1.8;}
    .inner-product .menu-list li a{font-size: 18px;}
}
@media screen and (max-width:1199px){
    .inner-product .menu-content .prut-list .row > div:last-child h1{margin-bottom: 20px;font-size: 22px;}
    .inner-product .menu-list{padding-top: 30px}
    .inner-product .menu-list li a{font-size: 16px;}
    
}
@media screen and (max-width:991px){
    .inner-product .menu-list{padding-top:20px}
    .inner-product .menu-content{padding-top: 20px}
    .inner-product .menu-content .prut-list .row > div:last-child{padding:25px}
    .inner-product .menu-content .prut-list .row > div:last-child h1{font-size: 20px}
    .inner-product .menu-content .prut-list .row > div:last-child p{margin-bottom: 20px}
    .inner-product .menu-content .prut-list .row > div:last-child .more{padding-top: 30px;padding-bottom: 20px}
    .inner-product .menu-list li a{font-size: 15px}
}
@media screen and (max-width:767px){
    .inner-product .menu-list{text-align: left;}
    .inner-product .menu-list li{border-bottom: 1px #eee solid;width: 50%;display:inline-block;margin: 0;text-align: center;}
    .inner-product .menu-content .prut-list .row > div:last-child{padding:20px}
    .inner-product .menu-content .prut-list .row > div:last-child h1{font-size: 18px}
    .inner-product .menu-content .prut-list .row > div:last-child .para li{width: 100%}
    .inner-product .menu-content .prut-list .row > div:last-child p{margin-bottom: 10px}
    .inner-product .menu-content .prut-list .row > div:last-child .more{padding-top: 15px;}
    .visitcompany-content-list-swiper .img i{width: 40px;height: 40px;line-height: 40px;font-size:18px}
}
.inquiryform{position: fixed;transition: all .3s;width: 100%;height: 100vh;opacity: 0;visibility: hidden;z-index: 100;}
.inquiryform .feedback{position: fixed;padding:40px;background:#fff;width: 650px;top: 52%;left: 50%;transform: translate(-50%,-43%);z-index: 105;border:12px #00000030 solid;transition: all .3s;border-radius:5px}
.inquiryform.show{opacity: 1;visibility: visible;}
.inquiryform.show .feedback{top: 50%;height: 70%}
.inquiryform.show:before{content: '';position: fixed;left: 0;top: 0;width: 100%;height: 100vh;background: #000000a0;z-index: -1}
.inquiryform .feedback .title{width: 100%;display: block;position: relative;height: 60px;line-height: 30px;font-size: 20px;font-weight: 600;text-transform: uppercase;}
.inquiryform .feedback .title i{font-size: 20px;position: absolute;right:-25px;top: -25px;cursor: pointer;}
.inquiryform .feedback .title i:hover{color: #af1c22}
.inquiryform .feedback ul li textarea{height: 18vh}
.inquiryform .feedback ul{font-size: 0}
.inquiryform .feedback ul li{width: 49%;display:inline-block;margin-bottom: 20px;margin-right:2%;vertical-align: top}
.inquiryform .feedback ul li:nth-child(2n){margin-right:0}
.inquiryform .feedback ul li input{width: 100%;line-height: 50px;height: 50px;background: #fff;border: 1px #eee solid;padding: 10px;font-size: 14px;box-shadow: 0 15px 15px -11px rgba(25, 17, 64, 0.05);}
.inquiryform .feedback ul li:nth-child(5),.inquiryform .feedback ul li:nth-child(8),.inquiryform .feedback ul li:last-child{width: 100%;}
.inquiryform .feedback ul li:nth-child(7) img{vertical-align: bottom;cursor: pointer;display: inline-block;margin-top: 11px;margin-left: 12px}
.inquiryform .feedback ul li textarea{width: 100%;height: 200px;line-height: 22px;background: #fff;border: 1px #eee solid;padding: 10px;font-size: 14px;box-shadow: 0 15px 15px -11px rgba(25, 17, 64, 0.05);border-radius:5px}
.inquiryform .feedback ul li:last-child input{background: #af1c22;color: #fff;font-size: 16px;font-weight: 300;padding: 0;transition: all .2s;border: none;box-shadow: 0 15px 15px -11px rgba(25, 17, 64, 0.5)}
.inquiryform .feedback ul li:last-child input:hover{background: #72050a}
@media screen and (max-width: 1299px){
    .inquiryform.show .feedback{height: 68%}
}
@media screen and (max-width: 1199px){
    .inquiryform.show .feedback{height: 66%}
    .inquiryform .feedback .title{height: 40px;line-height: 20px;font-size: 18px;}
    .inquiryform .feedback{padding:30px;width: 60%;top: 50%;left: 20%;transform: translateY(-50%);border:8px #00000030 solid;}
    .inquiryform .feedback .title i{right:-15px;top: -15px;}
}
@media screen and (max-width: 991px){
    .inquiryform.show .feedback{height: 64%}
}
@media screen and (max-width: 767px){
    .inquiryform .feedback .title{height: 40px;line-height: 20px;font-size: 18px;}
    .inquiryform .feedback{padding:20px;width: 90%;top: 50%;left: 5%;transform: translateY(-50%);border:8px #00000030 solid;}
    .inquiryform .feedback .title i{font-size: 18px;right:0;top: 0;}
    .inquiryform .feedback ul li:last-child input{font-size: 14px;}
}

.inner-news .news-content{padding-top: 30px}
.inner-news .news-content .row{margin-left: -20px;margin-right: -20px}
.inner-news .news-content .row dl{padding: 20px}
.inner-news .news-content dl a dt{display:block;background:#000;overflow: hidden;box-shadow: 0 15px 20px -14px #00000070;}
.inner-news .news-content dl a dt img{width: 100%;transition:all .3s;opacity: 0.8;}
.inner-news .news-content dl a:hover dt img{transform:scale(1.05);opacity:1;}
.inner-news .news-content dl a dd{display:block;padding-top: 30px;}
.inner-news .news-content dl a dd h1{font-size: 20px;line-height:30px;display:-webkit-box;overflow: hidden;text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 60px;}
.inner-news .news-content dl a dd p{display:-webkit-box;;margin-top: 20px;overflow: hidden;text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important;
    -webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 66px;line-height: 22px}
.inner-news .news-content dl a dd .more{display:block;margin-top: 30px}

.viewnews{padding-top: 60px;padding-bottom: 60px}
.viewnews .content{padding-right: 4%;padding-left: 0}
.viewnews .content .news-type{background: #f5f5f5;border-radius:10px;padding:6px 18px;display: inline-block;color:#999;font-size: 12px}
.viewnews .content .title{padding-bottom: 3%;border-bottom: 2px #ddd solid;padding-top: 2%}
.viewnews .content .title div{padding: 0}
.viewnews .content .title div:last-child{text-align:right}
.viewnews .content .title h1{font-size: 45px;font-weight: 400}
.viewnews .content .date ul{width: 100%;text-align: right;padding-top: 10px}
.viewnews .content .date ul li{border: 1px #eee solid;width: 100px;font-size:30px;text-align: center;font-weight:400;display: inline-block;height:45px;line-height: 45px;color:#000;clear: both;}
.viewnews .content .date ul li:last-child{border-top: none;font-size: 12px;color:#999;font-weight: 200}
.viewnews .content .text{font-size: 16px;line-height: 30px;padding: 3% 0}
.viewnews .content .text p{font-size: 16px;line-height: 30px;display:block;margin-top: 15px;margin-bottom: 15px}
.viewnews .content .text img{max-width: 100%}
.viewnews .content .tags{display: block;padding:30px 0;margin-top:30px;border-top:1px #eee solid}
.viewnews .content .tags span{display: inline-block;padding-right: 20px;font-size:18px;font-family: 'dincond-medium';text-transform:uppercase;line-height: 30px;vertical-align: top}
.viewnews .content .tags a{display: inline-block;background:#f5f5f5;margin-right:10px;padding:3px 12px;font-size:15px;text-transform:capitalize;line-height: 24px;vertical-align: top}
.viewnews .content .tags a:last-child{margin-right:0;}
.viewnews .content .tags a:hover{background:#008ba4;color: #fff}
.viewnews .content .prenext{border-top: 1px #eee solid;padding-top: 30px;font-size: 0;width: 100%}
.viewnews .content .prenext li{width: 45%;display:inline-block;font-size: 0}
.viewnews .content .prenext li a{font-size: 13px;}
.viewnews .content .prenext li a b{display:inline-block;width: 75px;text-transform:uppercase}
.viewnews .content .prenext li a b i{display:inline-block;line-height: 18px;font-size: 13px;vertical-align: top;margin-right: 10px}
.viewnews .content .prenext li i:before{line-height: 18px;vertical-align: text-top;margin-right: 5px}
.viewnews .content .prenext li a span{width: calc(100% - 75px);font-size: 16px;line-height: 20px;vertical-align: top;display:inline-block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 15px;border-left: 1px #ddd solid;}
.viewnews .content .prenext li:nth-child(2){width: 10%;text-align:center;vertical-align: top;}
.viewnews .content .prenext li:nth-child(2) a i{font-size: 16px;line-height: 20px;}
.viewnews .content .prenext li:last-child{text-align:right;}
.viewnews .content .prenext li:last-child a b i{margin-left: 10px;margin-right: 0}
.viewnews .content .prenext li a i.icon-arrow-right2:after{content: "\e90c";margin-left: 5px}
.viewnews .content .prenext li:last-child a span{padding-left: 0;border-left:none;padding-right: 15px;border-right: 1px #ddd solid}
.viewnews .list{padding-right: 0}
.viewnews .list .title{padding-bottom: 5%}
.viewnews .list .title h1{font-size: 32px;color:#000;text-transform: uppercase;}
.viewnews .list .newslist dl{margin-bottom: 8%}
.viewnews .list .newslist dl a dt{overflow: hidden;background: #000}
.viewnews .list .newslist dl a dt img{width: 100%;opacity:0.8;transition: all .2s}
.viewnews .list .newslist dl a:hover dt img{transform: scale(1.05);opacity:1}
.viewnews .list .newslist dl a dd{padding-top: 2%}
.viewnews .list .newslist dl a dd span{padding-bottom: 15px;display: block;color: #999;padding-top:5px;}
.viewnews .list .newslist dl a dd h2{font-size: 20px;line-height: 28px;}
.viewnews .list .newslist dl a:hover dd h2{text-decoration:underline;}
@media screen and (max-width: 1699px){
    .viewnews .content .title h1{font-size: 40px;}
}
@media screen and (max-width: 1399px){
    .viewnews .content .prenext li a i{width:10%}
    .viewnews .content .prenext li a i b,.viewnews .content .prenext li:nth-child(2) i b{display:none;}
    .viewnews .content .title h1{font-size: 35px;}
    .viewnews .list .newslist dl a dd h2{font-size: 18px;line-height: 25px}
}
@media screen and (max-width: 1199px){
    .viewnews .content .title h1{font-size: 30px;}
}
@media screen and (max-width: 991px){
    .viewnews .content .title h1{font-size: 32px;}
    .viewnews .list,.viewnews .content .date{display: none}
    .viewnews .content .text p{font-size: 15px;line-height: 25px;}
}

@media screen and (max-width: 767px){
    .viewnews .content .title h1{font-size: 25px;}
}
@media screen and (max-width: 576px){
    .viewnews .content .title h1{font-size: 20px;}
}


.inner-souliton .comm-title h4{margin-top: 20px;line-height: 1.4}
.inner-souliton .video{display:block;}
.inner-souliton .video .img{display:block;position: relative;margin-top: 50px}
.inner-souliton .video .img img{width: 100%}
.inner-souliton .video .img i{position: absolute;left: 50%;top: 50%;width: 100px;height: 100px;display:inline-block;text-align:center;line-height: 100px;font-size: 30px;background:#ffffffe0;color: #af1c22;border-radius: 50%;transform:translate(-50%,-50%);cursor: pointer;padding-left: 5px}
.souliton-list dl{padding-top: 80px;padding-bottom: 80px;align-items: center;}
.souliton-list dl dt{vertical-align: middle;padding: 0;position: relative;padding-left: 60px;padding-bottom: 60px}
.souliton-list dl dt:after{content: '';position: absolute;left: 0;bottom: 0;background:#f5f5f5;width:calc(100% + 60px);height: 50%;}
.souliton-list dl dt a{display:block;position: relative;overflow: hidden;}
.souliton-list dl dt a img{width: 100%;position: relative;z-index: 5;transition:all 3s;}
.souliton-list dl dt a:hover img{transform:scale(1.2);}
.souliton-list dl dd {padding-left: 10%;padding-right: 0}
.souliton-list dl dd h1{font-size: 35px;display:block;margin-bottom: 30px;position: relative;color: #af1c22;padding-bottom: 30px}
.souliton-list dl dd h1:after{content: '';position: absolute;left: 0;bottom: 0;width: 50px;height: 2px;background: #af1c22;}
.souliton-list dl dd p{display:block;font-size: 16px;line-height: 1.5;margin-bottom: 50px;color: #888}
.souliton-list dl dd a{display:inline-block;font-size: 14px;line-height: 40px;background:#af1c22;color: #fff;padding: 3px 40px;border-radius: 30px;text-transform: uppercase;}
.souliton-list dl dd a i{font-size: 16px;display:inline-block;line-height:36px;vertical-align: top;margin-left: 15px;transition:all .3s;}
.souliton-list dl dd a:hover i{margin-left: 25px;}
.souliton-list dl:nth-child(2n+1){background:#f8f8f8;flex-direction: row-reverse}
.souliton-list dl:nth-child(2n+1) dd{padding-right: 10%;padding-left: 0}
.souliton-list dl:nth-child(2n+1) dt{padding-right: 60px;padding-left: 0;}
.souliton-list dl:nth-child(2n+1) dt:after{background:#f0f0f0;right: 0;left: auto}


.inner-contact .contact-us {display:block;padding-top:80px;}
.inner-contact .contact-us .row{align-items: center;margin-bottom:0px}
.inner-contact .contact-us .row:nth-child(2n){flex-flow: row-reverse;}
.inner-contact .contact-us .row > div:first-child{padding-right: 5%}
.inner-contact .contact-us .row > div{padding: 0}
.inner-contact .contact-us .row:nth-child(2n) > div:first-child{padding-right: 0;padding-left: 5%}
.inner-contact .contact-us .row .list{display:block;}
.inner-contact .contact-us .row .list .title{display:block;padding-top:30px;padding-bottom: 20px}
.inner-contact .contact-us .row .list .title h2{font-size: 28px;text-transform:uppercase;color: #af1c22}
.inner-contact .contact-us .row .list dl{display:block;font-size: 0;border-bottom: 1px #eee solid}
.inner-contact .contact-us .row .list dl dt{width: 130px;display:inline-block;vertical-align: top;font-size: 16px;font-weight: 400;}
.inner-contact .contact-us .row .list dl dt i{display:inline-block;width: 30px}
.inner-contact .contact-us .row .list dl dd{width: calc(100% - 130px);display:inline-block;vertical-align: top;margin-bottom: 0}
.inner-contact .contact-us .row .list dl dd p{font-size: 16px}
.inner-contact .contact-us .row .map iframe{width: 100%;height: 500px}

@media screen and (max-width: 1399px){
    .inner-contact .contact-us {padding-top:60px;}
    .inner-contact .contact-us h1{font-size: 30px}
    .inner-contact .contact-us .row .list .title h2{font-size: 25px}
}
@media screen and (max-width: 1199px){
    .inner-contact .contact-us {padding-top:40px;}
    .inner-contact .contact-us h1{font-size: 25px}
    .inner-contact .contact-us .row .list .title{padding-top:15px;padding-bottom: 10px}
    .inner-contact .contact-us .row .list .title h2{font-size: 20px}
    .inner-contact .contact-us .row .list dl dt{width: 120px;font-size: 15px}
    .inner-contact .contact-us .row .list dl dd{width: calc(100% - 120px);}
    .inner-contact .contact-us .row .list dl dd p{font-size: 15px}
    .inner-contact .contact-us .row .map iframe{height: 400px}
}
@media screen and (max-width: 991px){
    .inner-contact .contact-us {padding-top:20px;}
    .inner-contact .contact-us h1{font-size: 20px}
    .inner-contact .contact-us .row .list .title h2{font-size: 18px}
    .inner-contact .contact-us .row .list dl dd p{font-size: 14px}
    .inner-contact .contact-us .row .map iframe{height:350px}    
}
@media screen and (max-width: 767px){
    .inner-contact .contact-us .row:nth-child(2n) > div:first-child{padding-right: 0}
    .inner-contact .contact-us .row{align-items: normal;}
    .inner-contact .contact-us .row:nth-child(2n){flex-flow: wrap;}
}
.inner-team{background: #f8f8f8;padding-top:80px;padding-bottom: 80px;overflow: hidden;}
.inner-team .row{margin-left: -20px;margin-right: -20px}
.inner-team .row > dl{padding: 20px;font-size: 0;display:block;}
.inner-team .row > dl dt{width: 45%;display:inline-block;vertical-align: middle;}
.inner-team .row > dl dt img{width: 100%}
.inner-team .row > dl dd{width: 55%;display:inline-block;vertical-align: middle;padding-left: 5%}
.inner-team .row > dl dd p{font-size: 16px;display:block;}
.inner-team .row > dl dd p b{display:block;}
.inner-team .row > dl dd p.whatsapp img{width: 100px;margin-top: 5px}
.inner-team .row > dl dd p.social b{padding-bottom: 5px;}
.inner-team .row > dl dd p.social a{display:inline-block;font-size: 20px;margin-right: 10px}

@media screen and (max-width: 1599px){
    .inner-team .row > dl dt{width: 50%;}
    .inner-team .row > dl dd{width: 50%;}
    .inner-team .row > dl dt img{object-fit: cover;aspect-ratio:9/16;}
}
@media screen and (max-width: 1399px){
    .inner-team .row > dl dd p{font-size: 15px;}    
}
@media screen and (max-width: 767px){
    .inner-team .row{margin-left: 0;margin-right: 0} 
    .inner-team .row > dl{padding: 20px 0;}
}
@media screen and (max-width: 576px){    
    .inner-team{padding-bottom: 0;padding-top:40px;}
    .inner-team .row > dl dt{width: 100%;}
    .inner-team .row > dl dd{width: 100%;padding: 20px}
    .inner-team .row > dl dt img{aspect-ratio:1/1.2;}
}
.inner-feedback{background:url(../images/feedback.webp) no-repeat center;background-size: cover;padding-top:150px;padding-bottom: 150px}
.inner-feedback .title{padding-right: 5%;padding-top:40px;}
.inner-feedback .title i{color: #ffffffa0;font-size: 120px;display:block;line-height: 40px;font-family:'Roboto';font-weight:500;margin-left: -22px}
.inner-feedback .title h1{color: #fff;font-size: 30px;position: relative;padding-bottom: 20px}
.inner-feedback .title h1:after{content: '';position: absolute;left: 0;bottom: 0;background: #ffffffa0;width: 40px;height: 3px}
.inner-feedback .title p{color: #ffffffa0;margin-top: 50px;font-size: 16px}
.inner-feedback form{display:block;}
.inner-feedback form ul{margin-left: -5px;margin-right: -5px}
.inner-feedback form ul li{padding: 5px;}
.inner-feedback form ul li input{width: 100%;border-radius: 5px;height: 45px;line-height: 45px;border:none;background: #ffffff30;padding:0 10px;color: #eee;font-size: 15px}
.inner-feedback form ul li select{width: 100%;height: 45px;border-radius: 5px;padding-left:5px;background: #ffffff30;border:none;color: #757575;font-size: 15px;font-weight: 300}
.inner-feedback form ul li textarea{width: 100%;border-radius: 5px;padding:10px;line-height: 20px;height: 120px;background: #ffffff30;border:none;color: #eee;font-size: 15px}
.inner-feedback form ul li img{border-radius: 5px;cursor: pointer;padding:9px;background:#fff;}
.inner-feedback form ul li button{border-radius: 5px;width: 100%;line-height: 45px;background: #af1c22;color: #fff;font-size: 17px;border:none;outline: none;transition:all .3s;}
.inner-feedback form ul li button:hover{background:#85070c;}
@media screen and (max-width: 1399px){
    .inner-feedback{padding-top:120px;padding-bottom: 120px}
    .inner-feedback .title h1{font-size: 26px}
}
@media screen and (max-width: 1199px){
    .inner-feedback{padding-top:90px;padding-bottom: 90px}
    .inner-feedback .title h1{font-size: 24px}
}
@media screen and (max-width: 991px){
    .inner-feedback{padding-top:60px;padding-bottom: 60px}
    .inner-feedback .title h1{font-size: 18px}
}
.pagination-bar {text-align: center; overflow: hidden; padding:0;margin-top:50px;font-size: 16px;display:block;}
.pagination-bar.borderline{border-top: 1px #f1f1f1 solid;padding-top: 50px}
.pagination-bar ul {display: block;overflow: hidden;}
.pagination-bar ul li {margin: 4px; vertical-align: top;display: inline-block;}
.pagination-bar ul li.disabled { background: #e8e8e8;height: 42px;width: 42px;display: inline-block;line-height: 42px;text-align: center;transition: ease all 0.4s; -webkit-transition: ease all 0.4s;-moz-transition: ease all 0.4s; -o-transition: ease all 0.4s;border-radius:5px;font-size: 15px}
.pagination-bar ul li a {background: #e8e8e8;height: 42px;width: 42px;display: inline-block;line-height: 42px;text-align: center;transition: ease all 0.4s; -webkit-transition: ease all 0.4s;-moz-transition: ease all 0.4s;-o-transition: ease all 0.4s;color: #333;border-radius:5px;font-size: 15px}
.pagination-bar ul li.pageinfo {background: #e8e8e8;line-height: 42px;text-align: center;padding: 0 15px;border-radius:5px;font-size: 15px;color: #666}
.pagination-bar ul li.active{background: #af1c22;color: #fff;height: 42px;width: 42px;display: inline-block;border-radius:5px;line-height: 42px;text-align: center;font-weight: 300;font-size: 15px}
.pagination-bar ul li i{vertical-align: top;font-size: 16px;line-height: 42px;display: inline-block;color: #666}
.pagination-bar ul li a:hover{ color: #fff; background: #af1c22;}
@media screen and (max-width: 991px){
    .pagination-bar {margin-top:30px;}
    .pagination-bar ul li.disabled {height: 30px;width: 30px;line-height: 30px;}
    .pagination-bar ul li a {height:30px;width: 30px;}
    .pagination-bar ul li.pageinfo {line-height: 30px;padding: 0 10px;font-size: 14px}
    .pagination-bar ul li.active{height: 30px;width: 30px;line-height: 30px;}
    .pagination-bar ul li i{font-size: 14px;line-height: 32px;}
    .pagination-bar.mb0{text-align: center;padding-top: 30px}
}

.footer{background: #f8f8f8;padding-bottom: 30px;}
.footer .foot-menu{font-size: 0;display:block;padding-top: 50px}
.footer .foot-menu dl{width: calc(100%/4);display: inline-block;text-align: center;vertical-align: top;}
.footer .foot-menu dl dt{display: block;}
.footer .foot-menu dl dt a{font-size: 24px;font-weight: 500;color: #333;text-transform:uppercase;}
.footer .foot-menu dl dt a:hover{color: #af1c22}
.footer .foot-menu dl dd{display: block;padding-top: 15px}
.footer .foot-menu dl dd a{font-size: 15px;display: block;line-height: 32px}
.footer .copyright{padding-top: 30px;font-size: 14px;text-align: center}
.footer .copyright .contact{display: block;font-size: 16px;font-size: 0;padding:40px 3%;background:#af1c22;border-radius:5px;}
.footer .copyright .contact dl{text-align: left;display: inline-block;white-space: nowrap;margin-right: 2%;color: #fff;margin-bottom: 0;width: 23.5%}
.footer .copyright .contact dl:last-child{margin-right: 0}
.footer .copyright .contact dl dt{display:inline-block;width: 50px}
.footer .copyright .contact dl dt i{font-size: 40px;line-height: 40px;vertical-align: sub;margin-right: 5px}
.footer .copyright .contact dl dd{display:inline-block;width: calc(100% - 50px);line-height: 20px;font-size: 15px;margin-bottom: 0;color:#ffffffa0;white-space: normal;}
.footer .copyright .contact dl dd span{font-size: 14px;display:block;vertical-align: top;font-weight: 400;color:#fff;text-transform: uppercase;}
.footer .copyright .contact dl dd a{line-height: 20px;font-size: 15px;color:#ffffffa0;}
.footer .copyright .contact dl dd a:hover{color: #fff}
.footer .copyright .share{display: block;padding-top: 20px}
.footer .copyright .share a{display: inline-block;margin:0 10px;font-size: 20px;}
.footer .copyright p{display: block;color: #aaa;font-size: 15px;margin-top: 40px;line-height: 25px;}
.footer .copyright p a{color: #666;font-size: 14px;text-decoration: underline;}
.footer .copyright p a:hover{color: #af1c22;text-decoration: none}
@media screen and (max-width:1199px){
    .footer .copyright .contact{font-size: 15px;padding:20px 3%;}
    .footer .copyright .contact dl{width: 49%;margin:10px 0 }
    .footer .copyright .contact dl:nth-child(2n){margin-right: 0}
    .footer .copyright .contact dl dt i{font-size: 34px;line-height: 34px;}
    .footer .copyright .contact dl dd{width: calc(100% - 34px);}
}
@media screen and (max-width: 991px){
    .footer .foot-menu dl{width: 100%;text-align: left;border-bottom: 1px #eee solid}
    .footer .foot-menu dl dt a{font-size: 20px;}
    .footer .copyright .contact dl{width: 100%;margin-right: 0;display:block;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px #ffffff20 solid}
    .footer .copyright .contact dl dt{text-align: right;}
    .footer .copyright .contact dl dt i{font-size:28px;line-height:28px;padding-right: 10px}
    .footer .copyright .contact dl dd{padding-right: 3%}
}
@media screen and (max-width: 767px){
    .footer .foot-menu dl dt a{font-size: 18px;}
    .footer .copyright p{font-size: 14px;margin-top: 20px;line-height: 22px}
    .footer .copyright .share{padding-top: 0}
}