.ad-menu1  {
  display: inline-block;
  padding: 0;
  margin: 40px 0 0 0;
  outline: 0;
  width: 100%; 
  text-align: center;
  
}

.ad-menu1 a {
  display: block;
  text-decoration: none; font-weight: normal;
  color: #67625b;
  padding: 0; margin: 0;
  width: 100%;
  
}
.ad-menu1 a:hover {
  text-decoration: underline; 
}


.shadow { -moz-box-shadow: 6px 6px 7px #67625b;
	-webkit-box-shadow: 6px 6px 7px #67625b;
	box-shadow: 6px 6px 7px #67625b;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#67625b', Direction=145, Strength=5); }
	
	
.view {
   width: 500px;
   height: 190px;
   display: inline-block;
   margin: 10px;
   
   border: 10px solid #eae6db;
   overflow: hidden;
   position: relative;
   text-align: center;
   -moz-box-shadow: 6px 6px 7px #67625b;
	-webkit-box-shadow: 6px 6px 7px #67625b;
	box-shadow: 6px 6px 7px #67625b;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#67625b', Direction=145, Strength=5);
   cursor: default;
   background: #fff url(picture/fon.jpg) no-repeat center center;
}
.view .mask,.view .content {
   width: 500px;
   height: 190px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}

.view h2  {
   font-family: 'framd', serif;
   text-transform: none;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 140%;
   padding: 5px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: 'framd', serif;
   font-size: 100%;
   position: relative;
   color: #67625b;
   padding: 0px;
   text-align: center; margin: 0;
}

.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;   
   color: #67625b;
   text-transform: none;   
}
.view a.info: hover {
   text-decoration: underline;
}
.view a:hover {
  text-decoration: underline; 
}
.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
   background-color: rgba(255, 231, 179, 0.3);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 0px 0px 0px 0px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
	





@media screen and (max-width: 1280px) {
.ad-menu ul {
  display: inline-block;
  text-align: center;
  font-family: '21045', serif;  padding:0; margin: 0; text-transform: uppercase;
}

}

@media screen and (max-width: 920px) {
.ad-menu1 li {
  display: inline-block;
  background: #c2f272;
  font-size: 1.4em;
  text-align: center;
  font-family: 'AGAvantGardeCyr', serif;
  width: 82%;
  background: linear-gradient(10deg, #e8e8e8, #FFFFFF);  
  margin-top: 20px;
}
	.ad-menu li {
  display: inline-block;
  font-size: 0.6em;
  text-align: center;
  font-family: '21045', serif; text-transform: uppercase; font-weight: bold; padding: 0; margin: 0; letter-spacing: 3px;
}
	.right { width: 100%; float: none; margin: 0; padding: 10px 0; }
}
}
@media screen and (max-width: 680px) {
.ad-menu li {
  display: inline-block;
  font-size: 0.4em;
  text-align: center;
  font-family: '21045', serif; text-transform: uppercase; font-weight: bold; padding: 0; margin: 0; letter-spacing: 5px;
}
.ad-menu ul { 
  display: none;
}
.ad-menu nav::before,
.ad-menu::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAwCAMAAAA8VkqRAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAE5JREFUeAFjwAkYcQC6SFAKBt4fo/6AaMMUQTUQIYJpFaqrMIICzkATR2Hi5uDUjmkh7tDAHUq4Qw8ujl+CsFEEHDVowg1n1OJKDLiTDwBLrgJ9vkuXOwAAAABJRU5ErkJggg==);
  cursor: pointer;
  height: 24px;
  width: 24px;
}
.ad-menu nav::before,
.ad-menu::after {
  background-color: #fc0;
  border: 9px solid #fc0;
}
.ad-menu::after {
  background-position: -24px -24px;
  z-index: 1;
}
.ad-menu nav::before {
  z-index: 2;
}
.ad-menu nav:focus::before {
  z-index: 0;
}
.ad-menu nav:focus ul,
.ad-menu ul:hover {
  display: block;
}
.ad-menu1 li {
  display: inline-block;
  background: #c2f272;
  font-size: 1.4em;
  text-align: center;
  font-family: 'AGAvantGardeCyr', serif;
  width: 100%;
  background: linear-gradient(10deg, #e8e8e8, #FFFFFF);  
  margin-top: 0px;
}
}

@media screen and (max-width: 680px) {
.right { width: 100%; float: none; margin: 0; padding: 10px 0; }
}