@charset "UTF-8";

a.LinkClass1 {
    color: #401705;
}

a.LinkClass1:link {
	font-family: "Helvetica Neue", "sans-serif";
	font-variant: normal;
	color: #401705;
}

a.LinkClass1:visited {
	font-family: "Helvetica Neue", "sans-serif";
	font-variant: normal;
	color: #401705;
}

a.LinkClass1:hover {
	font-family: "Helvetica Neue", "sans-serif";
	font-variant: normal;
	color: #fec54c;	
}

a.LinkClass2 {
    color: #ffffff;
}

a.LinkClass2:link {
	font-family: "Helvetica Neue", "sans-serif";
	font-variant: normal;
	color: #ffffff;
}

a.LinkClass2:visited {
	font-family: "Helvetica Neue", "sans-serif";
	font-variant: normal;
	color: #ffffff;
}

a.LinkClass2:hover {
	font-family: "Helvetica Neue", "sans-serif";
	font-variant: normal;
	color: #00baff;	
}

a {
	text-decoration: none;
}

h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 32px;
	color: #401705;
}
h2 {
    font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #401705;
}
h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #401705;
}
h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #022e6d;
}
h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
    font-weight: bold;
	color: #022e6d;
}
h6 {
	display: none;
}

.Whitesp {
    display: inline-block;
    float: left;
    width: 100%;
    height: 4px;
}

.SectionText {
    display: inline-block;
    float: left;
    position: relative;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #401705;
    text-align: left;
}

button {
    display: inline-block;
    background-color: #401705;
    border: none;
    border-radius: 4px;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    color: white;
    font-size: 14px;
    transition-duration: 0.3s;
}

button:hover {
  background-color: #cf7b3a;
  color: #ffffff;
}

/* XXXXXXXXXXX This Section is for Mobile XXXXXXXXXXXXXXXXXXX */

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

#PrivacyNote {
    display: inline-block;
    float: left;
    position: fixed;
    z-index: 3;
    width: 50%;
    height: 40%;
    bottom: 30px; 
    background-color: #f7c77f;
    padding-top: 2px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #694605;
    text-align: center;
}

.HeaderBox {
	display: inline-block;
    float: left;
    position: relative;
	width: 100%;
    background-image: url("../images/BackgroundBlue.jpg");
}

.LogoBox {
    display: inline-block;
    float: left;
    position: relative;
	width: 35%;
    height: auto;
}

.NavBox {
    display: inline-block;
    float: right;
    width: 100%;
    padding-top: 2%;
}

.HomeLink {
	display: inline-block;
    float: right;
    width: 16%;
    font-size: 14px;
	text-align: center;
}

.AboutLink {
	display: inline-block;
    float: right;
    width: 16%;
    font-size: 14px;
	text-align: center;
}

.PricesLink {
	display: inline-block;
    float: right;
    width: 17%;
    font-size: 14px;
	text-align: center;
}

.ContactLink {
	display: inline-block;
    float: right;
    width: 17%;
    font-size: 14px;
	text-align: center;
}

.FAQsLink {
	display: inline-block;
    float: right;
    width: 16%;
    font-size: 14px;
	text-align: center;
}

.BlogsLink {
	display: inline-block;
    float: right;
    width: 18%;
    font-size: 14px;
	text-align: center;
}

.MyHeroBox {
    display: inline-block;
    float: left;
    position: relative;
    width: 100%;
}

.MySaleBox {
    display: inline-block;
    float: left;
    position: relative;
    width: 100%;
    height: 40px;
    background-image: url("../images/BackgroundBlueTr.jpg");
    padding-top: 10px;
    font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-align: center;
    color: #FFFFFF;
}

.ProductBoxesFour {
    display: inline-block;
    float: left;
    position: relative;
    width: 100%;

}

.ProdBoxAFour {
    display: inline-block;
    float: left;
    position: relative;
    width: 80%;
    margin-top: 10%;
    margin-left: 10%;
    background-color: #b1646a;
}

.ProdBoxBFour {
    display: inline-block;
    float: left;
    position: relative;
    width: 80%;
    margin-top: 10%;
    margin-left: 10%;
    background-color: #dad1dc;
}

.ProdBoxCFour {
    display: inline-block;
    float: left;
    position: relative;
    width: 80%;
    margin-top: 10%;
    margin-left: 10%;
    background-color: #588561;
}

.ProdBoxDFour {
    display: inline-block;
    float: left;
    position: relative;
    width: 80%;
    margin-top: 10%;
    margin-left: 10%;
    background-color: #461f1b;
}

.BigTextOne {
    display: inline-block;
    float: left;
    position: relative;
    width: 100%;

}

.BigTextOneLeft {
    display: inline-block;
    float: left;
    position: relative;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    padding-top: 3%;
    padding-bottom: 2%;
    

}

.MyTitleRight {
	display: inline-block;
    float: left;
    position: relative;
    width: 100%;
    padding-top: 3%;
    padding-bottom: 2%;
	font-family: 'Open Sans', sans-serif;
	font-size: 5vw;
	text-align: left;
    color: #401705;
}

.BigTextOneRight {
    display: inline-block;
    float: left;
    position: relative;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    padding-top: 1%;
    padding-bottom: 2%;
    font-family: 'Open Sans', sans-serif;
	font-size: 3vw;
	text-align: left;
    color: #401705;

}

.BigTextTwo {
    display: none;
    float: left;
    position: relative;
    width: 100%;

}

.BigTextThree {
    display: inline-block;
    float: left;
    position: relative;
    width: 100%;

}

.MyTitleLeft {
	display: inline-block;
    float: left;
    position: relative;
    width: 100%;
    padding-top: 3%;
    padding-bottom: 2%;
	font-family: 'Open Sans', sans-serif;
	font-size: 5vw;
	text-align: left;
    color: #401705;
}

.BigTextTwoLeft {
    display: inline-block;
    float: left;
    position: relative;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    padding-top: 1%;
    padding-bottom: 2%;
    font-family: 'Open Sans', sans-serif;
	font-size: 3vw;
	text-align: left;
    color: #401705;
}
.BigTextThreeText{
    display: inline-block;
    float: left;
    position: relative;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    padding-top: 1%;
    padding-bottom: 2%;
    font-family: 'Open Sans', sans-serif;
	font-size: 3vw;
	text-align: left;
    color: #401705;
}
.BigTextTwoRight {
    display: inline-block;
    float: left;
    position: relative;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    padding-top: 3%;
    padding-bottom: 2%;
}

.Footer {
	display: inline-block;
    float: center;
    width: 100%;
	background-color: blueviolet;
	background-image: url("../images/BackgroundBlue.jpg");
    padding-top: 10px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #ffffff;
}

.FooterNavBox {
	display: inline-block;
    float: center;
    position: relative;
    width: 100%;
    margin-left: 2%;
    margin-right: 2%;
    padding-bottom: 1%;
	
}

.FtHomeLink {
	display: inline-block;
        float: center;
        width: 35%;
        font-size: 20px;
        text-align: center;


}

.FtAboutLink {
	display: inline-block;
    float: left;
    width: 16%;
    font-size: 12px;
	text-align: center;
}

.FtPricesLink {
	display: inline-block;
    float: left;
    width: 16%;
    font-size: 12px;
	text-align: center;
}

.FtContactLink {
	display: inline-block;
    float: left;
    width: 16%;
    font-size: 12px;
	text-align: center;
}

.FtFAQsLink {
	display: inline-block;
    float: left;
    width: 16%;
    font-size: 12px;
	text-align: center;
}

.FtBlogsLink {
	display: inline-block;
    float: left;
    width: 16%;
    font-size: 12px;
	text-align: center;
}

}

/* XXXXXXXXXX This Section is for Tablet XXXXXXXXX */

@media (min-width: 601px) and (max-width: 1000px){

    #PrivacyNote {
        display: inline-block;
        float: left;
        position: fixed;
        z-index: 3;
        width: 50%;
        height: 30%;
        bottom: 30px; 
        background-color: #f7c77f;
        padding-top: 2px;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        color: #694605;
        text-align: center;
    }

    .HeaderBox {
        display: inline-block;
        float: left;
        position: relative;
        width: 100%;
        background-image: url("../images/BackgroundBlue.jpg");
    }
    
    .LogoBox {
        display: inline-block;
        float: left;
        position: relative;
        width: 25%;
        height: auto;
    }
    
    .NavBox {
        display: inline-block;
        float: center;
        width: 70%;
        padding-top: 2%;
    }
    
    .HomeLink {
        display: inline-block;
        float: right;
        width: 11%;
        font-size: 17px;
        text-align: center;
    }
    
    .AboutLink {
        display: inline-block;
        float: right;
        width: 11%;
        font-size: 17px;
        text-align: center;
    }
    
    .PricesLink {
        display: inline-block;
        float: right;
        width: 11%;
        font-size: 17px;
        text-align: center;
    }
    
    .ContactLink {
        display: inline-block;
        float: right;
        width: 12%;
        font-size: 17px;
        text-align: center;
    }
    
    .FAQsLink {
        display: inline-block;
        float: right;
        width: 11%;
        font-size: 17px;
        text-align: center;
    }
    
    .BlogsLink {
        display: inline-block;
        float: right;
        width: 11%;
        font-size: 17px;
        text-align: center;
    }
    
    .MyHeroBox {
        display: inline-block;
        float: left;
        position: relative;
        width: 100%;
    }
    
    .MySaleBox {
        display: inline-block;
        float: left;
        position: relative;
        width: 100%;
        height: 80px;
        background-image: url("../images/BackgroundOcean.jpg");
        padding-top: 10px;
        font-family: 'Open Sans', sans-serif;
        font-size: 48px;
        text-align: center;
        color: #FFFFFF;
    }
    
    .ProductBoxesFour {
        display: inline-block;
        float: left;
        position: relative;
        width: 100%;
    
    }
    
    .ProdBoxAFour {
        display: inline-block;
        float: left;
        position: relative;
        width: 20%;
        margin-top: 2%;
        margin-left: 4%;
        background-color: #b1646a;
    }
    
    .ProdBoxBFour {
        display: inline-block;
        float: left;
        position: relative;
        width: 20%;
        margin-top: 2%;
        margin-left: 4%;
        background-color: #a467af;
    }
    
    .ProdBoxCFour {
        display: inline-block;
        float: left;
        position: relative;
        width: 20%;
        margin-top: 2%;
        margin-left: 4%;
        background-color: #588561;
    }
    
    .ProdBoxDFour {
        display: inline-block;
        float: left;
        position: relative;
        width: 20%;
        margin-top: 2%;
        margin-left: 4%;
        background-color: #461f1b;
    }
    
    .BigTextOne {
        display: inline-block;
        float: left;
        position: relative;
        width: 100%;
    
    }
    
    .BigTextOneLeft {
        display: inline-block;
        float: left;
        position: relative;
        width: 35%;
        margin-left: 7%;
        margin-right: 2%;
        padding-top: 3%;
        padding-bottom: 2%;
        
    
    }
    
    .MyTitleRight {
        display: inline-block;
        float: left;
        position: relative;
        width: 100%;
        padding-top: 3%;
        padding-bottom: 2%;
        font-family: 'Open Sans', sans-serif;
        font-size: 2vw;
        text-align: left;
        color: #401705;
    }
    
    .BigTextOneRight {
        display: inline-block;
        float: left;
        position: relative;
        width: 45%;
        margin-left: 2%;
        margin-right: 5%;
        padding-top: 1%;
        padding-bottom: 2%;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.3vw;
        text-align: left;
        color: #401705;
    
    }
    
    .BigTextTwo {
        display: inline-block;
        float: left;
        position: relative;
        width: 100%;
    
    }
    
    .MyTitleLeft {
        display: inline-block;
        float: left;
        position: relative;
        width: 100%;
        padding-top: 3%;
        padding-bottom: 2%;
        font-family: 'Open Sans', sans-serif;
        font-size: 2vw;
        text-align: right;
        color: #401705;
    }
    
    .BigTextTwoLeft {
        display: inline-block;
        float: left;
        position: relative;
        width: 45%;
        margin-left: 7%;
        margin-right: 2%;
        padding-top: 1%;
        padding-bottom: 2%;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.3vw;
        text-align: left;
        color: #401705;
    }
    
    .BigTextTwoRight {
        display: inline-block;
        float: left;
        position: relative;
        width: 35%;
        margin-left: 2%;
        margin-right: 7%;
        padding-top: 3%;
        padding-bottom: 2%;
    }

    .BigTextThree {
        display: none;
   
    }

    .Footer {
        display: inline-block;
        float: left;
        width: 100%;
        background-color: blueviolet;
        background-image: url("../images/BackgroundBlue.jpg");
        padding-top: 10px;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-size: 10px;
        color: #ffffff;
    }
    
    .FooterNavBox {
        display: inline-block;
        float: left;
        position: relative;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        padding-bottom: 1%;
        
    }
    
    .FtHomeLink {
       display: inline-block;
        float: center;
        width: 35%;
        font-size: 20px;
        text-align: center;

    }
    
    .FtAboutLink {
        display: inline-block;
        float: left;
        width: 16%;
        font-size: 17px;
        text-align: center;
    }
    
    .FtPricesLink {
        display: inline-block;
        float: left;
        width: 16%;
        font-size: 17px;
        text-align: center;
    }
    
    .FtContactLink {
        display: inline-block;
        float: left;
        width: 16%;
        font-size: 17px;
        text-align: center;
    }
    
    .FtFAQsLink {
        display: inline-block;
        float: left;
        width: 16%;
        font-size: 17px;
        text-align: center;
    }
    
    .FtBlogsLink {
        display: inline-block;
        float: left;
        width: 16%;
        font-size: 17px;
        text-align: center;
    }

}

/* XXXXXXX This section is for Desktop XXXXXXXXXXXX */

@media screen and (min-width: 1001px) {

    #PrivacyNote {
        display: inline-block;
        float: left;
        position: fixed;
        z-index: 3;
        width: 25%;
        height: 35%;
        bottom: 10px; 
        background-color: #f7c77f;
        padding-top: 2px;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        color: #694605;
        text-align: center;
    }

    .HeaderBox {
        display: inline-block;
        float: left;
        position: relative;
        width: 100%;
        background-image: url("../images/BackgroundBlue.jpg");
    }
    
    .LogoBox {
        display: inline-block;
        float: left;
        position: relative;
        width: 25%;
        height: auto;
    }
    
    .NavBox {
        display: inline-block;
        float: right;
        width: 70%;
        padding-top: 2%;
    }
    
    .HomeLink {
        display: inline-block;
        float: right;
        width: 11%;
        font-size: 17px;
        text-align: center;
    }
    
    .AboutLink {
        display: inline-block;
        float: right;
        width: 11%;
        font-size: 17px;
        text-align: center;
    }
    
    .PricesLink {
        display: inline-block;
        float: right;
        width: 11%;
        font-size: 17px;
        text-align: center;
    }
    
    .ContactLink {
        display: inline-block;
        float: right;
        width: 12%;
        font-size: 17px;
        text-align: center;
    }
    
    .FAQsLink {
        display: inline-block;
        float: right;
        width: 11%;
        font-size: 17px;
        text-align: center;
    }
    
    .BlogsLink {
        display: inline-block;
        float: right;
        width: 11%;
        font-size: 17px;
        text-align: center;
    }
    
    .MyHeroBox {
        display: inline-block;
        float: left;
        position: relative;
        width: 100%;
    }
    
    .MySaleBox {
        display: inline-block;
        float: left;
        position: relative;
        width: 100%;
        height: 80px;
        background-image: url("../images/BackgroundBlueTr.jpg");
        padding-top: 10px;
        font-family: 'Open Sans', sans-serif;
        font-size: 48px;
        text-align: center;
        color: #FFFFFF;
    }
    
    .ProductBoxesFour {
        display: inline-block;
        float: left;
        position: relative;
        width: 100%;
    
    }
    
    .ProdBoxAFour {
        display: inline-block;
        float: left;
        position: relative;
        width: 20%;
        margin-top: 2%;
        margin-left: 4%;
        background-color: #004080;
    }
    
    .ProdBoxBFour {
        display: inline-block;
        float: left;
        position: relative;
        width: 20%;
        margin-top: 2%;
        margin-left: 4%;
        background-color: #004080;
    }
    
    .ProdBoxCFour {
        display: inline-block;
        float: left;
        position: relative;
        width: 20%;
        margin-top: 2%;
        margin-left: 4%;
        background-color: #004080;
    }
    
    .ProdBoxDFour {
        display: inline-block;
        float: left;
        position: relative;
        width: 20%;
        margin-top: 2%;
        margin-left: 4%;
        background-color: #004080;
    }
    
    .BigTextOne {
        display: inline-block;
        float: left;
        position: relative;
        width: 100%;
    
    }
    
    .BigTextOneLeft {
        display: inline-block;
        float: left;
        position: relative;
        width: 35%;
        margin-left: 7%;
        margin-right: 2%;
        padding-top: 3%;
        padding-bottom: 2%;
        
    
    }
    
    .MyTitleRight {
        display: inline-block;
        float: left;
        position: relative;
        width: 100%;
        padding-top: 3%;
        padding-bottom: 2%;
        font-family: 'Open Sans', sans-serif;
        font-size: 2vw;
        text-align: left;
        color: #401705;
    }
    
    .BigTextOneRight {
        display: inline-block;
        float: left;
        position: relative;
        width: 45%;
        margin-left: 2%;
        margin-right: 5%;
        padding-top: 1%;
        padding-bottom: 2%;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.3vw;
        text-align: left;
        color: #401705;
    
    }
    
    .BigTextTwo {
        display: inline-block;
        float: left;
        position: relative;
        width: 100%;
    
    }

    .BigTextThree {
        display: none;
   
    }
    
    .MyTitleLeft {
        display: inline-block;
        float: left;
        position: relative;
        width: 100%;
        padding-top: 3%;
        padding-bottom: 2%;
        font-family: 'Open Sans', sans-serif;
        font-size: 2vw;
        text-align: right;
        color: #401705;
    }
    
    .BigTextTwoLeft {
        display: inline-block;
        float: left;
        position: relative;
        width: 45%;
        margin-left: 7%;
        margin-right: 2%;
        padding-top: 1%;
        padding-bottom: 2%;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.3vw;
        text-align: left;
        color: #401705;
    }
    
    .BigTextTwoRight {
        display: inline-block;
        float: left;
        position: relative;
        width: 35%;
        margin-left: 2%;
        margin-right: 7%;
        padding-top: 3%;
        padding-bottom: 2%;
    }
    
    .Footer {
        display: inline-block;
        float: center;
        width: 100%;
        background-color: blueviolet;
        background-image: url("../images/BackgroundBlue.jpg");
        padding-top: 10px;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-size: 10px;
        color: #ffffff;
    }
    
    .FooterNavBox {
        display: inline-block;
        float: right;
        position: relative;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        padding-bottom: 1%;
        
    }
    
    .FtHomeLink {
        display: inline-block;
        float: center;
        width: 35%;
        font-size: 20px;
        text-align: center;

    }
    
    .FtAboutLink {
        display: inline-block;
        float: left;
        width: 16%;
        font-size: 17px;
        text-align: center;
    }
    
    .FtPricesLink {
        display: inline-block;
        float: left;
        width: 16%;
        font-size: 17px;
        text-align: center;
    }
    
    .FtContactLink {
        display: inline-block;
        float: left;
        width: 16%;
        font-size: 17px;
        text-align: center;
    }
    
    .FtFAQsLink {
        display: inline-block;
        float: left;
        width: 16%;
        font-size: 17px;
        text-align: center;
    }
    
    .FtBlogsLink {
        display: inline-block;
        float: left;
        width: 16%;
        font-size: 17px;
        text-align: center;
    }

}