/* FILTERABLE MENU */

#flavor-nav { display: block; margin: 10px; padding: 2px;} 

.flavor:hover {  } 
 
.forall { display: inline-block; margin: 2px; padding: 4px 8px; font-size: 14px; line-height: 100%; }
.forall:hover { cursor: pointer; }


.dropbtn {  background: #35578b url(../images/down_menu_white.png) no-repeat right 13px top 13px;; background-size: 14px 9px; color: #dff3fe; padding: 8px 34px 9px 22px; font-size: 14px; 
margin: 1px 10px;  border: none; cursor: pointer; 
	-moz-border-radius: 	20px;  -webkit-border-radius: 	20px;  -khtml-border-radius:	20px;  border-radius: 				20px; 
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; }

.dropdown {     position: relative;     display: inline-block; }

.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 180px; margin: 0px 0px 0px 10px; z-index:999; padding: 20px;
-webkit-box-shadow: 4px 6px 12px rgba(50,50,50,.2); -moz-box-shadow:  4px 6px 12px rgba(50,50,50,.2); box-shadow:  4px 6px 12px rgba(50,50,50,.2); 
-moz-border-radius: 	20px;  -webkit-border-radius: 	20px;  -khtml-border-radius:	20px;  border-radius: 				20px;   }

.dropdown-content a {font-size: 14px; line-height: 100%;  color: #356095;  padding: 8px 8px;  text-decoration: none;  display: block; }
.dropdown-content a:hover { text-decoration: underline; }
.dropdown:hover .dropdown-content { display: block; cursor:pointer; }
.dropdown:hover .dropbtn  { background: #389dd5 url(../images/down_menu_white.png) no-repeat center right 13px top 13px; background-size: 14px 9px; color: #fff; } 

 



/* FILTERABLE CONTENT */

#page-wrap { margin: 0px auto; height: auto; text-align:center; }
a.general_link { margin: 0px; padding: 0px; text-decoration: none; z-index: 20; }


.flavor { display:inline-block; width:230px; height:400px; margin: 7px; overflow: hidden;   padding:0px; text-align:center; position: relative;  
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border:1px solid #dff3fe; background:#fff; 
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; }

.flavor:hover { -webkit-box-shadow: 2px 2px 10px rgba(150,150,150,.4); -moz-box-shadow:  2px 2px 10px rgba(150,150,150,.4); box-shadow:  2px 2px 10px rgba(150,150,150,.4);   }


.card_top_left { display:block; background:#389cd4; padding:5px 9px 4px; text-align:center; font-size:16px; line-height:100%; color:#fff; position:absolute; top:0px; left:0px; text-shadow:none;
-moz-border-radius: 	10px 0px 10px 0px;
-webkit-border-radius: 	10px 0px 10px 0px;
-khtml-border-radius: 	 10px 0px 10px 0px;
border-radius: 			     10px 0px 10px 0px;}

.card_top_left span { font-size:12px;}

.card_top_center { display:block; background:#389cd4; padding:5px 9px 4px; text-align:center; font-size:16px; line-height:100%; color:#fff; position:absolute; top:0px; left:91px; text-shadow:none;
-moz-border-radius: 	0px 0px 10px 10px;
-webkit-border-radius: 	0px 0px 10px 10px;
-khtml-border-radius: 	 0px 0px 10px 10px;
border-radius: 			     0px 0px 10px 10px;}

.card_top_center span { font-size:12px;}

.card_top_right { display:block; background:#389cd4; padding:5px 9px 4px; text-align:center; font-size:16px; line-height:100%; color:#fff; position:absolute; top:0px; right:0px; text-shadow:none;
-moz-border-radius: 	0px 10px 0px 10px;
-webkit-border-radius: 	0px 10px 0px 10px;
-khtml-border-radius: 	 0px 10px 0px 10px;
border-radius: 			     0px 10px 0px 10px;}

.card_top_right span { font-size:12px;}

.card_img { display: block;  margin: 40px auto 5px; width: 200px; height: 182px;}

.card_price_text 		{ display:block; float:left; clear:both;   font-size:12px; line-height:100%; text-align:left; margin:5px 15px; color: #356095; }
.card_price_digit		{ display:block; float:left; clear:both;   font-size:22px; line-height:100%; text-align:left; margin:1px 15px; color: #356095; }
.card_price_digit span 	{ font-size:14px;}


a.card_cart_link_page {   position:absolute; bottom:49px; right:0px; width:40px; height:40px;
background: #f3506f url(../images/icon_cart.png) no-repeat 8px 8px; background-size: 25px 25px;  text-decoration:none;text-shadow:none;
-moz-border-radius: 	10px 0px 0px 10px;
-webkit-border-radius: 	10px 0px 0px 10px;
-khtml-border-radius: 	10px 0px 0px 10px;
border-radius: 				10px 0px 0px 10px;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; }

a.card_cart_link_page span {font-size:16px; line-height:250%; color:#fff !important; text-transform:uppercase; padding:5px 5px 5px 40px}
a.card_cart_link_page span:hover { text-decoration: underline; }

a.card_cart_link_page:hover{  background: #10be17 url(../images/icon_cart.png) no-repeat 8px 8px; background-size: 25px 25px; cursor:pointer; width:110px; text-decoration:none;
-webkit-box-shadow: 2px 2px 10px rgba(150,150,150,.2); -moz-box-shadow:  2px 2px 10px rgba(150,150,150,.2); box-shadow:  2px 2px 10px rgba(150,150,150,.2);} 
a.card_cart_link_page:visited {background: #f3506f url(../images/icon_cart.png) no-repeat 8px 8px; background-size: 25px 25px;  text-decoration:none;  }

.card_zakaz { display:block; background:#3b7fbd; padding:10px 10px 11px; text-align:center; width: 100%; font-size:17px; line-height:100%; color:#fff; position:absolute; bottom:0px; left:0px; text-shadow:none;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; 
-moz-border-radius: 	0px 0px 10px 10px;
-webkit-border-radius: 	0px 0px 10px 10px;
-khtml-border-radius: 	 0px 0px 10px 10px;
border-radius: 			     0px 0px 10px 10px;}

.flavor:hover .card_zakaz { background: #f3506f;  }

 /*---------------------------------
	Responsive Grid Media Queries
-----------------------------------*/
 
 
 
@media all and (min-width: 1024px) and (max-width: 1280px) {



	
}


@media all and (min-width: 768px) and (max-width: 1023px) {

/*menu*/
.forall { padding: 4px 4px; font-size: 12px; }
.dropbtn {  background: #35578b url(../images/down_menu_white.png) no-repeat right 8px top 10px; background-size: 12px 8px; padding: 6px 26px 7px 16px; font-size: 12px; margin: 3px 8px;  }
.dropdown:hover .dropbtn  { background: #389dd5 url(../images/down_menu_white.png) no-repeat center right 8px top 10px; background-size: 12px 8px; } 
.dropdown-content { padding: 10px; min-width: 160px; }
.dropdown-content a {font-size: 12px; padding: 6px; }


/*content*/
.flavor { width:180px; height:280px; margin: 2px; }

.card_top_left { padding:5px 9px 4px; font-size:12px; }
.card_top_left span { font-size:10px;}
.card_top_center { padding:5px 9px 4px; font-size:12px; left:68px;}
.card_top_center span { font-size:10px;}
.card_top_right  { padding:5px 9px 4px; font-size:12px; }
.card_top_right span  { font-size:10px;}

.card_img { margin: 28px auto 5px; width: 130px; height: 118px;}

.card_price_text 		{ font-size:10px; margin:2px 10px 3px;}
.card_price_digit		{ font-size:16px;  margin:1px 10px; }
.card_price_digit span 	{ font-size:12px;}


a.card_cart_link_page {   position:absolute; bottom:34px; right:0px; width:30px; height:30px; background: #f3506f url(../images/icon_cart.png) no-repeat 7px 6px; background-size: 18px 18px;  }
a.card_cart_link_page span {font-size:14px; line-height:220%; padding:5px 5px 5px 30px}
a.card_cart_link_page:hover{  background: #10be17 url(../images/icon_cart.png) no-repeat 7px 6px; background-size: 18px 18px; width:90px; } 
a.card_cart_link_page:visited {background: #f3506f url(../images/icon_cart.png) no-repeat 7px 6px; background-size: 18px 18px;  }

.card_zakaz { padding:8px; font-size:13px;}


}
 
 
 
 @media all and (min-width: 480px) and (max-width: 767px) {
  
 /*menu*/
.forall { padding: 4px 3px; font-size: 12px; }
.dropbtn {  background: #35578b url(../images/down_menu_white.png) no-repeat right 8px top 10px; background-size: 12px 8px; padding: 6px 26px 7px 16px; font-size: 12px; margin: 3px 6px;  }
.dropdown:hover .dropbtn  { background: #389dd5 url(../images/down_menu_white.png) no-repeat center right 8px top 10px; background-size: 12px 8px; } 
.dropdown-content { padding: 10px; min-width: 160px; }
.dropdown-content a {font-size: 12px; padding: 6px; }
 
 
/*content*/
.flavor { width:152px; height:273px; margin: 1px; }

.card_top_left { padding:5px 9px 4px; font-size:12px; }
.card_top_left span { font-size:10px;}
.card_top_center { padding:5px 9px 4px; font-size:12px; left:56px;}
.card_top_center span { font-size:10px;}
.card_top_right  { padding:5px 9px 4px; font-size:12px; }
.card_top_right span  { font-size:10px;}

.card_img { margin: 28px auto 5px; width: 130px; height: 118px;}

.card_price_text 		{ font-size:10px; margin:2px 10px 3px;}
.card_price_digit		{ font-size:16px;  margin:1px 10px; }
.card_price_digit span 	{ font-size:12px;}


a.card_cart_link_page {   position:absolute; bottom:34px; right:0px; width:30px; height:30px; background: #f3506f url(../images/icon_cart.png) no-repeat 7px 6px; background-size: 18px 18px;  }
a.card_cart_link_page span {font-size:14px; line-height:220%; padding:5px 5px 5px 30px}
a.card_cart_link_page:hover{  background: #10be17 url(../images/icon_cart.png) no-repeat 7px 6px; background-size: 18px 18px; width:90px; } 
a.card_cart_link_page:visited {background: #f3506f url(../images/icon_cart.png) no-repeat 7px 6px; background-size: 18px 18px;  }

.card_zakaz { padding:8px; font-size:13px;}

} 
 
 
 

@media all  and (max-width: 479px) {
 
 /*menu*/
 #flavor-nav {  margin: 6px;  } 
.forall { padding: 4px 3px; font-size: 12px; }
.dropbtn {  background: #35578b url(../images/down_menu_white.png) no-repeat right 8px top 10px; background-size: 12px 8px; padding: 6px 26px 7px 16px; font-size: 12px; margin: 3px 6px;  }
.dropdown:hover .dropbtn  { background: #389dd5 url(../images/down_menu_white.png) no-repeat center right 8px top 10px; background-size: 12px 8px; } 
.dropdown-content { padding: 10px; min-width: 160px; }
.dropdown-content a {font-size: 12px; padding: 6px; }


/*content*/
.flavor { width:160px; height:273px; margin: 2px; }

.card_top_left { padding:5px 9px 4px; font-size:12px; }
.card_top_left span { font-size:10px;}
.card_top_center { padding:5px 9px 4px; font-size:12px; left:59px;}
.card_top_center span { font-size:10px;}
.card_top_right  { padding:5px 9px 4px; font-size:12px; }
.card_top_right span  { font-size:10px;}

.card_img { margin: 28px auto 5px; width: 130px; height: 118px;}

.card_price_text 		{ font-size:10px; margin:2px 10px 3px;}
.card_price_digit		{ font-size:16px;  margin:1px 10px; }
.card_price_digit span 	{ font-size:12px;}


a.card_cart_link_page {   position:absolute; bottom:34px; right:0px; width:30px; height:30px; background: #f3506f url(../images/icon_cart.png) no-repeat 7px 6px; background-size: 18px 18px;  }
a.card_cart_link_page span {font-size:14px; line-height:220%; padding:5px 5px 5px 30px}
a.card_cart_link_page:hover{  background: #10be17 url(../images/icon_cart.png) no-repeat 7px 6px; background-size: 18px 18px; width:90px; } 
a.card_cart_link_page:visited {background: #f3506f url(../images/icon_cart.png) no-repeat 7px 6px; background-size: 18px 18px;  }

.card_zakaz { padding:8px; font-size:13px;}



}