/* global styles */
h1, .h1 {font-size: 32px;font-weight: normal;margin: 0 0 5px 0;line-height: 1.2;}
h2, .h2 {font-size: 19px;margin: 0 0 12px 0;font-weight: normal;line-height: 1;}
.padding2{padding:80px 0px;}
.tblue{color: #0e76bc;}
.light-grey{color: #777;}
.btn-green {background: linear-gradient(#34da18, #27bc0e);background-color: #27bc0e;box-shadow: inset 0 1px 1px #74ef60;border-color: #42c22c #2fae19 #1d9b08;padding: 5px 20px;font-size: 19px;color: #fff!important;text-shadow: 0 1px 2px rgba(0,0,0,.5);}
.banner {height: 528px;position: relative;background-size: cover;clear: both;}
/* Header Styles */
header {background-color:#0e76bc;height:82px;border-bottom:1px solid #023a61;box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);}
#logo {float: left;margin-top: 18px;}
#logo img{max-width:100%;}
#header-login {float: right;padding-top: 15px;height: 80px;}
a#show-login i {margin-right: 5px;font-size: 15px;}
a#show-login {float: right;color: #fff;padding: 5px 15px;background: #1176B9;border: 1px solid #0D5382;border-radius: 4px;font-size: 18px;margin-top: 22px;margin-right: 20px; font-weight: bold;text-decoration: none!important;display: none;}
#login-form .login-field {width: 153px;float: left;margin-right: 10px;}
#login-form input {border: 1px solid #bdc7d8;font-size: 13px;}
#login-form label a,#login-form label {color:rgba(255, 255, 255, .5);text-decoration:none;white-space: nowrap;font-weight: normal;margin-top: 5px;}
#login-form a:hover {text-decoration:underline;}
/* Register Styles */
#register-content {background-image: url(../images/banner.jpg);}
#register-form {width: 410px;float: right;margin-top: 50px;}
#register-form h1{color: #555;}
#register-form h2 {color: #777;}
form#landingpage-signup {margin-top: 12px;display: inline-block;width: 100%;}
#landingpage-signup input[type='text'], #landingpage-signup input[type='password'] {height: 39px;border: 1px solid #bdc7d8;background-color: #fff;}
/* Our Services Styles */
#our-services {padding-top: 50px;padding-bottom: 50px;text-align: center;}
.icon {padding:40px 0;clear: both;}
.bg-color {background: #fffcf5;background: -moz-linear-gradient('-25deg', #fffcf5 0%, #d9ceb4 100%);background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #fffcf5), color-stop(100%, #d9ceb4));background: -webkit-linear-gradient('-25deg', #fffcf5 0%, #d9ceb4 100%);background: -o-linear-gradient('-25deg', #fffcf5 0%, #d9ceb4 100%);background: -ms-linear-gradient('-25deg', #fffcf5 0%, #d9ceb4 100%);background: linear-gradient('-25deg', #fffcf5 0%, #d9ceb4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcf5', endColorstr='#d9ceb4',GradientType=1 );}
#three-girl {background-image: url('../images/bg.jpg');background-size: cover;height: 715px;position: relative;}
.stream-item {position: absolute;}
.item1 {top: 20%;left: 45%;}
.item2 {bottom: 120px;right: 15%;}
.item3 {bottom: 5%;}
.stream-img {float: left;width: 26px;margin: 3px 7px 0px 14px;}
.stream-content {float: left;width: 101px;}
.border-round {border-radius: 50%;webkit-border-radius: 50%;-moz-border-radius: 50%;background-color: rgba(255,255,255,0.8);box-shadow: 0px 0px 0px 8px rgba(255,255,255,0.5);font-size:smaller;width: 180px;height: 180px;padding: 40px 15px 10px 30px;margin:0;}
/* Footer Styles */
.content-bottom {color:#FFF;background-color:#0e76bc;padding: 50px 0 20px 0;text-align: center;}
.content-bottom h1 {margin: 50px 0 0 0;float: left;width: 100%;}
.content-bottom p {margin: 0 0 20px;}
.footer {text-align:center;padding:15px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede;}
.footer ul.menu-footer {list-style:circle; padding-left: 0px;}
.footer ul.menu-footer li {display: inline;padding: 0 20px;}
.footer ul.menu-footer li a{text-transform:uppercase;}
.bg-devices {background-image:url(../images/bg-bottom.jpg);background-size: cover;}
.wrapper {padding:50px 0;}
.step {text-align:center;margin-bottom:100px;}
.num {border-radius: 50%;webkit-border-radius: 50%;-moz-border-radius: 50%;width: 60px;height: 60px;padding: 15px;font-size: larger;margin: 0 auto;position: relative;}
#show {border:1px solid #27bc0e;background-color:#27bc0e;color:#FFF;margin-bottom: 10px;}
#hide {border:1px solid #d9d9d9;background-color:#efefef;margin-bottom: 10px;}
.form-space {margin:0 0 0 30px;}
.form-bg {background-color: #f1f1f1;padding: 60px;margin: 14px 0;}
.required::-webkit-input-placeholder:after {content:' *';color: red;}
.required:-moz-placeholder:after {/* Firefox 18- */
    content:' *';color: red;}
.required::-moz-placeholder:after {/* Firefox 19+ */
    content:' *';color: red;}
.required:-ms-input-placeholder:after {content:' *';color: red;}
.text-control {color: #777;font-size:21px;padding-bottom: 10px;}
.link a {font-size:smaller;padding:0 0 0 10px;}
.link a:first-child {padding:0 10px 0 0;border-right:1px solid #777;}
/*
.facebook {background: linear-gradient(#3b5999, #15357b);background-color: #15357b;box-shadow: inset 0 1px 1px #90b0f5;border-color: #193570 #122c62 #0c2354;}
.google {background: linear-gradient(#dd5044, #c8392d);background-color: #c8392d;box-shadow: inset 0 1px 1px #fcaba4;border-color: #cd4237 #be362c #b02c20;}
*/
.button {padding: 4px 0 4px 90px;margin-bottom: 0;font-size: 18px;font-weight: normal;line-height: 1.42857143;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border-radius: 4px;width: 100%;}
.facebook {border:1px solid #3b5a9a;background:transparent url('../images/FB-color.png') 20px 7px no-repeat;color:#3b5a9a;}
.google {border:1px solid #d5473b;background:transparent url('../images/Google-color.png') 20px 7px no-repeat;color:#d5473b;}
.header-small {background-color:#0e76bc;height:4px;border-bottom:1px solid #023a61;box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);}
.border-form {clear: both;background-color: #f6f8fb;border: 1px solid #e9e9e9;border-radius: 5px;float: left;width: 100%;}
form#contact-form input, #contact-form select {height: 39px;}
.form-left {border-right: 1px solid #e9e9e9;padding-top: 15px;}
.two-col-left {display: block;float: left;padding-right: 5px;}
.two-col-right {display: block;float: left;padding-left: 5px;}
.captcha-buttons {padding-bottom:10px;float: left;width: 100%;}
#new_challenge {box-shadow: 1px 1px 0 0 #ccc;border-right: 1px solid #ccc;-moz-border-radius-top-right: 0;border-top-right-radius: 0;-moz-border-radius-bottom-right: 0;border-bottom-right-radius: 0;}
a#captcha_new, a#captcha_image {display: block;/* height: 100%;*/width: 100%;padding-left: 10px;background: #fff;text-align: center;-webkit-transition: background-color .1s ease-in 0s;transition: background-color .1s ease-in 0s;color:#333;line-height: 38px;}
a:hover#captcha_new, a:hover#captcha_image {background-color:#f5f5f5;text-decoration:none;}
#switch_to_audio {box-shadow: -1px 1px 0 0 #ccc;-moz-border-radius-top-left: 0;border-top-left-radius: 0;-moz-border-radius-bottom-left: 0;border-bottom-left-radius: 0;}
.captcha-image-container {padding: 16px;border-radius: 5px;background: #fff;margin-bottom: 10px;text-align: center;}
img#recaptcha_challenge_image {max-height:57px;max-width:438px;}
.captcha-button span.glyphicon {float: left;padding: 11px 0 0 10px;}
#system-message {
    margin-bottom: 10px;
    padding: 0;
}
.alert-notice {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}
.alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.alert h4 {
    margin-top: 0;
    color: inherit;
}
.g-recaptcha{margin: 0px auto 15px;width: 300px;}
/* Responsive Styles */
@media (max-width: 1600px) {
    .bg-devices {height:490px;}
}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {
    #register-form {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        background: rgba(255,255,255,0.5);
        padding: 50px 20px 20px;
        margin: 0px;
    }
}
@media (max-width: 768px) {
    #logo {margin: 18px 15px;}
    #register-form {padding-top: 20px;}
    #our-community {text-align: center;}
    #our-community img {margin: 0 auto 15px;}
    .two-col-left,.two-col-right{padding-left:15px;padding-right:15px;}
    .bg-devices {height:470px;}
}
@media (max-width: 650px) {
    a#show-login{display:block;}
    #header-login{display:none;width: 100%;position: absolute;top: 82px;height: auto;background: #333;text-align: center;padding-top: 20px;z-index: 99;}
    #login-form {display: inline-block;width: 80%;margin: 0 auto;position: relative;}
    #login-form .login-field{width: 100%;}
    #login-form .login-field label {position: absolute;left: 30%;}
    #login-form .login-field label.res-label1{bottom: 24px;}
    #login-form .login-field label.res-label2{bottom: 5px;}
    .bg-devices {text-align: center;}
    .bg-devices img {margin: 10px auto;}
    #three-girl {display: none;}
    .footer ul.menu-footer{padding: 0px;}
    .footer ul.menu-footer li{padding: 0px 5px;}
}
@media (min-width:650px){
    #header-login{display:block!important;}

}
@media (max-width: 479px) {
    #logo {width: 170px;margin-top: 20px;}
    a#show-login {text-align: center;font-size: 13px;white-space: nowrap;}
    #register-form {width:100%}
    #landingpage-signup input[type='text'], #landingpage-signup input[type='password']{background: rgba(255,255,255,0.8);}
    .bg-devices {height:300px;}
    form#landingpage-signup{margin-top:0px}
    #register-form h1 {font-size: 26px;}
}