h3,h4,h5,h6{
  font-family: 'Roboto', sans-serif;
}
/*all sections*/
.first{
    background-color:  rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    height: 100%;
}
.second{
    background-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    height: 100%;
}
section{
    margin-bottom: 2rem;
}

.sectionmobile{
  padding-top: 120px;
    margin-top:-80px;
    min-height:480px;
}

.right_name{
  margin-right: 1rem;
}

a{
  text-decoration: none !important;
}
.productionlink{
  text-decoration: none !important;
  color:white;
}
.productionlink:active{
  text-decoration: none !important;
  color:rgb(248, 152, 227);
}


/*
.topnav{

  padding-top: 0 !important;
  
}*/

/*side section names*/
.vertical-1{
    margin-block-start: 1.2vw; 
    margin-block-end: 1.2vw; 
    padding-top: 8vh;
    padding-bottom: 8vh;
    font-weight: 500;
    -ms-writing-mode: bt-rl;
    -o-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
 -webkit-text-orientation: mixed;
    text-orientation: mixed;
 -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    cursor: pointer;

}
.vertical-2{
    margin-block-start: 1.2vw; 
    margin-block-end: 1.2vw; 
 /*   position: relative;
    clear: both;
    left: 80%;*/
    padding-top: 8vh;
    padding-bottom: 8vh;
    font-weight: 500;
    -ms-writing-mode:tb-rl;
    -o-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: mixed;
    text-orientation: mixed;
    cursor: pointer;
}
/*
.mobileproducts{
  
}*/

/*all side menus*/
.nav-item{
    text-decoration: none;
}

.nav-link{
text-decoration: none;
color: rgb(65, 65, 65);
padding-top: unset;
padding-bottom: unset;
}

h6 {
    font-size: 1.4rem !important;
    font-weight: 400 !important;

  }
h6:hover{
    color: red;
}
.productmenu{
  padding-bottom:0.3rem;
  padding-top:0.3rem;
  border-bottom:1px solid rgb(65, 65, 65);
}


.prodMenuMobile{
  display:none;
  height: 88vh;

}
.productmenu_M{
  padding-bottom:0.5rem;
  padding-top:0.5rem;
  border-bottom:1px solid rgb(65, 65, 65);
}
.productmenu_Ms{
  padding-bottom:0.1rem;
  padding-top:0.1rem;
  border-bottom:1px solid rgb(65, 65, 65);
}
.emptyblock{
  height: 12vh;
  width: 100%;
  background-color: white;
}
.emptyblock2{
  height: 8vh;
  width: 100%;
  background-color: white;
}
.emptyblock3{
  height: 6vh;
  width: 100%;
  background-color: white;
}
/*side memu first section*/
.mainlogo{
  width: 90%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-right: 0.8rem;
}

.smalllogo{
  width: 100px;
  height: auto;
  margin-left:5px;
 margin-top: 0.5rem;
  margin-bottom: 0.5rem;
/*   margin-right: 0.2rem;
  margin-left: 0.5rem;*/
}

.firstpagemenu{
  margin-left: auto;
  height: 100vh;
}

#mainmenu, #mainmenu_pop{
  margin:unset;
  padding:unset;
  text-size-adjust: unset;
  font-size: 16px;
  transform: translateX(0%) translateZ(0px);
  justify-content:flex-end;
  width: 70%;
  margin: 0px;
  padding: 16px 0px;
  position:relative;
  display:flex;
}
/*
#mainmenu::before{
  width: 3.5vw;

  padding-right: 1vw;
  margin: 16px 1vw;
  top: 0px;
  content: "";
  position: absolute;
  right: 0px;
  border-top: 1px solid rgb(65, 65, 65);
}
*/

#menu, #close{

  padding-top: 1vh;
  padding-bottom: 1vh;
  border-bottom: 1px solid rgb(65, 65, 65);
}

.close_M{
  width: 35%;
  color:  rgb(200, 16, 46);
  padding-top: 1vh;
  padding-bottom: 1vh;
  border-top: 1px solid  rgb(200, 16, 46);
  border-bottom: 1px solid  rgb(200, 16, 46);
}

.close_M::before{
  width: 40%;
  border-top: 2px solid  rgb(200, 16, 46);
}

.close_M::after{
  width: 40%;
  border-bottom: 2px solid  rgb(200, 16, 46);
}


#mobilemenu, #mobileclose{

  padding-top: 1vh;
  padding-bottom: 1vh;
  border-bottom: 1px solid rgb(65, 65, 65);
  border-top: 1px solid rgb(65, 65, 65);
}

/*
#menu:after {
   width: 3.5vw;
  content: "";
  display: block;
  border-top: 1px solid rgb(65, 65, 65);
}*/

.short{
  width: 3vw;
  height: 1px;
  border-top: solid  rgb(65, 65, 65) 1px;
  margin-right: 1rem;
  background-color: rgb(65, 65, 65);
}
.long{
  width: 12vw;
  height: 1px;
  border-bottom: solid  rgb(65, 65, 65) 1px;
  margin-right: 1rem;
  background-color: rgb(65, 65, 65);
}


.telarea{
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  width:80px;
  height:auto;

}
.telarea:hover{
  cursor: pointer;
  }

.telicon{
  width:80px;
  height:auto;
}


/*popup menu first page*/
#main_Menu_Mobile{
  background-color:rgb(255, 255, 255);
}


.secondmenu{
  color:unset;
  padding:unset;
  padding: 15px 0px;
  margin:unset;
  display: block;
  visibility:hidden;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  background-color:rgb(255, 255, 255);
  border-color:  rgb(65, 65, 65);
  color: rgb(65, 65, 65);
  z-index:100;
  font-size: 26px;
  font-weight: 500;
  line-height: 18px;
  
}
.secondmenutext{
  color: rgb(65, 65, 65);


}
.leftsecondmenu{
  margin-top:120px;
}

.leftsecondmenu::after, .leftsecondmenu::before {
  background-color:  rgb(65, 65, 65);
  color: rgb(65, 65, 65);
  content: "";
  height: 2px;
  left: 0px;
  position: absolute;
}

.leftsecondmenu::after {
  top: 80px;
  width: 45%;
}



.closecross {
  position: absolute;
  left: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.7;
}

.closecross:before, .closecross:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.closecross:before {
  transform: rotate(45deg);
}
.closecross:after {
  transform: rotate(-45deg);
}
.closecross:hover {
  color: red;
  opacity: 1;
  cursor: pointer;
}

.stick1{
  top:30px;
  left:30px;
  width: 45px;
  height: 0px;
  border-bottom: solid 2px rgb(65, 65, 65);
  transform: rotate(45deg);

}

.stick2{
  top:30px;
  left:60px;
  width: 45px;
  height: 0px;
  border-bottom: solid 2px  rgb(65, 65, 65);
  transform: rotate(135deg);
}
/*address page*/
.contactname{
  color: rgb(85, 85, 85);
}

h4 {
    color: rgb(65, 65, 65);
    font-size: 1.2em !important;
    font-weight: 500 !important;
    padding-bottom: 1.5vw;
    padding-top: 1vw;

    border-bottom: 1px solid rgb(65, 65, 65);
  }
/*sections background*/

#caravaggio, #bottichelli, #renoir, #klimt,
#tiepolo, #vangogh, #kustodiev, #vermeer,
#rembrandt, #aivazovsky, #renoir, #bruegel{
  background-repeat: no-repeat;
  background-size: cover;
  height: 33vh;
  width: 20vw;
}

.first_header{
  font-weight: 100 !important;
  font-size: 1.7rem;
}

#caravaggio{
  background-image:
  url("./1gallerix/caravaggio.jpg");
}

#bottichelli{
  background-image:
  url("./1gallerix/bottichelli.jpg");
}

#renoir{
  background-image:
  url("./1gallerix/renoir-1.jpg");
}

#klimt{
  background-image:
  url("./1gallerix/klimt.jpg");
}

#rembrandt{
  background-image:
  url("./1gallerix/1Rembrandt.jpg");
}

#tiepolo{
  background-image:
  url("./1gallerix/tiepolo.jpg");
} 

#vangogh{
  background-image:
  url("./1gallerix/van_gogh.jpg");
} 

#kustodiev{
  background-image:
  url("./1gallerix/kustodiev.jpg");
} 

#vermeer{
  background-image:
  url("./1gallerix/vermeer.jpg");
}

#rembrandt{
  background-image:
  url("./1gallerix/1Rembrandt.jpg");
} 

#aivazovsky{
  background-image:
  url("./1gallerix/aivazovsky.jpg");
} 
#monet{
  background-image:
  url("./1gallerix/1Monet.jpg");
} 
#bruegel {
  background-image:
  url("./1gallerix/bruegel-1.jpg");
}


.mainpage{
    background-image:
   /* linear-gradient(to right, rgba(245, 246, 252, 0.9) 20%, rgba(0, 13, 53, 0.0)),*/
    url("./chebe/bottichelli.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
  /*  filter:sepia(95%);*/
  }

  .mainpage_mobile{
    background-image:
   /* linear-gradient(to right, rgba(245, 246, 252, 0.9) 20%, rgba(0, 13, 53, 0.0)),*/
    url("./chebe/mobile/bottichelli-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
  /*  filter:sepia(95%);*/
  }
  #motto{
    visibility: hidden;
    top: 2rem;
    width:0px;
    height: 200px;
    background-color:white;
    color:rgb(65, 65, 65);
    font-size: 4vw !important;

  }
/*arrows on images*/

.thisProductsLeft{
  text-decoration: none;
  position:absolute;
  top: 58vh;
  left:0px;
  width:225px;
  height: 63px;
  background-color:red;
  color:white;
  font-size: 28px !important;
  padding-right:5px;

}  

.thisProductsRight{
  text-decoration: none;
  position:absolute;
  top: 58vh;
  right:0px;
  width:225px;
  height: 63px;
  background-color:red;
  color:white;
  font-size: 28px !important;
  padding-left:15px;


}  

.up-left, .down-left, .up-right, .down-right{
  position: absolute;
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-size: 1.5rem;
  width: 2rem;
  height: auto;
  opacity: 0.7;
  z-index:10;
}

.fa-angle-double-down, .fa-angle-double-up{
text-decoration: none;
}

.up-left:hover{
  opacity: 1;
  color: rgb(255, 255, 255);
}

.down-left:hover{
  opacity: 1;
  color: rgb(255, 255, 255);
}

.up-right:hover{
  opacity: 1;
  color: rgb(255, 255, 255);
}

.down-right:hover{
  opacity: 1;
  color: rgb(255, 255, 255);
}

.up-right{
  right: 2rem;
  top:2rem;
}

.down-right{
  right: 2rem;
  bottom:2rem;
}
.up-left{
  left: 2rem;
  top:2rem;
}

.down-left{
  left: 2rem;
  bottom:2rem;
}
/*
.mobilesection{
  height: 88vh;
}*/


.bookProd{
  background-image:
  url("./chebe/2Rembrandt.jpg");
  background-size: cover;
  height: 100vh;
  background-repeat: no-repeat;
}

.bookProd_mobile{
  background-image:
  url("./1gallerix/1Rembrandt.jpg");
  background-size: cover;
  height: 100vh;
  background-repeat: no-repeat;
}

.NYProds{
  background-image:
  url("./1gallerix/kustodiev.jpg");
  background-size: cover;
  height: 100vh;
  background-repeat: no-repeat;
}

.NewYear_mobile{
  background-image:
  url("./1gallerix/kustodiev.jpg");
  background-size: cover;
  height: 100vh;
  background-repeat: no-repeat;
}

  .printProd{
    background-image:
    url("./chebe/aivazovsky.jpg");
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
  }

  .printProd_mobile{
    background-image:
    url("./1gallerix/mobile/aivazovsky-min.jpg");
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
  }

  .advert{
    background-image:
    url("./chebe/bruegel-2.jpg");
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
  }
  .advert_mobile{
    background-image:
    url("./1gallerix/mobile/bruegel-1-min.jpg");
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
  }

  .packages{
    background-image:
    url("./chebe/tiepolo.jpg");
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
  }
  .packages_mobile{
    background-image:
    url("./1gallerix/mobile/tiepolo-min.jpg");
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
  }

  .forOffice{
    background-image:
    url("./chebe/renoir-2.jpg");
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
  }
  .forOffice_mobile{
    background-image:
    url("./1gallerix/mobile/renoir-min.jpg");
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
  }

  .forRestaurant{
    background-image:
    url("./chebe/caravaggio.jpg");
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
  }

  .forRestaurant_mobile{
    background-image:
    url("./1gallerix/mobile/caravaggio-min.jpg");
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
  }
  .pCards{
    background-image:
    url("./chebe/klimt.jpg");
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
  }
  .pCards_mobile{
    background-image:
    url("./1gallerix/mobile/klimt-min.jpg");
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
  }

  .forHome{
    background-color: black;
    background-image:
    url("./chebe/vermeer.jpg");
    background-size: 100%;
    height: 100vh;
    background-repeat: no-repeat;
  }
  .forHome_mobile{
    background-color: black;
    background-image:
    url("./1gallerix/mobile/vermeer-min.jpg");
    background-size: 100%;
    height: 100vh;
    background-repeat: no-repeat;
  }
  .addition{
    background-image:
    url("./chebe/van_gogh.jpg");
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
  }
  .addition_mobile{
    background-image:
    url("./1gallerix/mobile/van_gogh.jpg");
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
  }
  .about_Us{
    background-image:
    url("./chebe/2Monet.jpg");
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
  }
  .about_Us_mobile{
    background-image:
    url("./1gallerix/1Monet.jpg");
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
  }

    .contactes{
      background-color: rgba(1, 1, 1,0);
      height: 100vh;

  }

/*background  for IE 10,11+*/
/*
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .mainpage{
      background-image: url("./1gallerix/bottichelli.jpg");}

    .printProd{
      background-image: url("./1gallerix/aivazovsky.jpg");}

    .advert{
      background-image:  url("./1gallerix/bruegel-1.jpg");}

    .packages{
      background-image: url("./1gallerix/tiepolo.jpg");}

    .forOffice{
      background-image: url("./1gallerix/renoir-1.jpg");}

    .forRestaurant{
      background-image: url("./1gallerix/caravaggio.jpg");}

    .pCards{
      background-image: url("./1gallerix/klimt.jpg");}

    .forHome{
      background-image: url("./1gallerix/vermeer.jpg");}

    .addition{
      background-image: url("./1gallerix/van_gogh.jpg");}
  }*/
/*background for IE 6,7,8*/
  @media \0screen\,screen\9 {
    .mainpage{
      background-image: url("./1gallerix/bottichelli.jpg");}

    .printProd{
      background-image: url("./1gallerix/aivazovsky.jpg");}

    .advert{
      background-image:  url("./1gallerix/bruegel-1.jpg");}

    .packages{
      background-image: url("./1gallerix/tiepolo.jpg");}

    .forOffice{
      background-image: url("./1gallerix/renoir-1.jpg");}

    .forRestaurant{
      background-image: url("./1gallerix/caravaggio.jpg");}

    .pCards{
      background-image: url("./1gallerix/klimt.jpg");}

    .forHome{
      background-image: url("./1gallerix/vermeer.jpg");}

    .addition{
      background-image: url("./1gallerix/van_gogh.jpg");}
    .about_Us{
      background-image: url("./1gallerix/1Monet.jpg");}
    .bookProd{
      background-image: url("./1gallerix/1Rembrandt.jpg");}
  }


/*background for IE 9,10*/  
   @media screen and (min-width:0\0){
    .mainpage{
      background-image: url("./1gallerix/bottichelli.jpg");}

    .printProd{
      background-image: url("./1gallerix/aivazovsky.jpg");}

    .advert{
      background-image:  url("./1gallerix/bruegel-1.jpg");}

    .packages{
      background-image: url("./1gallerix/tiepolo.jpg");}

    .forOffice{
      background-image: url("./1gallerix/renoir-1.jpg");}

    .forRestaurant{
      background-image: url("./1gallerix/caravaggio.jpg");}

    .pCards{
      background-image: url("./1gallerix/klimt.jpg");}

    .forHome{
      background-image: url("./1gallerix/vermeer.jpg");}

    .addition{
      background-image: url("./1gallerix/van_gogh.jpg");}
      .about_Us{
        background-image: url("./1gallerix/1Monet.jpg");}
      .bookProd{
        background-image: url("./1gallerix/1Rembrandt.jpg");}
  }



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

    .telicon{
      -webkit-animation-name: callme; 
      -webkit-animation-duration: 1s; 
      -webkit-animation-iteration-count: 4; 
       animation-name: callme;
       animation-duration: 5s;
       animation-iteration-count: 4;
      animation-delay: 5s;
       animation-fill-mode: forwards;
       animation-timing-function: linear;
    }
          /* Safari 4.0 - 8.0 */
       @-webkit-keyframes callme {
        0%   {opacity: 1 ; width: 80px;}
        5% {opacity: 0.9;  width: 70px;}
        10%  {opacity: 1;  width: 90px;}
        15% {opacity: 0.9;  width: 70px;}
        20%  {opacity: 1;  width: 80px;}
        99%   {opacity: 1;  width: 80px;}
        100% {opacity: 1;  width: 80px;}
        
      }
       /* Standard syntax */
          @keyframes callme {
            0%   {opacity: 1 ; width: 80px;}
            5% {opacity: 0.9;  width: 70px;}
            10%  {opacity: 1;  width: 90px;}
            15% {opacity: 0.9;  width: 70px;}
            20%  {opacity: 1;  width: 80px;}
            99%   {opacity: 1;  width: 80px;}
            100% {opacity: 1;  width: 80px;}
        }

    .mainpage{
       -webkit-animation-name: mainpagepicture; /* Safari 4.0 - 8.0 */
       -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
       -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
        animation-name: mainpagepicture;
        animation-duration: 4s;
        animation-iteration-count: 1;
        -o-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -o-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }
      
      /* Safari 4.0 - 8.0 */
      @-webkit-keyframes mainpagepicture {
        0%   {background-image: url("./chebe/bottichelli.jpg");}
        100% {background-image: url("./1gallerix/bottichelli.jpg");}
        
      }
       /* Standard syntax */
        @keyframes mainpagepicture {
        0%   {background-image: url("./chebe/bottichelli.jpg");}
        100% {background-image: url("./1gallerix/bottichelli.jpg");}
        }


        .mainpage_mobile{
          -webkit-animation-name: mainpage_mobile_picture; 
          -webkit-animation-duration: 4s; 
          -webkit-animation-iteration-count: 1; 
           animation-name: mainpage_mobile_picture;
           animation-duration: 4s;
           animation-iteration-count: 1;
           -o-animation-fill-mode: forwards;
           -moz-animation-fill-mode: forwards;
           -webkit-animation-fill-mode: forwards;
           animation-fill-mode: forwards;
           -o-animation-timing-function: ease-in;
           -moz-animation-timing-function: ease-in;
           -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in;
         }


         @-webkit-keyframes mainpage_mobile_picture {
           0%   {background-image: url("./chebe/mobile/bottichelli-min.jpg");}
           100% {background-image: url("./1gallerix/mobile/bottichelli-min.jpg");}
           
         }

           @keyframes mainpage_mobile_picture {
            0%   {background-image: url("./chebe/mobile/bottichelli-min.jpg");}
            100% {background-image: url("./1gallerix/mobile/bottichelli-min.jpg");}
           }
 


        .printProd{
          -webkit-animation-name: printProdPicture; /* Safari 4.0 - 8.0 */
          -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
          -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
           animation-name: printProdPicture;
           animation-duration: 4s;
           animation-iteration-count: 1;
           -o-animation-fill-mode: forwards;
           -moz-animation-fill-mode: forwards;
           -webkit-animation-fill-mode: forwards;   
   
           animation-fill-mode: forwards;
           -o-animation-timing-function: ease-in;
           -moz-animation-timing-function: ease-in;
           -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in;
         }
         
         /* Safari 4.0 - 8.0 */
         @-webkit-keyframes printProdPicture {
           0%   {background-image: url("./chebe/aivazovsky.jpg");}
           100% {background-image: url("./1gallerix/aivazovsky.jpg");}
           
         }
     /* Standard syntax */
           @keyframes printProdPicture {
            0%   {background-image: url("./chebe/aivazovsky.jpg");}
            100% {background-image: url("./1gallerix/aivazovsky.jpg");}
           }
/*
           .printProd_mobile{
            -webkit-animation-name: printProd_mobile_Picture; 
            -webkit-animation-duration: 4s; 
            -webkit-animation-iteration-count: 1; 
             animation-name: printProd_mobile_Picture;
             animation-duration: 4s;
             animation-iteration-count: 1;
             -o-animation-fill-mode: forwards;
             -moz-animation-fill-mode: forwards;
             -webkit-animation-fill-mode: forwards;   
     
             animation-fill-mode: forwards;
             -o-animation-timing-function: ease-in;
             -moz-animation-timing-function: ease-in;
             -webkit-animation-timing-function: ease-in;
             animation-timing-function: ease-in;
           }

           @-webkit-keyframes printProd_mobile_Picture {
             0%   {background-image: url("./chebe/aivazovsky.jpg");}
             100% {background-image: url("./1gallerix/aivazovsky.jpg");}
             
           }

             @keyframes printProd_mobile_Picture {
              0%   {background-image: url("./chebe/aivazovsky.jpg");}
              100% {background-image: url("./1gallerix/aivazovsky.jpg");}
             }*/
  



           .advert{
            -webkit-animation-name: advertPicture; /* Safari 4.0 - 8.0 */
            -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
            -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
             animation-name: advertPicture;
             animation-duration: 4s;
             animation-iteration-count: 1;
             -o-animation-fill-mode: forwards;
             -moz-animation-fill-mode: forwards;
             -webkit-animation-fill-mode: forwards;     
     
             animation-fill-mode: forwards;
             -o-animation-timing-function: ease-in;
             -moz-animation-timing-function: ease-in;
             -webkit-animation-timing-function: ease-in;
             animation-timing-function: ease-in;
           }
           
           /* Safari 4.0 - 8.0 */
           @-webkit-keyframes advertPicture {
             0%   {background-image: url("./chebe/bruegel-2.jpg");}
             100% {background-image: url("./1gallerix/bruegel-1.jpg");}
             
           }
           /* Standard syntax */
             @keyframes advertPicture {
              0%   {background-image: url("./chebe/bruegel-2.jpg");}
              100% {background-image: url("./1gallerix/bruegel-1.jpg");}
             }
/*
             .advert_mobile{
              -webkit-animation-name: advert_mobile_Picture; 
              -webkit-animation-duration: 4s; 
              -webkit-animation-iteration-count: 1;
               animation-name: advert_mobile_Picture;
               animation-duration: 4s;
               animation-iteration-count: 1;
               -o-animation-fill-mode: forwards;
               -moz-animation-fill-mode: forwards;
               -webkit-animation-fill-mode: forwards;     
               animation-fill-mode: forwards;
               -o-animation-timing-function: ease-in;
               -moz-animation-timing-function: ease-in;
               -webkit-animation-timing-function: ease-in;
               animation-timing-function: ease-in;
             }
             
 
             @-webkit-keyframes advert_mobile_Picture {
               0%   {background-image: url("./chebe/mobile/bruegel-2-min.jpg");}
               100% {background-image: url("./1gallerix/mobile/bruegel-1-min.jpg");}
               
             }

               @keyframes advert_mobile_Picture {
                0%   {background-image: url("./chebe/mobile/bruegel-2-min.jpg");}
                100% {background-image: url("./1gallerix/mobile/bruegel-1-min.jpg");}
               }
*/

             .packages{
              -webkit-animation-name: packagePicture; /* Safari 4.0 - 8.0 */
              -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
              -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
               animation-name: packagePicture;
               animation-duration: 4s;
               animation-iteration-count: 1;
               -o-animation-fill-mode: forwards;
               -moz-animation-fill-mode: forwards;
               -webkit-animation-fill-mode: forwards;       
               animation-fill-mode: forwards;
               -o-animation-timing-function: ease-in;
               -moz-animation-timing-function: ease-in;
               -webkit-animation-timing-function: ease-in;
               animation-timing-function: ease-in;
             }
             
             /* Safari 4.0 - 8.0 */
             @-webkit-keyframes packagePicture {
               0%   {background-image: url("./chebe/tiepolo.jpg");}
               100% {background-image: url("./1gallerix/tiepolo.jpg");}
               
             }
             /* Standard syntax */
               @keyframes packagePicture {
                0%   {background-image: url("./chebe/tiepolo.jpg");}
                100% {background-image: url("./1gallerix/tiepolo.jpg");}
               }
  
  /*             .packages_mobile{
                -webkit-animation-name: package_mobile_Picture;
                -webkit-animation-duration: 4s;
                -webkit-animation-iteration-count: 1; 
                 animation-name: package_mobile_Picture;
                 animation-duration: 4s;
                 animation-iteration-count: 1;
                 -o-animation-fill-mode: forwards;
                 -moz-animation-fill-mode: forwards;
                 -webkit-animation-fill-mode: forwards;       
                 animation-fill-mode: forwards;
                 -o-animation-timing-function: ease-in;
                 -moz-animation-timing-function: ease-in;
                 -webkit-animation-timing-function: ease-in;
                 animation-timing-function: ease-in;
               }
               
 
               @-webkit-keyframes package_mobile_Picture {
                 0%   {background-image: url("./chebe/mobile/tiepolo-min.jpg");}
                 100% {background-image: url("./1gallerix/mobile/tiepolo-min.jpg");}
                 
               }

                 @keyframes package_mobile_Picture {
                  0%   {background-image: url("./chebe/mobile/tiepolo-min.jpg");}
                  100% {background-image: url("./1gallerix/mobile/tiepolo-min.jpg");}
                 }*/


               .forOffice{
                -webkit-animation-name: forOfficePicture; /* Safari 4.0 - 8.0 */
                -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
                -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
                 animation-name: forOfficePicture;
                 animation-duration: 4s;
                 animation-iteration-count: 1;
                 -o-animation-fill-mode: forwards;
                 -moz-animation-fill-mode: forwards;
                 -webkit-animation-fill-mode: forwards;
                 animation-fill-mode: forwards;
                 -o-animation-timing-function: ease-in;
                 -moz-animation-timing-function: ease-in;
                 -webkit-animation-timing-function: ease-in;
                 animation-timing-function: ease-in;
               }
                                /* Safari 4.0 - 8.0 */
                 @-webkit-keyframes forOfficePicture {
                  0%   {background-image: url("./chebe/renoir-2.jpg");}
                  100% {background-image: url("./1gallerix/renoir-1.jpg");}
                   
                 }
                 /* Standard syntax */
                   @keyframes forOfficePicture {
                    0%   {background-image: url("./chebe/renoir-2.jpg");}
                    100% {background-image: url("./1gallerix/renoir-1.jpg");}

                   }

      /*             .forOffice_mobile{
                    -webkit-animation-name: forOffice_mobile_Picture;
                    -webkit-animation-duration: 4s; 
                    -webkit-animation-iteration-count: 1; 
                     animation-name: forOffice_mobile_Picture;
                     animation-duration: 4s;
                     animation-iteration-count: 1;
                     -o-animation-fill-mode: forwards;
                     -moz-animation-fill-mode: forwards;
                     -webkit-animation-fill-mode: forwards;
                     animation-fill-mode: forwards;
                     -o-animation-timing-function: ease-in;
                     -moz-animation-timing-function: ease-in;
                     -webkit-animation-timing-function: ease-in;
                     animation-timing-function: ease-in;
                   }
                     
                     @-webkit-keyframes forOffice_mobile_Picture {
                0%   {background-image: url("./chebe/mobile/renoir-2-min.jpg");}
                100% {background-image: url("./1gallerix/mobile/renoir-min.jpg");}
                       
                     }
                
                       @keyframes forOffice_mobile_Picture {
                0%   {background-image: url("./chebe/mobile/renoir-2-min.jpg");}
                100% {background-image: url("./1gallerix/mobile/renoir-min.jpg");}
                       }*/

                 .forRestaurant{
                  -webkit-animation-name: forRestaurantPicture; /* Safari 4.0 - 8.0 */
                  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
                  -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
                   animation-name: forRestaurantPicture;
                   animation-duration: 4s;
                   animation-iteration-count: 1;
                   -o-animation-fill-mode: forwards;
                   -moz-animation-fill-mode: forwards;
                   -webkit-animation-fill-mode: forwards;
                   animation-fill-mode: forwards;
                   -o-animation-timing-function: ease-in;
                   -moz-animation-timing-function: ease-in;
                   -webkit-animation-timing-function: ease-in;
                   animation-timing-function: ease-in;
                 }
                 
               /* Safari 4.0 - 8.0 */
               @-webkit-keyframes forRestaurantPicture {
                0%   {background-image: url("./chebe/caravaggio.jpg");}
                100% {background-image: url("./1gallerix/caravaggio.jpg");}
                
              }
              /* Standard syntax */
                @keyframes forRestaurantPicture {
                  0%   {background-image: url("./chebe/caravaggio.jpg");}
                  100% {background-image: url("./1gallerix/caravaggio.jpg");}
                }

        /*        .forRestaurant_mobile{
                  -webkit-animation-name: forRestaurant_mobile_Picture; 
                  -webkit-animation-duration: 4s;
                  -webkit-animation-iteration-count: 1; 
                   animation-name: forRestaurant_mobile_Picture;
                   animation-duration: 4s;
                   animation-iteration-count: 1;
                   -o-animation-fill-mode: forwards;
                   -moz-animation-fill-mode: forwards;
                   -webkit-animation-fill-mode: forwards;
                   animation-fill-mode: forwards;
                   -o-animation-timing-function: ease-in;
                   -moz-animation-timing-function: ease-in;
                   -webkit-animation-timing-function: ease-in;
                   animation-timing-function: ease-in;
                 }
                 
           
               @-webkit-keyframes forRestaurant_mobile_Picture {
                  0%   {background-image: url("./chebe/caravaggio.jpg");}
                  100% {background-image: url("./1gallerix/caravaggio.jpg");}     
                
              }
            
                @keyframes forRestaurant_mobile_Picture {
                  0%   {background-image: url("./chebe/caravaggio.jpg");}
                  100% {background-image: url("./1gallerix/caravaggio.jpg");}    
             }
*/

                .pCards{
                  -webkit-animation-name: pCardsPicture; /* Safari 4.0 - 8.0 */
                  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
                  -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
                   animation-name: pCardsPicture;
                   animation-duration: 4s;
                   animation-iteration-count: 1;
                  -o-animation-fill-mode: forwards;
                   -moz-animation-fill-mode: forwards;
                   -webkit-animation-fill-mode: forwards;
                   animation-fill-mode: forwards;
                   -o-animation-timing-function: ease-in;
                   -moz-animation-timing-function: ease-in;
                   -webkit-animation-timing-function: ease-in;
                   animation-timing-function: ease-in;
                 }
                 
                 /* Safari 4.0 - 8.0 */
                 @-webkit-keyframes pCardsPicture {
                   0%   {background-image: url("./chebe/klimt.jpg");}
                   100% {background-image: url("./1gallerix/klimt.jpg");}
                   
                 }
                 /* Standard syntax */
                   @keyframes pCardsPicture {
                    0%   {background-image: url("./chebe/klimt.jpg");}
                    100% {background-image: url("./1gallerix/klimt.jpg");}
                   }

/*
                   .pCards_mobile{
                    -webkit-animation-name: pCards_mobile_Picture; 
                    -webkit-animation-duration: 4s;
                    -webkit-animation-iteration-count: 1;
                     animation-name: pCards_mobile_Picture;
                     animation-duration: 4s;
                     animation-iteration-count: 1;
                    -o-animation-fill-mode: forwards;
                     -moz-animation-fill-mode: forwards;
                     -webkit-animation-fill-mode: forwards;
                     animation-fill-mode: forwards;
                     -o-animation-timing-function: ease-in;
                     -moz-animation-timing-function: ease-in;
                     -webkit-animation-timing-function: ease-in;
                     animation-timing-function: ease-in;
                   }
                   

                   @-webkit-keyframes pCards_mobile_Picture {
                     0%   {background-image: url("./chebe/mobile/klimt-min.jpg");}
                     100% {background-image: url("./1gallerix/mobile/klimt-min.jpg");}
                     
                   }

                     @keyframes pCards_mobile_Picture {
                      0%   {background-image: url("./chebe/mobile/klimt-min.jpg");}
                      100% {background-image: url("./1gallerix/mobile/klimt-min.jpg");}
                     }
*/

                     .forHome{
                      -webkit-animation-name: forHomePicture; /* Safari 4.0 - 8.0 */
                      -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
                      -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
                       animation-name: forHomePicture;
                       animation-duration: 4s;
                       animation-iteration-count: 1;
                       -o-animation-fill-mode: forwards;
                       -moz-animation-fill-mode: forwards;
                       -webkit-animation-fill-mode: forwards;
                       animation-fill-mode: forwards;
                       -o-animation-timing-function: ease-in;
                       -moz-animation-timing-function: ease-in;
                       -webkit-animation-timing-function: ease-in;
                       animation-timing-function: ease-in;
                     }
                     
                     /* Safari 4.0 - 8.0 */
                     @-webkit-keyframes forHomePicture {
                       0%   {background-image: url("./chebe/vermeer.jpg");}
                       100% {background-image: url("./1gallerix/vermeer.jpg");}
                       
                     }
                     /* Standard syntax */
                       @keyframes forHomePicture {
                        0%   {background-image: url("./chebe/vermeer.jpg");}
                        100% {background-image: url("./1gallerix/vermeer.jpg");}
                       }

        /*             
                       .forHome_mobile{
                        -webkit-animation-name: forHome_mobile_Picture; 
                        -webkit-animation-duration: 4s; 
                        -webkit-animation-iteration-count: 1; 
                         animation-name: forHome_mobile_Picture;
                         animation-duration: 4s;
                         animation-iteration-count: 1;
                         -o-animation-fill-mode: forwards;
                         -moz-animation-fill-mode: forwards;
                         -webkit-animation-fill-mode: forwards;
                         animation-fill-mode: forwards;
                         -o-animation-timing-function: ease-in;
                         -moz-animation-timing-function: ease-in;
                         -webkit-animation-timing-function: ease-in;
                         animation-timing-function: ease-in;
                       }
                       

                       @-webkit-keyframes forHome_mobile_Picture {
                         0%   {background-image: url("./chebe/mobile/vermeer-min.jpg");}
                         100% {background-image: url("./1gallerix/mobile/vermeer-min.jpg");}
                         
                       }

                         @keyframes forHome_mobile_Picture {
                          0%   {background-image: url("./chebe/mobile/vermeer-min.jpg");}
                          100% {background-image: url("./1gallerix/mobile/vermeer-min.jpg");}
                         }
*/
                       .addition{
                        -webkit-animation-name: additionPicture; /* Safari 4.0 - 8.0 */
                        -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
                        -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
                         animation-name: additionPicture;
                         animation-duration: 4s;
                         animation-iteration-count: 1;
                         -o-animation-fill-mode: forwards;
                         -moz-animation-fill-mode: forwards;
                         -webkit-animation-fill-mode: forwards;
                 
                         animation-fill-mode: forwards;
                         -o-animation-timing-function: ease-in;
                         -moz-animation-timing-function: ease-in;
                         -webkit-animation-timing-function: ease-in;
                         animation-timing-function: ease-in;
                       }
                       
                       /* Safari 4.0 - 8.0 */
                       @-webkit-keyframes additionPicture {
                         0%   {background-image: url("./chebe/van_gogh.jpg");}
                         100% {background-image: url("./1gallerix/van_gogh.jpg");}
                         
                       }
                       /* Standard syntax */
                         @keyframes additionPicture {
                          0%   {background-image: url("./chebe/van_gogh.jpg");}
                          100% {background-image: url("./1gallerix/van_gogh.jpg");}
                         }
/*
                         .addition_mobile{
                          -webkit-animation-name: addition_mobile_Picture; 
                          -webkit-animation-duration: 4s; 
                          -webkit-animation-iteration-count: 1; 
                           animation-name: addition_mobile_Picture;
                           animation-duration: 4s;
                           animation-iteration-count: 1;
                           -o-animation-fill-mode: forwards;
                           -moz-animation-fill-mode: forwards;
                           -webkit-animation-fill-mode: forwards;
                   
                           animation-fill-mode: forwards;
                           -o-animation-timing-function: ease-in;
                           -moz-animation-timing-function: ease-in;
                           -webkit-animation-timing-function: ease-in;
                           animation-timing-function: ease-in;
                         }
                         

                         @-webkit-keyframes addition_mobile_Picture {
                           0%   {background-image: url("./chebe/mobile/van_gogh-min.jpg");}
                           100% {background-image: url("./1gallerix/mobile/van_gogh.jpg");}
                           
                         }

                           @keyframes addition_mobile_Picture {
                            0%   {background-image: url("./chebe/mobile/van_gogh-min.jpg");}
                            100% {background-image: url("./1gallerix/mobile/van_gogh.jpg");}
                           }*/
                           .bookProd{
                            -webkit-animation-name: bookPicture; /* Safari 4.0 - 8.0 */
                            -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
                            -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
                             animation-name: bookPicture;
                             animation-duration: 4s;
                             animation-iteration-count: 1;
                             -o-animation-fill-mode: forwards;
                             -moz-animation-fill-mode: forwards;
                             -webkit-animation-fill-mode: forwards;
                     
                             animation-fill-mode: forwards;
                             -o-animation-timing-function: ease-in;
                             -moz-animation-timing-function: ease-in;
                             -webkit-animation-timing-function: ease-in;
                             animation-timing-function: ease-in;
                           }
                           
                           /* Safari 4.0 - 8.0 */
                           @-webkit-keyframes bookPicture {
                             0%   {background-image: url("./chebe/2Rembrandt.jpg");}
                             100% {background-image: url("./1gallerix/1Rembrandt.jpg");}
                             
                           }
                           /* Standard syntax */
                             @keyframes bookPicture {
                              0%   {background-image: url("./chebe/2Rembrandt.jpg");}
                              100% {background-image: url("./1gallerix/1Rembrandt.jpg");}
                             }

                             .about_Us{
                              -webkit-animation-name: aboutPicture; /* Safari 4.0 - 8.0 */
                              -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
                              -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
                               animation-name: aboutPicture;
                               animation-duration: 4s;
                               animation-iteration-count: 1;
                               -o-animation-fill-mode: forwards;
                               -moz-animation-fill-mode: forwards;
                               -webkit-animation-fill-mode: forwards;
                       
                               animation-fill-mode: forwards;
                               -o-animation-timing-function: ease-in;
                               -moz-animation-timing-function: ease-in;
                               -webkit-animation-timing-function: ease-in;
                               animation-timing-function: ease-in;
                             }
                             
                             /* Safari 4.0 - 8.0 */
                             @-webkit-keyframes aboutPicture {
                               0%   {background-image: url("./chebe/2Monet.jpg");}
                               100% {background-image: url("./1gallerix/1Monet.jpg");}
                               
                             }
                             /* Standard syntax */
                               @keyframes aboutPicture {
                                0%   {background-image: url("./chebe/2Monet.jpg");}
                                100% {background-image: url("./1gallerix/1Monet.jpg");}
                               }



      #motto{
        -webkit-animation-name: motto; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 5s; /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
         animation-name: motto;
         animation-duration: 5s;
         animation-iteration-count: 1;
 
         animation-delay: 5s;
         animation-fill-mode: forwards;
         animation-timing-function: linear;
       }
       
       /* Safari 4.0 - 8.0 */
       @-webkit-keyframes motto {
        0%   {opacity:0; width: 0px; color:white; visibility: hidden;}
        10% {opacity:0.5; width: 300px;  color:white; visibility: visible;}
        30%   {opacity: 1; width: 300px;  color:rgb(65, 65, 65); visibility: visible;}
        50%   {opacity: 1; width: 300px;  color:rgb(65, 65, 65); visibility: visible;}
        70%   {opacity: 1; width: 300px;  color:rgb(65, 65, 65); visibility: visible;}
        90% {opacity:0.5; width: 300px;  color:white; visibility: visible;}
         100% {opacity: 0; width: 0px;  color:white; visibility: hidden;}
       }
   /* Standard syntax */
         @keyframes motto {
          0%   {opacity:0; width: 0px; color:white; visibility: hidden;}
          10% {opacity:0.5; width: 300px;  color:white; visibility: visible;}
          30%   {opacity: 1; width: 300px;  color:rgb(65, 65, 65); visibility: visible;}
          50%   {opacity: 1; width: 300px;  color:rgb(65, 65, 65); visibility: visible;}
          70%   {opacity: 1; width: 300px;  color:rgb(65, 65, 65); visibility: visible;}
          90% {opacity:0.5; width: 300px;  color:white; visibility: visible;}
           100% {opacity: 0; width: 0px;  color:white; visibility: hidden;}
         }
      }
      /*for large screens - Skype*/
      @media only screen and (min-width: 968px){
        .telblock{
          display:none;
        }
      }
      /*for small screens - Phone*/

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

        .callblock{
          display:none;
        }


        #phone_call{
          -webkit-animation-name: callme_M; 
          -webkit-animation-duration: 5s; 
          -webkit-animation-iteration-count: 4; 
           animation-name: callme_M;
           animation-duration: 5s;
           animation-iteration-count: 4;
           animation-delay: 1s;
           animation-fill-mode: forwards;
           animation-timing-function: linear;}
              /* Safari 4.0 - 8.0 */
        @-webkit-keyframes callme_M {
            0%   {opacity: 1 ; transform:rotateZ(0deg);}
            5% {opacity: 0.5; transform:rotateZ(-20deg);}
            10%  {opacity: 1;  transform:rotateZ(20deg);}
            15% {opacity: 0.5;  transform:rotateZ(-20deg);}
            20%  {opacity: 1;  transform:rotateZ(20deg);}
            99%   {opacity: 1; transform:rotateZ(0deg);}
            100% {opacity: 1; transform:rotateZ(0deg);}            
          }
           /* Standard syntax */
           @keyframes callme_M {
                0%   {opacity: 1 ; transform:rotateZ(0deg);}
                5% {opacity: 0.5; transform:rotateZ(-20deg);}
                10%  {opacity: 1; transform:rotateZ(20deg);}
                15% {opacity: 0.5; transform:rotateZ(-20deg);}
                20%  {opacity: 1; transform:rotateZ(20deg);}
                99%   {opacity: 1; transform:rotateZ(0deg);}
                100% {opacity: 1; transform:rotateZ(0deg);}
            }


      }

      /*for large screens*/
      @media only screen and (min-width: 768px){


        .mobile{
          display:none;
        }
        .contactmobile{
          display:none;
        }

      }
      /*for small screens*/
      @media only screen and (max-width: 767px){
        .standard{
          display:none;       
        }



        #mobilenav{
          height: 12vh;
      /*    position: fixed;
          top:0;*/

          background-color: white;
        }

        #mainpagemobile, #NewYearMobile, #bookProd_mobile, #printProdMobile, 
        #advertMobile, #packagesMobile, #forOfficeMobile, #forRestaurantMobile,
        #pCardsMobile, #forHomeMobile, #additionMobile, #About_us_mobile, .contactes{
          height: 88vh;
        }


        .firstpagemenu{
          display:none;
        }

        .contactname{
          display:none;
        }

        #contactes{
          height: 200px;
        }

        .contactmobile{
          margin-top: 11vh;
          color: rgb(85, 85, 85);
          font-weight: 500;
        }
        
        .productsidemenu{
          display:none;
        }
      }

/*for medium screens */
   @media (min-width: 768px) and (max-width: 968px){
h6{
  font-size: 1rem !important;
}
      }

/*for very small screens */
      @media only screen and (max-width: 387px){

        h3{
          font-size:22px !important;
        }


        h6, h4{
          font-size: 18px !important;
        }

        #mobilemenu{
          font-size: 15px !important;
        }
        .thisProductsLeft, .thisProductsRight{
          width: 180px;
        }

      }
      @media only screen and (max-width: 356px){


        h1{
          font-size:32px !important;
        }


      }



.map {
  position: absolute;
  top:0%;
  left:0%;
    width: 100%;
    margin: 0;
    height: 100%;
    float: unset;
    background-image:  url('./karta.png');
    background-repeat: no-repeat;
    background-size: cover; 

  }

  .mapmain{
      float: none;
  }