.clear:before, .clear:after {
    content: " ";
    display: table;
}
.clear:after {
    clear: both;
}
* {
    margin: 0;
    padding: 0;
}
html {
    font-family: 'Open Sans', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {

    background-color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    color: #37373c;
    margin:0;
    padding:0;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
}

body.has-open-chat{
    background: #edf1f3 url("/image/bg-belso.png") no-repeat scroll top center;
}
a:hover{
    text-decoration: none;
}
a:focus{
    text-decoration: none !important;
    outline: none !important;
}
ul {
    list-style: outside none none;
}
button {
    cursor: pointer;
}
input, textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    -webkit-appearance: none;
}
textarea {
    resize: none;
}
p{
    margin: 0px;
}
mark{
    padding: 0px;
}
.no-gutters {padding: 0;}
.mt-0 {margin-top: 0;}
.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-18 {margin-top: 18px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
.mt-70 {margin-top: 70px;}
.mt-80 {margin-top: 80px;}
.mt-90 {margin-top: 90px;}
.mt-100 {margin-top: 100px;}
.mt-110 {margin-top: 110px;}

.mb-0 {margin-bottom: 0;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}

.dp-flex {
    display:flex;
}

.logo2 a:hover, .logo2 a:focus {
    color: #ffffff;
}

.input-100{
    width:100%;
}
.img-circle{
    border-radius:0%;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    margin-bottom: 30px;
}

h1{
    font-size: 22px;
}

b, strong {
    font-style: normal;
    font-weight: 700;
}

::selection {
    background: #1f9aa7;
    color: #ffffff;
    text-shadow: none;
}

div {
    display: block;
}

.lines{
    color:#cbc8c7;
}



mark {
    background-color: transparent;
    color: #8b063b;
}
font {
    color: #8b063b;
}

.content-box{
    border-radius: 5px;
    background-color: #ffffff;
    padding: 20px;
}
.content-box h4{
    color: #37373c;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 25px;
}
.arrow1 {
    background: rgba(0, 0, 0, 0) url("../images/arrow1.png") no-repeat scroll center center;
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 5px;
}
.loginbar {
    width: 100%;
    background-color: #ffffff;
    min-height: 90px;
}
.login-box{
    padding-right: 0px;
}
.login-box .collapse{
    padding-right: 0px;
}


.login-form-intputs {
    padding-right: 0px;
    margin-right: 0px;
}
.login-form-intputs .col-xs-6:first-child{
    padding-right: 0px;
}
.login-form-intputs .col-xs-6:last-child{
    padding: 0px;
}
.fgt-pwd{
    text-align: right;
}

.animalodo-kis-ikonka-kontener{
    text-align: center;
    color:#fff;
    font-size: 16px;
    padding: 91px 0px;
    position:relative;
}

.bounce {
    position: absolute;
    left: 50% ;
    width: 16px;
    height: 16px ;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-5px);}
    60% {-webkit-transform: translateY(-5px);}
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-5px);}
    60% {-moz-transform: translateY(-5px);}
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-5px);}
    60% {-o-transform: translateY(-5px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-5px);}
    60% {transform: translateY(-5px);}
}


.loginbar .form-group{
    margin-bottom: 10px;
}
.login-form-container{
    padding-top: 10px;
}
.index-header{
    margin-top: 30px;
    margin-bottom: 40px;
}

.index-header-logo {
    font-size: 0;
    line-height: 0;
}
.index-header-logo > a {
    display: inline-block;
    font-size:48px;
}
.index-header-logo.big > a {
    display: inline-block;
    font-size:70px;
    width:auto;
    height: auto;
}
.index-header-text{
    font-family: 'Open Sans',sans-serif;
    color: #f6f8f8;
    font-size: 16px;/* Approximation due to font substitution */
    font-weight: 700;
    line-height: 30px;/* Approximation due to font substitution */
    text-align: left;
    padding: 0px;
}
.index-header-text h1{
    text-transform: none !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;/* Approximation due to font substitution */
    margin-bottom: 0px;
}
.login-banner-hely{
    min-height: 265px;

}
.index-bottom-container li{
    color:#03a8fd;
    padding: 5px 0px;
}
.index-bottom-container h3{
    color: #37373c;
    font-size: 18px;
    margin-bottom: 30px;
}
.field-id_rememberMe .checkbox{
    margin: 0px;
}
.field-id_rememberMe .checkbox label{
    padding-left: 30px;
}
.field-id_rememberMe.has-success .checkbox label{
    color:#534a44;
}
.new_bg_index {
    background: rgba(0, 0, 0, 0) url("../images/bg-kulso.jpg") no-repeat scroll center center;
    background-size: cover;
    padding-bottom: 80px;
}
.new_bg_index .container{
    /*padding-bottom:182px;*/
}
.new_bg_index .text {
    font-family: open_sansregular;
    font-size: 19px;
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0,0,0,.24);
    margin-top: 140px;
}

.new_bg_index .text .line-1 {
    font-size: 30px;
    font-style: normal;
    line-height: 36px;
    letter-spacing: -0.04em;
}

.new_bg_index .text .line-2 {
    font-size: 24px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: -0.04em;
}
.new_bg_index .text .line-3 {
    font-size: 70px;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: -0.04em;
}

.new_bg_index .text .line-4 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.04em;
}
.new_bg_index .text .line-4 ._300000 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -0.04em;
}
.new_bg_index .text .line-5 span {
    margin-bottom: 20px;
    line-height: 28px;
    letter-spacing: -0.04em;
    font-weight: normal;
    font-size: 24px;
}
.new_bg_index .text .line-5{
    font-size: 24px;
    font-weight: 700;
}

.loginbar .help-block{
    top:46px;
}
.loginbar .field-loginform-rememberme .checkbox{
    padding-top:0px;
    line-height: 0px;
    display: inline;
}
.loginbar .field-loginform-rememberme .checkbox label{
    margin-top: -2px;
}
.index-guest-h2{
    font-size: 40px;
    font-weight: 300;
}
.profile-hepl-text{
    font-size: 16px;
}
.profile-hepl-text p{
    font-size:14px;
}
.auth-clients{
    display:inline;
}
.title {
    font-size: 24px;
    color: #8b063b
}
.login-button {
    font-size: 14px;
    line-height: 50px;
    height: 50px;
    border: 0;
    border-radius: 3px;
    background-color: #188e9a;
    padding: 0 15px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px;
}
.login-button:last-child {
    margin-right: 0;
}
.login-button:hover {
    /*	background-color: #13828c;*/
}
.fb-button {
    text-align: center;
    background: #4267B2 url("../images/flogo.svg") no-repeat scroll 10px center;
    font-size: 18px;
    background-size: 26px 26px;
    color:#fff;
    line-height: 33px;
}
.fb-button:hover {
    background-color: #284785;
    color:#fff;
}

.fb-button.small:hover,
.fb-button.small:focus,
.fb-button.small{
    width:40px;
    background-position: 7px center;
}
.fb-button:active, .fb-button:focus {
    color:#fff !important;
    background-size: 26px 26px !important;
    background: #4267B2 url("../images/flogo.svg") no-repeat scroll 10px center;
}
.elvalaszto {
    margin: 0 20px;
}
.logobox {
    text-align: center;
}
.logo {
    background: rgba(0, 0, 0, 0) url("../images/talalka_logo-color.svg") no-repeat scroll center center;
    display: inline-block;
    width: 262px;
    height: 104px;
}
.logobox p {
    font-size: 40px;
}
.arrow2 {
    background: rgba(0, 0, 0, 0) url("../images/arrow2.png") no-repeat scroll center center;
    display: inline-block;
    width: 18px;
    height: 16px;
}
.csatlakozz-hangulatsav {
    background: rgba(0, 0, 0, 0) url("../images/line1.png") no-repeat scroll center center / cover;
    height: 570px;
    text-align: center;
}
.csatlakozz-hangulatsav a {
    background-color: #8b063b;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    margin-top: 325px;
    font-size: 24px;
    font-weight: 700;
    line-height: 100px;
    padding: 0 33px;
    height: 100px;
}
.csatlakozz-hangulatsav a:hover {
    /*	background-color: #7e0b39;*/
}
.jelolo {
    background: rgba(0, 0, 0, 0) url("../images/jelolo.png") no-repeat scroll center center;
    width: 341px;
    height: 266px;
    position: absolute;
    top: 120px;
    margin-left: 20px;
}
.users {
    text-align: center;
}
.region_select select{
    font-size:14px;
}
/*h2 {
    font-weight: normal;
    font-size: 40px;
}*/
.line {
    background-color: #188e9a;
    margin:0 auto;
    width:200px;
    display:block;
    float:none;
}
.img-box {
    display: block;
    float: left;
    margin: 0 8px 8px 0;
}
.img-box-container{
    /*    margin: 0px auto;
        width: 940px;*/
}
.index-bottom-container .img-box:nth-child(6n){
    margin-right: 0px;
}
.exit-page-user-images .img-box:nth-child(6n) {
    margin-right: 8px;
}

.img-box img {
    width: 55px;
    height: 55px;
    border-radius: 3px;
}
.name {
    position: absolute;
    background-color: rgba(40, 59, 80, 0.5);
    color: #ffffff;
    width: 55px;
    height: 55px;
    line-height: 55px;
    display: none;
    z-index:200;
    text-align: center;
}
.user-friends-tab .name{
    overflow: hidden;
}
.name.img-circle{
    text-align: center;
}
.name.img-circle a{
    color:#fff;
}
.img-box:hover .name {
    display: inline-block;
}
.img-box a.nostyle{
    border:0px;
    border-radius: 0px;
    padding: 0px;
}
.users a {
    border: 1px solid #cbc8c7;
    border-radius: 3px;
    padding: 20px;
    display: inline-block;
    color: #fff;
}
.users a:hover {
    /*	background-color: #f1f1f1;*/
}
.get-more-user-btn{
    color: #534a44 !important;
    text-decoration: none;
}
.csatlakozok-sav {
    background: rgba(0, 0, 0, 0) url("../images/line2.png") no-repeat scroll center center / cover;
    padding-bottom: 75px;
    padding-top: 75px;
    line-height: 50px;
}
.csatlakozok-sav p {
    font-size: 24px;
}
.csatlakozok-sav a {
    background-color: #8b063b;
    padding: 0 20px;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    min-width: 170px;
}
.csatlakozok-sav a:hover {
    /*	background-color: #7e0b39;*/
}
.bemutatkozas-elonyok {
    text-align: center;
}
/*h3 {
    font-weight: normal;
    font-size: 30px;
    margin-top: 0px;
}*/
.icon-1 {
    background: rgba(0, 0, 0, 0) url("../images/icon-chat_love.png") no-repeat scroll center center;
    width: 73px;
    height: 81px;
    display: inline-block;
}
.icon-2 {
    background: rgba(0, 0, 0, 0) url("../images/icon-ismerkedes.png") no-repeat scroll center center;
    width: 78px;
    height: 81px;
    display: inline-block;
}
.icon-3 {
    background: rgba(0, 0, 0, 0) url("../images/icon-szerelem.png") no-repeat scroll center center;
    width: 77px;
    height: 81px;
    display: inline-block;
}
.testimonials {
    /*	background: rgba(0, 0, 0, 0) url("../images/line3.png") no-repeat scroll center center / cover;
        height: 430px;*/
    background: rgba(0, 0, 0, 0) url("../images/new_bg_index_2.jpg") no-repeat scroll center center / cover;
    height: 830px;
}
.testimonials img {
    width: 100px;
    height: 100px;
}
.testimonials p.testimonials_csatlakozz {
    font-family: open_sansregular;
    color: #ffffff;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
}
.ap-left {
    margin-top: -20px;
}
.ap-right {
    margin-top: 20px;
}
.arrow-white {
    background: rgba(0, 0, 0, 0) url("../images/arrow-white.png") no-repeat scroll center center;
    display: inline-block;
    width: 17px;
    height: 30px;
    margin-right: 30px;
    cursor: pointer;
}
.arrow-white:hover {
    background: rgba(0, 0, 0, 0) url("../images/arrow-blue.png") no-repeat scroll center center;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.arrow-white-right {
    background: rgba(0, 0, 0, 0) url("../images/arrow-white.png") no-repeat scroll center center;
    display: inline-block;
    width: 17px;
    height: 30px;
    margin-left: 30px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    cursor: pointer;
}
.arrow-white-right:hover {
    background: rgba(0, 0, 0, 0) url("../images/arrow-blue.png") no-repeat scroll center center;
    -moz-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
    filter: none;
    -ms-filter: "none";
}
.tarskereso-lakhely-szerint {
    text-align: center;
}
.varos-lista {
    text-align: left;
    font-size: 13px;
}
.varos-lista ul li {
    margin-bottom: 15px;
}
footer {
    color:#7f94ac;
    background-color: #283b51;
    min-height: 80px;
}
footer .links {
    display: inline-block;
    font-weight: 400;
    font-size:13px;
    margin: 10px -15px;
}
footer .copyright{
    font-size:11px;
    line-height:21px;
    color: #7f94ac;
    font-weight: 400;
}
.footer .links a {
    color: #7f94ac;
}
.footer .links a:hover {
    color: #7f94ac;
    text-decoration: underline;
}

.ajax-loader{
    background: rgba(0, 0, 0, 0) url("../images/ajax-loader.gif") no-repeat scroll center center;
    height: 180px;
    width: 498px;
    margin: 0px auto;
}


.social-ajax-loader-hover{
    background: #f1f1f1 url("/image/loading.gif") no-repeat scroll center center;
    position:absolute;
    z-index:6000;
    left:0px;
    top:0px;
    opacity:0.5;
    border: 1px solid rgba(255,255,255,.5);
}


.birthdate .col-xs-4,.birthdate .col-xs-5,.birthdate .col-xs-3{
    padding-right:0px;
    padding-left:0px;
}
.birthdate .col-xs-4{
    padding-right:10px;
}
.birthdate .col-xs-5{
    padding-right:10px;
}
.birthdate{
    padding:0px 15px;
}


.logged-header {
    /*	background: rgba(0, 0, 0, 0) url("../images/header.png") no-repeat scroll center center / cover;
        height: 430px;*/
    background-color:#283b51;
    box-shadow: 0px 1px 0px 0px #ffffff;
    min-height: 70px;
}

.logo2 {
    color: #ffffff;
    display: inline-block;
    font-size: 50px;
    height: 50px;
    width: 126px;
    position: absolute;
    z-index: 100000;
}
a.logo2:hover {
    color: #ffffff;
}
a.logo2:focus {
    color: #ffffff;
}
.logo-h1 {
    margin: 0;
}
.logo4{
    display: block;
    font-size: 20px;
    height: 40px;
    line-height: 20px;
    margin-top: 14px;
    position: absolute;
    width:80px;
    margin-left:-15px;
    z-index:1000;
}
.navbar-header .icon-chatlogo{
    font-size:40px;
}


.flor_icon2 {
    background: rgba(0, 0, 0, 0) url("../images/flor_icon2.png") no-repeat scroll center center;
    width: 24px;
    height: 24px;
    display: inline-block;
}
.eresites .flor_icon2 {
    left: -45px;
    position: absolute;
    top: 5px;
}

.szimpi_icon2 {
    background: rgba(0, 0, 0, 0) url("../images/szimpi_icon2.png") no-repeat scroll center center;
    width: 29px;
    height: 24px;
    display: inline-block;
}

.eresites .szimpi_icon2 {
    left: -47px;
    position: absolute;
    top: 5px;
}

.szimpi_icon2 {
    background: rgba(0, 0, 0, 0) url("../images/szimpi_icon2.png") no-repeat scroll center center;
    width: 29px;
    height: 24px;
    display: inline-block;
}
.eresites .szimpi_icon2 {
    left: -47px;
    position: absolute;
    top: 5px;
}

.icon_eye {
    background: rgba(0, 0, 0, 0) url("../images/icon_eye.png") no-repeat scroll center center;
    width: 24px;
    height: 15px;
    display: inline-block;
}
.eresites .icon_eye {
    left: -47px;
    position: absolute;
    top: 5px;
}
.eresites .icon-hearth,.eresites .icon-flirt,.eresites .icon-diamond,.eresites .icon-user1,.eresites .icon-user,
.eresites .icon-smile,.eresites .icon-wink,.eresites .icon-mouth,.eresites .icon-flower,.eresites .icon-cog,.eresites .icon-target,
.conversation_cont .icon-chat,.eresites .icon-sex,.eresites .icon-message,.conversation_cont .icon-comment,.eresites .icon-mail,
.eresites .icon-like,.eresites .icon-comment
{
    position: absolute;
    left:-37px;
    top:11px;
    font-size:23px;
    line-height:16px;
    width:20px;
    height:20px;
    text-align: center;
}
.eresites .icon-hearth,.eresites .icon-mouth,.eresites .icon-flower,.eresites .icon-message,.eresites .icon-mail{
    color:#8b063b;
}
.eresites p{
    font-size:13px;
}
.eresites .icon-target{
    font-size:20px;
}
.eresites .icon-sex{
    font-size:20px;
}
.eresites-bottom-box {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #f6f6f6;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-top: 1px solid #D4D2D2;
    margin-top: -1px;
}
.eresites-bottom-box span {
    color: #8b063b;
}

.notification .icon-hearth,.notification .icon-flirt,.notification .icon-diamond,.notification .icon-user1,.notification .icon-user
.notification .icon-smile,.notification .icon-wink,.notification .icon-mouth,.notification .icon-flower,.notification .icon-cog,.notification .icon-target,
.notification .icon-sex,.notification .icon-message,.notification .icon-mail,.notification .icon-like{
    width:20px;
    height:22px;
    line-height: 22px;
}
.notification .icon-hearth,.notification .icon-mouth,.notification .icon-flower,.notification .icon-message,.notification .icon-mail {
    color:#8b063b;
}
.notification .icon-flower{
    font-size:19px;
}
.notification .icon-target{
    font-size:19px;
}
.notification .icon-sex{
    font-size:19px;
}
.not-loader{
    width:23px;
    height:23px;
    margin:10px auto;
    background: rgba(0, 0, 0, 0) url("/image/loading.gif") no-repeat scroll center center;


}
/*.nav {
    text-align: right;
    line-height: 50px;
}
nav {
    display: inline-block;
}
nav ul li {
    display: inline-block;
    margin-left: 30px;
}
nav ul li:first-child {
    margin-left: 0;
}
nav ul li a {
    color: #ffffff;
    font-weight: 700;
}
nav ul li a:hover {

}
.avatar {
    display: inline-block;
    margin-left: 30px;
    position: relative;
}
.avatar img {
    width: 46px;
    height: 46px;
    border: 2px solid #ffffff;
    float: left;
    margin-right: 10px;
    display: inline-block;
}
.arrow3 {
    background: rgba(0, 0, 0, 0) url("../images/arrow3.png") no-repeat scroll center center;
    display: inline-block;
    width: 10px;
    height: 6px;
    cursor: pointer;
}
#lenyilo-menu {
    display: none;
    position: absolute;
    border: 1px solid #ffffff;
    line-height: 1.3;
    background-color: #1f9aa7;
    z-index: 99;
    font-weight: 700;
}
#lenyilo-menu li {
    border-bottom: 1px solid #ffffff;
    padding: 10px;
}
#lenyilo-menu li:last-child {
    border-bottom: 0;
}
#lenyilo-menu li a {
    color: #ffffff;
}
#lenyilo-menu li a:hover {
    color: #8b063b;
}*/
/*.jelolo2 {
    background: rgba(0, 0, 0, 0) url("../images/jelolo2.png") no-repeat scroll center center;
    position: absolute;
    right: 40px;
    top: 40px;
    width: 396px;
    height: 225px;
    display: none;
}*/
/*h4 {
    font-size: 24px;
    font-weight: normal;
}*/
.line2 {

}
.right-part li {
    border-bottom: 1px solid rgb(204, 201, 200);
    padding: 10px 0;
    position: relative;
}
.right-part ul li span {
    position: absolute;
    right: 0;
    background-color: #8b063b;
    color: #ffffff;
    border-radius: 20px;
    padding: 0 10px;
}
.right-part ul li a:hover {
    color: #534a44;
}
#w3 {
}
.right-part .nav.nav-tabs li{
    padding-bottom: 0px;
    border-bottom: 0px;
}
.tagok {
    display: inline-block;
}
.tagok img {
    width: 100px;
    height: 100px;
    float: left;
}
.right-part .tagok img {
    width: 70px;
    height: 70px;
}
.right-part .tagok-adatok {
    margin-top: 0;
    width: 172px;
    max-width: 172px;
    height: 70px;
}
.tagok-adatok {
    display: inline-block;
    margin: 20px 0 0 20px;
    max-width: 134px;
    width: 134px;
    height: 80px;
    overflow: hidden;
}

.tagok-adatok p {
    margin: 3px 0px;
}
p.username {
    font-size: 14px;
    font-weight: 700;
    margin-top: 0px;
}
.tagok-adatok p.region {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.banner {

}
.banner img {
    width: 270px;
    height: 400px;
}






.profile-buttons {
    margin-top: -5px;
}

.profile-buttons button span.icon {
    margin-bottom: -2px;
}


.message_icon {
    background: rgba(0, 0, 0, 0) url("../images/message_icon.png") no-repeat scroll center center;
    display: inline-block;
    width: 19px;
    height: 18px;
}
.flort_icon {
    background: rgba(0, 0, 0, 0) url("../images/flort_icon.png") no-repeat scroll center center;
    display: inline-block;
    width: 19px;
    height: 18px;
}




.szimpi_icon {
    background: rgba(0, 0, 0, 0) url("../images/szimpi_icon.png") no-repeat scroll center center;
    display: inline-block;
    width: 23px;
    height: 18px;
}
.kedvencekhez-adom_icon {
    background: rgba(0, 0, 0, 0) url("../images/kedvencekhez-adom_icon.png") no-repeat scroll center center;
    display: inline-block;
    width: 17px;
    height: 18px;
}
.baratnak-jelolom_icon {
    background: rgba(0, 0, 0, 0) url("../images/baratnak-jelolom_icon.png") no-repeat scroll center center;
    display: inline-block;
    width: 19px;
    height: 18px;
}
.tiltom {
    background: rgba(0, 0, 0, 0) url("../images/tiltom.png") no-repeat scroll center center;
    display: inline-block;
    width: 19px;
    height: 19px;
}
.profile-img-gradient {
    background: -webkit-linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    /*	width: 450px;
        height: 308px;*/
    position: absolute;
    /*	margin-top: 292px;*/
    /*	padding: 200px 0 0 30px;*/
    color: #ffffff;
    bottom: 0;
    width: 100%;
    padding: 10px 0 30px 30px;
}
.profile-img-gradient h4{
    margin-bottom:5px;
}
.profile-img-gradient .region{
    margin-bottom:5px;
}
.profile-img-gradient .chat_status{
    color:#93beb1;
    font-weight:500;
}
.avatar-relative {
    position: relative;
}
.profile-avatar{
    width:250px;
    height: 250px;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: 3px;
}
.online-active {
    display: inline-block;
    background-color:  #93be1b;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}
.online-span {
    color: #ffffff;
}
.online {
    color: #1f9aa7;
}
.more-image .mini-image {
    float:left;
    width: 80px;
    height: 80px;
    margin-right: 16px;
    cursor: pointer;
    background-size: cover;
    background-position: 50% 50%;
}
.more-image .mini-image:last-child{
    margin-right: 0px;
}




.profile-top-container .social_widget{
    text-align:center;
}


.profile-top-container .avatar-upload-layer {
    position: absolute;
    width: 250px;
    overflow: hidden;
    border-radius: 3px;
}
.profile-top-container .avatar-upload-layer .bg-layer {
    height: 250px;
    width:250px;
    color: white;
    background-color: rgba(0,0,0,0.3);
    padding:10px;
}
.deleteavatar{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
}
.deleteavatar .icon{
    font-size: 36px;
}
.deleteavatar span{
    font-weight: 400;
}
.delete-avatar-label{
    margin-top:25px
}
.delete-avatar-label:hover .icon{
    color:#dd4747;
}
.profile-top-container .has-avatar .bg-layer {
    background-color: transparent;
}
.profile-top-container .main-text{
    margin-top:140px;
}
.bg-layer .main-text{
    margin-top:23%;
}
.profile-top-container .has-avatar p {
    color: rgba(0,0,0,0);
}
.profile-top-container .has-avatar label {
    opacity: 0.7;
}
.profile-top-container .has-avatar label:hover {
    opacity: 1.0;
}

.lapozo {
    width: 90px;
    height: 90px;
    background: rgb(204, 201, 200) url("../images/arrow4.png") no-repeat scroll center center;
    display: inline-block;
    cursor: pointer;
}
.profile-image .profile-img {
    /*	width: 450px;
        height: 600px;*/
}
.motto {
    border-top: 1px solid rgb(237, 241, 243);
    border-bottom: 1px solid rgb(237, 241, 243);
    padding: 10px 0;
    font-style: italic;
}
.motto span {
    border-left: 2px solid #03a8fd;
    display: inline-block;
    padding-left: 10px;
}
.profile-text {
    color:#909090;
}
.profile-text ul li:first-child{
    border-top: 1px solid rgb(237, 241, 243);
}
.profile-text ul li {
    border-bottom: 1px solid rgb(237, 241, 243);
    padding: 5px 0;
    position: relative;
}
.profile-text ul li span {
    position: absolute;
    right: 0;
}
ul.nav.nav-tabs {
    border-bottom: 2px solid #edf1f3;
    padding-bottom: 0;
    height: 28px;
}
ul.nav.nav-tabs li {
    margin-right: 20px;
    margin-bottom: 0;
    float: left;
}
ul.nav.nav-tabs li:last-child {
    margin-right: 0;
}
ul.nav.nav-tabs li a {
    font-weight: 400;
    font-size: 13px;
    border: 0;
    border-radius: 0;
    line-height: 1.3;
    margin-right: 0;
    display: block;
    padding: 0 0 12px 0;
    cursor:pointer;
    color:#37373c;
}
.nav > li > a:hover, .nav > li > a:focus{
    background: transparent;
    color:#534a44;
}
ul.nav.nav-tabs li a:hover,
ul.nav.nav-tabs li a:focus
ul.nav.nav-tabs li a{
    border:0px;
    border-bottom: 3px solid #03a8fd;
    padding-bottom: 9px;
    color: #03a8fd;
    background-color: transparent;
}

ul.nav.nav-tabs li.active a:focus,
ul.nav.nav-tabs li.active a:hover,
ul.nav.nav-tabs li.active a{
    border:0px;
    color: #03a8fd;
    padding-bottom: 9px;
    border-bottom: 2px solid #03a8fd;
}

ul.nav.nav-tabs li a.active {
    border-bottom: 2px solid #03a8fd;
    color:#03a8fd;
    font-weight: 700;
    padding-bottom: 9px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    background-color: transparent;
}
.tovabbi-tagok{
    width:100%;
    font-family: open_sansregular;
    color: #534a44;
    font-size: 14px;/* Approximation due to font substitution */
    font-weight: 300;
    line-height: 24px;/* Approximation due to font substitution */
    text-align: center;
}


.profile-tab-content{
    padding: 25px 0px;
    /*word-break: break-all;*/
}
.felhasznalo img {
    width: 330px;
    height: 470px;
    float: left;
}
.likablecard{
    background-color: #f6f6f6;
}
.likable-data{
    padding-top: 40px;
    padding-right: 30px;
}
.likablecard-img{
    background-position: 50% 50%;
    background-size: cover;
    width:100%;
    height: 462px;
}
.likablecard .pull-right {
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width:300px
}

.likable-data .row{
    padding-top: 10px;
    padding-bottom: 10px;
}
.likable-data-divider{
    border-bottom: 1px solid rgb(204, 201, 200);
}
.likable-data span {
    font-weight: 700;
}
.likable-data .man,
.likable-data .woman{
    font-weight: 300;
}
.felhasznalo-buttons input{
    width:100%;
}
.felhasznalo-buttons .social_widget{
    display: inline-block;
}
.gyorskereso-box {
    border: 5px solid #cbc8c7;
}
.search-total-count {
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    background: #F6F6F6;
    border-radius: 3px;
}
.kereso-left {
    float: left;
    width: 291px;
    height: 220px;
    padding: 20px;
    font-weight: 700;
}
.nem {
    min-width: 125px;
}
.legyen-kepe {
    min-width: 126px;
}
.lakhely select {
    display: block;
    width: 100%;
    border-radius: 3px;
    background-color: #ededed;
    border: 0;
    padding: 0 20px;
    color: #534a44;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #ededed url("../images/arrow6.png") no-repeat scroll right 15px center;
    cursor: pointer;
}

.kereso-right {
    padding: 20px;
}
.kereso-right-box1 {
    width: 386px;
    float: left;
}
.search-button {
    border-radius: 3px;
    background-color: #1f9aa7;
    width: 120px;
    height: 170px;
    color: #ffffff;
    background: #1f9aa7 url("../images/search_icon.png") no-repeat scroll top 50px center;
    text-align: center;
    cursor: pointer;
    padding-top: 90px;
    float: left;
}
.kereso-ok,
.male {
    background: #EDEDED;
    display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 3px;
    color: #fff;
    line-height: 40px !important;
    text-align: center;
    font-size: 22px;
    margin-right: 10px;
    color:#8FD2D8;
}
.kereso-ok.active,
.male.active{
    background: #03a7fc;
    color:#fff;
}
.kereso-x,
.female {
    background: #EDEDED;
    display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 3px;
    color: #fff;
    line-height: 40px !important;
    font-size: 22px;
    text-align: center;
    color:#EAB2C6;
}
.kereso-x.active,
.female.active{
    background: #8C0138;
    color:#fff;
}
.kereso-ok,
.kereso-x{
    font-size: 10px;
}

.kereso-right {
    float: left;
    background-color: #f6f6f6;
    width: 546px;
    height: 220px;
}
.search-ajax-result{
    display:none;
}
.talalatok {
    background-color: #f6f6f6;
    height: 180px;
    overflow: hidden;
    padding-top: 20px;
}
.talalatok-padding{
    margin:0px 20px 20px 20px;
    overflow: hidden;
}
.talalatok p.mb-20{
    padding: 0px 20px;
}
.found-users{
    position: relative;
    /*width:100000px;*/
}
.found-users .img-box .name{
    width:70px;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
}
.found-users .owl-next::before,
.found-users .owl-prev::before{
    top:38%;
}
.arrow5 {
    background: rgba(0, 0, 0, 0) url("../images/arrow5.png") no-repeat scroll center center;
    display: inline-block;
    width: 20px;
    height: 10px;
    position: absolute;
    left: 45px;
}
.talalatok img {
    width: 70px;
    height: 70px;
}
.tagok-lapozo {
    background: rgb(204, 201, 200) url("../images/arrow4.png") no-repeat scroll center center;
    background-color: #cbc8c7;
    width: 70px;
    height: 100px;
    display: inline-block;
    cursor: pointer;
}
.visszahivom {
    font-weight: normal;
}



.fooldal-buttons .btn{
    padding: 6px;
}
.fooldal-buttons .btn.single-line{
    line-height: 35px;
}

.felsorolas{
    list-style: disc;
    padding: 10px 0px 0px 20px;
}
.felsorolas li{
    line-height: 24px;
}

.message {
    border: 1px solid #cbc8c7;
}
.beerkezett {
    float: left;
    width: 339px;
    border-right: 1px solid #cbc8c7;
}
.beerkezett-box {
    padding: 20px 20px 0 20px;
    height: 70px;
}
.uzenet_icons {
    float: right;
    padding-top: 7px;
    margin-left: 20px;
    width: 40px;
    height: 51px;
    text-align: center;
    cursor: pointer;
}
.uzenet_icons:last-child {
    margin-left: 0;
}
.uzenet_icons:hover {
    border-bottom: 3px solid #1f9aa7;
}
.beerkezett_uzenet_icon {
    background: rgba(0, 0, 0, 0) url("../images/beerkezett_uzenet_icon.png") no-repeat scroll center center;
    display: inline-block;
    width: 18px;
    height: 20px;
    margin-bottom: -1px;
    /*	margin-right: 20px;*/
}
.rendszeruzenetek_icon {
    background: rgba(0, 0, 0, 0) url("../images/rendszeruzenetek_icon.png") no-repeat scroll center center;
    display: inline-block;
    width: 20px;
    height: 16px;
    margin-bottom: 1px;
}
.beerkezett_uzenet_icon:hover,.rendszeruzenetek_icon:hover {
    /*	border-bottom: 3px solid #1f9aa7;*/
}
.beerkezett h4 {
    /*	display: inline-block;
        margin-right: 120px;*/
    float: left;
}
.kereses {
    border-top: 1px solid #cbc8c7;
    border-bottom: 1px solid #cbc8c7;
    padding: 20px 20px 0px 20px;
    height: 91px;
}
.kereses input {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 10px 0 50px;
    background: rgba(0, 0, 0, 0) url("../images/search_icon2.png") no-repeat scroll left 20px center;
    border: 1px solid #cbc8c7;
}
.uzenetek-list {
    padding: 0 20px 20px 20px;
}
.message-user {
    position: relative;
}
.message-user img {
    width: 50px;
    height: 50px;
    float: left;
}
.message-box-data {
    float: left;
    margin-left: 10px;
    border-bottom: 1px solid #cbc8c7;
    padding-bottom: 20px;
}
.message-user-data {
    float: left;
    margin-top: 5px;
    width: 188px;
    max-width: 188px;
}
.message-user-data b {
    display: block;
}
.message-date {
    float: left;
    text-align: right;
    width: 50px;
}
.message-date p {
    color: #1f9aa7;
    font-size: 12px;
}
.message-date span {
    background-color: #8b063b;
    border-radius: 20px;
    color: #ffffff;
    padding: 0 5px;
    font-size: 10px;
    margin-top: 5px;
    display: inline-block;
}
.message-user .online-active {
    left: 35px;
    position: absolute;
    top: -1px;
    border: 1px solid #ffffff;
}
.tovabbi-levelek {
    border-top: 1px solid #cbc8c7;
    text-align: center;
    height: 100px;
}
.tovabbi-levelek button {
    border: 0;
    background-color: transparent;
    width: 100%;
    height: 100px;
    line-height: 100px;
    color: #534a44;
}

.felhasznalok_lista {

}
.felhasznalok_lista-box {
    width: 100%;
    border-bottom: 1px solid #D4D2D2;
    padding-bottom: 10px;
}
.felhasznalok_lista img {
    width: 30px;
    height: 30px;
    float: left
}
.felhasznalok_lista-text {
    float: left;
    margin: 5px 0 0 10px;
}
.felhasznalok_lista-icon {
    float: right;
}
.felhasznalok_lista-icon span.icon {
    cursor: pointer;
    margin-left: 30px;
}
.felhasznalok_lista-icon span.icon:first-child {
    margin-left: 0;
}



.settings {

}
.settings input[type=checkbox] {

}
.settings input[type=checkbox]:checked {

}

.adatlap-adatok li {
    border-bottom: 1px solid #D4D2D2;
    padding: 0px;
    clear:both;
    height: 40px;
}
.adatlap-adatok li label{
    font-weight: normal;
}
.adatlap-adatok .input-label label{
    margin-bottom: 0px;
}

.adatlap-adatok .input-label,
.adatlap-adatok .input-container{
    height: 40px;
}
.adatlap-adatok .input-label{
    float:left;
    line-height: 40px;
}
.adatlap-adatok .input-container{
    float:right;
}
.adatlap-adatok .input-container .form-group{
    margin-top: 5px;
}
.adatlap-adatok .input-container label{
    display:block;
    float:right;
    margin: 0px;
    margin-left: 20px;
}
.adatlap-adatok.submenu{
    /*margin-left: 50%;*/
}
.visibility-settings-info{
    margin-top:20px;
}
.adatlap-adatok.ideal .form-group{
    margin-bottom: 0px;
}
.adatlap-adatok.ideal .help-block{
    margin: 0px;
}

.ideal-edit .adatlap-adatok li{
    height: auto;
}
.ideal-edit label{
    font-weight: normal;
}
.ideal-edit .csuszkak label{
    line-height: 52px;
    margin-bottom: 0px;
}
.ideal-list-cont{
    padding: 0px 15px;
}

.input-hidden-container{
    display:none;
    background: #DEDEDE;
    padding: 10px 15px;
}
.input-label.selected-labels{
    height: 40px;
    overflow: hidden;
    text-align:right;
}
.input-label-container{
    cursor:pointer;
}
.input-label.selected-labels span{
    color:#fff;
    background: #1F9AA7;
    border-radius: 2px;
    display: inline-block;
    padding: 0px 8px;
    margin-right: 3px;
    line-height: 24px;

}

.input-label{
    overflow: hidden;
}
.label-for-checkbox {
    display: inline-block;
    line-height: 20px;
    height: 20px;
    /*float: left;*/
    margin-right: 10px;
    z-index: 1;
    background: url('../images/checkbox-sprite.png') 0 0 transparent no-repeat;
    cursor:pointer;
    font-weight: 400;
}
.label-for-checkbox.active {
    background-position: 0px -20px;
}
.label-for-checkbox.disabled {
    background-position: 0px -40px !important;
}
.designed-checkbox {
    float: left;
    z-index: 2;
    opacity: 0;
    margin-right: 10px !important;
    width: 20px;
    height: 20px;

}

#reg-form-top .label-for-checkbox,#reg-form-bottom .label-for-checkbox{
    float:none;

}

.field-usersearchdefault-hasimage{
    margin-bottom: 0px;
}
.field-usersearchdefault-hasimage .help-block{
    margin: 0px;
}

/*** RADIO ***/
.label-for-radio {
    display: inline-block;
    line-height: 20px;
    height: 20px;
    z-index: 1;
    background: url('../images/radiobutton-sprite.png') 0 0 transparent no-repeat;
    padding-left:30px;
    cursor:pointer;
    font-weight: normal;

}
.label-for-radio.active {
    background-position: 0px -20px;
}
.designed-radio {
    display: none;
}
#pecklistformwithwords-msg .col-md-6{
    margin-bottom:10px;
    padding-left:0px;
}
#reg-form-top .label-for-radio, #reg-form-bottom .label-for-radio{
    margin-right: 30px;
}
/*** RADIO ***/

/*
.adatlap-adatok li i {
    display: block;
}
.adatlap-adatok li div {
    position: absolute;
    right: 0;
    top: 10px;
}
.adatlap-adatok li label{
    margin-left: 5px;
    font-weight: normal;
    margin-bottom: 0px;
}
.ertesitesek li div {

}
*/



/*.modositasok input, .modositasok textarea, .modositasok button {
    display: block;
}
.modositasok input, .modositasok textarea {
    border: 1px solid #D4D2D2;
    border-radius: 3px;
    padding: 5px 10px;
    margin: 10px 0;
    width: 220px;
    background-color: #F7F7F7;
}
.jelszo-email {
    float: left;
    width: 499px;
    border-right: 1px solid #D4D2D2;
    margin-right: 30px;
    padding-right: 30px;
}
.reg-torl {
    float: left;
    width: 318px;
}
.jelszo {
    float: left;
    width: 234px;
}
.email {
    float: left;
    width: 234px;
}
.jelszo-email-button {
    clear: both;
}
.modositasok button {
    background-color: #188E9A;
    font-weight: 700;
    text-align: center;
    width: 100%;
    border: 0;
    color: #ffffff;
    height: 50px;
    border-radius: 3px;
}
.reg-torl button {
    background-color: #8B063B;
}
.reg-torl textarea {
    height: 100px;
    font-family:  ''Open Sans'', sans-serif;
}*/
/*h5 {
    font-weight: normal;
    font-size: 20px;
}*/

.jelszo-email-torles .content-box{
    margin-bottom: 20px;
}
.jelszo-email-torles input, .jelszo-email-torles textarea {

    width: 100%;
}
.jelszo-email-torles textarea {
    height: 95px;
}
.jelszo-email {
    border-right: 1px solid #D4D2D2;
    padding-right: 30px !important;
}
.reg-torles {
    padding-left: 30px !important;
}
.settingsEditForm button,
.jelszo-email-torles button {
    width: 100%;
}
.line3 {
    background-color: #C8C8C8;
    min-height: 1px;
    width: 100px;
}
.slider-container{
    padding: 0px 10px;
}
.slider.slider-horizontal{
    padding:0px 10px;
    width: 100% !important;
    margin-top: 20px !important;
}
.slider-track{
    height: 5px !important;
}
.slider-track-low {
    background-color: #CBC8C7;
    border-radius: 0px;
}
.slider-track-high {
    background-color: #CBC8C7;
    border-radius: 0px;
}
.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle{
    margin-top: -8px !important;
}
.slider-handle.max-slider-handle,
.slider-handle.min-slider-handle{
    background: #fff;
    border:2px solid #534A44;
}
.slider-selection{
    background: #03a8fd !important;
    box-shadow: none !important;
}
.slider .tooltip.tooltip-main{
    display:none !important;
}

.slider .tooltip-inner{
    border-radius: 10px;
    background-color: black;
    padding:1px 10px;
    font-family:  'Open Sans', sans-serif;
    font-size: 13px;
    opacity: 0.7;
}
.slider .tooltip-arrow{
    border-top-color: black !important;
    opacity: 0.7;
}
.slider .tooltip.bottom .tooltip-arrow{
    border-bottom-color: black !important;
    opacity: 0.7;
}
.slider .tooltip.bottom .tooltip-arrow{
    border-bottom-color: black !important;
    opacity: 0.7;
}
.slider .tooltip.bottom .tooltip-arrow{
    border-bottom-color: black !important;
    opacity: 0.7;
}
.slider .tooltip.in,
.slider .tooltip {
    opacity:1 !important;
}
.slider .tooltip.top{
    margin-top: -33px !important;
}
.inner-search{
    padding: 0px 10px 20px 10px;
}

.reg_adatkezelesi{
    font-size:11px;
    font-weight: normal;
    display:inline-block;
    margin-left: 5px;
    color:#fff;

}
.fb-data-confirm{
    margin-top: 20px;
}
.fb-data-confirm .reg_adatkezelesi{
    color:#37373c;
    max-width: 86%;
}
.reg_adatkezelesi a:hover{
    text-decoration: underline;
}
.reg_adatkezelesi_label{
    font-weight:normal;
}
.reg_adatkezelesi_chk{
    display:block;
    width:auto !important;
    margin-right:10px !important;
}

/*** STYLE  2 ***/
.adatlap-szerkesztes li a {
    border: 0;
}
.avatar-uload-box {
    height: 350px;
    color: #ffffff;
    text-align: center;
    padding-top: 100px;
    border-radius: 3px;
    background-color:#3F4F63;
}
.avatar-uload-box p {
    font-size: 12px;
}
.avatar-uload-box p.main-text {
    font-weight: 700;
    font-size: 18px;
}
.fileUpload {
    position: relative;
    overflow: hidden;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    left: 139px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 50px;
    width: 130px;
}
.fileUpload span {
    border-radius: 3px;
    background-color: #ffffff;
    width: 130px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    color: #534a44;
}

.user-data.hax{
    height: 600px;
}
.user-data input, .user-data select, .user-data textarea {
    width: 100%;
}
.user-data .field-profileeditform-videocategory select {
    padding-left: 20px;
}
.user-data textarea {
    padding: 20px;
}
.user-data select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    background-image: url("../images/arrow6.png");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-attachment: scroll;
}
.c-counter-container{
    color:#999;
    font-size: 10px;
    text-align: right;
}
div.box-index{
    padding:20px;
    border-radius: 5px;
    max-width: 370px;
}
div.box-index.login{
    background-color: #ffffff;
    margin-right: 30px;
    margin-left: 15px;
}
div.box-index.login-no-margin{
    background-color: #ffffff;
}

div.box-index.reg{
    background-color: #283b51;
    color:#99b0cb;
}

.reg_index .form-group{
    margin-bottom: 10px;
}
.reg_index .form-group .label-for-radio{
    margin-bottom: 0px !important;
}

#body-reg {
    background: #283b51 url("../images/bg-kulso.jpg") no-repeat top center;

}

#body-reg .reg-box {
    border-radius: 3px;
    background-color: #ffffff;
    margin-bottom: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
}
#body-reg .footer{
    position:fixed;
    bottom:0px;
    width: 100% !important;

}
#body-reg .reg-box,#body-reg .content-box{
    margin-bottom:130px;
}
#body-reg .error-message-404{
    color:#fff;
}
h1.error-h1-404{
    font-size:110px;
    color:#00a8fa;
    text-align:center;
}
#body-reg h1.error-h1-404{
    color:#fff;
}


.reg-passwd-cont{
    position: relative;
}
.reg-passwd-cont .show-password-btn{
    position: absolute;
    right: 15px;
    top:18px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #534a44;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #534a44;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #534a44;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #534a44;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color: #534a44;
}

#body-reg select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #ededed url("../images/arrow6.png") no-repeat scroll right 15px center;
    cursor: pointer;
    color: #534a44;
}
#body-reg select option {
    padding-left: 20px;
    color: #534a44;
}
#body-reg .has-success select{
    background: #E1FFCE url("../images/arrow6.png") no-repeat scroll right 15px center;
}
.has-success .twitter-typeahead .tt-input, .has-success .twitter-typeahead .tt-hint{
    border-color: #E1FFCE !important;
}
span.twitter-typeahead{
    background-color: #fff;
    border-radius: 3px;
    width: 100%;
}
#body-reg .adatkezeles input {
    height: auto;
    margin-top: 0;
    padding: 0;
    margin-top: 5px;
    width:20px;
}
.adatkezeles-1 {
    padding-right: 0 !important;
}
.adatkezeles-2 {
    padding-left: 5px !important;
}
.reg-line-box {
    text-align: center;
    margin-top: -5px;
    margin-bottom: 10px;
}
.line5 {
    margin-top: 10px;
}
.line5 span {
    min-height: 1px;
    background-color: #cbc8c7;
    display: block;
}
.user-data div {
    position: relative;
}
#user-data-textarea {
    height: 110px;
}
.icon_user {
    background: rgba(0, 0, 0, 0) url("../images/icon_user.png") no-repeat scroll center center;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 12px;
    left: 27px;
}
.icon_map_pin {
    background: rgba(0, 0, 0, 0) url("../images/icon_map_pin.png") no-repeat scroll center center;
    display: inline-block;
    width: 12px;
    height: 16px;
    position: absolute;
    top: 12px;
    left: 14px;
}
.icon_email {
    background: rgba(0, 0, 0, 0) url("../images/icon_email.png") no-repeat scroll center center;
    display: inline-block;
    width: 16px;
    height: 17px;
    position: absolute;
    top: 12px;
    left: 12px;
}
.icon_ying_yang {
    background: rgba(0, 0, 0, 0) url("../images/icon_ying_yang.png") no-repeat scroll center center;
    display: inline-block;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 12px;
    left: 12px;
}
.icon_eye_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_eye_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 18px;
    height: 13px;
    position: absolute;
    top: 13px;
    left: 12px;
}
.icon_hair_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_hair_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 21px;
    height: 17px;
    position: absolute;
    top: 12px;
    left: 12px;
}
.icon_weight_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_weight_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 13px;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 13px;
}
.icon_centi_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_centi_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 18px;
    height: 17px;
    position: absolute;
    top: 12px;
    left: 12px;
}
.icon_glasses_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_glasses_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 20px;
    height: 7px;
    position: absolute;
    top: 17px;
    left: 12px;
}
.icon_sex_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_sex_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 23px;
    height: 16px;
    position: absolute;
    top: 13px;
    left: 10px;
}
.icon_target_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_target_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 21px;
    height: 20px;
    position: absolute;
    top: 11px;
    left: 12px;
}
.icon_hanger_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_hanger_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 20px;
    height: 14px;
    position: absolute;
    top: 15px;
    left: 11px;
}
.icon_cigaretta_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_cigaretta_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 20px;
    height: 17px;
    position: absolute;
    top: 10px;
    left: 13px;
}
.icon_alcohol_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_alcohol_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 14px;
    height: 20px;
    position: absolute;
    top: 7px;
    left: 15px;
}
.icon_religion_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_religion_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 18px;
    height: 22px;
    position: absolute;
    top: 7px;
    left: 12px;
}
.icon_politics_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_politics_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 10px;
    height: 16px;
    position: absolute;
    top: 11px;
    left: 15px;
}
.icon_ring_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_ring_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 20px;
    height: 17px;
    position: absolute;
    top: 11px;
    left: 10px;
}
.icon_children_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_children_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 18px;
    height: 17px;
    position: absolute;
    top: 11px;
    left: 11px;
}
.icon_family_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_family_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 28px;
    height: 16px;
    position: absolute;
    top: 11px;
    left: 9px;
}
.icon_education_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_education_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 21px;
    height: 13px;
    position: absolute;
    top: 14px;
    left: 10px;
}
.icon_work_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_work_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 20px;
    height: 16px;
    position: absolute;
    top: 12px;
    left: 11px;
}
.icon_car_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_car_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 20px;
    height: 14px;
    position: absolute;
    top: 14px;
    left: 11px;
}
.icon_house_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_house_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 21px;
    height: 19px;
    position: absolute;
    top: 11px;
    left: 11px;
}
.icon_tie_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_tie_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 10px;
    height: 19px;
    position: absolute;
    top: 11px;
    left: 14px;
}
.icon_leisure_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_leisure_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 19px;
    height: 16px;
    position: absolute;
    top: 11px;
    left: 10px;
}
.icon_music_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_music_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 16px;
    height: 19px;
    position: absolute;
    top: 11px;
    left: 12px;
}
.icon_dog_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_dog_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 18px;
    height: 16px;
    position: absolute;
    top: 11px;
    left: 12px;
}
.icon_hearth_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_hearth_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 20px;
    height: 16px;
    position: absolute;
    top: 11px;
    left: 12px;
}
.icon_pen_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_pen_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 12px;
    height: 16px;
    position: absolute;
    top: 11px;
    left: 15px;
}
.icon_link_2 {
    background: rgba(0, 0, 0, 0) url("../images/icon_link_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 17px;
    height: 16px;
    position: absolute;
    top: 13px;
    left: 26px;
}
.beallitasok-mentese {
    width: 100%;
}
.adatkezeles-2 label {
    font-size: 12px;
    text-align: justify;
    display: block;
}

div.profileEditCont i{
    z-index: 10;
}
div.profileEditCont .form-group{
    margin-bottom: 10px;
}
.ideal-edit .profileEditCont .icon_map_pin{
    left: 30px;
}
.ideal-edit .profileEditCont .icon_eye_2{
    left: 27px;
}

a.man{
    color: #03a8fd;
    font-weight: 700;
    cursor: pointer;
}
a.man:hover{
    color: #03a8fd;
}
a.woman{
    color: #ea4986;
    font-weight: 700;
    cursor: pointer;
}
a.woman:hover{
    color: #ea4986;
}


.flort-user-box {
    border-bottom: 1px solid #cbc8c7;
}
.flort-user-box.friends-list{
    padding:10px 0px;
}
.flort-user-box img {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}
.flort-user-box b:last-child {
    display: inline-block;
}
.flort-user-box .text-center .icon{
    font-size:24px;
}
.flort-user-box .icon-hearth, .flort-user-box .icon-mouth{
    color:#8b063b;
}
.flort-user-box .text-center .icon-mouth{
    font-size:18px;
}
.flower {
    background: rgba(0, 0, 0, 0) url("../images/flower.png") no-repeat scroll center center;
    display: inline-block;
    width: 13px;
    height: 24px;
}
.smile {
    background: rgba(0, 0, 0, 0) url("../images/smile.png") no-repeat scroll center center;
    display: inline-block;
    width: 25px;
    height: 24px;
}
.szimpi_icon_2 {
    background: rgba(0, 0, 0, 0) url("../images/szimpi_icon_2.png") no-repeat scroll center center;
    display: inline-block;
    width: 29px;
    height: 24px;
}
.wink {
    background: rgba(0, 0, 0, 0) url("../images/wink.png") no-repeat scroll center center;
    display: inline-block;
    width: 25px;
    height: 24px;
}
.BTN_Viszonzom {
    background: rgba(0, 0, 0, 0) url("../images/BTN_Viszonzom.png") no-repeat scroll center center;
    display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border: 1px solid #cbc8c7;
    border-radius: 3px;
}
.BTN_Viszonzom:hover {
    background-color: #1f9aa7;
}

.BTN_Tiltom:hover {
    background: #8b063b url("../images/BTN_Tiltom_hover.png") no-repeat scroll center center;
}
.icons {
    text-align: right;
}
.icons i {
    margin-left: 10px;
}
.flort-lapozo {
    text-align: center;
}
.flort-lapozo div {
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #cbc8c7;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
    cursor: pointer;
}
.flort-lapozo div.active {
    background-color: #1f9aa7 !important;
    color: white;
    cursor: not-allowed;
}
.flort-lapozo div:hover {
    background-color: #ededed;
}
.flort-lapozo div:last-child {
    margin-left: 0;
}
.flort-user-box .flort-icons .icon{
    color:#8b063b;
}

.flort-user-box .flort-date{
    color:#534a44;
    font-size: 12px;/* Approximation due to font substitution */
    font-weight: 300;
    text-align: left;
    line-height:22px;
}
.popup_overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(80, 80, 80, 0.5);
    z-index: 10;
}
.popup {
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
    width: 570px;
    min-height: 100px;
    top: 100px;
    left: 50%;
    margin: 0px 0 0 -285px;/* [-(height/2)px 0 0 -(width/2)px] */
    position: relative;
    padding: 30px 20px;
}
.popup-list ul li {
    margin-bottom: 15px;
}
.popup-list label {
    font-weight: normal;
}
.popup-buttons {
    text-align: right;
}
.popup-buttons button {
    border: 1px solid #cbc8c7;
    border-radius: 3px;
    /*background-color: #ffffff;*/
    height: 50px;
    padding: 0 25px;
    margin-left: 10px;
}
#send-button {
    /*background-color: #188e9a;*/
    font-weight: normal;
    color: #ffffff;
}
#settingseditfrom-browseitemperpage{
    padding-right: 30px;
}

.color-picker-select{
    height: 29px;
    background: none;
    border: 2px solid #edf1f3;
    border-radius: 3px;
    padding: 2px 23px 2px 2px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image:  url("../images/arrow6.png");
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-attachment: scroll;
}

.color-option-0{
    background-color : #fff;
    color: #fff;
}
.color-option-11:hover,
.color-option-11{
    background-color : #ea4986;
    color: #ea4986;
}
.color-option-12:hover,
.color-option-12{
    background-color : #a6335f;
    color: #a6335f;
}
.color-option-13:hover,
.color-option-13{
    background-color : #4bbbb4;
    color: #4bbbb4;
}
.color-option-14:hover,
.color-option-14{
    background-color : #65c350;
    color: #65c350;
}
.color-option-15:hover,
.color-option-15{
    background-color : #c6bf05;
    color: #c6bf05;
}
.color-option-16:hover,
.color-option-16{
    background-color : #ac49ea;
    color: #ac49ea;
}
.color-option-21:hover,
.color-option-21{
    background-color : #03a8fd;
    color: #03a8fd;
}
.color-option-22:hover,
.color-option-22{
    background-color : #b2ad0b;
    color: #b2ad0b;
}
.color-option-23:hover,
.color-option-23{
    background-color : #ff1d30;
    color: #ff1d30;
}
.color-option-24:hover,
.color-option-24{
    background-color : #b26400;
    color: #b26400;
}
.color-option-25:hover,
.color-option-25{
    background-color : #3f4b99;
    color: #3f4b99;
}
.color-option-26:hover,
.color-option-26{
    background-color : #fd7903;
    color: #fd7903;
}
.color-option-27:hover,
.color-option-27{
    background-color : #717278;
    color: #717278;
}

.user-color-11{
    color: #ea4986 !important;
}
.user-color-12{
    color: #a6335f !important;
}
.user-color-13{
    color: #4bbbb4 !important;
}
.user-color-14{
    color: #65c350 !important;
}
.user-color-15{
    color: #cfcd06 !important;
}
.user-color-16{
    color: #ac49ea !important;
}
.user-color-21{
    color: #03a8fd !important;
}
.user-color-22{
    color: #b2a51a !important;
}
.user-color-23{
    color: #ee2031 !important;
}
.user-color-24{
    color: #b26400 !important;
}
.user-color-25{
    color: #4b5cc9 !important;
}
.user-color-26{
    color: #fd7903 !important;
}
.user-color-27{
    color: #717278 !important;
}

.chat-theme-select{
    height: 29px;
    background: none;
    border: 2px solid #edf1f3;
    border-radius: 3px;
    padding: 2px 23px 2px 2px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image:  url("../images/arrow6.png");
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-attachment: scroll;
}

.faq p{
    margin-top:15px;
}
/*** MODAL HAXOK **/

.modal-header{
    padding:0px;
}

.modal {
    z-index: 1081;
}

h4.modal_header_h4{
    font-size: 24px;
    font-weight: normal;
    margin:0px;
}
.modal-body{
    padding:0px;
}
.modal-content{
    padding:30px 20px;
}
.mb-margin-btm{
    margin-bottom:0px;
}

.modal-header {
    border-bottom:0px;
}
#modalContent .help-block{
    float:left;
}
#pecklistformwithwords-msg {
    float:left;
}
.popup-close {
    background: rgba(0, 0, 0, 0) url("../images/popup-close.png") no-repeat scroll center center;
    display: inline-block;
    width: 15px;
    height: 16px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}


.radio-buttons label {
    display: inline-block;
    border-radius: 3px;
    width: 90px;
    height: 120px;
    text-align: center;
    float: left;
    margin-right: 19px;
    cursor: pointer;
    /*	background-color: #f1f1f1;*/
}
.radio-buttons label .icon{
    color:#8b063b;
    height:50px;
}
.radio-buttons label .icon-mouth{
    margin-bottom: 5px;
    margin-top:25px;
    font-size:28px;
}
.radio-buttons label:hover, .radio-buttons label.active {
    color: #ffffff;
    background-color: #8b063b;
}
.radio-buttons label:hover .icon {
    color: #ffffff;
}
.radio-buttons label.active .icon{
    color: #ffffff;
}
.radio-buttons label:hover .icon-flower .path1::before, .radio-buttons label:hover .icon-flower .path2::before, .radio-buttons label.active .icon-flower .path1::before, .radio-buttons label.active .icon-flower .path2::before {
    color: #ffffff;
}
.radio-buttons label:last-child {
    margin-right: 0;
}
.radio-buttons label input {
    opacity: 0;
    position: absolute;
}
.radio-buttons label i {
    font-size: 44px;
    margin: 15px 0;
    display: inline-block;
}
.radio-buttons label input:checked {

}
/*#radio-button-smile {
    background-image: url("../images/popup_smile.png");
    background-repeat: no-repeat;
    background-position: center center;
}
#radio-button-smile:hover {
    color: #ffffff;
    background-color: #8b063b;
}
#radio-button-wink {
    background-image: url("../images/popup_wink.png");
    background-repeat: no-repeat;
    background-position: center center;
}
#radio-button-wink:hover {
    color: #ffffff;
    background-color: #8b063b;
}
#radio-button-heart {
    background-image: url("../images/popup_heart.png");
    background-repeat: no-repeat;
    background-position: center center;
}
#radio-button-heart:hover {
    color: #ffffff;
    background-color: #8b063b;
}
#radio-button-mouth {
    background-image: url("../images/popup_mouth.png");
    background-repeat: no-repeat;
    background-position: center center;
}
#radio-button-mouth:hover {
    color: #ffffff;
    background-color: #8b063b;
}
#radio-button-flower {
    background-image: url("../images/popup_flower.png");
    background-repeat: no-repeat;
    background-position: center center;
}
#radio-button-flower:hover {
    color: #ffffff;
    background-color: #8b063b;
}
#active {

}*/
.galeria-input-select-button select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    min-width:200px;
}
.galeria-input-select-button form{
    display: inline;
    margin-left: 10px;
}
.galeria-input-select-button form label{
    line-height: 27px;
}

.select-box-1, .select-box-2 {
    position: relative;
}
.select-box-1 {
    padding-right: 5px;
}
.select-box-2 {
    padding-left: 5px;
}
.select-box-2 .btn,
.select-box-1 .btn {
    padding-left:14px;
    padding-right:14px;
}
.galeria-input-select-button i {
    position: absolute;
    right: 25px;
    top: 18px;
    z-index: 10;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.album-kepek {
    /*	margin-top: -10px;*/
}
.album-kepek figure {
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    float:left;
}
.album-kepek figure:nth-child(10n+6){
    margin-right: 0px;
}
.album-kepek figure:nth-child(8){
    margin-right: 0px;
}
.album-kepek figure:nth-child(6){
    margin-right: 10px;
}

.album-kepek figure i {
    color: #ffffff;
    font-size: 24px;
    left: 40%;
    position: absolute;
    top: 40%;
    z-index: 11;
}
.album-kepek figure img {
    cursor: pointer;
}
.album-kepek figure img.active {
    border: 3px solid #1f9aa7;
}
.album-kepek figure .sotetites {
    background-color: rgba(0,0,0,0.3);
    display: block;
    height: 64px;
    position: absolute;
    top: 0;
    width: 64px;
    z-index: 10;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}



















ul.pagination {
    width: 100%;
    height: 50px;
    border-radius: initial;
    text-align:center;
}
.top-paginator ul.pagination{
    border-bottom: 2px solid #ffffff;
}
.bottom-paginator ul.pagination{
    border-top: 2px solid #ffffff;
}

ul.pagination li {
    display: inline-block;
}
.pagination > li > a, .pagination > li > span {
    cursor: pointer;
    width: 40px;
    height: 50px;
    line-height: 40px;
    min-width: 40px;
    color: #534a44;
    background: transparent;
    border:0px;
    text-align: center;
}
.pagination > li > a:hover, .pagination > li > span:hover {
    color: #37373c;
    background-color: #fff;
    transition: background-color 0.5s;
}
ul.pagination li.active a {
    background-color: #ffffff;
    width: 40px;
    height: 50px;
    color: #03a8fd;
    font-size: 13px;
    font-weight: 700;
}
.bottom-paginator .pagination > li > a, .pagination > li > span{
    margin-top: -2px;
}

.pagination .prev .icon-arrow2{
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display:block;
    margin-top: 15px;
}
.pagination .next .icon-arrow2{
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display:block;
    margin-top: 15px;
}
.top-paginator ul.pagination li.active a{
    border-bottom: 2px solid #03a8fd;
}
.bottom-paginator ul.pagination li.active a{
    border-top: 2px solid #03a8fd;
}


.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span{
    border-radius: initial;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{
    background: transparent;
}

/*zsakafoltjat*/
.zsakafoltjat-menu-container{
    padding:15px;
}
.question-age-range .form-control{
    display:inline-block;
    width: 40px;;
}
.questions {
    margin-top: 30px;
}
.question {
    margin-bottom: 30px;
}
.question b {
    display: block;
    width: 100%;
    font-weight: 700;
}
.question p {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 10px;
}
.question ul li {
    border-bottom: 1px solid #D4D2D2;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
}
.question ul li.question-answer {
    font-weight: 700;
}
.question ul li span {
    position: absolute;
    right: 0;
}
.question ul li label {
    display: block;
    font-weight: 300;
    margin-bottom: 0;
    width: 100%;
}
.zsakafoltjat-button {
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    background-color: #219ba8;
    height: 50px;
    line-height: 50px;
    border: 0;
    display: block;
    width: 100%;
}
.teszt-keszites {
    margin-top: 30px;
}
.teszt-keszites p {
    margin-bottom: 20px;
    line-height: 24px;
}
.teszt-keszites b {
    display: block;
    width: 100%;
    font-weight: 700;
    margin-bottom: 20px;
}
.teszt-keszites b.bigger {
    font-size: 24px;
    margin-bottom: 0;
}
.teszt-keszites ul {
    padding-bottom: 0;
    margin-top: 40px;
}
table {
    border: 0 none;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}
.teszt-keszites table {
    margin-top: 30px;
}
.teszt-keszites table tr {
    border-bottom: 1px solid #D4D2D2;
}
.teszt-keszites table tr th {
    font-weight: 700;
}
/*.teszt-keszites table tr th:nth-child(1) {width:5%;}
.teszt-keszites table tr th:nth-child(2) {width:20%;}
.teszt-keszites table tr th:nth-child(3) {width:20%;}
.teszt-keszites table tr th:nth-child(4) {width:20%;}
.teszt-keszites table tr th:nth-child(5) {width:20%;}
.teszt-keszites table tr th:nth-child(6) {min-width:85px;}*/
.teszt-keszites table tr td, .teszt-keszites table tr th {
    padding: 20px 5px 20px 0;
    vertical-align: middle;
}
.teszt-keszites table tr td:nth-child(2) {
    font-weight: 700;
}
.teszt-keszites table tr td:nth-child(3) a {
    color: #1f9aa7;
}
.teszt-keszites table tr td:nth-child(6), .teszt-keszites table tr th:nth-child(6) {
    text-align: right;
    padding-right: 0;
}
.teszt-keszites table tr td span.icon {
    border: 1px solid #D4D2D2;
    border-radius: 3px;
    line-height: 40px;
    width: 40px;
    cursor: pointer;
    text-align: center;
    margin-left: 5px;
    font-size: 10px;
}
.teszt-keszites table tr td span.icon:first-child {
    margin-left: 0px;
}
.teszt-keszites table tr td span.icon.icon-ok {
    color: #1f9aa7;
}
.teszt-keszites table tr td span.icon.icon-ok:hover {
    background-color: #1f9aa7;
    color: #ffffff;
}
.teszt-keszites table tr td span.icon.icon-close {
    color: #8b063b;
}
.teszt-keszites table tr td span.icon.icon-close:hover {
    background-color: #8b063b;
    color: #ffffff;
}
.teszt-keszites table tr td img {
    width: 20px;
    height: 20px;
}
.teszt-keszites table tr td span {
    display: inline-block;
}
.teszt-keszites .pagination {
    margin-top: 50px;
}

/*** NOTIFICATION ***/
.notification img{
    width: 20px;
    height: 20px;
}
.notification {
    margin: 10px 0px;
    line-height:20px;
    padding:10px 0px;
    cursor:pointer;
}
.notification .not-img{
    padding-left:0px;
}
.notification .not-date{
    padding-right:0px;
}
.notification .icon{
    font-size:18px;
    line-height:20px;
}

.pjax-loader{
    width:23px;
    height:23px;
    margin:30px auto;
    background: rgba(0, 0, 0, 0) url("/image/loading.gif") no-repeat scroll center center;
}

/*zsakafoltjat*/


#exit .loginbar{
    border-bottom:1px solid #188e9a;
    box-shadow:none;
}

.premium p{
    margin: 30px 0px;
}

.premium ul li{
    font-weight: 700;
    margin: 15px 0px;
}
.premium ol li{
    list-style-type: none;
    margin: 15px 0px;
}
.premium ol li span{
    color:#8b063b;
    font-weight: 700;
}
.premium ul li:before {
    content: "• ";
    color: #cd2064;
    font-size: 20px;
    line-height: 14px;
}

.premium table{
    border-collapse: collapse
}
.premium table td{
    border-bottom: 1px solid #EDF1F3;
    padding: 15px 0px;
}
.premium table tr td:first-child,
.premium table tr:first-child td{
    font-weight: bold;
}
.premium .form-container{
    border: 1px solid #EDF1F3;
    padding: 20px;
    margin:30px 0px;
    border-radius: 5px;
}

.infospan{
    font-weight: 700;
    color:#cd2064;
}
.ui-menu-item {
    font-family:'Open Sans',sans-serif;
}
.ui-menu-item.ui-state-focus{
    background:none;

}
/** TYPEAHEAD **/
.typeahead-autocomplete.form-control:focus{
    background:transparent none repeat scroll 0 0 !important;
}
.typeahead-autocomplete.tt-input.loading {
    background: transparent;
}

.tt-input.loading:focus{
    /*#e7f3f5 url("../img/loading.gif") no-repeat scroll right center content-box !important*/
    background-image : url(/image/loading.gif) !important;
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fff;
}
/** user CARD list **/

.error-reporting-container{
    position: fixed;
    left:-150px;
    top: 50%;
    width:200px;
    height: 62px;
    cursor:pointer;
    transition-property: left;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    border: 1px solid #8C0138;
    padding: 5px;
    border-radius: 0px 5px 5px 0px;
}
.error-reporting-container:hover{
    transition-property: left;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    left:0;
}
.error-reporting-icon{
    background-image: url('/image/icon-editblue.svg');
    color:#fff;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    width:25px;
    height: 25px;
    position:absolute;
    right: 13px;
    top: 16px;
}
/** SUPPORT **/





#body-reg select#support_category_id{
    background: #ededed !important;

}
#body-reg select#support_form_hash{
    background: #ededed !important;
}
#support_category_selector select {
    border-radius: 0;
    height: auto;
    margin-right: 0;
    padding: 20px 10px;

}


#support_category_selector select option{
    padding:5px 6px;
}
#support_category_selector select {
    background-color: #ebebeb;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    outline: medium none;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
#support_category_selector select:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.075) inset, 0 0 7.95227px 0 rgba(104, 174, 233, 0.596);
}
#support_category_selector div {
    margin-bottom: 10px;
}
.info_message{
    margin:10px 0px;
}
#support_form div.alert-danger, #support_form div.error {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    margin-top:10px;
    padding:10px;
}

/** SUPPORT **/

.card {
    float:left;
    width: 250px;
    border:1px solid #cbc8c7;
    margin-bottom:30px;
    position:relative;
    border-radius: 3px;
    background-color: #ffffff;
    margin-right: 10px;
}
.card:nth-child(3n){
    margin-right: 0px;
}
.card .premium{
    position: absolute;
    top:0px;
    left:0px;
    width:69px;
    height:71px;
    background: rgba(0, 0, 0, 0) url("/image/premium.png") no-repeat scroll center center;
}
.profile-h1 .data-online,
.card .data-online{
    /*    position: absolute;
        top:6px;
        right:9px;*/
    background: rgba(0, 0, 0, 0) url("/image/online_icon.png") no-repeat scroll right center;
    padding-right:15px;
    text-align:right;
    font-size:12px;
    color:#534a44;
    font-style: italic;
}
.card-img{
    margin:0 auto;
    margin-bottom: 20px;
    width:250px;
    height:220px;
}
.card img{
    width: 248px;
    height:220px;
    margin:0 auto;
}
.card-content{
    padding:20px;
    padding-top:0px;
    text-align:left;
    font-size:13px;
    color:#b0b3b5;
}
.card-content .data-profile{
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}
.card-content .data-age{
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}
.card-content .data-region{
    height:40px;
    overflow:hidden;
}

.card-space{
    margin:0 5px;
}
.card-bottom{
    min-height:44px;
    padding:15px;
    padding-top: 0px;
    text-align: center;
    border-radius: 0px 0px 3px 3px;
}

/*.card-bottom .icon-message,.card-bottom .icon-mail{
    color:#8b063b;

}*/
.friends-loadMore{
    display:block;
    clear:both;
    margin-top:10px;
}
/** **/
.animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

#chat-content-settings {
    padding: 10px;
    color: #37373c;
    overflow: auto;
    height: 100%;
}

#chat-content-settings label {
    margin: 0 0 0 5px;
    font-weight: normal;
}

.chat-settings-section {
    font-size: 18px;
    font-weight: 400;
    margin: 25px 0 15px;
}

.chat-settings-section:first-child {
    margin-top: 0;
}

.chat-settings-option {
    border-bottom: 1px solid #d4d2d2;
    height: 40px;
}

.chat-settings-option-label {
    float: left;
    line-height: 40px;
}

.chat-settings-option-value {
    float: right;
    line-height: 40px;
}

#chat-content-settings input[type=checkbox] {
    -webkit-appearance: checkbox;
}

#chat-content-settings input[type=text] {
    line-height: 20px;
    width: 300px;
}

body.chat-background {
    background: #edf1f3;
}