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

body {
     
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.05em;
     color: #000;
    /*background: url(../images/og1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;*/
    background: #fff;
    width: 100%;
    min-height: 100vh; 
    margin: 0;   
}

a { text-decoration: none; color: inherit; outline: 0; }
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; }
h5 {font-weight: 300;
}
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: #fff !important;
    opacity: 0.8 !important;
}

.mentveINGvillan3 {

    margin: 0px auto;

    text-align: center;

    font-size: 120%;

    position: relative;

   right: 0%;

    width: 100%;

    -webkit-animation: slide5 55s linear infinite ;

    animation: slide5 55s 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: 8px 0 0 0;
    font-size: 82%;
    font-weight: 300;
    white-space: nowrap;
    height: 90%;
    color: #ffffff;

}

@-webkit-keyframes slide5 {

    0% {right: -100%;}

    100% { right: 210%; }

}



@keyframes slide5 {

    0% {right: -100%;}

    100% { right: 210%; }

}

.mentveINGvillan {
  color: white;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
    
    text-align: center;
    font-weight: normal;
    font-size: 130%;
    width: 90%;
    max-width: 400px;
    filter: invert(100%);
    -webkit-filter: invert(100%);
    /*border: 4px double #0b0b0b;
    animation: blink-caret 5s forwards infinite;*/
    padding: 4px;
    transition: .4s all;

 
}

@keyframes blink-caret {
  from, to { border-color: transparent;  }
  0% { transform: scale(1); -webkit-transform: scale(1);}
  50% { transform: scale(.7) rotate(360deg); -webkit-transform: scale(.7) rotate(360deg);}
  100% {transform: scale(1); -webkit-transform: scale(1); }
}

-webkit-@keyframes blink-caret {
  from, to { border-color: transparent;  }
  0% { transform: scale(1); -webkit-transform: scale(1);}
  50% { transform: scale(.7) rotate(360deg); -webkit-transform: scale(.7) rotate(360deg);}
  100% {transform: scale(1); -webkit-transform: scale(1); }
}





#ora_ar {
    color: #141414;
    margin-left: 0px;
    font-size: 85%;
    font-weight: 800;
    text-align: center;
}

.top3 {
  width: 100%;
    height: 33px;
    position: fixed;
    z-index: 100;
    top: 98px;
    background: #000;
        border-bottom: 1px solid #000000;
    box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.75);
}

.ppp {
   
   width: 43% !important;
    margin: 2% 2% 2% 2% !important;
    border-radius: 6px;
    box-shadow:2px 4px 8px 0px rgba(34, 34, 34, .25);
    -webkit- box-shadow: 2px 4px 8px 0px rgba(34, 34, 34, .25);
    display: inline-block !important;
}

.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;
}

.fancybox-image, .fancybox-spaceball {
border: 6px solid white; }

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

.aranytabla {    position: relative;
    display: table;
    list-style: none;
    color: #fff;
    margin: 0 auto 40px auto;
    padding: 0;
    width: 100%;
    left: 0%;}

.aranytabla li {
    display: inline-table;
    width: 23%;
    margin: 2% 1%;
    padding-bottom: 5px;

    /*box-shadow:0px 4px 9px -3px rgba(0,0,0,.31);
    -webkit-box-shadow:0px 4px 9px -3px rgba(0,0,0,.31);*/
    border:0px solid rgb(176, 176, 176);
    border-radius: 2px;
        /*background: rgb(24, 24, 24);
    background: -moz-linear-gradient(top, rgb(255 255 255) 0%,rgb(247 247 247) 100%);
    background: -webkit-linear-gradient(top, rgb(255 255 255) 0%,rgb(247 247 247) 100%);
    background: linear-gradient(to bottom, rgb(255 255 255) 0%,rgb(247 247 247) 100%);*/
     /*min-height: 345px;
    background-color: #353535;
    background-image: url(../images/logo_header2.png);
    background-size: cover;
    background-position: center;*/
}

#a1-li {width: 30%;
    text-align: center;
    margin: 0 1.5% 4% 1.5%;}
#a1-li1 {width: 48%; text-align: center;color: #000;}
.aranytabla h1 {
       text-align: center;
    padding: 4px 5px;
    line-height: 24px;
    font-size: 120%;
    text-transform: uppercase;
    color: #333;
    /*border: 1px solid #ffe0a7;*/
    
    outline: 0;
    display: table;
    font-weight: 300;
    margin: 13px auto 0px auto;
    transition: .4s;
    color: #000;
    font-weight: 900;
    letter-spacing: -.03em;
    /*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: #000000;
    --stroke-width: 1px;
    background: #000;*/
}

.aranytabla img {
    width: 80%;
    margin: 0 auto;
    display: table;
    max-height: 300px;
    object-fit: contain;
}

.at-in {
    /*min-height: 170px;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 95%;
    margin: 0 auto;
}

.aranytabla h3 {
   /*text-align: center;
    padding: 4px 10px;
    line-height: 22px;
    font-size: 120%;
    color: #000;
    border: 1px solid rgb(74 74 74);
    background: rgb(255 255 255);
    outline: 0;
    display: table;
    font-weight: 500;
    margin: 0px auto 0px auto;
    transition: .4s;
        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: #000000;
    --stroke-width: 2px;
    --stroke-width: 1px;
    color: #ecd49f;*/


      /*  text-align: left;
    padding: 4px 10px;
    line-height: 25px;
    font-size: 120%;
    border: 1px solid rgb(74 74 74);
    outline: 0;
    display: table;
    font-weight: 900;
    letter-spacing: -.03em;
    margin: 0px auto 0px auto;
    transition: .4s;
    color: #000000;
    text-shadow: 0px 1px 1px #fff;
    background: rgb(212, 158, 102);
    background: -moz-linear-gradient(top, rgb(255 229 182) 0%,rgb(254 209 118) 100%);
    background: -webkit-linear-gradient(top, rgb(255 229 182) 0%,rgb(254 209 118) 100%);
    background: linear-gradient(45deg, rgb(255 229 182) 0%,rgb(254 209 118) 100%);*/

    text-align: left;
    padding: 4px 10px;
    line-height: 25px;
    font-size: 120%;
    outline: 0;
    display: table;
    font-weight: 500;
    letter-spacing: -.03em;
    margin: 0px auto 0px auto;
    transition: .4s;
    color: #000000;
    text-shadow: 0px 1px 1px #fff;
    background: rgb(212, 158, 102);
    background: -moz-linear-gradient(top, rgb(255 229 182) 0%, rgb(254 209 118) 100%);
    background: -webkit-linear-gradient(top, rgb(255 229 182) 0%, rgb(254 209 118) 100%);
    background: linear-gradient(45deg, rgb(255 229 182) 0%, rgb(254 209 118) 100%);
    background: rgb(210, 167, 72);
    background: -moz-linear-gradient(left, rgba(210, 167, 72, 1) 0%, rgba(250, 223, 117, 1) 33%, rgba(222, 185, 85, 1) 74%, rgba(249, 222, 116, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(210, 167, 72, 1) 0%, rgba(250, 223, 117, 1) 33%, rgba(222, 185, 85, 1) 74%, rgba(249, 222, 116, 1) 100%);
    background: linear-gradient(to right, rgba(210, 167, 72, 1) 0%, rgba(250, 223, 117, 1) 33%, rgba(222, 185, 85, 1) 74%, rgba(249, 222, 116, 1) 100%);

    background: #deb955;
}

.kka {
    color: #fff;
    font-weight: 800;
    letter-spacing: -.03em;
    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: #000000;
    --stroke-width: 1px;
    font-size: 90%;
}

.aranytabla h4 {
        text-align: center;
    font-size: 90%;
    color: #000 !important;
    opacity: 1 !important;
    display: table;
    margin: -10px auto 15px auto;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 20px;
}

.top-pic-au {
        position: absolute;
    margin: -4px 0 0 0;
    height: 130px;
    overflow: hidden;
    background: url(../images/otop.jpg) no-repeat;
    width: 100%;
    background-size: 100% auto;
    background-position: center;
        border-bottom: 2px solid #b0b0b0;
    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-ar {
        position: absolute;
    margin: -4px 0 0 0;
    height: 130px;
    overflow: hidden;
    background: url(../images/atop.jpg) no-repeat;
    width: 100%;
    background-size: 100% auto;
    background-position: center;
        border-bottom: 2px solid #b0b0b0;
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 1);
    display: none;
}

.top-pic-ez {
        position: absolute;
    margin: -4px 0 0 0;
    height: 130px;
    overflow: hidden;
    background: url(../images/eztop.jpg) no-repeat;
    width: 100%;
    background-size: 100% auto;
    background-position: center;
        border-bottom: 2px solid #b0b0b0;
    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-bo {
        position: absolute;
    margin: -4px 0 0 0;
    height: 130px;
    overflow: hidden;
    background: url(../images/bo_big.jpg) no-repeat;
    width: 100%;
    background-size: 100% auto;
    background-position: center;
        border-bottom: 2px solid #b0b0b0;
    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-fe {
        position: absolute;
    margin: -4px 0 0 0;
    height: 130px;
    overflow: hidden;
    background: url(../images/fe_big.jpg) no-repeat;
    width: 100%;
    background-size: 100% auto;
    background-position: center;
        border-bottom: 2px solid #b0b0b0;
    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-er {
        position: absolute;
    margin: -4px 0 0 0;
    height: 130px;
    overflow: hidden;
    background: url(../images/ertop.jpg) no-repeat;
    width: 100%;
    background-size: 100% auto;
    background-position: center;
        border-bottom: 2px solid #b0b0b0;
    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-po {
        position: absolute;
    margin: -4px 0 0 0;
    height: 130px;
    overflow: hidden;
    background: url(../images/ptop.jpg) no-repeat;
    width: 100%;
    background-size: 100% auto;
    background-position: center;
        border-bottom: 2px solid #b0b0b0;
    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-re {
        position: absolute;
    margin: -4px 0 0 0;
    height: 130px;
    overflow: hidden;
    background: url(../images/retop.jpg) no-repeat;
    width: 100%;
    background-size: cover;
    background-position: center;
        border-bottom: 2px solid #b0b0b0;
    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;
}

.rows-in-double-in {
    flex: 1;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    margin: 0 1%;
}

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

.orali {
    float: left;
    text-align: center;
    margin: 0 auto;
    min-width: 33%;
}
.logos {
        width: 85px;
    margin: -12px 10px;
}
.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%);
}


.top1 { 
          width: 100%;
    display: flex;
    align-items: center;
    top: 62px;
    height: 42px;
    margin: 0 auto;
    position: fixed;
    padding: 0 1.5vw;
    z-index: 100;
        background: #fff;
    border-bottom: 1px solid #fff;
    box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.75);
    }
.top1-h4 {
    color: #fff;
    font-size: 130%;
    font-weight: bold;
    margin: 3px 0 0 0;
    width: 46%;
    letter-spacing: -.03em;
}

.top1-h5 {
    color: #fff !important;

    font-size: 100%;
    width: 54%;
    text-align: right;
     margin: 0;
}
.top2 {width: 98%;
    margin-bottom: 0px;
    z-index: 1000;
    margin-top: 0px;overflow: hidden;
    position: relative;
    box-shadow: 0px 4px 9px -3px rgba(0,0,0,.31);
    -webkit-box-shadow: 0px 4px 9px -3px rgba(0,0,0,.31);border-radius: 5px;}
.top2 img {  object-fit: cover;
    width: 100%;
    display: table;
    margin: 0 auto;}
.middle-box-gold {width: 100%; display: flex; flex-direction: column; margin-top:3vh;}
.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: 250%;
    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;
}

.sztii { font-size: 125%;
    margin: 13px 0px 0 0px;
    color: #000;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.03em;
    text-align: center;
    display: flex;
    align-items: center;
    background: rgb(212, 158, 102);
    background: -moz-linear-gradient(top, rgb(255 229 181) 0%,rgb(255 208 119) 100%);
    background: -webkit-linear-gradient(top, rgb(255 229 181) 0%,rgb(255 208 119) 100%);
    background: linear-gradient(45deg, rgb(255 229 181) 0%,rgb(255 208 119) 100%);
    padding: 2px 10px;}
.sztii span {     position: relative;
    border: 0px solid rgb(176, 176, 176);
    text-align: center;
    width: 100%;
    padding: 5px 0px;
    font-size: 115%;
    text-transform: uppercase;
    outline: 0;
    display: table;
    margin: 0px auto 0px auto;
    transition: .4s;
    color: #fff;
    font-weight: 900;
    letter-spacing: -.03em;
    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: #707070;
    --stroke-width: 1px;}
.ululul {margin-top:  0em;margin-bottom: 10px;}
.aranycim {background: rgb(212, 158, 102);
    background: -moz-linear-gradient(top, rgb(255 229 181) 0%,rgb(255 208 119) 100%);
    background: -webkit-linear-gradient(top, rgb(255 229 181) 0%,rgb(255 208 119) 100%);
    background: linear-gradient(45deg, rgb(255 229 181) 0%,rgb(255 208 119) 100%);
    text-shadow: 0px 1px 1px #fff;
    border: 0px solid rgb(176, 176, 176);
    text-align: center;
    width: 100%;
    line-height: 26px;
    padding: 5px 0px;
    font-size: 115%;
    text-transform: uppercase;
    color: #000;
    outline: 0;
    display: table;
    font-weight: 800;
    margin: 0px auto 10px auto;
    transition: .4s;
    letter-spacing: -.03em;

color: #000000;
    text-shadow: 0px 1px 1px #fff;
color: #fff;font-weight: 900; letter-spacing: -.03em;
    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: #707070;
    --stroke-width: 1px;}

    .feketecim {background: #000;
    text-shadow: 0px 1px 1px #fff;
    border: 0px solid rgb(176, 176, 176);
    text-align: center;
    width: 100%;
    line-height: 24px;
    padding: 5px 0px;
    font-size: 100%;
    text-transform: uppercase;
    color: #fff;
    outline: 0;
    display: table;
    font-weight: 700;
    margin: 0px auto 10px auto;
    transition: .4s;
    letter-spacing: -.03em;

    text-shadow: 0px 1px 1px #000;}


    .aranyh5 {color: #000;
    text-align: center;
    line-height: 20px;
    font-size: 90%;
font-weight: 800;}

#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;}
.rows-in-double {flex: 1; max-width: 50%; display: flex; flex-direction: row;    margin: 0 0%;}
.rid1 {flex: 1; max-width: 100%;}
.rid2 {flex: 1; max-width: 100%;
    position: relative;
    z-index: -1;     /* box-shadow: 0px 4px 9px -3px rgba(0,0,0,.31);
    -webkit-box-shadow: 0px 4px 9px -3px rgba(0,0,0,.31);*/
    border: 0px solid rgb(176, 176, 176);
    border-radius: 2px;margin: 0 0% 0 0%;}
#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 {
 

   
}
  .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%;
}


#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;
    /*box-shadow: 0px 4px 9px -3px rgba(0,0,0,.31);
    -webkit-box-shadow: 0px 4px 9px -3px rgba(0,0,0,.31);*/
    border: 0px solid rgb(176, 176, 176);
    border-radius: 5px;
    /*background: rgb(24, 24, 24);
    background: -moz-linear-gradient(top, rgb(255 255 255) 0%,rgb(247 247 247) 100%);
    background: -webkit-linear-gradient(top, rgb(255 255 255) 0%,rgb(247 247 247) 100%);
    background: linear-gradient(to bottom, rgb(255 255 255) 0%,rgb(247 247 247) 100%);*/
    
}


.gold-title {    text-align: center;
    color: #fff;
    font-size: 120%;
    text-transform: uppercase;
    padding: .5em 1em;
    text-shadow: 0px 1px 2px rgb(0, 0, 0);
    background: #040404;
    margin-bottom: 20px;
    outline: 0;
    display: table;
    margin: 0 auto 10px auto;
    transition: .4s;
    font-weight: 300;

    box-shadow: 0px 3px 9px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0px 3px 9px 1px rgba(0,0,0,.05);
    border: 0px solid rgb(176, 176, 176);
    border-radius: 2px;
    background: rgb(24, 24, 24);
    background: -moz-linear-gradient(top, rgb(51, 51, 51) 0%,rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgb(51, 51, 51) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgb(51, 51, 51) 0%,rgba(0,0,0,1) 100%);}

#r1_2 {
    /*background: url(../images/og1.jpg);
    background-size: contain;
    background-position: center;
    background-color: rgb(4, 4, 4);*/
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
   box-shadow: 0px 4px 9px -3px rgba(0,0,0,.31);
    -webkit-box-shadow: 0px 4px 9px -3px rgba(0,0,0,.31);
    border: 0px solid rgb(176, 176, 176);
    border-radius: 2px;
    background: rgb(24, 24, 24);
    background: -moz-linear-gradient(top, rgb(255 255 255) 0%,rgb(247 247 247) 100%);
    background: -webkit-linear-gradient(top, rgb(255 255 255) 0%,rgb(247 247 247) 100%);
    background: linear-gradient(to bottom, rgb(255 255 255) 0%,rgb(247 247 247) 100%);
}

#r1_2border {
   /*background: url(../images/og1.jpg);
    background-size: contain;
    background-position: center;
    background-color: rgb(4, 4, 4);justify-content: center;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    box-shadow: 0px 4px 9px -3px rgba(0,0,0,.31);
    -webkit-box-shadow: 0px 4px 9px -3px rgba(0,0,0,.31);
    border: 0px solid rgb(176, 176, 176);
    border-radius: 5px;
}

.c1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 24px;
    background: url(../images/c1.png) no-repeat;
    z-index: 6;
    background-size: auto 100%;
    display: none;
}

.c2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 24px;
    background: url(../images/c2.png) no-repeat;
    z-index: 6;
    background-size: auto 100%;
    display: none;
}

.c3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 24px;
    background: url(../images/c3.png) no-repeat;
    z-index: 6;
    background-size: auto 100%;
    display: none;
}

.c4 {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 24px;
    background: url(../images/c4.png) no-repeat;
    z-index: 6;
    background-size: auto 100%;
    display: none;
}

.b1{position: absolute;
   position: absolute;
    top: 0;
    width: 100%;
    height: 20px;
    background: url(../images/b1.jpg);
    z-index: 1;
    background-size: auto 100%;
    display: none;
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);
display: none;}
.b3 {  position: absolute;
    bottom:  0;
    width: 100%;
    height: 20px;
    background: url(../images/b3.jpg);
    z-index: 1;
    background-size: auto 100%;
    display: none;
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);display: none;}

.orr {
  width: 46%;
    float: left;
    margin: 1% 2% 1% 2%;
    overflow: hidden;
    box-shadow: 0px 3px 8px -3px rgba(0,0,0,.31);
    -webkit-box-shadow: 0px 3px 8px -3px rgba(0,0,0,.31);
    border: 0px solid rgb(176, 176, 176);
    border-radius: 2px;
}

.ezz {
    width: 48%;
    float: left;
      margin: 0% 0% 0% 0%;

    overflow: hidden;
  /*box-shadow: 0px 4px 9px -3px rgba(0,0,0,.31);
    -webkit-box-shadow: 0px 4px 9px -3px rgba(0,0,0,.31);
    border: 0px solid rgb(176, 176, 176);
    border-radius: 2px;*/
}

#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 {/*background: rgb(24, 24, 24);
    background: -moz-linear-gradient(top, rgb(51, 51, 51) 0%,rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgb(51, 51, 51) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgb(51, 51, 51) 0%,rgba(0,0,0,1) 100%);

    background-color: #353535;
    background-image: url(../images/logo_header2.png);
    background-size: contain;
    background-position: center;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
   

    box-shadow: 0px 3px 9px 1px rgba(0,0,0,.31);
    -webkit-box-shadow: 0px 3px 9px 1px rgba(0,0,0,.31);
    border: 0px solid rgb(176, 176, 176);
    border-radius: 2px;
    background: rgb(24, 24, 24);
    background: -moz-linear-gradient(top, rgb(51, 51, 51) 0%,rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgb(51, 51, 51) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgb(51, 51, 51) 0%,rgba(0,0,0,1) 100%);
padding: 10px 10px 10px 10px;    border-radius: 6px;
    overflow: hidden;
}

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


#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;
    /*background: url(../images/tapety.jpg) no-repeat;
    background-size: cover;
    background-position: center;*/
        border-bottom: 2px solid #000;
        background: #000;
    z-index: 1000;
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow:0px 4px 8px -2px rgba(0, 0, 0, 0.75);
    width: 100%;
    flex-direction: row;
    margin: unset;
    position: fixed;
    top: 0px;
}

.header-in {
     display: flex;
    padding: 0 1vw;
    width: 100vw;
    margin-left: 0;
    flex-direction: row;
    height: 60px;}

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

      .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: 105%;
    margin: 0px 5px 0 5px; }

    .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: #bbb;
    letter-spacing: .04em;
    width: 100%;
    height: 100%;
    text-align: left;
        margin: 14px 0 0 -5px;
    font-size: 130%;
    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: 100%;
    display: flex;
    flex-direction: row;
    flex: 2;
    justify-content: flex-end;
    align-items:center;  }

        .header-right a {
          transition: .4s;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: none;
    font-size: 90%;
    text-transform: uppercase;
    border-bottom: 0;
    margin-top: 0;
    display: block;
    padding: 0px 0;
    text-shadow: none;
    color: #fff;}

    .header-right a:hover { transform: scale3d(1.1, 1.1, 1.1); -webkit-transform: scale3d(1.1, 1.1, 1.1);     color:rgb(0, 0, 0);
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0);}

     .menu-row {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    display: none;
}
.call-box {
      background: #deba74;
    padding: 24px 0 32px 0;
    font-size: 140%;
    color: #1a1a1a;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    border-bottom: 3px solid #fff;
        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%);
}

.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 {    
    position: relative;
    width: 100%;
    min-height: 92vh;
    padding: 0 8vw;
    display: flex;
    flex-direction: column;  
    justify-content: flex-start;
    align-items: center;
    margin-top: 135px;
    }

    .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;
    z-index: 9999;
    background: rgb(212, 158, 102);
    background: -moz-linear-gradient(top, rgb(255 229 181) 0%,rgb(255 208 119) 100%);
    background: -webkit-linear-gradient(top, rgb(255 229 181) 0%,rgb(255 208 119) 100%);
    background: linear-gradient(45deg, rgb(255 229 181) 0%,rgb(255 208 119) 100%);
    text-align: center;
    width: 100%;
    padding: 5px 0px;
    font-size: 89%;
    outline: 0;
    display: table;
    margin: 0px auto 0px auto;
    border-top: 4px solid #fff;
    transition: .4s;
    color: #fff;
    font-weight: 700;
    letter-spacing: -.03em;
    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: #000000;
    --stroke-width: 1px;
}
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"] { 
        transition: .3s;
    outline: 0;
    padding: 0.5em 1em;
    font-size: 100%;
    color: #fff;
    text-shadow: 0px 1px 2px rgb(0, 0, 0);
    border: 0px solid rgb(205, 205, 205);
    background: rgb(0 0 0);
    display: table;
    margin: 10px auto;
    text-align: center;
    box-shadow: 0px 2px 7px -2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 2px 7px -2px rgba(0,0,0,0.2);}

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;
}



/*Mobile*/

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

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

@media (max-width: 1300px) {

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




@media (max-width: 1100px) { 
.middle-box-gold-in {background-position: left;}
.middle-content-in {
    padding: 0 2vw !important;
    margin-left: 0 !important;width: 100% !important;
}
.rows {width: 100%; display: flex; }
.rows-in {flex: 1; }
.rows-in-double {flex: 1; display: flex; flex-direction: row;}
.rows-in-double-in {
    flex: 1;
    display: flex;
    flex-direction: row;
}
.rid1 {flex: 1; max-width: 100%;}
.rid2 {flex: 1; max-width: 100%;}
#r1_1 {
    flex: 2;}

.bottom-box-gold {
}

.aranytabla li {
     /*min-height: 280px;*/}
.b2 {
    position: absolute;
    top: 0;
    left: 0px;
    width: 18px;
    height: 98%;
    background: url(../images/b2.jpg);
    background-size: 103% auto;
}

.b4 {
    position: absolute;
    top: 0;
    right: 0px;
    height: 98%;
    width: 18px;
    background: url(../images/b4.jpg);
    background-size: 92%;
}
.top2 img {  object-fit: cover;
    width: 100%;
    display: table;
    margin: 0 auto 0px auto;}
body {
	/*background: url(../images/og2.jpg) no-repeat;*/
    background-size: auto 100vh;
    background-position: top;
    background-attachment: fixed;
    }
header {
    width: 100%;
    flex-direction: row;
    margin: unset;
    position: fixed;
    top: 0px;
}
.header-in { padding: 0 0vw;
    width: 100%;
    margin-left: 0; flex-direction: row;
    height: 60px;}

.header-left {
    display: flex;
    flex: 1;
    max-width: 50%;
    justify-content: left;
    align-items: center;
    margin-bottom: unset;
    margin-left: 0;
    white-space: nowrap;
}

.header-left img {

}

.header-left h4 {
    font-size: 150%;
    position: relative;
    left: 55px;
    margin-top: 9px;
    width: 112px;
    border-bottom: 1px solid #deba74;
    padding: 1px 0;
}




.header-right a {
   background: none;
    font-size: 100%;
    border-bottom: 0;
    margin-top: 0;
    display: block;
}

.header-center {width: 90%; justify-content: left;}
.header-center img { width: 25px; height: auto;}
.header-center p { font-size: 150%; }
.menu-row { display: none; }

.middle-content {
    height: 100%;
    min-height: 100vh;
  padding: 0;
    margin-top: 100px;}

 .boxes-in { flex-direction: column; }
    .main-button {margin: 3vh auto; font-size: 130%;}
    .middle-box { min-width: unset;width: 95%;}
    .middle-bg { padding: 0; min-height: calc(100vh - 70px); position: absolute; width: 100%;margin-left: 0;}

div.cookie_footer input[type="button"] {
    }

    .menu-img {
    height: 20px;
    width: 20px;}

    .back {display: none;}

    .terms-content {
            width: 100%;
    margin-left: 0;
    padding: 1em 0;
    }

    .main-button1 {
            margin: 3% auto -8% auto;
}

   

    .call-box {
    padding: 5px 0 0px 0;
    height: 82px;
    font-size: 95%;
    line-height: 30px;}

    .call-box span {
    font-size: 100%;}

}





#cf2 img {
  left:0;
}
#cf2 img.csere{
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
#cf2 img.transparent {
opacity:0;
}
#cf_onclick {
cursor:pointer;
}



@media (max-width: 800px) { 

    .mentveINGvillan3 {
    margin: 0px auto;
    text-align: center;
    font-size: 120%;
    position: relative;
    right: -300%;
    width: 100%;
    -webkit-animation: slide5 35s linear infinite;
    animation: slide5 35s linear infinite;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    height: 100%;
}


@-webkit-keyframes slide5 {

    0% {right: -100%;}

    100% { right: 800%; }

}



@keyframes slide5 {

    0% {right: -100%;}

    100% { right: 800%; }

}

    .aranytabla {
    margin: 0 auto -5px auto; width: 100%;}

.aranytabla h3 {
    font-size: 105%;


}

.top-pic-fe {
    background-position: bottom;}
.logos {
    width: 75px;
    margin: 0 10px;
}

.orali {
    float: left;
    text-align: center;
    margin: 0 auto;
    min-width: 33%;
}

.logo-table {
    list-style: none;
    display: table;
    width: 100%;
    margin: 0 auto;
    padding: 0px 0 0 0;
    text-align: center;
}

.orak {
    margin: -30px auto 0 auto;
    width: 98%;
}
   .orr {
    width: 46%;
    float: left;
    margin: 2%;}
#ora_sor {
    display: flex;
    flex-direction: column;
}
    .header-left span {
    font-size: 120%;}

.gold-title { font-size: 100%;margin: 15px auto 0px auto; }

.backs {
    height: 100vh;
    width: 100vw;
    top: 30px;    object-fit: cover;
    object-position: left;
}

.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;}
.rows-in-double-in {
    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;
    margin-top: 5px;
}
.top-pic-au {
    margin: 30px 0 0 0;
    height: 100px;
}

.top-pic-ar {
    margin: 30px 0 0 0;
    height: 100px;
}

.top-pic-ez {
    margin: 30px 0 0 0;
    height: 100px;
}

.top-pic-er {
    margin: 30px 0 0 0;
    height: 100px;
}

.top-pic-re {
    margin: 30px 0 0 0;
    height: 100px;
}

.top-pic-po {
    margin: 30px 0 0 0;
    height: 100px;
}

.aranytabla li {
  
    width: 46%;
    margin: 2% 2%;}

#a1-li {width: 50%;
    text-align: center;
    padding: 0px 0px;
    margin: 0 0 5% 0;
    }

#a1-li1 {width: 100%;
    text-align: center;
    padding: 0px 0px;
    margin: 0px 0% 3% 0;
    margin-top: 0%;
    }

.aranytabla h1 {
    font-size: 100%;
        width: 98%;
        font-weight: 400;}
.at-in {
    min-height: unset !important;}
}

@media (max-width: 450px) { 

    .top1-h4 {
    width: 100%;    white-space: nowrap;
}

#gm {display: none;}
#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 {}
#r1_4 {
    
    
    margin: 0px auto 0px auto;
}

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


#r2_3 {max-width: 100%;
    border-radius: 10px;
    margin: 0 auto;margin-bottom: 20px;    background: none;}
.rid2 {flex: 1; max-width: 51%;margin-left: -1px;
    position: relative;
    z-index: -1;    }
#f1 {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: '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;
}

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


#footer-links {
    display: block;
    text-align: center;
    margin: 0 0 15px 0;
    padding: 0;
}
#footer-links li {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 17px;
     font-size: 100%;
}
#footer-links li a {
    color: #000000;
    font-size: 84%;
}