

	.privacy_popup {

		font-size: 1.3em;
		bottom: 0;
		height: 3em;
		position: fixed;
		left: 15%;
		bottom: 10%;
		width: 70%;
		padding: 5%;
		text-align: center;
		border: 1px solid #aaa;
		background: #aaa;
		display: flex;
		justify-content: center;
		align-items: center;	
	}


	.privacybtn {
		background-color:#eee;
		border:1px solid #aaa;
		border-top:1px solid #ddd;
		border-left:1px solid #ddd;
		text-align: left;	
		text-decoration:none;
		color:#444;
		margin: 10px 2px 2px 3px; 
		padding: 1px 5px 1px 5px;
		height: 24px;
	}

	.privacybtn:hover {
		cursor: pointer; 
		background-color:#ddd;
	}


html,
body{
	background-color:#ccc;
	margin:0px;
	padding:0px;
	font-family: 'Open Sans', sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: normal;
    line-height: 1.4;
    color: inherit;
}

 p,li {
    font-size: 1.2em;
	font-weight: 310;
	margin-bottom: .1em;
	color: black;
}

.page-wrapper{
	margin:37px auto;
	width: 960px;
	max-width:94%;
	background-color: #fff;	
}

.header-section{
	background-color:#fff;
	height: 70px;
	text-align:center;
}

.header-section img{
	display:inline-block;
	margin-top:2px;
}

.banner-section{
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center top;
	min-height: 293px;
	width: 100%;	

}
.formtopbar {
    background-color: #0b93d2;
}

.formtopbar a:hover{text-decoration: none;}

.formtopbar h1 {
    font-size: 1.7em;
    color: white;
    text-align: center;

    letter-spacing: 1px;
    font-weight: 600;
    padding: 15px;
	margin:0px;
}

.banner-section h1 {
    font-size: 1.5em;
    color: white;
    text-align: right;
	margin-top: 42px;
    padding-left: 80px;		
}

.banner-section h2 {
    font-size: 1.2em;
    color: RGB( 55,94,182);
    text-align: right;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.banner-section p {
    font-size: 1.2em;
    color: white;
    text-align: right;
    padding-left: 8%;
	font-weight: 300;
}

.box,input[type="submit"] {
    margin-top: 50px;
    font-size: 1em;
    border-width: thin;
    border-color: white;
    border-style: solid;
    background: #01a628;
    display: inline-block;
    text-align: center;
    padding: 5px 15px 5px 15px;
    letter-spacing: 1px;
    margin-top: 15px;
}



input[type="submit"] {
	margin-top: 0px;	
	}

.summary {
    background-color: #f2f2f2;
    padding-top: 30px;
    text-align: center;
    border-bottom: 1px solid RGB(169,174,173);
}

.summary h1 {
    font-size: 1.7em;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
	color:#000;

}

.summary h2 {
    color: RGB(169,174,173);
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 1.2em;
	text-align: center;
	font-weight: 700;
}

.sys-grid img {
    padding-top: 15px;
    padding-bottom: 15px;
}

em {
    font-style: normal;
    font-weight: 600;
}

.summary .blue_bar {
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-top: 10px;
    margin-bottom: 25px;
}

.blue_bar {
    margin-top: 8px;
    padding-bottom: 16px;
}

.summary .sys-grid{
	text-align:center;
	margin-bottom: 30px;
}

.summary .sys-grid h3 {
    text-transform: uppercase;
    color: RGB(104,104,104);
    font-weight: normal;
}

.summary .sys-grid p {
    color: RGB(104,104,104);
}

.main_content {
    background-color: white;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 15px;
    border-bottom: 1px solid RGB(169,174,173);
    padding-bottom: 30px;
}

.highlights h1,
.main_content h1 {

    font-size: 1.4em;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    padding-top: 0px;
}


ul {
    list-style-type: square;
    padding-left: 30px;
    padding-top: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
}

.register_now a {
    display: block;
    text-align: right;
    width: 100%;
    color: black;
	text-decoration: underline;
}

.highlights {
    background-color: #f2f2f2;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 15px;
    border-bottom: 1px solid RGB(169,174,173);
    padding-bottom: 15px;    
}


.highlights img {
    text-align: left;
}
.tbd {
    margin-right: 15px;
}


.footer {
    background: black;
    color: white;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.footer p {
    color: white;
    font-size: .8em;
}

label {
    display: inline-block;
    width: 110px;
    line-height: 2.4em;
}

input[type="text"], .input_field,select {
	font-weight: normal;
    width: 15em;
	color:#1A171B;
}

.right {
    text-align: center;
    display: block;
    margin-top: 20px;
}

#form {
    background-color: #1a171b;
    font: white;
}

#form p {
    color: white;
}

form {
    padding-top: 30px;
    width: 95%;
    display: block;
    margin: 0 auto;
    padding-bottom: 15px;
}

#error {
    width: 80%;
    border-width: thin;
    border-color: white;
    border-style: solid;
    background: red;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0 auto;
    Margin-top: 20px;
}

#ok_msg {
    width: 80%;
    border-width: thin;
    border-color: white;
    border-style: solid;
    background: green;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 15px;
    margin: 0 auto;
    Margin-top: 20px;
}

form .tablebox {
    width: 95%;
    margin: 0 auto;
    padding: 20px 0px;
    overflow: hidden;
}

@media(max-width: 768px){
	.banner-section h1{text-align: center;}
	.banner-section p{text-align: center; padding-left:0px;}
}

.ind {
padding-left: 5em;
font-size: .9em;

}


#gallery_wrapper {
	position: relative;
  height:508px;
  width:450px;
	
}

p#gallery_controls {
  text-align:center;
}
#gallery_controls span {
  padding-right:2em;
  cursor:pointer;
}
#gallery {
  position:absolute;
  height:281px;
  width:450px;
  
  margin:0 auto 10px;
}
#gallery img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

#gallery img.opaque {
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=1);
}

#gallery_controls span {
	text-decoration: underline;
}

.selected {
	font-weight: 600;
}


.box2 {
    margin-top: 10px;
    display: inline-block;
    text-align: center;
    padding: 5px 15px 5px 0px;
    margin-left: 10px;
    margin-right: 10px;
	width:30%;
}

.centered {
	margin:auto;
	text-align: center;
}

/*RESPONSIVE- 10042018*/
@media (min-width:601px) and (max-width:1100px){
    #gallery_controls{
        margin-top: 20px
    }
}
@media all and (max-width:991px){
    #gallery_wrapper{
        width: 100%;
    }
    #gallery{
        width: 100%;

    }
    #gallery img{
        width: 100%;
    }
}
@media all and (max-width:768px){
    .banner-section a .col-sm-6{
        width: 100%;
    }
    .banner-section h1{
        padding-left: 0px;
    
    }
    .box2 {
    margin-top: 10px;
    display: inline-block;
    text-align: center;
    padding: 15px;
    margin-left: 10px;
    margin-right: 10px;
    width: 45%;
    }
   
    ul{
        margin-bottom: 0px
    }
    a{
        text-decoration: none !important;
    }
}
@media all and (max-width:600px){
   p {
    font-size: 1.1em;
	font-weight: 310;
	margin-bottom: .3em;
	color: black;
}
    li{
        font-size: 1.1em;
        margin-bottom: 0.5em
    }
    .highlights, .main_content{
        padding-left: 0px;
        padding-right: 0px;
    }
    .page-wrapper {
         margin:auto; 
         width: 100%; 
         max-width: 100%; 
        background-color: #fff;
    }
    .lsc_automation{
        padding-bottom: 30px
    }
    #gallery_controls span{
        padding-right: 1em;
    }
    #gallery_wrapper{
        height: 358px !important
    }
}
@media all and (max-width:960px){
    #gallery_wrapper{
        height:475px!important
    }
}
@media all and (max-width:900px){
    #gallery_wrapper{
        height:455px!important
    }
}
@media all and (max-width:870px){
    #gallery_wrapper{
        height:430px!important
    }
     #gallery_controls span{
        padding-right: 1em;
        font-size: 16px!important
    }
}
@media all and (max-width:800px){
     #gallery_wrapper{
        height: 395px !important
    }
    #gallery_controls span{
        padding-right: 1em;
        font-size: 15px!important
    }
}
@media all and (max-width:775px){
     #gallery_wrapper{
        height: 375px !important
    }
    #gallery_controls span{
        padding-right: 1em;
        font-size: 15px!important
    }
}
@media all and (max-width:720px){
     #gallery_wrapper{
        height: 350px !important
    }
    #gallery_controls span{
        padding-right: 1em;
        font-size: 15px!important
    }
}
@media all and (max-width:680px){
     #gallery_wrapper{
        height: 330px !important
    }
    #gallery_controls span{
        padding-right: 1em;
        font-size: 14px!important
    }
}
@media all and (max-width:640px){
     #gallery_wrapper{
        height: 330px !important
    }
    #gallery_controls span{
        padding-right: 1em;
        font-size: 14px!important
    }
}
@media all and (max-width:599px){
    #gallery_controls span {
        text-decoration: underline;
        width: 100%;
        display: inline-block;
        margin-bottom: 10px;
        padding-right: 0px;
    }
}
@media all and (max-width:519px){
     .box2 {
         width:100%;
         padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
        }

     #gallery_controls span:last-child {
    margin-bottom: 0px !important;
}
}
@media all and (max-width:340px){
    .banner-section h1{
        font-size:1.2em;
        margin-top: 60px
        }
}



@media all and (max-width:520px){
     #gallery_wrapper{
         height: 310px!important
    }
    #gallery{
        height: 275px!important

    }
}
@media all and (max-width:480px){
     #gallery_wrapper{
         height: 280px!important
    }
    #gallery{
        height: 235px!important

    }
}
@media all and (max-width:430px){
     #gallery_wrapper{
         height: 245px!important
    }
    #gallery{
        height: 215px!important

    }
}
@media all and (max-width:384px){
     #gallery_wrapper{
         height: 225px!important
    }
    #gallery{
        height: 205px!important

    }
}
@media all and (max-width:375px){
     #gallery_wrapper{
         height: 220px!important
    }
    #gallery{
        height: 190px!important

    }
}
@media all and (max-width:320px){
     #gallery_wrapper{
         height: 190px!important
    }
    #gallery{
        height: 170px!important

    }
}!important


/*RESPONSIVE- 10042018*/


	