*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.product-container{ width:100%; margin:0 auto; background-color:#CCCCCC; clear:both; float:left; margin-top:50px;}
.box {width: 244px; height:315px; position: relative; background: rgba(255,255,255,1); display: inline-block; margin: 12px 10px; cursor: pointer; color: #9f0303; box-shadow: inset 0 0 0 3px #9f0303; 	-webkit-transition: background 0.4s 0.5s; 	transition: background 0.4s 0.5s; padding:10px;}
.box a{ text-decoration:none; color:#bc0606;}
.box .product-cont{ width:225px; margin:0 auto; background-color:white; position:relative; height:100%;}
.box .product-cont:before, .box .product-cont:after{z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 150px; background: #777; -webkit-box-shadow: 0 20px 10px #777; -moz-box-shadow: 0 20px 10px #777; box-shadow: 0 20px 10px #777; -webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -o-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg); transition: all 1s;}
.box .product-cont:after{ right:10px; left:auto;  -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); -o-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); transition: all 1s;}
.box .product-cont .img-boxes{ width:100%;}
.box .product-cont .img-boxes img{ width:100%; position:absolute;}
.box .product-cont .img-boxes img.zoomout{transform:scale(1); transition:all 0.5s; opacity:1;}
.box .product-cont:hover .img-boxes img.zoomout{ opacity:0; }
.box .product-cont .img-boxes img.zoomin{transform:scale(1); transition:all 0.5s; opacity:0;}
.box .product-cont:hover .img-boxes img.zoomin{ opacity:1; transform:scale(1);}
.box .product-cont .inner-cont{ width:100%;  position:absolute; bottom:0; display:none;}
.box .product-cont .inner-cont span{ text-align:center; clear:both; padding:6px 0px; display: block;}
.box .product-cont .inner-cont span.kids{ background-color:white; width:70%; margin:0 auto; font-size:13px; padding:6px; transition:all 1s; font-weight:400;}
.box .product-cont:hover .inner-cont span.kids{ background-color:#333333; color:#ffffff;}
.box .product-cont .inner-cont span.product-name{ background-color:#bc0606;  color:white; font-size:15px; text-transform:uppercase; font-weight:600; transition:all 1s;}
.box .product-cont:hover .inner-cont span.product-name{background-color: #930909;}
.box .product-cont .inner-cont .fares{font-weight:bold; background-color:#f2f2f2; transition:all 1s; float:left; width:100%;}
.box .product-cont .inner-cont .fares span.fare1{ float:left; font-size:16px; color:#474747; width:50%; display:inline; clear:none; text-decoration:line-through;}
.box .product-cont .inner-cont .fares span.fare2{ float:right; font-size:16px; color:#bc0606; width:50%; display:inline; clear:none; }



/*bof:productgrid*/
/*ProductGroup*/
.ProductGroup { width:1100px; margin:0 auto; position:relative; z-index:9;}
/*filtermenu*/
.filtermenu {width:100%; float:left; text-align:center;}
.filtermenu ul {width:auto; display:inline-block; margin:15px auto; background-color:#151515; padding:0px;}
.filtermenu ul li {float:left; display:inline-block; color:white; margin:0px 0px; cursor:pointer; transition:all 1s;}
.filtermenu ul li a{ text-decoration:none; display:block; color:#ffffff; padding:10px 15px; transition:all 1s;}
.filtermenu ul li:hover a, .filtermenu ul li.active a{background:#f2f2f2; color:#000000;  box-shadow:3px 3px 10px #333; }
/*Grid*/
#Grid .mix {display:none; opacity:0; }/*Animation Class*/
/*image*/
/*bof:productgrid*/






/*IE hack*/
@media all and (-ms-high-contrast:none)
     {.box svg{ display:none;}
}
/*IE hack*/

/*bof:SVG*/
.box svg {position: absolute; top: 0; left: 0;}
.box svg line {stroke-width:7;	stroke: #ecf0f1; fill: none; -webkit-transition: all .9s ease-in-out; transition: all .9s ease-in-out;}
.box:hover svg line {-webkit-transition-delay: 0.1s; transition-delay: 0.1s;}
.box svg line.top, .box svg line.bottom {stroke-dasharray: 287 158;}
.box svg line.left, .box svg line.right {stroke-dasharray: 325 305;}
.box:hover svg line.top {-webkit-transform: translateX(-488px);	transform: translateX(-488px);}
.box:hover svg line.bottom {-webkit-transform: translateX(488px); transform: translateX(488px);}
.box:hover svg line.left { -webkit-transform: translateY(630px); transform: translateY(630px);}
.box:hover svg line.right {-webkit-transform: translateY(-630px); transform: translateY(-630px);}
/*eof:SVG*/


@media only screen and (max-width:1024px){
.product-container{ width:768px;}
.box{ margin:9px 1px;}
.box .product-cont .inner-cont .fares span.fare2, .box .product-cont .inner-cont .fares span.fare1, .box .product-cont .inner-cont span.product-name{ font-size:14px;}

}

@media only screen and (max-width:767px){
.product-container, .box .product-cont{ width:100%;}
.box{ width:32%; height:272px;}
.box svg{ display:none;}
.box .product-cont .inner-cont span.product-name{ font-size:11px;}
.box .product-cont .inner-cont span.kids{ width:100%;}
}

@media only screen and (max-width:480px){
.box{ width:48%;}
}

@media only screen and (max-width:360px){
.box{ width:100%; height:360px;}

}

.contacts .information{margin-left: 0; width: 100%;}
.contacts .information ul{margin-left:3%;}
.contacts .information ul li{ position: relative; padding-left: 30px;}
.contacts .information ul li:nth-child(1){width: 35%;}
.contacts .information ul li:nth-child(2){width: 23%;}
.contacts .information ul li:nth-child(3){width: 27%;}
.contacts .information ul li:nth-child(4){width: 15%;}
.contacts .information ul li .icons-bg{ position: absolute; top:20px; left: -20px;}
.contacts .information ul li p{ text-align: left;}
.contacts .information ul li p.newadd{ margin-top: -3px; border-top: 1px solid #e7af97; padding-top: 9px; width: 85%;}
@media only screen and (max-width:900px){
    .contacts .information ul li:nth-child(1), .contacts .information ul li:nth-child(2), .contacts .information ul li:nth-child(3), .contacts .information ul li:nth-child(4){width:50%; height: 120px;} 
}
@media only screen and (max-width:767px){
    .contacts .information ul{margin-left:8%;}
    .contacts .information ul li:nth-child(1), .contacts .information ul li:nth-child(2), .contacts .information ul li:nth-child(3), .contacts .information ul li:nth-child(4){width:100%; height: auto;}    
}

.contacts .information ul li p.newadd strong.blink-hard{display: block; position: relative;  line-height: 27px; font-size: 11px; color: white; margin: 0px 0 4px 0; padding-left: 10px;}
.contacts .information ul li p.newadd strong.blink-hard span.blink-hard2{ background-color: red;  position: absolute; left: 0px; top: 2px; height: 22px; display: block;
 z-index: -9;  animation: mymove 2s infinite;}
@keyframes mymove {
from {width:0%;}
to {width:90px;}
 }