@font-face {
    font-family: 'Questrial';
    font-style: normal;
    font-weight: 400;
    src: local('Questrial'), url('../fonts/Questrial-Regular.woff') format('woff');
}
body{
    background: #06263d;
    margin: 0 auto;
	font-size: 14px;
    font-family: 'Questrial', sans-serif;
}
p{
    color: #bebebe;
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"]{
	-webkit-appearance: none;
	-moz-appearance: none;
}
.template{
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
}
.template-email-confirmation{
    background-color: #fff;
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
}
.logo{
    width: 165px;
    margin-bottom: 15px;
}
.logo-email-confirmation{
    width: 140px;
    margin-bottom: 64px;
}
.content{
    padding: 30px 0;
    max-width: 500px;
}
.content h1{
    font-size: 30px;
    font-weight: normal;
    color: #fff;
    line-height: 1em;
    padding: 0 0 24px 0;
    margin: 0;
}
.content .message{
    font-size: 14px;
    padding: 0 0 0 20px;
    line-height: 1.3em;
    margin: 0 0 15px 0;
    display: inline-block;
    background-image: url('../images/icon-message.png');
    background-size: 36px 36px;
    background-repeat: no-repeat;
    text-align: left;
}
.content .success{
    color: #79b541;
    background-position: -20px 3px;
}
.content .error{
    color: #dd4e45;
    background-position: 4px -21px
}
.btn{
    padding: 0;
    border: none;
    width: 100%;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus{
    display: block;
    line-height: 50px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #43bca4;
    margin: 0 auto;
    font-size : 18px;
    color: #fff;
    text-decoration: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 15px;
}
.btn-go-creately{
    max-width: 300px;
}
.form-control,
.form-control:focus{
    border-color: #cccfd9;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.form-control.error{
    border: 1px solid #d62f2f;
}
.form-control.error::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #d62f2f;
}
.form-control.error:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #d62f2f;
   opacity: 1;
}
.form-control.error::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #d62f2f;
   opacity: 1;
}
.form-control.error:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #d62f2f;
}
.margin-bottom-0{
    margin-bottom: 0;
}
.footer{
    color: #545b7f;
    font-size: 15px;
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    padding: 0 20px;
}
@media only screen
    and (min-width: 600px)
    and (max-height: 960px)
    and (orientation : portrait),
    (min-width: 768px) {
        p{
            color: #818181;
        }
        .template, .template-email-confirmation{
            top: 15%;
        }
        .content{
            background: #fff;
            padding: 30px;
            -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.35);
        	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.35);
        	box-shadow: 0 3px 4px rgba(0,0,0,.35);
        }
        .content h1{
            color: #151515;
        }
}
@media only screen
    and (max-height: 414px)
    and (orientation : landscape) {
        .content.no-padding{
            padding: 0;
        }
        .message-container{
            margin-left: 8.33333333%;
            width: 83.33333333%;
        }
        .footer{
            position: static;
            padding: 15px 0;
        }
}
/* iPhone 5 (portrait & landscape)----------- */
@media only screen
    and (min-width : 320px)
    and (max-width : 374px)
    and (orientation: portrait) {
        .content.no-padding{
            padding: 0;
        }
        .footer{
            position: static;
            padding: 15px 0;
        }
}
.email-confirmation-footer {
    font-size: 18px;
    position: unset;
}
.email-confirmation-main {
    margin-bottom:  50px;
    padding:        32px;
}
.email-confirmation-main-text {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
}
.email-confirmation-sub-text {
    padding-top: 15px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px
}
.email-confirmation-success {
    width:              72px;
    height:             72px;
    background-image:   url('../images/ic_thin_tick.svg');
    background-repeat:  no-repeat;
}
.link-color {
    color: #29947F;
}