@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-300.eot");
  src: url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-300.woff2") format("woff2"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-300.woff") format("woff"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-300.ttf") format("truetype"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-300.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-300italic.eot");
  src: url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-300italic.woff2") format("woff2"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-300italic.woff") format("woff"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-300italic.ttf") format("truetype"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-300italic.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-regular.eot");
  src: url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-regular.woff2") format("woff2"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-regular.woff") format("woff"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-regular.ttf") format("truetype"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-regular.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-italic.eot");
  src: url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-italic.woff2") format("woff2"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-italic.woff") format("woff"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-italic.ttf") format("truetype"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-italic.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-500.eot");
  src: url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-500.woff2") format("woff2"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-500.woff") format("woff"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-500.ttf") format("truetype"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-500.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-500italic.eot");
  src: url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-500italic.woff2") format("woff2"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-500italic.woff") format("woff"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-500italic.ttf") format("truetype"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-500italic.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-700.eot");
  src: url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-700.woff2") format("woff2"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-700.woff") format("woff"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-700.ttf") format("truetype"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-700.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-700italic.eot");
  src: url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-700italic.woff2") format("woff2"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-700italic.woff") format("woff"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-700italic.ttf") format("truetype"),
  url("//static.tonkosti.ru/fonts/roboto/roboto-v18-latin_cyrillic-ext-700italic.svg#Roboto") format("svg");
  font-display: swap;
}

#qModal, .qDiv, #t1, #t2{ display :none; }

.zeropixel {
	position: absolute;
	width: 1px;
	height: 1px;
	float: none;
	border: 0;
	outline: 0;
}
html, body {height: 100%; line-height: 1.4; background: #fff; font-size: 15px; font-family: Roboto;}
a, a:link, a:focus, a:visited  {
    color: #000;
    text-decoration: underline;
}
a:hover, a:active {
    color: #cf142b;
}

h1 {
	font-size: 36px;
	padding-top: 0;
	color: #cf142b;
	margin: 0 0 10px 0;
	font-weight: normal;
	text-align: center;
	font-family: 'Marmelad', sans-serif;
}

h2 {
	font-size: 24px;
	padding-top: 0;
	color: #cf142b;
	margin: 20px 0 0 0;
	font-weight: normal;
	text-align: center;
	font-family: 'Marmelad', sans-serif;
}

h3 {
	font-size: 18px;
	padding-top: 0;
	color: #000;
	margin: 20px 0 0 0;
	font-weight: normal;
	text-align: center;
	font-family: 'Marmelad', sans-serif;
}
h3.submenu_header {margin-top: 0; text-align: left;}

.dtl {
	color: #cf142b;
	font-family: 'Marmelad', sans-serif;
}

	a.dtl, a.dtl:link, a.dtl:focus, a.dtl:visited  {
	    color: #cf142b;
	    text-decoration: underline;
	}
	a.dtl:hover, a.dtl:active {
	    color: #000;
	}

.nwrp {white-space: nowrap;}

.rght {
	text-align: right;
}
.small {
	font-size: smaller;
}
/*Шапка*/
.header {
	background: url(//static.tonkosti.ru/img/layout/bg_site_header.png) right repeat-y #0f8bb6;
	height: 50px;
}

.header .logo {
	height: 30px;
	margin: 10px 20px 0 20px;
	float: left;
}

.header nav ul {
	list-style-type: none;
	margin: 0 20px 0 0;
	padding: 0;
	float: right;
}

@media (min-width: 800px) {.header nav ul {display: none;}}

	.header nav li {
		line-height: 50px;
		display: inline-block;
		font-size: 12px;
	}

	.header nav li:after {
		content: "|";
		color: #fff;
		margin: 0 6px;
	}

	.header nav li:last-child:after {
		display: none;
	}

	.header nav li a, .header nav li a:link, .header nav li a:focus, .header nav li a:visited  {color: #fff;}
	.header nav li a:hover, .header nav li a:active {color: #fbb900;}

.top_picture {
	height: 250px;
	margin-bottom: 40px;
	background: url(//static.tonkosti.ru/img/promopage/promo_cuba/top2.jpg) center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	-webkit-box-shadow: inset 0px 138px 42px -128px rgba(0,0,0,0.35);
	-moz-box-shadow: inset 0px 138px 42px -128px rgba(0,0,0,0.35);
	box-shadow: inset 0px 138px 42px -128px rgba(0,0,0,0.35);
}

.top_picture .mainlogo {
	position: absolute;
	margin: 30px 0 0 10px;
}

@media (max-width: 600px) {.top_picture .mainlogo {width: 100px;}}

/*Разметка страницы*/
.content {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 16px;
}

.content.columns2r {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
}

	.content.columns2r .left_column {
		-webkit-box-flex: 3;
		-webkit-flex-grow: 3;
		    -ms-flex-positive: 3;
		        flex-grow: 3;
	}
	.content.columns2r .right_column {
		padding-left: 40px;
		min-width: 200px;
	}

	.content.columns2r .left_column > p,
	.content.columns2r .right_column > p {
		margin-top: 0;
	}

	@media all and (max-width:1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
		.content.columns2r {display: block;}
		.content.columns2r .left_column {display: block; padding-bottom: 30px;}
		.content.columns2r .right_column {display: block; padding-left: 0px;}
	}

@media (min-width: 800px) {
	.grid, .grid2, .grid3 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
}

	.grid .box {
		-webkit-flex-basis: 31%;
		    -ms-flex-preferred-size: 31%;
		        flex-basis: 31%;
		padding-bottom: 20px;
	}
	.grid .box.smartphone_yes {display: none;}
	@media all and (max-width:1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
		.grid .box {
			-webkit-flex-basis: 49%;
			    -ms-flex-preferred-size: 49%;
			        flex-basis: 49%;
		}
		.grid .box.smartphone_yes {display: block;}
		.grid .box.smartphone_no {display: none;}
	}

		.grid .box .pic img {width: 100%; margin-bottom: 5px;}


	.grid2 .box {
		-webkit-flex-basis: 23%;
		    -ms-flex-preferred-size: 23%;
		        flex-basis: 23%;
		font-size: 15px;
		padding-bottom: 30px;
	}

		.grid2 .box .pic img {width: 100%; margin-bottom: 5px;}

	.grid3 .box {
		-webkit-flex-basis: 48%;
		    -ms-flex-preferred-size: 48%;
		        flex-basis: 48%;
		padding-bottom: 30px;
		font-size: 13px;
	}
		@media all and (max-width:1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
			.grid3 .box {
				-webkit-flex-basis: 100%;
				    -ms-flex-preferred-size: 100%;
				        flex-basis: 100%;
				padding-bottom: 30px;
				font-size: 14px;
			}
		}
		@media all and (max-width:850px) {
			.grid3 .box {
				-webkit-flex-basis: 100%;
				    -ms-flex-preferred-size: 100%;
				        flex-basis: 100%;
				padding-bottom: 30px;
				font-size: 14px;
			}
		}

		.grid3 .box .pic {
			width: 30%;
			float: left;
			margin: 0 20px 0 0;
		}
		.grid3 .box .pic img {width: 100%; margin-bottom: 5px;}

		.grid3 .box .info {display: table;}
		.grid3 .box .box_header {display: block; font-family: 'Marmelad', sans-serif; font-size: 16px;}

/* ---------------- Подменю -----------------*/
.submenu_header_list {
	margin: 20px 0 0 0;
	padding: 0;
	list-style-type: none;
}

	.submenu_header_list li {
		display: block;
		margin: 0;
		padding: 0 0 20px 0;
		overflow: hidden;
		font-size: 13px;
	}

		.submenu_header_list li img {
			width: 80px;
			float: left;
			margin: 0 10px 0 0;
		}

		.submenu_header_list li span {
			display: table;
		}

	@media all and (max-width:1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
		.submenu_header_list {
			margin: 20px 0;
			padding: 0;
			list-style-type: none;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-webkit-justify-content: space-between;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			-webkit-box-align: start;
			-webkit-align-items: flex-start;
			    -ms-flex-align: start;
			        align-items: flex-start;
			-webkit-flex-wrap: wrap;
			    -ms-flex-wrap: wrap;
			        flex-wrap: wrap;
		}

		.submenu_header_list li {
			margin: 0;
			padding: 0 0 10px 0;
			-webkit-flex-basis: 31%;
			-ms-flex-preferred-size: 31%;
			        flex-basis: 31%;
			padding-bottom: 20px;
		}
		.submenu_header_list li img {
			width: 80px;
			margin: 0 10px 3px 0;
			float: left;
		}
	}

.center_picture {
	margin: 30px auto;
	text-align: center;
}

.center_picture img {
	margin: 0 auto;
}

.center_picture_wrapper {
	width: 100%;
	overflow-x: auto;
	padding-bottom: 10px;
}

/* ---------------- Праздники и события -----------------*/
.list1 {
	margin: 20px 0;
	padding: 0;
	list-style-type: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.list1 li {
	margin: 0;
	padding: 0 0 10px 0;
	-webkit-flex-basis: 31%;
	-ms-flex-preferred-size: 31%;
	        flex-basis: 31%;
	padding-bottom: 20px;
}

	.list1 li .pic {
		width: 80px;
		height: 50px;
		background: center no-repeat;
		margin: 0 10px 3px 0;
		float: left;
		-webkit-background-size: cover;
		background-size: cover;
	}


	.list1 li .date {display: block; color: #666; font-size: 12px;}
	.list1 li .info {display: table;}

/* ---------------- Карусель -----------------*/
.carusel_wrapper {
	height: 340px;
	width: 100%;
	overflow: hidden;
	margin: 50px 0 40px 0;
	position: relative;
}

.carusel_wrapper_inner {
	margin: 0 auto;
	height: 300px;
	width: 2000px;
}

.slider.autoplay {
	text-align: center;
	height: 300px;
	border-bottom: 1px solid #000;

}

.slick-slider {
	position: static;
}

/*картинки слайдера*/
.slider.autoplay div a {
	display: block;
	position: relative;
	width: 100%;
	height: 300px;
	background: center no-repeat;
	outline: 0;
	color: #fff;
}



.slider.autoplay .slider01 {background-image: url(//static.tonkosti.ru/img/promopage/promo_cuba/slider/1.jpg);}
.slider.autoplay .slider02 {background-image: url(//static.tonkosti.ru/img/promopage/promo_cuba/slider/2.jpg);}
.slider.autoplay .slider03 {background-image: url(//static.tonkosti.ru/img/promopage/promo_cuba/slider/3.jpg);}
.slider.autoplay .slider04 {background-image: url(//static.tonkosti.ru/img/promopage/promo_cuba/slider/4.jpg);}
.slider.autoplay .slider05 {background-image: url(//static.tonkosti.ru/img/promopage/promo_cuba/slider/5.jpg);}
.slider.autoplay .slider06 {background-image: url(//static.tonkosti.ru/img/promopage/promo_cuba/slider/6.jpg);}
.slider.autoplay .slider07 {background-image: url(//static.tonkosti.ru/img/promopage/promo_cuba/slider/7.jpg);}
.slider.autoplay .slider08 {background-image: url(//static.tonkosti.ru/img/promopage/promo_cuba/slider/8.jpg);}
.slider.autoplay .slider09 {background-image: url(//static.tonkosti.ru/img/promopage/promo_cuba/slider/9.jpg);}
.slider.autoplay .slider10 {background-image: url(//static.tonkosti.ru/img/promopage/promo_cuba/slider/10.jpg);}
.slider.autoplay .slider11 {background-image: url(//static.tonkosti.ru/img/promopage/promo_cuba/slider/11.jpg);}


.slider.autoplay div a span {
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px 10px;
	text-decoration: none;
	text-align: left;
	font-size: 14px;
}

.slider.autoplay div a span strong {
	display: block;
	text-decoration: none;
	font-family: 'Marmelad', sans-serif;
	font-weight: normal;
	font-size: 18px;
}

/*точечки*/
.slick-dots {
	display: inline-block;
	list-style-type: none;
	margin: 7px auto;
	padding: 0;
	position: absolute;
    left: 0;
    right: 0;
}

.slick-dots li {
	display: inline-block;
	margin: 0 4px;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: url(//static.tonkosti.ru/img/promopage/germany_promo/promo-page/sprite.png) 0 -120px transparent;
}

.slick-dots li button:hover {background-position: -20px -120px;}
.slick-dots li.slick-active button {background-position: -40px -120px;}



/*вперед-назад*/
.slick-next {
	color: transparent;
    outline: none;
    background: url(//static.tonkosti.ru/img/promopage/germany_promo/promo-page/sprite.png) 0 0 no-repeat transparent;
    border: 0;
	position: absolute;
    right: 0;
    top: 130px;
    z-index: 100;
    width: 60px;
    height: 60px;
}
.slick-next:hover {background-position: 0 -60px;}

.slick-prev {
	color: transparent;
    outline: none;
    background: url(//static.tonkosti.ru/img/promopage/germany_promo/promo-page/sprite.png) -60px 0 no-repeat transparent;
    border: 0;
	position: absolute;
    z-index: 100;
    top: 130px;
    width: 60px;
    height: 60px;
}
.slick-prev:hover {background-position: -60px -60px;}


/*кнопка*/

/* Buzz Out */
.cuba_button_wrapper {
	display: block;
	margin: 35px 0;
	text-align: center;
	background: url(//static.tonkosti.ru/img/promopage/promo_cuba/button_bg.png);
	height: 120px;
	cursor: pointer;
}

.button  {
	display: inline-block;
	padding: 10px 40px 0 40px;
	cursor: pointer;
	background: #cf142b;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: 'Marmelad', sans-serif;
	font-size: 20px;
	color: #fff;
	border: 10px solid #fff;
	height: 120px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: -10px;
}

.button span {font-size: 30px; display: block;}

.button i {
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-style: normal;
	margin-top: 6px;
}

@-webkit-keyframes buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.buzz-out {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.cuba_button_wrapper:hover .buzz-out, .cuba_button_wrapper:focus .buzz-out, .cuba_button_wrapper:active .buzz-out,
.buzz-out:hover, .buzz-out:focus, .buzz-out:active {
  -webkit-animation-name: buzz-out;
  animation-name: buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/*кнопка, когда уже ответили*/
.yoursCuba_button_wrapper {
	display: none;
	background: url(//static.tonkosti.ru/img/promopage/promo_cuba/cuba_triangle.png) left center no-repeat;
	padding-left: 110px;
	margin: 35px 0;
}

.yoursCuba_button {
	display: block;
	font-family: 'Marmelad', sans-serif;
	font-size: 20px;
	color: #000;
}

.yoursCuba_button span {
	display: block;
}

.yoursCuba_button .names {
	font-size: 30px;
	color: #cf142b;;
}

.yoursCuba_button .onemoretime {
	font-size: 14px;
	color: #002a8f;
	display: inline-block;
	border-bottom: 1px dashed #002a8f;
	cursor: pointer;
}
.yoursCuba_button .onemoretime:hover {color: #cf142b; border-bottom: 1px dashed #cf142b;}

/*карта*/
.cuba_map {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

.cuba_place {
	display:none;
	position: absolute;
	background: #fff;
	border-top: 7px solid #cf142b;
    padding: 20px;
    font-size: 12px;
    text-align: left;
    width: 300px;
    -webkit-box-shadow: rgba(0,0,0,0.5) 5px 5px 10px;
        -moz-box-shadow: rgba(0,0,0,0.5) 5px 5px 10px;
               box-shadow: rgba(0,0,0,0.5) 5px 5px 10px;
    z-index: 10;
}

.cuba_place::after {
    content: '';
    position: absolute;
    left: 20px;
    top: -25px;
    border: 10px solid transparent;
    border-bottom: 10px solid #cf142b;
   }

.cuba_place .closeX {
	display: block;
    position: absolute;
    right: 5px;
    top: 0px;
    cursor: pointer;
    padding: 5px;
}

.cuba_place .dtl {
	font-size: 18px;
	display: block;
}

.cuba_place.varadero {
	left: 50%;
    top: 61px;
    margin-left: -166px;
}

.cuba_place.gavana {
	left: 50%;
    top: 63px;
    margin-left: -274px;
}

.cuba_place.kayo-koko {
	left: 50%;
    top: 101px;
    margin-left: -242px;
    border-top: 0;
	border-right: 7px solid #cf142b;
}

.cuba_place.kayo-koko::after {
    left: auto;
    top: 20px;
    right: -25px;
    border: 10px solid transparent;
    border-left: 10px solid #cf142b;
   }

.cuba_place.kayo-largo {
	left: 50%;
    top: 168px;
    margin-left: -167px;
    border-top: 0;
	border-left: 7px solid #cf142b;
}

.cuba_place.kayo-largo::after {
    left: auto;
    top: 20px;
    left: -25px;
    border: 10px solid transparent;
    border-right: 10px solid #cf142b;
   }

.cuba_place.olgin {
	left: 50%;
    top: 72px;
    margin-left: -69px;
    border-top: 0;
	border-right: 7px solid #cf142b;
}

.cuba_place.olgin::after {
    left: auto;
    top: auto;
    bottom: 20px;
    right: -25px;
    border: 10px solid transparent;
    border-left: 10px solid #cf142b;
   }

  /*опрос*/
  .stratosphere {
	position: fixed;
	background: rgba(0,42,143,0.5);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: table;
	width: 100%;
	height: 100%;
	z-index: 999;
}

.stratosphere .modalwindow_wrapper {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.stratosphere .modalwindow {
	display: inline-block;
	position: relative;
	max-width: 500px;
	background: #fff;
	padding: 20px 20px 40px 20px;
	text-align: left;
	vertical-align: middle;
	margin: 0 auto;
	-webkit-box-shadow: rgba(0,0,0,0.5) 5px 5px 10px;
        -moz-box-shadow: rgba(0,0,0,0.5) 5px 5px 10px;
               box-shadow: rgba(0,0,0,0.5) 5px 5px 10px;
}

.stratosphere .modalwindow  .closeX {
	display: block;
    position: absolute;
    right: 5px;
    top: 0px;
    cursor: pointer;
    padding: 5px;
}


.modalwindow h2 {margin-top: 0;}

.modalwindow .question {
	font-size: 16px;
	margin-top: 10px;
}

.modalwindow .question b {
	font-family: 'Marmelad', sans-serif;
	color: #cf142b;
	font-size: 20px;
}

.modalwindow .buttons {
	overflow: hidden;
	margin-top: 30px;
	padding: 0 30px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}

.modalwindow .buttons span {
	width: 45%;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
	font-family: 'Marmelad', sans-serif;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
}

.modalwindow .buttons span.yes {
	background: #002a8f;
	float: right;
}

.modalwindow .buttons span.no {
	background: #cf142b;
	float: left;
}

.modalwindow .closeModal.goToMap {
	font-size: 14px;
	color: #002a8f;
	display: inline-block;
	border-bottom: 1px dashed #002a8f;
	cursor: pointer;
	margin-top: 10px;
}
.modalwindow .closeModal.goToMap:hover {color: #cf142b; border-bottom: 1px dashed #cf142b;}

.modalwindow #listKur {
	font-family: 'Marmelad', sans-serif;
	color: #002a8f;
}

.modalwindow .message {
	padding-top: 10px;
	font-size: 16px;
}

/*курорты на карте*/
.cuba_kurort_place {
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	z-index: 2;
	cursor: pointer;
}

.cuba_kurort_place.passive {
	background: #002a8f;
	border: 2px solid #002a8f;
}

.cuba_kurort_place.active {
	background: #cf142b;
	border: 2px solid #cf142b;
}

.cuba_kurort_place:after {
	position: absolute;
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	background: #cf142b;
	z-index: 1;
}

@keyframes pulse1
{
from {background: #002a8f; width: 18px; height: 18px; top: 0; left: 0;}
to {background: transparent; width: 36px; height: 36px; top: -10px; left: -10px; border-radius: 36px;}
}

@-webkit-keyframes pulse
{
from {background: #002a8f; width: 18px; height: 18px; top: 0; left: 0;}
to {background: transparent; width: 36px; height: 36px; top: -10px; left: -10px; border-radius: 36px;}
}

@keyframes pulse2
{
from {background: #cf142b; width: 18px; height: 18px; top: 0; left: 0;}
to {background: transparent; width: 36px; height: 36px; top: -10px; left: -10px; border-radius: 36px;}
}

@-webkit-keyframes pulse
{
from {background: #cf142b; width: 18px; height: 18px; top: 0; left: 0;}
to {background: transparent; width: 36px; height: 36px; top: -10px; left: -10px; border-radius: 36px;}
}

.cuba_kurort_place.passive:hover:after {
	animation: pulse1 0.5s ease-out infinite;
}
.cuba_kurort_place.active:after {
	animation: pulse2 0.5s ease-out infinite;
}

.cuba_kurort_place:before {
	position: absolute;
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	background: #002a8f;
	z-index: 3;
	top: -2px;
    left: -2px;
}
.cuba_kurort_place.passive:before {
	background: #002a8f;
	border: 2px solid #002a8f;
}

.cuba_kurort_place.active:before {
	background: #cf142b;
	border: 2px solid #cf142b;
}


.cuba_kurort_place.varadero {
	top: 44px;
    left: 354px;
}
.cuba_kurort_place.gavana {
	top: 48px;
    left: 246px;
}
.cuba_kurort_place.kayo-koko {
	top: 121px;
    left: 605px;
}
.cuba_kurort_place.kayo-largo {
	top: 188px;
    left: 315px;
}
.cuba_kurort_place.olgin {
	top: 258px;
    left: 776px;
}