/*
Theme Name: Social
*/

input, textarea, select, button {
  box-sizing: border-box;
}

img.optimized-lazy {
    background: #f2f2f2;
    transition: opacity 0.3s ease;
}
img.optimized-lazy.lazy-loaded {
    background: transparent;
}


img[width][height] {
    aspect-ratio: attr(width) / attr(height);
    width: 100%;

}

/* Экстренное исправление - добавьте в style.css */
.container img,
.post-content img,
.entry-content img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}

/* Принудительное ограничение размеров */
img[width="1022"][height="1280"],
img[width="1280"] {
    max-width: 620px !important;
    width: 100% !important;
    height: auto !important;
}

/* Для всех больших изображений */
img {
    max-width: 100%;
    height: auto;
}

/* MAIN */
* {margin:0px; padding:0px;}
body { 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 24px; /* вместо 1.5 */
}
a, .forgot:hover, .posts li a.more:hover, .adress a:hover, #fullwidth a.more:hover, .search a:hover,
.md-content label a:hover, .member-box .sign-up:hover, .member-box .log-in:hover, .post .author:hover,
.details .comms p a:hover, .post .results li a:hover, .breadcrumbs a:hover {text-decoration: none;}
.forgot, .posts li a:hover, .girls li p a:hover, .adress a, #fullwidth ul li a:hover, .search a {text-decoration: underline;}
ul {list-style-type: none;}
img {border: 0;}

//.post  img {max-width:600px}
input, textarea, select {outline:none;}

.wraper {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  contain: layout;
  color: white;
  padding: 0 15px;
}
.white {color: #fff;}
.orange {color: #ff7b00;}
.intro {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  align-items: flex-start; 
}

/* Левая колонка с текстом */
.lft {
  flex: 0 0 380px;
  min-height: 350px;
  contain: content;
  box-sizing: border-box;
}

/* Правая колонка с девушками */
.rght {
  flex: 1;
  min-width: 300px; /* Уменьшил для лучшей адаптивности */
  contain: content;
  box-sizing: border-box;
}

.rght h2 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1.3;
}

.title {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 24px;
  line-height: 38px; 
  contain: content;
  margin-top: 0; 
  padding: 0; 
  overflow: hidden; 
}




.rght .share{margin:10px 0 10px -5px}
#header, #head, #content, #forms, #blogs, #wedding, #tabs,
#couples, #gallery #gallery2, #fullwidth, #contacts, #footer {
display: block;
width: 100%;}
.more:hover, .join:hover, .submit:hover, .all:hover, .posts li a:hover img, .search-box .share li a:hover,
.md-close:hover, .show-more:hover, .details a:hover, .reply:hover,
.send:hover, .join-btn:hover, .post a:hover h1 {opacity: .8;}
.logo a, .menu li a, .more, .join, .submit, .all,
.search-btn, .girls li a img, .posts li a img,
.tabNavigation li a, .search-box .share li a,
.show-more, .details a, .comment-body .reply {
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
transition: all ease 0.5s;}
.breadcrumbs a {
color: #4a789c;
text-decoration: underline}

/* /MAIN */


/* HEADER */
#header {
  display: block;
  width: 100%;
  overflow: auto;
  background: #fff;
  height: 50px;
  position: relative;align-items: center;}
.logo a, li .logo a  {color:#ff7b00}

#head::before, #forms::before  {
  content: '';
  display: block;
  height: 47px;
}
#head {
padding: 0;
background: #3b569d;}

.atention {
background: #ff9110;
margin: 25px 0;
padding: 15px 0;
border-radius: 4px;
text-align: center;
color: #fff;
font-weight: bold;font-size: 14px;}
.rght h2 {
color: #fff;
font-weight: bold;font-size: 24px;}


/* Сетка девушек */
.girls {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-start;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.girls li {
  flex: 0 0 130px;
  height: 260px;
  background: #fff;
  border-radius: 2px;
  padding: 2px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.girls li img {
  display: block;
  width: 125px;
  height: 175px;
  object-fit: cover;
}

.girls li p {
  text-align: center;
  padding: 5px;
  font-size: 14px;
}

.girls li p a {
  color: #3b569d;
}

/* Адаптивность для сетки девушек */
@media (min-width: 1024px) {
  .girls li {
    flex: 0 0 130px;
  }
}

@media (max-width: 767px) {
  .girls {
    justify-content: center;
  }
  
  .girls li {
    flex: 0 0 130px;
    margin: 5px;
  }
  
  .girls img {
    width: 100%;
    height: 180px;
  }
}

@media (max-width: 480px) {
  .girls li {
    flex: 0 0 130px;
    margin: 3px;
  }
}

#forms form.SearchForm {width: 100%}
#forms form {
  width: 257px; /* Ширина формы */
  contain: layout style; /* Изолируем форму */
  padding: 1px; /* Небольшой padding для предотвращения margin collapse */
}

#forms .input {
  display: block;
  width: 100%; 
  height: 39px;
  padding: 0 15px;
  margin-bottom: 15px;
  border: 1px solid #c1c2c1;
  border-radius: 4px;
  background: #f5f6f5;
  color: #909090;
  box-sizing: border-box;
  transform: translateZ(0); 
  will-change: transform; 
}
#forms .submit {
display: block;
float: left;
width: 95px;
height: 39px;
border: 0;
border-radius: 4px;
background: #ff7b00;
color: #fff;
cursor: pointer;
font-weight: bold;font-size: 20px;}
.forgot {
display: block;
float: right;
color: #1f8184;}
#forms p {
clear: both;
display: block;
padding: 13px 0;
color: #282828;
text-align: center;
border-top: 1px solid #dcdddc;
font-size: 14px;}
.join {

width: 230px;}
.search {
position: relative;
background: #358fa9;
border-radius: 4px;
height: 285px;}
.search .man {
position: absolute;
bottom: 0;
right: 5px;
width: 211px;
height: 305px;
background: url(img/man.png) no-repeat;}
.search .woman {
position: absolute;
bottom: -25px;
right: 0px;
width: 207px;
height: 324px;
background: url(img/woman.png) no-repeat;}
.search h3 {
color: #fff;
padding: 5px 0 15px 25px;
font-size: 24px;}
.search a {
position: relative;
top: -40px;
margin: 0 0 0 15px;
color: #fff;
font-size: 12px;}
.box {
overflow: hidden;
float: left;
width: 131px;
height: 43px;
background: url(img/select.png) #fff no-repeat 101px 50%;
border-radius: 5px;
margin: 25px 0 25px 25px;}
.box span {
position: absolute;
margin-top: -25px;}
.box span, .reg-form span {
color: #fff;
}
.box select{
display: block;
width: 150px;
height: 43px;
padding-left: 15px;
border: 1px solid #fff;
border-radius: 0;
box-shadow: none;
background: transparent;
cursor: pointer;
font-size: 14px;}
.box input {
display: block;
width: 80px;
height: 43px;
padding-left: 15px;
background: transparent;
border: 0;
font-size: 14px;}
.noarr input {width: 90px;}
.big {
margin-top: 0;
width: 211px;
background: url(img/select.png) #fff no-repeat 181px 50%;}
.full {
width: 285px;
background: #fff;}
.big select {width: 230px;}
.clear {clear: both;}
.zero {margin-top: 0;}
.checkboxes {float: left;}
.checkboxes label, .md-content label{
cursor: pointer;
display: block;
color: #fff;
margin-bottom: 4px;}
.checkboxes label span, .md-content label span{
position: relative;
top: -4px;
font-size: 12px;}
.checkboxes label input, .md-content label input, .quick-search label input {
position: static;
margin: 0 5px 0 15px;
width: 18px;
height: 18px;
border: none;
color:#fff;
background-color:#fff;}
.quick-search label input {
position: relative;
top: 4px;
margin-left: 0;
margin-bottom: 10px;}
.search-btn {
height: 43px;
background: #1f8184;
color: #fff;
border: 0;
border-radius: 5px;
cursor: pointer;
font-weight: bold;font-size: 20px;}
.search-btn:hover {background: #2ba3a6}
.quick-search .search-btn {
width: 100%;
margin-left: 0px;}
/* /HEADER */


/* CONTENT - index */
#blogs {
background: #3b569d;}

.posts {

  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  contain: layout;
}

.posts li {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  contain: layout style;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

/* Убираем старый margin для второго элемента */
.posts li:nth-child(2) {
  margin: 0; /* Убираем, так как используем gap */
}

.couple-image {
  width: 100%;
  height: 200px;
  aspect-ratio: 3/2;
  object-fit: cover;
  display: block;
  flex-shrink: 0; /* Не сжимается */
  background: #f5f5f5; /* Заполнитель при загрузке */
}

.posts li p {
  flex: 1; /* Занимает оставшееся пространство */
  background: #fff;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 120px; /* Минимальная высота */
  box-sizing: border-box;
}

.posts li a.more {
  display: inline-block;
  background: #ff7b00;
  color: white !important;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  margin-top: auto; /* Прижимаем к низу */
  align-self: flex-start;
}

.posts li a.more:hover {
  opacity: 0.9;
}

/* Для точного контроля высоты */
.posts li p span,
.posts li p strong {
  display: block;
  color: #a3a3a3;
  line-height: 1.5;
}

/* Адаптивные стили */

/* Планшеты (2 колонки) */
@media (max-width: 1024px) {
  .posts {
    gap: 4%;
    justify-content: center;
  }
  
  .posts li {
    flex: 0 0 48%; /* 2 колонки */
    max-width: 300px;
  }
}

/* Мобильные (1 колонка) */
@media (max-width: 768px) {
  .posts {
    gap: 20px;
    justify-content: center;
  }
  
  .posts li {
    flex: 0 0 100%;
    max-width: 300px;
  }
}
#blogs .posts li p span {margin-top: 5px;}
.posts li a.more, #wedding .posts li a.more,
#couples .posts li a.more, #fullwidth a.more {
display: block;
border-radius: 4px;
color: #fff;
background: #ff7b00;
text-align: center;
font-weight: bold;font-size: 13px;line-height: 27px;}
.all {
display: block;
position: relative;
left: 50%;
width: 184px;
height: 44px;
margin: 30px 0 10px -92px;
text-align: center;
background: #7ac6c8;
color: #fff;
border-radius: 4px;
font-weight: bold;font-size: 21px;line-height: 44px;}
.alllink::before {
  content: '';
  display: block;
  height: 10px;
}
.alllink {
  display: block;
  width: 100%;
  clear: both; 
}

.alllink a {   float:left;
display: block;
width: 300px;
height: 44px;
text-align: center;
background: #7ac6c8;
color: #fff;
border-radius: 4px;
font-weight: bold;font-size: 21px;line-height: 44px;}
.alllink a:nth-child(2) {
    margin: 0 5%;
}


#wedding {
padding: 20px 0;
background: url(https://www.1st-attractive.com/dating.ru/images/wedding_prague_bg2.jpg) no-repeat center bottom;}
#wedding h2 {color: #000;}
#wedding .posts li p span {margin-bottom: 15px;}

.home-post-title{
color: #3b569d !important;
font-size: 20px !important;}
.home-post-title {color: #3b569d !important;} 
#wedding .posts li a, #couples .posts li a {
color: #3b569d;
font-size: 20px;}
#wedding .posts li p {padding: 20px;}
#tabs {
padding: 35px 0;
background: #7ac6c8}
.container {width: 100%;}
.tabNavigation {
list-style: none;
margin: 0;
padding: 0;}
.tabNavigation li {
display: block;
float: left;
width: 310px;
background: #1f8184;}
.tabNavigation li.marg {margin: 0 25px;}
.tabNavigation li a {
display: block;
height: 55px;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 16px;line-height: 55px;}
.tabNavigation li a.selected,
.tabNavigation li a.selected:hover {
height: 60px;
background: #FFF;
color: #000;}
.tabNavigation li a:hover {
background: #fff;
color: #000;}
.tabs div {
overflow: auto;
height: 363px;
clear: both;}
#first, #four {background: url(img/tab1.png) no-repeat;}
#second, #five {background: url(img/tab2.png) no-repeat;}
#third, #six {background: url(img/tab3.png) no-repeat;}
.tabs div p {padding: 40px;}
.tabs div p img {
display: block;
float: left;}
.tabs div p span {
display: block;
float: left;
width: 535px;
height: 214px;
padding: 35px;
color: #45484c;
background: #fff;
opacity: .8;
font-size: 14px;}
#couples, #gallery #gallery2 {
  padding: 25px 0; 
  background: #3b569d;
  min-height: 100px; 
  contain: layout style; 
  position: relative; 
  overflow: hidden; 
}


#fullwidth {
padding: 50px 0;
background: #7ac6c8;}
#fullwidth ul li {
overflow: auto;
margin-bottom: 20px;}
#fullwidth ul li:last-child {margin-bottom: 0;}
#fullwidth ul li img {
display: block;
float: left;
width: 310px;
height: 225px;
border-radius: 5px 0 0 5px;}
#fullwidth ul li p {
display: block;
float: left;
width: 620px;
height: 175px;
padding: 25px;
border-radius: 0 5px 5px 0;
background: #fff;}
#fullwidth ul li a {
color: #1f8184;
font-size: 20px;}
#fullwidth ul li span {
margin-top: 5px;
display: block;
color: #a3a3a3;
font-size: 12px;}
#fullwidth ul li strong {
display: block;
margin: 15px 0;
font-size: 12px;}


/* CONTENT - main */
#content {
background: #3b569d;
}


/* ДОБАВИТЬ новые стили: */
#content .wraper {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: flex-start;
}

.main {
    flex: 1;
    min-width: 300px; /* Минимальная ширина */
    max-width: 650px; /* Максимальная ширина */
}

.side {
    flex: 0 0 300px; /* Фиксированная ширина */
    max-width: 300px;
    margin-left: 0;
}
/* ===== АДАПТИВНОСТЬ ===== */

@media (max-width: 1024px) {
    #content .wraper {
        gap: 20px;
    }
    
    .main, .side {
        flex: 1 1 100%;
        max-width: 100%;
    }
    
    .side {
        order: 2; /* Перемещаем сайдбар вниз на мобильных */
        margin-top: 20px;
    }
}

@media (max-width: 768px) {
    #content .wraper {
        padding: 0 10px;
        gap: 15px;
    }
    
    .post {
        padding: 10px;
    }
    
    .member-box {
        max-width: 100%;
    }
}
.side h3 {
color: #fff;
margin-bottom: 15px;
font-weight: bold;font-size: 30px;}
.side .girls {width: 300px;} 
.side .girls li:nth-child(odd) {float: right;}
.search-box {
width: 620px;
overflow: auto;
margin: 0 0 25px 0;
padding: 10px 15px;
background: #fff;
border-radius: 5px;}
.search-box .share {margin-top: 8px;}
.member-box {
width: 280px;
padding: 15px 10px;
background: #fff;
border-radius: 5px;
height: 61px;}
.member-box .sign-up, .member-box .log-in {
color: #1f8184;
text-decoration: underline;
padding: 10px 0 10px 30px;
margin: 0 15px;
font-size: 14px;}
.member-box .sign-up {
background: url(img/signup.png) no-repeat left center;}
.member-box .log-in {
background: url(img/login.png) no-repeat left center;}
.share {
margin-left: -5px;
float: left;
}
.share li a{
display: block;
float: left;
width: 44px;
height: 25px;
color: #fff;
padding-left: 22px;
margin: 9px 5px 0 0;
border-radius: 4px;
font-size: 12px;line-height: 25px;}
.share li.tw a{
background: url(img/soc.png) #32ccfe no-repeat 5px 8px}
.share li.fb a{background: url(img/soc.png) #3b569d no-repeat 5px -12px}
.share li.gl a{background: url(img/soc.png) #dd4c39 no-repeat 5px -33px}
#searchform {
margin-left: -20px;
overflow: auto;}
#searchform p {
float: left;
width: 200px;
font-size: 14px;line-height: 40px;}

#searchform input {
display: block;
float: right;
width: 220px;
padding: 0 13px;
height: 40px;
border: 0;
border-radius: 4px;
background: #ececec;
color: #8e8e8e;
font-size: 14px;}
.my-breadcrumbs {color:#027a9c}
.my-breadcrumbs a {color:#027a9c}
/* 1. Исправляем .post */
.post {
    /* УДАЛИТЬ: width: 620px; */
    width: 100% !important; /* ДОБАВИТЬ */
    max-width: 100%; /* ДОБАВИТЬ */
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box !important; /* ДОБАВИТЬ */
    margin: 0 auto; /* ДОБАВИТЬ для центрирования */
    display: block;
}
/* 2. Исправляем изображения */
.postcontent img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 0 auto !important; /* Центрируем */
}

/* 4. Исправляем span внутри параграфов */
.postcontent span {
  display: block !important; /* Меняем на block для разрывов */
  width: 100% !important;
  text-align: center;
  margin: 0 0 5px 0 !important; /* Только нижний отступ */
  padding: 0;
  box-sizing: border-box;
}

.post h1 {
color: #3b569d;
font-weight: bold;
font-size: 20px;}

.post .attachment-medium  {
position: relative;
margin: 10px 0 20px -15px;
width: 650px;
height: 400px;}

.post ul {margin-left: 5px}
.post ul li {
margin: 10px 0;
padding-left: 10px;
background: url(img/li.png) no-repeat left center;
}
.post .results {
margin: 10px 0 0 20px;}
.post .results li {
font-size: 14px;
list-style-type: decimal;
padding-left: 0;
background: none}
.post .results li a {
color: #3b569d;
text-decoration: underline;}
.details {
overflow: hidden;
margin-top: 0px;}
.details .share{
margin-top: 20px;
overflow: auto;}
.details .comms {
width: 60%;
height: 27px;
margin-top: 20px;
float: right;}
.details .comms p{
clear: none;
display: block;
float: right;
width: 190px;
margin-right: 25px;
text-align: right;
color: #ababab;
font-size: 12px;line-height: 27px;}
.details .comms p i{
padding: 5px 10px;
background: url(img/comm.png) no-repeat left center;}
.details .comms p a {
color: #ababab;
text-decoration: underline;}
.details .comms .add {
display: block;
float: right;
width: 130px;
height: 27px;
border-radius: 4px;
background: #ff7b00;
color: #fff;
text-align: center;
font-weight: bold;font-size: 13px;line-height: 27px;}
.show-more {
display: block;
width: 122px;
height: 30px;
margin: 25px auto;
background: #ff7b00;
color: #fff;
text-align: center;
border-radius: 4px;
font-weight: bold;font-size: 13px;line-height: 30px;}
.comment-box, .comment-form {
margin: -25px 0 50px 0;
background: #fff;
border-radius: 5px;}
.comment-form input, .comment-form textarea {
border-radius: 4px;
border: 0;
background: #ececec;
padding: 0 15px;}
.comment-form input {
width: 150px;
margin-right: 10px;
height: 27px;
color: #a6a6a6;
font-size: 12px;}
.comment-form textarea {
overflow: auto;
border: 0;
width: 590px;
padding: 15px;
margin: 15px;
font-size: 12px;}
.comment-box p {
padding: 15px;
font-size: 12px;}
.comment-box small {
display: block;
padding: 5px 15px 0 15px;
color: #f00;
text-align: center;
font-size: 12px;}
.box-top {
overflow: auto;
padding: 10px 15px;
border-bottom: 1px solid #ededed;}
.box-top strong{
float: left;
display: block;
color: #7ac6c8;
text-decoration: underline;
font-weight: bold;font-size: 16px;line-height: 27px;}
.box-top span {
display: block;
float: left;
margin-left: 20px;
color: #a6a6a6;
font-size: 12px;line-height: 27px;}
.reply, .comment-form input.reply {
display: block;
width: 87px;
height: 27px;
float: right;
margin-right: 0px;
border-radius: 4px;
background: #ff7b00;
color: #fff;
text-transform: uppercase;
text-align: center;
cursor: pointer;
font-weight: bold;font-size: 13px;line-height: 27px;}
.quick-search {
width: 280px;
padding: 25px;
background: #027a9c;
border-radius: 5px;}
.quick-search strong {
display: block;
margin-bottom: 25px;
color: #fff;
font-weight: bold;font-size: 16px;}
.quick-search .box {
margin-left: 0px;
margin-top: 0px;
width: 45%;
background: url(img/select.png) #fff no-repeat 82px 50%;}
.quick-search .zero {margin-right:10%;}
.quick-search .box select {width: 117%}
.quick-search .big {
width: 100%;
background: url(img/select.png) #fff no-repeat 220px 50%;}
.quick-search .big select {width: 108%;}
.quick-search label {
display: block;
color: #fff;
cursor: pointer;}

.recent li a {
display: block;
color: #fff;
border-bottom: 1px solid #4d6bbb;
padding: 10px 0 0 25px;
 background: url(img/pen.png) no-repeat 5px 13px; 
}
.recent li a:hover {background: url(img/pen.png) #4d6bbb no-repeat 5px 13px;}
.recent.comm li a {background: url(img/comm.png) no-repeat 5px 13px;}
.recent.comm li a:hover {background: url(img/comm.png) #4d6bbb no-repeat 5px 13px;}
.recent.comm li a span {
color: #7ac6c8;
font-weight: bold;}
.need-help {
color: #fff;
margin: 50px 20px;
padding: 10px 0 0 80px;
background: url(img/need-help.png) no-repeat left center;}
.need-help p{font-size: 12px;}
.need-help strong{font-weight: bold;font-size: 20px;}

.reg-form {
overflow: auto;
width: 600px;
background: #7ac6c8;
border-radius: 5px;
padding: 25px;
color: #fff;}
.reg-form strong , .reg-form small {
display: block;
margin-bottom: 15px;
width: 50%;}
.box input {width: 100%;}
.reg-form strong {
float: left;
font-weight: bold;font-size: 16px;}
.reg-form small {
float: right;
text-align: right;
font-style: italic;font-size: 16px;}
.reg-form .box {
margin-bottom: 15px;
margin-left: 0px;
width: 100%;
background: url(img/select.png) #fff no-repeat 250px 50%;}
.twice .box {width: 48%;}
.twice .box.wgh {margin-left: 4%;}
.twice .box select {width: 115%;}
.twice .box {background: url(img/select.png) #fff no-repeat 103px 50%;}
.b-days .box {
width: 35%;
background: url(img/select.png) #fff no-repeat 68px 50%;}
.b-days .box select {width: 120%;}
.b-days .box.sml select {width: 135%;}
.b-days .box.sml {background: url(img/select.png) #fff no-repeat 35px 50%;}
.b-days .box.sml {width: 20%;}
.b-days .box.md {margin-left: 5%;margin-right: 5%}
.left-side, .right-side {
width: 47%;
float: left;}
.right-side {margin-left: 6%;}
.reg-form .box.noarr, .noarr {background: #fff;}
.line {
clear: both;
width: 100%;
padding: 0px 0 15px 0;
margin-bottom: 20px;
border-bottom: 1px solid #fff;}
.reg-form select {width: 108%;}
.reg-form textarea {
display: block;
overflow: auto;
width: 96%;
padding: 2%;
margin: 5px 0 10px 0;
background: #fff;
border-radius: 5px;
border:0;
font-size: 12px;}
.rows {
clear: both;
overflow: auto;}
.row-i, .row-ii, .row-iii  {
display: block;
float: left;
width: 30%;}
.row-ii {margin: 0 5%;}
.rows .box {background: url(img/select.png) #fff no-repeat 150px 50%;}
.rows select {width: 113%;}
.max {margin-top: -5px;}
.send {
width: 246px;
height: 41px;
margin: 25px 0 0px 177px;
color: #fff;
background: #ff9110;
border: 0;
text-align: center;
border-radius: 4px;
cursor: pointer;
font-weight: bold;font-size: 20px;}
/* /CONTENT */


/* FOOTER */
#contacts h2 {color: #1f8184;}
#bg-image.lazy {
   background-image: none;
   background-color: #F1F1FA;
}
#bg-image {
height: 420px;
background: url(https://www.1st-attractive.com/dating.ru/images/contact_us_map.jpg) no-repeat 50%;
position: relative;}

.map {
height: 420px;
background: url(https://www.1st-attractive.com/dating.ru/images/contact_us_map.jpg) no-repeat 50%;
position: relative;}

.adress {
position: absolute;
top: 20px;
right: 10px;
width: 350px;
padding: 25px;
background: #fff;
color: #2a2d31;
opacity: .8;
}

.adress a{color: #2a2d31;}
#footer {
padding: 25px 0;
background: #242934;
color: #fff;
}
#footer.home-footer {
display: block;
background: #3b569d;}
#footer a { color: #fff;}
/* /FOOTER */

/* MODAL */
.md-modal {
position: fixed;
top: 50%;
left: 50%;
width: 340px;
padding: 25px 0;
background: #59c8ca;
border-radius: 5px;
height: auto;
z-index: 2000;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);}
.md-show {visibility: visible;}
.md-content {margin: 0 auto;}
.md-content strong {
display: block;
width: 70%;
color: #fff;
margin: -5px 0 5px 25px;
font-weight: bold;font-size: 16px;}
.md-content .box {margin-bottom: 0;}
.md-content label {margin: 15px 0 15px 10px;}
.md-content label a {
color: #fff;
text-decoration: underline;}
.join-btn {
display: block;
width: 246px;
margin-left: auto;
margin-right: auto;
height: 41px;
border: 0;
border-radius: 4px;
color: #fff;
background: #ff7b00;
cursor: pointer;
font-weight: bold;font-size: 20px;}
.md-close {
display: block;
position: absolute;
z-index: 999;
right: 25px;
top: 20px;
border: 0;
width: 17px;
height: 18px;
background: url(img/close.png) no-repeat;
cursor: pointer;
text-indent: -99999px;}
.md-overlay {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
left: 0;
z-index: 1000;
opacity: 0;
background: rgba(0,0,0,0.8);}
.md-show ~ .md-overlay {
opacity: 1;
visibility: visible;}
/* Effect :  Blur */
.md-show.md-effect-16 ~ .md-overlay {background: rgba(0,0,0,0.7);}
.md-show.md-effect-16 ~ .container {
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
filter: blur(3px);}
.md-effect-16 .md-content {
-webkit-transform: translateY(-5%);
-moz-transform: translateY(-5%);
-ms-transform: translateY(-5%);
transform: translateY(-5%);
opacity: 0;}
.md-show.md-effect-16 .md-content {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;}
#blogs .posts li img,
#couples .posts li img  {
width: 310px;
}


.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;
}
.wp-pagenavi a:hover {
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
/*	- Page Navigation CSS Style		*/
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.video embed, .video object, .video iframe {
    height: auto;
    width: 100%;
}

.slicknav_menu {display:none;}
@media only screen and (max-width: 480px) {
	#header
		{display: none;}
	#menu
		{display:none;}
	.slicknav_menu
		{display:block;}
	 #head, #forms, #blogs,
	 #wedding, #tabs, #couples, #gallery #gallery2, 
	 #fullwidth, #contacts, #footer, #content{
		 padding: 0;
		 min-width: inherit;
		 width: auto;
		 display: block;
	}
	#head .wraper, #forms .wraper, #blogs .wraper,
	#wedding .wraper, #tabs .wraper, #couples .wraper,
	#fullwidth .wraper, #contacts .wraper, #footer .wraper, #content .wraper{
		 width: auto;
		 }
 #contacts .wraper{padding: 0}
 #head .wraper .rght {
	 width: auto;
	 float: none;
	 display: block;}
 .rght h2 {
	 text-align: center;
	 display: block;}
 #head .wraper .lft{
	 text-align: center;
	 width: auto;
	 float: none;
	 display: block}
 #head .girls {
	 margin: 0 auto;
	 overflow: auto;
	 width: 310px;}
 #head .girls li {margin-bottom: 70px;}
 #head .girls li:nth-child(2),
 #head .girls li:nth-child(4) {margin-right: 0;}
 #forms .lft{
	 display: block;
	 float: none;
	 width: auto;
	 padding: 25px 0;}
 #forms .lft form{
	 display: block;
	 margin: 0 auto;}
 #forms .rght {display: none;}
 #blogs, #wedding, #tabs,
 #couples, #fullwidth, #footer {padding: 20px 0;}
 #blogs ul li, #wedding ul li,
 #couples ul li {
	 float: none;
	 margin: 0 auto 25px auto;}
 #blogs .all {margin-top: 5px;}
 #tab {padding-bottom: 0}
 .tabNavigation li {
	 width: 30%;
	 overflow: hidden;}
 .tabNavigation li.marg {margin: 0 5%;}
 .tabs div {height: auto;}
 .tabs div p span {
	 width: 80%;
	 padding: 10%;
	 height: auto;
	 float: none;
	 margin: 0 auto;}
 .tabs div p img,
 #fullwidth ul li img {
	 width: auto;
	 float: none;
	 margin: 0 auto;}
 #fullwidth ul li img {border-radius: 5px}
 #fullwidth ul li p {
	 width: auto;
	 height: auto;
	 border-radius: 5px;}
 #footer, .home-footer {
	 display: block;
	 text-align: center;}
 #contacts {overflow: hidden;}
 .adress {
	 top: 15%;
	 left: 0;
	 right: 0;
	 width: auto;}
 .alllink a {
	 float: none;
	 margin: 10px auto;}
 .alllink a:nth-child(2) {margin: 10px auto;}
 .side {
		margin-left:0px;
		width: auto;

	}
	.main {
		 width:auto;
		 }
	.post {
		padding:5px;
		 width:auto;
	}
	.wp-caption{
		width:280px !important;
	}
	.post img{
			width:280px;
			height:auto;
	}
	.details{
		width:100%;
	}
	.comment-form textarea{
		width:80%;
	}
	.wp-caption-text{
		clear:both;
		width:50%;
	}
	.b-share_theme_counter .b-share-btn__wrap {
		margin-left:2px;
	}
	.details .comms {
		float: right;
		height: 27px;
		margin-top: 20px;
		width: 20%;
	}
	.details .comms .add {
		display: block;
		float: right;
		font-weight: bold;font-size: 11px;line-height: 17px;
		height: 27px;
		text-align: center;
		width: 90px;
	}
	.details .comms p {
		clear: none;
		color: #ababab;
		display: block;
		float: right;
		font-size: 9px;line-height: 17px;
		margin-right: 25px;
		text-align: right;
		width: 190px;
	}
	.comment-form input {
		color: #a6a6a6;
		font-size: 12px;
		height: 27px;
		margin-right: 5px;
		width: 95px;
		margin-bottom:10px;
	}
	.reply, .comment-form input.reply{
		float:right;
	}
	.intro{
		 width:280px;
		text-align:center;
	}
	.search-box {
		background: none repeat scroll 0 0 #fff;
		border-radius: 5px;
		margin: 0 0 25px;
		overflow: auto;
		padding:5px;
		width: auto;
	}
	#searchform input {
		background: none repeat scroll 0 0 #ececec;
		border: 0 none;
		border-radius: 4px;
		color: #8e8e8e;
	//	display: block;
	//	float: left;
		font-size: 10px;
		height: 30px;
		padding: 0 13px;
		width: 200px;
	}
	#searchform{
		float:left;
		margin-left:0px;

	}
	.share {
		//float: left;
		width:100%;
		clear:both;
		margin-bottom:5px;
	}
	.post ul li {
		background: none;
		font-size: 12px;
		margin: 10px 0;
		padding-left: 0px;
		width:280px;
	}
	.b-share-counter {
    font-size: 8px;line-height: 21px;
	margin:0px;
	}
	.navigation{
		margin-bottom:10px;
	}

}

















/* Mobile Menu Core Style */
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
.slicknav_menu { *zoom: 1 }
.slicknav_menu {font-size:16px;}
.slicknav_btn {
margin: 5px 5px 6px;
text-decoration:none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #3b569d;}
.slicknav_menu  .slicknav_menutxt {
font-weight: 300;
color: #FFF;}
.slicknav_menu .slicknav_icon-bar {background-color: #f5f5f5;}
.slicknav_menu {
background:#eee;
padding:5px;}
.slicknav_nav {
color:#fff;
margin:0;
padding:0;}
.slicknav_nav, .slicknav_nav ul {
list-style: none;
overflow:hidden;}
.slicknav_nav ul {
padding:0;
margin:0 0 0 20px;}
.slicknav_nav .slicknav_row {
padding:5px 10px;
margin:2px 5px;}
.slicknav_nav a{
padding:5px 10px;
margin:2px 5px;
text-decoration:none;
color:#3b569d;
font-weight: 300;}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
padding:0;
margin:0;}
.slicknav_nav .slicknav_row:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#ccc;
color:#fff;}
.slicknav_nav a:hover{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#ccc;
color:#222;}
.slicknav_nav .slicknav_txtnode {margin-left:15px;}

/* spam */
#snow {display:none}
/*photo*/
.brides_photo {text-align: center;margin-left: auto;
    margin-right: auto;
    width: 980px;}
.profile, .profile_two, .profile_three, .profile_four {
    display: inline-block;
    vertical-align: top;
}
.profile_two {
    margin-left: 27px;
}
div .girl {z-index: 0;height: 175px;
    width: 125px;}
div.girl p {  background-color: rgba(122, 198, 200, 0.7);

    color: #ffffff;
    font-size: 10pt;
    height: 33px;
    line-height: 1;
    margin-left: 0;
    margin-top: -33px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 126px;
    z-index: 99;
}
.girl a {display: block;}
.girl img {width:125px;}

/* Related Post */
.crp_related a {
  width: 155px;
  height: 150px;
  text-decoration: none;
}
.crp_related img {
  max-width: 200px;
  margin: auto;
}
.crp_related .crp_title {
  width: 100%;
}

.crp_related {
	clear: both;
}
.crp_related h3 {
	margin: 0 !important;
}
.crp_related ul {
	list-style: none;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
}
.crp_related li, .crp_related a {
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.crp_related li {
	margin: 5px !important;
	border: 1px solid #ddd;
	padding: 6px;
}
.crp_related li:hover {
	background: #eee;
	border-color: #bbb;
}
.crp_related a {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
}
.crp_related a:hover {
	text-decoration: none;
}
.crp_related .crp_title {
	color: #fff !important;
	position: absolute;
	display: block;
	bottom: 0;
	padding: 3px;
	font-size: .9em;
	text-shadow: .1em .1em .2em #000;
	background-color: #027a9c;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.crp_related li:hover .crp_title {
	background-color: #15a6a6;
}
.crp_related li {
	vertical-align: bottom;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	list-style-type: none;
}
.crp_clear {
	clear: both;
}
.crp_title:visited {
	color: #fff !important;
}



/* Mobile responsive images fix */
@media (max-width: 768px) {
    /* Force all images to be responsive */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Fix post container */
    .post, .main {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden;
    }
    
    /* Fix wrapper padding */
    .wraper {
        padding: 0 10px !important;
    }
    
    /* Center images */
    .post img {
        display: block;
        margin: 10px auto;
    }
}



/* 5. Адаптивность */
@media (max-width: 1024px) {
    .post {
        padding: 10px;
    }
}

@media (max-width: 768px) {
    .post {
        padding: 8px;
        border-radius: 4px;
    }
}