/********** Setting the fonts section ***************/

@font-face {
	font-family: 'annabel';
	src: url('annabel.ttf'); 
}

@import url('https://fonts.googleapis.com/css?family=Montserrat');

body{scrolling:no; overflow:hidden;}

.flexBackground{
	height : 350px;
	width : 100%;
	background-color:#cbecf3;
	top : 0;
	left : 0; border:0px solid #000;	
	background-image: url(../images/b2.jpg);
	background-repeat: repeat-x;
    background-position:top;	
	z-index : -1;
	overflow:hidden !important;
	padding-top:20px:
}

.flexBackground canvas{
	position : relative; overflow:hidden; z-index:1;
}

.flexBackground .backCover{
	height : 100%;
	width : 100%;
	background-color : #000;
	top : 0;
	left : 0;
	position : absolute;
	background: url(../images/b2cover.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	overflow:hidden;
}

body{
	font-family: 'Montserrat', sans-serif;
}

h1{
	font-family : annabel;
	color : #fff;
	text-align : center;
	font-size : 40px;
	line-height : 300px;
	margin : 0;
}

p{
	font-family: 'Montserrat', sans-serif;
	color : #fff;
	text-align : center;
}

div.links{
	margin-top : 70px;
}

div.links ul{
	padding : 0;
	list-style : none;
	text-align : center;
	margin : 0;
}

div.links ul li{
	display : inline-block;
	padding : 0 5px;
	margin : 10px 0;
}

a.button{
	display : inline-block;
	line-height : 40px;
	background-color : #fff;
	color : #000;
	text-decoration : none;
	text-transform : uppercase;
	font-weight : 300;
	font-size : 13px;
	padding : 0 20px;
	border-radius : 50px;
	border : solid 1px #fff ;
	transition : .3s;
}

a.button:hover{
	color : #fff;
	background-color : transparent; 
}



.slide-bottom {
	-webkit-animation: slide-bottom 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-bottom 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
			margin:0 auto !Important;
			border:0px solid #000;
			text-align:center;
			position:absolute;
			top:-65px;
			width:100%;
			z-index:2;
			
}


@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
}
@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
}





.slide-top {
	-webkit-animation: slide-top 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
			margin:0 auto !Important;
			border:0px solid #000;
			text-align:left;
			position:absolute;
			top:240px;
			width:100%;
			margin-left:80px !important; 
			z-index:2;
}


/* ----------------------------------------------
 * Generated by Animista on 2019-1-8 17:34:14
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}


.rotate-center {
	-webkit-animation: rotate-center 1.5s ease-in-out both;
	        animation: rotate-center 1.5s ease-in-out both;
			border:0px solid #000;
			width:127px;
			height:134px;
			float:right;
			margin-right:80px;
			z-index:0;
			position:relative; top:-350px;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-1-8 17:45:6
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


.slide-left {
	-webkit-animation: slide-left 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-left 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
			margin:0 auto !Important;
			border:0px solid #000;
			text-align:right;
			position:absolute;
			top:140px;
			width:100%;
			margin-right:80px !important; 
			z-index:2;
}



/* ----------------------------------------------
 * Generated by Animista on 2019-1-8 17:59:43
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
}



.rotate-center2{
	-webkit-animation: rotate-center 1.5s ease-in-out both;
	        animation: rotate-center 1.5s ease-in-out both;
			border:0px solid #000;
			width:150px;
			height:auto;
			float:left;
			margin-left:80px;
			z-index:0;
			position:relative; top:-350px;   
}

/* ----------------------------------------------
 * Generated by Animista on 2019-1-8 17:45:6
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-center2 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center2 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


@media only screen and (max-width: 600px) {
  .slide-left {
  display:none !Important;}
  
    .slide-top {
  display:none !Important;}
    
    .rotate-center2 {
  display:none !Important;}
}