@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,600";
body {
 /*background-image:linear-gradient(#e86a6d,
 #a45290);*/
 margin:0
}
#mainside {
 width:60vw;
 height:60vh;
 background:#e6e6e6;
 border-radius:8px;
 box-shadow:0 0 40px -10px #000;
 margin:20vh auto;
 max-width:calc(100vw - 40px);
 box-sizing:border-box;
 font-family:montserrat,sans-serif;
 position:relative;
 padding-top:2vh;
 z-index:1
}
h2 {
 margin:10px 0;
 padding-bottom:10px;
 width:180px;
 color:#78788c;
 border-bottom:3px solid #78788c
}
input:focus,
textara:focus {
 border-bottom:2px solid #78788c
}
p:before {
 content:attr(type);
 display:block;
 margin:28px 0 0;
 font-size:14px;
 color:#5a5a5a
}
button {
 padding:8px 12px;
 margin:8px 0 0;
 font-family:montserrat,sans-serif;
 border:2px solid #78788c;
 background:0;
 color:#5a5a6e;
 cursor:pointer;
 transition:all .3s
}
button:hover {
 background:#78788c;
 color:#fff
}
#navbar {
 text-align:right
}
#navbar a {
 padding:1vh
}
a {
 -moz-transition:border-color .35s ease-in-out,color .35s ease-in-out;
 -webkit-transition:border-color .35s ease-in-out,color .35s ease-in-out;
 -ms-transition:border-color .35s ease-in-out,color .35s ease-in-out;
 transition:border-color .35s ease-in-out,color .35s ease-in-out;
 color:#0bb7c6;
 text-shadow:0 0 .5px rgba(53,184,143,.25);
 text-decoration:none;
 border-bottom:dotted .2vw rgba(53,184,143,.5);
 letter-spacing:1px;
 text-shadow:0 0 .5px rgba(58,57,57,.25);
 -webkit-text-stroke:.25px
}
a:hover {
 border-bottom-color:transparent
}
#top-part {
 width:100vw;
 height:10vh;
 background-color:#fff;
 max-width:100%
}
#top-part-inner {
 height:40px;
 max-height:100%;
 width:100%;
 position:relative;
 top:50%;
 transform:translateY(-50%)
}
#top-img {
 height:100%;
 left:3vw;
 position:relative;
 height:100%;
 top:50%;
 transform:translateY(-50%);
 float:left;
 max-width:25%;
 height:auto;
 max-height:40px
}
.navs {
 float:left;
 left:10vw;
 position:relative;
 top:50%;
 transform:translateY(-50%);
 padding:0 1vw;
 font-size:1.3em;
 font-family:source sans pro,sans-serif;
 letter-spacing:1px
}
.loginnav {
 float:right;
 padding:0;
 left:auto;
 line-height:40px;
 background-color:#e86a6d;
 border-radius:.6vw;
 right:2vw
}
.loginnav:hover {
 background-color:#e4485e
}
.loginnav a {
 color:#fff;
 border-bottom:0;
 font-weight:700;
 padding:0 1.3vw
}
.toggle {
 width:100%;
 display:flex;
 position:relative
}
.logreg {
 padding:1.4vw;
 font-size:1.6rem;
 border-bottom:1px solid #666;
 cursor:pointer;
 color:#666;
}
.activelog {
 border-color:#666;
 border-style:solid;
 border-width:1px 1px 0;
 color:#ff902f;
 background-color: #75d0d0;
    color: black;
}
.pseudo {
 flex:1;
 border-bottom:1px solid #666
}
.inputs {
 font-size:15px;
 line-height:1.5;
 color:#666;
 display:block;
 width:100%;
 background:#fff;
 height:50px;
 border-radius:25px;
 padding:0 30px 0 2.2vw;
 border:1px solid #666;
 margin-bottom:10px
}
.forms {
 width:80%;
 margin:0 auto;
 padding-top:2vh
}
.login {
 background:#57b846;
 color:#fff;
 font-weight:700;
 padding:0
}
#register-form {
 display:none
}
@media screen and (max-width:600px) {
 .navs {
  font-size:.8rem
 }
 .logreg {
  font-size:1.4rem
 }
}


/* Cookies */

.cookie-popup--dark {
    background: #000;
    color: #fff;
}
.cookie-popup {
    font-size: 0.875rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: fixed;
    bottom: 2rem;
    left: 1.25rem;
    right: 1.25rem;
    padding: 0.625rem 0.9375rem;
    box-shadow: 0 0 0.625rem 0 rgba(0,0,0, .15);
    line-height: 150%;
    transition: opacity .5s;
	z-index:999999;
}
.cookie-popup--short {
    right: none;
    width: 21.875rem;
}
.cookie-popup {
    font-size: 0.875rem;
    line-height: 150%;
}
.cookie-popup--dark {
    color: #fff;
}
.cookie-popup a {
    color: skyblue;
}
.cookie-popup-actions {
    flex: 1;
    text-align: right;
}
.cookie-popup-actions button {
    color: orange;
    border: none;
    background: none;
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.75rem;
    padding: 0;
    cursor: pointer;
}
.login-button{
	margin: 20px auto;
	text-align: center;
	border: 2px solid #f0fafa;
	padding: 14px 10px;
	width: 270px;
	outline: none;
	color: black;
	border-radius: 24px;
	transition: 0.25s;
	max-width: 55vw;
	min-height: 3vh;
	background-color: #75d0d0;
	font-size:1.6rem;
}

/* Register */

#register-form .row{
	display:flex;
}
#register-form .row .form-group{
	position:relative;
	flex:1;
}