@charset "utf-8";
@media screen and (max-height: 500px) {
	.bron-form, .order-form {
		max-height: 90%;
		top: 5%;
		margin-top: 0;
		overflow-y: auto;
	}
}
@media screen and (max-height: 660px) {
	.ind-menu {
		display: none; 
	}
}
@media screen and (max-width: 1200px) {
	.wrap {
		width: 96%;
		padding-left:2%;
		padding-right:2%;
	}
	.clients .client-wrp .item {
	    width: 17.95%;
	    margin-right: 2.5%;
	}
	.konstantin .video {
		width: 100%;
		max-width: 770px;
	}
	.konstantin iframe {
		width: 100%;
	}
	.cheaper .item {
		padding-right: 0px;
	}
	.price-wrp {
		background-size: cover;
	}
	.price-wrp .item-wrp .item {
	    width: 31.625%;
	}
	.screen2 .item-wrp {
		width: 100%;
	}
	.screen2 .item-wrp .item {
		width: 30%;
	}
	.day .wrap {
		width: 96%;
	}
	.day .wrap .contentalign {
		max-width: 700px;
		margin-left: 0 !important;
		width: 100%;
		left: 0;
	}
	.price-wrp .i1, .price-wrp .i2, .price-wrp .i3 {
		width: 30%;
	}
	.price-wrp .i4, .price-wrp .i5, .price-wrp .i6, .price-wrp .i7 {
		width: 22%;
	}
	.price-wrp .item br {
		display: none;
	}
	.info .left {
		width: 35%;
	}
	.info .right {
		width: 60%;
	}
	.info .left:after {
		right: -5%;
	}
	.info h2 {
		font-size: 42px;
	}
	footer .about .img {
		width: 30%;
	}
	footer .about .text {
		width: 65%;
	}
	footer .about .text h2 {
		font-size: 50px;
	}
	.bottom-line {
		padding: 25px 2%;
	}
	.top-info {
		padding: 35px 2% 0 2%;
	}
	.top-info .contacts + .contacts {
		clear: both;
	}
	.screen1 h1 span:before, .screen1 h1 span:after {
		display: none;
	}
	.screen1 .what-hidden form {
		background: rgba(255,255,255,0.8);
	}
	header {
		background-size: cover;
	}
	.about .row .img {
		height: auto;
	}
	.about .row .img img {
		height: auto;
		width: 100%;
	}
	.about .text h3 {
	    font-size: 18px;
	}
	.about .text p {
	    font-size: 13px;
	    line-height: 21px;
	     white-space: normal; 
	}
}
@media screen and (max-width: 1000px) {
	.about .row .img {
		max-width: 585px;
		margin:0 auto;
		width: 100%;
		float: none !important;
		padding-bottom: 60px;
	}
	.about .row .text {
		position: relative;
		left: inherit !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		top:inherit;
		width: 100%;
		text-align: center;
		transform: translate3d(0,0,0);
		margin-bottom: 30px;
	}
	.about {
	    padding: 50px 0 40px;
	}
	.about h2 {
		margin-top:20px;
	}
}
@media screen and (max-width: 900px) {
	.tour-info {
		font-size: 13px;
	}
	.contacts {
		padding-left: 0px;
	}
	.price-wrp .item-wrp .item {
	    width: 48%;
	}
	.clients .client-wrp .item {
	    width: 22.95%;
	    margin-right: 2.6%;
	}
	.clients .client-wrp .item:nth-child(5n) {
	    margin-right: 2.6%;
	}
	.clients .client-wrp .item:nth-child(4n) {
	    margin-right: 0 !important;
	}
	.clients .client-wrp .item:nth-child(5n+1) {
	    clear: none;
	}
}
@media screen and (max-width: 820px) {
	header .screen2 .title {
	    color: #fff;
	    font-size: 35px;
	    line-height: normal;
	}
	.info .form-box {
		width: 100%;
	}
	.about h2 {
	    font-size: 40px;
	}
	header .screen2 p, header .screen2 .and-now {
		font-size: 15px;
		line-height: 25px;
	}
	.info .left, footer form .left {
		width: 100%;
		float: none;
		padding-bottom: 20px;
	}
	footer form .left input {
		display: block;
		max-width: 100%;
	}
	footer form textarea {
		margin-bottom: 30px;
	}
	.info .right, footer form .right {
		padding-top: 20px;
		width: 100%;
		float: none;
	}
	.info .left:after, footer form .left:after {
		width: 100%;
		height: 1px;
		left: 0;
		top: auto;
		bottom: -30px;
		margin: 0;
		padding: 0;
	}
	.info .left p + p strong {
		display: block;
	}
	.info .left p + p strong br {
		display: none;
	}
	.logo {
		width: 120px;
		background-size: contain;
	}
	.tour-info {
		max-width: 275px;
		margin-top: 6px;
	}
	.tour-info br {
		display: none;
	}
	.screen2 {
		padding-top: 150px;
	}
	.screen2 .item {
		vertical-align: top;
	}
	.screen2 .item br {
		display: none;
	}
	.day {
		height: auto;
	}
	.day .wrap {
		position: static;
   		width: auto;
    	padding: 50px 75px 50px 2%;
	}
	.timeline {
		right: 20px;
	}
	.day h2 {
		font-size: 50px;
	}
	footer .final-form .title {
		font-size: 28px;
		line-height: 36px;
	}
	footer .final-form .title + span {
		font-size: 14px;
		line-height: 19px;
	}
	footer form {
		width: 100%;
	}
	.screen1 .what-hidden form {
		width: 100%;
		max-width: 500px;
		height: auto;
		padding: 10px 2px 3px;
		text-align: center;
	}
	.screen1 .what-hidden form input {
		width: 45%;
		margin-bottom: 15px;
	}
	.screen1 .what-hidden form .line {
		margin: 0 2% 20px;
	}
	.screen1 .what-hidden form button {
		position: relative;
		margin-bottom: 10px;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
	}
	.screen1 .what-hidden form .thank-you {
		height: 94%;
		line-height: 110px;
	}
	footer .final-form {
		padding-top: 90px;
	}
	.clients {
	    padding: 100px 0 30px;
	}
}
@media screen and (max-width: 720px) {
	.screen1 h1 {
		font-size: 60px;
	}
	.konstantin h2, .reviews h2 {
		font-size: 35px;
	}
	.screen1 .tour-ico {
		font-size: 30px;
	}
	.screen1 .what-hidden {
		font-size: 18px;
		margin-top: 20px;
	}
	.konstantin span {
		font-size: 16px;
	}
	.screen2 {
		padding-top: 80px;
	}
	.screen2 .title {
		color: #292929;
		font-size: 28px;
	}
	.screen2 .and-now {
		font-size: 18px;
	}
	.price-wrp .item-wrp .item {
		width: 100%;
	}
	.price-wrp {
		background-size: cover;
	}
	footer .about .img {
		margin: 0 20px 10px 0;
	}
	footer .about .text {
		float: none;
		width: 100%;
	}
	footer .about .welcome {
		margin-top: 80px;
		font-size:18px;
	}
	footer .about .welcome br {
		display: none;
	}
	footer .final-form .title {
		font-size: 22px;
		line-height: 28px;
	}
	footer form button {
		margin-bottom: 20px;
	}
	footer {
		padding-bottom: 10px;
	}
	.tour-info, .bottom-line .contacts {
		max-width: 30%;
		margin-top: 0 !important;
	}
	.clients .client-wrp .item {
	    width: 30%;
	    margin-right: 4.8%;
	}
	.clients .client-wrp .item:nth-child(4n), .clients .client-wrp .item:nth-child(5n) {
	    margin-right: 4.8% !important;
	}
	.clients .client-wrp .item:nth-child(3n) {
	    margin-right: 0 !important;
	}
}
@media screen and (max-width: 670px) {
	.day .look-photo {
		margin-bottom: 40px;
	}

}
@media screen and (max-width: 640px) {
	.top-info .tour-info {
		display: none;
	}	
	.bottom-line {
		padding-top: 35px;
	}
	.konstantin iframe {
		height: 300px;
	}
	.clients .client-wrp .item {
	    width: 47.5%;
	    margin-right: 4.8%;
	}
	.clients .client-wrp .item:nth-child(4n), .clients .client-wrp .item:nth-child(5n), .clients .client-wrp .item:nth-child(3n) {
	    margin-right: 4.8% !important;
	}
	.clients .client-wrp .item:nth-child(2n) {
	    margin-right: 0 !important;
	}
	.clients .client-wrp .item img {
		max-width: 95%;
		height: auto;
	}
	.cheaper .item {
		padding-top: 60px;
		padding-left: 0px;
		background-position: left top;
		font-size: 14px;
		line-height: 22px;
	}
	.reviews .item {
		font-size: 14px;
		line-height: 22px;
	}
	.cheaper .item h3 {
		font-size: 18px;
	}
	.about h2 {
	    font-size: 25px;
	}
	.info .form-box textarea, footer form textarea {
		height: 170px;
	}
	.about h2 + p {
		font-size: 16px;
	}
	.screen1 h1 {
		font-size: 50px;
	}
	.screen1 h1 span:before,
	.screen1 h1 span:after {
		width: 20px;
	}
	.screen1 h1 span:before {
		left: -30px;
	}
	.screen1 h1 span:after {
		right: -30px;
	}
	.screen1 .tour-ico {
		font-size: 20px;
	}
	.screen1 .what-hidden form input {
		/*width: 48%;*/
		/*text-indent: 0;*/
	}
	/*.screen1 .what-hidden form button {
		width: 50%;
	}*/
	.screen2 .title {
		font-size: 20px;
		line-height: 26px;
	}
	.screen2 h2 {
		font-size: 50px;
	}
	.day h2 {
		font-size: 32px;
		line-height: 45px;
	}
	.day .day-number {
		font-size: 20px;
	}
	.price-wrp .price {
		font-size: 50px;
		line-height: 37px;
	}
	.price-wrp h2, .cheaper h2 {
		font-size: 28px;
		padding-bottom: 0px;
	}
	.cheaper h2 + p {
		font-size: 14px;
	}
	.price-wrp .price .rub {
		height: 100%;
		background-size: contain;
	}
	.info h2 {
		font-size: 32px;
	}
	.button {
		max-width: 100%;
	}
	footer .about .text h2 {
		font-size: 32px;
	}
	.timeline {
		display: none;
	}
	.day .wrap {
		padding-right: 2%;
	}
	.top-info .contacts + .contacts {
		clear: none;
	}
	.tour-info {
		max-width: 100%;
	}
	.bottom-line .tour-info {
		font-size: 18px;
		margin-bottom: 50px;
	}
	.bottom-line .politics {
		text-align: center !important;
	}
	.bottom-line {
		text-align: center;
	}
	.bottom-line .contacts {
		float: none;
		display: inline-block;
		vertical-align: top;
		width: 45%;
		padding: 0 2%;
		max-width: 100%;
		padding: 0;
	}
	.bottom-line .company {
		padding-left: 0;
	}
	.bottom-line a {
		display: block !important;
		text-align: left;
	}

}
@media screen and (max-width: 420px) {
	header {
		background-size: cover;
	}
	.screen2 .and-now br {
		display: none;
	}
	.info .button {
		font-size: 16px;
	}
	footer .final-form .title {
		font-size: 18px;
	}
	footer form .left, footer form .right {
		width: 100%;
		float: none;
	}
	footer input {
		max-width: 100%;
	}
	footer {
		background-size: cover;
	}
	.screen1 h1 {
		font-size: 28px;
		line-height: 34px;
	}
	.screen1 h1 i {
		font-size: 28px;
		line-height: 34px;
	}
	.screen1 .what-hidden {
		font-size: 14px;
	}
	.top-info {
		padding-top: 10px;
	}
	.screen1 {
		padding-top: 110px;
	}
	.antispam {
		font-size: 10px;
	}
	input[type="text"], textarea {
		font-size: 13px;
	} 
	textarea::-webkit-input-placeholder { /* Chrome, Opera и т.д. */
	   font-size: 13px;
	}
	textarea:-moz-placeholder { /* Firefox 18- */
	   font-size: 13px;
	}
	textarea::-moz-placeholder {  /* Firefox 19+ */
	   font-size: 13px;
	}
	textarea:-ms-input-placeholder { /* IE 10 */
	   font-size: 13px;
	}
	.button, button {
		font-size: 13px !important;
		line-height: 38px;
	}
	.screen2 .item-wrp .item {
		font-size: 13px;
	}
	.price-wrp .all-inclusive {
		font-size: 20px;
	}
	.info .button {
		padding-left: 10px;
	}
	footer .about .text h2 {
		font-size: 30px;
	}
	footer .about .welcome {
		margin-bottom: 40px;
	}
	footer form button {
		width: 100%;
	}
	.top-info .contacts {
		font-size: 16px;
		padding-top: 4px;
	}
	.bottom-line .contacts {
		width: 70%;
		padding: 0 15%;
		margin-bottom: 20px; 
		text-align: center;
	}
	.bottom-line .contacts a {
		text-align: center;
		display: inline-block !important;
	}
	/*.screen1 .what-hidden form input {
		padding-right: 160px;
		padding-left: 15px;
	}
	.screen1 .what-hidden form button {
		width: 150px;
	}
	.screen1 .what-hidden form .thank-you {
		font-size: 12px;
	}*/
	.top-info .contacts + .contacts {
		display: none;
	}
	.screen1 .what-hidden form input {
		font-size: 11px;
	}
	.top-info .contacts {
		padding-left: 0;
	}
}