@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700|Josefin+Sans:700italic|Muli:400italic|Montserrat:400,700&subset=latin,latin-ext,cyrillic-ext,greek-ext,cyrillic,greek);

/*
@font-face {
    font-family: 'Brandon';
    src: url('brandon-webfont.eot');
    src: url('brandon-webfont.eot?#iefix') format('embedded-opentype'),
         url('brandon-webfont.woff2') format('woff2'),
         url('brandon-webfont.woff') format('woff'),
         url('brandon-webfont.ttf') format('truetype'),
         url('brandon-webfont.svg#brandon_grotesque_blackitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Proxima';
    src: url('proxima-webfont.eot');
    src: url('proxima-webfont.eot?#iefix') format('embedded-opentype'),
         url('proxima-webfont.woff2') format('woff2'),
         url('proxima-webfont.woff') format('woff'),
         url('proxima-webfont.ttf') format('truetype'),
         url('proxima-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
	font-family: "Flaticon";
	src: url("flaticon.eot");
	src: url("flaticon.eot#iefix") format("embedded-opentype"),
	url("flaticon.woff") format("woff"),
	url("flaticon.ttf") format("truetype"),
	url("flaticon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
        font-size: 20px;
font-style: normal;
margin-left: 20px;
}.flaticon-heart366:before {
	content: "\e000";
}
*/
.korte{}
.body-wrapper * { margin: 0px; padding: 0px; box-sizing: border-box; }
/*body { background: url(../images/registeralt/template.png) top center no-repeat }*/
/*.body-wrapper { width: 930px; margin: 0 auto; background: #fff; height: 1000px; position: relative; top: 140px; }*/

.body-wrapper { box-sizing: border-box; width: 600px; padding:30px; margin:0 auto; background: #fff; overflow:hidden; text-align:center; }
.body-wrapper a {color:#f8008d;}
.body-wrapper .col-1 { width: 8.3333333333333333333333%; float: left; }
.body-wrapper .col-2 { width: 16.6666666666666666666667%; float: left; }
.body-wrapper .col-3 { width: 25%; float: left; padding: }
.body-wrapper .col-4 { width: 33.3333333333333333333333%; float: left; }
.body-wrapper .col-5 { width: 41.6666666666666666666667%; float: left;}
.body-wrapper .col-6 { width: 50%; float: left; }
.body-wrapper .col-6-1 { width: 50%; float: left; padding: 0px 5px 0px 17px; }
.body-wrapper .col-6-2 { width: 50%; float: left; padding: 0px 17px 0px 0px;  }
.body-wrapper .col-7 { width: 58.3333333333333333333333%; float: left; }
.body-wrapper .col-8 { width: 66.6666666666666666666666%; float: left; }
.body-wrapper .col-9 { width: 75%; float: left; }
.body-wrapper .col-10 { width: 83.3333333333333333333333%; float: left; }
.body-wrapper .col-11 { width: 91.6666666666666666666666%; float: left;}
.body-wrapper .col-12 { width: 100%; float: left; }
.body-wrapper .form-control.col-12 {width:98%; float: left;}
.body-wrapper .form-control.col-6 {width:48%; float: left;}
.body-wrapper .form-control.col-4 {width:31.3333333333333333333333%; float: left;}
.body-wrapper .row { margin: 0px -15px; }
.body-wrapper .clearfix:before,
.body-wrapper .clearfix_after { content: ""; display: table; clear: both; }
.body-wrapper .banner { position: relative; background-size: 100% auto; }
.body-wrapper .flower { width: 300px; height: 300px; position: absolute; top: -80px; left: -80px; }
.body-wrapper .cta { min-height: 50px; overflow: hidden; }
.body-wrapper .action { font-family:'Montserrat', sans-serif; font-size: 30px; font-weight: bold; color: #5d225f; text-transform:uppercase; }
.body-wrapper .action-text { font-family: 'Muli', sans-serif; font-size: 30px; text-align: left; color: #b20065; text-align:center; padding-top:15px; font-weight: 900; font-style:italic; text-transform:uppercase; margin-bottom:30px; }
.body-wrapper .action-text span { font-weight: 900; font-size:83px; }
.body-wrapper .satisfy { background: url(../images/registeralt/banner_hu.jpg) center center no-repeat; height: 150px; position: relative; text-align: center; width:100%; margin:0 auto 30px;}
.body-wrapper .satisfy p { font-family: 'Raleway', sans-serif; font-size: 26px; font-weight: 700; color: #fff; text-shadow: 0px 1px 2px rgba(0,0,0,0.3); text-transform: uppercase; padding-top: 14px; line-height: 0.9; }
.body-wrapper .offer { padding-left: 50px; }
.body-wrapper .offer .main { font-family: 'Raleway', sans-serif; font-size: 26px; font-weight: 900; color: #fff; text-shadow: 0px 1px 2px rgba(0,0,0,0.3); padding-top: 10px; line-height: 0.9; text-align: center; line-height: 1.5 }
.body-wrapper .offer .details { font-family: 'Archivo Narrow', sans-serif; font-size: 16px; font-weight: 400; text-align: center; color: #603913; }
.body-wrapper .spin { animation: spin 30s linear infinite; -webkit-animation: spin 30s linear infinite; display:none; }
.body-wrapper .signup {width:100%; display:block; margin: 0 auto; font-size:16px;}
.body-wrapper .signup-inner {margin:0 0;}
.body-wrapper .signup-text { font-family: 'Ubuntu', sans-serif; font-size: 13px; line-height: 1.8; color:#444; list-style: none; position: relative; display: block; text-align: justify; }
.body-wrapper .signup-text span {color:#5d225f; font-size:15px; padding:20px 0px; line-height: 1.8; text-align: left; list-style: none; position: relative; display: block; text-align: center; }
.body-wrapper .signup input.error{border-color:#F8008D; background-color:transparent;}
.body-wrapper .signup input, .body-wrapper .signup select { display: block; color:#9c9c9c; margin: 0px 1% 10px; padding: 10px; border-radius: 5px; border: 1px solid #9c9c9c; font-family: 'Raleway', sans-serif; background: #ffffff; text-indent: 5px; outline: none; font-size: 14px; }
.body-wrapper .signup .button {width: 100%;
	height: 60px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f8008d;
	-webkit-box-shadow: 0 2px rgba(0,0,0,.15);
	-moz-box-shadow: 0 2px rgba(0,0,0,.15);
	box-shadow: 0 2px rgba(0,0,0,.15);
	margin: 10px auto;
	color:#fff;
	 font-family:'Montserrat', sans-serif; font-size: 16px; font-weight: 700;
	 border:none;
	 cursor:pointer;
	 position:relative;
line-height:60px;
text-decoration:none !important; 
padding:0px;
	  }
.body-wrapper .signup .button:after{content:'\f061'; font-family:'Fontawesome'; width:30px; height:30px; background:#fff; display:block; position:absolute; top:15px; right:15px; line-height:30px; text-align:center; color:#f8008d; border-radius:5px;}  
.body-wrapper .signup .button:hover{background:#b20065;}
.body-wrapper .note.error{background:#B20065; font-size: 11px; position:relative; color:#ffffff; text-align:center; padding: 3px; font-size: 12px; display:block; clear:both; margin: 8px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; top: -4px}
.body-wrapper .note.error:before{content: ''; display:block;  top: -10px; left: 10px; position: absolute;  width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #B20065 transparent;}
.body-wrapper .note.error .popup {color:#fff; font-weight:bold;}
.body-wrapper .existing { font-family: 'Ubuntu', sans-serif; font-size: 16px; line-height: 1.5; text-align: center; margin: 20px 0px 30px; color:#5d225f; font-weight: 700; }
.body-wrapper .existing a { color: #f8008d; text-decoration: none; font-weight: 700; }
.body-wrapper .agreeterms{text-align:center;clear:both; font-size: 12px; padding: 10px 0px 10px 0px; border-top: 1px dotted rgba(0,0,0,0.3); border-bottom: 1px dotted rgba(0,0,0,0.3);margin-top: 10px;}
.body-wrapper .note, .password, .birthdate {text-align:center; font-size: 12px;}
.body-wrapper .password {margin-top:10px;}
.body-wrapper .agreeterms.left{text-align:left;}
.body-wrapper .agreeterms input{width:auto; float:left; margin: 3px 8px 0px 8px}
.content-item .item-content .signup{background: transparent;}
.body-wrapper .buttonholder{float:left; }
.body-wrapper .buttonholder a{ font-size: 12px; }
.body-wrapper .buttonholder.backtoreg{float:right;}
.body-wrapper .foot-cta {display:block; width:100%; height:50px; background:#5d225f; line-height:50px; text-align:center; color:#fff; font-family:'Ubuntu', sans-serif; font-size:20px; font-weight:700; position:relative;}
.body-wrapper .foot-cta:before {content:"\f08a"; font-family:'Fontawesome'; font-size:24px; color:#fff; line-height:50px; position:absolute; top:0px; left:20px;}
.bubbletip .popup1 {background:#efefef;}
#LoginHolder {padding: 10px;}


 @-moz-keyframes spin {  from {
-moz-transform: rotate(0deg);
}
to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {  from {
-webkit-transform: rotate(0deg);
}
to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {  from {
transform:rotate(0deg);
}
to { transform: rotate(360deg); }
}

::-webkit-input-placeholder { /* WebKit browsers */
 color:    #9c9c9c;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #9c9c9c;
 opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #9c9c9c;
 opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
 color:    #9c9c9c;
}


@media screen and (max-width:1440px){}
@media screen and (max-width:1280px){}
@media screen and (max-width:1024px){}
@media screen and (max-width:991px) {


}

@media screen and (max-width:600px) {
.body-wrapper {width:100% !important;}
.body-wrapper .satisfy {background-size:100% auto; height:150px;}
.body-wrapper .action, .body-wrapper .action-text {line-height:normal;}
.body-wrapper .foot-cta {font-size: 18px;}
}

@media screen and (max-width:480px) {
.body-wrapper .satisfy {background-size:100% auto; height:120px;}
.body-wrapper .form-control.col-6, .body-wrapper .form-control.col-12, .body-wrapper .form-control.col-4 {width:98%;}
.body-wrapper .foot-cta {font-size: 16px;}
.body-wrapper .foot-cta:before {
  font-family: 'Fontawesome';
  font-size: 16px;
  color: #FFF;
  line-height: 30px;
  position: absolute;
border-radius: 100px;
background:#5D225F;
  top: -10px;
  left: -10px;
width:30px;
height:30px; 
display:block;
}
}
@media screen and (max-width:320px) {}