.slider-container {
		position: relative; 
		height: 500px; 
		background: url('../images/slider1-bg.jpg'); 
		background-size: cover;
		overflow: hidden;
	}
	.slider1-lotus {
		position: absolute; 
		bottom: 0; 
		z-index: 1; 
		width: 70%; 
		left:50%; 
		margin-left:-35%;
		
		opacity:0; /*Элемент полностью прозрачный (невидимый)*/
		transition: 2.5s; /*Скорость перехода состояния элемента*/
		animation: imagelotus 2.5s 1; /* Указываем название анимации, её время и количество повторов*/
		animation-fill-mode: forwards; /* Чтобы элемент оставался в конечном состоянии анимации */
		animation-delay: 2.5s; /* Задержка перед началом */	
	
	}
	
	.slider1-image {
		position: absolute; 
		bottom: 0; 
		z-index: 2; 
		width: 90%;
		
		left:50%; 
		margin-left: -45%; 			
		
		opacity:0; /*Элемент полностью прозрачный (невидимый)*/
		transition: 1s; /*Скорость перехода состояния элемента*/
		animation: imagescale 1s 1; /* Указываем название анимации, её время и количество повторов*/
		animation-fill-mode: forwards; /* Чтобы элемент оставался в конечном состоянии анимации */
		animation-delay: 1.5s; /* Задержка перед началом */		
		animation-delay: 2s; /* Задержка перед началом */		
	
	}
	
	.slider-container h2 {		
		position: absolute; 
		z-index: 3; 
		top: 12%;
		left: 55%;
		
		font-family: 'logofont', 'Roboto', 'Arial', sans-serif; 
		font-family:'Open Sans', 'Arial', sans-serif; 
		font-family:'presentscript', 'Arial', sans-serif; 
		font-weight: 300;
		
		letter-spacing: 1.3px;
		
		font-size: 60px; 
		font-size: 30px; 
		
		white-space: nowrap;
		
		opacity:0; /*Элемент полностью прозрачный (невидимый)*/
		transition: 2.5s; /*Скорость перехода состояния элемента*/
		animation: headOutLeft 2.5s 1; /* Указываем название анимации, её время и количество повторов*/
		animation-fill-mode: forwards; /* Чтобы элемент оставался в конечном состоянии анимации */
		animation-delay: 3.5s; /* Задержка перед началом */	
		
	}
	.slider-container h3 {
		color: #d77d31;
		color: #111; 
		
		color: #444; 
		color: #9d5646; 
		
		position: absolute; 
		z-index: 4; 
		top: 20%;
		left: 55%;		
		
		font-family:'logofont', 'Roboto', 'Arial', sans-serif; 
		font-family:'Open Sans', 'Arial', sans-serif; 
		font-family:'Philosopher', 'Arial', sans-serif; 
		font-weight: 300;
		
		letter-spacing: 1.3px;
		
		/*font-style: italic; */ 
		font-size: 30px; 
		font-size: 16px; 
		white-space: nowrap;
		
		opacity:0; /*Элемент полностью прозрачный (невидимый)*/
		transition: 2.5s; /*Скорость перехода состояния элемента*/
		animation: textOutLeft 2.5s 1; /* Указываем название анимации, её время и количество повторов*/
		animation-fill-mode: forwards; /* Чтобы элемент оставался в конечном состоянии анимации */
		animation-delay: 4.5s; /* Задержка перед началом */	
	}
	.slider-container .button {
		position: absolute; 
		z-index: 4; 
		top: 32%;
		left: 55%;	
		
		font-family:'Open Sans', 'Arial', sans-serif; 
		font-family:'Philosopher', 'Arial', sans-serif; 
		font-weight: 300;
		
		letter-spacing: 1.3px;
		font-size: 16px;		
		border: 1px solid transparent;
		border-radius: 10px;
		display: block;
		padding: 10px 0;
		width: 200px;
		text-align: center;
		text-decoration: none;
		
		background: none;
		border: 1px solid #9d5646;
		color: #9d5646; 
		
		opacity:0; /*Элемент полностью прозрачный (невидимый)*/
		transition: 0.5s; /*Скорость перехода состояния элемента*/
		animation: buttonScale 3.5s 1; /* Указываем название анимации, её время и количество повторов*/
		animation-fill-mode: forwards; /* Чтобы элемент оставался в конечном состоянии анимации */
		animation-delay: 5.5s; /* Задержка перед началом */	
		
	}
	.slider-container .button:hover {
		background-color: rgba(157, 86, 70, 0.7); 
		color: #fff;
		
	}
	
	@keyframes imagelotus {
		0% {
			opacity: 0;
			transform: perspective(600px) rotate3d(0, 1, 0, -180deg);
		}
		
		100% {
			opacity: 1;
			transform: perspective(600px);
		}
	}
	
	@keyframes imagescale {
		from {
			transform: scale(1.5);
			opacity: 0;
		}
		to {
			transform: scale(1);
			opacity: 1;
		}
	}
	
	@keyframes headOutLeft {
	  from {
		transform: perspective(600px) rotate3d(0, 1, 0, -45deg);
		opacity: 0;
	  }

	  to {
		transform: perspective(600px);
		opacity: 1;
	  }
	}
	
	@keyframes textOutLeft {
	  from {
		transform: translate3d(-100%, 0, 0);
		opacity: 0;
	  }

	  to {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	  }
	}
	@keyframes buttonScale {
		0% {
			opacity: 0;
			transform: scale(1);
		}
		
		100% {
			opacity: 1;
			transform: scale(1.1);
		}
	}


	
	@media (min-width: 1200px) { 
		.slider1-lotus {
			/* width: 820px; */
			width: 720px; 
			/* margin-left: -410px; */
			margin-left: -360px;
		}
		.slider1-image {
			/* width: 1100px; */
			width: 800px;
			/* margin-left: -550px; */
			margin-left: -400px; 
		}
	}
	
	@media (max-width: 1100px) { 
		.slider-container {
			min-height: 550px; 
		}
	}
	@media (max-width: 992px) { 
		.slider-container {
			min-height: 450px; 
		}
	}
	@media (max-width: 768px) { 
		.slider-container {
			min-height: 250px; 
			height: auto;
		}
		.slider-container h2 {
			top: 13%;
			left: auto;
			font-size: 26px;
			right: 20px;
		}
		.slider-container h3 {
			top: 25%;
			left: auto;
			right: 20px;
		}
	}
	
.top-border {
	/*
	height: 22px;
	background-color: #f6f6e9;
	background-image: url(../images/header-border.png);
    background-size: 35px 27px;
	*/
	
	/*
	height: 35px;
    background-image: url(../images/border@2x.png);
    background-size: 29px 35px;
	*/
}