@charset "UTF-8";
.lt{float:left;}
.hdn{display:none;}

.c-red{color:#ff0000;}

.btn{border:none;border-radius:0;font-size:17px;padding:8px 10px;cursor:pointer;display:inline-block;margin-bottom:20px;font-weight:300;}
.btn:focus {outline:0 !important;}
.btn-transition{
	-webkit-transition: background ease 0.25s, color ease 0.25s;
    -moz-transition: background ease 0.25s, color ease 0.25s;
    -o-transition: background ease 0.25s, color ease 0.25s;
    transition: background ease 0.25s, color ease 0.25s;
}
.btn-type1{background:transparent;border-bottom:1px;border-bottom-style:solid;width:auto !important;}
.btn-gen{border-bottom-color:#ac00d5;color:#333;}
.btn-gen:hover{background:#ac00d5;}
.btn-type1:hover{color:#fff;}
.modal-btn{border-bottom:1px solid #550168;color:#550168;}
.modal-btn:hover{background:#550168;}

.bg{background:url(../images/reg-wind-bg.jpg) no-repeat center 70px;position:absolute;top:0;left:0;opacity:0;}
body{background:radial-gradient(ellipse at center, rgba(224,224,224,1) 0%,rgba(245,245,245,1) 100%);font-family:"Open Sans";font-size:14px;}

.tooltip{opacity:1;z-index:3;}
.tooltip.left .tooltip-arrow{border-left-color:#333 !important;}
.tooltip.top .tooltip-arrow{border-top-color:#333 !important;}
.tooltip.bottom .tooltip-arrow{border-bottom-color:#333 !important;}
.tooltip-inner{background:#333;font-size:12px;font-family:"Open Sans";}
.ui-tooltip{max-width:500px;font-family:"Open Sans";font-size:14px;font-weight:300;padding:8px 12px;background:#333;color:#fff;border:none;border-radius:0;box-shadow:0 0 5px rgba(0,0,0,.6);}

/**** login ****/
#family-logo{width:170px;height:170px;margin:100px auto 10px auto;border-radius:30px;}
#family-logo img{margin-top:17px;width:85%;}
.login-title{font-size:21px;}
.reset .row, .register .row{width:300px;margin:0 auto;}
.reset .row input, .register .row input{width:270px;margin-right:5px;}
.reset .row .question, .register .row .question{border-bottom:1px solid #ac00d5;color:#ac00d5;width:25px;height:41.5px;padding:10px;cursor:pointer;}
.reset .row .question{height:41px;}

.login input, .reset input, .register input{width:300px;font-size:17px;font-weight:300;padding:8px;margin:0px 0px 20px;border:none;border-bottom:1px solid #ac00d5;color:#333;background:none;}
.register input.wrong{box-shadow:0 0 5px rgba(255,0,0,.4);}
.login input:focus, .reset input:focus, .register input:focus{box-shadow:none;outline:0;}
.login a, .reset a, .register a{width:100%;font-size:12px;display:block;margin-bottom:10px;}
.login a:hover, .login a:hover, .reset a:hover, .reset a:hover, .register a:hover, .register a:hover{color:#ac00d5;}

/**** register wind ****/
#wind-page{padding-top:30px;}
#wind-logo{width:200px;}
#wind-page .welcome{letter-spacing:.7px;margin-bottom:15px;font-size:30px;}
#wind-page .description{width:70%;margin:0 auto;font-size:15px;background:rgba(255,255,255,.6);border-top-left-radius:30px;border-bottom-right-radius:30px;margin-top:15px;padding:15px;}
#wind-page .form-title{font-size:22px;background:rgba(255,255,255,.6);width:40%;margin:0 auto 30px;padding:8px 0;}
#wind-page .form-error{margin-bottom:10px;font-weight:bold;font-size:15px;}
#wind-page input{width:74%;font-family:"Open Sans";font-weight:300;font-size:17px;padding:8px;margin-bottom:10px;border:none;border-bottom:1px solid #00bbee;color:#333;background:rgba(255,255,255,.6);}
#wind-page input::-webkit-input-placeholder {color:#333;}
#wind-page input:-moz-placeholder {color:#333;}
#wind-page input:-moz-placeholder {color:#333;}
#wind-page input:-ms-input-placeholder {color:#333;}
#wind-page input.explained{width:76%;}
#wind-page input:focus{box-shadow:0 0 4px #00bbee;outline:0;}
#wind-page .question{border-bottom:1px solid #00bbee;color:#00bbee;background:rgba(255,255,255,.6);width:8%;height:41px;margin-left:1%;padding:10px;cursor:pointer;}
#wind-page .btn-wind{border-radius:5px;font-size:18px;min-width:150px;background-color:#5fccf0;padding:14px 44px;margin:20px 0;cursor:pointer;display:inline-block;}
#wind-page .btn-wind:focus {outline:0 !important;}
#wind-page .btn-wind:hover{background-color:#00b1ea;color:#fff;}

.g-recaptcha{display:inline-block;margin-bottom:20px !important;}

/**** intro ****/
.intro-title{font-size:22px;padding-bottom:10px;border-bottom:2px solid #ac00d5;margin-bottom:50px;}
.intro-description{font-size:15px;width:70%;margin:0 auto;}
.intro-description img{width:100%;}
.intro-stores{margin-top:30px;}
.intro-stores img{width:100%;}
.intro-logo{width:30%;}
.intro-legend{margin-top:15px;}
a, a:hover, a:focus{color:#333;}
.intro-delete-account{margin-top:30px;}
.intro-delete-account a, .intro-delete-account a:hover{color:#ac00d5;}

@media (max-width:1270px){
	#wind-page .form-title{width:48%;}
	#wind-page input.explained{width:74%;}
	#wind-page .question{width:10%;}
}

@media (max-width:1201px){
    .intro-legend{margin-top:9px;}
}

@media (max-width:991px){
	.intro-stores img{width:70%;}
    .intro-stores a{margin-bottom:15px;}
    .intro-legend{margin-top:20px;}

	#wind-page{padding-top:20px;}
	#wind-page .form-title{margin-top:100px;}
	#wind-page input.explained{width:76%;}
	#wind-page .question{width:8%;}
}

@media (max-width:767px){
    #navbar-lang{display:none;}
    #navbar-lang-resp{display:block;}
    .navbar-collapse{border:none;padding:0px;background-color:rgba(0,0,0,.7);box-shadow:0 6px 5px rgba(0, 0, 0, 0.3);}
    .navbar-collapse .navbar-right{margin:0px;}
    .navbar-collapse .navbar-right li{border:none;}
	.navbar-right li a{padding:10px 15px;}
    input{width:60%;}

    .intro-legend{margin-top:18px;}

	#family-logo{width:150px;height:150px;}
	#family-logo img{margin-top:13px;}
	.login-title{font-size:18px;}
	.register .row .question{height:41px;}

	#wind-logo{width:150px;}
	#wind-page .welcome{font-size:20px;}
	#wind-page .description{width:90%;}
	#wind-page .form-title{width:66%;font-size:20px;margin-top:50px;}
	#wind-page .form-error{font-size:13px;}
	#wind-page input{width:100%;font-size:14px;}
	#wind-page input.explained{width:80%;}
	#wind-page .question{width:19%;height:37px;margin-left:1%;}
}

@media (max-width:500px){
    input{width:80%;}
}

@media (max-width:320px){
	.tooltip{font-size:13px;}
}

/**** loader ****/
.is-loading {
    font-weight: 400;
    width:  40px;
    height:  40px;
    padding-top:  20px;
    text-align: center;
    margin:  0 auto;
    color:  #333;
}
.is-loading div {
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    -webkit-transform: rotate(0);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(0);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(0);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(0);
    -o-transform-origin: 0 0;
    transform: rotate(0);
    transform-origin: 0 0;
}
.is-loading div b {
    -webkit-animation: spinner2 2s 0s ease-in-out infinite alternate;
    -moz-animation: spinner2 2s 0s ease-in-out infinite alternate;
    -o-animation: spinner2 2s 0s ease-in-out infinite alternate;
    animation: spinner2 2s 0s ease-in-out infinite alternate;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    text-align: left;
}
.is-loading div b.white {
    color:  #fff;
    text-shadow:  0px 0px 9px #fff;
}
.is-loading div.dgrey b {
    color:  #333;
    text-shadow:  0px 0px 9px #333;
}
.is-loading div b:after {
    content: "."}
.is-loading div b:nth-child( 8n+8) {
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s;
    -webkit-transform: rotate(-360deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-360deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(-360deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(-360deg);
    -o-transform-origin: 0 0;
    transform: rotate(-360deg);
    transform-origin: 0 0;
}
.is-loading div b:nth-child( 8n+7) {
    -webkit-animation-delay: .7s;
    -moz-animation-delay: .7s;
    -o-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-transform: rotate(-315deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-315deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(-315deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(-315deg);
    -o-transform-origin: 0 0;
    transform: rotate(-315deg);
    transform-origin: 0 0;
}
.is-loading div b:nth-child( 8n+6) {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-transform: rotate(-270deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-270deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(-270deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(-270deg);
    -o-transform-origin: 0 0;
    transform: rotate(-270deg);
    transform-origin: 0 0;
}
.is-loading div b:nth-child( 8n+5) {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-transform: rotate(-225deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-225deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(-225deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(-225deg);
    -o-transform-origin: 0 0;
    transform: rotate(-225deg);
    transform-origin: 0 0;
}
.is-loading div b:nth-child( 8n+4) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-transform: rotate(-180deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-180deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(-180deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(-180deg);
    -o-transform-origin: 0 0;
    transform: rotate(-180deg);
    transform-origin: 0 0;
}
.is-loading div b:nth-child( 8n+3) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-transform: rotate(-135deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-135deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(-135deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(-135deg);
    -o-transform-origin: 0 0;
    transform: rotate(-135deg);
    transform-origin: 0 0;
}
.is-loading div b:nth-child( 8n+2) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(-90deg);
    -o-transform-origin: 0 0;
    transform: rotate(-90deg);
    transform-origin: 0 0;
}
.is-loading div b:nth-child( 8n+1) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-45deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(-45deg);
    -o-transform-origin: 0 0;
    transform: rotate(-45deg);
    transform-origin: 0 0;
}
@-webkit-keyframes spinner2 {
    to {
    -webkit-transform: rotate(720deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(720deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(720deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(720deg);
    -o-transform-origin: 0 0;
    transform: rotate(720deg);
    transform-origin: 0 0;
}
}@-moz-keyframes spinner2 {
    to {
    -webkit-transform: rotate(720deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(720deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(720deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(720deg);
    -o-transform-origin: 0 0;
    transform: rotate(720deg);
    transform-origin: 0 0;
}
}@-ms-keyframes spinner2 {
    to {
    -webkit-transform: rotate(720deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(720deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(720deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(720deg);
    -o-transform-origin: 0 0;
    transform: rotate(720deg);
    transform-origin: 0 0;
}
}@keyframes spinner2 {
    to {
    -webkit-transform: rotate(720deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(720deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(720deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(720deg);
    -o-transform-origin: 0 0;
    transform: rotate(720deg);
    transform-origin: 0 0;
}
}.is-loading.with-pad {padding-top: 100%}
/******************************************************************************/