/*
main color > BLACK          >   #414141
main color > GOLD           >   #c9ae83
main color > LIGHT GREY     >   #f2f2f2
*/


body{
    overflow-y: scroll !important;
    background:#FFFFFF; /* #f2f2f2 / #e8ebec / #ffe163, OLD GREEN COLOR #1E3B49 */
    border:none;
    padding:0px;
    margin:0px}
    
.change_orientation{
    display:none}
    
#mobile_menu{
    display:none}
    
.mobile_menu_icons{
    display:none}
    

.header0{
    width:100%;
    height:35px;
    float:left;
    background:#ececec}
    
.header0 .inner{
    width:calc(1400px - 60px);
    height:inherit;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;
    font-family:poppinsmedium;
    font-size:12px;
    color:#666666;
    line-height:35px;
    vertical-align:middle;
    letter-spacing:0.25px}

.header0 .inner .left{
    float:left;}
    
.header0 .inner .right{
    width:auto;
    height:inherit;
    float:right;}
    
.header0 .inner .right .item{
    width:auto;
    height:auto;
    float:left;
    text-decoration:none;
    font-family:poppinsmedium;
    font-size:12px;
    color:#666666;
    line-height:35px;
    vertical-align:middle;
    letter-spacing:0.25px;
    margin-left:30px;}
    
.header0 .inner .right .item:first-child{
    margin-left:0px}

.header1{
    width:100%;
    height:100px;
    float:left;
    background:#f8f8f8;}
    
.header1 .inner{
    width:calc(1400px - 60px);
    height:inherit;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}
    
.header1 .inner .logo{
    width:auto;
    height:inherit;
    float:left;}
    
.header1 .inner .logo img{
    width:auto;
    height:40px;
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%);}
    
.header1 .inner .cart{
    width:auto;
    height:inherit;
    float:right;}
    
.header1 .inner .cart .icon{
    width:auto;
    height:inherit;
    float:left;}
    
.header1 .inner .cart .icon img{
    width:30px;
    height:30px;
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%);}
    
.header1 .inner .cart .price{
    width:auto;
    height:inherit;
    float:left;
    font-family:poppinsmedium;
    font-size:16px;
    color:#414141;
    vertical-align:middle;
    line-height:100px;
    margin-left:15px;}
    
.overlay{
    width:100%;
    height:calc(100vh - 135px);
    float:left;
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:1100;
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.95) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.95) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.95) 100%);}
    
.overlay .box{
    width:auto;
    height:auto;
    float:left;
    position:absolute;
    bottom:100px;
    left:50%;
    transform:translateX(-50%);}
    
.overlay .text{
    width:calc(1400px - 60px);
    height:auto;
    float:left;
    padding-left:30px;
    padding-right:30px;
    left:50%;
    transform:translateX(-50%);
    position:relative;
    top:20vh;}
    
.overlay .text .line1{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsextrabold;
    font-size:115px;
    color:#f2f2f2;
    clear:both;
    text-transform:uppercase;
    opacity:1}
    
.overlay .text .line2{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsbold;
    font-size:95px;
    color:#f2f2f2;
    clear:both;
    margin-top:20px;
    opacity:0.9}
    
.overlay .box .button{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsmedium;
    font-size:20px;
    padding-left:25px;
    padding-right:25px;
    padding-top:15px;
    padding-bottom:15px;
    border-radius:1000px;
    text-decoration:none;
    margin-right:30px;}
    
.overlay .box .button:last-child{
    margin-right:0px}
    
.overlay .box .button.buy{
    background:transparent;
    color:#c9ae83;
    border:2px solid #c9ae83;
    font-family:poppinssemibold}
    
.overlay .box .button.buy:hover{
    background:#c9ae83;
    color:#f2f2f2;
    border:2px solid #c9ae83;}
    
.overlay .box .button.rent{
    background:transparent;
    color:#FFFFFF;
    border:2px solid #c9ae83;
    margin-left:30px}
    
#slideshow{
    width:100%;
    height:calc(100vh - 135px);
    float:left;
    position:relative;
    overflow:hidden;}

#slideshow img{
    width:100%;
    height:100%;
    float:left;
    position:absolute;
    object-fit:cover;
    z-index:1000} 
    
#slideshow :nth-of-type(1){
    animation-name:fader;
    animation-delay:5000ms;
    animation-duration:2000ms;
    z-index:20;}
  
#slideshow :nth-of-type(2){
    z-index:10;}
  
#slideshow :nth-of-type(n+3){
    display:none;}

@keyframes fader{
    from{opacity:1.0; }
    to {opacity:0.0; }} 
    
    
.panel1{
    width:100%;
    height:auto;
    float:left;
    background:grey;}
    
.panel1 .image{
    width:calc(100% / 2);
    height:50vh;
    float:left;
    padding-bottom:50%}
    
.panel1 .image img{
    width:100%;
    height:100%;
    float:left;
    object-fit:cover}
    
    
.container{
    width:100%;
    min-height:800px;
    float:left;}
    
.container .inner{
    width:calc(1400px - 60px);
    height:inherit;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}
    
.container .inner .heading1{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsbold;
    font-size:30px;
    color:#414141;
    text-align:center;
    margin-top:30px;
    margin-bottom:30px}

.container .inner .products{
    width:100%;
    height:auto;
    float:left;
    margin-top:60px}
    
.container .inner .products .product{
    width:calc((100% - 120px) / 3);
    height:710px;
    float:left;
    background:#f2f2f2;
    margin-right:60px;
    margin-top:60px;
    position:relative}
    
.container .inner .products .product:nth-child(3n){
    margin-right:0px;}
    
.container .inner .products .product:nth-child(-n+3){
    margin-top:0px}
    
.container .inner .products .product .image{
    width:100%;
    height:auto;
    float:left;
    position:relative}
    
.container .inner .products .product .image img{
    width:100%;
    height:auto;
    float:left;}
    
.container .inner .products .product .image .variants{
    width:auto;
    height:auto;
    float:left;
    position:absolute;
    bottom:20px;
    left:20px;
    background:#FFFFFF;
    border-radius:1000px;
    border:1px solid #ececec;
    z-index:1100}
    
.container .inner .products .product .image .variants .text{
    width:auto;
    height:auto;
    float:left;
    padding-left:13px;
    padding-right:13px;
    padding-top:6px;
    padding-bottom:6px;
    font-family:poppinsregular;
    color:#414141;
    font-size:14px;
    border-radius:1000px}
    
.container .inner .products .product .image .variants .variant{
    width:18px;
    height:18px;
    float:left;
    border-radius:1000px;
    margin-top:4px;
    margin-bottom:4px;
    margin-right:4px;
    overflow:hidden;}
    
.container .inner .products .product .image .variants .variant:last-child{
    margin-right:4px;} 
    
.container .inner .products .product .image .variants .variant img{
    width:100%;
    height:100%;
    float:left;
    object-fit:cover;}
    
.container .inner .products .product .image .variants .variant.variant2{
    width:16px;
    height:16px;
    border:1px solid #c9ae83}
    
.container .inner .products .product .image .availability{
    width:auto;
    height:auto;
    float:left;
    position:absolute;
    bottom:20px;
    right:20px;
    border-radius:1000px;
    padding-left:13px;
    padding-right:13px;
    padding-top:6px;
    padding-bottom:6px;
    font-family:poppinsregular;
    font-size:14px;
    z-index:1100}  
    
.container .inner .products .product .image .availability.instock{
    background:#009a49;
    color:#FFFFFF;
    border:1px solid #009a49}
    
.container .inner .products .product .image .availability.inproduction{
    background:#fdb913;
    color:#414141;
    border:1px solid #fdb913}
    
.container .inner .products .product .image .availability.outofstock{
    background:#d62d20;
    color:#FFFFFF;
    border:1px solid #d62d20}
    
.container .inner .products .product .image .overlay{
    width:100%;
    height:83px;
    float:left;
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:1000;
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 25%, rgba(0,0,0,0.95) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 25%, rgba(0,0,0,0.95) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 25%, rgba(0,0,0,0.95) 100%);}
    
.container .inner .products .product .name{
    width:calc(100% - 30px);
    height:auto;
    float:left;
    font-family:poppinssemibold;
    font-size:20px;
    color:#414141;
    padding-left:15px;
    padding-right:15px;
    margin-top:25px;
    text-align:center;}
    
.container .inner .products .product .price{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinssemibold;
    font-size:18px;
    color:#414141;
    padding-top:5px;
    padding-bottom:5px;
    margin-top:30px;
    margin-bottom:15px;
    margin-left:20px}
    
.container .inner .products .product .button{
    width:auto;
    height:auto;
    float:right;
    font-family:poppinsregular;
    font-size:14px;
    color:#FFFFFF;
    padding-left:13px;
    padding-right:13px;
    padding-top:6px;
    padding-bottom:6px;
    margin-top:30px;
    margin-bottom:15px;
    margin-right:20px;
    background:#c9ae83;
    border:1px solid #c9ae83;}
    
.container .inner .products .product .button:hover{
    border:1px solid #d3be9b;
    background:#d3be9b}
    
.container .inner .products .product .description{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    padding-left:20px;
    padding-right:20px;
    font-family:poppinsregular;
    font-size:14px;
    color:#a0a0a0;
    line-height:21px;
    margin-bottom:15px;
    margin-top:15px;
    position:absolute;
    bottom:0px;
    left:0px;}
    
    
    
/* navigace u produktů */  
.container3{
    width:100%;
    height:40px;
    float:left;
    background:#FFFFFF;
    border-bottom:1px solid #e9e9e9;
    border-top:1px solid #e9e9e9}
    
.container3 .navigation{
    width:calc(1400px - 60px);
    height:inherit;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}   
    
.container3 .navigation .icon{
    width:auto;
    height:inherit;
    float:left;
    margin-left:0px;}
    
.container3 .navigation .icon img{
    width:24px;
    height:24px;
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%);}
    
.container3 .navigation .item{
    width:auto;
    height:inherit;
    float:left;
    font-family:poppinsmedium;
    font-size:13px;
    color:#a0a0a0;
    line-height:40px;
    vertical-align:middle;
    margin-left:15px;
    text-decoration:none}
    
.container3 .navigation .item:nth-child(4),
.container3 .navigation .item:nth-child(6){
    margin-left:0px}
    
.container3 .navigation .item:hover{
    color:#545454}
    
.container3 .navigation .chevron{
    width:auto;
    height:inherit;
    float:left;
    padding-left:10px;
    padding-right:10px;}
    
.container3 .navigation .chevron img{
    width:20px;
    height:20px;
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%);}
/* konec - navigace u produktů */


/* PRODUKTOVÁ STRÁNKA */

.container2{
    width:100%;
    height:auto;
    float:left;
    background:#f2f2f2;}
    
.container2 .inner{
    width:calc(1400px - 60px);
    height:auto;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}
    
.container2 .inner form{
    margin-block-end:0px;}

.container2 .inner .productpage{
    width:100%;
    height:auto;
    float:left;
    padding-top:60px;
    padding-bottom:60px;}
    
.container2 .inner .productpage .mainphoto{
    width:calc((100% / 2) - 100px);
    height:auto;
    float:left;
    cursor:pointer}
    
.container2 .inner .productpage .mainphoto img{
    width:100%;
    height:auto;
    float:left;}
    
.container2 .inner .productpage .panel{
    width:calc((100% / 2));
    height:auto;
    float:left;
    margin-left:100px;}
    
.container2 .inner .productpage .panel .name{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinssemibold;
    font-size:30px;
    color:#414141}
    
.container2 .inner .productpage .panel .price{
    width:100%;
    height:auto;
    float:left;
    margin-top:60px;
    font-family:poppinssemibold;
    font-size:30px;
    color:#414141}
    
.container2 .inner .productpage .panel .price2{
    width:100%;
    height:auto;
    float:left;
    margin-top:5px;
    font-family:poppinsregular;
    font-size:15px;
    color:#a0a0a0}
    
.container2 .inner .productpage .panel .availability{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:14px;
    padding-left:14px;
    padding-right:14px;
    padding-top:7px;
    padding-bottom:7px;
    clear:right;
    border-radius:1000px;
    border:1px solid #d9d9d9;
    color:#414141;}
    
.container2 .inner .productpage .panel .availability.instock{
    color:#FFFFFF;
    background:#009a49;
    border:1px solid #F6F6F6}
    
.container2 .inner .productpage .panel .availability.inproduction{
    color:#414141;
    background:#fdb913;
    border:1px solid #F6F6F6}
    
.container2 .inner .productpage .panel .availability.outofstock{
    color:#FFFFFF;
    background:#d62d20;
    border:1px solid #F6F6F6}
    
.container2 .inner .productpage .panel .box{
    width:100%;
    height:auto;
    float:left;
    margin-top:30px;}
    
.container2 .inner .productpage .panel .box .input{
    width:50px;
    height:36px;
    float:left;
    border:none;
    outline:none;
    font-family:robotomedium;
    font-size:16px;
    text-align:center;
    color:#414141;
    border-left:1px solid #d4d4d4;
    border-top:1px solid #d4d4d4;
    border-bottom:1px solid #d4d4d4}
    
.container2 .inner .productpage .panel .box .input::-webkit-outer-spin-button,
.container2 .inner .productpage .panel .box .input::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;}
    
.container2 .inner .productpage .panel .box .input[type="number"]{
    -moz-appearance:textfield;}
    
.container2 .inner .productpage .panel .box .button{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:16px;
    color:#FFFFFF;
    background:#c9ae83;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;   
    padding-bottom:10px;
    cursor:pointer;
    border:none;
    outline:none;}
    
.container2 .inner .productpage .panel .box .button:hover{
    background:#d3be9b}
    
.container2 .inner .productpage .panel .description{
    width:calc(100% - 100px);
    height:auto;
    float:left;
    font-family:poppinsregular;
    margin-top:30px;
    font-size:16px;
    color:#a0a0a0;
    line-height:24px}

.container2 .inner .productpage .gallery{
    width:100%;
    height:auto;
    float:left;}
    
.container2 .inner .productpage .gallery .image{
    width:calc((100% - 180px) / 10);
    height:100px;
    float:left;
    margin-right:20px;
    margin-top:20px;
    cursor:pointer;
    transition:ease-out 200ms;
    -webkit-transition:ease-out 200ms;
    -moz-transition:ease-out 200ms;}
    
.container2 .inner .productpage .gallery .image img{
    width:100%;
    height:100%;
    float:left;
    object-fit:cover}  
    
.container2 .inner .productpage .gallery .image:nth-child(10n){
    margin-right:0px;}
    
.container2 .inner .productpage .gallery .image:nth-child(-n+10){
    margin-top:60px;}
    
.container2 .inner .productpage .gallery .image:hover{
    transform:scale(1.1);}
    
.container2 .inner .productpage .panel .label{
    width:calc((100% - 60px) / 4);
    height:auto;
    float:left;
    margin-right:20px;
    margin-top:30px;
    font-family:poppinsmedium;
    font-size:14px;
    color:#414141;
    cursor:pointer}
    
.container2 .inner .productpage .panel .label:nth-child(4n){
    margin-right:0px;}
    
.container2 .inner .productpage .panel .label:last-child{
    margin-right:0px}
    
.container2 .inner .productpage .panel input[type=radio]{ 
    position:absolute;
    opacity:0;
    width:0;
    height:0;}
  
.container2 .inner .productpage .panel input[type=radio] + .variant{
    width:calc(100% - 2px);
    height:calc(55px + 10px);
    float:left;  
    cursor: pointer;
    border:1px solid #d9d9d9;
    background:#FFFFFF;
    margin-top:10px;}   
    
.container2 .inner .productpage .panel input[type=radio] + .variant img{
    width:calc(100% - 10px);
    height:calc(100% - 10px);
    float:left;
    object-fit:cover;
    margin:5px}
    
.container2 .inner .productpage .panel input[type=radio] + .variant .color{
    width:calc(100% - 10px);
    height:calc(100% - 10px);
    float:left;
    margin:5px}
    
.container2 .inner .productpage .panel input[type=radio]:checked + .variant{
    outline:none;
    border:1px solid #c9ae83;}
    
.container4{
    width:100%;
    height:auto;
    float:left;
    margin-top:60px;}
    
.container4 .inner{
    width:calc(1400px - 60px);
    height:inherit;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}
    
.container4 .inner .left{
    width:calc(((100% / 10) * 7) - 200px);
    height:auto;
    float:left;}
    
.container4 .inner .left .head{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinssemibold;
    font-size:20px;
    color:#414141}
    
.container4 .inner .left .description{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:16px;
    color:#a0a0a0;
    margin-top:15px;
    line-height:24px;}
    
.container4 .inner .right{
    width:calc((100% / 10) * 3);
    height:auto;
    float:left;
    margin-left:200px;}
    
.container4 .inner .right .head{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinssemibold;
    font-size:20px;
    color:#414141}
    
.container4 .inner .right .item{
    width:100%;
    height:auto;
    float:left;
    border-bottom:1px solid #ececec}
    
.container4 .inner .right .item:nth-child(2){
    margin-top:15px;}
    
.container4 .inner .right .item:last-child{
    border-bottom:none}
    
.container4 .inner .right .item .box1{
    width:auto;
    height:auto;
    float:left;
    padding-left:15px;
    padding-top:10px;
    padding-bottom:10px;
    font-family:poppinsregular;
    font-size:14px;
    color:#a0a0a0}
    
.container4 .inner .right .item .box2,
.container4 .inner .right .item .box3{
    width:auto;
    height:auto;
    float:right;
    padding-right:15px;
    padding-top:10px;
    padding-bottom:10px;
    font-family:poppinssemibold;
    font-size:14px;
    color:#414141}
    
.container4 .inner .right .item .box3{
    padding-top:0px;
    padding-bottom:0px;
    line-height:34px;
    vertical-align:middle;
    text-decoration:none;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.container4 .inner .right .item .box3:hover{
    color:#666666}
    
.container4 .inner .right .item .box3 .icon{
    width:20px;
    height:20px;
    float:left;
    margin-top:7px;
    margin-bottom:7px;
    margin-right:5px;}
    
.container4 .inner .right .item .box3 .icon img{
    width:100%;
    height:100%;
    float:left;}
    
    
    
.container .inner .cartpage{
    width:100%;
    height:auto;
    float:left;
    margin-top:30px;}
    
.container .inner .cartpage form{
    margin-block-end:0px}
    
.container .inner .cartpage .product{
    width:calc(100% - 2px);
    height:115px;
    float:left;
    border-left:1px solid #ececec;
    border-right:1px solid #ececec;
    border-top:1px solid #ececec;}
    
.container .inner .cartpage .product:nth-last-child(3){
    border-bottom:1px solid #ececec}
    
.container .inner .cartpage .product .image{
    width:75px;
    height:75px;
    float:left;
    margin:20px;
    margin-left:20px}
    
.container .inner .cartpage .product .image img{
    width:100%;
    height:100%;
    float:left;
    object-fit:cover}
    
.container .inner .cartpage .product .name{
    width:450px;
    height:115px;
    float:left;
    vertical-align:middle;
    line-height:115px;
    font-family:poppinsmedium;
    font-size:16px;
    color:#414141;
    text-decoration:none}
    
.container .inner .cartpage .product .availability{
    width:150px;
    height:115px;
    float:left;
    text-decoration:none}
    
.container .inner .cartpage .product .availability .box{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:14px;
    padding-left:14px;
    padding-right:14px;
    padding-top:7px;
    padding-bottom:7px;
    border-radius:1000px;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    position:relative}
    
.container .inner .cartpage .product .availability .box.instock{
    color:#FFFFFF;
    background:#009901;}
    
.container .inner .cartpage .product .availability .box.inproduction{
    color:#414141;
    background:#fdb913;}
    
.container .inner .cartpage .product .availability .box.outofstock{
    color:#FFFFFF;
    background:#d62d20;}
    
.container .inner .cartpage .product .price,
.container .inner .cartpage .product .price2{
    width:150px;
    height:115px;
    float:left;
    vertical-align:middle;
    line-height:115px;
    font-family:poppinsmedium;
    font-size:16px;
    color:#8d8d8d;
    text-align:right}
    
.container .inner .cartpage .product .price2{
    color:#414141;}
    
.container .inner .cartpage .product .amount{
    width:75px;
    height:36px;
    float:left;
    border:1px solid #eaebeb;
    position:relative;
    transform:translateY(-50%);
    top:50%;
    font-family:robotomedium;
    font-size:16px;
    color:#414141;
    text-align:center;
    outline:none;
    margin-left:65px;
    margin-right:30px;}
    
.container .inner .cartpage .product .amount::-webkit-outer-spin-button,
.container .inner .cartpage .product .amount::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin:0px;}
    
.container .inner .cartpage .product .amount[type="number"]{
    -moz-appearance:textfield;}
    
.container .inner .cartpage .product .delete{
    width:35px;
    height:35px;
    float:right;
    margin-right:20px;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    border-radius:1000px;
    border:1px solid #FFFFFF;
    transition:ease-out 200ms;
    -webkit-transition:ease-out 200ms;
    -moz-transition:ease-out 200ms;
    cursor:pointer;
    z-index:900}
    
.container .inner .cartpage .product .delete:hover{
    border:1px solid #ececec;
    background:#ececec;}
    
.container .inner .cartpage .product .delete img{
    width:22px;
    height:22px;
    float:left;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    position:relative;}
    
.container .inner .cartpage .product .delete .button{
    width:100%;
    height:100%;
    float:left;
    position:absolute;
    opacity:0;
    z-index:1000;
    cursor:pointer}
    
.container .inner .cartpage .box{
    width:auto;
    height:auto;
    float:right}
    
.container .inner .cartpage .box .recalculate,
.container .inner .cartpage .recalculate{
    width:auto;
    height:auto;
    float:left;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    background:#414141;
    color:#FFFFFF;
    font-family:poppinsregular;
    font-size:16px;
    margin-top:30px;
    border:none;
    outline:none;
    cursor:pointer;
    margin-right:30px;}
    
.container .inner .cartpage .box .recalculate:hover,
.container .inner .cartpage .recalculate:hover{
    background:#666666}
    
.container .inner .cartpage .box .button{
    width:auto;
    height:auto;
    float:left;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    background:#c9ae83;
    color:#FFFFFF;
    font-family:poppinsregular;
    font-size:16px;
    margin-top:30px;
    text-decoration:none}
    
.container .inner .cartpage .box .button:hover{
    background:#d3be9b}
    
.container .inner .empty_cart{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:20px;
    margin-top:100px;
    margin-bottom:100px;
    text-align:center;
    color:#a0a0a0;}
    
    
    
.container .inner .invoicing{
    width:calc(1400px - 400px);
    height:auto;
    float:left;
    padding-left:200px;
    padding-right:200px;
    margin-top:60px;
    margin-block-end:0px;}
    
.container .inner .invoicing .box{
    width:100%;
    height:auto;
    float:left;
    margin-top:60px;
    position:relative}
    
.container .inner .invoicing .box:first-child{
    margin-top:0px;}
    
.container .inner .invoicing .box .subheading{
    width:calc(100% - 30px);
    height:24px;
    float:left;
    font-family:poppinsmedium;
    font-size:16px;
    color:#414141;
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid #ececec;
    line-height:24px;
    vertical-align:middle;}
    
.container .inner .invoicing .box .subheading .icon{
    width:24px;
    height:24px;
    float:left;
    margin-right:15px;}
    
.container .inner .invoicing .box .subheading .icon img{
    width:100%;
    height:100%;
    float:left}
    
.container .inner .invoicing .box .line{
    width:calc(100% - 30px);
    height:auto;
    float:left;
    padding-left:15px;
    padding-right:15px;
    margin-top:30px}
    
.container .inner .invoicing .box .line .label{
    width:300px;
    height:40px;
    float:left;
    font-family:poppinsmedium;
    font-size:14px;
    color:#a0a0a0;
    line-height:40px;
    vertical-align:middle}
    
.container .inner .invoicing .box .line .label .required{
    color:#d62d20}
    
.container .inner .invoicing .box .line .order_input{
    width:300px;
    height:40px;
    float:left;
    border:1px solid #ececec;
    outline:none;
    padding-left:15px;
    padding-right:15px;
    font-family:robotomedium;
    font-size:14px;
    color:#414141;
    transition:ease-out 200ms;
    -webkit-transition:ease-out 200ms;
    -moz-transition:ease-out 200ms;}
    
.container .inner .invoicing .box .line .order_input:focus{
    border:1px solid #c9ae83;}
    
.container .inner .invoicing .box .line .textarea{
    width:calc(100% - 400px + 15px + 15px);
    height:200px;
    float:left;
    border:1px solid #ececec;
    clear:both;
    margin-top:10px;
    outline:none;
    font-family:robotomedium;
    font-size:14px;
    color:#414141;
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
    padding-bottom:10px;
    transition:ease-out 200ms;
    -webkit-transition:ease-out 200ms;
    -moz-transition:ease-out 200ms;}
    
.container .inner .invoicing .box .line .textarea:focus{
    border:1px solid #c9ae83}
    
/* CHECKBOX */

.container .inner .invoicing .box .line2,
.container .inner .invoicing .foot .line2{
    width:calc(100% - 52px);
    height:22px;
    float:left;
    margin-top:30px;
    padding-left:52px;
    position:relative;
    font-family:poppinsmedium;
    font-size:14px;
    color:#a0a0a0;
    line-height:22px;
    vertical-align:middle;
    cursor:pointer}
    
.container .inner .invoicing .foot .line2 .term_link{
    text-decoration:none;
    color:#414141;
    font-family:poppinssemibold;
    outline:none;
    border:none}
    
.container .inner .invoicing .box .line2 input,
.container .inner .invoicing .foot .line2 input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0;}
    
.container .inner .invoicing .box .line2 .checkmark,
.container .inner .invoicing .foot .line2 .checkmark{
    position:absolute;
    top:0;
    left:15px;
    height:20px;
    width:20px;
    background:#FFFFFF;
    border:1px solid #ececec;}
    
.container .inner .invoicing .box .line2 .checkmark:hover,
.container .inner .invoicing .foot .line2 .checkmark:hover{
    background:#ececec;}
    
.container .inner .invoicing .box .line2 input:checked ~ .checkmark,
.container .inner .invoicing .foot .line2 input:checked ~ .checkmark{
    background:#c9ae83;}
    
.container .inner .invoicing .box .line2 .checkmark:after,
.container .inner .invoicing .foot .line2 .checkmark:after{
    content:"";
    position:absolute;
    display:none;}
    
.container .inner .invoicing .box .line2 input:checked ~ .checkmark:after,
.container .inner .invoicing .foot .line2 input:checked ~ .checkmark:after{
    display:block;}
    
.container .inner .invoicing .box .line2 .checkmark:after,
.container .inner .invoicing .foot .line2 .checkmark:after{
    width:5px;
    height:10px;
    float:left;
    top:50%;
    left:50%;
    position:relative;
    border:solid #FFFFFF;
    border-width:0 2px 2px 0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:translate(-50%, -65%) rotate(45deg);}

/* END OF CHECKBOX */

/* RADIOBUTTON */
.container .inner .invoicing .box .line3{
    width:calc(100% - 52px - 400px + 15px);
    height:auto;
    float:left;
    position:relative;
    margin-top:30px;
    font-family:poppinsmedium;
    font-size:14px;
    color:#a0a0a0;
    padding-left:52px;
    line-height:22px;
    vertical-align:middle;
    cursor:pointer} 

.container .inner .invoicing .box .line3 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;}
    
.container .inner .invoicing .box .line3 .disabled_cod{
    display:none}

.container .inner .invoicing .box .line3 .radio_checkmark {
    position: absolute;
    top:0;
    left:15px;
    height:20px;
    width:20px;
    background-color: #FFFFFF;
    border-radius: 50%;
    border:1px solid #ececec;}

.container .inner .invoicing .box .line3:hover input ~ .radio_checkmark {
    background-color:#ececec;}

.container .inner .invoicing .box .line3 input:checked ~ .radio_checkmark {
    background-color:#c9ae83;}

.container .inner .invoicing .box .line3 .radio_checkmark:after {
    content:"";
    position:absolute;
    display:none;}

.container .inner .invoicing .box .line3 input:checked ~ .radio_checkmark:after {
    display:block;}

.container .inner .invoicing .box .line3 .radio_checkmark:after {
 	top:6px;
	left:6px;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#FFFFFF;}   
    
.container .inner .invoicing .box .line3 .shipping_price{
    width:auto;
    height:22px;
    float:right;}
    
.container .inner .invoicing .box .line3 .shipping_price .green{
    color:#009a49}
    
.container .inner .invoicing .box .line3 .icon_2{
    width:auto;
    height:22px;
    float:left;}
    
.container .inner .invoicing .box .line3 .icon_2#gls1{
    width:auto;
    height:18px;
    float:left;
    margin-top:2px}
    
.container .inner .invoicing .box .line3 .icon_2 img{
    width:auto;
    height:100%;
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%);}
/* END OF RADIOBUTTON */

.container .inner .invoicing .price{
    width:100%;
    height:auto;
    float:left;
    border-top:1px solid #ececec;
    margin-top:60px}
    
.container .inner .invoicing .price .box{
    width:calc(100% - 400px);
    height:auto;
    float:left;
    padding-left:15px;
    padding-right:15px;
    margin-top:30px;}
    
.container .inner .invoicing .price .box .text{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinssemibold;
    font-size:20px;
    color:#414141}
    
.container .inner .invoicing .price .box .number{
    width:auto;
    height:auto;
    float:right;
    font-family:poppinssemibold;
    font-size:20px;
    color:#414141}

.container .inner .invoicing .foot{
    width:100%;
    height:auto;
    float:left;
    margin-top:30px;
    border-top:1px solid #ececec}
    
.container .inner .invoicing .foot .button_box{
    width:auto;
    height:auto;
    float:right;
    margin-top:30px}
    
.container .inner .invoicing .foot .button_box .recalculate{
    width:auto;
    height:auto;
    float:left;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    background:#414141;
    color:#FFFFFF;
    font-family:poppinsregular;
    font-size:16px;
    margin-top:0px;
    border:none;
    outline:none;
    cursor:pointer;
    margin-right:30px;
    text-decoration:none}
    
.container .inner .invoicing .foot .button_box .recalculate:hover{
    background:#666666}
    
.container .inner .invoicing .foot .button_box .place_order{
    width:auto;
    height:auto;
    float:right;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    background:#c9ae83;
    color:#FFFFFF;
    font-family:poppinsregular;
    font-size:16px;
    margin-top:0px;
    border:none;
    outline:none;
    cursor:pointer;
    margin-right:0px;
    text-decoration:none}
    
.container .inner .invoicing .foot .button_box .place_order:hover{
    background:#d3be9b}
    
.container .inner .panel{
    width:100%;
    height:auto;
    float:left;
    margin-top:30px;}
    
.container .inner .panel .box{
    width:calc((100% - 100px) / 2);
    height:auto;
    float:left;}
    
.container .inner .panel .box:last-child{
    margin-left:100px;}
    
.container .inner .panel .box .head{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsbold;
    font-size:20px;
    color:#414141}
    
.container .inner .panel .box .half{
    width:calc(100% / 2);
    height:auto;
    float:left;}
    
.container .inner .panel .box .third{
    width:calc(100% / 3);
    height:auto;
    float:left;}
    
.container .inner .panel .box .item_head,
.container .inner .panel .box .half .item_head,
.container .inner .panel .box .third .item_head{
    width:calc(100% - 30px);
    height:auto;
    float:left;
    font-family:poppinssemibold;
    font-size:16px;
    color:#414141;
    margin-top:20px;
    padding-left:15px;
    padding-right:15px;}
    
.container .inner .panel .box .item_content,
.container .inner .panel .box .half .item_content,
.container .inner .panel .box .third .item_content{
    width:calc(100% - 30px);
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:16px;
    color:#a0a0a0;
    margin-top:5px;
    padding-left:15px;
    padding-right:15px;
    text-decoration:none} 
    
.container .inner .panel .item_content:last-child{
    margin-top:40px;
    line-height:24px}
    
.container .inner .map{
    width:100%;
    height:500px;
    float:left;
    margin-top:60px}
    
    
.container_op{
    width:100%;
    height:auto;
    float:left;
    margin-top:30px;}
    
.container_op .inner{
    width:calc(1400px - 500px);
    height:auto;
    margin:0 auto;
    padding-left:250px;
    padding-right:250px}
    
.container_op .inner .heading1{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsbold;
    font-size:30px;
    color:#414141;
    text-align:center;
    margin-top:30px;
    margin-bottom:30px}
    
.container_op .inner .terms{
    width:100%;
    height:auto;
    float:left;}
    
.container_op .inner .terms .head{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsbold;
    font-size:16px;
    color:#414141;
    margin-top:30px}
    
.container_op .inner .terms .text{
    width:calc(100% - 30px);
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:14px;
    color:#a0a0a0;
    margin-top:15px;
    line-height:21px;
    padding-left:30px}
    
.container_op .inner .terms .list{
    width:calc(100% - 120px);
    height:auto;
    float:left;
    padding-left:60px;
    padding-right:60px;
    list-style-type:square;
    padding-inline-start:60px;
    margin-top:0px;
    margin-bottom:0px;}
    
.container_op .inner .terms .list .item{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:14px;
    color:#a0a0a0;
    margin-top:5px;
    line-height:21px;}
    
    
/* START - REKAPITULACE */
.container .inner .recapitulation{
    width:calc(1400px - 400px);
    height:auto;
    float:left;
    padding-left:200px;
    padding-right:200px;
    margin-top:60px;}
    
.container .inner .recapitulation .status{
    width:calc(100% - 2px);
    height:auto;
    float:left;
    border:1px solid #ececec;}
    
.container .inner .recapitulation .status .left{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsmedium;
    font-size:14px;
    color:#a0a0a0;
    margin-top:7px;
    margin-bottom:7px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:15px;}
    
.container .inner .recapitulation .status .right{
    width:auto;
    height:auto;
    float:right;
    font-family:poppinsmedium;
    font-size:14px;
    padding-top:7px;
    padding-bottom:7px;
    padding-right:14px;
    padding-left:14px;
    border-radius:1000px;
    margin-top:10px;
    margin-bottom:10px;
    margin-right:10px;}
    
.container .inner .recapitulation .status .right.grey{
    background:#f2f2f2;
    color:#414141;}
    
.container .inner .recapitulation .status .right.orange{
    background:#fdb913;
    color:#414141;}
    
.container .inner .recapitulation .status .right.green{
    background:#009901;
    color:#FFFFFF;}
    
.container .inner .recapitulation .status .right.black{
    background:#353839;
    color:#FFFFFF;}

.container .inner .recapitulation .info{
    width:100%;
    height:auto;
    float:left;
    margin-top:60px;} 
    
.container .inner .recapitulation .info .panel{
    width:calc((100% - 60px) / 3);
    height:auto;
    float:left;
    margin-right:30px;
    margin-top:0px;}  
    
.container .inner .recapitulation .info .panel:last-child{
    margin-right:0px;}
    
.container .inner .recapitulation .info .panel .head{
    width:calc(100% - 30px);
    height:auto;
    float:left;
    padding-left:15px;
    padding-right:15px;
    font-family:poppinssemibold;
    font-size:20px;
    color:#414141}
    
.container .inner .recapitulation .info .panel .subhead{
    width:calc(100% - 30px);
    height:auto;
    float:left;
    padding-left:15px;
    padding-right:15px;
    font-family:poppinssemibold;
    font-size:16px;
    color:#414141;
    margin-top:30px;}
    
.container .inner .recapitulation .info .panel .content{
    width:calc(100% - 30px);
    height:auto;
    float:left;
    padding-left:15px;
    padding-right:15px;
    font-family:poppinsregular;
    font-size:14px;
    color:#a0a0a0;
    margin-top:5px;}
    
.container .inner .recapitulation .info .panel .content2{
    width:calc(100% - 30px);
    height:auto;
    float:left;
    padding-left:15px;
    padding-right:15px;
    font-family:poppinsregular;
    font-size:14px;
    color:#a0a0a0;
    margin-top:5px;
    line-height:21px}
    
.container .inner .recapitulation .info .panel .qrcode{
    width:calc((100% - 2px - 15px) / 2);
    height:auto;
    float:left;
    border:1px solid #ececec;
    margin-top:10px;
    margin-left:15px;}
    
.container .inner .recapitulation .info .panel .qrcode img{
    width:100%;
    height:auto;
    float:left;
    image-rendering:pixelated;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale}
    
.container .inner .recapitulation .productsbox{
    width:100%;
    height:auto;
    float:left;
    margin-top:60px;}
    
.container .inner .recapitulation .productsbox .product{
    width:calc(100% - 2px);
    height:105px;
    float:left;
    border-top:1px solid #ececec;
    border-left:1px solid #ececec;
    border-right:1px solid #ececec}
    
.container .inner .recapitulation .productsbox .product:last-child{
    border-bottom:1px solid #ececec;
    background:#F2F2F2;}
    
.container .inner .recapitulation .productsbox .product:nth-last-child(-n+3){
    height:auto;}
    
.container .inner .recapitulation .productsbox .product .image{
    width:75px;
    height:75px;
    float:left;
    margin:15px;
    margin-left:20px;}
    
.container .inner .recapitulation .productsbox .product .image img{
    width:100%;
    height:100%;
    float:left;
    object-fit:cover;}
    
.container .inner .recapitulation .productsbox .product .name{
    width:400px;
    height:auto;
    float:left;
    font-family:poppinsmedium;
    font-size:16px;
    color:#414141;
    line-height:105px;
    vertical-align:middle}
    
.container .inner .recapitulation .productsbox .product .price,
.container .inner .recapitulation .productsbox .product .price2{
    width:150px;
    height:auto;
    float:left;
    font-family:poppinsmedium;
    font-size:16px;
    color:#8d8d8d;
    line-height:105px;
    vertical-align:middle;
    text-align:right}
    
.container .inner .recapitulation .productsbox .product .price2{
    color:#414141}
    
.container .inner .recapitulation .productsbox .product .amount{
    width:75px;
    height:36px;
    float:left;
    border:1px solid #eaebeb;
    position:relative;
    transform:translateY(-50%);
    top:50%;
    font-family:robotomedium;
    font-size:16px;
    color:#414141;
    text-align:center;
    outline:none;
    margin-left:65px;
    margin-right:30px;}
    
.container .inner .recapitulation .productsbox .product .amount::-webkit-outer-spin-button,
.container .inner .recapitulation .productsbox .product .amount::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin:0px;}
    
.container .inner .recapitulation .productsbox .product .amount[type="number"]{
    -moz-appearance:textfield;}
    
.container .inner .recapitulation .productsbox .product .shipping{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsmedium;
    font-size:16px;
    color:#414141;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:20px;}
    
.container .inner .recapitulation .productsbox .product:last-child .shipping{
    font-family:poppinssemibold}
    
.container .inner .recapitulation .productsbox .product .shipping_price{
    width:auto;
    height:auto;
    float:right;
    font-family:poppinsmedium;
    font-size:16px;
    color:#414141;
    padding-top:15px;
    padding-bottom:15px;
    padding-right:20px;}
    
.container .inner .recapitulation .productsbox .product:last-child .shipping_price{
    font-family:poppinssemibold}
    
.container .inner .recapitulation .productsbox .product .shipping_price .green{
    color:#009901}
/* KONEC - REKAPITULACE */

.container5{
    width:100%;
    height:auto;
    float:left;
    background:#f2f2f2}
    
.container5 .inner{
    width:calc(1400px - 60px);
    height:inherit;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}

.container5 .inner .references{
    width:100%;
    height:auto;
    float:left;
    margin-top:60px;
    margin-bottom:60px;}
    
.container5 .inner .references .head{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsbold;
    font-size:30px;
    color:#414141;
    text-align:center}

.container5 .inner .references .subhead{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:20px;
    color:#a0a0a0;
    text-align:center;
    margin-top:15px}
    
.container5 .inner .references .box{
    width:100%;
    height:auto;
    float:left;
    margin-top:40px;}
    
.container5 .inner .references .box .item{
    width:calc((100% - 150px) / 6);
    height:0px;
    float:left;
    margin-right:30px;
    margin-top:30px;
    padding-bottom:calc((100% - 150px) / 6);
    position:relative;}
    
.container5 .inner .references .box .item:nth-child(6n){
    margin-right:0px;}
    
.container5 .inner .references .box .item:nth-child(-n+6){
    margin-top:0px;}

.container5 .inner .references .box .item .image{
    width:100%;
    height:100%;
    float:left;
    position:absolute;
    cursor:pointer;
    transition:ease-out 200ms;
    -webkit-transition:ease-out 200ms;
    -moz-transition:ease-out 200ms;}
    
.container5 .inner .references .box .item .image:hover{
    transform:scale(1.1);}
    
.container5 .inner .references .box .item .image img{
    width:100%;
    height:100%;
    float:left;
    object-fit:cover}
    
.container5 .inner .references .box .button{
    width:calc((100% - 150px) / 6);
    height:0px;
    float:left;
    margin-right:30px;
    margin-top:30px;
    padding-bottom:calc((100% - 150px) / 6);
    position:relative;}
    
.container5 .inner .references .box .button .inner{
    width:100%;
    height:100%;
    float:left;
    position:absolute;
    padding:0px;
    margin:0px}
    
.container5 .inner .references .box .button .inner .text{
    width:auto;
    height:auto;
    float:left;
    color:#c9ae83;
    font-family:poppinssemibold;
    font-size:20px;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    position:relative;
    border:2px solid #c9ae83;
    padding-left:25px;
    padding-right:25px;
    padding-top:15px;
    padding-bottom:15px;
    border-radius:1000px;
    cursor:pointer;
    text-decoration:none}
    
.container5 .inner .references .box .button .inner .text:hover{
    background:#c9ae83;
    color:#FFFFFF}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
.footer1{
    width:100%;
    height:auto;
    float:left;
    background:#414141;
    margin-top:60px;}
    
.footer1 .inner{
    width:calc(1400px - 60px);
    height:inherit;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}  
    
.footer1 .inner .heading_1{
    width:100%;
    height:auto;
    float:left;
    border-bottom:1px solid #545454} 
    
.footer1 .inner .heading_1 .logo{
    width:auto;
    height:45px;
    float:left;
    margin-bottom:50px;
    margin-top:50px;}
    
.footer1 .inner .heading_1 .logo img{
    width:auto;
    height:100%;
    float:left;}
    
.footer1 .inner .panel{
    width:calc((100% - 50px) / 2);
    height:auto;
    float:left;}
    
.footer1 .inner .panel:last-child{
    margin-left:50px;}
    
.footer1 .inner .panel .text{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:14px;
    color:#c6c6c6;
    margin-top:50px;
    line-height:21px}
    
.footer1 .inner .panel .contacts{
    width:100%;
    height:auto;
    float:left;
    margin-top:30px;
    margin-bottom:50px;}
    
.footer1 .inner .panel .contacts .box{
    width:calc((100% - 50px) / 2);
    height:30px;
    float:left;}
    
.footer1 .inner .panel .contacts .box:last-child{
    margin-left:50px;}
    
.footer1 .inner .panel .contacts .box .icon{
    width:30px;
    height:30px;
    float:left;}
    
.footer1 .inner .panel .contacts .box .icon img{
    width:100%;
    height:100%;
    float:left;}
    
.footer1 .inner .panel .contacts .box .label{
    width:calc(100% - 35px - 20px);
    height:auto;
    float:left;
    font-family:poppinsmedium;
    font-size:16px;
    color:#c6c6c6;
    top:50%;
    transform:translateY(-50%);
    position:relative;
    margin-left:20px;
    text-decoration:none;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.footer1 .inner .panel .contacts .box a.label:hover{
    color:#ececec}
    
.footer1 .inner .panel .menu{
    width:calc((100% - 100px) / 2);
    height:auto;
    float:left;
    margin-top:50px;
    margin-left:50px;
    margin-bottom:50px;}
    
.footer1 .inner .panel .menu .item{
    width:auto;
    height:auto;
    float:left;
    clear:both;
    margin-top:10px;}
    
.footer1 .inner .panel .menu .item:first-child{
    margin-top:0px;}
    
.footer1 .inner .panel .menu .item .icon{
    width:20px;
    height:20px;
    float:left;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.footer1 .inner .panel .menu .item:hover .icon{
    transform:translateX(5px);}
    
.footer1 .inner .panel .menu .item .icon img{
    width:100%;
    height:100%;
    float:left;}
    
.footer1 .inner .panel .menu .item .linkname{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:16px;
    color:#c6c6c6;
    margin-left:10px;
    vertical-align:middle;
    line-height:20px;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}

.footer1 .inner .panel .menu .item:hover .linkname{
    color:#c9ae83}
    

    
.footer2{
    width:100%;
    height:auto;
    float:left;
    background:#3a3a3a;
    margin-top:0px;}
    
.footer2 .inner{
    width:calc(1400px - 60px);
    height:inherit;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;} 
    
.footer2 .inner .box{
    width:auto;
    height:auto;
    float:left;
    padding-top:30px;
    padding-bottom:30px;} 
    
.footer2 .inner .box .item{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:13px;
    color:#b3b3b3;
    clear:left;
    margin-top:10px;} 
    
.footer2 .inner .box .item:first-child{
    margin-top:0px;
    font-size:14px;
    color:#c9ae83;
    font-family:poppinssemibold;}
    
.footer2 .inner .box .item a{
    color:#b3b3b3;
    text-decoration:none;
    font-family:poppinssemibold;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.footer2 .inner .box .item a:hover{
    color:#c9ae83}
    
    
/* 404 */
.container404{
    width:100%;
    min-height:500px;
    float:left;
    margin-top:100px;
    margin-bottom:40px}
    
.container404 .inner{
    width:calc(1400px - 60px);
    height:inherit;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}

.container404 .inner .error404{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:25px;
    color:#898e9f;
    text-align:center}
    
    
.container404 .inner .image{
    width:calc(1400px - 800px);
    height:auto;
    float:left;
    padding-left:400px;
    padding-right:400px;
    margin-top:100px;}
    
.container404 .inner .image img{
    width:100%;
    height:auto;
    float:left;}