body 
{
    direction:rtl;
    font-family: 'Varela Round';
    
}
#container {
    display: block; height:4350px;    font-family: 'Varela Round';
}

.row {
   
  
}
.container-fluid {

}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float:right !important; 
    
  

}

/*@media (max-width: 767px) {
    .row {
        border: 2px solid black;
    }
}*/




/*שכבה 2 - תמונה וכותרת*/
/*שכבה 2 - תמונה וכותרת*/
#lay2{
    background-image: url(../image/background1.jpg);
    background-color: rgba(255, 255, 255, 0.58);
    background-size:cover !important;
    background-position:center !important;
}







/*מובייל*/

  @media (max-width: 767px)  {
  #lay2 {
    display: block !important; height: 5%;
        background-size: 180%;
        /*background-position-y: 0px; background-position-x: -130px;*/
}  
  #lay2-l1 {
    height:25%;
}
#lay2-head{
    background-color: #1383b2; color: white; font-family: 'Varela Round';
     font-size: 22pt; font-weight: bold; text-align: center; width: 100px;
     margin-top: 60px; margin-right: 20px;
}
#lay2-tagline{
    background-color: #ff1a43; color: white; font-family: 'Varela Round';
     font-size: 12pt; font-weight: bold; width: 300px;
     text-align: center; margin-right: 20px;
}
}

  @media (min-width: 500px) and (max-width:767px)   {
        #lay2 {
        background-size: 100% !important; background-position-x: 0px; 
        }  
      }
/*דסקטופ*/
@media (min-width: 767px)  {
 #lay2 {
    display: block !important; height: 15%;
      /*  background-size: 100%;*/
       /* background-position-y: -100px;*/
    }
 #lay2-l1 {
    height:13%;
}
#lay2-head{
    background-color: #1383b2; color: white; font-family: 'Varela Round';
     font-size: 52pt; font-weight: bold; text-align: center;
    width: 200px; margin-top: 130px; margin-right: 240px;
}
#lay2-tagline{
    background-color: #ff1a43; color: white; font-family: 'Varela Round';
     font-size: 22pt; width: 500px; margin-right: 240px;
    text-align:center;
}   
}

/*תפריט ניווט בתוך שכבה 2*/
#lay2-nav-col {
    padding: 0px !important;
    background-color: rgba(236, 236, 236, 0.80);
    width: 500px; margin-right: 240px;
}
#main-nav ul  {
   margin: 0px !important;padding: 0px !important; 
}
#main-nav ul li {
    display:inline-block;
    width: 16%;    margin: 0px !important; padding: 0px !important;

}
#main-nav ul li a {
  text-align: center; 
   text-decoration: none;
    display: block; margin: 0px !important;
    padding: 5px 0px; 
    font-family: 'Varela Round'; font-size: 12pt; color: black; 
}
#main-nav ul li:hover {
    background-color: white;
    font-weight:bold;
    text-decoration: none;
}
#main-nav ul li a:focus {
    background-color: white;
    font-weight:bold;
    text-decoration: none;
}
@media (max-width: 767px) {
    #lay2-nav-col {
        width: 300px; margin-right: 0px;
        font-family: 'Varela Round'; margin-right: 20px;
    }
    #main-nav ul li {
    width: auto;
    }
    #main-nav ul li a {
        font-size: 9pt;
        padding: 2px 4px;
    }
}

/*שכבה 3 -  אודות*/
/*שכבה 3 -  אודות*/

#lay3 {
    background-color: #1383b2; border-top: 3px solid white; 
    border-bottom: 3px solid #ff1a43; 
}
#lay3-2-list {
    list-style: none; padding-right: 10px;
}

/*מובייל*/

  @media (max-width: 767px)  {
#lay3 {
    padding: 20px 35px; text-align: justify;
    
}
 #lay3-tagline {
     font-size: 12pt; color: white; font-family: 'Varela Round'; 
     line-height: 19px; text-align: right !important;
 }
 h3 {
    font-size:22pt; color: white; font-family: 'Varela Round';
    text-align: center;
 }
 h4
 {
    font-size:11pt; color: white; font-family: 'Varela Round'; margin-top: 10px; margin-bottom: 15px;
    font-weight: bold; 
 }
 .reg-text {
    font-size:10pt; color: white; font-family: 'Varela Round'; line-height: 18px;
 }
.bone-pic {
    display: block; width: 130px; height:60px; background-image:url(../image/bone.png);
   background-size: 100%; background-repeat: no-repeat; background-position-x: 5px;
   margin: 25px auto;
}
.bone-pic:hover {
      -ms-transform: rotate(17deg); /* IE 9 */
    -webkit-transform: rotate(17deg); /* Chrome, Safari, Opera */
    transform: rotate(17deg);
}

}

/*דסקטופ*/
@media (min-width: 767px)  {
#lay3 {
    padding-top:25px; padding-bottom: 25px; text-align: justify;
   
}
#lay3 div {
    
}
 #lay3-tagline {
     font-size: 14pt; color: white; font-family: 'Varela Round';
  
     }
 h3 {
    font-size:30pt; color: white; font-family: 'Varela Round';
    text-align: center; letter-spacing: 0px;
 }
 h4
 {
    font-size:14pt; color: white; font-family: 'Varela Round'; margin-top: 10px; margin-bottom: 15px;
    font-weight: bold;
 }
 .reg-text {
    font-size:11pt; color: white; font-family: 'Varela Round'; line-height: 18px;
 }
.bone-pic {
    display: block; width: 130px; height:60px; background-image:url(../image/bone.png);
   background-size: 100%; background-repeat: no-repeat; background-position-x: 5px;
   margin: 15px auto; 
}
.bone-pic:hover {
      -ms-transform: rotate(17deg); /* IE 9 */
    -webkit-transform: rotate(17deg); /* Chrome, Safari, Opera */
    transform: rotate(17deg);
}
}



/*שכבה 4 -  הצוות*/
/*שכבה 4 -  הצוות*/

#lay4 {
   padding: 50px 0px; 
   border-bottom: 3px solid #1383b2; 
}
.worker-text {
    font-family: 'Varela Round'; font-size: 12pt; text-align: justify;
}
#halo-pic {
    display: block; width: 107px; height: 92px; background-image: url(../workers/halo.png);
    background-size: 100%; background-repeat: no-repeat;
    background-position-y: -15px; margin: 25px auto; float: right;
}
/*מובייל מובייל מובייל*/
@media (max-width: 767px) {
.worker-col {
      height: 390px;
 }
#lay4-headline{
    height: 150px; 
}
#lay4-headline h3 {
  vertical-align: top; margin-top: 40px; margin-left: 20px; margin-right: 30px;
}
#halo-pic {
   display: inline-block; float: left;
}
#lay4-tagline {
    display: none;
}
#yoni1-pic {
  margin: 10px 40px;  
   

}
#yoni1-box{
    display: inline-block; padding: 10px 20px;
}
    #yoni-name {
        width: 60px;
        height: 60px;
        position: relative;
        top: -355px;
        right: 25px;
        background-color: #1383b2;
        -webkit-border-radius: 350px 350px 350px 350px;
        border-radius: 350px 350px 350px 350px;
        padding-top: 15px; text-align: center;
        font-family: 'Varela Round';
        color: white;
        font-size: 15pt;
    }
}

/*דסקטופ דסקטופ*/
@media (min-width: 767px) {
    .worker-col {
        height: 270px;
    }
    #halo-pic:hover {
    -ms-transform: rotate(-17deg); /* IE 9 */
    -webkit-transform: rotate(-17deg); /* Chrome, Safari, Opera */
    transform: rotate(-17deg);
}
    #yoni1-box {
        visibility: hidden;
        width: 256px;
        height: 256px;
        position: relative;
        top: -255px;
        right: 2px;
        background-color: rgba(255, 255, 255, 0.82);
        -webkit-border-radius: 350px 350px 350px 350px;
        border-radius: 350px 350px 350px 350px;
        padding: 60px 30px;
        border: 3px solid #1383b2;

    }

    #yoni1-pic:hover ~ #yoni1-box {
        visibility: visible;
    }

    #yoni1-box:hover {
        visibility: visible;
    }

    #yoni-name {
        width: 70px;
        height: 70px;
        position: relative;
        top: -520px;
        right: 0px;
        background-color: #1383b2;
        -webkit-border-radius: 350px 350px 350px 350px;
        border-radius: 350px 350px 350px 350px;
        padding-top: 15px; text-align: center;
        font-family: 'Varela Round';
        color: white;
        font-size: 19pt;
    }
}
/*מובייל אופקי*/
  @media (min-width: 500px) and (max-width:767px)
  {
    .worker-text {
    font-family: 'Varela Round'; font-size: 12pt; text-align: justify;
    width: 40%; position:relative; top: -180px; right: 290px;
}
      .worker-col {
        height: 270px;
    }
  #halo-pic {
      position: absolute; right: 160px; top: 20px;
      }
  #lay4-headline {
      margin-right: 140px;
  }
      }



/*שכבה 5 - הכלבים*/ /*שכבה 5 - הכלבים*/
/*שכבה 5 - הכלבים*/ /*שכבה 5 - הכלבים*/

#lay5 {
    background-color: #ff1a43;
    padding: 40px 0px;
      border-bottom: 3px solid white; 
}
#lay5 h4 {
    margin-right: 25%;
}
.dog-col {
   /*padding: 50px 10px;*/
   
}
.dog-box {
    width: 280px;
    height: 400px;
    display: inline-block;
    background-color: white;
    padding: 10px 10px;
    margin-left: 10px;
    margin-bottom: 15px;
}
.dog-pic{
    margin-bottom: 15px;
}
.dog-text {
font-family: 'Varela Round'; font-size: 12pt;  padding: 0px 10px;
line-height: 15pt; height:140px;
}
.dog-nametag {
    background-color: #1483b2;
    width: 121px;
    height: 33px;
    position: relative;
    top: -198px;
    border-radius: 21px 0px 0px 0px;
    padding: 0px 10px 0px 0px !important;
   
    font-family: 'Varela Round';
    color: white;
    font-size: 14pt;
    padding-top: 35px;
    text-align: right;
}

@media (max-width: 767px) {
    .dog-box {
        margin-right: 20px !important;
        margin-bottom:15px;
    }
    #lay5 h4 {
    margin-right: 15%;
}
    #woofpic {
    
         margin-right: 10px; margin-top: 10px; margin-bottom: 20px;
    width: 40%; height: auto;
          -ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
    transform: rotate(15deg);
}
#havpic {
    float: left;
     margin-top: 10px; margin-left: 30px;
    width: 40%; height: auto;
          -ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg);
}

}

@media (min-width: 767px) {
.dog-nametag:hover {
      -ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg);
}
.dog-box1 {
    margin-right: 70px;
    
}
#woofpic {
margin-right: 4%;
     margin-top: 80px;
    width: 10%; height: auto; vertical-align: top;
          -ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
    transform: rotate(15deg);
}
#woofpic:hover {
          -ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
    transform: rotate(-20deg);
}
#havpic {
    margin-right: 30px;
     margin-top: 80px; vertical-align:top;
    width: 11%; height: auto;
          -ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg);
}
#havpic:hover {
          -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
    transform: rotate(30deg);
}
}


/*שכבה 6 - לקוחות מספרים*/
#lay6 {
    background-color: #f7ef46;
    padding-top: 20px; padding-bottom: 60px;
}
#lay6 h3 {
    text-align: center; color: #1383b2;
}
#lay6 h4 {
    text-align: center; color: #1383b2;
}
#lay6-black-cover {
    display:none; background-color: rgba(0, 0, 0, 0.4);
    position:fixed; width: 100%; height:100%; 
    top:0px; right: 0px;
}
/*מחשב*/
@media (min-width: 767px) {

#lay6-cos1 {    
    background-image:url(../costumer/lily-1.jpg);
    height: 250px; width: 250px; margin: 20px 0px;
    padding: 0px !important; cursor:pointer; border: 3px solid white;
     background-repeat: no-repeat; background-size: 100%;
-webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px;   
}
#lay6-cos2 {
    background-image:url(../costumer/molly-1.jpg);
    height: 250px; width: 250px; margin: 20px 0px;
    padding: 0px !important; cursor:pointer; border: 3px solid white;
     background-repeat: no-repeat; background-size: 100%;
-webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; 
}

#lay6-cos3 {
    background-image:url(../costumer/wiggle-2.jpg);
    height: 250px; width: 250px; margin: 20px 0px;
    padding: 0px !important; cursor:pointer; border: 3px solid white;
     background-repeat: no-repeat; background-size: 100%;
-webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; 
}
#lay6-cos4 {
    background-image:url(../costumer/dana-1.jpg);
    height: 250px; width: 250px; margin: 20px 0px;
    padding: 0px !important; cursor:pointer; border: 3px solid white;
     background-repeat: no-repeat; background-size: 100%;
-webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; 
}

#lay6-cos5 {
    background-image:url(../costumer/nelly-2.jpg);
    height: 250px; width: 250px; margin: 20px 0px;
    padding: 0px !important; cursor:pointer; border: 3px solid white;
     background-repeat: no-repeat; background-size: 100%;
-webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; 
   
}                                               
#lay6-cos6 {
    background-image:url(../costumer/shaoli-1.jpg);
    height: 250px; width: 250px; margin: 20px 0px;
    padding: 0px !important; cursor:pointer; border: 3px solid white;
     background-repeat: no-repeat; background-size: 100%;
-webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; 
}
    #lay6-cos7 {
        background-image: url(../costumer/tom-1.jpg);
        height: 250px;
        width: 250px;
        margin: 20px 0px;
        padding: 0px !important;
        cursor: pointer;
        border: 3px solid white;
        background-repeat: no-repeat;
        background-size: 100%;
        -webkit-border-radius: 200px 200px 200px 200px;
        border-radius: 200px 200px 200px 200px;
    }
    #lay6-cos8 {
        background-image: url(../costumer/unname-1.jpg);
        height: 250px;
        width: 250px;
        margin: 20px 0px;
        padding: 0px !important;
        cursor: pointer;
        border: 3px solid white;
        background-repeat: no-repeat;
        background-size: 100%;
        -webkit-border-radius: 200px 200px 200px 200px;
        border-radius: 200px 200px 200px 200px;
    }
#lay6-cos1:hover {
    -webkit-filter: saturate(140%); /* Safari */ filter: saturate(140%); border: 6px solid white;
}
#lay6-cos2:hover {
    -webkit-filter: saturate(140%); /* Safari */ filter: saturate(140%); border: 6px solid white;
}
#lay6-cos3:hover {
    -webkit-filter: saturate(140%); /* Safari */ filter: saturate(140%); border: 6px solid white;
}
#lay6-cos4:hover {
    -webkit-filter: saturate(140%); /* Safari */ filter: saturate(140%); border: 6px solid white;
}
#lay6-cos5:hover {
    -webkit-filter: saturate(140%); /* Safari */ filter: saturate(140%); border: 6px solid white;
}
#lay6-cos6:hover {
    -webkit-filter: saturate(140%); /* Safari */ filter: saturate(140%); border: 6px solid white;
}
    #lay6-cos7:hover {
        -webkit-filter: saturate(140%); /* Safari */
        filter: saturate(140%);
        border: 6px solid white;
    }
    #lay6-cos8:hover {
        -webkit-filter: saturate(140%); /* Safari */
        filter: saturate(140%);
        border: 6px solid white;
    }
.lay6-nametag {
    background-color: #1383b2;
     display: block; width: 150px; height: 40px;
     
     position:absolute; bottom: 50px; right: 10px;
     font-family: 'Varela Round'; color: white; font-size: 13pt;
      padding-top: 5px; padding-right: 15px; line-height: 12pt;
     -webkit-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px; cursor:pointer;
     }

 #lay6-window {
    display: none; z-index: 3;
    position: fixed; 
     width: 850px; height: 500px; 
    top: 20%; right: 23%;
    background-color: white; 
}
 #lay6-window-row {
     padding:0px !important; margin: 0px !important;
 }
 #lay6-window-textcol {
     width: 350px; margin: 0px !important; padding: 20px 25px !important;
 }
 #lay6-close {
     font-size: 15pt; color: #3f3f52; cursor:pointer; margin-bottom: 15px;
 }
  #lay6-before {
     font-size: 15pt; color: #3f3f52; cursor:pointer; margin-bottom: 15px;
     float: left; margin-left: 15px; 
 }
   #lay6-next {
     font-size: 15pt; color: #3f3f52; cursor:pointer; margin-bottom: 15px;
 float: left;
     }
 #lay6-window-h5 {
     font-family: 'Varela Round'; color: black; font-size: 13pt; font-weight: bold; text-decoration: underline;

     }
 #lay6-window-text {
     font-family: 'Varela Round'; color: black; font-size: 12pt;
 }
 #lay6-window-picture {
     display: block; height:500px; width: 500px;
     background-image:url(../gallery/pic11-big.jpg);
     margin: 0px !important; padding: 0px !important;

     }

}
/*מובייל אופקי*/
@media (min-width: 500px) and (max-width: 767px)
{
#lay6-cos1 {    
    background-image:url(../costumer/lily-1.jpg);
    height: 250px; width: 250px; margin: 20px auto; vertical-align: middle !important;
    padding: 0px !important; cursor:pointer; border: 3px solid white;
     background-repeat: no-repeat; background-size: 100%;
-webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px;   
}
#lay6-cos1:active {
    -webkit-filter: saturate(140%); /* Safari */ filter: saturate(140%); border: 6px solid white;
}
#lay6-cos2 {
    background-image:url(../costumer/molly-1.jpg);
    height: 250px; width: 250px; margin: 20px auto;
    padding: 0px !important; cursor:pointer; border: 3px solid white;
     background-repeat: no-repeat; background-size: 100%; vertical-align: middle !important;
-webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; 
}
#lay6-cos2:active {
    -webkit-filter: saturate(140%); /* Safari */ filter: saturate(140%); border: 6px solid white;
}
#lay6-cos3 {
    background-image:url(../costumer/wiggle-2.jpg);
    height: 250px; width: 250px; margin: 20px auto;
    padding: 0px !important; cursor:pointer; border: 3px solid white;
     background-repeat: no-repeat; background-size: 100%;
-webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; 
}
#lay6-cos3:active {
    -webkit-filter: saturate(140%); /* Safari */ filter: saturate(140%); border: 6px solid white;
}
#lay6-cos4 {
    background-image:url(../costumer/dana-1.jpg);
    height: 250px; width: 250px; margin: 20px auto;
    padding: 0px !important; cursor:pointer; border: 3px solid white;
     background-repeat: no-repeat; background-size: 100%;
-webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; 
}
#lay6-cos4:active {
    -webkit-filter: saturate(140%); /* Safari */ filter: saturate(140%); border: 6px solid white;
}
#lay6-cos5 {
    background-image:url(../costumer/nelly-2.jpg);
    height: 250px; width: 250px; margin: 20px auto;
    padding: 0px !important; cursor:pointer; border: 3px solid white;
     background-repeat: no-repeat; background-size: 100%;
-webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px;    
}
#lay6-cos5:active {
    -webkit-filter: saturate(140%); /* Safari */ filter: saturate(140%); border: 6px solid white;
}                                               
#lay6-cos6 {
    background-image:url(../costumer/shaoli-1.jpg);
    height: 250px; width: 250px; margin: 20px auto;
    padding: 0px !important; cursor:pointer; border: 3px solid white;
     background-repeat: no-repeat; background-size: 100%;
-webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; 
}
#lay6-cos6:active {
    -webkit-filter: saturate(140%); /* Safari */ filter: saturate(140%); border: 6px solid white;
}
.lay6-nametag {
    background-color: #1383b2;
     display: block; width: 140px; height: 40px;
     
     position:absolute; bottom: 50px; right: 25%;
     font-family: 'Varela Round'; color: white; font-size: 13pt;
      padding-top: 5px; padding-right: 15px; line-height: 12pt;
     -webkit-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px; cursor:pointer;
     }


 #lay6-window {
    display: none; z-index: 3; background-color: white; 
    position: fixed; top: 1%; right: 3%; 
     width: 620px; height: 350px;    
}
  #lay6-window-textcol {
     width: 290px; height: 350px; margin: 0px !important; padding: 7px 10px !important;
 }
   #lay6-window-picture {
     display: block; width: 330px; height:350px; 
     background-image:url(../gallery/pic11-big.jpg);
     background-size: 110%;
     margin: 0px !important; padding: 0px !important;
     }
 #lay6-window-row {
     padding:0px !important; margin: 0px !important;
 }

 #lay6-close {
     font-size: 12pt; color: #3f3f52; cursor:pointer; margin-bottom: 2px;
 }
  #lay6-before {
     font-size: 12pt; color: #3f3f52; cursor:pointer; margin-bottom: 2px;
     float: left; margin-left: 15px; 
 }
   #lay6-next {
     font-size: 12pt; color: #3f3f52; cursor:pointer; margin-bottom: 2px;
 float: left;
     }
 #lay6-window-h5 {
     font-family: 'Varela Round'; color: black; font-size: 11pt; font-weight: bold; text-decoration: underline;
     }
 #lay6-window-text {
     font-family: 'Varela Round'; color: black; font-size: 10pt;
 }
}
/*מובייל*/
@media (max-width: 500px) {
#lay6-cos1 {    
    background-image:url(../costumer/lily-1.jpg);
    height: 250px; width: 250px; margin: 20px auto; vertical-align: middle !important;
    padding: 0px !important; cursor:pointer; border: 3px solid white;
     background-repeat: no-repeat; background-size: 100%;
-webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px;   
}
#lay6-cos1:active {
    -webkit-filter: saturate(140%); /* Safari */ filter: saturate(140%); border: 6px solid white;
}
#lay6-cos2 {
    background-image:url(../costumer/molly-1.jpg);
    height: 250px; width: 250px; margin: 20px auto;
    padding: 0px !important; cursor:pointer; border: 3px solid white;
     background-repeat: no-repeat; background-size: 100%; vertical-align: middle !important;
-webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; 
}
#lay6-cos2:active {
    -webkit-filter: saturate(140%); /* Safari */ filter: saturate(140%); border: 6px solid white;
}
#lay6-cos3 {
    background-image:url(../costumer/wiggle-2.jpg);
    height: 250px; width: 250px; margin: 20px auto;
    padding: 0px !important; cursor:pointer; border: 3px solid white;
     background-repeat: no-repeat; background-size: 100%;
-webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; 
}
#lay6-cos3:active {
    -webkit-filter: saturate(140%); /* Safari */ filter: saturate(140%); border: 6px solid white;
}
#lay6-cos4 {
    background-image:url(../costumer/dana-1.jpg);
    height: 250px; width: 250px; margin: 20px auto;
    padding: 0px !important; cursor:pointer; border: 3px solid white;
     background-repeat: no-repeat; background-size: 100%;
-webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; 
}
#lay6-cos4:active {
    -webkit-filter: saturate(140%); /* Safari */ filter: saturate(140%); border: 6px solid white;
}
#lay6-cos5 {
    background-image:url(../costumer/nelly-2.jpg);
    height: 250px; width: 250px; margin: 20px auto;
    padding: 0px !important; cursor:pointer; border: 3px solid white;
     background-repeat: no-repeat; background-size: 100%;
-webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px;    
}
#lay6-cos5:active {
    -webkit-filter: saturate(140%); /* Safari */ filter: saturate(140%); border: 6px solid white;
}                                               
#lay6-cos6 {
    background-image:url(../costumer/shaoli-1.jpg);
    height: 250px; width: 250px; margin: 20px auto;
    padding: 0px !important; cursor:pointer; border: 3px solid white;
     background-repeat: no-repeat; background-size: 100%;
-webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; 
}
    #lay6-cos7 {
        background-image: url(../costumer/tom-1.jpg);
        height: 250px;
        width: 250px;
        margin: 20px auto;
        padding: 0px !important;
        cursor: pointer;
        border: 3px solid white;
        background-repeat: no-repeat;
        background-size: 100%;
        -webkit-border-radius: 200px 200px 200px 200px;
        border-radius: 200px 200px 200px 200px;
    }
    #lay6-cos8 {
        background-image: url(../costumer/unname-1.jpg);
        height: 250px;
        width: 250px;
        margin: 20px auto;
        padding: 0px !important;
        cursor: pointer;
        border: 3px solid white;
        background-repeat: no-repeat;
        background-size: 100%;
        -webkit-border-radius: 200px 200px 200px 200px;
        border-radius: 200px 200px 200px 200px;
    }
#lay6-cos6:active {
    -webkit-filter: saturate(140%); /* Safari */ filter: saturate(140%); border: 6px solid white;
}
.lay6-nametag {
    background-color: #1383b2;
     display: block; width: 150px; height: 40px;
     
     position:absolute; bottom: 50px; right: 7%;
     font-family: 'Varela Round'; color: white; font-size: 13pt;
      padding-top: 5px; padding-right: 15px; line-height: 12pt;
     -webkit-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px; cursor:pointer;
     }


 #lay6-window {
    display: none; z-index: 3; background-color: white; 
    position: fixed; top: 1%; right: 3%; 
     width: 340px; height: 630px;    
}
  #lay6-window-textcol {
     width: 340px; height: 340px; margin: 0px !important; padding: 7px 10px !important;
 }
   #lay6-window-picture {
     display: block; width: 340px; height:290px; 
     background-image:url(../gallery/pic11-big.jpg);
     background-size: 100%;
     margin: 0px !important; padding: 0px !important;
     }
 #lay6-window-row {
     padding:0px !important; margin: 0px !important;
 }

 #lay6-close {
     font-size: 12pt; color: #3f3f52; cursor:pointer; margin-bottom: 2px;
 }
  #lay6-before {
     font-size: 12pt; color: #3f3f52; cursor:pointer; margin-bottom: 2px;
     float: left; margin-left: 15px; 
 }
   #lay6-next {
     font-size: 12pt; color: #3f3f52; cursor:pointer; margin-bottom: 2px;
 float: left;
     }
 #lay6-window-h5 {
     font-family: 'Varela Round'; color: black; font-size: 11pt; font-weight: bold; text-decoration: underline;
     }
 #lay6-window-text {
     font-family: 'Varela Round'; color: black; font-size: 10pt;
 }

}








/*שכבה7  -גלריה */
#lay7 {
    padding-top: 20px;
}
#lay7 h3 {
    color: #ff1a43;
}
#lay7 h4 {
    color: #ff1a43;
}
/*מובייל אופקי*/
  @media (min-width: 500px) and (max-width:767px)
  {
#lay7 h3 {
    position: relative;  right: 150px;

}
#lay7 h4 {
      position: relative;  right: 150px;
}
 
}
    #dog_house {
        width: 130px;
        margin-top: 25px;
        margin-right: 30px;
                      -ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
    transform: rotate(15deg);
    margin-bottom: 30px;
    }
 #dog_ball {
    width: 130px;     
   -ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg);
    position:absolute; left: -70px; bottom: 50px;
 }


@media (max-width: 767px) {
    .smallpic {
        margin-right: 25px;
        margin-bottom: 10px;
    }
    #lay7 h3 {
   margin-right: 55px;
}
#lay7 h4 {
   margin-right: 50px;
}
    #dog_ball {

        position: initial; 
        margin: 20px 20%;
    }
        #dog_house {
        display:block;
        margin: 20px 60%;
    } 
 #removeicon {
    display: none;
    
}
#nextpicicon {
display: none;

}
#beforepicicon {
display: none;

} 
}

@media (min-width: 767px) {

        #dog_house:hover {
 
                      -ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
    transform: rotate(-20deg);
    }
 #dog_ball:hover {
   -ms-transform: rotate(25deg); /* IE 9 */
    -webkit-transform: rotate(25deg); /* Chrome, Safari, Opera */
    transform: rotate(25deg);
 }

    #lay7 h4 {
   text-align: center;
}
    .smallpic {
        margin-left: 5px; width: 20%;
        margin-bottom: 10px;
    }
  .smallpic:hover{
     opacity:0.5;
     cursor:zoom-in;
         -ms-transform: rotate(-2deg); /* IE 9 */
        -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
        transform: rotate(-2deg);
  }
  #smallpic-cover-icon {
      display: none;
      position: absolute; font-size: 20pt;   
  }
  


    .firstsmallpic {
        margin-right: 85px;
    }
    #overlay {
    display: none; position: fixed; 
    top: 0px; right: 0px; 
    width: 100%; height:100%;
    background-color: rgba(0, 0, 0, 0.78);
    z-index: 1;
    
}
#bigpicplace {
    display: none; width: 1000px; height: 650px; 
    position: fixed; top: 7%; right: 16%; 
    z-index: 2;
    background-image:url(../gallery/pic1-big.jpg);
    border: 2px solid white;
}
#removeicon {
    font-size: 30pt;  color: #FFFFFF;
    text-shadow: 0 0 7px #000000;
    margin-right: 15px; margin-top:10px; cursor:pointer
}
#nextpicicon {
    font-size: 50pt; 
   color: #FFFFFF;
    text-shadow: 0 0 7px #000000;
   position:absolute; top: 260px; right: 1000px;
    z-index:2; cursor:pointer
}
#beforepicicon {
    font-size: 50pt; 
    color: #FFFFFF;
    text-shadow: 0 0 7px #000000;
    position:absolute; top: 260px; right: -70px; 
    z-index:2; cursor:pointer
}


}


/*כפתור עלה למעלה*/
#go-up-a {
    display: block;
    width: 100%; height: 100%; text-align: center; vertical-align:middle;
    padding-top: 20%;
}


    @media (min-width: 767px) {
   #go-up {
       display: none;
    width: 10%; height: 8%; max-height: 50px; max-width: 50px;
    background-color: rgba(0, 0, 0, 0.50);
    position: fixed; bottom: 30px; right: 30px;
    }
   #go-up-icon {
    font-size: 200%; color: #a29db7; vertical-align:bottom; text-align: center;
}
    }
    @media (min-width: 500px) and (max-width:767px){
     #go-up {
         height: 40px !important;
     }   
    }
    

    @media (max-width: 767px) {
        #go-up {
            display: none;
    width: 10%; height: 6%; max-height: 50px; max-width: 50px;
    background-color: rgba(0, 0, 0, 0.40);
    position: fixed; bottom: 30px; right: 30px;
    }
        #go-up-icon {
    font-size: 150%; color: #ececec; vertical-align:bottom; text-align: center;
}
    }

    /*כפתור עוקב פייסבוק*/
    @media (max-width: 500px)
    {
       #go-facebook-a {
            display: none; width: 50px; height: 50px;
            background-image: url(../image/facebooklogo.png);
            background-size: 140%; background-repeat: no-repeat;
            background-position-x: -10px; background-position-y: -10px;
       position: fixed;  left: 10px; bottom: 30px;
        -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px;
        -webkit-box-shadow: 1px 1px 20px 1px rgba(41, 41, 46, 0.62); box-shadow: 1px 1px 20px 1px rgba(41, 41, 46, 0.62);
        }
    }
    @media (min-width: 500px) and (max-width:767px)
    {
     #go-facebook-a {
            display: none; width: 50px; height: 50px;
            background-image: url(../image/facebooklogo.png);
            background-size: 140%; background-repeat: no-repeat;
            background-position-x: -10px; background-position-y: -10px;
       position: fixed;  left: 10px; bottom: 30px;
        -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px;
        -webkit-box-shadow: 1px 1px 20px 1px rgba(41, 41, 46, 0.62); box-shadow: 1px 1px 20px 1px rgba(41, 41, 46, 0.62);
        }
    }
    @media (min-width: 767px)
    {
        #go-facebook-a {
            display: none; width: 50px; height: 50px;
            background-image: url(../image/facebooklogo.png);
            background-size: 140%; background-repeat: no-repeat;
            background-position-x: -10px; background-position-y: -10px;
       position: fixed;  left: 70px; bottom: 30px;
        -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px;
        -webkit-box-shadow: 1px 1px 20px 1px rgba(41, 41, 46, 0.62); box-shadow: 1px 1px 20px 1px rgba(41, 41, 46, 0.62);
        }
        #go-facebook-a:hover {
        -webkit-box-shadow: 1px 1px 20px 1px rgba(13, 13, 15, 0.90);
        box-shadow: 1px 1px 20px 1px rgba(13, 13, 15, 0.90);
        }

    }


    /*שכבה 8 - צרו קשר*/
#lay8 {
    background-color: #1383b2;
    padding-top: 50px; padding-bottom: 80px;
}
#lay8 h3 {
    text-align:right; margin: 0px;
}
#lay8 ul li {
    font-family: 'Varela Round'; color: white; 
    font-size: 12pt; list-style: none;
    line-height: 30pt;
}
#lay8 ul li a {
    font-family: 'Varela Round'; color: white; 
    font-size: 12pt;
    text-decoration: none;
}
    #lay8 ul li a:hover {
        font-weight: bold;
    }
#lay8 i {
    font-size: 18pt;
    -webkit-text-stroke: 1px white;
    color: rgba(0, 0, 0, 0.00); margin-left: 25px;
}
#credit {
    font-family: 'Varela Round'; color: white; font-size: 10pt;
}

@media (max-width: 767px) {
    #lay8 iframe {
        width: 80%;
        margin-right: 35px;
    }
    #lay8 ul {
        margin-right: 15px;
    }
    #lay8 i {
        font-size: 16pt;
        -webkit-text-stroke: 1px white;
        color: rgba(0, 0, 0, 0.00);
        margin-left: 5px;
    }
    #lay8 ul li {
    
        font-size: 11pt; 
    }
        #lay8 ul li a {
            font-size: 11pt;
        }
}