/*
			General styles
		*/

		/* Mozilla based browsers */
::-moz-selection {
       background-color: #007AFF;
       color: #fff;
}

/* Works in Safari */
::selection {
       background-color: #007AFF;
       color: #fff;
}

@font-face {
    font-family: 'apercu';
    font-weight: lighter;
    src: url("../assets/fonts/apercu-light-webfont.ttf") format("truetype")
}
@font-face {
    font-family: 'apercu';
    font-weight: normal;
    src: url("../assets/fonts/apercu-regular-webfont.ttf") format("truetype")
}
@font-face {
    font-family: 'apercu';
    font-weight: bold;
    src: url("../assets/fonts/apercu-bold-webfont.ttf") format("truetype")
}
@font-face {
    font-family: 'apercu';
    font-weight: bold;
    font-style: italic;
    src: url("../assets/fonts/apercu-bolditalic-webfont.ttf") format("truetype")
}
@font-face {
    font-family: 'apercu';
    font-weight: 500;
    src: url("../assets/fonts/apercu-medium-webfont.ttf") format("truetype")
}
@font-face {
    font-family: 'apercu';
    font-weight: 500;
    font-style: italic;
    src: url("../assets/fonts/apercu-mediumitalic-webfont.ttf") format("truetype")
}
@font-face {
    font-family: 'apercu';
    font-style: italic;
    src: url("../assets/fonts/apercu-italic-webfont.ttf") format("truetype")
}

html,
body,
div,
article,
section,
main,
footer,
header,
form,
fieldset,
legend,
pre,
code,
a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
textarea,
table,
td,
th,
tr,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="url"],
.border-box {
    box-sizing: border-box
}


		body {
  	  font-family: 'apercu';
      font-weight: lighter;
			font-size: 13px;
			overflow-x: hidden;
		  height:100%;
			width: 100%;
			margin: 0;
			padding: 0;
			color: #202024;
      cursor: url(../../img/pointers/pointer_purple@2x.png), auto !important;
      cursor: -webkit-image-set(url(../"../img/pointers/pointer_purple.png") 1x, url(../"../img/pointers/pointer_purple@2x.png") 2x) 0 0, pointer !important;
		}
		body, html {
			height: 100%;
			width: 100%;
			margin: 0;
			padding: 0;
		}
		h1, h2, h3, h4, h5, h6{
      transition: transform 0.3s ease-out;
		}
		h1{
			font-size: 40px;
			line-height: 56px;
			font-weight: normal;
			margin: 0;
			font-style: normal;
			padding: 0;
		}
		h2{
			font-size: 36px;
			line-height: 40px;
			margin: 0;
			font-weight: normal;
		}
		h3{
		font-size: 16px;
			line-height: 18px;
			margin: 0;
		}
		h4{
			font-size: 18px;
			font-weight: bold;
		}
		h5{
			font-size: 18px;
      font-weight: normal;
      text-transform: none;
		}
		p{
			font-size: 26px;
			line-height: 34px;
			margin: 0;
			font-weight: normal;
		}
		a{
      color: inherit;
		}
		a:visited{
			color: inherit;
		}
		a:hover{
			text-decoration: underline;
      cursor: url(../../img/pointers/pointer_green@2x.png), auto !important;
      cursor: -webkit-image-set(url(../"../img/pointers/pointer_green.png") 1x, url(../"../img/pointers/pointer_green@2x.png") 2x) 0 0, pointer !important;
		}
		p a{
      color: #007AFF;
		}
		p a:visited{
			color: #007AFF;
		}

    .topframebg{
      z-index: 1;
      top: -20px;
      position: absolute;
      height: 120%;
      width: 100%;
      background-image: url(../assets/img/bgny.jpg);
      background-repeat: no-repeat;
      background-position: center 0px;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    .topframe{
      top: 0;
    	height: 100%;
    	width: 100%;
    	display: table;
      overflow: hidden;
      position: relative;
      background-color: #333;
    }
    .centercontent{
      position: relative;
    	display: table-cell;
    	vertical-align: middle;
    	color: #fff;
    	text-align: center;
      z-index: 2;
      padding-top: 120px;
    }
    .topframe .logo{
    	height: 84px;
    	width: 84px;
    	border-radius: 100px;
    	margin: 0 auto;
    	background-color: #444;
    	margin-bottom: 10px;
    	background-image: url(../assets/img/logo.png);
    	background-repeat: no-repeat;
    	background-position: center center;
      background-size: 80% auto;
    	background-color: #3C2415;
    }
    .handle{
    	font-size: 20px;
    	margin-bottom: 30px;
    }
    .centercontent h1{
      font-family: 'apercu';
      font-weight: 500;
      font-size: 60px;
      margin-bottom: 30px;
    }
    .intro{
    	max-width: 650px;
    	margin: 0 auto;
    }
    .intro p{
    	font-size: 14px;
    	line-height: 20px;
    	font-weight: 100;
    }
    .soonwhat{
    	margin: 0 auto;
    	max-width: 700px;
    	background-color: #F0F0F3;
    	margin-top: 40px;
    	margin-bottom: 40px;
    	padding-top: 60px;
    	padding-left: 50px;
    	padding-bottom: 60px;
    	border-radius: 10px;
    	background-image: url(../assets/img/iphone.png);
    	background-repeat: no-repeat;
    	background-position: 450px 80px;
    	background-size: 30% auto;
    }
    .soonwhat .logo{
    	background-image: url(../assets/img/soonlogo.png);
    	background-repeat: no-repeat;
    	background-position: center center;
    	background-size: 100% auto;
    	height: 34px;
    	width: 124px;
    	margin-bottom: 40px;
    }
    .soonwhat p{
    	font-size: 18px;
    	line-height: 28px;
    	max-width: 380px;
    	margin-bottom: 20px;
    }
    .button{
    	font-size: 20px;
    	padding: 10px;
    	padding-left: 20px;
    	padding-right: 20px;
    	border-radius: 100px;
    	color: rgba(255,255,255,1);
    	font-family: 'apercu';
      font-weight: 500;
    	display: inline-block;
    	background: #007AFF;
    	-webkit-transition: 0.2s ease;
    	-moz-transition: 0.2s ease;
    	-o-transition: 0.2s ease;
    	transition: 0.2s ease;
    }
    .button:hover{
    	color: rgba(255,255,255,0.8);
    	cursor: pointer;
    	background: #007AFF;
      opacity: 0.8;
    }
    .maincontent{
    	margin: 0 auto;
    	max-width: 750px;
    	padding-top: 80px;
    }
    .maincontent .story{
      padding: 20px;
    	padding-top: 10px;
    	padding-bottom: 60px;
    }
    .maincontent h2{
    	font-size: 40px;
    	font-weight: bold;
    }
    .maincontent h3{
    	font-size: 30px;
    	font-weight: bold;
    }
    .maincontent p{
    	font-size: 20px;
    	line-height: 35px;
    }
    .maincontent .caption{
    	font-size: 20px;
    	font-style: italic;
    	font-weight: 100;
    	opacity: 0.5;
    }
    .maincontent img{
    	-moz-border-radius: 10px;
    	-webkit-border-radius: 10px;
    	border-radius: 10px;
    }
    .maincontent h2 + p{
    	margin-top: 30px;
    }
    .maincontent h2 + h3{
    	margin-top: 40px;
    }
    .maincontent h3 + p{
    	margin-top: 30px;
    }
    .maincontent p + img{
    	margin-top: 30px;
    }
    .maincontent .list{
    	background-color: #F0F0F3;
    	-moz-border-radius: 10px;
    	-webkit-border-radius: 10px;
    	border-radius: 10px;
    	padding: 40px;
    	margin-bottom: 100px;
    }
    .maincontent .list .logo{
    	background-image: url(../assets/img/soonlogogray.png);
    	background-repeat: no-repeat;
    	background-position: center center;
    	background-size: 100% auto;
    	height: 21px;
    	width: 77px;
    	margin: 0 auto;
    }
    .maincontent .list h2{
    	text-align: center;
    	margin-top: 20px;
    }
    .maincontent .list .profile{
    	text-align: center;
    	margin-top: 30px;
    }
    .maincontent .list .profile .logo{
    	height: 50px;
    	width: 50px;
    	border-radius: 100px;
    	margin: 0 auto;
    	background-color: #444;
    	margin-bottom: 10px;
    	background-image: url(../assets/img/logo.png);
    	background-repeat: no-repeat;
    	background-position: center center;
      background-size: 80% auto;
    	background-color: #3C2415;
    }
    .maincontent .list .profile h3{
    	text-transform: none;
    	font-size: 30px;
    	line-height: auto;
    	margin-bottom: 0;
    }
    .maincontent .list .profile p{
    	font-size: 18px;
    	margin-top: 0;
    }
    .maincontent .list .inner{
    	background-color: #fff;
    	margin-top: 50px;
    	padding: 30px;
    	-moz-border-radius: 10px;
    	-webkit-border-radius: 10px;
    	border-radius: 10px;
    }
    .maincontent .list .inner li{
    	list-style: none;
    	border-bottom: 1px solid #EFEFEF;
    	position: relative;
    	clear: both;
    	height: 100px;
    	margin-bottom: 30px;
    	height: 130px;
    }
    .maincontent .list .inner li:last-child {
    	border-bottom: none;
    	margin-bottom: 0px;
    	padding-bottom: 0px;
    }
    .maincontent .list .inner li .first{
    	float: left;
    	width: 100px;
    	height: 100px;
    }
    .maincontent .list .inner li .first .thumb{
    	width: 100px;
    	height: 100px;
    	background-repeat: no-repeat;
    	background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-color: #e60ba1;
      border-radius: 10px;
    }
    .maincontent .list .inner li img{
    	-moz-border-radius: 10px;
    	-webkit-border-radius: 10px;
    	border-radius: 10px;
    }
    .maincontent .list .inner li .second{
    	padding-left: 130px;
      width: 80%;
    }
    .maincontent .list .inner li .second h3{
    	margin-bottom: 0;
    	font-size: 30px;
      line-height: 30px;
    	padding-top: 13px;
    	margin-bottom: 7px;
      text-overflow: ellipsis;
      /* Required for text-overflow to do anything */
      white-space: nowrap;
      overflow: hidden;
    }
    .maincontent .list .inner li .second h4{
    	font-size: 18px;
      line-height: 22px;
    	font-weight: normal;
    	margin-bottom: 0;
    	margin-top: 0;
    }
    .maincontent .list .inner li .second .small{
    	font-size: 18px;
    	font-weight: 100;
    	font-style: italic;
    	color: #808084;
    }
    .maincontent .list .inner li .third{
    	position: absolute;
    	right: 0;
    	top: 0;
    }
    .maincontent .list .inner li .third .button{
    	margin-top: 30px;
    	font-size: 14px;
    	padding: 10px;
    	padding-left: 20px;
    	padding-right: 40px;
    	border-radius: 100px;
    	color: #202024;
    	font-family: 'apercu';
      font-weight: 500;
    	display: inline-block;
    	background-color: #F0F0F3;
    	background-image: url(../assets/img/plus.png);
    	background-repeat: no-repeat;
    	background-position: 58px center;
      background-size: auto 40%;
    }
    .maincontent .list .inner li .third .button:hover{
    	background-color: #ccc;
    	cursor: pointer;
    }
    .infobox{
    	position: fixed;
    	height: 100%;
    	width: 100%;
    	background-color: rgba(0,0,0,0.8);
    	z-index: 9999;
    	text-align: center;
    	color: #fff;
    }
    .infobox .contentwrap{
      margin: 0 auto;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
    }
    .infobox .infocontent{
    	background-color: rgba(255,255,255,	0.9);
    	height: 170px;
    	width: 170px;
    	margin: 0 auto;
    	border-radius: 10px;
      background-image: url(../assets/img/soonlogo.png);
    	background-repeat: no-repeat;
    	background-position: center center;
    	background-size: 70% auto;
    }
    .infobox h3{
      font-weight: 100;
      padding: 10px;
      padding-top: 35px;
      padding-bottom: 15px;
      max-width: 350px;
      margin: 0 auto;
    }




    @media screen and (max-width: 760px), (max-device-width: 760px) {

      .centercontent{
        padding-top: 0px;
      }
      .topframe .logo{
      	height: 54px;
      	width: 54px;
      }
      .handle{
      	font-size: 14px;
      	margin-bottom: 22px;
      }
      .centercontent h1{
        font-size: 30px;
        margin-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
      }
      .intro p{
      	font-size: 14px;
      	line-height: 22px;
      	font-weight: 100;
        padding-left: 20px;
        padding-right: 20px;
      }
      .soonwhat{
      	margin-top: 20px;
      	margin-bottom: 20px;
      	padding-top: 40px;
      	padding-left: 30px;
      	padding-right: 30px;
      	padding-bottom: 40px;
        margin-left: 20px;
        margin-right: 20px;
      	background-image: none;
      }
      .soonwhat .logo{
      	margin-bottom: 20px;
      }
      .soonwhat p{
      	font-size: 14px;
      	line-height: 22px;
      	margin-bottom: 0px;
      }
      .maincontent{
      	padding-top: 60px;
      }
      .maincontent h2{
      	font-size: 34px;
      }
      .maincontent h3{
      	font-size: 24px;
      }
      .maincontent h2 + h3{
      	margin-top: 20px;
      }
      .maincontent h3 + p{
      	margin-top: 20px;
      }
      .maincontent p{
      	font-size: 16px;
      	line-height: 24px;
      }
      .maincontent .caption{
      	font-size: 14px;
      	line-height: 20px;
      }
      .maincontent img{
      	-moz-border-radius: 10px;
      	-webkit-border-radius: 10px;
      	border-radius: 10px;
      }
      .maincontent h2 + p{
      	margin-top: 30px;
      }
      .maincontent p + img{
      	margin-top: 30px;
      }
      .maincontent .list{
      	-moz-border-radius: 0px;
      	-webkit-border-radius: 0px;
      	border-radius: 0px;
      	padding: 10px;
        padding-top: 30px;
        padding-bottom: 120px;
      	margin-bottom: 0px;
      }
      .maincontent .list h2{
      	margin-top: 10px;
        font-size: 30px;
      }
      .maincontent .list .profile h3{
      	font-size: 24px;
      	margin-bottom: 5px;
      }
      .maincontent .list .profile p{
      	font-size: 18px;
      	margin-top: 0;
      	margin-bottom: 15px;
      }
      .maincontent .list .inner{
      	background-color: #fff;
      	margin-top: 50px;
      	padding: 20px;
        padding-top: 40px;
      	-moz-border-radius: 10px;
      	-webkit-border-radius: 10px;
      	border-radius: 10px;
      }
      .maincontent .list .inner li{
      	height: 90px;
      	margin-bottom: 30px;
      }
      .maincontent .list .inner li .first{
      	width: 70px;
      	height: 70px;
      }
      .maincontent .list .inner li .first .thumb{
      	width: 70px;
      	height: 70px;
      }
      .maincontent .list .inner li .second{
      	padding-left: 80px;
        width: 70%;
      }
      .maincontent .list .inner li .second h3{
      	font-size: 20px;
      	line-height: 20px;
      	padding-top: 7px;
        	margin-bottom: 7px;
      }
      .maincontent .list .inner li .second h4{
      	font-size: 14px;
        line-height: 16px;
      }
      .maincontent .list .inner li .second .small{
      	font-size: 12px;
      }
      .maincontent .list .inner li .third .button{
      	margin-top: 13px;
      	font-size: 14px;
      	padding: 10px;
      	padding-left: 20px;
      	padding-right: 40px;
      	border-radius: 100px;
      	color: #202024;
      	font-family: 'apercu';
        font-weight: 500;
      	display: inline-block;
      	background-color: #F0F0F3;
      	background-image: url(../assets/img/plus.png);
      	background-repeat: no-repeat;
      	background-position: 58px center;
        background-size: auto 40%;
      }
      .maincontent .list .inner li .third .button:hover{
      	background-color: #ccc;
      	cursor: pointer;
      }


    }


    .scrolldown {
    	opacity:1;
    	height:52px;
    	width:120px;
    	text-align:center;
    	padding-top:7px;
    	font-size:12px;
    	text-transform:uppercase;
    	position:absolute;
      z-index: 999;
    	color:rgba(255,255,255,0.2);
    	position:absolute;
    	margin-top:-60px;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      -webkit-transition: 0.3s ease;
      -moz-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease;
    }
    .scrolldown:hover {
    	color:#FFF;
    }
    .dotwrap {
    	height:20px;
    	width:8px;
    	margin:0 auto;
    	margin-top:6px;
    	position:absolute;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
    }
    .dot {
    	height:8px;
    	width:8px;
    	border-radius:100px;
    	background-color:rgba(255,255,255,1);
    	position:absolute;
    	top:0;
    	animation: scroll 1s infinite ease-in-out;
    }
    @keyframes scroll {
        0%   { top:0; background-color:rgba(255,255,255,0.4);}
        50%  { top:12px; background-color:rgba(255,255,255,1);}
        100% { top:0; background-color:rgba(255,255,255,0.4);}
    }


    .buttonget{
      z-index: 999;
      font-size: 16px;
      color: #fff;
      font-family: 'apercu';
      font-weight: 500;
      background-color: #444;
      border-radius: 30px;
      display: inline-block;
      margin: 0 auto;
      width: 100%;
      text-align: center;
      padding-top: 13px;
      padding-bottom: 13px;
      margin-top: 20px;
    	background: #007AFF;
      cursor: pointer;
    }
    .buttonget:hover{
      background: #007AFF;
      opacity: 0.8;
    }
    @media (max-width: 60em) {
      .buttonget{
        position: fixed;
        bottom: -100px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
      }
      .buttonget:hover{
        background: #e60ba1
      }
    }



    .linkTextingWidget {
        display: none;
    }
    @media (min-width: 60em) {
        .linkTextingWidget {
            display: block;
            margin: 0;
            width: 350px;
        }
        .linkTextingWidget .linkTextingInner {
            width: auto
        }
        .linkTextingWidget .linkTextingInputWrapper {
            width: 65%
        }
        .linkTextingWidget .linkTextingInput {
            border: 1px solid rgba(50, 53, 65, 0.2);
            border-right: 0;
            margin-right: 0;
            height: 60px;
            border-radius: 5px 0 0 5px;
            width: 100%;
            font-family: 'apercu';
            font-weight: lighter;
            font-size: 12px;
            color: inherit
        }
        .linkTextingWidget .linkTextingInput::-webkit-input-placeholder {
            color: rgba(50, 53, 65, 0.2)
        }
        .linkTextingWidget .linkTextingInput:-ms-input-placeholder {
            color: rgba(50, 53, 65, 0.2)
        }
        .linkTextingWidget .linkTextingInput::placeholder {
            color: rgba(50, 53, 65, 0.2)
        }
        .linkTextingWidget .linkTextingButton {
            background: #007AFF;
            width: 35%;
            height: 60px;
            border-radius: 0 5px 5px 0;
            font-family: 'apercu';
            font-weight: 500;
            font-weight: normal;
            font-size: 12px;
            color: #fff
        }
        .linkTextingWidget .linkTextingButton:hover {
            background: #e60ba1
        }
    }
    @media (min-width: 60em) and (min-width: 60em) {
        .linkTextingWidget .linkTextingInner {
            width: auto
        }
        .linkTextingWidget .linkTextingInputWrapper {
            width: 326px
        }
        .linkTextingWidget .selected-flag {
            padding: 0 16px;
            width: 55px
        }
        .linkTextingWidget .linkTextingInputFlagAdjust {
            padding-left: 55px
        }
        .linkTextingWidget .linkTextingInput {
            height: 80px;
            font-size: 24px
        }
        .linkTextingWidget .linkTextingButton {
            width: 40%;
            height: 80px;
            font-size: 16px
        }
    }



    @media (min-width: 60em) {
      .linkTextingWidget .linkTextingInput {
          border: 1px solid rgba(50, 53, 65, 0.2);
          border-right: 0;
          margin-right: 0;
          height: 60px;
          border-radius: 5px 0 0 5px;
          width: 100%;
          font-family: 'apercu';
          font-weight: lighter;
          font-size: 15px;
          color: inherit
      }
      .linkTextingWidget .linkTextingButton {
          background: #007AFF;
          width: 35%;
          height: 60px;
          border-radius: 0 5px 5px 0;
          font-family: 'apercu';
          font-weight: 500;
          font-weight: normal;
          font-size: 12px;
          color: #fff
      }
      .linkTextingWidget .linkTextingButton:hover {
          background: #007AFF;
          opacity: 0.8;
      }
        .linkTextingWidget .linkTextingInner {
            width: auto
        }
        .buttonget{
          display: none;
        }
        .linkTextingWidget .linkTextingInputWrapper {
            width: 65%
        }
        .linkTextingWidget .selected-flag {
            padding: 0 16px;
            width: 55px
        }
        .linkTextingWidget .linkTextingInputFlagAdjust {
            padding-left: 55px
        }
        .linkTextingWidget .linkTextingInput {
            height: 80px;
            font-size: 15px
        }
        .linkTextingWidget .linkTextingButton {
            width: 35%;
            height: 80px;
            font-size: 13px
        }
    }

/* =Responsive Styles
-------------------------------------------------------------- */

@media screen and (max-width: 760px), (max-device-width: 760px) {



}

@media screen and (max-width: 600px), (max-device-width: 600px) {


}