.content-column{
    font-family:Roboto;
    font-size:14px;
    text-align:center;
}
h1{
    font-family:Roboto;
    font-size:50px;
    color:#888888;   
    font-weight:100;
    margin-bottom:10px;
    margin-top:70px;
}
.mobile section h1{
    font-size:100px;
}
h2{
    font-family:Roboto;
    font-size:50px;
    color:#777777;   
    font-weight:100;
    margin-bottom:10px;
    margin-top:50px;
    
    
}
.ofpribeh{
    font-family:PT Sans;
    font-weight:300;
    font-size:16px;
    padding-top:20px;
    padding-bottom:40px;
    
}
.ofpribeh p{
    line-height:30px;
    font-size:18px;
    font-family:Roboto;
    text-align: center;
}
.ofpribeh h1{
    margin-top:0px;
}
.ofpribeh h3{    
    color:#777777;
}
.ofpribeh a:hover h3{
    color:#13a4c2;
}
.ofpribeh .smallbanner{
    margin-bottom:15px;
    width:100%;
    height:183px;
    background-position:center center;
    background-size:auto 183px;
    background-repeat:no-repeat;
}
.ofpribehshade{
    background-color:#f9f9f9;
}
.banners-container{
    width:100%;
    overflow:hidden;
    
}

.banners-container img{
    aheight:669px;
}
.banners-container-inner{
    width:200%;
}
.banners-container-inner img{
    width:100%;    
}
.banners-container-inner .banner-container{
    width:50%;
    float:left;
}
h3{
    font-family:Roboto;
    font-weight:400;
    font-size:20px;
    color:black;
}
.content-column{
    font-family:Roboto;
    font-size:18px;
    font-weight:300;
    color:#777777;
}
.designs-headline{
    margin-top:50px;
    
}
p{
    color:#888888;
    font-size:18px;
    font-family:Roboto;
    font-weight:300;
    line-height:36px;
}

.banner-image{
    width:100%;
}

.sub-buttons,.top-block-buttons{
    background-color:white;position:relative;z-index:10000;text-align:center;width:100%;height:30px;
    
}
.sub-buttons{
    position:relative;
}
.sub-buttons-container{
    width:100%;
    height:30px;
    margin-bottom:5px;
}

.section h2{
    margin-top:30px;
    margin-bottom:30px;
}
.category-button,.showall-button{
    cursor:pointer;
    display:inline-block;
    abackground-color:rgba(255,255,255,1);
    aborder:1px solid white;
    background-color:transparent;
    width:auto;
    
    color:white;
    background-size:42px 42px;
    background-position: 20px 0px;
    background-repeat: no-repeat;
    padding-left:0px;
    text-align:center;
    font-family:Roboto;
    margin-left:40px;
    padding-right:40px;
    border-right:1px solid #cccccc;    
    margin-top:0px;
    padding-top:0px;
    padding-bottom:0px;
    font-size:18px;   
    color:#cccccc;
    font-weight:normal;
    
}

.category-button:hover,.cat-selected{
    
    color:#13a4c2;
    
}
.category-button-small{
    width:auto;
}
.showall-button{
    border:1px solid lightgray;
    padding:8px 30px 8px 30px;
    float:none;
    margin:auto;
    margin-top:20px;
    margin-bottom:20px; 
    color:#666666;
    font-size:16px;
    font-weight:bold;
}
.showall-button:hover{
    background-color:#eeeeee;
}
.blue{
    background-color:#13a4c2;
}
.blue:hover{
    background-color:#23b4d2;
}
.orange{
    background-color:#f16527;
    
}
.orange:hover{
    background-color:#ff7537;
}
#banners{
    text-align:justify;
   font-weight:300;
    margin-top:50px;
    font-size:15px;
    color:#888888;
    font-family:PT Sans;
}
#banners a{
    color:#888888;
}
#banners span{
    font-size:17px;
    color:#13a4c2;
}
#banners a:hover span{
    color:#33c4e2;
}
#banners div{
    float:left;
    width:220px;
    text-align:justify; 
    margin-right:24px;
}
#banners div.last{
    amargin-right:0px;
}
#blogimg{
    width:1160px;
    height:192px;
    margin-top:40px;
    
}
.prod-desc{
    height:45px;
    overflow: hidden;
}
.product-item{
    
    
    margin-right:22px;
    margin-left:22px;
    color:#888888;
    font-size:18px;
    width:250px;
    height:320px;
    display:inline-block!important;
    
}
.product-item:hover{
    color:#13a4c2;
}
.product-container{
    height:630px;
    overflow:hidden;
    text-align:center;
}
.product-item-image{
    background-size:auto 100%;
    background-position:center center;
    width:250px;
    height:250px;    
    margin-bottom:5px;
    background-repeat:no-repeat;
    
    border:1px solid lightgray;            
}
.product-item-white{
    position:absolute;
    width:250px;
    height:250px;
    z-index:1000;
    background-color:rgba(255,255,255,0.4);
    visibility:hidden;
}
.product-item:hover .product-item-white{
    visibility:visible;
    
}
.product-item:hover .product-item-image{    
    aborder:1px solid #23b4d2;            
}
.product-item.last{
    amargin-right:0px;
}
.product-item.hidden{
    visibility:hidden;
    display:none;
    height:0px;
    width:0px;
    float:left;
}
.content-column{
    
    amin-height:800px;
}
hr{
    
    
}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av{                
    overflow:hidden;
    cursor: pointer;
    background-color:#e5e5e5;
    border-radius:7px;
    width:14px;
    height:14px;
}
.jssorb21 div:hover, .jssorb21 .av:hover { background-color:#aaaaaa; }
.jssorb21 .av {background-color:#aaaaaa;}
.jssorb21 .dn, .jssorb21 .dn:hover { background-color:#aaaaaa; }
        
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
{
    position: absolute;
    z-index:100000;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
    overflow: hidden;
}
.jssora21l,.jssora21ldn{
    background-image:url(/img/bansipl.png);
    background-size: 100% 100%;
}
.jssora21r,.jssora21rdn{
    background-image:url(/img/bansipr.png);
    background-size: 100% 100%;
}
.jssora21l:hover {     background-image:url(/img/bansiplh.png);}
.jssora21r:hover {     background-image:url(/img/bansiprh.png); }

.banner-slider .jssora21l,.banner-slider .jssora21ldn{
    width: 62px; height: 100px; top: 123px; left: 0px;
}
.banner-slider .jssora21r,.banner-slider .jssora21rdn{
    width: 62px; height: 100px; top: 123px; right: 0px;
}

.banner-slider{
    position: relative; 
    margin: 0px 0px 20px 0px;
    top: 0px; 
    left: 0px; 
    width: 1920px; 
    height: 630px; 
    overflow: hidden;    
}
.mobile .banner-slider,.mobile .banner-slider .slides{
    width:1000px;
    height:600px;
    
}
.mobile .banner-slider .slides img{
    width:1000px;
}
.banner-slider .slides{
    position: absolute; 
    left: 0px; top: 0px; width: 1920px;height: 630px; overflow: hidden;
}

.big-slide{
    position:absolute;z-index:10;width:100%;text-align:center;color:white;padding-top:270px;
}
.big-slide span{
    font-size:75px;font-weight:bold;
    
}
.slider .slides{
    position: absolute; left: 0px; top: 0px; width: 1920px;
        height: 600px; overflow: hidden;
}
.smallSlider .slides{
    position: absolute; left: 0px; top: 0px; width: 366px;
        height: 244px; overflow: hidden;
}
.smallSlider .jssora21l,.smallSlider .jssora21ldn{
    width: 31px; height: 50px; top: 100px; left: 0px;    
}
.smallSlider .jssora21r,.smallSlider .jssora21rdn{
    width: 31px; height: 50px; top: 100px; right: 0px
}
#slider_main{    
    overflow-y:hidden;
    position: relative; 
    margin: 0px 0px 20px 0px;
    top: 0px; 
    left: 0px;
    width: 1920px; 
    height: 635px; 
    overflow: hidden;
}
.mobile #slider_main{        
    width: 1920px; 
    height: 1500px;     
}
.mobile #slider_main .slides{
    width: 1920px; 
    height: 1500px;     
}
.banbut{
    width:122px;
    height:122px;
    float:left;
    cursor:pointer;    
}
.mobile .banbut{
    width:120px;
    height:120px;
 
}
#prod_ban .banbut div{
    text-align:center;
    font-size:14px;
    height:72px;
    padding-top:50px;
    color:black;
}
.mobile #prod_ban .banbut div{
    text-align:center;
    font-size:14px;
    height:72px;
    padding-top:50px;
    color:black;
}
.morecat{
    position:absolute;width:1200px;margin-top:0px;display:none;
}
.banbut div{    
    
    position:absolute;
    display:none;
    width:122px;
    height:122px;
    z-index:1000;
    background-color:rgba(255,255,255,0.7);
}
.mobile .banbut div {
    width:120px;
    height:120px;
    
}
.banbut:hover div{
    display:block;
}
#mot_ban .banbut img{
    width:100px;
    height:100px;
    margin:11px 11px 11px 11px;
    
}
#tag_ban .smallbanner{        
    width:366px;
    height:244px;
    background-position:center center;
    background-size:auto 244px;
    background-repeat:no-repeat;
    
}
.mobile #tag_ban .smallbanner{
    
    height:550px;
}
.mobile #tag_ban .slides img{
    width:100%;
}

.smallBanner{
    width:366px;
    
    margin:10px;
    float:left;
}
.mobile .smallBanner{
    width:600px;
}
.smallBannerDiv{
    text-align:center;
     display:inline-block;
     width: 366px; 
    margin:15px; 
}
.smallBannerDiv h3{
    color:gray;
    
}
.mobile .smallBannerDiv{
    width:600px;
    margin:0px;
}
.mobile .smallSlider{
    width:600px;    
}
.mobile .smallSlider .slides{
    width:600px;
}
.smallSlider{
    
   
    overflow-y:hidden;
    position: relative; 
    margin:0px;
    top: 0px;
    left: 0px; 
    width: 366px; 
    height: 244px; 
    overflow: hidden;
}
.show-all-but{
    
    display:inline-block;
    width:122px;
    height:24px;
    cursor:pointer;
    padding-top:7px;
    border:1px solid lightgray;
    font-size:15px;
    margin-top:20px;
    font-family:PT Sans;
    
}
.show-all-but:hover{
    border:1px solid #13a4c2;
}
.mobile .showall-button{
    width:80%;
    padding:15px;
}
#projDesc a{
    font-size:16px;
    display:none;
    line-height:10px;
    font-family: PT Sans;
}
#projDesc{
    margin-top:-45px;
    z-index:20;
    position:relative;
    line-height:18px;
}
#projDesc a:hover{
    text-decoration:underline;
}
@media(max-width:600px){
    .category-button, .showall-button{
        margin-left:10px;
        margin-right:10px;
        font-size:30px;
    }
    
}