display-flex,.display-flex,.display-flex-center,.signup-content,.signin-content,.social-login,.socials{display:flex;display:-webkit-flex}list-type-ulli,.socials{list-style-type:none;margin:0;padding:0}@font-face{font-family:helvetica,arial;font-style:normal;font-weight:300;src:url(../fonts/helvetica,arial/helvetica,arial-v5-latin-300.eot);src:local("helvetica,arial Light"),local("helvetica,arial-Light"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-300.eot?#iefix) format("embedded-opentype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-300.woff2) format("woff2"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-300.woff) format("woff"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-300.ttf) format("truetype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-300.svg#helvetica,arial) format("svg")}@font-face{font-family:helvetica,arial;font-style:italic;font-weight:300;src:url(../fonts/helvetica,arial/helvetica,arial-v5-latin-300italic.eot);src:local("helvetica,arial Light Italic"),local("helvetica,arial-LightItalic"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-300italic.eot?#iefix) format("embedded-opentype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-300italic.woff2) format("woff2"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-300italic.woff) format("woff"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-300italic.ttf) format("truetype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-300italic.svg#helvetica,arial) format("svg")}@font-face{font-family:helvetica,arial;font-style:normal;font-weight:400;src:url(../fonts/helvetica,arial/helvetica,arial-v5-latin-regular.eot);src:local("helvetica,arial Regular"),local("helvetica,arial-Regular"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-regular.woff2) format("woff2"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-regular.woff) format("woff"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-regular.ttf) format("truetype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-regular.svg#helvetica,arial) format("svg")}@font-face{font-family:helvetica,arial;font-style:italic;font-weight:400;src:url(../fonts/helvetica,arial/helvetica,arial-v5-latin-italic.eot);src:local("helvetica,arial Italic"),local("helvetica,arial-Italic"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-italic.eot?#iefix) format("embedded-opentype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-italic.woff2) format("woff2"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-italic.woff) format("woff"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-italic.ttf) format("truetype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-italic.svg#helvetica,arial) format("svg")}@font-face{font-family:helvetica,arial;font-style:normal;font-weight:500;src:url(../fonts/helvetica,arial/helvetica,arial-v5-latin-500.eot);src:local("helvetica,arial Medium"),local("helvetica,arial-Medium"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-500.eot?#iefix) format("embedded-opentype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-500.woff2) format("woff2"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-500.woff) format("woff"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-500.ttf) format("truetype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-500.svg#helvetica,arial) format("svg")}@font-face{font-family:helvetica,arial;font-style:italic;font-weight:500;src:url(../fonts/helvetica,arial/helvetica,arial-v5-latin-500italic.eot);src:local("helvetica,arial Medium Italic"),local("helvetica,arial-MediumItalic"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-500italic.eot?#iefix) format("embedded-opentype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-500italic.woff2) format("woff2"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-500italic.woff) format("woff"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-500italic.ttf) format("truetype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-500italic.svg#helvetica,arial) format("svg")}@font-face{font-family:helvetica,arial;font-style:normal;font-weight:600;src:url(../fonts/helvetica,arial/helvetica,arial-v5-latin-600.eot);src:local("helvetica,arial SemiBold"),local("helvetica,arial-SemiBold"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-600.eot?#iefix) format("embedded-opentype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-600.woff2) format("woff2"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-600.woff) format("woff"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-600.ttf) format("truetype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-600.svg#helvetica,arial) format("svg")}@font-face{font-family:helvetica,arial;font-style:normal;font-weight:700;src:url(../fonts/helvetica,arial/helvetica,arial-v5-latin-700.eot);src:local("helvetica,arial Bold"),local("helvetica,arial-Bold"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-700.eot?#iefix) format("embedded-opentype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-700.woff2) format("woff2"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-700.woff) format("woff"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-700.ttf) format("truetype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-700.svg#helvetica,arial) format("svg")}@font-face{font-family:helvetica,arial;font-style:italic;font-weight:700;src:url(../fonts/helvetica,arial/helvetica,arial-v5-latin-700italic.eot);src:local("helvetica,arial Bold Italic"),local("helvetica,arial-BoldItalic"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-700italic.eot?#iefix) format("embedded-opentype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-700italic.woff2) format("woff2"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-700italic.woff) format("woff"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-700italic.ttf) format("truetype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-700italic.svg#helvetica,arial) format("svg")}@font-face{font-family:helvetica,arial;font-style:normal;font-weight:800;src:url(../fonts/helvetica,arial/helvetica,arial-v5-latin-800.eot);src:local("helvetica,arial ExtraBold"),local("helvetica,arial-ExtraBold"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-800.eot?#iefix) format("embedded-opentype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-800.woff2) format("woff2"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-800.woff) format("woff"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-800.ttf) format("truetype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-800.svg#helvetica,arial) format("svg")}@font-face{font-family:helvetica,arial;font-style:italic;font-weight:800;src:url(../fonts/helvetica,arial/helvetica,arial-v5-latin-800italic.eot);src:local("helvetica,arial ExtraBold Italic"),local("helvetica,arial-ExtraBoldItalic"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-800italic.eot?#iefix) format("embedded-opentype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-800italic.woff2) format("woff2"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-800italic.woff) format("woff"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-800italic.ttf) format("truetype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-800italic.svg#helvetica,arial) format("svg")}@font-face{font-family:helvetica,arial;font-style:normal;font-weight:900;src:url(../fonts/helvetica,arial/helvetica,arial-v5-latin-900.eot);src:local("helvetica,arial Black"),local("helvetica,arial-Black"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-900.eot?#iefix) format("embedded-opentype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-900.woff2) format("woff2"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-900.woff) format("woff"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-900.ttf) format("truetype"),url(../fonts/helvetica,arial/helvetica,arial-v5-latin-900.svg#helvetica,arial) format("svg")}a:focus,a:active{text-decoration:none;outline:none;transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-webkit-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;-ms-transition:all 300ms ease 0s}input,select,textarea{outline:none;appearance:unset!important;-moz-appearance:unset!important;-webkit-appearance:unset!important;-o-appearance:unset!important;-ms-appearance:unset!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none!important;-moz-appearance:none!important;-webkit-appearance:none!important;-o-appearance:none!important;-ms-appearance:none!important;margin:0}input:focus,select:focus,textarea:focus{outline:none;box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;-o-box-shadow:none!important;-ms-box-shadow:none!important}input[type=checkbox]{appearance:checkbox!important;-moz-appearance:checkbox!important;-webkit-appearance:checkbox!important;-o-appearance:checkbox!important;-ms-appearance:checkbox!important}input[type=radio]{appearance:radio!important;-moz-appearance:radio!important;-webkit-appearance:radio!important;-o-appearance:radio!important;-ms-appearance:radio!important}img{max-width:100%;height:auto}figure{margin:0}p{margin-bottom:0;font-size:15px;color:#777}h2{line-height:1.66;margin:0;padding:0;font-weight:700;color:#222;font-family:helvetica,arial;font-size:36px}.main{background:#f8f8f8;padding:150px 0}.clear{clear:both}body{font-size:13px;line-height:1.8;color:#222;background:#f8f8f8;font-weight:400;font-family:helvetica,arial}.container{width:900px;background:#fff;margin:0 auto;box-shadow:0 15px 16.83px .17px rgba(0,0,0,.05);-moz-box-shadow:0 15px 16.83px .17px rgba(0,0,0,.05);-webkit-box-shadow:0 15px 16.83px .17px rgba(0,0,0,.05);-o-box-shadow:0 15px 16.83px .17px rgba(0,0,0,.05);-ms-box-shadow:0 15px 16.83px .17px rgba(0,0,0,.05);border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;-ms-border-radius:20px}.display-flex{justify-content:space-between;-moz-justify-content:space-between;-webkit-justify-content:space-between;-o-justify-content:space-between;-ms-justify-content:space-between;align-items:center;-moz-align-items:center;-webkit-align-items:center;-o-align-items:center;-ms-align-items:center}.display-flex-center{justify-content:center;-moz-justify-content:center;-webkit-justify-content:center;-o-justify-content:center;-ms-justify-content:center;align-items:center;-moz-align-items:center;-webkit-align-items:center;-o-align-items:center;-ms-align-items:center}.position-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.signup{margin-bottom:150px}.signup-content{padding:75px 0}.signup-form,.signup-image,.signin-form,.signin-image{width:50%;overflow:hidden}.signup-image{margin-left:55px; text-align: center;}.form-title{margin-bottom:15px;}.form-text{font-size: 12px;margin-bottom:15px;}.signup-image{margin-top:0px}figure{margin-bottom:50px;text-align:center}.form-submit{display:inline;background:#6dabe4;color:#fff;border-bottom:none;width:50%;padding:10px 39px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;margin-top:25px;cursor:pointer}.form-submit:hover{background:#4292dc}#signin{margin-top:16px}.form-reset{background-color: transparent; border: none; width: 50%; display: inline;}.form-reset:focus{border: none;}.form-reset:hover{text-decoration: underline;}.signup-image-link{font-size:14px;color:#222;display:block;text-align:center}.term-service{font-size:13px;color:#222}.signup-form{margin-left:75px;margin-right:75px;padding-left:34px}.register-form{width:100%}.form-group{position:relative;margin-bottom:25px;overflow:hidden}.form-group:last-child{margin-bottom:0}input{width:100%;display:block;border:none;border-bottom:1px solid #999;padding:6px 30px;font-family:helvetica,arial;box-sizing:border-box}input::-webkit-input-placeholder{color:#999}input::-moz-placeholder{color:#999}input:-ms-input-placeholder{color:#999}input:-moz-placeholder{color:#999}input:focus{border-bottom:1px solid #222}input:focus::-webkit-input-placeholder{color:#222}input:focus::-moz-placeholder{color:#222}input:focus:-ms-input-placeholder{color:#222}input:focus:-moz-placeholder{color:#222}input[type=checkbox]:not(old){width:2em;margin:0;padding:0;font-size:1em;display:none}input[type=checkbox]:not(old)+label{display:inline-block;line-height:1.5em;margin-top:6px}input[type=checkbox]:not(old)+label>span{display:inline-block;width:13px;height:13px;margin-right:15px;margin-bottom:3px;border:1px solid #999;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;background:#fff;background-image:-moz-linear-gradient(white,white);background-image:-ms-linear-gradient(white,white);background-image:-o-linear-gradient(white,white);background-image:-webkit-linear-gradient(white,white);background-image:linear-gradient(white,white);vertical-align:bottom}input[type=checkbox]:not(old):checked+label>span{background-image:-moz-linear-gradient(white,white);background-image:-ms-linear-gradient(white,white);background-image:-o-linear-gradient(white,white);background-image:-webkit-linear-gradient(white,white);background-image:linear-gradient(white,white)}input[type=checkbox]:not(old):checked+label>span:before{content:'\f26b';display:block;color:#222;font-size:11px;line-height:1.2;text-align:center;font-family:material-design-iconic-font;font-weight:700}.agree-term{display:inline-block;width:auto}label{position:absolute;left:0;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);color:#222}.label-has-error{top:22%}label.error{position:relative;background:url(../images/unchecked.gif) no-repeat;background-position-y:3px;padding-left:20px;display:block;margin-top:20px}label.valid{display:block;position:absolute;right:0;left:auto;margin-top:-6px;width:20px;height:20px;background:0 0}label.valid:after{font-family:material-design-iconic-font;content:'\f269';width:100%;height:100%;position:absolute;font-size:16px;color:green}.label-agree-term{position:relative;top:0%;transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0)}.material-icons-name{font-size:18px}.signin-content{padding-top:67px;padding-bottom:87px}.social-login{align-items:center;-moz-align-items:center;-webkit-align-items:center;-o-align-items:center;-ms-align-items:center;margin-top:80px}.social-label{display:inline-block;margin-right:15px}.socials li{padding:5px}.socials li:last-child{margin-right:0}.socials li a{text-decoration:none}.socials li a i{width:30px;height:30px;color:#fff;font-size:14px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;transform:translateZ(0);-moz-transform:translateZ(0);-webkit-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.socials li:hover a i{-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0)}.zmdi-facebook{background:#3b5998}.zmdi-twitter{background:#1da0f2}.zmdi-google{background:#e72734}.signin-form{margin-right:90px;margin-left:80px}.signin-image{margin-left:110px;margin-right:20px;margin-top:10px}@media screen and (max-width:1200px){.container{width:calc( 100% - 30px);max-width:100%}}@media screen and (min-width:1024px){.container{max-width:1200px}}@media screen and (max-width:768px){.signup-content,.signin-content{flex-direction:column;-moz-flex-direction:column;-webkit-flex-direction:column;-o-flex-direction:column;-ms-flex-direction:column;justify-content:center;-moz-justify-content:center;-webkit-justify-content:center;-o-justify-content:center;-ms-justify-content:center}.signup-form{margin-left:0;margin-right:0;padding-left:0;padding:0 30px}.signin-image{margin-left:0;margin-right:0;margin-top:50px;order:2;-moz-order:2;-webkit-order:2;-o-order:2;-ms-order:2}.signup-form,.signup-image,.signin-form,.signin-image{width:auto}.social-login{justify-content:center;-moz-justify-content:center;-webkit-justify-content:center;-o-justify-content:center;-ms-justify-content:center}.form-button{text-align:center}.signin-form{order:1;-moz-order:1;-webkit-order:1;-o-order:1;-ms-order:1;margin-right:0;margin-left:0;padding:0 30px}.form-title{text-align:center}}@media screen and (max-width:400px){.social-login{flex-direction:column;-moz-flex-direction:column;-webkit-flex-direction:column;-o-flex-direction:column;-ms-flex-direction:column}.social-label{margin-right:0;margin-bottom:10px}}

.share-btn{
    position: relative;
    border: none;
    background: #fff;
    color: #ff7d7d;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 25px;
    padding-top: 2.5px;
    padding-right: 3px;
    cursor: pointer;
    z-index: 2;
	
}

.share-btn-text{
font-size: 12px;
font-family: helvetica,arial;
}

.share-options{
    position: absolute;
    bottom: 23.8%;
    left: 53%;
    width: auto;
    height: auto;
    transform-origin: bottom left;
    transform: scale(0);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: rgba(15, 15, 15, 0.5);
    color: #fff;
    padding: 20px;
    font-family: 'roboto';
    transition: .5s;
    transition-delay: .5s;;
}

.share-options.active{
    transform: scale(1);
    transition-delay: 0s;
}

.title{
    opacity: 0;
    transition: .5s;
    transition-delay: 0s;
    font-size: 20px;
    text-transform: capitalize;
    border-bottom: 1px solid #fff;
    width: fit-content;
    padding: 0 20px 3px 0;
	color: white;
	font-family: helvetica,arial;
}

.social-media{
    opacity: 0;
    transition: .5s;
    transition-delay: 0s;
    width: 250px;
    height: 120px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px 0;
}

.social-media-btn{
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    line-height: 50px;
    font-size: 25px;
    cursor: pointer;
    margin: 0 5px;
    text-align: center;
}

.social-media-btn:nth-child(1){
    background: #FFA654;
}

.social-media-btn:nth-child(2){
    background: #1DA1F2;
}

.social-media-btn:nth-child(3){
    background: #1877F2;
}

.social-media-btn:nth-child(4){
    background: #0A66C2;
}

.link-container{
    opacity: 0;
    transition: .5s;
    transition-delay: 0s;
    width: 100%;
    position: relative;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 40px;
    background-color: #fff;
    overflow: hidden;
    padding: 0 10px;
}

.link{
    width: 80%;
    height: 100%;
    line-height: 20px;
    color: #000;
	word-wrap: break-word;
	font-family: helvetica,arial;
	padding-left: 5px;
}

.copy-btn{
    position: absolute;
    right: 0;
    cursor: pointer;
    background: #000;
    color: #fff;
    border: none;
    height: 100%;
    width: 30%;
    text-transform: capitalize;
    font-size: 16px;
	font-family: helvetica,arial;
}

.share-options.active .title,
.share-options.active .social-media,
.share-options.active .link-container{
    opacity: 1;
    transition: .5s;
    transition-delay: .5s;
}

