/* ---------------------------
SCREEN STYLE CSS
--------------------------- */

/*
.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1{
border: solid 2px #666666;
}
*/

/* START: NAVIGATION STYLES */
.nav
{
    padding: 20px 10px;
    margin: 10px 0 0;
}
.navbar
{
    font-family: 'Inter', sans-serif;
    background: #e8e8e8;
    padding: 5px;
}
.navbar-brand
{
    margin: 0;
}
.nav-item
{
    margin: 5px 0;
}
.nav-link
{
    color: #000;
}
.nav-link:hover
{
    text-decoration: none;
    color: #fff;
}
/*
.nav-link:focus
{
    color: #000;
}
*/
a.nav-link
{
    padding: 3px 5px;
    border-radius: 5px;
}
.navbar-toggler
{
    float: right;
    margin: 30px 20px;
    color: #000;
}
.navbar-toggleable-xs
{
    clear: both;
    padding: 5px 15px;
}
.currentpg
{
    color: #fff;
    background: #000;
}
.menu-hover
{
    background: #392b22;
    border-radius: 5px;
    transition: 0.7s;
}
/* END: NAVIGATION STYLES */



/* START: HEADING STYLES */
h1, h2
{
    font-family: 'Inter', sans-serif;
}
/* END: HEADING STYLES */



/* START: BANNER STYLES */
.padclear
{
    padding: 0;
}
.transparent
{
    background: rgba(0,0,0,.6);
}
.hpBg
{
    background-image: url(../image/hpBodyBg_web.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0;
    padding: 50px;
}
.collectionBg
{
    background-image: url(../image/heroCollection_web.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0;
    padding: 50px;
}
input[Type="button"]
{
    background: #000;
}
button
{
    background: #000;
}

#crossfade 
{
   width: 400px;
   height: 560px;
   margin: 0 auto;
   overflow: hidden;
   position: relative;
}
ul
{
    list-style: none;
    padding: 0;
}
#crossfade li 
{
   width: 400px;
   height: 560px;
   position: absolute;
}
#myBox
{
    padding: 30px 10px;
    background: #000;
    font-style: italic;
}
/* END: BANNER STYLES */



/* START: CONTENT STYLES */
body
{
    font-family: 'Quicksand', sans-serif;
    color: #fff;
}
.altp
{
    color: #000;
}
blockquote
{
    padding: 50px 0;
    background: #e8e8e8;
}
/* END: CONTENT STYLES */



/* START: FOOTER STYLES */
.footer
{
    font-family: 'Inter', sans-serif;
    background: #000;
    padding: 60px 0 50px;
}
/* START: FOOTER STYLES */