*{box-sizing:border-box;}



.percentage_Box{position:relative;width:110px;width:100%;float:left;}
.percentage_head{text-align:center;font-size:18px;color:#333;}
.percentage_cover{position:relative;width:110px;margin:auto;}

.percentage_svg {
  position: relative;
  width: 110px;
  height: 110px;
  padding:0px;
  background:rgba(0,0,0,0.7);
  border-radius:50%;

 
transform:rotate(-180deg);
}   
.percentage_circle{cx:54.5px;cy:54.5px;r:50px;stroke:#95CF2F;stroke-width:5px;fill:transparent;}
.percentage_text{font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-45%,-50%);color:#fff;text-shadow:0px 0px 2px #aaa;}





.slider_sl1{background-image: url("images/e.jpg");background:#111;background-repeat:none;background-size:cover;background-position:top center;background-attachment: fixed;}

.slider_menu_box{background:#eee;width:100%;height:550px;position:relative;opacity:0.95;}
.slider_menu_box_bar{background-color:#333;height:30px; }

.box_chose_menuinfo_Lst1{font-size:0px;background:#95CF2F;padding:5px;border-radius:50%;margin-left:10px;width:0px;height:0px;display:inline-block;opacity:0.3;transition:0.1s;}
.box_chose_menuinfo_Lst1:hover {cursor:pointer;box-shadow:0px 0px 5px #fff;}
.slider_menu_box_list{height:50px;width:100%;background:#fff;text-align:center;}

.slider_menu_box_list_li{transition:0.25s;font-weight:900;text-align:center;width:50px;display:inline-block;list-style-type:none;padding:5px;font-size:14px;color:#333;margin-left:5px;border-radius:5px;}
.slider_menu_box_list .Brand_bar_LS1{margin-top:-5px;border-radius:50%;width:40px;height:40px;float:left;}
.slider_menu_box_list .Brand_bar_LS1 img{border-radius:50%;height:100%;width:100%;}
.slider_menu_box_list_li:hover{background:#ccc;cursor:pointer;}
.visit_link_SL1{width:100px;padding:10px 2px;color:#eee;background:#333;text-decoration:none;text-align:center;display:block;margin:auto;border:0px;transition:0.2s;border-radius:5px;}
.visit_link_SL1:hover{cursor:pointer;color:#95CF2F;background:#222;}

.slider_menu_box_imgcollection{background:#222;width:100%;height:500px;border-right:1px solid #555;border-bottom:solid 0px #aaa;position:relative;overflow:hidden;}
.slider_menu_box_imgcollection_Cover{position:absolute;height:500px;}
.slider_menu_box_imgcollection_img{position:absolute;transform:translate(0%,-50%);transition:0.5s;}
.slider_menu_box_imgcollection_img > img {border-radius:50%;height:50px;margin-bottom:5px;transition:0.2s;}
.slider_menu_box_imgcollection_img > img:hover {cursor:pointer;box-shadow:0px 0px 3px #000;border:1px solid #e6e6e6;}

.slider_menu_box_imgcollection_btnUP{transition:0.25s;padding-bottom:5px;position:absolute;top:0px;width:100%;height:45px;text-align:center;left:0px;border:0px;background-color:rgba(0, 0, 0, 0.764);color:#eee;font-size:20px;opacity:0.9;}
.slider_menu_box_imgcollection_btndown{transition:0.25s;padding-bottom:5px;position:absolute;bottom:0px;width:100%;height:45px;text-align:center;left:0px;border:0px;background-color:rgba(0, 0, 0, 0.764);;color:#eee;font-size:20px;opacity:0.9;}
.slider_menu_box_imgcollection_btnUP:hover ,.slider_menu_box_imgcollection_btndown:hover {color:#95CF2F;cursor:pointer;opacity:1;}
.slider_menu_box_imgcollection_btnLt{transition:0.25s;padding-bottom:5px;position:absolute;top:7px;width:40px;height:40px;text-align:center;right:0px;border:0px;background-color:rgba(0, 0, 0, 0.764);;color:#eee;font-size:20px;opacity:0.9;}
.slider_menu_box_imgcollection_btnRt{transition:0.25s;padding-bottom:5px;position:absolute;top:7px;width:40px;height:40px;text-align:center;left:0px;border:0px;background-color:rgba(0, 0, 0, 0.764);;color:#eee;font-size:20px;opacity:0.9;}
.slider_menu_box_imgcollection_btnLt:hover ,.slider_menu_box_imgcollection_btnRt:hover {color:#95CF2F;cursor:pointer;opacity:1;}



.slider_menu_box_imgshower{width:100%;position: relative;text-align:center}
.slider_menu_box_infoshower{width:100%;overflow-y:hidden;display:block;}
.slider_menu_box_imgshower img{position:relative;border-radius:2px;max-width:100%;max-height:100%;}
.slider_menu_box_infoshower h1{padding-right:7px;font-size:20px;color:#333;}
.slider_menu_box_infoshower_description{width:98%;border-right:5px solid #333;line-height:30px;border-radius:2px;padding:5px;margin:auto;color:#666;padding-right:15px;height:100px;font-size:15px;overflow-Y:auto;text-align:right;direction:rtl;text-justify:inter-word;word-wrap: break-word;}
.slider_menu_box_infoshower a{color:#fff;}

.SL1_txt_Header_animate{animation:txt_SL1_Hname 0.5s ease}
 
@keyframes txt_SL1_Hname{0%{opacity:0;transform:translate(0% , -200%);}100%{opacity:1;transform:translate(0% ,0%);}}


.SL1_txt_title_animate{animation:txt_SL1_tname 0.5s ease}
 
@keyframes txt_SL1_tname{0%{opacity:0;transform:translate(50% ,0%);}100%{opacity:1;transform:translate(0% ,0%);}}


.SL1_txt_Box_animate{animation:txt_SL1_Bname 0.5s ease}
 
@keyframes txt_SL1_Bname{0%{opacity:0;}100%{opacity:1;}}


.SL1_txt_PT_animate{animation:txt_SL1_Pname 0.5s ease}
 
@keyframes txt_SL1_Pname{0%{opacity:0;transform:scale(0.5);}100%{opacity:1;transform:scale(1);}}

.SL1_txt_Img_animate{animation:txt_SL1_Iname 0.5s ease}
 
@keyframes txt_SL1_Iname{0%{opacity:0;}100%{opacity:1;}}


.SL1_txt_Link_animate{animation:txt_SL1_Lname 0.5s ease}
 
@keyframes txt_SL1_Lname{0%{opacity:0;transform:translate(0%,100%);}100%{opacity:1;transform:translate(0%,0%);}}


.row::after {     /* I exacelly dont know what is that mean ? :| */
  content: "";
  clear: both;
  display: table;
  text-align: left;
}

.slider_menu_box_info_resorce{width:100%;position:relative;height:500px;overflow-Y:auto;}
.info_resorce_boxes{width:400px;height:400px;background:#eee;border-radius:5px;float:left;margin:10px;overflow-Y:auto;}
.info_resorce_boxes_imgBox{height:200px;width:350px;overflow-Y:auto;background:lightblue;margin:auto;padding:5px;}
.info_resorce_boxes_imgBox > img {width:50px;float:left;background:lightblue;height:50px;margin:5px;border-radius:50%;}

.info_resorce_boxes > p {margin-left:10px;}

[class*="Vcol-"]{width:100%;float:left;padding:10px;}


@media only screen and (min-width: 128px) {
  /* For tablets: */
 .Vcol-s-0 {width:0%;padding:0px;margin:0px;height:0px;}
  .Vcol-s-1 {width: 8.33%;}
  .Vcol-s-2 {width: 16.66%;}
  .Vcol-s-3 {width: 25%;}
  .Vcol-s-4 {width: 33.33%;}
  .Vcol-s-5 {width: 41.66%;}
  .Vcol-s-6 {width: 50%;}
  .Vcol-s-7 {width: 58.33%;}
  .Vcol-s-8 {width: 66.66%;}
  .Vcol-s-9 {width: 75%;}
  .Vcol-s-10 {width: 83.33%;}
  .Vcol-s-11 {width: 91.66%;}
  .Vcol-s-12 {width: 100%;}
@keyframes txt_SL1_Lname{0%{opacity:0;transform:translate(0%,0%);}100%{opacity:1;transform:translate(0%,0%);}}
.slider_menu_box{overflow-y:auto;height:auto;}
.slider_menu_box_infoshower{overflow-y:auto;}
.slider_menu_box_imgcollection{width:100%;height:50px;border-right:0px;}

.slider_menu_box_imgshower{height:220px;}
.slider_menu_box_infoshower{height:auto;}
/* .slider_menu_box_imgshower img{margin-top:0%;max-width:100%;} */
.slider_menu_box_imgshower img{top:50%;transform:translate(0%,-50%);}

.slider_menu_box_imgcollection_Cover{height:50px;width:100%;top:5px;left:0px;}

.slider_menu_box_imgcollection_img {top:0%;left:50%;transform:translate(-50%,0%);}

.slider_menu_box_imgcollection_img > img {width:40px;margin-left:5px;height:40px;margin-top:0px;display:inline-block;}
.slider_menu_box_imgcollection_btnUP,.slider_menu_box_imgcollection_btndown{display:none;}
.slider_menu_box_imgcollection_btnLt , .slider_menu_box_imgcollection_btnRt{display:block;}
}



@media only screen and (min-width: 550px) {
  /* For desktop: */
 .Vcol-b-0 {width:0%;padding:0px;margin:0px;height:0px;}
  .Vcol-b-1 {width: 8.33%;}
  .Vcol-b-2 {width: 16.66%;}
  .Vcol-b-3 {width: 25%;}
  .Vcol-b-4 {width: 33.33%;}
  .Vcol-b-5 {width: 41.66%;}
  .Vcol-b-6 {width: 50%;}
  .Vcol-b-7 {width: 58.33%;}
  .Vcol-b-8 {width: 66.66%;}
  .Vcol-b-9 {width: 75%;}
  .Vcol-b-10 {width: 83.33%;}
  .Vcol-b-11 {width: 91.66%;}
  .Vcol-b-12 {width: 100%;}
  @keyframes txt_SL1_Lname{0%{opacity:0;transform:translate(0%,100%);}100%{opacity:1;transform:translate(0%,0%);}}
.slider_menu_box{overflow-y:hidden;}
.slider_menu_box_infoshower{overflow-y: hidden;}

.slider_menu_box_imgcollection{width:100%;height:50px;border-right:0px;}

.slider_menu_box_imgshower{height:220px;}
/* .slider_menu_box_imgshower img{top:30%;transform:translate(5%,0%);} */


.slider_menu_box_imgcollection_Cover{height:50px;top:5px;width:100%;}

.slider_menu_box_imgcollection_img {left:50%;top:0%;transform:translate(-50%,0%);}

.slider_menu_box_imgcollection_img > img {width:40px;margin-left:5px;height:40px;margin-top:0px;}
.slider_menu_box_imgcollection_btnUP,.slider_menu_box_imgcollection_btndown{display:none;}
.slider_menu_box_imgcollection_btnLt , .slider_menu_box_imgcollection_btnRt{display:block;}



}

@media only screen and (min-width: 650px) {


}









@media only screen and (min-width: 750px) {

 .Vcol-a-0 {width:0%;padding:0px;margin:0px;height:0px;}
  .Vcol-a-1 {width: 8.33%;}
  .Vcol-a-2 {width: 16.66%;}
  .Vcol-a-3 {width: 25%;}
  .Vcol-a-4 {width: 33.33%;}
  .Vcol-a-5 {width: 41.66%;}
  .Vcol-a-6 {width: 50%;}
  .Vcol-a-7 {width: 58.33%;}
  .Vcol-a-8 {width: 66.66%;}
  .Vcol-a-9 {width: 75%;}
  .Vcol-a-10 {width: 83.33%;}
  .Vcol-a-11 {width: 91.66%;}
  .Vcol-a-12 {width: 100%;}

.slider_menu_box_imgcollection{height:470px;}

.slider_menu_box_imgshower , .slider_menu_box_infoshower {height:470px;}
/* .slider_menu_box_imgshower img{top:30%;} */



.slider_menu_box_imgcollection_Cover{left:0px;height:470px;}
.slider_menu_box_imgcollection_img {left:0%;top:50%;transform:translate(0%,-55%);}
.slider_menu_box_imgcollection_img > img{width:50px;display:block;border-radius:50%;height:50px;margin:auto;margin-bottom:5px;}
.slider_menu_box_imgcollection_btnUP,.slider_menu_box_imgcollection_btndown{display:block;}
.slider_menu_box_imgcollection_btnLt , .slider_menu_box_imgcollection_btnRt{display:none;}
}


@media only screen and (min-width: 950px) {
  /* For desktop: */
  .Vcol-0 {width:0%;padding:0px;margin:0px;height:0px;}
  .Vcol-1 {width: 8.33%;}
  .Vcol-2 {width: 16.66%;}
  .Vcol-3 {width: 25%;}
  .Vcol-4 {width: 33.33%;}
  .Vcol-5 {width: 41.66%;}
  .Vcol-6 {width: 50%;}
  .Vcol-7 {width: 58.33%;}
  .Vcol-8 {width: 66.66%;}
  .Vcol-9 {width: 75%;}
  .Vcol-10 {width: 83.33%;}
  .Vcol-11 {width: 91.66%;}
  .Vcol-12 {width: 100%;}

.slider_menu_box_imgcollection{height:470px;}

.slider_menu_box_imgshower , .slider_menu_box_infoshower {height:470px;}
/* .slider_menu_box_imgshower img{top:50%;transform:translate(0%,-50%);} */
.slider_menu_box_imgcollection_Cover{left:0px;height:470px;}

.slider_menu_box_imgcollection_img{left:0%;top:50%;transform:translate(0%,-55%);}
.slider_menu_box_imgcollection_img > img {width:60px;display:block;border-radius:50%;height:60px;margin:auto;margin-bottom:5px;}
.slider_menu_box_imgcollection_btnUP,.slider_menu_box_imgcollection_btndown{display:block;}
.slider_menu_box_imgcollection_btnLt , .slider_menu_box_imgcollection_btnRt{display:none;}
}