/*

Primary
Yellow 1  #EDB423   R:237 G:180 B:35  H:43  S:58  L:53
Yellow 2  #FFC226   R:255 G:194 B:38  H:43  S:100  L:57
Yellow 3  #FFCF54   R:255 G:207 B:84  H:43  S:100  L:66
Yellow 4  #F9E4B0   R:249 G:228 B:176   H:43  S:58  L:83

Secondary
Blue 1  #051024   R:35 G:31 B:32    H:344 S:11 L:13
Blue 2  #2C3051   R:44 G:48 B:81    H:234 S:29 L:25
Blue 3  #53588A   R:83 G:88 B:138   H:234 S:25 L:43
Blue 4  #9BA5FF   R:155 G:165 B:255   H:234 S:100 L:80
Blue 5  #D8DCFF   R:216 G:220 B:255   H:234 S:100 L:92

Neutral
#353535   R:53 G:53 B:53    H:0  S:0  L:21
#474747   R:71 G:71 B:71    H:0  S:0  L:28
#6D6D6D   R:109 G:109 B:109   H:0  S:0  L:43
#A1A1A1   R:161 G:161 B:161   H:0  S:0  L:63
#D8D8D8   R:216 G:216 B:216   H:0  S:0  L:85
#F9F9F9   R:249 G:249 B:249   H:0  S:0  L:98

Support
Dark Red  #820F23   R:130 G:15 B:35   H:348  S:80  L:28
Light Red   #F04444   R:240 G:68 B:68   H:0  S:85  L:60

*/

body {
    font-family: 'Mazzard H', sans-serif !important; 
}

h1, h2, h3, h4, h5, h6 {  
    font-family: 'Mazzard H', sans-serif !important;
    color:  #353535;
    font-weight: 700;
}


a {
  text-decoration: underline;
}


#hero-1 {
  background-color: #ffcf54 !important;
  background-image: none !important;
}


.bg-yellow { background-color: #ffcf54; }


.bg-dark { background-color: #1b3d2f;}

.btn-dark, 
.scroll .btn-dark, 
.white-color .btn-dark,
.dark-hover:hover, 
.scroll .dark-hover:hover, 
.white-color .dark-hover:hover {
  color: #fff!important;
  background-color: #353535 !important;
  border-color: #353535 !important;
}

.btn-red, 
.scroll .btn-red, 
.white-color .btn-red,
.red-hover:hover, 
.scroll .red-hover:hover, 
.white-color .red-hover:hover {
  color: #fff!important;
  background-color: #F04444 !important;
  border-color: #F04444 !important;
}

.btn-yellow, 
.scroll .btn-yellow, 
.white-color .btn-yellow,
.yellow-hover:hover, 
.scroll .yellow-hover:hover, 
.white-color .yellow-hover:hover {
  color: #1d293f!important;
  background-color: #ffcf54!important;
  border-color: #ffcf54!important;
}

.btn-tra-yellow, 
.scroll .btn-tra-yellow, 
.white-color .btn-tra-yellow,
.tra-yellow-hover:hover, 
.scroll .tra-yellow-hover:hover, 
.white-color .tra-yellow-hover:hover {
  color: #1d293f!important;
  background-color: transparent!important;
  border-color: #ffcf54!important;
}


.wsmainwp {
  max-width: 1320px;
}

.tra-menu .wsmainfull.scroll, .white-menu .wsmainfull.scroll, .dark-menu.dark-scroll .wsmainfull.scroll {
  background-color: #ffcf54 !important;
}

.tra-menu .wsmobileheader, .white-menu .wsmobileheader {
  background-color: #ffcf54;
}
  

.yellow-color,
.yellow-color h2, 
.yellow-color h3, 
.yellow-color h4, 
.yellow-color h5, 
.yellow-color h6, 
.yellow-color p, 
.yellow-color a, 
.yellow-color li,
.yellow-color i, 
.yellow-color span,
.white-color .yellow-color { color: #ffcf54; }



.bg-stateblue { background-color: #051024; }



.btn-stateblue, 
.scroll .btn-stateblue, 
.white-color .btn-stateblue,
.stateblue-hover:hover, 
.scroll .stateblue-hover:hover, 
.white-color .stateblue-hover:hover {
  color: #fff!important;
  background-color: #051024!important;
  border-color: #051024!important;
}

.btn-tra-stateblue, 
.scroll .btn-tra-stateblue, 
.white-color .btn-tra-stateblue,
.tra-stateblue-hover:hover, 
.scroll .tra-stateblue-hover:hover, 
.white-color .tra-stateblue-hover:hover {
  color: #051024!important;
  background-color: transparent!important;
  border-color: #051024!important;
}

.stateblue-color,
.stateblue-color h2, 
.stateblue-color h3, 
.stateblue-color h4, 
.stateblue-color h5, 
.stateblue-color h6, 
.stateblue-color p, 
.stateblue-color a, 
.stateblue-color li,
.stateblue-color i, 
.stateblue-color span,
.white-color .stateblue-color { color: #051024; }







.bg-yellow-gradient {
  background-image: linear-gradient(180deg, rgba(249, 228, 176, .5) 50%, rgba(249, 228, 176, .05) 100%);
}



.bg-04 {
  background-image: url(../images/bg-04.svg);
}


#download-page {
  background-image: url(../images/bg-04.svg);
}











.store {
  margin-right: 10px;
}


.store img {
  max-height: 47px;
}


.navbar-dark .wsmenu > .wsmenu-list > li > a:hover {
  color: #ffffff;
}



#brands-2 .brand-logo {
  padding: 0;
  }



/*------------------------------------
  Divider
------------------------------------*/
.divider {
  display: flex;
  align-items: center; }
  .divider::before, .divider::after {
    flex: 1 1 0%;
    border-top: 0.0625rem solid #bbb;
    content: "";
    margin-top: 0.0625rem; }
  .divider::before {
    margin-right: 1rem; }
  .divider::after {
    margin-left: 1rem; }






@media (max-width: 767px) { 
  #hero-1 {
    padding-bottom: 80px;
  }
}


.cta-4-wrapper {
  margin-bottom: 0;
}


.sign-in-footer {
  margin-top: 20px;
}


.form-control {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}


#login-2, #signup-2 {
  padding-top: 40px;
}

.login-page-logo {
  margin-bottom: 40px;
}


.wsanimated-arrow span,
.wsanimated-arrow span:before,
.wsanimated-arrow span:after {
  background: #353535;
}


.yellow-menu .wsmainfull {
  background-color: #ffcf54 !important;
}



.desktoplogo {
   line-height: 64px;
  }

.wsmobileheader {
  background-color: #ffcf54 !important;

}


.ico-bkg {
  top: -15px;
  left: -15px;
  transform: none;
}