*{margin: 0;padding: 0;box-sizing: border-box;}
body{width: 100%;box-sizing: border-box;min-height: 100vh;}
img,div{width: 100%;}
.index-div{max-width: 1000px;margin: 0 25px;}
.index-img{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 16px;margin-bottom: 25px;}
.index-bt{width: 40%;padding: 15px 10px;font-size: 18px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 16px;text-decoration: none;min-width: 354.5px;margin-bottom: 18px;}
.div-btn{display: flex;flex-wrap: wrap;}
@media (max-width:768px){
    .div-btn{justify-content: space-between;}
}
@media (max-width:480px){
    .index-bt{width: 80%;min-width: 10px;}
}
/*-----------------------------------------------------------------------bg-----------------------------------------------------------------------*/
/* Waves Animation start*/
.hero_area {
    z-index: -1;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: linear-gradient(180deg, rgba(234,184,117,0.8) 0%, rgba(225,199,165,1) 25%, rgba(211,227,226,1) 50%, rgba(123,197,193,1) 100%);
}
.waves {position: absolute;width: 100%;height: 25vh;min-height: 250px;max-height: 500px;bottom: 0;left: 0;}
.parallax>use {animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;}
.parallax>use:nth-child(1) {animation-delay: -2s;animation-duration: 7s;}
.parallax>use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;}
.parallax>use:nth-child(3) {animation-delay: -4s;animation-duration: 13s;}
.parallax>use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;}
@keyframes move-forever {
    0% {transform: translate3d(-90px, 0, 0);}
    100% {transform: translate3d(85px, 0, 0);}
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
    .waves {height: 40px;min-height: 150px;max-height: 250px;}
}
/* Waves Animation end*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
.before_nav{
    width: 100%;
    height: 26px;
    padding-right: 32px;
}
.before_nav *{width: auto !important;}
nav{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 53px;
    padding: 0 10px;
    box-sizing: border-box;
    position: sticky !important;
    z-index: 1;
    top: 0;
    left: 0;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
nav a{display: flex;justify-content: center;align-items: center;height: 53px;width: auto;}
nav a img{height: 47px;width: auto;cursor: pointer;}
@media (max-width:480px){
    nav a img{height: auto;width: 80%;cursor: pointer;}
}
nav .div-menu-bar{color: #000;margin-left: 22px;height: 53px;}
@media (max-width:768px){
    nav .div-menu-bar{
        margin: 0;
        height: auto;
        width: 100%;
        position: absolute;
        z-index: 1;
        top: 53px;
        right: 0;
        max-height: 80vh;
        flex-wrap: wrap;
        background-color: #fff;
    }
}
nav .div-menu-bar .subnavmenu{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 53px;
}

nav .div-menu-bar .subnavmenu .listmenu{
    width: auto;
    height: 53px;
    padding: 0 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
.content{
    max-width: 1366px;
    box-sizing: border-box;
    position: relative;
    min-height: calc(100vh - 122px);
    margin: 8px ;
    
}
.content .subcontent{
    width: 100%;
    background-color: aliceblue;
    box-sizing: border-box;
    min-height: 400px;
    margin-bottom: 12px;
    padding: 8px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
footer{
    width: 100%;
    height: 53px;
    overflow: hidden;
    word-wrap: none;
    text-align: center;
}
footer *{width: auto !important;}
/*---------------------------------------------------------------width--------------------------------------------------------------------------*/
/* Colors */
.amber,.hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.aqua,.hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.blue,.hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.light-blue,.hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.brown,.hover-brown:hover{color:#fff!important;background-color:#795548!important}
.cyan,.hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.blue-grey,.hover-blue-grey:hover,.blue-gray,.hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.green,.hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.light-green,.hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.indigo,.hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.khaki,.hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.lime,.hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.orange,.hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.deep-orange,.hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.pink,.hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.purple,.hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.deep-purple,.hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.red,.hover-red:hover{color:#fff!important;background-color:#f44336!important}
.sand,.hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.teal,.hover-teal:hover{color:#fff!important;background-color:#009688!important}
.yellow,.hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.white,.hover-white:hover{color:#000!important;background-color:#fff!important}
.black,.hover-black:hover{color:#fff!important;background-color:#000!important}
.grey,.hover-grey:hover,.gray,.hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.light-grey,.hover-light-grey:hover,.light-gray,.hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.dark-grey,.hover-dark-grey:hover,.dark-gray,.hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.pale-red,.hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.pale-green,.hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.pale-yellow,.hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.pale-blue,.hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.text-amber,.hover-text-amber:hover{color:#ffc107!important}
.text-aqua,.hover-text-aqua:hover{color:#00ffff!important}
.text-blue,.hover-text-blue:hover{color:#2196F3!important}
.text-light-blue,.hover-text-light-blue:hover{color:#87CEEB!important}
.text-brown,.hover-text-brown:hover{color:#795548!important}
.text-cyan,.hover-text-cyan:hover{color:#00bcd4!important}
.text-blue-grey,.hover-text-blue-grey:hover,.text-blue-gray,.hover-text-blue-gray:hover{color:#607d8b!important}
.text-green,.hover-text-green:hover{color:#4CAF50!important}
.text-light-green,.hover-text-light-green:hover{color:#8bc34a!important}
.text-indigo,.hover-text-indigo:hover{color:#3f51b5!important}
.text-khaki,.hover-text-khaki:hover{color:#b4aa50!important}
.text-lime,.hover-text-lime:hover{color:#cddc39!important}
.text-orange,.hover-text-orange:hover{color:#ff9800!important}
.text-deep-orange,.hover-text-deep-orange:hover{color:#ff5722!important}
.text-pink,.hover-text-pink:hover{color:#e91e63!important}
.text-purple,.hover-text-purple:hover{color:#9c27b0!important}
.text-deep-purple,.hover-text-deep-purple:hover{color:#673ab7!important}
.text-red,.hover-text-red:hover{color:#f44336!important}
.text-sand,.hover-text-sand:hover{color:#fdf5e6!important}
.text-teal,.hover-text-teal:hover{color:#009688!important}
.text-yellow,.hover-text-yellow:hover{color:#d2be0e!important}
.text-white,.hover-text-white:hover{color:#fff!important}
.text-black,.hover-text-black:hover{color:#000!important}
.text-grey,.hover-text-grey:hover,.text-gray,.hover-text-gray:hover{color:#757575!important}
.text-light-grey,.hover-text-light-grey:hover,.text-light-gray,.hover-text-light-gray:hover{color:#f1f1f1!important}
.text-dark-grey,.hover-text-dark-grey:hover,.text-dark-gray,.hover-text-dark-gray:hover{color:#3a3a3a!important}
.border-amber,.hover-border-amber:hover{border-color:#ffc107!important}
.border-aqua,.hover-border-aqua:hover{border-color:#00ffff!important}
.border-blue,.hover-border-blue:hover{border-color:#2196F3!important}
.border-light-blue,.hover-border-light-blue:hover{border-color:#87CEEB!important}
.border-brown,.hover-border-brown:hover{border-color:#795548!important}
.border-cyan,.hover-border-cyan:hover{border-color:#00bcd4!important}
.border-blue-grey,.hover-border-blue-grey:hover,.border-blue-gray,.hover-border-blue-gray:hover{border-color:#607d8b!important}
.border-green,.hover-border-green:hover{border-color:#4CAF50!important}
.border-light-green,.hover-border-light-green:hover{border-color:#8bc34a!important}
.border-indigo,.hover-border-indigo:hover{border-color:#3f51b5!important}
.border-khaki,.hover-border-khaki:hover{border-color:#f0e68c!important}
.border-lime,.hover-border-lime:hover{border-color:#cddc39!important}
.border-orange,.hover-border-orange:hover{border-color:#ff9800!important}
.border-deep-orange,.hover-border-deep-orange:hover{border-color:#ff5722!important}
.border-pink,.hover-border-pink:hover{border-color:#e91e63!important}
.border-purple,.hover-border-purple:hover{border-color:#9c27b0!important}
.border-deep-purple,.hover-border-deep-purple:hover{border-color:#673ab7!important}
.border-red,.hover-border-red:hover{border-color:#f44336!important}
.border-sand,.hover-border-sand:hover{border-color:#fdf5e6!important}
.border-teal,.hover-border-teal:hover{border-color:#009688!important}
.border-yellow,.hover-border-yellow:hover{border-color:#ffeb3b!important}
.border-white,.hover-border-white:hover{border-color:#fff!important}
.border-black,.hover-border-black:hover{border-color:#000!important}
.border-grey,.hover-border-grey:hover,.border-gray,.hover-border-gray:hover{border-color:#9e9e9e!important}
.border-light-grey,.hover-border-light-grey:hover,.border-light-gray,.hover-border-light-gray:hover{border-color:#f1f1f1!important}
.border-dark-grey,.hover-border-dark-grey:hover,.border-dark-gray,.hover-border-dark-gray:hover{border-color:#616161!important}
.border-pale-red,.hover-border-pale-red:hover{border-color:#ffe7e7!important}.border-pale-green,.hover-border-pale-green:hover{border-color:#e7ffe7!important}
.border-pale-yellow,.hover-border-pale-yellow:hover{border-color:#ffffcc!important}.border-pale-blue,.hover-border-pale-blue:hover{border-color:#e7ffff!important}
/*---------------------------------------------------------------width--------------------------------------------------------------------------*/
.col{display: flex;}
.col.l1{width:1%;}
.col.l2{width:2%;}
.col.l3{width:3%;}
.col.l4{width:4%;}
.col.l5{width:5%;}
.col.l6{width:6%;}
.col.l7{width:7%;}
.col.l8{width:8%;}
.col.l9{width:9%;}
.col.l10{width:10%;}
.col.l11{width:11%;}
.col.l12{width:12%;}
.col.l13{width:13%;}
.col.l14{width:14%;}
.col.l15{width:15%;}
.col.l16{width:16%;}
.col.l17{width:17%;}
.col.l18{width:18%;}
.col.l19{width:19%;}
.col.l20{width:20%;}
.col.l21{width:21%;}
.col.l22{width:22%;}
.col.l23{width:23%;}
.col.l24{width:24%;}
.col.l25{width:25%;}
.col.l26{width:26%;}
.col.l27{width:27%;}
.col.l28{width:28%;}
.col.l29{width:29%;}
.col.l30{width:30%;}
.col.l31{width:31%;}
.col.l32{width:32%;}
.col.l33{width:33%;}
.col.l34{width:34%;}
.col.l35{width:35%;}
.col.l36{width:36%;}
.col.l37{width:37%;}
.col.l38{width:38%;}
.col.l39{width:39%;}
.col.l40{width:40%;}
.col.l41{width:41%;}
.col.l42{width:42%;}
.col.l43{width:43%;}
.col.l44{width:44%;}
.col.l45{width:45%;}
.col.l46{width:46%;}
.col.l47{width:47%;}
.col.l48{width:48%;}
.col.l49{width:49%;}
.col.l50{width:50%;}
.col.l51{width:51%;}
.col.l52{width:52%;}
.col.l53{width:53%;}
.col.l54{width:54%;}
.col.l55{width:55%;}
.col.l56{width:56%;}
.col.l57{width:57%;}
.col.l58{width:58%;}
.col.l59{width:59%;}
.col.l60{width:60%;}
.col.l61{width:61%;}
.col.l62{width:62%;}
.col.l63{width:63%;}
.col.l64{width:64%;}
.col.l65{width:65%;}
.col.l66{width:66%;}
.col.l67{width:67%;}
.col.l68{width:68%;}
.col.l69{width:69%;}
.col.l70{width:70%;}
.col.l71{width:71%;}
.col.l72{width:72%;}
.col.l73{width:73%;}
.col.l74{width:74%;}
.col.l75{width:75%;}
.col.l76{width:76%;}
.col.l77{width:77%;}
.col.l78{width:78%;}
.col.l79{width:79%;}
.col.l80{width:80%;}
.col.l81{width:81%;}
.col.l82{width:82%;}
.col.l83{width:83%;}
.col.l84{width:84%;}
.col.l85{width:85%;}
.col.l86{width:86%;}
.col.l87{width:87%;}
.col.l88{width:88%;}
.col.l89{width:89%;}
.col.l90{width:90%;}
.col.l91{width:91%;}
.col.l92{width:92%;}
.col.l93{width:93%;}
.col.l94{width:94%;}
.col.l95{width:95%;}
.col.l96{width:96%;}
.col.l97{width:97%;}
.col.l98{width:98%;}
.col.l99{width:99%;}
.col.l100{width:100%;}
@media (max-width:768px){
    .col.m1{width:1%;}
    .col.m2{width:2%;}
    .col.m3{width:3%;}
    .col.m4{width:4%;}
    .col.m5{width:5%;}
    .col.m6{width:6%;}
    .col.m7{width:7%;}
    .col.m8{width:8%;}
    .col.m9{width:9%;}
    .col.m10{width:10%;}
    .col.m11{width:11%;}
    .col.m12{width:12%;}
    .col.m13{width:13%;}
    .col.m14{width:14%;}
    .col.m15{width:15%;}
    .col.m16{width:16%;}
    .col.m17{width:17%;}
    .col.m18{width:18%;}
    .col.m19{width:19%;}
    .col.m20{width:20%;}
    .col.m21{width:21%;}
    .col.m22{width:22%;}
    .col.m23{width:23%;}
    .col.m24{width:24%;}
    .col.m25{width:25%;}
    .col.m26{width:26%;}
    .col.m27{width:27%;}
    .col.m28{width:28%;}
    .col.m29{width:29%;}
    .col.m30{width:30%;}
    .col.m31{width:31%;}
    .col.m32{width:32%;}
    .col.m33{width:33%;}
    .col.m34{width:34%;}
    .col.m35{width:35%;}
    .col.m36{width:36%;}
    .col.m37{width:37%;}
    .col.m38{width:38%;}
    .col.m39{width:39%;}
    .col.m40{width:40%;}
    .col.m41{width:41%;}
    .col.m42{width:42%;}
    .col.m43{width:43%;}
    .col.m44{width:44%;}
    .col.m45{width:45%;}
    .col.m46{width:46%;}
    .col.m47{width:47%;}
    .col.m48{width:48%;}
    .col.m49{width:49%;}
    .col.m50{width:50%;}
    .col.m51{width:51%;}
    .col.m52{width:52%;}
    .col.m53{width:53%;}
    .col.m54{width:54%;}
    .col.m55{width:55%;}
    .col.m56{width:56%;}
    .col.m57{width:57%;}
    .col.m58{width:58%;}
    .col.m59{width:59%;}
    .col.m60{width:60%;}
    .col.m61{width:61%;}
    .col.m62{width:62%;}
    .col.m63{width:63%;}
    .col.m64{width:64%;}
    .col.m65{width:65%;}
    .col.m66{width:66%;}
    .col.m67{width:67%;}
    .col.m68{width:68%;}
    .col.m69{width:69%;}
    .col.m70{width:70%;}
    .col.m71{width:71%;}
    .col.m72{width:72%;}
    .col.m73{width:73%;}
    .col.m74{width:74%;}
    .col.m75{width:75%;}
    .col.m76{width:76%;}
    .col.m77{width:77%;}
    .col.m78{width:78%;}
    .col.m79{width:79%;}
    .col.m80{width:80%;}
    .col.m81{width:81%;}
    .col.m82{width:82%;}
    .col.m83{width:83%;}
    .col.m84{width:84%;}
    .col.m85{width:85%;}
    .col.m86{width:86%;}
    .col.m87{width:87%;}
    .col.m88{width:88%;}
    .col.m89{width:89%;}
    .col.m90{width:90%;}
    .col.m91{width:91%;}
    .col.m92{width:92%;}
    .col.m93{width:93%;}
    .col.m94{width:94%;}
    .col.m95{width:95%;}
    .col.m96{width:96%;}
    .col.m97{width:97%;}
    .col.m98{width:98%;}
    .col.m99{width:99%;}
    .col.m100{width:100%;}
}
@media (max-width:480px){
    .col.s1{width:1%;}
    .col.s2{width:2%;}
    .col.s3{width:3%;}
    .col.s4{width:4%;}
    .col.s5{width:5%;}
    .col.s6{width:6%;}
    .col.s7{width:7%;}
    .col.s8{width:8%;}
    .col.s9{width:9%;}
    .col.s10{width:10%;}
    .col.s11{width:11%;}
    .col.s12{width:12%;}
    .col.s13{width:13%;}
    .col.s14{width:14%;}
    .col.s15{width:15%;}
    .col.s16{width:16%;}
    .col.s17{width:17%;}
    .col.s18{width:18%;}
    .col.s19{width:19%;}
    .col.s20{width:20%;}
    .col.s21{width:21%;}
    .col.s22{width:22%;}
    .col.s23{width:23%;}
    .col.s24{width:24%;}
    .col.s25{width:25%;}
    .col.s26{width:26%;}
    .col.s27{width:27%;}
    .col.s28{width:28%;}
    .col.s29{width:29%;}
    .col.s30{width:30%;}
    .col.s31{width:31%;}
    .col.s32{width:32%;}
    .col.s33{width:33%;}
    .col.s34{width:34%;}
    .col.s35{width:35%;}
    .col.s36{width:36%;}
    .col.s37{width:37%;}
    .col.s38{width:38%;}
    .col.s39{width:39%;}
    .col.s40{width:40%;}
    .col.s41{width:41%;}
    .col.s42{width:42%;}
    .col.s43{width:43%;}
    .col.s44{width:44%;}
    .col.s45{width:45%;}
    .col.s46{width:46%;}
    .col.s47{width:47%;}
    .col.s48{width:48%;}
    .col.s49{width:49%;}
    .col.s50{width:50%;}
    .col.s51{width:51%;}
    .col.s52{width:52%;}
    .col.s53{width:53%;}
    .col.s54{width:54%;}
    .col.s55{width:55%;}
    .col.s56{width:56%;} .col.s57{width:57%;} .col.s58{width:58%;} .col.s59{width:59%;} .col.s60{width:60%;} .col.s61{width:61%;} .col.s62{width:62%;} .col.s63{width:63%;} .col.s64{width:64%;}
    .col.s65{width:65%;} .col.s66{width:66%;} .col.s67{width:67%;} .col.s68{width:68%;} .col.s69{width:69%;} .col.s70{width:70%;} .col.s71{width:71%;} .col.s72{width:72%;} .col.s73{width:73%;}
    .col.s74{width:74%;} .col.s75{width:75%;} .col.s76{width:76%;} .col.s77{width:77%;} .col.s78{width:78%;} .col.s79{width:79%;} .col.s80{width:80%;} .col.s81{width:81%;} .col.s82{width:82%;}
    .col.s83{width:83%;} .col.s84{width:84%;} .col.s85{width:85%;} .col.s86{width:86%;} .col.s87{width:87%;} .col.s88{width:88%;} .col.s89{width:89%;} .col.s90{width:90%;} .col.s91{width:91%;}
    .col.s92{width:92%;} .col.s93{width:93%;} .col.s94{width:94%;} .col.s95{width:95%;} .col.s96{width:96%;} .col.s97{width:97%;} .col.s98{width:98%;} .col.s99{width:99%;} .col.s100{width:100%;}
}
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

@media (min-width:768px){.hide-large{display:none!important}}
@media (max-width:768px) and (min-width:480px){.hide-medium{display:none!important}}
@media (max-width:480px) and (min-width:0px){.hide-small{display:none!important}}
.show{display: flex !important;}
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
.flex-TopLeft{display: flex;flex-wrap: wrap;position: relative;align-items:flex-start;justify-content: flex-start;}
.flex-TopMiddle{display: flex;flex-wrap: wrap;position: relative;align-items:flex-start;justify-content: center;}
.flex-Top-Right{display: flex;flex-wrap: wrap;position: relative;align-items:flex-start;justify-content: flex-end;}
.flex-Left{display: flex;flex-wrap: wrap;position: relative;align-items: center;justify-content: flex-start;}
.flex-middle,.flex-center{display: flex;flex-wrap: wrap;position: relative;align-items: center;justify-content: center;}
.flex-Right{display: flex;flex-wrap: wrap;position: relative;align-items: center;justify-content: flex-end;}
.flex-BottomLeft{display: flex;flex-wrap: wrap;position: relative;align-items: flex-end;justify-content: flex-start;}
.flex-BottomMiddle{display: flex;flex-wrap: wrap;position: relative;align-items: flex-end;justify-content: center;}
.flex-BottomRight{display: flex;flex-wrap: wrap;position: relative;align-items: flex-end;justify-content: flex-end;}
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
.reverse{flex-wrap: wrap-reverse !important;}
.nowarp{flex-wrap: nowrap !important;}
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
.space-bt{justify-content: space-between !important;}
.space-ar{justify-content: space-around !important;}
.space-ev{justify-content: space-evenly !important;}
@media (max-width:768px){
    .m-center{justify-content: center !important;}
    .m-bt{justify-content: space-between !important;}
    .m-ar{justify-content: space-around !important;}
    .m-ev{justify-content: space-evenly !important;}
}
@media (max-width:480px){
    .s-center{justify-content: center !important;}
    .s-bt{justify-content: space-between !important;}
    .s-ar{justify-content: space-around !important;}
    .s-ev{justify-content: space-evenly !important;}
}
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
.fullscreen{width: 100%;min-height: 100vh;}
.ratio16-9{aspect-ratio: 16/9;}
.ratio3-2{aspect-ratio: 3/2;}
.ratio4-3{aspect-ratio: 4/3;}
.a4{aspect-ratio: 2480/3508;}
.a4-v{aspect-ratio: 3508/2480;}
/*--------------------------------------------------------------cookies---------------------------------------------------------------------------*/
.cookies{
    position: fixed;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.75);
    z-index: 90;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 8px 24px;
    min-height: 60px;
    color: #fff;
}
.cookies div{
    width: auto;
}
.cookies .ck_btn{
    width: auto;
    height: 52px;
    padding: 8px 24px;
    margin: 0 8px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: #2196F3;
    cursor: pointer;
    border-radius: 8px;
}
.cookies .ck_btn:hover{
    color: #3f51b5;
    background: #00ffff;
    transition: 1s;
}
/*--------------------------------------------------------------cookies---------------------------------------------------------------------------*/