/*reset*/ :focus{outline:0;} h1,h2,h3,h4,h5,h6{ margin:0px; padding:0; line-height:normal} body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0;font-family:'OpenSans-Regular';font-weight:400;} em{font-style:normal;} img{border:none; max-width:100%} /*li,ul,ol{list-style:none;}*/ a{text-decoration:none;color:#231815;} input{padding:0px;vertical-align: middle;line-height: normal;border:none;} body{overflow-x:hidden;} button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0;} a:focus {outline: none;} :focus {outline: none; box-shadow:none} iframe {max-width: 100%;} .table-responsive ul li {list-style-position: inside; } .table-responsive td{ padding:0 8px}/*share*/ /*share*/ body{ font-size: 16px; background:#fff; color: #000; line-height:30px; } .bold{font-weight:bold;} .fontRed{color:red;} .clearfix:before, .clearfix:after{content:" ";display:table;} .clearfix:after{clear:both;} .autoplay3 .slick-slide{transition:all 0.3s ease;} .container{ position: relative} @media only screen and (max-width: 768px) { .row{margin:0;} } a:hover,img:hover{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} a,img{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} @font-face { font-family: 'fontawesome'; src: url("fonts/Font-Awesome/fontawesome-webfont.eot?v=4.5.0"); src: url("fonts/Font-Awesome/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/Font-Awesome/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("fonts/Font-Awesome/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("fonts/Font-Awesome/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("fonts/Font-Awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; font-display: fallback; } /*@font-face {*/ /* font-family: 'Roboto-Regular';*/ /* src:url(fonts/Roboto-Regular.eot);*/ /* src: url(fonts/Roboto-Regular.eot?#iefix) format('embedded-opentype'),*/ /* url(fonts/Roboto-Regular.svg#Roboto-Regular) format('svg'),*/ /* url(fonts/Roboto-Regular.woff) format('woff'),*/ /* url(fonts/Roboto-Regular.ttf) format('truetype');*/ /* font-weight: normal;*/ /* font-style: normal;*/ /*} */ /*@font-face {*/ /* font-family: 'OpenSans-Regular';*/ /* src:url(fonts/OpenSans-Regular.eot);*/ /* src: url(fonts/OpenSans-Regular.eot?#iefix) format('embedded-opentype'),*/ /* url(fonts/OpenSans-Regular.svg#OpenSans-Regular) format('svg'),*/ /* url(fonts/OpenSans-Regular.woff2) format('woff2'),*/ /* url(fonts/OpenSans-Regular.ttf) format('truetype');*/ /* font-weight: normal;*/ /* font-style: normal;*/ /*} */ /* @font-face {*/ /* font-family: 'Roboto-Bold';*/ /* src:url(fonts/Roboto-Bold.eot);*/ /* src: url(font/Roboto-Bold.eot?#iefix) format('embedded-opentype'),*/ /* url(fonts/Roboto-Bold.svg#Roboto-Bold) format('svg'),*/ /* url(fonts/Roboto-Bold.woff) format('woff'),*/ /* url(fonts/Roboto-Bold.ttf) format('truetype');*/ /* font-weight: normal;*/ /* font-style: normal;*/ /*} */ @font-face { font-family: "OpenSans-Regular"; font-style: normal; src: url(fonts/OpenSans-Regular.ttf) format("truetype"); font-display: fallback; } @font-face { font-family: "Poppins"; font-style: normal; src: url(fonts/Poppins-Regular.ttf) format("truetype"); font-display: fallback; } /*@font-face { font-family: "Gotham-Book"; font-style: normal; src: url(fonts/Gotham/OpenSans-Regular.otf) format("OpenType"); font-display: fallback; }*/ /*@font-face { font-family: "OpenSans-Regular"; font-style: normal; src: url(fonts/Gotham/OpenSans-Regular.otf) format("OpenType"); font-display: fallback; }*/ /*@font-face { font-family: "RobotoRegular"; font-style: normal; src: url(fonts/Roboto/Roboto-Regular.ttf) format("TrueType"); font-display: fallback; } @font-face { font-family: "RobotoBold"; font-style: normal; src: url(fonts/Roboto/Roboto-Bold.ttf) format("TrueType"); font-display: fallback; } @font-face { font-family: "RobotoLight"; font-style: normal; src: url(fonts/Roboto/Roboto-Light.ttf) format("TrueType"); font-display: fallback; } @font-face { font-family: "RobotoBlack"; font-style: normal; src: url(fonts/Roboto/Roboto-Black.ttf) format("TrueType"); font-display: fallback; } @font-face { font-family: "RobotoThin"; font-style: normal; src: url(fonts/Roboto/Roboto-Thin.ttf) format("TrueType"); font-display: fallback; } @font-face { font-family: "RobotoMedium"; font-style: normal; src: url(fonts/Roboto/Roboto-Medium.ttf) format("TrueType"); font-display: fallback; } */ .nav_content{background:#220303;} .nav_content > .container{position:relative;} header .wrapper{display:none;} .wrapper .toggle{ float: right; width: 50px; height: 58px; cursor: pointer; color: #fff; text-decoration: none; font-size: 14px; text-indent: -9999em; line-height: 24px; font-size: 1px; display: block; text-align: center; background: #ee7801;} html.hc-yscroll { overflow-y: scroll } body.hc-nav-open { position: fixed; width: 100%; min-height: 100% } .hc-mobile-nav { display: none; position: fixed; top: 0; height: 100%; z-index: 9999999999; overscroll-behavior: none } .hc-mobile-nav.is-ios * { cursor: pointer !important } .hc-mobile-nav .nav-container { position: fixed; z-index: 99999999; top: 0; width: 240px; max-width: 100%; height: 100%; transition: transform .4s ease } .hc-mobile-nav .nav-wrapper { width: 100% } .hc-mobile-nav .nav-wrapper.nav-wrapper-1 { position: static; height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto } .hc-mobile-nav ul { list-style: none; margin: 0; padding: 0 } .hc-mobile-nav li { position: relative; display: block } .hc-mobile-nav li.level-open>.nav-wrapper { visibility: visible } .hc-mobile-nav input[type="checkbox"] { display: none } .hc-mobile-nav label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer } .hc-mobile-nav a { position: relative; display: block; box-sizing: border-box; cursor: pointer } .hc-mobile-nav a, .hc-mobile-nav a:hover { text-decoration: none } .hc-mobile-nav.disable-body:not(.nav-open)::after { pointer-events: none } .hc-mobile-nav.disable-body::after, .hc-mobile-nav.disable-body .nav-wrapper::after { content: ''; position: fixed; z-index: 9990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overscroll-behavior: none; visibility: hidden; opacity: 0; transition: visibility 0s ease .4s, opacity .4s ease } .hc-mobile-nav.disable-body.nav-open::after, .hc-mobile-nav.disable-body .sub-level-open::after { visibility: visible; opacity: 1; transition-delay: .05s } .hc-mobile-nav.nav-levels-expand .nav-wrapper::after { display: none } .hc-mobile-nav.nav-levels-expand ul .nav-wrapper { min-width: 0; max-height: 0; overflow: hidden; transition: height 0s ease .4s } .hc-mobile-nav.nav-levels-expand .level-open>.nav-wrapper { max-height: none } .hc-mobile-nav.nav-levels-overlap ul .nav-wrapper { position: absolute; z-index: 9999; top: 0; height: 100%; visibility: hidden; transition: visibility 0s ease .4s, transform .4s ease } .hc-mobile-nav.nav-levels-overlap ul ul { height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto } .hc-mobile-nav.nav-levels-overlap ul li.nav-parent { position: static } .hc-mobile-nav.nav-levels-overlap ul li.level-open>.nav-wrapper { visibility: visible; transition: transform .4s ease } .hc-mobile-nav.side-left { left: 0 } .hc-mobile-nav.side-left .nav-container { left: 0; transform: translate3d(-100%, 0, 0) } .hc-mobile-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(-40px, 0, 0) } .hc-mobile-nav.side-left.nav-levels-overlap li .nav-wrapper { left: 0; transform: translate3d(-100%, 0, 0) } .hc-mobile-nav.side-right { right: 0 } .hc-mobile-nav.side-right .nav-container { right: 0; transform: translate3d(100%, 0, 0) } .hc-mobile-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(40px, 0, 0) } .hc-mobile-nav.side-right.nav-levels-overlap li .nav-wrapper { right: 0; transform: translate3d(100%, 0, 0) } .hc-mobile-nav.nav-open .nav-container { transform: translate3d(0, 0, 0) } .hc-nav-trigger { position: absolute; cursor: pointer; display: none; top: 20px; z-index: 9980; min-height: 24px } .hc-nav-trigger span { width: 30px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50% } .hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after { position: absolute; left: 0; height: 4px; background: #34495E; transition: all .2s ease } .hc-nav-trigger span::before, .hc-nav-trigger span::after { content: ''; width: 100% } .hc-nav-trigger span::before { top: -10px } .hc-nav-trigger span::after { bottom: -10px } .hc-nav-trigger.toggle-open span { background: rgba(0,0,0,0); transform: rotate(45deg) } .hc-nav-trigger.toggle-open span::before { transform: translate3d(0, 10px, 0) } .hc-nav-trigger.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0) } .hc-mobile-nav::after, .hc-mobile-nav .nav-wrapper::after { background: rgba(0,0,0,0.3) } .hc-mobile-nav .nav-wrapper {background:#262626;background-size:cover;z-index:2;} .hc-mobile-nav .nav-wrapper:before{content:'';width:100%;height:100%;display:block;background:#000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;position:absolute;left:0;top:0;z-index:0;} .hc-mobile-nav.nav-open .nav-wrapper { box-shadow: 1px 0 2px rgba(0,0,0,0.2) } .hc-mobile-nav h2 { font-size: 14px; font-weight: normal; text-align: left; padding: 15px 17px; color: #fff; font-family: 'OpenSans-Regular'; text-transform:capitalize; margin-top:0; margin-bottom:0; background:rgb(0,0,0,0.1); } .hc-mobile-nav a { padding: 10px 17px; font-size: 14px; color: #fff; z-index: 1; background: rgba(0,0,0,0); border-bottom: 1px solid rgba(255,255,255,0.2); font-family: 'OpenSans-Regular'; } .hc-mobile-nav:not(.touch-device) a:hover { background: #e02d13 } .hc-mobile-nav li { text-align: left } .hc-mobile-nav li.nav-close a, .hc-mobile-nav li.nav-back a { background:rgba(255,255,255,0.15);background-size:100%; } .hc-mobile-nav li.nav-close a:hover, .hc-mobile-nav li.nav-back a:hover { background: rgba(0,0,0,0.2) } .hc-mobile-nav li.nav-parent a { padding-right: 58px } .hc-mobile-nav li.nav-close span, .hc-mobile-nav li.nav-parent span.nav-next, .hc-mobile-nav li.nav-back span { position: absolute; top: 0; right: 0; width:45px; height:100%; text-align: center; cursor: pointer; transition: background .2s ease; display:flex;flex-direction:column;justify-content:center;align-items:center; } .hc-mobile-nav li.nav-close span::before, .hc-mobile-nav li.nav-close span::after { content:'';display:inline-block;background:#fff;width:20px;height:2px;margin:2px 0; } .hc-mobile-nav li.nav-close span::before { transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px); } .hc-mobile-nav li.nav-close span::after { transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px); } .hc-mobile-nav span.nav-next::before, .hc-mobile-nav li.nav-back span::before { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-left: -2px; box-sizing: border-box; border-top: 2px solid #fff; border-left: 2px solid #fff; transform-origin: center } .hc-mobile-nav span.nav-next::before { transform: translate(-50%, -50%) rotate(135deg) } .hc-mobile-nav li.nav-back span::before { transform: translate(-50%, -50%) rotate(-45deg) } .hc-mobile-nav.side-right span.nav-next::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(-45deg) } .hc-mobile-nav.side-right li.nav-back span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(135deg) } .hc-mobile-nav.nav-levels-expand .nav-container ul .nav-wrapper, .hc-mobile-nav.nav-levels-none .nav-container ul .nav-wrapper { box-shadow: none; background: transparent } .hc-mobile-nav.nav-levels-expand .nav-container ul h2, .hc-mobile-nav.nav-levels-none .nav-container ul h2 { display: none } .hc-mobile-nav.nav-levels-expand .nav-container ul ul a, .hc-mobile-nav.nav-levels-none .nav-container ul ul a { font-size: 14px } .hc-mobile-nav.nav-levels-expand .nav-container li, .hc-mobile-nav.nav-levels-none .nav-container li { transition: background .3s ease } .hc-mobile-nav.nav-levels-expand .nav-container li.level-open, .hc-mobile-nav.nav-levels-none .nav-container li.level-open { background: rgba(0,0,0,0.5); } .hc-mobile-nav.nav-levels-expand .nav-container li.level-open a, .hc-mobile-nav.nav-levels-none .nav-container li.level-open a { border-bottom: 1px solid #ee7801 } .hc-mobile-nav.nav-levels-expand .nav-container li.level-open a:hover, .hc-mobile-nav.nav-levels-none .nav-container li.level-open a:hover { background: #0095f8 } .hc-mobile-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before, .hc-mobile-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before { margin-top: 2px; transform: translate(-50%, -50%) rotate(45deg) } .hc-mobile-nav.nav-levels-expand .nav-container span.nav-next::before, .hc-mobile-nav.nav-levels-none .nav-container span.nav-next::before { margin-top: -2px; transform: translate(-50%, -50%) rotate(225deg) } #main-nav { display: none } header { position: relative; padding:12px 0 33px } header .git svg { width: 15px; height: 15px; fill: #fffce1; position: relative; top: 2px; padding: 0 10px; margin-right: 10px; border-right: 1px solid #4daabb; transition: border-color .15s ease-in-out } header .toggle { position: absolute; cursor: pointer; display: none; z-index: 9980; min-height: 24px; top: 0; left: 0; display: block; cursor: pointer; box-sizing: content-box; font-size: 16px; line-height: 24px; } header .toggle span { width: 20px; top: 50%; } header .toggle span, header .toggle span::before, header .toggle span::after { position: absolute; left: 50%; height: 2px; background: #fff; transition: all .1s ease; margin-left:-10px; border-radius:10px; } header .toggle span::before, header .toggle span::after { content: ''; width: 100%; border-radius:5px; } header .toggle span::before { top: -6px } header .toggle span::after { bottom: -6px } header .toggle.toggle-open span { background: rgba(0,0,0,0); transform: rotate(45deg) } header .toggle.toggle-open span::before { transform: translate3d(0, 6px, 0) } header .toggle.toggle-open span::after { transform: rotate(-90deg) translate3d(6px, 0, 0) }header .toggle:hover span, header .toggle:hover span::before, header .toggle:hover span::after { } header .toggle div { display: inline-block; margin-right: 15px } .hc-mobile-nav .nav-container { width: 280px } .hc-mobile-nav a { font-size: 14px;text-transform:uppercase; } .hc-mobile-nav ul li ul li a { font-size: 14px; font-family: 'OpenSans-Regular';text-transform:capitalize; } /*mainmenu*/ .mainmenu-area{display:block; float:none;padding-right:0;width:100%; } .mainmenu_box{float:left;width:36%;padding-right:0;} .mainmenu-left { /*position: relative;*/ } .product-menu-title { background: #444444 none repeat scroll 0 0; cursor: pointer; padding: 3px 16px; } .product-menu-title h2 { color: #fff; font-size: 16px; font-weight: 700; line-height: 48px; margin: 0; text-transform: uppercase; } .product-menu-title h2 i { float: right; margin-top: 17px; } .find .product_vmegamenu>ul li a { padding: 12px 10px; } .product_vmegamenu ul li a.hover-icon::after { content: "\f107"; font-family: FontAwesome; font-size: 18px; position: absolute; right: 0; color: #808080; top: 14px; } .product_vmegamenu>ul>li a img { max-width:60px;height:auto; } .product_vmegamenu>ul>li .vmegamenu { background: #fff none repeat scroll 0 0; border: 1px solid #eaeaea; box-shadow: 0 0 5px -1px #666666; left: 0; position: absolute; top: 82px; width: 100%; opacity: 0; z-index: 999999; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s; visibility: hidden; padding: 10px; } .product_vmegamenu ul li:hover .vmegamenu { opacity: 1; top: 52px; visibility: visible; } .product_vmegamenu ul li .vmegamenu span { float: left; padding: 15px; width: 20%; } .product_vmegamenu ul li .vmegamenu span s { display: block; } .product_vmegamenu ul li .vmegamenu span img { max-width: 100%; } .product_vmegamenu ul li .vmegamenu span a.vgema-title { border-bottom: 1px solid #eaeaea; font-size: 14px; background: #ededed; padding: 10px; text-transform: capitalize; text-align: center; letter-spacing: normal; } .product_vmegamenu ul li .vmegamenu span:hover a.vgema-title { background: #226cc5; color: #fff; } .product_vmegamenu ul li .vmegamenu2 { width: 400px; } .product_vmegamenu ul li .vmegamenu2 span { padding: 15px; width: 50%; } /* mainmenu */ .mainmenu{padding-top: 7px; } .mainmenu>nav>ul>li { display: inline-block; padding:0 75px 0 0; list-style:none; } .mainmenu>nav>ul>li:last-child{ padding-right:0} .mainmenu ul li a { color: #333333; display: block; font-size: 14px; padding:0; transition:all .3s; text-transform:capitalize; position:relative; line-height:24px; z-index:2; } .mainmenu>nav>ul>li>a{padding:0 0 7px;display:inline-block;font-size: 18px;font-weight: normal;line-height: 45px;color: #ffffff;} .mainmenu>nav>ul>li:hover > a, .mainmenu ul li.active > a{color:#ee7801; } .mainmenu>nav>ul>li:hover > a, .mainmenu>nav>ul>li.active > a{text-decoration:none;color:#ee7801; } .mainmenu>nav>ul>li.active>a,.mainmenu>nav>ul>li#active>a{color:#ee7801; } .mainmenu>nav>ul>li.has_vmegamenu>a:after{content:""; background:url(img/nav_cut02.png); background-size: 100%;height:4px; width:7px; display:inline-block; position:absolute; top:22px; right:-15px} .mainmenu>nav>ul>li>a:before{content:""; position:absolute; left:0; bottom:0px; width:100%; height:3px; background:#ee7801; display:block; transform: scaleX(0); transition:all 0.4s ease 0s; transform-origin:0 0 0; z-index:-1; border-radius:0} .mainmenu nav>ul>li:hover>a:before,.mainmenu nav>ul>li.active>a:before ,.mainmenu nav>ul>li#active>a:before{ transform: scaleX(1); visibility:visible; } .mainmenu>nav>ul>li>ul{ box-shadow: 0 8px 15px rgba(0,0,0,.09); left: auto; opacity: 0; position: absolute; top: auto; transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.4s ease 0s; z-index: 99999999; padding: 5px; visibility: hidden; text-align: left; width: 220px; background: #fff; transition:.3s ease; padding:5px 0; border-top: 1px solid #eee; border-bottom:2px solid #ee7801 } .mainmenu ul li:hover > ul{ opacity:1; visibility:visible; transform:scaleY(1); } .mainmenu ul li > ul li{ display:block; padding:0; background:none; position:relative; list-style:none; } .mainmenu ul li > ul li > a { color: #333; padding:5px 15px; text-transform: capitalize; font-size:14px; font-style:normal; position:relative; z-index:1; overflow:hidden; display:block; background-repeat:no-repeat; background-position:90% center; } .mainmenu ul li > ul li > a:hover,.mainmenu ul li > ul li:hover > a{ text-decoration:none;color:#ee7801;background-position:right center;padding-left:17px; } .mainmenu ul li > ul li > a:before{content:'';width:3px;background:#ee7801;height:100%;position:absolute;left:0;top:0;transform: scaleX(0);transform-origin: 0 0 0;transition: all 0.4s ease 0s;} .mainmenu ul li > ul li > a:hover:before{opacity:1;visibility:visible;transform:scaleX(1);} .mainmenu ul li > ul li > a:after{content:'';left:15px;right:15px;background:#f2f2f2;position:absolute;bottom:0;height:1px;} .mainmenu ul li > ul li:last-child > a:after{background:#fff;} .mainmenu ul li > ul li.has-menu::after{content:"\f105";font-family:FontAwesome;font-size:14px;color:#ee7801;position:absolute;right:20px;top:50%;line-height:20px;margin-top:-10px;} .mainmenu>nav>ul>li ul.vmegamenu02{ box-shadow: 0 5px 20px rgba(0,0,0,.05); left: 220px; opacity: 0; position: absolute; top: auto; transform: scaleX(0); transform-origin: 0 0 0; transition: all 0.4s ease 0s; z-index: 99999999; padding: 5px; visibility: hidden; text-align: left; width: 240px; background: #fafafa; transition:.3s ease; padding:5px 0; margin-top:-47px; } .mainmenu ul li:hover > ul.vmegamenu02{ opacity:1; visibility:visible; transform:scaleX(1); } .mainmenu ul li > ul.vmegamenu02 li > a{padding:8px 10px;} .mainmenu ul li > ul.vmegamenu02 li > a:after{background:#e5e5e5;left:10px;right:10px;} .mainmenu>nav>ul>li.product_vmegamenu>ul{width:260px;} .mainmenu>nav>ul>li.product_vmegamenu>ul li h4{font-size:14px;display:inline-block;max-width:100%;margin:3px 0;line-height:20px; vertical-align:middle;padding-left:5px;} /*.mainmenu>nav>ul>li.product_vmegamenu>ul{width:100%;left:0;padding:30px 10px 10px;} */ .mainmenu ul li.product_vmegamenu ul li.container{width: 100%;} .mainmenu ul li > ul li .nav_list li{padding:0 10px;margin-bottom:10px;} .nav_list li:nth-child(6n+1){clear: both;} .nav_list li .top{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e5e5e5;} .nav_list li .top .title{font-size:14px; color:#333333;padding:0; line-height:24px;height:24px;display:block;text-transform:capitalize;vertical-align:middle;font-family: 'OpenSans-Regular'; } .nav_list li .top .title:hover{color:#ee7801;text-decoration:none;} .nav_list li .top .image{display: block;height:150px;background-repeat: no-repeat;background-size: cover;background-position: center center;} .nav_list li p{margin:0;margin-bottom:10px;} .nav_list li p a{ font-size:13px; color:#4d4d4d; line-height:20px; padding:0; display:inline-block;text-transform:capitalize;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;font-family:'OpenSans-Regular'} .nav_list li p a:before{content:"\f105";color:#999;padding-right:5px;font-family:FontAwesome;transition:all .5s;} .nav_list li p a:hover{ color:#ee7801;text-decoration:none;} .nav_list li p a:hover:before{color:#ee7801;padding-left:6px;} .nav_list li .image{display:block;margin-botom:5px;overflow:hidden;padding:0;margin-bottom:10px;} .mainmenu ul li.product_vmegamenu > ul li .image:hover{padding:0;} .mainmenu ul li.product_vmegamenu > ul li.nav_img{padding-left:20px;padding-right:5px;} .mainmenu ul li.product_vmegamenu > ul li.nav_img a{padding:0;} .certificates img, .awards img{box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);transition: all .5s;} .certificates img:hover, .awards img:hover{ -webkit-transform: scale(var(--scale-multiplier,1.05)); -ms-transform: scale(var(--scale-multiplier,1.05)); transform: scale(var(--scale-multiplier,1.05));} .company-img{border:1px solid #efefef;text-align:center; margin: 0 10px;} .company-img .fl-module-content{margin:0 0;} .in_systemsW{ position: relative; padding-top: 50px;} @media only screen and (max-width: 1440px) { .mainmenu>nav>ul>li{ padding-right:50px} .download_info_list1 .text li {max-width: 25%;} } @media only screen and (max-width: 1600px) { /*.prom-right{height:495px !important;}*/ } @media only screen and (max-width: 1270px) { /*.prom-right{height:400px !important;}*/ } @media only screen and (max-width: 1199px) { .mainmenu>nav>ul>li{ padding-right:25px} } @media only screen and (max-width: 1024px) { } @media only screen and (max-width: 992px) { .header .wrapper{display:block;} .vmegamenu{ padding:0px 0px !important;} .mainmenu-area{margin:0;padding:0;} .mobile-menu-area{top:45px;} .nav_content{border:none;} .nav_content > .container{width:100%;} } @media only screen and (max-width: 992px) { header .toggle{ top:0} .prom-right{height:350px !important;} } /*index*/ .header{transition:all .5s;padding:0; } .header > .container{position:relative; } #logo{position:relative;text-align:left;float:left;z-index:99999; } #logo h1{margin:0;padding:0; } #logo a.top_logo{padding:0;display:inline-block;} #logo img{max-width:140px;height:auto;padding:0;transition:all .5s;} /*------------------------------- entry-table start ----------------------------------*/ .entry { padding: 15px 0; } .entry { color: #666; } .entry a { color: #0030FF; } .entry p { margin: 0; padding: 8px 0; font-size: 13px; line-height: 1.8; } .entry table { border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 20px; } .entry th, .entry td { height: 30px; border: 1px solid #ccc; text-align: left; line-height: 1.5; font-size: 12px; color: #666; background: #fbfbfb; padding: 0 15px; } .entry th { font-size: 12px; background: #eee; } .entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p { margin: 0; padding: 5px; color: #666; font-size: 12px; line-height: 1.3; } .entry td.amts { color: #cb2027; } .entry th#cartDelete { text-align: center; } .entry .button { margin: 15px 10px 0 0; background: #dfdfdf; padding: 8px 15px; border: 0; cursor: pointer; line-height: 1.2; color: #777; font-weight: bold; text-transform: Capitalize; } .entry .button:hover { background: #cb2027; color: #fff; } .entry .deletecartitem { width: 50px; text-align: center; } .entry .deletecartitem label { display: none; } .entry .stotal td.amts { font-size: 18px; font-weight: bold; } .entry img.alignleft { float: left; margin: 20px 15px 0 0; } .entry img.alignright { float: right; margin: 20px 0 0 15px; } .entry img.alignleftnopad { float: left; margin-left: 0; } .entry img.alignrightnopad { float: right; margin-right: 0; } .entry img.aligncenter { text-align: center; display: block; margin: 20px auto 0 auto; } .entry img { max-width: 100%; } .cartitem a { color: #292929; font-weight: bold; } .inquiry-form ul li { background: none; } .entry .inquiry-form-wrap { margin: 20px 0 0; } .select{float:right;color:#666666; font-size:14px; text-transform:capitalize; position: relative;z-index: 5; margin-left:43px; opacity: .8; } .select > span{color:#999999;} .select > span:before{width: 14px;height: 14px;content:''; margin-right:5px;opacity: 0.5;filter: alpha(opacity=50);display: inline-block;background-position: -10px -381px; vertical-align: middle;} .select > a{display:inline-block;font-size:14px;color: #fff;position: relative;padding: 1px 21px;background: transparent;border-radius:25px;border: 1px solid #fff; text-transform: capitalize;} .select > a p{display: inline-block;margin:0;text-transform:capitalize;color:#FFF; font-size:14px;} .select > a p:after{content:"\f0dd";font-family:'FontAwesome';font-size: 16px;color: #fff;margin-left: 7px;position: relative;transform: translateY(-3px);display: inline-block;} .select > a img{margin-right: 11px;} .select > a:hover ,.select > a:link{text-decoration: none;} .select-modal { position: fixed; top: 0; left: 50%; width: 50%; width: 80%; height: auto; z-index: 999999; visibility: hidden; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .select-show {visibility: visible;transition:all .5s;} .select-show .select-content { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); border-radius: 0 0 3px 3px; opacity: 1; filter:alpha(opacity=100); } .select-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 99; opacity: 0; filter:alpha(opacity=0); background: rgba(1,1,1,0.4); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .select-show ~ .select-overlay {opacity: 1;visibility: visible;filter:alpha(opacity=100);} .select-content { color: #5b5b5b; background: #f9f9f9 url(img/language_bg.jpg) no-repeat left bottom; position: relative; border-radius: 0px; margin: 0 auto; -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; opacity: 0; filter:alpha(opacity=0); padding: 50px; } .select-content em{display: block;font-size:28px;line-height:24px;color:#333333;text-transform:capitalize;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:20px;font-family:'OpenSans-Regular';text-align: center;} .select-content .list{list-style: none;text-align: center;} .select-content .list li{margin-bottom:30px;padding:0 7px;width: auto;float: none; display: inline-block;} .select-content .list li p{display: inline-block;margin:0;margin-left:10px;font-size:14px;text-transform: capitalize;line-height:20px;} .select-content .list li:hover p{color:#ee7801;text-decoration: underline;} .select-content .select-close {position:absolute;right:50px;top:48px;border:none;background-color:transparent;} .select-content .select-close i{width:30px;height:30px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;} .select-content .select-close i:before, .select-content .select-close i:after{ content:'';display:inline-block;background:#4d4d4d;width:20px;height:2px;margin:2px 0; } .select-content .select-close i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);} .select-content .select-close i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);} /* Top Search*/ .search_box{float:right;z-index:99999999; } .top-search { display: block; width:100%;max-width:55%;position:absolute;right:0;top:91px;display: none;z-index:9999999;background:#fafafa;border-radius:0px;box-shadow:0px 5px 10px 2px rgba(0,0,0,0.05);} .top-search h4{font-size:20px; text-align:center; color:#333; margin:15px 0;text-transform:capitalize;display:none;display:none;} .top-search .input-group-addon i {float: right;position:absolute; right:0px; top:12px; width:40px; height:40px; line-height:38px;font-size:18px;} .top-search .input-group-addon i:hover{color:#ee7801;} .top-search .form-control {box-shadow:none;border:none;border-radius:0;border:1px solid #eee;background:#fff;color: #808080;height: 48px;line-height: 48px;padding: 0 60px 0 20px;text-align: left;font-size:13px;border-radius:25px;} .top-search input.form-control:focus{color:#333;font-style:inherit;} .top-search .input-group-addon.close-search {cursor: pointer;} .top-search .input-group{ width:100%;padding:10px 40px 10px 10px;} .btn_search1 {background:#f3f3f3 url(img/search_btn.png) no-repeat center center;top: 1px;height:46px; position: absolute;right:1px;width:46px;z-index: 3; border-radius:50%;} .header_search {position: relative;} .top-search .input-group-addon{background-color: transparent;border: none;color: #666;padding-left: 0;padding-right: 0;} .top-search .input-group-addon.close-search{cursor: pointer; float:right;position:absolute;right:0;top:0;} .attr-nav{float:right; z-index:9999999;display:inline-block; line-height: 31px; } .attr-nav>a{ color:#888888; text-align:center; display:block; } .search i{width:23px; height:23px; text-align:center;background: url(img/search_btn.png) no-repeat center center;display:inline-block; vertical-align:middle;} .attr-nav ul li{ list-style:none;} .top-search .input-group { max-width:100%; margin:0 auto;} /* Sizes for the bigger menu */ header{width: 100%;z-index: 100006;padding: 7px 0; background:#303030; position:relative; } .index_header{ background: transparent; position: fixed; top: 0; left: 0; padding: 60px 0; } .header_m{ position: relative; display: flex; align-items: center; justify-content: space-between; } .head-right{ position:relative; } .bread_right{ margin-top: 10px; z-index: 999; left:0; position: absolute; width: 100vw; text-align: left; /*padding: 0 110px;*/ } .bread_right a { color: #fff; font-size: 16px; text-transform: capitalize; display: inline-block; } .bread_right li { display: inline; padding-right: 2.4px; text-transform: uppercase; } .bread_right li::after { content: '/'; padding-left: 5px; color: #fff; } @media only screen and (max-width: 1680px) { .bread_right { /*padding: 0 70px; */ } } @media only screen and (max-width: 1520px) { .mainmenu>nav>ul>li{ padding-right:60px} #logo img{ max-width:225px} .index_header { padding: 30px 0; } } @media only screen and (max-width: 1340px) { .mainmenu>nav>ul>li{ padding-right:50px} .select{ margin-left:20px} .bread_right { /*padding: 0 15px; */ } .in_title p { font-size: 14px; line-height: 1.875; } .in_title span:after { margin: 15px auto; width:110px; } } @media only screen and (max-width: 1064px) { #logo img{ max-width:180px} } header.small{ position:fixed;left:0; top:0;box-shadow:0 0 20px 2px rgba(0,0,0,0.08); background:#303030} .small #logo img{ max-height:45px;} /* header.small #logo img { max-width:170px} header.small .attr-nav>a{ margin-top: 13px;} header.small .select{ margin-top:3px} header.small .mainmenu-area{ padding-top:0} header.small .top-search{ top:60px} */ @media only screen and (max-width: 992px) { .topW { display:none} .mainmenu-area{ display:none} .head-right{ position:initial} .header #logo,header.small #logo,header.large .header.page_header #logo{padding:14px 0;position:relative;z-index:9999999;float:left;margin:0;margin-left:55px;} .header #logo h2, header.small #logo h2, header.large .header.page_header #logo h2{line-height: 1;} #logo img{ max-width:100px} header{ padding:0;height: 58px;} header.small{ padding:0} header.small #logo img { max-width:100px} .top-search{ top:58px} header.small .top-search{ top:58px} .attr-nav>a{ margin-left:0} /*header.small .attr-nav>a{ margin-top: 16px;}*/ .select-content{ padding: 30px 20px 20px; } .select-content .list li{ margin-bottom:10px} .select-content .select-close{ top:16px;} } @media only screen and (max-width: 545px) { .select-modal{width:95%;} .select-content .list li{ text-align:center} .select-content .list li a{ display:block; } .select-content .list li a img{ margin:0 auto; display:inline-block; margin-bottom:10px} .select-content .select-close{right: 5px;top:5px;} .select-content .list li p{ display:block; margin:0} } .main_more{position: relative; display: inline-block;margin-top: 20px; transition: all .5s; z-index: 3;border-radius:5px;background: #ee7801;background: #ee7801; background: -webkit-linear-gradient(top, #ee7801 0%,#ff7f50 100%); background: -moz-linear-gradient(top, #ee7801 0%,#ff7f50 100%); background: -o-linear-gradient(top, #ee7801 0%,#ff7f50 100%); background: -ms-linear-gradient(top, #ee7801 0%,#ff7f50 100%); background: linear-gradient(top, #ee7801 0%,#ff7f50 100%);overflow: hidden;transition:all .5s} .main_more:hover{box-shadow:0 5px 12px rgba(0,0,0,0.1);-webkit-box-shadow:0 5px 12px rgba(0,0,0,0.1);-moz-box-shadow:0 5px 12px rgba(0,0,0,0.1); border-color:#ee7801;} .main_more a i{ display:inline-block; /*background:url(img/more_icon1.png) no-repeat;*/ height:7px; width:22px; margin-left:17px; vertical-align:middle} .main_more:before { position: absolute; left: -2px; top: -2px; height: 110%; width: 110%; background-color: #ee7801; border-color:#ee7801; border-radius: 0; content: ""; -webkit-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; transition: transform 0.5s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center;} .main_more:hover:before{ -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .main_more a,.main_more button,.main_more input{ padding: 0px 32px; line-height:47px; display: inline-block;background: none; border: none; position: relative; z-index: 2; color: #ffffff; letter-spacing:1px ; font-size: 14px; text-transform:uppercase; font-family: 'OpenSans-Regular'; } .main_more:hover a,.main_more:hover button,.main_more:hover input{ color:#fff} .main_more:hover i{ /*background-image:url(img/more_icon1_h.png)*/ } @media only screen and (max-width: 768px) { .carousel-indicators{ display:none}} .in_title{ text-align:center;margin-top: 40px;} .in_title span{color: #000;font-size: 42px;line-height: 1;display:inline-block;font-family: OpenSans-Regular;} .in_title span:after{margin:27px auto 24px;content:'';display:block;height: 2px;width: 133px;background-color: #ee7700;} .in_title p{ max-width:650px; overflow:hidden; margin:0 auto; font-family: OpenSans-Regular; font-size: 16px; font-weight: normal; line-height: 30px; color: #000000; opacity: 0.5;} .in_systemsL{ margin:5px -13px 0;} .in_systemsL li{ list-style:none; margin-top:40px; padding:0 13px; width: 33.33%;} .in_systemsL li .in_systemsL_m{ position:relative; overflow:hidden; border: 1px solid #d9d9d9; } .in_systemsL li .in_systemsL_m>a{ display:block; width:100%; position:absolute; top:0; left:0; height:100%; z-index:99; } .in_systemsL li .in_systemsL_m>img{ width:100%; max-width:100%; height:auto; transition: all .9s;} /*.in_systemsL li .in_systemsL_m:hover>img{transform: rotate(3deg) scale(1.2);*/ /* -webkit-transform: rotate(3deg) scale(1.2);*/ /* -moz-transform: rotate(3deg) scale(1.2);*/ /* -o-transform: rotate(3deg) scale(1.2);*/ /* -ms-transform: rotate(3deg) scale(1.2);}*/ .in_systemsL li .in_systemsL_m .bty{ pointer-events: none; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(100, 100, 100, 0.7); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out;} .in_systemsL li .in_systemsL_m:hover .bty{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .in_systemsL li .in_systemsL_m .wray{ position:absolute; top:0; left:0; padding:54px 0 0 48px; right:0; bottom:0;-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out;-webkit-transform: translate(0,0); transform: translate(0,0);} .in_systemsL li .in_systemsL_m .wray>a{ color:#ffffff; font-size:22px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;} .in_systemsL li .in_systemsL_m .wray .text{ font-size:16px; color:#ffffff; line-height:30px; max-height:150px; overflow:hidden; margin-top:10px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .in_systemsL li .in_systemsL_m:hover .wray{ -webkit-transform: translate(0,10px); -moz-transform: translate(0,10px); -ms-transform: translate(0,10px); -o-transform: translate(0,10px);} .in_systemsL li .in_systemsL_m:hover .wray .text{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } @media only screen and (max-width: 1299px) { .in_title span{ font-size:34px; } .in_systemsL{ margin:10px -10px 0} .in_systemsL li{ padding:0 10px; margin-top:20px} .in_systemsL li .in_systemsL_m .wray{ padding:30px 0 0 20px} .in_systemsL li .in_systemsL_m .wray .text{ margin-top:16px} } @media only screen and (max-width: 1024px) { .in_systemsL li .in_systemsL_m .wray>a{ font-size:18px} .in_systemsL li .in_systemsL_m .wray{ padding:10px 0 0 15px} .in_systemsL li .in_systemsL_m .wray .text{ font-size:14px; margin-top:10px; line-height:26px; max-height:104px} } @media only screen and (max-width: 768px) { .table_wrap{overflow-x:scroll;} } @media only screen and (max-width: 520px) { .in_systemsW{ padding:40px 0 40px} .in_systemsL{ margin:20px -5px 0} .in_systemsL li{ padding:0 5px; margin-top:10px} .in_systemsL li .in_systemsL_m .wray .text{ max-height:78px} } @media only screen and (max-width: 420px) { .in_systemsL li{ width:100%} } /*******Slider********/ /* Slider */ .slick-slider{ position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand;} .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; position: relative; z-index: 5; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height:44px; width:24px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; margin-top: -22px; padding: 0; border: none; outline: none; top: 50%; } .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { } .slick-prev{ background: url(img/prev_p.png) center; left:60px} .slick-next{ background: url(img/next_p.png) center; right:60px} @media only screen and (max-width: 1269px) { .slick-prev{ left:0px} .slick-next{ right:0px} } /* Dots */ .slick-dots { list-style: none; display: block; text-align: center; font-size: 0; width: 100%; z-index:999;display:none !important;} .slick-dots li { position: relative; display: inline-block; margin:0 5px; cursor: pointer; transition:all .5s;} .slick-dots li button {border: 0;background: transparent;display: block;height: 20px;width: 20px;outline: none;line-height: 0;font-size: 0;cursor: pointer;outline: none;background: transparent;padding:0;transition:all .5s;border-radius:50%;z-index: 9;position: relative;border: solid 1px transparent;} .slick-dots li button:before{content: "";width: 8px;height: 8px;position: absolute;left: 50%;top: 50%;/* margin-left: -4px; *//* margin-top: -4px; */background-color: #fff;opacity: .35;border-radius: 50%;transition: all ease-in-out .35s;display: none;} .slick-dots li button:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;/* border: 1px solid #fff; */border-radius: 50%;opacity: 0;transform: scale(.75);transition: all ease-in-out .35s;} .slick-dots li button:focus { outline: none;} .slick-dots li.slick-active button{ border: solid 1px #303030; } .slick-dots li.slick-active button:after ,.slick-dots li.slick-active button:before ,.slick-dots li:hover button:before,.slick-dots li:hover button:after{/* opacity:1; *//* transform: scale(1); */} @media only screen and (max-width: 560px) { .slick-dots li.slick-active button{ width:20px; } .aboutdnake {height:270px;} } .in_proW{ padding:56px 0 0px;min-height: 200px;} .in_proW .slider{ } .in_proW .slider .li{padding:58px 34px 20px; text-align:center;transition:all .5s;} .in_proW .slider .li .column{ } .in_proW .slider .li .image{display:block;overflow:hidden;position:relative;border-radius:0;transition:all .5s;} .in_proW .slider .li .image img{max-width:100%;height:auto;transition:all .5s;width:100%;} .in_proW .slider .li:hover .image img{-webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05)); } .in_proW .slider .li .wrap{position: relative;z-index: 5;padding:55px 20px 25px;transition:all .5s;} .in_proW .slider .li .title{display:block;color:#333333;font-size:20px;line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;position: relative;z-index: 99;} .in_proW .slider .li:hover .title{color:#ee7801;text-decoration:none;} .in_proW .slider .li p{ font-size:16px; line-height:24px; height:48px; overflow:hidden; color:#4a4a4a; margin-top:13px;} @media only screen and (max-width: 1529px) { } @media only screen and (max-width: 1269px) { .in_proW .slider .li{ padding:58px 15px 20px} } @media only screen and (max-width: 992px) { .in_proW{ padding:50px 0 0} .in_proW .slider .li .wrap{ padding:55px 0px 5px} .in_proW .slider .li .title{ font-size:18px} } @media only screen and (max-width: 768px) { .in_proW .slider{ padding:0 20px 20px} .in_proW .slider .li{ padding:58px 5px 20px} .in_proW .slider .slick-center .li .image { -webkit-transform:scale(var(--scale-multiplier,1.2)); -ms-transform:scale(var(--scale-multiplier,1.2)); transform:scale(var(--scale-multiplier,1.2)); } } @media only screen and (max-width: 568px) { .in_proW .slider .li{ padding:20px 5px 20px} .in_proW .slider .slick-center .li .image { -webkit-transform:scale(var(--scale-multiplier,1)); -ms-transform:scale(var(--scale-multiplier,1)); transform:scale(var(--scale-multiplier,1)); } .in_proW .slider .li .wrap{ padding-top:20px} } .clear{ clear: both;} .in_aboutW{ position: relative; background-color: #303030; } .in_aboutW .in_title .text{ font-size:14px; max-height:48px; max-width:1045px; line-height:24px; overflow:hidden; color:#888888; margin:10px auto 0} .in_aboutW .news_img_left{ width: 52%; position: relative; float: left;} .in_aboutW .news_wrap_right{ width: 48%; position: relative; float: right;margin-top: 105px; } .in_aboutW .in_title{ text-align: left; padding-left: 45px; margin-top:0; } .in_aboutW .in_title span{ color: #fff;} .in_aboutW .in_title span:after{ margin-left: 0;} .in_newsW { position: relative; background-color: #ffffff; box-shadow: 7px 6px 25px 0px rgb(0 0 0 / 45%); border-radius: 20px; margin-left: -17px ; z-index: 99;} .in_newsW .slick-dots{ display: block !important; position: absolute; top: 0; right: 0; width: auto; margin-top: -80px;} .in_newsW .slick-dots li:after{ background-color: #ffffff;} .news_title_bar{ position: absolute; right: 0; top: 0; z-index: 99; left: 52%; background-color: #303030; width: 48%;} .news_bullets{ position: absolute; top: 20px; right: 0;} .news_bullet{ width: 20px; height: 20px; border: 1px solid transparent; display: inline-block; margin-left: 10px; border-radius: 50%; position: relative; cursor: pointer;} .news_bullet::before{ content: ""; background: #787878; border-radius: 50%; position: absolute; width: 6px; height: 6px; top: 6px; left: 6px;} .news_bullet.swiper-pagination-bullet-active{border: 1px solid #fff; } .news_bullet.swiper-pagination-bullet-active::before{background: #fff;} .in_newsW .li .in_newsL_m { } .in_newsW .li .in_newsL_m .in_newsL_img{ display:block; width:100%; overflow:hidden; position:relative} .in_newsW .li .in_newsL_m .in_newsL_img:after{position: absolute; left: -50px; bottom: -2px; /*! background: #fff; */ content: ''; transform: skew(30deg); height: 28px; width: 94%;} .in_newsW .li .in_newsL_m .in_newsL_img a{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:99;} .in_newsW .li .in_newsL_m .in_newsL_img .bty{ pointer-events: none; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(238,120,1,0.7); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out;} .in_newsW .li .in_newsL_m:hover .in_newsL_img .bty{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .in_newsW .li .in_newsL_m .in_newsL_img .icon{ position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; z-index: 1; height: 100%; } .in_newsW .li .in_newsL_m .in_newsL_img .icon i{ display: flex; align-items: center; justify-content: center; animation: leave .7s; height: 100%; left: 0; padding-bottom: 10px; position: absolute; top: 0; transform: translate3d(0,100%,0); transition: transform .7s; width: 100%;} .in_newsW .li .in_newsL_m .in_newsL_img .icon i img{ height:41px; width:48px } .in_newsW .li .in_newsL_m:hover .in_newsL_img .icon > i{transform:translate3d(0,0,0);-webkit-transition:all 500ms cubic-bezier(0.93,.1,.195,1);transition-timing-function:cubic-bezier(0.93,.1,0,1.375);} .in_newsW .li .in_newsL_m .in_newsL_img img{ width:100%; max-width:100%; height:auto; transition: all .9s;} .in_newsW .li .in_newsL_m:hover .in_newsL_img img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);} .in_newsW .li .in_newsL_m .in_newsL_w{ position:relative; padding:51px 55px 48px 61px;} .in_newsW .li .in_newsL_m .in_newsL_w .in_newsL_date{ position: relative; display:block; font-size: 14px; font-weight: normal; line-height: 1; color: #ee7700; margin-top: 13px; margin-bottom: 21px;} .in_newsW .li .in_newsL_m .in_newsL_w .news_title a{ font-size: 20px; font-weight: normal; line-height: 36px; color: #000000; position: relative;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; /*max-width: 360px;*/ } .in_newsW .li .in_newsL_m .in_newsL_w .news_info{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 16px; font-weight: normal; line-height: 30px; color: #000000; opacity: 0.7; position: relative;} .in_newsW .li .in_newsL_m .in_newsL_w .news_info p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .in_newsW .li .in_newsL_m:hover .in_newsL_w a{ color:#ee7801} .news_more.more_btn{ margin-top: 34px;} .in_news_more .main_more{ margin-top:25px} @media only screen and (max-width: 1269px) { } @media only screen and (max-width: 992px) { .in_aboutW .in_title span img{ max-width:120px} .in_aboutW .in_title p{ margin-top:0} .in_aboutW{ padding:50px 0} .in_newsW .li .in_newsL_m .in_newsL_img:after{ width: 80%;} .in_newsW .li .in_newsL_m .in_newsL_w .news_title a{ margin-top:15px} .in_news_more .main_more{ margin-top:25px} } .in_videosW{ position:relative;z-index: 0;} .in_videosW img{ max-width:100%; height:auto; width:100%} .in_videosW .container{ position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; padding-top:215px} .in_videosW i{ background:url(img/video_btn.png) no-repeat; height:59px; width:83px; display:inline-block} .in_videosW p{ max-width:900px; margin:59px auto 0; font-size:46px; color:#fff;font-family: 'OpenSans-Regular'; line-height:50px;} .video .container1{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center;} .video a{ position:absolute; top:0; left:0; z-index:999; width: 100%; height: 100%; } #video-dialog{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background: rgba(1,1,1,0.6);display: flex; align-items: center; justify-content: center;} #video-dialog iframe{ display:block;width: 900px; height: 450px; } .baguetteBox-button1{position:fixed;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(1,1,1,0);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease; z-index:99999} .baguetteBox-button1:focus,.baguetteBox-button1:hover{background-color:rgba(1,1,1,0.6)} .baguetteBox-button1#close-button1{top:20px;right:2%; width:30px;height:30px} .baguetteBox-button1 svg{position:absolute;left:0;top:0} @media only screen and (max-width: 1540px) { .in_videosW .container{ padding-top:150px} } @media only screen and (max-width: 1200px) { .in_videosW .container{ padding-top:100px} .in_videosW p{ margin-top:30px} } @media only screen and (max-width: 1000px) { .in_videosW .container{ padding-top:50px} .in_videosW p{ margin-top:20px; font-size:28px; line-height:32px; max-height:64px; overflow:hidden} #video-dialog iframe{ width:100%; height:300px;} } @media only screen and (max-width: 652px) { .page_num span{padding: 0;} .in_videosW i{ background-size:100%; width:50px} .in_videosW p{margin-top: -32px;font-size: 18px;line-height:30px;max-height:60px;overflow:hidden;} } .in_serW{ padding:64px 0 117px 0;background-color: #e6e9ed;} .in_serW .in_title p{ font-size:16px; color:#000;} .in_serL{ margin:45px -90px 0} .in_serL li{ list-style:none; padding:27px 90px 0;} .in_serL li .in_serL_m{ text-align:center; position: relative; transition: all ease-in-out .35s;} .in_serL li .in_serL_m .in_serL_img{ position: relative; display: table; margin: 0 auto;margin-top: 5px; line-height: 81px; vertical-align: middle;} .in_serL li .in_serL_m .in_serL_img img{transition: all ease-in-out .35s; transform-origin: center; } /* .in_serL li .in_serL_m:hover .in_serL_img img{ transform:translateY(-50%) rotateY(180deg); } */ .in_serL li .in_serL_m .in_serL_img img + img{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: 0;} .in_serL li .in_serL_m{ border-radius: 10px ; width: 333px; height: 333px; display: flex; flex-direction: column; justify-content: center; background-color: #fff;box-shadow: 8px 6px 24px 0px rgba(103, 103, 103, 0.15); transition: all ease-in-out .35s;} .in_serL li .in_serL_m:hover{ background-color: #ee7801; box-shadow: 8px 7px 21px 0px rgb(255 183 112 / 80%);} .in_serL li .in_serL_m:hover .in_serL_t{ color: #fff;} .in_serL li .in_serL_m:hover .in_serL_img img { opacity: 0; } .in_serL li .in_serL_m:hover .in_serL_img img + img{ opacity: 1;} .in_serL li .in_serL_m .in_serL_t{ display:block; font-size:22px; color:#333333; line-height:30px; margin-top:40px} .in_serL li .in_serL_m p{ font-size:14px; line-height:22px; height:48px; color:#888888; overflow:hidden; margin-top:18px;} @media only screen and (max-width: 1529px) { .in_serL{ margin:25px -50px 0} .in_serL li{ list-style:none; padding:30px 50px 0} } @media only screen and (max-width: 1299px) { } @media only screen and (max-width: 1024px) { .in_serW{ padding:40px 0} .in_serL{ margin:15px -10px 0} .in_serL li{ padding:20px 10px 0} } @media only screen and (max-width: 768px) { .in_serL li .in_serL_m .in_serL_t{ font-size:18px} .in_serL li .in_serL_m p{ margin-top:10px} } @media only screen and (max-width: 575px) { .in_serL{ margin:1px 0px 0} .in_serL li .in_serL_m{ position:relative; padding-left:85px; text-align:left } .in_serL li{ padding:10px 5px 0; width:33.33%} /* .in_serL li .in_serL_m .in_serL_img{ position:absolute ; top:0; left:0} .in_serL li .in_serL_m .in_serL_img img{height: 40px; width: 40px;} */ } /*footer*/ .footerW{padding:66px 0 15px 0;background:#303030; position:relative;z-index: 9;} .footerW .fot_title{position:relative;display:block;margin-bottom:26px;} .footerW .fot_title em{display:block; font-size: 30px;font-size: 20px;font-weight: normal;font-stretch: normal;line-height: 1;color: #ffffff;} .footerW ul li,.foot_bot ul li{list-style:none;} .icon-minus-sign:before {content:"\f068";font-family:'FontAwesome';} .icon-plus-sign:before {content: "\f067";font-family:'FontAwesome';} .fot_title .column_icon_toggle {display: none;} .fot_tag{float:left;width:24%;padding-right:30px } #right_column li{ margin-bottom: 6px;position: relative; } #right_column ,#right_column li a{position: relative; transition:all .5s; font-size: 18px;font-weight: normal;line-height: 30px;color: #808080; display: table;text-decoration: unset; } #right_column li a:after{ content: ""; width:0; height: 1px; background: #fff; position: absolute; left: 0; bottom: -6px;transition:all .5s;} #right_column li a:hover{ color:#fff} #right_column li a:hover:after{ width: 100%;} .fot_pro{float:left;width:24%;padding-right:30px } .fot_nav{float: left;width:24%; padding-right:30px;} .fot_nav li{margin-bottom:12px;} .fot_nav li a{position: relative;display:block;font-size:16px;color:#666666;transition:all .5s;line-height:24px; text-transform:capitalize} .fot_nav li a:hover{ text-decoration:underline;color:#ee7801} .footer-bottom{text-align:center;position:relative;z-index: 10;padding:25px 0; margin-top:50px; border-top:1px solid #606060; padding-bottom:0} .footer-bottom .copyright{ font-size: 14px; font-weight: normal; line-height: 1; color: #ffffff; opacity: 0.3;} .footer-bottom .copyright a{color:#8d8d8d;font-size:12px;} .footer-bottom .fot_link span , .footer-bottom .fot_link span a{color:#8d8d8d;} .footer-bottom .copyright a:hover , .footer-bottom .copyright span a:hover{color:#fff;} .footer-bottom .foot_ipv6{display:inline-block;color:#8d8d8d;font-size:12px;} .footer-bottom .foot_ipv6 img{max-width:36px;margin-left:5px;} .footer-bottom .fot_link{ text-align:center; color:#f1f1f1;} .footer-bottom .fot_link a{color:#f1f1f1;font-size:12px;margin:0 2px;display: inline-block;} .footer-bottom .fot_link a:hover{color:#f1f1f1;} .footer-bottom .friendly{margin-left:10px;display: inline-block;} .footer-bottom .friendly p{margin:0;display: inline-block;color:#8d8d8d;font-size:12px;} .footer-bottom .friendly a{display: inline-block;color:#c5c5c5;font-size:12px;} .footer-bottom .friendly a:hover{color:#f1f1f1;} .fot_right{float: right;width:25%;} .fot_share li{ list-style:none; display:inline-block; margin-right:11px; margin-top:6px} .fot_share li a{ display: block; width: 24px; text-align: center; line-height: 24px;} .fot_share li a img{line-height: 24px; max-height: 24px; width: auto; max-width: 24px;} .fot_share li a img{filter: grayscale(1); transition:all ease-in-out .35s;} .fot_share li:hover a img{filter: grayscale(0);} .fot_letter{ margin-top:32px;} .fot_letter .text{ } .footerW .fot_letter .fot_title{ margin-bottom:13px} .letter-input{position: relative; border-radius: 25px; margin-top: 15px; width: 100%; z-index: 999; max-width: 300px; } /*.fot_letter .letter-input:before{content:'';width:19px;height:19px;display:inline-block; background:url(img/send_icon02.png) no-repeat; position:absolute; top:11px; left:53px;}*/ .fot_letter .fot_input{display: block; height: 41px; line-height: 41px; border: none; border-radius: 25px; padding: 0 15px 0 15px; width: 100%; background: #787878; text-align: center; font-size: 14px; font-weight: normal; color: #ffffff;} .fot_letter .fot_input:focus{color:#fff;} .fot_letter input:-ms-input-placeholder{color:#fff;}/* Internet Explorer 10+ */ .fot_letter input::-webkit-input-placeholder{color:#fff;}/* WebKit browsers */ .fot_letter input::-moz-placeholder{color:#fff;}/* Mozilla Firefox 4 to 18 */ .fot_letter input:-moz-placeholder{color:#fff;}/* Mozilla Firefox 19+ */ .fot_letter .send{ display: inline-block; border:none; color:#ffffff; text-transform:uppercase; font-size:13px; letter-spacing:1px;font-family:'Roboto-Bold'; height:42px; line-height:42px; width:110px;border-radius:5px;transition: all .5s; z-index: 3; background: #ee7801 ;overflow: hidden; position: absolute;right: 4px;top: 4px;} .fot-tags{list-style:none; display:inline-block; margin-bottom:8px} .fot-tags p{font-family:'Roboto-Bold';display:inline-block;text-transform:capitalize;color:#666;font-size:12px;} .fot-tags li{display:inline-block;margin:0 15px 5px 5px; list-style:none} .fot-tags li a{color:#666;font-size:12px;} .fot-tags li a:hover{color:#ee7801;} @media only screen and (max-width: 1299px) { .fot_pro,.fot_tag,.fot_nav{ padding-right:15px} } @media only screen and (max-width: 1199px) { .fot_pro,.fot_tag,.fot_nav{ width:23%} .fot_right{ width:31%} } @media only screen and (max-width: 992px) { .fot_letter .top_share{ display:block} .footerW .container{padding:0 15px;} .footerW{padding:40px 0 0 0;margin:0;} .footerW .fot_tag,.footer .fot_nav,.footer .fot_con,.footer .fot_right,.footer .fot_pro {width:100%;padding:0;} .footerW .fot_title em{margin-bottom:0;font-size:14px;line-height:30px;padding-bottom:0; } .footerW .fot_title span{display:none;} .footerW .fot_title{display:block;border-bottom:1px solid rgba(0,0,0,0.07);padding-bottom:10px;cursor:pointer;margin-bottom:10px;font-size:15px;position:relative;color:#fff;text-transform:uppercase;padding-top:0;} .footerW .fot_title .column_icon_toggle{font-size: 14px;display: inline-block;position: absolute;right:0px;top:10px;font-style:normal;cursor:pointer;font-weight:normal;} .footerW .icon-minus-sign:before,.footerW .icon-minus-sign:after,.footerW .icon-plus-sign:before,.footerW .icon-plus-sign:after{ color:#9a9a9a} .footerW .toggle_content{padding-bottom:30px;padding-top:10px;} .fot_mes .fot_title,.fot_nav .fot_title{display:block;} .footer-bottom{ padding-bottom:70px} } .page_banner{position:relative;z-index:10;} .page_banner img{max-width:100%;height:auto; width:100%} .breadcrumbW{font-size:14px;border-radius:0;text-transform:capitalize;text-align:center;margin:0;margin-bottom:0;color:#808080;padding:20px 0 ;width:100%;position:relative;z-index:9999; /* background: #f9f9f9;*/ } .breadcrumb{ background:none; padding:0; margin:0;} .breadcrumb .page_title{margin:0;padding:0;background:none;} .breadcrumb .bread_right{padding-top:10px;line-height:20px;float:right;} .breadcrumb .bread_right > i{margin:0 5px;display:inline-block;color:#666; vertical-align: middle; font-size: 12px;} .breadcrumb a.home i{display:inline-block;background:url(img/fixed_home.png) no-repeat center center;width:22px;height:22px;transition:all .5s;margin-right:5px; vertical-align: middle;background-size:100%;} .breadcrumb a{color:#333;font-size:16px;text-transform: capitalize;display: inline-block; vertical-align: middle;} .breadcrumb a:hover{color:#ee7801;} .breadcrumb h2{margin:0;display:inline-block;padding:0;font-size:14px;line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;color:#666; vertical-align: middle;font-weight: normal;} .breadcrumb li{display:inline;padding-right:10px;text-transform:uppercase;} .breadcrumb li:after{content:'/';padding-left:10px;color: #333;} .breadcrumb li:last-child:after{display:none;} .page_section>.container>.row{ margin:0} .page_section{ position: inherit; z-index: 15; padding-top: 0; background: #fff; background-size:100%} .product_section{ position: inherit; z-index: 15; padding-top: 0; background: #fff; background-size:100%} .product_section .container{width: 1300px;} .page-right table{ border: none; } .page-right tr:nth-child(2n-1){ background-color:#F4F4F4; } .page-right tr td:first-child{ width: 40%; } .page-right tr td{padding: 10px;} .page_column{border-radius:0px;padding:50px 0; position:relative; } .page_section .in_title2 span{ font-size:40px; line-height:40px} .page_section .in_title2 span:after{ margin-top:18px} .single-page .text{font-size:16px;line-height:28px;} .single-page .text img{max-width:100%;height:auto;} .single-page .text a:hover{color:#ee7801;} .page_info_title h6{display:inline-block;margin:0;font-size:36px;color:#333;text-transform:capitalize;line-height:42px;position:relative;} .single_con_left{padding-left:0;padding-right:50px;} .page_title{display:block;position:relative; text-align:center; margin-bottom:10px} .page_title span{display:inline-block;position:relative;z-index:1;color:#333;margin:0;font-size:16px;line-height:36px; vertical-align: middle; font-family: 'Roboto-Bold'; } .page_title i{ width: 50px; height: 50px; margin-right: 5px; /* background: url(img/con_message.png) no-repeat center center;*/ display: inline-block; vertical-align: middle;} .page_menu{background:#f3f6f9;list-style:none;border-radius:1px;text-align:center;padding:0 15px;margin-bottom:30px;height:60px;} .page_menu li{display:inline-block;margin:0 10px;} .page_menu li a{display:block;position:relative;font-size:16px;text-transform:capitalize;overflow:hidden;transition:all .5s;line-height:60px;} .page_menu li a:before{position:absolute;left:0;right:0;bottom:0;z-index: 1;height:3px;content:'';background:#ee7801;transform:scaleX(0);-webkit-transform:scaleX(0);transition:transform 0.3s, -webkit-transform 0.3s;-webkit-transition:transform 0.3s, -webkit-transform 0.3s;} .page_menu li:hover a,.page_menu li.active a{color:#ee7801; text-decoration:none;} .page_menu li a:hover:before , .page_menu li.active a:before{transform:scaleX(1);-webkit-transform:scaleX(1);} @media only screen and (max-width: 992px) { .breadcrumb .page_title{float:none;padding:0;margin-bottom:10px;text-align: center;} .breadcrumb a , .breadcrumb > i , .breadcrumb h2{font-size:13px;} .breadcrumb .bread_right{float:none;justify-content:center;padding:0;} .page_title{ margin-bottom:15px} } @media only screen and (max-width: 768px) { .page_section .in_title span{ font-size:24px} .page_title span{ font-size:30px; line-height:30px;} } @media only screen and (max-width: 375px) { .page_title span{ font-size:26px; line-height:26px;} } @media only screen and (max-width: 360px) { .page_menu li a:before{height: 2px;} .page_menu li a{font-size:13px;padding:8px 0;} } .contact_info{position:relative;padding:80px 10px;z-index:2;overflow: hidden;background-size:300px;} .contact_info:before{background:linear-gradient(180deg, rgba(0,0,0,0) 10%, #333 90%);position:absolute;left:0;bottom:0;width:100%;height:60%;content:'';z-index:-1;display:block;filter:alpha(opacity=06);-moz-opacity:0.06;opacity:0.06;} .contact_info ul{list-style:none;padding:0;padding-top:30px;} .contact_info ul li{padding:0 20px;position:relative;z-index:2;text-align:center;} .contact_info ul li .column{box-shadow:0 5px 27px rgba(0,0,0,.09);transition:all .5s;padding:20px;padding-top:0;border-radius:0;position: relative;z-index: 5;text-align: center;min-height:220px;background:#fff;} .contact_info ul li .column:hover{border-color:#ee7801;box-shadow:0 2px 30px 1px rgba(0,0,0,0.05);} .contact_info ul li em{display: block;font-size:17px;text-transform: uppercase;color:#333333;font-family:'OpenSans-Regular';margin-bottom:15px;line-height:24px;margin-top: -10px;} .contact_info ul li .txt{font-size:13px;line-height:20px;color:#808080;padding:0;width:100%;text-transform:uppercase;margin-top:15px;display: block;} .contact_info ul li .icon{width: 80px;height: 80px;position: relative;z-index: 4;top:-40px;display:inline-flex;align-items: center;justify-content: center;} .contact_info ul li .icon:after{content:'';width:100%;height:100%;top:0;left:0;position: absolute;z-index: -1;border-radius:30%;transform: rotate(45deg);-webkit-transform: rotate(45deg);-webkit-transition: all .5s;transition: all .5s;box-shadow: 0 -3px 7px 0 rgba(0,0,0,0.07);background:#fff; } .contact_info ul li:hover .icon:after{border-radius:50%;} .contact_info ul li .icon:before{content:'';top:-5px;bottom:-5px;right:-5px;left:-5px;border-radius: 50%;border:1px solid #ee7801;transition:all .5s;position: absolute;z-index: -1;opacity: 0;filter: alpha(opacity=0);} .contact_info ul li:hover .icon:before{left:-20px;right:-20px;bottom:-20px;top:-20px;opacity: 0.2;filter: alpha(opacity=20);} .contact_info ul li .icon span{display: inline-block;transition:all .5s;width:48px;height:48px;background-repeat:no-repeat;/*background-image: url(img/icon.png);*/} .contact_info ul li:hover .icon span{ -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); filter:FlipH; transform: rotateY(180deg); } .contact_info ul li p{font-size:14px;line-height:24px;margin:0;margin-bottom:5px;color:#4d4d4d;} .contact_info ul li p a{color:#4d4d4d;} .contact_info ul li p a:hover{color:#ee7801;} .message_info{padding:80px 0;background:#fff;} .message_wrap{padding-right:60px;position:relative;z-index:2;} .message_wrap .main_title{text-align: left;background-position: left top;align-items: center;} .message_wrap .main_title .text{max-width: 100%;} .message_wrap .column{position:relative;z-index:2;padding:50px 50px;padding-left:0;} .message_wrap .column:before{content:'';border:10px solid #dce2e5;position:absolute;left:-50px;top:0;right:0;bottom:0;display:block;z-index:-1;} .message_wrap .column .text{font-size:14px;line-height:20px;color:#808080;margin-bottom:20px;margin-top:20px;} .message_wrap .send_column{background:#fff url(img/bg_send.jpg) no-repeat 98% 20px;padding:40px;padding-bottom:50px;} .contact_sns{padding-right:0;margin-top:0;padding-top:30px;} .contact_sns .text{margin-bottom:15px;font-size:13px;color:#808080;line-height:20px;} .contact_sns a{display:inline-flex;margin:5px;transition:all .5s;width:38px;height:38px;border-radius:50%;transition:all .5s;text-align:center;justify-content: center;align-items: center;} .contact_sns a:hover{ -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); filter:FlipH; transform: rotateY(180deg); box-shadow:0 0 10px 2px rgba(0,0,0,0.03); } .contact_right{padding-right: 0;padding-left:0;} .contact_right .text{font-size: 15px;line-height:28px;} .page_send{display: block !important;} .mauticform-helpmessage {font-size:14px !important;} .send_column{padding:8px 35px;position: relative;z-index:10;/*background:#fff url(img/bg_send.jpg) no-repeat right 20px;*/border:5px solid #f2f2f2;bottom:0;border-radius:0px;} .mauticform-field-5 {width: 100%;margin: 0 auto;text-align: center;} .send_columnchannel {border:5px solid #f5f5f5;background:#f5f5f5;} .mauticform-page-wrapper.mauticform-page-1{ font-size: 14px; margin: 0 -1%; position: relative;} .send_columnchannel .mauticform-row { width: 49%; font-size: 12px; display: inline-block; vertical-align: top; padding:0 1%;} .send_columnchannel .mauticform-row .channelna { width: 20% !important; text-align: center; margin: 0 auto; display: block; } .send_columnchannel .mauticform_wrapper {max-width: 1200px;} /*#mauticform_httpswwwdnakeglobalcomchannel_submit ,#mauticform_httpswwwdnakeglobalcomchannel_messages,.mauticform-button-wrapper .mauticform-button {width:98% !important;}*/ .mauticform-field-10 {margin:0 auto;text-align: center;} .mauticform-textarea{ min-height: 100px;} .send_column .page_title{ text-align:left; margin-bottom:20px;margin-top:20px;} .send_column .page_title .text{ color:#666; font-size:13px; line-height:24px; max-height:48px; overflow:hidden; margin-top:15px} .send_column ul{list-style:none;max-width:100%;padding-top:0;} .send_column .col-sm-6{width: 50%;margin-bottom: 20px; padding: 0 10px;} .send_column .col-sm-12{margin-bottom: 20px; padding: 0 10px;} .send_column ul li{margin-bottom:20px;padding:0 10px;} .send_column ul li p{border:1px solid #dedede;margin:0;margin-top:0;font-size:14px;margin-bottom:0;padding:10px 15px;background:#fff;border-radius:0;} .send_column ul li p:before{margin-right:10px;color:#b4b4b4;content:"\f0ca";font-family:'FontAwesome';font-size:14px;} .send_column ul li p a{color:red; text-decoration:underline;font-size:14px;display:inline-block;} .send_column ul li span{display:block;position:relative;} /*.send_column ul li span:after{content:'*';color:red;position:absolute;right:7px;top:0;z-index:2;line-height: 48px;z-index: 111;}*/ .send_column input:before{content:'';position:absolute;right:10px;top:13px;width:28px;height:23px;display:inline-block;background-repeat: no-repeat;} .send_column ul li span.ms_e:before{background-image: url(img/mes_e1.png);} .send_column ul li span.ms_n:before{background-image: url(img/mes_p1.png);} .send_column ul li span.ms_m:before{background-image: url(img/mes_m1.png);} .send_column ul li span.ms_p:after{display:none;} .send_column input{background:none;height:35px;width:100%;line-height:54px;padding-left:15px; font-size:13px;color:#808080;border:1px solid #dedede;background:#ffffff;border-radius:2px;} .send_column ul li textarea{height:100px;background:transparent;width:100%;max-width:100%;max-height:100px;font-size:13px;padding:10px 50px 10px 15px;color:#808080;border:none;border:1px solid #dedede;border-radius:2px;} .mauticform-textarea{height:100px;background:transparent;width:100%;max-width:100%;max-height:100px;font-size:13px;padding:10px 50px 10px 15px;color:#808080;border:none;border:1px solid #dedede;border-radius:2px;} .send_column ul li input:focus,.send_column ul li textarea:focus{color:#333;border-color:#ee7801;background:#fff;} .send_column ul li input:-ms-input-placeholder{color:#808080;}/* Internet Explorer 10+ */ .send_column ul li input::-webkit-input-placeholder{color:#808080;}/* WebKit browsers */ .send_column ul li input::-moz-placeholder{color:#808080;}/* Mozilla Firefox 4 to 18 */ .send_column ul li input:-moz-placeholder{color:#808080;}/* Mozilla Firefox 19+ */ .send_column ul li textarea:-ms-input-placeholder{color:#808080;}/* Internet Explorer 10+ */ .send_column ul li textarea::-webkit-input-placeholder{color:#808080;}/* WebKit browsers */ .send_column ul li textarea::-moz-placeholder{color:#808080;}/* Mozilla Firefox 4 to 18 */ .send_column ul li textarea:-moz-placeholder{color:#808080;}/* Mozilla Firefox 19+ */ .send_column .main_more{margin-top:0;} .mauticform-button-wrapper .mauticform-button{ background: #ee7801; position: relative; z-index: 2; color: #ffffff; text-transform: uppercase; width: 109px; line-height: 32px !important; background-color: #ee7801; border-radius: 18px !important; border: none !important; padding: 0 !important; right: unset !important; top: unset !important;} .mauticform-selectbox, .mauticform-input, .ms_m { padding-left: 15px !important; } .mauticform-button-wrapper .channelna { width: 230px; } @media only screen and (max-width: 768px) { .contact_info ul li{ padding:0; width:100%} .send_column ul li{padding: 0;} .send_column ul li p a{font-size:12px;} .send_column ul li p{border-radius:0;} .send_column ul li input{border-radius:0;padding-left:10px;} .send_column ul li textarea{border-radius:0;padding-left:10px;} } @media only screen and (min-width: 1260px) { .single_con_column .send_column h6{padding-left:120px;background-position:60px bottom;} } @media only screen and (max-width: 992px) { .single_con_column{width:100%;padding:30px 0;} .contact_list{margin-bottom:0;padding:0;} .page_section .mes_box{display:block;padding:0;margin-top:20px;width:100%;} .page_con_column{padding:0;padding-top:30px;width:100%;} .page_section .send_column{width:100%;padding:30px 20px;} .page_send{background-size:cover;margin-bottom:-50px;} .contact_right{padding-left:0;width:100%;padding-top:30px;padding-right:0;} } @media only screen and (max-width: 768px) { .single_con_column .send_box{display:block;width:100%;} .message{z-index:9999;} .map{border:none;padding:0;margin-top:0;} .single_con_column .send_column{bottom: 0;margin-top:30px;} .contact_sns a{margin: 3px;} .con_main{margin-top:20px;} .page_section .send_column ul li{padding:0;} .message_info{padding:50px 0;} .message_wrap{padding: 0;} .message_wrap .send_column{padding: 30px 15px;} .map .map_column{bottom:-20px;} } /*sitemap*/ .sitemap{width:100%;} .stp-listA>li{text-transform:capitalize;margin-bottom:5px;list-style:none;background:#fafafa;border-radius:2px; } .stp-top{width:100%;background:#f2f2f2;padding:10px 20px;border-radius:2px;} .stp-top .page_info_title{font-size:14px;line-height:24px;display:block;text-transform:uppercase;background-repeat:no-repeat;background-position:90% center;transition:all .5s;padding-right:20px; font-family: 'OpenSans-Regular';} .stp-top .page_info_title:before{display:none;} .stp-top .page_info_title:hover{text-decoration:none;color:#ee7801;padding-left:2px;} .stp-listB{display:block;padding:15px;border-top:none;padding:20px;list-style:none;} .stp-listB>li{width:25%;padding:8px 10px;float:left;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;} .stp-listB>li>a{font-size:14px;line-height:22px;display:block;color:#4d4d4d;font-family: 'OpenSans-Regular';text-transform:capitalize;} .stp-listB>li>a i{padding-right:5px;} .stp-listB>li:hover>a{color:#ee7801;} .stp-listB li .stp-listC{width:100%;padding-top:15px;list-style:none;} .stp-listB li .stp-listC li{width:100%;margin-bottom:8px;font-family:'OpenSans-Regular';} .stp-listB li .stp-listC li a{color:#808080;font-size:14px;-webkit-transition:all var(--transition-time,500ms); -o-transition:all var(--transition-time,500ms); transition:all var(--transition-time,500ms);} .stp-listB li .stp-listC li a i{padding-right:5px;} .stp-listB li .stp-listC li a:hover{color:#ee7801;padding-left:5px;} @media only screen and (max-width: 768px){ .stp-listB>li{width:50%;padding:4px 0;} .stp-top{padding:15px;} .stp-top .page_info_title{font-size:16px;line-height:24px;} .stp-listB{border-width:1px;padding:20px 15px;} .stp-listB li .stp-listC{border-bottom:1px solid #eee;} } @media only screen and (max-width: 400px){ .stp-listB li{width:100%;margin-right:0;margin-bottom:2%;} } .page_date{display:inline-block;color:#ee7801;font-size:13px; text-transform:capitalize; line-height:20px; background:url(img/news_date.png) no-repeat left center; padding-left:25px; } /*left*/ .page-left{width:24%;float:left;margin-top:0;display:none;} .left_title{display:block;position:relative;margin-bottom:10px;border-radius:0; } .left_title em{font-family:'OpenSans-Regular';display:block;position:relative;z-index:1;color:#333;font-size:20px; text-transform:capitalize; } .left_title em:before{content:'';margin-left:0;display:inline-block;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100%;width:20px;height:21px;transition:all .5s; vertical-align:middle;margin-right:5px;margin-top:-4px; background:url(img/icon_box2.png) no-repeat;background-size: 100%;} .left-cat .left_title em:before{ background:url(img/icon_list.png) no-repeat;float:right;margin-top:5px;margin-right:0; background-size:100%;} .left-cat .left_title{padding:12px 15px;margin-bottom:2px; background:#ee7801; } .left-cat .left_title em{color:#fff; } .left_title .column_icon_toggle {display: none;} .left-cat .left_title>span i.icon:before{content:"\f0ca";font-family:FontAwesome;} .left-cat .left_title:before,.left-cat .left_title:after{display:none;} ul.mtree{opacity: 0;margin-left: 0;border:1px solid #e5e5e5;border-bottom:none;padding:5px 0;border-bottom:1px solid #e5e5e5;border-radius:0 0 0 0;background:#fff;} ul.mtree>li {list-style: none; position:relative;} ul.mtree>li>a{font-size:15px;padding:10px 0 10px 10px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;padding-right:30px;border-bottom:1px solid #e5e5e5;display: flex;align-items: center;text-transform: capitalize; } ul.mtree>li>a img{max-width: 32px;margin-right:5px;} ul.mtree>li:last-child >a{border-bottom:none;} ul.mtree>li>a p{margin: 0;padding-left:5px;} ul.mtree>li>a span{max-width:36px;min-width:36px;} ul.mtree a {display: block;font-size:12px; color:#555555;-moz-transition: all 0s;-o-transition: all 0s;-webkit-transition: all 0s;transition: all 0s;padding:10px 0;line-height:22px; padding-right:30px;} ul.mtree li ul a{ padding:6px 10px; padding-right:30px;} ul.mtree.transit > li.mtree-open>a:before, ul.mtree .mtree-level-1 li.mtree-open>a:before{ content:"\f106";font-family:FontAwesome;font-size:18px; color:#ee7801; font-style:normal; position:absolute; right:0; top:0; width:30px; height:42px; text-align:center;z-index:99;display: flex;align-items: center;justify-content: center; } ul.mtree .mtree-level-1 li.mtree-open>a:before{color:#ee7801;height: 40px;} ul.mtree.transit li.mtree-closed>a:before, ul.mtree .mtree-level-1 li.mtree-closed>a:before { content:"\f107";font-family:FontAwesome; font-size:18px; color:#333; font-style:normal; position:absolute; right:0; top:0; width:30px; height:100%;text-align:center;z-index:99;display: flex;align-items: center;justify-content: center; } ul.mtree.transit > li:hover.mtree-closed>a:before{color:#ee7801;} ul.mtree li ul a li a{ padding-left:20px;} ul.mtree>li:hover>a{ color:#ee7801;padding-left:15px;} ul.mtree>li.mtree-node a ul a{ font-size:12px;} ul.mtree>li.mtree-open{padding-bottom:0;} ul.mtree>li.mtree-open>a{padding-left:14px;color:#ee7801;} ul.mtree>li.mtree-node:hover>a{color:#ee7801;} ul.mtree>li.mtree-open:hover>a{color:#ee7801;} ul.mtree .mtree-level-1 li.mtree-closed>span{color:#ee7801;text-decoration:none;} ul.mtree ul {border:none;margin-bottom:10px;} ul.mtree ul li{list-style:none; position:relative;padding-bottom:0;} ul.mtree ul li a{display:block;color:#333;font-size:14px;border-bottom:1px solid #ebebeb;} ul.mtree>li>ul>li>a{ font-size:14px !important;font-weight:normal;position:relative;transition:all .5s;padding-top:8px;padding-bottom:8px;padding-left:15px;padding-right:0;background:#f7f7f7;} ul.mtree>li>ul>li:nth-child(2n+2)>a{background: #f2f2f2;} ul.mtree>li>ul>li>a:hover{color:#ee7801;text-decoration:none;padding-left:20px;} ul.mtree>li>ul>li>a:before{content:'';width:3px;background:#ee7801;height:100%;position:absolute;left:-10px;top:0;transform: scaleX(0);transform-origin: 0 0 0;transition: all 0.4s ease 0s;} ul.mtree>li>ul>li>a:hover:before{opacity:1;visibility:visible;transform:scaleX(1);} ul.mtree>li>ul>li>a i{ color:#ccc; font-size:12px; margin-right:10px; margin-left:6px;} ul.mtree>li>ul>li>a:before{content:"";} ul.mtree ul li:hover a{color:#ee7801;} ul.mtree li ul li.mtree-open a{color:#ee7801;text-decoration:none; } ul.mtree .mtree-level-2{ margin-top:0px; border:none; padding:0px; margin-bottom:0; border-bottom:1px solid #eee;padding:5px;} ul.mtree .mtree-level-2 li:last-child a{border-bottom:none;} ul.mtree li ul.mtree-level-2 li a{color:#333;font-weight:normal;font-size:14px; padding-left:10px;font-family:'OpenSans-Regular'} ul.mtree li ul.mtree-level-2 li a:before{ content:''; width: 4px; height: 4px; background-color: #d9d9d9; display:inline-block; vertical-align: middle; margin-right:5px; border-radius:50%; } ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:#ee7801;font-weight:normal;} ul.mtree .mtree-level-2 li a:hover:before{background:#ee7801;} ul.mtree.jet ul {margin-left: 0;} ul.mtree.jet li {margin-bottom: 1px;} ul.mtree.jet li:last-child {margin-bottom: 0px;} ul.mtree.jet li:first-child {margin-top: 1px;} ul.mtree.jet li.mtree-active a {background: #e5e5e5;} ul.mtree.jet li.mtree-active li:last-child > a {border-radius: 0px 0px 3px 3px;} ul.mtree.jet li.mtree-active > a {background: #ee7801;color: #FFF; border-radius: 3px 3px 0px 0px;} ul.mtree.jet li > a:hover { background: #ee7801;color: #FFF;} ul.mtree.jet a { padding: 5px 0px 5px 1em;} ul.mtree.jet li li > a { padding-left: 2em;} ul.mtree.jet li li li > a {padding-left: 3em;} ul.mtree.jet li li li li > a {padding-left: 4em;} ul.mtree.jet li li li li li > a {padding-left: 5em;} ul.mtree a:hover{text-decoration:none;} .mtree-skin-selector{ display:none!important;} .page_more{display:inline-block;color:#ee7801;text-transform:uppercase; font-size:13px;font-family: 'OpenSans-Regular';vertical-align:middle;margin-top:8px; line-height:18px;} .page_more i{margin-left:10px; font-size:16px;transition:all .5s; vertical-align:bottom; display:inline-block;} .page_more:hover{color:#ee7801; text-decoration:underline} .page_more:hover i{ animation: scroll_right_anim 1.5s infinite; margin-left:12px } /*hot_pro*/ .left-pro{margin-top:30px;} .left-pro ul{padding-top:10px;} .left-pro ul li{background:#fff;list-style:none;margin-bottom:10px;transition:all .5s;padding:10px;margin-bottom:15px;border:2px solid #eee;position:relative;} .left-pro ul li:hover{background:#fff;box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);} .left-pro ul li:before, .left-pro ul li:after{ content:''; display:block; position:absolute; top:-2px; left:-2px; right:-2px; bottom:-2px; transition:all .5s; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } .left-pro ul li:before{ border-top:2px solid #ee7801;border-bottom:2px solid #ee7801;transform-origin:0 0;-webkit-transform-origin:0 0;transform:scale(0,1);-webkit-transform:scale(0,1); } .left-pro ul li:after{ border-left:2px solid #ee7801;border-right:2px solid #ee7801;transform-origin:100% 0;-webkit-transform-origin:100% 0;transform:scale(1,0);-webkit-transform:scale(1,0); } .left-pro ul li:hover:before, .left-pro ul li:hover:after{ border-color:#ee7801; transform:scale(1); -webkit-transform:scale(1); filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .left-pro ul li:hover:after{transition-delay:.15s;-webkit-transition-delay:.15s;} .left-pro ul li .main{width:60%;float:left;padding-left:10px;position:relative;z-index:10;} .left-pro ul li .title{font-size:16px;line-height:24px;max-height:72px;display:block;overflow:hidden; margin:0;margin-bottom:0;} .left-pro ul li .title:hover{color:#ee7801;} .left-pro ul li .image{ float:left; width:40%;transition-duration: 0.6s;transition-timing-function: ease-out; overflow:hidden;position:relative;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;position:relative;z-index:10;} .left-pro ul li .image a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;} .left-pro ul li .image img{ max-width:100%;height:auto;display:block;position:relative;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms); } .left-pro ul li:hover .image img{-webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05));} .left-pro ul li .image .icon{position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px;background:#0094ff;width:40px;height:40px;border-radius:50%;transition:all .5s;text-align:center;padding:12px 0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;} .left-pro ul li:hover .image .icon{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} .left-pro ul li .image .icon p{display:inline-block;/*-webkit-mask:url(img/icon_plus.png);*/-webkit-mask-repeat:no-repeat;width:14px;height:14px;-webkit-mask-size:100%;background-image:linear-gradient(135deg, #fff 0%, #fff 100%);transition:all .5s;} .left-pro ul li:hover .image .icon p{-webkit-animation:spin .6s ease-out;animation:spin .6s ease-out;background-image:linear-gradient(135deg, #ffffff 0%, #ffffff 100%);} .page-right{/*! width:80%; */margin:0 auto;} @media only screen and (max-width: 992px){ .page-title em{font-size:24px;} .page-left{width:100%;float:none;margin-bottom:30px;} .left-pro,.left-con,.left-video,.left-solu,.left-work{margin-top:0;padding:0;border:none;} .left_title{margin-bottom:10px;margin-bottom:0;padding:8px 10px;border-radius:0;background:#ee7801; } .left-cat .left_title{ padding: 8px 10px;} .left_title>em{margin:0;font-size:14px;color:#fff;padding:0;line-height:24px;text-transform:uppercase;} .left_title em:before{ display:none} .page-left .left_title>span{display:none;} .left-con .left_title{display:block;} .left_title .column_icon_toggle{display: inline-block;position: absolute;right:15px;top:7px;font-style:normal;cursor:pointer;font-size:14px;font-weight:normal; color:#fff} .page-right{width:100%;padding:0;float:none;} .left-cat{margin-bottom:10px;} .left-cat .left_title em{font-size:16px;} .left-cat .left_title em:before{ display:none} } /*page-number*/ .page_num{width:100%;margin:auto;text-align:left;/*! background:#e8e8e8; */border-radius:0;padding:10px 15px;border-radius:0;margin-top:30px;margin: 0 auto;text-align: center;} .page_num span{display:inline-block;color:#fff;background:#ee7801;font-size:12px;text-transform:capitalize;padding:0;vertical-align:middle;height:36px;line-height:36px;transition:all .5s;position:relative;border-radius:0;font-family:'OpenSans-Regular';text-align: center;border-radius:2px;padding:0 5px;} .page_num a{background:#e8e8e8;padding:0;display:inline-block;text-transform:capitalize;font-size:12px;position: relative;z-index: 0; vertical-align:middle;line-height:36px;transition:all .5s;color:#ee7801 ;border-radius:2px;/*! width:36px; */height:36px;text-align: center;/*! position: relative; */padding: 0 12px;margin: 0 4px;} .page_num a:hover{background:#ee7801;text-decoration:none;color:#fff;border-color:#ee7801;} .page_num a i{line-height:36px;} .page_num p{display:inline-block;font-size:12px;margin:0;margin-top:7px;font-family:'OpenSans-Regular';float:right;} .page_num p:before{content:'[';padding-right:3px;} .page_num p:after{content:']';padding-left:3px;} .page_num p strong{display:inline-block;margin:0 5px;font-weight:normal;color:#ee7801;} @media only screen and (max-width: 768px) { .page_num{border-radius: 0;text-align: center;padding:10px;margin-top:10px;} .page_num a , .page_num span{width: 30px;height:30px;line-height:30px;font-size:12px;padding: 0;} .page_num a i{line-height: 30px;} .page_num p{float: none;display: block;} } .navigation{width:100%;list-style:none;border-top:1px solid #efefef;margin-top:20px;padding-top:10px;} .navigation li{ text-align:left;} .navigation li.next_post{ text-align:left;} .navigation li a{padding-top:20px;padding-bottom:20px;position:relative;display:block;transition:all .5s;} .navigation li a:hover{text-decoration:none;} .navigation li.prev_post a{padding-left:50px;} .navigation li.next_post a{padding-left:50px;} .navigation li a:before{ font-family:'FontAwesome';font-size:16px;position:absolute;top:50%;width:40px;height:40px;line-height:39px;border-radius:50%;text-align:center;border:1px solid rgba(0, 0, 0, 0.1);box-shadow:0 2px 4px rgba(0, 0, 0, 0.06);transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .5s;background-color:#fff; } .navigation li.prev_post a:before{left:0;content:"\f060";} .navigation li.next_post a:before{left:0;content:"\f061";} .navigation li a:hover:before{background:#ee7801; color:#fff} .navigation li a .meta_nav{display:block;font-size:14px;text-transform:uppercase;color:#808080;margin-bottom:5px;line-height:20px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;transition:all .5s;} .navigation li a:hover .meta_nav{color:#333;} .navigation li a .post_title{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;margin:0;transition:all .5s;} .navigation li a:hover .post_title{color:#ee7801;} @media only screen and (max-width: 992px) { .navigation li{width:calc(50% - 40px);} } @media only screen and (max-width: 768px) { .navigation{border:none;padding-top:0;margin-bottom:0;} .navigation li{width:100%;background:#f7f7f7;padding:0 10px;margin-bottom:10px;} .navigation li.prev_post a{padding-left:50px;} .navigation li.next_post a{padding-right:50px;} .navigation li a:before{width:40px;height:40px;line-height:40px;} } .page_faq .panel-group{ padding:0; margin-bottom:0} .page_faq #accordion .panel{border: none; box-shadow: 0 2px 12px rgba(0,0,0,0.07); border-radius: 0;margin: 0px 0 20px; border-radius:0;background: rgba(255,255,255,0.5);} .page_faq #accordion .panel-heading{padding: 0; } .page_faq #accordion .panel-title a{ display: block; font-size:16px; font-family:'OpenSans-Regular';line-height:50px; color: #fff; background-position:left center; padding:0 35px 0 46px; position: relative;transition: all 0.5s ease 0s; background:#ee7801 url(img/faq_icon1.png) no-repeat 10px center; overflow: hidden;height: 50px;text-overflow: ellipsis; white-space: nowrap;} .page_faq #accordion .panel-title a.collapsed{background-image:url(img/faq_icon2.png); background-color:#fff; color:#333 } .page_faq #accordion .panel-title a:before{ content: "-";display: block; line-height:25px; height:25px; width:25px; border-radius:5px; background:rgba(255,255,255,0.08); font-size:18px; color: #fff; text-align: center; position: absolute; top:13px; right:5px; transition: all 0.3s ease 0s;font-family:'OpenSans-Regular';} .page_faq #accordion .panel-title a.collapsed:before{content: "+"; background:rgba(132,111,198,0.08); color:#ee7801; font-size:18px; line-height:25px;} .page_faq #accordion .panel-body{font-size: 15px;line-height: 22px; padding:21px 22px 26px; border: none;} .page_faq #accordion .panel-body p{ color:#666666; font-size:15px; line-height:28px; } .page_faq #accordion .panel-title:hover a{ color:#fff;background:#ee7801 url(img/faq_icon1.png) no-repeat 10px center; } .page_faq #accordion .panel-title:hover a::before{ color:#fff;} .video_l{list-style:none;} .video_l li{padding:0 10px;margin-bottom:25px;text-align:left;} .video_l li:nth-child(3n+1){clear: both;} .video_l li .image{position: relative;box-shadow:0 5px 40px 2px rgba(0,0,0,0.1);} .video_l li .image > a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:20;} .video_l li .image .img{overflow:hidden;display: block;} .video_l li .image img{max-width:100%;height:auto;width:100%;transition:all .9s;} .video_l li:hover .image img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .video_l li .image .icon{display: inline-flex;position:absolute;bottom:-28px;left:50%;background:#de1a1a;border-radius:50%;width:56px;height:56px;transform: translate(-50%, 0);z-index: 5;align-items: center;justify-content: center;} .video_l li .image .icon:before{content:'';position: absolute;left:-15px;top:-15px;right:-15px;bottom:-15px;z-index: -1;background:#de1a1a;border-radius:50%;opacity: 0.05;filter: alpha(opacity=5);transition:all .5s;} .video_l li:hover .image .icon:before{left:-25px;right:-25px;bottom:-25px;top:-25px;opacity: 0;filter: alpha(opacity=0);} .video_l li .image .icon i{color:#fff;font-size:16px;} .video_l li .wrap{border:1px solid #eee;padding:20px 20px;padding-top:40px;transition:all .5s;border-top:none;text-align: center;/*background: #fff url(img/bg_video.png) no-repeat 110% 101%;*/} .video_l li:hover .wrap{box-shadow:0 5px 27px rgba(0,0,0,0.15);} .video_l li .line{display: inline-block;width:80px;height:1px;background:#565554;transition:all .5s;} .video_l li:hover .line{width:100px; background:#222} .video_l li .title{display:block;font-size:18px;line-height:24px;max-height:48px;overflow:hidden;margin-top:0;margin-bottom:15px; } .video_l li:hover .title{color:#222;text-decoration:none;} .video_l li .text{color:#808080;font-size:14px;line-height:24px;overflow:hidden;height:48px;margin-top:10px;} @media only screen and (max-width: 768px) { .video_l li{padding:0 5px;} .video_l li .wrap{padding: 20px 10px;padding-top:30px;} .video_l li .image .icon{width:48px;height:48px;bottom:-20px;} .video_l li .line{display: none;} .video_l li .text{font-size: 12px;} } @media only screen and (max-width: 480px) { .video_l li{padding:0;width:100%;} .video_l li .title{height:auto;max-height:48px;font-size:14px;} .video_l li .main_more {display: none;} } .download_info_list{list-style: none; margin:0 -15px} .download_info_list li{margin-bottom:20px;list-style: none;} .download_info_list li .wrap{display:block;border:2px solid #f2f2f2;padding:20px;position:relative;transition:all .5s;/*background:url(img/bg_down.jpg) no-repeat 98% 90%;*/background-size:90px;} .download_info_list li:hover .wrap{border-color:#ee7801;box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);} .download_info_list li .wrap > a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:10;} .download_info_list li .wrap > div{width:100%;display:flex;align-items: center;} .download_info_list li .wrap > div i{width:50px;height:50px;display:inline-block;transition:all .5s;float:left; /*background:url(img/icon_pdf.png) no-repeat*/} .download_info_list li .wrap > div em{margin:0;padding-left:10px;display:inline-block;max-width:80%;line-height:24px;height:48px;overflow:hidden;;color:#333333;font-size:15px;transition:all .5s;} .download_info_list li .wrap:hover > div em{color:#ee7801;} @media only screen and (max-width: 768px) { .download_info_list{ margin:0 -5px} .download_info_list li{padding:0 5px;} .download_info_list li .wrap{padding:20px 10px;} .download_info_list li .wrap > div em{font-size:14px;max-width:76%;} } @media only screen and (max-width: 475px) { .download_info_list li{ width:100%} } .project_list{list-style:none; margin:0 -10px} .project_list li{margin-bottom:20px;padding:0 10px;} .project_list li:nth-child(4n+1){ clear:both} .project_list li .column{transition:all .5s;overflow: hidden;} .project_list li:hover .column{ transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);} .project_list li .image{display:block;overflow:hidden;position:relative;} .project_list li .image:before{position: absolute;content:'';top:0;left:0;width: 100%;height: 50%;display: block;opacity: 0;filter: alpha(opacity=0);transform:perspective(400px) rotateX(-90deg);transform-origin:top;transition:all 0.4s;background:#ee7801;z-index: 1;} .project_list li:hover .image:before{opacity: 0.5;filter: alpha(opacity=50);transform:perspective(400px) rotateX(0deg);transition:all 600ms ease 100ms;} .project_list li .image:after{position: absolute;content:'';bottom:0;left:0;width: 100%;height: 50%;display: block;opacity: 0;filter: alpha(opacity=0);transform:perspective(400px) rotateX(90deg);transform-origin:bottom;transition:all 0.4s;background:#ee7801;z-index: 1;} .project_list li:hover .image:after{opacity: 0.5;filter: alpha(opacity=50);transform:perspective(400px) rotateX(0deg);transition:all 600ms ease 200ms;} .project_list li .image > a{display: block;z-index: 10;position: absolute;left:0;top:0;width: 100%;height: 100%;} .project_list li .image .img{display: block;overflow: hidden;} .project_list li .image img{max-width: 100%;height: auto;width: 100%;transition: all .9s;} .project_list li:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .project_list li .icon{position: absolute;right: 0;top:0;width:42px;height:42px;background:#fff;border-radius:50%;display: inline-flex;opacity: 0;filter: alpha(opacity=0);transition:all .5s;z-index: 8;align-items: center;justify-content: center;z-index: 2;} .project_list li:hover .icon{top:20px;right:20px;opacity: 1;filter: alpha(opacity=100);transition-delay:0.6s;} .project_list li .icon:after{content:'';position: absolute;left:-8px;top:-8px;right:-8px;bottom:-8px;border-radius:50%;background:#fff;opacity: 0.1;filter: alpha(opacity=10);} .project_list li .icon i{width:22px;height:22px;background:url(img/icon_link.png) no-repeat;} .project_list li .wrap{padding:20px 15px;transition:all .5s;text-align: center;} .project_list li:hover .wrap{background:#fff;box-shadow:0 2px 20px 1px rgba(0,0,0,0.1);} .project_list li .title{color:#333333;font-size:16px;line-height:24px;overflow:hidden;max-height:48px;display:block;margin-bottom:15px;font-family:'OpenSans-Regular';transition:all .5s;margin-top:0;} .project_list li:hover .title{color:#ee7801;text-decoration: none;} .project_list li .text{color:#808080;font-size:13px;line-height:24px;overflow:hidden;height:48px;} @media only screen and (max-width: 1024px) { .project_list{ margin:0 -5px} .project_list li{ padding:0 5px} .project_list li .wrap{ padding:20px 10px} .project_list li .title{ font-size:14px; margin-bottom:5px} } @media only screen and (max-width: 768px) { .project_list li:nth-child(4n+1){ clear:none} .project_list li:nth-child(2n+1){ clear:both} } @media only screen and (max-width: 480px) { .project_list li{padding: 0;width:100%;} .project_list li .title{height:auto;max-height:48px;font-size:14px;margin-bottom:10px;font-family:'OpenSans-Regular';} .project_list li .wrap{padding: 15px 10px;} .project_list li .text{font-size:12px;height:24px;} } .news li{position:relative;list-style:none;border-radius:5px;margin-bottom:20px;transition:all .5s;background:#fafafa;} .news li .image{float:left; width:34%;transition-duration: 0.6s;overflow:hidden;transition-timing-function: ease-out; position:relative;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .news li .image a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;} .news li .image img{ width:100%;max-width:100%;height:auto;display:block;transition:all .5s;} .news li:hover .image img{-webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05)); } .news li .main{float:left;width:66%;padding:20px 20px 15px;border-radius:0;z-index:3;position:relative; } .news li .main .title{margin:0;margin-bottom:10px;margin-top:10px;} .news li .title a{font-family:'OpenSans-Regular';display: block;font-size:16px;line-height:26px;overflow:hidden;height:52px; color:#333} .news li:hover .title a{color:#ee7801;text-decoration: none;} .news li .text{color:#888;font-size:14px;line-height:24px;max-height:48px;overflow:hidden;margin-bottom:0;} .news li .main_more{margin-top:10px;} @media only screen and (max-width: 768px){ .news li .main{padding-left:10px; padding-top:10px} .news li .title a{font-size:14px; line-height:24px; max-height:48px} .news li .text{ display:none} } @media only screen and (max-width: 480px){ .news li{margin-bottom:20px;} .news li .image{width:48%;} .news li .main{width:52%; } .news li .main .title{margin-top:5px;} .news li .title a{font-size:13px;line-height:20px;max-height:40px;} .news li .text{height:20px;} .news li .page_more{display:none;} .news li .page_date{font-size:12px;} } @media only screen and (max-width: 325px){ .news li .image{width:100%;} .news li .main{width:100%; } } .news_detail_info{text-align:left;} .news_detail_title{text-align:center;margin: 1% 0 0 0;} .news_detail_info .news_detail_title h6{font-size:18px;display:block;color:#333;line-height:24px;margin-bottom:10px;margin-top:0;font-family: 'OpenSans-Regular';} .news_detail_info h1 {text-align:center;font-size: 24px;} .news_detail_info .txt{font-size:14px;line-height:24px;margin-top:20px;text-align:left;font-family:'OpenSans-Regular';} .news_detail_info .txt img{max-width:100%;height:auto;} .news_detail_info .txt a{color:#ee7801;} /*blog*/ .page_info_right{ padding-right:40px;float:right; padding-left:0} .page_info_left{ float:right; } .left-blog{margin-bottom:30px;} .left-blog .left_title{display:none;} .left-blog .left_title>span i.icon:before{content:"\f0c1";font-family:FontAwesome;} .blog-list{list-style:none;margin-bottom:20px;} .blog-list p, .blog-cat p{display:block;margin-bottom:20px;text-transform:capitalize;font-size:18px;padding-bottom:5px;color:#333333;position:relative;font-family: 'OpenSans-Regular';} .blog-list p i, .blog-cat p i{padding-right:5px;color:#ee7801;font-size:16px;} .blog-list p:before, .blog-cat p:before{content:'';width:100%;height:1px;display:inline-block;position:absolute;right:20%;left:0;bottom:0;background:#e5e5e5;} .blog-list p:after, .blog-cat p:after{content:'';width:7px;height:7px;border-radius:50%;display:inline-block;background:#e5e5e5;position:absolute;right:0;bottom:-3px;} .blog-list li{display:block;position:relative;margin-bottom:5px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;overflow:hidden;padding-bottom:5px;} .blog-list li a{font-size:14px; color:#787878; line-height:20px; padding:0; display:inline-block;overflow:hidden; text-transform:capitalize;position:relative;transition:all .5s;} .blog-list li a:hover{ color:#ee7801;text-decoration:none;padding-left:12px;} .blog-list li a:before{content:'';position:absolute;left:-8px;top:50%;display:inline-block;height:1px;width:8px;background:#ee7801;transition:all .5s;} .blog-list li a:hover:before{left:0;} .blog-cat{list-style:none;margin-bottom:10px;} .blog-cat li{display:inline-block;margin:5px;} .blog-cat li a{display:inline-block;border:2px solid #eee;padding:2px 10px;border-radius:25px;font-size:13px;transition:all .5s;} .blog-cat li a:hover{color:#fff;background:#ee7801;border:2px solid #ee7801;text-decoration:none;} .blog_list{list-style:none;} .blog_list li{border-bottom:1px solid #e5e5e5;padding-bottom:20px;margin-bottom:20px;position:relative;} .blog_list li .image{display:block;overflow:hidden;margin-bottom:20px;} .blog_list li .image img{ max-width:100%; height:auto; -webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms); } .blog_list li:hover .image img{ -webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05)); } .blog_list li .title{font-family:'OpenSans-Regular';color:#333333;font-size:18px;line-height:28px;overflow:hidden;max-height:56px;display:block; margin-bottom:8px} .blog_list li .title:hover{color:#ee7801;text-decoration:underline;} .blog_list li .text{color:#666;font-size:14px;line-height:24px;height:48px;overflow:hidden;margin-top:15px;} .blog_list li .wrap_more{margin-top:20px;} .post_blog_tag{margin:10px 0;background:#f2f2f5;padding:3px 20px 8px 20px;border-radius: 0;} .post_blog_tag>p{display:inline-block;font-size:14px;text-transform:uppercase;margin:0;color:#ee7801;font-family:'OpenSans-Regular';} .post_blog_tag>p i{color:#ee7801;margin-right:5px;} .post_blog_tag li{display:inline-block;margin:5px 0 0 5px;position:relative;border:none;padding:0;} .post_blog_tag li a{ text-transform:capitalize;display:inline-block;background:#fff;border:2px solid #eee;font-size:14px;border-radius:25px;line-height:20px;color:#4d4d4d;padding:3px 12px;transition:all .5s;} .post_blog_tag li:hover a{box-shadow:0 2px 4px rgba(0, 0, 0, 0.06);text-decoration:none;background:#ee7801;color:#fff;border-color:#ee7801;} @media only screen and (max-width: 992px) { .left-blog{padding:0;border:none;margin-bottom:0;} .blog_list li .right{padding-left:65px;width:100%;} .left-blog .left_title{display:block;} .blog-list p, .blog-cat p{font-size:15px;line-height:20px;} .blog-list{padding-top:20px;} .page_info_right { padding:0} } @media only screen and (max-width: 768px) { .blog_list li{padding-top:0;} .blog_list li .date{left:0;} .blog_list{border:none;} .blog_tag>p{display:block;} .blog_list li .right{padding-left:80px;} .blog_list li .main-more{padding:6px 20px;} } @media only screen and (max-width: 480px) { .blog_list li .date{position:inherit;width:100%;} .blog_list li .date span{border-radius:0;height:auto;width:auto;padding:0 20px;border-radius:25px;} .blog_list li .date>span p{display:inline-block;padding-left:5px;} .blog_list li .right{padding:0;padding-top:10px;} .blog_list li .more{letter-spacing:0;} .blog_list li .title{font-size:14px;line-height:20px;max-height:60px;font-family:'OpenSans-Regular';} } /*products*/ .pro_top .pro-img{padding:0;} .pro_top .pro-img img{max-width:100%;height:auto;} .pro-text{color:#333;background:#f7f7f7;padding:20px;margin-bottom:10px;border-radius:0;} .pro-text .column{line-height:24px;font-size:14px;overflow:hidden;} .pro-text img{max-width:100%;height:auto;} .cbp-vm-switcher {width:100%;margin-bottom:30px;} .cbp-vm-options {text-align:right;margin-bottom:0;margin-bottom:10px;} .cbp-vm-options em{display:inline-block;float:left;font-family:'OpenSans-Regular';font-size:20px;color:#4d4d4d;text-transform:uppercase;line-height:38px;} .cbp-vm-options a {display: inline-block; vertical-align:middle;padding:1% 1.4% 1% 1.4%;overflow: hidden;white-space: nowrap;border-radius:50%;color: #333;border:1px solid #efefef;margin-left:10px;float:right;} .cbp-vm-options span{display:inline-block;float:right;font-size:12px;color:#ccc;} .cbp-vm-options a:hover,.cbp-vm-options a.cbp-vm-selected {color: #fff;background:#ee7801;border-color:#ee7801;} .cbp-vm-options a:before {font-size: 14px;text-align: center;display: inline-block;} /* General list */ .cbp-vm-switcher>ul {list-style: none;padding: 0;} /* Clear eventual floats */ .cbp-vm-switcher ul:before, .cbp-vm-switcher ul:after { content: " "; display: table; } .cbp-vm-switcher ul:after { clear: both; } .cbp-vm-switcher>ul>li {display: block;position: relative;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; list-style:none} .cbp-vm-image .cbp-image-hover{display:none;position:absolute;left:0;top:0;width:100%;height:100%;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;} .cbp-vm-switcher ul li:hover .cbp-vm-image .cbp-image-hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} .cbp-vm-switcher ul li > div{position:relative;display:block;/*border:1px solid #f2f2f2;*/padding:0;border-radius:0;transition:all .5s;padding:1px;} .cbp-vm-switcher>ul>li .cbp-vm-image{display: block;overflow:hidden;position: relative;z-index: 2;} .cbp-vm-image > a{position:absolute;right:0;top:0;display:block;z-index:5;width:100%;height:100%;} .cbp-vm-image img{max-width:100%;height:auto;transition:all .5s; width:80%} .cbp-vm-switcher>ul>li:hover .cbp-vm-image img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .cbp-vm-switcher>ul>li .cbp-list-left .line{display: inline-block;width:0;background:#fff;height:1px;transition:all .5s;} .cbp-vm-switcher>ul>li:hover .cbp-list-left .line{width: 60px;background-color:#ee7801;} .cbp-vm-details{font-size:18px;line-height:24px;height:48px;overflow:hidden;color:#424242; font-weight: bold;} /* Common icon styles */ .cbp-vm-icon:before { font-family: 'fontawesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .cbp-vm-grid:before {content: "\f00a";} .cbp-vm-list:before {content: "\f039";} .cbp-vm-add:before {content: "\f055";} /* Large grid view */ .cbp-vm-view-grid ul {text-align: left;} .cbp-vm-view-grid ul li { width:33.32%; float:left; text-align: center; display: inline-block; vertical-align: top; position:relative; list-style:none; } .cbp-vm-view-grid ul li:nth-child(3n+1){ clear:both} .cbp-vm-view-grid ul li .cbp-list-left{padding-top:20px;padding-top:0;text-align:center;position:relative;overflow:hidden;} .cbp-vm-view-grid ul li .cbp-title{font-family: 'OpenSans-Regular';display:block;color:#333333;font-size:22px;line-height:26px;overflow:hidden;margin-bottom:10px; } .cbp-vm-view-grid ul li:hover .cbp-title{color:#ee7801; } .cbp-vm-view-grid ul li .cbp-vm-details .text{color:#808080;font-size:12px;line-height:20px;overflow:hidden;height:40px;margin-top:10px;} .cbp-vm-view-grid ul li .cbp-list-more{display:none;} .cbp-vm-view-grid ul li .more{display: none;} .cbp-vm-view-grid .post_blog_tag{display:none;} .cbp-vm-view-grid .cbp-list-center{padding:10px;position:relative;z-index: 2;background:#fff;transition:all .5s;} .cbp-vm-view-grid ul li:hover .cbp-list-center{background:#f7f7f7;} .cbp-vm-view-grid .cbp-vm-details{margin-top:5px;margin-bottom:10px;} /* List view */ .cbp-vm-view-list>ul{margin:0;margin-top:20px;} .cbp-vm-view-list>ul>li {text-align:left;border-bottom:1px solid #eee;padding:20px 0;} .cbp-vm-view-list>ul>li:first-child{padding-top:0;} .cbp-vm-view-list li:before, .cbp-vm-view-list li:after { content: " "; display: table; } .cbp-vm-view-list li:after { clear: both; } .cbp-vm-view-list>ul>li > div{padding:0;border:none;} .cbp-vm-view-list .cbp-vm-image, .cbp-vm-view-list .cbp-vm-title, .cbp-vm-view-list .cbp-vm-details, .cbp-vm-view-list .cbp-vm-price, .cbp-vm-view-list .cbp-vm-add { display: inline-block; vertical-align: middle; } .cbp-vm-view-list .cbp-vm-image {width: 30%;text-align:center;display:inline-block;position:relative; vertical-align:middle;float:left;border:1px solid #f2f2f2;background:#fff;transition:all .5s;} .cbp-vm-view-list ul li:hover .cbp-vm-image{border-color:#ee7801;} .cbp-vm-view-list ul li>div .cbp-list-center{width:70%;display:inline-block;} .cbp-vm-view-list ul li .cbp-title{display:block;color:#333333;font-size:16px;line-height:24px;overflow:hidden;max-height:48px;font-family: 'OpenSans-Regular';margin-bottom:10px;} .cbp-vm-view-list ul li:hover .cbp-title{color:#ee7801;text-decoration:none;} .cbp-vm-view-list ul li .cbp-vm-details {margin-top:0;height:auto;padding:0;max-height:48px;font-size:14px;} .cbp-vm-view-list ul li .cbp-vm-details .text{color:#999;font-size:12px;line-height:20px;overflow:hidden;max-height:60px;} .cbp-vm-view-list>ul>li .cbp-list-left .line{display: none;} .cbp-vm-view-list ul li .post_blog_tag{margin-top:15px;} .cbp-vm-view-list ul li .main_more a{font-size:12px;height:34px;line-height:34px;} .cbp-vm-view-list .cbp-hover{display:none;} .cbp-vm-view-list .cbp-list-center{width:76%;display:inline-block; vertical-align:middle;padding:0 0 0 15px;} .cbp-vm-view-list .cbp-list-center .cbp-list-left{padding-left:0;} .cbp-vm-view-list .cbp-list-more{display:block;margin-top:20px;float:right;padding-right:0;} @media only screen and (max-width: 768px){ .pro-cat li{margin-bottom:10px;} .cbp-vm-options{margin-top:0;} .cbp-vm-view-list ul li .cbp-list-left .more{letter-spacing:0;} .pro_top .pro-img{display:none;} } @media screen and (max-width: 520px) { .pro-text .box{max-height:336px;overflow:hidden;} .cbp-vm-view-grid ul li {width: 50%;} .cbp-vm-view-grid ul li:nth-child(3n+1){ clear:none} .cbp-vm-view-grid ul li:nth-child(2n+1){ clear:both} .cbp-vm-options{text-align:center;} .cbp-vm-view-list>ul>li{width:100%;} .cbp-vm-view-list ul li .cbp-vm-details{height:40px;line-height:20px;} .cbp-vm-view-list .cbp-list-center{width:100%;margin-top:10px;} .cbp-vm-view-list ul li .cbp-vm-details{width:100%;} .cbp-vm-view-list .cbp-vm-image{width:100%;} .cbp-vm-view-list ul li>div>div{width:100%;} .cbp-vm-view-grid ul li{margin-bottom:0;} .cbp-vm-view-list ul li .cbp-title{font-size:14px;} .cbp-vm-view-grid ul li .cbp-title{font-size:14px;margin-bottom:0;} .cbp-vm-view-list .cbp-list-view{display:none;} /*.cbp-vm-view-grid ul li .cbp-vm-details{display:none;}*/ .cbp-vm-view-list ul li>div .cbp-list-center,.cbp-vm-view-list .cbp-list-center .cbp-list-left{width:100%;padding:0;} .cbp-vm-view-list .pro-list-tags p{display:block;} .cbp-vm-view-list .cbp-list-more{padding:0;} .cbp-vm-view-list .cbp-list-more .main-more{display:inline-block;margin-right:10px;} .cbp-vm-view-grid .cbp-list-center{padding:10px 0 10px 0;} .cbp-vm-options em{display:block;float:none;margin-bottom:10px;} .cbp-vm-view-grid ul li .more{display: none;} } @media screen and (max-width: 400px) { .cbp-vm-view-grid ul li .cbp-title{font-size:12px;margin-top:0;line-height:20px;height:40px;} .cbp-list-left{padding:0;} .cbp-vm-image .image_more{display:none;} } /* CSS for the loading div */ .sp-loading { text-align: center; max-width: 100%; border: 2px solid #fafafa; padding:2px; border-radius: 0; font-size: 12px; color: #888; } .sp-loading img{max-width:100%;height:auto;} /* Element wrapper */ .sp-wrap { display: none; line-height: 0; font-size: 0; border-radius: 3px; position: relative; /************** Set max-width to your thumbnail width ***************/ text-align:center; max-width: 100%; width:100%; } /* Thumbnails */ .sp-thumbs { text-align: left; display: block; padding:10px 0; } .sp-thumbs a{position:relative;border:2px solid #e7f0f1;} .sp-thumbs img { min-height: 56px; min-width: 56px; max-width: 56px; } .sp-thumbs a:link, .sp-thumbs a:visited { width: 120px; height: 120px; overflow: hidden; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; display: inline-block; background-size: cover; background-position: center; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; margin:0 3px; } .sp-thumbs a:hover { opacity: 1; border-color: #ee7801; } /* Styles for the currently selected thumbnail */ .sp-thumbs a:active,.sp-thumbs a.sp-current { opacity: 1!important; position: relative; border-color:#ee7801; } .sp-thumbs a.sp-current:after{transform:scaleX(1);visibility:visible;} /* Image currently being viewed */ .sp-large { position: relative; overflow: hidden; top: 0; left: 0; width: 100% !important; } .sp-large a img { max-width: 100%; height: auto; width:100%; } .sp-large a { display: block; } /* Panning Zoomed Image */ .sp-zoom { position: absolute; left: -50%; top: -50%; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; display: none; } /* Lightbox */ .sp-lightbox { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .9); z-index: 9999999; display: none; cursor: pointer; } .sp-lightbox img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 90%; max-height: 90%; border: 2px solid #fff; } #sp-prev, #sp-next { position: absolute; top: 50%; margin-top: -25px; z-index: 501; color: #fff; text-decoration: none; background: #000; border-radius: 25px; border: 2px solid #fff; width: 50px; height: 50px; box-sizing: border-box; transition: .2s; text-align:center; } #sp-prev { left: 14%; } #sp-prev:before { content: "\f104"; font-family:'FontAwesome'; font-size:24px; line-height:46px; } #sp-next { right: 14%; } #sp-next:before { content: "\f105"; font-family:'FontAwesome'; font-size:24px; line-height:46px; } #sp-prev:hover, #sp-next:hover { background: #444; } /* Tweak styles for small viewports */ @media screen and (max-width: 768px) { #sp-prev {left:10px;} #sp-next {right:10px;} } @media screen and (max-width: 400px) { .sp-wrap { margin: 0 0 0; } #sp-prev, #sp-next { top: auto; margin-top: 0; bottom: 25px; } } .sp-current-big img{ width:100%;} .sp-large img{ max-width:none;width:1000px;} .pro_info_top{position:relative;z-index:2;margin-bottom:40px;} .prom_img{ padding: 0; text-align: center; width: 34.64%; float: left;} .prom-right{ display: flex; position: relative; padding-left: 108px; padding-right: 0; width: 65.36%;} .prom-right h1{ position: relative; font-family: OpenSans-Regular; font-size: 42px; font-weight: normal; line-height: 1; color: #ee7700; margin-bottom: 13px;} .prom-right .product_subtitle{font-family: OpenSans-Regular; font-size: 20px; font-weight: normal; line-height: 1.5; color: #000000; opacity: 0.5;} .prom-right .product_description{ margin-top: 11px;} .prom-right .product_description,.prom-right div.main,.prom-right div.main span{ font-size: 16px !important; font-weight: normal; line-height: 30px; color: #000000 !important;} .prom-right>h1{padding:0;margin:0;display:block;font-size:36px;text-transform:capitalize;color:#333;margin-bottom:10px;line-height:30px;font-family: 'OpenSans-Regular';/*! margin: auto; */} .prom-right>div.main,.prom-right>div.main span{ } .prom-right .pro-table{margin-bottom:0;border-top:1px solid #e5e5e5;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #e5e5e5;font-size: 16px;display:none;} .prom-right .pro-table ul li{list-style:none;margin-bottom:8px;display:flex;align-items:center;} .prom-right .pro-table ul li p{display:inline-block;font-size:13px;color:#808080;text-transform:capitalize;width:25%;margin:0;} .prom-right .pro-table ul li span{color:#333;display:inline-block;font-size:16px;padding-left:5px;color:#333;} .prom-right ul li{list-style:none;} .title_1{ text-align: left; /* background: url(img/icon_send.png) no-repeat right top;*/ background-size: 36px;} .title_1 h4{ line-height: 46px; text-transform: uppercase; color: #333333; font-family: 'OpenSans-Regular'; font-size:26px;} .mostBox{margin:0 0 30px 0;} .mostBox .page_title{background:#fafafa;padding:0;} .mostBox .page_title:before,.mostBox .page_title:after{display:none;} .mostBox .page_title em{font-size:24px;line-height:30px;background:#0cb76c;color:#fff;text-transform:uppercase;padding:5px 10px; } .mostBox .text{font-size:16px;line-height:24px;} .mostBox .text table{width:100%;} .mostBox .text em{font-style:italic;} .mostBox .text img{max-width:100%;height:auto;} .mostBox .text a:hover{color:#c3986d;} .mostBox .text ul{ padding-left:15px} .mobile_inquiry { margin: 0; text-align: center; display: table; cursor: pointer;} .mobile_inquiry .main_more a{font-size:14px;height:46px;line-height:42px;padding:0 25px;background-image:none;} .mobile_inquiry .main_more:hover a{ color:#fff} .mobile_inquiry .main_more a:hover{ color:#fff} .mobile_inquiry .main_more.pro_down{margin-left:10px;background:#3dc3a0;} .mobile_inquiry .main_more.pro_down:before{background:#ee7801;} .mobile_inquiry .main_more.pro_down a:after{content:"\f0ed";} .inquiry_more:hover { box-shadow: 3px 3px 15px 0px rgb(78 78 78 / 80%); background: #333; } .mobile_inquiry1 {display: inline-block;} .mobile_inquiry1 .main_more a{font-size:14px;height:46px;line-height:42px;padding:0 25px;background-image:none;} .mobile_inquiry1 .main_more a:after{content:"\f27a";font-family:'FontAwesome';margin-left:10px;font-size:14px;} .mobile_inquiry1 .main_more:hover a{ color:#fff} .mobile_inquiry1 .main_more a:hover{ color:#fff} .mobile_inquiry1 .main_more.pro_down{margin-left:10px;background:#3dc3a0;} .mobile_inquiry1 .main_more.pro_down:before{background:#ee7801;} .mobile_inquiry1 .main_more.pro_down a:after{content:"\f0ed";} /*products-tab*/ #parentHorizontalTab02{margin:0;text-align:left;padding:0px;text-align:left; margin-top:0;} #parentHorizontalTab02 ul.resp-tabs-list {margin: 0px;padding: 0px; } #parentHorizontalTab02 .resp-tabs-list li {list-style: none;cursor: pointer;margin:0;border:none;display:block;display:inline-block;position:relative;z-index:1;color:#4d4d4d;margin:0;font-size:18px;line-height:48px; vertical-align: middle;font-family: 'OpenSans-Regular'; text-transform:capitalize; /*! padding: 0 25px; */ /*! background: #f5f5f5 */} #parentHorizontalTab02 .resp-tabs-list li i{color:#fff;width:28px;height:28px;border-radius:50%;box-shadow:0 2px 5px 1px rgba(49,176,58,0.2);display:inline-block;text-align:center;font-size:16px;line-height:28px;margin-right:10px; vertical-align:middle;background:#c3986d;} #parentHorizontalTab02 .resp-tabs-list li.resp-tab-active{ /*! background:#ee7801; */ color:#333;} #parentHorizontalTab02 em.resp-accordion {cursor: pointer;padding: 5px;display: none;padding:3px 10px !important;} #parentHorizontalTab02 em.resp-accordion {font-size: 16px;margin: 0px;background:#f8f8f8;margin-bottom:1px; color:#333;font-style:normal; margin-bottom:10px; text-transform:uppercase;} #parentHorizontalTab02 em.resp-tab-active {margin-bottom: 0px !important;} #parentHorizontalTab02 em.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important;background: blue;} #parentHorizontalTab02 .resp-tab-content {display: none;} #parentHorizontalTab02 .resp-content-active,#parentHorizontalTab02 .resp-accordion-active {display: block;} #parentHorizontalTab02 .resp-tabs-container{ background:#fff; padding:35px 0px 0 0;} #parentHorizontalTab02 .resp-vtabs ul.resp-tabs-list {float: left;width: 30%;} #parentHorizontalTab02 .resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0 0 4px; cursor: pointer; float: none; } #parentHorizontalTab02 .resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #c1c1c1; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none; } #parentHorizontalTab02 .resp-vtabs .resp-tab-content {border: none;word-wrap: break-word;} #parentHorizontalTab02 .resp-vtabs li.resp-tab-active { position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; border-top: 1px solid; border: 1px solid #5AB1D0 !important; border-left: 4px solid #5AB1D0 !important; margin-bottom: 4px !important; border-right: 1px #FFF solid !important; } #parentHorizontalTab02 .resp-arrow { width: 0; height: 0; float: right; margin-top: 10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid #c1c1c1; } #parentHorizontalTab02 em.resp-tab-active span.resp-arrow { border: none; position:relative; } #parentHorizontalTab02 em.resp-tab-active span.resp-arrow:after{ content: "\f044"; font-family: "FontAwesome"; position: absolute; right: -6px; cursor: pointer; font-size: 20px; top: -8px; color: #fff} #parentHorizontalTab02 em.resp-tab-active {background: #e60012 !important; color:#fff;} #parentHorizontalTab02 .resp-easy-accordion em.resp-accordion {display: block;} #parentHorizontalTab02 .resp-easy-accordion .resp-tab-content {border: 1px solid #c3986d;} #parentHorizontalTab02 .resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #c3986d;/* !important;*/} #parentHorizontalTab02 .resp-jfit {width: 100%;margin: 0px;} #parentHorizontalTab02 .resp-tab-content-active {display: block;} .products > .title{display:block;position:relative;text-align:left;margin-bottom:20px;padding:2px 0;} .products > .title i{background:#0d58cb;color:#fff;padding:10px;font-size:16px;border-radius:50%; vertical-align:middle;} .products > .title h1{margin:0;display:inline-block;color:#555555;text-transform:uppercase;font-size:28px;line-height:36px; position:relative;z-index:2; vertical-align:middle;margin-left:10px;} #pro_inquiry{ margin-bottom:35px} #pro_inquiry .send_column{ } #pro_inquiry .send_column #email_form{box-shadow:none;padding:0; } #pro_inquiry .send_column ul{padding-top:0;} #pro_inquiry .main-more{ margin-top:10px} #pro_inquiry .main-more input{ line-height:38px; height:38px;} #pro_inquiry .main_title h6{font-size:36px;line-height:40px;} #pro_inquiry .send_column .text{max-width: 100%; margin-bottom:10px} @media only screen and (max-width: 992px) { .sp-thumbs a:link, .sp-thumbs a:visited{width:70px;height:70px;} .products .pro_img{width:100%;padding:0;} .products .pro-right{width:100%;padding:0;padding-left:20px;} .prom-right .pro-table ul li p{width:24%;} .prom_img{margin-bottom:0; padding-right:0} .prom-right .pro-table{margin-bottom:0;} #pro_inquiry{position:relative;z-index:9999; } } @media only screen and (max-width: 768px) { .pro-right{padding:0;margin-top:0;margin-bottom:20px;} .sp-thumbs{text-align:left;} .prom-right .pro-table{margin-top:10px;padding:10px 0;margin-bottom:0;} .prom-right{padding:10px;margin-bottom:0; height:auto !important;} .pro_info_top:before{width:100%;} .products .pro_inquiry .message{padding:0;} .mostBox{margin-top:0;} .mostBox .tab-scroll{margin-left:0;padding-bottom:0;} .products .pro-list-tags p{display:block;} .pro_message li .meInput,.pro_message li .meText{width:100%;} .pro_message .main_title{text-align:center;} .pro_message .main_title>em{background-position:center bottom;} .prom_main{padding:40px 0;} .prom_main .pro_con{display:none;} .products > .title{margin-bottom:20px;border-bottom:1px solid #e5e5e5;padding-bottom:20px;} .products > .title h1{font-size:24px;line-height:28px;max-width:70%;margin-left:5px; vertical-align:top;} .pro_message form{max-width:100%;} .prom-right .main_more{margin:15px 0 10px;border-width:1px;} .prom-right .main_more a{padding-right:35px; } .prom-right .main_more a:after{right:15px !important;} .page_downloadW{ padding:35px 0; background-size: 70%;} #parentHorizontalTab02 .resp-tabs-container{ padding:20px 0} .page_section .title_1 h4{ font-size:22px; line-height:24px} #parentHorizontalTab02 .resp-tabs-list li{line-height: 36px; padding:0 15px; font-size:14px} } @media only screen and (max-width: 480px) { .products .pro-right{margin-bottom:0;} .prom-right .pro-table ul li p{width:38%;} } .page_proW{background:#f7f7f7; border-bottom:1px solid #fff; } @media only screen and (max-width: 992px) { .page_proW{ padding:40px 0 20px} } /*back-top*/ .back_top{width:48px;height:48px;text-align:center; position:fixed; right:5px;bottom:100px; z-index:99999999; display:none; background:#ee7801;background-size:cover;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;border-radius:50%;border:2px solid rgba(255,255,255,0.1);} .back_top:before{content:"\f106";font-family:'FontAwesome';color:#fff;font-size:22px;display:block;line-height:44px;} .back_top:hover{text-decoration:none;box-shadow:0 0 10px 2px rgba(0,0,0,0,0.2);background:#0d0d0d;} .back_top:hover:before {animation: scroll_up_anim 1.5s infinite; } @keyframes scroll_up_anim { 0% { transform: translateY(-3px); } 50% { transform: translateY(3px); } 100% { transform: translateY(-3px); } } .back_top:link{text-decoration:none;} .back_top:hover:before{color:#fff;text-decoration:none;} #online_qq_layer{z-index:999999999;position:fixed;right:6px;bottom:0px; } #floatShow{display:block;} #floatHide{display:none;} #online_qq_tab{position:relative;z-index:9;} #online_qq_tab #floatShow{overflow:hidden;height:54px; width:200px;float:right; line-height:54px;padding-left:58px;position:relative;color:#fff;font-size:14px;border-radius:8px 8px 0 0px;text-transform:capitalize;background:#ee7801; box-shadow:0 0 13px 0 rgba(255,255,255,0.2);-webkit-box-shadow:4px 5px 8px 0 rgba(0,0,0,0.15);-webkit-transition:all var(--transition-time,800ms);font-family: 'OpenSans-Regular'; -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms); } #online_qq_tab #floatShow i{height:44px;width:47px;background:url(img/online.png) no-repeat 10px center;position:absolute;left:0;top:5px;display:inline-block;} #online_qq_tab #floatShow:hover{margin-right:0;} #online_qq_tab #floatHide{overflow:hidden;width:30px; height:30px;font-size:13px;float:right; color:#808080; line-height:50px;text-align:left;position:absolute;right:10px;top:10px;} #online_qq_tab #floatHide i{width:20px;height:20px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;} #online_qq_tab #floatHide i:before, #online_qq_tab #floatHide i:after{ content:'';display:inline-block;background:#fff;width:20px;height:2px;margin:2px 0; } #online_qq_tab #floatHide i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);} #online_qq_tab #floatHide i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);} #online_qq_tab #floatShow:hover,#online_qq_tab #floatHide:hover{text-decoration:none;} #onlineService{display:inline;width:300px; overflow: hidden;display:none;background: #fff; font-size:12px;box-shadow:0 0 13px 0 rgba(151,151,151,0.5);-webkit-box-shadow:0 0 13px 0 rgba(151,151,151,0.5);border-top:none;} #online_qq_layer .inquiry .main_more{ margin-top:5px} #online_qq_layer .inquiry .main_more input{ line-height:38px; padding:0 20px} #onlineService .title{ display:block;font-size:14px;font-family: 'OpenSans-Regular';background:#ee7801;padding:10px 20px;line-height:24px;text-transform:capitalize;margin-bottom:0; color:#fff;} #onlineService .title b{color:#fff; font-weight:normal} #onlineService .text{ margin-bottom:10px; color:#808080; line-height:20px; font-size:12px;} .i_message_inquiry .inquiry { padding:20px;overflow: auto;max-height: 500px;} .i_message_inquiry .inquiry .form-control{ border:1px solid #e5e5e5; background:none; line-height:38px;height:40px; color:#808080; font-size:12px;width:100%;box-shadow:none;padding-right:45px;border-radius:5px; padding-left:16px} .i_message_inquiry .inquiry .form-control:focus{color:#333; border-color:#ee7801;} .i_message_inquiry .inquiry .input-group{ background:#fff; height:40px; margin-bottom:10px;width:100%;border:none; display:block} .i_message_inquiry .inquiry .input-group span{display:block;position:relative;} .i_message_inquiry .inquiry .input-group span:before{content:'';position:absolute;width:40px;height:40px;right:0;top:0;display:inline-block;background-position:center center;background-repeat:no-repeat;} .i_message_inquiry .inquiry .input-group span.ms_n:before{/*background-image:url(img/mes_n1.png);*/} .i_message_inquiry .inquiry .input-group span.ms_p:before{background-image:url(img/mes_p1.png);} .i_message_inquiry .inquiry .input-group span.ms_e:before{background-image:url(img/mes_e1.png);} .i_message_inquiry .inquiry .input-group span.ms_m .form-control{height: 100px; max-height: 100px; max-width: 100%; min-width: 100%; min-height: 100px; padding-top: 10px; line-height: 20px; } .i_message_inquiry .inquiry .input-group span.ms_m:before{background-image:url(img/mes_m1.png);} /*fixed-contact*/ .fixed-contact-wrap { z-index:99999; position:fixed; right:0; top:35%; width:35px; overflow:hidden; border-radius:30px 0 0 30px; transition:all .4s; box-shadow: 0 0px 16px rgba(0,0,0,0.1); } .fixed-contact-wrap.show{ transform:none; } .fixed-contact-wrap.active {width:100px;} .fixed-contact-wrap li {position:relative;height:50px;background:#fff;overflow:hidden;transition:all .4s;list-style:none} .fixed-contact-wrap.active li { list-style:none} .fixed-contact-wrap li a {position:relative;z-index:1000;display:block;} .fixed-contact-wrap li i { z-index:1000; position:absolute; left:9px; display:block; width:30px; height:50px; transition:all .4s; background-color:#fff; background-repeat: no-repeat; background-position: center center; } .fixed-contact-wrap.active li:after { z-index:1001; content:''; position:absolute; bottom:0; left:10px; right:10px; display:block; height:1px; background:rgba(255,255,255,.2); } .fixed-contact-wrap.active li:last-child:after {display:none;} .fixed-contact-wrap li:hover i,.fixed-contact-wrap li:hover strong{opacity:1;} .fixed-contact-wrap .online_p i { /* background-image:url(img/right_p.png);*/ border-top-left-radius:30px; -moz-border-top-left-radius:30px; -webkit-border-top-left-radius:30px; border-top-right-radius:30px; -moz-border-top-right-radius:30px; -webkit-border-top-right-radius:30px; } /*.fixed-contact-wrap .online_e i {background-image: url(img/right_e.png);}*/ /*.fixed-contact-wrap .online_w i {background-image: url(img/right_w.png);}*/ .fixed-contact-wrap .online_s i {background-image: url(img/teams.png);} /*.fixed-contact-wrap .online_code i {background-image: url(img/right_code.png);}*/ .fixed-contact-wrap li strong { color: #4b53bd; white-space: nowrap; transition: all .4s; font-weight: normal; font-size: 15px; text-align: right; padding-left: 43px; line-height: 50px; } .fixed-contact-wrap.active li strong {right:60px;} .fixed-contact-wrap .online_code strong img{max-width:80px;} .fixed-contact-wrap.active .online_code{height:130px;} .fixed-contact-wrap.active .online_code strong p{margin:0;margin-bottom:5px;} .fixed-contact-wrap li.online_code:hover strong{opacity:1;} @media only screen and (max-width: 992px) { .fixed-contact-wrap{display:none !important;} .fixed-contact-wrap.show{opacity:0;} } .mobile_nav{position:fixed;left:0;bottom:0;width:100%;padding:10px 0;display:none;z-index:999999;box-shadow:0 0 10px 0 rgba(255,255,255,0.4);-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.2);border-radius:2px 2px 0 0;background:#fff;border-top:1px solid #eee; } .mobile_nav a{display:inline-block;width:20%;padding:0 10px;float:left;text-align:center;color:#ee7801;} .mobile_nav a i{font-size:16px;} .mobile_nav a p{color:#0d0d0d;padding-top:5px;font-size:12px;text-transform:uppercase;line-height:12px;margin:0;} .mobile_nav a:nth-child(3){float:right;} .mobile_nav a:nth-child(4){float:right;} @media only screen and (max-width: 992px){ #service{display:none;} #onlineService01{width:150px;} .onlineMenu .call-top{padding:8px 5px;} .onlineMenu .call-top p{font-size:16px;} .onlineMenu ul{padding:10px;} .onlineMenu .call>p{padding-left:20px;font-size:13px;} .onlineMenu .call>p a{font-size:13px;} .onlineMenu .call>p.ser01,.onlineMenu .call>p.ser02,.onlineMenu .call>p.ser03,.onlineMenu .call>p.ser04,.onlineMenu .call>p.ser05{background-size:12px;} .back_top{right:0;bottom:120px;width:40px;height:40px;} .back_top:before{font-size:20px;line-height:36px;} .online_section{ display:none} .bread_right { position: relative; width: 100%; padding: 0; } } @media only screen and (max-width: 768px) { #online_qq_layer{right:0;} #onlineService{ width:100%;} #online_qq_layer{ width:100%;bottom:0;} #online_qq_tab{ width:100%;} #online_qq_tab #floatShow{ background:#ee7801 url(img/mobile-inq.png) no-repeat center center;border-radius:0;margin-right:0; width:50px; height:50px; position:absolute;left:84%;bottom:400px;border:2px solid #fff;padding:0;box-shadow:none;border-radius:50%;text-indent:-999999px;z-index:9999999999; background-size: 30px;} #online_qq_tab #floatShow i{display:none;} #online_qq_tab #floatShow span{ display:none;} .mobile_nav{display:block;} #onlineService .i_message_inquiry .main-more input{padding:8px 20px;} .i_message_inquiry .inquiry{padding:15px 10px;} #onlineService .title{padding:10px 15px;} } @media only screen and (max-width: 375px) { .mobile_nav a p{text-transform:capitalize;} } /*! * baguetteBox.js * @author feimosi * @version 1.8.2 * @url https://github.com/feimosi/baguetteBox.js */ #baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:99999999;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease} #baguetteBox-overlay.visible{opacity:1} #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center} #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%} #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)} #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif} #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px} #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease} #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out} #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out} .tz-gallery >div:nth-child(4n+2){animation-delay:0.1s;} .tz-gallery >div:nth-child(4n+3){animation-delay:0.2s;} .tz-gallery >div:nth-child(4n+4){animation-delay:0.3s;} @-webkit-keyframes bounceFromRight{ 0%,100%{margin-left:0} 50%{margin-left:-30px} } @keyframes bounceFromRight{ 0%,100%{margin-left:0} 50%{margin-left:-30px} } @-webkit-keyframes bounceFromLeft{ 0%,100%{margin-left:0} 50%{margin-left:30px} } @keyframes bounceFromLeft{ 0%,100%{margin-left:0} 50%{margin-left:30px} } .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px} .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease} .baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)} .baguetteBox-button#next-button{right:2%} .baguetteBox-button#previous-button{left:2%} .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px} .baguetteBox-button svg{position:absolute;left:0;top:0} .baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px} .baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out} .baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s} @-webkit-keyframes bounce{ 0%,100%{-webkit-transform:scale(0);transform:scale(0)} 50%{-webkit-transform:scale(1);transform:scale(1)} } @keyframes bounce{ 0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)} 50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)} } /* Styles for the gallery */ .tz-gallery { padding: 0; } .tz-gallery .lightbox{ display:block;} .tz-gallery .thumbnail { padding: 0; margin-bottom: 30px; border: none; } .tz-gallery img { border-radius: 2px; } .tz-gallery .caption{ padding:10px 15px; text-align: center; } .tz-gallery .caption h3 { font-size: 14px; margin: 0; } .tz-gallery .caption p { font-size: 12px; color: #7b7d7d; margin: 0; } .baguetteBox-button { background-color: transparent !important; } @media only screen and (max-width: 1024px) { .tz-gallery > div{padding:0 10px;} .tz-gallery{ margin:0 -10px} .tz-gallery .thumbnail{ margin-bottom:10px} } @media only screen and (max-width: 768px) { .tz-gallery .thumbnail{margin-bottom:20px;} } .table-responsive{ overflow-x:auto} .faq_search{ margin-bottom:30px} .faq_search .form-control {box-shadow:none;border:none;border-radius:0;border:1px solid #eee;background:#fff;color: #808080;height: 56px;line-height: 56px;padding: 0 60px 0 20px;text-align: left;font-size:13px;border-radius:35px;} .faq_search input.form-control:focus{color:#333;font-style:inherit;} .faq_search .input-group-addon.close-search {cursor: pointer;} .faq_search .input-group{ width:100%;padding:10px 40px 10px 10px;} .faq_search .btn_search1 {background: url(img/search_btn02.png) no-repeat center center;top: 5px;height:46px; position: absolute;right:8px;width:46px;z-index: 3; border-radius:50%;} .faq_search {position: relative;width: 80%; margin: 0 auto 20px;} .faq_search .input-group-addon{background-color: transparent;border: none;color: #666;padding-left: 0;padding-right: 0;} .pro_tags { margin-top:30px;background: #fff;border: 2px solid #ececec;margin-bottom: 10px;} .pro_tags a{ display: inline-block; color: #626161; font-size: 16px; /*! margin: 0 10px 0 5px; */ font-family: 'OpenSans-Regular'; border-right: 2px solid #ececec; padding: 7px 10px; /*! background: #f7f7f7; */} .pro_tags a:hover{ color:#fff; background:#ee7801; border-color:#ee7801 } .product_download { margin-bottom:30px} .product_downloadds{display:none;} .product_download ul li{ margin-bottom: 5px;padding: 15px 30px 15px 30px;overflow: hidden;background: #f3f6ff;width:100%;box-sizing: border-box;transition: all 0.3s; list-style:none; } .product_download ul li>a{ display: flex; align-items: center; justify-content: space-between;} .product_download ul li:hover{ background: #f9f6f3 } .product_download ul li .img {display: flex; align-items: center; } .product_download ul li .img img{ max-width:78px; min-width:78px } .product_download ul li p{ font-size: 22px;color: #333333; overflow: hidden; max-height: 52px; padding:0 15px; } .product_download ul li .btn{ padding:0 25px;height: 50px;line-height: 50px;border-radius:5px;background: #FFFFFF;display: block;text-align: center; } .product_download ul li .btn span{ font-size: 16px;color: #ee7801;background: url(img/down.png) no-repeat left center;padding-left: 45px;display: inline-block; } .product_download ul li:hover .btn{ background: #ee7801; } .product_download ul li:hover .btn span{ background: url(img/down_h.png) no-repeat left center;color: #FFFFFF; } @media only screen and (max-width: 768px) { .product_download ul li p{ font-size:16px} .product_download ul li{ padding:15px} .product_download ul li .img img{ max-width:60px;min-width:60px} .product_download ul li .btn{ padding:0 10px} .product_download ul li .btn span{ font-size:14px; padding-left:40px;} } @media only screen and (max-width: 475px) { .product_download ul li>a{ display:block} .product_download ul li .btn{ display:inline-block; margin-top:15px} } .download_info_list1 .text{ /* overflow: hidden;*/ z-index: 11; position: relative; } .download_info_list1 .text ul{ position: relative; margin-left: -38px; margin-right: -38px; text-align: center; font-size: 0; } .download_info_list1 .text li{ /*float: left;*/ display: inline-block; padding: 0 20px;vertical-align: middle; list-style: none; max-width: 25%;position: relative; min-width: 15%; } .download_info_list1 .text li .sel{ box-sizing: border-box; background-color: transparent; outline: 0; -webkit-appearance: none; width: 100%; height: 52px; border: 1px solid #4c4c4c; padding-left: 23px; border-radius: 35px; font-size: 15px; color: #333333; background: url(img/downloadicon3.png) no-repeat right 23px center; padding-right: 43px;line-height: 50px;overflow: hidden; } .download_info_list1 .text .cate_option{ position: absolute; top: 52px; left: 20px; width: 210px; margin-left: unset; margin-right: unset; border: 1px solid #545353; text-align: left; background: #fff; display: none; padding: 0 20px; height: 157px; overflow: auto; } .download_info_list1 .text .cate_option li{ font-size: 14px; position: relative; display: block; width: 100%; max-width: unset; border-bottom: 1px solid #ddd; padding: 3px 0;} .download_info_list1 .text li .sel option{ font-size:18px} .download_info_list1 .text li .sub{ font-size: 24px; color: #FFFFFF; border: none; width: 100%; height: 52px; line-height: 52px; background: #ee7801; border-radius: 35px; cursor: pointer; transition: all 0.3s; padding: 0 23px; } /*.page_section_down{ background:rgb(239, 237, 234 ,0.53);}*/ .down_list{ padding-top: 20px; } .down_list dl{ padding-bottom:10px; } .down_list dd{ overflow: hidden; background: #fff; margin-bottom: 12px; } .down_list .tx1{ float: left;width: 17.5%; box-sizing: border-box; padding: 20px 30px; border-right: 1px solid #ecf0ff; height: 178px;position: relative; } .down_list .tx1 img{ width: calc(100% - 40px); position: absolute; left: 20px;right: 20px;top: 50%; transform: translateY(-50%); z-index: 1;display: block; } .down_list .tx2{ float: left;width: 36%; box-sizing: border-box; padding: 20px 40px; border-right: 1px solid #ecf0ff; height: 178px; } .down_list .tx3{ float: left;width: 20%; box-sizing: border-box; padding:53px 25px 0; text-align:center; border-right: 1px solid #ecf0ff; height: 178px;position: relative; } .down_list .tx4{ float: left;width: 13%; box-sizing: border-box; padding:53px 25px 0; text-align:center; border-right: 1px solid #ecf0ff; height: 178px;position: relative; } .down_list .tx5{ float: left;width: 13.5%; box-sizing: border-box; height: 178px; } .down_list .tx2 a{ font-size: 22px; display:block; color: #000000; line-height: 36px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .down_list .tx2 a i { font-size:18px; color:#777777; margin-left:15px; } .down_list .tx2 span{ font-size: 16px; color: #b9b9b9; line-height: 32px; margin-top: 20px; display: block; width: 150px; text-align: center; border: 1px solid #dad8d8; border-radius: 5px; } .down_list .tx3 p{ font-size: 16px; color: #333333; line-height: 24px; } .down_list .tx4 p{ font-size: 18px; color: #ee7801; line-height: 24px; } .down_list .tx5 .btn, .down_list .tx5 .btn a{ display: block;width: 100%; height: 100%; } .down_list .tx5 .btn span{ display: block; font-size: 18px;color: #333333; line-height: 1.5;text-align: center; background: url(img/down.png) no-repeat center bottom;padding-top: 28px;padding-bottom: 40px; } .down_list .tx5 .btn:hover span{ background: url(img/down_h.png) no-repeat center bottom; color: #fff; } .down_list .tx5 .btn:hover a{ background: #ee7801; } .fl-button{border: 2px solid #dddbdb !important;} .down_list .tx2{ padding: 53px 42px 0;width: 53.5%;height: 130px; } .down_list .tx5, .down_list .tx4, .down_list .tx3{ height: 130px; } @media only screen and (max-width: 1299px) { /*.download_info_list1 .text li{ padding:0 5px}*/ /*.download_info_list1 .text li .sel{ height:56px; padding:0 20px; background: url(img/qico7.png) no-repeat right 10px center; font-size:18px }*/ /*.download_info_list1 .text li .sub{ height:56px; line-height:56px; font-size:20px}*/ } @media only screen and (max-width: 820px) { .down_list .tx2 a{ font-size:16px} .down_list .tx2 span{ margin-top:10px} .down_list .tx2{ padding:14px 20px 0; width:49%; height:110px} .down_list .tx5{ width:17%;} .down_list .tx3{ padding:40px 10px 0} .down_list .tx4{ width:14%; padding:40px 10px 0} .down_list .tx5 .btn span{ padding-top:13px; font-size:16px} .down_list .tx3 p,.down_list .tx4 p{ font-size:15px;} .down_list .tx5, .down_list .tx4, .down_list .tx3{ height: 110px; } } @media only screen and (max-width: 420px) { .download_info_list1 .text li{ width:100%; padding:0 3px; margin-bottom:10px} .download_info_list1 .text li.l1{ width:50%; margin-top:0} .download_info_list1 .text li .sel{ font-size:16px; height:40px;padding:0 10px; } .download_info_list1 .text li .sub{ height:42px; line-height:42px;} .wray .text { display: block; overflow: visible; -webkit-line-clamp: unset; } } @media only screen and (max-width: 598px) { .down_list .tx4{ display:none} .down_list .tx2{ width:53%} .down_list .tx3{ width:24%} .down_list .tx5{ width:23%} } @media only screen and (max-width: 598px) { .down_list .tx3{ display:none} .down_list .tx2{ width:65%} .down_list .tx5{ width:35%} .btn{ padding:6px} .down_list .tx2 span{ width:120px} } .in_systemsL_content{text-align:center; position: relative; padding: 29px 0;} .spe_1 a { font-family: OpenSans-Regular; font-size: 18px; font-weight: normal; line-height:24px; color: #000000; text-transform: capitalize; display: block; position: relative; height: 24px; overflow: hidden;} .wray .text{ font-size: 16px; font-weight: normal; line-height: 30px; color: #000000; opacity: 0.5; position: relative; margin-top: 10px; margin-bottom: 20px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 60px; } .in_systemsL_content .more_btn{ margin: auto;} .more_btn{ font-size: 16px !important; font-weight: normal; line-height: 42px !important; color: #000000 !important; width: 139px; border-radius: 22px; border: solid 1px #000000; position: relative; display: table !important; text-align:center; text-transform: capitalize; text-align: center;} .more_btn:hover{ background-color: #ee7700; box-shadow: 5px 4px 15px 0px #ffbb78; color: #fff !important; border-color: #ee7700;} /*index_video_container*/ .index_video_container{position:relative; padding: 109px 0;} .index_video_container .video_container{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;} .index_video_container .video_left_wrap{position:relative;float:left;width:40%;-webkit-box-flex:0;-webkit-flex:0 0 40%;-ms-flex:0 0 40%;flex:0 0 40%;} .index_video_container .in_title{margin-top:0;text-align:left;} .index_video_container .in_title span:after{margin-left:0;} .index_video_container .in_title em{color:#e70;font-family:OpenSans-Regular;} .video_left_wrap .video_info{position:relative;margin-top:62px;margin-bottom:51px;color:#000;font-weight:400;font-size:16px;font-family:OpenSans-Regular;line-height:30px;opacity:.7;} .index_video_container .video_right_wrap{position:relative;float:right;width:50%;-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;} .video_right_wrap .video_img{position:relative;} .video_play{position:absolute;top:50%;left:0;width:75px;height:75px;border-radius:50%;background-color:#e70;cursor:pointer;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);} .video_play::before{ content: ""; width: 100%; height: 100%; border-radius:50%;background-color:#e70;z-index: 4; position: absolute; left: 0; top: 0;} .video_play:after{position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-10px;border-color:transparent;border-style:solid;border-width:18px 30px;content:"";border-left-color:#fff; z-index: 8;} .video_play i{position:absolute;top:-69px;right:-69px;bottom:-69px;left:-69px;border:1px solid #ccc;border-radius:50%;border-top-color:transparent;border-right-color:transparent;-webkit-animation:videocircle infinite linear;animation:videocircle infinite linear;-webkit-animation-duration:2s;animation-duration:2s;} .video_play i+i{-webkit-animation-delay:.5s;animation-delay:.5s;} .video_play i+i+i{-webkit-animation-delay:1s;animation-delay:1s;} .video_play i+i+i+i{-webkit-animation-delay:1.5s;animation-delay:1.5s;} @-webkit-keyframes videocircle{0%{opacity:0;-webkit-transform:scale(0) rotate(45deg);transform:scale(0) rotate(45deg);} 25%{opacity:1;-webkit-transform:scale(.5) rotate(45deg);transform:scale(.5) rotate(45deg);} 50%{opacity:1;-webkit-transform:scale(.75) rotate(45deg);transform:scale(.75) rotate(45deg);} 75%{opacity:1;-webkit-transform:scale(1) rotate(45deg);transform:scale(1) rotate(45deg);} 100%{opacity:0;-webkit-transform:scale(1.25) rotate(45deg);transform:scale(1.25) rotate(45deg);} } @keyframes videocircle{0%{opacity:0;-webkit-transform:scale(0) rotate(45deg);transform:scale(0) rotate(45deg);} 25%{opacity:1;-webkit-transform:scale(.5) rotate(45deg);transform:scale(.5) rotate(45deg);} 50%{opacity:1;-webkit-transform:scale(.75) rotate(45deg);transform:scale(.75) rotate(45deg);} 75%{opacity:1;-webkit-transform:scale(1) rotate(45deg);transform:scale(1) rotate(45deg);} 100%{opacity:0;-webkit-transform:scale(1.25) rotate(45deg);transform:scale(1.25) rotate(45deg);} } /*index_video_container*/ .index_feature_product{position:relative;margin-top:97px;/*padding:207px 0 206px 0; */background-size: cover; overflow:hidden;} .feature_slider{position:relative;padding:0 50px;} .feature_item figure{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;} .feature_item .fature_img{position:relative;width:65.7%;text-align:center;-webkit-box-flex:0;-webkit-flex:0 0 65.7%;-ms-flex:0 0 65.7%;flex:0 0 65.7%;} .feature_item .fature_img img{margin:auto ;max-height: 600px;} .feature_item .feature_wrap{position:relative;margin-left:70px;} .feature_item .feature_wrap .feature_title{position:relative;margin-bottom:36px;padding-bottom:23px;} .feature_item .feature_wrap .feature_title a{position:relative;display:block;color:#000;font-weight:400;font-size:24px;line-height:30px;} .feature_item .feature_wrap .feature_title:after{position:absolute;bottom:0;left:0;width:135px;height:2px;background:#e70;content:"";} .feature_item .feature_wrap .feature_modal{color:#e70;font-weight:400;font-size:48px;font-family:OpenSans-Regular;line-height:1;} .feature_item .feature_wrap .feature_info{margin-top:25px;color:#7f7f7f;font-weight:400;font-size:16px;line-height:30px;} .feature_item .feature_wrap .feature_more{margin-top:39px;} .fature_dots{position:absolute;top:50%;width:108px;width:108px;font-size:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);display: none;} .fature_dots i{position:relative;display:inline-block;margin:13px;width:10px;height:10px;border-radius:50%;background-color:#c5c6cb;} .fature_dots.left_dots{left:90px;} .fature_dots.right_dots{right:90px;} .feature_slider .slick-next,.feature_slider .slick-prev{width:47px;height:47px;border:1px solid #6c6e71;background-image:url(img/feabtn.png);background-repeat:no-repeat;line-height:47px;-webkit-transition:all ease-in-out .35s;-o-transition:all ease-in-out .35s;transition:all ease-in-out .35s;} .feature_slider .slick-prev{left:0;background-position:0 0;} .feature_slider .slick-next{right:0;background-position:-47px -47px;} .feature_slider .slick-prev:hover{border-color:#e70;background-color:#e70;background-position:-47px 0;} .feature_slider .slick-next:hover{border-color:#e70;background-color:#e70;background-position:0 -47px;} .index_feature_product , .in_aboutW ,.index_video_container{height: 714px;width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .news_slider_container{width: 100%; position: relative; } .panel-group .panel.active .panel-heading .panel-title .collapsed{ color: #fff !important; background: #ee7801 url(img/faq_icon1.png) no-repeat 10px center !important; } .panel-group .panel.active .panel-heading .panel-title a:before { content: "-"!important;color: #fff !important;} .panel-group .panel.active .panel-collapse{display:block;transition:all 2s ease-in-out;} .l_banner .list{ height: 140px;background: #FFFFFF; } .l_banner .list ul{ overflow: hidden;margin-top: 0;margin-left: 0; } .l_banner .list li{ float: left;box-sizing: border-box;position: relative;margin-right: 0; /* width: calc(100% / 4); */ width: calc(100% / 3); height: 140px; } .l_banner .list li a{ padding: 30px 60px; display: block; overflow: hidden; position: relative;box-sizing: border-box;height: 140px; } .l_banner .list3 li a{ padding: 30px 60px 30px 20px; display: block; overflow: hidden; position: relative;box-sizing: border-box;height: 140px; } .l_banner .list li:before{ content: "";right: 0;top: 25px; bottom: 25px;width: 1px;background: #efefef; display: block;position: absolute;z-index: 11; } .l_banner .list li{list-style:none;} .l_banner .list li.on:before, .l_banner .list li:hover:before, .l_banner .list li:last-child:before{ display: none; } .l_banner .list li:nth-child(1) .img{ background: url(img/q_ico1.png) no-repeat center; } .l_banner .list li:nth-child(2) .img{ background: url(img/q_ico2-1.png) no-repeat center; } .l_banner .list li:nth-child(3) .img{ background: url(img/q_ico3.png) no-repeat center; } /*.l_banner .list li:nth-child(4) .img{*/ /* background: url(img/q_ico4.png) no-repeat center;*/ /*}*/ .l_banner .list li.on:nth-child(1) .img{ background: url(img/q_ico1-1.png) no-repeat center; } .l_banner .list li.on:nth-child(2) .img{ background: url(img/q_ico2.png) no-repeat center; } .l_banner .list li.on:nth-child(3) .img{ background: url(img/q_ico3-1.png) no-repeat center; } .l_banner .list li.on:nth-child(4) .img{ /*background: url(img/q_ico4-1.png) no-repeat center;*/ } .l_banner .list li h3{ font-size: 20px;color: #333333; position: absolute; left: 200px;top: 50%;transform: translateY(-50%); right: 25px;z-index: 1; line-height: 28px; } .l_banner .list3 li h3{ left:150px; } .l_banner .list li.on{ /*background: url(img/lico7.png) no-repeat right bottom #4e74ff;*/ } .l_banner .list li.on h3{ color: #fff; } .l_banner .list li:hover h3{ color: #4e74ff; } .l_banner .list li.on:hover h3{ color: #fff; } .l_banner .list li a .img { float: left; width: 140px; height: 80px; } /*------------------------------- entry-table start ----------------------------------*/ .entry { padding: 0px 0; } .entry { color: #666; } .entry a { /*color: #0030FF;*/ } .entry p { margin: 0; padding: 8px 0; font-size: 14px; line-height: 1.8; } .entry table { border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 20px; } .entry iframe{display:block; margin: 0 auto; } .entry br{display:block;} .entry th, .entry td { height: 30px; border: 1px solid #ccc; text-align: left; line-height: 1.5; font-size: 12px; color: #666; background: #fbfbfb; padding: 0 15px; } .entry th { font-size: 12px; background: #eee; } .entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p { margin: 0; padding: 5px; color: #666; font-size: 12px; line-height: 1.3; } .entry td.amts { color: #cb2027; } .entry th#cartDelete { text-align: center; } .entry .button { margin: 15px 10px 0 0; background: #dfdfdf; padding: 8px 15px; border: 0; cursor: pointer; line-height: 1.2; color: #777; font-weight: bold; text-transform: Capitalize; } .entry .button:hover { background: #cb2027; color: #fff; } .entry .deletecartitem { width: 50px; text-align: center; } .entry .deletecartitem label { display: none; } .entry .stotal td.amts { font-size: 18px; font-weight: bold; } .entry img.alignleft { float: left; margin: 20px 15px 0 0; } .entry img.alignright { float: right; margin: 20px 0 0 15px; } .entry img.alignleftnopad { float: left; margin-left: 0; } .entry img.alignrightnopad { float: right; margin-right: 0; } .entry img.aligncenter { text-align: center; display: block; margin: 20px auto 0 auto; } .entry img { max-width: 100%; } .contact_us_content .right {position:relative; width:50%; } .web_form{ position:relative; background:#ffffff; padding:60px 40px 80px;box-shadow:10px 10px 30px rgba(0,0,0,.1)} .web_form h1.title{position:relative;justify-content:space-between;align-items:center; margin:0 auto;font-size:24px;font-weight:bold; margin-bottom:17px;text-align:center;} .web_form .text{ position:relative;font-size:16px; margin-bottom:22px;} .web_form .text a{ color:#3b81e3; text-decoration:underline;} .web_form form{ width: 80%; margin: 0 auto;} .web_form form ul{} .web_form form ul li{list-style:none;} .web_form form ul li label{ position:relative; display:block; font-size:16px; font-weight:300; padding:1px 0;} .web_form form ul li input,.web_form form ul li textarea{ position:relative; width:100%; height:46px; padding:0 10px;background:#f6f6f6; border:1px solid #ee7801; margin-bottom:18px;} .web_form .mauticform-label{display:block !important;} .web_form .mauticform_wrapper{max-width:100% !important;} .web_form form .mauticform-input,.web_form form .mauticform-textarea{ position:relative; width:100%; height:46px; padding:0 10px;background:#f6f6f6; border:1px solid #ee7801; } .web_form form .mauticform-textarea{height:133px;} .web_form form ul li select{position: relative; width: 100%; height: 46px; padding: 0 10px; background: #f6f6f6; border: 1px solid #ee7801; margin-bottom: 18px; font-weight: bold; } .web_form form ul li textarea{ height:133px;} .web_form .tip{ position:relative; display:block; font-size:16px; font-weight:300; padding:12px 0 23px;} .web_form .send_btn_wrap{width: 30%; margin: 0 auto;} .web_form .send_btn_wrap label{ position:relative;display:flex;align-items:center;justify-content:center; text-align:center; cursor:pointer;line-height:64px; background:#ee7801;overflow:hidden;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;} .web_form .send_btn_wrap label em{ position:relative; display:block;font-size:30px;font-weight:500; padding:0 9px;color:#fff;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;} .web_form .send_btn_wrap:hover label{ background:#ee7801;} .web_form .send_btn_wrap input{ display:none;} .inquiry-pop .web_form{box-shadow:none; padding:0;} .inquiry-pop .web_form form ul li input,.inquiry-pop .web_form form ul li textarea,.inquiry-pop .web_form .send_btn_wrap label{border-radius:10px; margin-bottom:10px;} .inquiry-pop .web_form .send_btn_wrap label{ line-height:49px;} .inquiry-pop .web_form .send_btn_wrap label em{ font-size:24px; font-weight:normal;} .inquiry-pop .web_form .send_btn_wrap label i{ position:relative; display:block;padding:0 9px;/*content:url(img/ICO02.png);*/-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;} .inquiry-pop .web_form .send_btn_wrap:hover label i{-moz-transform:translate(50px,-50px);-webkit-transform:translate(50px,-50px); -o-transform:translate(50px,-50px); -ms-transform:translate(50px,-50px); transform:translate(50px,-50px);} .inquiry-pop .web_form .send_btn_wrap:hover label em{-moz-transform:translate(20px,0); -webkit-transform:translate(20px,0); -o-transform:translate(20px,0); -ms-transform:translate(20px,0); transform:translate(20px,0);} .web_form .mes_tip{ position:relative; font-size:16px; text-align:center; margin-top:40px;} .web_form .mes_tip.error{ color:#d60011} .web_form .mes_tip.success{ color:#3b81e3} .web_form .mes_tip:after{ position:relative; display:block;margin-top:8px;} /*.web_form .mes_tip.success:after{content:url(img/ico08.png); }*/ /*.web_form .mes_tip.error:after{content:url(img/ico09.png); }*/ .single_form_wrap .web_form .send_btn_wrap label{ width:356px; line-height:57px;} .single_form_wrap .web_form .send_btn_wrap label em{ font-size:22px; font-weight:normal;} .single_form_wrap .web_form .send_btn_wrap label i{ position:relative; display:block;padding:0 9px;/*content:url(img/ICO02.png);*/-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;} .single_form_wrap .web_form .send_btn_wrap:hover label i{-moz-transform:translate(50px,-50px);-webkit-transform:translate(50px,-50px); -o-transform:translate(50px,-50px); -ms-transform:translate(50px,-50px); transform:translate(50px,-50px);} .single_form_wrap .web_form .send_btn_wrap:hover label em{-moz-transform:translate(20px,0); -webkit-transform:translate(20px,0); -o-transform:translate(20px,0); -ms-transform:translate(20px,0); transform:translate(20px,0);} .prisna-wp-translate-seo{display:none;} .select-content .prisna-wp-translate-seo{display:block !important;} .path_bar { position: relative; padding: 176px 0 247px 0; text-align: center; background-size: cover; } .page_title1{text-align:center;color: #fff;} .page_title1 h1{font-size:36px;} .page_title1 span{font-size:22px;} /*slider_banner*/ .slider_banner .swiper-wrapper { } .slider_banner .swiper-slide img { width: 100%; min-height: 150px; } .slider_banner .swiper-slide img+img { position: absolute; top: 0; left: 0; } .slider_banner .swiper-slide img { width: 100%; transition: 3s linear; transform: scale(1.08); } .slider_banner .swiper-slide.swiper-slide-active img { transform: scale(1); } .slider_banner .slider_swiper_control { position: absolute; top: 50%; left: 0; z-index: 2; width: 100%; height: 54px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .slider_banner .swiper-button-white { position: static; position: relative; right: auto; left: auto; display: inline-block; overflow: hidden; margin: auto; width: 60px; height: 90px; border-radius: 0; background-color: #ee7801; background-position: center; background-repeat: no-repeat; vertical-align: middle; text-indent: -9999px; opacity: 1; filter: alpha(opacity=100); } .slider_banner .swiper-pagination { bottom:25px !important; } .slider_banner:hover .swiper-pagination { opacity: 1; } .slider_banner .swiper-pagination span { vertical-align: middle; } .slider_banner .swiper-pagination i { display: inline-block; margin: 0 8px; width: 6px; height: 6px; background-color: #fff; vertical-align: middle; } .slider_banner .swiper-pagination-bullet:before { position: absolute; width: 8px; height: 8px; background: #fff; opacity: .7; left: 6px; top: 6px;border-radius: 50%; } .slider_banner .swiper-pagination-bullet:after{ position: absolute; left: 0; top: 0;border: 1px solid #fff; width: 100%; height: 100%; content: ""; border-radius: 50%; opacity: 0; transform: scale(.75); transition: all ease-in-out .35s;} .slider_banner .swiper-pagination-bullet {display: inline-block;box-sizing: border-box;width: 20px;height: 20px;background: transparent;color: #fff;text-align: center;border-radius: 50%; } .slider_banner .swiper-pagination-bullet.swiper-pagination-bullet-active:before { opacity: 1; } .slider_banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after { opacity: 1; transform: scale(1); } /*------------------------------- swiper-slide start ----------------------------------*/ .slider_banner { position: relative; overflow: hidden; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; height: 100%; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode>.swiper-wrapper { margin: 0 auto; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-slide { position: relative; overflow: hidden; width: 100%; height: 100%; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .swiper-invisible-blank-slide { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .swiper-container-3d { -webkit-perspective: 1200px; 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 { -webkit-transform-style: preserve-3d; 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; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; pointer-events: none; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); 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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); 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: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); 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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; z-index: 2; margin-top: -25px; width: 36px; height: 50px; border-radius: 2px; background-color: rgba(0,0,0,.4); background-color: #ccc; text-align: center; font-size: 30px; line-height: 50px; opacity: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-tap-highlight-color: rgba(0,0,0,0); } .swiper-button-next:before, .swiper-button-prev:before { display: inline-block; } .swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.3; cursor: auto;/* pointer-events:none; */ } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { right: auto; left: 10px; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-prev:before, .swiper-container-rtl .swiper-button-next:before { content: '\f104'; } .swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before { content: '\f105'; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; z-index: 2; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { width: 100%; text-align: center; font-size: 0; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; -webkit-transform: scale(.33); transform: scale(.33); -ms-transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); -ms-transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); -ms-transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); transform: scale(.66); -ms-transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); transform: scale(.33); -ms-transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); transform: scale(.66); -ms-transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); transform: scale(.33); -ms-transform: scale(.33); } .swiper-pagination-bullet, .swiper-pagination-bullet:before, .swiper-pagination-bullet:after { display: inline-block; width: 30px; height: 3px; vertical-align: top; } .swiper-pagination-bullet { position: relative; overflow: hidden; cursor: pointer; display: none; } .swiper-pagination-bullet:before { background-color: #fff; content: ''; } .swiper-pagination-bullet-active:before { background-color: #0b87fb; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-container-vertical>.swiper-pagination-bullets { top: 50%; right: 10px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: 6px 0; } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; width: 8px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s top, .3s -webkit-transform; -o-transition: .2s transform, .3s top; transition: .2s top, .3s -webkit-transform; transition: .2s transform, .3s top; transition: .2s transform, .3s top, .3s -webkit-transform; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; white-space: nowrap; -webkit-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left, .3s -webkit-transform; -o-transition: .2s transform, .3s left; transition: .2s left, .3s -webkit-transform; transition: .2s transform, .3s left; transition: .2s transform, .3s left, .3s -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s right, .3s -webkit-transform; -o-transition: .2s transform, .3s right; transition: .2s right, .3s -webkit-transform; transition: .2s transform, .3s right; transition: .2s transform, .3s right, .3s -webkit-transform; } .swiper-pagination-progressbar { position: absolute; background: rgba(0, 0, 0, .25); } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #007aff; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; -ms-transform: scale(0); -ms-transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; -ms-transform-origin: right top; } .swiper-container-horizontal { overflow: hidden; } .swiper-container-horizontal>.swiper-pagination-progressbar { top: 0; left: 0; width: 100%; height: 4px; } .swiper-container-vertical>.swiper-pagination-progressbar { top: 0; left: 0; width: 4px; height: 100%; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, .25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, .25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { position: relative; border-radius: 10px; background: rgba(0, 0, 0, .1); -ms-touch-action: none; } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; bottom: 3px; left: 1%; z-index: 50; width: 98%; height: 5px; } .swiper-container-vertical>.swiper-scrollbar { position: absolute; top: 1%; right: 3px; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { position: relative; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background: rgba(0, 0, 0, .5); } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { position: absolute; top: 50%; left: 50%; z-index: 10; margin-top: -21px; margin-left: -21px; width: 42px; height: 42px; -webkit-transform-origin: 50%; transform-origin: 50%; -ms-transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; width: 100%; height: 100%; background-position: 50%; background-size: 100%; background-repeat: no-repeat; content: ''; } .swiper-lazy-preloader-white:after { } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; top: 0; left: 0; z-index: -1000; opacity: 0; pointer-events: none; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; pointer-events: none; } .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 { z-index: 1; visibility: hidden; width: 100%; height: 100%; -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-transform-origin: 0 0; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -ms-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 { visibility: visible; pointer-events: auto; } .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; bottom: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { z-index: 1; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .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; } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; } @media screen and (max-width: 480px) { .mauticform-textarea { max-width: 100%; } .swiper-pagination-bullet { margin: 0 5px; width: 10px; height: 10px; } } /*ie*/ .swiper-container { overflow: hidden\9; } .slider_banner .swiper-container .swiper-wrapper { width: 2000%\9; } .swiper-slide { float: left\9; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .swiper-container .swiper-wrapper { width: auto; } } /*------------------------------- swiper-slide end ----------------------------------*/ .download_title { margin: 4% 0 0 0px; } #video-wrap{position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 999999;} /*2021-11-18*/ .in_serL li:nth-child(2) .in_serL_m{margin:auto;} .in_serL li:nth-child(3) .in_serL_m{margin-left:auto;} /*#mauticform_httpswwwdnakeglobalcomdibuyouxiang_subscribe{ text-align: center;}*/ @media (max-width:1530px){ .in_title span { font-size: 34px; } .news_title_bar .in_title { margin-top: 30px;padding-left: 23px; } .in_newsW .li .in_newsL_m .in_newsL_w .news_title a { max-width: unset; -webkit-line-clamp: 1; } .in_aboutW .in_title span:after{ margin: 20px 0;} .in_aboutW .news_wrap_right { } .news_bullets { top: 40px; } .in_newsW .li .in_newsL_m .in_newsL_w { padding: 35px 40px; } .wray .text { margin-bottom: 20px; } .index_feature_product , .in_aboutW ,.index_video_container{height: 618px; } .feature_item .fature_img img{max-height: 450px;} } @media (min-width:1280px){ .in_title span { font-size: 34px; } } @media (min-width:1530px){ } @media only screen and (max-width:1520px){.fature_dots.right_dots{right:0;} .fature_dots.left_dots{left:0;} } @media only screen and (max-width:1440px){ .fot_nav li { margin-bottom: 0; } .feature_item .feature_wrap .feature_info,.in_newsW .li .in_newsL_m .in_newsL_w .news_info,.in_title p,.video_left_wrap .video_info,.wray .text,body{font-size:14px;line-height:1.875;} .in_title span:after{margin:15px auto;width:110px;} .wray .text{margin-top:15px;margin-bottom:15px;} .spe_1 a{height:28px;font-size:16px;line-height:1.5;} .more_btn{width:110px;font-size:14px!important;line-height:36px!important;} .index_feature_product{margin-top:50px;padding:100px 0;} .feature_item .feature_wrap .feature_title{margin-bottom:25px;padding-bottom:15px;} .feature_item .feature_wrap .feature_modal{font-size:36px;} .fature_dots i{margin:8px;width:8px;height:8px;} .fature_dots{width:75px;} .feature_item .feature_wrap .feature_info{margin-top:15px;} .feature_item .feature_wrap .feature_more,.in_title,.news_more.more_btn{margin-top:25px;} .in_newsW .li .in_newsL_m .in_newsL_w{padding:30px 37px;} .in_aboutW .in_title{padding-left:30px;} .in_newsW .li .in_newsL_m .in_newsL_w .news_title a{font-size:18px;line-height:32px;} .in_newsW .li .in_newsL_m .in_newsL_w .in_newsL_date{margin-top:10px;margin-bottom:15px;font-size:12px;} .in_newsW .slick-dots{margin-top:-55px;} .index_video_container{/*padding:75px 0;*/} .index_feature_product{} .video_play i{top:-45px;right:-45px;bottom:-45px;left:-45px;} .video_left_wrap .video_info{margin-top:45px;margin-bottom:35px;} .in_serL li .in_serL_m{width:275px;height:275px;} .in_serL li .in_serL_m .in_serL_t{margin-top:30px;font-size:18px;line-height:26px;} #right_column,#right_column li a{font-size:16px;line-height:26px;} .footer-bottom .copyright{font-size:12px;} .footerW{padding:45px 0 15px 0;} .footerW .fot_title em{font-size:20px;} .fot_letter .fot_input{text-align:left; padding-left: 30px;} .mauticform-row.mauticform-email:before { left: 7px !important; } .fot_letter .fot_input::-webkit-input-placeholder { font-size: 12px; } .fot_letter .fot_input:-moz-placeholder { font-size: 12px; } .fot_letter .fot_input::-moz-placeholder { font-size: 12px; } .fot_letter .fot_input:-ms-input-placeholder { font-size: 12px; } .index_feature_product, .in_aboutW, .index_video_container { height: 540px; overflow: hidden; } .feature_item .fature_img img{max-height: 350px;} } @media only screen and (max-width: 1280px){ .mainmenu>nav>ul>li>a { font-size: 16px; } .mainmenu>nav>ul>li { padding-right:35px; } .index_header { padding: 15px 0; } .in_title{ margin-top: 0;} .feature_item .feature_wrap .feature_more, .news_more.more_btn { margin-top: 15px; } .in_title span { font-size: 28px; } .feature_item .feature_wrap .feature_info, .in_newsW .li .in_newsL_m .in_newsL_w .news_info, .in_title p, .video_left_wrap .video_info, .wray .text, body { font-size: 12px; line-height: 1.68; } .advantagesimg { margin-top: -30%; } .in_systemsL_content { padding: 15px 0; } .spe_1 a { height: 20px; font-size: 14px; } .wray .text { margin-top: 10px; margin-bottom: 10px; -webkit-line-clamp:2; } .index_feature_product { padding: 50px 0; } .feature_item .feature_wrap { margin-left: 30px; } .feature_item .feature_wrap .feature_title { margin-bottom:15px; padding-bottom: 10px; } .feature_item .feature_wrap .feature_title a { font-size: 20px; line-height: 26px; } .feature_item .feature_wrap .feature_modal { font-size:28px; } .in_newsW .li .in_newsL_m .in_newsL_w .news_title a { font-size: 16px; line-height: 28px; max-width: unset; height: 28px; overflow: hidden; } .in_newsW .li .in_newsL_m .in_newsL_w .in_newsL_date { margin-top:7px; margin-bottom:13px; }.more_btn { width: 106px; font-size: 12px!important; line-height: 28px!important; } .in_newsW .li .in_newsL_m .in_newsL_w { padding: 15px 25px; } .in_aboutW .in_title { padding-left: 7px; } .news_wrap_right .in_title{ margin: 15px 0;} .news_wrap_right .in_title span:after{ display: none;} .in_newsW .slick-dots { margin-top: -35px; } #right_column, #right_column li a { font-size: 14px; line-height: 1.5; } .fot_nav li { margin-bottom: 0; } .footerW .fot_title { margin-bottom: 15px; } .footerW .fot_title em { font-size: 20px; } .footer-bottom { margin-top: 25px; } .in_serL li .in_serL_m .in_serL_t { margin-top: 25px; font-size: 16px; line-height: 24px; } .index_feature_product, .in_aboutW, .index_video_container { height: 460px; } .wray .text { /*height: 20px;*/ } .feature_item .fature_img img{max-height: 400px;} } @media only screen and (max-width: 992px) { .in_aboutW { height: unset; } .index_feature_product, .index_video_container { height: 380px; } .news_title_bar { margin-right: 15px; position: relative; top: unset; right: unset; left: unset; padding-top: 1px; padding-left: 8px; width: 100%; } .in_aboutW .news_wrap_right { margin-top: 15px; } .in_systemsL{ margin:0 ;} .in_systemsL li{ padding:0 10px; margin-top:10px; } .in_title span:after { margin: 8px auto; width: 90px; } .in_title span { font-size: 24px; } .feature_item .fature_img { width:60%; flex: 0 0 60%;padding: 0 50px; } .fature_dots i { margin: 5px; width: 6px; height: 6px; } .in_aboutW .news_img_left { width: 100%; float: none; text-align: center; } .in_newsW{ margin-left: 0;} .in_aboutW .news_wrap_right { width: 100%; float: none; } .in_aboutW { padding:0 0 15px 0; } .in_systemsW { padding-top:35px; } .in_serL li .in_serL_m .in_serL_t { margin-top: 25px; font-size: 14px; line-height: 21px; } .index_header { padding: 0; background: #303030; position: relative; top: unset; left: unset; height: auto; } .header > .container{ padding: 0;} .select { margin-right: 15px; } } @media only screen and (max-width: 768px) { .index_feature_product, .index_video_container ,.in_aboutW { height: unset; display: block; } .in_systemsW { padding-top:15px; }.spe_1 a{ height: auto;} .wray .text { margin-top: 10px; margin-bottom: 10px; } .index_feature_product { padding: 35px 0; margin-top: 15px; } .feature_slider { padding: 0 15px; } .feature_item figure ,.index_video_container .video_container{ display: block;} .feature_item .fature_img { width: 100%;padding: 0 15px;} .feature_item .feature_wrap{ width: 100%; margin-left: 0; padding: 0 15px; text-align: center;} .feature_item .feature_wrap .feature_title:after{ left: 50%; width: 90px; margin-left: -45px;} .feature_item .feature_wrap .feature_more{ margin: auto; margin-top: 15px;} .feature_item .feature_wrap .feature_modal { font-size: 24px; } .feature_item .feature_wrap .feature_title a { font-size: 18px; line-height: 22px; } .feature_slider .slick-next, .feature_slider .slick-prev{ top: 30%;width: 30px; height: 30px; background-size: 64px 64px;} .feature_slider .slick-prev { left: -10px; background-position: 0 0; } .feature_slider .slick-next { right: -10px; background-position: -32px -32px; } .feature_slider .slick-prev:hover{ background-position: -32px 0;} .feature_slider .slick-next:hover{ background-position: 0 -32px;} .index_video_container { padding:25px 0; } .index_video_container .video_left_wrap,.index_video_container .video_right_wrap{ width: 100%; float: none; } .index_video_container .video_right_wrap{ margin: 15px auto;} .video_play{ left: 50%; transform: translate(-50%,-50%);} .video_play i { top: -30px; right: -30px; bottom: -30px; left: -30px; border-top-color: #ccc; border-right-color: #ccc;} .video_left_wrap .video_info { margin-top:7px; margin-bottom: 15px; } .in_serL li .in_serL_m { width: 100%; height: 200px; } .in_serL li .in_serL_m .in_serL_t { margin-top: 15px; } .in_serL li { padding-top: 0; } .slider_banner .swiper-pagination { bottom: 15px !important; } .in_systemsL li { width: 48%; } } @media only screen and (max-width: 575px) { .in_serL li{ margin: 10px 0;} .in_serL li .in_serL_m{ padding-left: 0; text-align: center;} .in_serL li:nth-child(2) .in_serL_m{ background-color: #ee7801; box-shadow: 8px 7px 21px 0px rgb(255 183 112 / 80%);} .in_serL li:nth-child(2) .in_serL_m .in_serL_t{ color: #fff;} .in_serL li:nth-child(2) .in_serL_m .in_serL_img img { opacity: 0; } .in_serL li:nth-child(2) .in_serL_m .in_serL_img img + img{ opacity: 1;} .in_title span { font-size:20px; } } .product_view_wrap{position:relative;padding-top:50px;background-color:#ebeff3;} .peoduct_intoimg img {width:100%;} .product_nav_path{position:relative;background-color:#ebeff3;} .product_nav_path .nav_path{position:relative;margin:auto;padding:14px 15px;} .product_nav_path .nav_path li{position:relative;display:inline-block;vertical-align:middle;} .product_nav_path .nav_path li a:after{margin:0 7px;content:"-";} .product_nav_path .nav_path li:last-child a:after{display:none;} .product_nav_path .nav_path li a{position:relative;display:block;color:#000;text-transform:capitalize;font-weight:400;font-size:14px;line-height:2;opacity:.7;} .product_view_wrap .sp-thumbs a{width:20px;height:20px;border:solid 1px transparent;border-radius:50%;background:0 0;} .product_view_wrap .sp-thumbs a:after{position:absolute;top:5px;left:5px;width:8px;height:8px;border-radius:50%;background-color:#303030;content:"";opacity:.35;} .product_view_wrap .sp-thumbs a.sp-current,.product_view_wrap .sp-thumbs a:active{border:solid 1px #303030;} .product_view_wrap .sp-thumbs a.sp-current:after,.product_view_wrap .sp-thumbs a:active:after{opacity:1;} .product_view_wrap .sp-thumbs{text-align:center;} .sp-zoom{background-color:#ebeff3;} .inquiry_more{position:relative;z-index:3;display:table;overflow:hidden;margin-top:20px;width:163px;border-radius:18px;background-color:#e70;-webkit-box-shadow:3px 3px 15px 0 rgb(255 187 120 / 80%);box-shadow:3px 3px 15px 0 rgb(255 187 120 / 80%);line-height:36px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .inquiry_more a{color:#e6e9ed;font-weight:400;font-size:16px;line-height:36px;} .tab-title-bar .tab-title{position:relative;display:inline-block;margin-right:45px;padding-right:40px;color:#757779;vertical-align:middle;font-weight:400;font-size:22px;line-height:36px;} .tab-title-bar .tab-title:after{position:absolute;top:9px;right:0;width:1px;height:17px;background:#ccc;content:"";} .tab-title-bar .tab-title:last-child:after{display:none;} .tab-title-bar .tab-title span{position:relative;display:table;padding-right:5px;padding-bottom:14px;} .tab-title-bar .tab-title span:before{position:absolute;bottom:0;left:0;width:0;height:3px;background-color:#e70;content:"";-webkit-transition:all ease-in-out .35s;-o-transition:all ease-in-out .35s;transition:all ease-in-out .35s;} .tab-title-bar .tab-title.current{color:#e70;font-weight:400;font-size:30px;font-family:OpenSans-Regular;} .tab-title-bar .tab-title.current span:before{width:100%;} .tab-panel-wrap .tab-panel.disabled{display:none;} .good_slider{margin-right:-100px;margin-left:-100px;} .good_slider .good_item .li{padding:25px 100px;} .good_item .li .column{border:solid 2px transparent;border-radius:10px;background-color:#ebeff3;-webkit-box-shadow:8px 6px 24px 0 rgb(103 103 103 / 15%);box-shadow:8px 6px 24px 0 rgb(103 103 103 / 15%);-webkit-transition:all ease-in-out .35s;-o-transition:all ease-in-out .35s;transition:all ease-in-out .35s;} .good_item .li .column .title{color:#000;font-weight:400;font-size:20px;line-height:1;} .good_item .li .column .image{padding:48px 45px 32px 45px;} .good_item .li .column .image img{margin:auto;width:auto;max-height:160px;} .good_item .li .column .wrap{padding:0 20px 30px;} .good_item .li .column p{color:#000;opacity:.5;} .good_item.slick-active.slick-center .li .column,.good_item:hover .li .column{border:solid 2px #e70;} .good_item.slick-active.slick-center .li .column .title,.good_item:hover .li .column .title{color:#e70;} .mauticform-row.mauticform-email{position:relative;} .mauticform-row.mauticform-email:before{position:absolute;top:11px;left:53px;display:inline-block;width:19px;height:19px;/*background:url(img/send_icon02.png) no-repeat;*/content:'';} .good_slider .slick-dots{display:block!important;margin-top:35px;margin-bottom:70px;} .slick-dots li{width:20px;height:20px;border:solid 1px transparent;border-radius:50%;background:0 0;} .slick-dots li:after{position:absolute;top: 6px;left: 6px;width:8px;height:8px;border-radius:50%;background-color:#303030;content:"";opacity:.35;z-index: 1;} .slick-dots li.slick-active{/* border:solid 1px #303030; */} .slick-dots li.slick-active:after{opacity:1;} .fot_letter .fot_input::-webkit-input-placeholder{color:#fff;font-size:14px;} .fot_letter .fot_input:-moz-placeholder{color:#fff;font-size:14px;} .fot_letter .fot_input::-moz-placeholder{color:#fff;font-size:14px;} .fot_letter .fot_input:-ms-input-placeholder{color:#fff;font-size:14px;} .inquiry-form-wrap{position:relative;padding:80px 0;background-color:#ebeff3;} .inquiry-form-title{position:relative;margin-bottom:50px;color:#000;text-align:center;font-weight:400;font-size:42px;line-height:1;} .inquiry-form-wrap .contact_form .mauticform-innerform{position:relative;margin-right:-35px;margin-left:-35px;} .inquiry-form-wrap .contact_form .mauticform_wrapper{position:relative;width:100%;max-width:unset;} .inquiry-form-wrap .contact_form .mauticform-page-wrapper{position:relative;} .inquiry-form-wrap .contact_form .mauticform-row{position:relative;float:left;display:block;padding:0 35px;width:49%;} .mauticform-field-10 ,.mauticform-field-9{width:100% !important;} .inquiry-form-wrap .contact_form .mauticform-row .mauticform-helpmessage{margin-bottom:6px;color:#000;font-weight:400;font-size:14px;font-family:OpenSans-Regular;line-height:33px;text-align: left;} .inquiry-form-wrap .contact_form .mauticform-input,.inquiry-form-wrap .contact_form .mauticform-textarea,.mauticform-selectbox{padding:0 12px!important;border:solid 1px #edb174;border-radius:0!important;background-color:#f4f7fa;font-size:12px;line-height:48px!important;} .mauticform-selectbox, .mauticform-input, .mauticform-textarea {border:solid 1px #edb174 !important;} .mauticform-selectbox{height:50px;} .mauticform-selectbox option{line-height:48px!important;} .inquiry-form-wrap .contact_form .mauticform-row.mauticform-email:before{display:none;} .inquiry-form-wrap .contact_form .mauticform-row.mauticform-field-11,.inquiry-form-wrap .contact_form .mauticform-row.mauticform-field-12{width:100%;} .inquiry-form-wrap .contact_form .mauticform-textarea{min-height:150px;max-width: 98%;} .inquiry-form-wrap .contact_form .mauticform-row.mauticform-field-12{margin-top:37px;margin-bottom:0;padding:0;text-align:center;} .inquiry-form-wrap .contact_form .mauticform-button{width:140px;height:32px;border-radius:24px!important;background-color:#e70;-webkit-box-shadow:3px 3px 15px 0 rgb(255 187 120 / 80%);box-shadow:5px 5px 15px 0 rgba(255, 187, 120, 0.8);color:#fff;text-transform:capitalize;font-weight:400;font-size:20px;font-family:OpenSans-Regular;text-transform:uppercase;} .mauticform-message{color:#ee7801!important;font-size:13px;font-family:Arial;} .partnersbo {width: 100% !important;} .becomebo {text-align: center;} .becomebo .send_btn_wrap {width: 16% !important;} .product_buttons{position:relative;} .product_buttons .product_button{position:relative;display:inline-block;margin:0 5px;width:20px;height:20px;border:solid 1px transparent;border-radius:50%;background:0 0;} .product_buttons .product_button:after{position:absolute;top:5px;left:5px;width:8px;height:8px;border-radius:50%;background-color:#303030;content:"";opacity:.35;} .product_buttons .product_button.active,.product_buttons .product_button:hover{border:solid 1px #303030;} .product_buttons .product_button.active:after,.product_buttons .product_button:hover:after{opacity:1;} .product_nav_path{text-align:left;} .page_bannner_wrap{position:relative;} .page_bannner_img{position:relative;} .page_bannner_img img{ max-width: unset; width: 100%;} .bannner_title{position:absolute;top:57%;left:0;width:100%;color:#fff;text-align:center;line-height:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);} .bannner_title h1{position:relative;font-size:35px;line-height:1;} .bannner_title .bannner_subtitle{position:relative;margin-top:20px;font-size:22px;line-height:1.5;} .down_list{border-bottom:1px solid rgba(0,0,0,.2);} .download_column{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 95px 0 66px;height:125px;border-top:1px solid rgba(0,0,0,.2);-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;} .download_column .download_type{color:#e70;font-weight:700;font-size:16px;line-height:33px;} .download_column .download_tit a{color:#000;font-weight:400;font-size:16px;line-height:33px;opacity:.5;} .download_column .download_time{color:#000;font-weight:400;font-size:14px;line-height:24px;opacity:.5;} .download_column .download_right .download_btn{position:relative;margin-left:30px;min-width:120px;text-align:right;} .download_column .download_right .download_btn a{color:#000;font-weight:400;font-size:18px;line-height:33px;opacity:.7;} .download_btn a:after{display:inline-block;margin-left:15px;width:12px;height:17px;background-image:url(img/downloadicon01.png);content:"";vertical-align:middle;-webkit-transition:.5s all;-o-transition:.5s all;transition:.5s all;-ms-transition:.5s all;} .download_btn:hover a:after{background-image:url(img/downloadicon2.png);} .download_column .download_right .download_btn:hover a{color:#e70;} .download_seach_wrap{position:relative;margin-top:60px;margin-bottom:60px;width:100%;border-radius:40px;background-color:#ebeff3;-webkit-box-shadow:8px 6px 20px 0 rgb(103 103 103 / 20%);box-shadow:8px 6px 20px 0 rgb(103 103 103 / 20%);} .download_seach_wrap .download_seach{position:relative;padding:0 100px 0 60px;width:100%;background:0 0;} .download_seach .download_input{width:100%;background:0 0;line-height:80px;} .download_seach .download_submit{position:absolute;top:50%;right:60px;margin-top:-15px;width:30px;height:30px;background-image:url(img/downloadicon4.png);font-size:0;} .download_seach input.download_input::-webkit-input-placeholder{color:rgba(0,0,0,.35);font-size:20px;} .download_seach input.download_input:-moz-placeholder{color:rgba(0,0,0,.35);font-size:20px;} .download_seach input.download_input::-moz-placeholder{color:rgba(0,0,0,.35);font-size:20px;} .download_seach input.download_input:-ms-input-placeholder{color:rgba(0,0,0,.35);font-size:20px;} .page_section_down{margin-top:35px;margin-bottom:55px;} .product_nav_path.page_nav_path{position:absolute;top:0;left:0;background:0 0;} .product_nav_path.page_nav_path.top80nav{ top:91px;} .product_nav_path.page_nav_path a,.product_nav_path.page_nav_path li:after{color:#fff; } .top8nav a {color:#fff !important; } /*.categroate_tags{position:relative;margin-top:55px;margin-bottom:55px;padding-bottom:17px;}*/ .categroate_tags{position:relative; padding-bottom:17px;} .categroate_tags li{position:relative;display:inline-block;margin-right:20px;padding-right:35px;vertical-align:middle;} .categroate_tags li:last-child{margin-right:0;padding-right:0;} .categroate_tags li:last-child:after{display:none;} .categroate_tags li:after{position:absolute;top:50%;right:0;margin-top:-9px;width:1px;height:18px;background:#afafaf;content:""; } .categroate_tags li a{position:relative;color:#757779;text-transform:capitalize;font-size:22px;} .categroate_tags li.current a {padding-right:50px;color:#e70;font-weight:700;font-size:25px;} .categroate_tags li:hover a{ color:#e70; } .categroate_tags li.current a:after{position:absolute;bottom:-17px;left:0;width:100%;height:3px;background:#e70;content:"";transition: all ease-in-out .35s;} .categroate_tags li a:after{position:absolute;bottom:-17px;left:0;width:0;height:3px;background:#e70;content:"";transition: all ease-in-out .35s;} .categroate_tags li.current a:after ,.categroate_tags li:hover a:after{position:absolute;bottom:-17px;left:0;width:100%;height:3px;background:#e70;content:"";} .solution_container{position:relative;margin-bottom:50px; margin-top: 50px;} .solution_slider .product_buttons{margin-top:50px;} .solution_slider .product_button{margin:0 15px;} .solution_slider{ position: relative; margin-left: -25px; margin-right: -25px;} .solution_slider .solution_item{position: relative; display: block; width: 33.33%; float: left; padding: 0 25px; margin-bottom: 55px;} .solution_item .item_img{position:relative;display:block;overflow:hidden;} .solution_item .item_img img{-webkit-transition:all ease-in-out .35s;-o-transition:all ease-in-out .35s;transition:all ease-in-out .35s;} .solution_item figcaption .solution_title{position:relative;margin:30px 0 13px 0;} .solution_item figcaption .Solution_info,.solution_item figcaption .solution_title a{position:relative;display:block;color:#000;font-size:18px;line-height:1.5; } .solution_item figcaption .Solution_info {font-size:14px;} .solution_item figcaption .solution_title,.solution_item figcaption .solution_title a{ height: 24px; overflow: hidden;font-weight: bold;} .solution_item figcaption .Solution_info{display:-webkit-box;overflow:hidden;opacity:.5;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height: 80px;} .solution_item figcaption .Solution_more{position:relative;z-index:3;display:table;overflow:hidden;margin-top:30px;width:140px;border:1px solid #000;border-radius:40px;color:#000;text-align:center;text-transform:capitalize;line-height:44px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .solution_item figcaption .Solution_more:hover{border:1px solid #e70;background-color:#e70;-webkit-box-shadow:3px 3px 15px 0 rgb(255 187 120 / 80%);box-shadow:3px 3px 15px 0 rgb(255 187 120 / 80%);color:#fff;} .solution_item:hover figcaption .solution_title a{color:#e70;} .solution_item:hover .item_img img{-webkit-transform:scale(1.1);transform:scale(1.1);-ms-transform:scale(1.1);} .product_list_pagewrap{position:relative;padding-bottom:100px;background:#ebeff3;} .product_list_pagewrap .cbp-vm-switcher>ul>li .cbp-vm-image{background:#fff;} .product_list_pagewrap .cbp-vm-view-grid ul{position:relative;margin-right:-70px;margin-left:-70px;} .product_list_pagewrap .cbp-vm-view-grid ul li{margin-top:85px;padding:0 70px;} .product_list_pagewrap .cbp-vm-view-grid ul li:nth-child(-n+3){margin-top:0;} .product_list_pagewrap .cbp-vm-view-grid .cbp-list-center{background:#fff!important;} .product_list_pagewrap .cbp-vm-switcher ul li>div{overflow:hidden;border-radius:10px;-webkit-box-shadow:8px 6px 24px 0 rgb(103 103 103 / 15%);box-shadow:8px 6px 24px 0 rgb(103 103 103 / 15%);} .product_list_pagewrap .cbp-vm-view-grid .cbp-vm-details{padding:0 30px;color:#000;font-weight:400;font-size:16px;line-height:24px;opacity:.5;} .product_list_pagewrap .cbp-vm-view-grid ul li .cbp-title{margin-bottom:10px;color:#000;font-size:20px;line-height:1;font-weight: bold;} .product_list_pagewrap .cbp-vm-view-grid ul li:hover .cbp-title{ color:#ee7801} .page-single-inquiry{ margin-top:-30px;} .feature_slider .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width:1530px){ .download_info_list1 .text li {max-width: 26%;} .prom-right{padding-left:50px;} .prom-right div.main img{ height: auto; max-height: 60px; width: auto;} .prom-right h1{margin-bottom:10px;font-size:36px;} .prom-right .product_subtitle{font-size:20px;} .good_slider .good_item .li{padding:25px 70px;} .good_slider{margin-right:-70px;margin-left:-70px;} .product_view_wrap{padding-top:35px;} .prom-right .product_description,.prom-right div.main,.prom-right div.main span{font-size:16px!important;line-height:30px;} .download_info_list1 .text ul{margin-right:0;margin-left:0;} .download_info_list1 .text li{padding:0 10px;} .download_info_list1 .text li .sel{padding:0 40px 0 10px; font-size:15px;} .download_info_list1 .text li .sub{padding:0 20px;height:50px;font-size:16px;line-height:50px;} .download_info_list1 .text li:first-child{padding-left:0;} .download_info_list1 .text li:last-child{padding-right:0;} .download_seach_wrap{margin-top:40px;margin-bottom:40px;} .download_seach .download_input{line-height:60px;} .download_seach_wrap .download_seach{padding:0 60px 0 30px;} .download_column{padding:0 30px;} .download_seach .download_submit{right:30px;} /*.categroate_tags{margin-top:50px;margin-bottom:70px;padding-bottom:10px;}*/ .categroate_tags{/*margin-top:50px;margin-bottom:70px;*/padding-bottom:10px;} .categroate_tags li{margin-right:30px;padding-right:30px;} .categroate_tags li.current a{padding-right:30px;} .product_list_pagewrap .cbp-vm-view-grid ul{margin-right:-30px;margin-left:-30px;} .product_list_pagewrap .cbp-vm-view-grid ul li{margin-top:45px;padding:0 30px;} .product_list_pagewrap .cbp-vm-view-grid ul li .cbp-title{margin-bottom:7px;font-size:18px;} .product_list_pagewrap .cbp-vm-view-grid .cbp-vm-details{padding:0 15px;font-size:14px;line-height:20px;} .product_list_pagewrap{padding-bottom:70px;} .download_info_list1 .text .cate_option { left: 10px; } .solution_item figcaption .solution_title { margin:20px 0 10px 0; } .solution_item figcaption .solution_title, .solution_item figcaption .solution_title a { height: 50px; } } @media screen and (max-width:1280px){.prom-right .product_subtitle{font-size:18px;} .prom-right .product_description,.prom-right div.main,.prom-right div.main span{font-size:14px!important;line-height:26px;} .product_view_wrap{padding-top:35px;} .prom-right h1{font-size:28px;} .prom-right .product_subtitle{font-size:15px;} .good_slider .good_item .li{padding:25px 35px;} .good_slider{margin-right:0;margin-left:0;} .inquiry-form-title{margin-bottom:35px;font-size:32px;} .inquiry-form-wrap .contact_form .mauticform-row{padding:0 15px;} .mauticform-row{margin-bottom:15px;} .inquiry-form-wrap .contact_form .mauticform-innerform{margin-right:-15px;margin-left:-15px;} .inquiry-form-wrap{padding:50px 0;} .solution_slider .solution_item { padding:10px 15px; } .solution_slider { margin-left: -15px; margin-right: -15px; } .solution_slider .solution_item { margin-bottom: 30px; } } @media screen and (max-width:993px){.prom-right .product_description,.prom-right div.main,.prom-right div.main span{font-size:12px!important;line-height:1.68;} .prom-right div.main img{max-height: 50px;} .product_nav_path .nav_path li a{font-size:12px;} .product_view_wrap{padding-top:15px;} .prom-right{padding-left:15px;} .prom-right h1{margin-bottom:5px;font-size:24px;} .prom-right .product_subtitle{font-size:13px;} .prom-right .product_description{margin-top:5px;} .prom-right{height:auto!important;} .inquiry_more a{font-size:14px;line-height:32px;} .inquiry_more{width:130px;} .page_column{padding:15px 0 0 0;} .tab-title-bar .tab-title{margin-right:30px;padding-right:30px;font-size:16px;line-height:32px;} .tab-title-bar .tab-title.current{font-size:22px;} .inquiry-form-title{margin-bottom:20px;font-size:28px;} .inquiry-form-wrap{padding:35px 0;} .inquiry-form-wrap .contact_form .mauticform-row .mauticform-helpmessage{margin-bottom:3px;font-size:12px;line-height:28px;} .inquiry-form-wrap .contact_form .mauticform-input,.inquiry-form-wrap .contact_form .mauticform-textarea{line-height:32px;} .inquiry-form-wrap .contact_form .mauticform-row.mauticform-field-12{margin-top:0;} .inquiry-form-wrap .contact_form .mauticform-button{width:180px;height:40px;font-size:16px;} .good_item .li .column .image{padding:25px 15px;} .good_slider .slick-next,.good_slider .slick-prev{display:none!important;} .download_info_list1 .text li .sel{height:36px;font-size:12px; line-height:34px;} .download_info_list1 .text li .sub{padding:0 15px;height:36px;font-size:12px;line-height:36px;} .download_info_list1 .text li{padding:0 5px;width:20%;} .download_seach_wrap{margin-top:20px;margin-bottom:20px;} .download_seach .download_input{line-height:40px;} .download_seach_wrap{-webkit-box-shadow:4px 4px 10px 0 rgb(103 103 103 / 10%);box-shadow:4px 4px 10px 0 rgb(103 103 103 / 10%);} .download_seach .download_submit{right:15px;background-position:center;background-size:20px;background-repeat:no-repeat;} .download_seach input.download_input::-webkit-input-placeholder{color:rgba(0,0,0,.35);font-size:14px;} .download_seach input.download_input:-moz-placeholder{color:rgba(0,0,0,.35);font-size:14px;} .download_seach input.download_input::-moz-placeholder{color:rgba(0,0,0,.35);font-size:14px;} .download_seach input.download_input:-ms-input-placeholder{color:rgba(0,0,0,.35);font-size:14px;} /*.categroate_tags{margin-top:35px;margin-bottom:35px;padding-bottom:7px;}*/ .categroate_tags{/*margin-top:35px;margin-bottom:35px;*/padding-bottom:7px;} .categroate_tags li{margin-right:15px;padding-right:15px;} .categroate_tags li.current a{padding-right:7px;font-size:24px;} .categroate_tags li a{font-size:16px;} .categroate_tags li:before { content: ""; position: absolute; left: 0; bottom: 0px; width: 100%; height: 3px; background: #ee7801; display: block; transform: scaleX(0); transition: all 0.4s ease 0s; transform-origin: 0 0 0; z-index: -1; border-radius: 0;} .solution_item figcaption .solution_title{margin:15px 0 7px 0;} .solution_item figcaption .solution_title a{font-size:14px;} .solution_item figcaption .Solution_info{font-size:12px;} .solution_item figcaption .Solution_more{margin-top:15px;width:120px;line-height:34px;} .product_list_pagewrap .cbp-vm-view-grid ul li{margin-top:10px;padding:0 1%;} .product_list_pagewrap .cbp-vm-view-grid ul{margin-right:-15px;margin-left:-15px;} .cbp-vm-details{height:44px;font-size:16px;line-height:22px;} .product_list_pagewrap .cbp-vm-view-grid ul li .cbp-title{margin-bottom:7px;font-size:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow:hidden;} .product_list_pagewrap .cbp-vm-view-grid .cbp-vm-details{font-size:12px;line-height:18px;} .product_list_pagewrap{padding-bottom:30px;} .download_info_list1 .text .cate_option { top: 36px; left: 5px; } .download_info_list1 .text .cate_option li { font-size: 12px; } .solution_slider .solution_item { padding:10px 10px; } .solution_slider { margin-left: -10px; margin-right: -10px; } .solution_slider .solution_item { margin-bottom: 15px; } } @media screen and (max-width:768px){.prom_img{float:none;width:100%;} .prom-right{padding-left:0;width:100%;} .good_item.slick-active .li .column{border:solid 2px #e70;} .good_item.slick-active .li .column .title{color:#e70;} .good_item .li .column .image{padding:15px 10px;} .good_item .li .column .title{font-size:16px;} .in_proW .slider .li p{margin-top:7px;height:42px;font-size:14px;line-height:21px;} .good_slider .good_item .li{padding:25px 15px;} .good_item .li .column{-webkit-box-shadow:3px 3px 12px 0 rgb(103 103 103 / 10%);box-shadow:3px 3px 12px 0 rgb(103 103 103 / 10%);} .good_slider .slick-dots{margin-top:20px;margin-bottom:45px;} .tab-title-bar .tab-title{margin-right:20px;padding-right:20px;font-size:14px;line-height:30px;} .tab-title-bar .tab-title span{padding-right:3px;padding-bottom:7px;} .bannner_title h1{margin-top:-10px;font-size:24px;} .page_section_down{margin-top:15px;margin-bottom:15px;} .product_list_pagewrap .cbp-vm-view-grid ul li{float:none;margin-top:10px;padding:0 1%;width:50%;vertical-align:text-bottom;} .product_list_pagewrap .cbp-vm-view-grid ul li:nth-child(3) { margin-top: 10px; } .product_list_pagewrap .cbp-vm-view-grid ul{font-size:0;} .cbp-vm-details{height:44px;font-size:16px;line-height:22px;} .cbp-vm-view-grid ul li .cbp-title{font-size:20px;line-height:24px;} .product_list_pagewrap{padding-bottom:15px;} .solution_slider .solution_item { padding: 10px 1%; width: 50%; } .solution_slider { margin-left: -1%; margin-right: -1%; } } @media only screen and (max-width:768px){.download_info_list1 .text li{padding:5px;width:25%;} .download_column .download_type{font-size:14px;line-height:28px;} .download_column .download_tit a{font-size:16px;line-height:2;} .download_column .download_time{font-size:12px;line-height:1.5;} .download_column{padding:15px;height:auto;} .download_column .download_right .download_btn a{font-size:16px;} /*.product_nav_path.page_nav_path{position:relative;padding-bottom:0;background:#f9f9f9;}*/ /*.product_nav_path.page_nav_path.top80nav{ top:0;}*/ /*.product_nav_path.page_nav_path a,.product_nav_path.page_nav_path li:after{color:#333!important;}*/ .cbp-vm-view-grid ul li .cbp-title{font-size:18px;} .bannner_title .bannner_subtitle { margin-top: 10px; font-size: 18px; line-height: 1.5; } .solution_item figcaption .solution_title, .solution_item figcaption .solution_title a { height: auto; } .l_banner .list li a { padding: 0; } .l_banner .list li a .img { float: none; height: 80px; background-size: 80%; width: 100%; height: 90px; background-position: center 30px; } .l_banner .list li h3 { position: relative; left: unset; top: unset; transform: unset; right: unset; z-index: 1; line-height: 1; text-align: center; font-size: 16px; } } @media screen and (max-width:640px){.inquiry-form-wrap .contact_form .mauticform-row{display:block;padding:0 15px;width:100%;} .mauticform-row{margin-bottom:10px!important;} .mauticform-field-1,.mauticform-field-2,.mauticform-field-3,.mauticform-field-4,.mauticform-field-5 { width:100% !important; } .inquiry-form-title{font-size:22px;line-height:30px;} .good_slider .good_item .li{padding:15px 15px;} .good_item .li .column .title{font-size:14px;} .in_proW .slider .li p{height:auto;font-size:12px;line-height:18px;} .download_info_list1 .text li{width:50%;} .download_column .download_tit a{font-size:14px;line-height:1.68;} .categroate_tags li a{font-size:14px;} .categroate_tags li.current a{padding-right:0;font-size:16px;} .categroate_tags li.current a:after{bottom:-10px;height:2px;} .categroate_tags li:after{margin-top:-5px;height:10px;} /*.categroate_tags{margin-top:15px;margin-bottom:20px;padding-bottom:0;}*/ .categroate_tags{/*margin-top:15px;margin-bottom:20px;*/padding-bottom:0;} .solution_slider .product_buttons{margin-top:25px;} .solution_container{margin-bottom:15px;} .solution_slider .product_button{margin:0 5px;} .solution_item figcaption .Solution_info{display:block;} .cbp-vm-details{font-size:14px;} .prom-right div.main img{max-height:45px;} .bannner_title .bannner_subtitle { margin-top: 10px; font-size: 14px; line-height: 1.5; } .bannner_title h1 { margin-top: -10px; font-size: 20px; } .page_bannner_img{ min-height: 180px; background-size: cover; background-position: center right;} .page_bannner_img img{display: none;} .solution_slider .solution_item { padding: 10px 0; float:none; width: 100%; } .solution_slider { margin-left: 0; margin-right: 0; } .web_form { padding: 45px 0; } } @media screen and (max-width:480px){ .download_column .download_type{font-size:12px;} .download_column .download_tit a{font-size:13px;line-height:1.68;} .download_column .download_right .download_btn a{font-size:14px;} .download_btn a:after{margin-left:10px;width:10px;height:15px;background-size:10px;background-repeat:no-repeat;} .download_column .download_right .download_btn{margin-left:15px;min-width:100px;} /*.bannner_title h1{margin-top:-15px;font-size:30px;}*/ .solution_item figcaption .solution_title a{font-size:12px;} .solution_item figcaption .Solution_info{font-size:10px;} .solution_item figcaption .Solution_more{margin-top:15px;width:100px;line-height:30px;} .categroate_tags li a{font-size:12px;} .categroate_tags li{margin-right:10px;padding-right:10px;} .cbp-vm-details{height:36px;font-size:12px;line-height:18px;} .bannner_title h1 { margin-top: -11px; font-size: 22px; } .wray .text { height: 40px; } .download_info_list1 .text li:nth-child(1){ z-index:9;} .download_info_list1 .text li:nth-child(2){ z-index:8;} .download_info_list1 .text li:nth-child(3){ z-index:7;} .download_info_list1 .text li:nth-child(4){ z-index:6;} .download_info_list1 .text li { width: 100%; max-width: unset; border-radius: 0; padding: 0; margin: 2px 0; } .download_info_list1 .text .cate_option { top: 35px; width: 100%; box-sizing: border-box; left: 0; } .download_info_list1 .text li .sel { border-radius: 0; } .download_info_list1 .text li .sub { border-radius: 0; margin-top:10px; } .prom-right div.main img{max-height:35px;} } .fl-builder-content.fl-builder-content-824 .fl-row-full-width { max-width: 1400px; } .nav-bar{background: #ebeff3; position:relative;} .categroate_tags li{ padding-top:55px;} .categroate_tags li:after { top: 63px; margin-top: 0; } .product_list_pagewrap{ padding-top:40px} @media screen and (max-width: 993px){ .categroate_tags li { padding-top: 35px; } .categroate_tags li:after { top: 40px; } .product_list_pagewrap { padding-top: 30px; } .solution_container { margin-top: 30px; } .product_list_pagewrap .entry{ padding-top:0} } @media screen and (max-width: 550px){ .categroate_tags li { padding-top: 25px; } } /*technology-partners*/ .download-list { position: relative; width: 100%; overflow: hidden; } .download-list ul { } .download-list ul li { position: relative; display: block; overflow: hidden; line-height: 30px; padding: 30px 0 10px; border-bottom: 1px solid #E9E9E9; width: 100%;} .download-list ul li .download-cont { position: relative; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; float: left; } .download-list ul li .download-cont .download-pic img { width:100%; } .download-detail { position: relative; display: inline-block; vertical-align: top; *display: inline; *zoom: 1;margin: 0 2%; font-size: 18px; font-family: 'Graphik-Semibold'; display: initial;float: left;width: 70%;} .download-list ul li .download-button { position: relative; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; float: right; height: 30px; line-height: 30px; font-size: 14px; border-width: 1px; border-style: solid; border-left-color: #C1C1C1; border-right-color: #C1C1C1; border-top-color: #C9C9C9; border-bottom-color: #A5A5A5; border-radius: 5px; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F1F1F1', endColorStr='#DADADA', gradientType='0'); background: -moz-linear-gradient(top, #F1F1F1, #DADADA); background: -o-linear-gradient(top, #F1F1F1, #DADADA); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#DADADA)); } .download-list ul li .download-button a { position: relative; display: block; padding: 0 12px 0 40px; color: #0A0A0A; /*background-image: url(img/icons08.png); */background-repeat: no-repeat; background-position: 10px 4px; } .download-list ul li { border-bottom: none; } .download-list ul li .download-cont { margin: 2% 1% 0 4%; width: 18%; text-align: center; display: inherit; } .pages a,.pages span{cursor: pointer;} .down_item{display:none;} .down_item.current{display:block!important;} @media only screen and (max-width: 1100px) { .fl-row-content-wrap{margin:0 auto !important} } @media only screen and (max-width: 768px) { /*.fl-module-heading .fl-heading,.fl-module-content span,.fl-module-content p{text-align:center !important}*/ } /*------------------------------- language start ----------------------------------*/ .change-language-title.medium-title{ display:none} .prisna-wp-translate-seo { display: none; font-family: Arial, Helvetica, sans-serif; } .mobile-head-language .prisna-wp-translate-seo, .change-language .prisna-wp-translate-seo { display: block; } .change-language .change-language-title, .change-language .change-language-title a { font-size: 10pt; } .change-language .change-language-title a:after { display: inline-block; padding-left: 2px; content: "\f0d7"; font-size: 12px; font-family: 'fontawesome'; } .change-language:hover .change-language-title a:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); -ms-transform: rotate(-180deg); } .change-language .change-language-cont { z-index: 999; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .change-language:hover .change-language-cont { visibility: visible; opacity: 1; transform: scale3d(1, 1, 1); } .change-language .change-language-cont li { display: inline-block; overflow: hidden; width: 150px; vertical-align: top; font-size: 10pt; } .change-language .change-language-cont li a:hover { color: #c10538; } .change-language .change-language-cont .lang-item-hide { display: none !important; } .change-language .change-language-cont .lang-more { position: relative; display: block; text-align: center; line-height: 30px; cursor: pointer; } .change-language .change-language-cont .more-active { font-size: 20px; } .language-flag span { position: relative; display: inline-block; overflow: hidden; padding: 0 0 0 33px; vertical-align: top; white-space: nowrap; *display: inline; *zoom: 1; } .change-language ::-webkit-scrollbar { width: 5px; } .change-language ::-webkit-scrollbar-track { background-color: #fff; } .change-language ::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgba(0,0,0,.3); } .change-language .language-cont:hover::-webkit-scrollbar-thumb { display: block; } .language-flag .country-flag { position: absolute; top: 50%; left: 0; display: inline-block; margin: -8px 5px 0; width: 22px; height: 16px; background-image: url(img/all-m.gif); background-repeat: no-repeat; vertical-align: top; *display: inline; *zoom: 1; } li.language-flag a { position: relative; } .language-flag-af .country-flag { background-position: 0 0 !important; } .language-flag-sq .country-flag { background-position: 0 -16px !important; } .language-flag-ar .country-flag { background-position: 0 -32px !important; } .language-flag-hy .country-flag { background-position: 0 -48px !important; } .language-flag-az .country-flag { background-position: 0 -64px !important; } .language-flag-eu .country-flag { background-position: 0 -80px !important; } .language-flag-be .country-flag { background-position: 0 -96px !important; } .language-flag-bg .country-flag { background-position: 0 -112px !important; } .language-flag-ca .country-flag { background-position: 0 -128px !important; } .language-flag-zh .country-flag { background-position: 0 -144px !important; } .language-flag-zh-TW .country-flag { background-position: 0 -160px !important; } .language-flag-hr .country-flag { background-position: 0 -176px !important; } .language-flag-cs .country-flag { background-position: 0 -192px !important; } .language-flag-da .country-flag { background-position: 0 -208px !important; } .language-flag-nl .country-flag { background-position: 0 -240px !important; } .language-flag-en .country-flag { background-position: 0 -256px !important; } .language-flag-et .country-flag { background-position: 0 -272px !important; } .language-flag-tl .country-flag { background-position: 0 -288px !important; } .language-flag-fi .country-flag { background-position: 0 -304px !important; } .language-flag-fr .country-flag { background-position: 0 -320px !important; } .language-flag-gl .country-flag { background-position: 0 -336px !important; } .language-flag-ka .country-flag { background-position: 0 -352px !important; } .language-flag-de .country-flag { background-position: 0 -368px !important; } .language-flag-el .country-flag { background-position: 0 -384px !important; } .language-flag-ht .country-flag { background-position: 0 -400px !important; } .language-flag-iw .country-flag { background-position: 0 -416px !important; } .language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag { background-position: 0 -432px !important; } .language-flag-hu .country-flag { background-position: 0 -448px !important; } .language-flag-is .country-flag { background-position: 0 -464px !important; } .language-flag-id .country-flag { background-position: 0 -480px !important; } .language-flag-ga .country-flag { background-position: 0 -496px !important; } .language-flag-it .country-flag { background-position: 0 -512px !important; } .language-flag-ja .country-flag { background-position: 0 -528px !important; } .language-flag-ko .country-flag { background-position: 0 -544px !important; } .language-flag-la .country-flag { background-position: 0 -560px !important; } .language-flag-lv .country-flag { background-position: 0 -576px !important; } .language-flag-lt .country-flag { background-position: 0 -592px !important; } .language-flag-mk .country-flag { background-position: 0 -608px !important; } .language-flag-ms .country-flag { background-position: 0 -624px !important; } .language-flag-mt .country-flag { background-position: 0 -640px !important; } .language-flag-no .country-flag { background-position: 0 -656px !important; } .language-flag-fa .country-flag { background-position: 0 -672px !important; } .language-flag-pl .country-flag { background-position: 0 -688px !important; } .language-flag-pt .country-flag { background-position: 0 -704px !important; } .language-flag-ro .country-flag { background-position: 0 -720px !important; } .language-flag-ru .country-flag { background-position: 0 -736px !important; } .language-flag-sr .country-flag { background-position: 0 -752px !important; } .language-flag-sk .country-flag { background-position: 0 -768px !important; } .language-flag-sl .country-flag { background-position: 0 -784px !important; } .language-flag-es .country-flag { background-position: 0 -800px !important; } .language-flag-sw .country-flag { background-position: 0 -816px !important; } .language-flag-sv .country-flag { background-position: 0 -832px !important; } .language-flag-th .country-flag { background-position: 0 -848px !important; } .language-flag-tr .country-flag { background-position: 0 -864px !important; } .language-flag-uk .country-flag { background-position: 0 -880px !important; } .language-flag-ur .country-flag { background-position: 0 -896px !important; } .language-flag-vi .country-flag { background-position: 0 -912px !important; } .language-flag-cy .country-flag { background-position: 0 -928px !important; } .language-flag-yi .country-flag { background-position: 0 -944px !important; } .language-flag-bn .country-flag { background-position: 0 -960px !important; } .language-flag-eo .country-flag { background-position: 0 -976px !important; } .language-flag.language-flag-custom-afghanistan .country-flag { background-position: 0 -992px !important; } .language-flag.language-flag-custom-albania .country-flag { background-position: 0 -1008px !important; } .language-flag.language-flag-custom-algeria .country-flag { background-position: 0 -1024px !important; } .language-flag.language-flag-custom-argentina .country-flag { background-position: 0 -1040px !important; } .language-flag.language-flag-custom-australia .country-flag { background-position: 0 -1056px !important; } .language-flag.language-flag-custom-austria .country-flag { background-position: 0 -1072px !important; } .language-flag.language-flag-custom-belgium .country-flag { background-position: 0 -1088px !important; } .language-flag.language-flag-custom-brazil .country-flag { background-position: 0 -1104px !important; } .language-flag.language-flag-custom-canada .country-flag { background-position: 0 -1120px !important; } .language-flag.language-flag-custom-chile .country-flag { background-position: 0 -1136px !important; } .language-flag.language-flag-custom-cote-d-ivoire .country-flag { background-position: 0 -1152px !important; } .language-flag.language-flag-custom-ecuador .country-flag { background-position: 0 -1168px !important; } .language-flag.language-flag-custom-egypt .country-flag { background-position: 0 -1184px !important; } .language-flag.language-flag-custom-england .country-flag { background-position: 0 -1200px !important; } .language-flag.language-flag-custom-luxembourg .country-flag { background-position: 0 -1216px !important; } .language-flag.language-flag-custom-malaysia .country-flag { background-position: 0 -1232px !important; } .language-flag.language-flag-custom-mexico .country-flag { background-position: 0 -1248px !important; } .language-flag.language-flag-custom-new-zealand .country-flag { background-position: 0 -1264px !important; } .language-flag.language-flag-custom-oman .country-flag { background-position: 0 -1280px !important; } .language-flag.language-flag-custom-qatar .country-flag { background-position: 0 -1296px !important; } .language-flag.language-flag-custom-saudi-arabia .country-flag { background-position: 0 -1312px !important; } .language-flag.language-flag-custom-singapore .country-flag { background-position: 0 -1328px !important; } .language-flag.language-flag-custom-south-africa .country-flag { background-position: 0 0 !important; } .language-flag.language-flag-custom-switzerland .country-flag { background-position: 0 -1344px !important; } .language-flag.language-flag-custom-syria .country-flag { background-position: 0 -1360px !important; } .language-flag.language-flag-custom-united-arab-emirates .country-flag { background-position: 0 -1376px !important; } .language-flag.language-flag-custom-united-states-of-america .country-flag { background-position: 0 -1392px !important; } .language-flag-hy .country-flag { background-position: 0 -1408px; } .language-flag-bs .country-flag { background-position: 0 -1424px; } .language-flag-ceb .country-flag { background-position: 0 -1440px; } .language-flag-ny .country-flag { background-position: 0 -1456px; } .language-flag-ha .country-flag { background-position: 0 -1472px; } .language-flag-hmn .country-flag { background-position: 0 -1488px; } .language-flag-ig .country-flag { background-position: 0 -1504px; } .language-flag-jw .country-flag { background-position: 0 -1520px; } .language-flag-kk .country-flag { background-position: 0 -1536px; } .language-flag-km .country-flag { background-position: 0 -1552px; } .language-flag-lo .country-flag { background-position: 0 -1568px; } .language-flag-la .country-flag { background-position: 0 -1584px; } .language-flag-mg .country-flag { background-position: 0 -1600px; } .language-flag-ml .country-flag { background-position: 0 -1616px; } .language-flag-mi .country-flag { background-position: 0 -1632px; } .language-flag-mr .country-flag { background-position: 0 -1648px; } .language-flag-mn .country-flag { background-position: 0 -1664px; } .language-flag-my .country-flag { background-position: 0 -1680px; } .language-flag-ne .country-flag { background-position: 0 -1696px; } .language-flag-pa .country-flag { background-position: 0 -1712px; } .language-flag-st .country-flag { background-position: 0 -1728px; } .language-flag-si .country-flag { background-position: 0 -1744px; } .language-flag-so .country-flag { background-position: 0 -1760px; } .language-flag-su .country-flag { background-position: 0 -1776px; } .language-flag-tg .country-flag { background-position: 0 -1792px; } .language-flag-uz .country-flag { background-position: 0 -1808px; } .language-flag-yo .country-flag { background-position: 0 -1824px; } .language-flag-zu .country-flag { background-position: 0 -1840px; } /*------------------------------- language end ----------------------------------*/ #fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none} #fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url(/style/global/img/fancybox/fancybox.png)} #fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:11009;display:none;background:#F00} #fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none}#fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:11010;outline:0;display:none} #fancybox-outer{position:relative;width:100%;height:100%;background:#fff} #fancybox-content{width:0;height:0;padding:0;outline:0;position:relative;overflow:hidden;z-index:1102;border:0 solid #fff} #fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101} #fancybox-close{position:absolute;top:-15px;right:-30px;width:30px;height:30px;background:transparent url('/style/global/img/fancybox/fancybox.png') -40px 0;cursor:pointer;z-index:1103;display:none} #fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0} #fancybox-img{width:100%;height:100%;padding:0;margin:0;border:0;outline:0;line-height:0;vertical-align:top} #fancybox-frame{width:100%;height:100%;border:0;display:block} #fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:0;background:transparent url('/style/global/img/fancybox/blank.gif');z-index:1102;display:none} #fancybox-left{left:0} #fancybox-right{right:0}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block} #fancybox-left-ico{background-image:url('/style/global/img/fancybox/fancybox.png');background-position:-40px -30px} #fancybox-right-ico{background-image:url('/style/global/img/fancybox/fancybox.png');background-position:-40px -60px} #fancybox-left:hover,#fancybox-right:hover{visibility:visible} #fancybox-left:hover span{left:20px} #fancybox-right:hover span{left:auto;right:20px} .fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001} #fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('/style/global/img/fancybox/fancybox-x.png')} #fancybox-bg-ne{top:-20px;right:-20px;background-image:url('/style/global/img/fancybox/fancybox.png');background-position:-40px -162px} #fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('/style/global/img/fancybox/fancybox-y.png');background-position:-20px 0} #fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('/style/global/img/fancybox/fancybox.png');background-position:-40px -182px} #fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('/style/global/img/fancybox/fancybox-x.png');background-position:0 -20px} #fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('/style/global/img/fancybox/fancybox.png');background-position:-40px -142px} #fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('/style/global/img/fancybox/fancybox-y.png')} #fancybox-bg-nw{top:-20px;left:-20px;background-image:url('/style/global/img/fancybox/fancybox.png');background-position:-40px -122px} #fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102} .fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative} .fancybox-title-outside{padding-top:10px;color:#fff} .fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left} #fancybox-title-over{padding:10px;display:block} .fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px} #fancybox-title-float-wrap{border:0;border-collapse:collapse;width:auto} #fancybox-title-float-wrap td{border:0;white-space:nowrap} #fancybox-title-float-left{padding:0 0 0 15px;background:url('/style/global/img/fancybox/fancybox.png') -40px -90px no-repeat} #fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:bold;padding:0 0 3px 0;background:url('/style/global/img/fancybox/fancybox-x.png') 0 -40px}#fancybox-title-float-right{padding:0 0 0 15px;background:url('/style/global/img/fancybox/fancybox.png') -55px -90px no-repeat} .fancybox-ie6 #fancybox-close{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/global/img/fancybox/fancy_close.png',sizingMethod='scale')} .fancybox-ie6 #fancybox-left-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/global/img/fancybox/fancy_nav_left.png',sizingMethod='scale')} .fancybox-ie6 #fancybox-right-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/global/img/fancybox/fancy_nav_right.png',sizingMethod='scale')} .fancybox-ie6 #fancybox-title-over{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/global/img/fancybox/fancy_title_over.png',sizingMethod='scale');zoom:1} .fancybox-ie6 #fancybox-title-float-left{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/global/img/fancybox/fancy_title_left.png',sizingMethod='scale')} .fancybox-ie6 #fancybox-title-float-main{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/global/img/fancybox/fancy_title_main.png',sizingMethod='scale')} .fancybox-ie6 #fancybox-title-float-right{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/global/img/fancybox/fancy_title_right.png',sizingMethod='scale')} .fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight+"px")} #fancybox-loading.fancybox-ie6{position:absolute;margin-top:0;top:expression((-20+(document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px')} #fancybox-loading.fancybox-ie6 div{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/global/img/fancybox/fancy_loading.png',sizingMethod='scale')} .fancybox-ie .fancybox-bg{background:transparent!important} .fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/global/img/fancybox/fancy_shadow_n.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/global/img/fancybox/fancy_shadow_ne.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/global/img/fancybox/fancy_shadow_e.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/global/img/fancybox/fancy_shadow_se.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/global/img/fancybox/fancy_shadow_s.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/global/img/fancybox/fancy_shadow_sw.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/global/img/fancybox/fancy_shadow_w.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/global/img/fancybox/fancy_shadow_nw.png',sizingMethod='scale')} .mfp-wrap img {background:#ffffff;} .fot_Service {margin-top: 26px;} .mauticform-required span {font-size: 14px;text-align: left; } .fot_right #right_column {display:none;} .intercomspage span {color:#ee7801;} .productsbouut {width: 100% !important;margin: 0 auto;text-align: center;} /*.channelboot button {width: 20% !important;}*/ @media screen and (max-width:768px){#features .fl-col-small{float:left;clear:unset;display:inline-block;padding:0 10px;width:50%!important;min-height:0;vertical-align:top;} .page_banner,.news_detail_title,.breadcrumbW {display:none;} .page_column {padding:0;} #features[data-node="6139b1b548646"] .fl-col-small:nth-child(odd), div[data-node="6139ba9e1aef5"] .fl-col-small:nth-child(odd) { clear: both !important; } #features .fl-col-small .fl-rich-text h2{display:none;} #features .fl-col-small .fl-rich-text p{overflow:hidden;padding:5px 0;font-size:12px;line-height:18px;} #features .fl-row-content-wrap{padding-top:0!important;padding-bottom:0!important;} .fl-col-group[data-node="616166f7d11b7"] .fl-col-small,.fl-col-group[data-node="6166384582ce3"] .fl-col-small,.fl-col-group[data-node="6166878e43279"] .fl-col-small,.fl-col-group[data-node="6167f7281bea6"] .fl-col-small,.fl-col-group[data-node="61ecb6e4655ad"] .fl-col-small{clear:none;display:inline-block;width:49%!important;max-width:unset;min-height:0;vertical-align:top;} .fl-col-group[data-node="6167f7281bea6"] .fl-col-small:nth-child(1),.fl-col-group[data-node="61ecb6e4655ad"] .fl-col-small:nth-child(1){display:none;} div[data-node="626b46996cd06"] .fl-col-small,div[data-node="626b46996cfee"] .fl-col-small{float:left;clear:unset;display:inline-block;padding:0 10px;width:50%!important;min-height:0;vertical-align:top;} div[data-node="626b46996cd06"] .fl-col-small:nth-child(odd){ float: none; } .aboutdnake {height:280px;} div[data-node="626b46996cd06"] .fl-module-heading .fl-heading ,div[data-node="626b46996cfee"] .fl-module-heading .fl-heading{ font-size: 14px !important; letter-spacing: 0 !important; } div[data-node="626b46996d034"] { position: absolute; right: 0; transform: translateY(-100%); } div[data-node="626b46996d8fd"] .fl-heading-text { font-size: 24px !important; line-height: 1 !important; } div[data-node="626b46996cef2"] .fl-row-content-wrap{ padding-top: 0;} div[data-node="6135db9bdc28d"],div[data-node="6135de8831862"],div[data-node="616161ed280bc"],div[data-node="616161ed284db"],div[data-node="6284623d62b88"],div[data-node="6284623d62f00"],div[data-node="6284623d635e7"],div[data-node="62c6592dea0d4"],div[data-node="6284623d62b88"],div[data-node="62c6592dea0d4"]{display:flex !important;-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse;} .fl-row-full-height .fl-row-content-wrap{min-height:auto!important;} .fl-node-6142f6444b741 .fl-module-content .fl-icon-text,.fl-node-6142f686add08 .fl-module-content .fl-icon-text,.fl-node-6142f6981acc2 .fl-module-content .fl-icon-text{height:30px!important;} .fl-node-6142f6444b741{margin-top:10px;} .fl-node-6142f6444b741>.fl-module-content,.fl-node-6142f686add08>.fl-module-content{margin-bottom:0!important;} .fl-node-6142f2edb3d02 .fl-icon-wrap{display:table!important;text-align:left;} .fl-node-6142f2edb3d02>.fl-col-content{display:table;margin:auto!important;} .becomebo .send_btn_wrap{width:33%!important;} .entry p { line-height: 1.5; } } @media only screen and (max-width: 360px) { .aboutdnake {height:260px;} .abhouttitlednake .fl-heading-text { font-size: 12px; } } @media only screen and (max-width: 412px) { .aboutdnake {height:200px;} .abhouttitlednake .fl-heading-text { font-size: 13px; } .aboutwbys .fl-heading-text { font-size: 12px; } } .product_nav_path.page_nav_path.top8nav { top: 8px; } .danke_background_wrap { position: relative; background-position: center center; background-size: cover; background-repeat: repeat; background-attachment: fixed; } .danke_background_wrap .mobile_background { display: none; } .danke_background_wrap::before { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(22, 22, 22, 0.8); content: ""; } .danke_background_wrap .danke_banner_bar { position: relative; padding: 155px 0px; width: 100%; color: rgb(255, 255, 255); text-align: center; } .danke_banner_bar .banner_title { font-weight: 600; font-size: 45px; font-family: Poppins; } .danke_banner_bar .banner_info { margin-top: 15px; font-weight: 400; font-size: 18px; font-family: Poppins;} .certificates_title { position: relative; text-align: center; font-size: 26px; font-family: "Poppins"; margin-bottom: 35px; } .certificates_album_set { position: relative; padding: 50px 20px; } .certificates_album { position: relative; margin-bottom: 50px; width: 100%; font-size: 0px; } .certificates_album .cerphoto_album { position: relative; display: inline-block; box-sizing: border-box; padding: 20px; width: 33.33%; vertical-align: top; } .cerphoto_album img { box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 15px; transition: all 0.5s ease 0s; } .cerphoto_album .cerphoto_tit { position: relative; display: block; padding: 35px 0px; text-align: center; font-size: 14px; } .cerphoto_album img:hover { transform: scale(1.05); } .certificates_album02 .cerphoto_album { width: 25%; } .training_gallery_box { position: relative; padding: 20px; border-bottom: 1px solid rgb(230, 230, 230); } .training_certification_desc { position: relative; font-size: 14px; text-align: center; color: rgb(102, 102, 102); margin: 17px 0px; } .training_gallery { position: relative; font-size: 0px; } .training_gallery .training_item {position: relative;vertical-align: top;display: inline-block;width: 33.33%;text-align: center;padding: 25px;padding-top: 0 !important;} .training_item img { } .training_item .training_tit { font-size: 18px; text-align: center; color: rgb(102, 102, 102); display: block; font-weight: bold; margin: 17px 0px 13px; } .training_item .training_info { font-size: 14px; color: rgb(102, 102, 102); text-align: left; line-height: 26px; } .training_desc { font-weight: bold; font-size: 18px; text-align: center; position: relative; margin-top: 30px; } .training_btn { border: 2px solid rgb(221, 219, 219); font-size: 16px; line-height: 18px; padding: 12px 24px; border-radius: 25px; background: rgb(238, 119, 0); display: table; margin: 30px auto; color: rgb(252, 252, 252) !important; } @media screen and (max-width:768px){.product_nav_path.page_nav_path.top8nav{position:absolute;} .danke_background_wrap{/*padding-top:70px;*/background-image:none!important;} .certificates_album .cerphoto_album{padding:10px;} .cerphoto_album .cerphoto_tit{padding:15px 0;line-height:1.5;} .cerphoto_album img{-webkit-box-shadow:rgba(0,0,0,.4) 0 3px 10px;box-shadow:rgba(0,0,0,.4) 0 3px 10px;} .certificates_album02 .cerphoto_album{width:33.33%;} .danke_banner_bar .banner_title{font-size:34px;} .danke_banner_bar .banner_info{font-size:14px;} .danke_background_wrap .mobile_background{display:block;} .danke_background_wrap .danke_banner_bar{position:absolute;top:60%;left:0;padding:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);} .certificates_album_set,.training_gallery_box{padding:15px 0;} .top80nav {display:none;} .retrofittitle span {font-size:12px !important;} div.mobile_product_column .fl-col { width: 49% !important; display: inline-block; vertical-align: bottom; } .inquiry-form-wrap .contact_form .mauticform-textarea { min-height: 100px; } .inquiry-form-wrap .contact_form .mauticform-input, .inquiry-form-wrap .contact_form .mauticform-textarea, .mauticform-selectbox { line-height: 33px !important; } .warrantyimg img {max-width: 48% !important;} .productstitle .fl-heading-text {font-size: 29px !important;} .supportmore {margin-top: -13%;} div.solutiontitle { width: 100vw; margin-left: -15px; } } @media screen and (max-width:640px){.certificates_album .cerphoto_album,.certificates_album02 .cerphoto_album{width:50%;} .danke_banner_bar .banner_title{font-size:26px;} .danke_banner_bar .banner_info{margin-top:0;padding:0 2%;font-size:12px;} .certificates_title{margin-bottom:20px;font-size:22px;} .training_gallery .training_item{padding:15px;width:100%;} .container {padding:0;} } #mauticform_wrapper_wwwdnakeglobalcom .mauticform-row { padding: 0 35px; } ul.simple-pagination{list-style:none} .simple-pagination{display:block;overflow:hidden;padding:0 5px 5px 0;margin:0} .simple-pagination ul{list-style:none;padding:0;width:98%;text-align:center;margin:0 auto} .simple-pagination li{list-style:none;padding:0;margin:0;display:inline;cursor:pointer} span.ellipse.clickable{cursor:pointer} .filter-search-wrapper .filter-search-input-wrapper{width:100%;margin-top:50px;margin-bottom:40px} .filter-search-wrapper .filter-search-input-wrapper .filter-search-input-main{width:59.38%;max-width:778px;height:46px;margin:0 auto;background:#fff;border-radius:46px;border:0;position:relative} .filter-search-wrapper .filter-search-input-wrapper .filter-search-input-main .filter-search-input{width:100%;height:100%;border-radius:46px;padding:0 20px;border:0;outline:0;font-size:16px;color:#505050;background:#fff;border:1px solid rgba(221,221,221,1);line-height: 46px;height: 46px;} .filter-search-wrapper .filter-search-input-wrapper .filter-search-input-main .filter-search-input::-webkit-input-placeholder{color:#999} .filter-search-wrapper .filter-search-input-wrapper .filter-search-input-main .filter-search-input:-moz-placeholder{color:#999} .filter-search-wrapper .filter-search-input-wrapper .filter-search-input-main .filter-search-input::-moz-placeholder{color:#999} .filter-search-wrapper .filter-search-input-wrapper .filter-search-input-main .filter-search-input:-ms-input-placeholder{color:#999} .filter-search-wrapper .filter-search-input-wrapper .filter-search-input-main .btn-search{outline:0;width:22px;height:22px;background-color:#fff;border:0;position:absolute;top:12px;right:20px;background-position:center;background-image:url('img/icon-filter-search.png');background-repeat:no-repeat;cursor:pointer;background-size:20px;border-radius:23px} .filter-search-wrapper .filter-search-input-wrapper .filter-search-input-main .remove-border{background:#FFF;box-shadow:0 0 10px 0 rgba(0,0,0,0.09)} .filter-search-wrapper .filter-search-container{width:100%;display:flex;justify-content:space-between} .filter-search-wrapper .filter-search-container .filter-search-container-left{width:28.62%;max-width:307px;padding:0 60px 17px 0} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-left-option.fixed{position:fixed;width:38.62%;max-width:247px} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-mobile-btn{display:none} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-left-reset{width:100%;font-size:18px;color:#505050;letter-spacing:0;padding:13px 0;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-left-reset .btn-reset{background-color:#fff;border:1px solid #505050;border-radius:12px;font-size:14px;color:#505050;letter-spacing:0;padding:0 16px;height:24px;outline:0} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card{padding:16px 0;border-bottom:1px solid #eaeaea} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card:nth-of-type(1){padding-top:0} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-left-option{ position: sticky; top: 100px;} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-heard{width:100%;position:relative;cursor:pointer;font-size:16px;color:#505050;letter-spacing:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-heard.active{color:#d7150e} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-heard:hover{color:#d7150e} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-heard .card-heard-img{position:absolute;right:0;border-left:6px solid transparent;border-right:6px solid transparent;width:0;height:0;top:35%;transition:all .3s} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-heard .img-bottom{border-top:0 solid transparent;border-bottom:7px solid #999;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-heard .img-top{border-bottom:0 solid transparent;border-top:7px solid #999;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-content-ul{width:100%;display:flex;flex-direction:column;padding:20px 0 0 0;margin:0} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-content-ul .card-content-li{list-style:none;width:100%;font-size:14px;color:#757575;letter-spacing:0;display:flex;justify-content:space-between;align-items:baseline} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-content-ul .card-content-li .card-content-li-input{margin-right:10px;cursor:pointer;position:relative;display:none} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-content-ul .card-content-li .card-content-li-unchecked{display:block;margin-right:10px} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-content-ul .card-content-li .card-content-li-checked{display:none;margin-right:10px} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-content-ul .card-content-li>input[type="radio"]:checked::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #d7150e;border-radius:50%} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-content-ul .card-content-li>input[type="radio"]:checked::after{content:"";position:absolute;top:23%;left:23%;width:56%;height:56%;border-radius:50%;background-color:#d7150e} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-content-ul .card-content-li .card-content-li-label{line-height:28px;flex:1;cursor:pointer;font-size:14px;color:#757575;letter-spacing:0} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-ul-hide{display:none} .filter-search-wrapper .filter-search-container .filter-search-container-right{width:100%;padding:0 0 50px 0;box-sizing:border-box} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-about.filter-search-about-pc{padding:13px 0 font-size:14px;letter-spacing:0;line-height:20px;display:flex;justify-content:space-between;align-items:center} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-about .filter-search-mobile{display:none} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-about .filter-search-mobile>img{display:inline-block;width:30px;height:30px;margin-right:10px} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-about .filter-search-mobile>span{font-size:14px;color:#666} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-about .filter-search-content>span{color:#666;font-size:14px} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-about .filter-search-content>i{color:#666;font-size:14px;font-style:normal} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-about .filter-search-content>b{color:#666;font-size:14px;font-style:normal;font-weight:normal} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-none{text-align:center;display:none} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-none .filter-search-none-wrap{max-width:78%} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-none .filter-search-none-image{width:332px;margin:0 auto} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-none .filter-search-none-image img{width:100%;height:100%} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-none .filter-search-none-text p{font-size:16px;color:#333;text-align:center;font-weight:900;margin-bottom:16px;font-family:OpenSansBold} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-none .filter-search-none-text p:not(:nth-of-type(1)){color:#666;font-family:OpenSans;font-weight:normal;font-size:16px} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-none .filter-search-none-text p b{font-size:20px} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-none>span{font-size:16px;color:#666;text-align:center} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-loading{text-align:center;padding:100px 0;display:none} .filter-search-wrapper .filter-search-container .filter-search-container-right .holder{padding:20px 0;text-align:center;position:relative} .filter-search-wrapper .filter-search-container .filter-search-container-right .holder a:hover{background-color:#2b2b2b !important;color:#fff !important} .filter-search-wrapper .filter-search-container .filter-search-container-right .holder a.jp-previous,.filter-search-wrapper .filter-search-container .filter-search-container-right .holder a.jp-next{padding-top:.0625rem;padding-bottom:.0625rem;padding-left:1.3125rem;padding-right:1.3125rem;border:1px solid #505050;border-radius:2.5rem;color:#505050;font-size:.75rem;text-transform:uppercase} .filter-search-wrapper .filter-search-container .filter-search-container-right .holder a.jp-current,.filter-search-wrapper .filter-search-container .filter-search-container-right .holder a.jp-current:hover{font-weight:bold;color:#000} .filter-search-wrapper .filter-search-container .filter-search-container-right .holder a.jp-next:hover,.filter-search-wrapper .filter-search-container .filter-search-container-right .holder a.jp-next:active{border:1px solid #000;background-color:#fff} .filter-search-wrapper .filter-search-container .filter-search-container-right .holder a.jp-previous{float:left} .filter-search-wrapper .filter-search-container .filter-search-container-right .holder a.jp-next{float:right} .filter-search-wrapper .filter-search-container .filter-search-container-right .holder a.jp-previous:hover,.filter-search-wrapper .filter-search-container .filter-search-container-right .holder a.jp-previous:active{border:1px solid #000;background-color:#fff} .filter-search-wrapper .filter-search-container .filter-search-container-right .holder a.jp-disabled{border:0;color:transparent;display:none} .filter-search-wrapper .filter-search-container .filter-search-container-right .holder a{text-decoration:none;font-size:.75rem;color:#737373} .ui-menu.ui-widget.ui-widget-content.ui-autocomplete{padding:0;list-style-type:none;z-index:100002;background:#fff;box-shadow:0 10px 16px 0 rgba(0,0,0,0.12);border-radius:0 0 23px 23px;border-top:0;padding-bottom:1.25rem;border-bottom-left-radius:2.5rem;border-bottom-right-radius:2.5rem;width:80%;position:absolute !important;top:-10px;overflow:hidden} .ui-menu.ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item{padding:10px 0;margin:0;cursor:pointer;transition:all .25s ease-in-out} .ui-menu.ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item:hover{background-color:#f2f2f2} .ui-menu.ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper{padding:0 20px;font-size:16px;color:#202020;letter-spacing:0;line-height:22px} .ui-helper-hidden-accessible{display:none} .filter-search-wrapper .filter-search-none-suggestion .suggestion-list{margin-top:15px} .filter-search-wrapper .item-num-for-page{min-width:80px} .filter-search-wrapper .item-num-for-page .dropdown{background-color:transparent;height:32px} .filter-search-wrapper .item-num-for-page .dropdown-toggle{border:1px solid #ddd;border-radius:4px;background-color:transparent;font-size:0;height:auto;padding:5px 30px 5px 8px;margin-left:20px;position:relative} .filter-search-wrapper .item-num-for-page .dropdown-toggle:focus,.filter-search-wrapper .item-num-for-page .dropdown-toggle:active{outline:none !important;box-shadow:none} .filter-search-wrapper .item-num-for-page .dropdown-toggle::after{border:0;border-top:1px solid #333;border-right:1px solid #333;position:absolute;height:7px;right:14px;top:12px;width:7px;transform:rotate(135deg)} .filter-search-wrapper .item-num-for-page .dropdown-toggle .filter-option .filter-option-inner-inner{color:#333;font-size:14px;line-height:20px;font-weight:400} .filter-search-wrapper .item-num-for-page .dropdown div.dropdown-menu{background-color:rgba(255,255,255,0.65);box-shadow:0 5px 8px 0 rgba(0,0,0,0.18);border-color:#ddd;border-top:0;border-radius:0 0 5px 5px;padding:0;margin-top:-1px} .filter-search-wrapper .item-num-for-page .dropdown div.dropdown-menu[x-placement*="top-start"]{border-radius:5px 5px 0 0;box-shadow:0 -5px 8px 0 rgba(0,0,0,0.18);border-top:1px solid #ddd;border-bottom:0;margin-top:1px;margin-bottom:0} .filter-search-wrapper .item-num-for-page .dropdown div.dropdown-menu .dropdown-item{color:#333;font-size:14px;line-height:24px;padding:2px 8px;white-space:normal} .filter-search-wrapper .item-num-for-page .dropdown div.dropdown-menu .dropdown-item.active{background-color:rgba(254,246,246,0.65);color:#333} .filter-search-wrapper .item-num-for-page .dropdown div.dropdown-menu .dropdown-item:not(.active):hover{background-color:rgba(243,245,247,0.65);color:#333} .filter-search-wrapper .item-num-for-page .dropdown.show .dropdown-toggle{background-color:rgba(255,255,255,0.65);border-radius:0;box-shadow:0 0 8px 0 rgba(0,0,0,0.18)} .filter-search-wrapper .item-num-for-page .dropdown.show .dropdown-toggle::after{top:15px;transform:rotate(-45deg)} .filter-search-wrapper .simple-pagination ul{width:auto} .filter-search-wrapper #layout-pagination-wrapper{padding:0} .filter-search-wrapper .pagination-section{justify-content:center;flex-wrap:wrap;display:none;margin-bottom:0;margin-top:30px;transform:translateX(-60px)} .filter-search-wrapper #layout-pagination-wrapper span{padding:0 15px;color:#333;font-size:14px !important} .filter-search-wrapper #layout-pagination-wrapper span:hover{color:#d7150e} .filter-search-wrapper #layout-pagination-wrapper .current{color:#d7150e} .filter-search-wrapper #layout-pagination-wrapper .prev,.filter-search-wrapper #layout-pagination-wrapper .next{border-radius:4px !important;display:inline-block;border:1px solid #ddd;font-size:18px !important;line-height:28px !important;height:31px;text-align:center;width:31px;float:none !important;font-weight:400 !important;padding:0 !important} .filter-search-wrapper #layout-pagination-wrapper .prev{margin-right:8px} .filter-search-wrapper #layout-pagination-wrapper .next{margin-left:8px} .filter-search-wrapper #layout-pagination-wrapper li:not(.disabled) .next:hover,.filter-search-wrapper #layout-pagination-wrapper li:not(.disabled) .prev:hover{background-color:transparent;color:#d7150e !important} .filter-search-wrapper .item-num-for-page .dropdown-toggle::after{border:0;border-top:1px solid #333;border-right:1px solid #333;position:absolute;height:7px;right:14px;top:12px;width:7px;transform:rotate(135deg)} .filter-search-wrapper .item-num-for-page .dropdown-toggle .filter-option .filter-option-inner-inner{color:#333;font-size:14px;line-height:20px;font-weight:400} .filter-search-wrapper .item-num-for-page .dropdown div.dropdown-menu{background-color:rgba(255,255,255,0.65);box-shadow:0 5px 8px 0 rgba(0,0,0,0.18);border-color:#ddd;border-top:0;border-radius:0 0 5px 5px;padding:0;margin-top:-1px} .filter-search-wrapper .item-num-for-page .dropdown div.dropdown-menu[x-placement*="top-start"]{border-radius:5px 5px 0 0;box-shadow:0 -5px 8px 0 rgba(0,0,0,0.18);border-top:1px solid #ddd;border-bottom:0;margin-top:1px;margin-bottom:0} .filter-search-wrapper .item-num-for-page .dropdown div.dropdown-menu .dropdown-item{color:#333;font-size:14px;line-height:24px;padding:2px 8px;white-space:normal} .filter-search-wrapper .item-num-for-page .dropdown div.dropdown-menu .dropdown-item.active{background-color:rgba(254,246,246,0.65);color:#333} .filter-search-wrapper .item-num-for-page .dropdown div.dropdown-menu .dropdown-item:not(.active):hover{background-color:rgba(243,245,247,0.65);color:#333} .filter-search-wrapper .item-num-for-page .dropdown.show .dropdown-toggle{background-color:rgba(255,255,255,0.65);border-radius:0;box-shadow:0 0 8px 0 rgba(0,0,0,0.18)} .filter-search-wrapper .item-num-for-page .dropdown.show .dropdown-toggle::after{top:15px;transform:rotate(-45deg)} .filter-search-wrapper .item-num-for-page{min-width:80px} .filter-search-about.filter-search-mobile-about{display:none} @media only screen and (max-width:992px){.new-filter-search{margin-bottom:10px} .filter-search-about.filter-search-mobile-about{display:block} .filter-search-wrapper .pagination-section{display:none !important} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-about.filter-search-pc-about{display:none} .filter-search-wrapper .filter-search-input-wrapper{padding:10px 0 0;margin-top:10px;margin-bottom:0} .filter-search-wrapper .filter-tab .filter-regions .filter-hideRegionFilters-li-btn{display:inline-block;position:relative;margin:5px 0 5px 15px;cursor:pointer;text-align:center;color:#333} .filter-search-wrapper .filter-search-container .filter-search-container-right{width:100%;padding:0} .filter-search-wrapper .filter-tab .filter-regions .filter-hideRegionFilters-li-btn span{font-size:14px;line-height:24px;display:block;padding:0 10px;position:relative} .filter-search-wrapper .filter-tab .filter-regions::after{position:absolute;width:30px;height:20px;content:"";right:-21px;top:20px;filter:blur(5px);background:#fff} .filter-search-wrapperr .filter-tab .filter-regions .filter-hideRegionFilters-li-btn:hover span{color:#fff;background-color:#d7150e;border-radius:12px} .filter-search-wrapper .filter-tab .filter-regions .filter-hideRegionFilters-li-btn-active span{color:#fff;background-color:#d7150e;border-radius:12px} .filter-search-wrapper .filter-tab>span{display:none} .filter-search-wrapper .filter-tab .filter-regions::-webkit-scrollbar{display:none} .filter-search-wrapper .filter-tab .filter-regions.line-active{display:flex;padding:0} .filter-search-wrapper .filter-tab .filter-regions.line-active .space-for-line{flex:1} .filter-search-wrapper .filter-tab .filter-regions.line-active .filter-region-item{cursor:pointer} .filter-search-wrapper .filter-tab .filter-regions .filter-region-item{color:#333;display:inline-block;font-size:14px;position:relative;padding:4px 6px 10px 0} .filter-search-wrapper .filter-tab .filter-regions .filter-region-item.has-active-filter{font-weight:600} .filter-search-wrapper .filter-tab .filter-regions .filter-region-item.active.mobile-open{font-weight:600} .filter-search-wrapper .filter-tab .filter-regions .filter-region-item.active.mobile-open::before{content:'';height:10px;width:10px;position:absolute;left:calc(50% - 4px);top:calc(100% - 4px);border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background-color:#fff;transform:rotate(135deg)} .filter-search-wrapper .filter-tab .filter-regions .filter-region-item::after{top:calc(50% - 5px);right:0} .filter-search-wrapper .filter-tab .filter-regions .filter-region-item.active::after{top:calc(50% - 1px);right:0} .filter-search-wrapper .filter-tab{display:flex;flex:1 0 auto;margin-bottom:-1px;padding:0;width:100%;white-space:nowrap} .filter-search-wrapper .filter-tab>span{color:#333;display:block;font-size:14px;line-height:31px;margin-right:25px;padding-left:26px;padding-bottom:5px;position:relative} .filter-search-wrapper .filter-tab>span::before{content:'';/*background-image:url('../../../etc/clientlibs/it/resources/icons/icon-filter-white.svg');*/background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;left:0;top:10%;height:18px;width:18px} .filter-search-wrapper .filter-tab .filter-regions{overflow-x:scroll;font-size:0;overflow-x:scroll;-ms-overflow-style:none;overflow:-moz-scrollbars-none;border-bottom:1px solid #dcdcdc} .filter-search-wrapper .filter-tab .filter-regions.line-active .space-for-line{display:none} .filter-search-wrapper .filter-tab .filter-regions.line-active .filter-region-item:not(:nth-of-type(1)){margin-left:20px} .filter-search-wrapper .filter-tab .filter-regions.line-active .filter-region-item:nth-last-of-type(1){margin-right:0} .filter-search-wrapper .filter-tab .filter-regions .filter-region-item.active{border-bottom:2px solid #d7150e} .filter-search-wrapper .filter-tab .filter-regions .filter-region-item.active::before{display:none} .filter-search-wrapper .filter-tab .filter-regions .filter-region-item.has-active-filter{font-weight:400} .filter-search-wrapper .filter-tab .filter-regions .filter-region-item.active.mobile-open{font-weight:400} .filter-search-wrapper .filter-tab .filter-regions .filter-region-item.active.mobile-open::before{display:none} .filter-search-wrapper .filter-search-input-wrapper .filter-search-input-main .remove-border{border-radius:23px 23px 23px 23px} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-none .filter-search-none-wrap{max-width:100%} .filter-search-wrapper .filter-search-input-wrapper .filter-search-input-main .btn-search{top:10px} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-none .filter-search-none-image{width:300px} } @media only screen and (max-width:767.98px){.filter-search-wrapper .filter-search-input-wrapper .filter-search-input-main{width:100%;height:40px} .filter-search-wrapper .filter-search-container{position:relative} .filter-search-wrapper .filter-search-container .filter-search-container-left{display:none;width:100%;height:382px;position:absolute;top:60px;padding:0;z-index:20} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-left-option{width:100%;height:100%;overflow-y:scroll} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-left-reset{display:none} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-mobile-btn{width:100%;height:44px;display:flex;justify-content:space-between} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-mobile-btn .mobile-btn-left{display:inline-block;width:50%;height:100%;line-height:44px;font-size:15px;color:#333;text-align:center;background-color:#fff} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-mobile-btn .mobile-btn-right{display:inline-block;width:50%;height:100%;line-height:44px;font-size:15px;color:#fff;text-align:center;background:#d7150e} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card{padding:17px 20px} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-heard{opacity:.9;font-size:14px;color:#333} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-heard:hover{color:#333} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-content-ul{padding:10px 15px 10px 15px;margin-top:10px;background:#f5f5f5} .filter-search-wrapper .filter-search-container .filter-search-container-left .filter-search-card .card-content-ul .card-content-li{position:relative;padding-right:14px} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-about{padding:13px 0 0 0;font-size:14px;letter-spacing:0;line-height:20px} .filter-search-wrapper .filter-search-container .filter-search-container-right .filter-search-about .filter-search-mobile{display:block} .filter-search-wrapper .filter-search-container .filter-search-right-mask::after{content:'';position:absolute;top:60px;left:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,0.4)} } .filter-search-wrapper{min-height:550px} .filter-search-wrapper .filter-search-result{flex-direction:column;position:relative;height:auto;list-style-type:none;border-radius:.25rem;padding:0;width:100%} .filter-search-wrapper .filter-search-result .search-result-item-wrapper{position:relative;padding:0;border-bottom:1px solid #f2f2f2;list-style-type:none;display:flex;flex-direction:row;flex-wrap:wrap;width:100%} .filter-search-wrapper .filter-search-result .search-result-item-wrapper .search-result-item-image{margin:.625rem 25px .625rem 0;background-position:center;background-repeat:no-repeat;background-size:cover;width:160px;height:106px} .filter-search-wrapper .filter-search-result .search-result-item-wrapper .search-result-item-content{display:flex;flex-direction:column;flex:8} .filter-search-wrapper .filter-search-result .search-result-item-wrapper .search-result-item-content strong{color:#d7000f;word-break:break-word} .filter-search-wrapper .filter-search-result .search-result-item-wrapper .search-result-item-content .search-result-item-title{color:#505050;text-decoration:none;animation-duration:100ms;cursor:pointer;font-weight:600;overflow:hidden;display:-webkit-box;word-break:break-word;text-overflow:ellipsis;/*! autoprefixer: off */-webkit-box-orient:vertical;/*! autoprefixer: on */-webkit-line-clamp:2;max-height:54px;margin-top:20px} @media(max-width:991px){.filter-search-wrapper .filter-search-result .search-result-item-wrapper .search-result-item-content .search-result-item-title{margin-top:16px} } .filter-search-wrapper .filter-search-result .search-result-item-wrapper .search-result-item-content .search-result-item-title a{color:#333;font-size:16px;text-decoration:none;animation-duration:100ms;word-break:break-word;cursor:pointer} .filter-search-wrapper .filter-search-result .search-result-item-wrapper .search-result-item-content .search-result-item-title a:hover{text-decoration:underline} @media(max-width:991px){.filter-search-wrapper .filter-search-result .search-result-item-wrapper .search-result-item-content .search-result-item-title a{font-size:15px} } .filter-search-wrapper .filter-search-result .search-result-item-wrapper .search-result-item-content .search-result-item-desc{font-size:14px;color:#666;margin-top:16px;margin-bottom:12px;overflow:hidden;display:-webkit-box;word-break:break-word;text-overflow:ellipsis;/*! autoprefixer: off */-webkit-box-orient:vertical;/*! autoprefixer: on */-webkit-line-clamp:2;max-height:52px} @media(max-width:991px){.filter-search-wrapper .filter-search-result .search-result-item-wrapper .search-result-item-content .search-result-item-desc{margin-top:10px;margin-bottom:16px} } .filter-search-wrapper .filter-search-result .search-result-item-wrapper .search-result-item-content .search-result-item-nav-wrapper{margin-bottom:20px} .filter-search-wrapper .filter-search-result .search-result-item-wrapper .search-result-item-content .search-result-item-nav-wrapper .search-result-item-nav-link{font-size:14px;color:#999;width:auto;text-overflow:ellipsis;position:relative;text-decoration:none;background-color:transparent;text-transform:capitalize} .filter-search-wrapper .filter-search-result .search-result-item-wrapper .search-result-item-content .search-result-item-nav-wrapper .search-result-item-nav-link:hover{color:#333;text-decoration:none} .filter-search-wrapper .filter-search-result .search-result-item-wrapper .search-result-item-content .search-result-item-nav-wrapper .search-result-item-nav-icon{margin:0 5px;display:inline-block;vertical-align:middle;cursor:pointer;position:relative;height:10px;width:6px;top:-6px;color:#999;font-size:14px;left:-3px} .filter-search-wrapper .filter-search-result .search-result-item-wrapper .search-result-item-content .search-result-item-score{text-align:right;color:#9b9b9b} .filter-search-wrapper .fess_search_pagination_wrap{display:flex} .filter-search-wrapper .fess_search_pagination_wrap .search-result-pagination{position:relative;height:auto;padding:2rem;list-style-type:none;background-color:#fff;border-radius:.25rem;display:flex;flex-direction:row} .filter-search-wrapper .fess_search_pagination_wrap .fess_search_paggeSizes{display:flex;margin-top:30px} .filter-search-wrapper .fess_search_pagination_wrap .fess_search_paggeSizes div.page_label{width:96px;height:32px;border:1px solid #ddd;border-radius:4.56px;text-align:center;font-size:14px;position:relative;line-height:32px;left:-20px} .filter-search-wrapper .fess_search_pagination_wrap .fess_search_paggeSizes div.page_label span.arrow{transform:rotate(90deg)} .filter-search-wrapper .fess_search_pagination_wrap .fess_search_paggeSizes ul li{list-style-type:none} .filter-search-wrapper .pagination-section-mobile{display:none} .filter-search-wrapper .filter-search-none-suggestion{display:flex;flex-direction:column;text-align:left;margin-top:50px;padding-top:20px;border-top:1px solid #eaeaea} @media(max-width:991px){.filter-search-wrapper .filter-search-none-suggestion{margin-top:30px} } .filter-search-wrapper .filter-search-none-suggestion a{font-size:14px;color:#094f9c;margin-top:12px} .filter-search-wrapper .filter-search-none-suggestion .suggestion-title{font-size:20px;font-weight:600;font-family:"OpenSansBold","Microsoft YaHei","Helvetica Neue","PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","sans-serif"} .filter-search-wrapper .filter-search-none-suggestion .suggestion-list{display:flex;flex-direction:row;margin-top:15px} .filter-search-wrapper .filter-search-none-suggestion .suggestion-list .suggestion-column{font-size:14px;color:#999;display:flex;flex:1;flex-direction:column} .filter-search-wrapper .filter-search-none-suggestion .suggestion-list .suggestion-column:not(:nth-last-of-type(1)){margin-right:40px} .filter-search-wrapper .filter-search-none-suggestion .suggestion-list .suggestion-column a.suggestion-item{font-weight:600} @media(max-width:991px){.filter-search-wrapper .filter-search-none-suggestion .suggestion-list .suggestion-column{margin-right:0} } .filter-search-wrapper .filter-search-none-suggestion .suggestion-list .suggestion-column .suggestion-item{font-size:14px;color:#999;margin-bottom:4px;cursor:pointer;display:block} @media(max-width:991px){.filter-search-wrapper .filter-search-none-suggestion .suggestion-list .suggestion-column .suggestion-item{margin-bottom:0} } .filter-search-wrapper .filter-search-none-suggestion .suggestion-list .suggestion-column .suggestion-item:hover{text-decoration:underline} .filter-search-wrapper .filter-search-none-suggestion .suggestion-list .suggestion-column .suggestion-item-sub{display:block;word-break:break-word} .filter-search-wrapper .filter-search-none-suggestion .suggestion-list .suggestion-column .suggestion-item-sub:nth-of-type(n+5){display:none} .filter-search-wrapper .filter-search-input-wrapper ul.input-suggest-wrapper{display:none;width:100%;top:56px;list-style-type:none;z-index:100002;background:#fff;box-shadow:0 10px 16px 0 rgba(0,0,0,0.12);padding:0 0 1.25rem;position:absolute !important;overflow:hidden} .filter-search-wrapper .filter-search-input-wrapper ul.input-suggest-wrapper li{padding:8px 20px;margin:0;cursor:pointer;border:0;box-sizing:border-box;transition:all .25s ease-in-out} .filter-search-wrapper .filter-search-input-wrapper ul.input-suggest-wrapper .input-suggest-li-category{border:0;font-size:12px;color:#9b9b9b;padding:0 20px;margin-bottom:8px;margin-top:20px} .filter-search-wrapper .filter-search-input-wrapper ul.input-suggest-wrapper .input-suggest-li-category:not(:nth-of-type(1)){margin-top:12px} .filter-search-wrapper .filter-search-input-wrapper ul.input-suggest-wrapper .input-suggest-li-subCategory{border:0;font-size:16px} @media(max-width:991px){.filter-search-wrapper .filter-search-input-wrapper ul.input-suggest-wrapper .input-suggest-li-subCategory{font-size:14px} } .filter-search-wrapper .filter-search-input-wrapper ul.input-suggest-wrapper .input-suggest-li-subCategory:hover{background-color:#f2f2f2} @media(max-width:991px){.filter-search-wrapper .filter-search-none-suggestion .suggestion-list{margin-top:0;display:block} .filter-search-wrapper .filter-search-none-suggestion .suggestion-list .suggestion-column{margin-top:20px} .filter-search-wrapper .filter-search-none-suggestion .suggestion-list .suggestion-column:nth-of-type(1){margin-top:16px} .filter-search-wrapper .filter-search-none-suggestion .suggestion-list .suggestion-column a.suggestion-item{margin-top:0} .filter-search-wrapper .search-result-pagination{display:none} .filter-search-wrapper .search-result-item-title{max-width:335px !important;max-height:58px !important} .filter-search-wrapper .search-result-item-desc{max-height:76px !important;-webkit-line-clamp:3 !important} .filter-search-wrapper .pagination-section-mobile{width:118px;height:32px;border:1px solid #ddd;border-radius:76.92px;margin:0 auto;text-align:center;font-family:"OpenSansSemiBold","Microsoft YaHei","Helvetica Neue","PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;font-size:14px;color:#333;margin-top:15px;line-height:32px;margin-bottom:5px} .filter-search-wrapper .search-result-item-nav-wrapper{display:none !important} .filter-search-wrapper .filter-search-mobile-about .filter-search-content{margin-top:15px} .filter-search-wrapper .filter-search-input-wrapper ul.input-suggest-wrapper{top:48px} } .table_tags { display: none !important; } .tab-title-bar .tab-title:nth-child(2):after{ background: transparent; } @media only screen and (max-width: 1540px){ .mainmenu > nav > ul > li { padding-right: 30px; } } @media only screen and (max-width: 1520px){ .mainmenu > nav > ul > li { padding-right: 30px; } } @media only screen and (max-width: 1340px){ .mainmenu > nav > ul > li { padding-right: 20px; } .mainmenu > nav > ul > li > a{font-size: 16px;} } @media only screen and (max-width: 1280px){ .mainmenu > nav > ul > li { padding-right: 20px; } .mainmenu > nav > ul > li > a{font-size: 16px;} } /*exhibitions*/ .exhibitions-list li { list-style: none; padding: 50px; border-bottom: 1px solid #d9d8d8; } .exhibitions-list li .main_title{ font-size: 30px; margin-bottom: 30px; color: #333; } .exhibitions-list li .content{overflow: hidden;} .exhibitions-list li .content .item { width: 33.33%; float: left; } .exhibitions-list li .content .item_img{ max-width: 270px; margin-right: calc(33.33% - 270px); } .exhibitions-list li .content .item p{ font-size: 18px; } @media only screen and (max-width: 800px){ .exhibitions-list li .content .item{width:100%;} } .training_gallery1 .training_item1{width:25%!important;}