/* Theme Style
––––––––––––––––––––––––––––––––––––––––––––––––––
- Body
- Content
- Logo
- Button
- Social Media
- Modal
- Overlay
- Particles
- Form



/* Body
–––––––––––––––––––––––––––––––––––––––––––––––––– */

html{
    overflow: hidden;
    height: 100%;
}

@font-face {
  font-family: 'SuisseIntl-Light';
  src: url('webfont/SuisseIntl-Light-WebM.eot'); /* IE9 Compat Modes */
  src: url('webfont/SuisseIntl-Light-WebM?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont/SuisseIntl-Light-WebM.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont/SuisseIntl-Light-WebM.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont/SuisseIntl-Light-WebM.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont/SuisseIntl-Light-WebM.svg') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'SuisseIntl-Thin';
  src: url('webfont/SuisseIntl-Thin-WebM.eot'); /* IE9 Compat Modes */
  src: url('webfont/SuisseIntl-Thin-WebM?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont/SuisseIntl-Thin-WebM.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont/SuisseIntl-Thin-WebM.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont/SuisseIntl-Thin-WebM.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont/SuisseIntl-Thin-WebM.svg') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'SuisseIntl-Ultralight';
  src: url('webfont/SuisseIntl-Ultralight-WebM.eot'); /* IE9 Compat Modes */
  src: url('webfont/SuisseIntl-Ultralight-WebM?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont/SuisseIntl-Ultralight-WebM.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont/SuisseIntl-Ultralight-WebM.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont/SuisseIntl-Ultralight-WebM.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont/SuisseIntl-Ultralight-WebM.svg') format('svg'); /* Legacy iOS */
}


body
{
	 font-family: 'SuisseIntl-Ultralight';
font-style: normal;
    height:100%;
    overflow: auto; font-size: 16px;
}

body.light{
	background: #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* Content
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.wrapper{
	display: flex;
	min-height: 100vh;
	position: relative;
    padding: 0;
    box-sizing: border-box;
    transition: top .5s;
    top: 0;
}


div.content{
	position: relative;
	width: 80%;
	max-width: 860px;
	display: inline-block;
	z-index: 1;
	margin: 15% auto 0;
	text-align:center; 
	
}

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

.content h1 {   font-family: 'SuisseIntl-Thin'; font-size: 2.8em; line-height: 1.4em; margin: 0 auto; font-weight: normal !important;}
.content h3 {   font-family: 'SuisseIntl-Ultralight'; font-size: 1.25em; line-height: 1.8em; margin: 0 auto; font-weight: normal !important;}


.description{
	font-size: 1em;
	line-height: 1.2em;
	 font-family: 'SuisseIntl-Ultralight';
font-style: normal;
font-weight: normal !important;
	letter-spacing: .02em;
	margin-top: 0;
	margin-bottom: 0;
}

.description strong { font-family: 'SuisseIntl-Light';
font-style: normal;
font-weight: normal !important;}

.dark .title, .dark .description{
	color: #ffffff;
}

.light .title, .light .description{
	color: #111;
}

.space{
	margin-top: 80px;
}


@media (min-width: 480px) {
	.content {
		
	}
	
	.description{
		
		
	}
	
	.space{
	margin-top: 30px;  
}
}


@media (min-width: 768px) {
	.wrapper{
		
	}
	.content {
		
	}
	
	.description{
	
	}
	
	.space{
	margin-top: 80px;
}

}


.hide{
	display: none;
}

.show{
	display: block;
}



/* Button
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button{
	padding: 0 1px;
	border: 0;
	outline: 0;
	border-radius: 0;
	 font-family: 'SuisseIntl-Ultralight';
font-style: normal;
font-weight: 400;
	display: inline-block;
	text-decoration: none;
	line-height: inherit;
	height: inherit;
	line-height: 1em; border-bottom: 0.02em solid #999;
	cursor:pointer; 
}

.button:hover { color: #000;}



/* Modal
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.modal{
	max-width: inherit;
	background-color: rgba(32,46,60,0.95);
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    vertical-align: top;
    border-radius: 0;
    padding: 39px 5%;
    width: 100%;
    position: fixed;
    top: -100vh;
    height: 100vh;
    transition: top .5s, background .2s;
    overflow-y: scroll;
}

.dark .modal{
	background-color: rgba(32,46,60,0.95);
}

.light .modal{
	background-color: rgba(255,255,255,0.95);
}

.modal.open{
	top: 0;
}

.wrapper.modal-opened{
	top: 250px;
	transition: top .5s;
}

.modal-close{
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.modal-close .closeIcon{
	width: 1.1em;
	height: 1.1em;
	opacity: 0.6;
}

.modal-close .closeIcon:hover {
	opacity: 0.9;
}

.modal-content .title{
	
	text-align: center;
	margin: 1.5em 0;
}

.modal-content .sub-title, .modal-content .content {
	color: #111;
	line-height: 1.5em; 
	margin-bottom: 0; 
	
}



.modal-content .content {
font-family: 'SuisseIntl-Ultralight';
font-style: normal;
font-weight: 400;
	width: 100%;
	display: block;
	margin-bottom: 26px;
	letter-spacing: .02em;
}

p.sub-title, .modal-content p.content { margin: 0 auto !important; }

.content a span { border-bottom: 0.02em solid #999; text-decoration: none !important; }

.content a  { text-decoration: none !important; color: #111;}

.modal-content .sub-title{
		margin-bottom: 0.75em;
		font-weight: normal !important;
		font-family: 'SuisseIntl-Thin';
}


.modal-content .social-media {
	margin-top: 42px;
	text-align: center;
}

.modal-content .social-media li{
	display: inline-block;
	margin: 0;
	margin-right: 10px;
}



.modal-content input, .modal-content textarea {
	resize: none;
	width: 100%;
}

.dark .modal-content input, .dark .modal-content textarea{
	background-color: #202e3c;
	border: 1px solid #111;
	color: #111;
}

.light .modal-content input, .light .modal-content textarea{
	background-color: #ffffff;
	border: 1px solid #111;
	color: #111;
}

.modal-content textarea{
	height: 168px
}

.modal-content button{

	border: 0;
	width: 100%;
}

.dark .modal-content button{
	background-color: #ffffff;
	color: #202e3c;
}

.light .modal-content button{
	background-color: #111;
	color: #ffffff;
}


@media (min-width: 768px){
	.modal-content .social-media,.modal-content .title,.modal-content .sub-title, .modal-content .content {
		text-align: left;
	}
	.modal{
		top: -560px;
    	height: 560px;
	}
}



/* Overlay
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.overlay{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 0;
    transition: background .5s, z-index 0s .5s;
}
.overlay.on{
	z-index: 1;
    transition: background .5s, z-index 0s;
}

.dark .overlay.on{
	background: rgba(32,46,60,0.9);
}

.light .overlay.on{
	background: rgba(255,255,255,0.9);
}


@media (max-width: 468px){ body { font-size: 13px; }
.modal-content.row { padding-right: 3em;}
div.content{
	width: 75%;
	margin: ;
	
} }

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { div.content{
	width: 85%;
	
}}

@media (min-width: 668px){ body { font-size: 14px; }  }
@media (min-width: 768px){ body { font-size: 15px; } 
div.content{
	width: 88%;
	
}
 }
@media (min-width: 960px){ body { font-size: 15px; }  }
@media (min-width: 1020px){ body { font-size: 16px; }
div.content{
	width: 85%;
	
	
}  }
@media (min-width: 1280px){ body { font-size: 17px; }
  }
@media (min-width: 1366px){ body { font-size: 18px; } 
div.content{
	width: 80%;
	
	
} }
@media (min-width: 1466px){ body { font-size: 19px; }  }
@media (min-width: 1566px){ body { font-size: 20px; }  }
@media (min-width: 1666px){ body { font-size: 21px; }  }

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }
  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) and (max-width: 1000px) {
  .one-sm.column,
  .one-sm.columns                    { width: 4.66666666667%; }
  .two-sm.columns                    { width: 13.3333333333%; }
  .three-sm.columns                  { width: 22%;            }
  .four-sm.columns                   { width: 30.6666666667%; }
  .five-sm.columns                   { width: 39.3333333333%; }
  .six-sm.columns                    { width: 48%;            }
  .seven-sm.columns                  { width: 56.6666666667%; }
  .eight-sm.columns                  { width: 65.3333333333%; }
  .nine-sm.columns                   { width: 74.0%;          }
  .ten-sm.columns                    { width: 82.6666666667%; }
  .eleven-sm.columns                 { width: 91.3333333333%; }
  .twelve-sm.columns                 { width: 100%; margin-left: 0; }
}


/* Larger than desktop */
@media (min-width: 1000px) {
  .one-md.column,
  .one-md.columns                    { width: 4.66666666667%; }
  .two-md.columns                    { width: 13.3333333333%; }
  .three-md.columns                  { width: 22%;            }
  .four-md.columns                   { width: 30.6666666667%; }
  .five-md.columns                   { width: 39.3333333333%; }
  .six-md.columns                    { width: 48%;            }
  .seven-md.columns                  { width: 56.6666666667%; }
  .eight-md.columns                  { width: 65.3333333333%; }
  .nine-md.columns                   { width: 74.0%;          }
  .ten-md.columns                    { width: 82.6666666667%; }
  .eleven-md.columns                 { width: 91.3333333333%; }
  .twelve-md.columns                 { width: 100%; margin-left: 0; }
}