body{line-height: 1;margin: 0;-webkit-text-size-adjust: none;}
*, *:before, *:after{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.a-color{
width: 110px;
height: 50px;
background-color: #000;
display: inline-flex;}
#my-menu a {
margin: 1em 0 1em 1em;
text-decoration: none;
}
#one{
   padding-bottom: 40px;
   padding-top: 20px;
   background-color: rgba(0, 0, 0, 0.8);
}
#two{
   padding-top: 40px;
   padding-bottom: 40px;
   background-color: rgba(0, 0, 0, 0.8);
}
#three{
   padding-top: 40px;
   padding-bottom: 40px;
   background-color: rgba(0, 0, 0, 0.8);
}

.card-content{
  overflow: hidden;
}
.card-content .card-img img{
  width: 100%;
  height: auto;
} 
.btn-card{
    background: #ffffff42;
    border-radius: 0.5em;
    padding: 0.2em;
}
a.btn-card:hover{
    background: #ffffff;
    color: #000;
}
.tag.tag-red,.link-tag{
    border: 1px solid #efff00;
    background: #ff000052;
    border-radius: 0.3em;
    padding: 0.1em;
}
a .tag.tag-red:hover,a.link-tag:hover{
    background: #ff0000;
    color: #fff;
  }

.details-card{
   /* background: url('./img/bg-two-123vip060.png'); */
   background-size: cover;
   background-position: center;
}
#my-menu a:hover {color: #ffff33;}
.input-bg{
padding-left:50px;
display: inline-block;
border:2px solid #fcffff;
}
.max-pic-content{
   width:100%;
   max-width:500px;
}
.menu-bg{border-radius: 10px;border:3px solid #f5b54b;}
.fa-form{position: absolute; padding-top: 3px;margin-left: -30px;font-size: 1.5em;}
.fa-inp{position: relative; margin-left: 15px;height: 40px;width: 40px;color: #fff; vertical-align: middle;}
.inp-ico{position: absolute; margin-top: 15px;margin-left: 20px;height: 30px;height: 30px;color: #fff;font-size: 1.5em;}
.icon-mobile{position: absolute; padding-top: 10px;font-size: 1.5em;}
.gold-border{
border: 3px solid #f5b54b;
margin:1em 0;
}
@media screen and (max-width: 480px){
html, body{min-width: 380px;}
#one{
   background: none;
   padding-bottom: 10px;
   padding-top: 10px;
   margin: 0 !important;
}
}
body{
color: #fff;background: url('./img/bg-123vip060.jpg'); background-size: 110% 100%;background-attachment: fixed;background-position: center;
}
body, input, button, a{
font-family: 'Prompt', sans-serif;
font-size: 13pt;
line-height: 1.5em;
}
a{text-decoration: underline;color: #fff;}
a:hover{text-decoration: none;}
p{margin: 0;}
.big-p{font-size: 2em;margin: 0.5em 0;font-weight: bold;line-height: 1.5em;color: #333333;}
.p-bg{background:linear-gradient(to top,#fedd58,#f5b54b);border-radius: 10px;border: 3px solid #f9feff;}
.p-indent{text-indent: 1em;}
.pd-10{padding: 10px 10px;}
.content-bg{background-color:rgba(0, 0, 0, 1);border:3px solid #e6a63e;border-radius: 10px;}
.box {
   float: left;
   width: 25%;
}
.clearfix::after {
   content: "";
   clear: both ;
   display: block;
}
@media screen and (max-width: 980px){.box{width: 100%;}}
@media screen and (max-width: 980px){.big-p{font-size: 1em;}}
h1, h2, h3, h4{
color: #ffffff;
line-height: 1.5em;
margin: 0 0 5px 0;
}
h1 a, h2 a, h3 a, h4 a{text-decoration: none;font-size: 1.5em;}
h1{font-size: 2em;}
h2{font-size: 1.75em;margin: 10px 0 10px 0;}
h3{font-size: 1.35em;}
h4{font-size: 1.1em;}
hr{
border: 0;
border-bottom: solid 1px rgba(144, 144, 144, 0.5);
margin: 1em 0;
}
.align-left{text-align: left;}
.align-center{text-align: center;}
.align-right{text-align: right;}
input{
border: 2px solid #f5b54b !important;
color: #fff;
cursor: pointer;
display: inline-block;
text-align: center;
height: 40px;
background-color: #0f0f0f66;
outline: 0;
width: 100%;
text-align: left;
cursor: text;
}

::-webkit-input-placeholder{opacity: 0.9;color: #fff !important;}
:-moz-placeholder{opacity: 0.9;color: #fff !important;}
::-moz-placeholder{opacity: 0.9;color: #fff !important;}
:-ms-input-placeholder{opacity: 0.9;color: #fff !important;}
.button{
border: 2px solid #2b0b0b;
border-radius: 10px;
color: #333333;
cursor: pointer;
display: inline-block;
font-weight: bolder;
text-align: center;
text-decoration: none;
white-space: nowrap;
height: 40px;
background:linear-gradient(to top,#ce8c32,#fffcb8,#d2953a,#e6a63e);
}
.button:hover{background:linear-gradient(to top,#ccc,#f5b54b);}
@media screen and (min-width: 980px){
input { max-width: 175px; }
}
input.fit{
margin: 0 0 10px 0;
width: 100%;
height: 60px;
padding: 0;
text-align: center;
line-height: 2.5em;
font-weight: bolder;

}
 button.fit, .button.fit{
margin: 0 0 10px 0;
width: 100%;
height: 50px;
padding: 0;
text-align: center;
line-height: 2.5em;
font-weight: bolder;
}

@media screen and (max-width: 480px){
   html, body{min-width: 380px;}
   .img-fit{
      width: 100%;
   }
}
@media screen and (max-width: 480px){
input,button,.button{padding: 0;}
}
@media screen and (min-width: 981px){
.input-radius{border-radius: 10px;}
}
@media screen and (max-width: 980px){
.input-radius{border-radius: 10px;}
}
#header{
cursor: default;
font-size: 1.25em;
left: 0;
top: 0;
width: 100%;
background:linear-gradient(to left, #000000,#231b00,#745120);
}
#header nav{
height: inherit;
line-height: inherit;
top: 0;
vertical-align: middle;
}
#header .button{
box-shadow: none;
line-height: 2em;
margin-bottom: 0;
padding: 0 1em;
vertical-align: middle;
width:175px;
}
#header .container{position: relative;}
@media screen and (max-width: 980px){
#header{display: none;}
}
@media screen and (max-width: 980px){
.form-hide{display: none;}
}
@media screen and (min-width: 981px){
.form-show{display: none;}
}
@media screen and (max-width: 980px){
.form-show{display: block;}
}
@media screen and (max-width: 1125px){
.logo-hide{display: none;}
}
@media screen and (max-width: 980px){#banner{padding: 5em 3em 3em 3em;}}
@media screen and (max-width: 736px){#banner{padding: 5em 2em 2em 2em;}}
@media screen and (max-width: 480px){#banner{padding: 4em 2em 1em 2em;margin-bottom: 4em;}}
#footer{padding: 1em 0 0 0;color: #fff;background:linear-gradient(to right, #2e0e90,#120231,#160529);border-top:3px solid #fcffff;}
#footer a{text-decoration: none;margin: 15px; line-height: 3em;}
#footer p{padding: 0;}
.details-card .news-articles{
max-width:366px;
overflow:hidden;
display:inline-block;
padding:5px;}
.details-card .news-articles .article-link{text-decoration:none;}
.details-card .news-articles .article-link .news-articles-img{display:inline-block;}
.news-articles .news-articles-img .bg-img{
display:inline-block;
padding:0px;
position:relative;
border-radius:14px;
background:linear-gradient(to right,#011fbf,#3f220b);}
.news-articles a , .news-articles h3 {color: #fff;}
.details-card .news-articles .article-link .news-articles-img img{
width:100%;
border:4px solid;
border-top-color:currentcolor;
border-right-color:currentcolor;
border-bottom-color:currentcolor;
border-left-color:currentcolor;
border-color:#5f9ea000;
border-radius:15px;}
.details-card .news-articles .article-link .box-articles{color:darkgray;font-size:13px;}
.details-card .news-articles .article-link .news-articles-p{font-size:15px;text-align:justify;}

.navPanelToggle{
text-decoration: none;
height: 50px;
left: 0;
position: absolute;
top: 0;
width: 75px;
display: none;
}
@media screen and (max-width: 980px){
.navPanelToggle{display: block;}
}
.navPanelToggle *:before{
background: rgba(144, 144, 144, 0.65);
border-radius: 4px;
color: #fff;
display: block;
font-size: 16px;
height: 2.25em;
left: 0.5em;
line-height: 2.25em;
position: absolute;
text-align: center;
top: 0.5em;
width: 3.5em;
}
#navPanel{
-moz-transform: translateX(-20em);
-webkit-transform: translateX(-20em);
-ms-transform: translateX(-20em);
transform: translateX(-20em);
-moz-transition: -moz-transform 0.5s ease, visibility 0.5s;
-webkit-transition: -webkit-transform 0.5s ease, visibility 0.5s;
-ms-transition: -ms-transform 0.5s ease, visibility 0.5s;
transition: transform 0.5s ease, visibility 0.5s;
-webkit-overflow-scrolling: touch;
visibility: hidden;
overflow-y: auto;
position: fixed;
left: 0;
top: 0;
background-color: rgba(0,0,0,0.9);
color: #333;
height: 100%;
max-width: 80%;
width: 20em;
padding: 0.5em 1.25em;
}
#navPanel ul{
list-style: none;
margin: 0;
padding: 0;
}
#navPanel ul li{padding: 0;}
#navPanel ul li:first-child a:not(.button), #navPanel ul li:first-child span:not(.button){
border-top: 0;
}
#navPanel ul li a:not(.button),
#navPanel ul li span:not(.button){
border-top: solid 1px #555;
color: #fff;
display: block;
padding: 0.75em 0;
text-decoration: none;
}
#navPanel .button{width: 100%;}
#navPanel .close{
text-decoration: none;
border: 0;
color: #fff;
cursor: pointer;
display: block;
height: 4em;
padding-right: 1.25em;
position: absolute;
right: 0;
text-align: right;
top: 0;
vertical-align: middle;
width: 5em;
}
#navPanel .close:before{
content: 'X';
width: 3em;
height: 3em;
line-height: 3em;
display: block;
position: absolute;
right: 0;
top: 0;
text-align: center;
}
@media screen and (max-width: 736px){
#navPanel .close{height: 4em;line-height: 4em;}
}
#navPanel.visible{
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2);
visibility: visible;
}

.container{
margin-left: auto;
margin-right: auto;
}
.container.\31 25\25{
width: 100%;
max-width: 100em;
min-width: 80em;
}
.container.\37 5\25{width: 60em;}
.container.\35 0\25{width: 40em;}
.container.\32 5\25{width: 20em;}
.container{
max-width: 100%;
width: 80em;
}
@media screen and (max-width: 1680px){
.container.\31 25\25{
width: 100%;
max-width: 100em;
min-width: 60em;
}
.container.\37 5\25{width: 60em;}
.container.\35 0\25{width: 40em;}
.container.\32 5\25{width: 20em;}
.container{
max-width: 100%;
width: 80em;
}
}
@media screen and (max-width: 1280px){
.container.\31 25\25{
width: 100%;
max-width: 81.25em;
min-width: 45em;
}
.container.\37 5\25{width: 48.75em;}
.container.\35 0\25{width: 32.5em;}
.container.\32 5\25{width: 16.25em;}
.container{width: 65em;}
}
@media screen and (max-width: 980px){
.container.\31 25\25{
width: 100%;
max-width: 112.5%;
min-width: 90%;
}
.container.\37 5\25{width: 67.5%;}
.container.\35 0\25{width: 45%;}
.container.\32 5\25{width: 22.5%;}
.container{width: 90%;}
}
@media screen and (max-width: 736px){
.container.\31 25\25{
width: 100%;
max-width: 112.5%;
min-width: 90%;
}
.container.\37 5\25{width: 67.5%;}
.container.\35 0\25{width: 45%;}
.container.\32 5\25{width: 22.5%;}
.container{width: 90% !important;}
}
@media screen and (max-width: 480px){
.container.\31 25\25{
width: 100%;
max-width: 112.5%;
min-width: 90%;
}
.container.\37 5\25{width: 67.5%;}
.container.\35 0\25{width: 45%;}
.container.\32 5\25{width: 22.5%;}
.container{width: 90% !important;}
}
.row{
border-bottom: solid 1px transparent;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row > *{
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row:after, .row:before{
content: '';
display: block;
clear: both;
height: 0;
}
.row.\30 \25 > *{padding: 0 0 0 0em;}
.row.\30 \25{margin: 0 0 -1px 0em;}
.row > *{padding: 0 0 0 2em;}
.row{margin: 0 0 -1px -2em;}
.row.\32 00\25 > *{padding: 0 0 0 4em;}
.row.\32 00\25{margin: 0 0 -1px -4em;}
.row.\31 50\25 > *{padding: 0 0 0 3em;}
.row.\31 50\25{margin: 0 0 -1px -3em;}
.row.\35 0\25 > *{padding: 0 0 0 1em;}
.row.\35 0\25{margin: 0 0 -1px -1em;}
.row.\32 5\25 > *{padding: 0 0 0 0.5em;}
.row.\32 5\25{margin: 0 0 -1px -0.5em;}
.\31 2u, .\31 2u\24{width: 100%;clear: none;margin-left: 0;}
.\31 1u, .\31 1u\24{width: 91.6666666667%;clear: none;margin-left: 0;}
.\31 0u, .\31 0u\24{width: 83.3333333333%;clear: none;margin-left: 0;}
.\39 u, .\39 u\24{width: 75%;clear: none;margin-left: 0;}
.\38 u, .\38 u\24{width: 66.6666666667%;clear: none;margin-left: 0;}
.\37 u, .\37 u\24{width: 58.3333333333%;clear: none;margin-left: 0;}
.\36 u, .\36 u\24{width: 50%;clear: none;margin-left: 0;}
.\35 u, .\35 u\24{width: 41.6666666667%;clear: none;margin-left: 0;}
.\34 u, .\34 u\24{width: 33.3333333333%;clear: none;margin-left: 0;}
.\33 u, .\33 u\24{width: 25%;clear: none;margin-left: 0;}
.\32 u, .\32 u\24{width: 16.6666666667%;clear: none;margin-left: 0;}
.\31 u, .\31 u\24{width: 8.3333333333%;clear: none;margin-left: 0;}
.\31 2u\24 + *,.\31 1u\24 + *,.\31 0u\24 + *,
.\39 u\24 + *,.\38 u\24 + *,.\37 u\24 + *,
.\36 u\24 + *,.\35 u\24 + *,.\34 u\24 + *,
.\33 u\24 + *,.\32 u\24 + *,.\31 u\24 + *{clear: left;}
@media screen and (max-width: 1680px){
.row > *{padding: 0 0 0 2em;}
.row{margin: 0 0 -1px -2em;}
.row.uniform > *{padding: 2em 0 0 2em;}
.row.uniform{margin: -2em 0 -1px -2em;}
.row.\32 00\25 > *{padding: 0 0 0 4em;}
.row.\32 00\25{margin: 0 0 -1px -4em;}
.row.uniform.\32 00\25 > *{padding: 4em 0 0 4em;}
.row.uniform.\32 00\25{margin: -4em 0 -1px -4em;}
.row.\31 50\25 > *{padding: 0 0 0 3em;}
.row.\31 50\25{margin: 0 0 -1px -3em;}
.row.uniform.\31 50\25 > *{padding: 3em 0 0 3em;}
.row.uniform.\31 50\25{margin: -3em 0 -1px -3em;}
.row.\35 0\25 > *{padding: 0 0 0 1em;}
.row.\35 0\25{margin: 0 0 -1px -1em;}
.row.uniform.\35 0\25 > *{padding: 1em 0 0 1em;}
.row.uniform.\35 0\25{margin: -1em 0 -1px -1em;}
.row.\32 5\25 > *{padding: 0 0 0 0.5em;}
.row.\32 5\25{margin: 0 0 -1px -0.5em;}
.row.uniform.\32 5\25 > *{padding: 0.5em 0 0 0.5em;}
.row.uniform.\32 5\25{margin: -0.5em 0 -1px -0.5em;}
}
@media screen and (max-width: 1280px){
.row > *{padding: 0 0 0 1.5em;}
.row{margin: 0 0 -1px -1.5em;}
.row.uniform > *{padding: 1.5em 0 0 1.5em;}
.row.uniform{margin: -1.5em 0 -1px -1.5em;}
.row.\32 00\25 > *{padding: 0 0 0 3em;}
.row.\32 00\25{margin: 0 0 -1px -3em;}
.row.uniform.\32 00\25 > *{padding: 3em 0 0 3em;}
.row.uniform.\32 00\25{margin: -3em 0 -1px -3em;}
.row.\31 50\25 > *{padding: 0 0 0 2.25em;}
.row.\31 50\25{margin: 0 0 -1px -2.25em;}
.row.uniform.\31 50\25 > *{padding: 2.25em 0 0 2.25em;}
.row.uniform.\31 50\25{margin: -2.25em 0 -1px -2.25em;}
.row.\35 0\25 > *{padding: 0 0 0 0.75em;}
.row.\35 0\25{margin: 0 0 -1px -0.75em;}
.row.uniform.\35 0\25 > *{padding: 0.75em 0 0 0.75em;}
.row.uniform.\35 0\25{margin: -0.75em 0 -1px -0.75em;}
.row.\32 5\25 > *{padding: 0 0 0 0.375em;}
.row.\32 5\25{margin: 0 0 -1px -0.375em;}
.row.uniform.\32 5\25 > *{padding: 0.375em 0 0 0.375em;}
.row.uniform.\32 5\25{margin: -0.375em 0 -1px -0.375em;}
}
@media screen and (max-width: 980px){
.row > *{padding: 0 0 0 1.5em;}
.row{margin: 0 0 -1px -1.5em;}
.row.uniform > *{padding: 1.5em 0 0 1.5em;}
.row.uniform{margin: -1.5em 0 -1px -1.5em;}
.row.\32 00\25 > *{padding: 0 0 0 3em;}
.row.\32 00\25{margin: 0 0 -1px -3em;}
.row.uniform.\32 00\25 > *{padding: 3em 0 0 3em;}
.row.uniform.\32 00\25{margin: -3em 0 -1px -3em;}
.row.\31 50\25 > *{padding: 0 0 0 2.25em;}
.row.\31 50\25{margin: 0 0 -1px -2.25em;}
.row.uniform.\31 50\25 > *{padding: 2.25em 0 0 2.25em;}
.row.uniform.\31 50\25{margin: -2.25em 0 -1px -2.25em;}
.row.\35 0\25 > *{padding: 0 0 0 0.75em;}
.row.\35 0\25{margin: 0 0 -1px -0.75em;}
.row.uniform.\35 0\25 > *{padding: 0.75em 0 0 0.75em;}
.row.uniform.\35 0\25{margin: -0.75em 0 -1px -0.75em;}
.row.\32 5\25 > *{padding: 0 0 0 0.375em;}
.row.\32 5\25{margin: 0 0 -1px -0.375em;}
.row.uniform.\32 5\25 > *{padding: 0.375em 0 0 0.375em;}
.row.uniform.\32 5\25{margin: -0.375em 0 -1px -0.375em;}
.\31 2u\28medium\29, .\31 2u\24\28medium\29{width: 100%;clear: none;margin-left: 0;}
.\31 1u\28medium\29, .\31 1u\24\28medium\29{width: 91.6666666667%;clear: none;margin-left: 0;}
.\31 0u\28medium\29, .\31 0u\24\28medium\29{width: 83.3333333333%;clear: none;margin-left: 0;}
.\39 u\28medium\29, .\39 u\24\28medium\29{width: 75%;clear: none;margin-left: 0;}
.\38 u\28medium\29, .\38 u\24\28medium\29{width: 66.6666666667%;clear: none;margin-left: 0;}
.\37 u\28medium\29, .\37 u\24\28medium\29{width: 58.3333333333%;clear: none;margin-left: 0;}
.\36 u\28medium\29, .\36 u\24\28medium\29{width: 50%;clear: none;margin-left: 0;}
.\35 u\28medium\29, .\35 u\24\28medium\29{width: 41.6666666667%;clear: none;margin-left: 0;}
.\34 u\28medium\29, .\34 u\24\28medium\29{width: 33.3333333333%;clear: none;margin-left: 0;}
.\33 u\28medium\29, .\33 u\24\28medium\29{width: 25%;clear: none;margin-left: 0;}
.\32 u\28medium\29, .\32 u\24\28medium\29{width: 16.6666666667%;clear: none;margin-left: 0;}
.\31 u\28medium\29, .\31 u\24\28medium\29{width: 8.3333333333%;clear: none;margin-left: 0;}
.\31 2u\24\28medium\29 + *,.\31 1u\24\28medium\29 + *,.\31 0u\24\28medium\29 + *,
.\39 u\24\28medium\29 + *,.\38 u\24\28medium\29 + *,.\37 u\24\28medium\29 + *,
.\36 u\24\28medium\29 + *,.\35 u\24\28medium\29 + *,.\34 u\24\28medium\29 + *,
.\33 u\24\28medium\29 + *,.\32 u\24\28medium\29 + *,.\31 u\24\28medium\29 + *{clear: left;}
}
@media screen and (max-width: 736px){
.row > *{padding: 0 0 0 1.25em;}
.row{margin: 0 0 -1px -1.25em;}
.row.uniform > *{padding: 1.25em 0 0 1.25em;}
.row.uniform{margin: -1.25em 0 -1px -1.25em;}
.row.\32 00\25 > *{padding: 0 0 0 2.5em;}
.row.\32 00\25{margin: 0 0 -1px -2.5em;}
.row.uniform.\32 00\25 > *{padding: 2.5em 0 0 2.5em;}
.row.uniform.\32 00\25{margin: -2.5em 0 -1px -2.5em;}
.row.\31 50\25 > *{padding: 0 0 0 1.875em;}
.row.\31 50\25{margin: 0 0 -1px -1.875em;}
.row.uniform.\31 50\25 > *{padding: 1.875em 0 0 1.875em;}
.row.uniform.\31 50\25{margin: -1.875em 0 -1px -1.875em;}
.row.\35 0\25 > *{padding: 0 0 0 0.625em;}
.row.\35 0\25{margin: 0 0 -1px -0.625em;}
.row.uniform.\35 0\25 > *{padding: 0.625em 0 0 0.625em;}
.row.uniform.\35 0\25{margin: -0.625em 0 -1px -0.625em;}
.row.\32 5\25 > *{padding: 0 0 0 0.3125em;}
.row.\32 5\25{margin: 0 0 -1px -0.3125em;}
.row.uniform.\32 5\25 > *{padding: 0.3125em 0 0 0.3125em;}
.row.uniform.\32 5\25{margin: -0.3125em 0 -1px -0.3125em;}
}
@media screen and (max-width: 480px){
.row > *{padding: 0 0 0 1.25em;}
.row{margin: 0 0 -1px -1.25em;}
.row.uniform > *{padding: 1.25em 0 0 1.25em;}
.row.uniform{margin: -1.25em 0 -1px -1.25em;}
.row.\32 00\25 > *{padding: 0 0 0 2.5em;}
.row.\32 00\25{margin: 0 0 -1px -2.5em;}
.row.uniform.\32 00\25 > *{padding: 2.5em 0 0 2.5em;}
.row.uniform.\32 00\25{margin: -2.5em 0 -1px -2.5em;}
.row.\31 50\25 > *{padding: 0 0 0 1.875em;}
.row.\31 50\25{margin: 0 0 -1px -1.875em;}
.row.uniform.\31 50\25 > *{padding: 1.875em 0 0 1.875em;}
.row.uniform.\31 50\25{margin: -1.875em 0 -1px -1.875em;}
.row.\35 0\25 > *{padding: 0 0 0 0.625em;}
.row.\35 0\25{margin: 0 0 -1px -0.625em;}
.row.uniform.\35 0\25 > *{padding: 0.625em 0 0 0.625em;}
.row.uniform.\35 0\25{margin: -0.625em 0 -1px -0.625em;}
.row.\32 5\25 > *{padding: 0 0 0 0.3125em;}
.row.\32 5\25{margin: 0 0 -1px -0.3125em;}
.row.uniform.\32 5\25 > *{padding: 0.3125em 0 0 0.3125em;}
.row.uniform.\32 5\25{margin: -0.3125em 0 -1px -0.3125em;}
}


/* footer nav sticky  */
.nav-footer {
   display: none;
 }
 
 .col4-top .fas,
 .col4-top .fab {
   font-size: 2rem;
 }
 .logo-sticky {
   margin-top: -1.5rem;
   margin-left: -1rem;
   margin-right: 0.5rem;
 }
 .img-nav-sticky {
   width: 130%;
   box-shadow: 4px -3px 16px 3px #000000fc;
   border-radius: 2rem;
   background: #4c49558c;
 }
 /* icon color */
 .nav-footer a .nav-footer-col4 .col4-top i,
 .nav-footer .nav-footer-col4 .col4-top i {
   color: #fe0000;
 }
 
 @media only screen and (max-width: 800px) {
   .nav-footer {
      padding-top: 5px;
     position: fixed;
     bottom: 0;
     width: 100%;
     background-color: #73737396;
     left: 0;
     border-top-left-radius: 25px;
     border-top-right-radius: 25px;
     height: 70px;
     box-shadow: 0px -3px 18px 0px #00000096;
     backdrop-filter: blur(5px);
   }
 }
 @media only screen and (max-width: 800px) {
   .nav-footer {
     display: block;
   }
 }
 @media only screen and (max-width: 800px) {
   .nav-footer-col4 {
     width: 25%;
     float: left;
     text-align: center;
   }
 }
 @media only screen and (max-width: 800px) {
   .col4-bottom {
     font-size: 13px;
     color: #ffffff9d;
     letter-spacing: 1px;
     font-weight: 300;
   }
 }