@import url("https://use.typekit.net/ghu4snu.css");

@media only screen and (max-width: 540px) {  

    .panel-2 {
        background: url(https://www.consuites.com/images/panels/panel-2-sm.jpg) no-repeat top right!important; 
    }

    .card {
        width: 100%!important;
    }

}

html, body {
    height: 100%;
    margin: 0px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    font-style: normal;
    background: none;
}

a {
    color:#9000ff;
}

nav {
    border-bottom: 5px solid #000;
}

nav .dropdown-toggle, nav .dropdown-toggle:hover,
nav .dropdown-toggle:active,
nav .dropdown-toggle:visited,
nav button:focus:not(:focus-visible),
.btn-secondary {
    border: none!important;
    background-color: #fff!important;
    color: #000!important;
    margin-top: 5px!important;
}

nav .dropdown-menu {
    border: none !important;
    background-color: #000000;
    margin-top: 13px!important;
    border-radius: 0;
    box-shadow: 5px 5px 5px #4f4f4f!important;
}

nav .dropdown-menu li a:hover {
    border: none !important;
    background-color: #854eb9;
    border-radius: 0;
}

nav .dropdown-menu li a {
    color:#fff;
}
 
nav .dropdown-menu li a:hover { 
    color:#ffffff;
}

.nav-link {
    margin-top: 3px;
    color:#000;
}

footer {
    border-top: 10px solid #000;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #9a9a9a;
}

footer a, footer p {
    color:#ffffff;
}

.disclaimer {
    color: #818181;
}

p {
    font-size: 20px;
    line-height: 22px;
}

h3 {
    color: #8a00ff;
}

.brand-font {
    font-family: "ff-cocon-pro", sans-serif!important;
    font-weight: 400!important;
    font-style: normal!important;
}

.panel {
    padding-top: 55px;
    padding-bottom: 55px;
    min-height:600px;
}

.panel-no-pt {
    padding-bottom: 55px;
    min-height:600px;
}

.panel-no-pb {
    padding-bottom: 55px;
    min-height:400px;
}

.panel-1 {
    background-color: #50009a;
    background: url(https://www.consuites.com/images/panels/panel-1.jpg) no-repeat center center; 
    -webkit-background-size: cover!important; 
    -o-background-size: cover!important; 
    background-size: cover!important; 
}

.panel-2 {
    border-top: 5px solid #fff;
    background-color: #000000;
    background: url(https://www.consuites.com/images/panels/panel-2.jpg) no-repeat top center; 
    -webkit-background-size: cover!important; 
    -o-background-size: cover!important; 
    background-size: cover!important; 
}

.panel-3 {
    background-color: #50009a;
    background: url(https://www.consuites.com/images/panels/panel-3.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover!important; 
    -o-background-size: cover!important; 
    background-size: cover!important; 
}

.panel-3{
    border-top: 5px solid #000; 
}

.panel-3 ul li {
    font-size: 20px;
}

.top-margin {
    margin-top:50px;
}

.top-margin-lg {
    margin-top:100px;
}

.panel-1 h1, .panel-2 h2 {
    color:#fff000;
}

.panel-1 h2, .panel-1 p {
    margin-top: 30px;
    color:#ffffff;
}

.panel-1 ul {
    color:#ffffff;
    list-style: none;
}

.panel-1 ul li:before {
    content: '✓';
    font-size: 20px;
}

.panel-2 h2 {
    font-size:40px;
}

.panel-2 h3, .panel-2 p {
    color:#ffffff;
}

.btn-primary {
    background-color: #8400ff;
    color:#ffffff;
    border: none!important;
}

.btn-primary:hover, a.btn-primary:active {
    background-color: #b566ff;
}