@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("framework.css");
@import url("slider.css");
@import url("animate.min.css");
@import url('https://fonts.googleapis.com/css?family=Roboto');


body {
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	margin:0px;
	padding-top:0px;
	-webkit-text-size-adjust: 100%;
	font-size:13px; 
	line-height:1.6em; 
	font-family: 'Roboto';
	letter-spacing:0.1em;
}

body {
	background-color: #dbefff; /*9e2828;*/
	PADDING-TOP: 0px;
}


#wrapper {
	position:absolute;
    width: 100%;
	top: 45px;
	z-index:-1;
}

#page {
	position:absolute;
    width: 100%;
	top: 0px;
	z-index:-1;
}

.changewidth{
	 width: 100%;
}

.toppad-60 { margin-top:60px;}

.bottommarg-0{ margin-bottom:0;}

.fullborder{ border:1px solid #000000; }

.bborder{ border-bottom: 2px solid #09F; }

.lborder { border-left: 2px solid #09F; }

.lborderred {border-left: 2px solid #ff0000; }

.rborder{ border-right-style:2px solid #CCC;} 
	
.offset-0 {padding-left: 0; padding-right: 0;}

.offset-marg-0 { margin-left: 0; margin-right: 0;}

.offset3 {padding-left: 5%; padding-right: 5%}

.offsetl-5xs {padding-left: 0px; padding-right: 0px;}

.offset-5 {padding-left: 5px; padding-right: 5px;}

.offset-10 {padding-left: 10px; padding-right: 10px;}

.offmarg-15{ margin-left:20px; margin-right:10px;}

.offset-16 {padding-left: 16px; padding-right: 16px;}

.offset-15 {padding-left: 15px; padding-right: 15px;}

.offset-25 {padding-left: 25px; padding-right: 25px;}

.offsetl-10 {padding-left: 10px; padding-right: 0px;}

.offsetl-25 {padding-left: 25px; padding-right: 0px;}

.offsetl-35 {padding-left: 35px; padding-right: 0px;}

.offsetr-25 {padding-left: 25px; padding-right: 0px;}

.offset-icon { padding-left: 25px; padding-top: 3px; }

.heigh_2px{ height:2px; background-color: #e4fff6;}

.heigh_20px{ height:10px; background-color: #e4fff6;}

.heigh_4px{ height:4px; background-color: #d45b76;}

.heigh_50px{ height:50px;}

.width_50pr{ width:50%;}

.height_lrow{ height:200px;}

.whiteback {background-color: #ffffff; }

.lightblue {background-color: #92d0ff; }

.lightblue2 {background-color: #7ac4fc; }

.lightblue3 {background-color: #cfeaff; }

.lightred {background-color: #ffbfbc; }

.lightred1 {background-color: #ffe7e6; }

.darkred {background-color: #fd4a41; }

.fullred {background-color: #ff0000; }

.darkblue {background-color: #b7dcf7; }

.greenback { background-color: #e4fff6; }

.row0{font-size:12px;}

.row0{display:block; background-color:#d9efff; padding-left: 0; padding-right: 0; color:#b5b5b5;}

.homebar {display:inline-block; margin:10px 10px; padding:0; line-height:normal;}

.homebar li a {font-size:14px; color:#0895ff; padding:2px 18px;}

.homebar li a:hover {color:#3682bb; text-decoration:none;}	

.homebar .active {color:#3682bb; text-decoration:none;}	

.socbar {display:inline-block; margin:10px 10px; padding:0; line-height:normal;}

.socbar a{font-size:14px; color:#0895ff; padding:2px 18px;}

.socbar a:hover{color:#3682bb; text-decoration:none;}	

.socbar ul li{border-color:rgba(255,255,255,.2); padding:2px 5px;}

.spacer_1 {height: 2px;}
.spacer_5 {height: 5px;} .spacer_7 {height: 7px;} .spacer_10 {height: 10px;} .spacer_15 {height: 15px;} .spacer_20 {height: 20px;}
.spacer_18 {height: 18px;} .spacer_25 {height: 25px;} .spacer_30 {height: 30px;} .spacer_35 {height: 35px;} .spacer_50 {height: 150px;}
.spacer_90 {height: 90px;}


th, td {

    vertical-align: middle;
}

.fa.fa-twitter{
	font-family:sans-serif;
}
.fa.fa-twitter::before{
	content:"𝕏";
	font-size:1.2em;
}


.redius_5{border-radius: 5px;}



.submenu1 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width:100%;
    background-color: #ff8f8a;
	text-align:center;
}

.submenu1 li a {
    display: block;
    color: #ffffff;
	border-bottom:5px solid #fff;
    padding: 3px 0px;
    text-decoration: none;
	font-size:14px;
}

/* Change the link color on hover */
.submenu1 li a:hover {
    background-color: #fd4a41;
    color: white;
	transition:background .5s;
}

.submenu1 li a.active {
    background-color: #fd4a41;
    color: white;
	transition:background .5s;
}



.topbar{
	width:100%;
	height:25px;
	text-align:center;
	padding-top:0px;
	padding-left:0;
	padding-right:0;
	margin:0;
}

.topbar .sc{
	display:inline-block;
	background-color: #196ba9;
	color:#fff;
	line-height:25px; /*(to center the text) Same as that of .navbar's height */
	width:19.45%;
	transition:background .5s;
	text-decoration:none;
	font-size:12px;

}


.topbar .sc:hover{
	 background-color: #ef9f19;
    color: white;
}


.topbar .sr{
	display:inline-block;
	background-color: #ef9f19;
	color:#fff;
	line-height:25px; /*(to center the text) Same as that of .navbar's height */
	width:19.45%;
	transition:background .5s;
	text-decoration:none;
	font-size:12px;

}



.homemenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width:100%;
    background-color: #42826c;
	text-align: left;
}

.homemenu li a {
    display: block;
    color: #ffffff;
	border-bottom:5px solid #ffffff;
    padding: 3px 10px;
    text-decoration: none;
	font-size:12px;
	
}

/* Change the link color on hover */
.homemenu li a:hover {
    background-color: #d45b76;
    color: white;
}

.homemenu .active { /* Add this class for active page */
    background-color: #d45b76;
    color: white;
}

.tipbarhead{
	padding:2px 10px 2px 10px;
	background-color:#d45b76;	
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 14px;
	text-align:left;
	color: #ffffff;
    font-weight: bold;
	vertical-align: middle;
}

.tipbartext{
	padding:2px 10px 2px 10px;
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 14px;
	text-align:left;
	color: #000000;
	font-weight: normal;
	vertical-align: middle;
}

.assco {
    position: relative;
    min-height: 110px;
}
.assco_content {
	width:100%;
    position: absolute;
    bottom: 0;
    left: 0;
}



.abouthead{
	width:100%;
}

.abouthead p{
	font-size: 16px;
	text-align:left;
	font-style:italic;
	color: #ff0000;
	font-weight:bold;
	padding:0 0px;
	line-height:.2em; 
}

.centerhead P{
	font-size: 16px;
	text-align: center;
	font-style:italic;
	color: #ff000;
	font-weight:bold;
	padding:5px 0px;
}


#about_img{
	float:left;
	width: 218px;
	height: 144px;
	background: url(../images/about_img.jpg) no-repeat;
}

.abouttext{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	text-align: justify;
	color: #414042;
	font-weight: normal;
	padding:0px 0px;

}

.abouttext1{
	font-size: 12px;
	text-align: justify;
	color: #414042;
	font-weight: normal;
	padding:0 15px;
	
}

.abouttext1 a {
	padding:0 15px;
}

.abouttext1 a:hover{
	text-decoration:none;
}



.abouttext2{
	font-size: 12px;
	text-align: justify;
	color: #fd4a41;
	font-weight: normal;
	padding:10px 15px;
}

.abouttext2 a {
	font-size: 12px;
	text-align: justify;
	color: #fd4a41;
	font-weight: normal;
	padding:10px 15px;
}


.abouttext2 a:hover{
	font-size: 12px;
	text-align: justify;
	color: #000;
	font-weight: normal;
	text-decoration:none;

}

.abouttext2 .active{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	text-align: justify;
	color: #000;
	font-weight: normal;

}






.innerhead {
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 16px;
	text-align:left;
	color: #42826c;
	font-weight:bold;
	padding:5px 0px;
	font-style:italic;
}

.innertext{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	text-align: justify;
	color: #414042;
	font-weight: normal;
	padding:0px 0px;
}

.tipheight {height: 60px;}

.tipaling { padding:15px;}


.more {
  	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size: 13px;
	color: #0895ff;
	font-weight: normal;
	text-decoration:none;
	text-align:right;
}

.more a{
	text-align:right;
	font-style:italic;
	font-weight: normal;
	color: #0895ff;
	text-decoration:none;
}

.more a:hover{
	color: #000000;
	text-decoration:none;
	font-style:italic;

}

.log-color{
	background:#ffffff;
	border:1px solid #42826c;
}

.implinks-img {
	width: 230px;
	height: 71px;
	font-size: 12px;
	background: url(../images/arrow.jpg) no-repeat;
}

.implinks{
	height:20px;
}
.implinks a{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #414042;
	background: 0px 4px url(../images/arrow.jpg) no-repeat;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
	padding-left: 30px;
	padding-bottom:0px;
}

.implinks a:hover{
	background: 0px 4px url(../images/arrow.jpg) no-repeat;
	font-weight: normal;
	color:#0895ff;
	text-align:left;
	text-decoration:none;

}

img1 {
    float:left;
    margin: 0 20px 0 0;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* ---------------- Form -------------*/


form {
  position:relative;
  width:100%;
  height:80px;
  margin:5px auto;
  text-align:center;
  background:#0895ff;
  padding:10px;
 
}

h4 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size:1.3em;
  font-weight:300;
  margin-bottom:10px;
  color:#7f8c8d;
  text-shadow:1px 1px 0px white;
}

input {
  display:block;
  width:90%;
  background: #ffffff;
  height:20px;
  padding:3px 5px;
  border:0;
  color:#343434;
  font-size:12px;
  border:1px solid #999
}

input:focus {
  background:#dadada;
}


.button {
  width:150px;
  height:30px;
  padding-top:0px;
  margin-top:0px;
  background:#fd4a41;
  color:#fff;
  font-size:13px;
  font-weight: bold;
  text-align: center;
  margin:0;
	border:0;	

}




.button_example{
	vertical-align:middle;
	margin:0;
border:1px solid #7d99ca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 3px 10px 3px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #A5B8DA; background-image: -webkit-gradient(linear, left top, left bottom, from(#A5B8DA), to(#7089B3));
 background-image: -webkit-linear-gradient(top, #A5B8DA, #7089B3);
 background-image: -moz-linear-gradient(top, #A5B8DA, #7089B3);
 background-image: -ms-linear-gradient(top, #A5B8DA, #7089B3);
 background-image: -o-linear-gradient(top, #A5B8DA, #7089B3);
 background-image: linear-gradient(to bottom, #A5B8DA, #7089B3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A5B8DA, endColorstr=#7089B3);
}

.button_example:hover{
 border:1px solid #5d7fbc;
 background-color: #819bcb; background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));
 background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
 background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
 background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
 background-image: -o-linear-gradient(top, #819bcb, #536f9d);
 background-image: linear-gradient(to bottom, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
}




/*-------------Scroll ------------*/

.panel {
  border: 1px solid #ff0000;
}
.facolur{
	color:#000000;
}
.panel-default>.panel-heading {
	background: #ffbfbc;
	height:30px;
	color:#000000;
	border-radius: 0;
	text-align:center;
	padding-top:5px;
	
}

.panel-default{
	background: #ffffff;
	color: #414042; 
	font-size: 12px;
	
}

.glyphicon
{
    margin-right:5px !important; /*override*/
	font-size: 12px;
	
}

.pagination .glyphicon
{
   top:-6px;
   margin-right:0px !important; /*override*/
	
}

.panel-heading{
	font-size:12px;
}
.pagination a
{
	top:0px;
	height: 10px;
}

.panel ul
{
    padding:0px;
    margin:0px;
	height: 2px;
    list-style:none;
}

.panel ul li a
{
	font-size:12px;
}

.news-item
{
    padding:2px 4px;
    margin:0px;
    border-bottom:1px dotted #555; 
}

.btn{
	padding-right:5px;
	background-color: #d45b76;

}

.btn-default {
	width:20px;
	height:20px;
	padding:0 0 1px 0;
	margin:2px 5px 0 0;
	color: #ff0000;
	font-size:11px;
	border:0;
}



.panel-footer{
	margin-top:0px;
	padding-top: 0px;
	height:25px;
	background: #f8cfd1;
}

.panel-footer a{
	top:5px;
	margin-top:5px;
	padding-top:12px;
    color: #d45b76; 
    font-size: 14px;
	font-weight: bold;
	text-decoration:none;
	text-align:left;
	padding-right:50px;
}

.panel-footer a:hover{
	color: #000000; 
	font-weight: bold;
	text-decoration:none;
}


.testy {
	padding-top:9px;
	margin-top:5px;
    color: #d45b76; 
	font-size: 14px;
	text-align:left;

}
.testy a{
	margin-top:5px;
	padding-top:12px;
    color: #d45b76; 
    font-size: 14px;
	font-weight: bold;
	text-decoration:none;
	text-align:left;
	padding-right:50px;
}
.testy a:hover{
    color: #000000; 
	font-weight: bold;
	text-decoration:none;
}



.text1 {
    color: #414042; 
	font-size: 12px;
}
.text1 a{
    color: #414042; 
    font-size: 12px;
	text-decoration:none;
}
.text1 a:hover{
    color: #414042; 
	text-decoration:none;
}

.textred {
  	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size: 12px;
	color: #ff0000;
	font-weight: normal;
	text-decoration:none;
	text-align:right;
}

.moresc {
  	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size: 12px;
	color: #c56c80;
	font-weight: normal;
	text-decoration:none;
	text-align:right;
	font-style:italic;
}

.moresc a{
	text-align:right;
	font-style:italic;
	font-weight: normal;
	color: #c56c80;
	text-decoration:none;
}

.moresc a:hover{
	color: #414042;
	text-decoration:none;
	font-style:italic;

}

.text2 {
    color: #d45b76; /*3682bb;*/
	font-weight:bold;
}

.text3 {
    color: #3682bb;
	font-weight:bold;
}

.text4 {
	font-size: 12px;
    color: #d45b76; /*3682bb;*/
	font-weight:bold;
	font-style:normal;
}

.text5 {
	font-size:14px;
    color: #d45b76; /*3682bb;*/
	font-weight:bold;
}

/* menu bar css ------------- */
/* CSS used here will be applied after bootstrap.css */



.navbar-inverse {
  border:0;
  background:url(../images/menu_bg.jpg) repeat-x #0895ff;
  border-radius:0;
  padding-right:20px
}
.navbar-inverse .navbar-brand {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	font-style:italic;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 2px 2px 6px rgba(33,33,33,0.91);
	padding-left:30px;
	
}

.navbar-inverse ul li:hover .dropdown {
	top: 52px;
	opacity: 1;
	visibility: visible;
	text-align: left;
	margin: 0;
	
}

.navbar-inverse ul li:hover>a:after {
	opacity: 1;
	text-align: left;
}

.navbar-inverse ul li.active a:after {
	opacity: 1;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
	font-weight: bold;
	color: #ffffff;
  	
}
.navbar-inverse .navbar-text {
	padding-right:20px;
	padding-left:10px;
  	color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a {
	padding-right:20px;
	padding-left:10px;
  	color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  	color: #ff0000;
	padding-left:10px;
	transition:background .8s;
	background-color: #d2ecff;

}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
	color: #ff0000;
 	transition:background .8s;
	background: #d2ecff;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.0), 0 6px 20px 0 rgba(0,0,0,0.0);
	
	
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  	color: #000000;
 	transition:background .8s;
  
}

.navbar-inverse .navbar-toggle:hover {
    background-color: #0895ff;
}
   
.navbar-inverse ul li .dropdown {
	display: block;
	position: absolute;
	left: 0;
	top: 105px;
	width: 200px;
	margin: 0;
	padding-left:5px;
	background: #0895ff;
	
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	text-align: left;
	
}

.navbar-inverse ul li .dropdown li {
	display: block;

	padding: 5px 5px;


}

.navbar-inverse ul li .dropdown li a {
	display: block;
	margin: 0;
	color: #ffffff;
	padding: 5px 5px;
	font-weight: 400;
	text-transform: capitalize;
}

.navbar-inverse ul li .dropdown li a:hover {
	display: block;
	margin: 0;
	color: #ff0000;
	font-weight: 400;
	text-transform: capitalize;
	text-decoration:none;
	background-color: #dbefff;
	
	
	
}

.navbar-inverse ul li .dropdown li a:after {
	display: none;
	background-color: #d2ecff;
	
}   
   
   
    
/*------------about -------------*/

.activearrow{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	text-align:left;
	
}
.activearrow a{
	color: #414042;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
	padding-left: 25px;
	padding-bottom:0px;
	font-weight:bold;
}

.activearrow a:hover{
	font-weight:bold;
	background: 10px 3px url(../images/activelinkon.gif) no-repeat;
	color:#d45b76;
	text-align:left;
	text-decoration:none;
}

.activearrow .active { /* Add this class for active page */
	font-weight:bold;
	background: 10px 3px url(../images/activelinkon.gif) no-repeat;
	color:#d45b76;
	text-align:left;
	text-decoration:none;
}


/*------------ footer ------------*/

.footertext {
	background:#b7dcf7;
	color: #ff0000;
	font-size: 15px;
	font-weight: normal;
	text-align:center;
	text-decoration:none;
	padding: 5px 0 5px 0;
}

.footermenu {
	color: #0895ff;
	font-size: 13px;
	font-weight: normal;
	text-decoration:none;
	text-align:center; 
}

.footermenu a{
	color: #196ba9;
	font-size: 13px;
	font-weight: normal;
	text-decoration:none;
}

.footermenu a:hover{
	color: #343434;
	font-weight: normal;
	text-decoration: underline;
}


.footermenu1 {
	color: #343434;
	font-size: 13px;
	font-weight: normal;
	text-decoration:none;
	text-align:center;
}

.footermenu1 a{
	color: #343434;
	font-size: 13px;
	font-weight: normal;
	text-decoration:none;
}

.footermenu1 a:hover{
	color: #343434;
	font-weight: normal;
	text-decoration: underline;
}

.ampstext{
	color:#565656;
	font-size: 12px;
	text-align:center;
}

.ampstext a{
	font-size: 12px;
	text-align:center;
}


/* Overlay POP UP ---------------- */


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  top:20%;
  left:25%;
  width:50%;
  height: 500px;
  display:none;
  z-index:9999;
  padding:20px;
}
#boxes #dialog {
  width:50%; 
  height: auto;
  padding:10px;
  background-color:#ffffff;
}

.dialogtext1{
	font-family:Verdana, Geneva, sans-serif;
	color:#d45b76;
	font-size:25px;
	text-align:center;
	font-weight:bold;
	line-height: 30px;
}

.dialogtext2{
	font-family:Verdana, Geneva, sans-serif;
	color:#3682bb;
	font-size:20px;
	text-align:center;
	font-weight:bold;
	line-height: 30px;

}

.dialogtext3{
	font-family:Verdana, Geneva, sans-serif;
	color:#414042;
	font-size:16px;
	text-align: justify;
	font-weight:bold;
	line-height: 30px;

}


@media screen and (min-width:180px) and (max-width:750px) {
	
.offset-25 {padding-left: 0px; padding-right: 0px;}	
	
.navbar-inverse .navbar-brand {
	font-size: 13px;
	color: #ffffff;
	font-style:italic;
	padding-left:20px;
	font-weight: bold;
	text-shadow: 2px 2px #000000;

}	

.navbar-inverse .navbar-nav > li > a {

	padding-left:30px;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	padding-left:30px;
	background-color: #d2ecff;
}


.navbar-inverse ul li:hover .dropdown {
	top: 10px;
	opacity: 1;
	visibility: visible;
	text-align: left;
}


.navbar-inverse ul li .dropdown {
	position: absolute;
	left: 125px;
	top: 0;
	background: #3eacff;
	width: 180px;
}




.height_lrow{ height: auto;}

.offsetl-5xs {padding-left: 5px; padding-right: 5px;}

.offsetl-25 {padding-left: 5px; padding-right: 5px;}

.offsetl-35 {padding-left: 5px; padding-right: 5px;}

.offmarg-15{ margin-left:0; margin-right:0;}


#boxes .window {
  position:absolute;
  top:10%;
  left:0;
}
#boxes #dialog {
  width:95%; 
  height: auto;
  padding:10px;
  background-color:#ffffff;
}




.footertext {
	font-size: 15px;
}
.tipheight { height: 40px;}

.tipaling { padding:5px;}

.heigh_50px{ height:30px;}

.width_50pr{ width:0%;}




}



.awesome {
      
   font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	font-style:italic;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 2px 2px 6px rgba(33,33,33,0.91) 
      
      
      margin: 0 auto;
     
      position: absolute;
      -webkit-animation:colorchange 10s infinite alternate;
      
      
    }

    @-webkit-keyframes colorchange {
      0% {
        
        color:#ffffff;
      }
      
  
      20% {
        
        color: #d35400;
      }
      
 
      
      40% {
        
        color: #ffffff;
      }
      
 
      60% {
     
        color: #f1c40f;
      }
      
      80% {
     
        color: #2980b9;
      }
 
    }





.burst {
  animation: burst_2556 7s linear infinite;
  transform-origin: 30% 30%;
}

@keyframes burst_2556 {
  0% { opacity:1 }
  16.6665% { transform:scale(1.5); opacity:0 }
  16.66667% { transform:scale(1); opacity:1 }
  100% { transform:scale(1); opacity:1 }
}

.animationName {
  animation: animationName_4050 3s ease-out infinite;
  transform-origin: 50% 50%;
}

@keyframes animationName_4050 {
  0% {  transform: scale(1) }
  8.33333% {  transform:scale(.9) rotate(-8deg) }
  16.66667% {  transform:scale(.9) rotate(-8deg) }
  25% {  transform:scale(1.3) rotate(8deg) }
  33.33333% {  transform:scale(1.3) rotate(-8deg) }
  41.66667% {  transform:scale(1.3) rotate(8deg) }
  50% {  transform:scale(1.3) rotate(-8deg) }
  58.33333% {  transform:scale(1.3) rotate(8deg) }
  66.66667% {  transform:scale(1) rotate(0) }
  100% {  transform:scale(1) rotate(0) }
}






@keyframes move {
  20%, 100% {
    opacity: 0;
    transform: translate(200px, 0);
  }
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
}




@media screen and (min-width: 768px) {
  .equal  {  
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex:1 1 auto;
  }
}