/* latin-ext */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Bebas Neue Regular'), local('BebasNeue-Regular'), url(https://fonts.gstatic.com/s/bebasneue/v1/JTUSjIg69CK48gW7PXoo9Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Bebas Neue Regular'), local('BebasNeue-Regular'), url(https://fonts.gstatic.com/s/bebasneue/v1/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.model_name span, #container_slider button, #notice_popup label{
  font-family: 'Bebas Neue', cursive!important; letter-spacing: 2px;
}

#container_slider p,#container_slider input,#container_slider a,#container_slider b,#container_slider h1,
#container_slider h2,#container_slider h3,#container_slider h4,#container_slider h5,#container_slider h6,
#container_slider span,#container_slider div, #container_slider label{
  font-family: 'Arnhem Blond';
}
@media screen and (max-width: 690px) {
   .vote_close{
 	height: 100px!important;
    	width: 100px!important;
	font-size: 11px!important;
    	right: -12px!important;
}

}
@media screen and (max-width: 600px) {
  #container_slider{
    width: 90%!important;
    height: 500px!important;
    position: relative!important;
    transform: translate(-55%, -12%)!important;
  }
  .buddy {
    width: 100%!important;
    height: 400px!important;
    left: 0!important;
  }
.buddy_first {
    width: 100%!important;
    height: 400px!important;
    left: 0!important;
  }
  .buddy_blocks{
    width: 100%!important;
    height: 400px!important;
    left: 0!important;
  }
  .form_butn{
    padding: 10px 9px!important;
    width: 35%!important;
  }
  .contactForm{
    width: 100%!important;
    height: 400px!important;
    left: 0!important;
  }
  .avatar {
    width: 100%!important;
    height: 400px!important;
    left: 0;
  }
.avatar_first {
    width: 100%!important;
    height: 400px!important;
    left: 0;
  }
  .avatar img.model_img{
    height: 400px!important;
	 width:100%!important;
  }
  .contactForm form input:not([type='checkbox']) {
    width: 92%!important;
  }
  .thank_Block{
    width: 100%!important;
    height: 400px!important;
    left: 0!important;
  }
  .contactForm .inner{
    padding: 15px 15px 30px!important;
  }
  .thank_Block_inner{
    padding: 60px 15px 30px!important;
  }
  .contactForm p{
    font-size: 13px!important;
  }

  .container_outer{
    height: 430px!important;
  }
}
@media screen and (max-width: 900px) and (min-width: 601px) {
  #container_slider {
    transform: translate(-50%, -5%)!important;
  }
  .container_outer{
    height: 600px!important;
  }
}
@media screen and (max-width: 1350px) and (min-width: 901px) {
  #container_slider {
    transform: translate(-50%, -25%)!important;
  }
  .container_outer{
    height: 450px!important;
  }
}
.container_outer{
  height: 390px;
  position: relative;
}
.thank_Block span.refresh_page{
  padding-bottom: 5px;
}
#container_slider {
  width: 600px;
  margin: auto !important;
  display: block;
  height: 600px;
  transform: translate(-50%, -30%);
  left: 50%;
  z-index: 9999;
  position: absolute;
  list-style-type: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.buddy {
  display: none;
  background: #fff;
  border-radius: 10px;
  color: #fff;
  width: 400px;
  height: 500px;
  position: absolute;
}
.buddy_first {
  display: none;
  background: #fff;
  border-radius: 10px;
  color: #fff;
  width: 500px;
  height: 500px;
  position: absolute;
}
.buddy_blocks{
  display: inline-block;  
  top: 85px;
  left: 50px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.48);
  color: #fff;
  width: 500px;
  height: 500px;
  position: absolute;
}
.avatar img{
  cursor: grabbing;
  position: relative;
  z-index: -1;
  object-fit:cover;
}
.contactForm{
    background-color: #f6f4fa;
  border-radius: 10px;
  color: #252323;
  text-align: center;
  width: 500px;
  height: 500px;
  position: absolute;
  cursor: hand;
}
.contactForm .inner{
    padding: 85px 30px 30px;
}
.contactForm p{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.contactForm form input:not([type='checkbox']) {
    width: 92%;
    display: block;
    border: 2px solid #000;
    line-height: 35px;
    text-transform: uppercase;
    color: #000;
	margin-bottom:12px;
    padding: 5px 10px;
    font-size: 15px;
}

.contactForm .unstyled {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.contactForm li#checkbox-li {
    text-align: left;
}
.form_butn{
    width: 38%;
    border-radius: 5px;
    font-size: 16px!important;
    border: none;
    margin: 15px!important;
    background-color: #cd2653!important;
    float: left;
    cursor: pointer;
    color: white!important;
    padding: 10px 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}
.contactForm li#checkbox-li label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
     justify-content: center; 
}
.rotate-left {
  transform: rotate(30deg) scale(0.8);
  transition: 1s;
  margin-left: 400px;
  cursor: e-resize;
  opacity: 0;
  z-index: 10;
}
.rotate-right {
  transform: rotate(-30deg) scale(0.8);
  transition: 1s;
  opacity: 0;
  margin-left: -400px;
  cursor: w-resize;
  z-index: 10;
}
.avatar {
  background: #222;
  width: 500px;
  height: 500px;
  border-radius: 10px;
  display: block;
  z-index: 2;
  position: relative;
  cursor: grabbing;
  background-size: auto 160% !important;
  background-position: center;
 background-repeat: no-repeat;
}
.avatar_first {
  text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
  background: #f6f4fa;
  width: 500px;
  height: 500px;
  border-radius: 10px;
  z-index: 2;
  position: relative;
  cursor: grabbing;
  background-size: auto 160% !important;
  background-position: center;
 background-repeat: no-repeat;
}
.like {
  border-radius: 5px;
  padding: 5px 10px;
  border: 3px solid green;
  color: green;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: bold;
  position: absolute;
  z-index: 3;
  top: 50px;
  right: 40px;
  text-shadow: none;
}
.dislike {
  border-radius: 5px;
  padding: 5px 10px;
  border: 3px solid red;
  color: red;
  z-index: 3;
  text-transform: uppercase;  
  font-weight: bold;
  font-size: 25px;
  position: absolute;
  top: 50px;
  left: 40px;
  text-shadow: none;
}
.tinder--buttons {
  flex: 0 0 100px;
  padding-top: 20px;
  position: absolute;
  bottom: 10px;
  left: 0;
  text-align: center;
  width: 100%;
}

.tinder--buttons span{
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
}

.tinder--buttons button {
  border-radius: 50%;
  line-height: 60px;
  width: 60px;
  border: 0;
  background: #FFFFFF;
  display: inline-block;
  margin: 0 8px;
}

.tinder--buttons button:focus {
  outline: 0;
}

.tinder--buttons i {
  font-size: 40px;
  vertical-align: middle;
}

.fa-heart {
  color: #acffbe;
  text-shadow: 0 1px 0 #85d084;
}

.fa-remove {
  color: #e09e9e;
  text-shadow: 0 1px 0 #d08484;
}
#love{
    float:right;
}
.nope_btn {
    background-color: #80808087!important;
    padding: 0px;
}
.love_btn {
    background-color: #80808087!important;
    padding: 0px;
}

#data_error,#message{
    color: red;
    text-align: center;
}
#accept{
    float: left;
    transform: scale(2);
    margin: 12px 10px;
    border: 1px solid #000000fa;
}
.model_name{
    color: white!important;
    text-decoration: none;
}
.model_name span{
  text-shadow: 0 0 9px rgba(0, 0, 0, 0.80);
}
.dislike_icon{
  background-color: #00000059;
  padding: 12px;
  width: 32px;
  height: 32px;
  border-radius: 33px;
  margin: 10px 25px;
  color: #FE9E9C!important;
}
.dislike_icon i{
  text-shadow: none!important;
  cursor: pointer;
  font-size:35px!important;
}
.like_icon{
  background-color: #00000059;
  padding: 12px;
  width: 32px;
  height: 32px;
  border-radius: 30px;
  margin: 10px 25px;
  cursor: pointer;
}
.like_icon i{
  font-size: 35px!important;
  text-shadow: none!important;
}
.logo_slide img{
  width: 13%;
}
.logo_slide{
  width: 100%;
  display: flex;
    align-items: center;
    justify-content: center;
}
#accept_error{
  color: red;
}
.block_display{
  display: none!important;
}
.notice-popup {
    position: relative;
    top: -15px;
    left: 50%;
    width: 200px;
    background-color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 10px;
    color: #000;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.42);
}
.notice-popup label{
  position: relative;
  bottom: 0;
  display: block;
    left: 0;
    text-align: center;
    width: 100%;
    background: #fff;
    border-radius: 10px;
}
.notice-popup:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    right: 18px;
    background-color: #fff;
    width: 20px;
    height: 20px;
    -webkit-transform: rotateZ(43deg);
    transform: rotateZ(43deg);
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.42);
}
.notice-popup{
  display: none;
}
.thank_Block{
    background-color: #f6f4fa;
  border-radius: 10px;
  color: #252323;
  text-align: center;
  width: 500px;
  height: 500px;
  position: absolute;
  cursor: hand;
}
.thankinner{
    padding: 80px 25px 30px;
}

.thankinner p{
  font-size: 25px;
    padding-top: 30px;
}
.thank_icon i{
  font-size: 55px;
    background-color: #cd2653;
    color: white;
    padding: 6px;
    border-radius: 35px;
}
.accept_box{
  width: 100%;
}
.accept_box_inner{
  display: flex;
  align-items: center;
  justify-content: center;  
}
.accept_box_inner span{
  font-size: 16px!important;
    letter-spacing: 0px!important;
    text-align: left!important;
    margin-left: 10px;
    margin-top: 10px;
}
.avatar_first h1{
  margin-top: 0px!important;
  color: black;
  text-transform: uppercase;
  font-size: 26px;
    padding: 5px 10px;
    border: 1px solid;
    font-family: 'Bebas Neue', cursive!important;
    letter-spacing: 2px;
}

.avatar_first p{
  color: black;
  font-style: 25px;
  font-family: 'Bebas Neue', cursive!important;
}
.avatar_first_button{
  border-radius: 5px;
  font-size: 18px!important;
  border: none;
  margin: 15px!important;
  background-color: #dc3737!important;
  cursor: pointer;
  color: white!important;
  padding: 12px 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
}
.avatar_first_button:hover{
  text-decoration: none;
}
.vote_close {
	height: 130px;
    width: 130px;
    color: #000;
    background: white;
    border: 4px solid red;
    border-radius: 50%;
    font-size: 17px;
    top: 200px;
    right: -18px;
    position: absolute;
    z-index: 10;
    box-shadow: -3px -3px 10px 0 red;
    padding: 18px;
    cursor: pointer;
}