body{
	margin:0px;
	padding:0px;
	background-color:#f3f1ef;

}

div.main {
	margin-left:auto;
	margin-right:auto;
    padding:0px;
	width:1000px;
	height:700px;
}

div.part-1{
	width:1000px;
	height:200px;
	float:left;	
}

div.part-1{
	width:1000px;
	height:200px;
	float:left;
}

div.part-11{
	width:200px;
	height:200px;
	float:left;
}

div.part-12{
	width:600px;
	height:200px;
	float:left;
}

div.part-13{
	width:200px;
	height:200px;
	float:left;
}

.container {
  margin: 200px 0 0 200px;
  display: inline-block;
}

.circle {
  border-radius: 10%;
  height: 87px;
  width: 500px;
  margin: 10px;
  float: left;
  
  animation-name: bounceInDown;
  -webkit-animation-name: bounceInDown;
  animation-duration: 3s;
  -webkit-animation-duration:3s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
}

.circle0 {
  height: 87px;
  width: 500px;
  margin: 10px;
  float: left;
  animation-name: bounceInDown;
  -webkit-animation-name: bounceInDown;
  animation-duration: 3s;
  -webkit-animation-duration:3s;
  @extend .circle;
  background: PaleTurquoise;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
} 

.circle1 {
  height: 87px;
  width: 500px;
  margin-top:50px;
  margin-left:50px;
  float: left;
  border-radius:15px;
	  animation-name: bounceInDown;
  -webkit-animation-name: bounceInDown;
  animation-duration: 3s;
  -webkit-animation-duration:3s;
  @extend .circle;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
}

.circle2 {
   @extend .circle;
  background: lightskyblue;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;

}

.circle3 {
  @extend .circle;
  background: khaki;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
}

.circle4 {
  @extend .circle;
  background: mediumturquoise;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}

.circle5 {
  @extend .circle;
  background: thistle;
  animation-timing-function: cubic-bezier(0,1,.98,0);
  -webkit-animation-timing-function: cubic-bezier(0,1,.98,0);
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }


  100% {
    -webkit-transform: none;
            transform: none;
  }
}

div.part-2{
	width:1000px;
	height:479px;
	float:left;
	background-image:url(../imge/Back-2.png);
	background-repeat:no-repeat;
	background-position:top;
	background-attachment:fixed;	
}

div.part-21{
	width:550px;
	height:479px;
	float:left;	
}

div.part-22{
	width:450px;
	height:479px;
	float:left;	
}

div.part-21-1{
	width:550px;
	height:285px;
	float:left;	
}

div.part-21-2{
	width:550px;
	height:194px;
	float:left;	
}

div.part-21-11{
	width:310px;
	height:285px;
	float:left;	
}

div.part-21-12{
	width:240px;
	height:285px;
	float:left;	
}

img.img-1{
	width:198px;
	height:127px;
	padding-left:95px;
	padding-top:151px;
}

img.img-2{
	width:198px;
	height:127px;
	padding-left:23px;
	padding-top:151px;
}

div.part-21-21{
	width:290px;
	height:194px;
	float:left;	
}

div.part-21-22{
	width:260px;
	height:194px;
	float:left;
}

img.img-3{
	width:198px;
	height:127px;
	padding-left:70px;
	padding-top:13px;
}

img.img-4{
	width:198px;
	height:127px;
	padding-left:15px;
	padding-top:10px;
}

div.part-22-1{
	width:450px;
	height:180px;
	float:left;	
}

div.part-22-2{
	width:450px;
	height:299px;
	float:left;	
}

img.img-5{
	width:260px;
	height:138px;
	padding-left:57px;
	padding-top:14px;
}

div.footer{
	width:1000px;
	height:300px;
	float:left;
	background: #c4dfcd; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(right top, #f3f1ef, #fff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top right, #c4dfcd, #cfff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top right, #f3f1ef, #fff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to top left, #c4dfcd, #fff); /* Standard syntax */
}

div.foot{
	width:1000px;
	height:100px;
	float:left;
}
  
div.footer-1{
	width:100px;
	height:200px;
	float:left;
}

div.footer-2{
	width:800px;
	height:200px;
	float:left;
}

div.footer-21{
	width:800px;
	height:50px;
}

div.footer-22{
	width:800px;
	height:130px;
}

div.footer-3{
	width:100px;
	height:200px;
	float:left;
}

div.footer-00{
	width:50px;
	height:50px;
	float:left;
}

div.footer-0{
	width:15px;
	height:50px;
	float:left;
}

div.footer-211{
	width:160px;
	height:50px;
	float:left;
}

div.footer-213{
	width:160px;
	height:50px;
	float:left;
}

div.footer-214{
	width:160px;
	height:50px;
	float:left;
}

div.footer-215{
	width:160px;
	height:50px;
	float:left;
}
a.tittle{
	text-decoration:none;
	color:#33568e;
	font-size:20px;
	text-align:center;
	display:block;
	padding-top:20px;
}

p.text{
	font-family:tahoma;
	font-size:16px;
	font-style:inherit;
	text-align:center;
	color:#33568e;
}

p.text-1{
	font-family:tahoma;
	font-size:16px;
	font-style:inherit;
	text-align:center;
	color:#33568e;
}

p.text-2{
	font-family:Times New Roman, serif;
	font-size:14px;
	font-style:inherit;
	text-align:center;
	color:#33568e;
}

img.insta{
	width:40px;
	height:40px;
	padding-right:20px;
}