/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15.11.2017, 17:14:49
    Author     : alexander
*/

.maincatalog-category-tile {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
    height: 17.3em;
    margin-bottom: 1.5em;
}

.maincatalog-category-tile:nth-child(odd) {
    padding-left:1%;
}

.maincatalog-category-tile:nth-child(even) {
    padding-right:1%;
}
.maincatalog-category-tile a{
   text-decoration:none;
   display:block;
   line-height:0;
   width:100%;
   height:100%;
   position: relative;
   overflow: hidden;
}



.categories {
    margin-left: 0;
    margin-right: 0;
}

.maincatalog-category-tile-image-area {
    position: absolute;
    background: white;
    width: 44.44%;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
}

.maincatalog-category-tile-image-area img {
    width: 100%;
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: static;
}

.maincatalog-category-tile-image-area:before {
    content: '    ';
    height: 100%;
    display: inline-block;
    width: 0;
    max-width: 0;
    vertical-align: middle;
    overflow:hidden;
    margin:0;
    padding:0;
}

.maincatalog-category-tile-text-area {
    width: 55.66%;
    margin-left: 44.44%;
    overflow: hidden;
    height: 100%;
    box-sizing: border-box;
    padding: .3em .5em;
}

.maincatalog-category-tile-text-inner {
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    padding: 0;
    padding-top: 0em;
    overflow: hidden;
}

.maincatalog-category-tile-text-inner h3 {
    margin: 0;
    padding: 0;
    font-size: 1.7em;
    line-height: 1.2em;
    height: auto;
    min-height: auto;
    margin-bottom: .5em;
}

.maincatalog-description-area {
    line-height: 1.1em;
    font-size: 1.2em;
}

a.cetegory {
    position: relative;
}

.cetegory-rastopyr {
    width: 44.44%;
    background: white;
    overflow: hidden;
    padding-top: 32.2930%;
    float: left;
}

.cetegory-rastopyr img {
    width: 100%;
    /* height: 100%; */
    position: absolute;
    top: 0;
    left: 0;
}

.cetegory-rastopyr {
    position: relative;
}



.NewCategoryTileOuter {
    box-sizing: border-box;
    width: 50%;
    float: left;
    margin-bottom: 1.5em;    
}

.NewCategoryTileOuter:nth-child(odd) {
    padding-left: 1%;
}

.NewCategoryTileOuter:nth-child(even) {
    padding-right: 1%;
}

.NewCategoryTileInner {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
}

.NewCategoryTileRastotyr {
    position: relative;
    width: 100%;
    padding-top: 32.2930667%;
    height: 0;
    max-height: 0;
    box-sizing: content-box;
}

.NewCategoryTileRastotyr a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    max-height: 100%;
}

.newCategoryTileImage {
    background: transparent;
    float: left;
    width: 44.44%;
    height: 100%;
}

.newCategoryTileTextouter {
    width: 55.56%;
    height: 100%;
    float: left;
}


.newCategoryTileTextouter {
    max-height: 100%;
    box-sizing: border-box;
}

.newCategoryTileTextouter .tile-text {
    margin: 0!important;
    box-sizing: border-box;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

.newCategoryTileTextouter .tile-text .catalog-text-wrap {
    box-sizing: border-box;
    height: 100%;
    max-height: 100%;
}

.newCategoryTileImage img { 
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

@media screen AND (max-width:950px){
   .NewCategoryTileOuter,.NewCategoryTileOuter:nth-child(even),.NewCategoryTileOuter:nth-child(odd)  {
       width:50%;
       /*padding-left:15%; 
       padding-right:15%;*/
   }    
}



.NewCategoryTileOuter {
    transition:all .3s;
}