@font-face {
  font-family: 'Circular Light';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/circularairlight.ttf?v=1.0.0");
}

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-sweettalk-02:before {
	content: "\e600";
}

.icon-sweettalk-02 {
	}

.st-top {
	font-size: 30em;
	color: #1fe5e0;
	position: absolute;
	top: 0;
	left: 30px;
}

.st-bottom {
	font-size: 30em;
	color: #e22dde;
	position: relative;
	top: 5px;
	left: 20px;
}

.st-overlay {
	position: relative;
}

.st-overlay-img {
	margin-bottom: 2%;
	padding: 4%;
}

.btn-st {
	
	color: #fff;
	border-radius: 3px;
	border: none;
	/*border: 2px solid #fffffe;*/
	/*box-shadow: 5px 5px #e22dde;*/
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	 font-size: 11px;
	 line-height: 20px;
	 text-decoration: none;
     text-align: center;
     letter-spacing: 1px;
     display: inline-block;
     min-height: 40px;
     padding: 10px 40px;
     text-rendering: optimizeLegibility;
     background-color: hsla(0,0%,100%,.5);

}

.btn-st:hover {
	background-color: hsla(0,0%,100%,.4);
	color: #fff;
	-webkit-transition: .4s all ease;
}

.btn-st-inv {
	padding: 15px 25px;
	color: #262626;
	border-radius: 0;
	border: 2px solid #262626;
	/*box-shadow: 5px 5px #e22dde;*/
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;

}

.btn-st-inv:hover {
	background-color: #262626;
	color: #fffffe;
	-webkit-transition: .4s all ease;
}

.down-arrow {
	margin-top: 10px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 26px;
}

.btn-margin {
	/*margin-right: 40px;*/
	margin-bottom: 40px;
}

.logo-section {
	background-color: #e0e0e0;
	padding: 30px 0;
}

.logo-display {
	vertical-align: middle;
}

.lg-text {
	/*margin-top: 30px;*/
	/*padding-left: 10%;*/
	/*vertical-align: text-bottom;*/
}

.livegrit, .sonador {
	height: 60%;
	margin-top: 40px;
	margin-bottom: 40px;
}

/*.lg-screen {
	position: relative;
	right: -250px;
}
*/

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  font-family: 'Circular Light', "Helvetica Neue", Arial, sans-serif ! important;
  /*padding-top: 50px;*/
  /*padding-bottom: 20px;*/
  color: #231F20;
  /*background-image: url('../img/st-repeating.png');*/
  /*background-color: #f9eb3e;*/
  overflow-x: hidden;
}

h1 {
    font-family: 'Circular Light', "Helvetica Neue", Arial, sans-serif ! important;
  	font-weight: 300;
	font-size: 28px;
	color: #2e3b4e;
	
}
h1.bottom {
    font-family: 'Circular Light', "Helvetica Neue", Arial, sans-serif ! important;
  	font-weight: 300;
	font-size: 28px;
	color: #fff;
	
}

p {
	font-family: 'Circular Light', "Helvetica Neue", Arial, sans-serif ! important;
	font-size: 100%;
	line-height: 26px;
	color: #5f6a7d;
}
p.bottom{
	font-family: 'Circular Light', "Helvetica Neue", Arial, sans-serif ! important;
	font-size: 100%;
	line-height: 26px;
	color: #fff;
}
.arrow, .arrow-right, .arrow-left, .arrow-down, .arrow-up {
    position: relative;
    }

    a, a .link {
    color: #008cdd;
    font-weight: bold ! important;
    text-decoration: none ! important;
}

.land {
	padding-top: 20px;
	/*background-color: #fffffe;*/
	background-image: url('../img/method-3.jpg');
	background-size: cover;
}

.brands {
	background-color: #F6D99E;
	/*background-image: url('../img/st-repeating.png');*/
	/*color: #EA9D49;*/
	color: #231F20;
	padding-top: 50px;
	text-align: center;
}

.brands-img {
	height: 40em;
}

.powers {
	background-color: #f9eb3e;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 40px;
}

.about {
	background: url('../img/method-3.jpg');
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 40px;
	color: #fffffe;
}

.white {
	color: #fffffe;
}

.st-super {
	padding: 5%;
}


footer {
	background-color: #1b2126;
}

footer p{
	color: #fffffe;
	margin-top: 10px;
	vertical-align: center;
}