#map {
	position: relative;
	max-width: 1280px;
	max-width: 100%;
	
	margin: 0 auto;
}
 
.swiper-slide{
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}
.se-box{
    text-align:center !important;
}

.se-box h1{
    text-align:center !important;
    font-size:38px !important;
    line-height:28px !important; 
}


.se-box p{
     font-size:19px !important;
     padding:22px;
     margin-top:8px;
 }

 

 .form-control{
     margin-top:10px;
     border-radius:0px;
     border:0px solid #f1f1f1;
     height:auto;
 font-size:16px;
     background:transparent;
      -webkit-appearance:none;
            font-family:"Seravek-Medium" !important;

     box-shadow: none !important;}

 .col-centered {
     float: none;
     margin: 0 auto;

 } 

  
 .form-group.required label:after { 
    content:" *";
    color:red;
 }
 
 

 label{
     background:transparent;
   font-family: inherit;
    -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-weight:normal;
   margin-bottom:0px;
 }
 
 
@font-face {
  font-family: 'Brandon Light';
   src: url("brandonlight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; 
    
}


@font-face {
  font-family: 'Brandon Medium';
   src: url("brandonmedium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; 
    
}



@font-face {
  font-family: 'Brandon Bold';
   src: url("brandonbold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; 
    
}

.extra-large{
 	margin-bottom:150px;
	font-size:35px;
}

canvas{ display: block; vertical-align: bottom; }

 #particles-js{ position:absolute; width: 100%; height: 500px; margin-bottom:10px; background-color: #20b34e;  } 
   
.section__title-divider {
background: #20b34e;
height: 3.9px;
width: 150px;
margin: 0 auto 40px;
border: 0;
margin-top:20px;

}


.medium{
    font-family: 'Brandon Medium';	
 }
 

.black{
	color:black;
    font-family: 'Brandon Bold';
 }
  
h1{
	color:#fff;
	font-size:31px;
    font-family: 'Brandon Bold';
	
}

.particles-js {
  position: relative; 
margin-bottom:90px;
  
 }
   
	 
	.box{
		margin-bottom:100px;
	}

body{
    font-family: 'Brandon Light';
	background:#fff;
 	color:#000;
	font-size:18px;
 }

.jumbotron {
  padding-top: 7rem;
  padding-bottom: 3rem;
  margin-bottom: 0;
  background-color: #16181c;
}


.box{
	padding-left:20px;
	padding-right:20px;
	
}
.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(120%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    filter: gray;
     /* IE6-9 */
     -webkit-filter: grayscale(1);
     /* Google Chrome & Safari 6+ */
	 width:100%;
	 height:100%;
 }
footer {
	border-bottom:7px solid #20b34e;
    font-family: 'Brandon Light';
	font-size:11px;
 	margin-top:80px;
	
   padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.bix-box{
	height:100%; background:transparent; border-radius:0; margin-bottom:150px; padding-top:184px;
	padding-left:20px; 
	padding-right:20px;
}

.box-bix{
	margin-top:140px;
}


 .particle_s-js:after {
   content: '';
   position: absolute;
   right: 0;
   bottom: -82px;
   overflow: visible;
   width: 50%;
   height: 70px;
   z-index: 1;
   -webkit-transform: skewY(-4deg);
   -moz-transform: skewY(-4deg);
   -ms-transform: skewY(-4deg);
   -o-transform: skewY(-4deg);
   transform: skewY(-4deg);
   background-color: #20b34e; 
}
 .particl_es-js:before {
   content: '';
   position: absolute;
   left: 0;
   bottom: -82px ;
   overflow: visible;
   width: 50%;
   height: 70px;
   z-index: 1;
   -webkit-transform: skewY(4deg);
   -moz-transform: skewY(4deg);
   -ms-transform: skewY(4deg);
   -o-transform: skewY(4deg);
   transform: skewY(4deg);
   background-color: #20b34e; }
   
   
   .knows {
       font-family: 'Brandon Bold';
   	font-size:49px !important; 
	padding-bottom:0; 
	margin-bottom:0;
   }
@media (min-width: 768px) {
	
   
    .knows{
    	font-size:70px !important; padding-bottom:0; margin-bottom:0;
    }
	
	.box-bix{
		margin-top:460px;
	}
	
	.bix-box{
		height:100%; background:transparent; border-radius:0; margin-bottom:150px; padding-top:323px;
	}
	
	footer { 
		font-size:15px;
	}
	
	
	.box{
		padding-left:150px;
		padding-right:150px;
		
	}
	
    .particles-js:after {
      content: '';
      position: absolute;
      right: 0;
      bottom: -373px;
      overflow: visible;
      width: 50%;
      height: 70px;
      z-index: 1;
      -webkit-transform: skewY(-4deg);
      -moz-transform: skewY(-4deg);
      -ms-transform: skewY(-4deg);
      -o-transform: skewY(-4deg);
      transform: skewY(-4deg);
      background-color: #fff; 
   }
    .particles-js:before {
      content: '';
      position: absolute;
      left: 0;
      bottom: -373px;
      overflow: visible;
      width: 50%;
      height: 70px;
      z-index: 1;
      -webkit-transform: skewY(4deg);
      -moz-transform: skewY(4deg);
      -ms-transform: skewY(4deg);
      -o-transform: skewY(4deg);
      transform: skewY(4deg);
      background-color: #fff; }

	.extra-large{
		margin-top:-5px;
	 	margin-bottom:50px;
		
		font-size:63px;
	}
	
	
    #particles-js{ position:absolute; width: 100%; height: 850px; background-color: #20b34e; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } 
	

	body{
	    font-family: 'Brandon Light';
		background:#fff;
		color:#888;
		font-size:19px;
	}
	
	
	
	h1{
		color:#fff;
		font-size:55px;
	}
	.black{
		color:black;
 	}
 
  .jumbotron {
    padding-top: 9rem;
    padding-bottom: 14rem;
 	
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron h1 {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}