@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto');

html { padding:0; margin:0; font-size: 16px; font-family: 'Roboto', sans-serif;background:#F1F4F7;color:#353A3D;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }

div.object{
	cursor:pointer;
}
div.object>div {
    transition: box-shadow .5s ease;
}
div.object>div:hover {
    webkit-box-shadow: 0 0 12px 4px rgb(0 0 0 / 5%);
    box-shadow: 0 0 12px 4px rgb(0 0 0 / 5%);
}

.context_menu{
	display:none;
	text-align:center;
	margin:0px;
	padding:0px;
	border: none;
	list-style:none;
	font-weight:bold;
	position: absolute;
	border-radius:3px;
	box-shadow: 0px 0px 10px rgba(68,68,68,0.25);
	z-index:100;
}

/*.context_menu:before{
    content: '';
    position: absolute;
    left: 50%;
    top: -5px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: #f0f0f0;
    border-top: 0;
    transform: translate(-50%,0);
}
.context_menu:hover:before{
	border-bottom-color: #90c8f6;
}*/

.context_menu li{
	display:block;
	background:#f9f9f9;
}

.context_menu li a{
	display:block;
	padding:12px 15px;
	color:#000;
	background:#f9f9f9;
	text-decoration:none;
	transition: All 0.8s ease;
}

.context_menu > li:first-child > a{
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}

.context_menu > li:last-child > a{
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

.context_menu>li:not(:last-child)>a {
    border-bottom: 1px solid #eee;
}

.context_menu li a:hover{
	color:#000;
	background-color: #90c8f6;
	text-decoration:none;
}


/********** block index **********/
.body { margin:0; padding:0px; word-break:break-word;}
.body_resize { max-width:1054px; margin:0 auto; padding:0;}
/*************footer**********/
.footer_resize { max-width:1054px; margin:0 auto; padding:10px 0 30px 0; }
.footer {padding:0;  margin:0; background:#294049; }
.footer p { font:normal 12px; color:#fff;}
.footer a { font:normal 12px; color:#fff; text-decoration:none; padding:5px; margin:0;}
.footer span { font:normal 12px; color:#fff; }
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 0 0; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 0 0 0; float:right;}


/*Пять цветов поменялось: границы, фоны, цвета ссылок, цвета текста в инпутах
  1) границы 232323
  2) цвета ссылок A12810 темнее чем 1)
  3) цвета ссылок при наведении 232323 равны 1)
  4) цвет фона F4F4F4 светлее чем 3)
  5) текст в инпутах 232322 темнее чем 1) почти чёрный. Возможно он же и цвет для всего текста
  6) Красный текст D20606
*/

input.text, textarea, select, input.logintext {
  border: 1px solid #C2C9D4;
  background-color: #fff;
  font-size:        16px;
  font-weight:      normal;
  margin:           1px;
  padding:          12px 0px;
  border-radius: 3px;
  transition: background-color 0.30s ease-in-out;
  -webkit-transition: background-color 0.30s ease-in-out;
  -moz-transition: background-color 0.30s ease-in-out;
  outline:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
select,input[mysuggest]{
	background-color:#fff;
	background-repeat: no-repeat;
    background-position: right 50%;
}
select{
	padding-right:20px;
}
select,input[mysuggest]:not(.ms_arrow_up){
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%2300bfff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 9l8 8l8-8'/%3E%3C/svg%3E");
}
select:focus,.ms_arrow_up{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%2300bfff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 15l8-8l8 8'/%3E%3C/svg%3E");
}
input.text:hover, textarea:hover, select:hover, input.logintext:hover{
	background-color:#eaf7ff;
}
input.text:focus, textarea:focus, select:focus, input.logintext:focus{
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	border: 1px solid rgba(81, 203, 238, 1);
	background-color:#fff;
}

td.wrong input,td.wrong select,td.wrong textarea,td.td_form_wrong input,td.td_form_wrong select,td.td_form_wrong textarea, input.wrong, textarea.wrong, select.wrong{
	background-color:#FFD4D5;
}
/*select.wrong{
	border-color:#D20606;
}*/

a {
  color:            #2e9fff;
  font-weight:      normal;
  text-decoration:  none;
  font-size:		16px;
}

a.intext{
	color:#353a3d;
	transition:color 1s ease;
}
a.intext:hover{
	color:#2e9fff;
}

h1 {
  text-align:center;
  font-weight:normal;
}

form h1{
	color:#687a86;
	font-size:        25px;
	font-family: sans-serif;
}

h2 {
  font-weight:      normal;
}

h3 {
  font-size:        18px;
  font-weight:      normal;
  margin:           0px;
  padding:   0px;
  text-align:       center;
}

li {
  list-style:none;
}

ul, ol {
  margin: 0 0 0 0;
}

.redtext {
  color:            #D20606;
}
.greentext
{
	color:            #5CB029;
}

.caption {
  font-size:        20px;
  font-weight:      bold;
  color:#2E9FFF;
}

a.intext_button {
  color:            #FFFFFF;
  font-size:        16px;
  font-weight:      normal;
  text-decoration:  none;
  background:#2E9FFF;
  /*background:#C43716;*/
  padding:          1px 5px 2px 5px;
  border-radius:    3px;
  /*Плавный переход*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
}

.pretty{
	color:#fff;
	padding:0px 3px;
	text-align:center;
}
.pblue{
	background:#3e9fff linear-gradient(to top,#2f7fce 50%,#6da4da 100%);
}
.pgreen{
	background:#0a595d linear-gradient(to top,#0a595d 50%,#1d7f84 100%);
}

a.intext_button_nohover {
  color:            #FFFFFF;
  font-size:        16px;
  font-weight:      normal;
  text-decoration:  none;
  background:#2E9FFF;
  margin:           0px;
  padding:          1px 5px 2px 5px;
  border-radius:    3px;
}
a.intext_button2 {
  color:            #FFFFFF;
  font-size:        14px;
  font-weight:      normal;
  text-decoration:  none;
  background:#2E9FFF;
  margin:           5px 0px;
  display:block;
  /*float:left;*/
  text-align:center;
  width:calc(100% - 20px);
  padding:          10px 10px;
  border-radius:    3px;
  /*Плавный переход*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
}
a.intext_button:hover {
  background:#1DA1F2;
}
a.intext_button2:hover {
  background:#1DA1F2;
  box-shadow: 2px 2px 8px #5a5a5a;
}

input.button, button{
  color:            #FFFFFF;
  font-size:        14px;
  font-weight:      normal;
  text-decoration:  none;
  border: 			none;
  background:#2E9FFF;/*url(/template_garna/images/hover3.gif) repeat-x left top #91220D;*/
  text-align:center;
  padding:          12px 15px;
  border-radius:    3px;
  /*Плавный переход*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  cursor:pointer;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
/*input.button:hover {
  background:#1DA1F2;/*url(/template_garna/images/hover.gif) repeat-x left top #91220D;*//*
}*/

.border {
  /*border-collapse:  collapse;*/
  /*border:1px solid #E0E3E9;*/
  margin-bottom: 15px;
  background:#fff;
  border-radius:    3px;
}

.crop{
	float:left;
	overflow:hidden; /* this is important */
	position:relative; /* this is important too */
	padding:0px;
	margin:0px;
	/*border:1px solid #ccc;*/
	width:100%;
	height:263px;
}
.round{
	border-radius: 5px;
}
.circle{
	border-radius: 50%;
}
.crop>img,.crop>a>img{
	position:absolute;
	margin:0px;
	min-height:100%;
	min-width:100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/*margin:-60% 0% 0% -60%;*/
}








/*******************CONTINUE*/


/*SCROLL TO TOP*/
a#top-button{
	display: none;
	z-index: 999;
	opacity: .5;
	position: fixed;
	bottom: 5px;
	left: 5px;
	border-radius: 3px;
	width: 30px;
	line-height: 50px;
	height: 50px;
	padding: 5px;
	background-color: #000;
	text-align: center;
	color: #fff;
	font-size:18px;
	text-decoration:none;
}
a#top-button:hover{
	opacity: 1;
}

.dialog2 {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	border-radius: 5px;
	background:#eee;
	padding:0px 10px 10px 10px;
	max-width:800px;
}

ul.breadcrumb{
	list-style-type:none;
	margin:0px;
	padding:0px 0px 10px 5px;
	text-align:left;
	overflow: auto;
	white-space: nowrap;
}
ul.breadcrumb a{
	font-size:18px;
}
ul.breadcrumb li{
	display:inline;
	padding:0px 5px 0px 0px;
	margin:0px;
}
ul.breadcrumb li:nth-last-child(n+2):after{
	content:'>';
	font-size:18px;
	color:#444;
}

.first_letter_bold:first-letter{
	font-weight:bold;
	color:#000;
}

ul.checkmark{
	margin-top:20px;
}
ul.checkmark li{
	background: url('/pictures/spec/checkmark3232.png') left center no-repeat;
    padding: 10px 40px;
}

/*ADAPTIVE*/
@media only screen and (max-width : 500px),
only screen and (max-device-width : 500px){
	/*.cityItem {width: 46%;height:300px;margin:2%;}
	.cityItem:nth-child(3n+1) {width: 96%;height:300px;}
	.lastCityItem{display:block;}
	.cityContainer{width:100%;}*/
	h1{
		font-size:18px;
	}
	ul.breadcrumb a{
		font-size:14px;
	}
	ul.breadcrumb li:nth-last-child(n+2):after{
		font-size:14px;
	}
}
@media only screen and (max-height : 350px),
only screen and (max-device-height : 350px){
	#phone_message{
		display:none;/*position:unset; ne rabotaet naverno iz-za togo chto position yavno zadan cherez style*/
	}
	#top-button,.mlike{
		visibility:hidden;/*display:none ne rabotaet naverno iz-za togo chto display zadayotsya cherez javascript*/
	}
}
/*END ADAPTIVE*/

/*SWIPER*/
.swiper_container{/*relative for foto_counter*/
	position:relative;
}
.swiper{/*overflow*/
	overflow-x:auto;
	overflow-y:hidden;
	width:100vw;
	background-color:#fff;
	scroll-snap-type:x mandatory;
	box-sizing: content-box;
}
.swiper>div{/*container, width=count of elements*/
	display:flex;
}
.swiper>div>div{/*element s soderjimym*/
	scroll-snap-align:start;
	scroll-snap-stop:always;
	display:flex;
}
.swiper>div>div>img{
	margin:auto;
}
.back_blur>div>div{
	position:relative;
}
.back_blur>div>div>div{
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    height: 100%;
    width: 100%;
    /*left: -8px;
    top: -8px;*/
    opacity: 0.4;
    filter: blur(13px);
}
.back_blur>div>div>img{
	position: relative;
}
.foto_counter.hidd>*:not(.nohidd){
	display:none;
}
.swiper_container:hover>.foto_counter.hidd>*:not(.nohidd){
	display:unset;
}
.foto_counter.fcm a{
	cursor:default;
}
.foto_counter>a{
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	z-index:1;
}
.foto_counter>a.zoomin{
	top:0px;
	right:0px;
	padding:6px 6px 20px 20px;
	transform:none;
}
.foto_counter>a.prefoto{
	left:0px;
	padding:20px 20px 20px 10px;
}
.foto_counter>a.nextfoto{
	right:0px;
	padding:20px 10px 20px 20px;
}
.foto_counter>a.pn_foto{
	padding:0px;
	height:calc(100% - 1px);
	width:70px;
	display:flex;
	transition:0.5s;
}
.foto_counter>a.pn_foto:hover{
	background: rgba(0,0,0,0.1);
}
.foto_counter>a.pn_foto.prefoto{
	left:1px;
	border-radius:3px 0px 0px 3px;
}
.foto_counter>a.pn_foto.nextfoto{
	right:1px;
	border-radius:0px 3px 3px 0px;
}
.foto_counter>a.pn2_foto.prefoto{
	padding:calc(50vh - 125px) calc(50vw - 40px) calc(50vh - 125px) 20px;
}
.foto_counter>a.pn2_foto.nextfoto{
	padding:calc(50vh - 125px) 20px calc(50vh - 125px) calc(50vw - 40px);
}
.foto_counter>a.pn2_foto>svg{
	opacity:.3;
}
.foto_counter>a.pn2_foto:hover>svg{
	opacity:1;
}
.foto_counter>a>svg{
	/*box-shadow:0 0 10px rgb(16, 13, 11);*/
	background:rgba(0,0,0,0.3);
	border-radius:50%;
	color:#fff;
	margin:auto;
}
.foto_counter>div{
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:1;
	padding:5px;
	font-size:12px;
	background:rgba(0,0,0,0.3);
	color:#fff;
	border-radius:5px;
}
.crop.mini_fotos{
	width:9.6%;
	height:70px;
	margin:0.7% 0.2%;
}
.crop.mini_fotos.bordered{
	width:calc(9.6% - 4px);
	height:66px;
	border:2px solid #2e9fff;
	box-sizing: content-box;
}
.crop.mini_fotos.fs_fotos{
	width:82px;
	margin:15px 1px;
}
.crop.mini_fotos.fs_fotos.bordered{
	width:78px;
	height:66px;
}
.crop.mini_fotos>a{
	display:block;
	width:100%;
	height:100%;
}
/*END SWIPER*/
.more_fotos_div{
	display:flex;
}
.more_fotos_div.col{
	flex-direction:column;
}

.phonebtn{
	margin:20px 8px;
	color:#fff;
	transition:.5s;
}
.phonebtn2{
	/*border-radius:3px;
	background:#97cf27;
	text-align:center;
	cursor:pointer;
	display:inline-block;*/
	border-radius: 3px;
    background: #00d4ff linear-gradient(
90deg
, #0072ff 0%, #00d4ff 100%);
    text-align: center;
    cursor: pointer;
    display: inline-block;
    background-size: 233px 300px;
}

.phonebtn2:hover{
	background-position:200px;/*background:#72b50e;*/
}

.phonebtn.phonebtn2>a{
	display:block;
	padding:10px;
	color:#fff;
}
.phonebtn>a{
	display:none;
}

.tooltip{
    position: relative;
}
.tooltip:hover:after{
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 10000;
    width: 220px;
}

.descr{
	line-height:1.5em;
}

.shady{
	background: #fff;
    display: block;
    padding: 35px;
	margin: 0 0 15px 0;
    -webkit-box-shadow: 0 0 12px 4px rgb(0 0 0 / 5%);
    box-shadow: 0 0 12px 4px rgb(0 0 0 / 5%);
	text-align:left;
}
.shady.round{
	border-radius:20px;
}
.shady.fit{
	text-align:unset;
	width:fit-content;
	margin:0;
}
@media only screen and (max-width : 500px),
only screen and (max-device-width : 500px){
	.shady{
		padding:15px;
		width: 100vw!important;
		box-sizing: border-box;
	}
	.shady>a#logo{
		margin-top:0px!important;
	}
	.login_form{width:100%;}
}