@font-face {
  font-family: proxima-light;
  src: url('fonts/ProximaNova-Light.otf');
  }
  @font-face {
  font-family: proxima-bold;
  src: url('fonts/ProximaNova-Bold.otf');
  }
  @font-face {
  font-family: proxima-boldlt;
  src: url('fonts/ProximaNova-Boldlt.otf');
  }
  @font-face {
  font-family: proxima-semibold;
  src: url('fonts/ProximaNova-Semibold.otf');
  }
  @font-face {
  font-family: proxima-extrabold;
  src: url('fonts/ProximaNova-Extrabold.otf');
  }
  @font-face {
  font-family: proxima-regular;
  src: url('fonts/ProximaNova-Regular.otf');
  }
  @font-face {
  font-family: proxima-black;
  src: url('fonts/ProximaNova-Black.otf');
 }
 .circle {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer
}
.color8 {
    background: #4c4c4c;
    background: -moz-linear-gradient(left, #4c4c4c 0, #595959 8%, #666 15%, #474747 23%, #2c2c2c 32%, #000 47%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, #4c4c4c), color-stop(8%, #595959), color-stop(15%, #666), color-stop(23%, #474747), color-stop(32%, #2c2c2c), color-stop(47%, #000), color-stop(60%, #111), color-stop(76%, #2b2b2b), color-stop(91%, #1c1c1c), color-stop(100%, #131313));
    background: -webkit-linear-gradient(left, #4c4c4c 0, #595959 8%, #666 15%, #474747 23%, #2c2c2c 32%, #000 47%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: -o-linear-gradient(left, #4c4c4c 0, #595959 8%, #666 15%, #474747 23%, #2c2c2c 32%, #000 47%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: -ms-linear-gradient(left, #4c4c4c 0, #595959 8%, #666 15%, #474747 23%, #2c2c2c 32%, #000 47%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: linear-gradient(to right, #4c4c4c 0, #595959 8%, #666 15%, #474747 23%, #2c2c2c 32%, #000 47%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%)
}
.color40 {
        background: rgb(67,37,63);
    background: linear-gradient(180deg, rgba(67,37,63,1) 0%, rgba(94,50,87,1) 100%);
}
.color41 {
        background: rgb(182,202,211);
    background: linear-gradient(180deg, rgba(182,202,211,1) 0%, rgba(225,244,253,1) 100%);
}
.color9 {
    background: #f0d2ac
}
.color30 {
    background: #efb1a4
}
.color31 {
    background: #b9ef13
}
.color38 {
    background: rgb(112, 112, 112);
    background: linear-gradient(0deg, rgba(112, 112, 112, 1) 0%, rgba(199, 199, 199, 1) 100%)
}
.color32 {
    background: #242424;
    background: -moz-linear-gradient(left, #242424 0, #1a1a1a 50%, #19e3fa 51%, #19e3fa 71%, #19e3fa 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, #242424), color-stop(50%, #1a1a1a), color-stop(51%, #19e3fa), color-stop(71%, #19e3fa), color-stop(100%, #19e3fa));
    background: -webkit-linear-gradient(left, #242424 0, #1a1a1a 50%, #19e3fa 51%, #19e3fa 71%, #19e3fa 100%);
    background: -o-linear-gradient(left, #242424 0, #1a1a1a 50%, #19e3fa 51%, #19e3fa 71%, #19e3fa 100%);
    background: -ms-linear-gradient(left, #242424 0, #1a1a1a 50%, #19e3fa 51%, #19e3fa 71%, #19e3fa 100%);
    background: linear-gradient(to right, #242424 0, #1a1a1a 50%, #19e3fa 51%, #19e3fa 71%, #19e3fa 100%)
}
.color33 {
    background: #242424;
    background: -moz-linear-gradient(left, #242424 0, #1a1a1a 50%, #f50000 51%, #f50000 71%, #f50000 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, #242424), color-stop(50%, #1a1a1a), color-stop(51%, #f50000), color-stop(71%, #f50000), color-stop(100%, #f50000));
    background: -webkit-linear-gradient(left, #242424 0, #1a1a1a 50%, #f50000 51%, #f50000 71%, #f50000 100%);
    background: -o-linear-gradient(left, #242424 0, #1a1a1a 50%, #f50000 51%, #f50000 71%, #f50000 100%);
    background: -ms-linear-gradient(left, #242424 0, #1a1a1a 50%, #f50000 51%, #f50000 71%, #f50000 100%);
    background: linear-gradient(to right, #242424 0, #1a1a1a 50%, #f50000 51%, #f50000 71%, #f50000 100%)
}
.color29 {
    background: #7d0087
}
.color45 {
    background: #b7ccda;
}
.color36 {
    background: #fdd5c6;
    background: linear-gradient(90deg, rgba(253, 213, 198, 1) 11%, rgba(41, 159, 188, 1) 76%)
}
.color10 {
    background: #29744e
}
.color11 {
    background: #2862d9;
    background: -moz-linear-gradient(top, #2862d9 0, #090d3a 100%);
    background: -webkit-linear-gradient(top, #2862d9 0, #090d3a 100%);
    background: linear-gradient(to bottom, #2862d9 0, #090d3a 100%)
}
.color12 {
    background: #19e4fa
}
.color39 {
    background: rgb(45, 210, 184);
    background: linear-gradient(180deg, rgba(45, 210, 184, 1) 0%, rgba(64, 183, 164, 1) 100%)
}
.color13 {
    background: #354c92
}
.color14 {
    background: #e11a26
}
.color15 {
    background: #606060
}
.color16 {
    background: #a5a5a5
}
.color17 {
    background: #dbdbdb
}
.color18 {
    background: #ff7f21
}
.color37 {
    background: rgb(113, 104, 67);
    background: linear-gradient(180deg, rgba(106, 101, 81, 1) 0%, rgba(60, 55, 42, 1) 100%)
}
.color19 {
    background: rgb(157, 115, 170);
    background: linear-gradient(180deg, rgba(157, 115, 170, 1) 0%, rgba(45, 39, 46, 1) 100%);
}
.color20 {
    background: #945794;
    background: -moz-linear-gradient(-45deg, #945794 0, #861ba1 33%, #7321de 57%, #4821e0 77%, #1509b5 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #945794), color-stop(33%, #861ba1), color-stop(57%, #7321de), color-stop(77%, #4821e0), color-stop(100%, #1509b5));
    background: -webkit-linear-gradient(-45deg, #945794 0, #861ba1 33%, #7321de 57%, #4821e0 77%, #1509b5 100%);
    background: -o-linear-gradient(-45deg, #945794 0, #861ba1 33%, #7321de 57%, #4821e0 77%, #1509b5 100%);
    background: -ms-linear-gradient(-45deg, #945794 0, #861ba1 33%, #7321de 57%, #4821e0 77%, #1509b5 100%);
    background: linear-gradient(135deg, #945794 0, #861ba1 33%, #7321de 57%, #4821e0 77%, #1509b5 100%)
}
.color21 {
    background: #242424
}
.color22 {
    background: #35a5cb
}
.color23 {
    background: #bf8553
}
.color24 {
    background: #122465
}
.color28 {
    background: #db965f
}
.color34 {
    background: #71f5de;
    background: linear-gradient(180deg, #71f5de 0, #fbb5d5 100%)
}
.color35 {
    background: #d37aff
}
.color42 {
        background: rgb(158, 234, 242);
    background: linear-gradient(180deg, rgba(158, 234, 242, 1) 0%, rgba(248, 225, 224, 1) 100%);
}
.color43 {
    background: #62324c;
}
.color44 {
    background: rgb(237, 234, 229);
}
.proxima-regular {font-family:'proxima-regular';}
.proxima-bold {font-family:'proxima-bold';}
.proxima-boldlt {font-family:'proxima-boldlt';}
.proxima-semibold {font-family:'proxima-semibold';}
.proxima-extrabold {font-family:'proxima-extrabold';}
.proxima-light {font-family:'proxima-light';}
.proxima-black {font-family:'proxima-black';}

html,body {margin:0;padding:0;overflow-x:hidden;font-family: quasimoda, sans-serif;font-weight:400;font-size:14px;line-height: 1.6;}
.body {margin: auto;width: 100%;padding: 0px;}
a {text-decoration:none;}
ul {padding:0px;margin:0px}
li{list-style: none;}
.flL {float:left;}
.flR {float:right;}
header {position:fixed;top:0px;width:100%;}
.navWrapIn {text-align:center;width:100%;z-index:9998;}
.m-nav {display:none;}
.moblogo {display:none;}
header {z-index:9999999;left:0;text-align:center;background:#ffffffbf;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}


nav {height:40px;font-size:12px;font-weight:600}
nav ul {list-style:none;margin:0px;padding:0px}
nav ul li {display:inline;padding:25px 30px;}
nav ul li:first-child {position:relative;}
nav ul li:first-child img {width:75px; margin-top: 7px; }
nav ul li a {text-decoration:none;color:black;text-transform: uppercase;}
.d-parent {position:relative; top: -10px;}
.d-parent ul.d-android {left:-40px;width:200px;}
.d-parent ul li {display:block;background:rgba(255,255,255,0.9);padding:16px 30px;border-bottom:1px solid rgba(141, 141, 141, 0.3);}
.d-parent ul li:first-child {padding-top:25px;}
.d-parent ul li:last-child {padding-bottom:25px;}
li.d-parent ul {position:absolute;top:49px;left:0;z-index:9995;display:none;}
li.d-parent:hover ul {display:block;}

nav ul li ul.drop_down {text-decoration:none;color:black;}
nav ul li a.header_text{text-decoration:none;color:black;}
div.header_section{     background: white;    margin-right: auto;    margin-left: auto;    width: 1400px;    padding: 10px;     }
div.body_section{ background: white;    margin-right: auto;    margin-left: auto;    width: 1400px;    padding: 10px; }

section {
     margin-top: 0px; 
}

/* --- QUERIES --- */


@media screen and (max-width: 1400px) { 
.container{width: 1180px;}
}

    

@media screen and (max-width: 980px) {
.navWrapIn {display:none} 
nav ul li {display:block;}

.moblogo {display:block;position:relative;margin:0 auto;top:7px;}
.moblogo img {width:70.5px}

.m-nav {display:block;width:100%;height:40px;font-size:14px}
.m-nav ul {padding:10px 0 0px 0px;list-style:none;margin-top:3px}
.m-nav li {padding:15px 0;border-bottom:1px solid rgba(200,200,200,0.2);}
nav ul li a {color:white}

.container{width: 100%;padding:0px}


/* Important styles */
#toggle {
display: block;
width: 28px;
height: 15px;
margin-top:-10px;
margin-left:15px;
}

#toggle span:after,
#toggle span:before {
content: "";
position: absolute;
left: 0;
top: -9px;
}
#toggle span:after{
top: 9px;
}
#toggle span {
position: relative;
display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
width: 100%;
height: 2px;
background-color: #888;
transition: all 0.3s;
backface-visibility: hidden;
border-radius: 2px;
}

/* on activation */
#toggle.on span {
background-color: transparent;
}
#toggle.on span:before {
transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #m-menu {
opacity: 1;
visibility: visible;
}

/* m-menu appearance*/
#m-menu {
position: relative;
color: #999;
width: 100%;
height:1000px;
margin: auto;
text-align: center;

background: black;

/* just for this demo */
opacity: 0;
visibility: hidden;
transition: opacity .4s;
}
#m-menu:after {
position: absolute;
/*top: -15px;*/
left: 95px;
content: "";
display: block;
}
.m-nav ul li li a {
list-style: none;
display: block;
margin: 0;
padding: 0;
}
.m-nav li a {
padding: 5px;
/*color: #888;*/
text-decoration: none;
transition: all .2s;
}
.m-nav li a:hover,
li a:focus {
color: #fff;
}

.foot-rght {display:none}

/*--- M-FOOTER MENU STARTS --- */
.m-foot-memu {display:block;}
.m-foot-memu a{display: block; padding:5px 0px;text-transform: none;}
.collapsible, .non-collapsible {
cursor: pointer;
padding: 18px !important;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
color:black;
border-bottom:solid 1px #cccccc;
background: white;
}

/*.active {
}*/

.collapsible:after {
content: '\002B';
color: black;
float: right;
margin-left: 5px;
}

.active:after {
content: "\2212";
}

.content {
padding: 0px 24px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.content ul {padding:15px 0px}
/*--- M-FOOTER MENU ENDS --- */



@media (max-width: 640px) {
nav ul li:first-child img {width:20%;left:40%;}
}
@media (max-width: 500px) {
  .foot-lft {width:280px;}
}


@media (max-width: 525px) {
nav ul li:first-child img {width:23%;left:38.5%;}
}
@media (max-width: 415px) {
nav ul li:first-child img {width:26%;left:37%;}
}
@media (max-width: 386px) {
nav ul li:first-child img {width:28%;left:36%;}
}