body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif; }
h1{font-size:25px;}


html,body {width: auto!important; overflow-x: hidden!important} 

body {margin:0;padding:0;height:100%;}
   

hr{border:0;border-top:1px solid #eee;margin:20px 0}
.w3-xlarge{font-size:24px!important}
.w3-xxlarge{font-size:36px!important}
.w3-xxxlarge{font-size:48px!important}
.w3-jumbo{font-size:64px!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.menu_space{padding:20px; font-size:20px; color:#fff;}
.w3-white,.w3-hover-white:hover{color:#fff!important;background-color:#323232!important}
h3{letter-spacing: 0.1vw; color:#525252; font-weight:400; width: 100%;  font-size:45px; margin:10px 0}
.w3-black{background-color:#353535;}
.fa {color: #808080;}
.fa:hover {color: #a7a7a7;}
img{border-style:none; background:transparent; vertical-align:middle;}
.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}
.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
* {box-sizing: border-box;}
.vl {border-left: 6px solid #00C9B7; height:100%; margin-top:120px; font-size:45px; line-height:160%;  padding-left:0px; padding-top:0px;}
.vl1 {border-left: 6px solid #fff; text-align:center; height:100%;}
.vl_left  {border-left: 3px solid #00C9B7;  height:100%;}
.vl_right {border-right:3px solid #00C9B7; padding-left:10px; height:100%;}
.w3-hover-text-green:hover{color:#353535!important}
.main_column_first_1 {float: left;width: 30%;padding-left:2px;text-align:left;font-size:20px;color:#353535;line-height: 140%; }
.main_column_first_2 {float: left;width: 70%;padding-right:20px; padding-top:35px; padding-bottom:0px; text-align:right;font-size:20px;color:#353535;line-height: 140%; }
.item-bg1 {background-image: url(carusel/ban1.png);  width:100%; height:700px;  }
.item-bg2 {background-image: url(carusel/ban2.png);  width:100%; height:700px;  }
.item-bg3 {background-image: url(carusel/ban3.png);  width:100%; height:700px;  }
.item-bg4 {background-image: url(carusel/ban4.png);  width:100%; height:700px;  }
.item-bg5 {background-image: url(carusel/ban5.png);  width:100%; height:700px;  }
.item-bg6 {background-image: url(carusel/ban6.png);  width:100%; height:700px;  }

 /* video */
.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%;}
.video_bg{position:realtive;  background-repeat:no-repeat; background-image: url("carusel/ban1.jpg");  background-position: center; background-size: cover;  z-index:99; width:100%; height:50%;}
.header1{position:relative;width:100%;z-index:100000; top:0;}
@media screen and (max-width: 1200px) 
{
.main_column_first_1 {float: left;width: 100%;padding-left:10px;text-align:center;font-size:20px;color:#353535;line-height: 140%; }
.main_column_first_2 {float: left;width: 100%;padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:15px; text-align:center;font-size:17px;color:#353535;line-height: 140%; }
}
@media screen and (max-width: 600px) 
{
.main_column_first_1 {float: left;width: 100%;padding-left:10px;text-align:center;font-size:20px;color:#353535;line-height: 140%; }
.main_column_first_2 {float: left;width: 100%;padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:15px; text-align:center;font-size:13px;color:#353535;line-height: 140%; }
.main_column_first_3 {float: left;width: 100%;padding-left:10px;padding-right:10px; padding-top:5px; padding-bottom:15px; text-align:center;font-size:13px;color:#353535;line-height: 140%; }
}
@media only screen and (max-width: 470px)
{
.main_column_first_2ee{display:none!important}
} 
@media only screen and (min-width: 470px)
{
.main_column_first_3ee{display:none!important}
} 
.main_column_1 {float:left;width:70%;padding-left:0px;text-align:left;font-size:20px;color:#353535;line-height: 140%; }
.main_column_2 {float:left;width:30%;padding-right:20px; padding-top:35px; text-align:right;font-size:20px;color:#353535;line-height: 140%; }
.border_column_250 {float: left;width: 25%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; }
.border_column_251 {float: left;width: 25%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; }
.border_column_250a {float: left;width: 20%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; }
.border_column_250b {float: left;width: 10%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; }
.border_column_255 {float: left;width: 75%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; }
.border_column_256 {float: left;width: 25%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; }
.grad2 {position:realtive; background: linear-gradient(to right, rgba(168,168,168,0.8), rgba(168,168,168,1),rgba(168,168,168,0.8)); z-index:10000;}
.grad2 {position:realtive; background:#BDC6CD; z-index:10000;}
.grad5 {position:realtive; background:#02CFD4; z-index:10000; padding-left:0px; padding-right:0px;}
.border_column_251a{margin-top:65px;font-size:45px; }
.border_column_251b{font-size:25px; }
.border_column_251c{font-size:20px; }
.border_column_25 {float: left;width: 25%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; }
.column1 {float: left;width: 33.3333%;padding-left: 0px;text-align:left;font-size:20px;color:#353535;line-height: 140%; }
.column2 {float: left;width: 33.3333%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; }
.border_column_10 {float: left;width: 10%;padding-left: 0px;text-align:left;font-size:18px;color:#353535;line-height: 140%; }
.border_column_33 {float: left;width: 33.3333%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; }
.border_column_45 {float: left;width: 45%;padding-left: 0px;text-align:left;font-size:18px;color:#353535;line-height: 140%; }
.border_column_50 {float: left;width: 50%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; }
.border_column_30 {float: left;width: 30%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; }
.border_column_int {float: left;width:25%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; }
.border_column_67 {float: left;width:75%;padding-left: 0px;text-align:left;font-size:18px;color:#353535;line-height: 140%; }
.border_column_int1 {float: left; max-width:20%;padding-left: 0px;text-align:left;font-size:18px;color:#353535;line-height: 140%; }
.border_column_int2 {float: left; max-width:80%;padding-left: 0px;text-align:left;font-size:18px;color:#353535;line-height: 140%; }
.footer_column_1 {float:left;width:50%;padding-left:0px;text-align:left;font-size:20px;color:#353535;line-height: 140%; }
h1{font-size:25px; padding-left:0px;}
.row:after {content: "";display: table;clear: both;}
a {text-decoration:none;color:#808080; }
a:hover {text-decoration:none;color:#353535; }
.bot_1{color:red;}
.bot_2{color:#00C9B7;}
.hexa, .hexa div {margin: 0;transform-origin: 50% 50%;overflow: hidden;width: 100px;height: 100px;}
.hexa {width: 108.333px;height: 76.666px;}
.hexa div {width: 100%;height: 100%;}
.hexa {transform: rotate(120deg);}
.hex1 {transform: rotate(-60deg);}
.hex2 {transform: rotate(-60deg);}
.css {color:#353535;}
.css1 {color:#353535;}
ul.chol_logo {list-style-image: url('/img/sima_only_small.png');}
li {margin-bottom: 10px;}
ul.chol_logo {list-style-image: url('/img/sima_only_small.png');}
li {margin-bottom: 5px; text-align:left; }
.aa1{margin-top:0px; font-size:45px; line-height:100%;  padding-left:0px; padding-top:140px; padding-bottom:140px; text-align:center; color:#353535;}
.aa2{max-width:1200px; padding-top:0px; padding-bottom:15px; margin-left:auto; margin-right:auto; background-color:#F5F5F5;}
.aa4{max-width:1200px; padding-top:0px; padding-bottom:15px; margin-left:auto; margin-right:auto; background-color:#fff;}
.bbk1{position:realtive;  content: ""; background-image: url("image_demo/888.jpg");background-repeat:repeat;background-position: center;  background-size: cover;   z-index:99; width:100%;}
.bbk2{position:realtive;  content: ""; background-image: url("image_demo/bk2.jpg");background-repeat:repeat;background-position: center;  background-size: cover;   z-index:99; width:100%}
.bbk3{position:realtive;  content: ""; background-image: url("image_demo/bk3.png");background-repeat:repeat;background-position: center;  background-size: cover;   z-index:99; width:100%;}
.bg{position:realtive;  background-repeat:no-repeat; background-image: url("image_demo/Layer7.png");  background-position: center; background-size: cover;  z-index:99; width:100%; height:50%;}
.scrollToTop {display: none;position: fixed;bottom: 20px;right:40px;z-index:1000000;font-size: 18px;border: none;outline: none;background-color:#676767;color: white;cursor: pointer;padding:15px;border-radius: 4px;}
.scrollToTop:hover {background-color:#FBC306; color: #353535;}
.sidenavigations {height: 100%;width: 0;position: fixed;z-index: 1;top:0;left: 0;background-color: #111;overflow-x: hidden;transition: 0.5s;padding-top: 0px;z-index:1000;}
.sidenavigations a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #818181;display: block;transition: 0.3s;}
.sidenavigations a:hover {color:#f1f1f1;}
@media screen and (max-height: 450px) {
.sidenavigations {padding-top: 15px;}
.sidenavigations a {font-size: 18px;}
}
.close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.close:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
* {box-sizing: border-box;}
.row:after {content: "";display:table;clear:both;}
.menu_bar {float:left; width:14.28%; padding-left:2px;  padding: 10px; text-align:left; font-size:20px; color:#353535; line-height: 140%; }
.mytext300 {width: 400px;height: 42px;font-size: 15px;padding: 4px 15px;margin-top:3px;}
link1:link{color: red;}
link1:visited {color: green;}
link1:hover {color: hotpink;}
link1:active {color: blue;}
.valign-center{display:inline-flex;vertical-align: middle;align-items: center;}
.triangle1 {position:absolute;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-top:60px solid #fff;z-index:1000;left:50%;transform:translateX(-50%);}
.triangle2 {position:absolute;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-top:60px solid #F1F1F1;z-index:1000;left:50%;transform:translateX(-50%);}
.triangle3 {position:absolute;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-top:60px solid #353535;z-index:1000;left:50%;transform:translateX(-50%);}
.circle{border-radius:50%}
.title{font-size:25px;}
.triangle-black {position:absolute;width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-top: 60px solid #353535;z-index:1000;}
.mytext6 {padding-left: 5px;width:300px;height:30px;font-size: 14px;font-family: 'Roboto', sans-serif;border:1px solid #909090;background:#ffffff;-moz-border-radius: 0px;-webkit-border-radius:0px;border-radius:0px;-ms-border-radius: 0px;-o-border-radius:4px 5px 0 0;}
.submit55 {color:#fff;margin-top: 0px; font-size: 14px;font-family:'Roboto', sans-serif;font-style: normal;font-weight: normal;text-align: center;vertical-align: middle;padding-right:10px;padding-left: 0px;
height:30px;width:300px;border-style: solid;border:1px solid #909090;background:#858585;border-radius:0px;cursor: pointer ;-webkit-appearance: none;} 
.message_box_300 {padding-left:10px;width:290px;height:50px;font-size: 16px;font-family: 'Roboto', sans-serif;border-top:0px solid #909090;border-left:0px solid #909090;
border-right:0px solid #909090;border-bottom:1px solid #909090;background:#fff;outline:none !important;}
.message_box_600 {margin-left:10px;margin-right:10px;padding-left:10px;width:600px;height:50px;font-size: 16px;font-family: 'Roboto', sans-serif;border-top:0px solid #909090;border-left:0px solid #909090;
border-right:0px solid #909090;border-bottom:1px solid #909090;background:#fff;outline:none !important;   }
.message_text {margin-left:10px;margin-right:10px;padding-left:10px;padding-right:10px;padding-top: 0px;padding-bottom: 5px;width:600px;height:200px;font-size: 16px;font-family: 'Roboto', sans-serif;color:#353535;
text-align: left;border-top:0px solid #909090;border-left:0px solid #909090;border-right:0px solid #909090;border-bottom:1px solid #909090;background:#ffffff;outline:none !important;}
.message_column{float:left;width:50%;padding:10px;height:100px;}
.image_demo{max-width:450px; padding:10px;}
.carusel1{padding-top:30px; padding-bottom:60px; font-size:35px; color:white; font-family:'Roboto', sans-serif;}
.carusel2{margin-top:0px; font-size:20px; color:white; font-family:'Roboto', sans-serif;}
.carusel3{text-align:center; max-width:200px;  margin-left:auto;  margin-right:auto;  margin-top:0px; border:solid 1px #ccc; padding:4px; font-size:16px; color:white; font-family:'Roboto', sans-serif;}
.message_submit{margin-top:0px;color: #353535;font-size: 15px;font-style: normal;font-weight: normal;text-align: center;vertical-align: middle;width: 150px;height:40px;padding: 4px 15px;
background-color:#00C9B7;cursor: pointer;border: 1px solid #00C9B7;-webkit-appearance: none;}
.message_submit:hover {background-color:#fff;border: 1px solid #888;color: #353535;}
.submit3 {margin-top:0px;color: #353535;font-size: 15px;font-style: normal;font-weight: normal;text-align: center;vertical-align: middle;width: 150px;height:40px;padding: 4px 15px;background-color:#00C9B7;cursor: pointer;border: 1px solid #00C9B7;-webkit-appearance: none;}
.submit3:hover {background-color:#fff;border: 1px solid #888;color: #353535;}
.submit4 {margin-top:0px;color: #FFF;font-size: 15px;font-style: normal;font-weight: normal;text-align: center;vertical-align: middle;width: 200px;height:45px;padding: 4px 15px;background-color:#808080;cursor: pointer;border: 1px solid #323232;-webkit-appearance: none;}
.submit4:hover {background-color:#fff;border:1px solid #888;color: #353535;}
.newspaper {-webkit-column-count: 3;  -moz-column-count: 3; -webkit-column-gap: 40px;  -moz-column-gap: 40px;  -webkit-column-rule-style: outset; -webkit-column-rule-width: 1px; -moz-column-rule-style: outset; -moz-column-rule-width: 1px;} 
.info_col_1 {float: left;width: 40%;padding-left: 0px;text-align:left;font-size:18px;color:#353535;line-height: 140%; }
.info_col_2 {float: left;width: 40%;padding-left: 0px;text-align:left;font-size:18px;color:#353535;line-height: 140%; }
.info_col_3 {float: left;width: 20%;padding-left: 0px;text-align:left;font-size:18px;color:#353535;line-height: 140%; }
.info{margin-top:0px;}

/* carusel */
.MultiCarousel { float: left; overflow: hidden; padding:15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:transparent; color:#666;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }

.button1 {width:130px;display: block;background: #00C9B7;padding-top:5px;padding-bottom:5px;text-align:center;border-radius: 0px;color: white;font-family: 'Roboto', sans-serif;font-size:15px; }
.button2 {width:130px;display: block;background: #00C9B7;padding-top:5px;padding-bottom:5px;text-align:center;border-radius: 0px;color: white;font-family: 'Roboto', sans-serif;font-size:15px; }
.button3 {width:130px;display: block;background: #00C9B7;padding-top:5px;padding-bottom:5px;text-align:center;border-radius: 0px;color: white;font-family: 'Roboto', sans-serif;font-size:15px; }
.button4 {width:130px;display: block;background: #00C9B7;padding-top:5px;padding-bottom:5px;text-align:center;border-radius: 0px;color: white;font-family: 'Roboto', sans-serif;font-size:15px; }

.button1:hover {background: #353535;}
.button2:hover {background: #353535;}
.button3:hover {background: #353535;}
.button4:hover {background: #353535;} 
.button_line:hover {color: #353535;}


/* The dots/bullets/indicators */
.dot {cursor: pointer;height: 15px;width: 15px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
.active, .dot:hover {background-color: #717171;}
/* Fading animation */
.fade {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;}
@-webkit-keyframes fade {from {opacity: .4} to {opacity: 1}}
@keyframes fade {from {opacity: .4} to {opacity: 1}}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {.prev, .next,.text {font-size: 11px}}


.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}
.close1:focus,.close1:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close1{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}
.close2:focus,.close2:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close2{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}


@media only screen and (max-width: 1140px)
{
.info{display:none!important}
} 

@media only screen and (min-width: 1141px)
{
.info1{display:none!important}
.triangle1{display:none!important}
} 
@media screen and (max-width: 1100px) 
{
.menu_bar{width: 33.3333%;}
}
@media only screen and (min-width: 970px)
{
.border_column_252{display:none!important}
} 
@media only screen and (max-width: 970px)
{
.border_column_250{display:none!important}
.border_column_251 {float: left;width: 25.00%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; }
.border_column_250a {float: left;width: 20%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; }
.border_column_250b {float: left;width: 10%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; }

.border_column_251a{margin-top:35px;font-size:35px; }
.border_column_251b{font-size:20px; }
.border_column_251c{font-size:15px; }
} 
@media only screen and (max-width: 930px)
{
.column1 {float: left;width: 100%;padding-left: 0px;text-align:center;font-size:20px;color:#353535;line-height: 140%; }
.column2 {float: left;width: 100%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; } 
.vl {border-left: 6px solid #353535; height:100%; margin-top:100px; font-size:45px; line-height:160%;  padding-left:0px; padding-top:0px; padding-bottom:0px; }  
.newspaper {-webkit-column-count: 2;  -moz-column-count: 2; -webkit-column-gap: 40px;  -moz-column-gap: 40px;  -webkit-column-rule-style: outset; -webkit-column-rule-width: 1px; -moz-column-rule-style: outset; -moz-column-rule-width: 1px;}
.aa2{max-width:1200px;}
.aa4{max-width:1200px;}

.border_column_int {float: left;width:30%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; }
.border_column_67 {float: left;width:70%;padding-left: 0px;text-align:left;font-size:18px;color:#353535;line-height: 140%; }
.border_column_int1 {float: left; max-width:30%;padding-left: 0px;text-align:left;font-size:18px;color:#353535;line-height: 140%; }
.border_column_int2 {float: left; max-width:70%;padding-left: 0px;text-align:left;font-size:18px;color:#353535;line-height: 140%; }

} 
@media only screen and (min-width: 830px)
{
.border_column_331{display:none!important}
} 
@media only screen and (max-width: 830px)
{
.border_column_33{display:none!important}
} 
@media only screen and (max-width:760px)
{
.main_column_1 {float:left;width:100%;padding-left:20px;text-align:left;font-size:20px;color:#353535;line-height:140%; }
.main_column_2 {float:left;width:100%;padding-right:20px; padding-top:0px; text-align:center;font-size:20px;color:#353535;line-height: 140%; }
} 


@media screen and (max-width: 700px) 
{
.border_column_int {float: left;width:100%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; }
.border_column_67 {float: left;width:100%;padding-left: 0px;text-align:left;font-size:18px;color:#353535;line-height: 140%; }
.border_column_int1 {float: left; max-width:30%;padding-left: 0px;text-align:left;font-size:18px;color:#353535;line-height: 140%; }
.border_column_int2 {float: left; max-width:70%;padding-left: 0px;text-align:left;font-size:18px;color:#353535;line-height: 140%; }
}







@media screen and (max-width: 600px) 
{
.menu_bar{width: 50%;}
.message_column{width: 100%;}
.message_box_300 {width:100%;}
.message_text {width:100%;margin-left:0px;margin-right:0px;padding-left:10px;padding-right:10px;}
.triangle1 {position:absolute;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-top:40px solid #fff;z-index:1000;left:50%;transform:translateX(-50%);}
.triangle4 {position:absolute;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-top:40px solid #808080;z-index:1000;left:50%;transform:translateX(-50%);}
.triangle2 {position:absolute;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-top:40px solid #F1F1F1;z-index:1000;left:50%;transform:translateX(-50%);}
.triangle3 {position:absolute;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-top:40px solid #353535;z-index:1000;left:50%;transform:translateX(-50%);}
.newspaper {-webkit-column-count: 1;  -moz-column-count: 1;}
.aa1{margin-top:0px; font-size:35px; line-height:100%;  padding-left:0px; padding-top:100px; padding-bottom:100px; text-align:center; color:#353535;}
.title{font-size:35px;}
.image_demo{max-width:300px; padding:10px;}
.carusel1{font-size:20px; padding-left:5px;padding-right:5px; padding-top:10px; padding-bottom:40px;}
.carusel2{font-size:15px;}
.carusel3{font-size:10px;}
.mytext300 {margin-left:10px;margin-right:10px;width:280px;}
.submit3{margin-top:10px;}
.aa2{width:100%;}
.aa4{width:100%;}

.MultiCarousel { float: left; overflow: hidden; padding:25px; width: 100%; position:relative; }

}

@media screen and (max-width: 470px) 
{
.border_column_int {float: left;width:100%;padding-left: 0px;text-align:center;font-size:18px;color:#353535;line-height: 140%; }
.border_column_67 {float: left;width:100%;padding-left: 0px;text-align:left;font-size:18px;color:#353535;line-height: 140%; }
.border_column_int1 {float: left; max-width:40%;padding-left: 0px;text-align:left;font-size:18px;color:#353535;line-height: 140%; }
.border_column_int2 {float: left; max-width:60%;padding-left: 0px;text-align:left;font-size:18px;color:#353535;line-height: 140%; }

}

@media screen and (max-width: 400px) 
{
.aa1{margin-top:0px; font-size:30px; line-height:100%;  padding-left:0px; padding-top:100px; padding-bottom:100px; text-align:center; color:#353535;}
.products_bar {float:left; width:50%; padding-top:30px; padding-bottom:30px;  padding-left:2px; padding-right:2px; margin-left:auto; margin-right:auto; }
}



 /* gallery */
.gl-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.gl-animate-opacity{animation:opac 2s}@keyframes opac{from{opacity:0.2} to{opacity:1}}
.gl-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.gl-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.gl-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.gl-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.gl-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.gl-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.gl-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.gl-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}

 /* top carusel */
.carousel-inner img {max-width: 100%; max-height: 100%;}
.carousel{ position:relative; margin-top:100px;margin-bottom:0px;}
@media screen and (max-width: 900px) 
{
.carousel{ position:relative; margin-top:180px;margin-bottom:0px;}
.carousel-inner img {width: 900px;}
.carousel-indicators{display:none!important}
}

 /* links */

.border{ -moz-box-shadow: 1px 1px 5px #999;-webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; -webkit-transition: all .2s ease;transition: all .2s ease;}
.text_overlay {width:80%; color: #323232;position: absolute;top: 50%;left:50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}
.footer_column_l {float:left;width:50%; padding-left:10px; text-align:left; font-size:20px;  color:#353535;line-height: 140%; }
.footer_column_r {float:right;width:50%; padding-right:10px; text-align:right; font-size:20px; color:#353535;line-height: 140%; color:#808080; padding-top:45px; padding-bottom:0px;  font-size:15px; font-weight:300; }
.mod_title {padding-bottom:10px; padding-left:10px; font-size:30px; color:#323232; }
.mod_text {padding-bottom:10px; padding-left:10px; font-size:16px; color:#323232; }
.header1{position:relative;width:100%;z-index:100000; top:0;}
a.autopopup:link {color:#323232; font-size:20px;}
a.autopopup:visited {color:#323232; font-size:20px;}
a.autopopup:hover {color:#353535; font-size:20px;}
.imone {float: left;}
.follow {line-height: 19px;}
@media only screen and (max-width: 1200px)
{
.mod_title {padding-bottom:10px; padding-left:10px; font-size:25px; color:#323232;  }
a.autopopup:link {color:#323232; font-size:18px;}
a.autopopup:visited {color:#323232; font-size:18px;}
a.autopopup:hover {color:#353535; font-size:18px;}
} 
@media only screen and (max-width: 1000px)
{
.mod_title {padding-bottom:10px; padding-left:5px; font-size:25px; color:#323232; }
a.autopopup:link {color:#323232; font-size:20px;}
a.autopopup:visited {color:#323232; font-size:20px;}
a.autopopup:hover {color:#353535; font-size:20px;}
} 


@media only screen and (max-width: 1220px)
{
.main_products_bar {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:33%; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px;  padding-left:10px; padding-right:10px;}
.aa2{max-width:100%; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:15px; margin-left:auto; margin-right:auto; background-color:#F5F5F5;}
.aa4{max-width:900px; padding-top:0px; padding-bottom:15px; margin-left:auto; margin-right:auto; background-color:#fff;}
} 

@media only screen and (max-width: 920px)
{
.main_products_bar {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:50%; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px;  padding-left:10px; padding-right:10px;}
.aa2{max-width:100%; padding-left:10px; padding-right:10px;padding-top:0px; padding-bottom:15px; margin-left:auto; margin-right:auto; background-color:#F5F5F5;}
.aa4{max-width:600px; padding-top:0px; padding-bottom:15px; margin-left:auto; margin-right:auto; background-color:#fff;}
} 


@media only screen and (max-width: 690px)
{
.footer_column_l {float:left;width:100%; padding-left:0px; text-align:center; font-size:20px;  color:#353535;line-height: 140%; }
.footer_column_r {float:right;width:100%; padding-left:0px; text-align:center; font-size:20px; color:#353535;line-height: 140%; color:#808080; padding-top:20px; padding-bottom:0px;  font-size:15px; font-weight:300;}
} 
@media only screen and (max-width: 790px)
{
.header1{position:relative;width:100%;z-index:100000; top:0;}
.products_banner{padding-top:30px;}

.main_products_bar {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:100%; margin-left:10px; margin-right:10px; padding-top:0px; padding-bottom:0px;  padding-left:10px; padding-right:10px;}

} 
@media only screen and (max-width: 470px)
{
.main_products_bar {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:100%; margin-left:10px; margin-right:10px; padding-top:0px; padding-bottom:0px;  padding-left:10px; padding-right:10px;}
.mod_title {padding-bottom:10px; padding-left:10px; font-size:20px; color:#fff; }
} 
a.mod_title:hover {color:#353535;}

 /* video button center  */
.div_center_out {display: flex;justify-content: center;width: 100%;height: 100%;background: transparent;}
.div_center_in {background: transparent;align-self: center;padding: 2rem;}
.w3-animate-top{animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-fading{animation:fading 5s infinite}@keyframes fading{0%{opacity:0.2}50%{opacity:1}100%{opacity:0.2}}
.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}

.main_column_first_1 {float: left;width: 20%;padding-left:2px;text-align:left;font-size:20px;color:#353535;line-height: 140%; }
.main_column_first_2 {float: left;width: 80%;padding-right:20px; padding-top:55px; padding-bottom:0px; text-align:right;font-size:20px;color:#353535;line-height: 140%; }
@media screen and (max-width: 600px) 
{
.main_column_first_1 {float: left;width: 100%;padding-left:10px;text-align:center;font-size:20px;color:#353535;line-height: 140%; }
.main_column_first_2 {float: left;width: 100%;padding-left:15px; padding-right:15px; padding-top:25px; padding-bottom:15px; text-align:center;font-size:13px;color:#353535;line-height: 140%; }
.main_column_first_3 {float: left;width: 100%;padding-left:10px;padding-right:10px; padding-top:5px; padding-bottom:15px; text-align:center;font-size:13px;color:#353535;line-height: 140%; }
}
.d-table {width: 100%;height: 100%;display: table;}
.d-tablecell {display: table-cell;vertical-align: middle;}
.custom-btn1 {background-color: #2B63A2;color: #fff;border: 1px solid #2B63A2;display: inline-block;padding: 12px 30px; text-decoration: none; margin-top:10px;}
.custom-btn1:hover {background-color:#323232;text-decoration: none;color: #fff;}
.custom-btn2 {background-color: #2B63A2;color: #fff;border: 1px solid #2B63A2;display: inline-block;padding: 6px 15px; text-decoration: none; margin-top:10px;}
.custom-btn2:hover {background-color:#323232;text-decoration: none;color: #fff;}
#link51 {  background-color: #2B63A2; }
#link52 { background-color: #5CCBE7;}
#link53 { background-color: #FBC306;}
#link54 { background-color: #323232; }
.sidenav {height: 100%;width: 0;position:fixed; z-index:1000000000000000000; top:0px;left: 0; background-color: #212121; overflow-x: hidden; transition: 0.5s; padding-top: 60px;}
.sidenav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 20px;color: #fff;display: block;transition: 0.3s; }
.sidenav a:hover {color: #ccc;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
.second_banner {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:48%; margin-left:1%; margin-right:1%; padding-top:0px; padding-bottom:20px;  padding-left:0px; padding-right:0px;}
.second_banner_title {padding-bottom:0px; padding-left:10px; font-size:30px; color:#323232; text-align:left;}
.second_banner_text {padding-bottom:10px; padding-left:10px; font-size:16px; color:#323232; text-align:left;}
.second_banner_1 {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:50%; margin-left:auto; margin-right:auto; padding-top:0px; padding-bottom:0px;  padding-left:0px; padding-right:0px;}
.second_banner_2 {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:50%; padding-top:0px; padding-bottom:0px;  padding-left:0px; padding-right:0px;}
.img_fit{width:200px; height:200px;  object-fit: cover; }
.second_banner_main{display:block; max-width:1120px; margin-top:0px; padding-top:30px; margin-bottom:0px; margin-left:auto; margin-right:auto; z-index:100000; background-color:#fff;}
.aa3{width:100%; padding-top:0px; padding-bottom:0px; margin-left:auto; margin-right:auto; background-color:transparent; padding-left:20px; padding-right:20px; text-align:center;}
.p3{top:320px; font-size:30px; text-align:left; }
.grad1 {width:1450px; margin-top:40px;margin-bottom:0px; margin-left:auto; margin-right:auto; position:realtive; background:transparent; z-index:10000; text-align:center;}
@media only screen and (max-width: 1416px)
{
.grad1 {width:1350px;}
.p3{top:300px; font-size:30px;}
} 
@media only screen and (max-width: 1327px)
{
.grad1 {width:1250px;}
.p3{top:275px; font-size:30px;}
} 
@media only screen and (max-width: 1227px)
{
.grad1 {width:1150px;}
.p3{top:255px; font-size:30px;}
} 
@media only screen and (max-width: 1127px)
{
.grad1 {width:1050px;}
.p3{top:240px; font-size:27px;}
} 
@media only screen and (max-width: 1027px)
{
.grad1 {width:950px;}
.p3{top:220px; font-size:25px;}
}
@media only screen and (max-width: 1027px)
{
.grad1 {width:950px; top:200px}
.p3{top:220px; font-size:25px;}
}
@media only screen and (max-width: 927px)
{
.main_products_bar_xl {width:80%; margin-bottom:40px; margin-left:auto;  margin-right:auto;  }
.grad1 {width:100%; top:200px}
.p3{top:100%; font-size:30px;}
}
@media only screen and (max-width: 707px)
{
.main_products_bar_xl {width:80%; margin-bottom:40px; margin-left:auto;  margin-right:auto;  }
.grad1 {width:100%; top:200px}
}
@media only screen and (max-width: 710px)
{
.main_products_bar_xl {width:100%; margin-bottom:40px; margin-left:auto;  margin-right:auto;  }
.grad1 {width:500px; top:200px}
.p3{top:350px; font-size:30px;}
}
@media only screen and (max-width: 500px)
{
.main_products_bar_xl {width:100%; margin-bottom:40px; margin-left:auto;  margin-right:auto;  }
.grad1 {width:300px; top:200px}
.p3{top:210px; font-size:25px;}
}
@media only screen and (max-width: 1615px)
{
.mod_title {padding-bottom:10px; padding-left:10px; font-size:25px; color:#323232;  }
}
@media only screen and (max-width: 1380px)
{
.second_banner_title {padding-bottom:0px; padding-left:10px; font-size:25px; color:#323232; text-align:left;}
.custom-btn1 {background-color: #2B63A2;color: #fff;border: 1px solid #2B63A2;display: inline-block;padding: 8px 20px; text-decoration: none; margin-top:10px;}
.custom-btn1:hover {background-color:#323232;text-decoration: none;color: #fff;}
.custom-btn2 {background-color: #2B63A2;color: #fff;border: 1px solid #2B63A2;display: inline-block;padding: 4px 10px; text-decoration: none; margin-top:10px;}
.custom-btn2:hover {background-color:#323232;text-decoration: none;color: #fff;}
} 

@media only screen and (max-width: 1130px)
{
.mod_title {padding-bottom:10px; padding-left:10px; font-size:20px; color:#323232;  }
.custom-btn1 {background-color: #2B63A2;color: #fff;border: 1px solid #2B63A2;display: inline-block;padding: 4px 10px; text-decoration: none; margin-top:10px;}
.custom-btn1:hover {background-color:#323232;text-decoration: none;color: #fff;}
.custom-btn2 {background-color: #2B63A2;color: #fff;border: 1px solid #2B63A2;display: inline-block;padding: 2px 5px; text-decoration: none; margin-top:10px;}
.custom-btn2:hover {background-color:#323232;text-decoration: none;color: #fff;}
}

@media only screen and (max-width: 1070px)
{
.text_overlay {width:100%; padding-left:10px;  padding-right:10px;   color: #323232;position: absolute;top: 50%;left:50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}
}

@media only screen and (max-width: 990px)
{
.second_banner_title {padding-bottom:0px; padding-left:10px; font-size:20px; color:#323232; text-align:left;}
.second_banner_text {padding-bottom:10px; padding-left:10px; font-size:14px; color:#323232; text-align:left;}
.text_overlay {width:100%; font-size:14px; padding-left:10px;  padding-right:10px;   color: #323232;position: absolute;top: 50%;left:50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}
.aa3{width:100%; padding-top:0px; padding-bottom:0px; margin-left:auto; margin-right:auto; background-color:#fff; padding-left:10px; padding-right:10px;}
.second_banner {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:100%; margin-left:0%; margin-right:0%; padding-top:0px; padding-bottom:20px;  padding-left:20%; padding-right:20%;}
} 
@media screen and (max-width: 900px) 
{
.main_column_first_1 {float: left;width: 100%;padding-left:10px;text-align:center;font-size:20px;color:#353535;line-height: 140%; }
.main_column_first_2 {float: left;width: 100%;padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:15px; text-align:center;font-size:17px;color:#353535;line-height: 140%; }
.overlay1 {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #F0F0F0;overflow: hidden;width: 100%;height:0;transition: .5s ease; opacity: .9; padding-left:10px; padding-right:10px;}
.main_products_bar_xl:hover .overlay1 {bottom: 0;height: 100%; padding-left:10px; padding-right:10px;}
}
@media only screen and (max-width: 790px)
{
.second_banner_main{display:block; max-width:1120px; margin-top:0px; padding-top:10px; margin-bottom:0px; margin-left:auto; margin-right:auto; z-index:100000; background-color:#fff;}
.second_banner {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:96%; margin-left:0%; margin-right:0%; padding-top:0px; padding-bottom:20px;  padding-left:2%; padding-right:2%;}
.second_banner_1 {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:50%; margin-left:auto; margin-right:auto; padding-top:0px; padding-bottom:0px;  padding-left:0px; padding-right:0px;}
.second_banner_2 {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:50%; padding-top:0px; padding-bottom:0px;  padding-left:0px; padding-right:0px;}
} 
@media only screen and (max-width: 600px)
{
.img_fit{width:150px; height:150px;  object-fit: cover; }
} 
.footer_main {margin-top:0px; background-color:#292929; margin-left:auto; margin-right:auto; max-width:1200px; padding-top:20px; padding-bottom:20px; text-align:left; }
.main_footer_column1 {background-color:#292929; border-bottom:0px;  margin-left:auto; margin-right:auto; width:40%; padding-left:30px; padding-top:0px; padding-bottom:0px;   font-size:13px;color:#fff; }
.main_footer_column2 {background-color:#292929; border-bottom:0px;  margin-left:auto; margin-right:auto; width:20%; padding-left:10px; padding-top:0px; padding-bottom:0px;   font-size:13px;color:#fff; }
.main_footer_column3 {background-color:#292929; border-bottom:0px;  margin-left:auto; margin-right:auto; width:20%; padding-left:10px; padding-top:0px; padding-bottom:0px;   font-size:13px;color:#fff; }
.main_footer_column4 {background-color:#292929; border-bottom:0px;  margin-left:auto; margin-right:auto; width:20%; padding-left:10px; padding-top:0px; padding-bottom:0px;   font-size:13px;color:#fff; }
@media only screen and (max-width: 1130px)
{
.footer_main {margin-top:0px; margin-left:auto; margin-right:auto; max-width:1000px; padding-top:20px; padding-bottom:20px; text-align:left; }
.main_footer_column1 {margin-left:auto; margin-right:auto; border-bottom:0px;   width:35%; padding-left:40px; padding-top:0px; padding-bottom:0px;  font-size:13px;color:#fff; }
.main_footer_column2 {margin-left:auto; margin-right:auto; border-bottom:0px;   width:22%; padding-left:30px; padding-top:0px; padding-bottom:0px;  font-size:13px;color:#fff; }
.main_footer_column3 {margin-left:auto; margin-right:auto; border-bottom:0px;   width:23%; padding-left:10px; padding-top:0px; padding-bottom:0px;  font-size:13px;color:#fff; }
.main_footer_column4 {margin-left:auto; margin-right:auto; border-bottom:0px;   width:20%; padding-left:10px; padding-top:0px; padding-bottom:0px;  font-size:13px;color:#fff; }
} 
@media only screen and (max-width: 970px)
{
.footer_main {margin-top:0px; margin-left:auto; margin-right:auto; max-width:900px; padding-top:20px; padding-bottom:20px; text-align:left; }
.main_footer_column1 {margin-left:auto; margin-right:auto; border-bottom:0px;   width:100%; padding-left:40px; padding-top:0px; padding-bottom:0px;  font-size:13px;color:#fff; }
.main_footer_column2 {margin-left:auto; margin-right:auto; border-bottom:0px;   width:35%; padding-left:40px; padding-top:0px; padding-bottom:0px;   font-size:13px;color:#fff; }
.main_footer_column3 {margin-left:auto; margin-right:auto; border-bottom:0px;   width:35%; padding-left:20px; padding-top:0px; padding-bottom:0px;   font-size:13px;color:#fff; }
.main_footer_column4 {margin-left:auto; margin-right:auto; border-bottom:0px;   width:30%; padding-left:20px; padding-top:0px; padding-bottom:0px;   font-size:13px;color:#fff; }
} 
@media only screen and (max-width: 600px)
{
.footer_main {margin-top:0px; margin-left:auto; margin-right:auto; max-width:400px; padding-top:20px; padding-bottom:20px; text-align:left; }
.main_footer_column1 {margin-left:auto; margin-right:auto; border-bottom:0px;   width:100%; padding-left:50px; padding-top:0px; padding-bottom:0px;  font-size:13px;color:#fff; }
.main_footer_column2 {margin-left:auto; margin-right:auto; border-bottom:0px;   width:100%; padding-left:50px; padding-top:0px; padding-bottom:0px;   font-size:13px;color:#fff; }
.main_footer_column3 {margin-left:auto; margin-right:auto; border-bottom:0px;   width:50%; padding-left:50px; padding-top:0px; padding-bottom:0px;   font-size:13px;color:#fff; }
.main_footer_column4 {margin-left:auto; margin-right:auto; border-bottom:0px;   width:50%; padding-left:50px; padding-top:0px; padding-bottom:0px;   font-size:13px;color:#fff; }
} 

@media only screen and (max-width: 490px)
{
.footer_main {margin-top:0px; margin-left:auto; margin-right:auto; max-width:400px; padding-top:20px; padding-bottom:20px; text-align:left; }
.main_footer_column1 {margin-left:auto; margin-right:auto; border-bottom:0px;   width:100%; padding-left:50px; padding-top:0px; padding-bottom:0px;  font-size:13px;color:#fff; }
.main_footer_column2 {margin-left:auto; margin-right:auto; border-bottom:0px;   width:100%; padding-left:50px; padding-top:0px; padding-bottom:0px;   font-size:13px;color:#fff; }
.main_footer_column3 {margin-left:auto; margin-right:auto; border-bottom:0px;   width:100%; padding-left:50px; padding-top:0px; padding-bottom:0px;   font-size:13px;color:#fff; }
.main_footer_column4 {margin-left:auto; margin-right:auto; border-bottom:0px;   width:100%; padding-left:50px; padding-top:0px; padding-bottom:0px;   font-size:13px;color:#fff; }
} 

.search_0 {outline: none; width:100%; max-width:350px; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;  border-bottom:1px solid #ccc; border-radius: 4px;font-size: 17px;background-color: transparent;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;color:#353535;-webkit-transition: width 0.4s ease-in-out;transition: width 0.4s ease-in-out;}

@media screen and (max-width:790px) {
.search_0 {margin-bottom:20px; }
}

.about{color:#fff;}
.about:hover {color: #a8a8a8;}
.fabout{color:#fff;}
.fabout:hover {color: #323232;}
.header1{position:relative;width:100%;z-index:1000000000000; top:0; background-color:#fff;}
.slider-top{margin-top:20px;}
@media only screen and (max-width: 790px)
{
.header1{position:relative;width:100%;z-index:10000000000000; top:0;}
.slider-top{margin-top:20px;}
} 
.ui-menu {display: block;list-style: none outside none;margin: 0;outline: medium none;padding: 2px;}
.ui-menu .ui-menu {margin-top: -3px;position: absolute;}
.ui-autocomplete span.hl_results { background-color: #ffff66;}
.ui-autocomplete-loading { background: white url(../images/auto-image.gif) right center no-repeat;}
.ui-autocomplete { max-height: 250px; overflow: hidden;overflow-x: hidden;padding-right: 5px;}
.ui-autocomplete li {font-size: 16px;}
* html .ui-autocomplete {height: 250px;}
.ui-autocomplete {cursor: default;left: 0;position: absolute;top:0;}
.ui-menu .ui-menu-item a {display: block;font-weight: normal;line-height: 1.5;min-height: 0;padding: 5px 0.4em;text-decoration: none;font-size:1em;cursor: pointer;border-bottom: 1px solid #DDDDDD;}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {font-weight: normal;margin: -1px;}
.ui-widget-content {position: fixed; width:350px; background: #fff;color: #333333;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);}
.bbr2{margin-top:0px; padding-left:0px; padding-right:0px; background-color:#fff; background-color:#2B63A2; width:100%; margin:auto;}
.dropbtn  {border-radius: 0px; border: none; border-right:1px solid #E8E8E8; vertical-align:top; margin-top:40px; position: relative;  padding-left:15px; padding-right:15px; padding-top:0px;  padding-bottom:0px; background-color:#fff; font-size:19px; color:#565656;}
.dropbtn1  {border-radius: 0px; border: none; border-right:0px solid #E8E8E8; vertical-align:top; margin-top:40px; position: relative;  padding-left:15px; padding-right:15px; padding-top:0px;  padding-bottom:0px; background-color:#fff; font-size:19px; color:#565656;}
.dropbtn2  {border-radius: 0px; border: none; border-right:0px solid #E8E8E8; vertical-align:top; margin-top:40px; position: relative;  padding-left:15px; padding-right:15px; padding-top:0px;  padding-bottom:0px; background-color:#fff; font-size:19px; color:#565656;}
.dropdown {position: relative;display: inline-block; color:#454545;}
.dropdown1{position: relative;display: inline-block; color:#454545;}
.dropdown2{position: relative;display: inline-block; color:#454545;}
.normbtn1 {border-radius: 0px; border-left:0px solid #E8E8E8; border-right:1px solid #E8E8E8; vertical-align:top; margin-top:40px; display:inline-block; position: relative; padding-left:10px; padding-right:15px; padding-top:0px;  padding-bottom:0px;  background-color: #fff; font-size:19px; color:#565656;}
.normbtn2 {border-radius: 0px; border-left:1px solid #E8E8E8; border-right:1px solid #E8E8E8; vertical-align:top; margin-top:40px; display:inline-block; position: relative; padding-left:15px; padding-right:15px; padding-top:0px;  padding-bottom:0px;  background-color: #fff; font-size:19px; color:#565656;}
.normbtn3 {border-radius: 0px; border-left:0px solid #E8E8E8; border-right:1px solid #E8E8E8; vertical-align:top; margin-top:40px; display:inline-block; position: relative; padding-left:15px; padding-right:15px; padding-top:0px;  padding-bottom:0px;  background-color: #fff; font-size:19px; color:#565656;}
.normbtn4 {border-radius: 0px; border-left:0px solid #E8E8E8; border-right:0px solid #E8E8E8; vertical-align:top; margin-top:40px; display:inline-block; position: relative; padding-left:15px; padding-right:15px; padding-top:0px;  padding-bottom:0px;  background-color: #fff; font-size:19px; color:#565656;}

.dropdown-content1 {display: none;position: absolute; width:250px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1; font-size:16px; text-align:left;}
.dropdown-content2 { display: none;position: absolute; width:250px%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1; font-size:16px; text-align:left;}
.b1{background-color: #f1f1f1; width:100%; color:#292929; font-size:16px; text-align:left; border-top:1px solid #E8E8E8;}
.b1:hover{background-color: #ccc;color:#292929;font-style: italic;}
.b2{background-color: #FBC306; width:100%; font-size:16px; text-align:left; }
.b2:hover{background-color: #ccc;color:#292929;font-style: italic;}
.b3{background-color: #5CCBE7; width:100%; font-size:16px; text-align:left; }
.b3:hover{background-color: #ccc;color:#292929;font-style: italic;}
.dropdown-content a {padding-left:10px; padding-right:10px;  padding-top:10px;  padding-bottom:10px; text-decoration: none;display: block;}
.dropdown-content1 a {padding-left:10px; padding-right:10px;  padding-top:10px; padding-bottom:10px; text-decoration: none;display: block;}
.dropdown-content2 a {padding-left:10px; padding-right:10px;  padding-top:10px; padding-bottom:10px; text-decoration: none;display: block;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown1:hover .dropdown-content1 {display: block;}
.dropdown2:hover .dropdown-content2 {display: block;}
.dropdown:hover .dropbtn{color: #1784AB; border-radius: 0px; }
.dropdown1:hover .dropbtn1{color: #1784AB;}
.dropdown2:hover .dropbtn2{color: #1784AB;}
.normbtn1:hover {font-size:19px;color:#1784AB; }
.normbtn2:hover {font-size:19px;color:#1784AB; }
.normbtn3:hover {font-size:19px;color:#1784AB; }
.normbtn4:hover {font-size:19px;color:#1784AB; }
.normbtn:hover{color: #ccc;}
.nav_banner_col_1 {width:15%;  padding-left:2px;text-align:left;font-size:20px;color:#353535;line-height: 140%; }
.nav_banner_col_2 { width:85%;  padding-left:0px; padding-right:0px; padding-top:85px; padding-bottom:0px;  }
.bbr1{ position:relative; z-index:100000; background-color:#fff; width:100%;  left: 0; right: 0; margin-left: auto; margin-right: auto; text-align:center; margin-top:0px; margin-bottom:20px; border-bottom:0px solid #E8E8E8; }
.modal {display: none; position: fixed; z-index: 10000; padding-top: 100px;left: 0;top: 0;width: 100%; height: 100%; overflow: auto;  background-color: rgba(0,0,0,0.6); }
.close {color: red;float: right;text-align:right;font-size: 35px;font-weight: bold;}
.close:hover,
.close:focus {color: #000;text-decoration: none;cursor: pointer;}

.top{width:100%; border-bottom:1px solid #E8E8E8; margin-left:auto; margin-right:auto;}
.top_inside{margin-left:auto; margin-right:auto; padding-top:5px; padding-bottom:5px; width:100%; padding-left:20px; padding-right:20px; font-size:14px; color:#C8C8C8; text-align:right;}
.top_inside_mobile{margin-left:auto; margin-right:auto; padding-top:5px; padding-bottom:5px; width:100%; padding-left:20px; padding-right:20px; font-size:14px; color:#C8C8C8; text-align:right;}

.top_col_1{display: inline; position: relative;  width:30%; margin-left:0.2%; margin-right:0.2%; float:left; text-align:left; padding-left:30px; padding-top:0px;}
.top_col_2{display: inline; position: relative;  width:69%; margin-left:0.2%; margin-right:0.2%; float:left; text-align:right;}

.hero-slider {position: relative;}
.single-hs-item {height:600px;background-size: cover; object-fit: cover;  background-position: center center;position: relative;}
.single-hs-item:before {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: #000;opacity: .1;}


.hero-text {padding: 0 15px;text-align: center;max-width: 1140px;margin-left: auto;margin-right: auto;position: relative;}
.hero-text h1 {color: #fff;font-size: 50px;text-transform: capitalize;font-weight: 600;margin: 0; text-shadow: 2px 2px #000;}
.hero-text p {color: #fff;font-size: 22px;max-width: 600px;margin-left: auto;margin-right: auto;line-height: 30px;margin-top: 25px;margin-bottom: 35px; text-shadow: 2px 2px #000;}
.hero-slider .owl-item.active h1 {-animation: 1s .3s fadeInLeft both;}
.hero-slider .owl-item.active p {-webkit-animation: 1s .3s fadeInLeft both;animation: 1s .3s fadeInLeft both;}
.hero-slider .owl-item.active .slider-btn {-webkit-animation: 1s .3s fadeInLeft both;animation: 1s .3s fadeInLeft both;}


.owl-carousel .owl-nav button.owl-prev {background-color: trasparent;position: absolute;left: 0;top: 50%;color: trasparent;font-size: 0px;margin: -40px 0 0;border-radius: 0;height: 50px;width: 50px;}
.owl-carousel .owl-nav button.owl-next {background-color: trasparent;position: absolute;right: 0;top: 50%;color: trasparent;font-size: 0px;margin: -40px 0 0;border-radius: 0;height: 50px;width: 50px;}

.owl-theme .owl-nav {margin-top: 0;}
.owl-dots {position: absolute;left: 0;right: 0; bottom: 20px;}
.owl-theme .owl-dots .owl-dot span {width: 11px;height: 20px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #1784AB;}



@media only screen and (max-width: 790px) {
.single-hs-item {height: 450px;}
} 

@media only screen and (max-width: 600px) {
.single-hs-item {height: 400px;}
} 

@media only screen and (max-width: 450px) {
.single-hs-item {height: 350px;}
} 


@media only screen and (max-width: 600px) {
.hero-text h1 {
        font-size: 30px;
    }
    .hero-text p {
        font-size: 15px;
        margin-bottom: 25px;
    }
    .owl-carousel .owl-nav button.owl-next {
        top: auto;
        margin: 0;
        bottom: 0px;
    }
.owl-carousel .owl-nav button.owl-prev { top: auto; margin: 0; bottom: 0px;}
.owl-dots { bottom: 10px; left: 50px; right: 50px;}} 



.bbr{color:#fff;}
.bbr:hover{color:#fff;font-style: italic;}
.mod_main {position: fixed;top: 0;left: 0;background: transparent; background: rgba(0, 0, 0, 0.8); z-index: 10000000000000000; height: 100%; width: 100%;}
.modalconent {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;max-width:60%;padding: 20px;}
.mod_close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.mod_close:hover,
.mod_close:focus {color: #000;text-decoration: none;cursor: pointer;}
ul {list-style-type: none;margin: 0;padding: 0;width: 100%;background-color: #f1f1f1;}
li a {display: block;border-bottom: 1px solid #888;color: #292929;  font-weight: bold;padding: 8px 16px;text-decoration: none;}
li a.active { color: #292929; background-color: #f1f1f1; font-weight: normal;}
li a:hover {background-color: #555;color: white;}
li a:hover:not(.active) {background-color: #555;color: white;}
.box{text-align:left; font-size:18px;display: block; background-color: #1784AB;border-bottom: 1px solid #888;  color: #fff;    font-weight: bold;  padding-left:10px;  padding-right:8px;  padding-top:15px;  padding-bottom:15px;  text-decoration: none; }
.box2{text-align:left; font-size:18px;display: block; background-color: #fff;border-bottom: 1px solid #1784AB;  color: #565656;    font-weight: bold;  padding-left:10px;  padding-right:8px;  padding-top:50px;  padding-bottom:15px;  text-decoration: none; }

.main_title{text-align:left; font-size:18px;display: block;  color: #2B63A2;font-weight: bold;padding-left:8px;padding-right:8px;padding-top:10px;padding-bottom:10px;text-decoration: none;}
.main_title_2{text-align:left; font-size:18px;display: block;color: #565656; font-weight: bold;padding-left:0px;padding-right:0px;padding-top:20px;padding-bottom:0px;text-decoration: none; border-bottom:0px solid #2B63A2;}
  /* categories bar */
.main_products_bar {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:24.0%; margin-left:0.5%; margin-right:0.5%; padding-top:0px; padding-bottom:0px;  padding-left:0px; padding-right:0px; margin-bottom:0px;}

.container {position: relative;width: 100%;}
.image {display: block;width: 100%;}
.overlay1 {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #F0F0F0;overflow: hidden;width: 100%;height:0;transition: .5s ease; opacity: .9;}
.main_products_bar:hover .overlay1 {bottom: 0;height: 100%;}
.overlay2 {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #F0F0F0;overflow: hidden;width: 100%;height:0;transition: .5s ease;}
.main_products_bar:hover .overlay2 {bottom: 0;height: 100%;}
.overlay3 {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #F0F0F0;overflow: hidden;width: 100%;height:0;transition: .5s ease;}
.main_products_bar:hover .overlay3 {bottom: 0;height: 100%;}
.overlay4 {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #F0F0F0;overflow: hidden;width: 100%;height:0;transition: .5s ease;}
.main_products_bar:hover .overlay4 {bottom: 0;height: 100%;}
.overlay5 {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #F0F0F0;overflow: hidden;width: 100%;height:0;transition: .5s ease;}
.main_products_bar:hover .overlay5 {bottom: 0;height: 100%;}
.overlay6 {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #F0F0F0;overflow: hidden;width: 100%;height:0;transition: .5s ease;}
.main_products_bar:hover .overlay6 {bottom: 0;height: 100%;}
.overlay7 {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #F0F0F0;overflow: hidden;width: 100%;height:0;transition: .5s ease;}
.main_products_bar:hover .overlay7 {bottom: 0;height: 100%;}
.overlay8 {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #F0F0F0;overflow: hidden;width: 100%;height:0;transition: .5s ease;}
.main_products_bar:hover .overlay8 {bottom: 0;height: 100%;}
.main_products_bar_xl {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:32.9%; margin-left:0.2%; margin-right:0.2%; padding-top:0px; padding-bottom:0px;  padding-left:0px; padding-right:0px;}
.container {position: relative;width: 100%;}
.image {display: block;width: 100%;}
.overlay1 {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #F0F0F0;overflow: hidden;width: 100%;height:0;transition: .5s ease; opacity: .9;}
.main_products_bar_xl:hover .overlay1 {bottom: 0;height: 100%;}
.overlay2 {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #F0F0F0;overflow: hidden;width: 100%;height:0;transition: .5s ease;}
.main_products_bar_xl:hover .overlay2 {bottom: 0;height: 100%;}
.overlay3 {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #F0F0F0;overflow: hidden;width: 100%;height:0;transition: .5s ease;}
.main_products_bar_xl:hover .overlay3 {bottom: 0;height: 100%;}
.overlay4 {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #F0F0F0;overflow: hidden;width: 100%;height:0;transition: .5s ease;}
.main_products_bar_xl:hover .overlay4 {bottom: 0;height: 100%;}
.overlay5 {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #F0F0F0;overflow: hidden;width: 100%;height:0;transition: .5s ease;}
.main_products_bar_xl:hover .overlay5 {bottom: 0;height: 100%;}
.overlay6 {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #F0F0F0;overflow: hidden;width: 100%;height:0;transition: .5s ease;}
.main_products_bar_xl:hover .overlay6 {bottom: 0;height: 100%;}
.overlay7 {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #F0F0F0;overflow: hidden;width: 100%;height:0;transition: .5s ease;}
.main_products_bar_xl:hover .overlay7 {bottom: 0;height: 100%;}
.overlay8 {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #F0F0F0;overflow: hidden;width: 100%;height:0;transition: .5s ease;}
.main_products_bar_xl:hover .overlay8 {bottom: 0;height: 100%;}
.cover_1 {object-fit: cover;width:200px; height:200px; border-top:0px solid #2B63A2; border-bottom:0px solid #888;}  
.cover_main {object-fit: cover;width:100%; height:550px; border-top:0px solid #2B63A2; border-bottom:0px solid #888;}  

.cover {object-fit: cover;width:270px; height:270px; border-top:10px solid #2B63A2; border-bottom:0px solid #888;}  
.bottom-left {background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6);color:#fff;position: absolute;bottom: -10px;left: 0px;  padding:8px; padding-bottom:15px; width:100%;}

.bottom-total {background-color: rgb(0,0,0); background-color: rgba(23,132,171,0.7);color:#fff;position: absolute;bottom: 30px;left: 0px;  padding:8px; padding-top:10px; padding-bottom:10px; width:100%;}
.image_main_pro{width:200px; margin:auto;  vertical-align:middle;}

.box_image:hover .bottom-total { background-color:#565656;color:#fff;position: absolute;bottom: 30px;left: 0px;  padding:8px; padding-top:10px; padding-bottom:10px; width:100%;}


.box_image:hover .image_main_pro { opacity: 0.5;filter: alpha(opacity=50);}

.box_image{width:300px; height:300px;}


.bottom {background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6);color:#fff;  bottom: 0px; left: 0px; padding:8px; width:100%;}
.box_image {position: relative;text-align: center;color: white;padding-top:20px;padding-bottom:30px;margin-bottom:0px;text-align:left;line-height:150%;font-size:16px;}
@media screen and (max-width: 1215px) {
       .bottom-left{bottom: -40px;}
}

.img_logo_mobile{max-width:300px; vertical-align: top; padding-left:0px; padding-left:0px;  padding-right:0px; padding-top:20px; padding-bottom:10px;margin-left:-20px;}
.products_banner{width:100%; margin-top:10px; padding-top:20px; margin-bottom:0px; z-index:100000; background-color:#F5F5F5; padding-left:0px; padding-right:20px;}

.aa12{width:1200px; padding-top:0px; padding-bottom:45px; margin-left:auto; margin-right:auto; background-color:#fff;}

* {box-sizing: border-box;}

.main_cov {  float: left;  background-color: #fff;   border-bottom: 0px;  float:left; width:24.6%; margin-left:0%; margin-right:0%; padding-top:0px; padding-bottom:0px;  padding-left:0px; padding-right:0px;}
.container {position: relative;width: 100%;}



.column_a {float: left;padding-left: 10px;padding-right: 10px;}
.column_a_1 {float: left;width: 25%;padding: 5px;}

/* Clearfix (clear floats) */
.row::after {content: "";clear: both;display: table;}







 @media screen and (max-width: 845px) 
{
.bottom-left{display:none!important}
.products_banner{width:100%; margin-top:10px; padding-top:20px; margin-bottom:0px; z-index:100000; background-color:#F5F5F5; padding-left:10px; padding-right:10px;}
.dropbtn1 {width:170px; height:60px; font-size:19px;}
.dropbtn2 {width:170px; height:60px; font-size:19px;}
.normbtn1 {width:170px; height:60px; font-size:19px;}
.normbtn2 {width:170px; height:60px; font-size:19px;}
.normbtn3 {width:170px; height:60px; font-size:19px;}
.dropdown-content1 {width:140%;}
.dropdown-content2 {width:140%;}
.column_a {float: left;padding-left: 10px;padding-right: 10px;}
.column_a_1 {float: left;width: 50%;padding: 5px;}

.box_image {position: relative;text-align: center;color: white;padding-top:0px;padding-bottom:0px;margin-bottom:10px;text-align:left;line-height:150%;font-size:16px;}
} 

@media only screen and (min-width: 845px)
{
.bottom{display:none!important}
} 
 @media screen and (max-width: 845px) 
{

}



@media only screen and (min-width: 846px)
{
.left_menu{display:none!important}
.mobile_logo{display:none!important}
} 



.main_products_ref1 {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:100%%; margin-left:0%; margin-right:0%; padding-top:0px; padding-bottom:0px;  padding-left:0px; padding-right:0px;}
.main_products_ref2 {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:100%%; margin-left:0%; margin-right:0%; padding-top:0px; padding-bottom:0px;  padding-left:0px; padding-right:0px;}
.main_products_ref3 {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:100%%; margin-left:0%; margin-right:0%; padding-top:0px; padding-bottom:0px;  padding-left:0px; padding-right:0px;}
.main_products_ref4 {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:100%%; margin-left:0%; margin-right:0%; padding-top:0px; padding-bottom:0px;  padding-left:0px; padding-right:0px;}
.main_products_ref5 {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:100%%; margin-left:0%; margin-right:0%; padding-top:0px; padding-bottom:0px;  padding-left:0px; padding-right:0px;}

.row-centered {text-align:center;}
.col-centered {float:left; text-align:center;    margin-right:0px; padding-bottom:10px;}
.cover_m {object-fit: cover;width:100%;height:<?= $height +100 ?>px; padding:3px;}  
.covers {object-fit: cover;width:100%; height:90px;}   
.covert {object-fit: cover;width:100%; height:200px;}   
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}  

.w3-col{float:left;width:16.666666%; padding:3px;}
.smimg {margin-left:0px; padding-top:10px;}
.aa4{width:1090px; padding-top:0px; padding-bottom:15px; margin-left:auto; margin-right:auto; background-color:#fff;}
.product_column_first {float: left;width:60%;padding-left:20px; padding-right:20px;}
.product_column_second {float: left;width:40%;padding-left:20px;}

.tothebasket {width:100%;padding-left:10px; padding-right:10px;  padding-top: 10px;padding-bottom: 10px;margin-top:10px;margin-bottom:3px;background: #1784AB;font-size: 16px;text-align:center;color: #FFF;text-decoration: none;-webkit-appearance: none;}
.tothebasket:hover {background: #565656;border: solid 0px #1784AB;color: #fff;text-decoration: none;-webkit-appearance: none;}
.gl-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.gl-animate-opacity{animation:opac 2s}@keyframes opac{from{opacity:0.2} to{opacity:1}}
.gl-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.gl-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.gl-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.gl-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.gl-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.gl-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.gl-opacity,.w3-hover-opacity:hover{opacity:0.60}

.w3-hover-opacity-off:hover{opacity:1;}
.gl-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-opacity{opacity:0.8;cursor: pointer;}

.w3-opacity-off{opacity:1}

.centered { position: absolute; top: 40%; left: 50%;   background-repeat: no-repeat; transform: translate(-40%, -50%);}
.top-left { position: absolute; top: 8px; left: 16px;}
.bottom-right { position: absolute; bottom: 8px; right: 16px;}
.bottom-leftt {background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6);color:#fff;padding:10px; position: absolute; bottom: 8px;left: 10px;}
.images_width{width:100%;}

@media screen and (max-width: 1345px) 
{
.cover_m {object-fit: cover;width:100%;height:<?= $height -100 ?>px; padding:3px;}  
.images_width{width:<?= $width -100 ?>px;}
} 
.row-centered1 {   text-align:center;}
.col-centered1 {display:inline-block;float:none;text-align:center; margin-right:0px;}


.pro_banner {position: relative; background-color: #fff;   border-bottom: 0px;  float:left; width:24.0%; margin-left:0.5%; margin-right:0.5%; padding-top:0px; padding-bottom:0px;  padding-left:0px; padding-right:0px; margin-bottom:0px;}

 @media screen and (max-width: 1220px) 
{
.pro_banner {float:left; width:32.3333%; padding-top:10px; padding-bottom:10px;  padding-left:5px; padding-right:5px;}
}

 @media screen and (max-width: 845px) 
{
.bottom-total {background-color: rgb(0,0,0); background-color: rgba(23,132,171,0.7);color:#fff;position: absolute;bottom: 0px;left: 0px;  padding:8px; padding-top:10px; padding-bottom:10px; width:100%;}
.box_image:hover .bottom-total { background-color:#565656;color:#fff;position: absolute;bottom: 0px;left: 0px;  padding:8px; padding-top:10px; padding-bottom:10px; width:100%;}
}

 @media screen and (max-width: 650px) 
{
.pro_banner {float:left; width:48.9999%; padding-top:10px; padding-bottom:10px;  padding-left:5px; padding-right:5px;}
}

.column_grad2_first {float: left;width: 33.333333%;padding-left: 0px;text-align:center;font-size:20px;color:#353535;line-height: 140%; border-left: 0px solid #888; }
.column_grad2_middle {float: left;width: 33.333333%;padding-left: 0px;text-align:center;font-size:20px;color:#353535;line-height: 140%; border-left: 1px solid #888; }


.grad2 {width:100%; margin-top:-20px;margin-bottom:20px; margin-left:auto; margin-right:auto;}


@media only screen and (max-width: 1140px)
{
.grad2 {width:100%; margin-top:20px;margin-bottom:20px; margin-left:auto; margin-right:auto;}
} 


 @media screen and (max-width: 550px) 
{
.column_grad2_first {float: left;width: 100.00%;padding-left: 0px;text-align:center;font-size:20px;color:#353535;line-height: 140%; border-left: 0px solid #888; }
.column_grad2_middle {float: left;width: 100.00%;padding-left: 0px;text-align:center;font-size:20px;color:#353535;line-height: 140%; border-left: 0px solid #888; }
}



#loading {display: block;position: absolute;top: 0;left: 0;z-index: 100;width: 100vw;height: 100vh;background-color: #fff;background-image: url("img/load2.gif");background-size: 200px 200px;background-repeat: no-repeat; background-position: center;}
.sticky {position: fixed;top: 0;width: 100%;}
.sticky + .contens {padding-top: 135px;}


#exampleSlider {
  position: relative;
  border: 0px solid black;
}
@media (max-width: 767px) {
  #exampleSlider {
    border-color: transparent;
  }
}
#exampleSlider .MS-content {
  margin: 15px 5%;
  overflow: hidden;
  white-space: nowrap;
  border: 0px solid red;
}
@media (max-width: 767px) {
  #exampleSlider .MS-content {
    margin: 0;
  }
}
#exampleSlider .MS-content .item {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  border: 0px solid green;
  border-right: none;
  width: 100%;
}
@media (max-width: 1450px) {
  #exampleSlider .MS-content .item {
    width: 25%;
  }
}
@media (max-width: 1157px) {
  #exampleSlider .MS-content .item {
    width: 33.3333%;
  }
}
@media (max-width: 855px) {
  #exampleSlider .MS-content .item {
    width: 50%;
  }
}

@media (max-width:450px) {
  #exampleSlider .MS-content .item {
    width: 100%;
  }
}



#exampleSlider .MS-content .item p {
  font-size: 30px;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
  margin: 0;
  padding: 10px 0;
}
#exampleSlider .MS-controls button {
  position: absolute;
  border: none;
  background: transparent;
  font-size: 30px;
  outline: 0;
  top: 35px;
}
@media (max-width: 767px) {
  #exampleSlider .MS-controls button {
    display: none;
  }
}
#exampleSlider .MS-controls button:hover {
  cursor: pointer;
}
#exampleSlider .MS-controls .MS-left {
  left: 10px; 
}
@media (max-width: 992px) {
  #exampleSlider .MS-controls .MS-left {
    left: -2px;
  }
}
#exampleSlider .MS-controls .MS-right {
  right: 10px;
}
@media (max-width: 992px) {
  #exampleSlider .MS-controls .MS-right {
    right: -2px;
  }
}

 /* NEWSLEETER */
.mytext_news {width:300px;height: 42px;font-size: 15px;padding: 4px 15px;margin-top:4px;}
.submit_news {margin-top:5px;color: #fff;font-size: 15px;font-style: normal;font-weight: normal;text-align: center;vertical-align: middle;
width: 300px;height:40px;padding: 4px 15px;background-color: #18A1B9;cursor: pointer ; border: 0px solid #888;-webkit-appearance: none;}
.submit_news:hover {background: #158c9e;}

@media screen and (max-width: 900px) 
{
.submit_news{margin-top:-3px;}
}

@media screen and (max-width: 600px) 
{
.submit_news{margin-top:8px;width: 300px;}
}