/*font-family: 'Titillium Web', sans-serif;*/
/*font-family: 'Playfair Display', serif;*/

html {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: auto;
    font-size: 16px;
}

body {
     
   
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    color: #000;
    /*background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;*/
    width: 100%;
    min-height: 100vh; 
    margin: 0 auto; 
    background: #fff;   
}



a { text-decoration: none; color: inherit; outline: 0; transition: .4s; cursor: pointer; }
a:hover { text-decoration: none; color: inherit;  }
a:focus { text-decoration: none; color: inherit; }
a:active { text-decoration: none; color: inherit; }
a:active:focus { text-decoration: none; color: inherit; }
img { border: none; width: 100%; height: auto; }
p { text-align: left; }
ul { list-style: none; margin: 1.5% auto 0; padding: 0px; }
h2 { font-size: 24px;}
h3{ margin-top: 0; font-size: 160%; }
h4 { margin-top: 0; margin-bottom: 4px; }
button { border: none; outline: 0; color: white; transition: .4s; }
button:hover { transform: scale3d(0.95, 0.95, 0.95); -webkit-transform: scale3d(0.95, 0.95, 0.95); }
input {outline: 0;}


.b-modal.__b-popup1__ {
    background: #404040 !important;
    opacity: .9 !important;
    z-index: 2000 !important;
    position: fixed !important;
}

.fanc-box {
    position: relative;
    margin: 5% 1.5% 5% 1.5%;
    width: 150px;
    height: 150px;
    box-shadow: 1px 5px 8px -1px #848484;
    -webkit-box-shadow: 1px 5px 8px -1px #848484;
    display: inline-block;
    overflow: hidden;
    border-top: 5px solid #000;
}

.fanc-box h2 {    font-size: 110%;}
.fancy {
    width: 96%;
    max-width: 1400px;
    margin: 10px auto 60px auto;
    text-align: center;
    font-weight: 300;
    font-size: 95%;
}


.photosr {
    
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;

    
    border-radius: 2px;
}

.nyito_focim {
       font-size: 150%;
    text-transform: uppercase;
    font-weight: 600;
    display: table;
    text-align: center;
}

.lapmenuli {
        color: #fff;
    font-size: 100%;
    margin: 0;
       font-weight: 300;
    letter-spacing: .02em;
    color: #dab86e;

}
.lapmenu {
    display: flex;
    align-items: center;
    margin: 0px 0 0 0;
}

.submenu {display: none;}

.vans-open {
    position: relative;
    z-index: 2;

        width: 100%;
    padding: 0 0vw;
    position: relative;
    z-index: 2;
    background: white;
   

}

.pincep {
    width: 96%;
    max-width: 1400px;
    margin: 0 auto 0 auto;
    text-align: justify;
    font-weight: 300;
    font-size: 95%;
}

.GALERIA_BLOKK {
    padding: 30px 0px 30px 0px;
   
    position: relative;
    margin: 0 auto 0 auto;
}

.top-content {
   position: relative;
    width: 100%;
    margin: 0px auto 0px auto;
    top: 60px;
    text-align: center;
    height: 65vh;
    background: #000;
}

.top-content-in {
        position: relative;
    width: 100%;
    margin: 0px auto 60px auto;
    top: 60px;
    text-align: center;
    height: 30vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
        background: #000;
}

.tc-title {
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: #ffffff;
    font-size: 190%;
        background: rgba(29, 33, 35, .8);
    padding: 10px 30px 10px 30px;
    border-radius: 3px;
    box-shadow: 0px 21px 13px -17px rgba(0,0,0, .55);
    -webkit-box-shadow: 0px 21px 13px -17px rgba(0,0,0, .55);
    text-align: center;
    position: relative;
    z-index: 10;
    
}

.tc-title-1 {
    font-weight: 100;
    letter-spacing: .02em;
   color: #dab86e;
    color: #1d2123;
    font-size: 180%;
    text-align: center;
    margin-top: 0;
}

.tc-title-12 {
    font-weight: 100;
    letter-spacing: .02em;
   color: #dab86e;
    color: #1d2123;
    font-size: 100%;
    text-align: center;
    margin-top: 0;
}

.tc-title-13 {
    font-weight: 300;
    letter-spacing: .02em;
    color: #d3b36b;
    font-size: 60%;
    text-align: center;
    margin-top: 0;
}

.tc-p {
    color: #000;
    width: 100%;
    max-width: 1000px;
    display: table;
    margin: 0 auto 30px auto;
    text-align: center;line-height: 26px;
}

.tc-p span {
        width: 100%;
    max-width: 1000px;
    display: table;
    margin: 0 auto 0 auto;
    text-align: center;
    color: #1d2123;
    font-size: 120%;
    margin-top: 10px;
    font-weight: 200;
}


.parkettah5 {
    position: absolute;
    top: 28%;
    font-weight: 100;
    letter-spacing: .02em;
    color: #ffffff;
    font-size: 110%;
    line-height: 22px;
    text-shadow: 0px 1px 2px #000;
    transition: .4s;
}

.parkettah5:hover { transform: scale(1.1); -webkit-transform: scale(1.1); }


#tpc {margin: 30px auto 80px auto;}

.top_black{
   position: relative;
    width: 100%;
    margin: 0 auto 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.tp_open_img {
    position: absolute;
    top: 0px;
    left:  0px;
    width: 100%;
    height: 100%;
    object-fit: cover;    cursor: pointer; transition: .4s;}




#tp_open { }
#tp_open1 {background: url(../images/termek1.jpg); background-size: cover; background-position: center;min-height: 74vh;margin: 0px auto 0px auto;top: 63px;}
#tp_open2 {background: url(../images/szolg1.jpg); background-size: cover; background-position: center;min-height: 74vh;margin: 0px auto 0px auto;top: 63px;}
#tp_open3 {background: url(../images/ref1.jpg); background-size: cover; background-position: center;min-height: 74vh;margin: 0px auto 0px auto;top: 63px;}
#tp_open4 {background: url(../images/biagini.jpg); background-size: cover; background-position: center;min-height: 74vh;margin: 0px auto 0px auto;top: 63px;}

#tp_openp1 {min-height: 55vh;
    margin: 0px auto 0px auto;
    top: 58px;
    border-bottom: 5px solid #bfc2c3;
}

.elli {
    color: #000;
}

.elli img {
   filter: invert(1); -webkit-filter: invert(1); margin-right:  4px; width: 25px;
}


.fotitle {
    color: #000;
    background: #ffffff;
    padding: 30px 50px 28px 50px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 350%;
    position: relative;
   
  
    line-height: 30px;
    opacity: .90;
    border-radius: 2px;
    box-shadow: 0px 3px 16px -4px #484848;
    -webkit-box-shadow: 0px 3px 16px -4px #484848;
}



.middle-content-in {
            width: 100%;
            padding: 0 0vw;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: relative;
            z-index: 2;
                
  
                     min-height: 75vh;
       
    max-width: 1300px;
    margin-top: 88px;

             }

 @media (max-width: 540px) { 
                    .middle-content-in {padding: 0 1vw; margin-top:60px; justify-content: flex-start;}
                }

#tp_openp1 {
       min-height: 45vh;
    margin: 0px auto 0px auto;
    top: 39px;
    border-bottom: 5px solid #bfc2c3;
}

.logo-row {
    width: 100%;
    text-align: center;
    margin-top: -20px;
}

.logo-row li{
       display: inline;
    margin: 0 15px 0 15px;

}

.cards {
    
    width: 50%;
    position: relative;
   display: inline-block;
    margin: 1% 1% 1% 1%;
    height: 300px;
    transition: all .4s;
    overflow: hidden;
    transition: all .4s;
}

.cards a {cursor: pointer; position: absolute; width: 100%; height: 100%;left: 0px; top: 0px;}



#cs1 {
   width: 30%;
    
    background-size: contain;
    background-position: center;
    transition: all .4s;

    
}


#cs2 {
    width: 30%;
   
    background-size: contain;
    background-position: center;
    transition: all .4s;

    
}

#cs31 {
    width: 30%;
   
    background-size: contain;
    background-position: center;
    transition: all .4s;

    
}

#csk2 {
    width: 30%;
   
    background-size: contain;
    background-position: center;
    transition: all .4s;

    
}

#cssz31 {
    width: 30%;
 
    background-size: contain;
    background-position: center;
    transition: all .4s;

    
}

#cs3 {
    width: 30%;

    background-size: contain;
    background-position: center;
    transition: all .4s;

    
}

#cs4 {
    width: 23%;
    background: url(../images/pince.jpg) no-repeat;
    background-size: contain;
    background-position: center;
    transition: all .4s;
}


#cs11 {
   width: 46%;
    
    background-size: contain;
    background-position: center;
    transition: all .4s;

    
}


#cs22 {
    width: 46%;
   
    background-size: contain;
    background-position: center;
    transition: all .4s;

    
}

#cs313 {
    width: 46%;
    background-size: contain;
    background-position: center;
    transition: all .4s;

    
}

#cs33 {
    width: 46%;
    background-size: contain;
    background-position: center;
    transition: all .4s;
}
    



.cards:hover { transform: scale(1.03); -webkit-transform: scale(1.03);  transition: all .4s;}


.logotop {
margin: 35px auto 10px auto;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100px;
}


.shoplogo {
       width: 35%;
    max-width: 250px;
    min-width: 200px;
    position: relative;
    filter: drop-shadow(0px 3px 5px #303030);
    -webkit-filter: drop-shadow(0px 3px 5px #303030);
}


.topcim {
  display: table;
    margin: 2px auto 0 6px;
    color: #000000;
    font-size: 90%;
    font-weight: 700;
        letter-spacing: -0.03em;
    text-shadow: 0px 1px 3px #fff;
    height: 100%;
    justify-content: center;
}


.tele {
  height: 100%;
    max-width: 250px;
    display: flex;
    align-items: center;
    margin: 11px 0 0 0;
}


#card-title-2222 {
    margin: 15px auto -6px auto;
    font-size: 125%;
    color: #000;
    position: relative;
    /*--stroke-color: #000c;
    --stroke-width: 1px;
    filter: drop-shadow( 0px 3px 2px #303030);
    -webkit-filter: drop-shadow( 0px 3px 2px #303030);*/
    border-bottom: none;
    text-align: center;
    line-height: 23px;}


.logocim {
    max-width: 60%;
    display: table;
    margin: -5px auto 30px auto;
}


.card-title-small {
  
        color: #9c8a71;
    text-transform: uppercase;
    font-size: 200%;
    margin-top: 10px;
    font-weight: 200;
}

.card-title-medium {
    color: #000000;
    text-transform: uppercase;
    font-size: 350%;
    /*font-weight: 800;*/
    margin: 0 0 10px 0;
    font-family: 'Anton';
}

.card-title-black {
    color: #000;
    background: #ffffff;
    padding: 10px 0px 10px 0px;
    text-transform: uppercase;
    /*font-weight: 800;*/
    font-size: 150%;
    position: absolute;
    bottom: 0px;
    width: 100%;
    margin: 0;
    line-height: 30px;
    border-top: 3px solid #aa926c;
    opacity: .90;
    font-family: 'Anton';

}


.block-title-black {
    color: #000;
    background: #ffffff;
    padding: 10px 0px 10px 0px;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 210%;
    width: 100%;
    margin: 0;
}


.block-title-small {
    color: #d3bd9b;
    text-transform: uppercase;
    font-size: 150%;
    margin-top: 10px;
    font-weight: 700;
}


.leíros_szoveg {
    color: #000000;
    font-size: 110%;
    font-weight: 600;
    margin: 0 0 0px 0;
    line-height: 25px;
}


















.corner {position: fixed; left: 0px; top: 61px; z-index: 100; width: 15%; height: 20%;}
.corner1 {position: fixed; bottom: 0px; right: 0px; z-index: 100; width: 11%; height: 13%;}


.obuda {max-width: 845px;display: table; margin: 85px auto 0 auto;}
.ocim {max-width: 845px;display: table; margin: -45px auto 0 auto;}
.teleff {max-width: 740px;display: table;margin: -10px auto 0px auto;}



.alsocim {max-width: 700px;
    display: table;
    margin: 0px auto 0 auto}
.backs {
   position: absolute;
    z-index: -2;
   height: 100vh;
    width: 100%;
    object-fit: contain;
    object-position: top center;
   left: 0;
}

body.compensate-for-scrollbar{
    overflow: unset;
}

.lili {
   font-weight: 700;
    --stroke-color: #000;
    --stroke-width: 2px;
    letter-spacing: 1px;
    text-shadow: calc(var(--stroke-width) * 1) calc(var(--stroke-width) * 0) 0 var(--stroke-color), calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * 0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0) calc(var(--stroke-width) * 1) 0 var(--stroke-color), calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * 0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * -1) calc(var(--stroke-width) * 0) 0 var(--stroke-color), calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * -0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0) calc(var(--stroke-width) * -1) 0 var(--stroke-color), calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * -0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color);
    color: #fff;
    font-size: 125%;
}

.price {
    font-weight: 700;
    color: #ffffff;
    font-size: 150%;
    background: #272727;
    padding: 4px 8px;
    background-size: 100% 100%;
    text-shadow: 1px 1px 3px #000;
    box-shadow: 3px 10px 14px -9px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 3px 10px 14px -9px rgba(0, 0, 0, .4);

}

.fancybox-image, .fancybox-spaceball {
 }

.middle_bg_bg {transition: .3s;}
.middle_bg_bg_TOP{ transition: .3s; transform: scale(.1); }

.logo-table {
        list-style: none;
    display: flex;
    width: 75%;
    justify-content: center;
    align-items: center;
    margin: 0 auto 30px auto;
}

.orali {
    text-align: center;
    margin: 0 auto 0 auto;
}

.elitlogo {
    margin-top: 150px;
    margin-bottom: -10px;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
}

.logos {
    width: 65%;
    margin: 0px 0px;
}

#eicon {display: none;}

.card-block {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
    overflow: hidden;
    display: inline-block;
}

.card-menu {
    width: 44%;
    min-height: 330px;
    float: left;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin: 1% 3% 3% 3%;
}
.card-in {
    width: 100%;
   
  
  
    
}

.block { position: relative; width: 100%; background: #fff;  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, .4);     border-radius: 10px;
  
    overflow: hidden;    background: rgb(246,239,225);
    background: -moz-linear-gradient(45deg, rgba(246,239,225,1) 0%, rgba(178,141,88,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(246,239,225,1) 0%,rgba(178,141,88,1) 100%);
    background: linear-gradient(45deg, rgba(246,239,225,1) 0%,rgba(178,141,88,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6efe1', endColorstr='#b28d58',GradientType=1 );}
.block img {width:  100%;}



.card-menu1 {
      width: 22%;
    min-height: 400px;
    margin: 1.5%;
    float: left;
    background: #292929;
    border-radius: 10px;
    background: rgb(35,33,34);
    background: -moz-linear-gradient(-45deg, rgba(35,33,34,1) 0%, rgba(12,12,12,1) 100%);
    background: -webkit-linear-gradient( 
-45deg, rgba(35,33,34,1) 0%,rgba(12,12,12,1) 100%);
    background: linear-gradient( 
135deg, rgba(35,33,34,1) 0%,rgba(12,12,12,1) 100%);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    box-shadow: 3px 9px 13px #000;
    -webkit-box-shadow: 3px 9px 13px #000;
    border: 2px solid #1b1b1b;



}

.card-menu2 {
      width: 22%;
    min-height: 480px;
    margin: 1.5%;
    float: left;
    background: #292929;
    border-radius: 10px;
    background: rgb(35,33,34);
    background: -moz-linear-gradient(-45deg, rgba(35,33,34,1) 0%, rgba(12,12,12,1) 100%);
    background: -webkit-linear-gradient( 
-45deg, rgba(35,33,34,1) 0%,rgba(12,12,12,1) 100%);
    background: linear-gradient( 
135deg, rgba(35,33,34,1) 0%,rgba(12,12,12,1) 100%);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    box-shadow: 3px 9px 13px #000;
    -webkit-box-shadow: 3px 9px 13px #000;
    border: 2px solid #1b1b1b;



}

#firstcard {margin-left: 12%;}

.card-in img {
   /* object-fit: cover;
     width: 55%;
   filter: drop-shadow( 5px 10px 21px #202020);
    -webkit-filter: drop-shadow( 5px 10px 21px #202020);
    display: table;
    margin: 0 auto;*/
}


.card-title {

        margin: 0 0 -160px 0;
    border-bottom: 0px solid #363636;
    padding-bottom: 14px;
    font-size: 580%;
    text-align: left;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 94px;
    text-shadow: calc(var(--stroke-width) * 1) calc(var(--stroke-width) * 0) 0 var(--stroke-color), calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * 0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0) calc(var(--stroke-width) * 1) 0 var(--stroke-color), calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * 0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * -1) calc(var(--stroke-width) * 0) 0 var(--stroke-color), calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * -0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0) calc(var(--stroke-width) * -1) 0 var(--stroke-color), calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * -0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color);
    --stroke-color: #423f3a;
    color: #363636;
}

#card-title-11 {
    margin: 0 0 0 -36px;
    font-size: 140%;
    color: #bbbbbb;
    letter-spacing: 12px;
    text-transform: capitalize;
    font-weight: 200;
border-bottom: none;
position: relative;
z-index: 2;}






#card-title-111 {
        margin: 180px 0 0 -36px;
    font-size: 1000%;
    color: #000000;
    letter-spacing: 7px;
    text-transform: capitalize;
    font-weight: 900;
    position: relative;
    z-index: 2;
    --stroke-color: #7a7a7a;
    --stroke-width: 2px;
    filter: drop-shadow( 5px 6px 32px #000);
    -webkit-filter: drop-shadow( 5px 6px 32px #000);
    border-bottom: none;}


#card-title-111 span{
        color: #f6d5af;
    letter-spacing: 2px;
    text-transform: capitalize;
    font-weight: 700;
    position: relative;
    z-index: 0;
    --stroke-color: #000;
    --stroke-width: 2px;
    text-shadow: calc(var(--stroke-width) * 1) calc(var(--stroke-width) * 0) 0 var(--stroke-color), calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * 0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0) calc(var(--stroke-width) * 1) 0 var(--stroke-color), calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * 0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * -1) calc(var(--stroke-width) * 0) 0 var(--stroke-color), calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * -0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0) calc(var(--stroke-width) * -1) 0 var(--stroke-color), calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * -0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color);
}

#card-title-221 {
margin: -45px 0 -128px 220px;
    font-size: 400%;
    color: #222222;
    position: relative;
    z-index: 3;
    --stroke-color: #ddd;
    --stroke-width: 1px;
    filter: drop-shadow( 0px 5px 4px #000);
    -webkit-filter: drop-shadow( 0px 5px 4px #000);
    border-bottom: none;}

#card-title-321 {
   margin: 97px auto 0 auto;
    font-size: 200%;
    color: #ffffff;
    letter-spacing: 10px;
    text-transform: capitalize;
    font-weight: 200;
    border-bottom: none;
    position: relative;
    z-index: 2;
    background: #404040;
    padding: 12px 2px 12px 12px;
    box-shadow: 3px 14px 14px -10px #000;
    -webkit-box-shadow: 3px 14px 14px -10px #000;
    line-height: 21px;
    display: table;}


.card-title1 {
    font-family: 'gilroyextrabold';
    font-size: 160%;
    margin: 0;
    text-transform: uppercase;
    color: #c2aa82;
    line-height: 30px;
}


.card-under {
  font-size: 100%;
    text-transform: uppercase;
    font-weight: bold;
    display: table;
    background: #404040;
        background: url(../images/csik.jpg) no-repeat;
    background-size: 100% 100%;
    text-shadow: 1px 1px 3px #000;
    padding: 23px;
    margin: -70px 0 0 0;
    color: #fff;
    box-shadow: 3px 14px 14px -10px #000;
    -webkit-box-shadow: 3px 14px 14px -10px #000;
    position: relative;
    z-index: 100;
}

.card-under b { color:#8d8d8d; }


.card-under1 {
    font-size: 100%;
    margin: 10px 0 0 0;
    text-transform: unset;
    color: #ffffff;
    padding-bottom: 30px;
    font-weight: bold;
    line-height: 26px;
}

.card-under1 b { color:#c2aa82;font-size: 90%; margin-right: 3px; }



.ttiitle {  
position: relative;
    z-index: 3;
    display: table;
    margin: 5px auto 0 auto;
    text-transform: uppercase;
    font-size: 200%;
    font-weight: normal;
    font-family: 'BerlinSansFB-Reg';
    color: #fff;
    text-shadow: 0px 1px 2px rgba(255, 255, 255, .1);
    padding: 10px 15px;
    text-align: center;
    background: rgb(0, 0, 0);}

    /*#re-ttiitle {
    color: #fff;
    text-shadow: 0px 1px 2px #000;
    background: rgb(84, 78, 69);
    background: -moz-linear-gradient(top, rgb(136, 128, 116) 0%,rgb(84, 78, 69) 100%);
    background: -webkit-linear-gradient(top, rgb(136, 128, 116) 0%,rgb(84, 78, 69) 100%);
    background: linear-gradient(to bottom, rgb(136, 128, 116) 0%,rgb(84, 78, 69) 100%);
}

   #po-ttiitle {
    color: #fff;
    text-shadow: 0px 1px 2px #000;
    background: #0e649a;
    background: -moz-linear-gradient(top,rgb(77, 149, 193) 0%,#0e649a 100%);
    background: -webkit-linear-gradient(top,rgb(77, 149, 193) 0%,#0e649a 100%);
    background: linear-gradient(to bottom,rgb(77, 149, 193) 0%,#0e649a 100%);
}

   #or-ttiitle {
    color: #fff;
    text-shadow: 0px 1px 2px #000;
    background: #be833a;
    background: -moz-linear-gradient(top, rgb(214, 177, 131) 0%,#be833a 100%);
    background: -webkit-linear-gradient(top, rgb(214, 177, 131) 0%,#be833a 100%);
    background: linear-gradient(to bottom, rgb(214, 177, 131) 0%,#be833a 100%);
}

#fe-ttiitle {
    color: #fff;
    text-shadow: 0px 1px 2px #000;
    background: rgb(26, 47, 30);
    background: -moz-linear-gradient(top, rgb(59, 86, 65) 1%,rgb(26, 47, 30) 100%);
    background: -webkit-linear-gradient(top, rgb(59, 86, 65) 1%,rgb(26, 47, 30) 100%);
    background: linear-gradient(to bottom, rgb(59, 86, 65) 1%,rgb(26, 47, 30) 100%);

   }*/
.top-pic-ar {
        position: absolute;
    top: 90px;
    left: 25%;
    margin: 0;
    height: 70vh;
    max-height: 500px;
    min-height: 300px;
    z-index: -1;
    overflow: hidden;
    
    width: 20%;
    max-width: 330px;
    background: url(../images/atop.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    
}

.top-pic-ez {
        position: absolute;
    top: 90px;
    left: 25%;
    margin: 0;
    height: 70vh;
    max-height: 500px;
    min-height: 300px;
    z-index: -1;
    overflow: hidden;
    
    width: 20%;
    max-width: 330px;
     background: url(../images/eztop.jpg) no-repeat;
    background-size: cover;
    background-position: center;
   
}

.top-pic-er {
         position: absolute;
    top: 90px;
    left: 25%;
    margin: 0;
    height: 70vh;
    max-height: 500px;
    min-height: 300px;
    z-index: -1;
    overflow: hidden;
    
    width: 20%;
    max-width: 330px;
    background: url(../images/ertop.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    
}

.top-pic-po {
         position: absolute;
    top: 90px;
    left: 25%;
    margin: 0;
    height: 70vh;
    max-height: 500px;
    min-height: 300px;
    z-index: -1;
    overflow: hidden;
    
    width: 20%;
    max-width: 330px;
     background: url(../images/ptop.jpg) no-repeat;
    background-size: cover;
    background-position: center;
   
}

.top-pic-re {
         position: absolute;
    top: 90px;
    left: 25%;
    margin: 0;
    height: 70vh;
    max-height: 500px;
    min-height: 300px;
    z-index: -1;
    overflow: hidden;
    
    width: 20%;
    max-width: 330px;
    background: url(../images/retop.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    
}

.top-pic-fe {
         position: absolute;
    top: 90px;
    left: 25%;
    margin: 0;
    height: 70vh;
    max-height: 500px;
    min-height: 300px;
    z-index: -1;
    overflow: hidden;
    
    width: 20%;
    max-width: 330px;
     background: url(../images/fetop.jpg) no-repeat;
    background-size: cover;
    background-position: center;
   
}

.top-pic-au {
         position: absolute;
    top: 90px;
    left: 25%;
    margin: 0;
    height: 70vh;
    max-height: 500px;
    min-height: 300px;
    z-index: -1;
    overflow: hidden;
    
    width: 20%;
    max-width: 330px;
    background: url(../images/otop.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

/*****/

.top3 {
  width: 100%;
    margin-bottom: -65px;
    z-index: 1000;
    margin-top: 0px;
}

.top-pic-au1 {
       position: absolute;
    margin: -4px 0 0 0;
    height: 135px;
        z-index: -1;
    overflow: hidden;
    background: url(../images/otop.jpg) no-repeat;
    width: 100%;
    max-width: 1000px;
    background-size: 100% auto;
    background-position: center;
    
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 1);
}

.ttiitle1 {  
position: relative; z-index: 3;  display: table;
    margin: 95px auto 0 auto;
    text-transform: uppercase;
    font-size: 300%;
    font-weight: normal;
    font-family: 'NeutraText-Book';
    font-weight: bold;
    border: 2px solid white;
    color: #000;
    text-shadow: 0px 1px 2px #fff;
    padding: 10px 15px 2px 15px;
text-align: center;
background: rgb(212, 158, 102);
    background: -moz-linear-gradient(top, rgb(244, 231, 179) 0%,rgb(212, 158, 102) 100%);
    background: -webkit-linear-gradient(top, rgb(244, 231, 179) 0%,rgb(212, 158, 102) 100%);
    background: linear-gradient(to bottom, rgb(244, 231, 179) 0%,rgb(212, 158, 102) 100%);}

    #re-ttiitle1 {
    color: #fff;
    text-shadow: 0px 1px 2px #000;
    background: rgb(84, 78, 69);
    background: -moz-linear-gradient(top, rgb(136, 128, 116) 0%,rgb(84, 78, 69) 100%);
    background: -webkit-linear-gradient(top, rgb(136, 128, 116) 0%,rgb(84, 78, 69) 100%);
    background: linear-gradient(to bottom, rgb(136, 128, 116) 0%,rgb(84, 78, 69) 100%);
}

   #po-ttiitle1 {
    color: #fff;
    text-shadow: 0px 1px 2px #000;
    background: #0e649a;
    background: -moz-linear-gradient(top,rgb(77, 149, 193) 0%,#0e649a 100%);
    background: -webkit-linear-gradient(top,rgb(77, 149, 193) 0%,#0e649a 100%);
    background: linear-gradient(to bottom,rgb(77, 149, 193) 0%,#0e649a 100%);
}

   #or-ttiitle1 {
    color: #fff;
    text-shadow: 0px 1px 2px #000;
    background: #be833a;
    background: -moz-linear-gradient(top, rgb(214, 177, 131) 0%,#be833a 100%);
    background: -webkit-linear-gradient(top, rgb(214, 177, 131) 0%,#be833a 100%);
    background: linear-gradient(to bottom, rgb(214, 177, 131) 0%,#be833a 100%);
}

#fe-ttiitle1 {
    color: #fff;
    text-shadow: 0px 1px 2px #000;
    background: rgb(26, 47, 30);
    background: -moz-linear-gradient(top, rgb(59, 86, 65) 1%,rgb(26, 47, 30) 100%);
    background: -webkit-linear-gradient(top, rgb(59, 86, 65) 1%,rgb(26, 47, 30) 100%);
    background: linear-gradient(to bottom, rgb(59, 86, 65) 1%,rgb(26, 47, 30) 100%);

   }
.top-pic-ar1 {
        position: absolute;
    margin: -4px 0 0 0;
    height: 135px;
        z-index: -1;
    overflow: hidden;
    background: url(../images/atop.jpg) no-repeat;
    width: 100%;
    max-width: 1000px;
    background-size: 100% auto;
    background-position: center;
    
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 1);
}

.top-pic-ez1 {
        position: absolute;
    margin: -4px 0 0 0;
      height: 135px;
        z-index: -1;
    overflow: hidden;
    background: url(../images/eztop.jpg) no-repeat;
    width: 100%;
    max-width: 1000px;
    background-size: 100% auto;
    background-position: center;
    
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 1);
}

.top-pic-er1 {
        position: absolute;
    margin: -4px 0 0 0;
      height: 135px;
        z-index: -1;
    overflow: hidden;
    background: url(../images/ertop.jpg) no-repeat;
    width: 100%;
    max-width: 1000px;
    background-size: 100% auto;
    background-position: center;
    
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 1);
}

.top-pic-po1 {
        position: absolute;
    margin: -4px 0 0 0;
      height: 135px;
        z-index: -1;
    overflow: hidden;
    background: url(../images/ptop.jpg) no-repeat;
    width: 100%;
    max-width: 1000px;
    background-size: 100% auto;
    background-position: center;
    
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 1);
}

.top-pic-re1 {
        position: absolute;
    margin: -4px 0 0 0;
      height: 135px;
        z-index: -1;
    overflow: hidden;
    background: url(../images/retop.jpg) no-repeat;
    width: 100%;
    max-width: 1000px;
    background-size: 100% auto;
    background-position: center;
    
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 1);
}

.top-pic-fe1 {
        position: absolute;
    margin: -4px 0 0 0;
      height: 135px;
        z-index: -1;
    overflow: hidden;
    background: url(../images/fetop.jpg) no-repeat;
    width: 100%;
    max-width: 1000px;
    background-size: 100% auto;
    background-position: center;
    
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 1);
}
/*****/
.tel-img {
    width: 30px;
    position: relative;
    top: -1px;
    margin-right: 4px;
}

.cimm {
        text-align: center;
    color: #fff;
    font-weight: normal;
    font-size: 150%;
    
    font-family: 'BerlinSansFB-Reg';    background: rgba(0, 0, 0, .6);
    display: table;
    margin: 0 auto;
    margin-top: 15px;
    padding: 3px 10px;
}
.nyitva {
    display: table;
    margin: 10px auto;
    padding: 4px 10px;
    color: #cacaca;
}
.g-button {
    font-size: 120%;
    display: table;
    margin: 15px auto 30px auto;
    color: #fff;
    border-bottom: 1px solid #2b2b2b;
    padding: 10px 15px;
    line-height: 22px;
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer;
    background: rgb(24, 24, 24);
    background: -moz-linear-gradient(top, rgb(24, 24, 24) 0%,rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgb(24, 24, 24) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgb(24, 24, 24) 0%,rgba(0,0,0,1) 100%);
}

.top3 {
     width: 100%;
    background: #ffffff;
    height: 30px;
    z-index: 1128;
    overflow: hidden;
    position: fixed;
    padding: 0px 0 5px 0;
    margin: 0px 0 0px 0;
    top: 60px;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0,  .45);
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0,  .45);
        background: rgb(125,126,125);
    background: -moz-linear-gradient(45deg, #8b7c6c 0%,#988775 100%);
    background: -webkit-linear-gradient(45deg, #8b7c6c 0%,#988775 100%);
    background: linear-gradient(45deg, #8b7c6c 0%,#988775 100%);
}

.top1 { 
          width: 100%;
    display: flex;
    align-items: center;
    top: 62px;
    height: 37px;
    margin: 0 auto;
    position: fixed;
    padding: 0 1.5vw;
    z-index: 1000;
    background: #000;
    border-bottom: 1px solid #505050;
    
    }
.top1-h4 {
    color: #393939;
    font-size: 125%;
    font-weight: bold;
    width: 46%;
    margin: 3px 0 0 0;
}

.top1-h5 {
    color: #393939;

    font-size: 100%;
    width: 54%;
    text-align: right;
     margin: 0;
}
.top2 {width: 100%;
    margin-bottom: 0px;
    z-index: 1000;
    margin-top: 0px;}
.top2 img { }
.middle-box-gold {width: 100%; display: flex; flex-direction: column; }
.middle-box-gold-in {width: 100%; }
#middle-box-gold-in-s {background: url(../images/silver.jpg) no-repeat;
    background-size: cover;}
#middle-box-gold-in-p {background: url(../images/porcelain.jpg) no-repeat;
    background-size: cover;}
#middle-box-gold-in-a {background: url(../images/antique.jpg) no-repeat;
    background-size: cover;}
.c-box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.g1 {
       text-align: center;
    color: #ffffff;
    border: 1px solid #baaa72;
    border-radius: 2px;
    max-width: fit-content;
    padding: 4px 10px;
    font-size: 250%;
    display: table;
    margin: -20px auto 20px auto;
    text-shadow: 0px 1px 2px #545454;
    background: rgb(212, 158, 102);
    background: -moz-linear-gradient(top, rgb(244, 231, 179) 0%,rgb(212, 158, 102) 100%);
    background: -webkit-linear-gradient(top, rgb(244, 231, 179) 0%,rgb(212, 158, 102) 100%);
    background: linear-gradient(to bottom, rgb(244, 231, 179) 0%,rgb(212, 158, 102) 100%);
}

.g2 {
    color: #000;
    font-size: 450%;
     font-family: 'KunstlerScript';
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.g3 {
    color: #b79b63;
    font-size: 180%;
    text-transform: uppercase;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.g4 {
        text-align: center;
    color: #ffffff;
    background: #303030;
    border: 1px solid #deba74;
    max-width: fit-content;
    padding: 12px 20px;
    font-size: 150%;
    text-transform: uppercase;
    display: table;
    margin: 5px auto 0 auto;
        line-height: 26px;
}

#f1 { background: url(../images/f1.jpg) no-repeat; background-size: cover;  display: block;   background-position: center;}
#s11 { background: url(../images/s1.jpg) no-repeat; background-size: cover;  display: block;   background-position: center;}
#p1 { background: url(../images/p1.jpg) no-repeat; background-size: cover;  display: block;   background-position: center;}
#a1 { background: url(../images/a1.jpg) no-repeat; background-size: cover;  display: block;   background-position: center;}

#f2 { background: url(../images/f2.jpg) no-repeat; background-size: cover;  display: block;   background-position: center;}
#s12 { background: url(../images/s2.jpg) no-repeat; background-size: cover;  display: block;   background-position: center;}
#p2 { background: url(../images/p2.jpg) no-repeat; background-size: cover;  display: block;   background-position: center;}
#a2 { background: url(../images/a2.jpg) no-repeat; background-size: cover;  display: block;   background-position: center;}

#f3 { background: url(../images/f3.jpg) no-repeat; background-size: cover;  display: block;   background-position: center;}
#s13 { background: url(../images/s3.jpg) no-repeat; background-size: cover;  display: block;   background-position: center;}
#p3 { background: url(../images/p3.jpg) no-repeat; background-size: cover;  display: block;   background-position: center;}
#a3 { background: url(../images/a3.jpg) no-repeat; background-size: cover;  display: block;   background-position: center;}

.mbg {width: 100%; height: 100%; object-fit: cover;}
 .mbg1 {width: 100%; height: 100%; object-fit: cover;}
.bottom-box-gold {width: 100%; display: flex; flex-direction: column; }
.rows {width: 100%; display: flex; flex-direction: row;     margin-bottom: 25px; }
.rows-in {flex: 1; max-width: 50%;margin: 0 1%;}
.rows-in-double {flex: 1; max-width: 50%; display: flex; flex-direction: row;    margin: 0 1%;}
.rid1 {flex: 1; max-width: 100%;}
.rid2 {flex: 1; max-width: 100%;
    position: relative;
    z-index: -1;       background: url(../images/f1_2n.png) no-repeat;background-size: contain;
    display: block;
    background-position: center;}
#r2_22 {
    display: none;
}
.logo-gold { 
        width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1000;
      margin-bottom: 10px;}
#r2_111 {
 
    display: none;
   
}
  .logo-gold img { height: 50px;
    width: auto;
    margin: 0; position: relative; top: -2px;}

    .logo-gold h4 {      color: #deba74;
    font-size: 200%;
    text-transform: uppercase;
    padding: 0 .05em;}

 .logo-gold h5 {
           color:#000;
    margin: -3px 0 0 0;
    letter-spacing: 1px;
    text-align: center;
    font-size: 200%;
    text-transform: uppercase;
    line-height: 33px;
    }

.net {font-size: 90%;color: #deba74;text-transform: lowercase;margin-left: 0; background: url(../images/border.png) no-repeat;
    background-size: contain;
    background-position: 6px 0px;
       padding: 0 8px 0 4px;}

.r1 {
    width: 100%;
    height: 100%;
    padding: 5px 5px;
}


#r1_1 {
     /*background-color: rgb(24, 24, 24);
         box-shadow: inset -35px 0px 55px -33px black;
         -webkit-box-shadow: inset -35px 0px 55px -33px black;*/
            
                 display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.gold-title { text-align: center;
    font-size: 175%;
    text-transform: uppercase;
    padding: 8px 11px 5px 11px;
    color: #fff;
    text-shadow: 0px 1px 2px rgb(0, 0, 0);
    margin-bottom: 20px;
    outline: 0;
    display: flex;
    align-items: center;
    margin: 0 auto 10px;
    transition: .4s;
    font-family: 'BerlinSansFB-Reg';
}

.kor {flex:1;max-width: 120px;}

#r1_2 {
   background-size: contain;
    background-position: center;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#r1_2border {
   background: url(../images/og1.jpg);
    background-size: contain;
    background-position: center;
    background-color: rgb(4, 4, 4);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;position: relative;
    padding: 25px;
}

.b1{position: absolute;
    top: 0;
    width: 100%;
    height: 20px;
    background: url(../images/b1.jpg) no-repeat;
    z-index: 1;
    background-size: 100%;
box-shadow: 4px 6px -7px  rgba(0,0,0,1);
    -webkit-box-shadow: 4px 6px -7px  rgba(0,0,0,1);}
.b2{    position: absolute;
    top: 0;
    left: 0px;
    width: 20px;
    height: 100%;
    background: url(../images/b2.jpg);
    background-size: 100% auto;
box-shadow: 4px 0px 6px -7px  rgba(0,0,0,1);
    -webkit-box-shadow: 4px 0px 6px -7px  rgba(0,0,0,1);}
.b3 {   position: absolute;
    bottom: 0;
    width: 100%;
    height: 20px;
    background: url(../images/b3.jpg) no-repeat;
    background-size: 100%;
    z-index: 1;
box-shadow: -4px 6px -7px  rgba(0,0,0,1);
    -webkit-box-shadow: -4px 6px -7px  rgba(0,0,0,1);}
.b4{position: absolute;
    top: 0;
    right: 0px;
    height: 100%;
    width: 20px;
    background: url(../images/b4.jpg);
    background-size: 104% auto;
    background-position: -2px 0;
box-shadow: -4px 0px 6px -7px rgba(0,0,0,1);
    -webkit-box-shadow: -4px 0px 6px -7px rgba(0,0,0,1);}

.orr {
  width: 23%;
    float: left;
    margin: 1%;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #fff;
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,1);
    -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,1);
}

.ezz {
    width: 46%;
    float: left;
       margin: 1% 2% 1% 2%;

    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #fff;
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,1);
    -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,1);
}

#r1_333 {
    background: transparent;
    background: url(../images/s_bg1.png) no-repeat;
    background-size: contain;
    background-position: center;
        background-color: #f3f3f3;
        box-shadow: 0px 16px 15px -16px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 16px 15px -16px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    /*background: rgb(216, 167, 112);
    background: -moz-linear-gradient(top, rgb(240, 223, 170) 0%,rgb(216, 167, 112) 100%);
    background: -webkit-linear-gradient(top, rgb(240, 223, 170) 0%,rgb(216, 167, 112) 100%);
    background: linear-gradient(to bottom, rgb(240, 223, 170) 0%,rgb(216, 167, 112) 100%);*/
        display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#r1_2_s {
    background: rgb(137, 137, 137);
    background: -moz-linear-gradient(top,rgb(240, 240, 240) 0%,rgb(137, 137, 137) 100%);
    background: -webkit-linear-gradient(top,rgb(240, 240, 240) 0%,rgb(137, 137, 137) 100%);
    background: linear-gradient(to bottom,rgb(240, 240, 240) 0%,rgb(137, 137, 137) 100%);
        display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#r1_2_p {
    background: rgb(137, 137, 137);
    background: -moz-linear-gradient(top,rgb(167, 193, 209) 0%,rgb(72, 101, 119) 100%);
    background: -webkit-linear-gradient(top,rgb(167, 193, 209) 0%,rgb(72, 101, 119) 100%);
    background: linear-gradient(to bottom,rgb(167, 193, 209) 0%,rgb(72, 101, 119) 100%);
        display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#r1_2_a {
    background: rgb(127, 102, 73);
    background: -moz-linear-gradient(top,rgb(230, 211, 191) 0%,rgb(127, 102, 73) 100%);
    background: -webkit-linear-gradient(top,rgb(230, 211, 191) 0%,rgb(127, 102, 73) 100%);
    background: linear-gradient(to bottom,rgb(230, 211, 191) 0%,rgb(127, 102, 73) 100%);
        display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#r1_3 {
    background: url(../images/gold_main1.jpg) no-repeat;
    background-size: cover;
    background-position: center right;
        display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#r1_4 {display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 0px solid rgb(255, 255, 255);
    padding: 20px 0px;
    background: url(../images/og1.jpg) no-repeat;
    background-size: cover;
    background-position: center;}

hr  {
    border-top: 0px;
    height: 1px;
    background: #e2e2e2;
    background: -moz-linear-gradient(left,rgba(149, 149, 149, 0) 0%,#e2e2e2 45%,rgba(27, 27, 27, 0) 100%);
    background: -webkit-linear-gradient(left,rgba(149, 149, 149, 0) 0%,#e2e2e2 45%,rgba(27, 27, 27, 0) 100%);
    background: linear-gradient(to right, rgba(149, 149, 149, 0) 0%,#e2e2e2 45%,rgba(27, 27, 27, 0) 100%);
    margin: 0px auto;
    width: 100%;max-width: 845px;}


#hr-s {
    background: rgba(27, 27, 27, 0);
    background: -moz-linear-gradient(left,rgba(149, 149, 149, 0) 0%,#ababab 45%,rgba(27, 27, 27, 0) 100%);
    background: -webkit-linear-gradient(left,rgba(149, 149, 149, 0) 0%,#ababab 45%,rgba(27, 27, 27, 0) 100%);
    background: linear-gradient(to right, rgba(149, 149, 149, 0) 0%,#ababab 45%,rgba(27, 27, 27, 0) 100%);
}
#hr-p {
    background: rgba(27, 27, 27, 0);
    background: -moz-linear-gradient(left,rgba(149, 149, 149, 0) 0%,rgb(72, 101, 119) 45%,rgba(27, 27, 27, 0) 100%);
    background: -webkit-linear-gradient(left,rgba(149, 149, 149, 0) 0%,rgb(72, 101, 119) 45%,rgba(27, 27, 27, 0) 100%);
    background: linear-gradient(to right, rgba(149, 149, 149, 0) 0%,rgb(72, 101, 119) 45%,rgba(27, 27, 27, 0) 100%);
}
#hr-a {
    background: rgba(27, 27, 27, 0);
    background: -moz-linear-gradient(left,rgba(149, 149, 149, 0) 0%,#ad9a7f 45%,rgba(27, 27, 27, 0) 100%);
    background: -webkit-linear-gradient(left,rgba(149, 149, 149, 0) 0%,#ad9a7f 45%,rgba(27, 27, 27, 0) 100%);
    background: linear-gradient(to right, rgba(149, 149, 149, 0) 0%,#ad9a7f 45%,rgba(27, 27, 27, 0) 100%);
}



.hr1 {
    border-top: 0px;
    width: 80%;
    height: 1px;
    background: #959595;
    background: -moz-linear-gradient(left, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    background: -webkit-linear-gradient(left, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
    background: linear-gradient(to right, rgba(149, 149, 149, 0) 0%,#000000 45%,rgba(27, 27, 27, 0) 100%);
    margin: 0px 0;
    margin-left: 10%;
}

.main_title {
    font-family: 'PTSans-Regular';
    color: black;
    font-size: 35%;
    line-height: 0;
    margin-bottom: 26px;
}

.gold-title1 {
    text-align: center;
    color: #fff;
    border: 1px solid #deba74;
    max-width: fit-content;
    padding: 20px 10px;
    font-size: 90%;
    text-transform: uppercase;
    display: table;
    margin: 0px auto 0 auto;
        line-height: 15px;
            background: rgb(24, 24, 24);
    background: -moz-linear-gradient(top, rgb(24, 24, 24) 0%,rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgb(50, 50, 50) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgb(51, 51, 51) 0%,rgba(0,0,0,1) 100%);
}

header { 
   display: flex;
    padding: 0;
    width: 100%;
    flex-direction: row;
    margin: unset;
    position: fixed;
    top: 0px;        
    z-index: 1129;
     background: #1d2123;
         box-shadow: 0px 2px 12px 0px rgba(0, 0, 0,  .45);
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0,  .45);
        height: 60px;
}

.header-in {
     display: flex;
    padding: 0 0;
   width: 100%;
    margin-left: 0;
    flex-direction: row;
    height: 100%;}

    .header-left { 
          width: 40%;
    position: relative;
    z-index: 1000;
    display: flex;
    flex: 0;
    align-items: center;
    margin-bottom: unset;
margin-left: 0px;}

      .header-left1 { 
        width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1000;
      margin-bottom: 10px;    margin-top: 3vh;}

          .header-left1 img {     height: 60px;
    width: auto;
    margin: 20px 0 0px 0; }

    .header-left1 h4 {
          color: white;
    font-size: 350%;
    text-transform: uppercase;
    border-bottom: 2px solid #deba74;
        padding: 0 .05em;
    }

    .header-left1 span {
           color:#b78729;
    margin: -3px 0 0 0;
    letter-spacing: 1px;
    width: 100%;
    text-align: center;
    font-size: 150%;
    text-transform: uppercase;
    line-height: 33px;
    }

        .header-left img { 
         width: auto;
    height: 80%;
    margin: 0; }

    .header-left h4 {
         color: black;
    text-transform: uppercase;
    font-size: 150%;
    position: relative;
    left: 36px;
    margin-top: 9px;
    width: 75px;
    border-bottom: 1px solid #deba74;
    padding: 1px 0;
    }

    .header-left span {
       color: #414141;
    letter-spacing: .04em;
    width: 100%;
    height: 100%;
    text-align: left;
        margin: 14px 0 0 -5px;
    font-size: 160%;
    line-height: 42px;
    position: relative;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, .1);
    font-family: 'Scriptina';
    font-weight: bold;

    }

        .logo-top {display: none !important;}
    
     

    .header-right {     
       width: 60%;
    display: flex;
    flex-direction: row;
    flex: 4;
    justify-content: flex-end;
    align-items:center;  }

        .header-right a {
        transition: .4s;
    margin-right: 5px;
    cursor: pointer;
    background: none;
    font-size: 90%;
    text-transform: uppercase;
    border-bottom: 0;
    margin-top: 0;
    display: block;
    padding: 0px 0;
    display: flex;
    align-items: flex-end;
   }

    

     .menu-row {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    display: none;
}
.call-box {    
    padding: 0px 0 0px 0;
    width: 100%;
    font-size: 140%;
    color: #1a1a1a;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.calling {
    width: 70%;
    border-bottom: 1px solid #fff;
    display: table;
    margin: 0 auto;
    padding-bottom: 3px;
box-shadow: 0px 3px 4px -4px black;
-webkit-box-shadow: 0px 3px 4px -4px black;}
.call-box span {
      color: #000;
    font-size: 115%;
    position: relative;
    top: 2px;
    padding-top: 3px;
    letter-spacing: -1px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}
.menu-img {
  height: 27px;
    width: 27px;
    position: relative;
    top: -2px;
    margin-right: 5px;
    transition: .4s;
}

.header-right a:hover .menu-img { transform: scale3d(1.5, 1.5, 1.5); -webkit-transform: scale3d(1.5, 1.5, 1.5);}



/********Middle********/


.middle-content {    
    transform: unset !important;
    width: 100%;
    padding: 0 0;
    display: flex;
    flex-direction: column;  
    justify-content: flex-start;
    align-items: center;
    margin: 0px 0px 0px 0px;
    }

    .middle-bg {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: -1;
    display: table;
    overflow: hidden;
    }

  .middle-bg img {
    position:absolute;
    border: none;
    width: 100%;
        height: 100%;
    object-fit: cover;
    object-position: top;
  }

    .main-button {    
          padding: .7em 1em;
    font-size: 160%;
    font-family: 'roboto-regular';
    color: white;
    border-radius: 4px;
    text-shadow: 0px 1px 2px rgb(0, 0, 0);
    border: 2px solid rgb(255, 255, 255);
    background: #426f92;
    background: -moz-linear-gradient(top, #426f92 0%,rgb(100, 156, 202) 100%);
    background: -webkit-linear-gradient(top, #426f92 0%,rgb(100, 156, 202) 100%);
    background: linear-gradient(to bottom, #426f92 0%,rgb(100, 156, 202) 100%);
    box-shadow: 1px 7px 12px -4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 7px 12px -4px rgba(0,0,0,0.2);
    margin-bottom: 7%;}

    .main-button1 {    
            padding: .7em 1em;
    font-size: 120%;
    color: white;
    text-shadow: 0px 1px 2px rgb(0, 0, 0);
    border: 1px solid rgb(205, 205, 205);
    background: #1bd662;
    background: -moz-linear-gradient(top, #1bd662 0%,rgb(22, 159, 74) 100%);
    background: -webkit-linear-gradient(top, #1bd662 0%,rgb(22, 159, 74) 100%);
    background: linear-gradient(to bottom, #1bd662 0%,rgb(22, 159, 74) 100%);
    box-shadow: 1px 7px 12px -4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 7px 12px -4px rgba(0,0,0,0.2);
    margin: 2% 0 -4% 0;
    display: table;
    margin: 3% auto -4% auto;}

    .boxes-in {
            width: 100%;
            min-height: 530px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
           }

        .middle-box {
            width: 17%;
            min-width: 260px;
            margin: 0 20px;
            box-shadow: 0px 3px 16px -4px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0px 3px 16px -4px rgba(0, 0, 0, 0.5);
            position: relative;
            z-index: 4;
            overflow: hidden;
          cursor: pointer;}

            #middle-box-big {transform: scale3d(1.07, 1.07, 1.07); -webkit-transform: scale3d(1.07, 1.07, 1.07);}

            .middle-box h4 {
                      position: absolute;
                      margin-left: 15px;
                      margin-top: 15px;
                      color: #fff;
                      border: 1px solid #ffbb1a;
                      background: #000000;
                      padding: .3em 1em;
                      border-radius: 50px;
                      font-size: 105%;
                      z-index: 10;}
            
            .pic-box {
              position: relative;
              height: 253px;}

            .pic-img1 {
                height: 100%;
                width: 100%;
                object-fit: cover;
                transition: .4s;
            }

            .middle-box:hover .pic-img1 {transform: scale3d(1.07, 1.07, 1.07); -webkit-transform: scale3d(1.07, 1.07, 1.07);}

            .text-box {
                width: 100%;
                padding: .8vw 1vw;
                z-index: 1;
                background: rgba(255, 255, 255, 0.7);}

                .text-box p {
                  border-bottom: 1px dashed #ffba15;
                  padding-bottom: 10px;}

                .text-box button {
                    padding: .3em 1em;
                    font-size: 120%; 
                    color:black;
                    margin: 5px;
                    border-radius: 2px;
                    border: 1px ridge rgba(255, 255, 255, 0.6);
                    font-family: 'roboto-regular';
                    background: rgb(255,185,16); /* Old browsers */
                    background: -moz-linear-gradient(top, rgba(255,185,16,1) 0%, rgba(255,213,117,1) 100%); /* FF3.6-15 */
                    background: -webkit-linear-gradient(top, rgba(255,185,16,1) 0%,rgba(255,213,117,1) 100%); /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to bottom, rgba(255,185,16,1) 0%,rgba(255,213,117,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

            .under-box {
              position: relative;
              width: 100%;
              background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6-15 */
              background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
              background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                }

                .under-box-in {
                  display: flex;
                justify-content: flex-start;
                align-items: center;
                height: 38px;
                padding: .2em 1em;
                border-top: 1px solid rgba(0,0,0,0.1);
                background: rgba(255, 255, 255, 1);                }

                .icon-box {
                    display: inline-flex;
                    align-items: center;
                    height: 100%;
                    margin-right: 4%; 
                    color: #a0a0a0 !important;
                    font-size: 110%;}

                    .icon-box img { 
                        height: 59%;
                        width: auto;
                        margin-right: 5px; }


/*cookie*/

div.cookie_footer  {
        position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgb(40 40 40);
    color: #fff;
    text-align: center;
    font-size: 100%;
    padding: 15px;
    border-bottom: 1px solid #3a3a3a;
    z-index: 9999;
    transition: .3s;font-weight: 400;border-top: 1px solid #444444;
}
div.cookie_footer p {text-align: center;}
div.cookie_footer a {    padding: 3px 10px;
    transition: .3s;
    color: #fff;
    outline: 0;
    cursor: pointer;
    font-weight: bold;
    border-bottom: 1px dashed #898989;}
div.cookie_footer a:hover {color: #848484;}
div.cookie_footer input[type="button"] { 
   
    box-shadow: 0px 5px 7px -3px rgb(0 0 0);
    -webkit-box-shadow: 0px 5px 7px -3px rgb(0 0 0);
        transition: .3s;
    outline: 0;
    padding: 3px 15px 5px 15px;
    font-size: 100%;
    color: #fff;
    text-shadow: 0px 1px 2px rgb(0 0 0);
    border: 0px solid rgb(205, 205, 205);
    background: rgb(183 148 98);
    display: table;
    margin: 10px auto;
    text-align: center;
    letter-spacing: .03em;
    font-weight: bold;
    font-family: 'Playfair Display', serif;}

div.cookie_footer input[type="button"]:hover { transform: scale3d(0.95, 0.95, 0.95); -webkit-transform: scale3d(0.95, 0.95, 0.95); }

/*terms*/

.i-h2-title {
  font-size: 180%;
    border-bottom: 0px dashed #f86305;
    padding-bottom: 1em;
}

.in-menu-terms {
    display: flex;
    list-style: none;
    padding: 0;
    width: 100%;
    margin: 0;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #464646;
}
.click-menu-terms,.click-menu-terms-Activ {
    cursor: pointer;
    margin: 1% 3% 1% 1%;
    transition: .4s;
    font-size: 110%;
    color: #9d9d9d;
    font-weight: normal;
}
.click-menu-terms-Activ {
     color: #fff;
    background: #deba74;
    padding: .2em 1em;}


.terms-content { 
  width:90%; 
  margin-left: 5%;
  margin-top: 7em;
  background: #000; 
  /*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255, 255, 255, 0.9) 100%);*/
  padding: 1em 1em 4em 1em; 
  box-shadow: 0px 3px 7px -3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 3px 7px -3px rgba(0, 0, 0, 0.6);
text-align: left;}

.terms-title {
  text-align: left;
    margin: 1em 1em;
}

.terms-text {
      font-size: 110%;
    line-height: 22px;
    margin: 1em 2em;
    text-align: justify;
}
#i-h4-terms{
        margin: 1em;
    font-size: 130%;
    font-weight: normal;
color: #deba74;}
.i-h5-under{
    margin: 1em;
    position: relative;
    top: 5px;
    color: #deba74;
    font-weight: normal;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);

    line-height: 20px;
}
.i-p1 {
    margin: 1em;
    font-size: 110%;
    font-weight: normal;
        color: #e1e1e1;
    line-height: 20px;
}
.back{
  text-align: right;
    float: right;
    z-index: 100;
    cursor: pointer;
    width: max-content;
    display: inline-block;
    margin-top: -7px;
    display: none;
}

.mentveINGvillan3 {

  
    text-align: center;
    font-size: 100%;
    color: #d5cbbd;
    position: absolute;
    top: 8px;
   right: -100%;

    width: 100%;

    -webkit-animation: slide5 25s linear infinite ;

    animation: slide5 25s linear infinite;

    animation-timing-function: linear;

    -webkit-animation-timing-function: linear;

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

    height: 100%;
    text-shadow: 0px 1px 2px #707070;

}

@-webkit-keyframes slide5 {

     0% {right: -100%;}
    100% { right: 100%;}

}



@keyframes slide5 {

    0% {right:-100%;}
    100% { right: 100%;}

}

.mentveINGvillan4 {

  
    text-align: center;
    font-size: 100%;
    color: #d5cbbd;
    position: absolute;
    top: 8px;
   right: -100%;

    width: 100%;

    -webkit-animation: slide54 25s linear infinite ;

    animation: slide54 25s linear infinite;

    animation-timing-function: linear;

    -webkit-animation-timing-function: linear;

    -webkit-animation-delay: 12.5s;

    animation-delay: 12.5s;

    height: 100%;
    text-shadow: 0px 1px 2px #707070;

}

@-webkit-keyframes slide54 {

    0% {right: -100%;}
    100% { right: 100%;}

}



@keyframes slide54 {

   0% {right: -100%;}
    100% { right: 100%;}

}

/*.mentveINGvillan3 h5 {

        margin: 5px 0 0 0;
    font-size: 80%;
    font-weight: 500;
    white-space: nowrap;
    height: 90%;
    color: #d5cbbd;
    display: table;

}*/





/*@keyframes scrollTextStart {
  from { transform: translateX(0%); }
  to { transform: translateX(-100%); }
}
@keyframes scrollTextEnd {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }*/
}

/*Mobile*/

@media (max-width: 1410px) {
 707070iddle-content-in {   padding: 0 0 !important;
    }
    .call-box {}
    .header-left h4 {
    font-size: 300%;}

.middle-bg {padding: 0 0vw;    width: 100%;
    margin-left: unset;}
}

@media (max-width: 1300px) {

  .header-in {padding: 0 0;width: 99%;}
  .middle-bg {padding: 0 0vw;    width: 100%;
    margin-left: unset;}
    .middle-content {padding: 0 0vw; }
  .middle-content-in {padding: 0 2vw;}


  .top_black {
    width: 100%;
}

}


@media (max-width: 1050px) {
    .lapmenu {
    display: none;
}

.submenu {display: block;}
}



@media (max-width: 800px) { 
    .logo-row {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.fancy {
    margin: 0px auto 40px auto;
}
    .photos1 {
    width: 33%;
    border: 4px solid #fff;
    box-shadow: 1px 5px 8px -1px #b8b8b8;
    -webkit-box-shadow: 1px 5px 8px -1px #b8b8b8;
    transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    margin: 0px -1% 0 0%;
}


.photos2 {
    width: 33%;
    border: 4px solid #fff;
    box-shadow: 1px 5px 8px -1px #b8b8b8;
    -webkit-box-shadow: 1px 5px 8px -1px #b8b8b8;
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
}


.photos3 {
    width: 33%;
    border: 4px solid #fff;
    box-shadow: 1px 5px 8px -1px #b8b8b8;
    -webkit-box-shadow: 1px 5px 8px -1px #b8b8b8;
    transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    margin: 0 0 0 -1%;
}




.elitlogo {
    margin-top: 80px;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

#eicon {display: none;}
#ecim {}
.card-menu {
    width: 96%;
    min-height: 330px;
    margin: 15px 2% 15px 2% !important;
   
}

.card-title {
    margin: 0 0 -90px 0;
    font-size: 380%;
    line-height: 72px;}

#card-title-111 {
    margin: 75px auto 0 auto;
    font-size: 410%;
    color: #000000;
    letter-spacing: 4px;
    --stroke-width: 1px;
    filter: drop-shadow( 2px 6px 6px #000);
    -webkit-filter: drop-shadow( 2px 6px 6px #000);
    text-align: center;
}

#card-title-111 span {
    --stroke-width: 1px;
}

#card-title-221 {
    margin: -56px 0 -120px 140px;
    font-size: 200%;}

#card-title-321 {
        margin: 97px auto 0 auto;
    font-size: 100%;
    color: #ffffff;
    letter-spacing: 7px;
    display: table;
}


#card-title-11 {
    margin: 0 0 0 0;
    font-size: 65%;letter-spacing: 8px;}

#card-title-22 {
    margin: 0 0 -128px 0;
    font-size: 210%;}

#firstimg {width: 65% !important;
    margin: 0 auto 0px -50px !important;}
#secondimg {margin: 0 0px 0 auto !important;width: 65% !important;}
#thirdimg {    margin: 10px auto -20px -41px !important;; width: 60% !important;}

#fourthimg {
    width: 80% !important;
    margin: 20px auto -20px auto !important;
}

.card-under {
    padding: 15px;
}

#card-under1 {margin: -70px 0 0 auto !important;}
#card-under2 {margin: -70px 0 23px 0px !important;}
#card-under3 {    margin: -120px 0px 80px auto !important;}

.tele {
    max-width: 200px;
}

.top-content {
  
    margin: 0px auto 0px auto !important;
    
    top: 40px;
}

.carousel {
    padding-top: 70vh !important;
}

#tp_open1 {top: 63px;}
#tp_open2 {top: 63px;}
#tp_open3 {top: 63px;}
#tp_open4 {top: 63px;}

#tpc {min-height:  155px;margin: 0px auto 0px auto;}

.cards{ margin:  2% 2% 2% 2%;
    height: 350px;
    }
#bav {margin: -4px auto 6px auto !important;}

.card-title-black { padding:  5px 0px 5px 0px;
}
#cs1 {
  width: 47%;
        height: 180px;
        margin: 2% 1% 2% 1%;
}


#cs2 {
    width: 96%;
}

#cs31 {
    width: 96%;
}
#csk2 {
   width: 47%;
        height: 180px;
        margin: 2% 1% 2% 1%;
}

#cssz31 {
    width: 96%;
}

#cs3 {
    width: 96%;
   
}

#cs4 {
    width: 46%;
    background: url(../images/pince.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    transition: all .4s;
}


#cs11 {
  width: 96%;
}


#cs22 {
    width: 96%;
}

#cs313 {
    width: 96%;
}

#cs33 {
    width: 96%;
   
}

.cards:hover { background-size:auto 115% !important; background-position: left; transition: all .4s;}


.card-title-small {
  
        color: #9c8a71;
    text-transform: uppercase;
    font-size: 110%;
    margin-top: 10px;
    font-weight: 300;
}

.card-title-medium {
    color: #000000;
    text-transform: uppercase;
    font-size: 200%;
    margin: 0 0 10px 0;
    font-family: 'Anton';
}


.shoplogo {
    }

    .cimm {
    font-size: 130%;
}
header {}
   .orr {
    width: 46%;
    float: left;
    margin: 2%;}
#ora_sor {
    display: flex;
    flex-direction: column;
}
    .header-left span {
    font-size: 140%;}

.gold-title { font-size: 175%; white-space: normal;}

.backs {
    height: 100vh;
    width: 100vw;
    top: 30px;    object-fit: cover;
    object-position: left;
}
.e_kep {width: 95% !important;    margin-bottom: 40px !important;}
.e_ul {width: 100% !important;}
.under_t {font-size: 100% !important;
    line-height: 25px !important;}
#sz_rows {max-width: 100% !important;}
.feher_keret {margin: 10px 0 15px 0 !important;}
.logo-table {
    list-style: none;
    display: table;
    width: 100%;
    margin: 0 auto;
    padding: 0px 0 0 0;
    text-align: center;
}
.orali {
    float: left;
    text-align: center;
    margin: 0 auto;
    min-width: 33%;
}
.logos {
        width: 75px !important;
    margin: 0 10px;
}
.middle-box-gold {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 0vh;
}
.rows {width: 100%; display: flex; flex-direction: column;margin: 0; }
.rows-in {flex: 1;max-width: 100%; }
#r-last {
    flex-direction: row;
}
.rows-in-double {flex: 1; display: flex; flex-direction: row;max-width: 100%;    margin-top: 20px;}


.middle-box-gold-in {
    background-position: 27% 0;   
}
#middle-box-gold-in-s {
    background-position: 27% 0;   
}
#middle-box-gold-in-p {
    background-position: 27% 0;   
}
#middle-box-gold-in-a {
    background-position: 27% 0;   
}
.c-box {
   margin-top: 0vh;}

.g1 {
    font-size: 180%;
    margin: -20px auto 10px auto; }

    .g2 {
    font-size: 450%; }

    .g3 {
    font-size: 110%; }

    .g4 {
    font-size: 100%; padding: 2px 10px; line-height: 21px;}


.a-t {display: none;}

.top2 {
    width: 100%;
    margin-bottom: 10px;
   
}
.ttiitle {
   font-size: 140%;
    line-height: 26px;
    padding: 8px 10px 5px 10px;
    margin: 10vh auto 0 auto;width: 100%;}
.top-pic-au {
   width: 50%;
    left: 0;height: 75vh;
}

.top-pic-ar {
   width: 50%;
    left: 0;height: 75vh;
}

.top-pic-ez {
    width: 50%;
    left: 0;height: 75vh;
}

.top-pic-er {
    width: 50%;
    left: 0;height: 75vh;
}

.top-pic-re {
    width: 50%;
    left: 0;height: 75vh;
}

.top-pic-po {
    width: 50%;
    left: 0;height: 75vh;
}
.top-pic-fe {
    width: 50%;
    left: 0;height: 75vh;
}


.jjj {width: 100% !important;}
.ttiitle1 {
      font-size: 320%;
    padding: 25px 21px 15px 21px;
    margin: 288px auto 0 auto;
    border: 6px solid white;}
.top-pic-au1 {
   border: none;
    background-size: cover;
    background-position: center; height: 350px; 
}

.top-pic-ar1 {
   border: none;
    background-size: cover;
    background-position: center;
    height: 350px;
   
}

.top-pic-ez1 {
   border: none;
    background-size: cover;
    background-position: center; height: 350px;
}

.top-pic-er1 {
   border: none;
    background-size: cover;
    background-position: center; height: 350px;
}

.top-pic-re1 {
   border: none;
    background-size: cover;
    background-position: center; height: 350px;
}

.top-pic-po1 {
   border: none;
    background-size: cover;
    background-position: center; height: 350px;
}
.top-pic-fe1 {
   border: none;
    background-size: cover;
    background-position: center; height: 350px;
}

.top3 {
    width: 100%;
    position: sticky;
    position: -webkit-sticky;
    top: 63px;
    padding: 3px 0 3px 0;
}

#top3mix {height: 24px;}
}














@media (max-width: 450px) { 


.tc-title {
        font-size: 150%;
    padding: 10px 10px 10px 10px;
}

.tc-title-1 {
    margin-top: 4vh;
}


.top_black {
    width: 100%;
}
.GALERIA_BLOKK {
    padding: 16px 0px 30px 0px;
   
}


.tlogo {        height: 54px;
        object-fit: cover;
        margin-top: 6px;}


.fotitle {
    font-size: 250%;
    padding: 20px 30px 18px 30px;
    }


    .mentveINGvillan3 {

  
    text-align: center;
    font-size: 99%;
    color: #d5cbbd;
    position: absolute;
    top: 5px !important;
   right: -500%;

    width: 500%;

    -webkit-animation: slide5 25s linear infinite ;

    animation: slide5 25s linear infinite;

    animation-timing-function: linear;

    -webkit-animation-timing-function: linear;

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

    height: 100%;
    text-shadow: 0px 1px 2px #707070;

}

@-webkit-keyframes slide5 {

     0% {right: -500%;}
    100% { right: 500%;}

}



@keyframes slide5 {

    0% {right:-500%;}
    100% { right: 500%;}

}

.mentveINGvillan4 {

  
    text-align: center;
    font-size: 99%;
    color: #d5cbbd;
    position: absolute;
    top: 5px !important;
   right: -500%;

    width: 500%;

    -webkit-animation: slide54 25s linear infinite ;

    animation: slide54 25s linear infinite;

    animation-timing-function: linear;

    -webkit-animation-timing-function: linear;

    -webkit-animation-delay: 12.5s;

    animation-delay: 12.5s;

    height: 100%;
    text-shadow: 0px 1px 2px #707070;

}

@-webkit-keyframes slide54 {

    0% {right: -500%;}
    100% { right: 500%;}

}



@keyframes slide54 {

   0% {right: -500%;}
    100% { right: 500%;}

}


    .corner {position: fixed; left: 0px; top: 61px; z-index:1128; width: 23%; height: 10%;}
.corner1 {position: fixed; bottom: 0px; right: 0px; z-index: 1128; width: 21%; height: 10%;}

 .header-left img {
    width: auto;
    height: 43%;
    margin: 0 0 0 10px;
}

.card-block {
   
    margin: 0 auto;
}

.topcim {
    /*display: table;
    margin: 0px auto 0 auto;
    color: #000000;
    font-size: 140%;*/
}

.obuda {max-width: 845px;display: table; margin: 75px auto 0 auto; width: 98%;}




.alsocim {max-width: 700px;
    display: table;
    margin: 0px auto 0 auto; width: 98%;}


.card-menu {}

#firstcard {
    margin-left: 2%;
}

.card-under {
   
}

.card-menu1 {
    width: 90%;
    margin: 5%;}

.card-menu2 {
    width: 90%;
    margin: 5%;}

.card-under1 {
    font-size: 100%;
    margin: 10px 0 0 0;
    text-transform: unset;
    color: #ffffff;
    padding-bottom: 30px;
    font-weight: bold;
    line-height: 26px;
}
    .ocim {
    max-width: 845px;
    display: table;
    margin: -20px auto 0 auto;width: 98%;
}
.teleff {
    max-width: 740px;
    display: table;
    margin: 0px auto 0px auto;width: 98%;
}

.middle-content {
    margin: 20px 0px 0px 0px;
}

#r-last {
    flex-direction: column;
}

#r1_1 {max-width: 100%}

#r2_1 {max-width: 40%;display: flex;
    align-items: center;
    justify-content: center;}
#r2_22 {display: none;}
#r2_111 {display: none;}
#r1_4 {
    
    width: 100%;
}

#orakul {
    margin: 2em 0em;
    padding: 0px;
    text-align: left;
    width: 90% !important;}

  /*  .mentveINGvillan3 {

    margin: 0px auto;

    text-align: center;

    font-size: 140%;

    position: relative;

   right: -100%;

    width: 100%;

    -webkit-animation: slide5 45s linear infinite ;

    animation: slide5 45s linear infinite;

    animation-timing-function: ease-out;

    -webkit-animation-timing-function: ease-out;

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

    height: 100%;

}



.mentveINGvillan3 h5 {

    margin: 5px 0 0 0;
    font-size: 75%;


    font-weight: 500;

    white-space: nowrap;

    height: 90%;

}

@-webkit-keyframes slide5 {

    0% {right: -100%;}

    100% { right: 850%; }

}



@keyframes slide5 {

    0% {right: -100%;}

    100% { right: 850%; }

}*/




#r2_3 {max-width: 100%;max-width: 96%;
    border-radius: 10px;
    margin: 0 auto;margin-bottom: 20px;    background: none;}
.rid2 {width: 100%;
    position: relative;
    z-index: -1;    background: url(../images/f1_2n.png);background-size: contain; background-repeat: no-repeat;     background-position: center; }
#f1 { background: url(../images/f1_2n.png) no-repeat; background-size: cover;     background-position: center;}
#s11 { background: url(../images/s1_2.jpg) no-repeat; background-size: cover;     background-position: center;}
#p1 { background: url(../images/p1_2.jpg) no-repeat; background-size: cover;     background-position: center;}
#a1 { background: url(../images/a1_2.jpg) no-repeat; background-size: cover;     background-position: center;}

#f2 { background: url(../images/f2_1.jpg) no-repeat; background-size: cover;     background-position: center;display: none;}
#s12 { background: url(../images/s2_1.jpg) no-repeat; background-size: cover;     background-position: center;}
#p2 { background: url(../images/p2_1.jpg) no-repeat; background-size: cover;     background-position: center;}
#a2 { background: url(../images/a2_1.jpg) no-repeat; background-size: cover;     background-position: center;}

#f3 { background: url(../images/f3.jpg) no-repeat; background-size: cover;     background-position: center;}
#s13 { background: url(../images/s3_1.jpg) no-repeat; background-size: cover;     background-position: center;}
#p3 { background: url(../images/p3_1.jpg) no-repeat; background-size: cover;     background-position: center;}
#a3 { background: url(../images/a3_1.jpg) no-repeat; background-size: cover;     background-position: center;}

}

@media (max-width: 330px) { 

#gm {display: none;}}

@font-face {
  font-family: 'NeutraText-BookAlt';
  src: url('../font/NeutraText-BookAlt.eot?#iefix') format('embedded-opentype'),  url('../font/NeutraText-BookAlt.otf')  format('opentype'),
         url('../font/NeutraText-BookAlt.woff') format('woff'), url('../font/NeutraText-BookAlt.ttf')  format('truetype'), url('../font/NeutraText-BookAlt.svg#NeutraText-BookAlt') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BerlinSansFB-Bold';
  src: url('../font/BerlinSansFB-Bold.eot?#iefix') format('embedded-opentype'),  url('../font/BerlinSansFB-Bold.woff') format('woff'), url('../font/BerlinSansFB-Bold.ttf')  format('truetype'), url('../font/BerlinSansFB-Bold.svg#BerlinSansFB-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BerlinSansFB-Reg';
  src: url('../font/BerlinSansFB-Reg.eot?#iefix') format('embedded-opentype'),  url('../font/BerlinSansFB-Reg.woff') format('woff'), url('../font/BerlinSansFB-Reg.ttf')  format('truetype'), url('../font/BerlinSansFB-Reg.svg#BerlinSansFB-Reg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NeutraText-Book';
  src: url('../font/NeutraText-Book.eot?#iefix') format('embedded-opentype'),  url('../font/NeutraText-Book.otf')  format('opentype'),
         url('../font/NeutraText-Book.woff') format('woff'), url('../font/NeutraText-Book.ttf')  format('truetype'), url('../font/NeutraText-Book.svg#NeutraText-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Scriptina';
  src: url('../font/Scriptina.eot?#iefix') format('embedded-opentype'),  url('../font/Scriptina.woff') format('woff'), url('Scriptina.ttf')  format('truetype'), url('../font/Scriptina.svg#Scriptina') format('svg');
  font-weight: normal;
  font-style: normal;
}





@font-face {
  font-family: 'Roboto-Thin';
  src: url('../font/roboto-thin.eot');
  src: url('../font/roboto-thin.eot?#iefix') format('embedded-opentype'),
       url('../font/roboto-thin.woff') format('woff'),
       url('../font/roboto-thin.ttf') format('truetype'),
       url('../font/roboto-thin.svg#Roboto-Thin') format('svg');
}

.fontpro,.fontpro-28170 {
  font-family: 'Roboto-Thin',sans-serif;
}

@font-face {
  font-family: 'Roboto-Regular';
  src: url('../font/roboto-regular.eot');
  src: url('../font/roboto-regular.eot?#iefix') format('embedded-opentype'),
       url('../font/roboto-regular.woff') format('woff'),
       url('../font/roboto-regular.ttf') format('truetype'),
       url('../font/roboto-regular.svg#Roboto-Regular') format('svg');
}

.fontpro,.fontpro-28169 {
  font-family: 'Roboto-Regular',sans-serif;
}

@font-face {
  font-family: 'Roboto-Light';
  src: url('../font/roboto-light.eot');
  src: url('../font/roboto-light.eot?#iefix') format('embedded-opentype'),
       url('../font/roboto-light.woff') format('woff'),
       url('../font/roboto-light.ttf') format('truetype'),
       url('../font/roboto-light.svg#Roboto-Light') format('svg');
}

.fontpro,.fontpro-28165 {
  font-family: 'Roboto-Light',sans-serif;
}

@font-face {
    font-family: 'oswald_stencilbold';
    src: url('../font/oswald-stencil-webfont.eot');
    src: url('../font/oswald-stencil-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/oswald-stencil-webfont.woff2') format('woff2'),
         url('../font/oswald-stencil-webfont.woff') format('woff'),
         url('../font/oswald-stencil-webfont.ttf') format('truetype'),
         url('../font/oswald-stencil-webfont.svg#oswald_stencilbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'neutra_text';
    src: url('../font/neutratext-bookalt-webfont.eot');
    src: url('../font/neutratext-bookalt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/neutratext-bookalt-webfont.woff2') format('woff2'),
         url('../font/neutratext-bookalt-webfont.woff') format('woff'),
         url('../font/neutratext-bookalt-webfont.ttf') format('truetype'),
         url('../font/neutratext-bookalt-webfont.svg#neutra_textbook_alt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'CenturyGothic';
  src: url('../font/CenturyGothic.eot?#iefix') format('embedded-opentype'),  
  url('../font/CenturyGothic.woff') format('woff'), 
  url('../font/CenturyGothic.ttf')  format('truetype'), 
  url('../font/CenturyGothic.svg#CenturyGothic') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'PTSans-Regular';
  src: url('../font/PTSans-Regular.eot?#iefix') format('embedded-opentype'), 
   url('../font/PTSans-Regular.woff') format('woff'), 
   url('../font/PTSans-Regular.ttf')  format('truetype'), 
   url('../font/PTSans-Regular.svg#PTSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'KunstlerScript';
  src: url('../font/KunstlerScript.eot?#iefix') format('embedded-opentype'),  url('../font/KunstlerScript.woff') format('woff'), url('../font/KunstlerScript.ttf')  format('truetype'), url('../font/KunstlerScript.svg#KunstlerScript') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* anton-regular - latin */
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url('../font/anton-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/anton-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/anton-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/anton-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/anton-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/anton-v23-latin-regular.svg#Anton') format('svg'); /* Legacy iOS */
}



.irjon-grid-item  > input:invalid { box-shadow: none;}