/*----------------------------------------------------------------------------------------
										COMMON STYLES
-----------------------------------------------------------------------------------------*/
#wrap {
	overflow:hidden
}

.coming-soon{
	position: absolute;
  left: 0;
overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.9); /*dim the background*/
}

@media (max-width: 768px) {
	.coming-soon h1{
		font-size: 75px !important;
	}	
}

@media (max-width: 549px) {
	.coming-soon h1{
		font-size: 50px !important;
		margin: 100px auto 20px !important;
	}	
}

.coming-soon h1{
	margin: 100px auto 50px;
	text-align: center;
	color: rgb(44, 44, 44);
	font-size: 100px;
}

.coming-soon .back{
  display: inherit;
  margin: 0 auto;
  text-align: center;
  color: #E43E3E;
  /* font-size: 100px; */
  background: none;
  border: none;
  font-size: 30px;
}

button.back:hover {
  color: #444;
}

span.glyphicon.glyphicon-arrow-left{
	  font-size: 25px;
  background: rgb(228, 62, 62);
  color: #FFF;
  border-radius: 40px;
  padding: 15px;

}

span.glyphicon.glyphicon-arrow-left:hover{
	  font-size: 25px;
  background: rgba(0, 0, 0, 0.49);
  border-radius: 40px;
  padding: 15px;
  color: white;
}

section {
	padding:50px 0;
	position:relative;
	z-index:2;
	overflow:hidden
}


.btn-app-download i {
  font-size: 40px;
  left: 0;
  line-height: 1;
  margin: 15px 0 0 30px;
  position: absolute;
  top: 0;
}
.btn-app-download strong {
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
  font-family:'open_sanssemibold'
}

.btn-app-download span {
  display: block;
  font-size: 14px;
  letter-spacing: 0.5px;
  margin-top: -6px;
  font-family:'open_sanssemibold'
}



.btn-app-download{
	  margin: 0 auto;
  display: inline;
  padding: 15px 30px 15px 80px;
  position: relative;
  border: 2px solid #f1f1f1;
  display: inline-block;
  color: #f1f1f1;
  margin: 1% 1%;
  border-radius: 0px;
  width: 48%;
}
.btn-app-download:hover{
background-color:#fff;
color:#444;
}

.title h2 {
	display:block;
	position:relative;
	margin:0 0 30px
}

.title h2:after {
   content: "";
  display: block;
  /* position: absolute; */
  height: 2px;
  width: 30%;
  max-width:160px;
  background-color: #C94543;
  /* bottom: 0; */
  /* margin-top: 40px; */
  left: 25%;
  right: 25%;
  /* float: left; */
  /* margin: 20px 0; */
  margin: 10px auto;
}

.title p {
	display:block;
	margin:-20px 0 80px
}


h1 {
	font-size:40px;
	color: #fff;
}

h1.slogan {
  text-align: center;
}

h2 {
	font-size:30px
}

h3 {
	font-size:24px;
	text-align: center;
}

h4 {
	font-size:18px
}


.title p {
	margin:-10px 0 50px
}

.animation-box {
	display:inline-block;
	position:relative
}

.bg-intro {
	background: linear-gradient( rgba(23, 23, 23, 0.79), rgba(37, 37, 37, 0.82) ), url(../img/photo2.jpg);
	background-size:cover;
	z-index: 1;
	  background-position: center;
}

.intro{
	margin: 3% 0% 2% 0%;
}

.bg-intro:after {
    background-color: rgba(255,0,0,.1);
    z-index: -1;
}

/*.overlay{
	background-color:#000;
	opacity:0.5;
}*/



#developers{
	  background: linear-gradient( rgba(16, 16, 16, 0.80), rgba(16, 16, 16, 0.80) ), url(../img/photo5.jpg);
	  background-position:bottom;
	  background-size:cover;
	  color:#fff;
}



/*----------------------------------------------------------------------------------------
										FEATURES
----------------------------------------------------------------------------------------*/
#features .screen {
	max-width:90%;
	height:auto;
	max-height: 600px;
}

#features{
	  text-align: center;
}

.feature{
	height:200px;
}

#features .icon {
	color:#aaa
}

.centered{
	  margin: 7% 0%;
}

@media (max-width: 1400px) and (min-width: 767px) {
#features .icon {
	display:none
}
}

@media (max-width: 992px) and (min-width: 767px) {
.item-list-right li:last-child,.item-list-left li:last-child {
	padding-bottom:0
}
}

/*----------------------------------------------------------------------------------------
										BENEFITS
----------------------------------------------------------------------------------------*/
.img-block-2col {
  background: linear-gradient( rgba(255, 255, 255, 0.85), rgba(174, 174, 174, 1) ), url(../img/photo2.jpg);
  background-size: cover;
  text-align: left;
  /* color: #f2f2f2; */
}


#features{
}

.screen-couple-right,.screen-couple-left {
	position:relative;
	max-width:400px;
	min-width:280px;
	overflow:hidden;
	z-index:100
}

.screen-couple-right:after,.screen-couple-left:after {
	content:'';
	display:block;
	clear:both
}

.screen-couple-right .screen {
	position:relative;
	float:right
}

.screen-couple-right .above,.screen-couple-left .above {
	z-index:3
}

.screen-couple-right .beyond,.screen-couple-left .beyond {
	z-index:1;
	position:absolute;
	top:40px
}


.screen-couple-right .beyond {
	left:0
}

@media (max-width: 992px) and (min-width: 767px) {
#benefits1,#benefits2 {
	font-size:14px
}
}

@media (max-width: 767px) {
.img-block-2col {
	text-align:center
}

.img-block-2col .title h2:after {
	left:50%;
	margin-left:-40px
}

.screen-couple-right,.screen-couple-left {
	margin:50px auto 0
}
}