@import "https://fonts.googleapis.com/earlyaccess/opensanshebrew.css";


/* 00 css reset - makes the layout looking good in all browsers 
-----------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0;
    font-size: 100%;
	vertical-align: top; 
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }


	
body {
	line-height: 1; 
	font-size: 16px;
	line-height:1.5em;
	font-family: 'Open Sans Hebrew', sans-serif, Arial;
	background:#fff;
	direction:rtl;
    margin-top: 0;
   
	}

@media screen and (max-width:1550px) {
body{
    font-size:15px;
}
}

@media screen and (max-width:1130px) {
body{
    font-size:14px;
}
}
	
ol, ul {
	list-style: none;

}

h1,
h2,
h3 
{
    font-family: 'Open Sans Hebrew', sans-serif, Arial;
	margin: 0 0 1em 0;
	line-height: 1.3em; 
    font-weight:500;
}

h1,
h1 a {
	font-size: 3.75em;	
    font-weight:900;
	 }	


	 
h2 {
	font-size: 30px;
	line-height: 1.0em;
	font-weight:700;
		 }	

h2 span{
    color:#666;
}
		
h3 {
	font-size: 20px;	
	line-height: 1.3em;
	margin:0;
	margin-top: 7px;
		 }	

.ndlink{
    text-decoration:none;
    color:#666;

}


/* 00A Text Colors
-------------------------------------------------------------- */
.green {
    color: #84cc00;
}

.green1 {
    color: #86c440;
}

.blue1 {
    color: #02bdc6;
}

.blue {
    color: #00afef;    
}

.blue2 {
    color: #00afef;    
}


.blue3 {
    /*הכחול המקורי*/
    color: #83cfca;   
}

.yellow {
    color: #fdb913;
}

.pink {
    color: #e977af;
}

.red {
    color: #e66b5b;
    color:#f45a4e;
}

.orange {
    color: #f4902c;
}

.purple_gray {
    color: #9398cc;
}

.purple {
    color: #954399;
}

.white{
    color:white;
}

.gray {
    color: #666;
}

.dark_gray {
    color: #464648;
    color: #4a4a4c;
}

/* 00B Background Colors
-------------------------------------------------------------- */
.green_bg {
    background-color: #84cc00;
}

.green1_bg {
    background-color: #86c440;
}

.blue_bg {
    background-color: #83cfca;
    background-color: #02bdc6;
    background-color: #00aff0;
}

.yellow_bg {
    background-color: #fdb913; 
}

.pink_bg {
    background-color: #e977af;
}

.red_bg {
    background-color: #e66b5b;
    background-color: #f45a4e;
}

.orange_bg {
    background-color: #f4902c;
}

.purple_gray_bg {
    background-color: #9398cc;
}

.purple_bg {
    background-color: #954399;
}

.gray_bg {
    background-color: #888991;
}

.dark_gray_bg {
    
    background-color: #4a4a4c;
     background-color: #fff;
     background-color:#515151;
     background-color: #464648;
}
.very_light_gray{
    background-color:#f9f9f9;
}

.white_bg {
    background-color:white;
}

/* 00C 4 Border Colors
-------------------------------------------------------------- */
.green_4br {
    border: #84cc00;
}

.blue_4br {
    border-color: #00afef;    
}

.blue1_4br {   
    border-color: #02bdc6;
}

.blue2_4br {
    border-color: #00afef;    
}

.blue3_4br {
    /*הכחול המקורי*/
    border-color: #83cfca;   
}

.blue_gray_4br {
    border-color: #83cfca;
    
}

.yellow_4br {
    border-color: #fdb913;
}

.pink_4br {
    border-color: #e977af;
}

.red_4br {
    border-color: #e66b5b;
    border-color: #f45a4e;
}

.orange_4br {
    border-color: #f4902c;
}

.purple_gray_4br {
    border-color: #9398cc;
}

.purple_4br {
    border-color: #954399;
}

.gray_4br {
    border-color: #807f83;
    
}

.light_gray_4br {
    border-color: #a3a3a3;
    
}



/* 00D Bottom Border Colors
-------------------------------------------------------------- */
.green_bbr {
    border-bottom-color: #84cc00;
}

.blue_bbr {
    border-bottom-color: #83cfca;
    border-bottom-color: #02bdc6;
    border-bottom-color: #00afef;
}

.yellow_bbr {
    border-bottom-color: #fdb913;
}

.pink_bbr {
    border-bottom-color: #e977af;
}

.red_bbr {
    border-bottom-color: #e66b5b;
    border-bottom-color: #f45a4e;
}

.orange_bbr {
    border-bottom-color: #f4902c;
}

.purple_gray_bbr {
    border-bottom-color: #9398cc;
}

.purple_bbr {
    border-bottom-color: #954399;
}

.gray_bbr {
    border-bottom-color: #807f83;
    
}

/* 00E Bullet Colors
-------------------------------------------------------------- */


.green_bl{
    background: url(../images/bl_green.png) no-repeat center right;    
}

.blue_bl{
    background: url(../images/bl_blue.png) no-repeat center right;    
}

.yellow_bl{
    background: url(../images/bl_yellow.png) no-repeat center right;    
}

.pink_bl{
    background: url(../images/bl_pink.png) no-repeat center right;  
   
       
}

.red_bl{
    background: url(../images/bl_red.png) no-repeat center right;    
}

.purplegray_bl{
    background: url(../images/bl_purple_gray.png) no-repeat center right;    
}

.purple_bl{
    background: url(../images/bl_purple.png) no-repeat center right;    
}

/* 00F Cookies notification
-------------------------------------------------------------- */

.notification {
  z-index:99;
  position:fixed;
  bottom:10px;
  float:none;
  min-width:98%;
  background: #3af;
  padding: 10px 15px;
  margin: 5px auto;
  border-radius: 5px;
  box-shadow: 0px 0px 5px #999999;
  direction:ltr;
}

.notification-error {
  background: #ff1010;
  color: #ffffff;
}

.notification-alert {
  background: #3af;
  color: #000000;
}

.notification-info {
  background: #a4beff;
  color: #000000;
}
#close{
  text-decoration:none;
  float:right;
}


#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    background:#fff;
     background: #3af;
    text-align:center;  
     width:80%;
     
    min-height: 75px;
    font-size: 16px;
    /*color: #ccc;*/
    line-height: 36px;
    padding: 15px 50px 15px 50px;   
    position: fixed;
    bottom: 10px;
    left: 10px;
    right: 10px;
    margin: auto auto;
    display: none;
    z-index: 9999;
      box-shadow: 0px 0px 10px #999999;
      border-radius: 5px;
    direction:ltr;
}
#cookieConsent a {
    color: #4B8EE7;
  
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
   
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 15px;
    cursor: pointer;
    /*float: right;*/
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}

/*#consent-popup {
    position: fixed;
    bottom: 0;
    left: 10px;
    right: 10px;
    padding: 2rem 2rem;
    background-color: #fff;
    transition: opacity 1s ease;
     
     box-shadow: 0px 0px 10px #999999;
      border-radius: 5px;
    direction:ltr;
}
    consent-popup.hidden {
        opacity: 0;
    }

    */


    .consent-popup {
    position: fixed;
    bottom: -100%;
    left: 10px;
    right: 10px;
    padding: 2rem 2rem;
    background-color: #333;
    transition: opacity 1s ease;
    
     box-shadow: 0px 0px 15px #333;
      border-radius: 5px;
    direction:ltr;
}
    .consent-popup.active {
        bottom: 0;
    }

  .consent-popup p {
  color: #fff;
}

  .consent-popup a {
  color: #00afef;
}


/* 00x mobile
-------------------------------------------------------------- */
.no_mobile{
   /* visibility: visible;*/
   display:block;
}

.mobile{
     /*visibility: hidden;*/
        display:none;
    height:0px;
    width:0px;
    margin:0;
    padding:0;
}

@media screen and (max-width:1200px) {
    .no_mobile{
        /*visibility: hidden;*/
        display:none;
        height:0px;
        width:0px;
        margin:0;
        padding:0;
    }

    .mobile{
        /* visibility: visible;*/
        display:block;
    }

}

/* 01 Main Structure
-------------------------------------------------------------- */	 
#wrapper {
	width: 100%;
	text-align: center; 
	margin-top: 0px;
	min-height:780px;
	}


    
		
#container {
	max-width: 100%;
	min-height:780px;
	margin: 0px auto 0;
	position: relative;
	text-align: center; 	
	}
	
	
#top {
	width: 100%;
	height:60px;
	position: fixed;
	
	 z-index:100;
	 background-color: #fff; 
	 margin: 0 auto;
	 
	}

	
.fixed {
    box-shadow: 0 -4px 15px 5px #777;	
    }	
    
 
	
	    
#main {
	width: 100%;
	/*margin: 0 auto;*/
	position: relative;
	/*text-align: center; */
    margin: 0 auto;
    left: 0;
    right: 0;
    /*height: 1000px; */
    /*background-color: Aqua;*/
 display:table;
	}

#lower{
    clear: both;
    margin-top:0px;
   
}




#footer 
{
    clear: both;
  /*  top: 160px;*/
   margin-top:50px;
    padding: 20px 0; 
    width: 100%; 
  /*  position: relative;    */
  
    background-color: #e7e7e8;
    z-index:-1;
    }

@media screen and (max-width:900px) {
#footer{
   display:none;
}
}

   

/* 02 Top
-------------------------------------------------------------- */	

#logo {
    padding-bottom: 0px; 
    width:18%;
    max-width: 300px;     
    min-width:200px;
    float:left;
    margin-left:2%;    
    height: 60px;
}










	
@media screen and (max-width:1130px) {	
#nav {    
      
   width:  calc(100% - 250px);   
   
   position:relative;
   z-index:1000000;   
   margin-right: 1.5%;     

}  


}  

 
@media screen and (max-width:800px) {	
#logo{
    margin-left:20px;  
    width:200px;
}

}
#nav {
    padding-bottom: 0px; 
    padding-top:10px;
   /* width:  705px;    */
    float: right;
    margin-right: 2%;     
  /*  height: 37px;*/
}

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

#logo{
    margin-left:calc((100% - 290px)/2 );
       margin-left:5px;  
    width:290px;
}


#nav {          
   
   width: 170px;
   position:relative;
   z-index:1000000;   
   margin-right: 1.5%;     
   background-color:#ffffff;

}  


}   






/* 03 Branding
-------------------------------------------------------------- */	
#branding {
	 width:18%;
    max-width: 300px;     
    min-width:200px;
	height: 60px;
	display: block;
	position: absolute;
	top: 15px; 
	/*left: 100px;*/
	z-index: 9000;
/*	background: url('../images/logo.svg') no-repeat;*/
	 }
	
#branding a {
	width: 100%; 
    max-width: 300px;     
    min-width:200px;
	height: 100%;
	display: block;
	outline: none; 
    }

@media screen and (max-width:1666px) {
    #branding {
        
        top:calc(15+(30px-1.8vw)/2);
    }
}

@media screen and (max-width:800px) {
    #branding {
    width:200px;
	
	height: 25px;
	display: block;
	position: absolute;
	top: 22px; 
	/*left: 100px;*/
	z-index: 9000;
/*	background: url('../images/logo.svg') no-repeat;*/
	 }

    #branding a {
	width:200px;
	height: 100%;
	display: block;
	outline: none; 
    }
}


@media screen and (max-width:475px) {
    #branding {
        width: 100%;
      
        height:35px;
        
    }
}
   
.ir { 
    display: block; 
    border: 0; 
   /* text-indent: 999em;*/
    overflow: hidden; 
    background-color: transparent; 
    background-repeat: no-repeat; 
    text-align: center; 
    direction: ltr; 
    } 

.ir br  {
    display: none; 
    }	


/* 04 nav
-----------------------------------------------------------------------*/

 
    
 ul#menu,ul#menu ul
 {
     
	margin:0;
	list-style:none;
	padding:0;
	/*background-color:#fcfcfc;*/
	font-family: 'Open Sans Hebrew', sans-serif, Arial;
	/*font-size:14px;*/
	}
	
ul#menu li.icon {
    display: none;
    }
	
ul#menu ul{
	display:none;
	position:absolute;
	right:0;
	top:100%;
	-moz-box-shadow:3.5px 3.5px 5px #aaa;
	-webkit-box-shadow:3.5px 3.5px 5px #aaa;
	box-shadow:3.5px 3.5px 5px #aaa;
	background-color:#fcfcfc;
	/*border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;*/
/*	border-color:#d4d4d4;*/
	padding:0 10px 10px;
   
	}
	
ul#menu li:hover>*{
	display:block;

}
	
ul#menu li:focus>*{
	display:block;

}	
ul#menu li{
	position:relative;
	display:block;
	white-space:nowrap;
	float:right;
	line-height:1.4em;
	
	}

	
ul#menu li a{
	height:30px;}
	
ul#menu li:hover{
	z-index:1;
	}

ul#menu li:focus{
	z-index:1;
	}
	
ul#menu
{
   /*	font-size:0;*/
	z-index:10000000;
	position:relative;
	display:inline-block;
	zoom:1;
	padding:0;
	display:inline;
	float:right;
    width:100%;
	}
	
	
* html ul#menu li a{
	display:inline-block;}
	
ul#menu>li{
	margin:0;}
	
ul#menu a:active, ul#menu a:focus{
	outline-style:none;}
	
ul#menu a{
	display:block;
	vertical-align:middle;
	text-align:right;
	text-decoration:none;
	/*font-size:14px;*/
    font-family: 'Open Sans Hebrew', sans-serif, Arial; 
	/*color:#616161;*/
    color:#333333;
 
	text-shadow:#FFF 0 0 1px;
	cursor:pointer;
	padding:10px 15px;
	/*background-color:#fcfcfc;*/
/*	background-image:url("mainbk.png");
	background-repeat:repeat;
	background-position:0 0;*/
	/*border-width:0 0 0 1px;
	border-style:solid;
	border-color:#C0C0C0;*/

}

ul#menu a.first {
    padding-right:0px;
    }
	
ul#menu ul li{
	float:none;
	margin:0px 0 0;
	/*border-bottom:1px solid #c9c9c9;*/
      border-bottom-width: 1px;
    border-bottom-style: solid;
}
	
ul#menu ul a{
	text-align:right;
	padding:10px 4px 4px 4px;
	/*background-color:#fcfcfc;*/
	background-image:none;
	/*border-width:0;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;*/
	font-size:14px;
    font-family: 'Open Sans Hebrew', sans-serif, Arial;
	color:#616161;
    /*color:#333333;*/
	text-decoration:none;
	/*height:30px;*/

}
	
ul#menu li:hover>a,ul#menu li a.pressed,ul#menu li a.focus{
	background-color:#ededed;
	/*border-color:#C0C0C0;
	border-style:solid;*/
	color:#000000;
	text-shadow:#FFF 0 0 1px;
/*	background-image:url("mainbk.png");
	background-position:0 100px;*/
	text-decoration:none;
	/*height:30px;*/}
	
ul#menu span{
	display:block;
	overflow:visible;
	/*background-position:right center;
	background-repeat:no-repeat;*/
	padding-right:0px;
    padding-bottom: 4px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    

}




	
ul#menu ul li:hover>a,ul#menu ul li>a.pressed,ul#menu ul li a:focus{
	background-color:#ededed;
	background-image:none;
	color:#616161;
	text-decoration:none;

}
	
	
@media screen and (max-width:1130px) {
  ul#menu li {
      display: none;
  }

  ul#menu li.icon {
    float: right;
    display: block;
   background-color:white;

    
  }

  ul#menu.responsive {
      position: relative;
      
  }

  ul#menu.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  ul#menu.responsive li {
    float: none;
    display: block;
    width:100%;
    background-color:white;    
    position:relative;

       margin-bottom:-1px;
  }



  ul#menu.responsive li a {
    display: block;
    text-align: right;
   
	
  }

 ul#menu.responsive > li:nth-child(1){
     margin-top:35px;
  
     padding-top:15px;
 }

  ul#menu.responsive li a {
      padding:15px 15px 2px;
      font-size: 1.3em;
  }

   ul#menu.responsive li.icon a {
      padding:10px 15px;
      font-size: 1.3em;
  }
  
}



/* 05 Pages Main
-------------------------------------------------------------- */	
#main_r{
    width:18%;
    max-width:300px;
    position:relative;
    right:0;
    height: 300px;    
     display: inline-block;
    vertical-align: top;
    margin-top:120px;
    margin-right:2%;
    float:right;
}

#main_m{
    width:56%;
    max-width:1065px;
    position:relative;
    margin: 0 auto;
     /*height: 1000px; */
 /*   background-color:aliceblue;*/
     display: inline-block;
    vertical-align: top;
    margin-top:100px;
    padding:0 20px 40px 20px;
    text-align:right;

}



#main_l{
    width:18%;
    max-width:300px;
    position:relative;
    left:0;
    height: 600px; 
/*    background-color:antiquewhite;*/
     display: inline-block;
    vertical-align: top;
    margin-top:120px;
    margin-left:2%;
    float:left;
}



#likes{  
  width:135px;
   float:right;  
   height:35px;
   left:0;
   display:inline-flex;
  margin-top:-40px;
   
   }

.scl{
    margin-left:20px;    
    width:45px;
}

.scl a{
    margin-left:20px;    
    width:45px;
    padding-bottom:13px;
}


@media screen and (max-width:1130px) {
    #main_m {
        width:75%;
       
    }

    #main_l {
        width:18%;
        max-width:300px;position:absolute;
        right:0;
        
        
        vertical-align: top;
        margin-top:320px;
        margin-right:2%;
        float:right;
    }
}


@media screen and (max-width:800px) {
    #main_r {
       display:none;
    }
    
    #main_m {
        width:92%;
        margin: 0 auto;
         margin-top:60px;
       
    }

    #main_l {
       display:none;
    }
}


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

    #main_m {
       
        margin-top: 110px;
    }
}

#pg_symbol {
   width:75%;
    max-width: 300px;     
    margin:0 auto;
}


.list{
   /* border:3px solid #ededed;      */
    /*padding:20px;    */
    display:inline-block;

}

.main_list{
     font-size:1.25em;
    line-height:1.5em;
    width:90%;
     color:#666;
     list-style-image: url('sqpurple.gif');


}

li span.bullet{
    content: "";   
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: inline-block;
    height: 0;
    width: 0;/*
    left: -1em;
    top: 0.9em;*/
    position: relative;
	left:-5px;

}

.green_bullet{
     border-color: transparent #111;
}



.sticker{
    width:10%;
    height:20px;


}

.sub_title{
     font-size:1.4em;
    line-height:1.65em;
   /* font-weight:bold;*/
    margin-bottom:0;

}

.sub_title span{
    font-weight:bold;    
}


.closure{
     font-size:1.4em;
    line-height:1.65em;
   /* font-weight:bold;*/
    margin-top:-15px;

}

.closure span{
    font-weight:bold;
    
}

.closure1{
     font-size:1.3em;
    line-height:1.0em;
    margin-bottom:10px;

}

p{
    font-size:1.25em;
    line-height:1.5em;
    width:90%;
     color:#666;
}

p span{
    font-weight:bold;
}

.p1{
    margin-top:85px;
}

.p1 span{
    font-weight:bold;
}



.line2{
    font-size:1.25em;
    line-height:1.5em;
    width:90%;
     color:#666;
     margin-top:-0.9em;
}

.p65{
   width:65%;
}


.p72{
   width:72%;
}

.p75{
   width:75%;
}

.p78{
   width:78%;
}

.p80{
   width:80%;
}

.p82{
   width:82%;
}

.p85{
   width:85%;
}

.p86{
   width:86%;
}

.p100{
   width:100%;
}
.wo_b_m{
    margin-bottom:0;
}

.p80px{
    width:100%;
    max-width:832px;
}

.p80px_mobile{
  
    min-width:600px;
}

.p_con{
   width:82%;
    font-size:1.5em;
    line-height:1.8em;    
     color:#666;
     text-align:center;
}

.p_con1{
   width:82%;
    font-size:1.5em;
    line-height:1.8em;    
     color:#666;
     text-align:center;
     margin-top:40px
}

.p_con2{
   width:82%;
    font-size:2.5em;
    line-height:0.5em;    
   
     text-align:center;
     margin-top:1.25em;
}

.left{
    text-align:left;
    font-size:1.1em;
    width:100%;
    line-height:1em;
     color:#666;
     margin-top:-0.4em;
}

.small{
    font-size:0.8em;
    vertical-align:baseline;
    float:left;
}

.small_eng{
    font-size:0.8em;
    vertical-align:baseline;
    float:right;
}

.bold{
    font-weight:700;
}

.ex_bold{
    font-weight:800;
}

.blk_bold{
    font-weight:900;
}

.topgap-20{
    margin-top:-20px;
}



.topgap_plus10{
     margin-top:10px;
}



.list_w_title li:first-child { 
    list-style-type:none; 
    font-size:1.25em;
    line-height:1.7em;
    color:#666;  
}

li.color_bl {
  margin-right: 2px;       
  padding-right: 0.6em; 
  font-size:1.25em;
  line-height:1.7em;
  color:#666;     
 
}




li.color_bl:nth-child(7n+2) {
    background: url(../images/bl_green.png) no-repeat center right;     
      background-position: right 0em top 0.4em;	
    }

li.color_bl:nth-child(7n+3) {
    background: url(../images/bl_blue.png) no-repeat center right;     
      background-position: right 0em top 0.4em;	
    }

li.color_bl:nth-child(7n+4) {
    background: url(../images/bl_yellow.png) no-repeat center right;     
      background-position: right 0em top 0.4em;	
    }

li.color_bl:nth-child(7n+5) {
    background: url(../images/bl_pink.png) no-repeat center right;     
      background-position: right 0em top 0.4em;	
    }

li.color_bl:nth-child(7n+6) {
    background: url(../images/bl_red.png) no-repeat center right;
      background-position: right 0em top 0.4em;	
    }

li.color_bl:nth-child(7n+7) {
    background: url(../images/bl_purple_gray.png) no-repeat center right; 
      background-position: right 0em top 0.4em;	    
    }

li.color_bl:nth-child(7n+8) {
    background: url(../images/bl_purple.png) no-repeat center right;    
      background-position: right 0em top 0.4em;	 
    }




li.onecolor_bl {
  margin-right: 2px;       
  padding-right: 0.6em; 
  padding-left:0.6em;
  font-size:1.25em;
  line-height:1.7em;
  color:#666;    
   background-position: right 0em top 0.4em; 	 
}



.pic1{
    width:30%;
    max-width: 120px;     
   position: absolute;
    left: 0;
    bottom: 0;

}

.model_w160{
    max-width:160px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    display: block;    
}


.model_w160_c{
    max-width:160px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    display: block;
     margin:auto; 
}

.model_w200{
    max-width:200px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    display: block;    
}


.model_w200_c{
    max-width:200px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    display: block;
     margin:auto; 
}

.model_w300{
    max-width:300px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    display: block; 
}

.model_w300_c{
    max-width:300px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    display: block;
     margin:auto; 
}

.model_w400_c{
    max-width:400px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    display: block; 
    margin:auto;
}

.model_w400{
    max-width:400px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    display: block; 
  
}

.model_w450{
    max-width:450px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    display: block; 
}

.model_w500{
    max-width:500px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    display: block; 
}

.model_w500_c{
    max-width:500px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    display: block; 
    margin:auto;
}

.model_w550{
    max-width:550px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    display: block; 
}

.model_w600{
    max-width:600px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    display: block; 
}

.model_w600_c{
    max-width:600px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    display: block; 
    margin:auto;
}

.model_w640{
    max-width:640px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    display: block; 
}

.model_w670_sh{
    max-width:670px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    display: block; 
    box-shadow:1px 1px 5px #616161;
}

.model_w740{
    max-width:740px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    display: block; 
}

.model_w800{
    max-width:800px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;

}

.model_w80{
    width: calc(80% - 20px);
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:20px;
    
}

.model_w85{
    width: calc(85% - 20px);
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:20px;
    
}

.model_w800_jpg{
    max-width:100%;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;

}

.model_w800_video{
    overflow:hidden;
    max-width:100%; 
    position: relative;
    clear: right;
    margin-bottom:30px;

}

.myVideo {
  position:relative;

   right: 0;
  width: 100%; 
 height:720px;

  z-index:-1;
}


@media screen and (max-width:1200) {


    .model_w800_jpg {
        max-width: 90%;
    }
}

@media screen and (max-width:1130) {
  



.p80px{
    width:100%;
    max-width:100%;
}
}

@media screen and (max-width:480px) {
    .myVideo {
    height:auto;
    }

.model_w800_jpg{
    max-width:80%;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;

}

.p80px{
    width:100%;
    max-width:100%;
    min-width:100%;
}
}

.model_w850{
    max-width:850px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;

}

.model_w900{
    max-width:900px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;

}


.model_w900_c{
    max-width:900px;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    display: block; 
    margin:auto;
}

.model_w100p{
    max-width:100%;
   /* height:600px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;

}


.model_h150{
    max-width:640px;
   /* height:150px; 
    background-color: #ededed;*/
    position: relative;
    clear: right;
    margin-bottom:30px;
    margin-top:-20px;

}

@media screen and (max-width:600px) {
.pic1{
    width:15%;
    max-width: 80px;     
    position: absolute;
    left: 0;
    bottom: 0;

}

}


.box{
    width: 86%;
    border-width:3px;
    border-style:solid;
    padding:10px 15px 0 15px;
    margin-top:30px;
    margin-bottom:30px;  
}


.accordion {
    cursor: pointer;   
    width: 100%;    
    transition: 0.4s;
}

.accordion a{
    text-decoration:underline;
    color: #86c440;
}

}

.accordion.active, .accordion:hover {
    background-color: #ddd; 
}

div.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    border:solid 2px #86c440;

   
}


div.panel1 {
    padding: 0 18px;
    display: none;
    background-color: white;
    border:solid 2px #86c440;

     margin-top:10px;
}


.embed-container_v { 
    position: relative; 
    padding-bottom: 50.25%; 
    height: 0; 
    overflow: hidden; 
    width: 88%; 
    
     margin: 50px 0;
    
    
}

.embed-container_v iframe, .embed-container_v object, .embed-container_v embed {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}


@media screen and (max-width:1000px) {
    .embed-container_v {
       padding-bottom: 65.25%; 
       margin: 0 auto;
        width:98%;
       
    }  
}

/* 06 Pages Lower
-------------------------------------------------------------- */

.pr{
    font-size:2.2em;
    line-height:2.2em;
    text-align:justify;
    width:88%;
     padding:2% 6%; 
     
}

.pr2{
    font-size:2.2em;
    line-height:2.2em;
    text-align:justify;
    width:88%;
     padding:0 6% 2% 6%; 
     margin-top:-2em;
     
}

.pr52{
    font-size:2.2em;
    line-height:2.2em;
    text-align:justify;
    width:52%;
     padding:2% 24%;     
}


.pr_center{
    text-align:center;   
     
}

.pr_large{
    font-size:2.4em;
    line-height:1.3em;
}
.pr_eng{
    font-family: 'Open Sans', sans-serif, Arial;
    direction:ltr;
}

.pr_left{
     text-align:left;    
}

.pr56{
     width:56%;
     padding:2% 22%;     
}

.pr_70{
    width:70%;
    padding:2% 15%;
}

.pr_80{
    width:80%;
    padding:2% 10%;
}


@media screen and (max-width:2380px) {
.pr {
    font-size: 1.8em;
    line-height: 1.8em;
    }




.pr2 {
    font-size: 1.8em;
    line-height: 1.8em;
    }
}

@media screen and (max-width:1600px) {
.pr{
    font-size: 1.55em;
    line-height: 1.55em;
     width:92%;
     padding:2.4% 4%;     
}

.pr_70{
    width:70%;
    padding:2% 15%;
}

}

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


.pr56{
     width:64%;
     padding:2% 18%;     
}

}
@media screen and (max-width:1130px) {
.pr {
    font-size: 1.35em;
    line-height: 1.35em;
    }
}






@media screen and (max-width:1000px) {
pr {
    font-size: 1.35em;
    line-height: 1.35em;
    min-height:3em;
    }




.pr2 {
    font-size: 1.6em;
    line-height: 1.6em;
    }


.pr56{
     width:85%;
     padding:2% 5%;     
}

.pr_70{
    width:90%;
    padding:2% 5%;
}

.pr_80{
    width:90%;
    padding:2% 5%;
}

}


@media screen and (max-width:800px) {
.pr {
    padding:2% 4%; 
  
    }

.pr56{
     width:90%;
        
}
}



@media screen and (max-width:620px) {
.pr {  
    min-height:40px;
    }
}


.highlights  {
    width:92%;
    margin: 0px auto ;
    display: flex;
    justify-content: space-between;
    
    
}

.twolinks{
    width:46%;
    position:center;
}

.threelinks{
    width:69%;
    position:center;
}

.highlights a{text-decoration:none;}

@media screen and (max-width:800px) {
.highlights  {
    
    margin: 0px auto 40px;
   display:block;
    
}

.twolinks{
    width:92%;
    position:center;
}


.threelinks{
    width:92%;
    position:center;
}
}

.hh{
    width:15vw ;
    height:5.1vw;
    border-width:6px;
    border-style:solid;
    padding:1.75vw;
    text-align:right;
    position:relative;
}


.hh_ar{
    position: absolute;
    bottom:0.8vw;
    left:0.8vw;
    width:1.4vw;
    height:1.4vw;
}


@media screen and (max-width:1130px) {
.hh {
    padding:1.5vw;
}
}

.hh_ar{
    position: absolute;
    bottom:0.8vw;
    left:0.8vw;
    width:1.4vw;
    height:1.4vw;
}

.hh_pic{
    position: absolute;
    bottom:0;
    left:4vw;
    width:5vw ;
    height:3.5vw;
    
}

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

.hh {
    border-width:3px;
    }
.hh_pic {
    display:none;
    }


.hh_ar {
    width:2.2vw;
    height:2.2vw;
}

}

@media screen and (max-width:800px) {
.hh{
    width:92% ;
    height:0.9em;
    min-height:20px;
    border-width:3px;
    border-style:solid;
    padding:2vw;
    text-align:right;
    position:relative;
    margin-bottom:10px;
}

.hh_ar{
    position: absolute;
    bottom:0.62em;
    left:1em;
    width:1.5em;
    height:1.5em;
    
}

}

.hh_margin_b0{
    margin-bottom:0;
}

.hh_p50{
    font-size:2.2em;
    width:50%;
    line-height:1.25em;
    font-weight:700;
}

.hh_p75{
    font-size:2.2em;
    width:75%;
    line-height:1.25em;
    font-weight:700;
}


.hh_p100{
    font-size:2.2em;
    width:100%;
    line-height:1.25em;
    font-weight:700;
}

@media screen and (max-width:1800px) {
    .hh_p50{
        width:100%;
    font-size:2em;   
}

.hh_p75{
    width:100%;
    font-size:2em;    
}


.hh_p100{
    font-size:2em;   
}

}


@media screen and (max-width:1633px) {
    .hh_p50{
        width:100%;
    font-size:1.8em;   
}

.hh_p75{
    width:100%;
    font-size:1.8em;    
}


.hh_p100{
    font-size:1.8em;   
}

}


@media screen and (max-width:1450px) {
    .hh_p50{
        width:100%;
    font-size:1.5em;   
}

.hh_p75{
    width:100%;
    font-size:1.5em;    
}


.hh_p100{
    font-size:1.5em;   
}

}

@media screen and (max-width:1160px) {
    .hh_p50{
    font-size:1.25em;   
}

.hh_p75{
    font-size:1.25em;    
}


.hh_p100{
    font-size:1.25em;   
}

}

@media screen and (max-width:800px) {
.hh_p50{
  
   width:80vw;
}



.hh_p100{
   
    width:80vw;
}
}

/* 07 Side Nav
-------------------------------------------------------------- */	
.side_nav  {
    position:relative;	
	width: 100%;
	
	padding-top: 1em;
	padding-bottom: 1em;
	}

.side_nav ul {
	width: 94%;
	margin: 0 auto;

}


ul#sn{   
    list-style-type:none;
    margin:0 10px;    
    }
    
ul#sn li a, ul#sn li.off a{ 
    display:block;        
    margin-bottom:0;
    line-height:1.5em;
    display:block;
    padding:10px 10px 10px 20px;    
    color:#fff;
    border-bottom: 1px solid #fff;
    text-decoration:none;
    text-align:right;
    font-size: 1.1em;
    }
    
ul#sn li:first-child {
    border-top: 1px solid #fff;
    }

ul#sn li.on, ul#sn li.on a {   
   text-decoration:none;
   background-color:#fff;
   color:#616161;    

  }



ul#sn li.off a:hover {   
   text-decoration:none;
   background-color:#fff;
   color:#616161;    
}


/* 07A BLOG Nav
-------------------------------------------------------------- */	

.blog_nav ul {
	width: 100%;
	margin: 0 auto;

}


ul#pb {   
    list-style-type:none;
    margin:0 0px;    
    }



    
ul#pb li a, ul#pb li.off a{ 
    display:block;        
    margin-bottom:0;
    line-height:1.5em;
    display:block;
    padding:10px 10px 10px 20px;    
    color:#fff;
    border-bottom: 1px solid #fff;
    text-decoration:none;
    text-align:right;
    font-size: 1.1em;
    }
    
ul#pb li:first-child {
    border-top: 1px solid #fff;
    }

ul#pb li.on, ul#pb li.on a {   
   text-decoration:none;
   background-color:#fff;
   color:#616161;  
  

  }



ul#pb li.off a:hover {   
   text-decoration:none;
   background-color:#fff;
   color:#616161;    
}


/* 08 Footer
-------------------------------------------------------------- */
footer  {
    width:88%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
   
}


    
 .footer_cl
 {
    /* width:15%;*/
     text-align:right;
     vertical-align:top;
/*     border-left: 1px solid #d3d3d3;*/
     padding:10px 5px;
    
     }   


   
     
.footer_cl ul {   
    list-style-type:none;
    margin:0 10px;    
    }   



.footer_cl ul li, .footer_cl ul li a {  
    display:block;        
    margin-bottom:0;
    line-height:1.8em;      
    color:#7f7f7f;    
    text-decoration:none;
    text-align:right;
    font-size: 0.9em;
}

.footer_cl ul li a, .footer_cl ul li a:visited {
	color: #666666;
	text-decoration:none;
	 }

.footer_cl ul li a:hover, .footer_cl ul li a:focus{
   color: #00afef;
	text-decoration:none;
	font-size:0.9em; 
    }


.footer_cl ul li span {  
    display:block;        
    margin-bottom:0;
    line-height:1.8em;         
    text-decoration:none;
    text-align:right;
    font-size: 0.9em;
    color: #666666;
    font-weight:bold;
}


/* 09 accessability
-------------------------------------------------------------- */
.sr-only{
    height:0;
    width:0;
    overflow:hidden;
    }



/* 10 TACK TEAM
---------------------------------------------------------------*/
.cv  {
    width:100%;
    margin: 0px auto ;
    display: flex;
    /*justify-content: space-between;  */
    float:right;   
    flex-wrap: wrap;
   
}

.cv_box{
 /*   width:38% ;
    height:9vw;*/
    border-width:4px;
    border-style:solid;
    /*padding:1.9vw;*/
    text-align:right;
    position:relative; 
    margin-bottom:30px;
    width:340px;
    min-height:220px;
    padding:25px;
    
}

.cv_box:nth-child(odd){
 margin-left:35px;

}

.cv_inner{
    position: absolute;
    bottom:0;
   
}


.cv_box2{
 /*   width:38% ;
    height:9vw;*/
    border-width:4px;
    border-style:solid;
    /*padding:1.9vw;*/
    text-align:right;
    position:relative; 
    margin-bottom:30px;
    width:340px;
    min-height:300px;
    padding:25px;
    
}

.cv_box2:nth-child(odd){
 margin-left:35px;

}

.team_name{
    font-size:1.25em;
    line-height:1.5em;
    width:100%;
     color:#666;

    
}
.team_line2{
    font-size:1.19em;
    line-height:1.5em;
    width:100%;
     color:#666;
      margin-top:-0.9em;
}




.team_line3{
    font-size:1.19em;
    line-height:1.5em;
    width:100%;
     color:#666;
     margin-top:0.3em;
}


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

    .cv_box{
 /*   width:38% ;
    height:9vw;*/
    border-width:4px;
    border-style:solid;
    /*padding:1.9vw;*/
    text-align:right;
    position:relative; 
    margin-bottom:20px;
    width:300px;
    height:210px;
    padding:20px;
    
}

    .cv_box:nth-child(odd){
        margin-left:20px;
    }



 .cv_box2{
 /*   width:38% ;
    height:9vw;*/
    border-width:4px;
    border-style:solid;
    /*padding:1.9vw;*/
    text-align:right;
    position:relative; 
    margin-bottom:20px;
    width:300px;
    height:210px;
    padding:20px;
    
}

    .cv_box2:nth-child(odd){
        margin-left:20px;
    }

}


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

    .cv_box{
 /*   width:38% ;
    height:9vw;*/
    border-width:4px;
    border-style:solid;
    /*padding:1.9vw;*/
    text-align:right;
    position:relative; 
    margin-bottom:25px;
    width:340px;
    height:190px;
    padding:25px;
    
}

    .cv_box:nth-child(odd){
        margin-left:25px;
    }


    .team_line3{
    font-size:1.19em;
    line-height:1.5em;
    width:100%;
     color:#666;
     margin-top:20px;
}

      .cv_box2{
 /*   width:38% ;
    height:9vw;*/
    border-width:4px;
    border-style:solid;
    /*padding:1.9vw;*/
    text-align:right;
    position:relative; 
    margin-bottom:25px;
    width:340px;
    height:190px;
    padding:25px;
    
}

    .cv_box2:nth-child(odd){
        margin-left:25px;
    }


    .team_line3{
    font-size:1.19em;
    line-height:1.5em;
    width:100%;
     color:#666;
     margin-top:20px;
}

}


/* 11 clients
---------------------------------------------------------------*/
.cl_title{
    clear: both;
    margin-top:0px;   
}

.cl_sub_title{
     font-size:1.7em;
    line-height:1.65em;
   
    margin-bottom:0;

}

.cl_logos{
    clear: both;
    margin-top:0px;   
}

.cl_main{
    width:56%;
    max-width:965px;
    position:relative;
    margin: 0 18%;
    display: block;
    vertical-align: top; 
    text-align:right;
    padding:20px 4%;
    text-align:right;
}


@media screen and (max-width:800px) {
    .cl_main {
        width:85%;
        padding: 20px 1%;
        margin:0 auto;
    }

    .p72{
        width:85%;

    }
}


/* 12 blog
---------------------------------------------------------------*/

.blink{
    width:85% ;
    min-height: 40px;
    border-width:4px;
    border-style:solid;
    padding:15px;
    text-align:right;
    position:relative;
    margin-bottom:20px;
}

.blink a{
    text-decoration:none;
    }

.blink_p{
    font-size:1.5em;  
    margin-bottom:0;
    font-weight:bold;
}


.blink_ar{
    position: absolute;
    bottom:20px; 
    left: 20px;

    width:1.8em;
    height:1.8em;
}


.embed-container_b { 
    position: relative; 
    padding-bottom: 45.25%; 
    height: 0; 
    overflow: hidden; 
    width: 85%; 
     margin: 50px 0;

}

.embed-container_b iframe, .embed-container_b object, .embed-container_b embed {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}



.sbs_out  {
    width:80%;
    margin: 0px auto ;
    display: flex;
    /*justify-content: space-between;  */
    float:right;   
    flex-wrap: wrap;
   
}

.sbs_in{
 
  /*  border-width:4px;
    border-style:solid;
    padding:1.9vw;*/
    text-align:right;
    position:relative; 
    /*margin-bottom:30px;*/
    width:44%;
  /*  min-height:220px;*/
    padding:25px;
    
}






@media screen and (max-width:1470px) {
    .sbs_out  {
        width:100%;    
        min-width:390px;
      
    }


   
}


@media screen and (max-width:1200px) {
.sbs_in_img{
 
  
 
    width:100%;
  
    padding:0;
   
    
}   

.sbs_in{
 
  
 
    width:100%;
  
    padding: 0 0 25px 25px;
   
    
}   

}



@media screen and (max-width:1000px) {
    .embed-container_b {
       padding-bottom: 65.25%; 
       margin: 0 auto;
        width:98%;
       
    }  
}


/* 13 articles
--------------------------------------------------------------*/
.rs_tbl{
    border-collapse: collapse;
    border-spacing: 0;
    width: 60%;
    border: 1px solid #ddd;
}

.tbl{
    border-collapse: collapse;
    border-spacing: 0;
    
    border: 1px solid #ddd;
}

.td20 {
    width:20%;
    border-bottom:1px solid #ddd;
}

.td80 {
    width:80%;
    border-bottom:1px solid #ddd;
}

.td50 {
    width:50%;
    border-bottom:1px solid #ddd;
}

.td50_nb {
    width:50%;
    border-bottom:0px solid #ddd;
}

.td40_nb {
    width:40%;
    border-bottom:0px solid #ddd;
}

.td30_nb {
    width:30%;
    border-bottom:0px solid #ddd;
}



.tdp{
    font-size:1.15em;
    line-height:1.15em;   
     color:#666;
     padding-right:10px;
    padding-top:15px;
}



.tdp2{
    font-size:1.15em;
    line-height:1.5em;   
     color:#666;
     padding-right:10px;
    padding-top:15px;
    margin-bottom:0;
}

.tdp3{
    font-size:1.15em;
    line-height:1.5em;   
     color:#666;
     padding-right:10px;
    padding-top:10px;
}

.td_last{
    margin-bottom:15px;
}

.td_left_border{
    border-left:1px solid #ddd;
}

li.intbl_bl {
  margin-right: 2px;       
  padding-right: 1em; 
  font-size:1.15em;
  line-height:1.6em;
  color:#666;    
   background-position: right 0.4em top 0.5em; 	 
   width:90%;
}

ul.intbl {
  margin-bottom:0;
}


.b_date{
    font-size:0.9em;    
     color:#666;
   margin-top:50px;
   margin-bottom:-60px;
}

.b_more{
    font-size:1em;    
    margin-top:110px;
    margin-bottom:-60px;
}

.b_more a {
    font-size:1em;
}

.b_tbl  {
    width:100%;
    margin: 0px auto ;
    display: flex;
    /*justify-content: space-between;  */
    float:right;   
    flex-wrap: wrap;
   
}

.b_box{
 /*   width:38% ;
    height:9vw;*/
    border-width:1px;
    border-style:solid;
    /*padding:1.9vw;*/
    text-align:right;
    position:relative; 
    margin-bottom:30px;
    width:360px;
   /* min-height:220px;*/
    padding:25px 25px 5px 0;
    
}

 .b_box:nth-child(odd){
        margin-left:25px;
    }



.col3  {
    width:85%;
    margin: 0px auto ;
    display: flex;
    /*justify-content: space-between;  */
    /*float:right;   */
    flex-wrap: wrap;
   
}

.col3_box{
    border-width:2px;
    border-style:solid;
    text-align:right;
    position:relative; 
    margin-bottom:30px;
    width:200px;
    min-height:220px;
    padding:10px;
    
}

.col3_box:nth-child(1), .col3_box:nth-child(2){
 margin-left:15px;

}

.col3_inner{
    position: absolute;
    bottom:0;
   
}



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

    .col3_box{
        border-width:2px;
        border-style:solid;
        text-align:right;
        position:relative; 
        margin-bottom:20px;
        width:200px;
        height:210px;
        padding:20px;
    
}

    .col3_box:nth-child(1), .col3_box:nth-child(2), .col3_box:nth-child(3){
        margin-right:20px;
        margin-left:20px;
    }

}


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

    .col3_box{
        border-width:2px;
        border-style:solid;
        text-align:right;
        position:relative; 
        margin-bottom:30px;
        width:200px;
        min-height:220px;
        padding:10px;
    
    }

   .col3_box:nth-child(1), .col3_box:nth-child(2){
        margin-left:15px;

    }


 

}



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

    .col3_box{
    text-align:right;
    position:relative; 
    margin-bottom:20px;
    width:200px;
    height:210px;
    padding:20px;
    
}

    .col3_box:nth-child(1), .col3_box:nth-child(2), .col3_box:nth-child(3){
        margin-right:20px;
        margin-left:20px;
    }

}


/* 14 media
---------------------------------------------------------------*/

.mlink{
    width:85% ;
    min-height: 40px;
    border-width:4px;
    border-style:solid;
    padding:15px;
    text-align:right;
    position:relative;
    margin-bottom:20px;
}

.mlink a{
    /*text-decoration:none;*/
    font-weight:bold;

    }

.mlink_title{
    font-size:1.25em;  
    margin-bottom:10px;
    font-weight:bold;
    width:100%;
   
}

.mlink_p{
    font-size:1.2em; 
    width:100%; 
      
}

.mlink_p_lsat{
    font-size:1.2em; 
    width:100%; 
   
}




.mlink_ar{
    position: absolute;
    bottom:20px; 
    left: 20px;

    width:1.8em;
    height:1.8em;
}


/* 20 index
--------------------------------------------------------------*/
#main_index {
    clear: both;
    margin-top: 0px;

}
    
  
#main_index a{
    text-decoration:none;
    }

#index_top{
    width:90%;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    margin-top:120px;
    flex-wrap: wrap;

    
}

.pr_index{
    text-align:center;
    width:90%;
    padding:2% 5%;
}




#index_video{
   
    overflow:hidden;
    width:65%;
  margin: 50px auto;   
  /* height:calc((100vw*9/16)-400px)*/

}

@media screen and (max-width:800px) {
    #index_video {
        margin: 50px auto;
       
        display: block;
      
        width:98%;
    }  
}

#myVideo {
  position:relative;

   right: 0;
  width: 100%; 
 height:auto;
 
  z-index:-1;
}

.embed-container { 
    position: relative; 
    padding-bottom: 40.25%; 
    height: 0; 
    overflow: hidden; 
    width: 65%; 
     margin: 50px auto;

}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media screen and (max-width:1000px) {
    .embed-container {
       padding-bottom: 65.25%; 
       margin: 0 auto;
        width:98%;
       
    }  
}

#index_lower{
    width:90%;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    margin-top:50px;
    flex-wrap: wrap;
   
}

@media screen and (max-width:800px) {
    #index_top {
        margin: 120px auto 0;
        display: block;
    }

     #index_lower {
        margin: 0 auto 40px;
        display: block;
    }
}

#index_likes{  
    width:135px;
    
    height:35px;
    left:0;
    display:inline-flex;
    margin:25px auto;   
   }
/*20A index likes
------------------------------------------------------------------------------*/
.index_scl{
    margin-left:20px;    
    width:45px;
}

.index_scl a{
    margin-left:20px;    
    width:45px;
    padding-bottom:13px;
}

/*20B index top box
------------------------------------------------------------------------------*/
.index_top_box{
    width:24% ;
    min-width: 300px;
    border-width:0px;
    border-style:solid;
    text-align:right;   
    
    display:inline;
}



.index_top_box_img{
    width:17%;   
    float:right;
    height:100%;
}


.index_top_box_title{
    font-size:1.75em;
    line-height:1.0em;
    font-weight:bold;
    padding:0 20px;
    margin-right:17%;
    
}


.index_top_box_txt{
    font-size:1.2em;
    line-height:1.5em;
    padding:20px;
    margin-right:17%;
    text-align:justify;
}


@media screen and (max-width:1320px) {
    .index_top_box {
        width: 45%;
        min-width: 300px;               
    }

    .index_top_box:first-child, .index_top_box:nth-child(2) {
        margin-bottom:40px;
    }

    .index_top_box_img{
        width:73px;    
    }

    .index_top_box_title {
        margin-right:80px;
    }

    .index_top_box_txt {
        padding-top:10px;
        margin-right:80px;
    }

}

@media screen and (max-width:800px) {
    .index_top_box {
        width: 100%;
        min-width: 300px;
        margin-bottom:40px;
         display:block;
        
    }

     .index_top_box_img{
        width:73px;    
    }

    .index_top_box:last-child {
        width: 100%;
        min-width: 300px;
        margin-bottom:0px;
    }

}

/*20C index lower box
------------------------------------------------------------------------------*/
.index_lower_box{
    width:23% ;
    min-width: 300px;
    border-width:6px;
    border-style:solid;
    text-align:right;       
    display:inline;
    margin-bottom:25px;
  
}




.index_lower_box_title{
    font-size:1.5em;
    line-height:1.2em;
    font-weight:bold;
    padding:20px;
    padding-bottom:0;
}


.index_lower_box_txt{
    font-size:1.09em;
    line-height:1.5em;
    padding:10px 20px 20px 20px;    
    text-align:right;
}

.index_lower_box_ar{
   text-align:left;
   padding:20px;
   font-size: 1.5em;
   position:relative;
}


@media screen and (max-width:1320px) {
    .index_lower_box {
        width: 45%;
        min-width: 300px;               
    }

    
.index_lower_box_title{
    
   padding:20px;
   padding-bottom:0px;    
}
    

   

    .index_lower_box_txt {
        padding-top:10px;       
    }

}

@media screen and (max-width:800px) {
    .index_lower_box {
        width: 100%;
        min-width: 300px;
        margin-bottom:30px;
         display:block;
        
    }

    .index_lower_box:first-child {
        margin-top:30px;
    } 

    .index_lower_box:last-child {
        width: 100%;
        min-width: 300px;
        margin-bottom:0px;
    }

}

/*APP
----------------------------------------------------------------*/
#wrapper_app {
	width: 96vw;
	text-align: center; 
	margin-top: 0px;
    height:100%;
	margin: 0px auto 0;
	}


    
		
#container_app {
	max-width: 100%;	
	margin: 0px auto 0;
	position: relative;
	text-align: center; 	
	}

#main_app {
	width: 100%;	
	position: relative;	
    margin: 0 auto;
    left: 0;
    right: 0;
    
 display:table;
	}

#top_app{
   
	width: 100%;
	height:50px;
	
	background-color: #fff; 
	margin: 0px auto 0;
   margin-bottom:40px;

    position: relative;
    text-align: right;
	
}

@media screen and (max-width:800px) {
    #container_app {
        width: 98%;
    }

    #top_app {
        margin-bottom:10px;
    }
}


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

    #top_app {
        margin-bottom: 10px;
        width: 100%;
        
    }
}






/* Top App
-------------------------------------------------------------- */	

#top_app_r {
   
    width: 45px;
    height: 45px; 
    float: right;          
    display: inline-block;
    text-align:center;
   
}

#logo_app1 {
    width:calc(100% - 100px);
    text-align: center;
    margin: 0 auto 0; 
    display:inline-block;
    height:100%;
}

#logo_app {
    padding-bottom: 0px;     
    max-width: 300px;     
    min-width:200px;
    /*  float:left;   
        margin-left:2%;    */   
    margin: 0 auto 0;
   padding:9px;
    
}
@media screen and (max-width:800px) {
    #logo_app {
        width: 250px;
    }
}

@media screen and (max-width:480px) {
    #logo_app {
        width: 220px;
    }
}

#top_app_l {
    width:45px;
    height: 45px; 
    float: left;      
    display:inline-block;
    text-align:center;
  
}

.button_app {  
    color: white; 
    text-align: center;
    text-decoration: none;  
    cursor: pointer;   
    display:block;
    padding:7px;
}

.button_app:hover {
    box-shadow: 0 12px 10px 0 rgba(0,0,0,0.34), 0 17px 20px 0 rgba(0,0,0,0.29);   
    box-shadow:1px 1px 5px #616161;
}



/*------------------------------------------------------------------*/


#main_m_app{
    width:56%;
    max-width:1065px;
    position:relative;
    margin: 0px auto 0;
     /*height: 1000px; */
 /*   background-color:aliceblue;*/
     display: inline-block;
    vertical-align: top;
    margin-top:40px;
    padding:40px;
    text-align:right;
    border-width:1px;
    border-style:solid;
    min-height:calc(100vh - 180px);
    box-shadow:1px 1px 5px #616161;
}



@media screen and (max-width:1130px) {
    #main_m_app {
        width:75%;
       
    }

 
}


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

      #main_r {
       display:none;
    }
   
    #main_m_app {
        width:92%;
        margin: 0 auto;
         margin-top:0px;
         padding:20px;
      
    }

    #main_l {
       display:none;
    }
}


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

    #main_m_app {
        width:100%;
        border-width:2px;
        margin-top: 0px;
        margin-bottom: 40px;
        height:86vh;
        padding:5px;
         border-width:0px;
          box-shadow:0px 0px 0px #616161;
    }
}


.app_title{
    
}

.p1_app{
    margin-top:85px;
}


@media screen and (max-width:480px) {
    .p1_app {
        margin-top:20px;
    }
}


/*title app
    ------------------------------------------------------------------------------------------------------------*/

.title_app{
    font-size:2.2em;
    margin-top:80px;
  
}

.qst_app_out{    
    margin-top:50px;
    text-align:center;   
}

.qst_app0{
    font-size:1.6em;
}
.qst_app{
    font-size:1.7em;
    line-height:1.4em;   
    height:80px;
}

@media screen and (max-width:480px){
    .title_app{
        font-size:1.7em; 
        line-height:1.5em;
        margin-top:20px;
       
    }
    .qst_app_out{    
        margin-top:10px;
        text-align:center;   
    }

    .qst_app0{
    font-size:1.3em;
    line-height:1.3em;
}

    .qst_app{
        font-size:1.5em;
        line-height:1.4em;   
        height:120px;
    }


}


/* app highlights
    -------------------------------------------------------------------------------------------------------------*/


.highlights_app  {
    width:100%;
    margin: 0px auto 0;
    
    justify-content: center;
    margin-top: 80px;
   position:center;
}

.highlights_app a{
    text-decoration:none;
    color:#666;
}

.box_app_out  {     
    width:100%;    
    margin-top: 60px;  
    margin-bottom:20px; 
  
}

.box_app_out a{
    text-decoration:none;      
}




.box_app_in{
    margin: 0px auto 0;
    justify-content: center;
     position:center;    
    text-align:center;
    padding:1.75vw;
     border-width:4px;
    border-style:solid;
    font-size: 1.9em;
     line-height:0.9em;
    font-weight:700;
    margin-bottom:40px;
    color:#666;    
}

.box_app_in:hover {
    color:white;
    background-color:#9398cc;
}



.box_app_in_typ{
    margin: 0px auto 0;
    justify-content: center;
     position:center;    
    text-align:center;
    padding:1.0vw;
     border-width:3px;
    border-style:solid;
    font-size: 1.45em;
     line-height:0.9em;
    font-weight:700;
    margin-bottom:20px;
    color:#666;    
}

.box_app_in_typ:hover {
    color:white;
    background-color:#9398cc;
}

.box_app_in_green{
    margin: 0px auto 0;
    justify-content: center;
     position:center;    
    text-align:center;
    padding:0.6em;
     border-width:3px;
    border-style:solid;
    font-size: 1.45em;
     line-height:0.9em;
    font-weight:700;
    margin-bottom:20px;
    color:#666;    
}
.box_app_in_green:hover {
    color:white;
    background-color:#84cc00;
}

.box_app_in_yellow{
    margin: 0px auto 0;
    justify-content: center;
     position:center;    
    text-align:center;
    padding:0.6em;
     border-width:3px;
    border-style:solid;
    font-size: 1.45em;
     line-height:0.9em;
    font-weight:700;
    margin-bottom:20px;
    color:#666;    
}
.box_app_in_yellow:hover {
    color:white;
    background-color:#fdb913;
}

.box_app_in_blue{
    margin: 0px auto 0;
    justify-content: center;
     position:center;    
    text-align:center;
    padding:0.6em;
     border-width:3px;
    border-style:solid;
    font-size: 1.45em;
     line-height:0.9em;
    font-weight:700;
    margin-bottom:20px;
    color:#666;    
}
.box_app_in_blue:hover {
    color:white;
    background-color:#00afef;
}



.box_app_w100{
    width:100%;
}

.box_app_w12vw{
    width:12vw;
    
}

.box_app_w15vw{
    width:15vw;
    
}


.login{
    width:320px;
    margin: 0px auto 0;
    font-size:0.9em;
    margin-top: 0px;
    margin-top:40px;
  
}

.new{
    width:450px;
    margin: 0px auto 0;
    font-size:0.9em;
    margin-top: 0px;
    margin-top:40px;
  
}

.twolinks{
    width:46%;
    position:center;
}

.threelinks{
    width:69%;
    position:center;
}

.hh_app_w{
    width:11vw ;   
    border-width:6px;
    border-style:solid;
    padding:1.75vw;
    text-align:center;
    position:relative;
}

.hh_app{
    width:12vw ;   
    border-width:4px;
    border-style:solid;
    padding:1.75vw;
    text-align:center;   
    margin: auto;
    margin-bottom:40px;
    -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
     }

.hh_app:hover {
    background-color: #00afef; 
    color:white;
}

.hh_p100_app{
    font-size:1.9em;
    width:100%;
    line-height:0.9em;
    font-weight:700;
    margin-bottom:0;
   
}

.hh_p100_app:hover {
    color:white;
}


.btn_app{
    width:80px;
    border-width:4px;
    border-style:solid;
    padding:15px;
    text-align:center;   
    margin: auto;
    margin-bottom:40px;
}

.btn_p100_app{
    font-size:1.25em;
    width:100%;
    line-height:0.9em;
    font-weight:700;
    margin-bottom:0;
}

.rbtn_app{
    width:80px;
    border-width:3px;
    border-style:solid;
    padding:10px 15px; 
    margin: 0 auto 0;   
    margin-bottom:40px;
     font-size:1.25em;  
    line-height:0.9em;
    font-weight:700;
    background-color:white;
    color:#9398cc;
    cursor:pointer;
    
}

.rbtn_app:hover{
   
    background-color:#9398cc;
    color:#fff;
    
}

.rbtn_app:focus{
   
    background-color:#9398cc;
    outline-color:#9398cc;
    color:#fff;
   
}

.hh_typ_app{
    width:15vw ;   
    border-width:3px;
    border-style:solid;
    padding:1.0vw;
    text-align:center;   
    margin: auto;
    margin-bottom:20px; 
    background-color:white;
}

.hh_typ_p100_app{
    font-size:1.5em;
    width:100%;
    line-height:0.9em;
    font-weight:700;
    margin-bottom:0;
   
}




@media screen and (max-width:850px) {
.highlights_app  {
    
    margin: 0px auto 0px;
   display:block;
    
}

.twolinks{
   
    position:center;
}


.threelinks{
    
    position:center;
}
}

@media screen and (max-width:1800px) {
    .hh_p50_app{
        width:100%;
    font-size:2em;   
}

.hh_p75_app{
    width:100%;
    font-size:2em;    
}


.hh_p100_app{
    font-size:2em;   
}



}


@media screen and (max-width:1633px) {
    .hh_p50{
        width:100%;
    font-size:1.8em;   
}

.hh_p75{
    width:100%;
    font-size:1.8em;    
}


.hh_p100_app{
    font-size:1.8em;   
}



}


@media screen and (max-width:1450px) {
    .hh_p50{
        width:100%;
    font-size:1.5em;   
}

.hh_p75{
    width:100%;
    font-size:1.5em;    
}


.hh_p100_app{
    font-size:1.5em;   
}

.box_app_w12vw {
     width:calc(100% - 58px);
   
}

.box_app_w15vw {
     width:20vw;    
}

}

@media screen and (max-width:1160px) {
    .hh_p50{
    font-size:1.25em;   
}

.hh_p75{
    font-size:1.25em;    
}


.hh_p100_app{
    font-size:1.25em;   
}

.hh_app{
    width:18vw ;   
    border-width:3px;
}

.p1{
    margin-top:40px;
}
.box_app_out{
    margin-top:40px;
}

.box_app_w12vw {
    
    font-size:1.6em;  
}

.box_app_w15vw {
     width:30vw;    
}
}



@media screen and (max-width:850px) {
    .hh_p50{
  
       width:80vw;
    }

  

    .hh_p100_app{
   
        width:80vw;
    }

    .hh_app{
        width:92% ;
        height:0.9em;
        min-height:20px;
        border-width:3px;
        border-style:solid;
        padding:2vw;
        text-align:right;
        position:relative;
    
        margin-bottom:10px;
    }

    .box_app_out{
        margin-top:20px;
    }


    .box_app_w12vw {    
        font-size:1.3em;  
        
    }

    .box_app_w15vw {
         width:calc(100% - 80px);   
         line-height:1.75em 
    }

    .last_box{
        margin-bottom:0;
    }
}

@media screen and (max-width:480px) {
    .box_app_out {
        margin-top: 0px;
        margin-bottom:20px;
    }

    .box_app_in {
        margin-top: 20px;
        margin-bottom:20px; 
       
    }
}



.counter{
    width:92%; 
    position:absolute; 
    bottom: 20px; 
    text-align:center;
}

@media screen and (max-width:480px) {
    .counter {
        display: none;
    }
}



/* zz print
-------------------------------------------------------------- */
@media print {

   


    body {
        font-size: 12px;
    }

    h1,
    h1 a {
	    font-size: 30px;	
        font-weight:900;
	     }	


	 
    h2 {
	    font-size: 22px;
	    line-height: 1.0em;
	    font-weight:700;
		     }	
		 
    h3 {
	    font-size: 20px;	
	    line-height: 1.3em;
	    margin:0;
	    margin-top: 7px;
		     }

    #top {
	width: 100%;
	height:60px;
	position:static;	
	 z-index:100;
	 background-color: #fff; 
	 margin: 0 auto;
	 
	}

   #logo{
    margin-left:0px;  
    margin-right:0px;
    padding:0;
    width:180px;
    max-width:200px;     
    min-width:200px;
    }


 

    #nav {
    padding-bottom: 0px; 
  
   width:  70%;   
    float: right;
    margin-right: 0px;     
  /*  height: 37px;*/
    }

    ul#menu a{
	display:block;
	vertical-align:middle;
	text-align:right;
	text-decoration:none;
	font-size:10px;
    font-family: 'Open Sans Hebrew', sans-serif, Arial; 
	
    color:#333333;
 
	text-shadow:#FFF 0 0 1px;
	cursor:pointer;
	padding:5px 3px;
	
}


    #main_r {
        margin-top: 20px;
        display:none;
    }
    #main_m {
        width:90%;
       margin-top: 20px;
    }

    #main_l {
        width:0%;
        max-width:300px;
        position:absolute;
        right:0; 
        
        vertical-align: top;
        margin-top:180px;
        margin-right:2%;
        float:right;

        display:none;
    }


    #likes{  
        width:135px;
        float:right;  
        height:35px;
        left:0;
        display:inline-flex;
        margin-top:-25px;

        display:none;
   
   }

    #footer{
        display:none;
    }

.p1{
    margin-top:55px;
}

.p85{
   width:100%;
}

.p80px{
    width:100%;
    
}

.scl{
    margin-left:20px;    
    width:45px;
}

.scl a{
    margin-left:20px;    
    width:45px;
    padding-bottom:13px;
}


    
    .pic1{
        width:15%;
        max-width: 120px;     
       position: absolute;
        left: 0;
        bottom: 0;

    }


    .pr{
        font-size:16px;
        line-height:20px;
        text-align:justify;
        width:88%;
         padding:2% 6%; 
     
    }


      .hh_p50{
            width:100%;
        font-size:18px;   
    }

    .hh_p75{
        width:100%;
        font-size:14px;    
    }


    .hh_p100{
        font-size:14px;   
    }

    .tabs{ 
        float: none; 
    }

    .break-after {
        display: block;
        page-break-after: always;
        position: relative;
    }

    .break-before {
        display: block;
        page-break-before: always;
        position: relative;
    }

   

    .print_break_80{
         margin-top:80px;
    }

    .print_break_400{
         margin-top:400px;
    }

    .print_break_470{
         margin-top:470px;
    }

     .print_break_500{
         margin-top:500px;
    }

       .print_break_530{
         margin-top:530px;
    }

    
   .b_date{
    font-size:12px;    
    
}



    .cv_box {
        width: 270px;
        min-height: 100px;
        border-width: 4px;
        border-style: solid;
        padding: 10px;
        text-align: right;
    }
     .cv_box2{
    width: 270px;
    min-height: 140px;
    border-width:4px;
    border-style:solid;
    padding:10px;
    text-align:right;
   
}

.cv_inner{
    position: absolute;
    bottom:0;
   
}


.team_line2{
    font-size:10px;
    line-height:12px;
   
     color:#666;

}

.team_line3{
    font-size:10px;
    line-height:12px;
   
     color:#666;

}

}