/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
.map-responsive{
    overflow:hidden;
    padding-bottom:86.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


.tm-block-booking .datefield {
    height: 31px;
}
.block-feedbacks {
  background: url("/templates/infinity/images/bg_feedbacks1.jpg") #293d5b repeat center bottom;
  background-size: cover;
}


.block-aboutus {
  background: url("/templates/infinity/images/i-love-georgia4.jpg") #bdaa59 repeat center center fixed;
  background-size: cover;
}

.datefield {
    height: 30px;

}

.feedback-carousel .carousel-inner {
    background: #1c1a1a61;
}
.sr-statistics-container aside {
    width: 250px
}

/* Эффект при наведении */
/* Общие стили */
figure {
margin-bottom: -15px;
}

*, *:after, *:before { 
	border-box; 
	box-sizing: border-box; 
}
.clearfix:before, .clearfix:after { 
	content: ''; 
	display: table; 
}
.clearfix:after { 
	clear: both; 
}
.hover-text-one {
	overflow: hidden;
	margin: 0;
	width: 100%;
	list-style: none;
	text-align: center;
}
.hover-text-one figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	background: #527c82;
	text-align: center;
	cursor: pointer;
}
.hover-text-one figure img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.8;
}
.hover-text-one figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.hover-text-one figure figcaption::before,
.hover-text-one figure figcaption::after {
	pointer-events: none;
}
.hover-text-one figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hover-text-one figure h3 {
	word-spacing: -0.15em;
	font-weight: 300;
        color: #ffffff;
}
.hover-text-one figure h3 span {
	font-weight: 800;
}
.hover-text-one figure h3,
.hover-text-one figure p {
	margin: 0;
}
.hover-text-one figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Эффект при наведении */
figure.effect-text-three {
	background: #515454;
}
figure.effect-text-three img {
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	transform: scale(1.1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-text-three:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-text-three figcaption {
	text-align: left;
}
figure.effect-text-three h3 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
        color: #ffffff;
}
figure.effect-text-three h3::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}
figure.effect-text-three:hover h3::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-text-three p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}
figure.effect-text-three:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
     


.hover-effect-btn {
  position: relative;
  width: 100%;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Настройка цвета и прозрачности для блока с заголовком */
  transition: background 0.5s ease;
}
.hover-effect-btn:hover .overlay {
  display: block;
  background: rgba(0, 0, 0, 0.9); /* Настройка цвета и прозрачности для блока с заголовком при наведении */
}
.title {
  position: absolute;
  width: 100%;
  left: 0;
  top: 25%; /* Отступ сверху */
  font-size: 1.900em; /* Размер текста заголовка */
  text-align: center;
  text-transform: uppercase; /* Заглавные буквы */
  color: white; /* Цвет заголовка */
  z-index: 1;
  transition: top .5s ease;
}
.hover-effect-btn:hover .title {
  top: 10%; /* Отступ сверху при наведении */
}
.button {
  position: absolute;
  width: 100%;
  left:0;
  top: 65%; /* Отступ сверху */
  text-align: center;
  opacity: 0;
  transition: opacity .35s ease;
}
.button a {
  padding: 15px 40px; /* Отступ */
  text-align: center;
  background: #ff921e; /* Цвет кнопки */
  color: white; /* Цвет текста */
  border: 1px solid white; /* Ширина, стиль и цвет границы */
  z-index: 1; 
}
.hover-effect-btn:hover .button {
  opacity: 1;
}
     





#lega_form ul li {
    list-style: none;
    padding: 5px;
}


.col-form {
  border-radius: none !important;
  color: #fffff;
}




/* Стили иконок fa */


.container-flex {
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  justify-content: space-around;
 }
.item2 {
  
  margin: 6px;
  padding: 3px;
  color: #ff671e;
  font-size: 1.1em;
}
@media(max-width: 768px) {
.item2 {
 font-size: 1.2em;
 }	
}	
display: flex;
  flex-direction: row;
  flex-flow: wrap;
  justify-content: space-around;
 }
.item2 {
  
  margin: 6px;
  padding: 3px;
  color: #ff671e;
  font-size: 1.1em;
}
@media(max-width: 768px) {
.item2 {
 font-size: 1.2em;
 }	
}	
.item2 {
  
  margin: 6px;
  padding: 3px;
  color: #ff671e;
  font-size: 1.1em;
}
@media(max-width: 768px) {
.item2 {
 font-size: 1.2em;
 }	
}	







/* Эффект при наведении */
.scale {
    /*display: inline-block; /* Строчно-блочный элемент */*/
    overflow: hidden; /* Скрываем всё за контуром */
   }
   .scale img {
    transition: 0.5s; /* Время эффекта */
    display: block; /* Убираем небольшой отступ снизу */
   }
   .scale img:hover {
    transform: scale(1.5); /* Увеличиваем масштаб */
   }
  



/* Эффект при наведении на главной */


.content {
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-left: 10px;
  box-sizing: border-box;
}

.items {
  display: inline-block;
  float: left;
  width: calc(50% - 10px);
  min-height: 120px;
  height: 40vh;
  margin-right: 10px;
  margin-bottom: 10px;
  /*background: green;*/
  transition: transform .15s;
}

.items:hover {
  transform: scale(1.5);
  /*background: red;*/
  z-index: 1;
  transition: transform .5s;
}

.items.l-t {
  transform-origin: left top;
}

.items.r-t {
  transform-origin: right top;
}

.items.l-b {
  transform-origin: left bottom;
}

.items.r-b {
  transform-origin: right bottom;
}