/* ==========================================================================
   Bartłomiej Grela
   bartlomiej.grela@gmail.com
   2017 Agencja71.pl
   ========================================================================== */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Lato:700&subset=latin-ext');

html, body {
    height: 100%;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    margin: 0;
    padding: 0;
    color: #2d2d2d;
}

h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}

h2 {
    font-size: 51px;
}

h4 {
    font-size: 30px;
}

* {
    margin: 0;
    padding: 0;
}

.custom-container {
    width: 90%;
    margin: 0 auto;
}

@media screen and (max-width: 1100px) {
    .custom-container {
        width: 95%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    .custom-container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.custom-container-2 {
    width: 80%;
    margin: 0 auto;
}

@media screen and (max-width: 1100px) {
    .custom-container-2 {
        width: 90%;
        margin: 0 auto;
    }
}

.display-flex {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 890px) {
    .display-flex {
        display: block;
    }
}

.display-flex-mobile {
    display: flex;
    align-items: center;
}

.display-table {
    height: 100%;
    width: 100%;
    display: table;
}

.display-cell {
    height: 100%;
    width: 100%;
    display: table-cell;
}

.vertical-top {
    vertical-align: top;
}

.vertical-middle {
    vertical-align: middle;
}

.vertical-bottom {
    vertical-align: bottom;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-none {
    float: none;
}

.minus-left {
    position: relative;
    left: -30px;
}

.minus-right {
    position: relative;
    right: -30px;
}

.light {
    font-weight: 300 !important;
}

.uppercase {
    text-transform: uppercase;
}

.nopadding {
    padding-left: 0;
    padding-right: 0;
}
@media screen and (max-width:767px){
    .hide-mobile{display:none!important;}
}
.btn{
    font-family: 'Lato', sans-serif;
    font-weight:700;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#79c5ff+1,0a8df2+100 */
    background: #79c5ff; /* Old browsers */
    background: -moz-linear-gradient(left, #79c5ff 1%, #0a8df2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #79c5ff 1%,#0a8df2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #79c5ff 1%,#0a8df2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79c5ff', endColorstr='#0a8df2',GradientType=1 ); /* IE6-9 */
    padding:0 25px;
    border-radius:30px;
    box-shadow:none;
    height:42px;
    line-height:42px;
}

/* FORM WRAP */
.mscn-form{
    height:100%;
    width:100%;
    display:block;
    position:relative;
}
.mscn-form .col, .mscn-form .row{
    height:100%;
    position:relative;
    margin:0;
    padding:0;
}
.empty-spacing{
    height:64px;
    clear:both;
}
.gradient-box{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,e6ecf3+100 */
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(left, #f7f7f7 0%, #e6ecf3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f7f7f7 0%,#e6ecf3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f7f7f7 0%,#e6ecf3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e6ecf3',GradientType=1 ); /* IE6-9 */
}
.box-inner-welcome{

    float:right;
    margin-right:15%;
}
.already-register-text{
    font-size:18px;
    text-align:left;
}
.gradient-box h1{
    font-size:36px;
    text-align:left;

}
.gradient-box h6{
    font-size:14px;
    text-align:left;
}
.gradient-box p{
    font-size:18px;
    text-align:left;
}
@media screen and (max-width:1100px){
    .box-inner-welcome{
        margin:0 10%;
        float:none;
    }
    .gradient-box h1{
        font-size:30px;
        text-align:center;

    }
    .gradient-box h6{
        font-size:16px;
        text-align:center;
    }
    .gradient-box p{
        font-size:16px;
    }
}
.box-inner-form{

    float:left;
    margin-left:15%;
}
.form-box h2{
    font-size:36px;
    text-align:left;


}
@media screen and (max-width:1100px){
    .box-inner-form{
        margin:0 10%;
        float:none;
    }
    .form-box h2{
        font-size:30px;
        text-align:center;

    }
}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea{
    border-bottom:3px solid #b5b5b5
}
input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
    border-width: 0 0 3px 0;
    -webkit-border-image:
            -webkit-gradient(linear, 100% 0, 0 0, from(#7ac5ff), to(rgba(15, 143, 242, 1))) 100% 1;
    -webkit-border-image:
            -webkit-linear-gradient(left, #7ac5ff, rgba(15, 143, 242, 1)) 100% 1;
    -o-border-image:
            -o-linear-gradient(left, #7ac5ff, rgba(15, 143, 242, 1)) 100% 1;
    -moz-border-image:
            -moz-linear-gradient(left, #7ac5ff, rgba(15, 143, 242, 1)) 100% 1;
    box-shadow:none;
}
input:not([type]):focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label{
    color:#0a8df2;
}
.input-field{
    position:relative;
}




/* LOGIN FORM */
.not-registered{
    font-size:14px;
}
.register{
    font-weight:700;
    text-transform:uppercase;
}