html { width:100%; height: 100%; }
body {
background-color: #f9f9fa;
/*background-color: #ffffff;*/
/*background-image: url("https://www.transparenttextures.com/patterns/tapestry.png");*/
/*background-image: url("https://www.transparenttextures.com/patterns/snow.png");*/
/*background-image: url("https://www.transparenttextures.com/patterns/mirrored-squares.png");*/
/*background-image: url("https://www.transparenttextures.com/patterns/fabric-of-squares.png");*/
/*background-image: url("https://www.transparenttextures.com/patterns/diagmonds-light.png");*/
/*background-image: url("https://www.transparenttextures.com/patterns/cream-pixels.png"); */
/*background-image: url("https://www.transparenttextures.com/patterns/clean-gray-paper.png");*/
height:100%;
margin:0;
padding:0;
font-size: 80.01%;
font-family: 'Magistral Book', 'Cera Pro','Fira Sans', 'Arial', sans-serif;
/*font-family: 'Montserrat', sans-serif;*/
font-weight: 400;
overflow-x: hidden;
}
body.page-mobile {
overflow-x: hidden;
/*height: 100%;*/
}
h1 {
color: #000;
font-size: 22px;
text-transform: uppercase;
}
h2 {
color: #2c438c;
font-size: 40px;
margin: 0 0 15px 0;
font-family: 'Magistral Book','Bebas Neue','Cera Pro','Fira Sans', 'Arial', sans-serif; /*'Montserrat Alternates', sans-serif;*/
color: #1b263f; /*#2c438c;*/
text-transform: uppercase;
font-weight: bold;
}
.all-section {
padding-top: 60px;
padding-bottom: 60px;
}
.all-section h2,
.all-section .h2,
.modal-dialog h2 {
color: #354c98 !important; /*#2c438c;*/
font-size: 20px;
margin: 0 0 15px 0;
font-family: 'Magistral Book','Bebas Neue','Cera Pro','Fira Sans', 'Arial', sans-serif; /*'Montserrat Alternates', sans-serif;*/
color: #1b263f; /*#2c438c;*/
text-transform: uppercase;
font-weight: bold;
}
.all-section ul {
font-size: 16px;
}
.all-section p {
font-size: 16px;
}
main {
margin-top: 90px;
}
@media (max-width: 768px) {
main {
margin-top: 90px;
}
}
p {
font-size: 16px;
}
/* ============================================================================================================================================= */
.btn-blue-yellow .BTN {
text-align: center;
color: #fff !important;
font-size: 16px !important;
font-weight: 400 !important;
text-transform: uppercase;
line-height: normal !important;
padding: 18px;
font-family: 'Magistral Book','Bebas Neue','Cera Pro','Fira Sans', 'Arial', sans-serif;
/* height: 50px; */
outline: none;
/* border: 1px solid rgba(0, 80, 71, 0.35); */
border-radius: 10px;
box-shadow: none;
background-color: #2c438c !important;
position: relative;
text-transform: uppercase;
text-decoration: none;
transition: color 0.9s 0s, box-shadow 0.9s 0s;
}
.btn-blue-yellow .BTN span {
position: absolute;
display: block;
border-radius: 100%;
background-color: #ffba00 !important;
transition: width 0.9s ease-in-out, height 0.9s ease-in-out;
transform: translate(-50%, -50%);
z-index: -1;
}
.btn-blue-yellow .BTN:hover {
color: #1b263f !important;
transition: color 0.9s 0s, box-shadow 0.9s 0s;
font-weight: 400;
/* box-shadow: 0 0 20px 5px rgb(0 0 0 / 20%) !important; */
}
/* ============================================================================================================================================= */
/* Таблица... */
.lazy-block {
margin-top: 60px;
}
.table {
width: 100%;
border: none;
margin-bottom: 20px;
}
.table thead th {
font-weight: bold;
text-align: left;
border: none;
padding: 10px 15px;
background: #d8d8d8;
font-size: 14px;
}
.table thead tr th:first-child {
border-radius: 8px 0 0 8px;
}
.table thead tr th:last-child {
border-radius: 0 8px 8px 0;
}
.table tbody td {
text-align: left;
border: none;
padding: 10px 15px;
font-size: 14px;
vertical-align: top;
}
.table tbody tr:nth-child(even){
background: #f3f3f3;
}
.table tbody tr td:first-child {
border-radius: 8px 0 0 8px;
}
.table tbody tr td:last-child {
border-radius: 0 8px 8px 0;
}
.card {
max-width: 1200px;
margin: 0 auto;
background: white;
border-radius: 20px;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
overflow: hidden;
}
.table-header {
padding: 30px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
}
.table-wrapper {
/*overflow-x: auto;*/
padding: 0;
}
.awesome-table,
.sample-table {
width: 100%;
border-collapse: collapse;
font-size: 0.95rem;
}
.awesome-table p,
.sample-table p {
margin: 0;
}
.awesome-table thead tr,
.sample-table thead tr {
background: #ffba00; /*#f8f9fa;*/
/*border-bottom: 2px solid #e9ecef;*/
}
.awesome-table th,
.sample-table th {
padding: 20px;
text-align: center;
font-weight: 600;
color: #000; /*#495057;*/
text-transform: uppercase;
letter-spacing: 0.5px;
/*border: 1px solid #fff;*/
}
.awesome-table th:first-child,
.sample-table th:first-child {
border-radius: 10px 0 0 10px;
}
.awesome-table th:last-child,
.sample-table th:last-child {
border-radius: 0 10px 10px 0;
}
.awesome-table td,
.sample-table td {
padding: 16px 20px;
border-bottom: 1px solid #e9ecef;
color: #000; /*#6c757d;*/
vertical-align: middle;
font-size: 17px;
font-family: 'Magistral Book', 'Cera Pro','Fira Sans', 'Arial', sans-serif;
}
.awesome-table tbody tr,
.sample-table tbody tr {
transition: all 0.2s ease;
background-color: rgb(255 186 0 / 25%);
}
.awesome-table tbody tr td,
.sample-table tbody tr td {
border: 1px solid #fff;
text-align: center;
}
.awesome-table tbody tr:hover,
.sample-table tbody tr:hover {
background-color: rgb(255 186 0 / 50%); /*#ffba00; /*#f8f6f0;*/
/*transform: translateX(5px);*/
transform: scale(1.03);
border-radius: 10px;
}
.awesome-table tbody tr:hover > td:first-child,
.sample-table tbody tr:hover > td:first-child {
border-radius: 10px 0 0 10px;
}
.awesome-table tbody tr:hover > td:last-child,
.sample-table tbody tr:hover > td:last-child {
border-radius: 0 10px 10px 0;
}
.badge {
background: #e7f5ff;
color: #0c63e4;
padding: 5px 12px;
border-radius: 20px;
font-size: 0.85rem;
font-weight: 500;
}
/* ...таблица */
.container-white {
background: #fff;
/*padding: 30px 0 0 0;*/
/*box-shadow: 0 -2px 5px rgba(0, 0, 0, .05);*/
font-size: 14px;
overflow-x: hidden;
}
.b-title {
background-color: #f8f6f0;
}
/* Хлебные крошки... */
.main-top-breadcrumb {
padding-top: 15px;
text-transform: uppercase;
}
.main-breadcrumb {
background: #f8f8f8;
font-size: 16px;
height: 40px;
line-height: 40px;
box-shadow: 0 -1px 5px rgba(0,0,0,.1);
text-transform:uppercase;
}
.bx-breadcrumb {
margin: 10px 0;
}
.bx-breadcrumb i {
color: #b5bdc2;
line-height: 13px;
font-size: 15px;
vertical-align: middle;
margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
float: left;
margin-bottom: 10px;
white-space: nowrap;
line-height: 13px;
vertical-align: middle;
margin-right: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
font-size: 13px;
white-space: normal;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}
/* ...хлебные крошки */
/* ============================================================================================================================================= */
a {
color: #203f77 !important;
}
form { margin:0; padding:0;}
form.main-form
{
display: block;
margin:0;
padding:0;
width:100%;
height:100%;
}
#page-wrapper
{
min-height:100%;
margin: 0 auto -85px;
min-width: 990px;
}
* html #page-wrapper { height: 100%; }
#header { height: 77px; position: relative;}
#header table { width: 80%; height: 77px;}
#header td { padding: 0; vertical-align: middle; text-align: left;}
td#logo { padding-left: 32px;}
td#logo a { outline: none;}
td#slogan { padding-left: 32px; width: 100%; font-size: 1.2em; font-style: italic; /*font-weight: bold;*/}
#search { width: 23%; position: absolute; right:21px; top: 30px; }
#search div.flat{height: 20px;}
#search div.search-box
{
border: 1px solid;
height: 20px;
overflow:hidden;
padding:0;
position: absolute;
left: 21px;
right: 61px;
float: left;
}
* html #search div.search-box { margin-right:-82px; }
#search div.search-box input
{
border:1px solid;
width:98%;
height: 18px;
padding:0;
margin:0;
}
#search input { vertical-align: top;}
#search-button { float: right; width:48px; border: 1px solid;}
#search-button input::-moz-focus-inner { border: 0; padding: 0; }/*Remove button padding in FF*/
#search-button input
{
display: block;
border: none;
background: none;
width:48px;
padding:0;
margin:0;
/*font-family: Georgia, serif;*/
font-size: 12px;
height: 19px;
cursor: pointer;
cursor: hand;
outline: none;
}
div.search-item h4 { margin-bottom: 0.4em;}
#top-menu { margin: 0 0 0 32px; padding: 0; list-style-type: none; overflow: hidden; zoom:1;}
#top-menu li { float: left; margin: 0 1.5em 0 0; }
#top-menu a
{
display: block;
border-bottom-width: 2px;
border-bottom-style: solid;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
outline: none;
padding: 11px 0 7px;
margin: 0 16px 3px;
}
#top-menu li.selected a { padding: 11px 16px 10px; margin: 0;}
#top-menu li.selected .r1 { border-left: 1px solid; border-right: 1px solid; }
#top-menu li.selected .r0 { border-left: 1px solid; border-right: 1px solid; }
* html #top-menu .r1 { width: 2px;}
* html #top-menu .r0 { width: 2px;}
#top-menu li.selected .r1 { width: expression(runtimeStyle.width = parentNode.offsetWidth - 4 + 'px'); }
#top-menu li.selected .r0 { width: expression(runtimeStyle.width = parentNode.offsetWidth - 2 + 'px'); }
#breadcrumb { padding:0; margin: 0 41px 32px 32px;}
#breadcrumb p { margin: 0 10px;}
#breadcrumb span.bx-breadcrumbs-name { font-size: 0.85em; padding:0 0.4em;}
#breadcrumb a {text-decoration: none;}
#breadcrumb a:hover { text-decoration: underline;}
#breadcrumb b { border-right: 1px solid; border-left: 1px solid;}
#breadcrumb b.top { margin-bottom: 2px;}
#breadcrumb b.bottom { margin-top: 2px;}
#content-wrapper { overflow: hidden; margin: 21px 0 50px; zoom:1;}
#content { float: left; width: 77%; overflow: hidden; }
#sidebar { float: right; width: 23%; overflow: hidden; }
#sidebar-inner { margin-right: 21px;}
#workarea-wrapper { margin: 0 38px 0 25px;}
#left-menu { float: left; width: 25%; }
ul.left-menu { font-weight: bold; list-style-type: none; margin: 0; padding: 0 0 0 1.5em;}
/* Root */
ul.left-menu a { font-size: 1.1em; outline: none;}
ul.left-menu .selected a { text-decoration: none; }
ul.left-menu ul a { font-size: 0.85em !important; text-decoration: underline !important; outline: none; vertical-align:top; }
ul.left-menu li.current { overflow: hidden; zoom:1; display: block; margin-top: 0.3em;}
ul.left-menu .current i
{
padding: 1px 10px 2px 13px;
text-decoration: none !important;
display: block;
zoom:1;
font-style:normal;
font-size: 0.85em !important;
vertical-align:top;
}
ul.left-menu .current b { border-left:1px solid; border-right:1px solid; }
ul.left-menu ul { font-weight: normal; margin: 0.5em 0 0 -4px; padding: 0; list-style-type: none;}
ul.left-menu ul ul { margin: 0.5em 0 0 1em; }
ul.left-menu li li
{
margin-bottom: 0.7em;
padding:0 13px 0;
text-indent: 0;
background: url(images/left-menu-arrow.gif) no-repeat 5px 3px;
list-style-type: none;
}
ul.left-menu li
{
behavior:expression( !this.before ? this.before = this.innerHTML = '— ' + this.innerHTML :'' );
text-indent:-1.35em;
background: none;
padding:0;
margin-bottom: 1.5em;
}
ul.left-menu li li { behavior: '';}
ul.left-menu li:before { content:'\2014\a0'; }
ul.left-menu li li:before { content:'';}
ul.left-menu li li li { margin-bottom: 0.3em; }
#workarea { float: right; width: 75%; clear:right; }
#workarea-inner { margin-left: 25px;}
#banner
{
height: 175px;
margin: 0 28px 40px 19px;
overflow:hidden;
position:relative;
}
#banner-image { height:175px; width: 425px; overflow:hidden; text-decoration: none; display: block; }
#banner-text
{
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 2em;
position: absolute;
left: 35%;
top: 0;
left:0;
width: 100%;
height: 175px;
z-index:10;
}
#banner-text td {padding:0;}
#banner-text a { text-decoration: none; display: block;}
#banner-text small { font-size: 0.5em; padding-top: 1em; display: block; padding-left: 30px;}
#banner-text big { font-size: 1.4em; display: block; }
#banner-text span { padding-left: 30px; display:block;}
#banner-overlay
{
z-index:5;
height: 175px;
width: 100%;
position: absolute;
top: 0;
left: 0;
outline: none;
display: block;
cursor: pointer;
cursor: hand;
}
#footer, #space-for-footer { height: 85px; }
#footer { position: relative;}
#copyright { padding:21px 0 0 35px; font-size: 0.85em; width: 49%;}
#copyright p { margin:0;}
#footer-links { margin:0; padding:0; list-style: none;}
#bottom-menu { width:50%; position:absolute; right:25px; top: 20px; text-align: right;}
#footer-links li { display: inline; padding-left:1.5em;}
/* Navigation */
div.navigation { font-size:100%; line-height:200%; }
span.navigation-title { padding-right:0.65em; font-weight: bold;}
div.navigation a { text-decoration:underline; padding:0.2em 0.3em;}
span.nav-current-page { padding:0.2em 0.3em; }
div.navigation span.arrow { font-size:100%; font-family:Times, serif; }
div.navigation span.ctrl { font-size:85%; }
/*Site Map */
table.map-columns { width: 100%;}
table.map-columns td { vertical-align: top; padding: 0;}
table.map-columns ul { padding:0 0 2em 0; font-weight: bold;}
table.map-columns li { margin: 0 0 1.5em 0 !important;}
table.map-columns li li { margin: 0 0 0.6em 0 !important;}
table.map-columns ul ul { font-weight: normal; padding:0 0 0 1.5em; margin: 0.6em 0}
/* Ask a question */
#support {position: relative; margin:0 0 3em; padding-top: 3px;}
#support-question { position: absolute; width: 30px; height: 30px; top: 0; left:0;}
#support-text { height: 20px; margin-left: 15px; padding-left: 22px; padding-top: 2px; overflow:hidden;}
#support-text a { font-size: 14px; font-weight: bold; text-decoration: none;}
#support b { border-right:1px solid; margin-left: 15px;}
/* Schedule */
#schedule { margin: 0 0 3em; }
#schedule div.schedule { font-size: 0.85em; }
#schedule p { margin: 0 0 1em; }
/* Telephone*/
#telephone
{
padding: 0 0 0 37px;
margin: 0 0 1.5em;
min-height: 30px;
}
* html #telephone { padding-top: 6px;}
#telephone nobr { font-family: Georgia, serif; font-size: 1.6em;}
/* Content Block List */
dl.block-list { margin: 0 0 3.2em 0; padding:0; }
dl.block-list dt { margin: 0; padding: 0 0 0.3em; font-size: 1em;}
dl.block-list dd { margin:0 0 1.8em; padding:0; font-size: 0.85em;}
/* Information Box*/
div.information-box .r1 { border-left:1px solid; border-right:1px solid; }
div.information-box .r0 { border-left:1px solid; border-right:1px solid; }
div.information-box-content { font-size: 0.9em; padding: 12px 15px;}
/* News List */
div.news-list,
div.news-detail,
div.detail-info {
/*margin: 0 0 2em;*/
padding: 30px 0;
}
div.news-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.news-detail.abz-lr {
padding:0;
}
.news-detail .swiper-container {
height: auto;
}
.putevki-list .news-item {
min-height: 560px;
}
/*div.news-item { margin: 0 0 1.3em; }*/
div.news-date { margin: 0 0 0.5em; }
div.news-title { font-size: 1.2em; margin: 0 0 0.5em; }
a.news-detail-link { display: block; margin: 1em 0 0; outline: none;}
/* Forms */
div.content-form div.form-input input, div.content-form div.form-input textarea, div.content-form div.form-input select
{
border:1px solid;
border-color: #777 #CCCCCC #CCCCCC #777
}
div.content-form div.field label.field-title { font-size: 1.117em; }
/* Header... */
#header {
padding: 10px 0;
}
.main-header {
padding: 10px 0;
background: #fff;
}
.fix-top-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
/*box-shadow: 0px 0px 5px rgb(130 130 130 / 20%);*/
box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
}
@media (max-width:1024px) {
.fix-top-menu {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}
}
.header-phone .phone-number {
font-size: 36px;
margin: 0;
}
.header-phone .text-phone-number {
font-size: 15px;
text-transform: uppercase;
margin: 0;
}
.main-header-fix .text-phone-number {
font-size: 12px;
}
.cd-logo {
top:0 !important;
position:relative !important;
}
.input-group {
margin-top: 15px;
width: auto;
float: left;
position: relative;
display: table;
border-collapse: separate;
}
.main-input {
height: 45px;
line-height: 20px;
padding: 0 10px;
border-radius: 0 !important;
outline: none;
width: 100%;
box-shadow: none;
border:1px solid;
border-color: #ccc;
}
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.btn-lg {
font-size: 15px;
line-height: 18px;
/* padding: 10px 35px; */
text-shadow: 0 1px 0 #FFF;
/* height: 60px; */
height: 45px;
width: 45px;
outline: none;
border-radius: 0 !important;
}
.btn-lg:hover {
border-color: #333;
}
.btn-lg i {
color: #333;
font-size: 14px;
}
.top-panel-right {
margin-top:15px;
text-align: center;
}
.top-panel-right p, .top-panel-right a {
font-size: 18px;
margin: 0;
}
.top-panel-right a:last-child {
margin: 0;
}
.header-phone .icon {
line-height: 1em;
margin: 0.1em -0.2em 0 0.1em;
font-size: 2.5em;
float: right;
color: #4f6379; /*#0c54a0;*/
}
.header-phone .contact-link {
text-transform: uppercase;
padding-right: 2.7rem;
margin-bottom: .4em;
font-size: .7em;
text-align: right;
}
.header-phone .contact-link a {
text-decoration: underline;
}
.header-number {
text-align: right;
line-height: 1em;
margin-top: 10px;
}
.header-number a {
font-size: 1.5em;
color: #7c7d7d; /*#4f6379;*/
}
.header-phone a,
.header-phone a:hover {
text-decoration:none;
color: #2c438c !important;
}
.header-phone a strong,
.header-phone strong {
font-size:1.4em;
font-weight:normal;
color:rgba(1, 99, 149, 1);
}
.header-phone strong {
color: rgba(0, 0, 0, .2);
}
.header-phone .clearfix {
height:5px;
}
.header-phone .weekdays {
display: table;
height: 3px;
width: 100%;
margin-bottom: .5em;
}
.header-phone .weekdays i,
.header-phone .weekdays span,
.header-phone .weekdays b {
border-left: 3px solid #fff;
background-color: #bcbcbc;
display: table-cell;
width: 14.285%;
height: 3px;
}
.header-phone .weekdays i {
background-color: #138e04;
}
.header-phone .weekdays span {
background-color: #d27c7c;
}
.header-phone .weekdays b {
background-color: #ef2424;
}
.main-header-span {
font-size: 0.76em;
text-transform: uppercase;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
@media (max-width: 480px) {
/*.main-header .main-header-col-n2 {
width: 48%;
float: left;
padding-right: 0;
}
.main-header .main-header-col-n3 {
width: 52%;
display: inline-block;
padding-left: 0;
padding-bottom: 15px;
}
.main-header-span {
display:none;
}*/
}
.cd-header-buttons {
position: absolute;
display: inline-block;
/*top: 3px;
right: 5%;*/
left: 0px;
top: 5px;
width: 40px;
}
.cd-header-buttons li {
display: inline-block;
}
@media only screen and (max-width: 1169px) {
.nav-on-left .cd-header-buttons {
right: auto;
left: 5%;
}
.nav-on-left .cd-header-buttons li {
float: right;
}
}
@media only screen and (min-width: 1170px) {
.cd-header-buttons {
/*top: 18px;
right: 4em;*/
top: 18px;
right: 0px;
}
}
/* Второе меню... */
.top-menu-2 {
/*font-family: 'PT Sans Narrow', sans-serif;*/
background-color: #f8f8f8;
height:50px;
color: #a8c9e4;
font-size: 12px;
text-transform: uppercase;
z-index: 2;
position: relative;
background: #2c438c; /*#2c438c;*/
}
.top-menu-2-index {
background: transparent !important;
}
.top-menu-2 .container {
position:relative;
}
.navbar-nav {
/*font-family: 'PT Sans Narrow', sans-serif;*/
font-size: 16px;
color:#2e3233;
}
/* ...второе меню */
/* ...header */
/* ----------------------------------------------NEW */
/* Slider... */
.swiper-container {
width: 100%;
/*height: 640px;*/
}
.swiper-slide {
/*text-align: center;
font-size: 18px;
background: #fff;*/
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
/* Center slide text vertically */
/*display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/
}
.swiper-home-slide {
height: 650px !important; /*100vh;*/
/* top: 0; */
margin-top: -140px;
/* padding-top: 140px;*/
}
.home-slide-left {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
justify-content: center;
align-content: flex-start;
}
.slider-row {
height: 650px;
display: flex;
}
.home-slide-right {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
align-content: center;
position: inherit;
}
.home-slide-right img {
margin-bottom: 50px;
}
/*.home-slide-right {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: center;
align-content: center;
position: inherit;
}*/
/*.home-slide-right img {
position: absolute;
bottom: 50px;
right: 0;
}*/
/*123*/
@media (max-width:768px) {
.row-slider-home {
margin-left: 0;
margin-right: 0;
}
.slider-row {
padding-top: 90px;
height: 650px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.home-slide-left {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
align-items: center;
justify-content: flex-start;
align-content: center;
text-align: center;
}
.home-slide-right {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-end;
justify-content: flex-end;
align-content: flex-end;
position: inherit;
margin-right: -40px;
}
.home-slide-right img {
margin-bottom: 0;
width: 100%;
}
}
.H1_CUST {
/*z-index: 8; */
white-space: nowrap;
font-size: 50px;
/* line-height: 140px; */
/* font-weight: 500; */
font-family: 'Montserrat Alternates', sans-serif;
color: #2c438c;
}
.H2_CUST,
.PREV_CUST {
font-size: 22px;
font-family: 'Montserrat', sans-serif;
color: #2c438c;
font-weight: 300;
}
.home-slide-left .PREV_CUST {
padding-right: 60px;
}
@media (max-width:768px) {
.home-slide-left .PREV_CUST {
padding-right: 0;
}
}
/* ...slider */
/* Header... */
/* ...header */
font.tablebodytext {
display: none;
}
.main-header {
position: fixed;
top:0;
left: 0;
background: #fff;
width: 100%;
z-index: 100;
padding: 10px 0;
}
.main-header-index {
background: transparent;
}
body.open-mobile-menu .main-header {
z-index: 1;
}
body.page-mobile .top-menu-2 {
top: -50px;
}
.main-header-col-n3-mobile,
.main-header-col-n4-mobile,
.main-header-col-n5-mobile {
display: none;
}
.header-btn-item-mobile,
.header-btn-item-mobile span {
display: none;
}
@media (max-width: 768px) {
.main-header-col-n1 {
/*width: calc(100% - 65px);*/
/*width: calc(100% - 100px);*/
}
.header-btn-item-mobile {
display:block;
}
.main-header-col-n3,
.main-header-col-n4,
.main-header-col-n5 {
display: none;
}
.main-header-col-n3-mobile,
.main-header-col-n4-mobile,
.main-header-col-n5-mobile {
display: block;
}
}
.no-fix-top-menu .main-header {
height: 90px;
}
body.open-mobile-menu .min-menu {
/*margin-top: 70px;*/
z-index: 999;
}
.fix-top-menu .main-header {
height: 70px;
}
.main-header-col {
position: relative;
}
.no-fix-top-menu .main-header-col {
height: 70px;
}
.fix-top-menu .main-header-col {
height: 50px;
}
.header-logo {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
}
.no-fix-top-menu .header-logo {
height: 50px;
}
.fix-top-menu .header-logo {
height: 50px;
}
.fix-top-menu .main-header-col-n2 {
width: calc(75% - 215px);
}
.fix-top-menu .main-header-col-btn {
width: 50px;
}
.header-phone {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
}
.no-fix-top-menu .header-phone {
height: 60px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.fix-top-menu .header-phone {
height: 50px;
}
.fix-top-menu .text-phone-number {
display: none;
}
.no-fix-top-menu .header-phone .phone-number {
font-size: 26px;
}
.main-header-col-n2 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
align-items: center;
justify-content: center;
}
.main-header-col-n3 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-around;
align-items: center;
}
.main-header-col-n4 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.header-btn-item {
/*position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: #666;*/
}
.no-fix-top-menu .header-btn-item {
height: 42px;
}
@media (max-width:768px) {
.no-fix-top-menu .header-btn-item {
height: 42px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
}
.fix-top-menu .header-btn-item {
height: 42px;
width: 42px;
}
.header-btn-item a {
color: #2c438c !important;
}
.header-btn-item i {
position: absolute;
color: #2c438c;
font-size: 18px;
border: 1px solid rgba(0,80,71,0.35);
border-radius: 3px;
padding: 10px;
height: 42px;
width: 42px;
}
.header-btn-item-3 i {
padding: 10px 11px;
}
.header-btn-item .title {
font-size: 14px;
text-transform: uppercase;
margin-left: 50px;
font-weight: 400;
}
.txt-btn {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: center;
align-items: flex-start;
height: 42px;
}
.fix-top-menu .header-btn-item .title {
display: none;
}
.header-btn-item .descr {
font-size: 14px;
text-transform: uppercase;
margin-left: 50px;
font-weight: 400;
}
.fix-top-menu .header-btn-item .descr {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
display: none;
}
.header-btn-item a:hover {
color: #006f62;
text-decoration: none;
}
.header-btn-item a:hover i {
background: #2c438c;
color: #fff;
}
.no-visible {
display: none;
}
.yes-visible {
display: block;
}
.fix-top-menu .header-btn-item .title,
.fix-top-menu .header-btn-item .descr {
display: none;
}
.header-lic {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-end;
width: max-content;
left: 0;
right: 0;
justify-content: center;
}
.text-lic-a {
font-size: 14px;
padding: 0;
margin: 0;
text-transform: uppercase;
color: #fff;
}
.btn-lic a i,
.btn-lic div i{
font-size: 42px;
padding: 0;
color: #2c438c;
border: none;
}
.btn-lic a:hover i,
.btn-lic div:hover i {
background: none;
color: #006f62;
}
.top-menu-2 {
position: fixed;
left: 0;
top: 90px;
width: 100%;
display:block;
z-index: 99;
}
.open-mobile-menu {
overflow: hidden;
position:relative;
}
.y-visible-menu {
top:90px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.no-fix-top-menu {
top:0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.fixed-top-menu.y-visible-menu {
top:70px;
}
.n-visible-menu,
.no-vis-main-header {
top: -140px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
/*Burger...*/
.cd-nav-trigger-new span,
.cd-nav-trigger-new span::before,
.cd-nav-trigger-new span::after {
position: absolute;
display: inline-block;
height: 1.5px; /*3px;*/
width: 24px;
background: #2c438c;
}
.cd-nav-trigger-new span{
position: absolute;
top:0;
bottom:0;
left:0;/*-28px;*/
right:0;
margin:auto;
/*-webkit-transition: background 0.3s 0.3s;
-moz-transition: background 0.3s 0.3s;
transition: background 0.3s 0.3s;*/
}
.cd-nav-trigger-new span::before,
.cd-nav-trigger-new span::after {
content: '';
right: 0;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s 0.3s;
-moz-transition: -moz-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s;
}
.cd-nav-trigger-new span::before{
top: -7px; /*-6px;*/
}
.cd-nav-trigger-new span::after{
top: 7px; /*6px;*/
}
.cd-nav-trigger-new.nav-is-visible span {
background: rgba(255, 255, 255, 0);
}
.cd-nav-trigger-new.nav-is-visible span::before,
.cd-nav-trigger-new.nav-is-visible span::after {
background: #fff; /*#2e3233;*/
}
.cd-nav-trigger-new.nav-is-visible span::before{
top:-6px;
-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
-moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
-ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
-o-transform: translateX(4px) translateY(-3px) rotate(45deg);
transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.cd-nav-trigger-new.nav-is-visible span::after{
top:6px;
-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
transform: translateX(4px) translateY(2px) rotate(-45deg);
}
/*@media only screen and (min-width: 1170px) {
.cd-nav-trigger,
.cd-nav-trigger-new {
display: none;
}
}*/
#burger {
border: 1px solid rgba(0,80,71,0.35);
border-radius: 3px;
height: 42px;
width: 42px;
padding: 10px;
cursor: pointer;
}
#burger:hover,
.nav-is-visible {
background: #666;
}
.cd-nav-trigger-new:hover span,
.cd-nav-trigger-new:hover span:after,
.cd-nav-trigger-new:hover span:before {
background: #fff;
}
.cd-nav-trigger-new.nav-is-visible:hover span {
background: rgba(255, 255, 255, 0);
}
/* ====== */
/* Modal... */
.snoska {
color: initial;
text-transform: initial;
font-size: .7em;
}
.modal {
background: rgba(56, 71, 117, .5);
}
.modal-dialog {
/*width: 600px;
margin: 120px auto;*/
width: 500px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: max-content;
position: absolute;
}
@media (max-width: 768px) {
.modal-dialog {
width: 300px;
}
}
.modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: none;
border-radius: 10px;
outline: 0;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
font-size: 15px;
font-weight: 300;
line-height: 25px;
}
/*.modal-content:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-color: #F6F5F3;
background-position: center;
background-size: cover;
background-image: url(/image/catalog/bg.png);
top: -5%;
left: -5%;
z-index: -1;
}*/
.modal-body {
position: relative;
padding: 30px;
}
.capcha {
display: flex;
flex-direction: row;
align-items: center;
}
.capcha img {
border: 0 none;
}
input, textarea, select {
-webkit-appearance: none;
}
.modal-body form input,
.modal-body form textarea,
.modal-body form select,
.modal-body form label,
.modal-body form input[type="date"],
.modal-body form #dob-label {
width: 100% !important;
margin: 10px auto;
padding: 10px;
color: initial;
font-size: 15px;
font-weight: 300;
line-height: 25px;
outline-width: 0px;
outline: none;
border: 1px solid rgba(0,80,71,0.35);
color: #767676;
border-radius: 10px;
box-shadow: none;
background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
background-color: #fff;
}
.modal-body form input[type="submit"],
.btn-submit-form {
background-color: #2c438c !important;
color: #fff;
border: none;
border-radius: 3px;
width: fit-content !important;
}
.btn-yellow {
width: 200px;
/*position: absolute;*/
margin: auto;
left: 0;
right: 0;
margin-bottom: 30px;
background: #ffba00 !important;
border-radius: 10px;
border-top: 3px solid rgba(255, 255, 255, 0.5);
height: auto !important;
line-height: normal !important;
color: #000;
border: none;
padding: 15px;
/* border-radius: 10px; */
font-size: 16px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s;
}
.btn-yellow:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
color: #000;
}
.btn-yellow:hover {
text-decoration: none;
background: #fff;
}
.modal-body form #dob-label {
position: absolute;
z-index: 1;
width: calc(100% - 30px) !important;
}
.modal-body form #dob {
opacity: 0;
position: relative;
z-index: 1;
line-height: 25px;
height: 47px;
/*padding: 10px;*/
}
/*#dob:focus,*/
.modal-body form #dob.is-visible {
opacity: 1;
}
#MODAL_LIC_CUST .modal-body,
#MODAL_ORDER_CUST .modal-body {
background-image: url(/include/img/cert.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
text-align: center;
padding: 30px !important;
}
#MODAL_LIC_CUST .modal-dialog,
#MODAL_LIC_CUST .modal-dialog .container,
#MODAL_ORDER_CUST .modal-dialog,
#MODAL_ORDER_CUST .modal-dialog .container {
width: 82%;
}
/* footer */
footer {
position: relative;
/*margin-top: 30px;*/
padding-top: 30px;
background-color: #2c438c; /*#333; /*7f7e7c*/
/*box-shadow: 0 -2px 4px rgba(0, 0, 0, .08);*/
/*box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);*/
color: #fff;
}
footer .about p {
font-size: 17px; /*14px;*/
font-weight: 300;
margin: 10px auto;
}
footer a {
color: #999 !important;
}
f/*ooter .overlay {
background: rgba(227, 227, 227, .5); /*rgba(9, 13, 17,.48);*/
background-image: url(/image/grain-pattern.png);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}*/
.footer-contact-us {
background: rgba(46, 50, 51, .8);
height: 50px;
line-height: 50px;
color: #fff;
background-image: url(/image/style/cream-pixels.png);
}
.footer-contact-us ul {
display: flex;
}
footer .container {
/*bottom: 0;
left: 0;
right: 0;
position: absolute;*/
}
footer hr {
border-top: none;
border-bottom: 1px solid rgb(153 153 153 / 30%);
}
footer .list-unstyled a {
color: #2e3233; /*#ccc;*/
display: flex;
}
footer .list-unstyled a:hover {
color: #696969;
}
footer .list-unstyled a i {
font-size: 20px !important;
}
footer h5 {
/*font-family: 'Open Sans', sans-serif;*/
font-size: 13px;
font-weight: bold;
color: #fff; /*#fff;*/
text-transform: uppercase;
}
footer .list-unstyled li {
margin: 10px 0;
font-size: 14px;
}
footer .copyright {
font-size: 12px;
margin-bottom: 15px;
text-transform: uppercase;
}
@media (max-width:768px) {
footer .copyright {
text-align:center;
}
.site-footer-autor {
margin-bottom: 20px;
}
}
footer i {
font-size: 12px !important;
margin-right: 10px;
}
footer i.fa-mobile {
font-size: 18px !important;
}
footer .col-sm-6:first-child {
/*margin-left: -15px;*/
}
footer .col-sm-6::last-child {
margin-right: -15px;
}
.socset-footer {
display: flex;
padding-top: 10px;
}
.socset-footer li {
margin: 5px;
}
.socset-footer li:first-child {
margin-left: 0;
}
.socset-footer a {
color: inherit;
}
.socset-footer a:hover,
.language-select:hover {
color: #696969;
cursor: pointer;
}
.socset-footer .language-select {
display: flex;
}
.socset-footer .language-select span {
margin-left: 5px;
}
.socset-footer i {
font-size: 20px !important;
margin: 0;
}
@media (max-width: 768px) {
.socset-footer {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
text-align: center;
padding-bottom: 10px;
}
.socset-footer .language-select span {
display: none;
}
.socset-footer i {
margin: auto;
}
}
footer .customers .list-unstyled li i {
display: none;
}
/* Autor... */
.site-footer-autor-bg {
color: #a6a6a6;
font-size: 11px;
font-family: "Oswald", "PT Sans", "Tahoma", sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
background: none;
font-weight: 400;
font-style: normal;
bottom: 0;
text-align: right;
line-height: 23px;
}
.site-footer-autor-bg a:link,
.site-footer-autor-bg a:active,
.site-footer-autor-bg a:visited {
color: #fff;
font-size: 11px;
text-decoration: none;
font-family: "Oswald", "PT Sans", "Tahoma", sans-serif;
font-weight: 400;
font-style: normal;
text-decoration: none;
/*border-bottom: 1px dotted #777;*/
background: #777;
padding: 5px;
}
.site-footer-autor-bg a:hover {
color: #fff; /*#00a8ff;*/
text-decoration: none;
/*border-bottom: 1px dotted #00a8ff;*/
background: #00a8ff;
}
.site-footer-autor-bg span {
background: #fff;
padding: 5px;
margin-left: -5px;
}
@media (max-width:768px) {
.site-footer-autor-bg {
text-align:center;
margin-bottom: 15px;
}
}
.site-footer-autor {
color: #a6a6a6;
font-size: 11px;
font-family: "Oswald", "PT Sans", "Tahoma", sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
background: none;
font-weight: 400;
font-style: normal;
bottom: 0;
text-align: right;
line-height: 23px;
}
.site-footer-autor a:link,
.site-footer-autor a:active,
.site-footer-autor a:visited {
color: #777 !important; /*#4a4a4a; /*#fff;*/
font-size: 11px;
text-decoration: none;
font-family: "Oswald", "PT Sans", "Tahoma", sans-serif;
font-weight: 400;
font-style: normal;
text-decoration: none;
border-bottom: 1px dotted #777;
}
.site-footer-autor a:hover {
color: #00a8ff !important;
text-decoration: none;
border-bottom: 1px dotted #00a8ff;
}
@media (max-width:768px) {
.site-footer-autor {
text-align:center;
}
}
/* ...autor */
/* Table... */
.table-res {
display: block;
width: 100%;
min-height: 0.01%;
overflow-x: auto;
margin: 0 0 30px 0;
box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}
.table-res td {
padding: 10px;
background: #f6f5f3;
border: 2px solid #fff;
}
tr.th td {
background: rgba(32, 63, 118, .2);
white-space: nowrap;
}
.th-c {
text-align: center;
}
/* Accord... */
.panel {
border:none;
border-radius: 0 !important;
}
.panel-default > .panel-heading {
color: initial;
background-color: #f7f7f8;
padding: 15px;
border-radius: 21px 0;
border: none;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border: none;
}
/* ABZ... */
.ind-text,
.ind-fraza {
text-align: center;
font-size: 22px !important;
font-family: 'Montserrat', sans-serif;
}
.abz {
background:#f6f5f3;
padding:15px !important;
position:relative;
color: inherit;
border: none;
border-radius: 0;
font-size: 15px;
font-weight: 300;
line-height: 25px;
}
.abz:before,
.abz:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: #f6f5f3;
top: 0;
}
.abz:before {
left: -100%;
}
.abz:after {
right:-100%;
}
.abz-l {
/*background:#f6f5f3;*/
padding:30px 0 ;
position:relative;
color: inherit;
border: none;
border-radius: 0;
font-size: 15px;
font-weight: 300;
line-height: 25px;
}
/*.abz-l:before,
.abz-l:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: #f6f5f3;
top: 0;
}
.abz-l:before {
left: -100%;
}
.abz-l:after {
right:-100%;
}*/
.abz-r {
background:transparent !important;
padding:30px 0 !important;
position:relative;
color: inherit;
border: none;
border-radius: 0;
font-size: 15px;
font-weight: 300;
line-height: 25px;
margin-left: 20px !important;
}
.abz-r:after {
display: none !important;
}
.abz-r:before,
.abz-r:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: #f6f5f3;
top: 0;
}
.abz-r:before {
left: -100%;
}
.abz-r:after {
right:-100%;
}
.abz-center {
margin: 30px;
text-align: center;
text-transform: uppercase;
font-size: 2em;
font-weight: 100;
padding: 30px 0 !important;
}
.abz-form {
background:rgba(32, 63, 118, .1);
position:relative;
color: inherit;
border: none;
border-radius: 0;
font-size: 15px;
font-weight: 300;
line-height: 25px;
padding:50px 0 !important;
}
.abz-form h2,
.abz-form .p-title {
text-align: center;
}
.abz-form .form_input {
margin: 15px 0 0 0;
}
.abz-form:before,
.abz-form:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: rgba(32, 63, 118, .1);
top: 0;
}
.abz-form:before {
left: -100%;
}
.abz-form:after {
right:-100%;
}
/* ...ABZ */
/* ===Кнопка бронирования скругленная...=== */
.btn-in {
position: relative;
width: auto; /*fit-content;*/
margin: auto;
}
.btn-bron {
/*height: 50px;
background: #203f77;
border-radius: 25px;
line-height: 50px;
width: auto;
padding: 0 15px;
position:absolute;
color: #fff;
left: 0;
right: 0;
margin: auto;*/
background: #2c438c;
border-radius: 3px;
line-height: 50px;
width: fit-content;
padding: 0 15px;
color: #fff;
left: 0;
right: 0;
}
.btn-bron:hover {
background: #006f62;
}
.btn-bron a {
/* color: #fff !important; */
text-decoration: none;
color: #fff !important;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
width: 100%;
align-content: center;
justify-content: center;
align-items: center;
}
.btn-bron a:hover {
text-decoration: none;
}
.btn-bron i {
/*font-size: 40px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 5px;
height: 40px;*/
font-size: 40px;
margin: auto 15px auto -10px;
}
.btn-bron div {
/*margin-left: 50px;
text-transform: uppercase;
margin-right: 50px;*/
text-transform: uppercase;
}
@media (max-width:1024px) {
/*.btn-bron div {
margin-right: 50px;
}*/
}
.btn-in {
position: relative;
}
/* ===...кнопка бронирования скругленная === */
/* === Секции в путевках... ===*/
.gallery-in-price-cust .swiper-wrapper,
.gallery-in-price-cust {
height: auto;
}
.item-in-price-cust-name {
font-size: 14px;
text-transform: uppercase;
color: #7f7e7c;
left: 0;
top: 5px;
text-align: center;
right: 0;
margin: auto;
font-weight: 400;
}
.item-in-price-cust-icon {
position: relative;
width: 65px;
height: 65px;
left: 0;
right: 0;
margin: auto;
}
.item-in-price-cust-icon i {
font-size: 60px;
color: #384775;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
}
.POKAZANIYA_CUST ul li,
.RESULTAT_CUST ul li,
.PROTIV_CUST ul li,
.S_SOBOY_CUST ul li {
/*padding: 15px 0;*/
list-style: circle; /*decimal-leading-zero;*/
}
.PROCEDURS_CUST table {
border: none;
width: 100%;
}
.PROCEDURS_CUST td {
padding: 10px;
background: #f6f5f3;/*rgba(102, 102, 102, .1);*/
border: 2px solid #fff;
}
/* === ...секции в путевках === */
/* === Детальный компонент новостей... === */
div.news-detail
{
word-wrap: break-word;
}
div.news-detail img.detail_picture
{
float:left;
margin:0 8px 6px 1px;
}
.news-date-time
{
color:#486DAA;
}
.container-white {
background: #fff;
/*padding: 30px 0 0 0;*/
/*box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05);*/
font-size: 14px;
overflow-x: hidden;
padding-top: 60px !important;
padding-bottom: 60px !important;
border-bottom: 1px solid #ececec;
font-family: 'Montserrat', sans-serif;
}
.container-white .row {
/*padding: 30px 0;*/
}
/*.container-white .row:first-child {
padding: 0 0 60px 0;
}*/
.container-white p,
.container-white ul li,
.container-white td,
.container-white ol li,
.container-gray p,
.container-gray ul li,
.container-gray td,
.container-gray ol li {
font-size: 18px;
font-weight: 300;
line-height: 150%;
}
.container-white ul li {
list-style: circle;
}
.container-white h2 {
font-weight: bold;
margin: 30px 0;
}
.container-white .abz-l h2,
.container-white .abz-r h2 {
margin: 0 0 30px 0;
}
@media (max-width:1024px) {
.container-white .abz-l h2,
.container-white .abz-r h2 {
margin: 30px 0;
}
}
.PROTIV_CUST ul,
.S_SOBOY_CUST ul {
column-count: 2;
-moz-column-count: 2; /* Firefox */
-webkit-column-count: 2; /* Safari and Chrome */
}
@media (max-width:1024px) {
.PROTIV_CUST ul,
.S_SOBOY_CUST ul {
column-count: 1;
-moz-column-count: 1; /* Firefox */
-webkit-column-count: 1; /* Safari and Chrome */
}
}
.abz-form {
background:rgba(32, 63, 118, .1);
position:relative;
color: inherit;
border: none;
border-radius: 0;
font-size: 15px;
font-weight: 300;
line-height: 25px;
padding:50px 0 !important;
}
.news-detail .abz-form {
margin-bottom: -30px;
}
.abz-form h2,
.abz-form .p-title {
text-align: center;
}
.abz-form .form_input {
margin: 15px 0 0 0;
}
.abz-form:before,
.abz-form:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: rgba(32, 63, 118, .1);
top: 0;
}
.abz-form:before {
left: -100%;
}
.abz-form:after {
right:-100%;
}
.abz,
.alert-success {
background:#f6f5f3;
padding:15px !important;
position:relative;
color: inherit;
border: none;
border-radius: 0;
font-size: 15px;
font-weight: 300;
line-height: 25px;
}
.abz:before,
.abz:after,
.alert-success:before,
.alert-success:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: #f6f5f3;
top: 0;
}
.abz:before,
.alert-success:before{
left: -100%;
}
.abz:after,
.alert-success:after{
right:-100%;
}
.abz-center {
margin: 30px;
text-align: center;
text-transform: uppercase;
font-size: 2em;
font-weight: 100;
padding: 30px 0 !important;
}
.swiper-container.gallery-top {
height: calc(100vw / 4 * 3); /* 9x6 */
width: 100%;
}
@media (min-width: 320px) {
}
@media (min-width: 480px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
.swiper-container.gallery-top {
height: 522px; /*587px;*/
}
.detail-info .swiper-container {
height: auto;
}
}
.swiper-container.gallery-thumbs {
height: calc(100vw / 4);
box-sizing: border-box;
padding: 10px 0;
}
@media (min-width: 1200px) {
.swiper-container.gallery-thumbs {
height: 100px;
}
}
.gallery-thumbs .swiper-slide {
height: 100%;
/*opacity: 0.4;*/
cursor: pointer;
-webkit-filter: grayscale(95%);
-moz-filter: grayscale(95%);
-ms-filter: grayscale(95%);
-o-filter: grayscale(95%);
filter: grayscale(95%);
}
.gallery-thumbs .swiper-slide-thumb-active {
/*opacity: 1;*/
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: none;
}
.swiper-right,
.swiper-left {
font-size: 50px;
color: #fff;
z-index: 9999;
position: absolute;
top: 0;
bottom: 0;
width: 50px;
height: 50px;
margin: auto;
cursor: pointer;
}
.swiper-right {
right: 0;
}
.swiper-left {
left: 0;
}
.item-text-flex {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.item-text-detail {
font-size: 14px;
line-height: 20px;
min-height: 120px;
padding: 15px 0;
}
.item-options {
position: relative;
font-size: 14px;
line-height: 31px;
color: #7f7e7c;
padding: 15px 0;
}
.item-options-detail {
/*display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 10px 0;*/
margin: 15px 0;
display: block;
position: relative;
}
.item-options-detail-left {
/*position: relative;
width: 45px;
height: 45px;*/
position: relative;
width: 45px;
height: 45px;
float: left;
}
.item-options-detail-right {
/*padding-left: 15px;
margin-left: 10px;
height: 45px;
position: relative;*/
padding-left: 15px;
margin-left: 55px;
height: auto;
min-height: 45px;
position: relative;
}
.item-options-detail-right-in {
position: relative;
padding: 8px 0;
/*position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 30px;*/
}
.item-options-detail-right-alt {
/*font-size: 12px;
text-transform: uppercase;
color: #7f7e7c;
position: absolute;
top: 5px;
width: max-content;*/
font-size: 12px;
text-transform: uppercase;
color: #7f7e7c;
width: auto;
/*top: 5px;*/
/*position: relative;*/
line-height: 100%;
padding-bottom: 2px;
}
.item-options-detail-right-text {
/*font-size: 14px;
text-transform: uppercase;
position: absolute;
bottom: 5px;
width: max-content;*/
font-size: 14px;
text-transform: uppercase;
/*bottom: 0px;*/
width: auto;
/*position: relative;*/
line-height: 100%;
padding-top: 2px;
}
.item-options-detail-left i {
font-size: 40px;
margin-right: 20px;
color: #384775;
position: absolute;
margin: auto;
/*top: 0;*/
bottom: 0;
/*color: #fff;
background: #384775;
font-size: 18px;
border: 2px solid #666;
border-radius: 50%;
padding: 10px;*/
}
.my-detal-news-found {
background: #fff; /*#f8f8f8; /*rgba(1,99,149,.30);*/
background-position:center;
background-size:cover;
background-repeat:no-repeat;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
padding:15px;
}
/* === ...детальный компонент новостей === */
/* === Прайс... === */
.vertical-tab-container{
z-index: 10;
background-color: #fff;
padding: 0 !important;
background-clip: padding-box;
}
.nav-tabs {
border: none;
}
.nav-tabs > li > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
background: none;
border: none;
text-align: center;
text-transform: uppercase;
}
.nav-tabs > li.active > a {
font-weight: 400;
}
.list-group-item {
background-color: #f7f7f8;
border: none;
border-radius: 0;
font-weight: 300;
text-transform: uppercase;
color: #000;
padding: 15px;
}
.nav-item.active {
background: #2c438c;/*#006f62;*/
color: #fff;
border-radius: 40px 0;
}
.nav-item.active a {
color: #fff !important;
}
.nav-item.active:hover a {
color: #000 !important;
}
.nav-item:hover {
background: #f7f7f8 !important;
border-radius: 40px 0;
}
.nav > li > a:hover,
.nav > li > a:focus {
background: none;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
border: none;
border-radius: 0;
font-weight: 400;
background: #2c438c !important;
color: #fff !important;
}
.vertical-tab-menu div.list-group>a:last-child,
.vertical-tab-menu div.list-group>a:first-child {
border-radius: 0;
}
.list-group-item:last-child,
.list-group-item.active:last-child {
border-bottom: none;
}
.vertical-tab-menu{
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
}
.vertical-tab-menu div.list-group{
margin-bottom: 0;
}
.vertical-tab-menu div.list-group>a{
margin-bottom: 0;
}
.vertical-tab-menu div.list-group>a .glyphicon,
.vertical-tab-menu div.list-group>a .fa {/* font-awesome only */
color: #2c438c;
}
.vertical-tab-menu div.list-group>a:first-child{
border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
}
.vertical-tab-menu div.list-group>a:last-child{
border-bottom-right-radius: 0;
-moz-border-bottom-right-radius: 0;
}
.vertical-tab-menu div.list-group>a.active,
.vertical-tab-menu div.list-group>a.active .glyphicon,
.vertical-tab-menu div.list-group>a.active .fa{
/*background-color: #2c438c;
color: #fff !important;*/
background: none;
}
.vertical-tab-menu div.list-group>a.active:after{
content: '';
position: absolute;
left: 100%;
top: 50%;
margin-top: -13px;
border-left: 0;
border-bottom: 13px solid transparent;
border-top: 13px solid transparent;
border-left: 10px solid #2c438c;
}
.vertical-tab-content{
background-color: #ffffff;
}
.vertical-tab div.vertical-tab-content:not(.active){
display: none;
}
.container-white table {
border: none;
width: 100%;
}
.container-white td {
padding: 10px;
background: #f6f5f3;
border: 2px solid #fff;
}
.gallery-price-cust {
height: max-content;
padding: 15px 0;
line-height: 50px;
}
.g-menu-icon {
font-size: 30px;
margin-bottom: 15px;
}
.nav-link {
font-size: initial;
}
.th td {
background: rgba(32, 63, 118, .2);
white-space: nowrap;
}
.tab-content > .tab-pane {
margin-top: 0;
}
.container-white table {
border: none;
width: 100%;
}
.container-white td {
padding: 10px;
background: #f6f5f3;
border: 2px solid #fff;
}
.gallery-price-cust {
height: max-content;
padding: 0 0 30px 0;
line-height: 50px;
}
.abz, .alert-success {
background: #f6f5f3;
padding: 15px 0 !important;
position: relative;
color: inherit;
border: none;
border-radius: 0;
font-size: 15px;
font-weight: 300;
line-height: 25px;
}
.row-flex {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-content: center;
align-items: center;
}
.row-flex img {
width: 100%;
height: auto;
}
.row-flex .abz-r:before {
width: 5px;
left: -20px;
background: rgb(0 80 71 / 50%);
}
@media (max-width: 768px) {
.row-flex {
display: inherit;
}
}
/*Accord*/
.panel {
border:none;
border-radius: 0 !important;
background: none;
box-shadow: none;
}
.panel-title {
font-size: 20px;
}
.panel-collapse {
margin: 15px auto;
}
.panel-default > .panel-heading {
color: initial;
background: none;
padding: 15px 0;
border-radius: 0;
border: none;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border: none;
}
.panel-heading a {
position: relative;
}
.panel-heading a.collapsed:after {
content: '\ea99';
position: absolute;
font-family: 'IcoFont' !important;
right: 0;
top: 0;
bottom: 0;
margin: auto;
font-size: 25px;
height: 25px;
line-height: 25px;
}
.panel-heading a:after {
content: '\eaa1';
position: absolute;
font-family: 'IcoFont' !important;
right: 0;
top: 0;
bottom: 0;
margin: auto;
font-size: 25px;
height: 25px;
line-height: 25px;
}
/* === ...прайс === */
/* FAQ... */
.faq_category {
margin: 30px auto;
}
.faq-block {
margin: 15px auto;
border: 1px solid #d0d0d0;
padding: 15px;
border-radius: 10px;
background: #fff;
transition: background 1s ease-in-out 0s;
}
.faq_category .question {
cursor: pointer;
margin: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.faq_category .text-block {
margin-top: 30px;
}
.faq-block.slide {
background: #f8f6f0;
transition: background 1s ease-in-out 0s;
}
/* ...FAQ */
/* === Список компонента новостей... === */
.vrachi-list div.news-item {
margin-bottom: 30px !important;
float: right;
}
/* All nomera... */
div.news-item {
margin-bottom: 30px !important;
}
@media (max-width: 768px) {
div.news-item {
margin-bottom: 30px;
}
}
div.news-item-in {
border: 1px solid #ececec;
background: #fff;
border-radius: 10px;
}
div.news-item-in:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25 );
}
.item-photo {
width: 100%;
min-height: 183px; /*206px; /*225px;*/
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 10px 10px 0 0;
}
.item-title {
margin: 20px 0;
font-size: 18px;
font-weight: 400;
padding: 0 15px;
min-height: 50px;
}
.produkt-list .item-title {
min-height: 77px;
}
.item-text {
font-size: 14px;
line-height: 20px;
min-height: 120px;
padding: 0 15px;
}
.vrachi-list .item-text {
min-height: 80px;
}
.item-options {
position: relative;
font-size: 14px;
color: #7f7e7c;
padding: 15px;
}
.item-options {
font-size: 14px;
line-height: 20px;
color: #b6b6b6;
position: relative;
display: flex;
padding: 15px 0;
}
.item-options i {
font-size: 21px;
/*margin-right: 20px;*/
}
.item-options-icon {
position: relative;
/*margin: 5px 0;
top: 15px;*/
width: 76px;
background: #666; /*rgba(241, 8, 73, 0.8);*/
color: #fff;
padding: 5px 25px 0 30px;
left: -5px;
text-transform: uppercase;
font-weight: 900;
font-size: .8em;
}
.item-options-icon:after {
content: '';
position: absolute;
width: 5px;
height: 100%;
background: rgba(56, 71, 117, 0.8);
left: 0;
top: 3px;
z-index: -1;
transform: skew(0, 30deg);
}
.item-text {
/*font-size: 14px;
line-height: 20px;
min-height: 120px;
padding: 0 15px;*/
font-size: 17px !important;
font-weight: 300;
line-height: 150% !important;
padding: 15px !important;
}
.section-instruktors .item-text {
font-size: 17px !important;
font-weight: 300;
line-height: normal !important;
padding: 15px !important;
min-height: auto;
}
.section-instruktors .item-text.RATING {
font-size: 30px !important;
}
.section-instruktors .item-title {
margin: 20px 0;
font-size: 18px;
font-weight: 400;
padding: 0 15px;
min-height: inherit;
}
.item-options {
position: relative;
font-size: 14px;
color: #7f7e7c;
padding: 15px;
}
.item-options {
font-size: 14px;
line-height: 20px;
color: #b6b6b6;
position: relative;
}
.item-options i {
font-size: 21px;
margin-right: 20px;
}
.item-price {
color: #384775; /*#2c438c;*/
padding: 15px;
font-size: 18px;
}
.item-price i {
font-size: 21px;
margin-right: 20px;
}
.item-options-list {
display: flex;
margin: 15px 0;
padding: 0 15px;
}
.item-options-list-price {
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid rgba(127, 126, 124, 0.3);
}
.item-options-list-left {
position: relative;
width: 35px;
height: 35px;
text-align: center;
}
.item-options-list-right {
padding-left: 15px;
margin-left: 10px;
/*border-left: 1px solid rgb(127 126 124 / 10%);*/
height: 35px;
position: relative;
}
.item-options-list-right-alt {
font-size: 12px;
text-transform: uppercase;
color: #7f7e7c;
position: absolute;
top: 0;
width: max-content;
}
.item-options-list-right-text {
font-size: 14px;
text-transform: uppercase;
position: absolute;
bottom: 0;
width: max-content;
}
.item-options-list-left i {
font-size: 30px;
margin-right: 20px;
color: #666; /*#384775;*/
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
/*color: #fff;
background: #384775;
font-size: 18px;
border: 2px solid #666;
border-radius: 50%;
padding: 10px;*/
}
.item-options-list-price .item-options-list-left i {
color: #384775;
}
/* === Стрелки слайдера... === */
.swiper-button-featured {
text-align: right;
padding: 15px;
}
@media (min-width:1024px) {
.detail-info .swiper-button-featured {
display: none;
}
}
.swiper-button-featured i {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 25px;
text-align: center;
background: rgba(46, 50, 51, 0.1);
color: rgba(46, 50, 51, 1);
}
.swiper-title {
display: inline-block;
float: left;
height: 40px !important;
line-height: 30px;
padding: 3px 0 0 0;
text-align: left;
width: 75%;
margin-bottom: 15px;
overflow: hidden;
text-overflow: ellipsis;
/*white-space: nowrap;*/
}
.swiper-title h2 {
margin: 0;
}
.swiper-btn {
display: inline-block;
}
.swiper-button-featured i:hover {
background: #696969; /*#23527c;*/
color: #fff;
}
/* === ...стрелки слайдера === */
/* === Цены... === */
.table-dotted td {
padding: 0;
background: #fff;
border: none;
}
/* === ...цены === */
/* Нет картинки... */
.no-img {
width: 580px;
background: rgba(32, 63, 118, .1);
height: calc(580px/9*6);
text-align: center;
font-size: 50px;
line-height: 100%;
text-transform: uppercase;
font-weight: 300;
position: relative;
}
.no-img-in {
width: 100%;
height: 100px;
margin: auto;
top: 0;
bottom: 0;
position: absolute;
}
@media (max-width:1024px) {
.no-img {
width: 100%;
height: calc(100vw/9*6);
font-size: 250%;
}
.no-img-in {
height: calc(30vw/9*6);
}
}
/* ...нет картинки */
/* === Раздел с фото... === */
.img-razdel {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 400px;
margin-top: -30px;
}
/* === ...раздел с фото === */
/* === Цены... === */
.table-dotted {
display: block;
width: 100%;
min-height: 0.01%;
overflow-x: auto;
margin: 0 0 30px 0;
}
.table-dotted tr:hover > td p {
font-weight: 500;
}
.table-dotted table {
white-space: nowrap;
}
.table-dotted-td {
border-bottom: 1px dotted rgba(0,0,0,.3);
/*float: left;
width: 50%;*/
}
.table-dotted-td span {
background-color: #fff;
padding: 5px 5px 5px 0;
}
.table-dotted-td-r {
border-bottom: 1px dotted rgba(0,0,0,.3);
text-align: right;
/*float: right;
width: 50%;*/
}
.table-dotted-td-r span {
background-color: #fff;
padding: 5px 5px 5px 0;
}
.table-dotted table {
width: 100%;
}
/* === ...цены === */
/* === Отзывы... === */
.otziv-url {
text-align: center;
text-transform: uppercase;
font-size: 12px !important;
padding-top: 15px;
}
.otziv-text {
margin: 30px 50px;
text-align: center;
}
.otziv-text:before {
position: absolute;
content: '\efce';
font-family: 'IcoFont' !important;
font-size: 50px;
font-style: italic;
top: 10px;
left: 20px;
color: #666;
}
.otziv-name {
text-align: right;
margin: 0 50px;
font-style: italic;
}
.otziv-ocenka {
text-align: center;
margin: 30px 50px 0 50px;
}
.otziv-ocenka i {
font-size: 30px;
}
/* === ...отзывы === */
/* MANGO и битрикс */
.mgo-mcw-widget_position-right {
right: 10px !important;
}
.b24-widget-button-wrapper {
bottom: 120px !important;
}
@media (max-width:1024px) {
.mgo-mcw-widget_position-right {
left: 10px !important;
right: auto !important;
}
.b24-widget-button-wrapper {
bottom: 40px !important;
z-index: 100 !important;
}
}
.mgo-mcw-widget {
bottom: 40px !important;
z-index: 98 !important;
}
#mgo-mcw-group-buttons {
display: none !important;
}
/* ...vidjet */
/*69.7 b24-widget-button-inner-mask*/
/* Obvodka */
.mgo-mcw__button {
width: 69.7px !important;
height: 69.7px !important;
border-radius: 69.7px !important;
background: rgba(0, 174, 239, 0.2) !important;
}
/* Vnutri */
.mgo-mcw__callback-button_sapphire .mgo-mcw__button-bg {
width: 56.1px !important;
height: 56.1px !important;
/*background-color: #384775 !important;*/
background: rgba(0, 174, 239, 1) !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
/* Iconka */
.mgo-mcw__button .mgo-mcw__button-icon,
.mgo-mcw__button .mgo-mcw__button-icon__offline {
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
position: absolute !important;
}
/*.mgo-mcw__group-buttons_state-horizontal,
.mgo-mcw__button {
width: 56.1px !important;
height: 56.1px !important;
border-radius: 56.1px !important;
}*/
.mgo-mcw__callback-container {
margin: 0 0 6px 0;
min-height: 56.1px !important;
height: 56.1px !important;
}
.b24-widget-button-wrapper.b24-widget-button-position-bottom-right {
right: 10px !important;
z-index: 99 !important;
}
.b24-widget-button-shadow {
z-index: 97 !important;
}
.btn-transparent-border-color {
border-color: rgba(0,80,71,0.35);
color: #2c438c;
text-transform: uppercase;
padding: inherit;
margin: auto;
top: 0;
bottom: 0;
height: 42px;
position: absolute;
line-height: 42px;
border: 1px solid rgba(0,80,71,0.35);
border-radius: 3px;
font-size: 12px;
text-decoration: none;
}
.btn-transparent-border-color:hover {
color: #fff !important;
background: #2c438c;
text-decoration: none;
}
.vis {
top:0px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.no-vis {
top: -500px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.last-head {
top:0px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.first-head {
top: -30px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.main-header-fix {
position: fixed;
left: 0;
background: #fff;
width: 100%;
z-index: 100;
height: 70px;
-webkit-box-shadow: 0px 13px 25px -12px rgb(0 0 0 / 25%);
-moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
box-shadow: 0px 13px 25px -12px rgb(0 0 0 / 25%);
}
.main-header-fix .main-header-col-n4 {
/*display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-around;
align-items: center;*/
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.main-header-fix .main-header-col {
height: 70px;
}
/*.main-header-fix .main-header-col-n1 {
width: calc(16.66666667% - 60px);
}*/
/*.main-header-fix .main-header-col-n3 {
width: calc(50% + 60px);
}*/
.main-header-fix .has-children > a,
.main-header-fix .cd-dropdown ul li a {
padding: inherit;
}
.main-header-fix .header-logo {
height: 40px;
}
.main-header-fix .header-phone {
top: auto;
bottom: auto;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.main-header-fix .header-phone .phone-number {
font-size: 20px;
}
.main-header-fix .header-btn-item {
height: 25px;
width: 25px;
}
.main-header-fix .btn-lic a i,
.main-header-fix .btn-lic div i {
font-size: 25px;
cursor: pointer;
}
@media (max-width:768px) {
.main-header {
background: #fff;
top: 0;
-webkit-box-shadow: 0px 13px 25px -12px rgb(0 0 0 / 25%);
-moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
box-shadow: 0px 13px 25px -12px rgb(0 0 0 / 25%);
}
.main-header-fix,
.main-header-col-n2,
.main-header-col-n3,
.main-header-col-n4 {
display: none;
}
}
.search-fix {
background: #fff;
height: 70px;
position: fixed;
left: 0;
background: #fff;
width: 100%;
z-index: 100;
height: 70px;
-webkit-box-shadow: 0px 13px 25px -12px rgb(0 0 0 / 25%);
-moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
box-shadow: 0px 13px 25px -12px rgb(0 0 0 / 25%);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.search-fix .bx_field {
border: none;
}
.CLOSE_MODAL_SEARCH_CUST {
font-size: 25px;
height: 42px;
line-height: 42px;
cursor: pointer;
}
.container-gray {
background: #f9f9fa;
border-bottom: 1px solid #ececec;
padding-top: 60px !important;
padding-bottom: 60px !important;
overflow-x: hidden;
font-family: 'Montserrat', sans-serif;
}
.FICHI_CUST .ICO_CUST {
margin-bottom: 45px;
max-height: 50px;
height: 60px;
color: #2c438c;
font-size: 60px;
}
.FICHI_CUST .NAME_CUST {
margin-bottom: 6px;
margin-top: 6px;
overflow: hidden;
text-overflow: ellipsis;
font-size: 15px;
line-height: 20px;
color: #2c438c;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
min-height: 45px;
}
.FICHI_CUST .PREV_CUST {
margin-bottom: 6px;
margin-top: 6px;
overflow: hidden;
text-overflow: ellipsis;
font-size: 15px;
line-height: 20px;
color: #2c438c;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
min-height: 45px;
}
.FICHI_CUST_WHITE .ITEM_FICHI:after {
content: '\eac7';
position: absolute;
font-family: 'IcoFont' !important;
right: -30px;
top: 15px;
font-size: 50px;
}
.FICHI_CUST_WHITE .ITEM_FICHI:last-child:after {
display: none;
}
@media (max-width: 768px) {
.FICHI_CUST_WHITE .ITEM_FICHI:after {
display: none;
}
.FICHI_CUST .NAME_CUST {
min-height: 80px;
}
.FICHI_CUST .PREV_CUST {
min-height: 115px;
}
}
.FICHI_CUST_WHITE .ICO_CUST {
max-height: 100px;
height: 100px;
width: 100px;
background: #fff;
color: #2c438c;
font-size: 60px;
left: 0;
right: 0;
margin: auto;
margin-bottom: 45px;
border-radius: 50%;
position: relative;
box-shadow: 0 0 0 15px rgb(255 255 255 / 20%);
}
.FICHI_CUST_WHITE .ICO_CUST i {
color: #2c438c;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
height: 60px;
}
.FICHI_CUST_WHITE h2 {
text-align: center;
color: #fff;
font-size: 26px;
}
.FICHI_CUST_WHITE .NAME_CUST,
.FICHI_CUST_WHITE .ICO_CUST {
color: #fff;
}
.br-30 {
margin: 30px auto;
}
.swiper-home-slide:hover .my-swiper-button {
display: block;
}
.my-swiper-button {
display: none;
font-size: 40px;
position: absolute;
top: 0;
bottom: 0;
height: 40px;
width: 40px;
margin: auto;
z-index: 100;
background: #fff;
line-height: 40px;
text-align: center;
color: #2c438c;
border-radius: 3px;
cursor: pointer;
opacity: 0.5;
}
.my-swiper-button-next {
right: 50px;
}
.my-swiper-button-prev {
left: 50px;
}
.my-swiper-button-next:hover,
.my-swiper-button-prev:hover {
background: #2c438c; /*#006f62;*/
color: #fff;
}
.swiper-pagination-bullet-active,
.swiper-pagination-bullet {
background: #2c438c;
border-radius: 3px;
width: 12px;
height: 12px;
}
.section-gradient {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNTU5ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzViMzY3NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #42559f),color-stop(100%, #5b3674));
background-image: -moz-linear-gradient(left top, #004f45 0%,#006f62 100%);
background-image: -webkit-linear-gradient(left top, #004f45 0%,#006f62 100%);
background-image: linear-gradient(to right bottom, #004f45 0%,#006f62 100%);
border-bottom: none;
}
.section-gradient p {
font-size: 22px !important;
font-family: 'Montserrat', sans-serif;
color: #fff;
font-weight: 300;
}
.section-gradient .row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.section-gradient h2 {
font-size: 25px;
margin-bottom: 30px;
font-weight: 500;
}
.section-gradient ul {
margin: 30px auto;
list-style: decimal-leading-zero;
}
.section-gradient ul li {
font-size: 22px;
padding-bottom: 15px;
padding-top: 15px;
}
@media (max-width:768px) {
.section-gradient .row {
display: block;
}
}
/*.dropdown-menu {
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
height: 42px;
position: absolute;
top: 0;
bottom: 0;
left: 110%;
z-index: 1000;
display: none;
float: left;
width: auto;
padding: 0;
margin: auto;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
border-radius: 3px;
border: 1px solid rgba(0,80,71,0.35);
}
.dropdown-menu > li > a {
display: block;
padding: 10px 20px !important;
color: #333;
white-space: nowrap;
font-size: 14px;
}
.header-phone .icofont-caret-down {
position: absolute;
right: 0;
bottom: -16px;
left: 0;
font-size: 30px;
color: rgba(0,80,71,0.35);
margin: auto;
height: 30px;
width: 30px;
}*/
.section-instruktors .item-photo {
width: 100%;
min-height: 300px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 10px 10px 0 0;
}
.section-instruktors {
padding-top: 60px;
padding-bottom: 60px;
}
.bottom-section-1 {
position: absolute;
width: 100%;
height: 20px;
margin: auto;
z-index: 3;
left: 0;
right: 0;
bottom: -1px; /* Привязываем к низу секции, а не к верху */
}
.bottom-section-1 svg {
transform: rotate(180deg);
height: 20px;
width: 100%;
}
.bottom-section-1 path {
fill: #f9f9fa;
}
.bottom-section-2 {
position: absolute;
width: 100%;
height: 20px;
margin: auto;
z-index: 3;
left: 0;
right: 0;
bottom: -20px; /* Привязываем к низу секции, а не к верху */
}
.bottom-section-2 svg {
/*transform: rotate(180deg);*/
height: 20px;
width: 100%;
}
.bottom-section-2 path {
fill: #f9f9fa;
}
.bottom-section-3 {
position: absolute;
width: 100%;
height: 20px;
margin: auto;
z-index: 3;
left: 0;
right: 0;
bottom: -1px; /* Привязываем к низу секции, а не к верху */
}
.bottom-section-3 svg {
transform: rotate(180deg);
height: 20px;
width: 100%;
}
.bottom-section-3 path {
fill: #fff;
}
.bottom-section-4 {
position: absolute;
width: 100%;
height: 20px;
margin: auto;
z-index: 3;
left: 0;
right: 0;
bottom: -20px; /* Привязываем к низу секции, а не к верху */
}
.bottom-section-4 svg {
/*transform: rotate(180deg);*/
height: 20px;
width: 100%;
}
.bottom-section-4 path {
fill: #f9f9fa;
}
.bottom-section-5 {
position: absolute;
width: 100%;
height: 20px;
margin: auto;
z-index: 3;
left: 0;
right: 0;
bottom: -1px; /* Привязываем к низу секции, а не к верху */
}
.bottom-section-5 svg {
transform: rotate(180deg);
height: 20px;
width: 100%;
}
.bottom-section-5 path {
fill: #f9f9fa;
}
.bottom-section-6 {
position: absolute;
width: 100%;
height: 20px;
margin: auto;
z-index: 3;
left: 0;
right: 0;
bottom: -20px; /* Привязываем к низу секции, а не к верху */
}
.bottom-section-6 svg {
/*transform: rotate(180deg);*/
height: 20px;
width: 100%;
}
.bottom-section-6 path {
fill: #f8f6f0;
}
.bottom-section-7 {
position: absolute;
width: 100%;
height: 20px;
margin: auto;
z-index: 3;
left: 0;
right: 0;
bottom: -1px; /* Привязываем к низу секции, а не к верху */
}
.bottom-section-7 svg {
transform: rotate(180deg);
height: 20px;
width: 100%;
}
.bottom-section-7 path {
fill: #f8f6f0;
}
.bottom-section-beg {
position: absolute;
width: 100%;
height: 20px;
margin: auto;
z-index: 3;
left: 0;
right: 0;
bottom: -1px; /* Привязываем к низу секции, а не к верху */
}
.bottom-section-beg svg {
transform: rotate(180deg);
height: 20px;
width: 100%;
}
.bottom-section-beg path {
fill: #f8f6f0;
}
.bottom-section-grey {
position: absolute;
width: 100%;
height: 20px;
margin: auto;
z-index: 3;
left: 0;
right: 0;
bottom: -1px; /* Привязываем к низу секции, а не к верху */
}
.bottom-section-grey svg {
transform: rotate(180deg);
height: 20px;
width: 100%;
}
.bottom-section-grey path {
fill: #f9f9fa;
}
.bottom-section-8 {
position: absolute;
width: 100%;
height: 20px;
margin: auto;
z-index: 3;
left: 0;
right: 0;
bottom: -20px; /* Привязываем к низу секции, а не к верху */
}
.bottom-section-8 svg {
/*transform: rotate(180deg);*/
height: 20px;
width: 100%;
}
.bottom-section-8 path {
fill: #f9f9fa;
}
.swiper-button-featured {
text-align: right;
padding: 15px;
margin-bottom: 80px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.swiper-button-featured i {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 40px;
text-align: center;
background: rgba(46, 50, 51, .1);
color: rgba(46, 50, 51, 1);
border-radius: 10px;
}
.swiper-title {
display: inline-block;
float: left;
height: 50px;
line-height: 30px;
padding: 3px 0 0 0;
text-align: left;
width: 75%;
/*margin-bottom: 80px;*/
overflow: hidden;
text-overflow: ellipsis;
/*white-space: nowrap;*/
}
.btn-b-w .BTN {
color: #fff !important;
font-size: 12px !important;
font-weight: 400 !important;
text-transform: uppercase;
line-height: normal !important;
padding: 14px;
/* height: 50px; */
outline: none;
/* border: 1px solid rgba(0, 80, 71, 0.35); */
border-radius: 10px;
box-shadow: none;
background-color: #2c438c !important;
position: relative;
text-transform: uppercase;
text-decoration: none;
transition: color 0.9s 0s, box-shadow 0.9s 0s;
}
.swiper-btn .btn-b-w:first-child {
margin-right: 15px;
}
.swiper-button-featured .btn-b-w .BTN {
line-height: 50px !important;
padding: inherit;
font-size: 50px !important;
}
.btn-b-w .BTN span {
position: absolute;
display: block;
border-radius: 100%;
background-color: #ffba00 !important;
transition: width 0.9s ease-in-out, height 0.9s ease-in-out;
transform: translate(-50%, -50%);
z-index: -1;
}
.btn-b-w .BTN:hover span {
background-color: #fff !important;
color: #000;
}
.swiper-button-featured .btn-b-w i:hover {
color: #000 !important;
}
.swiper-btn {
display: flex;
cursor: pointer;
}
.swiper-btn .btn-blue:first-child {
margin-right: 15px;
}
.swiper-button-featured i:hover {
background: #696969; /*#23527c;*/
color: #fff;
}
.swiper-button-featured .btn-blue .BTN {
line-height: 50px !important;
padding: inherit;
font-size: 50px !important;
}
.bg-4 {
/*background-image: url(/include/img/bg-4.png);
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;*/
/* background-color: #004f45; */
/* color: #fff;*/
}
.bg-4,
.container-ice {
position: relative;
display: block;
}
.container-beg {
background: #f8f6f0;
}
.container-white {
background: #fff;
}
.bg-4 {
width: 100%;
background-image: url(/include/img/bg-4.png);
background-repeat: repeat-x;
animation: slideBackground1 50s linear infinite;
}
@keyframes slideBackground1 {
0% {
background-position: 0 0;
}
100% {
/* Сдвигаем ровно на ширину изображения */
background-position: -1000px 0; /* Укажите точную ширину вашего фонового изображения */
/* Для бесшовного паттерна: background-position: 200px 0; */
}
}
/* Контейнер на всю ширину */
.full-width-block {
width: 100vw;
margin-left: calc(-50vw + 50%);
padding-left: 30px;
padding-right: 30px;
}
.bg-12-50 {
background-image: url(/include/img/bg-12-50.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
/* background-color: #004f45; */
/* color: #fff;*/
}
.bg-12-80 {
background-image: url(/include/img/bg-12-80.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
/* background-color: #004f45; */
/* color: #fff;*/
}
.bg-12-80 {
background-image: url(/include/img/bg-12-90.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
/* background-color: #004f45; */
/* color: #fff;*/
}
.bg-t-102-100 {
background-image: url(/include/img/bg-102-100.png);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
color: #fff;
}
.bg-c-102-100 {
background-image: url(/include/img/bg-102-100.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
color: #fff;
}
.bg-c-102-100 img {
width: 100%;
}
.bg-b-102-100 {
background-image: url(/include/img/bg-102-100.png);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
color: #fff;
}
.bg-t-102-100 h2,
.bg-c-102-100 h2,
.bg-b-102-100 h2,
.bg-t-103-100 h2,
.bg-c-103-100 h2,
.bg-b-103-100 h2 {
color: #fff;
}
.bg-t-103-100 {
background-image: url(/include/img/bg-103-100.png);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
color: #fff;
}
.bg-c-103-100 {
background-image: url(/include/img/bg-103-100.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
color: #fff;
}
.bg-b-103-100 {
background-image: url(/include/img/bg-103-100.png);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
color: #fff;
}
/* Стоимость---*/
.item-options-list-center {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
padding: 15px;
border-top: 1px solid rgba(127, 126, 124, 0.3);
}
.item-options-list-center-no-border-top {
border-top: none;
}
.item-options-list-center-alt {
font-size: 12px;
text-transform: uppercase;
color: #7f7e7c;
font-weight: 300;
}
.item-options-list-center-text {
font-size: 30px;
text-transform: uppercase;
color: #2c438c;
font-weight: 300;
}
.item-options-list-center-text span {
font-size: 20px;
}
.mobile-menu-popup {
display: none;
}
@media (max-width:768px) {
.mobile-menu-popup {
display: inherit;
background: #fff;
box-shadow: 0px -13px 25px -12px rgb(0 0 0 / 25%);
margin-top: 15px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 13px;
font-weight: 300;
background-image: url(/include/img/bg-4.png);
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
}
.mobile-menu-popup li a, .mobile-menu-popup li {
font-size: 13px !important;
color: #2c438c !important;
line-height: 100%;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
}
}
/*Галерея*/
.thumb img {
-webkit-filter: grayscale(0);
filter: none;
border-radius: 5px;
background-color: #fff;
border: 1px solid #ddd;
padding: 5px;
width: 60%;
height: auto;
}
.thumb img:hover {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.thumb {
padding: 5px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
align-items: center;
}
.thumb a {
display: flex;
justify-content: center;
}
.page-contacts .thumb img {
width: auto;
}
.page-contacts .thumb {
padding: 15px;
display: inherit;
}