html, body {
height: 100%;
}
body {
font-family: "Montserrat Alternates", sans-serif;
cursor: default;
background-position: 50% 0;
background-attachment: fixed;
font-size: 16px;
color: #51595e;
background: #ffffff;
overflow-x: hidden;
}
body.hidden {
overflow: hidden;
}
span {
display: inline-block;
}
strong {
font-weight: 600;
}
img {
vertical-align: top;
max-width: 100%;
width: 100%;
height: auto;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 0px;
}
table thead {
background: #f6f6fa;
color: inherit;
}
table tr {
border: 0;
}
table td, table th {
padding: 15px;
text-align: center;
border: 1px solid #ced4da;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Montserrat Alternates", sans-serif;
color: inherit;
font-style: normal;
font-weight: 400;
margin-bottom: 20px;
}
h1 {
font-size: 26px;
line-height: 36px;
font-weight: 500;
}
h2 {
font-size: 25px;
line-height: 35px;
font-weight: 500;
}
h3, h4, h5, h6 {
font-size: 16px;
line-height: 27px;
}
p, ul, ol, blockquote, address, pre, dl {
font-size: 16px;
line-height: 27px;
margin-bottom: 20px;
font-weight: normal;
}
p:empty {
display: none;
}
p:last-child {
margin-bottom: 0;
}
dl dt {
font-weight: bold;
}
address {
font-style: normal;
}
del {
color: #aaa;
font-size: 17px;
}
pre {
border: 1px solid #ddd;
background-color: #f5f5f5;
padding: 30px;
white-space: pre-wrap;
color: #333;
}
code, var {
color: #454545;
}
cite {
font-weight: bold;
}
q {
font-style: italic;
}
blockquote {
padding: 24px 60px;
margin: 30px 0;
border-left: 3px solid #d3c29f;
font-style: italic;
font-size: 17px;
}
blockquote p {
margin: 0;
opacity: 0.75;
}
a {
text-decoration: none;
color: inherit;
transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
}
a:hover {
color: #f7775e;
text-decoration: none !important;
}
hr {
border: 0 none;
border-bottom: 2px solid #009cda;
margin: 30px 0;
}
ul ul, ol ol, ul ol, ol ul {
padding-left: 15px;
margin-bottom: 0;
}
ul li {
list-style-position: inside;
list-style: none;
margin-bottom: 4px;
}
iframe {
width: 100%;
border: 0 !important;
}
canvas {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
position: absolute;
pointer-events: none;
z-index: 1;
}
label {
font-size: inherit;
display: inline-block;
width: 100%;
text-align: left;
margin-bottom: 7px;
}
.layout {
position: relative;
z-index: auto;
text-align: center;
}
.container {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
}
.container.top-null {
padding-top: 0;
}
.container.bottom-null {
padding-bottom: 0;
}
.container.top-bottom-null {
padding-top: 0;
padding-bottom: 0;
}
.content {
position: relative;
z-index: auto;
}
.bg-section-white {
background-color: #ffffff;
}
.bg-section-beige {
background: #f9f5f2;
}
.bg-section-beige-image-1 {
background-color: #f7f2ee;
background-image: url(//youpick.ru/wp-content/themes/YoupickTravel/img/bg-beige-1.jpg);
background-size: 100% 100%;
}
@media screen and (max-width: 900px) {
.bg-section-beige-image-1 {
background-image: url(//youpick.ru/wp-content/themes/YoupickTravel/img/bg-beige-mobile-1.jpg);
background-size: contain;
}
}
.bg-section-beige:before, 
.bg-section-beige-image-1:before, 
.bg-section-beige:after, 
.bg-section-beige-image-1:after {
content: '';
display: block;
height: 9px;
}
.bg-section-beige:before, .bg-section-beige-image-1:before {
background: url(//youpick.ru/wp-content/themes/YoupickTravel/img/white-divider-top.png);
}
.bg-section-beige:after, .bg-section-beige-image-1:after {
background: url(//youpick.ru/wp-content/themes/YoupickTravel/img/white-divider-bottom.png);
} #preloader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999999;
background: rgb(255 255 255 / 90%);
display: none;
}
.preloader-section {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
z-index: 100000;
}
.preloader-1 {
margin-top: -60px;
margin-left: -25px;
border-top: 0.4em solid #0389c9;
border-right: 0.4em solid rgb(33 151 207 / 69%);
border-bottom: 0.4em solid rgb(33 151 207 / 69%);
border-left: 0.4em solid rgb(33 151 207 / 69%);
-webkit-animation: load1 0.8s infinite linear;
animation: load1 0.8s infinite linear;
}
.preloader-1, .preloader-1:after {
border-radius: 50%;
width: 60px;
height: 60px 
}
@-webkit-keyframes load1 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg) 
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg) 
}
}
@keyframes load1 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg) 
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg) 
}
}
.terms-text {
line-height: 19px;
font-size: 14px;
} input[type='text'], input[type='submit'], input[type='search'], textarea {
-webkit-appearance: none;
color: inherit;
}
input[readonly='readonly'] {
background: #f9f9f9;
border: solid 1px #ebebeb;
cursor: default;
}
input, select, textarea {
font-family: "Montserrat Alternates", sans-serif;
display: inline-block;
background-color: #ffffff;
border: 1px solid #c6c6c6!important;
border-radius: 5px;
box-shadow: none !important;
height: inherit;
padding: 15px;
width: 100%;
font-size: inherit;
font-weight: 300;
color: #51595e;
}
::-webkit-input-placeholder {
color: #b4b4b4;
}
::-moz-placeholder {
color: #b4b4b4;
}
:-moz-placeholder {
color: #b4b4b4;
}
:-ms-input-placeholder {
color: #b4b4b4;
}
input:focus, textarea:focus {
border-color: #b4b4b4 !important;
}
:focus {
outline: none;
border-color: #b4b4b4;
}
input:disabled {
background: #fbfbfb;
opacity: 0.8;
cursor: default;
color: #565454 !important;
}
input[readonly] {
background-color: #f6f6fa;
cursor: auto;
}
input[type="file"] {
height: auto;
padding: 0;
background: none;
border: 0 none;
}
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
select {
position: relative;
background: none;
}
.simple-icon-select {
position: relative;
background: #ffffff;
border-radius: 4px;
}
.simple-icon-select:before {
content: "\e604";
position: absolute;
right: 10px;
top: 50%;
margin-top: -6px;
color: #b7b7b7;
}
input[type="checkbox"], input[type="radio"] {
width: auto;
padding: 0;
height: auto;
border: 0 none;
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
input[type="number"], input[type="date"] {
width: 100%;
}
fieldset {
border: 1px solid #ddd;
padding: 15px;
margin-bottom: 30px;
}
legend {
font-weight: bold;
text-transform: uppercase;
padding: 5px 15px;
border: 2px solid #ddd;
height: 30px;
}
textarea {
height: 155px;
resize: none;
display: block;
}
.form-fields {
position: relative;
}
.form-field {
position: relative;
margin-bottom: 15px;
}
.form-field:last-child {
margin-bottom: 0;
}
.form-field input, .form-field select, .form-field textarea {
position: relative;
}
.notvalid {
border: 1px solid #b32d2e !important;
}
#contact-form {
position: relative;
} button::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
input[type="file"]>input[type="button"]::-moz-focus-inner {
border: 0 none;
}
.btn-main-wrapp {
display: block;
position: relative;
margin-top: 30px;
margin-bottom: -5px;
}
.btn-main, button, input[type="submit"] {
display: inline-block;
width: auto;
cursor: pointer;
font-size: 16px;
font-weight: 500;
text-align: center;
position: relative;
padding: 15px 17px 15px 17px;
text-decoration: none !important;
color: #ffffff;
background: #f7775e;
border: solid 1px #ffffff;
border-radius: 4px;
overflow: hidden;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.btn-main:hover, button:hover, input[type="submit"]:hover {
color: #f7775e;
background: #ffffff;
border: solid 1px #f7775e;
}
.btn-main-disabled {
pointer-events: none;
opacity: 0.7;
cursor: default;
}
.read-more {
font-size: 14px;
font-weight: 600;
position: relative;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.read-more .simple-icon-arrow-right-circle {
position: absolute;
right: 0;
font-size: 18px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.flare {
position: absolute;
top: 0;
height: 100%;
width: 45px;
transform: skewX(-45deg);
animation: flareAnimation;
left: -150%;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
animation: flareAnimation 2s infinite linear;
}
.btn-main .flare {
animation: flareAnimation 2s infinite linear;
-webkit-animation: flareAnimation 2s infinite linear;
}
.logo .flare {
animation: flareAnimation 4s infinite linear;
-webkit-animation: flareAnimation 4s infinite linear;
width: 75px;
}
@keyframes flareAnimation {
0% {
left: -150%;
}
100% {
left: 150%;
}
} .header {
position: absolute;
width: 100%;
top: 0px;
background: #ffffff;
z-index: 9998;
transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
}
.header-sticky {
position: fixed;
top: 0 !important;   -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}
.admin-bar .header {
margin-top: 32px;
} .logo {
text-align: center;
float: left;
line-height: 70px;
position: relative;
overflow: hidden;
}
.logo a {
display: block;
}
.logo img {
width: 100%;
max-width: 130px;
vertical-align: middle;
} #nav {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.main-menu {
text-align: center;
margin: 0;
line-height: 70px;
}
.main-menu a {
display: inline-block;
font-size: 16px;
font-weight: 500;
text-decoration: none;
position: relative;
z-index: 10;
}
.main-menu>li {
display: inline-block;
position: relative;
}
.main-menu li {
margin: 0 4px;
}
.sub-menu .menu-item::after {
display: none !important;
}
.sub-menu .main-menu li {
position: relative;
margin: 0 !important;
padding: 0 !important;
}
.main-menu .current-menu-ancestor a, 
.main-menu .current-menu-item a, 
.main-menu .current-menu-parent .current-menu-item a, 
.main-menu a:hover {
color: #f7775e;
}
.main-menu .menu-item-has-children a {
display: inline-block;
}
.main-menu .sub-menu {
background-color: #ffffff;
text-transform: none;
position: absolute;
top: 120px;
opacity: 0;
visibility: hidden;
padding-left: 0;
text-align: left;
border-radius: 0;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .04);
transition: all 0.25s ease;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
}
.main-menu li:hover>.sub-menu {
top: 70px;
opacity: 1;
visibility: visible;
}
.main-menu .sub-menu .sub-menu {
left: 100%;
top: 30px;
}
.main-menu .sub-menu li {
padding: 0 10px;
border-bottom: 1px solid #d7d7d7;
margin: 0;
}
.main-menu .sub-menu li:hover .sub-menu {
top: 0;
}
.main-menu .sub-menu a {
position: relative;
left: 0px;
color: inherit;
padding: 10px 10px;
display: block;
min-width: 200px;
font-size: 15px;
line-height: 20px;
white-space: nowrap;
font-weight: normal;
text-transform: none;
}
.main-menu .sub-menu a:hover {
left: 8px;
}
.dropdown-toggle:after, 
.main-menu .menu-item-has-children>a:after {
content: '\f107';
font-family: "FontAwesome";
display: inline-block;
margin-left: 5px;
}
.main-menu .menu-item-has-children .menu-item-has-children>a:after {
content: '\f105';
font-family: "FontAwesome";
position: absolute;
right: 15px;
}
.dropdown-toggle:after {
margin-left: 0;
}
button.dropdown-toggle {
font-size: 19px;
padding: 0;
padding: 15px 15px 15px 0;
margin-right: -30px;
display: none;
margin-top: 0;
line-height: 1;
border: 0 !important;
} .icons-menu-open {
float: left;
line-height: 70px;
position: relative;
display: none;
}
.icons-menu-link {
position: relative;
font-size: 21px;
top: 2px;
}
.searchicon-inner {
position: relative;
float: right;
line-height: 70px;
margin-left: 45px;
}
.searchicon-inner span {
position: relative;
top: 3px;
font-size: 22px;
line-height: 0;
cursor: pointer;
}
.plane-image {
display: block;
position: relative;
left: 0;
max-width: 150px;
margin-bottom: 15px;
}
.plane-image.animation-left {
position: relative;
left: -150px;
} .popup-search .popup-block {
max-width: 500px;
padding: 20px;
}
.searchform {
position: relative;
}
.searchform .searchinput {
padding: 10px;
}
.searchform .searchsubmit {
position: absolute;
top: 1px;
bottom: 1px;
right: 1px;
padding: 12px 15px 10px 15px;
}
.searchform i {
font-size: 16px !important;
font-weight: 600 !important;
}
.search-btn i {
font-weight: 600 !important;
position: relative;
top: 1.4px;
}
.search-matches-found {
font-size: 17px;
font-weight: 500;
line-height: 28px;
margin-bottom: 30px;
} .pages-header {
background-color: #f9f5f2;
background-position: top center;
background-size: cover;
text-align: center;
}
.pages-header:after {
content: '';
display: block;
background: url(//youpick.ru/wp-content/themes/YoupickTravel/img/white-divider-bottom.png);
position: relative;
height: 9px;
z-index: 100;
}
.pages-header .section-title:after {
display: none;
}
.pages-header .container {
padding-top: 110px;
padding-bottom: 45px;
}
.pages-header .column-image {
overflow: hidden !important;
} .pages-header.default_header {
background-color: #f9f5f2;
background-image: url(//youpick.ru/wp-content/themes/YoupickTravel/img/bg-new-york.png);
background-position: 100%;
background-size: cover;
text-align: center;
}
.pages-header.default_header h1 {
margin-bottom: 0;
text-shadow: 1px 1px 0 #f9f5f2, -1px -1px 0 #f9f5f2, 1px -1px 0 white, -1px 1px 0 #f9f5f2;
margin-bottom: 0;
} .pages-header.description_header_2 {
background-color: #f9f5f2;
background-image: url(//youpick.ru/wp-content/themes/YoupickTravel/img/header-2.jpg);
}
@media screen and (max-width: 782px) {
.pages-header.description_header_2 {
background-image: url(//youpick.ru/wp-content/themes/YoupickTravel/img/header-mobile-2.jpg);
}
}
.pages-header.description_header_2 .container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
text-align: center;
padding-top: 0px;
padding-bottom: 40px;
}
.pages-header.description_header_2 .section-above-title {
margin-bottom: 20px;
}
.pages-header.description_header_2 .section-above-title span {
padding: 13px 17px 13px 17px;
background: rgb(255 255 255 / 92%);
border-radius: 30px;
}
.pages-header.description_header_2 h1 {
font-family: 'Marck Script';
font-size: 60px;
line-height: 60px;
word-spacing: -10px;
text-overflow: ellipsis;
text-shadow: 1px 1px 0 #f9f5f2, -1px -1px 0 #f9f5f2, 1px -1px 0 white, -1px 1px 0 #f9f5f2;
}
.pages-header.description_header_2 p {
font-size: 17px;
font-weight: 500;
line-height: 28px;
margin-bottom: 0px;
text-shadow: 1px 1px 0 #f9f5f2, -1px -1px 0 #f9f5f2, 1px -1px 0 white, -1px 1px 0 #f9f5f2;
}
.header.description_header_2 {
opacity: 0;
visibility: hidden;
}
.header.description_header_2.header-sticky {
opacity: 1;
visibility: visible;
}
.pages-header .section-description-2 {
max-width: 800px;
margin: 0 auto;
} .partner_form_header p {
font-weight: 500;
margin-bottom: 20px;
}
.partner_form_header .section-above-title {
margin-bottom: 12px;
}
.partner_form_header .section-above-title span {
font-size: 15px;
font-weight: 600;
border: 1px dashed #c6c6c6;
padding: 10px 15px 10px 13px;
background: #ffffff;
border-radius: 30px;
}
.partner_form_header .section-above-title i {
position: relative;
top: 1.4px;
}
.partner_form_header .column-image .partner-logo {
display: block;
width: 100%;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
opacity: 1;
}
.partner_form_header .column-image .partner-logo.animation-right {
left: 150px;
opacity: 0;
}
.partner_form_header .column-image .partner-logo img {
max-width: 450px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
.partner-advertiser-info {
border-top: 1px dashed rgb(81 89 94 / 80);
border-bottom: 1px dashed rgb(81 89 94 / 80);
margin-bottom: 15px;
padding: 8px 0px 8px 0px;
margin-bottom: 20px;
}
.partner-advertiser-info a {
font-size: 12px;
line-height: 20px;
}
.partner-form-inner {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
background: #fff;
border: 1px dashed #c6c6c6;
border-radius: 10px;
padding: 15px;
}
.partner-form-input, .partner-form-btn {
width: 33.333%;
}
.partner-form-input {
padding-right: 6px;
}
.partner-form-input a {
position: relative;
display: block;
width: 100%;
font-size: 15px;
font-weight: 500;
text-decoration: none !important;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 15px 5px 15px 10px;
color: inherit;
border: 1px dashed #c6c6c6;
border-radius: 4px;
opacity: 0.8;
}
.partner-form-input a:hover {
border: solid 1px #f7775e;
opacity: 1;
}
.partner-form-input i {
position: relative;
top: 1px;
transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
}
.partner-form-input .simple-icon-calendar {
top: 0.8px;
}
.partner-form-input a:hover i {
color: #f7775e;
}
.partner-form-btn .btn-main {
display: block;
padding: 15px 10px 15px 10px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.partner-form-btn .btn-main i {
font-weight: 600 !important;
position: relative;
top: 1.4px;
}
.partner_form_header .benefits-list-inner {
margin-top: 45px;
} .animated {
transition: all 0.6s linear;
-webkit-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
} .prev:before, .next:before {
font-family: 'simple-line-icons';
font-size: 13px;
font-weight: 600;
}
.next:before {
content: "\e606";
padding-left: 3px;
}
.prev:before {
content: "\e605";
padding-right: 3px;
}
.paginate-links {
text-align: center;
margin-top: 25px;
}
.paginate-links .page-numbers {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid #c6c6c6;
margin: 0 1px;
font-size: 15px;
font-weight: 500;
text-decoration: none !important;
border-radius: 5px;
}
.paginate-links .page-numbers.current, .paginate-links a:hover {
color: #ffffff;
background: #f7694d;
border: 1px solid #f7694d;
} .section-above-title {
margin-bottom: 13px;
}
.section-above-title span {
display: inline-block;
font-weight: 500;
}
.section-title:after {
content: '';
display: block;
width: 150px;
height: 7px;
background-image: url(//youpick.ru/wp-content/themes/YoupickTravel/img/separator.png);
background-repeat: no-repeat;
background-size: 100% 100%;
margin: 0 auto;
margin-bottom: 20px !important;
opacity: 0.8;
}
.section-description {
max-width: 1050px;
margin: 0 auto;
margin-bottom: 30px;
text-align: center;
}
.section-description p {
font-size: 17px;
line-height: 28px;
} .simple-description-inner p {
font-size: 16px;
line-height: 29px;
}
.simple-description {
position: relative;
text-align: left;
}
.simple-description .section-title:after {
margin: 0;
}
.simple-description .section-description {
max-width: 100%;
text-align: inherit;
margin-bottom: 0;
}
.simple-description.cols-2 .column-image {
width: 50%;
position: relative;
border-radius: 10px;
overflow: initial;
text-align: center;
order: 1;
}
.simple-description.cols-2 .column-image img {
position: sticky !important;
top: 110px;
border-radius: 10px;
}
.simple-description.cols-2 .main-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.main-image.animation-out {  }
.simple-description.cols-2 .column-content {
position: relative;
width: 50%;
padding-left: 20px;
order: 2;
overflow: hidden;
}
.simple-description.image-right-position .column-content {
padding-left: 0;
padding-right: 20px;
order: 1;
}
.simple-description.image-right-position .column-image {
order: 2;
}
.simple-description.cols-2.image-small .column-image {
width: 40%;
}
.simple-description.cols-2.image-small .column-content {
width: 60%;
}
.simple-description.cols-2.image-medium .column-image {
width: 50%;
}
.simple-description.cols-2.image-medium .column-content {
width: 50%;
}
.simple-description.cols-2.image-large .column-image {
width: 60%;
}
.simple-description.cols-2.image-large .column-content {
width: 40%;
} .posts-list-inner {
position: relative;
}
.posts-list-inner .post-item {
display: block;
position: relative;
height: 100%;
text-align: left;
color: inherit !important;
background: #ffffff;
border-radius: 10px;
overflow: hidden;
}
.posts-list-inner .post-item .description {
position: absolute;
bottom: 15px;
left: 15px;
right: 15px;
padding: 20px;
overflow: hidden;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background-color: #ffffff;
border-radius: inherit;
}
.posts-list-inner .description h3 {
margin-bottom: 0;
}
.posts-list-inner .post-views {
font-size: 15px;
font-weight: 500;
margin-bottom: 10px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.posts-list-inner .post-views i {
position: relative;
top: 2px;
font-size: 17px;
}
.posts-list-inner .post-image {
position: relative;
overflow: hidden;
}
.posts-list-inner .post-image::after {
content: "";
display: block;
padding-top: 110%;
}
.posts-list-inner .post-image .image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #ffffff;
transition: all 0.24s linear;
-webkit-transition: all 0.24s linear;
-o-transition: all 0.24s linear;
-ms-transition: all 0.24s linear;
-moz-transition: all 0.24s linear;
}
.posts-list-inner .post-image .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.posts-list-inner .post-item:hover img {
transform: perspective(1px) scale(1.25) translateZ(0);
-webkit-transform: perspective(1px) scale(1.25) translateZ(0);
-o-transform: perspective(1px) scale(1.25) translateZ(0);
-ms-transform: perspective(1px) scale(1.25) translateZ(0);
-moz-transform: perspective(1px) scale(1.25) translateZ(0);
}
.posts-list-inner .post-item .flare {
width: 100px;
animation: none;
}
.posts-list-inner .post-item:hover .flare {
left: 150%;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
}
.posts-list-inner .read-more {
border-top: dashed 1px #c6c6c6;
padding-top: 15px;
margin-top: 10px;
}
.posts-list-inner .post-item:hover .read-more, .posts-list-inner .post-item:hover .read-more i {
color: #f7775e;
}
.no-found-posts{
margin-top: -15px;
}
.no-found-posts p {
font-size: 17px;
line-height: 25px;
text-align: center;
margin-bottom: 20px;
}
.no-found-posts img {
margin-top: 40px;
} .sidebar-inner {
position: relative;
text-align: left;
}
.sidebar-inner .cols-2 {
background: #ffffff;
border-radius: 10px;
}
.sidebar-inner.left-sidebar .left-side {
order: 2;
}
.sidebar-inner .left-side {
width: 73%;
}
.sidebar-inner .left-side img {
border-radius: 10px;
}
.sidebar-inner .right-side {
position: sticky;
width: 27%;
}
.sidebar-inner .right-side .sidebar-stick {
position: sticky !important;
top: 70px;
border-radius: 10px;
}
.admin-bar .sidebar-inner .right-side .sidebar-stick {
top: 100px;
}
.sidebar-inner .sidebar-content {
margin-bottom: 20px;
}
.sidebar-inner .sidebar-content:last-child {
margin-bottom: 0;
}
.sidebar-inner .right-side h2 {
font-size: 15px;
font-weight: 600;
line-height: 25px;
background: #f9f5f2;
border-radius: 6px;
padding: 10px;
margin-bottom: 10px;
} .post-single .container {
padding-top: 100px;
padding-bottom: 60px;
}
.post-single .post-thumbnail {
position: relative;
margin-bottom: 20px;
border-radius: 10px; 
overflow: hidden;
}
.post-single .post-content {
position: relative;
overflow: hidden;
}
.post-single .post-content .section-above-title span {
font-weight: 500;
padding: 10px 15px 10px 13px;
background: #ffffff;
border: 1px dashed #c6c6c6;
border-radius: 30px;
}
.post-single .post-content .section-above-title i {
position: relative;
top: 1.4px;
}
.post-single .post-content p {
font-size: 16px;
line-height: 30px;
}
.post-single .right-side .posts-list-inner .post-item .description {
padding: 15px;
}
.post-single .right-side .posts-list-inner .read-more{
padding-top: 12px;
}
.post-single .post-content .post-views,
.post-single .post-content .post-date {
width: 100%;
border-top: 1px dashed rgb(81 89 94 / 80);
border-bottom: 1px dashed rgb(81 89 94 / 80);
margin-bottom: 15px;
padding: 10px 0px 10px 0px;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
} .news-list-inner {
position: relative;
text-align: left;
}
.news-list-inner .news-item {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
color: inherit;
background: #ffffff;
border: dashed 1px #c6c6c6;
border-radius: 10px;
height: 100%;
padding: 15px;
overflow: hidden;
}
.news-list-inner .news-image {
width: 40%;
height: 100%;
position: relative;
border-radius: 10px;
overflow: hidden;
}
.news-list-inner .news-image::after {
content: "";
display: block;
padding-top: 110%;
}
.news-list-inner .image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
}
.news-list-inner .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.news-list-inner .news-item:hover img {
transform: perspective(1px) scale(1.25) translateZ(0);
-webkit-transform: perspective(1px) scale(1.25) translateZ(0);
-o-transform: perspective(1px) scale(1.25) translateZ(0);
-ms-transform: perspective(1px) scale(1.25) translateZ(0);
-moz-transform: perspective(1px) scale(1.25) translateZ(0);
}
.news-list-inner .news-item .flare {
width: 90px;
animation: none;
}
.news-list-inner .news-item:hover .flare {
left: 150%;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
}
.news-list-inner .news-description {
width:60%;
padding-left: 20px;
}
.news-list-inner .news-description h3 {
margin-bottom: 15px;
}
.news-list-inner .read-more {
background: #faf7f5;
border-radius: 6px;
padding:15px;
}
.news-list-inner .read-more i {
right: 15px;
}
.news-list-inner .news-item:hover .read-more {
color: #f7775e;
}
.news-list-inner .news-item:hover i {
color: #f7775e;
right: 10px;
}
.image-date {
position: absolute;
bottom: 0;
right: 0;
color: #ffffff;
background: #f7775e;
text-align: center;
padding: 8px 7px 8px 7px;
border-radius: 20px 0px 0px 0px;
}
.image-date .day {
font-size: 24px;
font-weight: 600;
}
.image-date .month {
font-size: 14px;
}
.news-list-inner .post-date {
font-size: 15px;
font-weight: 500;
margin-bottom: 10px;
}
.post-date i {
color: #f7775e;
padding-right: 2px;
} .offers-list-inner {
position: relative;
text-align: left;
}
.offers-list-inner .offer-item {
display: block;
color: inherit;
background: #ffffff;
border: dashed 1px #c6c6c6;
border-radius: 10px;
height: 100%;
padding: 15px;
overflow: hidden;
}
.offers-list-inner .offer-image {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.offers-list-inner .offer-image::after {
content: "";
display: block;
padding-top: 65%;
}
.offers-list-inner .image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
}
.offers-list-inner .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.offers-list-inner .offer-item:hover img {
transform: perspective(1px) scale(1.25) translateZ(0);
-webkit-transform: perspective(1px) scale(1.25) translateZ(0);
-o-transform: perspective(1px) scale(1.25) translateZ(0);
-ms-transform: perspective(1px) scale(1.25) translateZ(0);
-moz-transform: perspective(1px) scale(1.25) translateZ(0);
}
.offers-list-inner .offer-item .flare {
width: 90px;
animation: none;
}
.offers-list-inner .offer-item:hover .flare {
left: 150%;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
}
.offer-item .offer-description {
background: #faf7f5;
border-radius: inherit;
padding: 15px;
margin-top: 15px;
}
.offer-item h3 {
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.offer-item .address {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-bottom: 5px;
}
.offer-item .rating {
margin-bottom: 10px;
}
.offer-item .cost {
font-weight: 500;
margin-bottom: 20px;
}
.offer-item .fa {
color: #f78169;
width: 15px;
text-align: center;    
margin-right: 2px;
}
.offer-item .address i {
font-size: 18px;
}
.offer-item .read-more {
background: #ffffff;
border-radius: 6px;
padding:15px;
}
.offer-item .read-more i {
color: inherit;
right: 15px;
}
.offer-item:hover .read-more i {
color: #f7775e;
right: 10px;
}
.offer-item:hover .read-more {
color: #f7775e;
} .services-list-inner .service-item {
display: block;
position: relative;
overflow: hidden;
text-align: left;
background: #ffffff;
border-radius: 15px;
height: 100%;
padding: 20px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
.bg-section-white .service-item {
background: #fbf8f6;
}
.services-list-inner .service-image {
position: relative;
overflow: hidden;
max-width: 80px;
padding: 13px;
background-color: #f0ebe6;
background-image: url(//youpick.ru/wp-content/themes/YoupickTravel/img/services/icons/bg-beige-icon.png);
background-size: contain;
border-radius: 15px;
}
.services-list-inner .service-item:hover {
box-shadow: 0 0 20px rgb(214 204 205);
-webkit-box-shadow: 0 0 20px rgb(214 204 205);
}
.services-list-inner .service-item .service-image img {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
.services-list-inner .service-item:hover .service-image img {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
.services-list-inner .service-image .flare {
animation: flareAnimation 5s infinite linear;
-webkit-animation: flareAnimation 5s infinite linear;
}
.services-list-inner .service-title h3 {
display: block;
font-weight: 600;
margin-top: 15px;
margin-bottom: 5px;
}
.services-list-inner .service-description p {
color: #51595e;
} .benefits-list-inner {
position: relative;
}
.benefit-item {
display: block;
position: relative;
overflow: hidden;
text-align: left;
border: 1px dashed #c6c6c6;
border-top: 2px dashed #f99f8e;
background: rgb(255 255 255 / 71%);
border-radius: 10px;
height: 100%;
padding: 15px;
z-index: 99;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
.bg-section-white .benefit-item {
background: #fbf8f6;
}
.benefit-icon {
position: relative;
overflow: hidden;
max-width: 70px;
padding: 12px;
background-color: #f99f8e;
background-image: url(//youpick.ru/wp-content/themes/YoupickTravel/img/services/icons/bg-beige-icon.png);
background-size: contain;
border-radius: 10px;
margin-right: 10px;
}
.benefit-description strong {
display: block;
font-weight: 600;
margin-top: 20px;
margin-bottom: 10px;
}
.benefit-description p {
font-weight: normal;
margin: 0;
opacity: 0.9;
} .steps-list-inner {
position: relative;
}
.steps-list-inner .section-description {
margin-bottom: 25px;
}
.circle-list {
list-style-type: none;
padding-left: 0px;
margin-bottom: 0;
}
.circle-list h3 {
font-weight: 500;
padding-top: 5px;
margin-bottom: 5px;
}
.circle-list p {
margin-bottom: 0;
}
.circle-list li {
position: relative;
padding-left: 55px;
margin-bottom: 20px;
}
.circle-list li:last-child {
margin-bottom: 0;
}
.circle-list li::marker {
display:none;
opacity: 0;
}
.circle-list li:before {
content: attr(data-number);
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
font-size: 20px;
font-weight: 600;
line-height: 37px;
color: #f7775e;
background: #ffffff;
text-align: center;
border-radius: 50%;
border: 2px dashed #f99f8f;
z-index: 9;
}
.circle-list li:before {
background: #ffffff;
}
.circle-list li:after {
content: "";
position: absolute;
top: 35px;
left: 18px;
width: 1px;
height: 100%;
border: 2px dashed #f99f8f;
}
.circle-list li:last-child:after {
height: 0;
}
.bg-section-beige .circle-list li:before, .bg-section-beige-image-1 .circle-list li:before {
background: #f9f5f2;
} .aligncenter {
display: block;
margin: 0 auto;
}
.alignright {
float:right;
margin: 5px 0 25px 20px;
}
.alignleft {
float: left;
margin: 5px 25px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto 
}
.wp-caption {
position: relative;
background: #ffffff;
border-radius: 10px;
overflow: inherit;
width: 100% !important;
border: 0 !important;
margin-bottom: 0;
clear: both;
}
.wp-caption img {
border-radius: 0;
}
.wp-caption p.wp-caption-text {
padding: 0px 15px 5px 15px;
} .popup-wrapper {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
padding: 15px;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: rgb(255 255 255 / 70%);
z-index: 999999;
}
.popup-container {
position: relative;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
}
div[data-href="#popup-contacts"] {
font-weight: 600;
border-bottom: solid 2px #ecf6ff;
display: inline-block;
cursor: pointer;
margin-bottom: 10px;
transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
}
div[data-href="#popup-contacts"]:hover {
opacity: 0.8;
}
.popup-content {
display: table-cell;
vertical-align: middle;
}
.popup-block {
position: relative;
width: 100%;
max-width: 420px;
background: rgb(81 89 94 / 20%);
padding: 20px;
text-align: center;
border-radius: 10px;
margin: 0 auto;
margin-bottom: 70px;
transition: all 0.9s linear;
-webkit-transition: all 0.9s linear;
-o-transition: all 0.9s linear;
-ms-transition: all 0.9s linear;
-moz-transition: all 0.9s linear;
}
.popup-block .preloader-section {
position: absolute;
display:none;
}
.popup-block .preloader-1 {
margin-top: -40px;
}
.popup-successful-submission {
font-size: 17px;
line-height: 25px;
font-weight: 500;
margin-bottom: 15px;
display:none;
}
.popup-block .popup-title {
text-align: center;
font-size: 17px;
line-height: 25px;
margin-bottom: 10px;
}
.popup-description {
overflow-y: auto;
max-height: calc(100vh - 100px);
}
.popup-description textarea {
height: 100px;
}
.popup-description input, .popup-description textarea {
font-size: 14px;
}
.popup-block .btn-main-wrapp {
margin-top: 5px;
display: block;
}
.popup-block .btn-main {
display: block;
}
.popup-block img {
max-width: 200px;
margin-bottom: 20px;
}
.popup-close {
margin: 0 auto;
position: absolute;
top: -8px;
right: -8px;
background: #888f94;
border-radius: 50%;
line-height: 1;
}
.popup-close:before {
font-family: "simple-line-icons" !important;
content: "\e082";
color: #ffffff;
font-size: 27px;
border-radius: 50%;
cursor: pointer;
}
.popup-animation-in .popup-block {
width: 0;
}
.popup-partner-form .popup-block {
max-width: 620px;
background: #f9f9f9;
border: 1px dashed #c6c6c6;
} #footer {
text-align: left;
clear: both;
position: relative;
background-color: #f8f4f1;
background-image: url(//youpick.ru/wp-content/themes/YoupickTravel/img/map-bg.png);
}
#footer:before {
content: '';
display: block;
background: url(//youpick.ru/wp-content/themes/YoupickTravel/img/white-divider-top.png);
height: 9px;
}
#footer .container {
padding-top: 50px;
padding-bottom: 40px;
}
#footer .footer-title {
font-weight: 500;
margin-bottom: 15px;
}
#footer a {
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#footer .footer-menu ul li {
margin-bottom: 6px;
text-overflow: ellipsis;
overflow: hidden;
} .bottom-scroll-animation-inner {
display: none;
position: fixed;
bottom: 0;
width: 100%;
z-index: 9999;
}
.bottom-scroll-animation { background-repeat: repeat-x;
background-position: 0 100%;
background-size: contain;
height: 60px;
} .page-not-found img {
max-width: 1000px;
}
.page-not-found p {
font-size: 18px;
line-height: 31px;
margin-top: 20px;
margin-bottom: 20px;
}.wrapper-inner {
width: 1440px;
margin: 0 auto;
}
*, *::before, *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
[class*="cols-"] > * {
position: relative;
}
.cols-1, .cols-2, .cols-3, .cols-4, .cols-5, .cols-6 {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.cols-1 > * {
width: 100%;
}
.cols-2 > * {
width: 50%;
}
.cols-3 > * {
width: 33.333%;
}
.cols-4 > * {
width: 25%;
}
.cols-5 > * {
width: 20%;
}
.cols-6 > * {
width: 16.666%;
}
.margin-small {
margin: -3px;
}
.margin-small > * {
padding: 3px;
}
.margin-medium {
margin: -5px;
}
.margin-medium > * {
padding: 5px;
}
.margin-large {
margin: -10px;
}
.margin-large > * {
padding: 10px;
}
.gallery::after, #single-post::after, .clearfix::after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
.gallery .gallery-item {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.gallery-item .gallery-icon {
padding: 1px;
}
.gallery-item .gallery-icon a {
position: relative;
overflow: hidden;
display: block;
border-radius: 5px;
}
.gallery-columns-3 .gallery-item {
float: left;
width: 33.333333% !important;
}
.gallery .gallery-item img {
border: 0 !important;
border-radius: 0 !important;
transition: all 0.24s linear;
-webkit-transition: all 0.24s linear;
-o-transition: all 0.24s linear;
-ms-transition: all 0.24s linear;
-moz-transition: all 0.24s linear;
}
.gallery .gallery-item:hover img {
transform: perspective(1px) scale(1.1) translateZ(0);
-webkit-transform: perspective(1px) scale(1.1) translateZ(0);
-o-transform: perspective(1px) scale(1.1) translateZ(0);
-ms-transform: perspective(1px) scale(1.1) translateZ(0);
-moz-transform: perspective(1px) scale(1.1) translateZ(0);
}@media screen and (max-width: 1920px) {
#wpadminbar {
position: fixed !important;
}
.wrapper-inner {
position: relative;
}
}
@media screen and (max-width: 1460px) {
.wrapper-inner {
width: 100%;
padding-left: 3.5%;
padding-right: 3.5%;
}
.posts-list-inner .cols-4 > *, 
.posts-list-inner .cols-5 > *, 
.posts-list-inner .cols-6 > * {
width: 33.333%;
}
}
@media screen and (max-width: 1245px) {
.wrapper-inner {
padding-left: 2.5%;
padding-right: 2.5%;
}
.main-menu li {
margin: 0 3px;
}
.sidebar-inner .left-side {
width: 65%;
}
.sidebar-inner .right-side {
width: 35%;
}
}
@media screen and (max-width: 1024px) {
.main-menu li {
margin: 0 2px;
}
.posts-list-inner .cols-3 > *, 
.posts-list-inner .cols-4 > *, 
.posts-list-inner .cols-5 > *, 
.posts-list-inner .cols-6 > * {
width: 50%;
}
}
@media screen and (max-width: 990px) {
.admin-bar .mobile-menu {
margin-top: 100px;
padding-bottom: 120px;
}
.main-menu .sub-menu li {
position: relative;
padding: 0;
border-bottom: 0;
margin: 0;
}
.main-menu .menu-item::after {
display: none;
}
.icons-menu-open {
display: block;
font-size: 20px;
}
.searchicon-inner {
margin-left: 0;
}
.logo {
float: none;
}
.logo a {
display: inline-block;
}
.mobile-menu {
position: fixed;
background: #f9f5f2;
left: -100%;
width: 100%;
height: 100%;
text-align: left;
padding-bottom: 80px;
top: 0;
bottom: 0;
margin-top: 70px;
padding-top: 0px;
overflow-y: auto;
z-index: 90;
transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
}
.active-icons-menu .mobile-menu {
opacity: 1;
visibility: visible;
left: 0;
}
#nav {
overflow: auto;
}
.main-menu {
padding-top: 20px;
}
.main-menu>li {
float: none;
display: block;
line-height: 30px;
border-bottom: 1px solid #e0e0e0;
margin-left: 15px;
margin-right: 15px;
text-align: left;
}
.main-menu>li a {
color: inherit;
padding: 10px 25px 10px 10px;
display: block;
font-size: 16px;
line-height: 25px;
text-transform: none;
}
.main-menu .current-menu-parent a, 
.main-menu .current-menu-item .sub-menu a {
color: inherit;
}
.main-menu .menu-item-has-children>a:after {
display: none;
}
.main-menu .menu-item-has-children>a.dropdown-toggle:after {
display: inline-block;
}
a.dropdown-toggle {
margin-left: 0;
}
button.dropdown-toggle {
color: inherit;
display: inline-block;
background: none;
position: absolute;
right: 0;
top: 1px;
margin-right: 0px;
padding: 12px 16px 10px 10px;
z-index: 99;
}
.main-menu .menu-item-has-children a {
display: inline-block;
}
.main-menu .sub-menu button.dropdown-toggle {
display: inline-block;
background: none;
position: absolute;
right: 0;
top: 0;
margin-right: 0px;
padding: 0px 12px 2px 0;
}
.main-menu .sub-menu {
text-align: left;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.4);
}
.main-menu li>.sub-menu {
margin: 0;
border: 0 none;
background: none;
position: static;
height: 0;
overflow: hidden;
max-height: 0;
transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
}
.main-menu li:hover>.sub-menu {
opacity: 0;
visibility: hidden;
}
.main-menu li>.sub-menu a {
display: block;
padding: 0px 30px 11px 20px;
font-size: inherit;
}
.main-menu li>.sub-menu.toggled-on {
opacity: 1;
visibility: visible;
height: 100%;
padding-bottom: 0;
max-height: 1000px;
transition: max-height 1.45s linear;
-webkit-transition: max-height 1.45s linear;
-o-transition: max-height 1.45s linear;
-ms-transition: max-height 1.45s linear;
-moz-transition: max-height 1.45s linear;
}
.close-menu {
display: none;
font-size: 25px;
position: relative;
}
.close-menu-show {
display: block;
}
.open-menu-hide {
display: none !important;
}
.post-single .container {
padding-top: 85px;
}
.sidebar-inner .left-side, .sidebar-inner .right-side {
width: 100%;
}
.sidebar-inner.left-sidebar .left-side {
order: 0;
}
.sidebar-inner .right-side h2 {
margin-top: 10px;
}
.post-single .right-side .posts-list-inner .cols-1 > * {
width: 50%;
}
}
@media screen and (max-width: 930px) {
.services-list-inner .cols-3 > *, 
.services-list-inner .cols-4 > *, 
.services-list-inner .cols-5 > *, 
.services-list-inner .cols-6 > * {
width: 50%;
}
.benefits-list-inner .cols-3 > *, 
.benefits-list-inner .cols-4 > *, 
.benefits-list-inner .cols-5 > *, 
.benefits-list-inner .cols-6 > * {
width: 50%;
}
.offers-list-inner .cols-3 > *, 
.offers-list-inner .cols-4 > *, 
.offers-list-inner .cols-5 > *, 
.offers-list-inner .cols-6 > * {
width: 50%;
}
#footer .cols-5 > * {
width: 25%;
}
#footer .cols-5 > *:last-child {
width: 100%;
}
}
@media screen and (max-width: 825px) {
.wrapper-inner {
padding-left: 20px;
padding-right: 20px;
}
.popup-block {
transition: all 0.35s linear;
-webkit-transition: all 0.35s linear;
-o-transition: all 0.35s linear;
-ms-transition: all 0.35s linear;
-moz-transition: all 0.35s linear;
}
}
@media screen and (max-width: 880px) {
.news-list-inner .news-item {
display: block;
}
.news-list-inner .news-image {
width: 100%;
height: auto;
}
.news-list-inner .news-image::after {
padding-top: 60%;
}
.news-list-inner .news-description {
width: 100%;
padding-top: 25px;
padding-left: 0;
}
}
@media screen and (max-width: 782px) {
.admin-bar .header {
margin-top: 45px;
}
.admin-bar .mobile-menu {
margin-top: 115px;
}
.simple-description.cols-2 .column-image {
width: 100% !important;
padding: 0 !important;
}
.simple-description.cols-2 .column-image {
order: 1 !important;
}
.simple-description.cols-2 .column-content {
order: 2 !important;
width: 100% !important;
padding: 0;
padding-top: 40px;
}
.partner_form_header .column-content {
padding-top: 20px !important;
}
.pages-header.partner_form_header .container {
padding-top: 85px;
}
.posts-list-inner .post-item:hover .flare, 
.news-list-inner .news-item:hover .flare {
transition: all 0.6s linear;
-webkit-transition: all 0.6s linear;
}
.popup-block {
padding: 20px;
}
#footer .cols-5 > * {
width: 33.333%;
}
#footer .cols-5 > *:last-child {
width: 65%;
}
}
@media screen and (max-width: 650px) {
.posts-list-inner .cols-2 > *, 
.posts-list-inner .cols-3 > *, 
.posts-list-inner .cols-4 > *, 
.posts-list-inner .cols-5 > *, 
.posts-list-inner .cols-6 > * {
width: 100%;
}
.posts-list-inner .post-image::after {
padding-top: 120%;
}
.posts-list-inner .post-item .description {
padding: 15px;
}
.posts-list-inner .read-more {
padding-top: 12px;
}
.post-single .right-side .posts-list-inner .cols-1 > * {
width: 100%;
}
}
@media screen and (max-width: 600px) {
h1 {
font-size: 24px;
line-height: 35px;
}
h2 {
font-size: 23px;
line-height: 34px;
}
.services-list-inner .cols-2 > *, 
.services-list-inner .cols-3 > *, 
.services-list-inner .cols-4 > *, 
.services-list-inner .cols-5 > *, 
.services-list-inner .cols-6 > * {
width: 100% !important;
}
.benefits-list-inner .cols-3 > *, 
.benefits-list-inner .cols-4 > *, 
.benefits-list-inner .cols-5 > *, 
.benefits-list-inner .cols-6 > * {
width: 100%;
}
.offers-list-inner .cols-3 > *, 
.offers-list-inner .cols-4 > *, 
.offers-list-inner .cols-5 > *, 
.offers-list-inner .cols-6 > * {
width: 100%;
}
.offer-item .offer-description {
background: #ffffff;
padding: 0;
}
.offer-item .read-more {
background: #faf7f5;
}
.partner-form-inner {
display: flex;
flex-wrap: wrap;
}
.partner-form-input,
.partner-form-btn {
width: 100%;
}
.partner-form-input {
padding-right: 0;
margin-bottom: 10px;
}
.news-list-inner .cols-2 > * {
width: 100%;
}
.description_header_2.pages-header .wrapper-inner {
padding-left: 8px !important;
padding-right: 8px !important;
}
}
@media screen and (max-width: 540px) {
.wrapper-inner {
padding-left: 13px;
padding-right: 13px;
}
.status-notification .status-message-inner {
max-width: inherit;
}
#footer .wrapper-inner {
padding-left: 20px;
padding-right: 20px;
}
#footer .cols-5 > * {
width: 50%;
}
#footer .cols-5 > *:last-child {
width: 100%;
}
}
@media screen and (max-width: 420px) {
.pages-header.description_header_2 h1 {
font-size: 50px !important;
line-height: 50px !important;
font-weight: 500 !important;
}
}
@media screen and (max-width: 350px) {
.wrapper-inner {
padding-left: 10px;
padding-right: 10px;
}
#footer .wrapper-inner {
padding-left: 25px;
padding-right: 25px;
}
#footer .cols-5 > * {
width: 100%;
}
}@font-face {
font-family: 'simple-line-icons';
src: url(//youpick.ru/wp-content/themes/YoupickTravel/font-icons/font-lineicons/fonts/Simple-Line-Icons.eot?v=2.4.0);
src: url(//youpick.ru/wp-content/themes/YoupickTravel/font-icons/font-lineicons/fonts/Simple-Line-Icons.eot?v=2.4.0#iefix) format('embedded-opentype'), url(//youpick.ru/wp-content/themes/YoupickTravel/font-icons/font-lineicons/fonts/Simple-Line-Icons.woff2?v=2.4.0) format('woff2'), url(//youpick.ru/wp-content/themes/YoupickTravel/font-icons/font-lineicons/fonts/Simple-Line-Icons.ttf?v=2.4.0) format('truetype'), url(//youpick.ru/wp-content/themes/YoupickTravel/font-icons/font-lineicons/fonts/Simple-Line-Icons.woff?v=2.4.0) format('woff'), url(//youpick.ru/wp-content/themes/YoupickTravel/font-icons/font-lineicons/fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'icomoon';
src:  url(//youpick.ru/wp-content/themes/YoupickTravel/font-icons/font-lineicons/fonts/icomoon.eot?h5stl8);
src:  url(//youpick.ru/wp-content/themes/YoupickTravel/font-icons/font-lineicons/fonts/icomoon.eot?h5stl8#iefix) format('embedded-opentype'),
url(//youpick.ru/wp-content/themes/YoupickTravel/font-icons/font-lineicons/fonts/icomoon.ttf?h5stl8) format('truetype'),
url(//youpick.ru/wp-content/themes/YoupickTravel/font-icons/font-lineicons/fonts/icomoon.woff?h5stl8) format('woff'),
url(//youpick.ru/wp-content/themes/YoupickTravel/font-icons/font-lineicons/fonts/icomoon.svg?h5stl8#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FontAwesome';
src: url(//youpick.ru/wp-content/themes/YoupickTravel/font-icons/font-lineicons/fonts/fontawesome-webfont.eot?v=4.7.0);
src: url(//youpick.ru/wp-content/themes/YoupickTravel/font-icons/font-lineicons/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(//youpick.ru/wp-content/themes/YoupickTravel/font-icons/font-lineicons/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(//youpick.ru/wp-content/themes/YoupickTravel/font-icons/font-lineicons/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'), url(//youpick.ru/wp-content/themes/YoupickTravel/font-icons/font-lineicons/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url(//youpick.ru/wp-content/themes/YoupickTravel/font-icons/font-lineicons/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"], 
[class*=" icon-"] {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.simple-icon-arrow-left,
.simple-icon-arrow-right,
.simple-icon-globe-alt, 
.simple-icon-globe, 
.simple-icon-magnifier, 
.simple-icon-calendar, 
.simple-icon-location-pin,
.simple-icon-eye, 
.simple-icon-note, 
.simple-icon-notebook, 
.simple-icon-menu, 
.simple-icon-close, 
.simple-icon-compass, 
.simple-icon-layers, 
.simple-icon-star, 
.simple-icon-plane, 
.simple-icon-envelope, 
.simple-icon-pencil,
.simple-icon-arrow-right-circle,
.simple-icon-select {
font-family: 'simple-line-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.simple-icon-arrow-left:before {
content: "\e605";
}
.simple-icon-arrow-right:before {
content: "\e606";
}
.simple-icon-globe-alt:before {
content: "\e036";
}
.simple-icon-globe:before {
content: "\e037";
}
.simple-icon-magnifier:before {
content: "\e090";
}
.simple-icon-calendar:before {
content: "\e075";
}
.simple-icon-location-pin:before {
content: "\e096";
}
.simple-icon-eye:before {
content: "\e087";
}
.simple-icon-note:before {
content: "\e060";
}
.simple-icon-notebook:before {
content: "\e013";
}
.simple-icon-menu:before {
content: "\e601";
}
.simple-icon-close:before {
content: "\e082";
}
.simple-icon-compass:before {
content: "\e045";
}
.simple-icon-layers:before {
content: "\e034";
}
.simple-icon-star:before {
content: "\e09b";
}
.simple-icon-plane:before {
content: "\e012";
}
.simple-icon-envelope:before {
content: "\e086";
}
.simple-icon-pencil:before {
content: "\e05f";
}
.simple-icon-arrow-right-circle:before {
content: "\e079";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}