Difference between revisions of "Team:MITADTBIO Pune/Human Practices"

 
(38 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{MITADTBIO_Pune}}
 
{{MITADTBIO_Pune}}
−
<html lang="en">
+
<!DOCTYPE HTML>
−
<head>
+
<html>
 +
<head>
 
<meta charset="utf-8">
 
<meta charset="utf-8">
−
<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
<meta http-equiv="X-UA-Compahttps://2019.igem.org/Team:MITADTBIO_Punetible" content="IE=edge">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
−
<title>Bootstrap - Prebuilt Layout</title>
 
  
 
<!-- Bootstrap -->
 
<!-- Bootstrap -->
 
<link href="https://2019.igem.org/Template:MITADTBIO_PUNE/SKELETONCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
<link href="https://2019.igem.org/Template:MITADTBIO_PUNE/SKELETONCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
<link href="https://2019.igem.org/Template:MITADTBIO_PUNE/NORMALIZECSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
<link href="https://2019.igem.org/Template:MITADTBIO_PUNE/NORMALIZECSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
−
<link href="https://2019.igem.org/Template:MITADTBIO_PUNE/CSS?action=raw&ctype=text/css" rel="stylesheet"type="text/css">
 
−
<link href="https://2019.igem.org/Template:MITADTBIO_PUNE/owlcarouselCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
 
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Raleway|Roboto&display=swap" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Raleway|Roboto&display=swap" rel="stylesheet">
  
−
<script src="https://2019.igem.org/MITADTBIO_Pune/googlejquerymin?action=raw&ctype=text/javascript"></script>
 
−
  <script src="https://2019.igem.org/Template:MITADTBIO_Pune/jquerymin?action=raw&ctype=text/javascript"></script>
 
  
  
Line 27: Line 23:
  
  
−
<link href="https://fonts.googleapis.com/css?family=Codystar:300,400" rel="stylesheet">
+
 
−
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
+
 
−
<link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
+
−
<style type="text/css">
+
<!-- Animate.css -->
−
#holder {
+
<link rel="stylesheet" href="css/animate.css">
−
position: fixed;
+
<!-- Icomoon Icon Fonts-->
−
top: 0%;
+
<link rel="stylesheet" href="css/icomoon.css">
−
left: 0%;
+
<!-- Bootstrap  -->
−
height: 100%;
+
<link rel="stylesheet" href="css/bootstrap.min.css">
−
width: 100%;
+
 
−
z-index: -3;
+
<!-- Magnific Popup -->
 +
<link rel="stylesheet" href="css/magnific-popup.css">
 +
 
 +
<!-- Owl Carousel -->
 +
<link rel="stylesheet" href="css/owl.carousel.min.css">
 +
<link rel="stylesheet" href="css/owl.theme.default.min.css">
 +
 
 +
<!-- Theme style  -->
 +
<link rel="stylesheet" href="css/style.css">
 +
<link rel="stylesheet" href="css/media.css">
 +
<!-- slick style  -->
 +
<link rel="stylesheet" href="css/slick.css">
 +
<link rel="stylesheet" href="css/slick-theme.css">
 +
<!-- Modernizr JS -->
 +
<script src="js/modernizr-2.6.2.min.js"></script>
 +
<!-- FOR IE9 below -->
 +
<!--[if lt IE 9]>
 +
<script src="js/respond.min.js"></script>
 +
<![endif]-->
 +
 
 +
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 +
<style>
 +
html {
 +
  font-size: 66.5%; }
 +
body
 +
{
 +
  font-family: 'Raleway', sans-serif;
 +
  font-weight: 50;
 +
  font-size: 20px;
 +
  line-height: 1.8;}
 +
 
 +
h1, h2, h3, h4, h5, h6 {
 +
font-family: 'Roboto', sans-serif;
 +
  margin-top: 0;
 +
  margin-bottom: 2rem;
 +
  font-weight: 250; }
 +
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
 +
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
 +
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem;}
 +
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
 +
h5 { font-family: Raleway,font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem;}
 +
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }
 +
 
 +
hr {
 +
  margin-top: 3rem;
 +
  margin-bottom: 3.5rem;
 +
  border-width: 0;
 +
  border-top: 2px solid #BBE2DF; }
 +
 
 +
<meta charset="utf-8">
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<title>iGEM 2019</title>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=Nunito:200,300,400" rel="stylesheet">
 +
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" rel="stylesheet" type="text/css" />
 +
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}
 +
 
 +
.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:20px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
 +
 
 +
/*.owl-theme .owl-controls {
 +
    margin-top:10px;
 +
    text-align:center;
 +
    -webkit-tap-highlight-color:transparent
 
}
 
}
−
#oceanvideo {
+
.owl-theme .owl-controls .owl-nav[class*=owl-] {
−
position: fixed;
+
    color:#fff;
−
top: 0%;
+
    font-size:20px;
−
left: 0%;
+
    margin:5px;
−
width: 100%;
+
    padding:4px 7px;
−
height: 100%;
+
    background:#d6d6d6;
−
object-fit: fill;
+
    display:inline-block;
−
z-index: 1;
+
    cursor:pointer;
 +
    -webkit-border-radius:3px;
 +
    -moz-border-radius:3px;
 +
    border-radius:3px
 
}
 
}
−
#overlay {
+
.owl-theme .owl-controls .owl-nav[class*=owl-]:hover {
−
position: fixed;
+
    background:#869791;
−
top: 0%;
+
    color:#fff;
−
left: 0%;
+
    text-decoration:none
−
width: 100%;
+
−
height: 100%;
+
−
background-color: #000000;
+
−
opacity: 0.3;
+
−
z-index: 3;
+
 
}
 
}
−
#bigtitle {
+
.owl-theme .owl-controls .owl-nav .disabled {
−
position: absolute;
+
    opacity:.5;
−
top: 38%;
+
    cursor:default
−
left: 0%;
+
−
height: 10%;
+
−
width: 100%;
+
−
z-index: 2;
+
−
font-family: 'Montserrat', sans-serif;
+
−
color: #FFFFFF;
+
−
font-size: 70px;
+
−
text-align: center;
+
−
z-index: 4;
+
 
}
 
}
−
#actualtext {
+
.owl-theme .owl-dots .owl-dot {
−
position: relative;
+
    display:inline-block;
−
top: 400%;
+
    zoom:1;
−
left: 0%;
+
    *display:inline
−
height: 170%;
+
−
width: 100%;
+
−
background-color: #FFFFFF;
+
−
z-index: 4;
+
 
}
 
}
−
#afterhome {
+
.owl-theme .owl-dots .owl-dot span {
−
position: relative;
+
    width:10px;
−
top: 99%;
+
    height:10px;
−
left: 0%;
+
    margin:5px 7px;
−
height: 170%;
+
    background:#d6d6d6;
−
width: 100%;
+
    display:block;
 +
    -webkit-backface-visibility:visible;
 +
    -webkit-transition:opacity 200ms ease;
 +
    -moz-transition:opacity 200ms ease;
 +
    -ms-transition:opacity 200ms ease;
 +
    -o-transition:opacity 200ms ease;
 +
    transition:opacity 200ms ease;
 +
    -webkit-border-radius:30px;
 +
    -moz-border-radius:30px;
 +
    border-radius:30px
 
}
 
}
−
#sidebar {
+
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
−
position: absolute;
+
    background:#869791
−
top: 0%;
+
}*/
−
left: 8%;
+
 
−
height: 35%;
+
@font-face {
−
width: 13%;
+
  font-family: 'Raleway', sans-serif;
−
z-index: 6;
+
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
 +
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
 +
  font-weight: 50;
 +
  font-style: normal; }
 +
 
 +
  @font-face {
 +
  font-family: 'Raleway', sans-serif;
 +
    src: url('../fonts/sourcesanspro-black.eot');
 +
    src: url('../fonts/sourcesanspro-black.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sourcesanspro-black.woff') format('woff'),
 +
        url('../fonts/sourcesanspro-black.ttf') format('truetype'),   
 +
    font-weight: 50;
 +
    font-style: normal; }
 +
 
 +
    @font-face {
 +
  font-family: 'Raleway', sans-serif;
 +
    src: url('../fonts/SourceSansPro-Regular.eot');
 +
    src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/SourceSansPro-Regular.woff') format('woff'),
 +
        url('../fonts/SourceSansPro-Regular.ttf') format('truetype'),   
 +
    font-weight: 50;
 +
    font-style: normal; }
 +
 
 +
 
 +
/* =======================================================
 +
*
 +
* Template Style
 +
*
 +
* ======================================================= */
 +
body {
 +
  font-family: 'Raleway', sans-serif;
 +
  font-weight: 50;
 +
  font-size: 20px;
 +
  line-height: 2;
 +
  color: black;
 +
  background: white; }
 +
 
 +
.verticalimg {
 +
    display: flex;
 +
    align-items: center;
 
}
 
}
−
#link {
+
#page {
−
font-family: 'Montserrat', sans-serif;
+
  position: relative;
−
color: #000000;
+
  overflow-x: hidden;
−
font-size: 20px;
+
  width: 100%;
−
cursor: pointer;
+
  height: 100%;
−
transition: all 0.4s ease;
+
  -webkit-transition: 0.5s;
−
-webkit-transition: all 0.4s ease;
+
  -o-transition: 0.5s;
−
-moz-transition: all 0.4s ease;  
+
  transition: 0.5s; }
−
-ms-transition: all 0.4s ease;  
+
  .offcanvas #page {
−
-o-transition: all 0.4s ease;  
+
    overflow: hidden;
 +
    position: absolute; }
 +
    .offcanvas #page:after {
 +
      -webkit-transition: 2s;
 +
      -o-transition: 2s;
 +
      transition: 2s;
 +
      position: absolute;
 +
      top: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      left: 0;
 +
      z-index: 101;
 +
      background: rgba(0, 0, 0, 0.7);
 +
      content: ""; }
 +
 
 +
a {
 +
  color: #4aca85;
 +
  -webkit-transition: 0.5s;
 +
  -o-transition: 0.5s;
 +
  transition: 0.5s; }
 +
  a:hover, a:active, a:focus {
 +
    color: #4aca85;
 +
    outline: none;
 +
    text-decoration: none; }
 +
 
 +
p {
 +
  margin-bottom: 20px; }
 +
 
 +
h1, h2, h3, h4, h5, h6, figure {
 +
  color: #303133;
 +
  font-family: 'Raleway', sans-serif;
 +
  font-weight: 50;
 +
  margin: 0 0 20px 0;
 +
  line-height: 1.3; }
 +
 
 +
::-webkit-selection {
 +
  color: #fff;
 +
  background: #4aca85; }
 +
 
 +
::-moz-selection {
 +
  color: #fff;
 +
  background: #4aca85; }
 +
 
 +
::selection {
 +
  color: #fff;
 +
  background: #4aca85; }
 +
 
 +
.product-img,
 +
.work-img,
 +
.author-img,
 +
.mobile-img,
 +
.colorlib-video,
 +
.blog-img,
 +
.colorlib-about-img,
 +
.services-img,
 +
.staff-img {
 +
  background-size: cover;
 +
  background-position: center center;
 +
  background-repeat: no-repeat;
 +
  position: relative; }
 +
 
 +
.colorlib-nav {
 +
  margin: 0;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  right: 0;
 +
  z-index: 9;
 +
  margin: 0 auto; }
 +
  @media screen and (max-width: 768px) {
 +
    .colorlib-nav {
 +
      margin: 0; } }
 +
  .colorlib-nav .top-menu {
 +
    padding: 30px 30px;
 +
    background: white;}
 +
    @media screen and (max-width: 768px) {
 +
      .colorlib-nav .top-menu {
 +
        padding: 28px 1em; } }
 +
  .colorlib-nav #colorlib-logo {
 +
    font-size: 20px;
 +
    margin: 0;
 +
    padding: 0;
 +
    text-transform: uppercase;
 +
    font-weight: 50; }
 +
    .colorlib-nav #colorlib-logo a {
 +
      position: relative;
 +
      color: #fff; }
 +
      .colorlib-nav #colorlib-logo a i {
 +
        color: #fff;
 +
        display: block;
 +
        font-size: 20px;
 +
        font-weight: 50;
 +
        margin-bottom: 10px; }
 +
  @media screen and (max-width: 768px) {
 +
    .colorlib-nav .menu-1 {
 +
      display: none; } }
 +
  .colorlib-nav ul {
 +
    padding: 0;
 +
    margin: 0; }
 +
    .colorlib-nav ul li {
 +
      padding: 8px 0;
 +
      margin: 0;
 +
      list-style: none;
 +
      display: inline;
 +
      font-weight: 50;
 +
      text-transform: uppercase;
 +
      font-size: 20px;
 +
      letter-spacing: 2px; }
 +
      .colorlib-nav ul li a {
 +
        position: relative;
 +
        padding:0px 0 10px 0;
 +
        margin:0 15px;
 +
        font-size:20px;
 +
        color: black;
 +
        -webkit-transition: 0.5s;
 +
        -o-transition: 0.5s;
 +
        transition: 0.5s; }
 +
        .colorlib-nav ul li a:hover {
 +
          color: #fd635d; }
 +
      .colorlib-nav ul li.has-dropdown {
 +
        position: relative; }
 +
        .colorlib-nav ul li.has-dropdown .dropdown {
 +
          width: 140px;
 +
          -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
 +
          -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
 +
          box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
 +
          z-index: 1002;
 +
          visibility: hidden;
 +
          opacity: 0;
 +
          position: absolute;
 +
          top: 40px;
 +
          left: 0;
 +
          text-align: left;
 +
          background: #000;
 +
          padding: 20px;
 +
          -webkit-border-radius: 4px;
 +
          -moz-border-radius: 4px;
 +
          -ms-border-radius: 4px;
 +
          border-radius: 4px;
 +
          -webkit-transition: 0s;
 +
          -o-transition: 0s;
 +
          transition: 0s; }
 +
          .colorlib-nav ul li.has-dropdown .dropdown:before {
 +
            bottom: 100%;
 +
            left: 40px;
 +
            border: solid transparent;
 +
            content: " ";
 +
            height: 0;
 +
            width: 0;
 +
            position: absolute;
 +
            pointer-events: none;
 +
            border-bottom-color: #000;
 +
            border-width: 8px;
 +
            margin-left: -8px; }
 +
          .colorlib-nav ul li.has-dropdown .dropdown li {
 +
            display: block;
 +
            margin-bottom: 0px; }
 +
            .colorlib-nav ul li.has-dropdown .dropdown li:last-child {
 +
              margin-bottom: 0; }
 +
            .colorlib-nav ul li.has-dropdown .dropdown li a {
 +
              padding: 2px 0;
 +
              display: block;
 +
              color: #999999;
 +
              line-height: 1.2;
 +
              text-transform: none;
 +
              font-size: 20px;
 +
              letter-spacing: 0; }
 +
              .colorlib-nav ul li.has-dropdown .dropdown li a:hover {
 +
                color: #fff; }
 +
      .colorlib-nav ul li.btn-cta a {
 +
        color: #fff;
 +
        background: #4aca85;
 +
        padding: 10px 15px;
 +
        -webkit-border-radius: 100px;
 +
        -moz-border-radius: 100px;
 +
        -ms-border-radius: 100px;
 +
        border-radius: 100px;
 +
        -webkit-transition: 0.3s;
 +
        -o-transition: 0.3s;
 +
        transition: 0.3s; }
 +
        .colorlib-nav ul li.btn-cta a:hover {
 +
          -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
 +
          -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
 +
          -ms-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
 +
          -o-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
 +
          box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); }
 +
      .colorlib-nav ul li.active > a, .colorlib-nav ul li:hover > a {
 +
        color: #fd635d;
 +
    position: relative;
 +
    border-bottom: 2px solid #fd635d;
 +
} }
 +
        .colorlib-nav ul li.active > a:after {
 +
          opacity: 1;
 +
          -webkit-transform: translate3d(0, 0, 0);
 +
          transform: translate3d(0, 0, 0); }
 +
 
 +
.colorlib-video {
 +
  overflow: hidden;
 +
  position: relative;
 +
  height: 400px; }
 +
  .colorlib-video a {
 +
    z-index: 1001;
 +
    position: absolute;
 +
    top: 50%;
 +
    left: 50%;
 +
    margin-top: -45px;
 +
    margin-left: -45px;
 +
    width: 90px;
 +
    height: 90px;
 +
    display: table;
 +
    text-align: center;
 +
    background: #798eea;
 +
    -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
 +
    -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
 +
    -ms-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
 +
    -o-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
 +
    box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
 +
    -webkit-border-radius: 50%;
 +
    -moz-border-radius: 50%;
 +
    -ms-border-radius: 50%;
 +
    border-radius: 50%; }
 +
    .colorlib-video a i {
 +
      text-align: center;
 +
      display: table-cell;
 +
      vertical-align: middle;
 +
      font-size: 20px;
 +
      color: #fff; }
 +
  .colorlib-video .overlay {
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
    right: 0;
 +
    bottom: 0;
 +
    background: rgba(0, 0, 0, 0.3);
 +
    -webkit-transition: 0.5s;
 +
    -o-transition: 0.5s;
 +
    transition: 0.5s; }
 +
  .colorlib-video:hover .overlay {
 +
    background: rgba(0, 0, 0, 0.7); }
 +
  .colorlib-video:hover a {
 +
    -webkit-transform: scale(1.1);
 +
    -moz-transform: scale(1.1);
 +
    -ms-transform: scale(1.1);
 +
    -o-transform: scale(1.1);
 +
    transform: scale(1.1); }
 +
 
 +
.video-hero {
 +
  background-size: cover;
 +
  position: relative;
 +
  background-repeat: no-repeat;
 +
  z-index: 0; }
 +
  @media screen and (max-width: 768px) {
 +
    .video-hero {
 +
      heifght: inherit;
 +
      padding: 3em 0; } }
 +
  .video-hero .overlay {
 +
    position: absolute;
 +
    top: 0;
 +
    bottom: 0;
 +
    left: 0;
 +
    right: 0;
 +
    opacity: 0.95;
 +
    background: #499bea;
 +
    background: -moz-linear-gradient(-45deg, #499bea 0%, #798eea 100%);
 +
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #499bea), color-stop(100%, #798eea));
 +
    background: -webkit-linear-gradient(-45deg, #499bea 0%, #798eea 100%);
 +
    background: -o-linear-gradient(-45deg, #499bea 0%, #798eea 100%);
 +
    background: -ms-linear-gradient(-45deg, #499bea 0%, #798eea 100%);
 +
    background: -webkit-linear-gradient(315deg, #499bea 0%, #798eea 100%);
 +
    background: -o-linear-gradient(315deg, #499bea 0%, #798eea 100%);
 +
    background: linear-gradient(135deg, #499bea 0%, #798eea 100%);
 +
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#798eea', GradientType=1 );
 +
    z-index: 1; }
 +
  .video-hero .display-t {
 +
    display: table;
 +
    height: 700px;
 +
    width: 100%;
 +
    position: relative;
 +
    z-index: 2; }
 +
    @media screen and (max-width: 768px) {
 +
      .video-hero .display-t {
 +
        height: 600px; } }
 +
    .video-hero .display-t.display-t2 {
 +
      height: 500px; }
 +
  .video-hero .display-tc {
 +
    display: table-cell;
 +
    vertical-align: middle; }
 +
    .video-hero .display-tc .holder {
 +
      color: #fff;
 +
      font-family: 'Raleway', sans-serif;
 +
      font-size: 20px;
 +
      text-transform: uppercase;
 +
      letter-spacing: 7px; }
 +
      .video-hero .display-tc .holder span {
 +
        position: relative; }
 +
    .video-hero .display-tc h2 {
 +
      color: #fff;
 +
      font-size: 20px;
 +
      margin-bottom: 20px;
 +
      font-weight: 50; }
 +
      @media screen and (max-width: 768px) {
 +
        .video-hero .display-tc h2 {
 +
          font-size: 20px; } }
 +
    .video-hero .display-tc p {
 +
      font-family: 'Raleway', sans-serif;
 +
      color: #fff;
 +
      font-weight: 50;
 +
      font-size: 30px; }
 +
    .video-hero .display-tc p.breadcrumbs {
 +
      font-size: 20px; }
 +
      .video-hero .display-tc p.breadcrumbs span {
 +
        padding-right: 10px;
 +
        color: rgba(255, 255, 255, 0.5); }
 +
        .video-hero .display-tc p.breadcrumbs span a {
 +
          color: rgba(255, 255, 255, 0.9); }
 +
    .video-hero .display-tc .btn-custom {
 +
      font-size: 20px; }
 +
 
 +
.colorlib-about,
 +
.colorlib-shop,
 +
.colorlib-work,
 +
.colorlib-work-featured,
 +
.colorlib-intro,
 +
#colorlib-subscribe,
 +
.colorlib-pricing,
 +
.colorlib-services,
 +
#colorlib-contact,
 +
.colorlib-blog {
 +
  padding: 4em 0;
 +
  clear: both; }
 +
 
 +
.colorlib-bg-white {
 +
  background: #fff;
 +
  border: 1px solid #e6e6e6;
 +
  border-left: none;
 +
  border-right: none; }
 +
 
 +
.colorlib-featured {
 +
  padding-bottom: 3em;
 +
  width: 100%; }
 +
  .colorlib-featured .featured-wrap {
 +
    margin-top: -7em; }
 +
  .colorlib-featured .featured-entry img {
 +
    -webkit-box-shadow: 0px 3px 19px -9px rgba(0, 0, 0, 0.75);
 +
    -moz-box-shadow: 0px 3px 19px -9px rgba(0, 0, 0, 0.75);
 +
    box-shadow: 0px 3px 19px -9px rgba(0, 0, 0, 0.75);
 +
    margin-bottom: 20px; }
 +
  .colorlib-featured .owl-theme .owl-dots .owl-dot span {
 +
    background: #e6e6e6; }
 +
  .colorlib-featured .owl-theme .owl-dots .owl-dot.active span {
 +
    background: #cccccc; }
 +
 
 +
.services {
 +
  margin-bottom: 50px;
 +
  position: relative;
 +
  z-index: 0;
 +
  padding: 0 1em; }
 +
  @media screen and (max-width: 768px) {
 +
    .services {
 +
      margin-bottom: 3em; } }
 +
  .services .icon {
 +
    position: relative;
 +
    margin-bottom: 30px;
 +
    display: inline-block; }
 +
    .services .icon i {
 +
      font-size: 20px;
 +
      color: #798eea;
 +
      z-index: 1; }
 +
  .services .desc h3 {
 +
    font-size: 20px;
 +
    font-weight: 50; }
 +
 
 +
.colorlib-intro .colorlib-heading {
 +
  margin-bottom: 2em; }
 +
 
 +
.colorlib-intro .play {
 +
  width: 100%;
 +
  display: block;
 +
  margin: 30px 0; }
 +
  .colorlib-intro .play a {
 +
    width: 100px;
 +
    height: 100px;
 +
    display: table;
 +
    margin: 0 auto;
 +
    text-align: center;
 +
    background: #798eea;
 +
    -webkit-border-radius: 50%;
 +
    -moz-border-radius: 50%;
 +
    -ms-border-radius: 50%;
 +
    border-radius: 50%; }
 +
    .colorlib-intro .play a i {
 +
      font-size: 20px;
 +
      color: #fff;
 +
      display: table-cell;
 +
      vertical-align: middle; }
 +
 
 +
.pulse {
 +
  display: table;
 +
  width: 100px;
 +
  height: 100px;
 +
  background: #798eea;
 +
  cursor: pointer;
 +
  -webkit-box-shadow: 0 0 0 rgba(121, 142, 234, 0.4);
 +
  box-shadow: 0 0 0 rgba(121, 142, 234, 0.4);
 +
  -webkit-animation: pulse 2s infinite;
 +
  animation: pulse 2s infinite;
 +
  text-align: center;
 +
  -webkit-border-radius: 50%;
 +
  -moz-border-radius: 50%;
 +
  -ms-border-radius: 50%;
 +
  border-radius: 50%; }
 +
  .pulse i {
 +
    font-size: 20px!important;
 +
    display: table-cell;
 +
    vertical-align: middle; }
 +
 
 +
@-webkit-keyframes pulse {
 +
  0% {
 +
    -webkit-box-shadow: 0 0 0 0 rgba(121, 142, 234, 0.4); }
 +
  70% {
 +
    -webkit-box-shadow: 0 0 0 30px rgba(121, 142, 234, 0); }
 +
  100% {
 +
    -webkit-box-shadow: 0 0 0 0 rgba(121, 142, 234, 0); } }
 +
 
 +
@keyframes pulse {
 +
  0% {
 +
    -moz-box-shadow: 0 0 0 0 rgba(121, 142, 234, 0.4);
 +
    -webkit-box-shadow: 0 0 0 0 rgba(121, 142, 234, 0.4);
 +
    box-shadow: 0 0 0 0 rgba(121, 142, 234, 0.4); }
 +
  70% {
 +
    -moz-box-shadow: 0 0 0 30px rgba(121, 142, 234, 0);
 +
    -webkit-box-shadow: 0 0 0 30px rgba(121, 142, 234, 0);
 +
    box-shadow: 0 0 0 30px rgba(121, 142, 234, 0); }
 +
  100% {
 +
    -moz-box-shadow: 0 0 0 0 rgba(121, 142, 234, 0);
 +
    -webkit-box-shadow: 0 0 0 0 rgba(121, 142, 234, 0);
 +
    box-shadow: 0 0 0 0 rgba(121, 142, 234, 0); } }
 +
 
 +
.colorlib-work-featured .mobile-wrap {
 +
  margin-bottom: 4em;
 +
  display: block; }
 +
  .colorlib-work-featured .mobile-wrap .mobile-img {
 +
    background-position: top;
 +
    height: 730px;
 +
    -webkit-box-shadow: 0px 3px 38px -13px rgba(0, 0, 0, 0.2);
 +
    -moz-box-shadow: 0px 3px 38px -13px rgba(0, 0, 0, 0.2);
 +
    box-shadow: 0px 3px 38px -13px rgba(0, 0, 0, 0.2);
 +
    -webkit-border-radius: 4px;
 +
    -moz-border-radius: 4px;
 +
    -ms-border-radius: 4px;
 +
    border-radius: 4px; }
 +
  .colorlib-work-featured .mobile-wrap .desc {
 +
    padding: 30px; }
 +
    .colorlib-work-featured .mobile-wrap .desc h2 {
 +
      font-size: 20px;
 +
      font-weight: 50;
 +
      margin-bottom: 40px; }
 +
      @media screen and (max-width: 768px) {
 +
        .colorlib-work-featured .mobile-wrap .desc h2 {
 +
          font-size: 20px; } }
 +
    .colorlib-work-featured .mobile-wrap .desc .features {
 +
      position: relative;
 +
      margin-bottom: 50px; }
 +
      .colorlib-work-featured .mobile-wrap .desc .features .icon {
 +
        position: absolute;
 +
        top: 10px;
 +
        left: 0; }
 +
        .colorlib-work-featured .mobile-wrap .desc .features .icon i {
 +
          font-size: 20px;
 +
          color: #499bea; }
 +
      .colorlib-work-featured .mobile-wrap .desc .features .f-desc {
 +
        padding-left: 50px; }
 +
 
 +
.work-flex {
 +
  width: 100%;
 +
  display: -webkit-box;
 +
  display: -moz-box;
 +
  display: -ms-flexbox;
 +
  display: -webkit-flex;
 +
  display: flex;
 +
  -ms-flex-wrap: wrap;
 +
  flex-wrap: wrap;
 +
  -webkit-flex-wrap: wrap;
 +
  -moz-flex-wrap: wrap;
 +
  margin-bottom: 40px; }
 +
  .work-flex .half {
 +
    display: block;
 +
    width: 50%;
 +
    height: 450px; }
 +
    .work-flex .half .display-t {
 +
      height: 450px;
 +
      display: table; }
 +
      @media screen and (max-width: 480px) {
 +
        .work-flex .half .display-t {
 +
          display: block;
 +
          height: auto; } }
 +
    .work-flex .half .display-tc {
 +
      display: table-cell;
 +
      vertical-align: middle; }
 +
    .work-flex .half .desc {
 +
      padding: 0 3em;
 +
      background: #fff; }
 +
      @media screen and (max-width: 768px) {
 +
        .work-flex .half .desc {
 +
          padding: 3em; } }
 +
      .work-flex .half .desc h2 {
 +
        font-weight: 50; }
 +
        .work-flex .half .desc h2 a {
 +
          color: #303133; }
 +
    @media screen and (max-width: 480px) {
 +
      .work-flex .half {
 +
        width: 100%; } }
 +
  .work-flex .work-img {
 +
    display: block;
 +
    height: 450px; }
 +
 
 +
.work-grid {
 +
  margin-bottom: 40px; }
 +
  .work-grid .work-img {
 +
    display: block;
 +
    height: 270px;
 +
    position: relative; }
 +
    .work-grid .work-img .icon {
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      width: 100%;
 +
      height: 270px;
 +
      content: '';
 +
      display: table;
 +
      text-align: center;
 +
      background: #4aca85;
 +
      opacity: 0;
 +
      -webkit-transition: 0.3s;
 +
      -o-transition: 0.3s;
 +
      transition: 0.3s; }
 +
      .work-grid .work-img .icon i {
 +
        display: table-cell;
 +
        vertical-align: middle;
 +
        color: #fff;
 +
        font-size: 20px; }
 +
    .work-grid .work-img:hover .icon, .work-grid .work-img:focus .icon {
 +
      opacity: 1; }
 +
  .work-grid .desc {
 +
    background: #fff;
 +
    padding: 25px; }
 +
    .work-grid .desc h2 {
 +
      font-size: 20px; }
 +
      .work-grid .desc h2 a {
 +
        color: #303133; }
 +
        .work-grid .desc h2 a:hover {
 +
          color: #4aca85; }
 +
 
 +
.product-entry {
 +
  margin-bottom: 40px; }
 +
  .product-entry .product-img {
 +
    display: block;
 +
    height: 350px;
 +
    margin-bottom: 20px;
 +
    position: relative; }
 +
    .product-entry .product-img .tag {
 +
      position: absolute;
 +
      top: 10px;
 +
      left: 10px; }
 +
      .product-entry .product-img .tag .new {
 +
        font-size: 20px;
 +
        background: #4aca85;
 +
        color: #fff;
 +
        padding: .3em .5em;
 +
        -webkit-border-radius: 2px;
 +
        -moz-border-radius: 2px;
 +
        -ms-border-radius: 2px;
 +
        border-radius: 2px; }
 +
      .product-entry .product-img .tag .sale {
 +
        font-size: 20px;
 +
        background: #798eea;
 +
        color: #fff;
 +
        padding: .3em .5em;
 +
        -webkit-border-radius: 2px;
 +
        -moz-border-radius: 2px;
 +
        -ms-border-radius: 2px;
 +
        border-radius: 2px; }
 +
    .product-entry .product-img .cart {
 +
      position: absolute;
 +
      bottom: 0;
 +
      left: 0;
 +
      right: 0;
 +
      background: rgba(0, 0, 0, 0.8);
 +
      width: 100%;
 +
      display: block;
 +
      padding: 0 1em;
 +
      opacity: 0;
 +
      -webkit-transition: 0.3s;
 +
      -o-transition: 0.3s;
 +
      transition: 0.3s; }
 +
      .product-entry .product-img .cart p {
 +
        display: block;
 +
        margin-bottom: 0;
 +
        width: 100%;
 +
        text-transform: uppercase;
 +
        font-size: 20px; }
 +
        .product-entry .product-img .cart p span {
 +
          display: inline-block; }
 +
          .product-entry .product-img .cart p span a {
 +
            display: block;
 +
            color: #fff;
 +
            padding: 1em; }
 +
            .product-entry .product-img .cart p span a:hover {
 +
              background: #4aca85; }
 +
  .product-entry .desc h3 {
 +
    font-size: 20px;
 +
    text-transform: uppercase;
 +
    font-size: 20px;
 +
    margin-bottom: 10px; }
 +
    .product-entry .desc h3 a {
 +
      color: #000; }
 +
  .product-entry .desc .price span {
 +
    color: #4aca85;
 +
    font-weight: 50; }
 +
  .product-entry .desc .price .sale {
 +
    color: gray;
 +
    text-decoration: line-through;
 +
    font-weight: 50; }
 +
  .product-entry:hover .product-img .cart {
 +
    opacity: 1; }
 +
 
 +
.staff-entry {
 +
  display: block;
 +
  margin-bottom: 20px;
 +
  z-index: 0;
 +
  background: #fff;
 +
  padding: 30px;
 +
  -webkit-border-radius: 4px;
 +
  -moz-border-radius: 4px;
 +
  -ms-border-radius: 4px;
 +
  border-radius: 4px; }
 +
  .staff-entry .staff-img {
 +
    width: 150px;
 +
    height: 150px;
 +
    display: block;
 +
    margin: 0 auto;
 +
    margin-bottom: 30px;
 +
    -webkit-border-radius: 50%;
 +
    -moz-border-radius: 50%;
 +
    -ms-border-radius: 50%;
 +
    border-radius: 50%; }
 +
  .staff-entry .desc h3 {
 +
    font-size: 20px;
 +
    margin-bottom: 10px; }
 +
  .staff-entry .desc span {
 +
    display: block;
 +
    margin-bottom: 20px;
 +
    font-size: 20px; }
 +
  .staff-entry .colorlib-social-icons li {
 +
    margin-left: 0; }
 +
    .staff-entry .colorlib-social-icons li a {
 +
      padding: 0; }
 +
 
 +
#colorlib-counter {
 +
  position: relative;
 +
  z-index: -1;
 +
  padding-top: 7em;
 +
  padding-bottom: 7em; }
 +
  #colorlib-counter .colorlib-heading {
 +
    margin-bottom: 30px; }
 +
    #colorlib-counter .colorlib-heading h2 {
 +
      color: #fff; }
 +
    #colorlib-counter .colorlib-heading p {
 +
      font-size: 20px;
 +
      color: rgba(255, 255, 255, 0.8); }
 +
 
 +
.counter-entry {
 +
  padding: 0;
 +
  position: relative; }
 +
  @media screen and (max-width: 768px) {
 +
    .counter-entry {
 +
      margin-bottom: 20px; } }
 +
 
 +
.colorlib-counters {
 +
  background-size: cover;
 +
  background-attachment: fixed;
 +
  background-position: center center; }
 +
  .colorlib-counters .overlay {
 +
    z-index: 0;
 +
    position: absolute;
 +
    bottom: 0;
 +
    top: 0;
 +
    left: 0;
 +
    right: 0;
 +
    background: #499bea;
 +
    background: -moz-linear-gradient(-45deg, #499bea 0%, #798eea 100%);
 +
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #499bea), color-stop(100%, #798eea));
 +
    background: -webkit-linear-gradient(-45deg, #499bea 0%, #798eea 100%);
 +
    background: -o-linear-gradient(-45deg, #499bea 0%, #798eea 100%);
 +
    background: -ms-linear-gradient(-45deg, #499bea 0%, #798eea 100%);
 +
    background: -webkit-linear-gradient(315deg, #499bea 0%, #798eea 100%);
 +
    background: -o-linear-gradient(315deg, #499bea 0%, #798eea 100%);
 +
    background: linear-gradient(135deg, #499bea 0%, #798eea 100%);
 +
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#798eea', GradientType=1 );
 +
    opacity: .96; }
 +
  .colorlib-counters .icon {
 +
    margin-bottom: 20px;
 +
    width: 100px;
 +
    z-index: 0; }
 +
    .colorlib-counters .icon i {
 +
      font-size: 20px;
 +
      color: rgba(255, 255, 255, 0.9);
 +
      z-index: 1; }
 +
  .colorlib-counters .colorlib-counter {
 +
    font-size: 20px;
 +
    display: block;
 +
    color: #fff;
 +
    font-family: 'Raleway', sans-serif;
 +
    width: 100%;
 +
    font-weight: 50;
 +
    margin-bottom: 0; }
 +
  .colorlib-counters .colorlib-counter-label {
 +
    color: rgba(255, 255, 255, 0.8);
 +
    font-size: 20px;
 +
    display: block;
 +
    font-weight: 50; }
 +
 
 +
article {
 +
  background: #fff;
 +
  padding: 35px;
 +
  margin-bottom: 40px;
 +
  -webkit-box-shadow: 0px 3px 38px -13px rgba(0, 0, 0, 0.2);
 +
  -moz-box-shadow: 0px 3px 38px -13px rgba(0, 0, 0, 0.2);
 +
  box-shadow: 0px 3px 38px -13px rgba(0, 0, 0, 0.2);
 +
  -webkit-border-radius: 4px;
 +
  -moz-border-radius: 4px;
 +
  -ms-border-radius: 4px;
 +
  border-radius: 4px; }
 +
  article h2 {
 +
    font-weight: 50;
 +
    margin-bottom: 15px; }
 +
    article h2 a {
 +
      color: #303133; }
 +
  article .admin span {
 +
    font-size: 20px;
 +
    color: #303133; }
 +
  article p.author-wrap {
 +
    position: relative;
 +
    margin-top: 30px; }
 +
    article p.author-wrap .author-img {
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0;
 +
      display: block;
 +
      width: 30px;
 +
      height: 30px;
 +
      -webkit-border-radius: 50%;
 +
      -moz-border-radius: 50%;
 +
      -ms-border-radius: 50%;
 +
      border-radius: 50%; }
 +
    article p.author-wrap .author {
 +
      padding-left: 40px;
 +
      color: #303133;
 +
      font-size: 20px; }
 +
 
 +
.pricing {
 +
  background: #fff;
 +
  padding: 2em 1em 1em 1em;
 +
  -webkit-box-shadow: 0px 3px 38px -13px rgba(0, 0, 0, 0.2);
 +
  -moz-box-shadow: 0px 3px 38px -13px rgba(0, 0, 0, 0.2);
 +
  box-shadow: 0px 3px 38px -13px rgba(0, 0, 0, 0.2);
 +
  -webkit-border-radius: 2px;
 +
  -moz-border-radius: 2px;
 +
  -ms-border-radius: 2px;
 +
  border-radius: 2px;
 +
  -webkit-border-radius: 4px;
 +
  -moz-border-radius: 4px;
 +
  -ms-border-radius: 4px;
 +
  border-radius: 4px; }
 +
  .pricing .pricing-heading {
 +
    margin-bottom: 30px; }
 +
  .pricing .price {
 +
    font-size: 20px;
 +
    color: #4aca85;
 +
    line-height: 50px;
 +
    font-weight: 50; }
 +
    .pricing .price .currency {
 +
      font-size: 20px;
 +
      top: -0.9em;
 +
      padding-right: 10px; }
 +
    .pricing .price small {
 +
      font-size: 20px;
 +
      display: block;
 +
      color: #888f94; }
 +
 
 +
#colorlib-subscribe {
 +
  position: relative; }
 +
 
 +
.colorlib-subscribe {
 +
  clear: both;
 +
  background-size: cover;
 +
  background-attachment: fixed;
 +
  background-position: center center; }
 +
  .colorlib-subscribe .overlay {
 +
    z-index: 0;
 +
    position: absolute;
 +
    bottom: 0;
 +
    top: 0;
 +
    left: 0;
 +
    right: 0;
 +
    background: #499bea;
 +
    background: -moz-linear-gradient(-45deg, #499bea 0%, #798eea 100%);
 +
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #499bea), color-stop(100%, #798eea));
 +
    background: -webkit-linear-gradient(-45deg, #499bea 0%, #798eea 100%);
 +
    background: -o-linear-gradient(-45deg, #499bea 0%, #798eea 100%);
 +
    background: -ms-linear-gradient(-45deg, #499bea 0%, #798eea 100%);
 +
    background: -webkit-linear-gradient(315deg, #499bea 0%, #798eea 100%);
 +
    background: -o-linear-gradient(315deg, #499bea 0%, #798eea 100%);
 +
    background: linear-gradient(135deg, #499bea 0%, #798eea 100%);
 +
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#798eea', GradientType=1 );
 +
    opacity: .96; }
 +
  .colorlib-subscribe .colorlib-heading {
 +
    margin-bottom: 30px; }
 +
    .colorlib-subscribe .colorlib-heading h2 {
 +
      color: #fff; }
 +
    .colorlib-subscribe .colorlib-heading p {
 +
      font-size: 20px;
 +
      color: rgba(255, 255, 255, 0.7); }
 +
 
 +
.qbstp-header-subscribe {
 +
  display: -webkit-box;
 +
  display: -moz-box;
 +
  display: -ms-flexbox;
 +
  display: -webkit-flex;
 +
  display: flex;
 +
  -ms-flex-wrap: wrap;
 +
  flex-wrap: wrap;
 +
  -webkit-flex-wrap: wrap;
 +
  -moz-flex-wrap: wrap;
 +
  width: 100%;
 +
  padding: 0; }
 +
  .qbstp-header-subscribe .col-three-forth {
 +
    width: 70%; }
 +
  .qbstp-header-subscribe .col-one-third {
 +
    width: 30%; }
 +
  .qbstp-header-subscribe .col-three-forth, .qbstp-header-subscribe .col-one-third {
 +
    display: table;
 +
    height: 50px;
 +
    float: left; }
 +
    @media screen and (max-width: 768px) {
 +
      .qbstp-header-subscribe .col-three-forth, .qbstp-header-subscribe .col-one-third {
 +
        width: 50%; } }
 +
  .qbstp-header-subscribe .form-control {
 +
    background: #fff;
 +
    -webkit-border-radius: 30px;
 +
    -moz-border-radius: 30px;
 +
    -ms-border-radius: 30px;
 +
    border-radius: 30px;
 +
    border-top-right-radius: 0px !important;
 +
    border-bottom-right-radius: 0px !important; }
 +
  .qbstp-header-subscribe .form-group {
 +
    position: relative;
 +
    width: 100%;
 +
    display: table-cell;
 +
    vertical-align: middle; }
 +
    @media screen and (max-width: 480px) {
 +
      .qbstp-header-subscribe .form-group {
 +
        width: 100%; } }
 +
    .qbstp-header-subscribe .form-group input::-webkit-input-placeholder {
 +
      color: #4d4d4d; }
 +
    .qbstp-header-subscribe .form-group input::-moz-input-placeholder {
 +
      color: #4d4d4d; }
 +
    .qbstp-header-subscribe .form-group input::-ms-input-placeholder {
 +
      color: #4d4d4d; }
 +
    .qbstp-header-subscribe .form-group input::-o-input-placeholder {
 +
      color: #4d4d4d; }
 +
    .qbstp-header-subscribe .form-group input::input-placeholder {
 +
      color: #4d4d4d; }
 +
  .qbstp-header-subscribe #email {
 +
    font-size: 20px;
 +
    width: 100%;
 +
    border: none;
 +
    border-bottom: transparent;
 +
    color: #4d4d4d !important; }
 +
  .qbstp-header-subscribe button {
 +
    border-top-left-radius: 0px !important;
 +
    border-bottom-left-radius: 0px !important;
 +
    background: #4aca85;
 +
    color: #fff;
 +
    border: none;
 +
    padding: 10px 20px;
 +
    text-transform: uppercase;
 +
    height: 50px;
 +
    width: 100%;
 +
    display: block; }
 +
 
 +
.no-gutters {
 +
  margin: 0 !important; }
 +
 
 +
.pagination li {
 +
  margin: 2px; }
 +
  .pagination li a {
 +
    color: #000;
 +
    background: #fff;
 +
    color: #000;
 +
    border: 1px solid #e6e6e6;
 +
    margin: 2px; }
 +
    .pagination li a:first-child {
 +
      border: 1px solid #e6e6e6;
 +
      -webkit-border-radius: 2px;
 +
      -moz-border-radius: 2px;
 +
      -ms-border-radius: 2px;
 +
      border-radius: 2px; }
 +
    .pagination li a:hover, .pagination li a:focus {
 +
      background: #4aca85;
 +
      color: #fff;
 +
      border: 1px solid #4aca85; }
 +
    @media screen and (max-width: 768px) {
 +
      .pagination li a {
 +
        padding: 7px 15px; } }
 +
  .pagination li.active a {
 +
    background: #4aca85;
 +
    border: 1px solid #4aca85; }
 +
    .pagination li.active a:hover, .pagination li.active a:focus {
 +
      background: #4aca85;
 +
      color: #fff;
 +
      border: 1px solid #4aca85; }
 +
 
 +
.no-gutters {
 +
  margin: 0 !important;
 +
  padding: 0 !important; }
 +
 
 +
.f-blog {
 +
  position: relative;
 +
  padding-left: 80px;
 +
  margin-bottom: 40px; }
 +
  .f-blog .blog-img {
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
    display: block;
 +
    width: 70px;
 +
    height: 60px;
 +
    float: left; }
 +
  .f-blog .desc h2 {
 +
    font-size: 20px;
 +
    margin-bottom: 5px; }
 +
    .f-blog .desc h2 a {
 +
      color: #fff; }
 +
  .f-blog .desc .admin {
 +
    font-size: 20px; }
 +
 
 +
.contact-info-wrap-flex {
 +
  display: -webkit-box;
 +
  display: -moz-box;
 +
  display: -ms-flexbox;
 +
  display: -webkit-flex;
 +
  display: flex;
 +
  -ms-flex-wrap: wrap;
 +
  flex-wrap: wrap;
 +
  -webkit-flex-wrap: wrap;
 +
  -moz-flex-wrap: wrap;
 +
  width: 100%;
 +
  margin-bottom: 3em; }
 +
  .contact-info-wrap-flex .con-info {
 +
    width: 100%;
 +
    background: #fff;
 +
    padding: 1.5em;
 +
    background: white;
 +
    margin-bottom: 30px; }
 +
    @media screen and (max-width: 768px) {
 +
      .contact-info-wrap-flex .con-info {
 +
        width: 100%;
 +
        margin: 4px !important; } }
 +
  .contact-info-wrap-flex p {
 +
    margin-bottom: 0;
 +
    color: #000; }
 +
    .contact-info-wrap-flex p span i {
 +
      color: #4aca85; }
 +
    .contact-info-wrap-flex p a {
 +
      color: #000; }
 +
 
 +
.form-control {
 +
  -webkit-box-shadow: none;
 +
  -moz-box-shadow: none;
 +
  -ms-box-shadow: none;
 +
  -o-box-shadow: none;
 +
  box-shadow: none;
 +
  border: 1px solid #f0f0f0;
 +
  font-size: 20px!important;
 +
  font-weight: 50;
 +
  background: white;
 +
  -webkit-border-radius: 0px;
 +
  -moz-border-radius: 0px;
 +
  -ms-border-radius: 0px;
 +
  border-radius: 0px; }
 +
  .form-control:focus, .form-control:active {
 +
    background: #fff;
 +
    -webkit-box-shadow: none;
 +
    box-shadow: none;
 +
    border: 1px solid #e6e6e6; }
 +
 
 +
input[type="text"] {
 +
  height: 50px; }
 +
 
 +
.form-group {
 +
  margin-bottom: 30px; }
 +
  @media screen and (max-width: 768px) {
 +
    .form-group #fname {
 +
      margin-bottom: 30px; } }
 +
  .form-group label {
 +
    font-weight: 50; }
 +
  .form-group .btn-modify {
 +
    text-transform: uppercase;
 +
    letter-spacing: 1px;
 +
    font-weight: 50;
 +
    font-size: 20px;
 +
    padding: 10px 15px; }
 +
 
 +
.colorlib-social-icons {
 +
  margin: 0;
 +
  padding: 0; }
 +
  .colorlib-social-icons li {
 +
    margin: 0;
 +
    padding: 0;
 +
    list-style: none;
 +
    display: -moz-inline-stack;
 +
    display: inline-block;
 +
    zoom: 1;
 +
    *display: inline; }
 +
    .colorlib-social-icons li a {
 +
      display: -moz-inline-stack;
 +
      display: inline-block;
 +
      zoom: 1;
 +
      *display: inline;
 +
      color: #4aca85;
 +
      padding-left: 10px;
 +
      padding-right: 10px; }
 +
      .colorlib-social-icons li a i {
 +
        font-size: 20px;
 +
        color:white; }
 +
 
 +
.colorlib-heading {
 +
  margin-bottom: 5em; }
 +
  .colorlib-heading h2 {
 +
    font-size: 20px;
 +
    font-weight: 50;
 +
    margin-bottom: 30px;
 +
    position: relative; }
 +
    @media screen and (max-width: 768px) {
 +
      .colorlib-heading h2 {
 +
        font-size: 20px; } }
 +
 
 +
#colorlib-footer {
 +
  background: #ccccaa;
 +
  color: black !important;
 +
  padding-top: 2em;
 +
  position:relative;
 
}
 
}
−
#link:hover {
+
  #colorlib-footer .colorlib-widget p {
−
color: #0077be;
+
    font-size: 20px; }
−
text-decoration: none;
+
  @media screen and (max-width: 768px) {
 +
    #colorlib-footer .colorlib-widget {
 +
      /*margin-bottom: 40px;*/
 +
      width: 100%;
 +
      float: left; } }
 +
  #colorlib-footer .colorlib-footer-links {
 +
    padding: 0;
 +
    margin: 0; }
 +
    @media screen and (max-width: 768px) {
 +
      #colorlib-footer .colorlib-footer-links {
 +
        margin-bottom: 30px; } }
 +
    #colorlib-footer .colorlib-footer-links li {
 +
      padding: 0;
 +
      margin: 0 0 10px 0;
 +
      list-style: none;
 +
      display: block;
 +
      font-size: 20px; }
 +
      #colorlib-footer .colorlib-footer-links li a, .address a {
 +
        color: #141414;
 +
    text-decoration: none;
 +
    font-size: 20px;
 +
    position:relative; }
 +
    #colorlib-footer .colorlib-footer-links li a:hover, .address a:hover {
 +
    color: #fd635d;
 
}
 
}
 +
        #colorlib-footer .colorlib-footer-links li a i {
 +
          padding-right: 10px;
 +
          color: #fff; }
 +
  #colorlib-footer .colorlib-social-icons li a {
 +
    padding-left: 10px;
 +
    padding-right: 15px; }
 +
    #colorlib-footer .colorlib-social-icons li a:first-child {
 +
      padding-left: 0; }
 +
  #colorlib-footer h4 {
 +
      margin-bottom: 11px;
 +
    margin-top: 20px;
 +
    font-size: 20px;
 +
    color: #3d3d3d;
 +
    text-transform: capitalize;
 +
    letter-spacing: 3px;
 +
    font-weight: 50; }
 +
  #colorlib-footer .copy {
 +
    background: #527865;
 +
    padding: 10px 0 0 5px; }
 +
    #colorlib-footer .copy p {
 +
      margin-bottom: 0;
 +
      color: #fff;
 +
      font-size: 20px; }
 +
      #colorlib-footer .copy p small a {
 +
        color: rgba(255, 255, 255, 0.7); }
  
−
#maincontent {
+
#map {
−
position: relative;
+
  width: 100%;
−
top: 0%;
+
  height: 500px;
−
left: 28%;
+
  position: relative; }
−
height: 92%;
+
  @media screen and (max-width: 768px) {
−
width: 64%;
+
    #map {
−
border-top: 30px;
+
      height: 200px; } }
 +
 
 +
#colorlib-offcanvas {
 +
  position: absolute;
 +
  z-index: 1901;
 +
  width: 100%;
 +
  background: #557766;
 +
  top: 0;
 +
  right: 0;
 +
  top: 0;
 +
  bottom: 0;
 +
  padding: 75px 0px 40px 0px;
 +
  border-top:1px solid green;
 +
  overflow-y: auto;
 +
  display: none;
 +
  -moz-transform: translateX(100%);
 +
  -webkit-transform: translateX(100%);
 +
  -ms-transform: translateX(100%);
 +
  -o-transform: translateX(100%);
 +
  transform: translateX(100%);
 +
  -webkit-transition: 0.5s;
 +
  -o-transition: 0.5s;
 +
  transition: 0.5s; }
 +
  @media screen and (max-width: 768px) {
 +
    #colorlib-offcanvas {
 +
      display: block; } }
 +
  .offcanvas #colorlib-offcanvas {
 +
    -moz-transform: translateX(0px);
 +
    -webkit-transform: translateX(0px);
 +
    -ms-transform: translateX(0px);
 +
    -o-transform: translateX(0px);
 +
    transform: translateX(0px); }
 +
  #colorlib-offcanvas a {
 +
    color: white; }
 +
    #colorlib-offcanvas a:hover {
 +
      color: rgba(255, 255, 255, 0.8); }
 +
  #colorlib-offcanvas ul {
 +
    padding: 0;
 +
    margin: 0; }
 +
    #colorlib-offcanvas ul li {
 +
      padding: 0;
 +
      margin: 0;
 +
      list-style: none;
 +
      border-top: 1px solid #fd635d;
 +
      padding-left: 20px;
 +
    }
 +
      #colorlib-offcanvas ul li > ul {
 +
        padding-left: 20px;
 +
        display: none; }
 +
      #colorlib-offcanvas ul li.offcanvas-has-dropdown > a {
 +
        display: block;
 +
        position: relative; }
 +
        #colorlib-offcanvas ul li.offcanvas-has-dropdown > a:after {
 +
          position: absolute;
 +
          right: 0px;
 +
          font-family: 'Raleway', sans-serif;
 +
          speak: none;
 +
          font-style: normal;
 +
          font-weight: 50;
 +
          font-variant: normal;
 +
          text-transform: none;
 +
          line-height: 1;
 +
          /* Better Font Rendering =========== */
 +
          -webkit-font-smoothing: antialiased;
 +
          -moz-osx-font-smoothing: grayscale;
 +
          content: "\e0c5";
 +
          font-size: 20px;
 +
          color: rgba(255, 255, 255, 0.2);
 +
          -webkit-transition: 0.5s;
 +
          -o-transition: 0.5s;
 +
          transition: 0.5s; }
 +
      #colorlib-offcanvas ul li.offcanvas-has-dropdown.active a:after {
 +
        -webkit-transform: rotate(-180deg);
 +
        -moz-transform: rotate(-180deg);
 +
        -ms-transform: rotate(-180deg);
 +
        -o-transform: rotate(-180deg);
 +
        transform: rotate(-180deg); }
 +
      #colorlib-offcanvas ul li.btn-cta {
 +
        margin-top: 5px; }
 +
        #colorlib-offcanvas ul li.btn-cta a {
 +
          border-bottom: 1px solid #4aca85;
 +
          padding-bottom: 5px; }
 +
 
 +
.gototop {
 +
  position: fixed;
 +
  bottom: 20px;
 +
  right: 20px;
 +
  z-index: 999;
 +
  opacity: 0;
 +
  visibility: hidden;
 +
  -webkit-transition: 0.5s;
 +
  -o-transition: 0.5s;
 +
  transition: 0.5s; }
 +
  .gototop.active {
 +
    opacity: 1;
 +
    visibility: visible; }
 +
  .gototop a {
 +
    width: 50px;
 +
    height: 50px;
 +
    display: table;
 +
    background: black;
 +
    color: #fff;
 +
    text-align: center;
 +
    -webkit-border-radius: 50%;
 +
    -moz-border-radius: 50%;
 +
    -ms-border-radius: 50%;
 +
    border-radius: 50%; }
 +
    .gototop a i {
 +
      height: 50px;
 +
      display: table-cell;
 +
      vertical-align: middle; }
 +
    .gototop a:hover, .gototop a:active, .gototop a:focus {
 +
      text-decoration: none;
 +
      outline: none; }
 +
 
 +
.colorlib-nav-toggle {
 +
  width: 25px;
 +
  height: 25px;
 +
  cursor: pointer;
 +
  text-decoration: none;
 +
  top: 1.2em !important; }
 +
  .colorlib-nav-toggle.active i::before, .colorlib-nav-toggle.active i::after {
 +
    background: #303133; }
 +
  .colorlib-nav-toggle:hover, .colorlib-nav-toggle:focus, .colorlib-nav-toggle:active {
 +
    outline: none;
 +
    border-bottom: none !important; }
 +
  .colorlib-nav-toggle i {
 +
    position: relative;
 +
    display: inline-block;
 +
    width: 25px;
 +
    height: 2px;
 +
    color: #252525;
 +
    font: bold 14px/.4 Helvetica;
 +
    text-transform: uppercase;
 +
    text-indent: -55px;
 +
    background: #557766;
 +
    -webkit-transition: all .2s ease-out;
 +
    -o-transition: all .2s ease-out;
 +
    transition: all .2s ease-out; }
 +
    .colorlib-nav-toggle i::before, .colorlib-nav-toggle i::after {
 +
      content: '';
 +
      width: 25px;
 +
      height: 2px;
 +
      background: #557766;
 +
      position: absolute;
 +
      left: 0;
 +
      -webkit-transition: all .2s ease-out;
 +
      -o-transition: all .2s ease-out;
 +
      transition: all .2s ease-out; }
 +
  /*.colorlib-nav-toggle.colorlib-nav-white > i {
 +
    color: #fff;
 +
    background: #fff; }*/
 +
    /*.colorlib-nav-toggle.colorlib-nav-white > i::before, .colorlib-nav-toggle.colorlib-nav-white > i::after {
 +
      background: #fff; }
 +
*/
 +
.colorlib-nav-toggle i::before {
 +
  top: -7px; }
 +
 
 +
.colorlib-nav-toggle i::after {
 +
  bottom: -7px; }
 +
 
 +
.colorlib-nav-toggle:hover i::before {
 +
  top: -10px; }
 +
 
 +
.colorlib-nav-toggle:hover i::after {
 +
  bottom: -10px; }
 +
 
 +
.colorlib-nav-toggle.active i {
 +
  background: transparent; }
 +
 
 +
.colorlib-nav-toggle.active i::before {
 +
  top: 0;
 +
  -webkit-transform: rotateZ(45deg);
 +
  -moz-transform: rotateZ(45deg);
 +
  -ms-transform: rotateZ(45deg);
 +
  -o-transform: rotateZ(45deg);
 +
  transform: rotateZ(45deg);
 +
  background: #fff; }
 +
 
 +
.colorlib-nav-toggle.active i::after {
 +
  bottom: 0;
 +
  -webkit-transform: rotateZ(-45deg);
 +
  -moz-transform: rotateZ(-45deg);
 +
  -ms-transform: rotateZ(-45deg);
 +
  -o-transform: rotateZ(-45deg);
 +
  transform: rotateZ(-45deg);
 +
  background: #fff; }
 +
 
 +
.colorlib-nav-toggle {
 +
  position: absolute;
 +
  right: 0px;
 +
  top: 65px;
 +
  z-index: 21;
 +
  padding: 6px 0 0 0;
 +
  display: block;
 +
  margin: 0 auto;
 +
  display: none;
 +
  height: 44px;
 +
  width: 44px;
 +
  z-index: 2001;
 +
  border-bottom: none !important; }
 +
  @media screen and (max-width: 768px) {
 +
    .colorlib-nav-toggle {
 +
      display: block; } }
 +
 
 +
.btn {
 +
  margin-right: 4px;
 +
  margin-bottom: 4px;
 +
  font-size: 20px;
 +
  font-weight: 50;
 +
  -webkit-border-radius: 30px;
 +
  -moz-border-radius: 30px;
 +
  -ms-border-radius: 30px;
 +
  border-radius: 30px;
 +
  -webkit-transition: 0.5s;
 +
  -o-transition: 0.5s;
 +
  transition: 0.5s;
 +
  padding: 8px 20px; }
 +
  .btn.btn-md {
 +
    padding: 8px 20px !important; }
 +
  .btn.btn-lg {
 +
    padding: 18px 36px !important; }
 +
  .btn:hover, .btn:active, .btn:focus {
 +
    -webkit-box-shadow: none !important;
 +
    box-shadow: none !important;
 +
    outline: none !important; }
 +
 
 +
.btn-primary {
 +
  background: #4aca85;
 +
  color: #fff;
 +
  border: 1px solid #4aca85; }
 +
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
 +
    background: #5ed092 !important;
 +
    border-color: #5ed092 !important; }
 +
  .btn-primary.btn-outline {
 +
    background: transparent;
 +
    color: #4aca85;
 +
    border: 1px solid #4aca85; }
 +
    .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
 +
      background: #4aca85;
 +
      color: #fff; }
 +
 
 +
.btn-success {
 +
  background: #5cb85c;
 +
  color: #fff;
 +
  border: 1px solid #5cb85c; }
 +
  .btn-success:hover, .btn-success:focus, .btn-success:active {
 +
    background: #4cae4c !important;
 +
    border-color: #4cae4c !important; }
 +
  .btn-success.btn-outline {
 +
    background: transparent;
 +
    color: #5cb85c;
 +
    border: 2px solid #5cb85c; }
 +
    .btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
 +
      background: #5cb85c;
 +
      color: #fff; }
 +
 
 +
.btn-info {
 +
  background: #5bc0de;
 +
  color: #fff;
 +
  border: 1px solid #5bc0de; }
 +
  .btn-info:hover, .btn-info:focus, .btn-info:active {
 +
    background: #46b8da !important;
 +
    border-color: #46b8da !important; }
 +
  .btn-info.btn-outline {
 +
    background: transparent;
 +
    color: #5bc0de;
 +
    border: 1px solid #5bc0de; }
 +
    .btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
 +
      background: #5bc0de;
 +
      color: #fff; }
 +
 
 +
.btn-warning {
 +
  background: #f0ad4e;
 +
  color: #fff;
 +
  border: 1px solid #f0ad4e; }
 +
  .btn-warning:hover, .btn-warning:focus, .btn-warning:active {
 +
    background: #eea236 !important;
 +
    border-color: #eea236 !important; }
 +
  .btn-warning.btn-outline {
 +
    background: transparent;
 +
    color: #f0ad4e;
 +
    border: 1px solid #f0ad4e; }
 +
    .btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
 +
      background: #f0ad4e;
 +
      color: #fff; }
 +
 
 +
.btn-danger {
 +
  background: #d9534f;
 +
  color: #fff;
 +
  border: 1px solid #d9534f; }
 +
  .btn-danger:hover, .btn-danger:focus, .btn-danger:active {
 +
    background: #d43f3a !important;
 +
    border-color: #d43f3a !important; }
 +
  .btn-danger.btn-outline {
 +
    background: transparent;
 +
    color: #d9534f;
 +
    border: 1px solid #d9534f; }
 +
    .btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
 +
      background: #d9534f;
 +
      color: #fff; }
 +
 
 +
.btn-outline {
 +
  background: none;
 +
  border: 1px solid gray;
 +
  font-size: 20px;
 +
  -webkit-transition: 0.3s;
 +
  -o-transition: 0.3s;
 +
  transition: 0.3s; }
 +
  .btn-outline:hover, .btn-outline:focus, .btn-outline:active {
 +
    -webkit-box-shadow: none;
 +
    box-shadow: none; }
 +
 
 +
.btn.with-arrow {
 +
  position: relative;
 +
  -webkit-transition: 0.3s;
 +
  -o-transition: 0.3s;
 +
  transition: 0.3s; }
 +
  .btn.with-arrow i {
 +
    visibility: hidden;
 +
    opacity: 0;
 +
    position: absolute;
 +
    right: 0px;
 +
    top: 50%;
 +
    margin-top: -8px;
 +
    -webkit-transition: 0.2s;
 +
    -o-transition: 0.2s;
 +
    transition: 0.2s; }
 +
  .btn.with-arrow:hover {
 +
    padding-right: 50px; }
 +
    .btn.with-arrow:hover i {
 +
      color: #fff;
 +
      right: 18px;
 +
      visibility: visible;
 +
      opacity: 1; }
 +
 
 +
.row-pb-lg {
 +
  padding-bottom: 7em !important; }
 +
 
 +
.row-pb-md {
 +
  padding-bottom: 2em !important; }
 +
 
 +
.row-pb-sm {
 +
  padding-bottom: 3em !important; }
 +
 
 +
.nopadding {
 +
  padding: 0 !important;
 +
  margin: 0 !important; }
 +
 
 +
.colorlib-loader {
 +
  position: fixed;
 +
  left: 0px;
 +
  top: 0px;
 +
  width: 100%;
 +
  height: 100%;
 +
  z-index: 9999;
 +
  background: url(../images/loader.gif) center no-repeat #fff; }
 +
 
 +
.js .animate-box {
 +
  opacity: 0; }
 +
 
 +
 
 +
.col-md-6.animate-box.secondsectionimg1.fadeInUp.animated-fast img , .col-md-6.animate-box.secondsectionimg2.fadeInUp.animated-fast img {
 +
    width: 100%;
 
}
 
}
−
#target1{
+
 
−
position: relative;
+
.col-md-6.animate-box.secondsectionimg1.fadeInUp.animated-fast {
−
top: -80px;
+
    padding-right: 0px;
 
}
 
}
−
#target2{
+
 
−
position: relative;
+
.col-md-6.animate-box.secondsectionimg2.fadeInUp.animated-fast {
−
top: -80px;
+
    padding-left: 0px;
 
}
 
}
−
#target3{
+
.col-md-6.animate-box.secondsectiontext1.fadeInUp.animated-fast p{
−
position: relative;
+
    text-align: justify;
−
top: -80px;
+
    padding: 0 20px;
 +
    font-size: 20px;
 
}
 
}
−
#target4{
+
.col-md-6.animate-box.secondsectiontext2.fadeInUp.animated-fast p
−
position: relative;
+
{
−
top: -80px;
+
    text-align: justify;
 +
    padding: 0 20px;
 +
    font-size: 20px;
 
}
 
}
−
#subheading1 {
+
.heroslider {
−
font-size: 36px;
+
    position: relative;
−
font-family: 'Montserrat', sans-serif;
+
}
 +
.bannertext h1 {
 +
    position: absolute;
 +
    top: 38%;
 +
    left: 43%;
 +
    font-size: 20px;
 +
    color: white;
 +
    font-weight: 50;
 +
}
 +
 
 +
.text-center
 +
{
 +
  text-align: center;
 
}
 
}
−
#content1 {
 
−
font-family: 'Lora', serif;
 
−
font-size: 30px;
 
−
line-height: 1.75em;
 
  
 +
.menstrualtext.text-center h2 {
 +
    margin-bottom: 0px;
 
}
 
}
−
#subheading2 {
+
.textline
−
font-size: 26px;
+
{
−
font-family: 'Montserrat', sans-serif;
+
  position:relative;
−
font-color:#004d40;
+
  margin-top:40px;
 
}
 
}
−
#content2 {
+
.textline:after {
−
font-family: 'Lora', serif;
+
    content: "";
−
font-size: 18px;
+
    position: absolute;
−
line-height: 1.75em;
+
    background: url(../images/icon-2.jpg);
 +
    width: 119px;
 +
    height: 57px;
 +
    top: -61px;
 +
    right: 139px;
  
 
}
 
}
−
#subheading3 {
 
−
font-size: 36px;
 
−
font-family: 'Montserrat', sans-serif;
 
  
 +
.textline:before {
 +
    content: "";
 +
    position: absolute;
 +
    background: url(../images/icon-1.jpg);
 +
    width: 94px;
 +
    height: 57px;
 +
    top: -63px;
 +
    left: 146px;
 +
   
 
}
 
}
−
#content3 {
 
−
font-family: 'Lora', serif;
 
−
font-size: 15px;
 
−
line-height: 1.75em;
 
  
 +
ul.line li {
 +
    float: left;
 +
    list-style-type: none;
 +
    font-weight: 50;
 +
    padding-left: 110px;
 +
    line-height: 25px;
 +
   
 +
   
 
}
 
}
−
#subheading4 {
+
ul.line
−
font-size: 36px;
+
{
−
font-family: 'Montserrat', sans-serif;
+
  position:relative;
 +
  text-align: center;
 
}
 
}
−
#subheading5 {
+
li.line2 {
−
font-size: 36px;
+
    position: relative;
−
font-family: 'Montserrat', sans-serif;
+
    padding-left: 80px !important;
 
}
 
}
−
#footer {
+
 
−
height: 100px;
+
li.line2:after {
−
width: 100%;
+
  content: "";
−
background-color: #FFFFFF;
+
    position: absolute;
−
z-index: 7;
+
    background: url(../images/smallicon.jpg);
 +
    width: 47px;
 +
    height: 70px;
 +
    top: 5px;
 +
    right: -46px;
 
}
 
}
−
#flogo {
+
.imgline {
−
font-size:28px;
+
    padding: 40px 0 0 60px;
−
color: #767676;
+
−
transition: all 0.4s ease;
+
−
-webkit-transition: all 0.4s ease;
+
−
-moz-transition: all 0.4s ease;
+
−
-ms-transition: all 0.4s ease;
+
−
-o-transition: all 0.4s ease;  
+
 
}
 
}
−
#flogo:hover {
+
.menstrualtext.text-center {
−
color: #3B5998;
+
    margin-bottom: 60px;
 
}
 
}
−
#tlogo {
+
.menstrualimage.text-center {
−
font-size:28px;
+
    margin-bottom: 45px;
−
color: #767676;
+
−
transition: all 0.4s ease;
+
−
-webkit-transition: all 0.4s ease;
+
−
-moz-transition: all 0.4s ease;
+
−
-ms-transition: all 0.4s ease;
+
−
-o-transition: all 0.4s ease;  
+
 
}
 
}
−
#tlogo:hover {
+
.napkin {
−
color: #00aced;
+
    background: url("../images/bg.jpg") center no-repeat;
 +
    height: 695px;
 
}
 
}
−
#ilogo {
+
.napkin h2 {
−
font-size:28px;  
+
    margin: 35px;
−
color: #767676;
+
    font-size: 20px;
−
transition: all 0.4s ease;
+
    font-weight: 50;
−
-webkit-transition: all 0.4s ease;
+
−
-moz-transition: all 0.4s ease;
+
−
-ms-transition: all 0.4s ease;
+
−
-o-transition: all 0.4s ease;  
+
 
}
 
}
−
#ilogo:hover {
+
.row.platformmain {
−
color: #bc2a8d;
+
    text-align: center;
 +
    margin-left: auto;
 +
    margin-right: auto;
 
}
 
}
−
#afterhome {
+
.platformtext.text-center {
−
position: relative;
+
    margin: 25px 0 25px 0;
−
top: 99%;
+
−
left: 0%;
+
−
height: 170%;
+
−
width: 100%;
+
 
}
 
}
−
.rotateimg90 {
+
.platform
−
  -webkit-transform:rotate(90deg);
+
{
−
  -moz-transform: rotate(90deg);
+
  width: 373px;
−
  -ms-transform: rotate(90deg);
+
    height: 393px;
−
  -o-transform: rotate(90deg);
+
    position: relative;  
−
  transform: rotate(90deg);
+
    margin:5px
 
}
 
}
 +
 +
.platform1 {
 +
    background: url("../images/Wet-Lab.jpg");
 +
}
 +
 +
.platform2 {
 +
    background: url("../images/Outreach.jpg");
 +
}
 +
 +
.platform3 {
 +
    background: url("../images/the-team.jpg");
 +
}
 +
 +
.platform .desc {
 +
    position: absolute;
 +
    bottom: 10%;
 +
    left: 25%;
 +
}
 +
 +
.platform .desc h3 {
 +
    color: #fd635d;
 +
    background: #f4f5f6;
 +
    padding: 2px 15px;
 +
    font-weight: 50;
 +
    text-transform: uppercase;
 +
    margin-bottom: 8px;
 +
    position:relative;
 +
    overflow:hidden;
 +
}
 +
 +
 +
.platform .desc h3:after {
 +
    content: '';
 +
    background: #fd635d;
 +
    height: 80px;
 +
    width: 40px;
 +
    position: absolute;
 +
    top: -20px;
 +
    left: -50px;
 +
    transform: rotate(24deg);
 +
    -webkit-transition: all 0.5s ease-in-out;
 +
    -moz-transition: all 0.5s ease-in-out;
 +
    -o-transition: all 0.5s ease-in-out;
 +
    transition: all 0.5s ease-in-out;
 +
}
 +
.platform:hover .desc h3:after{
 +
    left: 240px;
 +
}
 +
 +
 +
.platform .desc span {
 +
    color: white;
 +
}
 +
.sponsermain
 +
{
 +
  margin-left:auto;
 +
  margin-left:auto;
 +
  text-align:center;
 +
  margin-bottom:20px;
 +
}
 +
.sponsorstext.text-center {
 +
    margin: 0px 0 35px 0;
 +
}
 +
 +
.col-md-4.text-center.sponsors.animate-box.fadeInUp.animated-fast .sponsor-image{
 +
    border: 1px solid lightgrey;
 +
    box-shadow: 1px 1px 1px 0px #ccc;
 +
    overflow: hidden;
 +
}
 +
.sponsor-image img {
 +
    -webkit-transition: all 0.5s ease-in-out;
 +
    -moz-transition: all 0.5s ease-in-out;
 +
    -o-transition: all 0.5s ease-in-out;
 +
    transition: all 0.5s ease-in-out;
 +
    width:100%;
 +
}
 +
.sponsor-image:hover img{
 +
      transform: scale(1.05);
 +
}
 +
 +
.col-md-4.text-center.sponsors.animate-box.fadeInUp.animated-fast {
 +
    width: 26.33333%;
 +
    margin:0 30px 0 30px;
 +
}
 +
 +
.footerhead.text-center {
 +
    margin-bottom: 15pxpx;
 +
}
 +
 +
.col-md-3.colorlib-widget.logo {
 +
    border-right: 1px solid lightgoldenrodyellow;
 +
    width: 23%;
 +
}
 +
 +
.colorlib-social-icons li.youtube i.icon-youtube {
 +
    font-size: 20px;
 +
    border: 1px solid #fff;
 +
    border-radius: 100%;
 +
    padding: 3px;
 +
    position: relative;
 +
    left: 0px;
 +
    top: -4px;
 +
}
 +
.container {
 +
    /*width: 1200px;*/
 +
}
 +
.navoigationsection{
 +
  padding:0;
 +
}
 +
.logodiv {
 +
    padding: 0;
 +
}
 +
 +
.colorlib-about {
 +
    padding: 40px 0 !important;
 +
}
 +
.common_content {
 +
    float: left;
 +
    width: 120%;
 +
}
 +
.colorlib-about p {
 +
    padding: 20px 0 0;
 +
    font-size: 20px;
 +
}
 +
 +
.colorlib-about h3 {
 +
    font-size: 20px;
 +
    line-height: 45px;
 +
    margin-bottom: 0;
 +
}
 +
.secondsectiontext1, .secondsectiontext2 {
 +
    display: flex;
 +
    align-items: center;
 +
}
 +
 +
.secondsection {
 +
    display: flex;
 +
}
 +
.menstrualtext.text-center h2 {
 +
    font-size: 20px;
 +
    margin: 20px 0 20px;
 +
}
 +
 +
.sponsorstext h2 {
 +
    font-size: 20px;
 +
    line-height: 45px;
 +
}
 +
ul.colorlib-footer-links li a:before {content: '';background: #244545;height: 8px;width: 8px;float: left;border-radius: 100%;display: block;margin: 8px 10px 0 0;}
 +
ul.location li a:before {content: '';background: #244545;height: 8px;width: 8px;float: left;border-radius: 100%;display: none;margin: 8px 10px 0 0;}
 +
 +
ul.colorlib-footer-links li a {
 +
    position: relative;
 +
}
 +
.col-md-3.colorlib-widget.links {
 +
    margin-left: 55px;
 +
    width: 20%;
 +
}
 +
 +
 +
#colorlib-footer .colorlib-footer-links.locationtrack li a i {
 +
    position: absolute;
 +
    left: -27px;
 +
    top: 3px;
 +
}
 +
 +
 +
#colorlib-footer .colorlib-footer-links.locationtrack li {
 +
    margin-left: 27px;
 +
}
 +
 +
.footerhead.text-center p {
 +
    color: #527865;
 +
}
 +
 +
.napkinimg.text-center {
 +
    position: relative;
 +
}
 +
 +
@media(min-width: 643px){ 
 +
 +
 +
 
 +
 
 +
 +
  .text.text1 {
 +
      position: absolute;
 +
      top: 0%;
 +
      right: -107%;
 +
      display:none;
 +
  }
 +
 +
  .text.text1 p, .text.text3 p{
 +
      text-align: left;
 +
  }
 +
 +
  .text.text2 p, .text.text4 p{
 +
      text-align: right;
 +
  }
 +
  .text.text2 {
 +
      position: absolute;
 +
      top: 39%;
 +
      left: -202%;
 +
      display:none;
 +
  }
 +
 +
  .text.text3 {
 +
      position: absolute;
 +
      top: 46%;
 +
      right: -118%;
 +
      display:none;
 +
  }
 +
 +
  .text.text4 {
 +
      position: absolute;
 +
      bottom: 4%;
 +
      left: -154%;
 +
      display:none;
 +
  }
 +
 +
  .text.text1:before {content: '';background: #fff;width: 170px;right: 100%;margin-right: 7px;position: absolute;height: 2px;top: 18px;}
 +
  .text.text1:after, .text.text3:after {content: '';background: #ff8181;width: 10px;right: 100%;margin-right: 7px;position: absolute;height: 10px;top: 14px;border: 2px solid #fff;border-radius:100%;}
 +
  .text.text2:after, .text.text4:after {content: '';background: #ff8181;width: 10px;left: 102%;margin-right: 7px;position: absolute;height: 10px;top: 14px;border: 2px solid #fff;border-radius:100%;}
 +
 +
  .text.text3:before{content: '';background: #fff;width: 187px;right: 100%;margin-right: 7px;position: absolute;height: 2px;top: 18px;}
 +
  .text.text2:before{content: '';background: #fff;width: 187px;left: 105%;margin-right: 7px;position: absolute;height: 2px;top: 19px;}
 +
  .text.text4:before{content: '';background: #fff;width: 193px;left: 105%;margin-right: 7px;position: absolute;height: 2px;top: 18px;}
 +
 +
  ul.points li p {
 +
      margin-bottom: -8px;
 +
      font-size: 20px;
 +
      font-weight: 50;
 +
      text-transform: uppercase;
 +
  }
 +
 +
  p.red {
 +
      color: #ff8181;
 +
  }
 +
  ul.points1{display:none;}
 +
}
 +
 +
ul.points {
 +
      list-style-type: none;
 +
      width: 212px;
 +
      height: 434px;
 +
      position: absolute;
 +
      top: 7%;
 +
      right: 41%;
 +
  }
 +
 +
 +
  ul.points .numbers {
 +
      width: 20px;
 +
      height: 20px;
 +
      background: #ffde59;
 +
      margin: 10px;
 +
      border: 1px solid #ffde59;
 +
      border-radius: 50%;
 +
      font-size: 20px;
 +
  }
 +
 +
  ul.points .numbers.number1 {
 +
      position: absolute;
 +
      top: 0%;
 +
      right: 27%;
 +
    text-align: center;
 +
  }
 +
 +
  ul.points .numbers.number2 {
 +
      position: absolute;
 +
      top: 39%;
 +
      left: 40%;
 +
    text-align: center;
 +
  }
 +
 +
  ul.points .numbers.number3 {
 +
      position: absolute;
 +
      top: 46%;
 +
      right: 8%;
 +
    text-align: center;
 +
  }
 +
 +
  ul.points .numbers.number4 {
 +
      position: absolute;
 +
      bottom: 7%;
 +
      right: 19%;
 +
    text-align: center;
 +
  }
 +
 +
.staketext {
 +
    height: 567px;
 +
    overflow: auto;
 +
    font-size: 20px;
 +
}
 +
 +
.staketext p {
 +
    font-size: 20px;
 +
    text-align: justify;
 +
}
 +
 +
.col-md-3.colorlib-widget.links { margin-left: 0; margin-bottom: 0px !important;padding-left: 20px;}
 +
.col-md-3.colorlib-widget.logo {margin-bottom: 10px;}
 +
 +
 +
 +
 +
/* human pracices*/
 +
ul.sidefacily-inner-ul {
 +
    border: 1px solid #D1CDDB;
 +
    padding-left: 0;
 +
    width:260px;
 +
}
 +
 +
ul.sidefacily-inner-ul li {
 +
    list-style-type: none;
 +
    text-align: justify;
 +
    border-bottom: 1px solid #e6e6e6;
 +
    padding: 10px 15px;
 +
    background: #f0f3f2;
 +
}
 +
 +
li.sidefacily-li a {
 +
    color: black;
 +
    font-weight: 50;
 +
}
 +
li.sidefacily-li.active a {
 +
    color: #fd635d;
 +
}
 +
 +
li.sidefacily-li a.active {
 +
    color: #fd635d;
 +
}
 +
 +
li.sidefacily-li.activeli {
 +
    border-left: 3px solid #fd635d;
 +
}
 +
 +
 +
div#overview {
 +
    margin-bottom: 70px;
 +
}
 +
 +
div#overview h2 {
 +
    font-size: 20px;
 +
    font-weight: 50;
 +
    text-align: justify;
 +
    word-spacing: 0px;
 +
}
 +
 +
div#overview p {
 +
    font-size: 20px;
 +
    text-align: justify;
 +
    margin:0px;
 +
}
 +
.staketext h3 {
 +
    font-size: 20px;
 +
    text-align:left
 +
}
 +
.staketext p {
 +
    font-size: 20px;
 +
    text-align: justify;
 +
    line-height: 26px;
 +
}
 +
 +
div#stakeholder .staketext, div#industry .staketext{
 +
    padding: 15px 30px 30px 0px;
 +
}
 +
div#environmentalist .staketext {
 +
    padding: 15px 8px 30px 30px;
 +
}
 +
 +
 +
.col-lg-12.col-md-12.col-sm-12.col-xs-12.back h3 {
 +
    font-size: 20px;
 +
    text-align: left;
 +
    margin: 10px;
 +
 +
}
 +
 +
ul.backul li {
 +
    list-style-type: none;
 +
    font-size: 20px;
 +
    text-align: justify;
 +
    padding: 0px !;
 +
}
 +
.tabsdetail.col-lg-6.col-md-6.col-sm-12.col-xs-12 {
 +
    padding: 0px;
 +
}
 +
ul.backul {
 +
    padding: 0px;
 +
}
 +
ul.backul li {
 +
    padding: 20px 20px;
 +
    margin-bottom: 20px;
 +
}
 +
li.purple {
 +
    background: #FDEDEC;
 +
    border-bottom: 4px solid #943126;
 +
 
 +
}
 +
li.blue {
 +
    background: #FADBD8 ;
 +
    border-bottom: 4px solid #943126;
 +
 
 +
}
 +
li.blue a
 +
{
 +
  color: #515A5A ;
 +
}
 +
li.green {
 +
    background: #F5B7B1 ;
 +
    border-bottom: 4px solid #943126;
 +
 
 +
}
 +
li.green a
 +
{
 +
  color: #515A5A ;
 +
}
 +
li.orange{
 +
    background: #F1948A;
 +
    border-bottom: 4px solid #943126;
 +
 
 +
}
 +
li.pink{
 +
    background: #EC7063;
 +
    border-bottom: 4px solid #943126;
 +
 
 +
}
 +
 +
.gallerymain h3 {
 +
    font-size: 20px;
 +
    text-align: center;
 +
    margin: 25px auto;
 +
    font-weight: 50;
 +
}
 +
 +
/*resultpage*/
 +
 +
.tabsdetail h2 {
 +
    font-size: 20px;
 +
    font-weight: 50;
 +
    text-align: left;
 +
    word-spacing: 0px;
 +
}
 +
 +
.tabsdetail p {
 +
    font-size: 20px;
 +
    text-align: justify;
 +
}
 +
.row.borium1 {
 +
    margin-bottom: 60px;
 +
}
 +
.row.borium1 h3, .row.borium2 h3 {
 +
    font-size: 20px;
 +
    text-align: left;
 +
    font-weight: 50;
 +
}
 +
 +
.row.borium1 p, .row.borium2 p{
 +
    font-size: 20px;
 +
    text-align: justify;
 +
}
 +
.row .potassium4 h4 {
 +
    text-align: justify;
 +
    font-size: 20px;
 +
    margin-bottom: -8px;
 +
    font-weight: 50;
 +
    margin-top:40px;
 +
}
 +
 +
.image5, .graph{
 +
    text-align: left;
 +
}
 +
.graphtext h2 {
 +
    margin: 0;
 +
    margin-top: 60px;
 +
}
 +
.table h2 {
 +
    margin-bottom: 0px;
 +
    margin-top:30px
 +
}
 +
 +
.row.potassium h2 {
 +
    margin-bottom: 0px;
 +
    margin-top: 44px;
 +
}
 +
 +
.border {
 +
    width: 412px;
 +
    height: 331px;
 +
    border: 1px solid darkgrey;
 +
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);
 +
}
 +
.border p {
 +
    text-align: center;
 +
    padding-top: 0px;
 +
}
 +
 +
p.caption {
 +
    font-size: 20px;
 +
    font-weight: 50;
 +
}
 +
.pro1 .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
 +
    padding-left: 0px;
 +
}
 +
 +
/*custom-scrollbar*/
 +
 +
/* width */
 +
::-webkit-scrollbar {
 +
  width: 5px;
 +
}
 +
 +
/* Track */
 +
::-webkit-scrollbar-track {
 +
  background: /*#cdcdcd*/white;
 +
}
 +
 +
/* Handle */
 +
::-webkit-scrollbar-thumb {
 +
  background: #888;
 +
}
 +
 +
/* Handle on hover */
 +
::-webkit-scrollbar-thumb:hover {
 +
  background: #555;
 +
}/* Slider */
 +
.slick-slider
 +
{
 +
    position: relative;
 +
 +
    display: block;
 +
    box-sizing: border-box;
 +
 +
    -webkit-user-select: none;
 +
      -moz-user-select: none;
 +
        -ms-user-select: none;
 +
            user-select: none;
 +
 +
    -webkit-touch-callout: none;
 +
    -khtml-user-select: none;
 +
    -ms-touch-action: pan-y;
 +
        touch-action: pan-y;
 +
    -webkit-tap-highlight-color: transparent;
 +
}
 +
 +
.slick-list
 +
{
 +
    position: relative;
 +
 +
    display: block;
 +
    overflow: hidden;
 +
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
.slick-list:focus
 +
{
 +
    outline: none;
 +
}
 +
.slick-list.dragging
 +
{
 +
    cursor: pointer;
 +
    cursor: hand;
 +
}
 +
 +
.slick-slider .slick-track,
 +
.slick-slider .slick-list
 +
{
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
      -moz-transform: translate3d(0, 0, 0);
 +
        -ms-transform: translate3d(0, 0, 0);
 +
        -o-transform: translate3d(0, 0, 0);
 +
            transform: translate3d(0, 0, 0);
 +
}
 +
 +
.slick-track
 +
{
 +
    position: relative;
 +
    top: 0;
 +
    left: 0;
 +
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
}
 +
.slick-track:before,
 +
.slick-track:after
 +
{
 +
    display: table;
 +
 +
    content: '';
 +
}
 +
.slick-track:after
 +
{
 +
    clear: both;
 +
}
 +
.slick-loading .slick-track
 +
{
 +
    visibility: hidden;
 +
}
 +
 +
.slick-slide
 +
{
 +
    display: none;
 +
    float: left;
 +
 +
    height: 100%;
 +
    min-height: 1px;
 +
}
 +
[dir='rtl'] .slick-slide
 +
{
 +
    float: right;
 +
}
 +
.slick-slide img
 +
{
 +
    display: block;
 +
}
 +
.slick-slide.slick-loading img
 +
{
 +
    display: none;
 +
}
 +
.slick-slide.dragging img
 +
{
 +
    pointer-events: none;
 +
}
 +
.slick-initialized .slick-slide
 +
{
 +
    display: block;
 +
}
 +
.slick-loading .slick-slide
 +
{
 +
    visibility: hidden;
 +
}
 +
.slick-vertical .slick-slide
 +
{
 +
    display: block;
 +
 +
    height: auto;
 +
 +
    border: 1px solid transparent;
 +
}
 +
.slick-arrow.slick-hidden {
 +
    display: none;
 +
}
 +
@charset 'UTF-8';
 +
/* Slider */
 +
.slick-loading .slick-list
 +
{
 +
    background: #fff url('./ajax-loader.gif') center center no-repeat;
 +
}
 +
 +
/* Icons */
 +
@font-face
 +
{
 +
    font-family: 'Raleway', sans-serif;
 +
    font-weight: 50;
 +
    font-style: normal;
 +
 +
    src: url('./fonts/slick.eot');
 +
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
 +
}
 +
/* Arrows */
 +
.slick-prev,
 +
.slick-next
 +
{
 +
    font-size: 20px;
 +
    line-height: 0;
 +
 +
    position: absolute;
 +
    top: 50%;
 +
 +
    display: block;
 +
 +
    width: 20px;
 +
    height: 20px;
 +
    padding: 0;
 +
    -webkit-transform: translate(0, -50%);
 +
    -ms-transform: translate(0, -50%);
 +
    transform: translate(0, -50%);
 +
 +
    cursor: pointer;
 +
 +
    color: red;
 +
    border: none;
 +
    outline: none;
 +
    background: transparent;
 +
}
 +
.slick-prev:hover,
 +
.slick-prev:focus,
 +
.slick-next:hover,
 +
.slick-next:focus
 +
{
 +
    color: transparent;
 +
    outline: none;
 +
    background: transparent;
 +
}
 +
.slick-prev:hover:before,
 +
.slick-prev:focus:before,
 +
.slick-next:hover:before,
 +
.slick-next:focus:before
 +
{
 +
    opacity: 1;
 +
}
 +
.slick-prev.slick-disabled:before,
 +
.slick-next.slick-disabled:before
 +
{
 +
    opacity: .25;
 +
}
 +
 +
.slick-prev:before,
 +
.slick-next:before
 +
{
 +
    font-family: 'Raleway', sans-serif;
 +
    font-size: 20px;
 +
    line-height: 1;
 +
 +
    opacity: .75;
 +
    color: white;
 +
 +
    -webkit-font-smoothing: antialiased;
 +
    -moz-osx-font-smoothing: grayscale;
 +
}
 +
 +
.slick-prev
 +
{
 +
    left: -25px;
 +
}
 +
[dir='rtl'] .slick-prev
 +
{
 +
    right: -25px;
 +
    left: auto;
 +
}
 +
.slick-prev:before
 +
{
 +
    content: '←';
 +
}
 +
[dir='rtl'] .slick-prev:before
 +
{
 +
    content: '→';
 +
}
 +
 +
.slick-next
 +
{
 +
    right: -25px;
 +
}
 +
[dir='rtl'] .slick-next
 +
{
 +
    right: auto;
 +
    left: -25px;
 +
}
 +
.slick-next:before
 +
{
 +
    content: '→';
 +
}
 +
[dir='rtl'] .slick-next:before
 +
{
 +
    content: '←';
 +
}
 +
 +
/* Dots */
 +
.slick-dotted.slick-slider
 +
{
 +
    margin-bottom: 30px;
 +
}
 +
 +
.slick-dots
 +
{
 +
    position: absolute;
 +
    bottom: -25px;
 +
 +
    display: block;
 +
 +
    width: 100%;
 +
    padding: 0;
 +
    margin: 0;
 +
 +
    list-style: none;
 +
 +
    text-align: center;
 +
}
 +
.slick-dots li
 +
{
 +
    position: relative;
 +
 +
    display: inline-block;
 +
 +
    width: 20px;
 +
    height: 20px;
 +
    margin: 0 5px;
 +
    padding: 0;
 +
 +
    cursor: pointer;
 +
}
 +
.slick-dots li button
 +
{
 +
    font-size: 20px;
 +
    line-height: 0;
 +
 +
    display: block;
 +
 +
    width: 20px;
 +
    height: 20px;
 +
    padding: 5px;
 +
 +
    cursor: pointer;
 +
 +
    color: transparent;
 +
    border: 0;
 +
    outline: none;
 +
    background: transparent;
 +
}
 +
.slick-dots li button:hover,
 +
.slick-dots li button:focus
 +
{
 +
    outline: none;
 +
}
 +
.slick-dots li button:hover:before,
 +
.slick-dots li button:focus:before
 +
{
 +
    opacity: 1;
 +
}
 +
.slick-dots li button:before
 +
{
 +
    font-family: 'Raleway', sans-serif;
 +
    font-size: 20px;
 +
    line-height: 20px;
 +
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
 +
    width: 20px;
 +
    height: 20px;
 +
 +
    content: '•';
 +
    text-align: center;
 +
 +
    opacity: .25;
 +
    color: black;
 +
 +
    -webkit-font-smoothing: antialiased;
 +
    -moz-osx-font-smoothing: grayscale;
 +
}
 +
.slick-dots li.slick-active button:before
 +
{
 +
    opacity: .75;
 +
    color: black;
 +
}
 +
@media (max-width: 1599px) {}
 +
 +
 +
@media (max-width: 1080px) {
 +
.imgline {padding: 40px 0 0 0px;}
 +
ul.line li{padding-left: 0;}
 +
.text.text2{left: -150%;width: 100%;}
 +
.row.platformmain {display: flex;margin: 0;padding: 0;overflow: hidden;flex-wrap: wrap;}
 +
.row.platformmain .platform {width: 100%;}
 +
.platform .desc{left: 20%;}
 +
#colorlib-footer .col-md-3.colorlib-widget {width: 45%;}
 +
#colorlib-footer .col-md-3.colorlib-widget:nth-child(4) {clear: left;display: block;}
 +
.col-md-3.colorlib-widget.logo{border: none;}
 +
ul.sidefacily-inner-ul{width: auto;}
 +
.common_content{margin-bottom: 30px;}
 +
div#overview h2{margin-bottom: 0;}
 +
.common_content .col-lg-6.col-md-6.col-sm-12.col-xs-12.nopadding {
 +
    overflow: hidden;
 +
    padding: 10px !important;
 +
}
 +
 +
.common_content .col-lg-6.col-md-6.col-sm-12.col-xs-12.nopadding img {
 +
    background-size: cover !important;
 +
    width: 100%;
 +
}
 +
.staketext{padding: 0 10px;height: 435px;}
 +
.slick-slide{overflow: hidden;}
 +
.slick-slide img {display: block; margin: 20px;width: 100%;}
 +
/*section#home {margin-top: 100px;}*/
 +
.colorlib-nav{position:static;}
 +
}
 +
}
 +
 +
@media (max-width: 1024px){
 +
.col-md-10.col-md-offset-1.text-center.colorlib-heading.animate-box.fadeInUp.animated-fast{margin-left:1.33%;}
 +
.secondsection {max-width: 100%;}
 +
.col-md-3.colorlib-widget.links{width: 14%;}
 +
.col-md-3.colorlib-widget.address{ width:23%;}
 +
.colorlib-about {padding: 15px 0 !important;}
 +
section#home {
 +
    margin-top: 0;
 +
}
 +
}
 +
 +
@media (max-width: 999px) {
 +
ul.line {display: flex;justify-content: space-between;width: 90%;margin: 0 auto;}
 +
.colorlib-heading {margin-bottom: 0em;padding: 20px 0;}
 +
.napkin{background-size: cover;height: auto;padding: 30px 0;}
 +
.napkin h2{margin-top: 0;}
 +
.colorlib-nav ul li a{font-size: 20px;}
 +
.colorlib-about .colorlib-heading {padding: 20px !important;}
 +
div#overview {margin-bottom: 10px;}
 +
}
 +
@media (max-width: 991px) {
 +
h2{font-size: 20px!important;}
 +
h3 {font-size: 20px;line-height: 40px;}
 +
.secondsection{flex-wrap: wrap;margin: 0;}
 +
.secondsection .col-lg-6.col-md-6.col-sm-12.col-xs-12{padding: 0;}
 +
.secondsection p{margin: 0; padding: 0 !important;}
 +
.secondsection .col-lg-6.col-md-6.col-sm-12.col-xs-12 img {margin-bottom: 20px;margin-top: 20px;}
 +
.imgline img {width: 100%;}
 +
.text.text2{left: -109%;}
 +
.text.text4{left: -100%;}
 +
.menstrualtext.text-center h2 {font-size: 20px;margin-top: 0;}
 +
ul.line{width: 100%; padding: 0;}
 +
.row.platformmain .col-md-4.text-center.animate-box.fadeInUp.animated-fast {width: 33%;}
 +
.sponsermain .col-md-4 {display: inline-block;width: 32% !important;margin: 0 !important;padding: 0;}
 +
.sponsermain {text-align: center;margin-bottom: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
 +
.platform .desc {left: 11%;}
 +
#colorlib-footer .col-md-3.colorlib-widget {width: 49%;display: inline-block;}
 +
#colorlib-footer .col-md-3.colorlib-widget:nth-child(4){display: inline-block;}
 +
.colorlib-about h3{font-size: 20px;}
 +
.platform .desc {left: 15%;width: 72%;}
 +
.platform .desc h3{padding: 0;}
 +
.platform .desc span{font-size: 20px;}
 +
.text.text2:before{width: 100px;}
 +
.text.text4:before{width: 78px;}
 +
.logodiv{float: left;}
 +
.navoigationsection{float: right;}
 +
.colorlib-nav ul li a{margin: 0 5px;}
 +
.colorlib-about .col-lg-3.col-md-3.col-sm-3.col-xs-12 {display: none;}
 +
.colorlib-about .colorlib-heading{width: 100% !important;padding: 0 !important;}
 +
.tabsdetail p{margin-bottom: 0;}
 +
.staketext{height: auto;padding: 0 !important;}
 +
.staketext h3 {font-size: 20px;font-weight: 50;text-align: center;}
 +
.gallerymain h3 {font-size: 20px;}
 +
.colorlib-about {padding: 0px 0 !important;}
 +
/*section#home {margin-bottom: 30px;}*/
 +
.common_content .col-lg-6.col-md-6.col-sm-12.col-xs-12.nopadding img{width: 50%;}
 +
div#stakeholder {display: flex;flex-direction: column-reverse;}
 +
div#industry {display: flex;flex-direction: column-reverse;}
 +
}
 +
@media (max-width: 968px) {}
 +
@media (max-width: 936px) {
 +
 +
.humanpage .heroslider.owl-theme {
 +
    background: url(http://development.ikf.in/igem-2019/images/humanpracticesbanner.jpg);
 +
    height: 210px;
 +
    background-size: cover;
 +
}
 +
.humanpage .heroslider.owl-carousel1.owl-theme img {
 +
    display: none;
 +
}
 +
section#home {
 +
    margin-top: 0;
 +
    margin-bottom: 0;
 +
}
 +
 +
.humanpage .bannertext h1 {
 +
    position: static;
 +
    text-align: center;
 +
    width: 100%;
 +
}
 +
 +
.humanpage .bannertext {
 +
    display: flex;
 +
    align-items: center;
 +
    height: 100%;
 +
}
 +
}
 +
 +
@media (max-width: 820px) {
 +
ul.line{width: 90%;}
 +
.colorlib-about p{margin: 0; padding-top: 0;}
 +
.bannertext h1{top: 30%;}
 +
div#overview{padding: 0 15px;}
 +
 +
 +
 +
}
 +
 +
@media (max-width: 768px) {
 +
/*section#home {margin-top: 80px;}*/
 +
}
 +
@media (max-width: 767px) {
 +
.sponsermain{margin: 0 !important;}
 +
}
 +
@media (max-width: 736px) {
 +
.row.platformmain .col-md-4.text-center.animate-box.fadeInUp.animated-fast {width: 100%;}
 +
.colorlib-about .colorlib-heading {padding: 15px !important;}
 +
.row.platformmain .platform{width: 100%;background-size: cover;}
 +
li.line2:after{display: none;}
 +
.platformtext.text-center {margin: 25px;}
 +
}
 +
@media (max-width: 643px) {
 +
section#home {
 +
    margin-top: 0px;
 +
}
 +
 +
 +
ul.points1 {list-style-type: none; text-align: left; display:block !important; margin-top: 20px;}
 +
ul.points1 li {
 +
    display: flex;
 +
    vertical-align: top;
 +
}
 +
 +
ul.points1 li .numbers {
 +
    display: inline-block;
 +
    vertical-align: top;
 +
    margin-right: 20px;
 +
}
 +
 +
ul.points1 li .text {
 +
    display: inline-block;
 +
}
 +
 +
ul.points1 li .text p {
 +
    display: inline;
 +
}
 +
ul.points li .text{display:none !important;}
 +
 +
}
 +
 +
@media (max-width: 568px) {
 +
.textline:before{left: 30px;}
 +
.textline:after{right: 40px;}
 +
h2 {font-size: 20px!important;}
 +
#colorlib-footer h4{font-size: 20px;}
 +
}
 +
 +
@media (max-width: 533px) {}
 +
@media (max-width: 480px) {}
 +
 +
@media (max-width: 427px) {
 +
.textline:before{left: 24px;}
 +
.textline:after{right: 20px;}
 +
.colorlib-nav .top-menu {padding: 20px 1em;}
 +
 +
.humanpage .heroslider.owl-theme {
 +
    background: url(http://development.ikf.in/igem-2019/images/humanpracticesbanner.jpg);
 +
    height: 120px;
 +
    background-size: cover;
 +
}
 +
.bannertext h1 {
 +
    font-size: 20px;
 +
}
 +
 +
}
 +
 +
 +
@media (max-width: 414px)
 +
{.col-md-4.text-center.sponsors.animate-box.fadeInUp.animated-fast{width: fit-content; margin-left:25px;}
 +
}
 +
 +
@media (max-width: 384px) {}
 +
@media (max-width: 375px) {}
 +
@media (max-width: 360px) {}
 +
@media (max-width: 359px) {}
 +
@media (max-width: 320px){}
 +
 +
 +
 +
 +
 +
/* Magnific Popup CSS */
 +
.mfp-bg {
 +
  top: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  z-index: 1042;
 +
  overflow: hidden;
 +
  position: fixed;
 +
  background: #0b0b0b;
 +
  opacity: 0.8;
 +
  filter: alpha(opacity=80); }
 +
 +
.mfp-wrap {
 +
  top: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  z-index: 1043;
 +
  position: fixed;
 +
  outline: none !important;
 +
  -webkit-backface-visibility: hidden; }
 +
 +
.mfp-container {
 +
  text-align: center;
 +
  position: absolute;
 +
  width: 100%;
 +
  height: 100%;
 +
  left: 0;
 +
  top: 0;
 +
  padding: 0 8px;
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box; }
 +
 +
.mfp-container:before {
 +
  content: '';
 +
  display: inline-block;
 +
  height: 100%;
 +
  vertical-align: middle; }
 +
 +
.mfp-align-top .mfp-container:before {
 +
  display: none; }
 +
 +
.mfp-content {
 +
  position: relative;
 +
  display: inline-block;
 +
  vertical-align: middle;
 +
  margin: 0 auto;
 +
  text-align: left;
 +
  z-index: 1045; }
 +
 +
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
 +
  width: 100%;
 +
  cursor: auto; }
 +
 +
.mfp-ajax-cur {
 +
  cursor: progress; }
 +
 +
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
 +
  cursor: -moz-zoom-out;
 +
  cursor: -webkit-zoom-out;
 +
  cursor: zoom-out; }
 +
 +
.mfp-zoom {
 +
  cursor: pointer;
 +
  cursor: -webkit-zoom-in;
 +
  cursor: -moz-zoom-in;
 +
  cursor: zoom-in; }
 +
 +
.mfp-auto-cursor .mfp-content {
 +
  cursor: auto; }
 +
 +
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  user-select: none; }
 +
 +
.mfp-loading.mfp-figure {
 +
  display: none; }
 +
 +
.mfp-hide {
 +
  display: none !important; }
 +
 +
.mfp-preloader {
 +
  color: #cccccc;
 +
  position: absolute;
 +
  top: 50%;
 +
  width: auto;
 +
  text-align: center;
 +
  margin-top: -0.8em;
 +
  left: 8px;
 +
  right: 8px;
 +
  z-index: 1044; }
 +
  .mfp-preloader a {
 +
    color: #cccccc; }
 +
    .mfp-preloader a:hover {
 +
      color: white; }
 +
 +
.mfp-s-ready .mfp-preloader {
 +
  display: none; }
 +
 +
.mfp-s-error .mfp-content {
 +
  display: none; }
 +
 +
button.mfp-close, button.mfp-arrow {
 +
  overflow: visible;
 +
  cursor: pointer;
 +
  background: transparent;
 +
  border: 0;
 +
  -webkit-appearance: none;
 +
  display: block;
 +
  outline: none;
 +
  padding: 0;
 +
  z-index: 1046;
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none; }
 +
button::-moz-focus-inner {
 +
  padding: 0;
 +
  border: 0; }
 +
 +
.mfp-close {
 +
  width: 44px;
 +
  height: 44px;
 +
  line-height: 44px;
 +
  position: absolute;
 +
  right: 0;
 +
  top: 0;
 +
  text-decoration: none;
 +
  text-align: center;
 +
  opacity: 0.65;
 +
  filter: alpha(opacity=65);
 +
  padding: 0 0 18px 10px;
 +
  color: white;
 +
  font-style: normal;
 +
  font-size: 20px;
 +
  font-family: 'Raleway', sans-serif; }
 +
  .mfp-close:hover, .mfp-close:focus {
 +
    opacity: 1;
 +
    filter: alpha(opacity=100); }
 +
  .mfp-close:active {
 +
    top: 1px; }
 +
 +
.mfp-close-btn-in .mfp-close {
 +
  color: #333333; }
 +
 +
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
 +
  color: white;
 +
  right: -6px;
 +
  text-align: right;
 +
  padding-right: 6px;
 +
  width: 100%; }
 +
 +
.mfp-counter {
 +
  position: absolute;
 +
  top: 0;
 +
  right: 0;
 +
  color: #cccccc;
 +
  font-size: 20px;
 +
  line-height: 18px; }
 +
 +
.mfp-arrow {
 +
  position: absolute;
 +
  opacity: 0.65;
 +
  filter: alpha(opacity=65);
 +
  margin: 0;
 +
  top: 50%;
 +
  margin-top: -55px;
 +
  padding: 0;
 +
  width: 90px;
 +
  height: 110px;
 +
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
 +
  .mfp-arrow:active {
 +
    margin-top: -54px; }
 +
  .mfp-arrow:hover, .mfp-arrow:focus {
 +
    opacity: 1;
 +
    filter: alpha(opacity=100); }
 +
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
 +
    content: '';
 +
    display: block;
 +
    width: 0;
 +
    height: 0;
 +
    position: absolute;
 +
    left: 0;
 +
    top: 0;
 +
    margin-top: 35px;
 +
    margin-left: 35px;
 +
    border: medium inset transparent; }
 +
  .mfp-arrow:after, .mfp-arrow .mfp-a {
 +
    border-top-width: 13px;
 +
    border-bottom-width: 13px;
 +
    top: 8px; }
 +
  .mfp-arrow:before, .mfp-arrow .mfp-b {
 +
    border-top-width: 21px;
 +
    border-bottom-width: 21px;
 +
    opacity: 0.7; }
 +
 +
.mfp-arrow-left {
 +
  left: 0; }
 +
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
 +
    border-right: 17px solid white;
 +
    margin-left: 31px; }
 +
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
 +
    margin-left: 25px;
 +
    border-right: 27px solid #3f3f3f; }
 +
 +
.mfp-arrow-right {
 +
  right: 0; }
 +
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
 +
    border-left: 17px solid white;
 +
    margin-left: 39px; }
 +
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
 +
    border-left: 27px solid #3f3f3f; }
 +
 +
.mfp-iframe-holder {
 +
  padding-top: 40px;
 +
  padding-bottom: 40px; }
 +
  .mfp-iframe-holder .mfp-content {
 +
    line-height: 0;
 +
    width: 100%;
 +
    max-width: 900px; }
 +
  .mfp-iframe-holder .mfp-close {
 +
    top: -40px; }
 +
 +
.mfp-iframe-scaler {
 +
  width: 100%;
 +
  height: 0;
 +
  overflow: hidden;
 +
  padding-top: 56.25%; }
 +
  .mfp-iframe-scaler iframe {
 +
    position: absolute;
 +
    display: block;
 +
    top: 0;
 +
    left: 0;
 +
    width: 100%;
 +
    height: 100%;
 +
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
 +
    background: black; }
 +
 +
/* Main image in popup */
 +
img.mfp-img {
 +
  width: auto;
 +
  max-width: 100%;
 +
  height: auto;
 +
  display: block;
 +
  line-height: 0;
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
  padding: 40px 0 40px;
 +
  margin: 0 auto; }
 +
 +
/* The shadow behind the image */
 +
.mfp-figure {
 +
  line-height: 0; }
 +
  .mfp-figure:after {
 +
    content: '';
 +
    position: absolute;
 +
    left: 0;
 +
    top: 40px;
 +
    bottom: 40px;
 +
    display: block;
 +
    right: 0;
 +
    width: auto;
 +
    height: auto;
 +
    z-index: -1;
 +
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
 +
    background: #444444; }
 +
  .mfp-figure small {
 +
    color: #bdbdbd;
 +
    display: block;
 +
    font-size: 20px;
 +
    line-height: 14px; }
 +
  .mfp-figure figure {
 +
    margin: 0; }
 +
 +
.mfp-bottom-bar {
 +
  margin-top: -36px;
 +
  position: absolute;
 +
  top: 100%;
 +
  left: 0;
 +
  width: 100%;
 +
  cursor: auto; }
 +
 +
.mfp-title {
 +
  text-align: left;
 +
  line-height: 18px;
 +
  color: #f3f3f3;
 +
  word-wrap: break-word;
 +
  padding-right: 36px; }
 +
 +
.mfp-image-holder .mfp-content {
 +
  max-width: 100%; }
 +
 +
.mfp-gallery .mfp-image-holder .mfp-figure {
 +
  cursor: pointer; }
 +
 +
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
 +
  /**
 +
      * Remove all paddings around the image on small screen
 +
      */
 +
  .mfp-img-mobile .mfp-image-holder {
 +
    padding-left: 0;
 +
    padding-right: 0; }
 +
  .mfp-img-mobile img.mfp-img {
 +
    padding: 0; }
 +
  .mfp-img-mobile .mfp-figure:after {
 +
    top: 0;
 +
    bottom: 0; }
 +
  .mfp-img-mobile .mfp-figure small {
 +
    display: inline;
 +
    margin-left: 5px; }
 +
  .mfp-img-mobile .mfp-bottom-bar {
 +
    background: rgba(0, 0, 0, 0.6);
 +
    bottom: 0;
 +
    margin: 0;
 +
    top: auto;
 +
    padding: 3px 5px;
 +
    position: fixed;
 +
    -webkit-box-sizing: border-box;
 +
    -moz-box-sizing: border-box;
 +
    box-sizing: border-box; }
 +
    .mfp-img-mobile .mfp-bottom-bar:empty {
 +
      padding: 0; }
 +
  .mfp-img-mobile .mfp-counter {
 +
    right: 5px;
 +
    top: 3px; }
 +
  .mfp-img-mobile .mfp-close {
 +
    top: 0;
 +
    right: 0;
 +
    width: 35px;
 +
    height: 35px;
 +
    line-height: 35px;
 +
    background: rgba(0, 0, 0, 0.6);
 +
    position: fixed;
 +
    text-align: center;
 +
    padding: 0; } }
 +
 +
@media all and (max-width: 900px) {
 +
  .mfp-arrow {
 +
    -webkit-transform: scale(0.75);
 +
    transform: scale(0.75); }
 +
  .mfp-arrow-left {
 +
    -webkit-transform-origin: 0;
 +
    transform-origin: 0; }
 +
  .mfp-arrow-right {
 +
    -webkit-transform-origin: 100%;
 +
    transform-origin: 100%; }
 +
  .mfp-container {
 +
    padding-left: 6px;
 +
    padding-right: 6px; } }
 +
 +
.mfp-ie7 .mfp-img {
 +
  padding: 0; }
 +
.mfp-ie7 .mfp-bottom-bar {
 +
  width: 600px;
 +
  left: 50%;
 +
  margin-left: -300px;
 +
  margin-top: 5px;
 +
  padding-bottom: 5px; }
 +
.mfp-ie7 .mfp-container {
 +
  padding: 0; }
 +
.mfp-ie7 .mfp-content {
 +
  padding-top: 44px; }
 +
.mfp-ie7 .mfp-close {
 +
  top: 0;
 +
  right: 0;
 +
  padding-top: 0; }
 +
@font-face {
 +
  font-family: 'Raleway', sans-serif;
 +
  src:  url('fonts/icomoon.eot?5j2n32');
 +
  src:  url('fonts/icomoon.eot?5j2n32#iefix') format('embedded-opentype'),
 +
    url('fonts/icomoon.ttf?5j2n32') format('truetype'),
 +
    url('fonts/icomoon.woff?5j2n32') format('woff'),
 +
    url('fonts/icomoon.svg?5j2n32#icomoon') format('svg');
 +
  font-weight: 50;
 +
  font-style: normal;
 +
}
 +
 +
[class^="icon-"], [class*=" icon-"] {
 +
  /* use !important to prevent issues with browser extensions that change fonts */
 +
  font-family: 'Raleway', sans-serif !important;
 +
  speak: none;
 +
  font-style: normal;
 +
  font-weight: 50;
 +
  font-variant: normal;
 +
  text-transform: none;
 +
  line-height: 1;
 +
 +
  /* Better Font Rendering =========== */
 +
  -webkit-font-smoothing: antialiased;
 +
  -moz-osx-font-smoothing: grayscale;
 +
}
 +
 +
.icon-eye2:before {
 +
  content: "\e064";
 +
}
 +
.icon-paper-clip:before {
 +
  content: "\e065";
 +
}
 +
.icon-mail5:before {
 +
  content: "\e066";
 +
}
 +
.icon-toggle:before {
 +
  content: "\e067";
 +
}
 +
.icon-layout:before {
 +
  content: "\e068";
 +
}
 +
.icon-link2:before {
 +
  content: "\e069";
 +
}
 +
.icon-bell2:before {
 +
  content: "\e06a";
 +
}
 +
.icon-lock3:before {
 +
  content: "\e06b";
 +
}
 +
.icon-unlock:before {
 +
  content: "\e06c";
 +
}
 +
.icon-ribbon2:before {
 +
  content: "\e06d";
 +
}
 +
.icon-image2:before {
 +
  content: "\e06e";
 +
}
 +
.icon-signal:before {
 +
  content: "\e06f";
 +
}
 +
.icon-target3:before {
 +
  content: "\e070";
 +
}
 +
.icon-clipboard3:before {
 +
  content: "\e071";
 +
}
 +
.icon-clock3:before {
 +
  content: "\e072";
 +
}
 +
.icon-watch:before {
 +
  content: "\e073";
 +
}
 +
.icon-air-play:before {
 +
  content: "\e074";
 +
}
 +
.icon-camera3:before {
 +
  content: "\e075";
 +
}
 +
.icon-video2:before {
 +
  content: "\e076";
 +
}
 +
.icon-disc:before {
 +
  content: "\e077";
 +
}
 +
.icon-printer3:before {
 +
  content: "\e078";
 +
}
 +
.icon-monitor:before {
 +
  content: "\e079";
 +
}
 +
.icon-server:before {
 +
  content: "\e07a";
 +
}
 +
.icon-cog2:before {
 +
  content: "\e07b";
 +
}
 +
.icon-heart3:before {
 +
  content: "\e07c";
 +
}
 +
.icon-paragraph:before {
 +
  content: "\e07d";
 +
}
 +
.icon-align-justify:before {
 +
  content: "\e07e";
 +
}
 +
.icon-align-left:before {
 +
  content: "\e07f";
 +
}
 +
.icon-align-center:before {
 +
  content: "\e080";
 +
}
 +
.icon-align-right:before {
 +
  content: "\e081";
 +
}
 +
.icon-book2:before {
 +
  content: "\e082";
 +
}
 +
.icon-layers2:before {
 +
  content: "\e083";
 +
}
 +
.icon-stack2:before {
 +
  content: "\e084";
 +
}
 +
.icon-stack-2:before {
 +
  content: "\e085";
 +
}
 +
.icon-paper:before {
 +
  content: "\e086";
 +
}
 +
.icon-paper-stack:before {
 +
  content: "\e087";
 +
}
 +
.icon-search3:before {
 +
  content: "\e088";
 +
}
 +
.icon-zoom-in2:before {
 +
  content: "\e089";
 +
}
 +
.icon-zoom-out2:before {
 +
  content: "\e08a";
 +
}
 +
.icon-reply2:before {
 +
  content: "\e08b";
 +
}
 +
.icon-circle-plus:before {
 +
  content: "\e08c";
 +
}
 +
.icon-circle-minus:before {
 +
  content: "\e08d";
 +
}
 +
.icon-circle-check:before {
 +
  content: "\e08e";
 +
}
 +
.icon-circle-cross:before {
 +
  content: "\e08f";
 +
}
 +
.icon-square-plus:before {
 +
  content: "\e090";
 +
}
 +
.icon-square-minus:before {
 +
  content: "\e091";
 +
}
 +
.icon-square-check:before {
 +
  content: "\e092";
 +
}
 +
.icon-square-cross:before {
 +
  content: "\e093";
 +
}
 +
.icon-microphone:before {
 +
  content: "\e094";
 +
}
 +
.icon-record:before {
 +
  content: "\e095";
 +
}
 +
.icon-skip-back:before {
 +
  content: "\e096";
 +
}
 +
.icon-rewind:before {
 +
  content: "\e097";
 +
}
 +
.icon-play4:before {
 +
  content: "\e098";
 +
}
 +
.icon-pause3:before {
 +
  content: "\e099";
 +
}
 +
.icon-stop3:before {
 +
  content: "\e09a";
 +
}
 +
.icon-fast-forward:before {
 +
  content: "\e09b";
 +
}
 +
.icon-skip-forward:before {
 +
  content: "\e09c";
 +
}
 +
.icon-shuffle2:before {
 +
  content: "\e09d";
 +
}
 +
.icon-repeat:before {
 +
  content: "\e09e";
 +
}
 +
.icon-folder2:before {
 +
  content: "\e09f";
 +
}
 +
.icon-umbrella:before {
 +
  content: "\e0a0";
 +
}
 +
.icon-moon:before {
 +
  content: "\e0a1";
 +
}
 +
.icon-thermometer:before {
 +
  content: "\e0a2";
 +
}
 +
.icon-drop:before {
 +
  content: "\e0a3";
 +
}
 +
.icon-sun2:before {
 +
  content: "\e0a4";
 +
}
 +
.icon-cloud3:before {
 +
  content: "\e0a5";
 +
}
 +
.icon-cloud-upload2:before {
 +
  content: "\e0a6";
 +
}
 +
.icon-cloud-download2:before {
 +
  content: "\e0a7";
 +
}
 +
.icon-upload4:before {
 +
  content: "\e0a8";
 +
}
 +
.icon-download4:before {
 +
  content: "\e0a9";
 +
}
 +
.icon-location3:before {
 +
  content: "\e0aa";
 +
}
 +
.icon-location-2:before {
 +
  content: "\e0ab";
 +
}
 +
.icon-map3:before {
 +
  content: "\e0ac";
 +
}
 +
.icon-battery:before {
 +
  content: "\e0ad";
 +
}
 +
.icon-head:before {
 +
  content: "\e0ae";
 +
}
 +
.icon-briefcase3:before {
 +
  content: "\e0af";
 +
}
 +
.icon-speech-bubble:before {
 +
  content: "\e0b0";
 +
}
 +
.icon-anchor2:before {
 +
  content: "\e0b1";
 +
}
 +
.icon-globe2:before {
 +
  content: "\e0b2";
 +
}
 +
.icon-box:before {
 +
  content: "\e0b3";
 +
}
 +
.icon-reload:before {
 +
  content: "\e0b4";
 +
}
 +
.icon-share3:before {
 +
  content: "\e0b5";
 +
}
 +
.icon-marquee:before {
 +
  content: "\e0b6";
 +
}
 +
.icon-marquee-plus:before {
 +
  content: "\e0b7";
 +
}
 +
.icon-marquee-minus:before {
 +
  content: "\e0b8";
 +
}
 +
.icon-tag:before {
 +
  content: "\e0b9";
 +
}
 +
.icon-power2:before {
 +
  content: "\e0ba";
 +
}
 +
.icon-command2:before {
 +
  content: "\e0bb";
 +
}
 +
.icon-alt:before {
 +
  content: "\e0bc";
 +
}
 +
.icon-esc:before {
 +
  content: "\e0bd";
 +
}
 +
.icon-bar-graph:before {
 +
  content: "\e0be";
 +
}
 +
.icon-bar-graph-2:before {
 +
  content: "\e0bf";
 +
}
 +
.icon-pie-graph:before {
 +
  content: "\e0c0";
 +
}
 +
.icon-star:before {
 +
  content: "\e0c1";
 +
}
 +
.icon-arrow-left3:before {
 +
  content: "\e0c2";
 +
}
 +
.icon-arrow-right3:before {
 +
  content: "\e0c3";
 +
}
 +
.icon-arrow-up3:before {
 +
  content: "\e0c4";
 +
}
 +
.icon-arrow-down3:before {
 +
  content: "\e0c5";
 +
}
 +
.icon-volume:before {
 +
  content: "\e0c6";
 +
}
 +
.icon-mute:before {
 +
  content: "\e0c7";
 +
}
 +
.icon-content-right:before {
 +
  content: "\e100";
 +
}
 +
.icon-content-left:before {
 +
  content: "\e101";
 +
}
 +
.icon-grid2:before {
 +
  content: "\e102";
 +
}
 +
.icon-grid-2:before {
 +
  content: "\e103";
 +
}
 +
.icon-columns:before {
 +
  content: "\e104";
 +
}
 +
.icon-loader:before {
 +
  content: "\e105";
 +
}
 +
.icon-bag:before {
 +
  content: "\e106";
 +
}
 +
.icon-ban:before {
 +
  content: "\e107";
 +
}
 +
.icon-flag3:before {
 +
  content: "\e108";
 +
}
 +
.icon-trash:before {
 +
  content: "\e109";
 +
}
 +
.icon-expand2:before {
 +
  content: "\e110";
 +
}
 +
.icon-contract:before {
 +
  content: "\e111";
 +
}
 +
.icon-maximize:before {
 +
  content: "\e112";
 +
}
 +
.icon-minimize:before {
 +
  content: "\e113";
 +
}
 +
.icon-plus2:before {
 +
  content: "\e114";
 +
}
 +
.icon-minus2:before {
 +
  content: "\e115";
 +
}
 +
.icon-check:before {
 +
  content: "\e116";
 +
}
 +
.icon-cross2:before {
 +
  content: "\e117";
 +
}
 +
.icon-move:before {
 +
  content: "\e118";
 +
}
 +
.icon-delete:before {
 +
  content: "\e119";
 +
}
 +
.icon-menu5:before {
 +
  content: "\e120";
 +
}
 +
.icon-archive:before {
 +
  content: "\e121";
 +
}
 +
.icon-inbox:before {
 +
  content: "\e122";
 +
}
 +
.icon-outbox:before {
 +
  content: "\e123";
 +
}
 +
.icon-file:before {
 +
  content: "\e124";
 +
}
 +
.icon-file-add:before {
 +
  content: "\e125";
 +
}
 +
.icon-file-subtract:before {
 +
  content: "\e126";
 +
}
 +
.icon-help:before {
 +
  content: "\e127";
 +
}
 +
.icon-open:before {
 +
  content: "\e128";
 +
}
 +
.icon-ellipsis:before {
 +
  content: "\e129";
 +
}
 +
.icon-heart4:before {
 +
  content: "\e900";
 +
}
 +
.icon-cloud4:before {
 +
  content: "\e901";
 +
}
 +
.icon-star2:before {
 +
  content: "\e902";
 +
}
 +
.icon-tv2:before {
 +
  content: "\e903";
 +
}
 +
.icon-sound:before {
 +
  content: "\e904";
 +
}
 +
.icon-video3:before {
 +
  content: "\e905";
 +
}
 +
.icon-trash2:before {
 +
  content: "\e906";
 +
}
 +
.icon-user2:before {
 +
  content: "\e907";
 +
}
 +
.icon-key3:before {
 +
  content: "\e908";
 +
}
 +
.icon-search4:before {
 +
  content: "\e909";
 +
}
 +
.icon-settings:before {
 +
  content: "\e90a";
 +
}
 +
.icon-camera4:before {
 +
  content: "\e90b";
 +
}
 +
.icon-tag2:before {
 +
  content: "\e90c";
 +
}
 +
.icon-lock4:before {
 +
  content: "\e90d";
 +
}
 +
.icon-bulb:before {
 +
  content: "\e90e";
 +
}
 +
.icon-pen2:before {
 +
  content: "\e90f";
 +
}
 +
.icon-diamond:before {
 +
  content: "\e910";
 +
}
 +
.icon-display2:before {
 +
  content: "\e911";
 +
}
 +
.icon-location4:before {
 +
  content: "\e912";
 +
}
 +
.icon-eye3:before {
 +
  content: "\e913";
 +
}
 +
.icon-bubble3:before {
 +
  content: "\e914";
 +
}
 +
.icon-stack3:before {
 +
  content: "\e915";
 +
}
 +
.icon-cup:before {
 +
  content: "\e916";
 +
}
 +
.icon-phone3:before {
 +
  content: "\e917";
 +
}
 +
.icon-news:before {
 +
  content: "\e918";
 +
}
 +
.icon-mail6:before {
 +
  content: "\e919";
 +
}
 +
.icon-like:before {
 +
  content: "\e91a";
 +
}
 +
.icon-photo:before {
 +
  content: "\e91b";
 +
}
 +
.icon-note:before {
 +
  content: "\e91c";
 +
}
 +
.icon-clock4:before {
 +
  content: "\e91d";
 +
}
 +
.icon-paperplane:before {
 +
  content: "\e91e";
 +
}
 +
.icon-params:before {
 +
  content: "\e91f";
 +
}
 +
.icon-banknote:before {
 +
  content: "\e920";
 +
}
 +
.icon-data:before {
 +
  content: "\e921";
 +
}
 +
.icon-music2:before {
 +
  content: "\e922";
 +
}
 +
.icon-megaphone2:before {
 +
  content: "\e923";
 +
}
 +
.icon-study:before {
 +
  content: "\e924";
 +
}
 +
.icon-lab2:before {
 +
  content: "\e925";
 +
}
 +
.icon-food:before {
 +
  content: "\e926";
 +
}
 +
.icon-t-shirt:before {
 +
  content: "\e927";
 +
}
 +
.icon-fire2:before {
 +
  content: "\e928";
 +
}
 +
.icon-clip:before {
 +
  content: "\e929";
 +
}
 +
.icon-shop:before {
 +
  content: "\e92a";
 +
}
 +
.icon-calendar3:before {
 +
  content: "\e92b";
 +
}
 +
.icon-wallet2:before {
 +
  content: "\e92c";
 +
}
 +
.icon-vynil:before {
 +
  content: "\e92d";
 +
}
 +
.icon-truck2:before {
 +
  content: "\e92e";
 +
}
 +
.icon-world:before {
 +
  content: "\e92f";
 +
}
 +
.icon-mobile:before {
 +
  content: "\e000";
 +
}
 +
.icon-laptop:before {
 +
  content: "\e001";
 +
}
 +
.icon-desktop:before {
 +
  content: "\e002";
 +
}
 +
.icon-tablet:before {
 +
  content: "\e003";
 +
}
 +
.icon-phone:before {
 +
  content: "\e004";
 +
}
 +
.icon-document:before {
 +
  content: "\e005";
 +
}
 +
.icon-documents:before {
 +
  content: "\e006";
 +
}
 +
.icon-search:before {
 +
  content: "\e007";
 +
}
 +
.icon-clipboard:before {
 +
  content: "\e008";
 +
}
 +
.icon-newspaper:before {
 +
  content: "\e009";
 +
}
 +
.icon-notebook:before {
 +
  content: "\e00a";
 +
}
 +
.icon-book-open:before {
 +
  content: "\e00b";
 +
}
 +
.icon-browser:before {
 +
  content: "\e00c";
 +
}
 +
.icon-calendar:before {
 +
  content: "\e00d";
 +
}
 +
.icon-presentation:before {
 +
  content: "\e00e";
 +
}
 +
.icon-picture:before {
 +
  content: "\e00f";
 +
}
 +
.icon-pictures:before {
 +
  content: "\e010";
 +
}
 +
.icon-video:before {
 +
  content: "\e011";
 +
}
 +
.icon-camera:before {
 +
  content: "\e012";
 +
}
 +
.icon-printer:before {
 +
  content: "\e013";
 +
}
 +
.icon-toolbox:before {
 +
  content: "\e014";
 +
}
 +
.icon-briefcase:before {
 +
  content: "\e015";
 +
}
 +
.icon-wallet:before {
 +
  content: "\e016";
 +
}
 +
.icon-gift:before {
 +
  content: "\e017";
 +
}
 +
.icon-bargraph:before {
 +
  content: "\e018";
 +
}
 +
.icon-grid:before {
 +
  content: "\e019";
 +
}
 +
.icon-expand:before {
 +
  content: "\e01a";
 +
}
 +
.icon-focus:before {
 +
  content: "\e01b";
 +
}
 +
.icon-edit:before {
 +
  content: "\e01c";
 +
}
 +
.icon-adjustments:before {
 +
  content: "\e01d";
 +
}
 +
.icon-ribbon:before {
 +
  content: "\e01e";
 +
}
 +
.icon-hourglass:before {
 +
  content: "\e01f";
 +
}
 +
.icon-lock:before {
 +
  content: "\e020";
 +
}
 +
.icon-megaphone:before {
 +
  content: "\e021";
 +
}
 +
.icon-shield:before {
 +
  content: "\e022";
 +
}
 +
.icon-trophy:before {
 +
  content: "\e023";
 +
}
 +
.icon-flag:before {
 +
  content: "\e024";
 +
}
 +
.icon-map:before {
 +
  content: "\e025";
 +
}
 +
.icon-puzzle:before {
 +
  content: "\e026";
 +
}
 +
.icon-basket:before {
 +
  content: "\e027";
 +
}
 +
.icon-envelope:before {
 +
  content: "\e028";
 +
}
 +
.icon-streetsign:before {
 +
  content: "\e029";
 +
}
 +
.icon-telescope:before {
 +
  content: "\e02a";
 +
}
 +
.icon-gears:before {
 +
  content: "\e02b";
 +
}
 +
.icon-key:before {
 +
  content: "\e02c";
 +
}
 +
.icon-paperclip:before {
 +
  content: "\e02d";
 +
}
 +
.icon-attachment:before {
 +
  content: "\e02e";
 +
}
 +
.icon-pricetags:before {
 +
  content: "\e02f";
 +
}
 +
.icon-lightbulb:before {
 +
  content: "\e030";
 +
}
 +
.icon-layers:before {
 +
  content: "\e031";
 +
}
 +
.icon-pencil:before {
 +
  content: "\e032";
 +
}
 +
.icon-tools:before {
 +
  content: "\e033";
 +
}
 +
.icon-tools-2:before {
 +
  content: "\e034";
 +
}
 +
.icon-scissors:before {
 +
  content: "\e035";
 +
}
 +
.icon-paintbrush:before {
 +
  content: "\e036";
 +
}
 +
.icon-magnifying-glass:before {
 +
  content: "\e037";
 +
}
 +
.icon-circle-compass:before {
 +
  content: "\e038";
 +
}
 +
.icon-linegraph:before {
 +
  content: "\e039";
 +
}
 +
.icon-mic:before {
 +
  content: "\e03a";
 +
}
 +
.icon-strategy:before {
 +
  content: "\e03b";
 +
}
 +
.icon-beaker:before {
 +
  content: "\e03c";
 +
}
 +
.icon-caution:before {
 +
  content: "\e03d";
 +
}
 +
.icon-recycle:before {
 +
  content: "\e03e";
 +
}
 +
.icon-anchor:before {
 +
  content: "\e03f";
 +
}
 +
.icon-profile-male:before {
 +
  content: "\e040";
 +
}
 +
.icon-profile-female:before {
 +
  content: "\e041";
 +
}
 +
.icon-bike:before {
 +
  content: "\e042";
 +
}
 +
.icon-wine:before {
 +
  content: "\e043";
 +
}
 +
.icon-hotairballoon:before {
 +
  content: "\e044";
 +
}
 +
.icon-globe:before {
 +
  content: "\e045";
 +
}
 +
.icon-genius:before {
 +
  content: "\e046";
 +
}
 +
.icon-map-pin:before {
 +
  content: "\e047";
 +
}
 +
.icon-dial:before {
 +
  content: "\e048";
 +
}
 +
.icon-chat:before {
 +
  content: "\e049";
 +
}
 +
.icon-heart:before {
 +
  content: "\e04a";
 +
}
 +
.icon-cloud:before {
 +
  content: "\e04b";
 +
}
 +
.icon-upload:before {
 +
  content: "\e04c";
 +
}
 +
.icon-download:before {
 +
  content: "\e04d";
 +
}
 +
.icon-target:before {
 +
  content: "\e04e";
 +
}
 +
.icon-hazardous:before {
 +
  content: "\e04f";
 +
}
 +
.icon-piechart:before {
 +
  content: "\e050";
 +
}
 +
.icon-speedometer:before {
 +
  content: "\e051";
 +
}
 +
.icon-global:before {
 +
  content: "\e052";
 +
}
 +
.icon-compass:before {
 +
  content: "\e053";
 +
}
 +
.icon-lifesaver:before {
 +
  content: "\e054";
 +
}
 +
.icon-clock:before {
 +
  content: "\e055";
 +
}
 +
.icon-aperture:before {
 +
  content: "\e056";
 +
}
 +
.icon-quote:before {
 +
  content: "\e057";
 +
}
 +
.icon-scope:before {
 +
  content: "\e058";
 +
}
 +
.icon-alarmclock:before {
 +
  content: "\e059";
 +
}
 +
.icon-refresh:before {
 +
  content: "\e05a";
 +
}
 +
.icon-happy:before {
 +
  content: "\e05b";
 +
}
 +
.icon-sad:before {
 +
  content: "\e05c";
 +
}
 +
.icon-facebook:before {
 +
  content: "\e05d";
 +
}
 +
.icon-twitter:before {
 +
  content: "\e05e";
 +
}
 +
.icon-googleplus:before {
 +
  content: "\e05f";
 +
}
 +
.icon-rss:before {
 +
  content: "\e060";
 +
}
 +
.icon-tumblr:before {
 +
  content: "\e061";
 +
}
 +
.icon-linkedin:before {
 +
  content: "\e062";
 +
}
 +
.icon-dribbble:before {
 +
  content: "\e063";
 +
}
 +
.icon-home:before {
 +
  content: "\e930";
 +
}
 +
.icon-home2:before {
 +
  content: "\e931";
 +
}
 +
.icon-home3:before {
 +
  content: "\e932";
 +
}
 +
.icon-office:before {
 +
  content: "\e933";
 +
}
 +
.icon-newspaper2:before {
 +
  content: "\e934";
 +
}
 +
.icon-pencil2:before {
 +
  content: "\e935";
 +
}
 +
.icon-pencil22:before {
 +
  content: "\e936";
 +
}
 +
.icon-quill:before {
 +
  content: "\e937";
 +
}
 +
.icon-pen:before {
 +
  content: "\e938";
 +
}
 +
.icon-blog:before {
 +
  content: "\e939";
 +
}
 +
.icon-eyedropper:before {
 +
  content: "\e93a";
 +
}
 +
.icon-droplet:before {
 +
  content: "\e93b";
 +
}
 +
.icon-paint-format:before {
 +
  content: "\e93c";
 +
}
 +
.icon-image:before {
 +
  content: "\e93d";
 +
}
 +
.icon-images:before {
 +
  content: "\e93e";
 +
}
 +
.icon-camera2:before {
 +
  content: "\e93f";
 +
}
 +
.icon-headphones:before {
 +
  content: "\e940";
 +
}
 +
.icon-music:before {
 +
  content: "\e941";
 +
}
 +
.icon-play:before {
 +
  content: "\e942";
 +
}
 +
.icon-film:before {
 +
  content: "\e943";
 +
}
 +
.icon-video-camera:before {
 +
  content: "\e944";
 +
}
 +
.icon-dice:before {
 +
  content: "\e945";
 +
}
 +
.icon-pacman:before {
 +
  content: "\e946";
 +
}
 +
.icon-spades:before {
 +
  content: "\e947";
 +
}
 +
.icon-clubs:before {
 +
  content: "\e948";
 +
}
 +
.icon-diamonds:before {
 +
  content: "\e949";
 +
}
 +
.icon-bullhorn:before {
 +
  content: "\e94a";
 +
}
 +
.icon-connection:before {
 +
  content: "\e94b";
 +
}
 +
.icon-podcast:before {
 +
  content: "\e94c";
 +
}
 +
.icon-feed:before {
 +
  content: "\e94d";
 +
}
 +
.icon-mic2:before {
 +
  content: "\e94e";
 +
}
 +
.icon-book:before {
 +
  content: "\e94f";
 +
}
 +
.icon-books:before {
 +
  content: "\e950";
 +
}
 +
.icon-library:before {
 +
  content: "\e951";
 +
}
 +
.icon-file-text:before {
 +
  content: "\e952";
 +
}
 +
.icon-profile:before {
 +
  content: "\e953";
 +
}
 +
.icon-file-empty:before {
 +
  content: "\e954";
 +
}
 +
.icon-files-empty:before {
 +
  content: "\e955";
 +
}
 +
.icon-file-text2:before {
 +
  content: "\e956";
 +
}
 +
.icon-file-picture:before {
 +
  content: "\e957";
 +
}
 +
.icon-file-music:before {
 +
  content: "\e958";
 +
}
 +
.icon-file-play:before {
 +
  content: "\e959";
 +
}
 +
.icon-file-video:before {
 +
  content: "\e95a";
 +
}
 +
.icon-file-zip:before {
 +
  content: "\e95b";
 +
}
 +
.icon-copy:before {
 +
  content: "\e95c";
 +
}
 +
.icon-paste:before {
 +
  content: "\e95d";
 +
}
 +
.icon-stack:before {
 +
  content: "\e95e";
 +
}
 +
.icon-folder:before {
 +
  content: "\e95f";
 +
}
 +
.icon-folder-open:before {
 +
  content: "\e960";
 +
}
 +
.icon-folder-plus:before {
 +
  content: "\e961";
 +
}
 +
.icon-folder-minus:before {
 +
  content: "\e962";
 +
}
 +
.icon-folder-download:before {
 +
  content: "\e963";
 +
}
 +
.icon-folder-upload:before {
 +
  content: "\e964";
 +
}
 +
.icon-price-tag:before {
 +
  content: "\e965";
 +
}
 +
.icon-price-tags:before {
 +
  content: "\e966";
 +
}
 +
.icon-barcode:before {
 +
  content: "\e967";
 +
}
 +
.icon-qrcode:before {
 +
  content: "\e968";
 +
}
 +
.icon-ticket:before {
 +
  content: "\e969";
 +
}
 +
.icon-cart:before {
 +
  content: "\e96a";
 +
}
 +
.icon-coin-dollar:before {
 +
  content: "\e96b";
 +
}
 +
.icon-coin-euro:before {
 +
  content: "\e96c";
 +
}
 +
.icon-coin-pound:before {
 +
  content: "\e96d";
 +
}
 +
.icon-coin-yen:before {
 +
  content: "\e96e";
 +
}
 +
.icon-credit-card:before {
 +
  content: "\e96f";
 +
}
 +
.icon-calculator:before {
 +
  content: "\e970";
 +
}
 +
.icon-lifebuoy:before {
 +
  content: "\e971";
 +
}
 +
.icon-phone2:before {
 +
  content: "\e972";
 +
}
 +
.icon-phone-hang-up:before {
 +
  content: "\e973";
 +
}
 +
.icon-address-book:before {
 +
  content: "\e974";
 +
}
 +
.icon-envelop:before {
 +
  content: "\e975";
 +
}
 +
.icon-pushpin:before {
 +
  content: "\e976";
 +
}
 +
.icon-location:before {
 +
  content: "\e977";
 +
}
 +
.icon-location2:before {
 +
  content: "\e978";
 +
}
 +
.icon-compass2:before {
 +
  content: "\e979";
 +
}
 +
.icon-compass22:before {
 +
  content: "\e97a";
 +
}
 +
.icon-map2:before {
 +
  content: "\e97b";
 +
}
 +
.icon-map22:before {
 +
  content: "\e97c";
 +
}
 +
.icon-history:before {
 +
  content: "\e97d";
 +
}
 +
.icon-clock2:before {
 +
  content: "\e97e";
 +
}
 +
.icon-clock22:before {
 +
  content: "\e97f";
 +
}
 +
.icon-alarm:before {
 +
  content: "\e980";
 +
}
 +
.icon-bell:before {
 +
  content: "\e981";
 +
}
 +
.icon-stopwatch:before {
 +
  content: "\e982";
 +
}
 +
.icon-calendar2:before {
 +
  content: "\e983";
 +
}
 +
.icon-printer2:before {
 +
  content: "\e984";
 +
}
 +
.icon-keyboard:before {
 +
  content: "\e985";
 +
}
 +
.icon-display:before {
 +
  content: "\e986";
 +
}
 +
.icon-laptop2:before {
 +
  content: "\e987";
 +
}
 +
.icon-mobile2:before {
 +
  content: "\e988";
 +
}
 +
.icon-mobile22:before {
 +
  content: "\e989";
 +
}
 +
.icon-tablet2:before {
 +
  content: "\e98a";
 +
}
 +
.icon-tv:before {
 +
  content: "\e98b";
 +
}
 +
.icon-drawer:before {
 +
  content: "\e98c";
 +
}
 +
.icon-drawer2:before {
 +
  content: "\e98d";
 +
}
 +
.icon-box-add:before {
 +
  content: "\e98e";
 +
}
 +
.icon-box-remove:before {
 +
  content: "\e98f";
 +
}
 +
.icon-download3:before {
 +
  content: "\e990";
 +
}
 +
.icon-upload2:before {
 +
  content: "\e991";
 +
}
 +
.icon-floppy-disk:before {
 +
  content: "\e992";
 +
}
 +
.icon-drive:before {
 +
  content: "\e993";
 +
}
 +
.icon-database:before {
 +
  content: "\e994";
 +
}
 +
.icon-undo:before {
 +
  content: "\e995";
 +
}
 +
.icon-redo:before {
 +
  content: "\e996";
 +
}
 +
.icon-undo2:before {
 +
  content: "\e997";
 +
}
 +
.icon-redo2:before {
 +
  content: "\e998";
 +
}
 +
.icon-forward:before {
 +
  content: "\e999";
 +
}
 +
.icon-reply:before {
 +
  content: "\e99a";
 +
}
 +
.icon-bubble:before {
 +
  content: "\e99b";
 +
}
 +
.icon-bubbles:before {
 +
  content: "\e99c";
 +
}
 +
.icon-bubbles2:before {
 +
  content: "\e99d";
 +
}
 +
.icon-bubble2:before {
 +
  content: "\e99e";
 +
}
 +
.icon-bubbles3:before {
 +
  content: "\e99f";
 +
}
 +
.icon-bubbles4:before {
 +
  content: "\e9a0";
 +
}
 +
.icon-user:before {
 +
  content: "\e9a1";
 +
}
 +
.icon-users:before {
 +
  content: "\e9a2";
 +
}
 +
.icon-user-plus:before {
 +
  content: "\e9a3";
 +
}
 +
.icon-user-minus:before {
 +
  content: "\e9a4";
 +
}
 +
.icon-user-check:before {
 +
  content: "\e9a5";
 +
}
 +
.icon-user-tie:before {
 +
  content: "\e9a6";
 +
}
 +
.icon-quotes-left:before {
 +
  content: "\e9a7";
 +
}
 +
.icon-quotes-right:before {
 +
  content: "\e9a8";
 +
}
 +
.icon-hour-glass:before {
 +
  content: "\e9a9";
 +
}
 +
.icon-spinner:before {
 +
  content: "\e9aa";
 +
}
 +
.icon-spinner2:before {
 +
  content: "\e9ab";
 +
}
 +
.icon-spinner3:before {
 +
  content: "\e9ac";
 +
}
 +
.icon-spinner4:before {
 +
  content: "\e9ad";
 +
}
 +
.icon-spinner5:before {
 +
  content: "\e9ae";
 +
}
 +
.icon-spinner6:before {
 +
  content: "\e9af";
 +
}
 +
.icon-spinner7:before {
 +
  content: "\e9b0";
 +
}
 +
.icon-spinner8:before {
 +
  content: "\e9b1";
 +
}
 +
.icon-spinner9:before {
 +
  content: "\e9b2";
 +
}
 +
.icon-spinner10:before {
 +
  content: "\e9b3";
 +
}
 +
.icon-spinner11:before {
 +
  content: "\e9b4";
 +
}
 +
.icon-binoculars:before {
 +
  content: "\e9b5";
 +
}
 +
.icon-search2:before {
 +
  content: "\e9b6";
 +
}
 +
.icon-zoom-in:before {
 +
  content: "\e9b7";
 +
}
 +
.icon-zoom-out:before {
 +
  content: "\e9b8";
 +
}
 +
.icon-enlarge:before {
 +
  content: "\e9b9";
 +
}
 +
.icon-shrink:before {
 +
  content: "\e9ba";
 +
}
 +
.icon-enlarge2:before {
 +
  content: "\e9bb";
 +
}
 +
.icon-shrink2:before {
 +
  content: "\e9bc";
 +
}
 +
.icon-key2:before {
 +
  content: "\e9bd";
 +
}
 +
.icon-key22:before {
 +
  content: "\e9be";
 +
}
 +
.icon-lock2:before {
 +
  content: "\e9bf";
 +
}
 +
.icon-unlocked:before {
 +
  content: "\e9c0";
 +
}
 +
.icon-wrench:before {
 +
  content: "\e9c1";
 +
}
 +
.icon-equalizer:before {
 +
  content: "\e9c2";
 +
}
 +
.icon-equalizer2:before {
 +
  content: "\e9c3";
 +
}
 +
.icon-cog:before {
 +
  content: "\e9c4";
 +
}
 +
.icon-cogs:before {
 +
  content: "\e9c5";
 +
}
 +
.icon-hammer:before {
 +
  content: "\e9c6";
 +
}
 +
.icon-magic-wand:before {
 +
  content: "\e9c7";
 +
}
 +
.icon-aid-kit:before {
 +
  content: "\e9c8";
 +
}
 +
.icon-bug:before {
 +
  content: "\e9c9";
 +
}
 +
.icon-pie-chart:before {
 +
  content: "\e9ca";
 +
}
 +
.icon-stats-dots:before {
 +
  content: "\e9cb";
 +
}
 +
.icon-stats-bars:before {
 +
  content: "\e9cc";
 +
}
 +
.icon-stats-bars2:before {
 +
  content: "\e9cd";
 +
}
 +
.icon-trophy2:before {
 +
  content: "\e9ce";
 +
}
 +
.icon-gift2:before {
 +
  content: "\e9cf";
 +
}
 +
.icon-glass:before {
 +
  content: "\e9d0";
 +
}
 +
.icon-glass2:before {
 +
  content: "\e9d1";
 +
}
 +
.icon-mug:before {
 +
  content: "\e9d2";
 +
}
 +
.icon-spoon-knife:before {
 +
  content: "\e9d3";
 +
}
 +
.icon-leaf:before {
 +
  content: "\e9d4";
 +
}
 +
.icon-rocket:before {
 +
  content: "\e9d5";
 +
}
 +
.icon-meter:before {
 +
  content: "\e9d6";
 +
}
 +
.icon-meter2:before {
 +
  content: "\e9d7";
 +
}
 +
.icon-hammer2:before {
 +
  content: "\e9d8";
 +
}
 +
.icon-fire:before {
 +
  content: "\e9d9";
 +
}
 +
.icon-lab:before {
 +
  content: "\e9da";
 +
}
 +
.icon-magnet:before {
 +
  content: "\e9db";
 +
}
 +
.icon-bin:before {
 +
  content: "\e9dc";
 +
}
 +
.icon-bin2:before {
 +
  content: "\e9dd";
 +
}
 +
.icon-briefcase2:before {
 +
  content: "\e9de";
 +
}
 +
.icon-airplane:before {
 +
  content: "\e9df";
 +
}
 +
.icon-truck:before {
 +
  content: "\e9e0";
 +
}
 +
.icon-road:before {
 +
  content: "\e9e1";
 +
}
 +
.icon-accessibility:before {
 +
  content: "\e9e2";
 +
}
 +
.icon-target2:before {
 +
  content: "\e9e3";
 +
}
 +
.icon-shield2:before {
 +
  content: "\e9e4";
 +
}
 +
.icon-power:before {
 +
  content: "\e9e5";
 +
}
 +
.icon-switch:before {
 +
  content: "\e9e6";
 +
}
 +
.icon-power-cord:before {
 +
  content: "\e9e7";
 +
}
 +
.icon-clipboard2:before {
 +
  content: "\e9e8";
 +
}
 +
.icon-list-numbered:before {
 +
  content: "\e9e9";
 +
}
 +
.icon-list:before {
 +
  content: "\e9ea";
 +
}
 +
.icon-list2:before {
 +
  content: "\e9eb";
 +
}
 +
.icon-tree:before {
 +
  content: "\e9ec";
 +
}
 +
.icon-menu:before {
 +
  content: "\e9ed";
 +
}
 +
.icon-menu2:before {
 +
  content: "\e9ee";
 +
}
 +
.icon-menu3:before {
 +
  content: "\e9ef";
 +
}
 +
.icon-menu4:before {
 +
  content: "\e9f0";
 +
}
 +
.icon-cloud2:before {
 +
  content: "\e9f1";
 +
}
 +
.icon-cloud-download:before {
 +
  content: "\e9f2";
 +
}
 +
.icon-cloud-upload:before {
 +
  content: "\e9f3";
 +
}
 +
.icon-cloud-check:before {
 +
  content: "\e9f4";
 +
}
 +
.icon-download2:before {
 +
  content: "\e9f5";
 +
}
 +
.icon-upload22:before {
 +
  content: "\e9f6";
 +
}
 +
.icon-download32:before {
 +
  content: "\e9f7";
 +
}
 +
.icon-upload3:before {
 +
  content: "\e9f8";
 +
}
 +
.icon-sphere:before {
 +
  content: "\e9f9";
 +
}
 +
.icon-earth:before {
 +
  content: "\e9fa";
 +
}
 +
.icon-link:before {
 +
  content: "\e9fb";
 +
}
 +
.icon-flag2:before {
 +
  content: "\e9fc";
 +
}
 +
.icon-attachment2:before {
 +
  content: "\e9fd";
 +
}
 +
.icon-eye:before {
 +
  content: "\e9fe";
 +
}
 +
.icon-eye-plus:before {
 +
  content: "\e9ff";
 +
}
 +
.icon-eye-minus:before {
 +
  content: "\ea00";
 +
}
 +
.icon-eye-blocked:before {
 +
  content: "\ea01";
 +
}
 +
.icon-bookmark:before {
 +
  content: "\ea02";
 +
}
 +
.icon-bookmarks:before {
 +
  content: "\ea03";
 +
}
 +
.icon-sun:before {
 +
  content: "\ea04";
 +
}
 +
.icon-contrast:before {
 +
  content: "\ea05";
 +
}
 +
.icon-brightness-contrast:before {
 +
  content: "\ea06";
 +
}
 +
.icon-star-empty:before {
 +
  content: "\ea07";
 +
}
 +
.icon-star-half:before {
 +
  content: "\ea08";
 +
}
 +
.icon-star-full:before {
 +
  content: "\ea09";
 +
}
 +
.icon-heart2:before {
 +
  content: "\ea0a";
 +
}
 +
.icon-heart-broken:before {
 +
  content: "\ea0b";
 +
}
 +
.icon-man:before {
 +
  content: "\ea0c";
 +
}
 +
.icon-woman:before {
 +
  content: "\ea0d";
 +
}
 +
.icon-man-woman:before {
 +
  content: "\ea0e";
 +
}
 +
.icon-happy3:before {
 +
  content: "\ea0f";
 +
}
 +
.icon-happy2:before {
 +
  content: "\ea10";
 +
}
 +
.icon-smile:before {
 +
  content: "\ea11";
 +
}
 +
.icon-smile2:before {
 +
  content: "\ea12";
 +
}
 +
.icon-tongue:before {
 +
  content: "\ea13";
 +
}
 +
.icon-tongue2:before {
 +
  content: "\ea14";
 +
}
 +
.icon-sad2:before {
 +
  content: "\ea15";
 +
}
 +
.icon-sad22:before {
 +
  content: "\ea16";
 +
}
 +
.icon-wink:before {
 +
  content: "\ea17";
 +
}
 +
.icon-wink2:before {
 +
  content: "\ea18";
 +
}
 +
.icon-grin:before {
 +
  content: "\ea19";
 +
}
 +
.icon-grin2:before {
 +
  content: "\ea1a";
 +
}
 +
.icon-cool:before {
 +
  content: "\ea1b";
 +
}
 +
.icon-cool2:before {
 +
  content: "\ea1c";
 +
}
 +
.icon-angry:before {
 +
  content: "\ea1d";
 +
}
 +
.icon-angry2:before {
 +
  content: "\ea1e";
 +
}
 +
.icon-evil:before {
 +
  content: "\ea1f";
 +
}
 +
.icon-evil2:before {
 +
  content: "\ea20";
 +
}
 +
.icon-shocked:before {
 +
  content: "\ea21";
 +
}
 +
.icon-shocked2:before {
 +
  content: "\ea22";
 +
}
 +
.icon-baffled:before {
 +
  content: "\ea23";
 +
}
 +
.icon-baffled2:before {
 +
  content: "\ea24";
 +
}
 +
.icon-confused:before {
 +
  content: "\ea25";
 +
}
 +
.icon-confused2:before {
 +
  content: "\ea26";
 +
}
 +
.icon-neutral:before {
 +
  content: "\ea27";
 +
}
 +
.icon-neutral2:before {
 +
  content: "\ea28";
 +
}
 +
.icon-hipster:before {
 +
  content: "\ea29";
 +
}
 +
.icon-hipster2:before {
 +
  content: "\ea2a";
 +
}
 +
.icon-wondering:before {
 +
  content: "\ea2b";
 +
}
 +
.icon-wondering2:before {
 +
  content: "\ea2c";
 +
}
 +
.icon-sleepy:before {
 +
  content: "\ea2d";
 +
}
 +
.icon-sleepy2:before {
 +
  content: "\ea2e";
 +
}
 +
.icon-frustrated:before {
 +
  content: "\ea2f";
 +
}
 +
.icon-frustrated2:before {
 +
  content: "\ea30";
 +
}
 +
.icon-crying:before {
 +
  content: "\ea31";
 +
}
 +
.icon-crying2:before {
 +
  content: "\ea32";
 +
}
 +
.icon-point-up:before {
 +
  content: "\ea33";
 +
}
 +
.icon-point-right:before {
 +
  content: "\ea34";
 +
}
 +
.icon-point-down:before {
 +
  content: "\ea35";
 +
}
 +
.icon-point-left:before {
 +
  content: "\ea36";
 +
}
 +
.icon-warning:before {
 +
  content: "\ea37";
 +
}
 +
.icon-notification:before {
 +
  content: "\ea38";
 +
}
 +
.icon-question:before {
 +
  content: "\ea39";
 +
}
 +
.icon-plus:before {
 +
  content: "\ea3a";
 +
}
 +
.icon-minus:before {
 +
  content: "\ea3b";
 +
}
 +
.icon-info:before {
 +
  content: "\ea3c";
 +
}
 +
.icon-cancel-circle:before {
 +
  content: "\ea3d";
 +
}
 +
.icon-blocked:before {
 +
  content: "\ea3e";
 +
}
 +
.icon-cross:before {
 +
  content: "\ea3f";
 +
}
 +
.icon-checkmark:before {
 +
  content: "\ea40";
 +
}
 +
.icon-checkmark2:before {
 +
  content: "\ea41";
 +
}
 +
.icon-spell-check:before {
 +
  content: "\ea42";
 +
}
 +
.icon-enter:before {
 +
  content: "\ea43";
 +
}
 +
.icon-exit:before {
 +
  content: "\ea44";
 +
}
 +
.icon-play2:before {
 +
  content: "\ea45";
 +
}
 +
.icon-pause:before {
 +
  content: "\ea46";
 +
}
 +
.icon-stop:before {
 +
  content: "\ea47";
 +
}
 +
.icon-previous:before {
 +
  content: "\ea48";
 +
}
 +
.icon-next:before {
 +
  content: "\ea49";
 +
}
 +
.icon-backward:before {
 +
  content: "\ea4a";
 +
}
 +
.icon-forward2:before {
 +
  content: "\ea4b";
 +
}
 +
.icon-play3:before {
 +
  content: "\ea4c";
 +
}
 +
.icon-pause2:before {
 +
  content: "\ea4d";
 +
}
 +
.icon-stop2:before {
 +
  content: "\ea4e";
 +
}
 +
.icon-backward2:before {
 +
  content: "\ea4f";
 +
}
 +
.icon-forward3:before {
 +
  content: "\ea50";
 +
}
 +
.icon-first:before {
 +
  content: "\ea51";
 +
}
 +
.icon-last:before {
 +
  content: "\ea52";
 +
}
 +
.icon-previous2:before {
 +
  content: "\ea53";
 +
}
 +
.icon-next2:before {
 +
  content: "\ea54";
 +
}
 +
.icon-eject:before {
 +
  content: "\ea55";
 +
}
 +
.icon-volume-high:before {
 +
  content: "\ea56";
 +
}
 +
.icon-volume-medium:before {
 +
  content: "\ea57";
 +
}
 +
.icon-volume-low:before {
 +
  content: "\ea58";
 +
}
 +
.icon-volume-mute:before {
 +
  content: "\ea59";
 +
}
 +
.icon-volume-mute2:before {
 +
  content: "\ea5a";
 +
}
 +
.icon-volume-increase:before {
 +
  content: "\ea5b";
 +
}
 +
.icon-volume-decrease:before {
 +
  content: "\ea5c";
 +
}
 +
.icon-loop:before {
 +
  content: "\ea5d";
 +
}
 +
.icon-loop2:before {
 +
  content: "\ea5e";
 +
}
 +
.icon-infinite:before {
 +
  content: "\ea5f";
 +
}
 +
.icon-shuffle:before {
 +
  content: "\ea60";
 +
}
 +
.icon-arrow-up-left:before {
 +
  content: "\ea61";
 +
}
 +
.icon-arrow-up:before {
 +
  content: "\ea62";
 +
}
 +
.icon-arrow-up-right:before {
 +
  content: "\ea63";
 +
}
 +
.icon-arrow-right:before {
 +
  content: "\ea64";
 +
}
 +
.icon-arrow-down-right:before {
 +
  content: "\ea65";
 +
}
 +
.icon-arrow-down:before {
 +
  content: "\ea66";
 +
}
 +
.icon-arrow-down-left:before {
 +
  content: "\ea67";
 +
}
 +
.icon-arrow-left:before {
 +
  content: "\ea68";
 +
}
 +
.icon-arrow-up-left2:before {
 +
  content: "\ea69";
 +
}
 +
.icon-arrow-up2:before {
 +
  content: "\ea6a";
 +
}
 +
.icon-arrow-up-right2:before {
 +
  content: "\ea6b";
 +
}
 +
.icon-arrow-right2:before {
 +
  content: "\ea6c";
 +
}
 +
.icon-arrow-down-right2:before {
 +
  content: "\ea6d";
 +
}
 +
.icon-arrow-down2:before {
 +
  content: "\ea6e";
 +
}
 +
.icon-arrow-down-left2:before {
 +
  content: "\ea6f";
 +
}
 +
.icon-arrow-left2:before {
 +
  content: "\ea70";
 +
}
 +
.icon-circle-up:before {
 +
  content: "\ea71";
 +
}
 +
.icon-circle-right:before {
 +
  content: "\ea72";
 +
}
 +
.icon-circle-down:before {
 +
  content: "\ea73";
 +
}
 +
.icon-circle-left:before {
 +
  content: "\ea74";
 +
}
 +
.icon-tab:before {
 +
  content: "\ea75";
 +
}
 +
.icon-move-up:before {
 +
  content: "\ea76";
 +
}
 +
.icon-move-down:before {
 +
  content: "\ea77";
 +
}
 +
.icon-sort-alpha-asc:before {
 +
  content: "\ea78";
 +
}
 +
.icon-sort-alpha-desc:before {
 +
  content: "\ea79";
 +
}
 +
.icon-sort-numeric-asc:before {
 +
  content: "\ea7a";
 +
}
 +
.icon-sort-numberic-desc:before {
 +
  content: "\ea7b";
 +
}
 +
.icon-sort-amount-asc:before {
 +
  content: "\ea7c";
 +
}
 +
.icon-sort-amount-desc:before {
 +
  content: "\ea7d";
 +
}
 +
.icon-command:before {
 +
  content: "\ea7e";
 +
}
 +
.icon-shift:before {
 +
  content: "\ea7f";
 +
}
 +
.icon-ctrl:before {
 +
  content: "\ea80";
 +
}
 +
.icon-opt:before {
 +
  content: "\ea81";
 +
}
 +
.icon-checkbox-checked:before {
 +
  content: "\ea82";
 +
}
 +
.icon-checkbox-unchecked:before {
 +
  content: "\ea83";
 +
}
 +
.icon-radio-checked:before {
 +
  content: "\ea84";
 +
}
 +
.icon-radio-checked2:before {
 +
  content: "\ea85";
 +
}
 +
.icon-radio-unchecked:before {
 +
  content: "\ea86";
 +
}
 +
.icon-crop:before {
 +
  content: "\ea87";
 +
}
 +
.icon-make-group:before {
 +
  content: "\ea88";
 +
}
 +
.icon-ungroup:before {
 +
  content: "\ea89";
 +
}
 +
.icon-scissors2:before {
 +
  content: "\ea8a";
 +
}
 +
.icon-filter:before {
 +
  content: "\ea8b";
 +
}
 +
.icon-font:before {
 +
  content: "\ea8c";
 +
}
 +
.icon-ligature:before {
 +
  content: "\ea8d";
 +
}
 +
.icon-ligature2:before {
 +
  content: "\ea8e";
 +
}
 +
.icon-text-height:before {
 +
  content: "\ea8f";
 +
}
 +
.icon-text-width:before {
 +
  content: "\ea90";
 +
}
 +
.icon-font-size:before {
 +
  content: "\ea91";
 +
}
 +
.icon-bold:before {
 +
  content: "\ea92";
 +
}
 +
.icon-underline:before {
 +
  content: "\ea93";
 +
}
 +
.icon-italic:before {
 +
  content: "\ea94";
 +
}
 +
.icon-strikethrough:before {
 +
  content: "\ea95";
 +
}
 +
.icon-omega:before {
 +
  content: "\ea96";
 +
}
 +
.icon-sigma:before {
 +
  content: "\ea97";
 +
}
 +
.icon-page-break:before {
 +
  content: "\ea98";
 +
}
 +
.icon-superscript:before {
 +
  content: "\ea99";
 +
}
 +
.icon-subscript:before {
 +
  content: "\ea9a";
 +
}
 +
.icon-superscript2:before {
 +
  content: "\ea9b";
 +
}
 +
.icon-subscript2:before {
 +
  content: "\ea9c";
 +
}
 +
.icon-text-color:before {
 +
  content: "\ea9d";
 +
}
 +
.icon-pagebreak:before {
 +
  content: "\ea9e";
 +
}
 +
.icon-clear-formatting:before {
 +
  content: "\ea9f";
 +
}
 +
.icon-table:before {
 +
  content: "\eaa0";
 +
}
 +
.icon-table2:before {
 +
  content: "\eaa1";
 +
}
 +
.icon-insert-template:before {
 +
  content: "\eaa2";
 +
}
 +
.icon-pilcrow:before {
 +
  content: "\eaa3";
 +
}
 +
.icon-ltr:before {
 +
  content: "\eaa4";
 +
}
 +
.icon-rtl:before {
 +
  content: "\eaa5";
 +
}
 +
.icon-section:before {
 +
  content: "\eaa6";
 +
}
 +
.icon-paragraph-left:before {
 +
  content: "\eaa7";
 +
}
 +
.icon-paragraph-center:before {
 +
  content: "\eaa8";
 +
}
 +
.icon-paragraph-right:before {
 +
  content: "\eaa9";
 +
}
 +
.icon-paragraph-justify:before {
 +
  content: "\eaaa";
 +
}
 +
.icon-indent-increase:before {
 +
  content: "\eaab";
 +
}
 +
.icon-indent-decrease:before {
 +
  content: "\eaac";
 +
}
 +
.icon-share:before {
 +
  content: "\eaad";
 +
}
 +
.icon-new-tab:before {
 +
  content: "\eaae";
 +
}
 +
.icon-embed:before {
 +
  content: "\eaaf";
 +
}
 +
.icon-embed2:before {
 +
  content: "\eab0";
 +
}
 +
.icon-terminal:before {
 +
  content: "\eab1";
 +
}
 +
.icon-share2:before {
 +
  content: "\eab2";
 +
}
 +
.icon-mail:before {
 +
  content: "\eab3";
 +
}
 +
.icon-mail2:before {
 +
  content: "\eab4";
 +
}
 +
.icon-mail3:before {
 +
  content: "\eab5";
 +
}
 +
.icon-mail4:before {
 +
  content: "\eab6";
 +
}
 +
.icon-amazon:before {
 +
  content: "\eab7";
 +
}
 +
.icon-google:before {
 +
  content: "\eab8";
 +
}
 +
.icon-google2:before {
 +
  content: "\eab9";
 +
}
 +
.icon-google3:before {
 +
  content: "\eaba";
 +
}
 +
.icon-google-plus:before {
 +
  content: "\eabb";
 +
}
 +
.icon-google-plus2:before {
 +
  content: "\eabc";
 +
}
 +
.icon-google-plus3:before {
 +
  content: "\eabd";
 +
}
 +
.icon-hangouts:before {
 +
  content: "\eabe";
 +
}
 +
.icon-google-drive:before {
 +
  content: "\eabf";
 +
}
 +
.icon-facebook2:before {
 +
  content: "\eac0";
 +
}
 +
.icon-facebook22:before {
 +
  content: "\eac1";
 +
}
 +
.icon-instagram:before {
 +
  content: "\eac2";
 +
}
 +
.icon-whatsapp:before {
 +
  content: "\eac3";
 +
}
 +
.icon-spotify:before {
 +
  content: "\eac4";
 +
}
 +
.icon-telegram:before {
 +
  content: "\eac5";
 +
}
 +
.icon-twitter2:before {
 +
  content: "\eac6";
 +
}
 +
.icon-vine:before {
 +
  content: "\eac7";
 +
}
 +
.icon-vk:before {
 +
  content: "\eac8";
 +
}
 +
.icon-renren:before {
 +
  content: "\eac9";
 +
}
 +
.icon-sina-weibo:before {
 +
  content: "\eaca";
 +
}
 +
.icon-rss2:before {
 +
  content: "\eacb";
 +
}
 +
.icon-rss22:before {
 +
  content: "\eacc";
 +
}
 +
.icon-youtube:before {
 +
  content: "\eacd";
 +
}
 +
.icon-youtube2:before {
 +
  content: "\eace";
 +
}
 +
.icon-twitch:before {
 +
  content: "\eacf";
 +
}
 +
.icon-vimeo:before {
 +
  content: "\ead0";
 +
}
 +
.icon-vimeo2:before {
 +
  content: "\ead1";
 +
}
 +
.icon-lanyrd:before {
 +
  content: "\ead2";
 +
}
 +
.icon-flickr:before {
 +
  content: "\ead3";
 +
}
 +
.icon-flickr2:before {
 +
  content: "\ead4";
 +
}
 +
.icon-flickr3:before {
 +
  content: "\ead5";
 +
}
 +
.icon-flickr4:before {
 +
  content: "\ead6";
 +
}
 +
.icon-dribbble2:before {
 +
  content: "\ead7";
 +
}
 +
.icon-behance:before {
 +
  content: "\ead8";
 +
}
 +
.icon-behance2:before {
 +
  content: "\ead9";
 +
}
 +
.icon-deviantart:before {
 +
  content: "\eada";
 +
}
 +
.icon-500px:before {
 +
  content: "\eadb";
 +
}
 +
.icon-steam:before {
 +
  content: "\eadc";
 +
}
 +
.icon-steam2:before {
 +
  content: "\eadd";
 +
}
 +
.icon-dropbox:before {
 +
  content: "\eade";
 +
}
 +
.icon-onedrive:before {
 +
  content: "\eadf";
 +
}
 +
.icon-github:before {
 +
  content: "\eae0";
 +
}
 +
.icon-npm:before {
 +
  content: "\eae1";
 +
}
 +
.icon-basecamp:before {
 +
  content: "\eae2";
 +
}
 +
.icon-trello:before {
 +
  content: "\eae3";
 +
}
 +
.icon-wordpress:before {
 +
  content: "\eae4";
 +
}
 +
.icon-joomla:before {
 +
  content: "\eae5";
 +
}
 +
.icon-ello:before {
 +
  content: "\eae6";
 +
}
 +
.icon-blogger:before {
 +
  content: "\eae7";
 +
}
 +
.icon-blogger2:before {
 +
  content: "\eae8";
 +
}
 +
.icon-tumblr2:before {
 +
  content: "\eae9";
 +
}
 +
.icon-tumblr22:before {
 +
  content: "\eaea";
 +
}
 +
.icon-yahoo:before {
 +
  content: "\eaeb";
 +
}
 +
.icon-yahoo2:before {
 +
  content: "\eaec";
 +
}
 +
.icon-tux:before {
 +
  content: "\eaed";
 +
}
 +
.icon-appleinc:before {
 +
  content: "\eaee";
 +
}
 +
.icon-finder:before {
 +
  content: "\eaef";
 +
}
 +
.icon-android:before {
 +
  content: "\eaf0";
 +
}
 +
.icon-windows:before {
 +
  content: "\eaf1";
 +
}
 +
.icon-windows8:before {
 +
  content: "\eaf2";
 +
}
 +
.icon-soundcloud:before {
 +
  content: "\eaf3";
 +
}
 +
.icon-soundcloud2:before {
 +
  content: "\eaf4";
 +
}
 +
.icon-skype:before {
 +
  content: "\eaf5";
 +
}
 +
.icon-reddit:before {
 +
  content: "\eaf6";
 +
}
 +
.icon-hackernews:before {
 +
  content: "\eaf7";
 +
}
 +
.icon-wikipedia:before {
 +
  content: "\eaf8";
 +
}
 +
.icon-linkedin2:before {
 +
  content: "\eaf9";
 +
}
 +
.icon-linkedin22:before {
 +
  content: "\eafa";
 +
}
 +
.icon-lastfm:before {
 +
  content: "\eafb";
 +
}
 +
.icon-lastfm2:before {
 +
  content: "\eafc";
 +
}
 +
.icon-delicious:before {
 +
  content: "\eafd";
 +
}
 +
.icon-stumbleupon:before {
 +
  content: "\eafe";
 +
}
 +
.icon-stumbleupon2:before {
 +
  content: "\eaff";
 +
}
 +
.icon-stackoverflow:before {
 +
  content: "\eb00";
 +
}
 +
.icon-pinterest:before {
 +
  content: "\eb01";
 +
}
 +
.icon-pinterest2:before {
 +
  content: "\eb02";
 +
}
 +
.icon-xing:before {
 +
  content: "\eb03";
 +
}
 +
.icon-xing2:before {
 +
  content: "\eb04";
 +
}
 +
.icon-flattr:before {
 +
  content: "\eb05";
 +
}
 +
.icon-foursquare:before {
 +
  content: "\eb06";
 +
}
 +
.icon-yelp:before {
 +
  content: "\eb07";
 +
}
 +
.icon-paypal:before {
 +
  content: "\eb08";
 +
}
 +
.icon-chrome:before {
 +
  content: "\eb09";
 +
}
 +
.icon-firefox:before {
 +
  content: "\eb0a";
 +
}
 +
.icon-IE:before {
 +
  content: "\eb0b";
 +
}
 +
.icon-edge:before {
 +
  content: "\eb0c";
 +
}
 +
.icon-safari:before {
 +
  content: "\eb0d";
 +
}
 +
.icon-opera:before {
 +
  content: "\eb0e";
 +
}
 +
.icon-file-pdf:before {
 +
  content: "\eb0f";
 +
}
 +
.icon-file-openoffice:before {
 +
  content: "\eb10";
 +
}
 +
.icon-file-word:before {
 +
  content: "\eb11";
 +
}
 +
.icon-file-excel:before {
 +
  content: "\eb12";
 +
}
 +
.icon-libreoffice:before {
 +
  content: "\eb13";
 +
}
 +
.icon-html-five:before {
 +
  content: "\eb14";
 +
}
 +
.icon-html-five2:before {
 +
  content: "\eb15";
 +
}
 +
.icon-css3:before {
 +
  content: "\eb16";
 +
}
 +
.icon-git:before {
 +
  content: "\eb17";
 +
}
 +
.icon-codepen:before {
 +
  content: "\eb18";
 +
}
 +
.icon-svg:before {
 +
  content: "\eb19";
 +
}
 +
.icon-IcoMoon:before {
 +
  content: "\eb1a";
 +
}
 +
 +
@charset "UTF-8";
 +
 +
/*!
 +
Animate.css - http://daneden.me/animate
 +
Licensed under the MIT license - http://opensource.org/licenses/MIT
 +
 +
Copyright (c) 2015 Daniel Eden
 +
*/
 +
 +
.animated {
 +
  -webkit-animation-duration: 1s;
 +
  animation-duration: 1s;
 +
  -webkit-animation-fill-mode: both;
 +
  animation-fill-mode: both;
 +
}
 +
.animated-fast {
 +
  -webkit-animation-duration: .5s;
 +
  animation-duration: .5s;
 +
  -webkit-animation-fill-mode: both;
 +
  animation-fill-mode: both;
 +
}
 +
 +
.animated.infinite {
 +
  -webkit-animation-iteration-count: infinite;
 +
  animation-iteration-count: infinite;
 +
}
 +
 +
.animated.hinge {
 +
  -webkit-animation-duration: 2s;
 +
  animation-duration: 2s;
 +
}
 +
 +
.animated.bounceIn,
 +
.animated.bounceOut {
 +
  -webkit-animation-duration: .75s;
 +
  animation-duration: .75s;
 +
}
 +
 +
.animated.flipOutX,
 +
.animated.flipOutY {
 +
  -webkit-animation-duration: .75s;
 +
  animation-duration: .75s;
 +
}
 +
 +
@-webkit-keyframes bounce {
 +
  from, 20%, 53%, 80%, to {
 +
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
    -webkit-transform: translate3d(0,0,0);
 +
    transform: translate3d(0,0,0);
 +
  }
 +
 +
  40%, 43% {
 +
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 +
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 +
    -webkit-transform: translate3d(0, -30px, 0);
 +
    transform: translate3d(0, -30px, 0);
 +
  }
 +
 +
  70% {
 +
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 +
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 +
    -webkit-transform: translate3d(0, -15px, 0);
 +
    transform: translate3d(0, -15px, 0);
 +
  }
 +
 +
  90% {
 +
    -webkit-transform: translate3d(0,-4px,0);
 +
    transform: translate3d(0,-4px,0);
 +
  }
 +
}
 +
 +
@keyframes bounce {
 +
  from, 20%, 53%, 80%, to {
 +
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
    -webkit-transform: translate3d(0,0,0);
 +
    transform: translate3d(0,0,0);
 +
  }
 +
 +
  40%, 43% {
 +
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 +
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 +
    -webkit-transform: translate3d(0, -30px, 0);
 +
    transform: translate3d(0, -30px, 0);
 +
  }
 +
 +
  70% {
 +
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 +
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 +
    -webkit-transform: translate3d(0, -15px, 0);
 +
    transform: translate3d(0, -15px, 0);
 +
  }
 +
 +
  90% {
 +
    -webkit-transform: translate3d(0,-4px,0);
 +
    transform: translate3d(0,-4px,0);
 +
  }
 +
}
 +
 +
.bounce {
 +
  -webkit-animation-name: bounce;
 +
  animation-name: bounce;
 +
  -webkit-transform-origin: center bottom;
 +
  transform-origin: center bottom;
 +
}
 +
 +
@-webkit-keyframes flash {
 +
  from, 50%, to {
 +
    opacity: 1;
 +
  }
 +
 +
  25%, 75% {
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
@keyframes flash {
 +
  from, 50%, to {
 +
    opacity: 1;
 +
  }
 +
 +
  25%, 75% {
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
.flash {
 +
  -webkit-animation-name: flash;
 +
  animation-name: flash;
 +
}
 +
 +
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 +
 +
@-webkit-keyframes pulse {
 +
  from {
 +
    -webkit-transform: scale3d(1, 1, 1);
 +
    transform: scale3d(1, 1, 1);
 +
  }
 +
 +
  50% {
 +
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
 +
    transform: scale3d(1.05, 1.05, 1.05);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: scale3d(1, 1, 1);
 +
    transform: scale3d(1, 1, 1);
 +
  }
 +
}
 +
 +
@keyframes pulse {
 +
  from {
 +
    -webkit-transform: scale3d(1, 1, 1);
 +
    transform: scale3d(1, 1, 1);
 +
  }
 +
 +
  50% {
 +
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
 +
    transform: scale3d(1.05, 1.05, 1.05);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: scale3d(1, 1, 1);
 +
    transform: scale3d(1, 1, 1);
 +
  }
 +
}
 +
 +
.pulse {
 +
  -webkit-animation-name: pulse;
 +
  animation-name: pulse;
 +
}
 +
 +
@-webkit-keyframes rubberBand {
 +
  from {
 +
    -webkit-transform: scale3d(1, 1, 1);
 +
    transform: scale3d(1, 1, 1);
 +
  }
 +
 +
  30% {
 +
    -webkit-transform: scale3d(1.25, 0.75, 1);
 +
    transform: scale3d(1.25, 0.75, 1);
 +
  }
 +
 +
  40% {
 +
    -webkit-transform: scale3d(0.75, 1.25, 1);
 +
    transform: scale3d(0.75, 1.25, 1);
 +
  }
 +
 +
  50% {
 +
    -webkit-transform: scale3d(1.15, 0.85, 1);
 +
    transform: scale3d(1.15, 0.85, 1);
 +
  }
 +
 +
  65% {
 +
    -webkit-transform: scale3d(.95, 1.05, 1);
 +
    transform: scale3d(.95, 1.05, 1);
 +
  }
 +
 +
  75% {
 +
    -webkit-transform: scale3d(1.05, .95, 1);
 +
    transform: scale3d(1.05, .95, 1);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: scale3d(1, 1, 1);
 +
    transform: scale3d(1, 1, 1);
 +
  }
 +
}
 +
 +
@keyframes rubberBand {
 +
  from {
 +
    -webkit-transform: scale3d(1, 1, 1);
 +
    transform: scale3d(1, 1, 1);
 +
  }
 +
 +
  30% {
 +
    -webkit-transform: scale3d(1.25, 0.75, 1);
 +
    transform: scale3d(1.25, 0.75, 1);
 +
  }
 +
 +
  40% {
 +
    -webkit-transform: scale3d(0.75, 1.25, 1);
 +
    transform: scale3d(0.75, 1.25, 1);
 +
  }
 +
 +
  50% {
 +
    -webkit-transform: scale3d(1.15, 0.85, 1);
 +
    transform: scale3d(1.15, 0.85, 1);
 +
  }
 +
 +
  65% {
 +
    -webkit-transform: scale3d(.95, 1.05, 1);
 +
    transform: scale3d(.95, 1.05, 1);
 +
  }
 +
 +
  75% {
 +
    -webkit-transform: scale3d(1.05, .95, 1);
 +
    transform: scale3d(1.05, .95, 1);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: scale3d(1, 1, 1);
 +
    transform: scale3d(1, 1, 1);
 +
  }
 +
}
 +
 +
.rubberBand {
 +
  -webkit-animation-name: rubberBand;
 +
  animation-name: rubberBand;
 +
}
 +
 +
@-webkit-keyframes shake {
 +
  from, to {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
 +
  10%, 30%, 50%, 70%, 90% {
 +
    -webkit-transform: translate3d(-10px, 0, 0);
 +
    transform: translate3d(-10px, 0, 0);
 +
  }
 +
 +
  20%, 40%, 60%, 80% {
 +
    -webkit-transform: translate3d(10px, 0, 0);
 +
    transform: translate3d(10px, 0, 0);
 +
  }
 +
}
 +
 +
@keyframes shake {
 +
  from, to {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
 +
  10%, 30%, 50%, 70%, 90% {
 +
    -webkit-transform: translate3d(-10px, 0, 0);
 +
    transform: translate3d(-10px, 0, 0);
 +
  }
 +
 +
  20%, 40%, 60%, 80% {
 +
    -webkit-transform: translate3d(10px, 0, 0);
 +
    transform: translate3d(10px, 0, 0);
 +
  }
 +
}
 +
 +
.shake {
 +
  -webkit-animation-name: shake;
 +
  animation-name: shake;
 +
}
 +
 +
@-webkit-keyframes swing {
 +
  20% {
 +
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
 +
    transform: rotate3d(0, 0, 1, 15deg);
 +
  }
 +
 +
  40% {
 +
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
 +
    transform: rotate3d(0, 0, 1, -10deg);
 +
  }
 +
 +
  60% {
 +
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
 +
    transform: rotate3d(0, 0, 1, 5deg);
 +
  }
 +
 +
  80% {
 +
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
 +
    transform: rotate3d(0, 0, 1, -5deg);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
 +
    transform: rotate3d(0, 0, 1, 0deg);
 +
  }
 +
}
 +
 +
@keyframes swing {
 +
  20% {
 +
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
 +
    transform: rotate3d(0, 0, 1, 15deg);
 +
  }
 +
 +
  40% {
 +
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
 +
    transform: rotate3d(0, 0, 1, -10deg);
 +
  }
 +
 +
  60% {
 +
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
 +
    transform: rotate3d(0, 0, 1, 5deg);
 +
  }
 +
 +
  80% {
 +
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
 +
    transform: rotate3d(0, 0, 1, -5deg);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
 +
    transform: rotate3d(0, 0, 1, 0deg);
 +
  }
 +
}
 +
 +
.swing {
 +
  -webkit-transform-origin: top center;
 +
  transform-origin: top center;
 +
  -webkit-animation-name: swing;
 +
  animation-name: swing;
 +
}
 +
 +
@-webkit-keyframes tada {
 +
  from {
 +
    -webkit-transform: scale3d(1, 1, 1);
 +
    transform: scale3d(1, 1, 1);
 +
  }
 +
 +
  10%, 20% {
 +
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 +
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 +
  }
 +
 +
  30%, 50%, 70%, 90% {
 +
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 +
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 +
  }
 +
 +
  40%, 60%, 80% {
 +
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 +
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: scale3d(1, 1, 1);
 +
    transform: scale3d(1, 1, 1);
 +
  }
 +
}
 +
 +
@keyframes tada {
 +
  from {
 +
    -webkit-transform: scale3d(1, 1, 1);
 +
    transform: scale3d(1, 1, 1);
 +
  }
 +
 +
  10%, 20% {
 +
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 +
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 +
  }
 +
 +
  30%, 50%, 70%, 90% {
 +
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 +
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 +
  }
 +
 +
  40%, 60%, 80% {
 +
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 +
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: scale3d(1, 1, 1);
 +
    transform: scale3d(1, 1, 1);
 +
  }
 +
}
 +
 +
.tada {
 +
  -webkit-animation-name: tada;
 +
  animation-name: tada;
 +
}
 +
 +
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 +
 +
@-webkit-keyframes wobble {
 +
  from {
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
 +
  15% {
 +
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 +
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 +
  }
 +
 +
  30% {
 +
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 +
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 +
  }
 +
 +
  45% {
 +
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 +
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 +
  }
 +
 +
  60% {
 +
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 +
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 +
  }
 +
 +
  75% {
 +
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 +
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
@keyframes wobble {
 +
  from {
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
 +
  15% {
 +
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 +
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 +
  }
 +
 +
  30% {
 +
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 +
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 +
  }
 +
 +
  45% {
 +
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 +
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 +
  }
 +
 +
  60% {
 +
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 +
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 +
  }
 +
 +
  75% {
 +
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 +
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
.wobble {
 +
  -webkit-animation-name: wobble;
 +
  animation-name: wobble;
 +
}
 +
 +
@-webkit-keyframes jello {
 +
  from, 11.1%, to {
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
 +
  22.2% {
 +
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 +
    transform: skewX(-12.5deg) skewY(-12.5deg);
 +
  }
 +
 +
  33.3% {
 +
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
 +
    transform: skewX(6.25deg) skewY(6.25deg);
 +
  }
 +
 +
  44.4% {
 +
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 +
    transform: skewX(-3.125deg) skewY(-3.125deg);
 +
  }
 +
 +
  55.5% {
 +
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 +
    transform: skewX(1.5625deg) skewY(1.5625deg);
 +
  }
 +
 +
  66.6% {
 +
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 +
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
 +
  }
 +
 +
  77.7% {
 +
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 +
    transform: skewX(0.390625deg) skewY(0.390625deg);
 +
  }
 +
 +
  88.8% {
 +
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 +
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 +
  }
 +
}
 +
 +
@keyframes jello {
 +
  from, 11.1%, to {
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
 +
  22.2% {
 +
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 +
    transform: skewX(-12.5deg) skewY(-12.5deg);
 +
  }
 +
 +
  33.3% {
 +
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
 +
    transform: skewX(6.25deg) skewY(6.25deg);
 +
  }
 +
 +
  44.4% {
 +
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 +
    transform: skewX(-3.125deg) skewY(-3.125deg);
 +
  }
 +
 +
  55.5% {
 +
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 +
    transform: skewX(1.5625deg) skewY(1.5625deg);
 +
  }
 +
 +
  66.6% {
 +
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 +
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
 +
  }
 +
 +
  77.7% {
 +
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 +
    transform: skewX(0.390625deg) skewY(0.390625deg);
 +
  }
 +
 +
  88.8% {
 +
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 +
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 +
  }
 +
}
 +
 +
.jello {
 +
  -webkit-animation-name: jello;
 +
  animation-name: jello;
 +
  -webkit-transform-origin: center;
 +
  transform-origin: center;
 +
}
 +
 +
@-webkit-keyframes bounceIn {
 +
  from, 20%, 40%, 60%, 80%, to {
 +
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
  }
 +
 +
  0% {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.3, .3, .3);
 +
    transform: scale3d(.3, .3, .3);
 +
  }
 +
 +
  20% {
 +
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
 +
    transform: scale3d(1.1, 1.1, 1.1);
 +
  }
 +
 +
  40% {
 +
    -webkit-transform: scale3d(.9, .9, .9);
 +
    transform: scale3d(.9, .9, .9);
 +
  }
 +
 +
  60% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
 +
    transform: scale3d(1.03, 1.03, 1.03);
 +
  }
 +
 +
  80% {
 +
    -webkit-transform: scale3d(.97, .97, .97);
 +
    transform: scale3d(.97, .97, .97);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(1, 1, 1);
 +
    transform: scale3d(1, 1, 1);
 +
  }
 +
}
 +
 +
@keyframes bounceIn {
 +
  from, 20%, 40%, 60%, 80%, to {
 +
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
  }
 +
 +
  0% {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.3, .3, .3);
 +
    transform: scale3d(.3, .3, .3);
 +
  }
 +
 +
  20% {
 +
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
 +
    transform: scale3d(1.1, 1.1, 1.1);
 +
  }
 +
 +
  40% {
 +
    -webkit-transform: scale3d(.9, .9, .9);
 +
    transform: scale3d(.9, .9, .9);
 +
  }
 +
 +
  60% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
 +
    transform: scale3d(1.03, 1.03, 1.03);
 +
  }
 +
 +
  80% {
 +
    -webkit-transform: scale3d(.97, .97, .97);
 +
    transform: scale3d(.97, .97, .97);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(1, 1, 1);
 +
    transform: scale3d(1, 1, 1);
 +
  }
 +
}
 +
 +
.bounceIn {
 +
  -webkit-animation-name: bounceIn;
 +
  animation-name: bounceIn;
 +
}
 +
 +
@-webkit-keyframes bounceInDown {
 +
  from, 60%, 75%, 90%, to {
 +
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
    animation-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);
 +
  }
 +
 +
  90% {
 +
    -webkit-transform: translate3d(0, 5px, 0);
 +
    transform: translate3d(0, 5px, 0);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
@keyframes bounceInDown {
 +
  from, 60%, 75%, 90%, to {
 +
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
    animation-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);
 +
  }
 +
 +
  90% {
 +
    -webkit-transform: translate3d(0, 5px, 0);
 +
    transform: translate3d(0, 5px, 0);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
.bounceInDown {
 +
  -webkit-animation-name: bounceInDown;
 +
  animation-name: bounceInDown;
 +
}
 +
 +
@-webkit-keyframes bounceInLeft {
 +
  from, 60%, 75%, 90%, to {
 +
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
  }
 +
 +
  0% {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(-3000px, 0, 0);
 +
    transform: translate3d(-3000px, 0, 0);
 +
  }
 +
 +
  60% {
 +
    opacity: 1;
 +
    -webkit-transform: translate3d(25px, 0, 0);
 +
    transform: translate3d(25px, 0, 0);
 +
  }
 +
 +
  75% {
 +
    -webkit-transform: translate3d(-10px, 0, 0);
 +
    transform: translate3d(-10px, 0, 0);
 +
  }
 +
 +
  90% {
 +
    -webkit-transform: translate3d(5px, 0, 0);
 +
    transform: translate3d(5px, 0, 0);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
@keyframes bounceInLeft {
 +
  from, 60%, 75%, 90%, to {
 +
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
  }
 +
 +
  0% {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(-3000px, 0, 0);
 +
    transform: translate3d(-3000px, 0, 0);
 +
  }
 +
 +
  60% {
 +
    opacity: 1;
 +
    -webkit-transform: translate3d(25px, 0, 0);
 +
    transform: translate3d(25px, 0, 0);
 +
  }
 +
 +
  75% {
 +
    -webkit-transform: translate3d(-10px, 0, 0);
 +
    transform: translate3d(-10px, 0, 0);
 +
  }
 +
 +
  90% {
 +
    -webkit-transform: translate3d(5px, 0, 0);
 +
    transform: translate3d(5px, 0, 0);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
.bounceInLeft {
 +
  -webkit-animation-name: bounceInLeft;
 +
  animation-name: bounceInLeft;
 +
}
 +
 +
@-webkit-keyframes bounceInRight {
 +
  from, 60%, 75%, 90%, to {
 +
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
  }
 +
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(3000px, 0, 0);
 +
    transform: translate3d(3000px, 0, 0);
 +
  }
 +
 +
  60% {
 +
    opacity: 1;
 +
    -webkit-transform: translate3d(-25px, 0, 0);
 +
    transform: translate3d(-25px, 0, 0);
 +
  }
 +
 +
  75% {
 +
    -webkit-transform: translate3d(10px, 0, 0);
 +
    transform: translate3d(10px, 0, 0);
 +
  }
 +
 +
  90% {
 +
    -webkit-transform: translate3d(-5px, 0, 0);
 +
    transform: translate3d(-5px, 0, 0);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
@keyframes bounceInRight {
 +
  from, 60%, 75%, 90%, to {
 +
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
  }
 +
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(3000px, 0, 0);
 +
    transform: translate3d(3000px, 0, 0);
 +
  }
 +
 +
  60% {
 +
    opacity: 1;
 +
    -webkit-transform: translate3d(-25px, 0, 0);
 +
    transform: translate3d(-25px, 0, 0);
 +
  }
 +
 +
  75% {
 +
    -webkit-transform: translate3d(10px, 0, 0);
 +
    transform: translate3d(10px, 0, 0);
 +
  }
 +
 +
  90% {
 +
    -webkit-transform: translate3d(-5px, 0, 0);
 +
    transform: translate3d(-5px, 0, 0);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
.bounceInRight {
 +
  -webkit-animation-name: bounceInRight;
 +
  animation-name: bounceInRight;
 +
}
 +
 +
@-webkit-keyframes bounceInUp {
 +
  from, 60%, 75%, 90%, to {
 +
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
  }
 +
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(0, 3000px, 0);
 +
    transform: translate3d(0, 3000px, 0);
 +
  }
 +
 +
  60% {
 +
    opacity: 1;
 +
    -webkit-transform: translate3d(0, -20px, 0);
 +
    transform: translate3d(0, -20px, 0);
 +
  }
 +
 +
  75% {
 +
    -webkit-transform: translate3d(0, 10px, 0);
 +
    transform: translate3d(0, 10px, 0);
 +
  }
 +
 +
  90% {
 +
    -webkit-transform: translate3d(0, -5px, 0);
 +
    transform: translate3d(0, -5px, 0);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
}
 +
 +
@keyframes bounceInUp {
 +
  from, 60%, 75%, 90%, to {
 +
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 +
  }
 +
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(0, 3000px, 0);
 +
    transform: translate3d(0, 3000px, 0);
 +
  }
 +
 +
  60% {
 +
    opacity: 1;
 +
    -webkit-transform: translate3d(0, -20px, 0);
 +
    transform: translate3d(0, -20px, 0);
 +
  }
 +
 +
  75% {
 +
    -webkit-transform: translate3d(0, 10px, 0);
 +
    transform: translate3d(0, 10px, 0);
 +
  }
 +
 +
  90% {
 +
    -webkit-transform: translate3d(0, -5px, 0);
 +
    transform: translate3d(0, -5px, 0);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
}
 +
 +
.bounceInUp {
 +
  -webkit-animation-name: bounceInUp;
 +
  animation-name: bounceInUp;
 +
}
 +
 +
@-webkit-keyframes bounceOut {
 +
  20% {
 +
    -webkit-transform: scale3d(.9, .9, .9);
 +
    transform: scale3d(.9, .9, .9);
 +
  }
 +
 +
  50%, 55% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
 +
    transform: scale3d(1.1, 1.1, 1.1);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.3, .3, .3);
 +
    transform: scale3d(.3, .3, .3);
 +
  }
 +
}
 +
 +
@keyframes bounceOut {
 +
  20% {
 +
    -webkit-transform: scale3d(.9, .9, .9);
 +
    transform: scale3d(.9, .9, .9);
 +
  }
 +
 +
  50%, 55% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
 +
    transform: scale3d(1.1, 1.1, 1.1);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.3, .3, .3);
 +
    transform: scale3d(.3, .3, .3);
 +
  }
 +
}
 +
 +
.bounceOut {
 +
  -webkit-animation-name: bounceOut;
 +
  animation-name: bounceOut;
 +
}
 +
 +
@-webkit-keyframes bounceOutDown {
 +
  20% {
 +
    -webkit-transform: translate3d(0, 10px, 0);
 +
    transform: translate3d(0, 10px, 0);
 +
  }
 +
 +
  40%, 45% {
 +
    opacity: 1;
 +
    -webkit-transform: translate3d(0, -20px, 0);
 +
    transform: translate3d(0, -20px, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(0, 2000px, 0);
 +
    transform: translate3d(0, 2000px, 0);
 +
  }
 +
}
 +
 +
@keyframes bounceOutDown {
 +
  20% {
 +
    -webkit-transform: translate3d(0, 10px, 0);
 +
    transform: translate3d(0, 10px, 0);
 +
  }
 +
 +
  40%, 45% {
 +
    opacity: 1;
 +
    -webkit-transform: translate3d(0, -20px, 0);
 +
    transform: translate3d(0, -20px, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(0, 2000px, 0);
 +
    transform: translate3d(0, 2000px, 0);
 +
  }
 +
}
 +
 +
.bounceOutDown {
 +
  -webkit-animation-name: bounceOutDown;
 +
  animation-name: bounceOutDown;
 +
}
 +
 +
@-webkit-keyframes bounceOutLeft {
 +
  20% {
 +
    opacity: 1;
 +
    -webkit-transform: translate3d(20px, 0, 0);
 +
    transform: translate3d(20px, 0, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(-2000px, 0, 0);
 +
    transform: translate3d(-2000px, 0, 0);
 +
  }
 +
}
 +
 +
@keyframes bounceOutLeft {
 +
  20% {
 +
    opacity: 1;
 +
    -webkit-transform: translate3d(20px, 0, 0);
 +
    transform: translate3d(20px, 0, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(-2000px, 0, 0);
 +
    transform: translate3d(-2000px, 0, 0);
 +
  }
 +
}
 +
 +
.bounceOutLeft {
 +
  -webkit-animation-name: bounceOutLeft;
 +
  animation-name: bounceOutLeft;
 +
}
 +
 +
@-webkit-keyframes bounceOutRight {
 +
  20% {
 +
    opacity: 1;
 +
    -webkit-transform: translate3d(-20px, 0, 0);
 +
    transform: translate3d(-20px, 0, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(2000px, 0, 0);
 +
    transform: translate3d(2000px, 0, 0);
 +
  }
 +
}
 +
 +
@keyframes bounceOutRight {
 +
  20% {
 +
    opacity: 1;
 +
    -webkit-transform: translate3d(-20px, 0, 0);
 +
    transform: translate3d(-20px, 0, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(2000px, 0, 0);
 +
    transform: translate3d(2000px, 0, 0);
 +
  }
 +
}
 +
 +
.bounceOutRight {
 +
  -webkit-animation-name: bounceOutRight;
 +
  animation-name: bounceOutRight;
 +
}
 +
 +
@-webkit-keyframes bounceOutUp {
 +
  20% {
 +
    -webkit-transform: translate3d(0, -10px, 0);
 +
    transform: translate3d(0, -10px, 0);
 +
  }
 +
 +
  40%, 45% {
 +
    opacity: 1;
 +
    -webkit-transform: translate3d(0, 20px, 0);
 +
    transform: translate3d(0, 20px, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(0, -2000px, 0);
 +
    transform: translate3d(0, -2000px, 0);
 +
  }
 +
}
 +
 +
@keyframes bounceOutUp {
 +
  20% {
 +
    -webkit-transform: translate3d(0, -10px, 0);
 +
    transform: translate3d(0, -10px, 0);
 +
  }
 +
 +
  40%, 45% {
 +
    opacity: 1;
 +
    -webkit-transform: translate3d(0, 20px, 0);
 +
    transform: translate3d(0, 20px, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(0, -2000px, 0);
 +
    transform: translate3d(0, -2000px, 0);
 +
  }
 +
}
 +
 +
.bounceOutUp {
 +
  -webkit-animation-name: bounceOutUp;
 +
  animation-name: bounceOutUp;
 +
}
 +
 +
@-webkit-keyframes fadeIn {
 +
  from {
 +
    opacity: 0;
 +
    -ms-transform: scale(0.95);
 +
    -webkit-transform: scale(0.95);
 +
    transform: scale(0.95);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -ms-transform: scale(1.0);
 +
    -webkit-transform: scale(1.0);
 +
    transform: scale(1.0);
 +
  }
 +
}
 +
 +
@keyframes fadeIn {
 +
  from {
 +
    opacity: 0;
 +
    -ms-transform: scale(0.95);
 +
    -webkit-transform: scale(0.95);
 +
    transform: scale(0.95);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -ms-transform: scale(1.0);
 +
    -webkit-transform: scale(1.0);
 +
    transform: scale(1.0);
 +
  }
 +
}
 +
 +
.fadeIn {
 +
  -webkit-animation-name: fadeIn;
 +
  animation-name: fadeIn;
 +
}
 +
 +
@-webkit-keyframes fadeInDown {
 +
  from {
 +
    opacity: 0;
 +
    /*-webkit-transform: translate3d(0, -100%, 0);
 +
    transform: translate3d(0, -100%, 0);*/
 +
    -webkit-transform: translate3d(0, -50px, 0);
 +
    transform: translate3d(0, -50px, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
@keyframes fadeInDown {
 +
  from {
 +
    opacity: 0;
 +
    /*-webkit-transform: translate3d(0, -100%, 0);
 +
    transform: translate3d(0, -100%, 0);*/
 +
    -webkit-transform: translate3d(0, -50px, 0);
 +
    transform: translate3d(0, -50px, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
.fadeInDown {
 +
  -webkit-animation-name: fadeInDown;
 +
  animation-name: fadeInDown;
 +
}
 +
 +
@-webkit-keyframes fadeInDownBig {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(0, -2000px, 0);
 +
    transform: translate3d(0, -2000px, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
@keyframes fadeInDownBig {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(0, -2000px, 0);
 +
    transform: translate3d(0, -2000px, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
.fadeInDownBig {
 +
  -webkit-animation-name: fadeInDownBig;
 +
  animation-name: fadeInDownBig;
 +
}
 +
 +
@-webkit-keyframes fadeInLeft {
 +
  from {
 +
    opacity: 0;
 +
    /*-webkit-transform: translate3d(-100%, 0, 0);
 +
    transform: translate3d(-100%, 0, 0);*/
 +
    -webkit-transform: translate3d(-50px, 0, 0);
 +
    transform: translate3d(-50px, 0, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
@keyframes fadeInLeft {
 +
  from {
 +
    opacity: 0;
 +
    /*-webkit-transform: translate3d(-100%, 0, 0);
 +
    transform: translate3d(-100%, 0, 0);*/
 +
    -webkit-transform: translate3d(-50px, 0, 0);
 +
    transform: translate3d(-50px, 0, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
.fadeInLeft {
 +
  -webkit-animation-name: fadeInLeft;
 +
  animation-name: fadeInLeft;
 +
}
 +
 +
@-webkit-keyframes fadeInLeftBig {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(-2000px, 0, 0);
 +
    transform: translate3d(-2000px, 0, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
@keyframes fadeInLeftBig {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(-2000px, 0, 0);
 +
    transform: translate3d(-2000px, 0, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
.fadeInLeftBig {
 +
  -webkit-animation-name: fadeInLeftBig;
 +
  animation-name: fadeInLeftBig;
 +
}
 +
 +
@-webkit-keyframes fadeInRight {
 +
  from {
 +
    opacity: 0;
 +
    /*-webkit-transform: translate3d(100%, 0, 0);
 +
    transform: translate3d(100%, 0, 0);*/
 +
    -webkit-transform: translate3d(50px, 0, 0);
 +
    transform: translate3d(50px, 0, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
@keyframes fadeInRight {
 +
  from {
 +
    opacity: 0;
 +
    /*-webkit-transform: translate3d(100%, 0, 0);
 +
    transform: translate3d(100%, 0, 0);*/
 +
    -webkit-transform: translate3d(50px, 0, 0);
 +
    transform: translate3d(50px, 0, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
.fadeInRight {
 +
  -webkit-animation-name: fadeInRight;
 +
  animation-name: fadeInRight;
 +
}
 +
 +
@-webkit-keyframes fadeInRightBig {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(2000px, 0, 0);
 +
    transform: translate3d(2000px, 0, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
@keyframes fadeInRightBig {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(2000px, 0, 0);
 +
    transform: translate3d(2000px, 0, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
.fadeInRightBig {
 +
  -webkit-animation-name: fadeInRightBig;
 +
  animation-name: fadeInRightBig;
 +
}
 +
 +
@-webkit-keyframes fadeInUp {
 +
  from {
 +
    opacity: 0;
 +
    visibility: hidden;
 +
    /*-webkit-transform: translate3d(0, 100%, 0);
 +
    transform: translate3d(0, 100%, 0);*/
 +
    -webkit-transform: translate3d(0, 40px, 0);
 +
    transform: translate3d(0, 40px, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    /*visibility: visible;*/
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
@keyframes fadeInUp {
 +
  from {
 +
    opacity: 0;
 +
    visibility: hidden;
 +
    /*-webkit-transform: translate3d(0, 100%, 0);
 +
    transform: translate3d(0, 100%, 0);*/
 +
    -webkit-transform: translate3d(0, 40px, 0);
 +
    transform: translate3d(0, 40px, 0);
 +
  }
 +
 +
  to {
 +
    visibility: visible;
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
.fadeInUp {
 +
  -webkit-animation-name: fadeInUp;
 +
  animation-name: fadeInUp;
 +
}
 +
 +
@-webkit-keyframes fadeInUpMenu {
 +
  from {
 +
    opacity: 0;
 +
    visibility: hidden;
 +
    /*-webkit-transform: translate3d(0, 100%, 0);
 +
    transform: translate3d(0, 100%, 0);*/
 +
    -webkit-transform: translate3d(0, 20px, 0);
 +
    transform: translate3d(0, 20px, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    visibility: visible;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
@keyframes fadeInUpMenu {
 +
  from {
 +
    opacity: 0;
 +
    visibility: hidden;
 +
    /*-webkit-transform: translate3d(0, 100%, 0);
 +
    transform: translate3d(0, 100%, 0);*/
 +
    -webkit-transform: translate3d(0, 20px, 0);
 +
    transform: translate3d(0, 20px, 0);
 +
  }
 +
 +
  to {
 +
    visibility: visible;
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
.fadeInUpMenu {
 +
  -webkit-animation-name: fadeInUpMenu;
 +
  animation-name: fadeInUpMenu;
 +
}
 +
 +
@-webkit-keyframes fadeInUpBig {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(0, 2000px, 0);
 +
    transform: translate3d(0, 2000px, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
@keyframes fadeInUpBig {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(0, 2000px, 0);
 +
    transform: translate3d(0, 2000px, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
.fadeInUpBig {
 +
  -webkit-animation-name: fadeInUpBig;
 +
  animation-name: fadeInUpBig;
 +
}
 +
 +
@-webkit-keyframes fadeOut {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
@keyframes fadeOut {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
.fadeOut {
 +
  -webkit-animation-name: fadeOut;
 +
  animation-name: fadeOut;
 +
}
 +
 +
@-webkit-keyframes fadeOutDown {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(0, 40px, 0);
 +
    transform: translate3d(0, 40px, 0);
 +
  }
 +
}
 +
 +
@keyframes fadeOutDown {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(0, 40px, 0);
 +
    transform: translate3d(0, 40px, 0);
 +
  }
 +
}
 +
 +
.fadeOutDown {
 +
  -webkit-animation-name: fadeOutDown;
 +
  animation-name: fadeOutDown;
 +
}
 +
 +
@-webkit-keyframes fadeOutDownBig {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(0, 2000px, 0);
 +
    transform: translate3d(0, 2000px, 0);
 +
  }
 +
}
 +
 +
@keyframes fadeOutDownBig {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(0, 2000px, 0);
 +
    transform: translate3d(0, 2000px, 0);
 +
  }
 +
}
 +
 +
.fadeOutDownBig {
 +
  -webkit-animation-name: fadeOutDownBig;
 +
  animation-name: fadeOutDownBig;
 +
}
 +
 +
@-webkit-keyframes fadeOutLeft {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(-100%, 0, 0);
 +
    transform: translate3d(-100%, 0, 0);
 +
  }
 +
}
 +
 +
@keyframes fadeOutLeft {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(-100%, 0, 0);
 +
    transform: translate3d(-100%, 0, 0);
 +
  }
 +
}
 +
 +
.fadeOutLeft {
 +
  -webkit-animation-name: fadeOutLeft;
 +
  animation-name: fadeOutLeft;
 +
}
 +
 +
@-webkit-keyframes fadeOutLeftBig {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(-2000px, 0, 0);
 +
    transform: translate3d(-2000px, 0, 0);
 +
  }
 +
}
 +
 +
@keyframes fadeOutLeftBig {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(-2000px, 0, 0);
 +
    transform: translate3d(-2000px, 0, 0);
 +
  }
 +
}
 +
 +
.fadeOutLeftBig {
 +
  -webkit-animation-name: fadeOutLeftBig;
 +
  animation-name: fadeOutLeftBig;
 +
}
 +
 +
@-webkit-keyframes fadeOutRight {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(100%, 0, 0);
 +
    transform: translate3d(100%, 0, 0);
 +
  }
 +
}
 +
 +
@keyframes fadeOutRight {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(100%, 0, 0);
 +
    transform: translate3d(100%, 0, 0);
 +
  }
 +
}
 +
 +
.fadeOutRight {
 +
  -webkit-animation-name: fadeOutRight;
 +
  animation-name: fadeOutRight;
 +
}
 +
 +
@-webkit-keyframes fadeOutRightBig {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(2000px, 0, 0);
 +
    transform: translate3d(2000px, 0, 0);
 +
  }
 +
}
 +
 +
@keyframes fadeOutRightBig {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(2000px, 0, 0);
 +
    transform: translate3d(2000px, 0, 0);
 +
  }
 +
}
 +
 +
.fadeOutRightBig {
 +
  -webkit-animation-name: fadeOutRightBig;
 +
  animation-name: fadeOutRightBig;
 +
}
 +
 +
@-webkit-keyframes fadeOutUp {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(0, -100%, 0);
 +
    transform: translate3d(0, -100%, 0);
 +
  }
 +
}
 +
 +
@keyframes fadeOutUp {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(0, -100%, 0);
 +
    transform: translate3d(0, -100%, 0);
 +
  }
 +
}
 +
 +
.fadeOutUp {
 +
  -webkit-animation-name: fadeOutUp;
 +
  animation-name: fadeOutUp;
 +
}
 +
 +
@-webkit-keyframes fadeOutUpBig {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(0, -2000px, 0);
 +
    transform: translate3d(0, -2000px, 0);
 +
  }
 +
}
 +
 +
@keyframes fadeOutUpBig {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(0, -2000px, 0);
 +
    transform: translate3d(0, -2000px, 0);
 +
  }
 +
}
 +
 +
.fadeOutUpBig {
 +
  -webkit-animation-name: fadeOutUpBig;
 +
  animation-name: fadeOutUpBig;
 +
}
 +
 +
@-webkit-keyframes flip {
 +
  from {
 +
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 +
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 +
    -webkit-animation-timing-function: ease-out;
 +
    animation-timing-function: ease-out;
 +
  }
 +
 +
  40% {
 +
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 +
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 +
    -webkit-animation-timing-function: ease-out;
 +
    animation-timing-function: ease-out;
 +
  }
 +
 +
  50% {
 +
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 +
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 +
    -webkit-animation-timing-function: ease-in;
 +
    animation-timing-function: ease-in;
 +
  }
 +
 +
  80% {
 +
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
 +
    transform: perspective(400px) scale3d(.95, .95, .95);
 +
    -webkit-animation-timing-function: ease-in;
 +
    animation-timing-function: ease-in;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: perspective(400px);
 +
    transform: perspective(400px);
 +
    -webkit-animation-timing-function: ease-in;
 +
    animation-timing-function: ease-in;
 +
  }
 +
}
 +
 +
@keyframes flip {
 +
  from {
 +
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 +
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 +
    -webkit-animation-timing-function: ease-out;
 +
    animation-timing-function: ease-out;
 +
  }
 +
 +
  40% {
 +
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 +
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 +
    -webkit-animation-timing-function: ease-out;
 +
    animation-timing-function: ease-out;
 +
  }
 +
 +
  50% {
 +
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 +
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 +
    -webkit-animation-timing-function: ease-in;
 +
    animation-timing-function: ease-in;
 +
  }
 +
 +
  80% {
 +
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
 +
    transform: perspective(400px) scale3d(.95, .95, .95);
 +
    -webkit-animation-timing-function: ease-in;
 +
    animation-timing-function: ease-in;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: perspective(400px);
 +
    transform: perspective(400px);
 +
    -webkit-animation-timing-function: ease-in;
 +
    animation-timing-function: ease-in;
 +
  }
 +
}
 +
 +
.animated.flip {
 +
  -webkit-backface-visibility: visible;
 +
  backface-visibility: visible;
 +
  -webkit-animation-name: flip;
 +
  animation-name: flip;
 +
}
 +
 +
@-webkit-keyframes flipInX {
 +
  from {
 +
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 +
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 +
    -webkit-animation-timing-function: ease-in;
 +
    animation-timing-function: ease-in;
 +
    opacity: 0;
 +
  }
 +
 +
  40% {
 +
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 +
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 +
    -webkit-animation-timing-function: ease-in;
 +
    animation-timing-function: ease-in;
 +
  }
 +
 +
  60% {
 +
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 +
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 +
    opacity: 1;
 +
  }
 +
 +
  80% {
 +
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 +
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: perspective(400px);
 +
    transform: perspective(400px);
 +
  }
 +
}
 +
 +
@keyframes flipInX {
 +
  from {
 +
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 +
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 +
    -webkit-animation-timing-function: ease-in;
 +
    animation-timing-function: ease-in;
 +
    opacity: 0;
 +
  }
 +
 +
  40% {
 +
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 +
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 +
    -webkit-animation-timing-function: ease-in;
 +
    animation-timing-function: ease-in;
 +
  }
 +
 +
  60% {
 +
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 +
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 +
    opacity: 1;
 +
  }
 +
 +
  80% {
 +
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 +
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: perspective(400px);
 +
    transform: perspective(400px);
 +
  }
 +
}
 +
 +
.flipInX {
 +
  -webkit-backface-visibility: visible !important;
 +
  backface-visibility: visible !important;
 +
  -webkit-animation-name: flipInX;
 +
  animation-name: flipInX;
 +
}
 +
 +
@-webkit-keyframes flipInY {
 +
  from {
 +
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 +
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 +
    -webkit-animation-timing-function: ease-in;
 +
    animation-timing-function: ease-in;
 +
    opacity: 0;
 +
  }
 +
 +
  40% {
 +
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 +
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 +
    -webkit-animation-timing-function: ease-in;
 +
    animation-timing-function: ease-in;
 +
  }
 +
 +
  60% {
 +
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 +
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 +
    opacity: 1;
 +
  }
 +
 +
  80% {
 +
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 +
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: perspective(400px);
 +
    transform: perspective(400px);
 +
  }
 +
}
 +
 +
@keyframes flipInY {
 +
  from {
 +
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 +
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 +
    -webkit-animation-timing-function: ease-in;
 +
    animation-timing-function: ease-in;
 +
    opacity: 0;
 +
  }
 +
 +
  40% {
 +
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 +
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 +
    -webkit-animation-timing-function: ease-in;
 +
    animation-timing-function: ease-in;
 +
  }
 +
 +
  60% {
 +
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 +
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 +
    opacity: 1;
 +
  }
 +
 +
  80% {
 +
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 +
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 +
  }
 +
 +
  to {
 +
    -webkit-transform: perspective(400px);
 +
    transform: perspective(400px);
 +
  }
 +
}
 +
 +
.flipInY {
 +
  -webkit-backface-visibility: visible !important;
 +
  backface-visibility: visible !important;
 +
  -webkit-animation-name: flipInY;
 +
  animation-name: flipInY;
 +
}
 +
 +
@-webkit-keyframes flipOutX {
 +
  from {
 +
    -webkit-transform: perspective(400px);
 +
    transform: perspective(400px);
 +
  }
 +
 +
  30% {
 +
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 +
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 +
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
@keyframes flipOutX {
 +
  from {
 +
    -webkit-transform: perspective(400px);
 +
    transform: perspective(400px);
 +
  }
 +
 +
  30% {
 +
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 +
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 +
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
.flipOutX {
 +
  -webkit-animation-name: flipOutX;
 +
  animation-name: flipOutX;
 +
  -webkit-backface-visibility: visible !important;
 +
  backface-visibility: visible !important;
 +
}
 +
 +
@-webkit-keyframes flipOutY {
 +
  from {
 +
    -webkit-transform: perspective(400px);
 +
    transform: perspective(400px);
 +
  }
 +
 +
  30% {
 +
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 +
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 +
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
@keyframes flipOutY {
 +
  from {
 +
    -webkit-transform: perspective(400px);
 +
    transform: perspective(400px);
 +
  }
 +
 +
  30% {
 +
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 +
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 +
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
.flipOutY {
 +
  -webkit-backface-visibility: visible !important;
 +
  backface-visibility: visible !important;
 +
  -webkit-animation-name: flipOutY;
 +
  animation-name: flipOutY;
 +
}
 +
 +
@-webkit-keyframes lightSpeedIn {
 +
  from {
 +
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 +
    transform: translate3d(100%, 0, 0) skewX(-30deg);
 +
    opacity: 0;
 +
  }
 +
 +
  60% {
 +
    -webkit-transform: skewX(20deg);
 +
    transform: skewX(20deg);
 +
    opacity: 1;
 +
  }
 +
 +
  80% {
 +
    -webkit-transform: skewX(-5deg);
 +
    transform: skewX(-5deg);
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: none;
 +
    transform: none;
 +
    opacity: 1;
 +
  }
 +
}
 +
 +
@keyframes lightSpeedIn {
 +
  from {
 +
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 +
    transform: translate3d(100%, 0, 0) skewX(-30deg);
 +
    opacity: 0;
 +
  }
 +
 +
  60% {
 +
    -webkit-transform: skewX(20deg);
 +
    transform: skewX(20deg);
 +
    opacity: 1;
 +
  }
 +
 +
  80% {
 +
    -webkit-transform: skewX(-5deg);
 +
    transform: skewX(-5deg);
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: none;
 +
    transform: none;
 +
    opacity: 1;
 +
  }
 +
}
 +
 +
.lightSpeedIn {
 +
  -webkit-animation-name: lightSpeedIn;
 +
  animation-name: lightSpeedIn;
 +
  -webkit-animation-timing-function: ease-out;
 +
  animation-timing-function: ease-out;
 +
}
 +
 +
@-webkit-keyframes lightSpeedOut {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 +
    transform: translate3d(100%, 0, 0) skewX(30deg);
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
@keyframes lightSpeedOut {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 +
    transform: translate3d(100%, 0, 0) skewX(30deg);
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
.lightSpeedOut {
 +
  -webkit-animation-name: lightSpeedOut;
 +
  animation-name: lightSpeedOut;
 +
  -webkit-animation-timing-function: ease-in;
 +
  animation-timing-function: ease-in;
 +
}
 +
 +
@-webkit-keyframes rotateIn {
 +
  from {
 +
    -webkit-transform-origin: center;
 +
    transform-origin: center;
 +
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
 +
    transform: rotate3d(0, 0, 1, -200deg);
 +
    opacity: 0;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: center;
 +
    transform-origin: center;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
    opacity: 1;
 +
  }
 +
}
 +
 +
@keyframes rotateIn {
 +
  from {
 +
    -webkit-transform-origin: center;
 +
    transform-origin: center;
 +
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
 +
    transform: rotate3d(0, 0, 1, -200deg);
 +
    opacity: 0;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: center;
 +
    transform-origin: center;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
    opacity: 1;
 +
  }
 +
}
 +
 +
.rotateIn {
 +
  -webkit-animation-name: rotateIn;
 +
  animation-name: rotateIn;
 +
}
 +
 +
@-webkit-keyframes rotateInDownLeft {
 +
  from {
 +
    -webkit-transform-origin: left bottom;
 +
    transform-origin: left bottom;
 +
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
 +
    transform: rotate3d(0, 0, 1, -45deg);
 +
    opacity: 0;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: left bottom;
 +
    transform-origin: left bottom;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
    opacity: 1;
 +
  }
 +
}
 +
 +
@keyframes rotateInDownLeft {
 +
  from {
 +
    -webkit-transform-origin: left bottom;
 +
    transform-origin: left bottom;
 +
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
 +
    transform: rotate3d(0, 0, 1, -45deg);
 +
    opacity: 0;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: left bottom;
 +
    transform-origin: left bottom;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
    opacity: 1;
 +
  }
 +
}
 +
 +
.rotateInDownLeft {
 +
  -webkit-animation-name: rotateInDownLeft;
 +
  animation-name: rotateInDownLeft;
 +
}
 +
 +
@-webkit-keyframes rotateInDownRight {
 +
  from {
 +
    -webkit-transform-origin: right bottom;
 +
    transform-origin: right bottom;
 +
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
 +
    transform: rotate3d(0, 0, 1, 45deg);
 +
    opacity: 0;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: right bottom;
 +
    transform-origin: right bottom;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
    opacity: 1;
 +
  }
 +
}
 +
 +
@keyframes rotateInDownRight {
 +
  from {
 +
    -webkit-transform-origin: right bottom;
 +
    transform-origin: right bottom;
 +
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
 +
    transform: rotate3d(0, 0, 1, 45deg);
 +
    opacity: 0;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: right bottom;
 +
    transform-origin: right bottom;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
    opacity: 1;
 +
  }
 +
}
 +
 +
.rotateInDownRight {
 +
  -webkit-animation-name: rotateInDownRight;
 +
  animation-name: rotateInDownRight;
 +
}
 +
 +
@-webkit-keyframes rotateInUpLeft {
 +
  from {
 +
    -webkit-transform-origin: left bottom;
 +
    transform-origin: left bottom;
 +
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
 +
    transform: rotate3d(0, 0, 1, 45deg);
 +
    opacity: 0;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: left bottom;
 +
    transform-origin: left bottom;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
    opacity: 1;
 +
  }
 +
}
 +
 +
@keyframes rotateInUpLeft {
 +
  from {
 +
    -webkit-transform-origin: left bottom;
 +
    transform-origin: left bottom;
 +
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
 +
    transform: rotate3d(0, 0, 1, 45deg);
 +
    opacity: 0;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: left bottom;
 +
    transform-origin: left bottom;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
    opacity: 1;
 +
  }
 +
}
 +
 +
.rotateInUpLeft {
 +
  -webkit-animation-name: rotateInUpLeft;
 +
  animation-name: rotateInUpLeft;
 +
}
 +
 +
@-webkit-keyframes rotateInUpRight {
 +
  from {
 +
    -webkit-transform-origin: right bottom;
 +
    transform-origin: right bottom;
 +
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
 +
    transform: rotate3d(0, 0, 1, -90deg);
 +
    opacity: 0;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: right bottom;
 +
    transform-origin: right bottom;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
    opacity: 1;
 +
  }
 +
}
 +
 +
@keyframes rotateInUpRight {
 +
  from {
 +
    -webkit-transform-origin: right bottom;
 +
    transform-origin: right bottom;
 +
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
 +
    transform: rotate3d(0, 0, 1, -90deg);
 +
    opacity: 0;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: right bottom;
 +
    transform-origin: right bottom;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
    opacity: 1;
 +
  }
 +
}
 +
 +
.rotateInUpRight {
 +
  -webkit-animation-name: rotateInUpRight;
 +
  animation-name: rotateInUpRight;
 +
}
 +
 +
@-webkit-keyframes rotateOut {
 +
  from {
 +
    -webkit-transform-origin: center;
 +
    transform-origin: center;
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: center;
 +
    transform-origin: center;
 +
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
 +
    transform: rotate3d(0, 0, 1, 200deg);
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
@keyframes rotateOut {
 +
  from {
 +
    -webkit-transform-origin: center;
 +
    transform-origin: center;
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: center;
 +
    transform-origin: center;
 +
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
 +
    transform: rotate3d(0, 0, 1, 200deg);
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
.rotateOut {
 +
  -webkit-animation-name: rotateOut;
 +
  animation-name: rotateOut;
 +
}
 +
 +
@-webkit-keyframes rotateOutDownLeft {
 +
  from {
 +
    -webkit-transform-origin: left bottom;
 +
    transform-origin: left bottom;
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: left bottom;
 +
    transform-origin: left bottom;
 +
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
 +
    transform: rotate3d(0, 0, 1, 45deg);
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
@keyframes rotateOutDownLeft {
 +
  from {
 +
    -webkit-transform-origin: left bottom;
 +
    transform-origin: left bottom;
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: left bottom;
 +
    transform-origin: left bottom;
 +
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
 +
    transform: rotate3d(0, 0, 1, 45deg);
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
.rotateOutDownLeft {
 +
  -webkit-animation-name: rotateOutDownLeft;
 +
  animation-name: rotateOutDownLeft;
 +
}
 +
 +
@-webkit-keyframes rotateOutDownRight {
 +
  from {
 +
    -webkit-transform-origin: right bottom;
 +
    transform-origin: right bottom;
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: right bottom;
 +
    transform-origin: right bottom;
 +
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
 +
    transform: rotate3d(0, 0, 1, -45deg);
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
@keyframes rotateOutDownRight {
 +
  from {
 +
    -webkit-transform-origin: right bottom;
 +
    transform-origin: right bottom;
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: right bottom;
 +
    transform-origin: right bottom;
 +
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
 +
    transform: rotate3d(0, 0, 1, -45deg);
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
.rotateOutDownRight {
 +
  -webkit-animation-name: rotateOutDownRight;
 +
  animation-name: rotateOutDownRight;
 +
}
 +
 +
@-webkit-keyframes rotateOutUpLeft {
 +
  from {
 +
    -webkit-transform-origin: left bottom;
 +
    transform-origin: left bottom;
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: left bottom;
 +
    transform-origin: left bottom;
 +
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
 +
    transform: rotate3d(0, 0, 1, -45deg);
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
@keyframes rotateOutUpLeft {
 +
  from {
 +
    -webkit-transform-origin: left bottom;
 +
    transform-origin: left bottom;
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: left bottom;
 +
    transform-origin: left bottom;
 +
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
 +
    transform: rotate3d(0, 0, 1, -45deg);
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
.rotateOutUpLeft {
 +
  -webkit-animation-name: rotateOutUpLeft;
 +
  animation-name: rotateOutUpLeft;
 +
}
 +
 +
@-webkit-keyframes rotateOutUpRight {
 +
  from {
 +
    -webkit-transform-origin: right bottom;
 +
    transform-origin: right bottom;
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: right bottom;
 +
    transform-origin: right bottom;
 +
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
 +
    transform: rotate3d(0, 0, 1, 90deg);
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
@keyframes rotateOutUpRight {
 +
  from {
 +
    -webkit-transform-origin: right bottom;
 +
    transform-origin: right bottom;
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform-origin: right bottom;
 +
    transform-origin: right bottom;
 +
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
 +
    transform: rotate3d(0, 0, 1, 90deg);
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
.rotateOutUpRight {
 +
  -webkit-animation-name: rotateOutUpRight;
 +
  animation-name: rotateOutUpRight;
 +
}
 +
 +
@-webkit-keyframes hinge {
 +
  0% {
 +
    -webkit-transform-origin: top left;
 +
    transform-origin: top left;
 +
    -webkit-animation-timing-function: ease-in-out;
 +
    animation-timing-function: ease-in-out;
 +
  }
 +
 +
  20%, 60% {
 +
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
 +
    transform: rotate3d(0, 0, 1, 80deg);
 +
    -webkit-transform-origin: top left;
 +
    transform-origin: top left;
 +
    -webkit-animation-timing-function: ease-in-out;
 +
    animation-timing-function: ease-in-out;
 +
  }
 +
 +
  40%, 80% {
 +
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
 +
    transform: rotate3d(0, 0, 1, 60deg);
 +
    -webkit-transform-origin: top left;
 +
    transform-origin: top left;
 +
    -webkit-animation-timing-function: ease-in-out;
 +
    animation-timing-function: ease-in-out;
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: translate3d(0, 700px, 0);
 +
    transform: translate3d(0, 700px, 0);
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
@keyframes hinge {
 +
  0% {
 +
    -webkit-transform-origin: top left;
 +
    transform-origin: top left;
 +
    -webkit-animation-timing-function: ease-in-out;
 +
    animation-timing-function: ease-in-out;
 +
  }
 +
 +
  20%, 60% {
 +
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
 +
    transform: rotate3d(0, 0, 1, 80deg);
 +
    -webkit-transform-origin: top left;
 +
    transform-origin: top left;
 +
    -webkit-animation-timing-function: ease-in-out;
 +
    animation-timing-function: ease-in-out;
 +
  }
 +
 +
  40%, 80% {
 +
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
 +
    transform: rotate3d(0, 0, 1, 60deg);
 +
    -webkit-transform-origin: top left;
 +
    transform-origin: top left;
 +
    -webkit-animation-timing-function: ease-in-out;
 +
    animation-timing-function: ease-in-out;
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: translate3d(0, 700px, 0);
 +
    transform: translate3d(0, 700px, 0);
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
.hinge {
 +
  -webkit-animation-name: hinge;
 +
  animation-name: hinge;
 +
}
 +
 +
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 +
 +
@-webkit-keyframes rollIn {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 +
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
@keyframes rollIn {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 +
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 +
  }
 +
 +
  to {
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
    transform: none;
 +
  }
 +
}
 +
 +
.rollIn {
 +
  -webkit-animation-name: rollIn;
 +
  animation-name: rollIn;
 +
}
 +
 +
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 +
 +
@-webkit-keyframes rollOut {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 +
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 +
  }
 +
}
 +
 +
@keyframes rollOut {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 +
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 +
  }
 +
}
 +
 +
.rollOut {
 +
  -webkit-animation-name: rollOut;
 +
  animation-name: rollOut;
 +
}
 +
 +
@-webkit-keyframes zoomIn {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.3, .3, .3);
 +
    transform: scale3d(.3, .3, .3);
 +
  }
 +
 +
  50% {
 +
    opacity: 1;
 +
  }
 +
}
 +
 +
@keyframes zoomIn {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.3, .3, .3);
 +
    transform: scale3d(.3, .3, .3);
 +
  }
 +
 +
  50% {
 +
    opacity: 1;
 +
  }
 +
}
 +
 +
.zoomIn {
 +
  -webkit-animation-name: zoomIn;
 +
  animation-name: zoomIn;
 +
}
 +
 +
@-webkit-keyframes zoomInDown {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 +
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
  }
 +
 +
  60% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 +
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
  }
 +
}
 +
 +
@keyframes zoomInDown {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 +
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
  }
 +
 +
  60% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 +
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
  }
 +
}
 +
 +
.zoomInDown {
 +
  -webkit-animation-name: zoomInDown;
 +
  animation-name: zoomInDown;
 +
}
 +
 +
@-webkit-keyframes zoomInLeft {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 +
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
  }
 +
 +
  60% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 +
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
  }
 +
}
 +
 +
@keyframes zoomInLeft {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 +
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
  }
 +
 +
  60% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 +
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
  }
 +
}
 +
 +
.zoomInLeft {
 +
  -webkit-animation-name: zoomInLeft;
 +
  animation-name: zoomInLeft;
 +
}
 +
 +
@-webkit-keyframes zoomInRight {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 +
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
  }
 +
 +
  60% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 +
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
  }
 +
}
 +
 +
@keyframes zoomInRight {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 +
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
  }
 +
 +
  60% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 +
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
  }
 +
}
 +
 +
.zoomInRight {
 +
  -webkit-animation-name: zoomInRight;
 +
  animation-name: zoomInRight;
 +
}
 +
 +
@-webkit-keyframes zoomInUp {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 +
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
  }
 +
 +
  60% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 +
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
  }
 +
}
 +
 +
@keyframes zoomInUp {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 +
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
  }
 +
 +
  60% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 +
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
  }
 +
}
 +
 +
.zoomInUp {
 +
  -webkit-animation-name: zoomInUp;
 +
  animation-name: zoomInUp;
 +
}
 +
 +
@-webkit-keyframes zoomOut {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  50% {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.3, .3, .3);
 +
    transform: scale3d(.3, .3, .3);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
@keyframes zoomOut {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  50% {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.3, .3, .3);
 +
    transform: scale3d(.3, .3, .3);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
.zoomOut {
 +
  -webkit-animation-name: zoomOut;
 +
  animation-name: zoomOut;
 +
}
 +
 +
@-webkit-keyframes zoomOutDown {
 +
  40% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 +
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 +
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 +
    -webkit-transform-origin: center bottom;
 +
    transform-origin: center bottom;
 +
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
  }
 +
}
 +
 +
@keyframes zoomOutDown {
 +
  40% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 +
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 +
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 +
    -webkit-transform-origin: center bottom;
 +
    transform-origin: center bottom;
 +
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
  }
 +
}
 +
 +
.zoomOutDown {
 +
  -webkit-animation-name: zoomOutDown;
 +
  animation-name: zoomOutDown;
 +
}
 +
 +
@-webkit-keyframes zoomOutLeft {
 +
  40% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 +
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
 +
    transform: scale(.1) translate3d(-2000px, 0, 0);
 +
    -webkit-transform-origin: left center;
 +
    transform-origin: left center;
 +
  }
 +
}
 +
 +
@keyframes zoomOutLeft {
 +
  40% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 +
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
 +
    transform: scale(.1) translate3d(-2000px, 0, 0);
 +
    -webkit-transform-origin: left center;
 +
    transform-origin: left center;
 +
  }
 +
}
 +
 +
.zoomOutLeft {
 +
  -webkit-animation-name: zoomOutLeft;
 +
  animation-name: zoomOutLeft;
 +
}
 +
 +
@-webkit-keyframes zoomOutRight {
 +
  40% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 +
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
 +
    transform: scale(.1) translate3d(2000px, 0, 0);
 +
    -webkit-transform-origin: right center;
 +
    transform-origin: right center;
 +
  }
 +
}
 +
 +
@keyframes zoomOutRight {
 +
  40% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 +
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
 +
    transform: scale(.1) translate3d(2000px, 0, 0);
 +
    -webkit-transform-origin: right center;
 +
    transform-origin: right center;
 +
  }
 +
}
 +
 +
.zoomOutRight {
 +
  -webkit-animation-name: zoomOutRight;
 +
  animation-name: zoomOutRight;
 +
}
 +
 +
@-webkit-keyframes zoomOutUp {
 +
  40% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 +
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 +
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 +
    -webkit-transform-origin: center bottom;
 +
    transform-origin: center bottom;
 +
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
  }
 +
}
 +
 +
@keyframes zoomOutUp {
 +
  40% {
 +
    opacity: 1;
 +
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 +
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 +
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 +
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 +
    -webkit-transform-origin: center bottom;
 +
    transform-origin: center bottom;
 +
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
  }
 +
}
 +
 +
.zoomOutUp {
 +
  -webkit-animation-name: zoomOutUp;
 +
  animation-name: zoomOutUp;
 +
}
 +
 +
@-webkit-keyframes slideInDown {
 +
  from {
 +
    -webkit-transform: translate3d(0, -100%, 0);
 +
    transform: translate3d(0, -100%, 0);
 +
    visibility: visible;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
}
 +
 +
@keyframes slideInDown {
 +
  from {
 +
    -webkit-transform: translate3d(0, -100%, 0);
 +
    transform: translate3d(0, -100%, 0);
 +
    visibility: visible;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
}
 +
 +
.slideInDown {
 +
  -webkit-animation-name: slideInDown;
 +
  animation-name: slideInDown;
 +
}
 +
 +
@-webkit-keyframes slideInLeft {
 +
  from {
 +
    -webkit-transform: translate3d(-100%, 0, 0);
 +
    transform: translate3d(-100%, 0, 0);
 +
    visibility: visible;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
}
 +
 +
@keyframes slideInLeft {
 +
  from {
 +
    -webkit-transform: translate3d(-100%, 0, 0);
 +
    transform: translate3d(-100%, 0, 0);
 +
    visibility: visible;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
}
 +
 +
.slideInLeft {
 +
  -webkit-animation-name: slideInLeft;
 +
  animation-name: slideInLeft;
 +
}
 +
 +
@-webkit-keyframes slideInRight {
 +
  from {
 +
    -webkit-transform: translate3d(100%, 0, 0);
 +
    transform: translate3d(100%, 0, 0);
 +
    visibility: visible;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
}
 +
 +
@keyframes slideInRight {
 +
  from {
 +
    -webkit-transform: translate3d(100%, 0, 0);
 +
    transform: translate3d(100%, 0, 0);
 +
    visibility: visible;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
}
 +
 +
.slideInRight {
 +
  -webkit-animation-name: slideInRight;
 +
  animation-name: slideInRight;
 +
}
 +
 +
@-webkit-keyframes slideInUp {
 +
  from {
 +
    -webkit-transform: translate3d(0, 100%, 0);
 +
    transform: translate3d(0, 100%, 0);
 +
    visibility: visible;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
}
 +
 +
@keyframes slideInUp {
 +
  from {
 +
    -webkit-transform: translate3d(0, 100%, 0);
 +
    transform: translate3d(0, 100%, 0);
 +
    visibility: visible;
 +
  }
 +
 +
  to {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
}
 +
 +
.slideInUp {
 +
  -webkit-animation-name: slideInUp;
 +
  animation-name: slideInUp;
 +
}
 +
 +
@-webkit-keyframes slideOutDown {
 +
  from {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
 +
  to {
 +
    visibility: hidden;
 +
    -webkit-transform: translate3d(0, 100%, 0);
 +
    transform: translate3d(0, 100%, 0);
 +
  }
 +
}
 +
 +
@keyframes slideOutDown {
 +
  from {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
 +
  to {
 +
    visibility: hidden;
 +
    -webkit-transform: translate3d(0, 100%, 0);
 +
    transform: translate3d(0, 100%, 0);
 +
  }
 +
}
 +
 +
.slideOutDown {
 +
  -webkit-animation-name: slideOutDown;
 +
  animation-name: slideOutDown;
 +
}
 +
 +
@-webkit-keyframes slideOutLeft {
 +
  from {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
 +
  to {
 +
    visibility: hidden;
 +
    -webkit-transform: translate3d(-100%, 0, 0);
 +
    transform: translate3d(-100%, 0, 0);
 +
  }
 +
}
 +
 +
@keyframes slideOutLeft {
 +
  from {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
 +
  to {
 +
    visibility: hidden;
 +
    -webkit-transform: translate3d(-100%, 0, 0);
 +
    transform: translate3d(-100%, 0, 0);
 +
  }
 +
}
 +
 +
.slideOutLeft {
 +
  -webkit-animation-name: slideOutLeft;
 +
  animation-name: slideOutLeft;
 +
}
 +
 +
@-webkit-keyframes slideOutRight {
 +
  from {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
 +
  to {
 +
    visibility: hidden;
 +
    -webkit-transform: translate3d(100%, 0, 0);
 +
    transform: translate3d(100%, 0, 0);
 +
  }
 +
}
 +
 +
@keyframes slideOutRight {
 +
  from {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
 +
  to {
 +
    visibility: hidden;
 +
    -webkit-transform: translate3d(100%, 0, 0);
 +
    transform: translate3d(100%, 0, 0);
 +
  }
 +
}
 +
 +
.slideOutRight {
 +
  -webkit-animation-name: slideOutRight;
 +
  animation-name: slideOutRight;
 +
}
 +
 +
@-webkit-keyframes slideOutUp {
 +
  from {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
 +
  to {
 +
    visibility: hidden;
 +
    -webkit-transform: translate3d(0, -100%, 0);
 +
    transform: translate3d(0, -100%, 0);
 +
  }
 +
}
 +
 +
@keyframes slideOutUp {
 +
  from {
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
    transform: translate3d(0, 0, 0);
 +
  }
 +
 +
  to {
 +
    visibility: hidden;
 +
    -webkit-transform: translate3d(0, -100%, 0);
 +
    transform: translate3d(0, -100%, 0);
 +
  }
 +
}
 +
 +
.slideOutUp {
 +
  -webkit-animation-name: slideOutUp;
 +
  animation-name: slideOutUp;
 +
}
 +
 +
 
</style>
 
</style>
−
</head>
 
−
<header>
 
−
<div>
 
−
<img src="https://2019.igem.org/wiki/images/c/c8/T--MITADTBIO_Pune--humanheader1.png" style="width:100%;padding-top:0px;padding-left:0;" >
 
−
</div>
 
−
</header>
 
−
<body>
 
  
−
<div id="actualtext">
 
−
<div id="afterhome">
 
−
<div id="sidebar">
 
−
<br><br>
 
−
                      <div id="link">
 
−
                            <b><a style="color:black; text-decoration: none; line-height:1.1;" href="#target1">Overview</a></b>
 
−
                      </div>
 
−
<br><br>
 
−
                      <div id="link">
 
−
                            <b><a style="color:black; text-decoration: none; line-height:1.1;" href="#target2">Stakeholder</a></b>
 
−
                      </div>
 
−
<br><br>
 
−
                      <div id="link">
 
−
                            <b><a style="color:black; text-decoration: none; line-height:1.1;" href="#target3">Environmentalist</a></b>
 
−
                      </div>
 
−
<br><br>
 
−
                      <div id="link">
 
−
                            <b><a style="color:black; text-decoration: none; line-height:1.1;" href="#target4">Industry Specialist</a></b><br><br>
 
−
                      </div>
 
−
                         
 
−
<div id="link">
 
−
                            <b><a style="color:black; text-decoration: none; line-height:1.1;" href="#target5">Integrated HP: Heading back to the lab</a></b><BR><BR>
 
−
                      </div>
 
  
−
      </div>
+
</head>
−
</div>
+
<body class="humanpage">
 +
  
  
−
  <div id="maincontent">
+
<section id="home" class="hero-slider">
−
<br>
+
<div class="heroslider">
−
<br>
+
<div class="heroslider owl-carousel1 owl-theme">
−
<br>
+
            <div class="item">
−
<div id="target1"></div>
+
              <img src="https://2019.igem.org/wiki/images/c/c8/T--MITADTBIO_Pune--humanheader1.png" style="width:100%;" />
−
<div id="subheading2"></div>
+
            </div>
−
<div id="content2">
+
           
−
<br>
+
        </div>
−
<div class="col-md-12 col-sm-12">
+
</div>
−
A project like ours that deals with environmental remediation merits the need to involve different sections of society to develop a well rounded approach to solving the problem at hand.,<br>
+
</section>
−
For us, “Human Practices” began much before we had a concrete plan of action. Having decided to work on a project that dealt with the plastic waste menace initially, we had so many different aspects we could have chosen to address. Confronted with a vast array of problems at hand, zeroing down on one specific aspect was our first challenge. <br>
+
−
With a rough idea of what we aimed to address with regard to waste sanitary pads, we set about getting inputs from waste collectors and municipal workers in our localities, questioning them about their views and experiences to ascertain the feasibility of our project. Having factored in these varied opinions, we were satisfied to have settled on a niche problem to solve, a problem that flies under the radar thanks to the redundant taboo that cloaks it.
+
−
</div>
+
−
</div>
+
  
−
<div id="target2"></div>
+
<div class="colorlib-about">
−
<div id="subheading2">
+
−
<div class="col-md-8 col-sm-10">
+
    <div class="row">
−
<b style="line-height:1.3;">Mr Deepak Kukale</b>
+
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 text-center colorlib-heading animate-box">  
−
</div>
+
<ul class="sidefacily-inner-ul">
−
</div>
+
<li class="sidefacily-li activeli"><a href="#overview" class="postname">Overview</a></li>
−
<div id="content2">
+
<li class="sidefacily-li"><a href="#stakeholder" class="postname">Stakeholder</a></li>
−
<div class="col-md-6 col-sm-6">
+
<li class="sidefacily-li"><a href="#environmentalist" class="postname">Environmentalist</a></li>
−
Deepak Kukale has been working as a Sanitation worker in Pune for the last decade. His job description involves collecting garbage from housing society's across the city and segregating the garbage before sending it out to the local garbage dump. While the local municipality has asked citizens to place used pads in bags with a red dot for easy identification, Deepak says this isn’t being practiced. Moreover, while soiled diapers and pampers are discarded as wet waste, this isn’t the case for used pads which more often than not are wrapped in paper and thrown out with the dry waste. This makes it difficult for workers like Deepak who have to open up such wrapped packages before they can ascertain the contents.
+
<li class="sidefacily-li"><a href="#industry" class="postname">Industry Specialist</a></li>
−
To compound his plight, he does this with no protective gear, not even gloves and says the municipality neither supply such gear or precautionary measures to be undertaken.To sum things up, Deepak tells us he falls sick often and attributes it to working conditions such as these.
+
<li class="sidefacily-li"><a href="#backtothelab" class="postname">Heading back to the lab</a></li>
−
</div>
+
</ul>
−
<div class="col-md-6 col-sm-6">
+
</div>
−
<img src="https://2019.igem.org/wiki/images/0/07/T--MITADTBIO_Pune--deepak.png" style="width: 400px; height: 450px;">
+
<div class="container">
−
  </div>
+
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 text-center colorlib-heading animate-box nopadding">
−
  </div>
+
                        <div class="tabsdetail">
−
<br>
+
                        <div class="common_content overviewdetail" id="overview">
 +
                        <h2>A project like ours that deals with environmental remediation merits the need to involve different sections of society to develop a well rounded approach to solving the problem at hand.</h2>
 +
                        <h2>For us, “Human Practices” began much before we had a concrete plan of action. Having decided to work on a project that dealt with the plastic waste menace initially, we had so many different aspects we could have chosen to address. Confronted with a vast array of problems at hand, zeroing down on one specific aspect was our first challenge. </h2>
 +
                        <h2>With a rough idea of what we aimed to address with regard to waste sanitary pads, we set about getting inputs from waste collectors and municipal workers in our localities, questioning them about their views and experiences to ascertain the feasibility of our project. Having factored in these varied opinions, we were satisfied to have settled on a niche problem to solve, a problem that flies under the radar thanks to the redundant taboo that cloaks it.</h2>
 +
                        </div>
  
−
<div id="target3"></div>
+
                        <div class="common_content stakeholderdetail" id="stakeholder">
−
<div id="subheading2">
+
                          <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 nopadding">
−
<div class="col-md-8 col-sm-10">
+
                          <div class="staketext">
−
<b style="line-height:1.3;">Mr. Sathya Natarajan</b>
+
                          <h3><center>Mr. Deepak Kukale</h3></center>
−
</div>
+
                          <h6>Deepak Kukale has been working as a sanitation worker in Pune for the last decade. His job description involves collecting garbage from housing society's across the city and segregating the garbage before sending it out to the local garbage dump.  
−
</div>
+
While the local municipality has asked citizens to place used pads in bags with a red dot for easy identification, Deepak says this isn’t being practiced. Moreover, while soiled diapers and pampers are discarded as wet waste, this isn’t the case for used pads which more often than not are wrapped in paper and thrown out with the dry waste. This makes it difficult for workers like Deepak who have to open up such wrapped packages before they can ascertain the contents.  
−
<div class="content2">                    
+
To compound his plight, he does this with no protective gear, not even gloves and says the municipality neither supply such gear or precautionary measures to be undertaken.
−
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
+
To sum things up, Deepak tells us he falls sick often and attributes it to working conditions such as these.</h6>
−
<img src="https://2019.igem.org/wiki/images/9/93/T--MITADTBIO_Pune--IHP2.PNG" style="width: 350px; height: 500px;">
+
                          </div>
−
</div>
+
                          </div>
−
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
+
−
Mr. Sathya natarjan is a well-known environmentalist from pune who has championed the cause of menstrual waste and its various pitfalls in the city through the 'Red dot campaign'. Our interactions with him were instrumental in understanding the gravity of the situation at hand and the hidden nuances that don’t appear at face value.<br>
+
−
The first thing sir pointed out was the augmentation that the menstrual waste crisis is on the cusp of. With the onset of menarche now occurring at younger ages and simultaneous increase in the use of sanitary napkins, the mound of waste generated is only going to burgeon, unfortunately with no concrete solution in mind. Moreover, coming up with a method to not only solve the problem efficiently but to do so whilst ensuring it doesn’t have any ramifications is the need of the hour. Closer to home, pune is one of two cities in the nation known to segregate menstrual waste. However, the ultimate destination of the waste is the same as any other city. Currently, menstrual waste is either incinerated or dumped. Incineration of such wastes comes with its own set of subsequent problems eventually resulting in the release of toxic and carcinogenic dioxins. With only two incinerators currently operable in the city, that means the preferred destination is a landfill. However, pune has no separate landfill designated specifically for this waste, which means menstrual waste ends up dumped in open spaces with other garbage, serving as a hotbed for pathogens and a danger to the surrounding environment.<br>
+
−
One aspect that sir pointed out was the dignity of labour involved in handling such wastes. For places that don’t segregate their menstrual wastes, the task is carried out by sanitation workers, who rummage through heaps of waste, often times days after they’ve actually been discarded. To expect another person to partake in such a task, one that many a time we ourselves shy away from is unfair. Moreover, with used pads usually being discarded wrapped in layers of newspaper, workers have to open them up before they can ascertain what the waste actually is. The red dot campaign, where women are encouraged to mark their sanitary waste with a large red dot prior to disposal tries to bring the dignity of labourers to the forefront. In fact, it is a programme that would hugely benefit us when we scale up PEred.<br>
+
−
Finally, sir brought up the taboo associated with menstruation and how that could serve as a hindrance to our project. While menstrual cups are un harmful to the environment, people often hesitate to use them, the taboo of using an insertional sanitary product instead of a topical one, being a major hindrance in particular. Changing people’s outlook towards this, especially in a country like india would require a seismic shift in social opinion, a task that requires a multitude of factors falling into place. So while addressing this at the grassroot level may seem an ideal way to confront the problem, it isn’t the most practical means.
+
  
 +
                          <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 stakeimg nopadding">
 +
                          <img src="https://2019.igem.org/wiki/images/0/07/T--MITADTBIO_Pune--deepak.png" style="width: 330px; height: 450px;">
 
                          </div>
 
                          </div>
 +
                        </div>
 +
 +
                        <div class="common_content stakeholderdetail" id="environmentalist">
 +
                          <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 nopadding">
 +
                          <img src="https://2019.igem.org/wiki/images/9/93/T--MITADTBIO_Pune--IHP2.PNG"style="width: 325px; height: 450px;">
 
                          </div>
 
                          </div>
 +
                          <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 nopadding">
 +
                          <div class="staketext">
 +
                          <h3><center>Mr. Sathya Natarajan</h3></center>
 +
                          <h6>Mr. Sathya Natarjan is a well-known environmentalist from Pune who has championed the cause of menstrual waste and its various pitfalls in the city through the "Red Dot Campaign". Our interactions with him were instrumental in understanding the gravity of the situation at hand and the hidden nuances that don’t appear at face value.
 +
The first thing he pointed out was the augmentation that the menstrual waste crisis is on the cusp of. With the onset of menarche now occurring at younger ages and simultaneous increase in the use of sanitary napkins, the mound of waste generated is only going to burgeon, unfortunately with no concrete solution in mind. Moreover, coming up with a method to not only solve the problem efficiently but to do so whilst ensuring it doesn’t have any ramifications is the need of the hour.
 +
Closer to home, Pune is one of two cities in the nation known to segregate menstrual waste. However, the ultimate destination of the waste is the same as any other city. Currently, menstrual waste is either incinerated or dumped. Incineration of such wastes comes with its own set of subsequent problems eventually resulting in the release of toxic and carcinogenic dioxins. With only two incinerators currently operable in the city, that means the preferred destination is a landfill. However, Pune has no separate landfill designated specifically for this waste, which means menstrual waste ends up dumped in open spaces with other garbage, serving as a hotbed for pathogens and a danger to the surrounding environment.
 +
One aspect that Mr Natarjan pointed out was the dignity of labour involved in handling such wastes. For places that don’t segregate their menstrual wastes, the task is carried out by sanitation workers, who rummage through heaps of waste, often times days after they’ve actually been discarded. To expect another person to partake in such a task, one that many a time we ourselves shy away from is unfair. Moreover, with used pads usually being discarded wrapped in layers of newspaper, workers have to open them up before they can ascertain what the waste actually is. The Red Dot Campaign, where women are encouraged to mark their sanitary waste with a large red dot prior to disposal tries to bring the dignity of laborers to the forefront. In fact, it is a programme that would hugely benefit us when we scale up PEred.
 +
Finally, Sir brought up the taboo associated with menstruation and how that could serve as a hindrance to our project. While menstrual cups are un harmful to the environment, people often hesitate to use them, the taboo of using an insertional sanitary product instead of a topical one, being a major hindrance in particular. Changing people’s outlook towards this, especially in a country like India would require a seismic shift in social opinion, a task that requires a multitude of factors falling into place. So while addressing this at the grassroot level may seem an ideal way to confront the problem, it isn’t the most practical means.
 +
</h6>
 +
                          </div>
 +
                          </div>
 +
                        </div>
  
−
<div id="target4"></div>
+
                        <div class="common_content stakeholderdetail" id="industry">
−
<div id="subheading2">
+
                          <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 stakeimg nopadding">
−
<div class="col-md-8 col-sm-10">
+
                          <div class="staketext">
−
<b style="line-height:1.3;">Mr. Dipak Roda</b>
+
                          <h3><center>Mr. Dipak Roda</h3></center>
−
</div>
+
                          <h6>Since PEred is being engineered to utilize enzymes as a means to scythe down heaps of menstrual waste across
−
</div>
+
the country, the first expert we asked to weigh in on our project was Mr. Dipak Roda, Vice President at
−
<div class="content2"> 
+
Advanced Enzyme Technologies Ltd., India.
−
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
+
Over the course of numerous skype calls, Mr.Roda provided fantastic insights from the industry point of view.
−
Since PEred is being engineered to utilize enzymes as a means to scythe down heaps of menstrual waste across the country, the first expert we asked to weigh in on our project was Mr. Dipak Roda, Vice President at Advanced Enzymes, india.  
+
Having initially worked on cellulase &amp; several other enzyme systems at the start of his career, his experience is
−
Over the course of numerous skype calls, Mr.Roda provided fantastic insights from the industry point of view. Having initially worked on cellulase enzyme at the start of his career, his experience is something that heavily influenced the path we took for our project. Vitally, sir brought to our attention the fact that even though cellulose is abundant in sanitary napkins, it is in an immobilised state and making it more accessible to pered via initial break down remains one of the primary challenges. Moreover, sir suggested we use a complimentary organism to produce cellulase enzyme in the eventuality that pered is unable to secrete two enzymes (laccase and cellulase) simultaneously.<br>
+
something that heavily influenced the path we took for our project. Vitally, Sir brought to our attention the
−
The functioning of two different enzymes simultaneously increases the chances of our enzymes partaking in amensalism. Laccase being a protease could very well end up cleaving cellulase itself, thus studying our enzymes, the mutual effect they have on each other and their compatibility is an important aspect sir stressed on, suggesting we investigate methods to temporarily inactivate one of the enzymes to accommodate this fact.
+
fact that even though cellulose is abundant in sanitary napkins, it is in a complex state of whole cellulose and
−
While we had decided to use <i>E.coli</i> as the chassis to develop PEred, Mr.Roda gave us a glimpse of how the industry viewed <i>E.coli</i>, an unfavourable pathogenic organism they more often than not shied away from. Referring to the gras (generally recognized as safe) list of organisms that industry prefers is what sir recommended. This would help us develop a more sustainable project for the future as we aim to scale up pered and make it available to the masses.
+
making it more accessible to PEred via initial break down remains one of the primary challenges. Looking at
−
</div>
+
the complexity of the substrate to be treated, Sir suggested we use a whole cellulase enzyme along with
−
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
+
complementary enzyme systems and a microorganism to produce the necessary enzymes.
−
<img src="https://2019.igem.org/wiki/images/4/41/T--MITADTBIO_Pune--IHP3.PNG" style = "width : 500px ; height : 450px">
+
The simultaneous functioning of different enzymes increases the chances of our enzymes partaking in
 +
amensalism. Moreover, various metabolites of microorganisms may be capable of cleaving substrate
 +
components. Thus studying our enzymes &amp; microorganism system, the mutual effect they have on each other
 +
and their compatibility is an important aspect Sir stressed on.
 +
While we had decided to use E.Coli as the chassis to develop PEred, Mr.Roda gave us a glimpse of how the
 +
industry viewed E.Coli, an unfavourable pathogenic organism they more often than not shied away from.
 +
Referring to the GRAS (Generally Recognized As Safe) List of Organisms that Industry prefers is what Sir
 +
recommended. This would help us develop a more sustainable project for the future as we aim to scale up
 +
PEred and make it available to the masses.
 +
 
 +
Having initially, contemplated using Cellulose as the sole Carbon source for PEred, Sir’s opinions on
 +
there being potential interference between the enzymes specifically cellulase led us to put this idea
 +
on the back burner for the time being. While this iteration of PEred is focussed solely on targeting
 +
the plastic component of soiled sanitary napkins, pending future research and experimental study
 +
we plan to design a more robust organism that is also able to utilize the cellulose component of
 +
sanitary pads.
 +
</h6>
 +
                          </div>
 +
                          </div>
 +
 
 +
                          <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 stakeimg nopadding">
 +
                          <img src="https://2019.igem.org/wiki/images/4/41/T--MITADTBIO_Pune--IHP3.PNG" style="width: 375px; height: 400px;">
 
                          </div>
 
                          </div>
 
                        </div>
 
                        </div>
−
<br><br>
 
−
<div id="target5"></div>
 
−
<div id="subheading2"><b style="line-height:1.3;">Heading Back to the Lab</b></div>
 
−
<br>
 
−
<div id="content2">
 
−
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
 
−
<div>
 
−
Our Human Practices ensured we left the 4 walls of our lab behind on a regular basis to go out into the real world and gain invaluable insights into PEred and its potential effect on the environment. Returning back with tonnes of useful information it was time to take what we learnt outside the lab and integrate it into the development of PEred.
 
−
                            </div>
 
−
<div>Through our interactions with Mr. Natarajan we recognized the burgeoning problem of Sanitary waste and the urgent need to address this via a multitude of channels. This prompted us to get in touch with Project Amara, a local NGO working to dismantle the taboo surrounding menstruation while also spreading awareness about the toxic plastic waste menstrual products generate. <br>
 
−
                            <a href="https://2019.igem.org/Team:MITADTBIO_Pune/Public_Engagement">Click here to read more about the joint sessions we held with the Project Amara team.</a>
 
−
                            </div>
 
−
<div>Having spoken to Sanitation workers we realised the disregard for “Dignity of Labour” when it comes to handling Sanitary waste. This inspired us to come up with a comprehensive solution to deal with the crisis. Apart from engineering PEred in the lab, we set about designing a Bio-Reactor solely for the purpose of degrading soiled Sanitary pads. Moreover, this also motivated us to spread more awareness about the Red Dot campaign in our college and nearby localities.<br>
 
−
<a href="https://2019.igem.org/Team:MITADTBIO_Pune/3D_MODEL">Click here to view our sanitary pad degrading bio-reactor</a>
 
  
−
</div>                      
+
                        <div class="common_content stakeholderdetail" id="backtothelab">
−
<div>
+
                         
−
When it comes to Engineering PEred, the inputs of Mr. Roda have been irreplaceable. Having initially, contemplated leaving the cellulose component of the pad to degrade on its own naturally, Sir’s opinions led us to use incorporate a gene for cellulase in our genetic circuit so as to mobilize the previously immobilized Cellulose and hasten the total degradation potency of PEred.
+
−
Infact, we also contemplated using Cellulose as the sole Carbon source for PEred, an idea we plan to incorporate in the near future as we seek to step up PEred for industrial applications.
+
−
                            </div>
+
−
<div>In conclusion, human practices gave us a brilliant opportunity to learn so much more about our project and explore facets that would’nt have cropped up otherwise. Integrating our learnings not only with respect to the biological aspect of pered but vitally the ultimate aim of inventing a sustainable and practical solution has been an immersive experience that we hope fits into the grand scheme of building a better future.
+
−
<br>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+
                       
−
<script>
+
                          <h1><center><strong>Heading Back to the Lab</h1></center></strong>
−
$(window).scroll(function(e){
+
                            <ul class="backul">
−
   parallax();
+
                            <li class="purple">
 +
                            <h6>Our Human Practices ensured we left the 4 walls of our lab behind on a regular basis to go out into the real world and gain invaluable insights into PEred and its potential effect on the environment. Returning back with tonnes of useful information it was time to take what we learnt outside the lab and integrate it into the development of PEred.</h6>
 +
                            </li>
 +
                            <li class="blue">
 +
                            <h6> Through our interactions with Mr. Natarajan we recognized the burgeoning problem of Sanitary waste and the urgent need to address this via a multitude of channels. This prompted us to get in touch with Project Amara, a local NGO working to dismantle the taboo surrounding menstruation while also spreading awareness about the toxic plastic waste menstrual products generate. <br>
 +
                            <a href="https://2019.igem.org/Team:MITADTBIO_Pune/Public_Engagement">Click here to read more about the joint sessions we held with the Project Amara team.</a></h6>
 +
                            </li>
 +
                            <li class="green"><h6>Having spoken to Sanitation workers we realised the disregard for “Dignity of Labour” when it comes to handling Sanitary waste. This inspired us to come up with a comprehensive solution to deal with the crisis. Apart from engineering PEred in the lab, we set about designing a bio-reactor solely for the purpose of degrading soiled Sanitary pads. Moreover, this also motivated us to spread more awareness about the Red Dot campaign in our college and nearby localities.<br>
 +
<a href="https://2019.igem.org/Team:MITADTBIO_Pune/3D_MODEL">Click here to view sanitary pad degrading bio-reactor</a></li></h6>
 +
                            <li class="orange">
 +
                            <h6>When it comes to Engineering PEred, the inputs of Mr. Roda have been irreplaceable.
 +
Having initially, contemplated leaving the cellulose component of the pad to degrade on its own naturally, Sir’s opinions led us to use incorporate a gene for <i>cellulase</i> in our genetic circuit so as to mobilize the previously immobilized cellulose and hasten the total degradation potency of PEred.
 +
Infact, we also contemplated using cellulose as the sole carbon source for PEred, an idea we plan to incorporate in the near future as we seek to step up PEred for industrial applications.</h6>
 +
                            </li>
 +
<li class="pink">
 +
                            <h6>In conclusion, human practices gave us a brilliant opportunity to learn so much more about our project and explore facets that would’nt have cropped up otherwise. Integrating our learning not only with respect to the biological aspect of PEred but vitally the ultimate aim of inventing a sustainable and practical solution has been an immersive experience that we hope fits into the grand scheme of building a better future.</h6>
 +
                            </li>
 +
 
 +
                            </ul>
 +
                          </div>
 +
                        </div>
 +
                               
 +
                        </div>
 +
</div>
 +
</div>
 +
 
 +
 +
  </div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
 +
 
 +
 
 +
<div class="gototop js-top">
 +
<a href="#" class="js-gotop"><i class="icon-arrow-up2"></i></a>
 +
</div>
 +
<!-- jQuery -->
 +
<script type="text/javascript">
 +
    $(document).ready(function(){
 +
      $('.galleryslider').slick({
 +
        infinite: true,
 +
slidesToShow: 4,
 +
  slidesToScroll: 1,
 +
  arrows: true,
 +
  dots:false,
 +
  autoplay:true,
 +
    responsive: [
 +
    {
 +
      breakpoint: 1024,
 +
      settings: {
 +
        slidesToShow: 3,
 +
        slidesToScroll: 3,
 +
        infinite: true,
 +
        dots: true
 +
      }
 +
    },
 +
    {
 +
      breakpoint: 800,
 +
      settings: {
 +
        slidesToShow: 2,
 +
        slidesToScroll: 2
 +
      }
 +
    },
 +
    {
 +
      breakpoint: 580,
 +
      settings: {
 +
        slidesToShow: 1,
 +
        slidesToScroll: 1
 +
      }
 +
    }
 +
  ]
 +
      });
 +
    });
 +
  </script>
 +
  <script type="text/javascript">
 +
  $(document).ready(function() {
 +
$(".sidefacily-inner-ul li a").click(function () {
 +
$('.sidefacily-inner-ul li a').removeClass("active");
 +
$('.activeli').removeClass("activeli");
 +
    $(this).addClass("active");
 +
    $(this).parents('li').addClass('activeli');
 +
    $(".sidefacily-inner-ul li a").not(this).removeClass("active");
 +
});
 +
});
 +
   </script>
 +
<!--  <script type="text/javascript">
 +
  $(document).ready(function () {
 +
    $('.slider').slick({
 +
        centerMode: true,
 +
        centerPadding: '60px',
 +
        dots: true, /* Just changed this to get the bottom dots navigation */
 +
        infinite: true,
 +
        speed: 300,
 +
        slidesToShow: 4,
 +
        slidesToScroll: 1,
 +
        arrows: true
 +
    });
 
});
 
});
 +
  </script> -->
  
−
//PARALLAX FUNCTION
+
<style type="text/css">
−
function parallax(){
+
.sidefacily-inner-ul{
−
  var scrolled = $(window).scrollTop();
+
-webkit-transition: all 1s ease-in-out;
−
  $('#oceanvideo').css('top',-(scrolled*0.35)+'px');
+
-moz-transition: all 1s ease-in-out;
 +
-o-transition: all 1s ease-in-out;
 +
transition: all 1s ease-in-out;
 
}
 
}
 +
/*.slideanywhere .sidefacily-inner-ul{
 +
position:fixed;
 +
top:20px;
 +
}*/
 +
.colorlib-nav{
 +
position:static;
 +
}
 +
</style>
 +
<script>
 +
$(".number1").hover(function(){
 +
  $(".text1").css("display", "block");
 +
  }, function(){
 +
  $(this).css("background-color", "pink");
 +
});
  
−
//NOT THE MOST EFFICIENT PARALLAX, BUT SIMPLE
 
 
</script>
 
</script>
  
−
</body>
+
<script>
 +
jQuery(document).ready(function(){
 +
    jQuery('.sidefacily-inner-ul li a').click(function(){
 +
        var getidv = jQuery(this).attr('href');
 +
        if(getidv.match('overview')){
 +
        jQuery('body').addClass('overviewsection');
 +
        setTimeout('checkthis()',2200);
 +
        }else{
 +
        jQuery('body').removeClass('overviewsection');
 +
        jQuery('body').addClass('slideanywhere');
 +
        }
 +
        jQuery('html, body').animate({
 +
            scrollTop: jQuery(getidv).offset().top - 0
 +
        }, 2000);
 +
    });
 +
});
 +
function checkthis(){
 +
jQuery('body').removeClass('slideanywhere');
 +
}
 +
</script>
 +
<script src="js/jquery.min.js"></script>
 +
<!-- jQuery Easing -->
 +
<script src="js/jquery.easing.1.3.js"></script>
 +
<!-- Bootstrap -->
 +
<script src="js/bootstrap.min.js"></script>
 +
<!-- Waypoints -->
 +
<script src="js/jquery.waypoints.min.js"></script>
 +
<!-- Stellar Parallax -->
 +
<script src="js/jquery.stellar.min.js"></script>
 +
<!-- YTPlayer -->
 +
<script src="js/jquery.mb.YTPlayer.min.js"></script>
 +
<!-- Owl carousel -->
 +
<script src="js/owl.carousel.min.js"></script>
 +
<!-- Magnific Popup -->
 +
<script src="js/jquery.magnific-popup.min.js"></script>
 +
<script src="js/magnific-popup-options.js"></script>
 +
<!-- Counters -->
 +
<script src="js/jquery.countTo.js"></script>
 +
<!-- Main -->
 +
<script src="js/main.js"></script>
 +
<script src="js/slick.js"></script>
 +
 
 +
</body>
 
</html>
 
</html>
 +
 +
 +
{{MITADTBIO_PUNE/footer}}

Latest revision as of 18:35, 21 October 2019

<!DOCTYPE HTML>

A project like ours that deals with environmental remediation merits the need to involve different sections of society to develop a well rounded approach to solving the problem at hand.

For us, “Human Practices” began much before we had a concrete plan of action. Having decided to work on a project that dealt with the plastic waste menace initially, we had so many different aspects we could have chosen to address. Confronted with a vast array of problems at hand, zeroing down on one specific aspect was our first challenge.

With a rough idea of what we aimed to address with regard to waste sanitary pads, we set about getting inputs from waste collectors and municipal workers in our localities, questioning them about their views and experiences to ascertain the feasibility of our project. Having factored in these varied opinions, we were satisfied to have settled on a niche problem to solve, a problem that flies under the radar thanks to the redundant taboo that cloaks it.

Mr. Deepak Kukale

Deepak Kukale has been working as a sanitation worker in Pune for the last decade. His job description involves collecting garbage from housing society's across the city and segregating the garbage before sending it out to the local garbage dump. While the local municipality has asked citizens to place used pads in bags with a red dot for easy identification, Deepak says this isn’t being practiced. Moreover, while soiled diapers and pampers are discarded as wet waste, this isn’t the case for used pads which more often than not are wrapped in paper and thrown out with the dry waste. This makes it difficult for workers like Deepak who have to open up such wrapped packages before they can ascertain the contents. To compound his plight, he does this with no protective gear, not even gloves and says the municipality neither supply such gear or precautionary measures to be undertaken. To sum things up, Deepak tells us he falls sick often and attributes it to working conditions such as these.

Mr. Sathya Natarajan

Mr. Sathya Natarjan is a well-known environmentalist from Pune who has championed the cause of menstrual waste and its various pitfalls in the city through the "Red Dot Campaign". Our interactions with him were instrumental in understanding the gravity of the situation at hand and the hidden nuances that don’t appear at face value. The first thing he pointed out was the augmentation that the menstrual waste crisis is on the cusp of. With the onset of menarche now occurring at younger ages and simultaneous increase in the use of sanitary napkins, the mound of waste generated is only going to burgeon, unfortunately with no concrete solution in mind. Moreover, coming up with a method to not only solve the problem efficiently but to do so whilst ensuring it doesn’t have any ramifications is the need of the hour. Closer to home, Pune is one of two cities in the nation known to segregate menstrual waste. However, the ultimate destination of the waste is the same as any other city. Currently, menstrual waste is either incinerated or dumped. Incineration of such wastes comes with its own set of subsequent problems eventually resulting in the release of toxic and carcinogenic dioxins. With only two incinerators currently operable in the city, that means the preferred destination is a landfill. However, Pune has no separate landfill designated specifically for this waste, which means menstrual waste ends up dumped in open spaces with other garbage, serving as a hotbed for pathogens and a danger to the surrounding environment. One aspect that Mr Natarjan pointed out was the dignity of labour involved in handling such wastes. For places that don’t segregate their menstrual wastes, the task is carried out by sanitation workers, who rummage through heaps of waste, often times days after they’ve actually been discarded. To expect another person to partake in such a task, one that many a time we ourselves shy away from is unfair. Moreover, with used pads usually being discarded wrapped in layers of newspaper, workers have to open them up before they can ascertain what the waste actually is. The Red Dot Campaign, where women are encouraged to mark their sanitary waste with a large red dot prior to disposal tries to bring the dignity of laborers to the forefront. In fact, it is a programme that would hugely benefit us when we scale up PEred. Finally, Sir brought up the taboo associated with menstruation and how that could serve as a hindrance to our project. While menstrual cups are un harmful to the environment, people often hesitate to use them, the taboo of using an insertional sanitary product instead of a topical one, being a major hindrance in particular. Changing people’s outlook towards this, especially in a country like India would require a seismic shift in social opinion, a task that requires a multitude of factors falling into place. So while addressing this at the grassroot level may seem an ideal way to confront the problem, it isn’t the most practical means.

Mr. Dipak Roda

Since PEred is being engineered to utilize enzymes as a means to scythe down heaps of menstrual waste across the country, the first expert we asked to weigh in on our project was Mr. Dipak Roda, Vice President at Advanced Enzyme Technologies Ltd., India. Over the course of numerous skype calls, Mr.Roda provided fantastic insights from the industry point of view. Having initially worked on cellulase & several other enzyme systems at the start of his career, his experience is something that heavily influenced the path we took for our project. Vitally, Sir brought to our attention the fact that even though cellulose is abundant in sanitary napkins, it is in a complex state of whole cellulose and making it more accessible to PEred via initial break down remains one of the primary challenges. Looking at the complexity of the substrate to be treated, Sir suggested we use a whole cellulase enzyme along with complementary enzyme systems and a microorganism to produce the necessary enzymes. The simultaneous functioning of different enzymes increases the chances of our enzymes partaking in amensalism. Moreover, various metabolites of microorganisms may be capable of cleaving substrate components. Thus studying our enzymes & microorganism system, the mutual effect they have on each other and their compatibility is an important aspect Sir stressed on. While we had decided to use E.Coli as the chassis to develop PEred, Mr.Roda gave us a glimpse of how the industry viewed E.Coli, an unfavourable pathogenic organism they more often than not shied away from. Referring to the GRAS (Generally Recognized As Safe) List of Organisms that Industry prefers is what Sir recommended. This would help us develop a more sustainable project for the future as we aim to scale up PEred and make it available to the masses. Having initially, contemplated using Cellulose as the sole Carbon source for PEred, Sir’s opinions on there being potential interference between the enzymes specifically cellulase led us to put this idea on the back burner for the time being. While this iteration of PEred is focussed solely on targeting the plastic component of soiled sanitary napkins, pending future research and experimental study we plan to design a more robust organism that is also able to utilize the cellulose component of sanitary pads.

Heading Back to the Lab

  • Our Human Practices ensured we left the 4 walls of our lab behind on a regular basis to go out into the real world and gain invaluable insights into PEred and its potential effect on the environment. Returning back with tonnes of useful information it was time to take what we learnt outside the lab and integrate it into the development of PEred.
  • Through our interactions with Mr. Natarajan we recognized the burgeoning problem of Sanitary waste and the urgent need to address this via a multitude of channels. This prompted us to get in touch with Project Amara, a local NGO working to dismantle the taboo surrounding menstruation while also spreading awareness about the toxic plastic waste menstrual products generate.
    Click here to read more about the joint sessions we held with the Project Amara team.
  • Having spoken to Sanitation workers we realised the disregard for “Dignity of Labour” when it comes to handling Sanitary waste. This inspired us to come up with a comprehensive solution to deal with the crisis. Apart from engineering PEred in the lab, we set about designing a bio-reactor solely for the purpose of degrading soiled Sanitary pads. Moreover, this also motivated us to spread more awareness about the Red Dot campaign in our college and nearby localities.
    Click here to view sanitary pad degrading bio-reactor
  • When it comes to Engineering PEred, the inputs of Mr. Roda have been irreplaceable. Having initially, contemplated leaving the cellulose component of the pad to degrade on its own naturally, Sir’s opinions led us to use incorporate a gene for cellulase in our genetic circuit so as to mobilize the previously immobilized cellulose and hasten the total degradation potency of PEred. Infact, we also contemplated using cellulose as the sole carbon source for PEred, an idea we plan to incorporate in the near future as we seek to step up PEred for industrial applications.
  • In conclusion, human practices gave us a brilliant opportunity to learn so much more about our project and explore facets that would’nt have cropped up otherwise. Integrating our learning not only with respect to the biological aspect of PEred but vitally the ultimate aim of inventing a sustainable and practical solution has been an immersive experience that we hope fits into the grand scheme of building a better future.


Made with ❤ in India
140x140
LINKS
MIT SBSR
MIT ADT University
ADDRESS
MIT School of Bioengineering, Sciences and Research, Pune, Maharashtra 412201
CONTACT
Ashima Khanna
Team Lead
igem.mitadtbio.pune@gmail.com