body, html {
	 margin: 0;
	 padding: 0;
	 width: 100%;
	 height: 100% !important;
	 font-family: 'Raleway', sans-serif;
}


a {
    color: #0d6efd;
    text-decoration: none;
}


 .bottom-animate {
	 background: #817774 !important;
	 top: 8px !important;
	 -webkit-transform: rotate(-225deg);
	 transform: rotate(-225deg);
}
 .top-animate {
	 background: #817774 !important;
	 top: 8px !important;
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
}
 .top-menu {
	 top: 0px;
	 width: 25px;
	 height: 2px;
	 border-radius: 10px;
	 background-color: #FFFFFF;
}
 .mid-menu {
	 top: 8px;
	 width: 25px;
	 height: 2px;
	 border-radius: 10px;
	 background-color: #FFFFFF;
}
 .bottom-menu {
	 top: 16px;
	 width: 25px;
	 height: 2px;
	 border-radius: 10px;
	 background-color: #F9A530;
}
 .menui {
	 background: #111111;
	 transition: 0.6s ease;
	 transition-timing-function: cubic-bezier(0.75,0,0.29,1.01);
	 margin-top: 10px;
	 position: absolute;
}
 .menui.white {
	 background: #FFFFFF;
}
 .icon {
	 z-index: 1003;
	 position: absolute;
	 display: block;
	 padding: 0px;
	 height: 40px;
	 width: 30px;
	 margin: 0px;
	 top: 70px;
	 right: 30px;
}
 .cart-hidden {
	 display: none;
	 visibility: hidden;
}
 .cart-hidden.white a {
	 color: #FFFFFF;
}
 @media screen and (min-width: 1024px) {
	 .icon {
		 display: none;
		 visibility: hidden;
	}
}
 .mobilenav {
	 font-family: inherit;
	 top: 0;
	 left: 0;
	 z-index: 999;
	 display: none;
	 position: fixed;
	 width: 100%;
	 height: 100%;
	 background: rgba(30,30,30,0.9);
	 padding: 40px;
	 padding-top: 130px;
}
 .mobilenav li {
	 list-style-type: none;
	 text-align: center;
	 padding: 7px 0px;
	 border-bottom: 1px dotted #666;
	 width: 100%;
}
 .mobilenav li a {
	 font-size: 17px;
	 color: #FFF;
	 text-decoration: none;
	 font-weight: 600;
	 font-family: 'Poppins', sans-serif;
}
 .isotope-item {
	 z-index: 2;
}
 .isotope-hidden.isotope-item {
	 pointer-events: none;
	 z-index: 1;
}
 .isotope, .isotope .isotope-item {
	 -webkit-transition-duration: 0.8s;
	 -moz-transition-duration: 0.8s;
	 -ms-transition-duration: 0.8s;
	 -o-transition-duration: 0.8s;
	 transition-duration: 0.8s;
}
 .isotope {
	 -webkit-transition-property: height, width;
	 -moz-transition-property: height, width;
	 -ms-transition-property: height, width;
	 -o-transition-property: height, width;
	 transition-property: height, width;
}
 .isotope .isotope-item {
	 -webkit-transition-property: -webkit-transform, opacity;
	 -moz-transition-property: -moz-transform, opacity;
	 -ms-transition-property: -ms-transform, opacity;
	 -o-transition-property: top, left, opacity;
	 transition-property: transform, opacity;
}
 .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	 -webkit-transition-duration: 0s;
	 -moz-transition-duration: 0s;
	 -ms-transition-duration: 0s;
	 -o-transition-duration: 0s;
	 transition-duration: 0s;
}
 .isotope.infinite-scrolling {
	 -webkit-transition: none;
	 -moz-transition: none;
	 -ms-transition: none;
	 -o-transition: none;
	 transition: none;
}
 @media all and (max-width: 768px) {
	 .hidden-nav {
		 display: none !important;
	}
}
 .overlay {
	 position: fixed;
	 background: #817774;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 opacity: 0;
	 z-index: 100000;
	 visibility: hidden;
	 transition: opacity .35s, visibility .35s, height .35s;
	 overflow: hidden;
	 text-align: center;
}
 .overlay .close-menu {
	 color: #FFF;
	 font-size: 30px;
}
 .overlay .content {
	 padding: 40px 0px;
}
 .overlay .content .nav-title {
	 padding-bottom: 20px;
}
 .overlay .content .nav-title img {
	 height: 100px;
}
 .overlay .content .overlay-menu {
	 margin: 50px 0px;
}
 .overlay .content .overlay-menu ul {
	 list-style: none;
	 padding: 0;
	 margin: 0;
	 display: inline;
}
 .overlay .content .overlay-menu ul li {
	 display: inline-block;
	 color: #FFF;
	 font-size: 19px;
	 line-height: 29px;
	 margin: 0px 5px;
	 list-style-type: none;
}
 .overlay .content .overlay-menu ul li a {
	 color: #FFF;
}
 .overlay .content .overlay-menu-accordion .accordion {
	 width: 100%;
	 padding: 0px;
	 margin: 0px;
}
 body {
	 font-family: 'Raleway', sans-serif;
	 font-weight: normal;
	 font-size: 18px;
	 color: #817774;
	 font-weight: 400;
	 background-color: #ffffff;
}
 html, body {
	 height: 100%;
}
 h1, h2, h3, h4, h5, h6 {
	 color: #817774;
	 font-family: 'Raleway', sans-serif;
	 font-weight: 600;
}
 h1 {
	 font-size: 40px;
	 font-weight: 600;
	 margin: 0px;
	 padding: 0px;
	 color: #817774;
}
 h2 {
	 font-size: 20px;
}
 h3 {
	 font-size: 16px;
	 font-weight: 400;
	 line-height: 24px;
}
 h4 {
	 font-size: 16px;
	 font-weight: 600;
}

.relative {
position: relative
}
 .no-margin {
	 margin: 0px;
	 padding: 0px;
}
 p {
	 font-size: 18px;
	 color: rgba(129,119,116,0.8);
	 line-height: 27px;
}
 a {
	 color: #817774;
	 -webkit-transition: color 300ms, background-color 300ms;
	 -moz-transition: color 300ms, background-color 300ms;
	 -o-transition: color 300ms, background-color 300ms;
	 transition: color 300ms, background-color 300ms;
}
 a:hover, a:active, a:focus {
	 text-decoration: none;
	 color: #817774;
}

.top-header {
	 padding: 0px 0px;
	 background-color: #efefef;
	 height: 36px;
	 position: relative;
	 width: 100%;
	 z-index: 100;
}


.top-header .navigation {
	 float: right;
	 margin: 5px 0px;
	 padding: 0px;
	 display: block;
}
.top-header.navigation ul, .header .navigation li {
	 list-style: none;
	 padding: 0;
	 margin: 0;
	 display: inline;
}
.top-header .navigation ul li {
	 display: inline-block;
	 float: none;
	 padding: 0px 15px 0px 15px !important;

}

.top-header .navigation ul li a {
	 padding: 0px !important;

}

 .header {
	 padding: 20px 0px;
	 background-color: #FFF;
	 min-height: 100px;
	 position: relative;
	 width: 100%;
	 z-index: 100;
}
 .header .logo {
	 position: relative;
	 z-index: 1000;
	 max-width: 300px;
	 padding-top: 0px;
}
 .header .navigation {
	 float: left;
	 margin: 30px 0px 0px 0px;
	 float: right;
	 display: block;
	 text-align: center;
}
 .header .navigation ul, .header .navigation li {
	 list-style: none;
	 padding: 0;
	 margin: 0;
	 display: inline;
}
 .header .navigation ul li {
	 display: inline-block;
	 float: none;
	 padding: 0px 15px 0px 15px;

}




 .header .navigation ul li a.btn.btn-donation {
	 border-radius: 0px;
	 color: #FFFFFF !important;
	 background: #124e72;
	 border-bottom: 0px solid #817774;
	 margin-top: 0px;
	 padding: 0px 20px !important;
	 font-size: 19px;
	 font-family: 'Raleway', sans-serif;
	 height: 40px !important;
	 line-height: 40px !important;
	 border-radius: 20px;
	 margin-left: 20px
}
 .header .navigation ul li a.btn.btn-donation:hover {
	 background: #111111 !important;
	 border: 0px solid #124e72 !important;
	 color: #FFFFFF;
	 padding: 0px 20px !important;
	 height: 40px !important;
	 line-height: 40px !important;
	 border-radius: 20px;
}





 .header .navigation ul li a {
	 display: inline-block;
	 text-decoration: none;
	 font-size: 19px;
	 font-family: 'Raleway', sans-serif;
	 color: #111111;
	 font-weight: 700;
	 text-transform: uppercase;
}
 .header .navigation ul li a:hover {
	 color: #124e72;
	 background-color: transparent;
}
 section {
	 padding: 0px 0px;
	 color: #817774;
}
 .section-title {
	 text-align: left;
	 color: #817774;
	 padding-bottom: 20px;
}
 .section-title h3 {
	 font-size: 20px;
	 font-weight: 600;
	 margin-top: 0px;
}
 .image-home {
	 margin-bottom: 0px;
}
 .image-home img[class] {
	 width: 100%;
}
 .image-home img {
	 height: 240px;
	 background-color: #444;
}
 .object-fit_cover {
	 object-fit: cover;
}
 .pages-default {
	 padding: 100px 0px;
	 background-image: url(../images/fish_small1.jpg);
	 background-repeat: no-repeat;
	 background-position-x: 25%;
}
 .pages-default-homepage {
	 padding: 100px 0px;
	 background-color: rgba(129,119,116,0.3);
	 background-repeat: no-repeat;
	 background-position-x: 25%;
	 color: #FFFFFF;
}
 .pages-default-homepage h1 {
	 color: #FFFFFF;
}
 .pages-default-homepage p {
	 color: #FFFFFF;
}
 .pages-default-homepage .brown-container {
	 position: relative;
	 top: -70px;
	 background-color: #817774;
	 padding: 60px;
	 z-index: 99;
	 margin-bottom: 0px;
}
 .relative {
	 position: relative;
}
 .pages-default-text {
	 padding: 70px 0px;
}
 .gallery {
	 padding-bottom: 50px;
}
 .gallery img {
	 margin-bottom: 30px;
}
 .pages-default-products {
	 position: relative;
	 margin: 0px;
	 padding: 0px 0px 60px 0px;
	 margin-bottom: 0px;
}
 .pages-default-products .white-container {
	 position: relative;
	 top: -70px;
	 background-color: #FFFFFF;
	 padding: 60px;
	 z-index: 99;
	 margin-bottom: 0px;
}
 .pages-default-products .white-container h1 {
	 color: #124e72;
}
 .pages-default-products .white-container p {
	 color: #817774;
}
 .pages-default-products .brown-container {
	 position: relative;
	 top: -70px;
	 background-color: rgba(234,93,16,.86);
	 padding: 60px;
	 z-index: 99;
	 margin-bottom: 0px;
}
 .pages-default-products .brown-container h1 {
	 color: #FFFFFF;
}
 .pages-default-products .brown-container p {
	 color: #FFFFFF;
}



 .pages-default-projects {
	 position: relative;
	 margin: 0px;
	 padding: 0px 0px 0px 0px;
	 margin-bottom: 0px;
}
 .pages-default-projects .white-container {
	 position: relative;
	 top: -70px;
	 background-color: #FFFFFF;
	 padding: 60px;
	 z-index: 99;
	 margin-bottom: 0px;
}
 .pages-default-projects .white-container h1 {
	 color: #124e72;
}
 .pages-default-projects .white-container p {
	 color: #817774;
}
 .pages-default-projects .brown-container {
	 position: relative;
	 top: -70px;
	 background-color: rgba(209,28,56,.86);
	 padding: 60px;
	 z-index: 99;
	 margin-bottom: 0px;
}
 .pages-default-projects .brown-container h1 {
	 color: #FFFFFF;
}
 .pages-default-projects .brown-container p {
	 color: #FFFFFF;
}



.btn {
	 border: 0px !important;

}
.btn.btn-default {
	 color: #FFF;
	 background: #111111;
	 padding: 0px 16px !important;
	 height: 36px;
	 line-height: 36px;
	 border-radius: 30px;
	 border-bottom: 0px solid #817774;
	 border: 0px !important;

	 margin-top: 10px;
	 border: 0px !important;
}
.btn.btn-default:hover {
	 background: #FFFFFF;
	 border: 0px solid #124e72;
	 color: #111111;
	 border: 0px !important;

}

 .slider {
	 position: relative;
overflow: hidden;

}
 .slider .blue-container {
	  position: absolute;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  z-index: 100;
  top: 25%;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
}

	 .slider .blue-container .description {
  width: 100%;
  padding: 0;
  opacity: 0.9;
  margin: 0 auto;
  z-index: 100;
  top: 25%;
  height: 100%;
}


 .slider .slider-overlay {
  border: 3000px solid transparent;
    border-left: 800px solid rgba(234,93,16,.86);
    border-bottom: 0;
    padding-left: 25%;
    position: absolute;
    bottom: 0;
	height: 100%;
	z-index: 100;
  }




 .slider .blue-container h1 {
	 color: #FFFFFF;
}
 .slider .blue-container p {
	 color: #FFFFFF;
}
 .product-request {
	 padding: 50px 0px 50px 0px;
	 background-color: #efefef;
}


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


.slider .blue-container {
    position: relative;
    top: 0px;
    left: 50px;
    background-color: #124e72;
    opacity: 1;
    padding: 60px;
    z-index: 99;
    height: 100%;
    left: 0px;
    max-width: 600px;
	margin: 0;
	width: 100%;
    margin-bottom: 0px;
}


.slider .slider-overlay {
    display: none;
}


}


 .top-projects {
	 padding: 60px 0px 40px 0px;
}

 .top-projects .section-title {
	 text-align: center;
	 width: 100%;
	 margin-bottom: 30px;
}


 .top-projects .projects-list-wrapper .projects-list-item {
	 margin-bottom: 20px;
	 text-align: center;

}
 .top-projects .projects-list-wrapper .projects-list-item .content {
	 padding: 30px 10px;
	 text-align: center;
}
 .top-projects .projects-list-wrapper .projects-list-item .content h3 a {
	 color: #124e72;
	 font-size: 20px;
	 padding-top: 0px;
	 font-weight: 700;
}


  .top-projects .projects-list-wrapper .projects-list-item .image-home {
	 margin-bottom: 0px;
	 margin: 0 auto;
	 border-radius: 40px;
}
  .top-projects .projects-list-wrapper .projects-list-item .image-home img[class] {
	 width: 180px !important;
	 margin: 0 auto;
	 border-radius: 50%;
	 border: 3px solid #ccc;


}
  .top-projects .projects-list-wrapper .projects-list-item .image-home img {
	 height: 180px;
	 width: 180px !important;
	 background-color: #444;
}



 .object-fit_cover {
	 object-fit: cover;
}

.form-group {
padding-bottom: 10px;}


 .top-projects .projects-list-wrapper .projects-list-item .content p {
	 color: #111111;
	 font-size: 15px;
	 line-height: 19px;
}

 .top-projects .projects-list-wrapper .projects-list-item .content h3 a:hover {
	 color: #111;
}
 
  .top-projects .projects-list-wrapper .projects-list-item .content .btn.btn-default {
	 color: #FFF;
	 background: #111111;
	 padding: 0px 16px !important;
	 height: 36px;
	 line-height: 36px;
	 border-radius: 30px;
	 border-bottom: 0px solid #817774;
	 margin-top: 10px;
	 border: 0px;
}
 .top-projects .projects-list-wrapper .projects-list-item .content .btn.btn-default:hover {
	 background: #124e72;
	 border: 0px solid #124e72;
	 color: #FFF;
}



 .projects {
	 padding: 20px 0px 70px 0px;
}

 .projects .section-title {
	 text-align: center;
	 width: 100%;
	 margin-bottom: 10px;
}
 .projects .projects-list-wrapper .projects-list-item {
	 margin-bottom: 20px;
	 background-color: #FFFFFF;
}
 .projects .projects-list-wrapper .projects-list-item .content {
	 padding: 30px 40px;
	 background-color: #124e72;
	 text-align: center;
}
 .projects .projects-list-wrapper .projects-list-item .content h3 a {
	 color: #FFF;
	 font-size: 20px;
	 padding-top: 0px;
	 font-weight: 700;
}

 .projects .projects-list-wrapper .projects-list-item .content p {
	 color: #FFF;
	 font-size: 16px;
	 line-height: 22px;
}

 .projects .projects-list-wrapper .projects-list-item .content h3 a:hover {
	 color: #FFF;
}
 
  .projects .projects-list-wrapper .projects-list-item .content .btn.btn-default {
	 color: #FFF;
	 background: #111111;
	 padding: 0px 16px !important;
	 height: 36px;
	 line-height: 36px;
	 border-radius: 30px;
	 border-bottom: 0px solid #817774;
	 margin-top: 10px;
	 border: 0px;
}
 .projects .projects-list-wrapper .projects-list-item .content .btn.btn-default:hover {
	 background: #FFFFFF;
	 border: 0px solid #124e72;
	 color: #111111;
}



 .main-video {
	 margin-top: 40px;
}
 .other-video {
	 padding: 60px 0px 250px 0px;
	 background-image: url(../images/fish_small2.jpg);
	 background-repeat: no-repeat;
	 background-position-x: 50%;
	 background-position-y: 96%;
}
 .other-video-products {
	 padding: 60px 0px 100px 0px;
	 position: relative;
}
 .other-video-products::before {
	 position: relative;
	 background-color: #817774;
	 height: 64px;
	 left: 0;
	 right: 0;
}
 .facebook-responsive {
	 overflow: hidden;
	 padding-bottom: 56.25%;
	 position: relative;
	 height: 0;
	 max-height: 700px;
}
 .facebook-responsive iframe {
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 position: absolute;
}
 .banner {
	 position: relative;
	 background-repeat: no-repeat;
	 background-size: cover;
}
 .banner .banner-box {

	 background-color: rgba(0,0,0,0.3);
	 padding: 100px 0px;
	 color: #FFFFFF;
	 z-index: 10;
	 
	 text-align: center;
	 position: relative;
}
 .banner .banner-box h3 a {
	 font-size: 30px;
	 color: #FFFFFF;
	 line-height: 130%;
	 font-weight: 700;
}

 .banner .banner-box p {
	 color: #FFFFFF;
}


   .banner .banner-box .btn.btn-default {
	 color: #FFF;
	 background: #124e72;
	 padding: 0px 16px !important;
	 height: 36px;
	 line-height: 36px;
	 border-radius: 30px;
	 border-bottom: 0px solid #817774;
	 margin-top: 10px;
	 border: 0px;
}
  .banner .banner-box .btn.btn-default:hover {
	 background: #FFFFFF;
	 border: 0px solid #124e72;
	 color: #111111;
}



 .gutter-sizer {
	 width: 20px;
}


.section-banner {
    padding: 50px 0px 50px 0px;
    background-color: #ffffff;
	position: relative;
}


.section-banner .banner-section-overlay {
    position: relative;
}


.section-banner .banner-section-overlay .overlay-section {
    position: relative;
}


.section-banner .banner-section-overlay .overlay-section .content.right {
    right: 0;
}
.section-banner .banner-section-overlay .overlay-section .content {
    position: absolute;
    top: 100px;
    padding: 60px 50px;
    z-index: 10;
	top: 0px;
	color: #FFF;
    max-width: 550px;
	background-color: #124e72;
}
.section-banner .banner-section-overlay .overlay-section .content h3 {
    color: #FFF;
    font-size: 20px;
    padding-top: 0px;
    font-weight: 700;
}


.section-banner .banner-section-overlay .overlay-section .content p {
    color: #FFF;
    font-size: 16px;
    line-height: 22px;
}



.section-banner .banner-section-overlay .overlay-section .content .btn.btn-default {
    color: #FFF;
    background: #111111;
    padding: 0px 16px !important;
    height: 36px;
    line-height: 36px;
    border-radius: 30px;
    border-bottom: 0px solid #817774;
    margin-top: 10px;
    border: 0px;
}

.section-banner .banner-section-overlay .overlay-section .content .btn.btn-default:hover {
    color: #111111;
    background: #FFF;
    
}

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


.section-banner .banner-section-overlay .overlay-section .content {
    position: relative;
    top: 100px;
    padding: 60px 50px;
    z-index: 10;
    top: 0px;
    color: #FFF;
    max-width: 550px;
    background-color: #124e72;
}
}


.other-information {
background-color: #f5f5f5;
padding: 60px 0px 100px 0px;

}


.other-information .white-container {
background-color: #FFF;
padding: 40px;


}


.other-information .white-container h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
	color: #124e72;
}

.other-information .white-container h1 {
    font-size: 40px;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
	margin-bottom: 10px;
    color: #111;
}

 .footer {
	 background: #111111;
	 padding: 70px 0px 50px 0px;
	 color: #FFFFFF;
}
 .footer p {
	 color: #FFFFFF;
}
 .footer a {
	 color: #FFFFFF;
}


.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1999999999;
}

.preloader.immune {
  bottom: 0;
}

.preloader.white {
  background-color: rgba(255, 255, 255, .3);
}

.preloader.black {
  background-color: rgba(1, 1, 1, .3);
}

.preloader > i.radial-loader:not(:required) {
  -moz-animation: radial-loader .5s infinite linear;
  -webkit-animation: radial-loader .5s infinite linear;
  animation: radial-loader .5s infinite linear;
  border-color: #ea6052;
  border-style: solid;
  border-width: 2px;
  border-right-color: transparent;
  border-radius: 100%;
  display: block;
  position: relative;
  float: right;
  margin: 10px;
  overflow: hidden;
  width: 10px;
  height: 10px;
}

.preloader > span.loading-bar {
  -moz-animation: loading-bar 3s 1;
  -webkit-animation: loading-bar 3s 1;
  animation: loading-bar 3s 1;
  display: block;
  height: 2px;
  background-color: #ea6052;
  opacity: 0;
  transition: width .5s;
}

.preloader > span.loading-bar.red-colored {
  background-color: #ea6052;
}

.preloader > .red-colored.radial-loader {
  border-color: #ea6052 !important;
  border-right-color: transparent !important;
}

.preloader > span.loading-bar.blue-colored {
  background-color: #3498db;
}

.preloader > .blue-colored.radial-loader {
  border-color: #3498db !important;
  border-right-color: transparent !important;
}

.preloader > span.loading-bar.green-colored {
  background-color: #2ecc71;
}

.preloader > .green-colored.radial-loader {
  border-color: #2ecc71 !important;
  border-right-color: transparent !important;
}

.preloader > span.loading-bar.yellow-colored {
  background-color: #f1c40f;
}

.preloader > .yellow-colored.radial-loader {
  border-color: #f1c40f !important;
  border-right-color: transparent !important;
}
/* Animations */

@-moz-keyframes loading-bar {
  0% {
    width: 0%;
    opacity: 1;
  }
  90% {
    width: 90%;
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}

@-webkit-keyframes loading-bar {
  0% {
    width: 0%;
    opacity: 1;
  }
  90% {
    width: 90%;
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}

@keyframes loading-bar {
  0% {
    width: 0%;
    opacity: 1;
  }
  90% {
    width: 90%;
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}

@-moz-keyframes radial-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes radial-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes radial-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}