@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap'); 

.fade-in {
  animation: fadeIn ease 2s;
  -webkit-animation: fadeIn ease 2s;
  -moz-animation: fadeIn ease 2s;
  -o-animation: fadeIn ease 2s;
  -ms-animation: fadeIn ease 2s;
}


@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

pre {
    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.event a {color:yellow;}

body{margin:0;padding:0;font-family: Raleway , sans-serif;font-size:18px;/* font-weight:500; */color: #ffffff;}    
 h1,h2,h3,h4,h5 {
    font-family: Raleway , sans-serif;
    font-size: 30px;
}
#wrapper {
    background: #174c91;
}

#infoot pre{font-family:Raleway,sans-serif;}    
    
    
border-rad{color: #878686;text-decoration:none;text-shadow:0 0 1px #0d0d0d7a;text-decoration:underline;}    
    
    
.blutxt{color:#277dd3;}    
    
    
.textBoxes{max-width:1370px;position:relative;margin:auto;padding: 20px;padding-top: 0px;box-sizing: border-box;font-family: sans-serif;font-weight: normal;}    
    
    
.readingBit{padding:20px;padding-top:1px;}    
    
    
#bread{margin:auto;background: #0f2a48;max-width:1670px;padding:10px;box-sizing:border-box;border-bottom: 3px double #505050;}    
    
    
#bread a{color: #f6f6f6;font-weight:700;}    
    
    
.homeTwo{text-align:center;display: flex;}    
    
    
.homeTwo>div{display:inline-block;width: 49%;vertical-align:top;text-align:left;padding: 1%;box-sizing: border-box;}    
    
    
.midAlign{vertical-align:middle!important;}    
    
    
.bintro{font-size:32px;    
font-weight:700;}    
    
    
.notwide{box-sizing:content-box;    
max-width:790px;    
font-size:32px;    
margin:auto;    
margin-top:50px;    
padding:90px;    
padding-top:0;    
color:grey;}    
    
    
.roundButton{border:1px solid #fff;    
padding:0 14px 5px 14px;    
border-radius:50px;    
text-decoration:none;    
color:#fff;    
background:url(layout/button.jpg) repeat-x;}    
    
    
.homeTwo h3{margin:0;}    
    
    
#galBoxes{opacity: 0; width:auto;margin:auto;/* text-align:center; */-moz-column-width: 200px;-webkit-column-width:200px;column-width: 265px;border-style: solid;border-color: #174c91;-moz-column-fill:balance;-webkit-column-fill:balance;}    
    
    
#galBoxes>div{display:inline-block;margin-bottom:5px;position:relative;margin: 1%;margin-bottom: 30px;width: 95%;border-radius:3px;text-align:center;color: #0f2a48;vertical-align:top;overflow:hidden;border: 1px solid #ffffff;-moz-column-break-before: always;-webkit-column-break-before: always;column-break-before: always;background: white;font-size: 18px;padding-bottom: 20px;padding-top: 5px;}    
    
    
#galBoxes>div>div{}    
    
    
.gboxes img{/* vertical-align:middle; *//* text-align:center; *//* overflow:hidden; *//* width: 100%; */max-height: 220px;}    
    
    
.weebo{height:70px;    
overflow:hidden;}    
    
    
.Gimage{width:18%;    
border:1px solid #eeeeef;    
margin:5px;}    
    
    
.ProjectIntro{text-align:center;}    
    
    
.ProjectIntro div{overflow:hidden;    
display:inline-block;    
margin:1%;    
width:40%;    
font-size:21px;    
border:10px solid #ececec;    
padding:12px;    
background:#ececec;    
max-height:103px;    
position:relative;}    
    
    
.ProjectIntro div a{color:#036;text-transform: capitalize;text-decoration: none;}    
    
    
.ProjectIntro b{display:block;font-size:22px;font-weight: bold;}    
    
    
#footer{color: #fff;font-size: 10px;border-top:1px dotted #80808059;background: #2e5c98;}    
    
    
#topBar{width:100%;background-color: #ffffff;}    
    
    
#banner{/* padding: 7px; */padding-bottom:0;/* max-width:1360px; */margin:auto;position:relative;box-sizing:border-box;}    
    
    
#threeFooter{text-align:center;    
margin:auto;}    
    
    
#threeFooter div:first-child{margin-left:0!important;    
text-align:left;    
float:left;}    
    
    
#threeFooter div{width:31%;    
overflow:hidden;    
padding-bottom:17px;    
margin-bottom:15px;    
display:inline-block;    
vertical-align:top;    
z-index:100;    
position:relative;}    
    
    
#threeFooter h3{color:#69c;    
text-transform:capitalize;}    
    
    
#threeFooter div:last-child{margin-right:0!important;    
float:right;    
text-align:right;}    
    
    
.fb_iframe_widget{display:inline-block;    
position:relative;    
top:-8px;}    
    
    
.thinBlog{max-width:1200px;    
margin:auto;}    
    
    
.news{list-style-type:none;}    
    
    
.news a{text-decoration:none;    
font-size:22px;}    
    
    
.news section{max-width:1200px;    
padding:30px;    
border:1px solid #e2dede;    
margin:auto;    
margin-top:20px;    
box-sizing:border-box;    
position:relative;    
border-radius:12px;    
margin-bottom:10px;}    
    
    
.paypal{width: 100%;background: #2e5c98;padding:20px;box-sizing: border-box;}    
    
    
.formBit{
	width:100%;
	padding:10px;
	font-size:15px;
	margin-bottom:15px;
	text-align: center;
	}    
    
    
.formBit input,.formBit select{border:1px solid #b3b3b3;font-size: 25px;padding:5px;border-radius:5px;color:#6b6b6b;z-index:10;background:#fff;box-sizing:border-box;width: 86%;}    
    
    
.tooltip{position:relative;display:inline-block;}    
    
    
.tooltip .tooltiptext{visibility:hidden;    
background-color:#000000c2;    
color:#fff;    
text-align:left;    
padding:8px;    
border-radius:3px;    
position:absolute;    
z-index:1;    
font-size:15px;    
font-weight:400;}    
    
    
.tooltip .tooltiptext{top:5px;    
left:-2px;    
margin-left:0;    
min-width:200px;}    
    
    
.tooltip:hover .tooltiptext{visibility:visible;z-index: 100;}    
    
    
.tooltip img{position:absolute;    
left:-22px;    
top:-12px;    
height:15px;}    
    
.formBit span {
    position: relative;
    z-index: 10;
}


    .price span:before {
  content:"\00a3";
  padding:10px;
  border-top: 1px solid #b3b3b3;
  position: absolute;
  left: -25px;
  z-index: 0;
  border-bottom: 1px solid #b3b3b3;
  border-left: 1px solid #b3b3b3;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  line-height: 19px;
  font-weight: bold;
  color: grey;
  background: #f0eeee;
} 
.pp {width: 47% !important;}
 

.FloatLeft {float:left; margin-right:30px;}
.FloatRight {float:right; margin-left:30px;}
.ImgFull {width:100%;}

#homeBanner {
	width:100%;
	height: 80vh;
	background-image: url("layout/JuneField-Banner.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 75% center;
	display: flex;
	padding-left: 1%;
	box-sizing: border-box;
	position: relative;
}

#homeBanner p {
    font-size: 24px;
    max-width: 35%;
    padding: 20px;
    vertical-align: middle;
    top: 30%;
    position: relative;
}
#topSub {
    /* text-align: right; */
    width: 100%;
    padding: 5px;
    padding-right: 25px;
    background: #eeeeee;
    box-sizing: border-box;
    font-size: 14px;
}
#topSub img  {/* float:right; */width: 50px;margin-left:20px;display: inline-block;}
#topSub p {display: inline-block;padding: 0;margin: 0;float: right;line-height: 2;}


#topSub p a {color:black; text-decoration: none;}




.logo {
    max-width: 278px !important;
    padding-left: 10px;
    max-width: 411px;
    vertical-align: bottom;
    padding-top: 10px;
}

.homeBoxes {
    display: block;
    max-width: 1360px;
    margin: auto;
    text-align: center;
}
.homeBoxes h3, .thinTitle {
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 37px;
    display: block;
    padding: 50px;
    font-family: Raleway;
}
.homeBoxes div {
    text-align: center;
    padding: 20px;
    width: 40%;
    display: inline-block;
    margin: 0.5%;
    background: rgba(33, 150, 247, 0.38);
    border-radius: 6px;
    text-transform: capitalize;
}

.event {
    padding: 23px;
    border-bottom: 1px solid grey;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding-bottom: 65px;
}

.event b {
    padding-bottom: 18px;
    clear: both;
    display: inline-block;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 28px;
    font-family: Raleway;
}

.ebutton {
    float: right;
    background: #1a78f3;
    padding: 10px;
    border-radius: 8px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
}


.textMiddle {padding: 30px;text-align: center;}
.genButton {background: #16538b;
    padding: 10px;
    border-radius: 8px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;}

hr {
    border: none;
    border-top: 1px solid #6f6f6f;
}
.weedate {
    display: block;
    font-weight: normal;
}

hr {
    border: none;
    border-top: 1px solid #6f6f6f;
}
.bigWhite {display: block;box-sizing: border-box;padding-top: 30px;padding-bottom:100px;background: #eeeeee;color: black;font-family: sans-serif;}
.bigWhite div:first-child {max-width:1360px; margin:auto;}

.cont {padding-left:10px; padding-right:10px;}
.genYellow {color:yellow;}
.quickdesc {display:block; float:right;}
.goRed {color: #FFEB3B;font-weight: bold;font-style: normal;}
.readingBit a {
    color: yellow;
}

#loading {text-align: center;}
#MyMap {
    /* border: 12px solid #2e5c98; */
    /* margin-bottom: 10px; */
    height: 100%;
    width: 91%;
    /* margin-left: 25px; */
    float: right;
  
}
.homeTwo.goBlue {
    background: #2e5c98;
}

#cdHolder {
    text-align: center;
}
.ProBoxes {
    height: 278px;
    /* margin-bottom: 18px; */
    margin-left: 5px;
    position: relative;
    width: 21%;
    background-color: rgb(15, 42, 72);
    border-radius: 9px;
    /* line-height: 192px; */
    /* text-align: center; */
    padding: 10px;
    margin-top: 10px;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 30px;
    text-align: left;
    font-size: 20px;
}

.timage {
    text-align: center;
   width: 100%;  
}
.bnbut {
    float: right;
    background: #1a78f3;
    padding: 10px;
    border-radius: 8px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.spin span:first-child {
    border-radius: 4px 0 0 4px;
}
.spin input {
    width: 40px;
    height: 20px;
    text-align: center;
    font-weight: bold;
}
.spin span {
    display: inline-block;
    width: 20px;
    height: 26px;
    text-align: center;
    padding-top: 2px;
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    color: blue;
}
#MyPhoto {
    border: 12px solid #D6D6D6;
    float: right;
    margin-right: 10px;
    width: 350px;
    margin-left: 25px;
}

#myBtn {
  display: none;  
  position: fixed;  
  bottom: 20px;  
  right: 5px;  
  z-index: 99;  
  border: none;  
  outline: none;  
  background-color: #1a78f3; 
  color: #FFEB3B;  
  cursor: pointer; 
  padding: 15px;  
  border-radius: 10px; 
  font-size: 16px;  
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}
i.ThePrice {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

#tContact {
    background: #1a78f3;
    padding: 10px;
    border-radius: 8px;
    color: yellow !important;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    padding: 20px !important;
}

#mContact {visibility: hidden;right:-30000px;}
.genTitle {
    padding-bottom: 18px;
    clear: both;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    font-family: Raleway;
}
.whiteBack {
    text-align: center;
    display: flex;
    border-radius: 12px;
    background: #ffffff;
    padding: 30px;
    }

.whiteBack img{width: 100%;}
.goMidle {
    max-width: 600px;
    margin: auto;
}
.bPics {
    width: 50%;
	
}