/*Reset Stylesheet*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;color:#666}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-spacing:0;direction:rtl}
hr{display:block;height:1px;border:0;border-top:1px solid #e0e0e2;margin:1em 0;padding:0}
input,select{vertical-align:middle}
a{text-decoration:none;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;color:#666;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
a:hover{color:#05AECC}
*,:before,:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
ul, ol, li,ul li{border-width: 0;list-style: outside none none;margin: 0;padding: 0}
h1,h2,h3,h4,h5{font-weight:normal;font-style:normal}
/*General Stylesheet*/
@font-face {
    font-family:'Font';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/iranyekanwebregular.eot');
    src: url('../fonts/iranyekanwebregular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/iranyekanwebregular.woff2') format('woff2'),
    url('../fonts/iranyekanwebregular.ttf') format('truetype');
}


@font-face {
    font-family:'FontEn';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/supremelltt-boldflat-webfont.woff2') format('woff2');
}


body{font-family:'Font';font-size:13px;text-align:right;overflow-x:hidden}
.left{float:left !important}
.right{float:right !important}
.ltr{direction:ltr;text-align:left !important}
.rtl{direction:rtl;text-align:right !important}
.pnt{cursor:pointer}
.pnto{cursor:auto}
.padding0{padding:0 !important}
.shadow{box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.1)}
.shadow-box{box-shadow: 0 1px 1px rgb(0 0 0 / 14%), 0 4px 8px rgb(0 0 0 / 30%)}
.defult{width:100%;padding:10px;background:#FFF}
input:focus,textarea:focus{outline:0}
textarea{resize:none}
.clear{padding:0 !important;margin:0 !important;top:0 !important;right:0 !important;left:0 !important;bottom:0 !important}
.leftT{text-align:left !important}
.rightT{text-align:right !important}
.inputStyle{border:1px solid #e0e0e2;border-radius:4px;font-family:Font;font-size:12px;line-height:40px;height:40px;width:100%;padding:5px 5px;background-color:#fff}
.inputStyle:focus{border:1px solid #a1a7aa}
select.inputStyle{height:31px}
.inputStyleR{border-color:#EF4056 !important}
.textarea{border:1px solid #e0e0e2;border-radius:4px;font-family:Font;font-size:12px;width:100%;padding:5px 5px}
.poRel{position:relative}
.poAbs{position:absolute}
.errorInput{border:1px solid red !important}
.massage{width:100%;float:right;color:#bb011c !important;min-height:24px;font-size:12px;line-height:24px;font-weight:400;margin-bottom:10px}
#error{width:100%;float:right;min-height:24px;font-size:12px;line-height:24px;font-weight:400;margin-bottom:10px}
#error div{color:#EA1818}
.icon{background:rgba(0, 0, 0, 0) url("../images/icn.png") no-repeat scroll 0 0;display:block;height:400px;width:400px}
.i-logoHome{background-position:-189px -2px;width:76px;height:64px}
.i-lang{background-position:-81px -4px;width:21px;height:21px}
.i-search{background-position:-83px -33px;width:17px;height:17px}
.i-star{background-position:-108px -3px;width:18px;height:16px}
.i-starR{background-position:-85px -56px;width:8px;height:8px}
.i-close{background-position:-170px -6px;width:14px;height:14px}
.i-closeR{background-position:-170px -28px;width:14px;height:14px}
.i-searchF{background-position:-145px -33px;width:17px;height:17px}
.hidden,.massage{display:none}
.back-green{background-color:#6BB927}
.font-white{color:#fff !important}
.span30{width:30% !important}
.cent{text-align:center !important;margin:auto !important}
.mt20{margin-top:20px !important}
.mb0{margin-bottom:0px !important}

.border-radius8{border-radius:8px !important}
.bgWhiteBox{position:fixed;width:100%;height:100%;z-index:110;top:0;right:0;display:none}
.bgBlackBox{position:fixed;background:#000;width:100%;height:100%;z-index:110;top:0;right:0;opacity:.3;display:none}
.modal{display:none;position:fixed;z-index:12;width:40%;height:auto;direction:rtl;margin:auto;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)/*;transition:all 2.5s ease*/}
.modal .modal-content{position:relative;background-color:#fff;margin:auto;padding:0;display:inline-block;width:100%;border-radius:0 0 10px 10px}
.modal .modal-header{padding:12px 20px;width:100%;float:right;position:absolute;top:-54px;right:0;background-color:#fff;border-radius:10px 10px 0 0}
.modal .modal-header .title{font-size:16px;color:#000;margin-top:5px}
.modal .modal-header i{background-position:-340px -3px;height:16px;margin:6px 0 8px -4px;width:16px;float:left;cursor:pointer}
.modal .modal-header i:hover,.modal .modal-header span:hover i{background-position:-340px -19px}
.modal .modal-header h5{color:#949494}
.modal .modal-body{text-align:justify;overflow-y:auto;width:100%;float:right;border-top:1px solid #ccc/*;height:50vh*/;background-color:#fff;position:relative;border-radius:0 0 10px 10px}
.modal .modal-bottom{width:100%;float:right;border-top:1px solid #ccc;padding:10px;position:absolute;bottom:-56px;background-color:#fff;border-radius:0 0 10px 10px}


.loading{display:none;position:fixed;z-index:10;right:0;height:auto;overflow:auto;direction:rtl;margin:auto;border-radius:10px;top:50%;left:0;transform: translate(0, -50%)}
.loading-body{text-align:center;display:inline-block;width:100%;overflow-y:auto;padding:0}
.loadingP{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);background:url("../images/ajax-loader.gif");height:32px;width:32px;display:none}


.posi{position: relative;width: 100%;margin-top: 10px;float: right}
.form-group{margin-bottom:1rem}
.posi label{position: absolute;top: -13px;right: 15px;z-index: 2;color: #797979 !important;padding: 0 10px;background-color: #fff;width: auto;height: 20px;line-height: 22px;font-weight:normal !important}
label:not(.form-check-label):not(.custom-file-label){font-weight: 700}
.form-control{display: block;width: 100%;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;box-shadow: inset 0 0 0 transparent;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}
.btn{padding:11px 20px;text-align:center;font-weight:bold;border-radius:8px;cursor:pointer;font-family:FONT;border:none}
.mt80{margin-top:60px !important}
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.row{width:100%;float:right}
.center{width:90%;margin:0 5%}
.sticky{position:sticky}
.font-site{color:#33bbcb !important}
.bg-site{background-color:#33bbcb !important}
.bg-g{background-color:#f5f5f5 !important}
.col-3{flex: 0 0 50%;max-width:23%;margin:0 1%}
.col-4{flex: 0 0 50%;max-width:31.3%;margin:0 1%}
.col-6{flex: 0 0 50%;max-width:48%;margin:0 1%}
.col-9{flex: 0 0 50%;max-width:73%;margin:0 1%}
.col-12{flex: 0 0 50%;max-width:98%;margin:0 1%}








#header{width:100%;height:60px;z-index:109;background-color:#fff;border-bottom:1px solid #ccc;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}


#navMenu{float:right;background:url("../images/menu.png");height:50px;width:50px;cursor:pointer}
ul#menu *{white-space:nowrap} 
ul#menu{background-color:#fff;height:100vh;overflow-y:scroll;overflow-x:hidden;z-index:112;position:fixed;top:0;width:320px;right:0;-webkit-transform:translateX(400px);transform:translateX(400px);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}
ul#menu>li{float:right;padding:10px;width:100%;border-bottom:1px solid #ccc}
ul#menu>li>a,ul#menu>li>div{float:right;color:#000;padding:5px;border-top:4px solid transparent;cursor:pointer;width:100%;cursor:pointer;font-size:20px}
ul#menu>li ul{float:right;width:100%;padding:10px 20px 10px 0;display:none}
ul#menu.open{-webkit-transform:translateX(0);transform:translateX(0);width:100%}
ul#menu #closeMenu{cursor:pointer;position:absolute;top:20px;left:20px;padding:10px}
ul#menu #bodyMenu{margin-top:30px}
ul#menu #bodyMenu li{padding:10px 20px;font-size:16px;display:grid}





#lang{float:left;width:32px;height:32px;margin:12px;cursor:pointer}


#slide{width:100%;height:100%;margin:0 auto;text-align:center}
#slide img{width:100%;height:100%}

#name{margin:30px auto;text-align:center;font-size:26px}

#personalPic{width:500px;height:500px;margin:30px auto;text-align:center;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
#personalPic img{width:100%;height:100%}

#gallery{width:80%;height:250px;margin:30px auto;text-align:center;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
#gallery img{width:100%;height:100%}

#school{width:80%;height:250px;margin:30px auto;text-align:center;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
#school img{width:100%;height:100%}





/*
.modalGallery{display:none;position:fixed;overflow:hidden;width:100%;height:100vh;z-index:111}
.modalGallery .modal-header{position:absolute;top:2%;right:2%;border-radius:50%;padding:10px;z-index:112}
.modalGallery .modal-header img#closeGallery{float:right;width:40px;cursor:pointer;background-color:#000;border-radius:50%}
.modalGallery .modal-body{width:100%;height:100vh;position:absolute;top:0;right:0;z-index:111;background-color:#fff}
.modalGallery .modal-body img{width:100%;height:100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;-o-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;transition: all ease-in-out .5s}
.modalGallery .modal-footer{width:170px;height:40px;position:absolute;bottom:5%;right:2%;z-index:112;background-color:#000;border-radius:6px}
.modalGallery .modal-footer img#circle_right{float:right;width:40px;cursor:pointer}
.modalGallery .modal-footer img#circle_left{float:left;width:40px;cursor:pointer}
.modalGallery .modal-footer span{color:#fff;direction:ltr;display:block;font-size:16px;width:90px;float:right;text-align:center;line-height:40px}
.modalGallery .modal-footer span div{display:contents;color: #fff}






#header{width:100%;float:right;height:60px;position:relative;z-index:109;background-color:#fff;border-bottom: 1px solid #ccc;filter: blur(8px);-webkit-filter: blur(8px)}
#header.fixed{position:fixed;background-color:rgba(255,255,255,.9);top:0;width:100%;margin:0;padding:0;height:60px;-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}
#header.fixed ul#menu > li > a,#header.fixed ul#menu > li > div{color:#000 !important;text-shadow:none}
#header.fixed #logo{background-position:0px -2px}
#bgheader{width:100%;float:right;height:100%;background-color:#000;opacity:.5;position:absolute}
#mheader{position:absolute;width:100%;float:right}



#header.productbike,#header.menufix{background-color:#fff}
#header.productbike #logo,#header.Pa404 #logo,#header.menufix #logo{background-position:0px -2px}
#header.productbike ul#menu > li > a,#header.productbike ul#menu > li > div,#header.Pa404 ul#menu > li > a,#header.Pa404 ul#menu > li > div,#header.menufix ul#menu > li > a,#header.menufix ul#menu > li > div{color:#000 !important;text-shadow:none}
.main-container.bike{margin-top:0 !important}
#header.Pa404,#header.menufix{border-bottom:1px solid #ccc}


#agent{margin-top:0}



ul#menu *{white-space:nowrap} 
ul#menu{float:right}
ul#menu>li#productM span.box{width:100%;height:100%;right:0;position:fixed;transform:translateX(0);border-radius:0;padding:0}
ul#menu>li#productM span.box #rightPM{background-color:#f5f5f5;width:20%;height:100vh;float:right;padding:20px}
ul#menu>li#productM span.box #rightPM .rightPMR{float:right;width:100%;font-size:16px;margin:10px;padding-bottom:5px;border-bottom:1px solid #f5f5f5;color:#000}
ul#menu>li#productM span.box #rightPM .rightPMR:hover{border-bottom:1px solid #000}
ul#menu>li#productM span.box #rightPM .rightPMR.select{border-bottom:1px solid #000}
ul#menu>li#productM span.box #leftPM{width:80%;height:100vh;float:right;padding:20px;background-color:#fff}
ul#menu>li#productM span.box #leftPM #leftPMT{float:right;width:100%;margin-bottom:-6px}
ul#menu>li#productM span.box #leftPM #leftPMT .leftPMTR{font-size:13px;color:#444;width:fit-content;float:right;margin:3px 5px}
ul#menu>li#productM span.box #leftPM #leftPMT .leftPMTR:hover{border-bottom:3px solid #000;padding-bottom:10px;margin-bottom:-10px}
ul#menu>li#productM span.box #leftPM #leftPMT .leftPMTR.select{border-bottom:3px solid #000;padding-bottom:10px;margin-bottom:-10px}
ul#menu>li#productM span.box #leftPM #leftPMB{float:right;width:100%;border-top:1px solid #999;padding:20px;margin-top:15px;height:inherit}
ul#menu>li#productM span.box #leftPM #leftPMB .leftPMBR{float:right;width:180px;height:180px;margin:10px}
ul#menu>li#productM span.box #leftPM #leftPMB .leftPMBR img{width:80%;float:right;-o-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;transition: all ease-in-out .5s;margin:10%}
ul#menu>li#productM span.box #leftPM #leftPMB .leftPMBR span{width:100%;float:right;text-align:center}


ul#menu>li.productM{position:relative}
ul#menu>li.productM ul.box{width:100%;right:0;position:fixed;display:block;border-radius:0;padding:0;top:61px;padding:40px}
ul#menu>li.productM ul.box .show{width:200px;height:200px;float:right;margin:20px}
ul#menu>li.productM ul.box .show img{width:100%;float:right;-o-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;transition: all ease-in-out .5s}
ul#menu>li.productM ul.box .show span{width:100%;float:right;text-align:center;font-family:FONTEN;font-size:16px;margin-top:20px}
ul#menu>li.productM ul.box .show:hover{filter:grayscale(100%)}
ul#menu>li.productM ul.box .show:hover span{color:#33bbcb;filter:grayscale(0%)}







ul#menu>li.productM{position:relative}
ul#menu>li.productM ul.box{width:430px;height:100%;right:0;position:absolute;padding:0;display:flow-root;height:100vh;overflow-y:scroll}
ul#menu>li.productM ul.box .show{float:right;width:180px;height:180px;margin:10px;display:block ruby}
ul#menu>li.productM ul.box .show img{width:100%;float:right;-o-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;transition: all ease-in-out .5s;margin:10%}
ul#menu>li.productM ul.box .show span{width:100%;float:right;text-align:center}

ul#menu>li{float:right;position:relative}
ul#menu>li>a,ul#menu>li>div{float:right;color:#fff !important;padding:15px 20px 31px 20px;font-size:16px;border-top:4px solid transparent;cursor:pointer}
ul#menu>li>div{text-shadow:-1px 2px #606060}
ul#menu >li:hover ul{visibility:visible;align-items:stretch;opacity:1;pointer-events:auto}
#header:hover{background-color:rgba(255,255,255,.9)}
#header:hover ul#menu > li > a,#header:hover ul#menu > li > div{color:#000 !important;text-shadow:none}
#header:hover #logo{background-position:0px -2px}
#header:hover a#logo{transition:all .0s ease-in-out;-webkit-transition:all .0s ease-in-out;-moz-transition:all .0s ease-in-out;-o-transition:all .0s ease-in-out}

.logo{width:28%;float:right}
a#logo{margin-right:20px;transition:all .0s ease-in-out;-webkit-transition:all .0s ease-in-out;-moz-transition:all .0s ease-in-out;-o-transition:all .0s ease-in-out}  



ul#menu>li a{display:block}
ul#menu >li ul{position:absolute;top:60px;background-color:#fff;border-radius:6px;padding:10px;box-shadow:-2px 2px 5px 1px #bbb;visibility:hidden;transform:translateX(0%);opacity:0;pointer-events:none;transition:opacity .6s;display:flex;flex-direction:column}
ul#menu>li ul li{float:right;width:100%;display:block;position:relative}
#menu > li:hover::before{width:80%}
#menu > li::before{content:" ";display:block;position:absolute;bottom:23px;left:50%;transform:translateX(-50%);width:0;height:2px;background:#33bbcb;transition:width .3s}
ul#menu>li ul li a{float:right;width:100%;padding:5px;display:block ruby}
ul#menu>li ul li span{color:#ccc;float:right;width:100%;padding:5px;display:block ruby}
ul#menu >li span.box{position:absolute;top:60px;z-index:110;background-color:#fff;border-radius:6px;padding:10px;box-shadow:-2px 2px 5px 1px #bbb;visibility:hidden;transform:translateX(25%);opacity:0;pointer-events:none;transition:opacity .6s;display:flex}
ul#menu >li:hover span.box{visibility:visible;align-items:stretch;opacity:1;pointer-events:auto}
ul#menu>li span.box h5{flex-direction:inherit !important;display:block;margin:0 25px;font-weight:bold}
ul#menu>li span.box h5 li:first-child{border-top:1px solid #ccc;padding-top:10px}
ul#menu>li span.box h5 li{padding:2px 10px 2px 0}
#page{font-size:16px}
#page h1{font-size:20px;color:#000}
#page{line-height:30px;padding-top:60px}


.page#header{background-color:rgba(255,255,255,.9);border-bottom:1px solid #ccc}
.page#header ul#menu > li > a,.page#header ul#menu > li > div{color:#000 !important;text-shadow:none}
.page#header #logo{background-position:0px -2px !important}
.page#header a#logo{transition:all .0s ease-in-out;-webkit-transition:all .0s ease-in-out;-moz-transition:all .0s ease-in-out;-o-transition:all .0s ease-in-out}
.page#header .i-logoHome{background-position:0px -2px !important}


#page .pRPage{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-around;margin:40px 0}
#page .pRPage img{display:block;margin:0 auto 15px;height:300px}
#page .pageShow{min-height:50vh;text-align:justify}
#page .pageShow a{color:#33bbcb}
#page .pageShow h3{color:#000;text-align:right}
.tableStyle1{border:1px solid #00a8a8;border-spacing:0px;border-collapse:collapse;font-size:12px}
.tableStyle1 thead{background:#00a8a8;color:white}
.tableStyle1 td,.tableStyle1 th{padding:5px 15px;margin:0}
.tableStyle1 tbody tr:nth-child(2n){background:#e5f9f9}
.tableStyle1 thead tr td{text-align:center}
.checkbox title{padding-left:20px;color:#000}
.checkbox title,.checkbox label{float:right;display:block;font-size:12px;position:unset}
.checkbox label{line-height:30px}
.checkbox label input{margin-top:0px}
.radio title{padding-left:20px;color:#000}
.radio title,.radio label{float:right;display:block;font-size:12px;position:unset}
.radio label{line-height:33px}
.radio label input{margin-top:-4px}
.main-container{width:100%;float:right;margin-top:-60px}
#slideshow{margin-top:-13vh}
#slideshow{width:100%;float:right;height:100vh}
#slideshow img{width:100%;float:right;height:100vh}
#slideshow img{height:100vh}
.z-10{z-index:10 !important}
.z-99{z-index:99 !important}
.header-scroll{bottom:0;left:50%;transform:translate(-50%)}
.header-scroll img{width:25px !important;height:auto !important;cursor:pointer}
.sec{padding:20px}
.sec h3{width:100%;float:right;text-align:center;font-size:20px;padding:20px}
.sec h3 span:first-child{color:#000}
.sec h3 span:last-child{font-style:italic;font-weight:bold}
#home .sec:nth-child(odd){background-color:#e6e6e6 !important}
#home .sec{margin-bottom:10px}


.sec .group div{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:15vw;align-items:center;margin:0 auto}
.sec .group div a{text-align:center;font-weight:bold;color:black;width:max(100px,10vw);font-size:70%;line-height:1.5em}
.sec .group div a img{display:block;object-fit:contain;width:100%;height:80%}


.sec .group div{width:100%}
.sec .group div a{text-align:center;font-weight:bold;color:black;width:24%;font-size:70%;line-height:1.5em;height:100px;display:inline-block}
.sec .group div a img{display:block;object-fit:contain;width:100%;height:80%;filter:grayscale(100%)}
.sec .group div a:hover img{filter:grayscale(0)}

#tab{margin:0 auto;text-align:center}
#tab #ttab,#tab #btab{width:100%;float:right}
#tab #ttab li{cursor:pointer;display:inline-block;padding:4px 10px;color:#000;margin:0 4px}
#tab #ttab li.select{background-color:#33bbcb;border-radius:6px;color:#fff}
#tab #btab{min-height:350px;margin-top:40px}


#newsletters{width:33%;float:right;margin-bottom:-25px;z-index:2;position:relative;margin-right:.5%}
#bnewsletters{margin:0 auto;background-color:#e6e6e6;width:100%;height:80px;border-radius:6px;padding:10px 20px;display:flow-root;line-height:30px}
#bnewsletters span{float:right;width:100%;color:#000}
#bnewsletters span:last-child{font-size:11px}
#bnewsletters div:first-child{color:#000;font-size:20px;width:54%;height:60px}
#bnewsletters div.left{width:46%;position:relative;top:10px;height:60px}
#bnewsletters div input{position:absolute;padding-left:80px}
#bnewsletters #sendnewsletters{position:absolute;width:70px;height:38px;line-height:16px;color:#fff;border-radius:4px 0 0 4px;left:0;top:1px}
#bnewsletters .massage{position:absolute;bottom:-12px;left:0;text-align:center}



.news{width:80%;margin:0 auto}
.news a{width:30%;display:inline-block;margin:0 1%;float:right}
.news a .body{padding:10px}
.news a figure img{width:100%;float:right;margin-bottom:10px;height:200px}
.news a .date{width:100%;float:right;text-align:left;color:#33bbcb;font-weight:bold;font-size:11px;margin-bottom:10px}
.news a h4{width:100%;float:right;color:#000;font-weight:bold;margin-bottom:10px;height:50px}
.news a .body-news{width:100%;float:right;font-size:11px;height:90px}
#weMake{margin-top:10px;float:right;width:100%}
.weMake{width:100%}
.weMake img{width:100%}
.weMake{width:33%;margin-top:16px}
#page form{margin:20px auto;float:right;background-color:#fbfbfb;border:1px solid #ccc;border-radius:6px;padding:40px 20px;width:100%}
#page form .i-starR{margin:7px 8px 0 0}
#page form .row{margin-bottom:40px}
#page form .posi label span{font-size:13px}
#page form .form-control,#page form .posi label,#page form .inputStyle{background-color:#fbfbfb;font-family:'FONT';font-size:12px}
#page form #error .i-starR{margin:7px 3px 0 3px}

footer{width:100%;float:right;min-height:150px;color:#000;padding:40px 0;line-height:30px;text-align:center;background-color:#f0f0f0;border-top:1px solid #e0e0e2;font-size:16px}
footer h4{color:#000;font-size:16px}
footer .fc{width:50%;float:right;color:#000;text-align:right;padding:20px}
footer .fc span{color:#000}
footer .fc:last-child{width:40%;float:right}
#newsletters{width:80%;float:right;text-align:right}
#newsletters .top{width:100%;float:right;display:block;color:#000;font-size:12px}
#newsletters .top span{width:100%;float:right;display:block;color:#000;font-size:12px}
#newsletters .top span:first-child{font-size:16px}
#newsletters .bot{position:relative;margin-top:100px}
#newsletters .bot input{position:absolute;right:0;border-radius:0;text-align:right !important}
#newsletters .bot #sendnewsletters{position:absolute;left:1px;border-radius:0;background-color:#535353;width:150px;height:36px;line-height:15px;color:#fff;margin:1px;top:1px}
#newsletters .massage{width:100%;float:right;text-align:center;margin-top:45px;color:#000 !important}




.swiper3d{width:900px;height:300px;padding-bottom:2rem;margin:0 auto;overflow:hidden}
.swiper3d .swiper-slide img{height:300px;width:420px;max-width:100%;object-fit:contain}
.swiper3d .swiper-scrollbar{margin-top:3rem}
.swiper.swiper3d .swiper-button-prev,.swiper.swiper3d .swiper-button-next{top:50%}
.swiper.swiper3d .swiper-slide.swiper-slide-duplicate.swiper-slide-prev,.swiper.swiper3d .swiper-slide.swiper-slide-next,.swiper.swiper3d .swiper-slide.swiper-slide-prev,.swiper.swiper3d .swiper-slide.swiper-slide-next{width:150px !important;transform:none !important}
.swiper.swiper3d .swiper-slide.swiper-slide-active{width:550px !important}
.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right{background-image:none !important}
.swiper.swiper3d .swiper-slide.swiper-slide-prev{margin-right:30px}
.swiper3d .swiper-slide.swiper-slide-active{transform:none !important}
#product .swiper.swiper3d .swiper-slide.swiper-slide-active span{text-align:center;display:ruby !important;width:100%;float:right;margin-top:-6%;font-size:20px;color:#33bbcb}
#product .swiper.swiper3d .swiper-slide.swiper-slide span{display:none}
#product #banner div{position:absolute;top:60%;z-index:4;color:#fff;font-size:70px;text-align:center;width:100%;font-family:FONT;font-style:italic;font-weight:bold}
.swiper3d1{width:900px;padding-bottom:2rem;margin:0 auto;overflow:hidden}
.swiper3d1 .swiper-slide img{height:300px;width:420px;max-width:100%;object-fit:contain}
.swiper3d1 .swiper-slide .title{width:100%;text-align:center;font-family:FontEn;font-size:24px;display:block;color:#33bbcb}
.swiper3d1 .swiper-scrollbar{margin-top:3rem}
.swiper.swiper3d1 .swiper-button-prev,.swiper.swiper3d1 .swiper-button-next{top:50%}
.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right{background-image:none !important}
.swiper.swiper3d1 .swiper-slide.swiper-slide-prev{margin-right:30px}
.swiper3d1 .swiper-slide.swiper-slide-active{transform:none !important}
#product .swiper.swiper3d1 .swiper-slide.swiper-slide-active span{text-align:center;display:ruby !important;width:100%;float:right;margin-top:-6%;font-size:20px;color:#33bbcb;border-top:3px solid #33bbcb}
#product .swiper.swiper3d1 .swiper-slide.swiper-slide span{display:none}
.swiper3d1 .swiper-slide a{display:block}
.swiper.swiper3d1 .swiper-slide{transform:none !important}
.swiper.swiper3d1 .swiper-wrapper,.swiper.swiper3d1 .swiper-slide,.swiper.swiper3d1 .swiper-slide-shadow-left,.swiper.swiper3d1 .swiper-slide-shadow-right,
 .swiper.swiper3d1 .swiper-slide-shadow-top,.swiper.swiper3d1 .swiper-slide-shadow-bottom,.swiper.swiper3d1 .swiper-cube-shadow{transform-style:none !important}
#product #pro360{width:70%;margin:0 auto}
#home #brands{width:100%;float:right}
#home #brands img{width:100%;float:right;margin-top:1px}
#home .lastProduct{margin:0 auto}
#home #lastProduct{width:100%;float:right}
#home #lastProduct .title{width:60%;float:right;text-align:center;font-size:24px;font-family:FontEn}
#home #lastProduct img{width:60%;float:right;padding:0 2%;background:linear-gradient(to right, #33bbcb 4px, transparent 4px) 0 0,linear-gradient(to right, #33bbcb 4px, transparent 4px) 0 100%,linear-gradient(to left, #33bbcb 4px, transparent 4px) 100% 0,linear-gradient(to left, #33bbcb 4px, transparent 4px) 100% 100%,linear-gradient(to bottom, #33bbcb 4px, transparent 4px) 0 0,linear-gradient(to bottom, #33bbcb 4px, transparent 4px) 100% 0,linear-gradient(to top, #33bbcb 4px, transparent 4px) 0 100%,linear-gradient(to top, #33bbcb 4px, transparent 4px) 100% 100%;background-repeat: no-repeat;background-size: 40px 40px;}
#home #lastProduct #lastProductR,#home #lastProduct #lastProductL{width:20%;float:right}
#home #lastProduct #lastProductR{padding-left:20px}
#home #lastProduct #lastProductR:first-child{margin-top:29px}
#home #lastProduct #lastProductL{padding-right:20px}
#home #lastProduct #lastProductR div{text-align:left;padding-left:10px}
#home #lastProduct #lastProductR div,#home #lastProduct #lastProductL div{width:100%;float:right;font-size:14px}
#home #lastProduct #lastProductL div{text-align:right;padding-right:10px}
#home #lastProduct #lastProductL div span,#home #lastProduct #lastProductR div span{width:100%;float:right;line-height:24px}
#home #lastProduct #lastProductL div .n,#home #lastProduct #lastProductR div .n{color:#33bbcb;font-size:30px;font-weight:bold}
#home #lastProduct #lastProductL div .b,#home #lastProduct #lastProductR div .b{color:#000;font-size:18px;font-weight:bold;direction:ltr}
#home #lastProduct #lastProductL div .t,#home #lastProduct #lastProductR div .t{direction:ltr}
#product #banner{width:100%;float:right;position:-webkit-sticky;position:sticky;top:0;z-index:1}
#product #banner img{width:100%;float:right}
#product .sec{padding:30px 10px;background-color:#fff;display:flex;z-index:2;position:relative}
#product #banner #option{float:right;position:absolute;width:80%;margin-right:10%;top:500px}
#product #banner #option li{width:20%;float:left;font-family:FontEn;font-size:22.6667px !important}
#product #banner #option li span{width:100%;float:right;text-align:center;color:#fff;direction:ltr}
#product #banner #option li span:first-child{}
#product #banner #option li span:last-child{font-size:14px !important;color:#ccc}
#product #category .pics{width:68%;float:left;position:relative;margin-top:70px;min-height:500px}
#product #category .pic{width:90%;float:right;position:absolute;z-index:2;transition:opacity 1s;opacity:0;top:10px;left:5%}
#product #category .pic.active{opacity:1}
#product #category .pic img{width:100%;float:right}
#product #category #description{width:27%;height:80%;float:right;margin-top:30px;position:relative}
#product #category #description h1{width: 100%;margin-bottom:10px;font-size:2.91667vw;font-family:FontEn;font-weight: normal;color: #222;line-height: 2.91667vw;word-wrap: break-word;word-break: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
#product #category #description span{width:100%;float:right;color:#000;text-align:justify}
#product #category #cc{width:56.09375vw;height:26.04167vw;font-size:32.29167vw;font-family:FontEn;font-weight:normal;color:#fff;line-height:26.04167vw;letter-spacing:-1.37708vw;text-align:center;position:relative;z-index:1}
#product #category #catalog{position:absolute;bottom:100px;font-size:16px}
#product #category #catalog a{color:#0ab9d5}

#product .sec1{background-color:#fff;display:flex;z-index:2;position:relative;margin-bottom:-6px}

#product.cf250sr #tempL{float:right;width:100%}
#product.cf250sr #tempL .picCC{width:100%;position:relative}
#product.cf250sr #tempL .content{width:30%;position:absolute;top:20%;left:5%;font-size:16px}
#product.cf250sr #tempL .content h1{width:100%;float:right;font-size:30px;margin-bottom:20px;color:#fff}
#product.cf250sr #tempL .content p{width:100%;float:right;color:#fff}

#product.cf250sr #tempU{float:right;width:100%}
#product.cf250sr #tempU .picCC{width:100%;position:relative}
#product.cf250sr #tempU .content{width:60%;position:absolute;top:5%;right:20%;font-size:16px;text-align:center}
#product.cf250sr #tempU .content h1{width:100%;float:right;font-size:30px;margin-bottom:20px;color:#fff}
#product.cf250sr #tempU .content p{width:100%;float:right;color:#fff}
#product.cf250sr #tempU .footer{width:60%;float:right;margin-right:20%;position:absolute;bottom:10%}
#product.cf250sr #tempU .footer.footer1 li{width:100%;float:left;font-family:FontEn;font-size:22.6667px !important}
#product.cf250sr #tempU .footer.footer2 li{width:50%;float:left;font-family:FontEn;font-size:22.6667px !important}
#product.cf250sr #tempU .footer.footer3 li{width:33%;float:left;font-family:FontEn;font-size:22.6667px !important}
#product.cf250sr #tempU .footer.footer4 li{width:25%;float:left;font-family:FontEn;font-size:22.6667px !important}
#product.cf250sr #tempU .footer li span{width:100%;float:right;text-align:center;color:#fff;direction:ltr}
#product.cf250sr #tempU .footer li span:last-child{font-size:14px !important;color:#ccc}


#product.cf250sr #tempR{float:right;width:100%}
#product.cf250sr #tempR .picCC{width:100%;position:relative}
#product.cf250sr #tempR .content{width:30%;position:absolute;top:20%;right:5%;font-size:16px}
#product.cf250sr #tempR .content h1{width:100%;float:right;font-size:30px;margin-bottom:20px;color:#fff}
#product.cf250sr #tempR .content p{width:100%;float:right;color:#fff}


#product .specification_bottom{float:right;width:100%}



#product.cf250 #picW{float:right;width:100%;margin:20px 0}
#product.cf250 #picW .content{width:80%;margin:100px auto;font-size:16px;text-align:center}
#product.cf250 #picW .content h1{width:100%;float:right;text-align:right;font-size:26px;color:#000;margin-bottom:20px}
#product.cf250 #picW .content .pic{width:100%;float:right;margin-bottom:20px}
#product.cf250 #picW .content p{width:100%;float:right;text-align:right}


#product.cf250 #picC{float:right;width:100%;margin:20px 0}
#product.cf250 #picC .content{width:80%;margin:100px auto;font-size:16px;text-align:center}
#product.cf250 #picC .content h1{width:100%;float:right;text-align:right;font-size:26px;color:#000;margin-bottom:20px}
#product.cf250 #picC .content .pic{width:49%;float:right;margin-bottom:20px}
#product.cf250 #picC .content .pic.pic1{margin-left:2%}
#product.cf250 #picC .content p{width:100%;float:right;text-align:right}


#product.cf250 #picL{float:right;width:100%;margin:20px 0}
#product.cf250 #picL .content{width:80%;margin:100px auto;font-size:16px;text-align:center}
#product.cf250 #picL .content h1{width:100%;float:right;text-align:right;font-size:26px;color:#000;margin-bottom:20px}
#product.cf250 #picL .content .pic.pic1{width:32%;float:right;margin:20px 0 50px 0;margin-left:2%}
#product.cf250 #picL .content .pic{width:66%;float:right;margin:20px 0 50px 0}
#product.cf250 #picL .content p{width:100%;float:right;text-align:right}

#product.cf250 #picR{float:right;width:100%;margin:20px 0}
#product.cf250 #picR .content{width:80%;margin:100px auto;font-size:16px;text-align:center}
#product.cf250 #picR .content h1{width:100%;float:right;text-align:right;font-size:26px;color:#000;margin-bottom:20px}
#product.cf250 #picR .content .pic.pic1{width:32%;float:left;margin:20px 0 50px 0;margin-right:2%}
#product.cf250 #picR .content .pic{width:66%;float:left;margin:20px 0 50px 0}
#product.cf250 #picR .content p{width:100%;float:right;text-align:right}






#product #gallery h4{font-size:24px;color:#000;margin-bottom:20px}
#product #topGallery{width:90%;height:450px;margin:0 auto;cursor:pointer;overflow:hidden}
#product #topGallery img,#product #botGallery li img{width:100%;height:100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;-o-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;transition: all ease-in-out .5s}
#product #botGallery{width:90%;height:160px;margin:0 auto;margin-top:10px;overflow:hidden}
#product #botGallery li{width:32.3%;height:100%;float:left;margin-left:1.5%;cursor:pointer}
#product #botGallery li:first-child{margin-left:0}




video.topSlideshow{height:100%;width:100%;float:right;pointer-events:none}



#product.bike #banner{width:100%;float:right;position:inherit}
#product.bike #banner img{height:280px}
#product.bike #category{margin-top:70px}
#product.bike #category h1{width: 100%;margin-bottom:10px;font-size:2.91667vw;font-family:FontEn;font-weight: normal;color: #222;line-height: 2.91667vw;word-wrap: break-word;word-break: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
#product.bike #category .pics{width:100% !important;float:right;margin:0 auto;position:relative;min-height:800px}
#product.bike #category .pic{width:100% !important;float:right;position:absolute;z-index:2;transition:opacity 1s;opacity:0;top:10px;left:auto !important;margin:0 auto}
#product.bike #category #description{width:100%;float:right;height:auto;margin:0;position:inherit}
#product.bike #colors{text-align:center;position:inherit;z-index:2;margin-top:0;padding-bottom:0}
#product.bike #category .pic.active{opacity:1}
#product.bike #category .pic img{width:100%;float:right}









.login-box{width:300px;margin:120px auto 40px;display:table;border:1px solid #ccc;padding:10px;border-radius:4px}
.login-box .login-logo{text-align:center;font-size:20px}

.headerP{background-color:#3F4D68;width:100%;height:300px}
.agentP{font-size:20px;color:#fff;text-align:center;padding:160px}
#exitP a{float:left;color:red;margin:-90px 0 0 100px;font-size:16px;cursor:pointer;padding:4px}
.pageShowP{float:right;min-height:400px;width:100%}
.menuP{width:30%;max-width:300px;float:right;padding:20px;background-color:#33BBCB;border-radius:6px;margin-top:-100px}
.menuP li{padding:5px}
.menuP li a{color:#fff;display:block}
.menuP li a:hover{color:#000}
.menuP li.select a{color:#000}
.contentP{width:70%;float:right;margin-top:-70px;padding:30px}
.contentP img{width:100%}
.contentP #titleP{text-align:center;margin:20px;font-size:16px;color:#000}
#productsP{width:100%;float:right}
#productsP img{width:180px;cursor:pointer;margin:20px;float:right}
.getRepairManual.select,.getCustomerManual.select,.getPartCatalog.select,.getPDI.select{border:1px solid #ccc;border-radius:4px;padding:20px}
#resultshowP{padding:40px;width:100%;float:right}
#noti li{padding:3px;font-size:14px}
.pdi{width:100%;float:right;border-bottom:1px solid #ccc}
.pdi .codeP{float:right;width:30%;border-right:1px solid #ccc;padding:10px}
.pdi .bodyP{float:right;width:70%;border-right:1px solid #ccc;border-left:1px solid #ccc;padding:10px}
.pdi:last-child{border-top:1px solid #ccc}







.swiper-button-prev::after, .swiper-container-rtl .swiper-button-prev::after{content:'' !important;background:url("../images/next.png");width:56px;height:56px}
.swiper-button-next::after, .swiper-container-rtl .swiper-button-next::after{content:'' !important;background:url("../images/prev.png");width:56px;height:56px}




#product #resome #pic{float:right;width:50%}
#product #resome #pic img{width:100%}
#product #resome .resome{float:left;width:40%;line-height:30px;text-align:justify}
#product #colors{text-align:center;position:relative;z-index:2;padding-bottom:60px}
#product #colors li{width:30px;height:30px;border:1px solid transition;border-radius:100%;margin:0 5px;cursor:pointer;display:inline-block;float:right}
#product #colors li.active{border:1px solid #8a8a8a;border-radius:100%;cursor:auto}
#product #colors li img{width:20px;height:20px;margin:4px}
#product #specifications #pic{width:50%;float:left}
#product #specifications #pic img{width:100%;float:right}
#tabproduct{float:right;width:40%}
#tabproduct span{float:right;width:100%;font-size:20px;color:#000;margin-bottom:20px}
#tabproduct #ttab,#tabproduct #btab{width:100%;float:right}
#tabproduct #ttab{border-bottom:1px solid #ccc;padding-bottom:15px}
#tabproduct #ttab li{cursor:pointer;display:inline-block;padding:14px 0;color:#000;margin:0 10px}
#tabproduct #ttab li.active{border-bottom:3px solid #33bbcb;border-radius:10px}
#tabproduct #btab{min-height:200px;margin-top:20px}
#tabproduct #btab li{float:right;width:100%;height:26px;line-height:26px;padding:0 10px;border-radius:6px}
#tabproduct #btab li span{float:right;display:block;width:50%;font-size:12px;color:#4f4e4e}
#tabproduct #btab li span:first-child{text-align:right}
#tabproduct #btab li span:last-child{text-align:left}
#tabproduct #btab li:nth-child(odd){background-color:#f9f9f9 !important}
#product #gallerybo .galleryb{width:100%;overflow:hidden}
#product #gallerybo{margin-top:50px}
#product #gallerybo h4{font-size:26px;color:#000;margin-bottom:20px}
.gallery-top .swiper-slide{background-position:center;background-repeat:no-repeat}
.gallery-thumbs .swiper-slide{background-size:cover;background-position:center}
.galleryb{width:90%;margin-left:5%}
.gallery-top{width:100%;height:450px;margin:0 auto;cursor:pointer;overflow:hidden;margin-bottom:10px}
.gallery-thumbs{cursor:grab;width:max(30vw,250px);height:calc(max(30vw,250px)*0.6);object-fit:contain;height:160px}

.gallery-thumbs .swiper-slide{height:100%}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1}
.sliderTop .swiper-slide{padding:0 !important}
.sliderTop .swiper-pagination-bullet{width:10px !important;height:10px !important;background: #fff !important;opacity: 0.8 !important}
.sliderTop span.swiper-pagination-bullet.swiper-pagination-bullet-active{width:16px !important;height:16px !important;background-color:#ccc !important;margin-bottom:-3px}
.sliderTop .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom:20px !important}
.swiper.sliderTop{position:relative}
.swiperST.swiper-button-prev,.swiper-container-rtl .swiperST.swiper-button-next{left:20px;right:auto;top:50%}
.swiperST.swiper-button-next,.swiper-container-rtl .swiperST.swiper-button-prev{right:20px;left:auto}
#blog{min-height:300px;margin-top:20px}
#blog #pic{width:100%;float:right;margin-bottom:20px}
#blog #pic img{width:40%;border-radius:20px}
#blog h1{width:100%;float:right;font-size:18px;color:#000;margin-bottom:20px}
#blog #body{width:100%;float:right;font-size:13px;line-height:30px;margin-bottom:20px}
#searchPage h1{font-size:24px;color:#000;margin:20px 0;text-align:center}
#searchPage .box{width:30%;float:right;margin:1.5%;border-radius:6px;box-shadow:-2px 2px 5px 1px #bbb;padding:20px;height:100px;background-color:#fff}
#searchPage .box .pic{width:30%;float:right}
#searchPage .box .pic img{width:100%}
#searchPage .box .detail{width:66%;float:left;text-align:left;font-size:14px;line-height:30px}
#searchPage .sec:nth-child(odd){background-color:#e6e6e6 !important}
#searchPage #errors{color:red;font-size:20px;padding:30px}


#comingsoon{width:100%;float:right;margin:0 auto;padding:4% 0;background-color:#D9D7D7;overflow:hidden;position:relative}
#comingsoon .com{width:100%;position:absolute;top:34%}
#comingsoon .com img{width:100%}
#comingsoon .comingsoon img{width:65% !important;margin:0 auto}
.comingsoon .swiper-slide{padding:0 !important}
.comingsoon .swiper-pagination-bullet{width:10px !important;height:10px !important;background: #fff !important;opacity: 0.8 !important}
.comingsoon span.swiper-pagination-bullet.swiper-pagination-bullet-active{width:16px !important;height:16px !important;background-color:#ccc !important;margin-bottom:-3px}
.comingsoon .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom:20px !important}
.swiper.comingsoon{position:relative}
.swiperCo.swiper-button-prev,.swiper-container-rtl .swiperCo.swiper-button-next{left:5%;right:auto;top:50%}
.swiperCo.swiper-button-next,.swiper-container-rtl .swiperCo.swiper-button-prev{right:5%;left:auto}

.swiperCo.swiper-button-prev::after,.swiper-container-rtl .swiperCo.swiper-button-next::after,.swiperCo.swiper-button-next::after,.swiper-container-rtl .swiperCo.swiper-button-prev::after{font-size:16px;color:#000}


.comingsoon figure{position:relative}
.comingsoon .titleCo{position:absolute;font-size:30px;color:#000;left:16%;font-family:FONTEN}
.comingsoon .brandCo{position:absolute;font-size:20px;left:16%;top:50px;font-family:FONTEN}
.comingsoon .bodyCo{position:absolute;left:16%;top:90px}

.swiper-button-prev, .swiper-button-next{color:#33bbcb !important}

.swiper3dT1.swiper-button-prev,.swiper3dT1.swiper-button-next{width:40px}



#product #gallery h4{font-size:24px;color:#000;margin-bottom:20px}
#product #topGallery{width:90%;height:450px;margin:0 auto;cursor:pointer;overflow:hidden}
#product #topGallery img,#product #botGallery li img{width:100%;height:100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;-o-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;transition: all ease-in-out .5s}
#product #botGallery{width:90%;height:160px;margin:0 auto;margin-top:10px;overflow:hidden}
#product #botGallery li{width:32.3%;height:100%;float:left;margin-left:1.5%;cursor:pointer}
#product #botGallery li:first-child{margin-left:0}


.swiper-horizontal{touch-action:pan-y}
.gallertTopBtn.swiper-button-prev{top:50% !important;right:10% !important}
.gallertTopBtn.swiper-button-next{top:50% !important;left:10% !important}

.gallertBotBtn.swiper-button-prev{left:86% !important;top:84%}
.gallertBotBtn.swiper-button-next{right:86% !important;top:84%}



.productTitle{font-family:FONTEN;font-size:16px}


#copy{margin:20px 0 -40px 0;width:100%;float:right;background-color:#fff;padding:10px;font-size:12px}

#agent section{margin:20px auto}
#agent section h1{color:#000;font-size:26px;margin-bottom:20px}
#map{width:100%;height:300px !important;overflow:hidden;z-index:2}
#map .markersPopup{text-align:right;font-family:FONT;font-size:12px;line-height:22px}	
#map .markersPopup b{margin-bottom:10px;float:right;width:100%}	
#shopList,#note{display:none}
#dropdown{}
#dropdown ul{float:right;width:90%;margin-right:5%;font-size:14px}
#dropdown ul h3{float:right;width:100%;font-size:20px;color:#33bbcb;border-bottom:1px solid #33bbcb;margin-bottom:10px;cursor:pointer;padding-bottom:10px}
#dropdown ul li{float:right;width:100%;padding-right:20px;margin-bottom:10px;cursor:pointer;display:none}
#dropdown ul:last-child h3{border-bottom:none}
#dropdown ul li h4{float:right;width:100%;font-size:16px;color:#000;margin-bottom:10px}
#dropdown ul li h4 .left .right:first-child{font-size:12px;margin:2px 0 0 5px}
#lang{margin-top:31px;float:left;cursor:pointer}
#lang span{color:#fff;margin-left:4px}
#search{margin:28px 0 0 33px;padding:5px 15px 5px 10px;border-radius:22px;cursor:pointer;float:left;position:relative}
#search span{color:#fff;margin-left:40px;font-size:11px}
#searchBox{position:fixed;width:80%;background-color:#fff;border-radius:6px;top:100px;left:10%;display:none;z-index:111}
#searchBox.active{display:block}
#searchBox input{position:absolute;z-index:12}
#searchBox i.close{position:absolute;left:4px;top:-20px;z-index:13;cursor:pointer}
#searchBox i.searchT{position:absolute;left:12px;top:11px;z-index:13;cursor:pointer}

#typePro{display:flex;flex-wrap:wrap;justify-content:center;gap:5vw;align-items:stretch}
#typePro .box{text-align: center;font-weight: bold;color: black;width:max(300px,10vw);font-size:100%;line-height:1.5em}
#typePro .box .img{display: initial;}
#typePro .box .img img{display: block;object-fit: contain;width: 100%;height: 80%}
#typePro .box span{width:100%;float:right;text-align:center}
.oldProduct{filter: grayscale(100%)}
#typePro .box.oldProduct:hover{filter: grayscale(0%)}

.centerImg{margin:0 auto !important;display:block}

.emptyProduct{color:#33bbcb !important;font-size:18px}






@media only screen and (max-width: 768px) and (min-width: 481px){
	
	
}

@media only screen and (max-width: 1024px) and (min-width: 769px){
	

}


@media only screen and (max-width: 1200px) and (min-width: 1025px){
	
	
}

*/