@font-face {
  font-family: 'HelveticaNeue-Bold';
  src: url('font/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),  url('font/HelveticaNeue-Bold.woff') format('woff'), url('font/HelveticaNeue-Bold.ttf')  format('truetype'), url('font/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


html, body {
    height: 100%;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    background:#000000;
    padding: 0;
    z-index:-3;
    margin: 0;
    position: relative;
}


/* Form */
.ctform
{
padding-top:10px;
}

.ctform .form-control
{
border-radius:0px;
}

.send-orange
{
border:0px solid #ffffff !important;
border-radius:0px !important;
background:#ef7c00 !important;
color:#ffffff !important;
}

/* Wrapper with padding */
.wrap  {
    height: 100%;
    padding: 0px;
}

#tinderslide {
    position: relative;
    background: #000;
    width: 100%;
    height: 100%;
}

#tinderslide ul {
    margin: 0;
    position: relative;
    display: block;
    height: 100%;
}

#tinderslide li {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    overflow: hidden;
    text-align: left;
    background: #eee;
    font-size: 24px;
    color: #000;
    border: 1px solid #fff;
    border: 1px solid #dfdfdf;
    border: 1px solid rgba(96, 96, 96, 0.2);
    -webkit-transform: translate3d(0%,0,0) scale3d(1,1,1);
    -moz-transform: translate3d(0%,0,0) scale3d(1,1,1);
    -ms-transform: translate3d(0%,0,0) scale3d(1,1,1);
    -o-transform: translate3d(0%,0,0) scale3d(1,1,1);
    transform: translate3d(0%,0,0) scale3d(1,1,1);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Image text */
#tinderslide li h2 {
    color: #fff;
    font-size: 30px;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .2);
}


/* Like & dislike badge images */
#tinderslide .like,
#tinderslide .dislike {
    background: url("../img/liked.png") no-repeat scroll 0 0;
    opacity: 0;
    height: 170px;
    position: absolute;
    width: 170px;
    left: 45px;
    top:40px;
    z-index: 1;
    overflow: hidden;
    -webkit-transform: translate3d(0%,0,0) scale3d(1,1,1);
    -moz-transform: translate3d(0%,0,0) scale3d(1,1,1);
    -ms-transform: translate3d(0%,0,0) scale3d(1,1,1);
    -o-transform: translate3d(0%,0,0) scale3d(1,1,1);
    transform: translate3d(0%,0,0) scale3d(1,1,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#tinderslide .dislike {
    right: 45px;
    left: auto;
    background: url("../img/nope.png") no-repeat scroll 0 0;
}

/* Image container */
#tinderslide .img {
    height: 100% !important;
    width: 100%;
    margin-bottom: 5px;
    position: relative;
    -webkit-transform: translate3d(0%,0,0) scale3d(1,1,1);
    -moz-transform: translate3d(0%,0,0) scale3d(1,1,1);
    -ms-transform: translate3d(0%,0,0) scale3d(1,1,1);
    -o-transform: translate3d(0%,0,0) scale3d(1,1,1);
    transform: translate3d(0%,0,0) scale3d(1,1,1);
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
    -webkit-transform-style: preserve-3d;
}

/* Action - buttons */
.actions {
    text-align: center;
    width: 100%;
    background:#ffffff;
    height:70px;
    bottom:0px;
    position:fixed;
    z-index:9999;
}

.actions div {
    position: relative;
    display: inline-block;
}

.actions a i {
    display: inline-block;
    width: 51px;
    height: 51px;
}

.actions a.dislike i {
    background: url("../img/dislike_button.png") no-repeat scroll center center;
}

.actions a.like i {
    background: url("../img/like_button.png") no-repeat scroll center center;
}

.actions a.last i {
    background: url("../img/last_button.png") no-repeat scroll center center;
}

.actions a {
    float:left;
    display: block;
    color: #a7a7a7;
    margin-top:10px;
    margin-right:5px;
    padding:0px;
    width: 51px;
    height: 51px;
    position: relative;
    text-align: center;
    outline: none;
}

.actions a:hover{
  text-decoration: none;
}

/* intro image */
.introimg {
    background: url("../img/slide/background1.jpg") no-repeat scroll center center;
    background-size: cover;

     /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
    
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  z-index:-2;
    
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

.profile1 {
    background: url("../img/slide/background2.jpg") no-repeat scroll center center;
    background-size: cover;

     /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
    
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
    
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}


.profile2 {
    background: url("../img/slide/background3.jpg") no-repeat scroll center center;
    background-size: cover;

     /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
    
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
    
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}


.profile3 {
    background: url("../img/slide/background10.jpg") no-repeat scroll center center;
    background-size: cover;

     /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
    
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
    
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}


.profile4 {
    background: url("../img/slide/background11.jpg") no-repeat scroll center center;
    background-size: cover;

     /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
    
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
    
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

.profile5 {
    background: url("../img/slide/background3.jpg") no-repeat scroll center center;
    background-size: cover;

     /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
    
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
    
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}


.introheader
{
margin-top:15px;
}

.introcontact
{
margin-top:40px;
}


@media only screen and (max-width: 767px) {
.introcontent
{
padding-top:30% !important;
color:#ffffff;    
text-shadow: 1px 1px 17px rgba(14, 0, 0, 1) !important;
font-size:10pt !important;
}

.introcontent H1
{
font-size:20pt !important;
text-shadow: 1px 1px 17px rgba(14, 0, 0, 1) !important;
}

}

@media only screen and (max-width: 1024px) {
.introcontent
{
padding-top:5% !important;
color:#ffffff;  
z-index:99999 !important;  
font-size:10pt !important;
}

}

@media only screen and (min-width: 1025px) and (max-width: 1800px) {
.introcontent
{
padding-top:5% !important;
color:#ffffff;  
z-index:99999 !important;  
font-size:10pt !important;
}

}

@media only screen and (min-width: 1801px) and (max-width: 1920px) {

.introcontent 
{
padding-top:300px !important;
color:#ffffff;
}

}

.introcontent 
{
padding-top:5%;
color:#ffffff;
}


.introcontent H1
{
font-size:32pt;
font-family: 'HelveticaNeue-Bold';
padding:0;
margin:0;
}

.introcontent A
{
color:#ffffff;
}

.profilecontent UL
{
margin:0 0 0 15px;
padding:0 0 20px 0px;
}


@media only screen and (max-width: 1024px) {
.profilecontent
{
padding-top:50px !important;
color:#ffffff;    
font-size:10pt !important;
}

.profilecontent H1
{
font-size:20pt !important;
}

}

.profilecontent
{
padding-top:150px;
color:#ffffff;
}

.profilecontent H1
{
font-size:32pt;
font-family: 'HelveticaNeue-Bold';
padding: 0 0 25px 0;
margin:0;
}

.profilecontent A
{
color:#ffffff;
}

.btn-orange
{
border:0px solid #ffffff !important;
border-radius:0px !important;
background:#ef7c00 !important;
font-size:11pt !important;
padding:0 10px 0px 10px !important;
margin:4px 0 10px 0;
line-height:16px;
line-height:40px;
  font-family: 'HelveticaNeue-Bold';
}

.btn-contact
{
border:1px solid #ffffff !important;
border-radius:0px !important;
background:transparent !important;
font-size:11pt !important;
padding:0 10px 0 10px !important;
margin:4px 0 10px 0;
line-height:40px;
line-height:40px;
font-size:16px;
  font-family: 'HelveticaNeue-Bold';
}


.btn-profile
{
border:1px solid #ffffff !important;
border-radius:0px !important;
background:transparent !important;
font-size:11pt !important;
padding:0 10px 0 10px !important;
margin:24px 20px 10px 0;
line-height:40px;
  font-family: 'HelveticaNeue-Bold';
font-size:16px;
}

.btn-primary
{
border:2px solid #ffffff !important;
border-radius:0px !important;
font-size:12pt;
padding:0 10px 0 10px !important;
line-height:40px;
font-size:16px;
background:transparent !important;
font-weight:normal;
font-family: 'HelveticaNeue-Bold';
}


.introfooter
{
bottom:0;
position:fixed;
width:100%;
z-index:-1 !important;
}

.footer
{
margin:100px 0 0 0;
}


@media only screen and (max-width: 767px) {
.introfooter .blok
{
margin-top: -65px !important;
}
}

.introfooter .blok
{
overflow:hidden;
width:100%;
margin-top: 0px;
}

/* contact */

.contactimg
{
background:#000000;
    /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
    
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
    
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

.contactcontent
{

color:#ffffff;
}

.contactcontent UL
{
margin:0 0 0 15px;
padding:0;
}

@media only screen and (max-width: 767px) {
.contactcontent
{
margin-top:25px !important;
font-size:10pt !important;
}

.contactcontent H1
{
font-size:18pt !important;
}
}

.contactcontent H1
{
font-size:30px;
font-family: 'HelveticaNeue-Bold';
padding:0;
margin:0;
}

.contactcontent A
{
color:#ffffff;
}


/* jTinder images */
#tinderslide .pane8 .img {
    background: url("../img/slide/background2.jpg") no-repeat scroll center center;
    background-size: cover;
}

#tinderslide .pane8 .txt {
    position:absolute;
    z-index:9999;
    font-family: 'HelveticaNeue-Bold';
        width:100%;
    overflow:hidden;
    color:#ffffff;
    font-size:30px;
    margin:0;
}

#tinderslide .pane8 .txt .txtpos{
margin:30% 0 0 0;
}

@media only screen and (max-width: 768px) {
#tinderslide .pane8 .txt .txtpos{
margin:50% 0 0 0 !important;
font-size:14pt;
}

#tinderslide .pane8 .txt {
font-size:18pt !important;
}
}

@media only screen and (min-width: 769px) and (max-width: 1390px) {
#tinderslide .pane8 .txt .txtpos{
margin:20% 0 0 10% !important;
}
}

#tinderslide .pane7 .img {
    background: url("../img/slide/background3.jpg") no-repeat scroll center center;
    background-size: cover;
}

#tinderslide .pane7 .txt {
    position:absolute;
    z-index:9999;
    font-family: 'HelveticaNeue-Bold';
        width:100%;
    overflow:hidden;
    color:#ffffff;
    font-size:30px;
    margin:0;
}

#tinderslide .pane7 .txt .txtpos{
margin:30% 0 0 0;
}

@media only screen and (max-width: 768px) {
#tinderslide .pane7 .txt .txtpos{
margin:50% 0 0 0 !important;
font-size:14pt;
}

#tinderslide .pane7 .txt {
font-size:18pt !important;
}
}

@media only screen and (min-width: 769px) and (max-width: 1390px) {
#tinderslide .pane7 .txt .txtpos{
margin:20% 0 0 10% !important;
}
}

#tinderslide .pane6 .img {
    background: url("../img/slide/background4.jpg") no-repeat scroll center center;
    background-size: cover;
}

#tinderslide .pane6 .txt {
    position:absolute;
    z-index:9999;
    font-family: 'HelveticaNeue-Bold';
        width:100%;
    overflow:hidden;
    color:#ffffff;
    font-size:30px;
    margin:0;
}

#tinderslide .pane6 .txt .txtpos{
margin:30% 0 0 0;
}

@media only screen and (max-width: 768px) {
#tinderslide .pane6 .txt .txtpos{
margin:50% 0 0 0 !important;
font-size:14pt;
}

#tinderslide .pane6 .txt {
font-size:18pt !important;
}
}

@media only screen and (min-width: 769px) and (max-width: 1390px) {
#tinderslide .pane6 .txt .txtpos{
margin:20% 0 0 10% !important;
}
}

#tinderslide .pane5 .img {
    background: url("../img/slide/background5.jpg") no-repeat scroll center center;
    background-size: cover;
}

#tinderslide .pane5 .txt {
    position:absolute;
    z-index:9999;
    font-family: 'HelveticaNeue-Bold';
        width:100%;
    overflow:hidden;
    color:#ffffff;
    font-size:30px;
    margin:0;
}

#tinderslide .pane5 .txt .txtpos{
margin:30% 0 0 0;
}

@media only screen and (max-width: 768px) {
#tinderslide .pane5 .txt .txtpos{
margin:50% 0 0 0 !important;
font-size:14pt;
}

#tinderslide .pane5 .txt {
font-size:18pt !important;
}
}

@media only screen and (min-width: 769px) and (max-width: 1390px) {
#tinderslide .pane5 .txt .txtpos{
margin:20% 0 0 10% !important;
}
}


#tinderslide .pane4 .img {
    background: url("../img/slide/background6.jpg") no-repeat scroll center center;
    background-size: cover;
}

#tinderslide .pane4 .txt {
    position:absolute;
    z-index:9999;
    font-family: 'HelveticaNeue-Bold';
        width:100%;
    overflow:hidden;
    color:#ffffff;
    font-size:30px;
    margin:0;
}

#tinderslide .pane4 .txt .txtpos{
margin:30% 0 0 0;
}

@media only screen and (max-width: 768px) {
#tinderslide .pane4 .txt .txtpos{
margin:50% 0 0 0 !important;
font-size:14pt;
}

#tinderslide .pane4 .txt {
font-size:18pt !important;
}
}

@media only screen and (min-width: 769px) and (max-width: 1390px) {
#tinderslide .pane4 .txt .txtpos{
margin:20% 0 0 10% !important;
}
}

#tinderslide .pane3 .img {
    background: url("../img/slide/background7.jpg") no-repeat scroll center center;
    background-size: cover;
}

#tinderslide .pane3 .txt {
    position:absolute;
    z-index:9999;
    font-family: 'HelveticaNeue-Bold';
        width:100%;
    overflow:hidden;
    color:#ffffff;
    font-size:30px;
    margin:0;
}

#tinderslide .pane3 .txt .txtpos{
margin:30% 0 0 0;
}

@media only screen and (max-width: 768px) {
#tinderslide .pane3 .txt .txtpos{
margin:50% 0 0 0 !important;
font-size:14pt;
}

#tinderslide .pane3 .txt {
font-size:18pt !important;
}
}

@media only screen and (min-width: 769px) and (max-width: 1390px) {
#tinderslide .pane3 .txt .txtpos{
margin:20% 0 0 10% !important;
}
}


#tinderslide .pane2 .img {
    background: url("../img/slide/background8.jpg") no-repeat scroll center center;
    background-size: cover;
}

#tinderslide .pane2 .txt {
    position:absolute;
    z-index:9999;
    font-family: 'HelveticaNeue-Bold';
        width:100%;
    overflow:hidden;
    color:#ffffff;
    font-size:30px;
    margin:0;
}

#tinderslide .pane2 .txt .txtpos{
margin:30% 0 0 0;
}

@media only screen and (max-width: 768px) {
#tinderslide .pane2 .txt .txtpos{
margin:50% 0 0 0 !important;
font-size:14pt;
}

#tinderslide .pane2 .txt {
font-size:18pt !important;
}
}

@media only screen and (min-width: 769px) and (max-width: 1390px) {
#tinderslide .pane2 .txt .txtpos{
margin:20% 0 0 10% !important;
}
}


#tinderslide .pane1 .img {
    background: url("../img/slide/background9.jpg") no-repeat scroll center center;
    background-size: cover;
}

#tinderslide .pane1 .txt {
    position:absolute;
    z-index:9999;
    font-family: 'HelveticaNeue-Bold';
        width:100%;
    overflow:hidden;
    color:#ffffff;
    font-size:30px;
    margin:0;
}

#tinderslide .pane1 .txt .txtpos{
margin:30% 0 0 0;
}

@media only screen and (max-width: 768px) {
#tinderslide .pane1 .txt .txtpos{
margin:50% 0 0 0 !important;
font-size:14pt;
}

#tinderslide .pane1 .txt {
font-size:18pt !important;
}
}

@media only screen and (min-width: 769px) and (max-width: 1390px) {
#tinderslide .pane1 .txt .txtpos{
margin:20% 0 0 10% !important;
}
}

@media only screen and (max-width: 767px) {
.swipeleft IMG
{
    width:90px !important;
}

.swiperight IMG
{
    width:90px !important;
}

.actpos
{
}

}

@media only screen and (max-width: 1024px) {
.swipeleft
{
margin-top:12% !important;
}

.swiperight
{
margin-top:12% !important;
}

}



.swipeleft
{
    position: fixed;
    left:0;
    margin-top:20%;
    z-index:9999;
    padding-left:25px;
}

.swiperight
{
    position: fixed;
    right:0;
    margin-top:20%;
    z-index:9999;
    padding-right:25px;
}


.btn-secondary
{
background:transparent !important;
font-size:10pt !important;
border:0px !important;

}

.btn-secondary:hover, .btn-secondary:focus {
background:transparent !important;
font-size:10pt !important;
border:0px !important;
box-shadow: none !important;
}


.dropdown-menu
{
width:60px !important;
min-width:0px !important;
background:#000000 !important;
}

.dropdown-item {
    display: block;
    width: 100% !important;
    padding: 5px 0 5px 10px;
    clear: both;
    font-weight: 400;
    color: #ffffff !important;
    text-align: left;
    white-space: nowrap;
    font-size:9pt !important;
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: transparent !important;
}

.dropdown-item.active, .dropdown-item:active {
 color: #ffffff;
  text-decoration: none;
  background-color: transparent !important;
}

/* jTinder status text */
#status {
    text-align: center;
    font-size: 18px;
    font-family: arial;
    margin-top: 30px;
    font-weight: bold;
}