span.outer {color: #898989;font-size:18px;text-decoration: line-through;}
.menu_index {float:left; width:20.00%; padding-top: 10px; padding-right:1px; padding-left:1px; text-align:center; font-size:18px; color:#353535; line-height: 140%; }
.menu_bar{float:left; width:20.00%; padding-top: 10px; padding-right:1px; padding-left:1px; text-align:center; font-size:18px; color:#353535; line-height: 140%; }

.box1{padding-top: 0px; padding-bottom:5px; padding-right:0px; padding-left:0px; padding-bottom:0px;  margin-top:0px; margin-right:auto; margin-left:auto; width:100%; border:0px solid #A7A7A7; background-color: #fff;}
.box2{padding-top: 0px; padding-bottom:5px; padding-right:0px; padding-left:0px; padding-bottom:0px;  margin-top:0px; margin-right:auto; margin-left:auto; width:100%; border:0px solid #A7A7A7; background-color: #fff;}
.box3{padding-top: 0px; padding-bottom:5px; padding-right:0px; padding-left:0px; padding-bottom:0px;  margin-top:0px; margin-right:auto; margin-left:auto; width:100%; border:0px solid #A7A7A7; background-color: #fff;}
.fa-angle-left, .fa-angle-right  {color:#797979;}
.fa-angle-left:hover, .fa-angle-right:hover  {color:#CB4335;}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.menu_index {position: relative;background-position:center;}
.img__description_layer {position:absolute;top:0px;bottom:0px;left: 0px;right: 0px; height:100%;  padding-left:5px; padding-right:5px;padding-top:0px; background-color:#486881;color: #DBE3EB;visibility: hidden;opacity: 0;
font-size:17px;line-height: 140%;display:flex; align-items: center; justify-content: center; transition: opacity .2s, visibility .2s;}
.menu_index:hover .img__description_layer {visibility: visible;opacity: 1;}
.img__description {transition: .2s;transform: translateY(1em);font-size:17px;padding-left:0px;padding-right:0px;}
.menu_index:hover .img__description {transform: translateY(0);}
.captiontext {position: absolute;color: #486881;font-size:4vw;-webkit-text-stroke: 2px black;padding: 8px 12px;width: 100%;top:50%;text-align: center;z-index:100;font-weight:bold;}
.container_text_image {position: relative;text-align: center;color: #486881;font-size:3vw;-webkit-text-stroke: 2px black;z-index:100;font-weight: bold;}
@media screen and (max-width: 900px) 
{
.captiontext {position: absolute;color: #ffffff;font-size:4vw;-webkit-text-stroke: 2px black;padding-top:90px;width: 100%;top:80%;text-align: center;z-index:100;font-weight:bold;}
}
@media screen and (max-width: 600px) 
{
.captiontext {position: absolute;color: #ffffff;font-size:4vw;-webkit-text-stroke: 2px black;padding-top:50px;width: 100%;top:80%;text-align: center;z-index:100;font-weight:bold;}
}
.search_in {width: 100%; border-style: solid;border:1px solid #ccc;border-radius: 4px;font-size: 16px;background-color: white;background-image: url('img/searchicon.png');background-size: 22px;background-position: 8px 7px;
background-repeat: no-repeat;padding-left: 35px;padding-top: 10px;padding-bottom: 10px;margin-bottom:2px;-webkit-transition: width 0.4s ease-in-out;transition: width 0.4s ease-in-out;}
.fa-angle-left, .fa-angle-right  {color:#797979;}
.fa-angle-left:hover, .fa-angle-right:hover  {color:#486881;}
.close1 {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.close1:hover,.close1:focus {color: #000;text-decoration: none;cursor: pointer;}
.close2 {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.close2:hover,.close2:focus {color: #000;text-decoration: none;cursor: pointer;}
.close3 {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.close3:hover,.close3:focus {color: #000;text-decoration: none;cursor: pointer;}
#header01 {position: relative;background-color:#333333;margin-left:auto;margin-right:auto;width:100%;border-top: 0px solid #000;border-bottom: 0px solid #000;}
.mobilenav1 {float: right;width: 50%;padding-left: 10px;padding-right: 30px;padding-top:0px;padding-bottom:0px;text-align:right;}
.top_column1{float: left;width:30%;padding-left: 0px;padding-top:10px;text-align:left;height: 60px;line-height: 60px; }
.top_column2 {float: left;width:63%;padding-top:10px;height: 100px;line-height: 100px; text-align:right;padding-right:0px;color:#fff;}
.top_column3 {float: right;width:7%;padding-top:10px;text-align:right;height: 100px;line-height: 100px; color:#fff;}
.header_column1_1{float: left;width: 20%;padding-left: 20px;text-align:left;height: 65px;line-height: 65px; }
.header_column2_1 {float: left;width: 60%;padding-top:10px;padding-bottom:10px;text-align:center;height:60px;}
.header_column3_1 {float: left;width: 20%;text-align:right; height: 60px;line-height: 60px; }
.btnn {color: #A4C0D6;padding-left:10px; padding-right:10px; text-decoration: none;font-size: 17px;  border: none;  outline: none;  cursor: pointer;}
.btnn:hover { border: none;  color: #fff;}
.activen { border: none;  color:#fff;}
.logo{height:80px;padding-top:0px; padding-left:10px; padding-right:10px; }

.top {position: fixed;background-color:#333333;margin-left:auto;margin-right:auto;width:100%;height:100px;border-top: 0px solid #000;border-bottom: 0px solid #000;z-index:100000;}
.modal {display: none; position: fixed; padding-top:0px; left: 0;top: 0;margin: auto;width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4); z-index:1000000000000000; font-size:15px;}
.modal-content {text-align:center;background-color: #fefefe;margin: auto; padding-top:105px; padding: 20px; border: 1px solid #888;max-width:1200px;}

a.social{color:#CB4335;}
a.social:hover {color:#ccc;}
a.social_media{color:#CB4335;}
a.social_media:hover{color:#aaa;}
#h2 { width:100%; text-align:center; margin-left:auto; margin-right:auto;  border-bottom: 2px solid #486881; line-height:0.1em; margin:10px 0 20px; font-size:20px; } 
#h2 span { background:#fff;color:#486881; padding:0 10px; }

#h3 { width:100%; text-align:center; margin-left:auto; margin-right:auto;  border-bottom: 2px solid #486881; line-height:0.1em; margin-top:10px; font-size:20px; } 
#h3 span { background:#fff;color:#486881; padding-left:5px; padding-right:5px; }

.product_title_box {line-height:160%; color:#fff; font-size:18px; text-align:left; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; 
padding-left:10px; margin-top:0px; margin-left:0px;  max-width:1200px;  border:0px solid #A7A7A7; -webkit-border-radius:0px;border-radius:0px;background-color:#486881; box-shadow: 0px 0px 0px #888;}

 @media screen and (max-width: 1010px) 
{
.mainmenu{display:none!important}
.top_column1{ width:70%;}
.top_column2{ width:15%; text-align:right; float:right;}
.top_column3{ width:15%;text-align:right;}
}
@media screen and (min-width: 1010px) 
{
.mobilenav1{display:none!important}
}

@media screen and (max-width: 900px) 
{
.modal-content {text-align:center;background-color: #fefefe;margin: auto;margin-top:0px;padding: 20px; border: 1px solid #888;max-width:1200px;}
.menu_index{width: 33%;}
}

@media screen and (max-width: 600px) {
.logo{height:70px;padding-top:20px; padding-left:10px; padding-right:10px; }
}    

@media screen and (max-width: 500px) 
{
.menu_index{width: 100%; padding-right:10px; padding-left:10px; }
.box1{padding-right:5px; padding-left:5px;}
.box2{padding-right:5px; padding-left:5px;}
.box3{padding-right:5px; padding-left:5px;}

.search_in{ width: calc(100% - 10px); margin-right:5px; margin-left:5px;}
.slideshow-container{padding-right:5px; padding-left:5px;}

}
span.outer {color: #898989;font-size:18px;text-decoration: line-through;}
.container {display: block;position: relative;padding-left: 23px;margin-bottom: 8px;cursor: pointer;font-size:18px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.container input {position: absolute;opacity: 0;cursor: pointer;}
.checkmark {position: absolute;top: 0;left: 0;height: 15px;width: 15px; border: 1px solid #A4C0D6;background-color: #fff;border-radius: 50%;}
.container:hover input ~ .checkmark {background-color: #ccc;}
.container input:checked ~ .checkmark {background-color: #fff;}
.checkmark:after {content: "";position: absolute;display: none;}
.container input:checked ~ .checkmark:after { display: block;}
.container .checkmark:after {top: 3px; left: 3px;width: 7px;height: 7px;border-radius: 50%;background: #486881;}
#main_text_bot{background:#fff;}
#image_text_box{float: left;width: 360px;padding-bottom:10px;background:#fff;}

* {box-sizing: border-box;}
.product_column_first_1 {float: left;  width:24.5%; padding-left:0px;  border:0px solid #E8E8E8; background-color: #E9EEF2; min-height:547px; }
.product_column_second_1 {float: left;  width:49.0%; margin-left:1%; border:0px solid #E8E8E8; background-color: #fff;}
.product_column_third_1 {float: left;   width:24.5%; margin-left:1%;  border:0px solid #E8E8E8; background-color: #E9EEF2; min-height:547px;}
.box_product{line-height:170%; color:#E9EEF2;padding-top: 10px; padding-bottom:10px; padding-right:0px; padding-left:0px; margin-top:0px; margin-left:0px;   }
.img_prod{border:1px solid #486881; max-width:850px;width:100%;}
.img_prod_1{border-top:1px solid #486881; border-bottom:1px solid #486881; border-left:1px solid #486881; border-right:1px solid #486881;}
.img_prod_2{border-top:1px solid #486881; border-bottom:1px solid #486881; border-left:1px solid transparent; border-right:1px solid #486881;}
.img_prod_3{border-top:1px solid #486881; border-bottom:1px solid #486881; border-left:1px solid transparent; border-right:1px solid #486881;}
.w3-section{margin-top:0px!important;margin-bottom:10px!important}
.w3-row-padding{padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px;}
.row:after {content: "";display: table;clear: both;}
@media screen and (max-width: 1001px) {
.product_column_first_1 {width: 30%;}
.product_column_second_1 {width: 38%;}
.product_column_third_1 {width: 30%;}
}
@media screen and (max-width: 850px) {
.product_column_first_1 {width: 100%;padding-left:0px; min-height:100%;}
.product_column_second_1 {margin-top:20px;width: 100%; margin-left:0px;}
.product_column_third_1 {margin-top:20px;width: 100%;margin-left:0px;}
}
.w3-col{float:left; width:33.333333%; }
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}  
.w3-content{max-width:850px; width:100%}
.w3-auto{max-width:1140px}
.price_div{font-size:35px; text-align:center;  padding-top: 20px;  padding-bottom:0px;};
.price_div_unit{ color:#323232;  font-size:18px; text-align:center;  padding-top: 20px;  padding-bottom:0px;}
span.outer {color: #898989;font-size:18px;text-decoration: line-through;}
.tothebasket {width:220px;padding-top: 10px;padding-bottom: 10px;margin-top:10px;margin-bottom:3px;background: #AF270A;font-size: 18px;text-align:center;color: #FFF;text-decoration: none;-webkit-appearance: none;}
.tothebasket:hover {background: #E9EEF2;border: solid 0px #2A4E77;color: #fff;text-decoration: none;-webkit-appearance: none;}
.d_buttons {width:220px;padding-top: 5px;padding-bottom: 5px;margin-top:10px;margin-bottom:3px;background: #AF270A;font-size: 18px;text-align:center;color: #FFF;text-decoration: none;-webkit-appearance: none;}
.d_buttons:hover {background: #E9EEF2;border: solid 0px #2A4E77;color: #fff;text-decoration: none;-webkit-appearance: none;}
.parent{position:fixed;width:100%;height:100%;left: 0;top:0;display: none;text-align:center;z-index:999999;}
.parent:before{content: '';display:inline-block;height:100%;vertical-align:middle;}
.parent:after{background:black;content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.5;z-index: 10;}
.centeredchild{position: relative;z-index: 20;display: inline-block;vertical-align: middle;width: 80%;}
.videowrapper{position: relative;padding-top: 25px;padding-bottom: 56.25%;height: 0;}
.videowrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
* { border:0; margin:0; padding:0; }
.zoom {display:inline-block;position: relative;}
.zoom:after {content:'';display:block; width:33px; height:33px; position:absolute; top:0;right:0;background:url(icon.png);}
.zoom img {display: block;}
.zoom img::selection { background-color: transparent; }
#ex2 img:hover { cursor: url(grab.cur), default; }
#ex2 img:active { cursor: url(grabbed.cur), default; }
.text_message {padding-left: 5px;padding-right: 5px;padding-top: 5px;padding-bottom: 5px;width:100%;height:180px;font-size: 16px;color:#353535;margin-top: 0px;text-align: left;border:1px solid #909090;background:#ffffff;}
.cell_message {padding-left: 5px;width:100%;height:36px;font-size: 16px;border:1px solid #909090;font-family: 'Roboto', sans-serif;background:#ffffff;}
.responsive11 {float: left; width: 19.99999%;line-height:150%;  padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px;margin-left:0px;margin-bottom:0px;margin-right:0px; border-bottom:0px solid #A7A7A7;border-left:0px solid #A7A7A7;border-right:0px solid #A7A7A7;border-top:0px solid #A7A7A7;}
@media only screen and (max-width: 1200px){
.responsive11 {width: 24.99999%; }
} 
@media only screen and (max-width: 670px){
.responsive11 {width: 32.99999%; }
} 
@media only screen and (max-width: 450px){
.responsive11 {width: 49.99999%; }
} 
.flex-container {display: -webkit-flex;display: flex;width: 100%;flex-direction: row;flex-wrap: wrap;justify-content: left;}
.clearfix:after {content: "";display: table;clear: both;}
* {box-sizing: border-box;}
.link0, .link1,.link2,.link3,.link4,.link5  {float: left;}
.div0,.div1,.div2,.div3,.div4,.div5:after {content: "";display: table;clear: both;}
#Div2 {display: none;}
#Div2m {display: none;}

@media screen and (max-width: 600px) 
{
#example{display:none!important}
}  
@media screen and (min-width: 600px) 
{
#example1{display:none!important}
}