body{
width:100%;
margin:0;
background-color:black;
color:white;
font-family: Helvetica, Arial, sans-serif;
overflow-x:hidden;
}

/* ---------------- CONTAINERS ---------------- */
.headerContainer{
width:100%;
padding-top:2vh;
padding-bottom:1vh;
padding-left:1%;
padding-right:1%;
float:left;
border-bottom:1px black solid;
}

.menuContainer{
width:100%;
float:left;
text-align:left;
border-bottom:1px black solid;
padding-left:4vw;
}

.menuContainerVert{
/*width:XX%; varies with contntentContainerVert*/ 
/*height:XXvh; same as contntentVert*/ 
float:left;
border-bottom:1px black solid;
}

.contentContainer{
width:100%;
float:left;
border-bottom:1px black solid;
text-align:center;
margin-bottom:2vh;
}

.contentContainerVert{
/*width:XX%; varies with contntentContainerVert*/ 
/*height:XXvh; same as contntentVert*/ 
float:left;
border-bottom:1px black solid;
}

.contentContainerAdvert{
width:63.2%;
height:100vh;
margin-left:1%;
margin-right:1%;
float:left;
border-bottom:1px black solid;
text-align:center;
}

.advertLTCont{
width:17%;
height:100vh;
text-align:center;
overflow-y:scroll;
overflow-x:hidden;
white-space:nowrap;
float:left;
border:1px black solid;
}

.advertRBCont{
width:17%;
height:100vh;
text-align:center;
overflow-y:scroll;
overflow-x:hidden;
white-space:nowrap;
float:left;
border:1px black solid;
}

.advertWrapper{
margin:1vh .5vw 0 .5vw;
display:inline-block;
}

.footerContainer{
width:100%;
padding-bottom:2vh;
float:left;
background-color:black;
}

/* ---------------- MENU ---------------- */
.menuItemWrapper{
margin-right:2vw;
display:inline-block;
/*border:solid white 1px;*/
float:left;
}

.menuIcon{
height:10vh;
float:left;
}

.menuItemHoriz{
text-align:center;
}

.menuItemVert{
text-align:left;
}

/* ---------------- ELEMENTS ---------------- */
.lineBreak{
width:100%;
height:3px;
background-color:silver;
float:left;
}

/* -- used inside of CONTAINERs -- */
.centerContent30{

}

.centerContent33{
width:30%;
border:white solid 1px;
display: inline-block;
vertical-align:top;
padding:1%;
}

.centerContent60{

}

.centerContent66{
margin:0 auto 0 auto;
width:65%;
/*border:white solid 1px;*/
}

.centerContent75{
width:72%;
/*border:white solid 1px;*/
display: inline-block;
vertical-align:top;
padding:2%;
text-align:left;
}

.centerContent100{
width:98%;
border:white solid 1px;
display: inline-block;
vertical-align:top;
padding:1%;
}

.asideL20{
width:19.5%;
/*border:white solid 1px;*/
display: inline-block;
vertical-align:top;
padding:1%;
text-align:center;
}

.asideR20{

}

.asideL25{

}

.asideR25{

}

.asideL30{

}

.asideR30{

}
.asideL33{

}

.asideR33{

}
.asideL40{

}


/* ---------------- CARDS ---------------- */

.cardWrapper{

}

.cardImg{
	
}

.cardDesc{
width:100%;	
float:left;
text-align:center;
}

/* ---------------- IMAGES AND GALLERY ---------------- */

.bannerWrapper{
width:40%;
float:left;
border:solid black 1px;
}

.banner{
width:100%;
float:left;
}

.socMedWrapper{
width:40%;
float:right;
border:solid black 1px;
margin-right:2%;
text-align: right;
}

.socMediaIconWrapper{
display:inline-block; 
margin:0 1vw; 
}

.socMediaIcon{
width:4vw;
}

.enterIcon{
width:30%;
}


.galleryImageWrapper{
width:18%;
border:white solid 1px;
display: inline-block;
vertical-align:top;
padding:1%;
margin-right:1vw;
}

.galleryThumbnail{
width:90%
}


.thumbnail{
width:30%;
float:left;
}

.thumbnail70{
width:70%;
margin:0 auto;
display:block;
}

.thumbnailAdvert{
width:95%;
margin:2vh .3vw 0 .5vw;
display:inline-block;
float:left;
}

.video{
width:30%;
float:left;
}

.triExample{
width:50%;
}

#video{
	width:80vw;
	height:45vw;
	margin-bottom:4vw;
}
/* ---------------- FONT/TEXT/SPACING ---------------- */

a{
text-decoration:none;
color:white;
}

.emailContact{
font-weight:900;
font-size:6vh;
}

.hidden{
display:none;
}

.menuText{
font-size:3vh;
font-weight:900;	
}


.titleA{
font-size:4vh;
font-weight:900;
}

.titleB{
font-size:4vh;
font-weight:900;
}

.titleC{
font-size:3vh;
font-weight:900;
}

.textA{
font-size:3vh;
}

.textB{
font-size:2.5vh;
}

.textC{
font-size:2vh;
}

.leftJustified{
text-align: left;	
}


.mt1{
margin-top:1vh;
}

.mt2{
margin-top:2vh;
}

.mt4{
margin-top:4vh;
}

.mb1{
margin-bottom:1vh;
}

.mb2{
margin-bottom:2vh;
}

.mb4{
margin-bottom:4vh;
}

.pdLR{
	padding-left:2%;
	padding-right:2%;
}

/* ---------------- TABLES ---------------- */

th{
}

tr{
}

td{
text-align:center;
}

/* ---------------- FORMS/INPUTS ---------------- */

input{
border:black 1px solid;
font-size:2.5vh;
}

label{
font-weight:900;
font-size:3vh;
}

textarea{
width:40%;	
height:20vh;
padding:1%;
}

.gentle{
border-radius:7px;
padding-left:1%;
padding-right:1%;
}

.chooseFileColor{
background-color:#e1e1e1;
}

.radioCheckboxText{
font-size:2.5vh;	
font-weight:900;
float:none;
}

.formsContainer{
width:100%;
float:left;
}

.formsWrapper{
width:100%;
padding-left:2vw;
}

.inputBoxA{
font-size:3vh;
float:left;
}

.inputBoxB{
font-size:2.5vh;
float:left;
}

.inputBoxC{
font-size:2vh;
float:left;
}

.checkBoxA{
font-size:3vh;
}

.checkBoxB{
font-size:2.5vh;
}

.checkBoxC{
font-size:2vh;
}

.radioA{
font-size:3vh;
}

.radioB{
font-size:2.5vh;
}

.radioC{
font-size:2vh;
}

.datePicker{
float:left;
}

.colorPicker{
float:left;
}

.rangePicker{
float:left;
}

.fileUpload{
float:left;
}

.buttonA{
float:left;
}

.buttonB{
float:left;
}

/* ---------------- ACCORDION ---------------- */


/* ---------------- MAP ---------------- */
.mapWrapper{
text-align:center;
margin:2vh auto 2vh;
display:block;
}

.mapAsideL20{
width:19.5%;
border:white solid 1px;
display: inline-block;
vertical-align:top;
padding:1%;
text-align:center;
}

.map75{
width:75%;
border:white solid 1px;
display: inline-block;
vertical-align:top;
padding:1%;
}

.map{
width:95%;
height:80vh;
margin:2vh auto 2vh;
display:block;
}

/* ---------------- GLITZ ---------------- */
.bigPicture{
width:100%;
float:left;
}

.bigMovie{
width:100%;
float:left;

}

/* ---------------- ANIMATIONS ---------------- */

/* ---------------- FOOTER ---------------- */
.siteMap{
width:30.5%;
padding:1%;
color:white;
/*border:white 1px solid;*/
float:left;
}

.socMediaFooter{
width:32%;
padding:1%;
color:white;
/*border:white 1px solid;*/
float:left;
}

.socMedFooterWrapper{
width:100%;
float:left;
/*border:white 1px solid;*/
margin-right:0;
text-align: center;
}

.socMediaIconFooterWrapper{
display:inline-block; 
margin:4vh 1vw; 
}

.socMediaFooterIcon{
width:3vw;
}

.signUp{
width:30.5%;
padding:1%;
color:white;
/*border:white 1px solid;*/
float:left;
}

.DHDP{
background-color:black;
text-align:center;
width:100%;
border-top:white 1px solid;
padding:.5%;
float:left;
}

.signOff{
display: inline-block;
}

/* ----------------------------------------------------- RESONSIVE ----------------------------------*/
@media only screen and (max-width: 672px) {

body{
/*background-color:green;*/
}

/* ---------------- CONTAINERS ---------------- */

.menuContainer{
width:100%;
float:left;
text-align:center;
border-bottom:1px black solid;
}

/* ---------------- MENU ---------------- */

.menuItemWrapper{
width:100%;
padding:1%;
float:left;
border-bottom:solid black 1px;
display: flex;
justify-content: center;
background-color:black;
}

.menuIcon{
height:12vh;
}

.headerContainer{
width:100%;
padding-top:2vh;
padding-bottom:1vh;
padding-left:0;
padding-right:0;
float:left;
border-bottom:1px black solid;
text-align:center;
}

/* ---------------- ADVERT ---------------- */
.contentContainerAdvert{
width:100%;
height:100%;
float:left;
border-bottom:1px black solid;
text-align:center;
}

.advertLTCont{
width:100%;
height:55vh;
overflow-x:scroll;
overflow-y:hidden;
white-space:nowrap;
float:left;
}

.advertRBCont{
width:100%;
height:55vh;
overflow-x:scroll;
overflow-y:hidden;
white-space:nowrap;
float:left;
}


/* ---------------- ELEMENTS ---------------- */

.asideL20{
width:100%;
border:white solid 1px;
display: inline-block;
vertical-align:top;
padding:1%;
text-align:center;
}

.centerContent75{
width:100%;
border:white solid 1px;
display: inline-block;
vertical-align:top;
padding:1%;
}

/* ---------------- IMAGES AND GALLERY ---------------- */
.bannerWrapper{
width:100%;
float:left;
border:solid black 1px;
}

.banner{
width:100%;
float:left;
}

.thumbnailAdvert{
width:30%;
margin-left:1%;
margin-right:1%;
float:none;
}


.galleryImageWrapper{
width:80%;
border:white solid 1px;
display: inline-block;
vertical-align:top;
padding:1%;
margin-bottom:4vh;
}

.galleryThumbnail{
width:90%
}

#video{
	width:80vw;
	height:45vw;
	margin-bottom:4vw;
}

/* ---------------- SOCIAL MEDIA ---------------- */

.socMedWrapper{
width:100%;
float:left;
border:solid black 1px;
margin-right:0;
text-align: center;
}

.socMediaIconWrapper{
display:inline-block; 
margin:4vh 15px; 
}

.socMediaIcon{
width:10vw;
}


/* ---------------- FORMS/INPUTS ---------------- */

body{
word-wrap: break-word;
padding-right:3vw;
}

input{
border:black 1px solid;
font-size:3.8vh;
}

select, label{
font-weight:900;
font-size:3.8vh;
}

textarea{
width:90%;	
height:20vh;
padding:1%;
}

.gentle{
border-radius:7px;
padding-left:1%;
padding-right:1%;
}

.radioCheckboxText{
font-size:3.5vh;	
font-weight:900;
float:none;
}

.uploadMobile{
width:90%;
}

.chooseFileColor{
background-color:white;
}

.formsContainer{
width:100%;
float:left;
}

.formsWrapper{
width:100%;
padding-left:2vw;
}

.inputBoxA{
font-size:3vh;
float:left;
}

.inputBoxB{
font-size:2.5vh;
float:left;
}

.inputBoxC{
font-size:2vh;
float:left;
}

.checkBoxA{
font-size:3vh;
}

.checkBoxB{
font-size:2.5vh;
}

.checkBoxC{
font-size:2vh;
}

.radioA{
font-size:3vh;
}

.radioB{
font-size:2.5vh;
}

.radioC{
font-size:2vh;
}

.datePicker{
float:left;
}

.colorPicker{
float:left;
}

.rangePicker{
float:left;
}

.fileUpload{
float:left;
}

.buttonA{
float:left;
}

.buttonB{
float:left;
}

/* ---------------- MAP ---------------- */
.mapWrapper{
text-align:center;
margin:0 auto;
display:block;
}

.mapAsideL20{
width:100%;
border:white solid 1px;
display: inline-block;
vertical-align:top;
text-align:center;
}

.map75{
width:100%;
border:white solid 1px;
display:inline-block;
vertical-align:top;
}

.map{
width:90%;
height:80vh;
margin:3vh auto;
display:block;
}

/* ---------------- FOOTER ---------------- */
.siteMap{
width:100%;
padding:1%;
color:white;
/*border:white 1px solid;*/
float:left;
text-align:center;
}

.socMediaFooter{
width:100%;
padding:1%;
color:white;
/*border:white 1px solid;*/
float:left;
}

.socMedFooterWrapper{
width:100%;
float:left;
border:solid black 1px;
margin-right:0;
text-align: center;
}

.socMediaIconFooterWrapper{
display:inline-block; 
margin:4vh 3vw; 
}

.socMediaFooterIcon{
width:16vw;
}

.signUp{
width:100%;
padding:1%;
color:white;
/*border:white 1px solid;*/
float:left;
text-align: center;
margin-bottom: 4vh;
}

}