@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500;700;800&display=swap');

body { 
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400!important;
font-size: 18px;
color: #4d4f53!important;
width:100%;
height:100%;
overflow-x: hidden!important;
}



#main_body input.button_text {
    overflow: visible;
    width: auto;
    outline: none;
    padding: 6px 9px;
    font: 'Poppins', sans-serif!important;
    color: #333;
    text-shadow: 0 1px 0 #f0f0f0;
    background: #ebebeb;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dddddd));
    background: -moz-linear-gradient(top, #fefefe, #dddddd);
    border-width: 5px!important;
    border-style: solid;
    border-color: #bbb #bbb #999;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 0 #f8f8f8;
    -moz-box-shadow: 0 1px 0 #f8f8f8;
    box-shadow: 0 1px 0 #f8f8f8;
}

/*Section Backgrounds*/

#hero {
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center 0%;
	background-image:url("../media/seetz_platform.jpg")

}

.backgs {
	background-image:url("../media/btop.png"), url("../media/bbottom.png");
	background-position:top, bottom;
	background-repeat: no-repeat;
	
}

.backgst {
	background-image:url("../media/btop.png");
	background-position:top;
	background-repeat: no-repeat;
	
}

.backgsb {
	background-image:url("../media/bbottom.png");
	background-position:bottom;
	background-repeat: no-repeat;
	
}

/*Section Backgrounds Close*/


/*Navigation*/

.navbar-brand img {
  height: 50px;
	margin-bottom: 0px!important;
	padding: 0px!important;
}


#mainNav {
  background-color: #8C3264!important;
}


#mainNav .navbar-toggler {
  padding: 0.75rem;
  font-family: 'Poppins', sans-serif!important;
  font-size: 0.75rem;
  color: #fff;
  background-color: #010326;
  border: 0;
}


#mainNav .navbar-brand {
  color: #010326!important;
  font-family: 'Poppins', sans-serif!important;
  font-weight: 700;
  letter-spacing: 0.0625em;
  text-transform: uppercase;
}
#mainNav .navbar-brand img {
  height: 1.5rem;
}
#mainNav .navbar-nav .nav-item .nav-link {
  font-family: 'Poppins', sans-serif!important;
  font-size: 0.95rem;
  color: #fff;
  letter-spacing: 0.0625em;
}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #010326!important;
}

/*Navigation Close*/


/*Headings*/

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: 'Poppins', sans-serif!important;
  font-weight: 700;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 60px!important;
  line-height: 65px;
  font-weight: 700;

}

h2, h3, h4, h5, h6
.h2, .h3, .h4, .h5, .h6
{
  font-size: 40px!important;
}


header.masthead {
    padding-top: 250px!important;
    padding-bottom: 50px!important;
	height: 800px!important;
}

.masthead-heading {
    text-align: left;
    margin-bottom: 30px!important;
	margin-top: 30px!important;

}

.masthead-subheading {
	text-align: left;
	margin-bottom: 10px;
	font-size: 22px!important;
	font-family: 'Poppins', sans-serif!important;	
}

.masthead {
	height: 0px!important;
    padding-top: 0px!important;
    padding-bottom: 50px!important;
}


/*Headings Close*/

	

/*images*/

.img-hero {
	display: block;
    margin-left: auto;
    margin-right: auto;
	max-width: 100%;
    height: auto;
	max-height: 800px;

}


.img-fullw {
	display: block;
    margin-left: auto;
    margin-right: auto;
	max-width: 100%;
    height: auto;
	max-height: 600px;

}


.img-stage {
	height: 700px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 20px!important;

}


.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
	max-height: 80%;

 }

/*images close*/


/*Row Padding*/

.padl {
	padding: 50px 0px 80px 0px!important;
	margin: 0px!important;
}
/*Row Padding Close*/





.copy {
	text-align:left;
	padding: 150px 0px 0px 0px;

}

.copy-full-width {
	text-align:center;
	padding: 0px 50px 0px 50px;

}


/*show and hide images*/

.volumeshort {
	display:none!important;
	margin-left: auto;
    margin-right: auto;
}

.volumelong {
	display:block!important;
	margin-left: auto;
    margin-right: auto;
}


.standlong {
	display:block!important;
	margin-left: auto;
    margin-right: auto;
}


.standshort {
	display:none!important;
	margin-left: auto;
    margin-right: auto;
}


/*close show and hide images*/





@media (max-width:1200px){
	
	
#hero {
	background-size:auto 800px!important;

}
	
.img-hero {
    max-height: 500px;

}

.copy-full-width {
	text-align: center;
	padding-top: 0px;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 0px;
}
	
	
	
	
/*show and hide images*/

.volumeshort {
	display:none!important;
	margin-left: auto;
    margin-right: auto;
}

.volumelong {
	display:block!important;
	margin-left: auto;
    margin-right: auto;
}


	
.standshort {
	display:none!important;
}

.standlong {
	display:block!important;
}


/*close show and hide images*/
	
	
	
	
}





@media (max-width:991px){

.img-hero {
	max-width: 70%;
    max-height: 600px;

}
	
	
.img-stage {
	height: 525px;

}	
	
	
header.masthead {
    padding-top: 100px!important;
    padding-bottom: 50px!important;
	height: 800px!important;
}	

.masthead-heading {
    text-align: center;
	margin-top: 30px!important;
    margin-bottom: 10px!important;
}	

	
.masthead-subheading {
	text-align: center;
}	
	
	
.padl {
		padding: 50px 0px 0px 0px!important;
}	

.copy {
	text-align:center!important;
	padding: 0px 40px 0px 40px!important;
	
}

	
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
	max-height: 45%;

 }	
	
	
}



@media (max-width:767px){

	
}





@media (max-width:575px){

h1, .h1 {
  font-size: 40px!important;
  line-height: 45px;
  font-weight: 700;

}

h2, h3, h4, h5, h6,
.h2, .h3, .h4, .h5, .h6  {
  font-size: 30px!important;
}	
	
.masthead-heading {
margin-top: 10px!important;

}


header.masthead {
    padding-top: 140px!important;
    padding-bottom: 50px!important;
	height: 800px!important;
}	
	
.masthead-subheading {
	text-align: center;
	margin-bottom: 10px;
	font-size: 20px!important;
}	
	
	
.copy {
	text-align:center!important;
	padding: 0px 20px 0px 20px;
	
}	
	
.copy-full-width {
	text-align: center;
	padding-top: 0px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 0px;
}
	
	
	
	
.img-hero {
	display: block;
    margin-left: auto;
    margin-right: auto;
	max-height: 350px;
	max-width: 100%;
}


.img-stage {
	height: 500px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 20px!important;

}	
	
	
/*show and hide images*/

.volumeshort {
	display:block!important;
}

.volumelong {
	display:none!important;
}

	
.standshort {
	display:block!important;
}

.standlong {
	display:none!important;
}


/*close show and hide images*/
	
	

	
}