.login{-webkit-appearance: none; color: #FFF;font-size: 16px;font-style: normal;font-weight: normal;text-align: center;vertical-align: middle;width:100%;height:35px;padding-left:10px;background: #18A1B9;
-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border:0px solid #ccc;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor: pointer ;}
.login:hover {background: #158c9e;text-decoration: none;}
.remember{font-weight:300; font-size:15px;}
.login_input {-webkit-appearance: none; padding-left: 5px;width:100%;height:30px;font-size: 16px;border:1px solid #ccc;background:#ffffff;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
-ms-border-radius: 03px;-o-border-radius:4px 5px 0 0;}
.login_input_s {-webkit-appearance: none; padding-left: 5px;  width:50%;height:30px;font-size: 16px;border:1px solid #ccc;background:#ffffff;-moz-border-radius: 3px;-webkit-border-radius: 3px;
border-radius: 3px;-ms-border-radius: 03px;-o-border-radius:4px 5px 0 0;}
.news_input_s {-webkit-appearance: none; margin-top:0px; padding-left: 5px;  width:50%;height:40px;font-size: 16px;border:1px solid #ccc;background:#ffffff;-moz-border-radius: 0px;-webkit-border-radius: 0px;
border-radius: 0px;-ms-border-radius: 0px;-o-border-radius:0px 0px 0 0;}
.header {border-bottom:1px solid #ccc; padding: 5px; background: #fff; z-index:10000;}
.content {padding-top:0px;}
.sticky { position: fixed; top: 0; width: 100%;}
.product_column_1 {float: left; width:25%;  margin-left:-1px; margin-top:-1px; border-top:1px solid #ccc;   border-bottom:1px solid #ccc;   border-left:1px solid #ccc;   border-right:1px solid #ccc; padding-top:20px; padding-bottom:10px; }
@media screen and (max-width: 1095px) 
{
.product_column_1 {float: left;width: 33.333333%;padding: 5px;}
} 
@media screen and (max-width:805px) 
{
.product_column_1 {float: left;width:50%;padding: 5px;}
} 
@media screen and (max-width:425px) 
{
.product_column_1 {float: left;width:100%;padding: 5px;}
} 
.image_label {
    position: relative;
}
.cover {object-fit: cover;width:230px; height:230px; border-top:0px solid #5CCBE7; border-bottom:0px solid #888;}  
.covernew {object-fit: cover;width:100%px; height:230px; border-top:0px solid #5CCBE7; border-bottom:0px solid #888;}  
 @media screen and (max-width: 600px) 
{
.cover {object-fit: cover;width:200px; height:200px; border-top:10px solid #5CCBE7; border-bottom:0px solid #888;}  
} 
.img_shadow{border-radius:0px; -webkit-box-shadow: 1px 6px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 1px 6px 5px 0px rgba(0,0,0,0.75);box-shadow: 1px 6px 5px 0px rgba(0,0,0,0.75);  }
.topright { position: absolute; top: 0px; right: 0px; font-size: 15px; background-color: <?= $topright_color ?>; color:<?= $topright_font_color ?>; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;}
.bottomleft { position: absolute;bottom: 0px; left: 0px; font-size: 15px; color:#fff; background-color: #F9A72E; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;}
#block_container { display: flex;}
#bloc1, #bloc2{display:inline;}
.pprbb{float:left; text-align:center; width:100%; font-size:17px; color:#454545; padding-top:10px;}
.pprbbl{float:left; text-align:left; width:50%; font-size:15px; color:#454545; padding-left:20px;}
.pprbbr{float:left; text-align:right; width:50%; font-size:15px; color:#454545;padding-right:20px;}
.show { -o-transition: opacity 3s; -moz-transition: opacity 3s; -webkit-transition: opacity 3s; transition: opacity 3s; opacity:1;}
.hide { opacity:0;}
/* carusel */
.MultiCarousel { float: left; overflow: hidden; padding:1px; 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:0px; margin:0px; background:transparent; color:#666;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 30px); }
.MultiCarousel .leftLst {left:-5px;}
.MultiCarousel .rightLst {right:-5px;}
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }

.MultiCarousel .MultiCarousel-inner .item > div{overflow:hidden}
span.inner { color: #878787;}
span.outer { color: #676767; text-decoration: line-through;}

 /* top container */
.three_col1{float:left; width:32%; text-align:left; border:0px solid #ccc; padding:15px 10px 15px 10px; background-color:#8079A5; font-size:20px; margin-right:20px}
.three_col2{float:left; width:32%; text-align:left; border:0px solid #ccc; padding:15px 10px 15px 10px; background-color:#AECBC7; font-size:20px; margin-right:20px}
.three_col3{float:left; width:32%; text-align:left; border:0px solid #ccc; padding:15px 10px 15px 10px; background-color:#C7B79D; font-size:20px; margin-right:0px}
.three_col{max-width:1200px; width:100%; margin:auto; margin-top:20px;}


 @media screen and (max-width: 1115px) 
{
.three_col{max-width:400px; width:100%; margin:auto; margin-top:20px;}
.three_col1{float:left; width:100%; text-align:left; border:0px solid #ccc; padding:15px 10px 15px 10px; background-color:#8079A5; font-size:20px; margin-left:20px; margin-right:20px; margin-bottom:10px;}
.three_col2{float:left; width:100%; text-align:left; border:0px solid #ccc; padding:15px 10px 15px 10px; background-color:#AECBC7; font-size:20px; margin-left:20px; margin-right:20px; margin-bottom:10px;}
.three_col3{float:left; width:100%; text-align:left; border:0px solid #ccc; padding:15px 10px 15px 10px; background-color:#C7B79D; font-size:20px; margin-left:20px; margin-right:20px;}
} 

@media screen and (max-width: 500px) 
{
.three_col{max-width:400px; width:100%; margin:auto; margin-top:20px;}
.three_col1{float:left; width:100%; text-align:left; border:0px solid #ccc; padding:15px 10px 15px 10px; background-color:#8079A5; font-size:20px; margin-left:10px; margin-right:10px; margin-bottom:10px;}
.three_col2{float:left; width:100%; text-align:left; border:0px solid #ccc; padding:15px 10px 15px 10px; background-color:#AECBC7; font-size:20px; margin-left:10px; margin-right:10px; margin-bottom:10px;}
.three_col3{float:left; width:100%; text-align:left; border:0px solid #ccc; padding:15px 10px 15px 10px; background-color:#C7B79D; font-size:20px; margin-left:10px; margin-right:10px;}
} 

.table_normal{width:100%; max-width:1150px; margin:auto;}
.top-container {
  background-color: #0070BC;
   background-color: #292929;
  
}
.top-container_2 {
  background-color: #fff;
  margin:auto;
  text-align:center;
  padding:6px 5px 6px 5px;
  font-size:17px;
  color:#454545;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.bl1 {vertical-align: middle; width: 50.00%; padding-left:15px;  text-align:left;}
.bl2 {vertical-align: middle; width: 50.00%; padding-right:15px;  text-align:right; color:#fff; padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px;font-size:15px; margin:auto;}
@media only screen and (max-width: 450px)
{
.bl1{display:none!important}
.bl2 {float: left;width: 100.00%; padding-right:0px;  text-align:center;}
} 

.fabout {color: #fff;}
.fabout:hover {color: #ccc;}

 /* head 2 */
 
 textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}

* {box-sizing: border-box;}
.row:after {content: "";display:table;clear:both;}

.dropdown-content1 {display: none;position: absolute; left:0px; width:270px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1; font-size:16px; text-align:left; background-color:#fff;}
.menu_col_1 {float: left;width:33.3333%; margin-right:0px; padding-top:0px; padding-bottom: 10px;  padding-right:0px; padding-left:0px; margin-top:0px;margin-right:0px; -webkit-border-radius: 0px;border-radius: 0px;background-color: #fff; border:0px solid #486881;}

.bottom-arrow { border-bottom: 2px solid #323232;}
.bottom-arrow:after {content:'';position: absolute; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-top: 15px solid #323232; border-left: 10px solid transparent;   border-right: 10px solid transparent;}
.scrollbar{margin-left: 10px;float: left;height: 340px;width: 250px;background: #F5F5F5;overflow-y: scroll;margin-bottom: 5px;margin-top: 5px;}
.force-overflow{min-height: 450px;}
#style-2::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 0px;background-color: #F5F5F5;}
#style-2::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
#style-2::-webkit-scrollbar-thumb{border-radius: 0px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #D62929;}

.search_0 {outline: none; width:100%; max-width:350px; border-top:0px solid #fff; border-left:0px solid #fff; border-right:0px solid #fff;  border-bottom:0px solid #ccc; border-radius: 4px;font-size: 17px;background-color: #ffffe6;
padding-left: 15px;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; }
}

.undll{border-bottom: 1px solid #323232}

::-webkit-input-placeholder { /* Edge */
  color: #878787;
  font-style: italic;
  font-weight:200;
}

:-ms-input-placeholder { /* Internet Explorer */
  color: #878787;
  font-style: italic;
  font-weight:200;
}

::placeholder {
  color: #878787;
  font-style: italic;
  font-weight:200;
}


.dropdown-1-content-1 {display: none;position: absolute;background-color: transparent; width:100%;  left:0px; right:0px; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);z-index: 1000000; padding-top:25px;}
.dropdown-1-content-1 .header-1 {background:transparent; padding: 16px 16px 16px 45px; color: white;}
.header-2 { background: #fff; padding: 16px; color: #353535; border:2px solid #054E8D; }
.b1{background-color: #f5f5f5; width:100%; color:#292929; font-size:16px; text-align:left; border-top:0px solid #E8E8E8;}
.b1:hover{background-color: #f5f5f5;color:#292929;font-style: italic;}
.columna {float: left;width: 50.00%;padding:0px;background-color: #f5f5f5;  text-align:left;}

.dropdown-1:hover .dropdown-1-content-1 {  display: block;}
.dropdown-1 .dropbtn-1 {font-size:19px;   border: none; outline: none; color:#353535; padding-top:0px; padding-bottom:0px; padding-left:10px; padding-right:10px; background-color: inherit;  margin: 0;}
.navbar-1 a:hover, .dropdown-1:hover .dropbtn-1 { color: #054E8D;}

.dropdown-1 {float: left; width:auto; padding-left:10px; padding-right:10px;}
.dropdown-1{  width: block;}
.dropdown-1-content-1 {display: none;position: absolute;background-color: transparent; width:100%;  left:0px; right:0px; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);z-index: 1000000; padding-top:17px;}






.dropdown-2-content-2 {display: none;position: absolute;background-color: transparent; width:100%;  left:0px; right:0px; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);z-index: 1000000; padding-top:25px;}
.dropdown-2-content-2 .header-2 { background: #054E8D; padding: 16px 16px 0px 16px; color: white;}
.header-2 { background: #fff; padding: 16px; color: #353535; }
.b1{background-color: #f5f5f5; width:100%; color:#292929; font-size:16px; text-align:left; border-top:0px solid #E8E8E8;}
.b1:hover{background-color: #f5f5f5;color:#292929;font-style: italic;}
.columna {float: left;width: 50.00%;padding:0px;background-color: #f5f5f5;  text-align:left;}

.dropdown-2:hover .dropdown-2-content-2 {  display: block;}
.dropdown-2 .dropbtn-2 {font-size:19px;   border: none; outline: none; color:#fff; padding-top:0px; padding-bottom:10px; padding-left:10px; padding-right:10px; background-color: inherit;  margin: 0;}
.navbar-2 a:hover, .dropdown-2:hover .dropbtn-2 { color: #fff;}

.dropdown-2 {width:auto; padding-left:10px; padding-right:10px;}
.dropdown-2{  width: block;}
.dropdown-2-content-2 {display: none;position: absolute;background-color: transparent; width:100%;  left:0px; right:0px; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);z-index: 1000000; padding-top:17px;}


.mainmenu {text-align:center;  margin-left:auto; margin-right:auto;  top:0px;  padding-left:0px; margin-top:0px; padding-top:70px; margin-bottom:0px; background-color:transparent; width:100%;}


.top_btn{padding-left:20px; padding-right:20px;  padding-top:5px; padding-bottom:5px; border-left:0px solid #E8E8E8;}
.top_btn_1{padding-left:20px; padding-right:20px;  padding-top:5px; padding-bottom:5px; border-left:0px solid #E8E8E8; border-right:0px solid #E8E8E8;}
.top_btn_2{padding-left:20px; padding-right:10px;  padding-top:5px; padding-bottom:5px; border-right:0px solid #E8E8E8;}


#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;}

.product_column {float: left;width: 14.28%;padding:0px;background-color: #f5f5f5;  text-align:left;}
.middle > * {
  vertical-align: middle;
}


#menu_container {
  display: flex;
  justify-content: center;
  float:right;
  text-align:right;
}


.modal {display: none; position: fixed; z-index: 100000000000000000000000000; padding-top: 100px;left: 0;top: 0;width: 100%; height: 100%; overflow: auto;  background-color: rgba(0,0,0,0.6); }
. {display: none; position: fixed; z-index: 100000000000000000000000000; padding-top: 100px;left: 0;top: 30%;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;}

.modal-content {background-color: #fefefe;margin: auto;margin-top:5%; padding: 20px;border: 1px solid #888; max-width:500px;color:#565656;font-size:20px;  text-align:center; z-index:10000000000000}

.modal-content-middle {background-color: #fefefe;margin: auto;margin-top:10%; padding: 20px;border: 1px solid #888; max-width:500px;color:#565656;font-size:20px;  text-align:center; z-index:10000000000000}
.modal-content2 {background-color: #fefefe;margin: auto;margin-top:0%; padding: 20px;border: 1px solid #888; color:#565656;font-size:20px;  text-align:center;z-index:100000000000000}
.close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.close:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.close2 {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold; text-align:right;}
.close2:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.close3 {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold; text-align:right;}
.close3:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.close4 {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold; text-align:right;}
.close4:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.close5 {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold; text-align:right;}
.close5:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.close6 {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold; text-align:right;}
.close6:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.close7 {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold; text-align:right;}
.close7:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.close8 {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold; text-align:right;}
.close8:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.close9 {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold; text-align:right;}
.close9:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.close10 {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold; text-align:right;}
.close10:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.close11 {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold; text-align:right;}
.close11:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.close12 {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold; text-align:right;}
.close12:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.close13 {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold; text-align:right;}
.close13:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.login{color: #FFF;font-size: 16px;font-style: normal;font-weight: normal;text-align: center;vertical-align: middle;width:100%;height:35px;padding-left:10px;background: #18A1B9;
-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border:0px solid #ccc;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor: pointer ;}
.login:hover {background: #158c9e;text-decoration: none;}
.remember{font-weight:300; font-size:15px;}
.login_input {padding-left: 5px;width:100%;height:30px;font-size: 16px;border:1px solid #ccc;background:#ffffff;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
-ms-border-radius: 03px;-o-border-radius:4px 5px 0 0;}
.login_input_s {padding-left: 5px;  width:50%;height:30px;font-size: 16px;border:1px solid #ccc;background:#ffffff;-moz-border-radius: 3px;-webkit-border-radius: 3px;
border-radius: 3px;-ms-border-radius: 03px;-o-border-radius:4px 5px 0 0;}
.menu1{float:left; padding-right:0px;}
.menu2{float:left; padding:0px; }
* { box-sizing: border-box;}
form.example input[type=text] {padding: 10px;font-size: 17px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc; border-right: none;
float: left;width: 90%;background: #f8f8f8;outline: none;}
form.example button {float: left;width: 10%;padding: 10px;background: #f8f8f8;color: white;font-size: 17px;border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;
border-left: none;outline: none;cursor: pointer;}
form.example button:hover {background: #565656;color:#fff;}
form.example::after {content: "";clear: both;display: table;}
form.example1 input[type=text] {padding: 10px;font-size: 17px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc; border-right: none;
float: left;width: 90%;background: #f8f8f8;outline: none;}
form.example1 button {float: left;width: 10%;padding: 10px;background: #f8f8f8;color: white;font-size: 17px;border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;
border-left: none;outline: none;cursor: pointer;}
form.example1 button:hover {background: #565656;color:#fff;}
form.example1::after {content: "";clear: both;display: table;}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1000000;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}
.overlay-content {
  position: relative;
  top: 8%;
  width: 100%;
  text-align: center;
  margin-top:0px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 22px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 0px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 20px;
  right: 35px;
  }
}


.overlay .closebtnn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  z-index:100000000000;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtnn {
  font-size: 40px;
  top: 20px;
  right: 35px;
  }
}
.st3 { width:100%; margin-left:auto; margin-right:auto;  background:#fff; z-index:1000000000; text-align:center; padding-left:0px; padding-right:0px;   border-bottom: 0px solid #888; padding-bottom:11px; }
.bk1 {position:relative; max-width:1100px; margin-left:auto; margin-right:auto;  background:transparent; z-index:10000; padding-left:0px; }
.bk1 {width:100%; padding-left:0px; padding-right:0px;}
.mainmenu {text-align:center;  margin-left:auto; margin-right:auto;  top:0px;  padding-left:0px; margin-top:0px; padding-top:10px; margin-bottom:0px; background-color:transparent; width:100%;}
.top_inside{margin-left:auto; margin-right:auto; padding-top:5px; padding-bottom:10px; width:100%; max-width:1120px; padding-left:5px; padding-right:5px; font-size:14px; color:#C8C8C8; text-align:right;}
.top_col_0{display: inline; position: relative;  width:70%; margin-left:0%; margin-right:0%; float:left; text-align:left; padding-left:20px; padding-top:0px;}
.top_col_1{display: inline; position: relative;  width:30%; margin-left:0%; margin-right:0%; float:right; text-align:right;  padding-left:0px; padding-top:22px; padding-right:20px;}
.top_col_2{display: inline; position: relative;  width:100%; margin-left:0%; margin-right:0%; float:right; text-align:right; padding-top:5px; padding-right:20px;}
.img_logo{width:220px; vertical-align: top; padding-left:0px; padding-left:0px;  padding-right:20px; padding-top:12px; padding-bottom:0px; float:left;}
.uper{padding-top:35px; padding-left:0px; max-width:1110px; margin-left:auto; margin-right:auto; padding-bottom:50px; z-index:1000; text-align:left;}
.footer_text{padding-top:10px; padding-bottom:20px;  font-size:13px; font-weight:300; line-height: 170%; color:#fff;text-align:left;
}

 @media screen and (max-width: 1155px) 
{
.two_cloumn_1 {float: left;width: 38.00%; padding:5px; background-color: #fff;  text-align:left; margin-right:1%; margin-left:2%}
.two_cloumn_2 {float: left;width: 57.00%; padding:5px; background-color: #fff;  text-align:left; margin-right:2%;}
.boxx {margin-right:10px; margin-left:10px;}
}
 @media screen and (max-width: 820px) 
{
.two_cloumn_1 {float: left;width: 36.00%; padding:5px; background-color: #fff;  text-align:left; margin-right:1%; margin-left:4%}
.two_cloumn_2 {float: left;width: 55.00%; padding:5px; background-color: #fff;  text-align:left; margin-right:4%;}
.boxx {margin-right:10px; margin-left:10px;}
}

 @media screen and (max-width: 610px) 
{
.two_cloumn_1 {float: left;width: 100%; padding:5px; background-color: #fff;  text-align:left; margin-right:4%; margin-left:4%}
.two_cloumn_2 {float: left;width: 100%; padding:5px; background-color: #fff;  text-align:left; margin-right:4%; margin-left:4%}
.boxx {margin-right:10px; margin-left:10px;}
}
@media screen and (max-width: 740px) 
{
.example{display:none!important}
.top_col_0{display: inline; position: relative;  width:40%; margin-left:0%; margin-right:0%; float:left; text-align:left; padding-left:20px; padding-top:0px;}
.top_col_1{display: inline; position: relative;  width:60%; margin-left:0%; margin-right:0%; float:left; text-align:left; padding-left:0px; padding-top:5px;}
.top_col_2{display: inline; position: relative;  width:100%; margin-left:0%; margin-right:0%; float:right; text-align:right;padding-top:10px; padding-bottom:0px; padding-left:20px; padding-right:20px;}
.mainmenu {text-align:center;  margin-left:auto; margin-right:auto;  top:0px;  padding-left:10px; margin-top:0px; padding-top:10px; margin-bottom:0px; background-color:transparent; width:100%;}
.st3{display:none!important}
.uper{padding-top:0px; padding-left:0px; max-width:1110px; margin-left:auto; margin-right:auto; padding-bottom:50px; z-index:1000; text-align:left;}
}
@media only screen and (min-width: 741px)
{
.top_col_2{display:none!important}
.example1{display:none!important}
.mobmenu{display:none!important}
} 
@media screen and (max-width: 740px) 
{
.img_logo{width:180px; vertical-align: top; padding-left:0px; padding-left:10px;  padding-right:10px; padding-top:10px; padding-bottom:0px; float:left;}
.top_col_0{display: inline; position: relative;  width:30%; margin-left:0%; margin-right:0%; float:left; text-align:left; padding-left:0px; padding-top:0px;}
.top_col_1{display: inline; position: relative;  width:70%; margin-left:0%; margin-right:0%; float:left; text-align:left; padding-left:0px; padding-top:5px; padding-right:10px;}
.top_col_2{display: inline; position: relative;  width:100%; margin-left:0%; margin-right:0%; float:right; text-align:right; padding-top:5px; padding-left:10px; padding-right:10px;}
}
@media screen and (max-width:450px) 
{
.footer_text{padding-top:0px; padding-bottom:20px;  font-size:15px; font-weight:300; line-height: 170%; color:#fff;text-align:left;
.top_inside{margin-left:auto; margin-right:auto; padding-top:5px; padding-bottom:10px; width:100%; max-width:1120px; padding-left:0px; padding-right:0px; font-size:14px; color:#C8C8C8; text-align:right;}
}
.menucolumn {float:left; width:50%; padding:10px 20px 10px 20px; border:1px solid #5CCBE7; background:white;}
.menuimg{border-radius:0px; width:200px; height:120px;  margin:auto; padding:10 10 10 0px; text-align:center;}
@media screen and (max-width: 1100px) 
{
.menucolumn {float: left;width: 33.33333%;padding: 10px; border:0px solid #5CCBE7; background:white;}
.menuimg{border-radius:0px; width:250px;  margin:auto; padding:10 10 10 0px; text-align:center;}
}
* {
  box-sizing: border-box;
}
.column_menu {float: left;width: 25%;padding: 10px 10px 20px 10px;}
.column_menu1 {float: left;width: 30%;padding: 10px 10px 20px 10px;}
.column_menu2 {float: left; width: 70%; padding: 10px 10px 20px 10px;}
.row:after {content: "";display: table;clear: both;}
.menuimg{border-radius:0px; width:200px; height:160px;  margin:auto; padding:0px 0px 10px 0px; text-align:center;}
.column_menu2_1 {float: left;width: 32.33333%;padding: 10px 10px 20px 10px;}
@media screen and (max-width:1020px) 
{
.column_menu1 {float: left;width: 25.00%;padding: 10px 10px 20px 10px;}
.column_menu2 {float: left;width: 75.00%;padding: 10px 10px 20px 10px;}
}

.sticky + .content {padding-top: 150px;}
@media screen and (max-width: 1066px) 
{
.sticky + .content {padding-top: 215px;}
}
@media screen and (max-width: 740px) 
{
.sticky + .content {padding-top: 155px;}
}