.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family:Arial, Helvetica, sans-serif;
font-size: 100%;
font-style: inherit; font-weight:normal
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
html {
font-size: 62.5%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
display: block
}
table {
border-collapse: collapse;
border-spacing: 0
}
caption, th, td {
font-weight: normal;
text-align: left
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none
}
blockquote, q {
quotes: none
}
a:focus {
}
a:hover, a:active {
outline: 0
}
a img {
border: 0
}
img {
max-width: 100%;
height: auto
}
select {
max-width: 100%
}
em {
font-style: italic
}
html {
-ms-overflow-x: hidden;
overflow-x: hidden
}
dfn, cite, em, i {
font-style: italic
}
body{ margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 14px !important; color: #000; box-sizing: border-box;}
img{ border: 0; -ms-interpolation-mode: bicubic;}
a,p,span,h1,i{ text-decoration: none; margin: 0;}
li,ul{ list-style: none;}
input,button{ border: none; outline: none; background: none; margin: 0;}
a{cursor: pointer;}
a,li,span{cursor: pointer;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;}
@font-face {
font-family : DINCond1;
src : url(//www.masdacnc.com/wp-content/themes/onepound/fonts/DINCond-Black.otf);
}
@font-face {
font-family : DINCond2;
src : url(//www.masdacnc.com/wp-content/themes/onepound/fonts/DINCond-Medium.otf);
}
@font-face {
font-family : DINCond3;
src : url(//www.masdacnc.com/wp-content/themes/onepound/fonts/DINCond-Bold.otf);
}
@font-face {
font-family : DINCond4;
src : url(//www.masdacnc.com/wp-content/themes/onepound/fonts/DINPro-Bold.otf);
}
.proR { float:right}
.proL{ float:left}
.inqu{ background:#fff; color:#222; height:40px; width:180px; text-align:center;border-radius:20px; display:block; margin-top:25px; line-height:40px; font-size:14px; font-weight:bold}
.header{ position: fixed; width: 100%; top: 0; left: 0; z-index: 99999; padding: 0 6%; transition: all 0.5s;}
.header .header_logo{ float: left; overflow: hidden;}
.header_logo span{ display: inline-block; color: #fff;}
.header_pc{ float: left; margin-left: 4%;}
.header_topic,#menu-header-menu .menu-item{ float: left;   cursor: pointer;   text-align: center; padding:0 1.5%}
.header_topic,#menu-header-menu .menu-item{ transition: all 0.3s; position:relative  }
.header_topic a,#menu-header-menu .menu-item a{ font-size: 15px; color: #fff; line-height: 50px; display: inline-block; text-transform:uppercase; font-weight:bold}
.header_topic span,#menu-header-menu .menu-item a.gt_switcher-popup span:last-child{   display: block; position: absolute;  color:#fff !important; bottom: 0; z-index: 999; transition: width 0.5s; right:-12px ; font-size:8px !important }.header_topic span,#menu-header-menu .menu-item a.glink span{ font-size:13px !important}
.header_topic span,#menu-header-menu .menu-item:hover a.glink{ border:none}
#menu-header-menu .menu-item a.glink{ position:relative}
.header_topic img,#menu-header-menu .menu-item img{ width: 25px; margin-left: 2px;  vertical-align: middle;}
.header_topic .header_arrow02,#menu-header-menu .menu-item .header_arr0w2{ display: none;}
.header_tip{ float: right; overflow: hidden;}
.header_tip .loupe_pic,.header_tip .tell_pic{ float: right; margin-right: 2px;}
.header_tip img{ width: 28px;}
.header_line{ float: right; padding-right:15px}
.header_line span{ font-family: DINPro Arial, Helvetica, sans-serif; font-size:15px; color: #fff;  display:inline-block}
.header_line a{color:#fff;}
.header_tip button{ width: 130px; height: 36px; line-height: 36px; border-radius: 8px; background: #198ff9; color: #fff; float: right; margin: 7px 0 0; cursor: pointer;}
.header_tip button:hover{  }
.header_topic:hover>a ,#menu-header-menu .menu-item:hover>a{ color: #fff;}
.header_topic:hover>img,#menu-header-menu .menu-item:hover>img{ transform: rotate(-180deg);}
.header_col{ background: rgba(29, 29, 31, 0.7); box-shadow: 0 0 5px #ccc;}
.header_act{ transform: translateY(-100%); -webkit-transform: translateY(-100%);}
.header_logo02,.header_arrow02,.tell_pic02,.loupe_pic02{ display: none;}
.header_topic .header_hue,#menu-header-menu .menu-item .header_hue{ color: #fff;}
.header_logo .header_hue{ color: #fff;}
.header_line .header_hue{ color: #fff;}
.header_pc .header_topic:hover .erjinav ,.header_pc #menu-header-menu .menu-item:hover ul.sub-menu{ display:block; background:#fff; width:270px}
.erjinav,ul.sub-menu { display:none; position:absolute; padding:10px 20px; left:4%; text-align:lef; top:100%}
.erjinav li a,ul.sub-menu li a{ display:block; color:#555 !important; font-size:12px; line-height:40px  }
.header_tier{ position:absolute; width:350px; top: 80px; right:11%; z-index: 999999; box-shadow: 0 0 20px #999;  background:  #fff; background-size: 50%; display:none; transition: all 0.5s;}
.header_tier01{ opacity: 1; visibility: visible;}
.batten{ width: 100%; overflow: hidden; padding: 0 3%;}
.batten_logo{ float: left;}
.batten_logo img{ width: 253px;}
.batten_logo span{ display: inline-block; margin: 8px 0 0 8px;}
.search{ float: left; width: 90%; border-bottom: solid 1px #ddd; overflow: hidden;}
.search img{ width: 18px; float: left; margin: 16px 20px 0 0;}
.search input{ line-height: 50px; height: 50px; float: left; width: 82%; }
.search button{ float: right; 
line-height: 50px; 
color: #004c95 !important; 
font-weight: bold; 
background:none !important; 
width:20px;
border:none !important; 
padding: 0px !important;
} 
.close_icon{ float: right; cursor: pointer;}
.close_icon img{ width: 31px;}
.header_lead{ overflow: hidden;}
.header_lead01{ float: left; background: #edeeef; width: 25%; height: 85vh; padding: 80px 0 100px 2%; overflow-y: auto;}
.header_lead02{ float: left; background: #fafafa; width: 25%; height: 85vh; padding: 80px 0 100px; overflow-y: auto;}
.header_lead03{ float: left; width: 40%; min-height: 80vh; padding: 80px 5% 100px 0;}
.header_sub a{ display: block; padding: 15px 12%; position: relative;}
.header_sub span{ display: inline-block; width: 92%;}
.header_sub img{ width: 6px; position: absolute; right: 12%; top: 50%; transform: translateY(-50%); z-index: 9;}
.header_sub02{ display: none;}
.header_lead01 ul span{  color: #000;}
.header_lead03 h1{ font-size: 24px; padding: 8px 0 25px; margin-left: 10%; border-bottom: solid 1px #e2e2e2;}
.header_lead03 ul{ padding: 25px 0 0;}
.header_lead03 a{ padding: 15px 10%;}
.header_touch{ margin: 80px 0 0 12%; line-height: 40px;}
.header_touch img{ width: 28px; vertical-align: middle; margin-right: 10px;}
.header_touch span{ font-size: 28px; font-family: DINCond1; color: #1068bc; vertical-align: middle;}
.header_sub .header_subact{ background: #fff;}
.header_title{ display: none; position: fixed; width: 100%; left: 0; top: 0; z-index: 999999; background: #333;}
.header_title01{ padding: 1rem 8%;   overflow: hidden; line-height: 1.2rem;}
.header_title01 p{ color: #fff; font-weight: bold; float: left; font-size: 1rem;}
.header_title01 span{ color: #fff; font-weight: bold; float: right; font-size:16px; padding: 0 0 0.15rem 0.3rem;}
.header_title02{ max-height: 80vh; overflow-y: scroll;}
.dropdown-menu{ }
.dropdown-menu:last-child{ border-bottom: 0;}
.dropdown-menu p,.header_title02 ul li a{ font-size: 12px; color: #fff; padding: 0 8%; line-height: 40px;}
.dropdown-menu ul{ display: flex; align-items: center; flex-wrap: wrap; padding: 0.3rem 0 0.3rem 8%; background: #1c90f2;}
.dropdown-menu li{ line-height: 1.8rem; height: 1.8rem;} 
.dropdown-menu .dropdown-ul li{ width: 49%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff;}
.dropdown-menu li a{ font-size: 0.65rem; color: #fff;}
.container, .elementor-section.elementor-section-boxed > .elementor-container{ margin: 0 auto;}
.container::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}
.rel{ position: relative;}
.flow{ overflow: hidden;}
.clear{ clear: both;}
.banner{ width: 100%; position: relative;}
.banner_pic{ display: block; width: 100%; overflow: hidden;}
.banner_pic img{ width: 100%; height: 100%; object-fit: cover;}
.banner_word{ width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-60%); z-index: 9; text-align: center;}
.banner_word img{ display: block;}
@keyframes fadeto {
from {
-webkit-transform: translate3d(0, 20%, 0);
transform: translate3d(0, 20%, 0);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.fadeto {
-webkit-animation-name: fadeto;
animation-name: fadeto;
}
#banner_pagination{
text-align: left;
}
#banner_pagination .swiper-pagination-bullet{ 
position: relative;
}
#banner_pagination .swiper-pagination-bullet .left{
content: "";
display: block;
position: absolute;
top: -11px;
left: -11px;
margin: auto;
width: 15px;
height: 30px;
opacity: 0;
overflow: hidden;
}
#banner_pagination .swiper-pagination-bullet .left:after{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 99;
margin: auto;
width: 12px;
height: 24px;
border-top: 3px solid #fff;
border-left: 3px solid #fff;
border-bottom: 3px solid #fff;
border-radius: 20px 0 0 20px;
border-right: 0;
}
#banner_pagination .swiper-pagination-bullet .right{
content: "";
display: block;
position: absolute;
top: -11px;
right: -11px;
margin: auto;
width: 15px;
height: 30px;
opacity: 0;
overflow: hidden;
}
#banner_pagination .swiper-pagination-bullet .right:after{
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 99;
margin: auto;
width: 12px;
height: 24px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
border-radius: 0 20px 20px 0;
border-left: 0;
}
#banner_pagination .swiper-pagination-bullet-active .left{
opacity: 1;
}
#banner_pagination .swiper-pagination-bullet-active .right{
opacity: 1;
}
#banner_pagination .swiper-pagination-bullet-active .left:after{
transform-origin: right center; animation-fill-mode: forwards;
animation-duration: 3s;
animation-timing-function: linear;
animation-name: gyrateleft;
}
#banner_pagination .swiper-pagination-bullet-active .right:after{
transform-origin: left center; animation-fill-mode: forwards;
animation-duration: 3s;
animation-timing-function: linear;
animation-name: gyrateright;
}
@keyframes gyrateright {
0% {
transform: rotate(180deg);
}
50% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes gyrateleft {
0% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
.product_bg01{ background: #fff;}
.product_bg02{ background: #f0f0f0;}
.product_title{ position: relative;}
.product_title01{ text-align: center;}
.product_title p{ text-transform: uppercase; color: #004c95;}
.product_title .product_ziti01{ font-family: DINCond1; font-weight:bold}
.product_title .product_ziti02, .protit,.protit.elementor-widget-heading .elementor-heading-title{ font-family: DINCond2; font-weight:bold}
.product_title span{ display: block; color: #777;}
.product_title .product_hue{ color: #fff;}
.product_line{ background: #004c95;}
.protit,.protit.elementor-widget-heading .elementor-heading-title{ text-transform:uppercase; text-align:center; color: #004c95; }
.protit.elementor-widget-heading h1.elementor-heading-title{text-align:left; color: #000;}
.proinfo{ text-align:center; padding-top:20px}
.about_pic{ width: 100%; overflow: hidden; cursor: pointer;}
.about_pic img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.about_pic:hover>img{ transform: scale(1.05);}
.about_word p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.look{ font-family: DINCond2;}
.look01{  z-index: 99;} 
.look01:hover{ color: #004c95;}
.look02{ color: #004c95; float: right;}
.look02:hover{ color: #106abf;}
.record span.elementor-heading-title{ font-family: DINCond4 !important; color: #000;} .service ul{ overflow: hidden;}
.service li{ float: left; position: relative; cursor: pointer;}
.service li:nth-child(3n){ margin-right: 0;}
.service_pic{ width: 100%; overflow: hidden;}
.service_pic img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.service_w{ width: 100%; position: absolute; left: 0; z-index: 99;}
.service_w p{ color: #fff;}
.service_w span{ display: block; color: #fff;}
.service_w img{ display: block; opacity: 0; visibility: hidden; transition: all 0.5s; transform: translateX(-20px);}
.service li:hover .service_pic img{ transform: scale(1.05);}
.solutionbg{ background: url(//www.masdacnc.com/wp-content/themes/onepound/images/bg_tu01.png) left top no-repeat; position: relative;}
.solution{ position: relative;}
.solution_pic{ width: 100%; overflow: hidden;}
.solution_pic img{ width: 100%; height: 100%; object-fit: cover;}
.solution_loc{ width: 100%; position: absolute; right: 0; z-index: 9;}
.solution_card{ float: right; background: #fff;}
.solution_t{ background: #0d559a;}
.solution_w{ width: 100%; background: #fff;}
.solution_w span{ display: inline-block; background: #054f97; color: #fff;}
.solution_w h1{ font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.solution_w p{ color: #666;}
.solution_btn{ overflow: hidden;}
.solution_btn a{ float: left;}
.getBtn01{ color: #054f97; transition: all 0.3s; cursor: pointer;}
.getBtn01 .aline01{ overflow: hidden;}
.getBtn01 .aline02{ text-align: center;}
.getBtn01 span{ font-weight: bold; color: #054f97;}
.getBtn01 span:nth-child(1){ float: left;}
.getBtn01 span:nth-child(2){ float: right;}
.getBtn02{ float: left; background: #054f97; color: #fff; text-align: center; transition: all 0.3s; cursor: pointer;}
.getBtn01:hover{ background: #054f97; color: #fff;}
.getBtn01:hover>span{ color: #fff;}
.getBtn02:hover{ background: #106abf;}
.solutBtn{ position: absolute; z-index: 999;}
.solutBtn img{ display: inline-block; cursor: pointer;}
.prevsolutBtn,.nextsolutBtn{ display: inline-block; outline: 0;}
.solutBtn .prevsolutBtn02,.solutBtn .nextsolutBtn02{ display: none;}
.prevsolutBtn:hover .prevsolutBtn01{ display: none;}
.prevsolutBtn:hover .prevsolutBtn02{ display: inline-block;}
.nextsolutBtn:hover .nextsolutBtn01{ display: none;}
.nextsolutBtn:hover .nextsolutBtn02{ display: inline-block;}
.newlist { padding-top:40px}
.seek ul{ overflow: hidden;}
.seek li{ float: left; background: #fff; overflow: hidden; transition: all 0.5s; cursor: pointer;}
.seek_word{ position: relative;}
.seek_tier span{ display: block;}
.seek_tier section{ opacity: 0; visibility: hidden; height: 0; transform: translateX(-50px);}
.seek .seek_on{ background: url(//www.masdacnc.com/wp-content/themes/onepound/images/pur_bg.jpg) center no-repeat; background-size: cover;}
.seek_on p,.seek_on h1,.seek_on span{ color: #fff;}
.seek_on section{ color: #fff; opacity: 1; visibility: visible; height: auto; transition: all 0.5s ease 0.3s; transform: translateX(0);} 
.vocatBtn{ overflow: hidden;}
.vocatBtn a{ float: left;}
.map_pic{ width: 100%;}
.point{ width: 100%; background: #fff; box-shadow: 0 0 20px #dcdcdc; transition: all 0.5s; cursor: pointer;}
.point_pic{ width: 100%; overflow: hidden;} 
.point_w{ transition: all 0.2s;}
.point_pic img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.point_w p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;color:#000;}
.point_w section{ display: block; overflow: hidden;}
.point_w img{ float: left;}
.point_w span{ font-family: DINCond2; color: #ccc; float: left;}
.pointBtnloc{ position: absolute; left: 0; bottom: 0; z-index: 99;}
.pointBtn{ float: left; overflow: hidden;}
.pointBtn img{ cursor: pointer;}
.prevpointBtn,.nextpointBtn{ display: inline-block; outline: 0;}
.pointBtn .prevpointBtn02,.pointBtn .nextpointBtn02{ display: none;}
.prevpointBtn:hover .prevpointBtn01{ display: none;}
.prevpointBtn:hover .prevpointBtn02{ display: inline-block;}
.nextpointBtn:hover .nextpointBtn01{ display: none;}
.nextpointBtn:hover .nextpointBtn02{ display: inline-block;}
.point:hover .point_pic img{ transform: scale(1.05);}
.point:hover .point_w{ background: #004c95;}
.point:hover .point_w p{ color: #fff;}
.point:hover .point_w span{ color: #fff;}
.touch{ background: #004c95; cursor: pointer;}
.touch h1{ color: #fff;}
.touch span{ display: block; background: #fff;}
.touch p{ color: #fff;}
.touch img{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 9;}
.footer{ background:#000000}
.footer01{ overflow:hidden}
.footer01a { float: left;}
.footer01a h1{ color: #fff;}
.footer01a p{ font-family: DINCond2; color: #999; text-transform: uppercase;}
.footer_share::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}
.footer_share li{ float: left; width: 46px; height: 46px; padding-top: 12px; border-radius: 50%; margin-right: 20px; text-align: center; background: #d0d0d0; transition: all 0.5s; cursor: pointer; position: relative;}
.footer_share .share_icon01{ width: 29px;}
.footer_share li:hover{ background: #004c95;}
.footer_share .share_icon02{ display: none; width: 70px; position: absolute; top: 50px; left: -12px; z-index: 9;}
.footer_share li:hover .share_icon02{ display: block;}
.footer01b{ float: right; overflow: hidden;}
.footer_hed{ float: left; width: 25%; padding:0 1%;}
.footer_hed b{ display: block; color: #fff;}
.footer_hed li a{ display: block; padding: 10px 0; color: #e2e2e2;}
.footer_hed li a:hover{ text-decoration: underline;}
.footer02{ overflow: hidden; border-top:1px solid #979797}
.footer02 p{ color: #fff; float: left;}
.footer02 span{ display: inline-block; color: #fff;}
.footer02 a{ color: #fff; display: inline-block;}
.footer02 a:hover{ text-decoration: underline;}
#botsoc { margin-top:50px;}
#botsoc img { max-height:30px; opacity:0.9;}
#botsoc a { margin-right:15px; display:inline-block;}
.picture{ width: 100%; overflow: hidden; position: relative;}
.picture img{ max-width: 100%; height:auto; object-fit: cover;}
.picture_word{ width: 100%; position: absolute; top: 40%; left: 0; z-index: 9;}
.picture_word p{ font-family: DINCond1;  color: #fff; padding-top:35px}
.picture_word h1{ color: #fff !important;}
.picture_word h2{ color: #fff !important;}
.picture_word span{ display: inline-block; background: #fff;} .lead span{ transition: all 0.5s; color: #666;font-size: 18px;margin: 10px 20px 0 20px;}
.lead span a{color: #666;}
.lead span span span{
margin: 10px 20px 0 0px;
} .lead_topic h1{ font-weight: normal; display: inline-block; color: #666;}
.about_con p{ display: inline; color: #666;}
.about_con span{ color: #666; cursor: pointer;}
.about_con span:hover{ color: #004c95;}
.regardswiper{ position: relative;}
.drawing{ position: relative; cursor: pointer;}
.drawing_pic{ width: 100%; overflow: hidden;}
.drawing_pic img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.drawing_tier{ width: 100%; height: 100%; background: rgba(0,76,149,0.7); position: absolute; top: 0; left: 0; z-index: 99; opacity: 0; visibility: hidden; transition: all 0.5s;}
.drawing_tier section{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 500; text-align: center;}
.drawing_tier p{ color: #fff;}
.prevregardBtn,.nextregardBtn{ text-align: center; background: rgba(0,0,0,0.6); position: absolute; top: 50%; transform: translateY(-50%); z-index: 600; cursor: pointer; outline: 0;}
.prevregardBtn{ left: 0;}
.nextregardBtn{ right: 0;}
.drawing:hover .drawing_tier{ opacity: 1; visibility: visible;}
.drawing:hover .drawing_pic img{ transform: scale(1.03);}
.prevregardBtn:hover{ background: rgba(0,0,0,0.8);}
.nextregardBtn:hover{ background: rgba(0,0,0,0.8);}
.speechbg{ background: #004c95;}
.speech{ background: #fff;}
.speech_pic{ width: 30%; position: absolute; bottom: -130px; right: 0; z-index: 9;}
.honour{ background: #fff; box-shadow: 0 0 30px #ccc;}
.honour_pic{ width: 100%;}
.honour_pic img{ width: 100%;}
#honourpagination .swiper-pagination-bullet{ background: #d0d0d0;}
#honourpagination .swiper-pagination-bullet-active{ background: #004c95;}
.culture p{ color: #666;}
.techniquebg{ background: url(//www.masdacnc.com/wp-content/themes/onepound/images/tech_tu.jpg) center no-repeat; background-size: cover;}
.technique_p{ color: #fff;}
.technique_tu{ overflow: hidden;}
.technique_tu li{ float: left; overflow: hidden;}
.technique_tu img{ float: left;}
.technique_tu span{ color: #fff; float: left;}
.technique_tu li:last-child{ border-right: 0;}
.partner_pic{ width: 100%;}
.partner_pic img{ display: block; width: 100%;}
.partner_ship{ overflow: hidden;}
.partner_ship li{ float: left; position: relative;}
.partner_ship span{ display: inline-block; color: #666; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9;}
.contentbg{ background: #f5f5f5;}
.fabric_title{ position: relative;}
.fabric_title a:hover{ color: #004c95;}
.fabric_intro{ overflow: hidden;}
.fabric_pic{ float: left; background: url(//www.masdacnc.com/wp-content/themes/onepound/images/fabric_tu.png) center no-repeat; background-size: cover;}
.fabric_pic img{ display: block; width: 100%;}
.fabric_gra{ width: 100%;}
.fabric_gra img{ display: block; width: 100%;}
.fabric_word{ float: right; background: #fff; position: relative;}
.fabric_word h1{ }
.fabric_word .fabric_hue{ color: #004c95;}
.fabric_word h2,.con h1{ font-size: 24px !important;font-weight: bold !important;color: #004c95 !important;margin-bottom:0px}
.fabric_pattern p{ color: #999; font-weight: bold;}
.fabric_ul{ overflow: hidden;}
.fabric_ul span{ float: left; color: #999; text-align: center; cursor: pointer;}
.fabric_btn button{ display: inline-block; color: #fff; cursor: pointer;}
.elementor-kit-6 .fabric_btn .fabric_col01{ background: #004c95;padding: 0px;
color: #fff;}
.elementor-kit-6 .fabric_btn .fabric_col02{ background: #ff9c00;padding: 0px;
color: #fff;border: none;}
.fabric_btn img{ vertical-align: text-top;}
.fabric_col01:hover{ background: #106abf;}
.fabric_col02:hover{ background: #fba620;}
.con{background:#fff;}
#content .con .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
padding: 0 0px 10px 0px;;
}
.con_title{ font-weight: bold;}
.case ul::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}
.case li{ float: left; background: #fff; transition: all 0.5s;} .case_pic{ width: 100%; overflow: hidden;}
.case_pic img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.case_word p{ color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.case_word span{ display: block; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.case li:hover{ box-shadow: 0 0 30px #ccc;}
.case li:hover .case_pic img{ transform: scale(1.05);}
.case_bor{ border: solid 1px #e1e1e1;}
.information li a{ display: block; overflow: hidden; position: relative; background: #fff; transition: all 0.5s;}
.information_pic{ float: left;}
.information_pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.information_word{ float: left;}
.elementor-kit-6 .information_word .title{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color:#000;}
.information_word p{ color: #999;}
.information_tip{ overflow: hidden;}
.information_tip .inform_icon02{ display: none;}
.information_tip p{ float: left;}
.information_tip span{ font-family : DINCond2; color: #ccc;}
.elementor-kit-6 .information_tip button{ float: right; font-family : DINCond2; color: #ccc; text-transform: uppercase;border: none;font-size: 22px;}
.information a:hover{ box-shadow: 0 0 20px #ccc;}
.elementor-kit-6 .information a:hover .information_word .title{ color: #004c95;}
.information a:hover .information_tip .inform_icon01{ display: none;}
.information a:hover .information_tip .inform_icon02{ display: inline-block;}
.information a:hover .information_tip span{ color: #004c95;}
.elementor-kit-6 .information a:hover .information_tip button{ color: #004c95;}
.explicit{ background: #fff;}
.explicit_title{ position: relative;}
.explicit_title a{ display: block; overflow: hidden; position: absolute; top: 10px; right: 0; z-index: 99;}
.explicit_sub{ overflow: hidden;}
.explicit_sub img{ float: left;}
.explicit_sub span{ font-size: 18px; float: left;}
.explicit_sub span:hover{ color: #004c95;}
.explicit_pub p{ display: inline-block; color: #999;}
.explicit_pub span{ display: inline-block; color: #999;}
.explicit_w{ position: relative;}
.explicit_w p{ color: #333;}
.explicit_w img{ max-width: 100% !important; height: auto !important;}
.explicit_c{ position: relative;}
.explicit_c p{ color: #333;}
.explicit_tip{ background: #fff; overflow: hidden;}
.explicit_tip img{ float: left;}
.explicit_tip .explicit_tip01{ float: left;}
.explicit_tip .explicit_tip02{ float: right;}
.explicit_tip span{ float: left; color: #999;}
.correlation{ width: 100%;}
.correlate01{ width: 100%; overflow: hidden; position: relative;}
.correlate01 img{ width: 100%; height: 100%; object-fit: cover;}
.correlate01 p{ background: rgba(0,0,0,0.6); color: #fff; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; bottom: 0; left: 0; z-index: 9;}
.correlate02{ background: #fff;}
.correlate02 p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} 
.correlate02 span{ display: block; color: #999;}
.correlation button{ width: 100%; color: #fff; background: #004c95;}
.trait_title,.elementor-tabs .elementor-tabs-wrapper{ background: #dfdfdf; overflow: hidden;}
.trait_title span{ float: left; text-align: center; cursor: pointer;}
.trait_title .trait_active01,.elementor-tabs .elementor-tab-title.elementor-active{ background: #004c95; color: #fff;}
.elementor-widget-tabs .elementor-tabs .elementor-tab-content{border:none !important;}
.trait ul{ background: #fff;}
.trait li{ display: none;}
.trait .trait_active02{ display: block;}
.trait_chart table{ width: 100%; background: #dfdfdf;}
.trait_chart th{ background: #dfdfdf;}
.trait_chart td{ background: #ededed;}
.trait_chart h1{ font-size:24px; line-height:40px; font-weight:bold; }
.trait_chartty tr:nth-child(2n+1) td{ background: #fff;} 
#pvinq {
margin-top: 1em;
background: #fafbfc;
border: solid 1px #f2f2f2;
padding: 2em;
border-radius: 5px;
}
#pvinq h5 {
font-size: 1.75em;
line-height: 2em;
border-bottom: solid 1px #ddd;
font-family: 'Source Sans Pro', sans-serif
}
.pvintoptext {
font-size: 1.15em;
line-height: 2em;
padding-top: 1em;
color: #666;
}
.pagetext {
font-size: 1.15em;
line-height: 2em;
color: #666;
}
.pvinqbox {
padding: 5px 0;
}
.pvinqbox ul li {
padding: 10px 0;
overflow: hidden;
}
.pvinqbox ul li label, .pvinqbox ul li p {
display: block;
font-size: 14px;
padding: 5px 0;
width: 13%;
float: left;
text-align: left;
margin-right: 10px;
}
.pvinqbox ul li a {
float: left;
line-height: 28px;
color: #ff3514;
font-size: 14px;
text-decoration: underline;
font-weight: bold
}
.pvinqbox ul li input, .pvinqbox ul li textarea {
border-radius: 2px;
border: 1px solid #CCCCCC;
color: #424242;
padding: 5px 0px;
line-height: 24px;
text-indent: 5px;
outline: none;
width: 79%;
float: left;
}
.pvinqbox ul li input.pvsbtn {
background: #ff3514;
color: #fff;
font-size: 16px;
text-align: center;
cursor: pointer;
width: 155px;
height: 40px;
border: none;
}
.pvinqcode, .pvinqbtn {
width: 48%;
}
.pvinqcode input {
border: solid 1px #ccc;
height: 30px;
padding: 2px;
text-indent: 2px;
width: 45%;
}
.pvinqbtn input {
width: 50%;
background: #1611bb;
border: none;
color: #fff;
line-height: 38px;
text-align: center;
font-size: 1.5em;
}
.opinion01{ position: relative;}
.opinion01 img{ position: absolute; z-index: 9;}
.opinion01 input{ width: 100%; background: #fff; border:2px #eee solid;box-shadow: 0 5px 5px #eee; }
.opinion02{ position: relative;}
.opinion02 img{ position: absolute; z-index: 9;}
.opinion02 textarea{ width: 100%; resize: none;background: #fff; border:2px #eee solid; outline: 0; box-shadow: 0 5px 5px #eee;}
.opinion button{ font-weight: bold; text-align: center; background: #f0f0f0; cursor: pointer;} ul.team{ overflow: hidden;}
ul.team li{width:48%; float:left; margin-right:4%; background:#fff; }
ul.team li:nth-child(2n){margin-right:0;}
ul.team li .information_word{ width:100%;} 
ul.team li .information_tip{width:100%;position: relative;  padding-top: 20px;}
.client_pic{ padding: 3em 2%;}
.client_pic ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.client_pic li{ margin: 0 0 7em; width: 50%; padding-left: 5%;}
.client_pic h1{ font-size: 1.625em;}
.client_w{ margin-top: 2em;}
.client_w::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}
.client_w img{ float: left; width: 5em;}
.client_w section{ float: left; margin-left: 2em; overflow: hidden;}
.client_w p{ margin-bottom: 0.7em; font-size: 1.125em;}
.client_img{ display: inline-flex; align-items: flex-end;}
.client_img img{ width: 4em;}
.client_other{ margin-top: 30px; padding-left: 5%; font-size: 1.125em;} 
img{ max-width:100%; height:auto} .pro_bg{ background:url(//www.masdacnc.com/wp-content/themes/onepound/images/20220420230913_754542640.jpg); width:100%; height:auto; padding:70px 0;}
.protab{text-align: center; margin-top:40px;}
.protab li{font-size: 18px;  text-align: center; color: #484848;display: inline-block;background: #fff;transition: all .3s ease;position: relative;     border-radius: 40px; padding:0PX 25PX; height:40PX; line-height:40PX }
.protab li a{font-size: 16px;}
.protab li.on:before,.protab li.on:after{background: #154a9a;}
.protab li+li{margin-left: 27px;}
.protab li.on{background: #154a9a;color: #fff;}
.protab li.on a.prolist2021_one {color: #fff;}
.protab dl {display: none;}
.top50{ padding-top:50px}
.top80{ padding-top:80px}
.procon{margin-top:60px;}
.procon ul{ }
.procon li{ float:left;width:31.3%; position: relative; margin: 0 1% 4px 1%; border: 1px solid #e9e9e9;}
.procon li br{display:none;}
.procon li>a{background:#fff;display:block;overflow:hidden;}
.procon li img{width: 100%; height: auto;transition:all 0.5s;} .procon button{display:none!important;}
.procon {overflow: hidden;}
.procon li span a,.procon li a:last-child,.proitem .elementor-image-box-wrapper .elementor-image-box-content{display: block; font-size: 16px; background: #b8b8b8; color: #fff; height: 60px; line-height: 60px; padding-left: 22px; z-index: 2; transition: all .5s; position: relative;transition:all 0.5s;text-align: center;}
.procon li:hover span a,.procon li:hover a:last-child,.proitem .elementor-image-box-wrapper:hover .elementor-image-box-content{ background: #004c95;} .procon li:hover span a{width: 100%;}  .so_bc { padding: 0px 0 80px;}
.so_c ul {
display: flex;
margin-top: 40px;
overflow:hidden; justify-content:center;
}
.so_c ul>li { padding:7px 20px;  border: 1px solid #eee; margin:0 5px
}
.so_c ul>li>a {
font-size: 16px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;transition: all .3s;
color: #000;
}
.so_c ul>li>a>span {
font-size: 40px;
margin-right: 10px;
}
.so_c ul>li:hover{
background: #115dcf;
color: #fff;
}
.so_c ul>li:hover a{ color:#fff}
.so_c ul>li:hover>a>span {
color: #fff;
}
.so_ic {
margin-top: 54px;
}
.so_ic .new_web_div2021 {
display: flex;
justify-content: space-between;
}
.so_ic ul img ,.so_ic .elementor-element .elementor-image-box-wrapper .elementor-image-box-img img{
width: 100%;
height: auto;
transition: all .75s;
}
.so_ic ul {
width: 24%;
}
.so_ic ul:nth-child(2) {
width: 49.6%;
}
.so_ic ul:nth-child(2) li:nth-child(2) {
display: none;
}
.so_ic ul li ,.so_ic .elementor-element .elementor-image-box-wrapper{
position: relative; overflow:hidden
}
.so_ic ul li p a,.so_ic .elementor-element .elementor-image-box-wrapper .elementor-image-box-content p a{
display: block;
position: absolute;
bottom: 40px;
right: 0;
width: 155px;
height: 38px;
line-height: 38px;
text-align: center;
background: #333;
color: #fff;
border-radius: 19px 0 0 19px;
font-size: 16px;transition: all .5s;
}
.so_ic ul li+li {
margin-top: 18px;
}
.so_ic li:hover img {
transform: scale(1.1);
}
.so_ic li>a {
display: block;
overflow: hidden;
}
.so_ic ul li:hover p a,.so_ic .elementor-element .elementor-image-box-wrapper:hover .elementor-image-box-content p a { background: #115dcf;}
.so_c ul>li:hover>a>span img { filter: grayscale(1) brightness(10);} .partner_t{margin-top: 30px;}
.partner_t ul *{display: block;}
.partner_t li{float:left;}
.partner_t li{display: inline-table;float: left;width:16.666%;height: 118px;padding: 0px !important;overflow:hidden;position:relative;box-sizing: border-box;}
.partner_t li>a{display: block; }
.partner_t li>a>img{width: 100%;}
.partner_t li p{width:100%;height: 182px;margin-top: -62px;padding-top: 0px !important;background: rgba(0, 0, 0, 0.6);position:absolute;top:34%;left:0px;transform-origin: center;transform: rotateX(90deg);transition: 600ms;}
.partner_t li p a{display:block;line-height:182px;font-size:16px;color:#fff;text-align:center;}
.partner_t li:hover p{transform: rotateX(0deg);transition: 600ms;}
.lxbox { padding:1em 2px;}
.lxbox .lxaditem {display:inline-block; vertical-align:top;*display:inline;*zoom:1;width:31%; margin:1.5em 3.1% 25px 0; vertical-align:top; text-align:left;} 
.lxbox .lxadlast {  margin:1.5em 0 5px 0;}
.lxaditem h5 { font-size:20px; line-height:24px;}
.lxaditem h5 span { display:block; font-size:18px; line-height:24px; margin-top:10px; font-weight:normal;}
.lxadlist { padding:5px 0;}
.lxadlist li { line-height:2em; padding:3px 0px 3px 29px; font-size:1.25em; line-height:24px; background-position:left 3px; background-repeat:no-repeat;}
.lxadlist li.aname { padding-left:0;font-weight:bold; color:#fff;}
.lxadlist li.aadd { background-image:url(//www.masdacnc.com/wp-content/themes/onepound/images/lxico_10.png); line-height:22px;}
.lxadlist li.aema { background-image:url(//www.masdacnc.com/wp-content/themes/onepound/images/lxico_08.png);}
.lxadlist li.aphone { background-image:url(//www.masdacnc.com/wp-content/themes/onepound/images/lxico_06.png);}
.lxadlist li.atel { background-image:url(//www.masdacnc.com/wp-content/themes/onepound/images/lxico_03.png);}
.lxadlist li.aweb { background-image:url(//www.masdacnc.com/wp-content/themes/onepound/images/lxico_12.png);}
.lxform {padding:2% 0;}
.lxtext { width:58%;}
.lxpic { width:47%;}
.lxright { display: inline-block; vertical-align: top; padding:2%; background:#fafafa; box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius:6px;}
.lxright h5 { color:#555 !important; font-size:1.5em !important; line-height:1.5em !important;font-weight: bold !important;}
.indexformtop,.indexformbot {  }
.indexformtop input {border:solid 1px #eee; background:#fff; display:inline-block; margin:10px 0px; line-height:30px; text-indent:6px; padding:4px 0px; width:99%; color:#333; outline:none;}
.indexformbot textarea {outline:none;border:solid 1px #eee; background:#fff; display:block; margin:1em 0px; line-height:28px; text-indent:6px; padding:3px 0px; width:99%; color:#333; }
.elementor-kit-6 .indexformbot input.inbsubbtn { display:inline-block; cursor:pointer; background:#004c95; font-size:1.15em; line-height:1.5em; padding:10px 35px; font-weight:bold;transition: all 0.5s ease 0s; border:none; margin-top:5px; color:#fff;}
.elementor-kit-6 .indexformbot input.inbsubbtn:hover {background:#5269cc; text-decoration:none; }
.fcode { display:block; padding:10px 0; font-size:1.15em; line-height:2em;}
.fcode input {border:solid 1px #eee; background:#fff; display:inline-block;  line-height:30px; text-indent:6px; }
.lxttitle { font-size:1.35em; line-height:2.25em; padding:3px 0; font-weight:bold; background:#1b81f4; padding:10px 25px; margin:0px 0; color:#fff;}
.lxttitle b { font-size:1.5em; display:block;}
.lxcolor { color:#e04752;}
.lxtwz {padding:0px 0; font-size:1.25em; line-height:2em;}
.lxcontactform { background:#fafafa; padding:20px 25px; margin-top:3em;}
#contactform  {padding:5px 0;}
.lxcont,.lxmap {padding-top:0;line-height:2em; font-size:1.15em;}
.lxmap { margin-top:2em;}
.lxformleft,.lxformright { width:48%;}
#contactform div {padding:5px 0px; overflow:hidden;}
#contactform label { display:block;font-size:1.25em; padding:5px 0; text-align:left;}
#contactform input, #contactform select,#contactform textarea {
border-radius: 3px;
border: 1px solid #ddd; color:#424242;
padding: 5px 0px; line-height:24px;
text-indent: 3px;
outline: none; width:98%; display:block;
}
#contactform select { width:35%;} #contactform input.asbtn {
background:#feba5a; color:#fff; font-size:1.25em; text-align:center; cursor:pointer;
width: 135px;
height: 36px;}
.fl {float:left;}
.fr {float:right;}
.rbox h2,.rbox h1 {
font-size: 2em;
line-height: 2em;
text-transform: uppercase;
color: #333;
text-align: left;
vertical-align: middle;
font-weight: bold;
}.lxtwz {
padding: 0px 0;
font-size: 1.25em;
line-height: 2em;
}
@media (min-width: 769px) and (max-width: 1600px){
.client_pic{ padding: 3em 0;}
.client_pic li{ padding-left: 0;}
.client_other{ padding-left: 0;}
.footer01a h1{ font-size:18px}
}
@media screen and (max-width: 1666px){
.header{ padding:0 3%}
.header_pc{ width:48% !important}
.header_topic,#menu-header-menu .menu-item{ padding:0 1%}
.header_pc{ margin-left:3%}
.header_logo img {
width: 163px !important; margin-top:5px
}
}
@media screen and (max-width: 1666px){
.header{ padding:0 3%}
.header_pc{ width:48% !important}
.header_topic,#menu-header-menu .menu-item{ padding:0 1%}
.header_logo img {
width: 123px !important; margin-top:15px
} .header_topic a,#menu-header-menu .menu-item a{ font-size:13px}
.header_pc {
margin-left: 2%;
}
.header_line{ padding-right:5px}
.header_tip img{ width:20px;  }
.so_c ul>li>a{ font-size:14px; line-height:20px}
}
@media screen and (max-width: 768px){
.client_pic{ width: 100%; padding: 0.5rem 2%;}
.client_pic li{ width: 100%; margin: 0 0 1.5rem;}
.client_pic h1{ font-size: 1.3em;}
.client_w img{ width: 2.8rem;}
.client_w section{ margin-left: 0.5rem; width: calc(100% - 3.5rem);}
.client_w p{ font-size: 0.7rem;}
.client_img img{ width: 2em;}
.fl {float:none;}
.fr {float:none;}
.elementor-2 .elementor-element.elementor-element-ad0a3ac{ margin:40px 0 !important}
.elementor-2 .elementor-element.elementor-element-2fee4dd .elementor-heading-title{ font-size:24px !important; padding-top:10px}
.elementor-element-1186a67{ margin-top:15px}
}
@media screen and (max-width: 768px){
ul.team li{width:100%; float:left; margin-right:6%; background:#fff;}
ul.team li .information_word{ width:100%;} 
ul.team li .information_tip{width:100%;position: relative;  padding-top: 20px;}
} .information{ position:relative;}
.qywh_bg{ width:100%; display: block;}
.qywh_bg img{width:100%;height: auto;  }
.qywh_bg .text{top:0; left: 0;padding:10% 50% 10% 10%; font-size:24px; line-height:40px; font-weight: bold; position: absolute;}
@media screen and (max-width: 768px){
.information{ position:relative;}
.qywh_bg{ width:100%; display: block; margin-bottom:1.5rem; clear:both;}
.bg_img{display: block; }
.bg_img img{width:100%;height: auto;}
.qywh_bg .text{top:0; left: 0;padding:8%; font-size:0.7rem; line-height:2rem; font-weight: bold; background: #d1ddf5; position:relative}
} .partner{ width:100%; overflow: hidden;}
.partner li{ width: 22%; float: left; position: relative; margin-right:4%; background:#fff; padding:10px; margin-bottom:20px;}
.partner li:nth-child(4n){ margin-right: 0;}
.partner li img{ height: 80px;}
.partner span{ display: inline-block; color: #666; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; padding:0 10px;}
@media screen and (max-width: 768px){
.partner{ width:100%; overflow: hidden;}
.partner li{ width:48%;  position: relative; margin-right:2%; background:#fff; padding:10px; margin-bottom:20px; }
.partner img{ width:40%; height:auto;}	
.partner span{ display: inline-block; color: #666; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; padding:0 10px;}
} .y-kefu-box { position: fixed; right: 0; bottom:  20%; z-index: 9999; font-size: 13px;}
.y-kefu-box a{ text-decoration:none;}
.y-kefu-box img {  max-width: 100%; height: auto; text-align:center; line-height:70px }
.y-kefu-box01 .icon { display: block;   text-align:center; line-height:64x; background:url(//www.masdacnc.com/wp-content/themes/onepound/images/20220421103227_2019535159.png) no-repeat}
.y-kefu-box01 { width: 70px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width:36px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 7px; position: absolute; bottom: -6px; left: 13px; z-index: 1;  background-color: #154a9a; } .y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 70px; height:70px;border-radius:35px;   background-color: #4c4c4c;  position: relative; font-size:12px; text-align:center; line-height:70px}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #154a9a; border-color: #154a9a; color: #fff; margin: 10px 0 7px;} .y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px;     background-position: -30px -29px;}
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -76px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -76px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 19px; height: 16px; background-position: -5px -179px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -31px -179px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #154a9a; border-color: #154a9a;} .y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
.y-kefu-box01 .kf-what { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-what>i { width: 18px; height: 18px; background-position: -5px -151px; }
.y-kefu-box01 .kf-what:hover>i { background-position: -31px -151px; } .y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color: #154a9a; font-size: 18px; } .right { width: 12px; height: 12px; position: absolute; right: -12px; top: 24px;}
.right-arrow1,.right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden;}
.right-arrow1 { left: 1px; border-left: 6px #efefef solid;}
.right-arrow2 { border-left: 6px white solid;} .y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 150px; }
.y-kefu-box01 .y-ewm-box img { width: 130px; height: 130px; margin: 12px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; } .y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; }
.y-kefu-box01 .y-email-infos p { color: #154a9a; font-size: 16px; } .y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }
.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#154a9a;position: absolute; top: 37px; left: 55px; z-index: 9;} .y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }
.bgfeedback{background:url(//www.masdacnc.com/wp-content/themes/onepound/images/bg-feedback.png) no-repeat bottom right #fff; background-size: 100% auto;}
.icon-tool_whatsapp1:before {
content: "\e653"
}
.icon-tool_telegram1:before {
content: "\e607"
}
#go_top {
display: block;
height: 24px;
line-height: 24px;
color: #fff;
text-align: center;
font-size: 14px
}
#go_top:hover {
text-decoration: none
}
#chat_window {
position: fixed;
right: 10px;
bottom: 90px;
z-index: 10000
}
#chat_window .chat_box.cur .box {
height: auto;
overflow: unset
}
#chat_window .chat_box.cur .box .more {
display: none
}
#chat_window .chat_box .box {
margin-bottom: 6px;
width: 100%;
height: 50px;
overflow: hidden
}
#chat_window .chat_box .chat_item {
display: block;
position: relative;
width: 60px;
height: 60px;
border-radius: 100%;
margin-bottom: 10px
}
#chat_window .chat_box .chat_item:last-child {
margin-bottom: 0
}
#chat_window .chat_box .chat_item::before {
position: absolute;
top: 50%;
left: 50%;
font-size: 36px;
color: #fff;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
#chat_window .chat_box .chat_qq {
background-color: #4cafe9
}
#chat_window .chat_box .chat_skype {
background-color: #5996ff;
background-position: 0 -50px
}
#chat_window .chat_box .chat_email {
background-color: #f48d2c;
background-position: 0 -100px;animation-name: pulse2;
}
#chat_window .chat_box .chat_trademanager {
background-color: #33bbf9;
background-position: 0 -150px
}
#chat_window .chat_box .chat_wechat {
background-color: #07c261;
background-position: 0 -200px;animation-name: pulse3;animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-iteration-count: infinite;
}
@keyframes pulse1
{
0%  { box-shadow: 0 0 0 0 rgb(77, 194, 71, 70%); }
80% { box-shadow: 0 0 0 20px rgb(77, 194, 71,  0%); }
}
@keyframes pulse2
{
0%  { box-shadow: 0 0 0 0 rgb(244, 141, 44, 70%); }
80% { box-shadow: 0 0 0 20px rgb(244, 141, 44, 0%); }
}
@keyframes pulse3
{
0%  { box-shadow: 0 0 0 0 rgb(7, 194, 97, 70%); }
80% { box-shadow: 0 0 0 20px rgb(7, 194, 97, 0%); }
}
@keyframes pulse4
{
0%  { box-shadow: 0 0 0 0 rgb(176, 176, 176, 70%); }
80% { box-shadow: 0 0 0 20px rgb(176, 176, 176, 0%); }
}
.chat_box  .menu a{animation-name: pulse4;animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-iteration-count: infinite;}
#chat_window .chat_box a{animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-iteration-count: infinite;}
#chat_window .chat_box .chat_whatsapp {
background-color: #4dc247;
background-position: 0 -250px;animation-name: pulse1;
}
#chat_window .chat_box .chat_telegram {
background-color: #36aae8
}
#chat_window .chat_box .abs {
display: none;
margin-right: 50px;
position: absolute;
top: 0;
right: 0
}
#chat_window .chat_box .more_box {
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 5px;
margin-right: 16px;
position: relative;
box-shadow: 0 0 10px rgb(0 0 0/20%)
}
#chat_window .chat_box .chat_wechat .abs {
top: auto;
bottom: -78px
}
#chat_window .chat_box .chat_wechat .more_box::before {
top: auto;
bottom: 95px
}
#chat_window .chat_box .chat_wechat .more_box::after {
top: auto;
bottom: 95px
}
#chat_window .chat_box .chat_wechat .more_box .hidden {
padding: 10px;
overflow: hidden;
max-height: none;
display: flex;
flex-wrap: wrap;
width: 294px
}
#chat_window .chat_box .chat_wechat .abs.count1 .more_box .hidden {
width: 147px
}
#chat_window .chat_box .more_box .hidden {
padding: 10px 0;
max-height: 300px;
overflow-y: auto
}
#chat_window .chat_box .more_box .hidden::-webkit-scrollbar {
border-radius:10px;
width:8px;
height:16px;
background-color:#f5f5f5
}
#chat_window .chat_box .more_box .hidden::-webkit-scrollbar-track {
border-radius:10px;
background-color:#f1f1f1
}
#chat_window .chat_box .more_box .hidden::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#c1c1c1
}
#chat_window .chat_box .more_box:before {
content: '';
border-width: 7.5px 0 7.5px 8px;
border-color: transparent;
border-left-color: #e8e8e8;
border-style: solid;
position: absolute;
top: 19px;
right: -9px
}
#chat_window .chat_box .more_box:after {
content: '';
border-width: 7.5px 0 7.5px 8px;
border-color: transparent;
border-left-color: #fff;
border-style: solid;
position: absolute;
top: 19px;
right: -8px
}
#chat_window .chat_item:hover .abs {
display: block
}
#chat_window .chat_box .more_box a {
position: relative;
display: block;
min-width: 80px;
height: 30px;
line-height: 30px;
padding: 0 17px;
font-size: 14px;
color: #333;
white-space: nowrap
}
#chat_window .chat_box .more_box a:hover {
background: #effaf7;
text-decoration: none
}
#chat_window .chat_box .more_box .relimg {
display: none;
position: absolute;
top: 0;
left: -105px;
padding-right: 5px;
width: 100px;
height: 100px;
text-align: right;
margin-bottom: 5px
}
#chat_window .chat_box .more_box .relimg img {
padding: 2px;
border: 1px solid #effaf7;
border-radius: 2px;
background: #fff
}
#chat_window .chat_box .more_box a:hover .relimg {
display: block
}
#chat_window .chat_box .more_box.bottom:before {
top: auto;
bottom: 19px
}
#chat_window .chat_box .more_box.bottom:after {
top: auto;
bottom: 19px
}
#chat_window .chat_box .more_box .wechat_item {
width: 127px;
padding: 16px;
box-sizing: border-box;
text-align: center;
background-color: #f6f6f6;
border-radius: 5px
}
#chat_window .chat_box .more_box .wechat_item .wechat_code {
width: 95px;
height: 95px;
margin-bottom: 10px
}
#chat_window .chat_box .more_box .wechat_item .wechat_name {
font-family: microsoft yahei;
font-size: 14px;
color: #333
}
#chat_window .chat_box .menu a {
width: 60px;
height: 60px;
display: block;
border-radius: 100%;
margin-bottom: 6px;
background: #07bb8a url(//www.masdacnc.com/wp-content/themes/onepound/images/icon_chat_menu.png) no-repeat 0 0;
background-size: 60px auto
}
#chat_window .chat_box .menu .more.disable {
opacity: 0
}
#chat_window .chat_box .menu #go_top {
display: block
}
#chat_window .chat_box .menu .top {
background-position: 0 -60px;
background-color: #b0b0b0
}
#chat_window .chat_box .box .more {
width: 60px;
height: 60px;
display: block;
border-radius: 100%;
margin-bottom: 10px;
background: #07bb8a url(//www.masdacnc.com/wp-content/themes/onepound/images/icon_chat_menu.png) no-repeat 0 0
}
@media screen and (max-width:1000px) {
#chat_window .chat_box .abs {
margin-right: 40px
}
#chat_window .chat_box .box {
height: 40px
}
#chat_window .chat_box .box .more {
width: 40px;
height: 40px;
background-position: center -4px
}
#chat_window {
right: 15px;
bottom: 42px
}
#chat_window .chat_box .chat_item {
width: 40px;
height: 40px
}
#chat_window .chat_box .chat_item::before {
font-size: 26px
}
#chat_window .chat_box .menu a {
width: 40px;
height: 40px;
background-size: 40px auto
}
#chat_window .chat_box .menu #go_top {
background-position: center -40px
}
#chat_window .chat_box .more_box .wechat_item {
margin: 5px
}
#chat_window .chat_box .chat_wechat .more_box .hidden {
width: 274px;
padding: 5px
}
#chat_window .chat_box .chat_wechat .more_box::before {
bottom: 85px
}
#chat_window .chat_box .chat_wechat .more_box::after {
bottom: 85px
}
#chat_window .chat_box .chat_wechat .abs.count1 .more_box .hidden {
width: 137px
}
#chat_window .chat_box .more_box .hidden {
max-height: 100px
}
}
.loupe_pic img, .tell_pic img{ line-height:38px}
.loupe_pic p, .tell_pic p{display: -webkit-flex;
align-items: center;
justify-content: center;width:38px; height:38px; line-height:38px; text-align:center}
.loupe_pic:hover p, .tell_pic:hover p{background: #1a1b1e;border-radius: 50%;transition: 0.3s all;  }
.erjinav li:hover a,#menu-header-menu ul li ul.sub-menu li:hover a{ color:#004c95}
.header_pc .header_topic:hover a.nav,.header_pc #menu-header-menu .menu-item:hover a.nav{ border-bottom:2px solid #fff}
#menu-header-menu .menu-item:hover>a{border-bottom:2px solid #fff}
#menu-header-menu .menu-item:hover ul li s{ border:none}
.pronav li {   margin:10px 1.5% 10px 0; background:#eee;  text-align:center; float:left; display:inline-block; height:50px; line-height:50px; width:23.5%; overflow:hidden}
.container-title-post-type h2{ padding-bottom:20px}
.pronav li a{ color:#333; font-size:16px; font-weight:bold; display:block}
.pronav li.active{background:#004c95}
.pronav li.active a{ color:#fff}
.pronav li:hover{ background:#004c95}
.pronav li:hover a{ color:#fff}
.pronav2 li{   margin:10px 1%; background:#eee;  text-align:center; float:left; display:inline-block; height:50px; line-height:50px; width:18%; overflow:hidden}
.pronav2 li a{ color:#333; font-size:16px; font-weight:bold; display:block}
.pronav2 li.active{background:#004c95}
.pronav2 li.active a{ color:#fff}
.pronav2 li:hover{ background:#004c95}
.pronav2 li:hover a{ color:#fff}
.progdwz2021{ overflow:hidden}
.con .progdwz2021 li{ margin:15px 1% !important}
.contentbg .procon{ margin-top:20px}
.page_nav .nav_wrap{ }
.pages,.page_nav {
width:100%;
padding:60px 0 0 0;
text-align:center; font-size:15px
}
.pages .pal,.page_nav .page-nav {
display:inline-block;
vertical-align:middle;
width:auto
}
.pages .par ,.page_nav .total{
display:inline-block;
vertical-align:middle;
width:auto; padding-right:10px
}
.pages .par span,.page_nav .total span {
display:inline-block;
vertical-align:middle;
line-height:1.5;
color:#888;
}
.pages .par .inx {
display:inline-block;
vertical-align:middle;
width:auto;
margin:0 .1rem
}
.pages .par .inx input {
width:auto;
padding:0 0.2rem;
background-color:#f8f8f8;
border:none;
color:#888;
line-height:2.8;
height:2.8em;
min-width:0;
width:1rem;
min-width:50px;
text-align:center
}
.pages .par .ax {
display:inline-block;
vertical-align:middle;
background-color:#fa8106;
color:#fff;
line-height:2.8;
height:2.8em;
padding:0 .2rem;
width:auto;
margin-left:0.1rem
}
.pages .page,.page_nav .page-nav nav span{
display:inline-block;
vertical-align:middle;
width:30px;
height:30px;
line-height:30px;
text-align:center;
color:#fff;
background-color:#004C95;
margin:0 10px;
transition:all .4s
}
.pages .page.ltn {
background-image:url(//www.masdacnc.com/wp-content/themes/onepound/images/b1.png);
background-position:center;
background-size:100% 100%;
background-repeat:no-repeat
}
.pages .page.rtn {
background-image:url(//www.masdacnc.com/wp-content/themes/onepound/images/b2.png);
background-position:center;
background-size:100% 100%;
background-repeat:no-repeat
}
.pages .page.on {
background-color:#004c95;
background-position:center;
background-size:100% 100%;
background-repeat:no-repeat;
color:#fff
}
.page_nav .page-nav a{ padding:8px; color:#333}
.pages .page.on.ltn {
background-image:url(//www.masdacnc.com/wp-content/themes/onepound/images/b3.png);
background-position:center;
background-size:100% 100%;
background-repeat:no-repeat;
background-color:transparent !important
}
.pages .page.on.rtn {
background-image:url(//www.masdacnc.com/wp-content/themes/onepound/images/b4.png);
background-position:center;
background-size:100% 100%;
background-repeat:no-repeat;
background-color:transparent !important
}
.pages.white .page {
background-color:#fff
}
.pages.white .page.on {
background-color:#fa8106
}
.pages.white .par .inx input {
background-color:#fff
}
.case li a:hover .case_word p{ color:#004c95}
.case{ padding-top:30px}
.p40{ padding-top:40px}
.pronav{ overflow:hidden}
@media(max-width:1666px) {
.pronav li a{ font-size:15px} 
.loupe_pic p, .tell_pic p{ width:25px; height:25px}
.header_line span{ font-size:14px}
}
@media(max-width:1200px) {
.pages .par .inx input {
height:32px;
width:70px
}
}
@media (max-width:900px) {
.pages .par span{ margin-top:20px}
}
.provinfo{ color:#555; line-height:24px}
#vcbtn a { display:inline-block; padding:8px 25px; line-height:25px; font-size:1.25em; border:solid 1px #ff9c00; color:#fff; background:#ff9c00; border-radius:3px; margin-right:15px;} 
#vcbtn a:hover{ background:#004c95; border:solid 1px #004c95;}
#vcbtn img { display:inline-block; max-height:22px; vertical-align:middle; margin-right:5px;}
#vcbtn{ margin-top:30px}
.share{ padding-top:30px}
@media (max-width:768px) {
.lxtext, .lxright{ width:100%}
.lxtwz{ font-size:14px}
}
.elementor-element-19e96ff .elementor-container{ width:100% !important}
@media screen and (min-width: 769px) {
*{
font-size: 14px;
}
body {  
font-size: 14px;
}
.container, .elementor-section.elementor-section-boxed > .elementor-container {
width:90% !important;
}
section.elementor-section section.elementor-section.elementor-section-boxed > .elementor-container,.container .elementor-section.elementor-section-boxed > .elementor-container {
width:100% !important;
}
.header {
height: 80px;
}
.header .header_logo {
margin: 12px 0 0;
}
.header_logo img {
width: 200px;
}
.header_logo span{
margin: 0 0 0 8px;
}
.header_pc {
width: 50%;
}
.header_topic,#menu-header-menu .menu-item{ 
line-height: 80px;
}
.header_tip{
line-height: 80px;
}
.header_tip p{ 
margin-top: 30px;
}
.header_lead01 ul span{ 
font-size: 16px;
}
.batten{ 
height: 110px;
}
.batten_logo{
margin: 12px 0 0;
}
.search {
margin: 10px 0 0 10px;
}
.close_icon {
margin: 5px 0 0 0; width:31px;   
}
.header_pho,
.header_menu {
display: none;
}
.banner_pic .bannertu_mob,
.banner_word .bannerwrite_mob {
display: none;
}
.bannerwrite_pc {
width: 100%;
}
.bannerwrite_pc img{
width: 45.5%;
}
.banner_pic {
height: 95vh;
}
.banner_word .banner_word02{ 
margin-top: 6vh;
}
#banner_pagination {
bottom: 13vh;
}
#banner_pagination .swiper-pagination-bullet {
margin: 0 15px;
}
.product {
padding: 90px 0;
}
.product01 {
padding: 90px 0 0;
}
.wide01 {
width: 52%;
}
.wide0{ width:45%}
.wide02 {
width: 55%;
}
.wide03 {
width: 40%;
}
.wide04 {
width: 30%;
}
.wide05 {
width: 60%;
}
.wide06 {
width: 62%;
}
.about_pic {
height: 380px;
}
.about_word {
margin: 40px 0 0;
}
.about_word p {
line-height: 30px;
}
.product_title p, .protit,.protit.elementor-widget-heading .elementor-heading-title  {
font-size: 3.6rem;
line-height: 40px;
}
.product_title h1,.protit.elementor-widget-heading h1.elementor-heading-title {
font-size: 24px;
margin: 8px 0 0;
}
.product_title span {
text-align: right;
font-size: 18px;
line-height: 30px;
position: absolute;
right: 0;
bottom: 10px;
z-index: 9;
}
.product_line {
width: 50px;
height: 3px;
margin: 40px 0 0;
}.look {
font-size: 14px;
margin-top: 15px;
border: solid 2px #054f97;
padding: 8px 15px;
color: #054f97;
border-radius: 8px;
font-weight: bold; margin-top:20px; display:inline-block
} .record ul {
width: 100%;
text-align: justify;
}
.record ul::after {
content: '';
display: inline-block;
width: 100%;
}
.record li {
display: inline-block; float:left; padding-right:4%
}
.record span {
font-size: 2.4rem;
}
.record section {
margin-left: 10px;
}
.record h1 {
margin-bottom: 5px;
line-height: 50px;
}
.record h2 {
font-size: 30px;
margin-bottom: 5px;
line-height: 50px;
}
.record p {
font-size: 14px;
}
.service {
margin: 80px 0 0;
}
.service li {
width: 31%;
margin-right: 3.3%;
}
.service_pic {
height: 450px;
}
.service_w {
padding: 0 30px;
bottom: 50px;
}
.service_w p {
font-size: 24px;
}
.service_w span {
padding: 18px 0;
}
.service_w img {
width: 0;
}
.service li:hover .service_w img {
width: 58px;
margin-top: 20px;
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.solutionbg {
background-size: 35%;
}
.solution {
padding: 300px 0 0;
}
.solution_pic {
height: 500px;
}
.solution_loc {
bottom: 100px;
}
.solution_t {
padding: 45px;
}
.solution_w {
padding: 40px 45px;
}
.solution_w span {
border-radius: 8px;
padding: 8px 16px;
}
.solution_w h1 {
width: 490px;
font-size: 22px;
line-height: 26px;
margin: 23px 0;
height: 54px;
}
.solution_btn {
padding: 0 50px 50px;
}
.getBtn01 {
width: 150px;
line-height: 40px;
padding: 0 15px;
border: solid 2px #054f97;
border-radius: 8px;
}
.getBtn02 {
width: 150px;
line-height: 44px;
padding: 0 15px;
margin-left: 20px;
border-radius: 8px;
}
.solutBtn {
top: 280px;
right: calc(50% - 520px);
}
.solutBtn img {
width: 19px;
}
.prevsolutBtn {
margin-right: 60px;
}
.seek {
margin: 50px 0 0;
}
.seek li {
width: 25%;
}
.seek li:nth-child(2) {
border-left: solid 1px #e1e1e1;
border-right: solid 1px #e1e1e1;
}
.seek_on .seek_word{color:#fff}
.seek_word {
padding: 50px;
height: 520px;
}
.seek_word p {
font-size: 20px;
}
.seek_word h3 {
font-size: 24px;
margin-top: 8px;
font-weight: bold;
}
.seek_tier {
position: absolute;
left: 0;
bottom: 60px;
padding: 0 50px;
z-index: 9;
width: 100%;
}
.seek_tier section {
line-height: 24px;
width: 95%;
}
.seek .seek_on {
width: 50%;
}
.seek_on section {
margin-top: 30px;
}
.vocatp {
font-size: 18px;
line-height: 36px;
margin-top: 60px;
}
.vocatBtn {
margin-top: 100px;
}
.map_pic {
padding: 80px 0 0;
}
.map_pic img {
width: 90%;
}
.pointBtnloc {
width: 359px;
}
.point_pic {
height: 320px;
}
.point_w {
padding: 25px 20px;
}
.point_w p {
font-size: 16px;
line-height: 24px;
height: 48px;
}
.point_w section {
margin-top: 35px;
}
.point_w img {
width: 20px;
margin: 2px 10px 0 0;
}
.point_w span {
font-size: 20px;
}
.pointBtn img {
width: 19px;
}
.prevpointBtn {
margin-right: 60px;
}
.touch {
padding: 60px 0;
}
.touch h1 {
font-size: 25px;
}
.touch span {
width: 50px;
height: 3px;
margin: 20px 0;
}
.touch p {
width: 70%;
font-size: 16px;
line-height: 32px;
}
.touch img {
width: 24px;
}
.footer01 {
padding: 60px 0 70px;
}
.footer01a {
width: 26%;
}
.footer_logo {
margin: 0 0 40px;
}
.footer_logo img {
width: 244px;
}
.footer01a h1 {
font-size: 22px;
margin-bottom: 10px;
}
.footer01a p {
font-size: 18px;
}
.footer01b {
width: 69%;
}
.footer_hed li a{ 
font-size: 12px;
}
.footer_hed b {
font-size: 18px;
margin-bottom: 30px;
}
.footer02 {
padding: 25px 0;
}
.footer02 p {
font-size: 14px;
}
.footer02 span {
font-size: 14px;
}
.footer02 section {
float: right;
}
.footer02 a {
font-size: 14px;
margin-left: 30px;
}
.footer_share{ 
margin-top: 100px;
}
.picture_word h1 {
font-size: 32px;
margin-top: 6px;
}
.picture_word h2 {
font-size: 40px !important;
}
.picture_word span {
width: 25px;
height: 5px;
margin-top: 22px;
}
.lead {
padding: 25px 0;
}
.lead ul {
width: 70%; float:left;
}
.lead li {
float: left;
margin-right: 6%;
}
.lead a {
overflow: hidden;
}
.lead span { margin: 10px 20px 0 20px;
} .lead_topic {
}
.lead_topic img {
width: 24px;
}
.lead_topic h1 {
margin-left: 20px;
font-size: 18px;
}
.about_con {
line-height: 36px;
}
.about_con p {
line-height: 36px;
}
.about_con span {
line-height: 36px;
}
.regardbg {
padding-top: 130px;
}
.drawing_pic {
height: 340px;
}
.drawing_tier img {
width: 110px;
}
.drawing_tier p {
font-size: 18px;
margin-top: 20px;
}
.prevregardBtn,
.nextregardBtn {
width: 60px;
height: 60px;
padding-top: 15px;
}
.prevregardBtn img,
.nextregardBtn img {
width: 16px;
}
.speechbg {
margin: 100px 0 130px;
}
.speech {
padding: 0 60px;
margin-left: -60px;
height: 350px;
line-height: 30px;
}
.honour {
width: 90%;
padding: 10px;
}
#honourpagination {
bottom: 10px;
}
#honourpagination .swiper-pagination-bullet{
margin: 0 5px;
}
.honour_pic {
margin-bottom: 20px;
}
.culture {
margin: 45px 0 0;
}
.culture p {
line-height: 36px;
}
.technique_p {
width: 50%;
line-height: 30px;
margin: 70px 0 140px;
}
.technique_tu li {
border-right: dashed 1px #e1e1e1;
padding-right: 3%;
margin-right: 3%;
}
.technique_tu img {
height: 80px;
}
.technique_tu span {
font-size: 24px;
margin: 10px 0 0 15px;
}
.partner_ship {
position: absolute;
bottom: 0;
right: 0;
z-index: 99;
}
.partner_ship li {
width: 30%;
margin-right: 3.3%;
margin-bottom: 25px;
padding: 10px;
border: solid 1px #ccc;
}
.partner_ship li:nth-child(3n) {
margin-right: 0;
}
.partner_ship li:nth-child(n+4) {
margin-bottom: 0;
}
.partner_ship img {
width: 80px;
}
.partner_ship span {
width: calc(100% - 110px);
font-size: 14px;
right: 10px;
}
.contentbg {
padding: 40px 0 0px;
}
.fabric li {
padding-bottom: 60px;
margin-bottom: 55px;
border-bottom: solid 1px #e1e1e1;
}
.fabric_title h1 {
font-size: 30px;
padding-top:30px
}
.fabric_title .fabric_sub {
font-size: 18px;
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
z-index: 99;
}
.fabric_intro {
margin: 35px 0 0;
}
.fabric_pic01 {
width: 35%;
}
.fabric_pic02 {
width: 45%;
}
.fabric_word01 {
width: 65%;
height: 384px;
padding: 40px 50px;
}
.fabric_word02 {
width: 55%;
height: 495px;
padding: 40px 50px;
}
.fabric_word h1 {
font-size: 30px;
}
.fabric_word h2,.con h1 {
font-size: 28px !important;
padding-bottom: 20px; border-bottom:1px solid #ddd; }
.fabric_pattern .pro_title {
font-size: 16px;
margin: 20px 0;
font-weight:bold;
}
.fabric_pattern p{ 
font-weight:normal;
line-height: 22px;
display: -webkit-box; 
-webkit-box-orient: vertical; 
-webkit-line-clamp: 4; overflow: hidden;
}
.fabric_ul01 span {
width: 23.5%;
margin-right: 2%;
margin-bottom: 20px;
border: solid 1px #e1e1e1;
padding: 15px 0;
border-radius: 12px;
}
.fabric_ul01 span:nth-child(4n) {
margin-right: 0;
}
.fabric_ul02 span {
width: 32%;
margin-right: 2%;
margin-bottom: 20px;
border: solid 1px #e1e1e1;
padding: 15px 0;
border-radius: 12px;
}
.fabric_ul02 span:nth-child(3n) {
margin-right: 0;
}
.fabric_ul span:hover {
border: solid 1px #004c95;
color: #000;
}
.fabric_ul .fabric_active {
border: solid 1px #004c95;
color: #000;
}
.fabric_btn {
position: absolute;
bottom: 40px;
left: 50px;
z-index: 99;
}
.fabric_btn button {
font-size: 16px;
width: 140px;
line-height: 46px;
border-radius: 12px;
margin-right: 15px;
}
.fabric_btn img {
width: 25px;
margin-left: 10px;
}
.fabric_btn .fabric_sult02{
display: none;
}
#fabricpagination {
text-align: left;
padding: 0 40px;
}
#fabricpagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
margin: 0 6px;
background: #fff;
}
#fabricpagination .swiper-pagination-bullet-active {
width: 10px;
height: 10px;
background: #004c95;
}
.con_title {
font-size: 30px;
margin: 0 0 50px;
}
.case li {
width: 31.333%;
margin-right: 1%; margin-left:1%;
margin-bottom: 60px;
padding: 25px;
}
.case_pic {
height: 205px;
}
.case_word {
margin-top: 25px;
}
.case_word p {
font-size: 18px;
line-height: 26px;
}
.case_word span {
margin-top: 20px;
}
.information li {
margin-bottom: 46px;
}
.information_pic01{
width: 20%;
height: 250px;
}
.information_pic02{
width: 40%;
height: 296px;
}
.information_word {
padding: 30px 40px;
}
.information_word01{
width: 79%;
}
.information_word02{
width: 59%;
}
.elementor-kit-6 .information_word .title {
font-size: 16px;
}
.information_word p {
line-height: 26px;
margin-top: 20px;
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 52px;
}
.information_tip {
padding: 0 40px 0 30px;
position: absolute;
right: 0;
bottom: 40px;
z-index: 99;
}
.information_tip01 {
width: 79%;
}
.information_tip02 {
width: 59%;
}
.information_tip img {
width: 16px;
margin-right: 10px;
}
.information_tip span {
font-size: 22px;
}
.elementor-kit-6 .information_tip button {
font-size: 22px;
}
.contentL {
width: 70%;
}
.contentL1 {
width: 60%;
}
.contentR {
width: 24%;
}
.explicit {
padding: 50px 55px;
display: table;
width: 100%;
}
.explicit_title {
border-bottom: solid 1px #e1e1e1;
padding-bottom: 45px;
}
.explicit_title h1 {
font-size: 25px;
line-height: 34px;
}
.explicit_pub {
margin: 40px 0 0;
}
.explicit_pub p {
font-size: 16px;
margin-right: 50px;
}
.explicit_pub span {
font-size: 16px;
}
.explicit_sub img{ 
width: 20px; 
margin: 5px 15px 0 0;
}
.explicit_w01{
margin-top: 40px;
}
.explicit_w p {
line-height: 26px;
}
.explicit_tip {
margin-top: 80px;
padding: 30px 80px;
}
.explicit_tip img {
width: 30px;
}
.explicit_tip span {
margin: 0 20px;
line-height: 30px;
}
.correlation li {
margin-bottom: 20px;
}
.correlate01 {
height: 210px;
}
.correlate01 p {
padding: 15px 6%;
}
.correlate02 {
padding: 20px 6%;
}
.correlate02 p {
font-size: 16px;
line-height: 28px;
}
.correlate02 span {
margin-top: 18px;
}
.correlation button {
font-size: 16px;
line-height: 60px;
}
.trait {
margin-top: 50px;
}
.trait_title {
height: 60px;
}
.trait_title span {
line-height: 60px;
font-size: 20px;
}
.trait ul {
padding: 60px;
}
.trait_chart th {
padding: 10px 50px;
height: 35px;
font-size: 18px;
}
.trait_chart td {
padding: 10px 50px;
height: 60px;
}
.opinion {
padding: 80px 0 20px;
}
.opinion01 {
margin-bottom: 50px;
}
.opinion01 img {
width: 35px;
top: 12px;
left: 20px;
}
.opinion01 input {
line-height: 60px;
height: 60px;
padding: 0 20px 0 80px;
border-radius: 12px;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; }
.opinion02 {
margin-bottom: 60px;
}
.opinion02 img {
width: 35px;
top: 22px;
left: 20px;
}
.opinion02 textarea {
height: 270px;
padding: 25px 20px 25px 80px;
line-height: 30px;
border-radius: 12px;
}
.opinion button {
width: 36%;
font-size: 24px;
height: 80px;
line-height: 80px;
border-radius: 12px;
background:#004c95;
color:#fff;
}
.qywh_bg{ 
margin-bottom:46px;
}
.paging{ 
text-align: center; 
margin: 60px 0 0;
}
.paging p{ 
display: inline-block; 
padding: 8px 15px; 
background: #fff; 
margin: 0 5px; 
transition: all 0.2s;
}
.paging p:hover{ 
color: #fff; 
background: #004c95;
}
}
#menu-header-menu .sub-menu .menu-item{ line-height:40px; float:none; text-align:left}
#menu-header-menu .sub-menu .menu-item a{ font-size:12px; line-height:40px; display:block}
.elementor-image-box-img a{ display:block}
.picture2{ background:#004C95; height:90px}
@media screen and (min-width: 1600px) {
*{
font-size: 14px;  
}
.container, .elementor-section.elementor-section-boxed > .elementor-container {
width: 1540px !important;
}
.search {
margin: 12px 0 0 10px;
}
.header {
height: 90px;
}
.header .header_logo {
margin: 25px 0 0;
}
.header_logo span{
margin: 8px 0 0 8px;
}
.header_topic,#menu-header-menu .menu-item{ 
line-height: 90px;  
}
.header_tip{
line-height: 90px;
}
.header_tip p{ 
margin-top: 28px;
}
.header_tier button img{ margin-top:0 !important}
.header_lead01 {
width: 20%;
}
.header_lead02 {
width: 20%;
}
.header_lead03 {
width: 50%;
}
.header_lead03 h1 {
margin-left: 6%;
}
.header_lead03 a {
padding: 15px 6%;
}
.header_touch span {
font-size: 32px;
}
.header_lead01 ul span{ 
font-size: 18px;
}
.batten{ 
height: 110px;
}
.batten_logo{
margin: 16px 0 0;
}
.product {
padding: 80px 0;
}
.product01 {
padding: 130px 0 0;
}
.product02 {
padding: 60px 0;
}
.product_title h1,.protit.elementor-widget-heading h1.elementor-heading-title {
font-size: 1.2rem;
}
.product_title p, .protit,.protit.elementor-widget-heading .elementor-heading-title {
font-size: 3.6rem;
line-height: 60px;
}
.look {
font-size: 16px; margin-top:15px; border:solid 2px #054f97; padding:8px 15px; color:#054f97; border-radius:8px; font-weight:bold
}
.about_pic {
height: 428px;
}
.about_word p {
line-height: 30px;
}
.record {
margin: 0px 0 0;
}
.elementor-element-e982411{ margin-top:30px}
.elementor-2 .elementor-element.elementor-element-f4726a7{ padding:70px 0 !important}
.elementor-2 .elementor-element.elementor-element-fd6ba28 .elementor-heading-title, .elementor-2 .elementor-element.elementor-element-788a8e7 .elementor-heading-title, .elementor-2 .elementor-element.elementor-element-07840f2 .elementor-heading-title{ font-size:3rem !important}
.elementor-element-1186a67{ margin-top:30px}
.elementor-element-1186a67 a:hover{ background:#004C95; color:#fff}
.record span {
font-size: 3.2rem;
}
.record section{
margin-left: 15px;
}
.record h1 {
line-height: 30px;
}
.record h2 {
font-size:14px;
line-height: 30px;
}
.record p {
font-size: 14px;
}
.solution_t {
padding: 60px 300px 60px 60px;
}
.solution_w {
padding: 55px 60px;
}
.solution_w h1 {
width: 550px;
font-size: 24px;
line-height: 30px;
margin: 25px 0;
height: 60px;
}
.solution_btn {
padding: 20px 60px 60px;
}
.seek_word p {
font-size: 15px;
}
.seek_word h3 {
font-size: 30px;
margin-top: 15px;
font-weight: bold;
}
.point_w {
padding: 30px 25px;
}
.point_w p {
font-size: 18px;
line-height: 30px;
height: 60px;
}
.point_w span {
font-size: 14px; padding-top:5px
}
.point_w img {
width: 20px;
margin: 5px 10px 0 0;
}
.map_pic {
padding: 0;
}
.wide06 {
width: 70%;
}
.close_icon {
width:25px !important; height:auto; margin-top:5px !important
}
.service {
margin: 100px 0 0;
}
.service_pic {
height: 637px;
}
.service_w {
padding: 0 40px;
bottom: 60px;
}
.service_w p {
font-size: 30px;
}
.service_w span {
padding: 20px 0 40px;
}
.solution {
padding: 400px 0 0;
}
.solution_pic {
height: 630px;
}
.solutBtn {
top: 430px;
right: calc(50% - 710px);
}
.point_pic {
height: 335px;
}
.case_pic {
height: 253px;
}
.information li {
margin-bottom: 60px;
}
.information_pic01 {
height: 300px;
}
.information_pic02 {
height: 450px;
}
.elementor-kit-6 .information_word .title {
font-size: 24px;
}
.information_tip span {
font-size: 14px; position:relative; top:-6px
}
.elementor-kit-6  .information_tip button {
font-size: 14px;
}
.information_tip img {
width: 23px;
margin-right: 10px;
}
.touch {
padding: 80px 0;
}
.touch h1 {
font-size: 30px;
}
.touch p {
font-size: 18px;
line-height: 36px;
}
.touch span {
width: 50px;
height: 3px;
margin: 30px 0;
}
.footer01 {
padding: 80px 0 100px;
}
.footer01a {
width: 25%;
}
.footer01a h1 {
font-size: 18px;
margin-bottom: 10px;
}
.footer01b{
width: 70%;
}
.footer_hed li a{ 
font-size: 14px;
}
.footer_hed b {
font-size: 20px;
margin-bottom: 30px;
}
.footer_share{ 
margin-top: 150px;
}
.footer02 {
padding: 42px 0;
}
.picture_word p {
font-size:16px;
}
.picture_word h1 {
font-size: 36px;
margin-top: 10px;
}
.picture_word h2 {
font-size: 48px !important;
}
.picture_word span {
width: 30px;
height: 6px;
margin-top: 35px;
}
.lead {
padding: 40px 0;
}
.contentbg {
padding: 50px 0 0px;
}
.con_title {
font-size: 36px;
margin: 0 0 70px;
}
.fabric_title h1 {
font-size: 36px;
}
.fabric li {
padding-bottom: 50px;
margin-bottom: 30px;
}
.fabric_pic01 {
width: 35%;
}
.fabric_word h1 {
font-size: 28px; line-height:30px
}
.fabric_word01{
padding: 40px 50px;
}
.fabric_word02 {
padding: 60px 70px;
}
.fabric_btn {
bottom: 70px;
left: 70px;
}
.fabric_btn button {
font-size: 18px;
width: 180px;
line-height: 50px;
margin-right: 20px;
}
.fabric_pattern p{
line-height: 32px;
}
.fabric_pattern .pro_title {
font-size: 18px;
margin: 35px 0;
}
.fabric_intro {
margin: 50px 0 0;
}
.case_word p {
font-size: 20px;
line-height: 30px;
}
.information_word {
padding: 50px 60px;
}
.information_word p {
line-height: 30px;
margin-top: 30px;
font-size: 16px;
height: 60px;
}
.information_tip{
padding: 0 80px 0 40px;
bottom: 50px;
}
.partner_ship span {
font-size: 16px;
}
.explicit {
padding: 60px 70px;
display: table;
width: 100%;
}
.explicit_title{
padding-bottom: 30px;
}
.explicit_title h1 {
font-size: 36px;
line-height: 50px;
}
.explicit_w01{
margin-top: 30px;
}
.explicit_pub span {
font-size: 18px;
}
.explicit_sub img{ 
width: 22px; 
}
.explicit_pub p {
font-size: 18px;
margin-right: 60px;
}
.correlation li {
margin-bottom: 22px;
}
.correlate01 {
height: 288px;
}
.correlate02 {
padding: 22px 6%;
}
.correlate02 p {
font-size: 18px;
line-height: 28px;
}
.correlation button {
font-size: 18px;
line-height: 65px;
}
.qywh_bg{ 
margin-bottom:60px;
}
.trait_title {
height: 80px;
}
.trait_title span {
line-height: 80px;
font-size: 20px; padding:0 50PX
}
}
@media screen and (max-width: 768px) {
* {
font-size: 1rem;
}
.proinfo{ font-size:12px}
.container, .elementor-section.elementor-section-boxed > .elementor-container {
width: 90% !important;
}
section.elementor-section section.elementor-section.elementor-section-boxed > .elementor-container,.container .elementor-section.elementor-section-boxed > .elementor-container {
width:100% !important;
}
.protab li{ margin:10px 0}
.so_c ul{ display:block; border:none}
.so_c ul>li+li{  border:1px solid #eee}
.so_c ul>li{ width:48%; margin:5px 1%; display:inline-block; float:left; border:1px solid #eee}
.procon li{ width:98%; float:none}
.header {
height: 5.5rem;background: rgba(29, 29, 31, 0.7);
box-shadow: 0 0 5px #ccc;
}
.header{ position:static}
.swiper-container{ position:static !important}
.header .header_logo {
margin: 0.6rem 0 0;
}
.header_logo img {
width: 8rem;
}
.header_pc,
.header_tip,
.header_logo span {
display: none;
}
.header_menu {
float: right;
}
.header_menu img {
width: 2.5rem;
margin: 1.05rem 0 0;
}
.header_menu .header_menu02 {
display: none;
}
.bannerwrite_pc img{ width:50%}
.so_ic .new_web_div2021{ display:block}
.so_ic ul, .so_ic ul:nth-child(2){ width:100%}
.bannerwrite_mob {
width: 100%;
}
.bannerwrite_mob img {
width: 100%;
}
#banner_pagination {
bottom: 3rem;
}
#banner_pagination .swiper-pagination-bullet {
margin: 0 10px;
}
.product {
padding: 2.5rem 0;
}
.product01 {
padding: 2.5rem 0 0;
}
.product02 {
padding: 0 0 2.5rem;
}
.wide01,
.wide02,
.wide03,
.wide04,
.wide05,
.wide06, .wide0 {
width: 100%;
}
.about_pic {
height: 8rem;
margin-top: 2.5rem;
}.footer_hed li a{ font-size:13px}
.about_word {
margin: 1rem 0 0;
padding: 0 0 1.5rem;
}
.about_word p {
line-height: 24px;
font-size: 14px;
}
.product_title p, .protit,.protit.elementor-widget-heading .elementor-heading-title{
font-size: 24px;
line-height: 30px;
}
.product_title h1,.protit.elementor-widget-heading h1.elementor-heading-title {
font-size: 16px;
margin: 0.4rem 0 0;
}
.product_title span {
line-height: 0.9rem;
margin-top: 0.7rem;
}
.product_line {
width: 1.5rem;
height: 0.15rem;
margin: 1rem 0 0;
}
.look {
font-size:14px; margin-top:10px
}
.look01 {
left: 0;
bottom: 10rem;
}
.record {
margin: 1.5rem 0 0;
}
.record ul {
width: 100%;
overflow: hidden;
}
.record li {
float: left;
width: 50%;
margin-bottom: 1rem;
}
.record li:nth-child(n+3) {
margin-bottom: 0;
}.record{ display:none}
.record span {
font-size: 24px;
letter-spacing: -0.1rem;
}
.record section {
margin-left: 0.2rem;
}
.record h1 {
margin-bottom: 0.5rem;
line-height: 20px; font-size:12px
}
.record h2 {
font-size: 14px;
margin-bottom: 0.5rem;
line-height: 24px;
}
.record p {
font-size: 12px;
}
.service {
margin: 1.5rem 0 0;
}
.service li {
width: 100%;
margin-bottom: 1rem;
}
.service_pic {
height: 10rem;
}
.service_w {
padding: 0 1rem;
bottom: 1.5rem;
}
.service_w p {
font-size: 0.9rem;
}
.service_w span {
padding: 0.5rem 0;
font-size: 0.65rem;
}
.service_w img {
width: 0;
}
.service li:hover .service_w img {
width: 1.6rem;
margin-top: 1rem;
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.solutionbg {
background-size: 80%;
}
.solution {
padding: 13rem 0 0;
}
.solution_pic {
height: 16rem;
}
.solution_loc {
bottom: 3.5rem;
}
.solution_t {
padding: 1.2rem 1rem;
}
.solution_w {
padding: 1.2rem 1rem;
}
.solution_w span {
border-radius: 0.2rem;
padding: 0.35rem 0.6rem;
}
.solution_w h1 {
font-size: 0.7rem;
line-height: 0.9rem;
margin: 0.7rem 0;
}
.solution_btn {
padding: 1rem 1rem 1.3rem;
}
.getBtn01 {
line-height: 1.4rem;
padding: 0 0.8rem;
border: solid 0.1rem #054f97;
border-radius: 0.2rem;
}
.getBtn02 {
line-height: 1.6rem;
padding: 0 0.8rem;
margin-left: 0.8rem;
border-radius: 0.2rem;
}
.solutBtn {
top: 11.5rem;
right: calc(5% + 0.5rem);
}
.solutBtn img {
width: 0.5rem;
}
.prevsolutBtn {
margin-right: 1.2rem;
}
.seek {
margin: 1.5rem 0 0;
}
.seek li {
width: 100%;
}
.seek li:nth-child(2) {
border-top: solid 0.05rem #e1e1e1;
border-bottom: solid 0.05rem #e1e1e1;
}
.seek_word {
padding: 1.3rem 1rem;
}
.seek_word p {
font-size: 16px;
}
.seek_word h3 {
font-size: 14px;
margin-top: 0.3rem;
font-weight: bold;
}
.seek_on .seek_word h3,.seek_on .seek_tier{ color:#fff}
.seek_tier {
margin-top: 1.6rem;
}
.seek_tier section {
line-height:22px;
}
.seek .seek_on {
width: 100%;
}
.seek_on section {
margin-top: 1rem;
}
.vocatp {
font-size: 0.65rem;
line-height: 1rem;
margin-top: 0.6rem;
}
.vocatBtn {
margin-top: 2rem;
}
.map_pic img {
width: 100%;
}
.point {
margin: 1.5rem 0 0;
}
.point_pic {
height: 10rem;
}
.point_w {
padding: 1rem;
margin: 0 0 2.5rem;
}
.point_w p {
font-size:14px;
line-height:22px;
}
.point_w section {
padding: 0.8rem 0; font-size:13px
}
.point_w img {
width: 0.7rem;
margin: 0 0.5rem 0 0;
}
.point_w span {
font-size: 0.65rem;
}
.pointBtnloc {
width: 100%;
padding: 0 1rem;
}
.pointBtn img {
width: 0.5rem;
}
.prevpointBtn {
margin-right: 1.2rem;
}
.touch {
padding: 1.6rem 0;
}
.touch h1 {
font-size: 0.75rem;
line-height: 1.2rem;
width: 70%;
}
.touch span,
.touch p {
display: none;
}
.touch img {
width: 0.6rem;
}
.footer{
padding: 0 0 2.5rem;
}
.footer01 {
padding:30px 20px;
}
.footer_hed,
.footer_share { width:100%
}
.footer_logo {
margin: 0 0 0.9rem;
}
.footer_logo img {
width: 7.6rem;
}
.footer01a h1 {
font-size: 14px;
margin-bottom: 0;
}
.footer01a p {
font-size: 0.55rem;
}
.footer01b {
width: 100%;
}
.footer_hed b {
font-size: 14px;
margin: 1.5rem 0 0;
}
.footer02 {
padding: 0.8rem 0;
}
.footer02 p {
font-size: 0.5rem;
line-height: 0.8rem;
}
.footer02 span {
font-size: 0.5rem;
margin-left: 0.5rem;
}
.footer02 section {
display: none;
}
.picture_word p {
font-size:14px;
}
.picture_word h1 {
font-size: 1rem;
margin-top: 0.3rem;
}
.picture_word h2 {
font-size: 1.5rem !important;
}
.picture_word span {
width: 1.2rem;
height: 0.2rem;
margin-top: 1.2rem;
}
.lead {
padding: 0.9rem 0;
}
.lead ul {
width: 100%;
overflow-x: auto;
white-space: nowrap;
}
.lead ul::-webkit-scrollbar {
display: none;
}
.lead li {
display: inline-block;
margin-right: 0.7rem;
padding: 0.6rem 0;
} .lead p {
font-size: 0.65rem;
}
.lead_topic {
width: 100%;
margin: 0.4rem 0 0.6rem;
}
.lead_topic img {
width: 20px;
margin-right:0;
}
.lead_topic h1 {
font-size: 13PX;
}.pronav li a{ font-size:14PX}
.pronav li{ width:100%} 
.proban{ display:none}
.about_con {
line-height: 1.2rem;
font-size: 0.65rem;
margin-top: 1.5rem;
}
.about_con p {
line-height: 1.2rem;
font-size: 0.65rem;
}
.about_con span {
line-height: 1.2rem;
font-size: 0.65rem;
}
.regardbg {
padding-top: 2rem;
}
.drawing_pic {
height: 9.5rem;
}
.drawing_tier img {
width: 3rem;
}
.drawing_tier p {
font-size: 0.65rem;
margin-top: 0.6rem;
}
.prevregardBtn,
.nextregardBtn {
width: 2rem;
height: 2rem;
padding-top: 0.6rem;
}
.prevregardBtn img,
.nextregardBtn img {
width: 0.5rem;
}
.speech_pic {
display: none;
}
.speechbg {
margin: 1.8rem 0 2.5rem;
}
.speech {
padding: 0 1rem;
line-height: 1.2rem;
font-size: 0.65rem;
}
.honour {
padding: 0.3rem;
margin-bottom: 2.2rem;
}
#honourpagination {
bottom: 0.4rem;
}
.honour_pic {
margin-bottom: 1rem;
}
.culture {
margin: 1rem 0 0;
}
.culture p {
line-height: 1.2rem;
font-size: 0.65rem;
}
.technique_p {
line-height: 1.2rem;
margin: 1.5rem 0 2rem;
}
.technique_tu li {
width: 100%;
height: 3rem;
margin-bottom: 0.6rem;
padding-left: 32%;
position: relative;
}
.technique_tu li:last-child {
margin-bottom: 0;
}
.technique_tu img {
height: 2.6rem;
position: absolute;
top: 0.2rem;
left: 0;
z-index: 9;
}
.technique_tu span {
font-size: 0.65rem;
line-height: 1rem;
margin: 0.5rem 0 0 0;
}
.partner_pic {
margin-top: 1.5rem;
height: 10rem;
}
.partner_pic img {
width: 100%;
height: 100%;
object-fit: cover;
}
.partner_ship {
margin-top: 1.5rem;
float: left;
}
.partner_ship li {
width: 48%;
margin-right: 4%;
margin-bottom: 0.8rem;
padding: 0.5rem 0.3rem;
border: solid 0.03rem #ccc;
}
.partner_ship li:nth-child(2n) {
margin-right: 0;
}
.partner_ship li:nth-child(n+5) {
margin-bottom: 0;
}
.partner_ship img {
width: 2rem;
height: 2rem;
}
.partner_ship span {
width: calc(100% - 3rem);
right: 0.3rem;
}
.contentbg {
padding: 1.5rem 0;
}
.fabric li {
padding-bottom: 20px;
margin-bottom:20px;
border-bottom: solid 0.05rem #e1e1e1;
}
.fabric_title h1 {
font-size: 1rem;
}
.fabric_title span {
font-size: 0.65rem;
display: block;
margin-top: 1.5rem;
}
.fabric_intro {
margin: 1rem 0 0;
}
.fabric_pic {
width: 90vw;
height: 90vw;
}
.fabric_word {
width: 100%;
padding: 1.2rem 1rem;  
}
.fabric_word h1 {
font-size: 1rem;
}
.fabric_word h2,.con h1 {
font-size: 16PX !important; }
.provinfo{ font-size:13PX; line-height:24PX}
.fabric_pattern .pro_title {
font-size: 13px;
margin: 1.2rem 0 0.8rem;
}
.fabric_pattern p{
font-weight:normal;
line-height: 1rem; font-size:13px
}
.fabric_ul span {
width: 48%;
margin-right: 4%;
margin-bottom: 0.8rem;
border: solid 0.05rem #e1e1e1;
padding: 0.6rem 0;
border-radius: 0.3rem;
}
.fabric_ul span:nth-child(2n) {
margin-right: 0;
}
.fabric_ul .fabric_active {
border: solid 0.05rem #004c95;
color: #000;
}
.fabric_btn {
margin: 1.6rem 0 1rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.fabric_btn a {
width: 48%;
}
.fabric_btn button {
font-size: 14px;
width: 100%;
line-height: 1.8rem;
border-radius: 0.3rem;
}
.fabric_btn img {
width: 1rem;
margin-left: 0.4rem;
}
.fabric_btn .fabric_sult01{
display: none;
}
#fabricpagination {
text-align: left;
padding: 0 0.8rem;
bottom: 0.8rem;
}
#fabricpagination .swiper-pagination-bullet {
width: 0.3rem;
height: 0.3rem;
margin: 0 0.2rem;
background: #fff;
}
#fabricpagination .swiper-pagination-bullet-active {
width: 0.3rem;
height: 0.3rem;
background: #004c95;
}
.con_title {
font-size: 1rem;
margin: 0 0 1.5rem;
}
.case li {
width: 100%;
margin-bottom: 1.2rem;
padding: 1rem;
}
.case_pic {
height: 8.2rem;
}
.case_word {
margin-top: 0.8rem;
}
.case_word p {
font-size: 15px;
line-height: 1rem;
}
.case_word span {
margin-top: 0.8rem; font-size:13px
}
.information li {
margin-bottom: 1.3rem;
}
.information_pic {
width: 100%;
height: 10rem;
}
.information_word {
width: 100%;
padding: 1rem;
}
.elementor-kit-6 .information_word .title {
font-size: 16px;
}
.information_word p {
line-height: 1rem;
margin-top: 0.8rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; font-size:13px
} 
.information_tip {
padding: 1rem 1rem 1.2rem;
overflow: hidden;
}
.information_tip img {
width: 15px;
margin: 0.15rem 0.3rem 0 0;
float: left;
}
.information_tip span {
font-size: 13px;
float: left;
}
.elementor-kit-6 .information_tip button {
font-size:13px;
}
.contentL,
.contentR {
width: 100%;
}
.explicit {
padding:20px;
display: block;
width: 100%;
}
.explicit_title {
border-bottom: solid 0.05rem #e1e1e1;
padding-bottom:15px;
}
.explicit_title h1 {
font-size: 16px;
line-height: 26px;
}
.explicit_title .explicit_sub {
display: none;
}
.explicit_pub {
margin: 0.8rem 0 1.3rem;
overflow: hidden;
}
.explicit_pub p {
font-size: 0.55rem;
float: left;
}
.explicit_pub span {
font-size: 0.55rem;
float: right;
}
.explicit_w01{
margin-top: 1.5rem;
}
.explicit_w img{
width: 100%!important;
}
.explicit_w p {
line-height: 24PX !important;
font-size: 14PX !important;
}
.explicit_w span{
line-height: 24PX !important;
font-size: 14PX !important;
}
.explicit_tip {
margin-top: 1.2rem;
padding: 0.5rem 1rem;
}
.explicit_tip img {
width: 0.7rem;
margin-top: 0.25rem;
}
.explicit_tip span {
margin: 0 0.3rem;
line-height: 1.2rem;
}
.correlation {
margin-top: 1.5rem;
}
.correlation li {
margin-bottom: 1rem;
}
.correlate01 {
height: 9rem;
}
.correlate01 p {
padding: 0.6rem 6%;
}
.correlate02 {
padding: 0.9rem 6%;
}
.correlate02 p {
font-size: 0.7rem;
line-height: 1rem;
}
.correlate02 span {
margin-top: 0.6rem;
font-size: 0.55rem;
}
.correlation button {
font-size: 0.65rem;
line-height: 2rem;
}
.fabric_title .fabric_sub {
display: none;
}
.trait {
margin-top: 1.5rem;
}
.trait_title span {
width: 100%;
line-height: 50PX;
font-size: 16PX;
}
.trait ul {
padding: 1rem;
}
.trait_chart th {
padding: 0.2rem 0.5rem;
height: 1.6rem;
}
.trait_chart td {
padding: 0.2rem 0.5rem;
height: 2.4rem;
}
.opinion {
padding: 1.6rem 0 0.8rem;
}
.opinion01 {
margin-bottom: 1rem;
}
.opinion01 img {
width: 1rem;
top: 0.6rem;
left: 0.5rem;
}
.opinion01 input {
line-height: 2.2rem;
height: 2.2rem;
padding: 0 0.5rem 0 2rem;
border-radius: 0.2rem;
}
.opinion02 {
margin-bottom: 1rem;
}
.opinion02 img {
width: 1rem;
top: 0.6rem;
left: 0.5rem;
}
.opinion02 textarea {
height: 8rem;
padding: 0.4rem 0.5rem 0.4rem 2rem;
font-size: 0.65rem;
line-height: 1.2rem;
border-radius: 0.2rem;
}
.opinion button {
width: 50%;
font-size: 0.7rem;
height: 2.2rem;
line-height: 2.2rem;
border-radius: 0.2rem;
}
.paging{ 
text-align: center; 
margin: 1rem 0 0;
}
.paging p{ 
display: inline-block; 
padding: 0.3rem 0.6rem; 
background: #fff; 
margin: 0 0.1rem; 
transition: all 0.2s;
}
.paging p:hover{ 
color: #fff; 
background: #004c95;
}
.partner_t li{ width:25%}
}
@media screen and (max-width: 1336px) {
.about_word p{ line-height:26px}
.record{ margin-top:0}
.inqu{ width:160px; font-size:13px}.so_ic ul li p a, .so_ic .elementor-element .elementor-image-box-wrapper .elementor-image-box-content p a{ font-size:14px}
.so_c ul>li>a{ font-size:13px}
}
@media screen and (max-width: 1124px) {
.header_logo img{ width:112px}
.header_pc{ margin-left:1%}
.header_pc{ width:63% !important}
.header_topic a,#menu-header-menu .menu-item a{ font-size:12px}
} 
@media screen and (max-width: 1124px) {
.header_pc{ width:100% !important} 
.header_topic,#menu-header-menu .menu-item{ line-height:40px}
} @font-face {
font-family: swiper-icons;
src: url(//www.masdacnc.com/wp-content/themes/onepound/fonts/c0c13ee995854395ab1b847acbf9cf89.woff) format("woff");
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-container-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
flex-wrap: wrap
}
.swiper-container-multirow-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-container-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-container-3d {
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
scroll-snap-type: y mandatory
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none!important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
--swiper-navigation-color: #ffffff
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
--swiper-navigation-color: #000000
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 30px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: rgba(255,255,255,0.5);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
width: 8px;
height: 8px;
border-radius: 20px;
opacity: 1; background: #fff;
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform, .2s top
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 9px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff
}
.swiper-pagination-black {
--swiper-pagination-color: #000000
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg)
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-flip {
overflow: visible
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
} .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
@-webkit-keyframes bounce {
0%,
100%,
20%,
53%,
80% {
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
@keyframes bounce {
0%,
100%,
20%,
53%,
80% {
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes flash {
0%,
100%,
50% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
0%,
100%,
50% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg)
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg)
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg)
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
100% {
-webkit-transform: none;
transform: none
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
transform: none
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
100% {
-webkit-transform: none;
transform: none
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes bounceIn {
0%,
100%,
20%,
40%,
60%,
80% {
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
0%,
100%,
20%,
40%,
60%,
80% {
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s
}
@-webkit-keyframes bounceInDown {
0%,
100%,
60%,
75%,
90% {
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
100% {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInDown {
0%,
100%,
60%,
75%,
90% {
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
100% {
-webkit-transform: none;
transform: none
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%,
100%,
60%,
75%,
90% {
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
100% {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInLeft {
0%,
100%,
60%,
75%,
90% {
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
100% {
-webkit-transform: none;
transform: none
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%,
100%,
60%,
75%,
90% {
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
100% {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInRight {
0%,
100%,
60%,
75%,
90% {
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
100% {
-webkit-transform: none;
transform: none
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%,
100%,
60%,
75%,
90% {
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes bounceInUp {
0%,
100%,
60%,
75%,
90% {
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInX {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInY {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0
}
}
.flipOutY {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
100% {
opacity: 0
}
}
@keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
100% {
opacity: 0
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
@font-face{font-family:iconfont;src:url(//www.masdacnc.com/wp-content/themes/onepound/fonts/iconfont.woff2) format('woff2'),url(//www.masdacnc.com/wp-content/themes/onepound/fonts/iconfont.woff) format('woff'),url(//www.masdacnc.com/wp-content/themes/onepound/fonts/iconfont.ttf) format('truetype'),url(//www.masdacnc.com/wp-content/themes/onepound/fonts/iconfont.svg) format('svg');font-display:swap}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-yulantubiaosvg:before{content:"\e656"}.icon-xiazaitubiaosvg:before{content:"\e655"}.icon-filter1:before{content:"\e712"}.icon-tumblr:before{content:"\e849"}.icon-line:before{content:"\e6fb"}.icon-24gl-telephone:before{content:"\e953"}.icon-tianjiawenjian:before{content:"\e654"}.icon-ppt1:before{content:"\e6c9"}.icon-csv:before{content:"\e6d2"}.icon-excel1:before{content:"\e6d4"}.icon-txt1:before{content:"\e6d5"}.icon-pdf1:before{content:"\e6d6"}.icon-word1:before{content:"\e6d7"}.icon-a-32yasuowenjian:before{content:"\e6e4"}.icon-a-whatsapp1:before{content:"\e653"}.icon-a-telegram-planexiugaiban:before{content:"\e607"}.icon-download1:before{content:"\e651"}.icon-arrow10:before{content:"\e605"}.icon-inquiry3:before{content:"\e70d"}.icon-language1:before{content:"\e70c"}.icon-language2:before{content:"\e70a"}.icon-inquiry2:before{content:"\e70b"}.icon-tell1:before{content:"\e709"}.icon-address1:before{content:"\e704"}.icon-tool_email2:before{content:"\e705"}.icon-member7:before{content:"\e706"}.icon-play1:before{content:"\e708"}.icon-search1:before{content:"\e601"}.icon-search2:before{content:"\e602"}.icon-search3:before{content:"\e603"}.icon-search4:before{content:"\e604"}.icon-search5:before{content:"\e608"}.icon-shoppingcart1:before{content:"\e609"}.icon-shoppingcart2:before{content:"\e60a"}.icon-shoppingcart3:before{content:"\e60b"}.icon-shoppingcart4:before{content:"\e60d"}.icon-shoppingcart5:before{content:"\e60e"}.icon-member1:before{content:"\e60f"}.icon-member2:before{content:"\e610"}.icon-member3:before{content:"\e611"}.icon-member4:before{content:"\e612"}.icon-member5:before{content:"\e613"}.icon-home1:before{content:"\e615"}.icon-facebook1:before{content:"\e801"}.icon-youtube1:before{content:"\e87c"}.icon-linkedin1:before{content:"\e666"}.icon-google1:before{content:"\e87a"}.icon-pinterest1:before{content:"\e614"}.icon-instagram1:before{content:"\e736"}.icon-vk1:before{content:"\e932"}.icon-twitter1:before{content:"\e9b2"}.icon-linkedin2:before{content:"\e698"}.icon-vk2:before{content:"\e923"}.icon-google2:before{content:"\e886"}.icon-pinterest2:before{content:"\f211"}.icon-twitter2:before{content:"\e64c"}.icon-facebook2:before{content:"\e64e"}.icon-instagram2:before{content:"\e684"}.icon-youtube2:before{content:"\e616"}.icon-facebook3:before{content:"\e61a"}.icon-twitter3:before{content:"\e61b"}.icon-youtube3:before{content:"\e61c"}.icon-pinterest3:before{content:"\e61d"}.icon-instagram3:before{content:"\e61e"}.icon-linkedin3:before{content:"\e61f"}.icon-google3:before{content:"\e620"}.icon-vk3:before{content:"\e621"}.icon-tiktok1:before{content:"\e8db"}.icon-tiktok2:before{content:"\e622"}.icon-tiktok3:before{content:"\e623"}.icon-arrow1:before{content:"\e6bd"}.icon-mb_menu1:before{content:"\e624"}.icon-mb_menu2:before{content:"\e625"}.icon-mb_add1:before{content:"\e600"}.icon-mb_add2:before{content:"\e617"}.icon-mb_add3:before{content:"\e64d"}.icon-mb_cut3:before{content:"\e626"}.icon-mb_cut2:before{content:"\e627"}.icon-mb_cut1:before{content:"\e628"}.icon-arrow2:before{content:"\e62b"}.icon-favorite1:before{content:"\e629"}.icon-favorite3:before{content:"\e62a"}.icon-favorite4:before{content:"\e62c"}.icon-favorite2:before{content:"\e62d"}.icon-mb_add4:before{content:"\e62e"}.icon-mb_cut4:before{content:"\e62f"}.icon-newsletter1:before{content:"\e630"}.icon-close1:before{content:"\e631"}.icon-view1:before{content:"\e618"}.icon-star1:before{content:"\e632"}.icon-view2:before{content:"\e6a7"}.icon-gift1:before{content:"\e633"}.icon-arrow3:before{content:"\e761"}.icon-newsletter2:before{content:"\e681"}.icon-arrow4:before{content:"\e634"}.icon-newsletter3:before{content:"\e678"}.icon-newsletter4:before{content:"\e652"}.icon-tool_email1:before{content:"\e635"}.icon-tool_wechat1:before{content:"\e707"}.icon-tool_whatsapp1:before{content:"\e97b"}.icon-tool_skype1:before{content:"\ec02"}.icon-tool_qq1:before{content:"\e667"}.icon-tool_trademanager1:before{content:"\e79f"}.icon-tool_arrow1:before{content:"\e636"}.icon-tool_facebookmessenger1:before{content:"\e725"}.icon-newsletter5:before{content:"\e619"}.icon-question1:before{content:"\e637"}.icon-Tips1:before{content:"\e710"}.icon-camera1:before{content:"\e66f"}.icon-delete1:before{content:"\e638"}.icon-order_review1:before{content:"\e60c"}.icon-order_shipped1:before{content:"\e639"}.icon-coupon1:before{content:"\e63a"}.icon-order_payment1:before{content:"\e63b"}.icon-arrow5:before{content:"\e63c"}.icon-dollar1:before{content:"\e63d"}.icon-delete2:before{content:"\e63e"}.icon-password1:before{content:"\e63f"}.icon-send1:before{content:"\e640"}.icon-arrow6:before{content:"\e641"}.icon-map1:before{content:"\e642"}.icon-arrow7:before{content:"\e643"}.icon-chat1:before{content:"\e644"}.icon-arrow8:before{content:"\e645"}.icon-order_shipped2:before{content:"\e648"}.icon-order_shipped3:before{content:"\e649"}.icon-picture1:before{content:"\e64a"}.icon-order_tips2:before{content:"\e64b"}.icon-order_dollar2:before{content:"\e64f"}.icon-order_payment2:before{content:"\e650"}.icon-order_cancel:before{content:"\e646"}.icon-favorite6:before{content:"\e6af"}.icon-favorite5:before{content:"\e6b0"}.icon-shoppingcart6:before{content:"\e6c0"}.icon-yunshu:before{content:"\e6c1"}.icon-shanchu:before{content:"\e6c2"}.icon-facebook4:before{content:"\e6d8"}.icon-VK4:before{content:"\e6d9"}.icon-Google4:before{content:"\e6da"}.icon-paypal1:before{content:"\e6db"}.icon-tick1:before{content:"\e647"}.icon-shoppingcart7:before{content:"\e6dc"}.icon-arrow9:before{content:"\e6dd"}.icon-member6:before{content:"\e6de"}.icon-search6:before{content:"\e6df"}.icon-return1:before{content:"\e6e0"}.icon-freedelivery1:before{content:"\e6e1"}.icon-securepayment1:before{content:"\e6e2"}.icon-service2:before{content:"\e6e3"}.icon-inquiry1:before{content:"\e6fc"}
#content .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
padding: 0px; margin:0
}
.elementor-image-box-img a{ overflow:hidden}
.elementor-2 .elementor-element.elementor-element-8fb9319.elementor-position-top .elementor-image-box-img{ margin-bottom:0 !important}
.elementor-widget:not(:last-child){  margin-bottom:10px !important}
.elementor-2 .elementor-element.elementor-element-2849b58{ padding:0 1%}
.elementor-2 .elementor-element.elementor-element-720a773.elementor-position-top .elementor-image-box-img{ margin-bottom:0 !important}
.elementor-element-ceb6556 .so_c{ margin-bottom:30px !important}
.elementor-2 .elementor-element.elementor-element-af5155c > .elementor-widget-container{ padding:0 !important}
.elementor-2 .elementor-element.elementor-element-b792464{ padding-left:3%}
.elementor-element-de483d3 { overflow:hidden}
.page_nav{ padding-bottom:40px}
.total .blue{ padding:0 5px}
.gt_container-rrdn7z a.glink span{ width:auto !important; height:auto !important}
.elementor-2 .elementor-element.elementor-element-ad0a3ac { margin:70px 0 !important}
.elementor-2 .elementor-element.elementor-element-a7777f0{ padding:70px 0 !important}
.elementor-image-gallery{ padding-top:20px}
.gt_languages a{ display:block; width:100%; line-height:22px !important; color:#333 !important} 
.gt_languages a span{ color:#333 !important;}
.gt_white_content a{ border:none}
#menu-header-menu .sub-menu .menu-item a:hover{ color:#004C95 !important}
.header_gtran{ float:right}
.gt_switcher-popup span{ color:#fff !important; font-size:13px !important}
.gt_switcher-popup span:last-child{ font-size:8px !important}
.gt_switcher-popup img{ width:25px !important}
@media screen and (max-width: 768px){
.elementor-2 .elementor-element.elementor-element-ad0a3ac {
margin: 40px 0 !important;
}
.elementor-2 .elementor-element.elementor-element-10dd935 .elementor-heading-title, .elementor-2 .elementor-element.elementor-element-cff690e .elementor-heading-title, .elementor-2 .elementor-element.elementor-element-43b2c52 .elementor-heading-title,.elementor-2 .elementor-element.elementor-element-e19b872 .elementor-heading-title{ font-size:24px !important}
.elementor-2 .elementor-element.elementor-element-36ab5bd, .elementor-2 .elementor-element.elementor-element-f4726a7{ padding:40px 0 !important}
.procon{ margin-top:10px }
.elementor-2 .elementor-element.elementor-element-5b5add6{ padding:0 !important}
.so_c ul>li{ padding:5px}
.so_c ul>li>a{justify-content: left;}
.so_c ul>li>a img{ width:20px; height:20px 
}
.elementor-2 .elementor-element.elementor-element-a7777f0,.elementor-2 .elementor-element.elementor-element-18736d6{ padding:40px 0 !important}
.elementor-image-gallery .gallery-item{ width:48% !important}
} 
.explicit .explicit_w ul li{list-style:disc;margin-left: 20px;}
#related-posts h3{font-size: 24px;
margin-top: 50px;margin-bottom: 30px;
font-weight: bold;
text-align:center;
}
#related-posts article{width:47%;float:left;box-shadow: 0 0 20px #dcdcdc;
margin-right: 30px;}
#related-posts article .related-post-title a{font-size:18px;color: #333;}
#related-posts article .related-post-title p{color: #666;}
#related-posts article:hover{background: #004c95;}
#related-posts article:hover a,#related-posts article:hover p{color:#fff;}.comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.alignwide{margin-left:-80px;margin-right:-80px}.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw}.alignfull,.alignfull img{width:100vw}.wp-caption{margin-bottom:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-left:auto;margin-right:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{margin:20px auto}.sticky{position:relative;display:block}.bypostauthor{font-size:inherit}.hide{display:none!important}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.site-header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:1rem;padding-bottom:1rem;position:relative}.site-header .site-navigation{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.site-header .site-branding{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.site-header .header-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.site-header .header-inner .custom-logo-link{display:block}.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}.site-header:not(.header-stacked) .header-inner .site-branding{max-width:30%}.site-header:not(.header-stacked) .header-inner .site-navigation{max-width:70%}.site-header.header-inverted .header-inner{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.site-header.header-inverted .header-inner .site-branding{text-align:right}.site-header.header-inverted .header-inner .site-navigation{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.site-header.header-stacked .header-inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}@media (max-width:576px){.site-header .header-inner:not(.header-stacked) .site-branding{max-width:80%}}.site-footer{padding-top:1rem;padding-bottom:1rem;position:relative}.site-footer .footer-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.site-footer .footer-inner .custom-logo-link{display:block}.site-footer .footer-inner .site-navigation{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.site-footer .footer-inner .site-branding{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}.site-footer .footer-inner .copyright{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.site-footer .footer-inner .copyright p{margin:0}.site-footer.footer-inverted .footer-inner{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.site-footer.footer-inverted .footer-inner .site-branding{text-align:right}.site-footer.footer-inverted .footer-inner .site-navigation{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.site-footer.footer-has-copyright .footer-inner .site-navigation{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.site-footer.footer-stacked .footer-inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.site-footer.footer-stacked .footer-inner .site-branding h4.site-title{text-align:center}.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}.site-footer:not(.footer-stacked) .footer-inner .site-branding{max-width:20%}.site-footer:not(.footer-stacked) .footer-inner .site-navigation{max-width:60%}.site-footer:not(.footer-stacked) .footer-inner .copyright{max-width:20%}@media (max-width:576px){.site-footer:not(.footer-stacked) .footer-inner .copyright,.site-footer:not(.footer-stacked) .footer-inner .site-branding,.site-footer:not(.footer-stacked) .footer-inner .site-navigation{display:block;text-align:center;width:100%;max-width:none}.site-footer .footer-inner .site-navigation ul.menu{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}}.post .entry-title a{text-decoration:none}.post .wp-post-image{width:100%;max-height:500px;-o-object-fit:cover;object-fit:cover}@media (max-width:991px){.post .wp-post-image{max-height:400px}}@media (max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{margin:0;padding:0;list-style:none;font-size:.9em}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:30px 0 30px 60px;border-bottom:1px solid #ccc}body.rtl #comments .comment .comment-body,body.rtl #comments .pingback .comment-body{padding:30px 60px 30px 0}#comments .comment .avatar,#comments .pingback .avatar{position:absolute;left:0;border-radius:50%;margin-right:10px}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar{left:auto;right:0;margin-right:0;margin-left:10px}#comments .comment-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{position:relative;list-style:none;margin:0;padding-left:30px}body.rtl #comments .children{padding-left:0;padding-right:30px}#comments .children li:last-child{padding-bottom:0}#comments ol.comment-list .children:before{display:inline-block;font-size:1em;font-weight:400;line-height:100%;content:"\21AA";position:absolute;top:45px;left:0;width:auto}body.rtl #comments ol.comment-list .children:before{content:"\21A9";left:auto;right:0}@media (min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media (max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-left:20px}#comments .comment .avatar{position:inherit;float:left}body.rtl #comments .comment .avatar{float:right}}.site-header.header-inverted .site-navigation-toggle-holder{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.site-header.header-stacked .site-navigation-toggle-holder{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:100%}.site-header.menu-layout-dropdown .site-navigation{display:none}.site-navigation-toggle-holder{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:20%;padding:8px 15px}.site-navigation-toggle-holder,.site-navigation-toggle-holder .site-navigation-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.site-navigation-toggle-holder .site-navigation-toggle{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:22px;padding:.25em;cursor:pointer;border:0 solid;border-radius:3px;background-color:rgba(0,0,0,.05);color:#494c4f}.site-navigation-toggle-holder.elementor-active .site-navigation-toggle i:before{content:"\e87f"}.site-navigation{grid-area:nav-menu;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}.site-navigation ul.menu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.site-navigation ul.menu li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.site-navigation ul.menu li a{display:block;padding:8px 15px}.site-navigation ul.menu li.menu-item-has-children{padding-right:15px}.site-navigation ul.menu li.menu-item-has-children:after{display:block;content:"\25BE";font-size:1.5em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#666;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-decoration:none}.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}.site-navigation ul.menu li ul{background:#fff;display:none;min-width:150px;position:absolute;z-index:2;left:0;top:100%}.site-navigation ul.menu li ul li{border-bottom:1px solid #eee}.site-navigation ul.menu li ul li:last-child{border-bottom:none}.site-navigation ul.menu li ul li.menu-item-has-children a{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.site-navigation ul.menu li ul li.menu-item-has-children:after{-webkit-transform:translateY(-50%) rotate(-90deg);-ms-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.site-navigation ul.menu li ul ul{left:100%;top:0}.site-navigation ul.menu li:hover>ul{display:block}footer .site-navigation ul.menu li ul{top:auto;bottom:100%}footer .site-navigation ul.menu li ul ul{bottom:0}footer .site-navigation ul.menu a{padding:5px 15px}.site-navigation-dropdown{margin-top:10px;-webkit-transition:max-height .3s,-webkit-transform .3s;transition:max-height .3s,-webkit-transform .3s;-o-transition:max-height .3s,transform .3s;transition:max-height .3s,transform .3s;transition:max-height .3s,transform .3s,-webkit-transform .3s;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;position:absolute;bottom:0;left:0;z-index:10000;width:100%}.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);max-height:0}.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);max-height:100vh}.site-navigation-dropdown ul{padding:0}.site-navigation-dropdown ul.menu{position:absolute;width:100%;padding:0;margin:0;background:#fff}.site-navigation-dropdown ul.menu li{display:block;width:100%;position:relative}.site-navigation-dropdown ul.menu li a{display:block;padding:20px;background:#fff;color:#55595c;-webkit-box-shadow:inset 0 -1px 0 #0000001a;box-shadow:inset 0 -1px 0 #0000001a}.site-navigation-dropdown ul.menu li.current-menu-item a{color:#fff;background:#55595c}.site-navigation-dropdown ul.menu>li li{-webkit-transition:max-height .3s,-webkit-transform .3s;transition:max-height .3s,-webkit-transform .3s;-o-transition:max-height .3s,transform .3s;transition:max-height .3s,transform .3s;transition:max-height .3s,transform .3s,-webkit-transform .3s;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);max-height:0}.site-navigation-dropdown ul.menu li.elementor-active>ul>li{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);max-height:100vh}@media (max-width:576px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media (min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media (min-width:576px) and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media (min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media (max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-right:auto;margin-left:auto;width:100%}@media (max-width:575px){.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-right:10px;padding-left:10px}}@media (min-width:576px){.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media (min-width:768px){.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media (min-width:992px){.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media (min-width:1200px){.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:960px}.site-footer .footer-inner,.site-header .header-inner{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)}