
body, button, input, textarea, select{ font-family: 'Roboto', sans-serif,Helvetica;font-size:1rem;color:#333; font-weight:normal; }
.bodyClass { background-color: #e5e5e5; margin:0; padding: 0;}

html { scroll-behavior: smooth; }
html * { box-sizing: border-box; }

a{text-decoration:none;color:#333;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;color:#000000;}
img{border:0;}
h1{font-size:2rem;font-weight:normal;margin:0;padding:7px 0; color:#000000;text-align: center}
h2{font-size:1.5rem;font-weight:normal;padding:0 0 10px; color:#000000;text-align: center}
h3,h4,h5{color:#000000;font-size:1.3rem;text-align: center}
hr{ color: #e0e0e0; background-color: #e0e0e0; height: 1px; display: block; border: 0; margin-top: 20px; margin-bottom: 20px; }
table { border-spacing:0; border-collapse:collapse; }
table td{ padding:2px; vertical-align: top;}
iframe { border:none; max-width: 100%; }
input, select, textarea { box-sizing: border-box; background-color: #fbfbfb; border:1px solid #e0e0e0;}
input:focus{ background-color: #fff9e0; border: 1px solid #000000; }
input:hover,select:hover,textarea:hover{ border: 1px solid #202020; }
input[type="button"]:hover, input[type="submit"]:hover{ border:none; }

fieldset{border:none;border-top:1px dotted #404040;margin:20px 0 10px 0;padding: 10px 0 0 0; display: block;}
legend{font-weight: bold;color:#333333;padding:5px 10px 3px 20px; border:none; text-transform: uppercase; margin: 0 30%;font-size:1.2em;text-align: center;}

input { box-sizing: border-box; }
select{ border: 1px solid #e0e0e0; background-color: #ffffff; padding:6px 4px; box-sizing: border-box; }
option { background-color: #ffffff; }
textarea{ border: 1px solid #e0e0e0; padding: 2px 2px 0px 2px; background-color: #ffffff; box-sizing: border-box;}
.textBox { border: 1px solid #e0e0e0; background-color: #ffffff; box-sizing: border-box; padding: 10px 15px; }
.button{color:#ffffff;border: none;padding: 8px 25px 8px 10px; background-color:#101010; min-width: 60px; transition: all 0.2s ease; box-sizing: border-box; }
.button:hover{ color:#ffffff; opacity: 0.75; cursor: pointer; text-decoration: none; background-color:#505050; }
.redStar{width:15px;height:15px;background:url('images/red_star.png') no-repeat;}
.divActionInformation{background-color:#ffe7e7;border:1px solid #f6cece;margin-bottom:5px;padding:10px;}

.page_title { margin-top: 20px; }

fieldset{border:none;border-top:1px dotted #404040;margin:20px 0 10px 0;padding: 10px 0 0 0; display: block;}
legend{font-weight: bold;color:#333333;padding:5px 10px 3px 20px; border:none; text-transform: uppercase; margin: 0 30%;font-size:1.2em;text-align: center;}
select{ padding:2px 10px 2px 7px;}
option{background-color:#fff;padding:2px 10px}
textarea{padding:3px 2px;}
.button{color:#ffffff;border: none;padding: 8px 25px 8px 10px; background-color:#878787; min-width: 60px; transition: all 0.2s ease; box-sizing: border-box;}
.button:hover{ color:#ffffff; opacity: 0.75; cursor: pointer; text-decoration: none; background-color:#505050; }
.redStar{width:15px;height:15px;background:url('images/red_star.png') no-repeat;}
.divActionInformation{background-color:#ffe7e7;border:1px solid #f6cece;margin-bottom:5px;padding:10px;}

.buttonLink{display: inline-block; color:#ffffff; padding: 8px 40px 8px 25px; background:url('images/arrow_link.png') no-repeat 90% center; background-color:#808080; min-width: 60px; border-radius: 4px; transition: all 0.2s ease;}
.buttonLink:hover{ opacity: 0.75; color:#ffffff;cursor: pointer; text-decoration: none; background:url('images/arrow_link.png') no-repeat 93% center;background-color:#808080;}
ul { list-style-type: square; }


.wrapper { margin: 0 auto; max-width: 1920px; background: #ffffff; }
.wrapper > * { max-width: 100%; position: relative; }

#header{ min-height: 50px; transition: height 0.3s ease; }
#nav-main-menu { position:relative; position: -webkit-sticky; position: sticky; top:0px; z-index: 1500; background: #ffffff; border-bottom: 1px solid #e0e0e0; background: url('images/header_background.png') repeat; display: flex; justify-content: flex-end; }
#pageContent{ clear: both; }



#header.tiny{ height: 50px; }
.headerIn { height: 100%; }
.headerIn p{ margin: 0; }

#logo { position: absolute; left: 3%; max-width: 60%; height: 100%; }
#logo a { height: 100%; display: inline-block; }
#logo img { max-height: 40%; width: auto; top:50%; transform: translateY(-50%); position: relative; }

.pageContentIn{ min-height: 700px; background:#ffffff; }
body[data-page_id="0"] .pageContentIn { background: none; }


.pageFooterCopyright { font-size:13px; min-height: 35px; position: absolute; right: 1%; bottom: 0; }
.pageFooterCopyright a { color: inherit; mix-blend-mode: difference; }

.responsive_product_search_trg { position: absolute; top: 4px; right: 0px; display: block; width: 60px; height: 33px; background: url('images/search.png') no-repeat center center; z-index: 11000; }
.productSearch { display: none; }
.responsive_menu .productSearch { display: block; }
.res_productSearch{ width: 30%; z-index: 10000; position: absolute; background: #2b2b2b; right: 0; top: 40px; line-height: 60px; padding-left: 20px; }
.res_productSearch .productSearch{ position: relative; top:0; width: 100%; display: block; z-index: 10000; }
.res_productSearch .txtbSearch { width: 75%; text-indent: 10px; line-height: 30px; vertical-align: middle; }
.res_productSearch .txtbSearchButton { width: 20%; line-height: 30px; background: #ffffff url('images/search.png') no-repeat center center; vertical-align: middle;}



.messageContinue { text-transform: uppercase; font-weight: bold; }

#block_login_user, #block_login_user a{ font-size:94%; color:#909090; }
#ceweb_login{ background: url( '/storage/web/user.png' ) no-repeat; padding-left: 25px; }


.ce-parallaxV .caption { width: 700px; padding: 30px; background: linear-gradient(to right, #ffffff , transparent); position: relative; margin-top: 300px; }


.search_result { margin-top: 50px; margin-bottom: 50px; }
.search_result li { padding-left: 16px; padding-top: 0px; margin-bottom: 15px; margin-top: 30px; }
.search_result h3 { font-size: 1em; text-align: left; padding-bottom: 0px; margin-bottom: 10px; }




@media only screen and (max-width: 999px) {
  .pageWidth{ width: auto; min-width: inherit; }
}

@media only screen and (max-width: 800px) {

  h1, .page_baner_title h1, h1 span { letter-spacing: normal; font-size: 40px !important; }

  .pageWidth{ width: auto; min-width: inherit; }
  .centerVH { flex-wrap: wrap; }
  .pull_right { float:left; }

  .wrapper { display:block; }
  .pageContent { order: 2; flex:0 1 100%; overflow-x: hidden; }

  .pageContentIn, .pageFooterContent{ padding-left: 5px; padding-right: 5px; }
  .pageFooterCopyright { text-align: center; }

  .res_productSearch { width: 100%; left: 0px; top: 0px; }

  #logo { left: 5%; }
  #logo img { max-height: 40%; }

  .noscroll .wrapper{ display: none; }
}


@media only screen and (max-width: 350px) {

  h1, .page_baner_title h1, h1 span { font-size: 40px !important; }
  .textBox, select, textarea, input[type="button"], input[type="submit"] { width: 100% !important; }
}
