.anim-main_container{
	width:1000px;height:700px;position:relative;background:white;text-align:center;transform:scale(0.8);
	
}

.anim-web_container{
	position:absolute;width:700px;height:400px;background:#469FCC;top:0;left:20px;
	animation-name: anim-general_move;
    animation-duration: 30s;
    animation-delay: 0s;
	animation-iteration-count: infinite;
}

.anim-web_title{
	position:absolute;top:20px;left:50%;transform:translateX(-50%);font-size:50px;color:white;font-family: 'Pacifico', cursive;
	animation-name: anim-web_title;
    animation-duration: 30s;
    animation-delay: 0s;
	animation-iteration-count: infinite;
	}

.anim-web_title_new{
	position:absolute;top:20px;left:50%;transform:translateX(-50%);font-size:50px;color:white;font-family: 'Playfair Display', serif;
	animation-name: anim-web_title_new;
    animation-duration: 30s;
    animation-delay: 0s;
	animation-iteration-count: infinite;
	width:100%;
	}

.anim-form_1{
	width:100px;position:absolute;top:50%;left:20%;transform:translateY(-50%);
	animation-name: anim-form_1;
    animation-duration: 30s;
    animation-delay: 0.5s;
	animation-iteration-count: infinite;
}

.anim-form_2{
	width:100px;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);
	animation-name: anim-form_2;
    animation-duration: 30s;
    animation-delay: 1s;
	animation-iteration-count: infinite;
}

.anim-form_3{
	width:100px;position:absolute;top:50%;right:20%;transform:translateY(-50%);
	animation-name: anim-form_3;
    animation-duration: 30s;
    animation-delay: 0s;
	animation-iteration-count: infinite;
}

.anim-text_container{
	position:absolute;top:230px;left:610px;width:400px;height:500px;background:white;box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	animation-name: anim-general_move;
    animation-duration: 32s;
    animation-delay: 5s;
	animation-iteration-count: infinite;
}

.anim-text_title{
	position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:40px;font-family: 'Pacifico', cursive;color:#469FCC;
	animation-name: anim-web_title;
    animation-duration: 30s;
    animation-delay: 1s;
	animation-iteration-count: infinite;
	}

.anim-text_title_new{
	position:absolute;width:100%;top:10px;left:50%;transform:translateX(-50%);font-size:40px;font-family: 'Playfair Display', serif;color:#469FCC;
		animation-name: anim-web_title_new;
    animation-duration: 30s;
    animation-delay: 1s;
	animation-iteration-count: infinite;
	opacity:0;
}

.anim-text_paragraph{
	position:absolute;width:340px;left:30px;top:100px;text-align:justify;
}

.anim-img_container{
	position:absolute;top:350px;left:0;width:570px;height:400px;background:white;box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	animation-name: anim-general_move;
    animation-duration: 37s;
    animation-delay: 20s;
	animation-iteration-count: infinite;
	}

.anim-img_title{
	position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:40px;font-family: 'Pacifico', cursive;color:#469FCC;
	animation-name: anim-web_title;
    animation-duration: 30s;
    animation-delay: 1.5s;
	animation-iteration-count: infinite;
	}

.anim-img_title_new{
	position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:40px;font-family: 'Playfair Display', serif;color:#469FCC;
		animation-name: anim-web_title_new;
    animation-duration: 30s;
    animation-delay: 1.5s;
	animation-iteration-count: infinite;
	opacity:0;
}

.anim-img_square_container_1{
	position:absolute;width:550px;left:10px;top:100px;text-align:justify;
}

.anim-img_square_1{
	position:absolute;width:130px;height:130px;top:0px;left:0;background:#469FCC;
		animation-name: anim-img_square;
    animation-duration: 25s;
    animation-delay: 0s;
	animation-iteration-count: infinite;
}

.anim-img_square_2{
	position:absolute;width:130px;height:130px;top:0px;left:140px;background:#469FCC;
			animation-name: anim-img_square;
    animation-duration: 25s;
    animation-delay: 0.5s;
	animation-iteration-count: infinite;
}

.anim-img_square_3{
	position:absolute;width:130px;height:130px;top:0px;left:280px;background:#469FCC;
			animation-name: anim-img_square;
    animation-duration: 25s;
    animation-delay: 1s;
	animation-iteration-count: infinite;
}

.anim-img_square_4{
	position:absolute;width:130px;height:130px;top:0px;left:420px;background:#469FCC;
			animation-name: anim-img_square;
    animation-duration: 25s;
    animation-delay: 1.5s;
	animation-iteration-count: infinite;
}

.anim-img_square_container_2{
	position:absolute;width:550px;left:10px;text-align:justify;top:240px;
}

.anim-img_square_5{
	position:absolute;width:130px;height:130px;top:0px;left:0;background:#469FCC;
			animation-name: anim-img_square;
    animation-duration: 25s;
    animation-delay: 2s;
	animation-iteration-count: infinite;
}

.anim-img_square_6{
	position:absolute;width:130px;height:130px;top:0px;left:140px;background:#469FCC;
			animation-name: anim-img_square;
    animation-duration: 25s;
    animation-delay: 2.5s;
	animation-iteration-count: infinite;
}

.anim-img_square_7{
	position:absolute;width:130px;height:130px;top:0px;left:280px;background:#469FCC;
			animation-name: anim-img_square;
    animation-duration: 25s;
    animation-delay: 3s;
	animation-iteration-count: infinite;
}

.anim-img_square_8{
	position:absolute;width:130px;height:130px;top:0px;left:420px;background:#469FCC;
			animation-name: anim-img_square;
    animation-duration: 25s;
    animation-delay: 3.5s;
	animation-iteration-count: infinite;
}

@keyframes anim-web_title {
    0%   {left:50%;opacity:1;}
    30%   {left:50%;opacity:1;}
    35% {left:40%;opacity:0;}
    95% {left:50%;opacity:0;}
    100% {left:50%;opacity:1;}
}

@keyframes anim-web_title_new {
    0%   {left:60%;opacity:0;}
    40%   {left:60%;opacity:0;}
    45% {left:50%;opacity:1;}
    90% {left:50%;opacity:1;}
    95% {left:50%;opacity:0;}
    100% {left:60%;opacity:0;}
}


@keyframes anim-form_1 {
    0%   {left:20%;}
    5% {left:65%;transform:translateY(-50%) scale(1.5)}
    7% {left:65%;transform:translateY(-50%) scale(1)}
    55% {left:65%;opacity:1;transform:translateY(-50%) scale(1)}
    58% {left:65%;opacity:0;transform:translateY(-50%)}
    60% {left:20%;opacity:0;transform:translateY(-50%)}
    70% {left:20%;opacity:1;transform:translateY(-50%)}
    100% {left:20%;opacity:1;transform:translateY(-50%)}
}

@keyframes anim-form_2 {
    0%   {left:50%;}
    5% {left:20%;transform:translateY(-50%);}
    55% {left:20%;opacity:1;transform:translateY(-50%);}
    58% {left:20%;opacity:0;transform:translateY(-50%);}
    60% {left:50%;opacity:0;transform:translateX(-50%) translateY(-50%);}
    70% {left:50%;opacity:1;transform:translateX(-50%) translateY(-50%);}
    100% {left:50%;opacity:1;transform:translateX(-50%) translateY(-50%);}
}

@keyframes anim-form_3 {
    0%   {right:20%;}
    3% {right:20%;transform:translateY(-50%) scale(0.7)}
    5% {right:50%;transform:translateX(50%) translateY(-50%) scale(1)}
    7% {right:50%;transform:translateX(50%) translateY(-50%) scale(1)}
    55% {right:50%;opacity:1;transform:translateX(50%) translateY(-50%)}
    58% {right:50%;opacity:0;transform:translateX(50%) translateY(-50%)}
    60% {right:20%;opacity:0;transform:translateY(-50%)}
    70% {right:20%;opacity:1;transform:translateY(-50%)}
    100% {right:20%;opacity:1;transform:translateY(-50%)}
}

@keyframes anim-img_square{
    0%   {transform:translateX(0) translateY(0) scale(1);opacity:1;}
    5%   {transform:translateX(0) translateY(0) scale(0);opacity:0;}
    25%   {transform:translateX(-100px) translateY(-100px) scale(0);opacity:0;}
    30%   {transform:translateX(-100px) translateY(-100px) scale(0);opacity:0;}
    35%   {transform:translateX(0) translateY(0) scale(1);opacity:1;}
    75%   {transform:translateX(0) translateY(0) scale(1);opacity:1;}
    100% {transform:translateX(0) translateY(0) scale(1);opacity:1;}
}

@keyframes anim-general_move{
    0%   {transform:translateX(0) translateY(0) scale(1);}
    25%   {transform:translateX(10px) translateY(-10px) scale(1.01);}
    50%   {transform:translateX(0px) translateY(-5px) scale(0.99);}
    75%   {transform:translateX(0px) translateY(-5px) scale(1);}
    100% {transform:translateX(0) translateY(0) scale(1);}
}


@media only screen and (max-width: 1500px) {

	.anim-main_container{
		transform:scale(0.5);
		transform-origin:center left;
		margin-left:50px;
	}
}


@media only screen and (max-width: 1200px) {

	.anim-main_container{
		transform:scale(0.8);
		transform-origin:center center;
		display:block;
		margin:auto;
	}
}

@media only screen and (max-width: 1000px) {

	.anim-main_container{
		transform:scale(0.3);
		transform-origin:center left;
		display:block;
		margin:-200px 0px -200px 30px;
	}
}