|
|
| Line 10: |
Line 10: |
| | <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/CSS?action=raw&ctype=text/css" rel="stylesheet"type="text/css"> |
| − |
| |
| − | <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" />
| |
| − |
| |
| − |
| |
| − | <!-- Animate.css -->
| |
| − | <link rel="stylesheet" href="css/animate.css">
| |
| − | <!-- Icomoon Icon Fonts-->
| |
| − | <link rel="stylesheet" href="css/icomoon.css">
| |
| − | <!-- Bootstrap -->
| |
| − | <link rel="stylesheet" href="css/bootstrap.min.css">
| |
| − |
| |
| − | <!-- 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> | | <style> |
| Line 75: |
Line 40: |
| | border-top: 2px solid #BBE2DF; } | | border-top: 2px solid #BBE2DF; } |
| | | | |
| − | | + | #holder { |
| − | .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}
| + | position: fixed; |
| − | | + | top: 0%; |
| − | .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}
| + | left: 0%; |
| − | | + | height: 100%; |
| − | /*.owl-theme .owl-controls {
| + | width: 100%; |
| − | margin-top:10px;
| + | z-index: -3; |
| − | text-align:center;
| + | |
| − | -webkit-tap-highlight-color:transparent
| + | |
| | } | | } |
| − | .owl-theme .owl-controls .owl-nav[class*=owl-] {
| + | #oceanvideo { |
| − | color:#fff;
| + | position: fixed; |
| − | font-size:20px;
| + | top: 0%; |
| − | margin:5px;
| + | left: 0%; |
| − | padding:4px 7px;
| + | width: 100%; |
| − | background:#d6d6d6;
| + | height: 100%; |
| − | display:inline-block;
| + | object-fit: fill; |
| − | cursor:pointer;
| + | z-index: 1; |
| − | -webkit-border-radius:3px;
| + | |
| − | -moz-border-radius:3px;
| + | |
| − | border-radius:3px
| + | |
| | } | | } |
| − | .owl-theme .owl-controls .owl-nav[class*=owl-]:hover {
| + | #overlay { |
| − | background:#869791;
| + | position: fixed; |
| − | color:#fff;
| + | top: 0%; |
| − | text-decoration:none
| + | left: 0%; |
| | + | width: 100%; |
| | + | height: 100%; |
| | + | background-color: #000000; |
| | + | opacity: 0.3; |
| | + | z-index: 3; |
| | } | | } |
| − | .owl-theme .owl-controls .owl-nav .disabled {
| + | #bigtitle { |
| − | opacity:.5;
| + | position: absolute; |
| − | cursor:default
| + | top: 38%; |
| | + | 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; |
| | } | | } |
| − | .owl-theme .owl-dots .owl-dot {
| + | #actualtext { |
| − | display:inline-block;
| + | position: relative; |
| − | zoom:1;
| + | top: 400%; |
| − | *display:inline
| + | left: 0%; |
| | + | height: 170%; |
| | + | width: 100%; |
| | + | background-color: #FFFFFF; |
| | + | z-index: 4; |
| | } | | } |
| − | .owl-theme .owl-dots .owl-dot span {
| + | #afterhome { |
| − | width:10px;
| + | position: relative; |
| − | height:10px;
| + | top: 99%; |
| − | margin:5px 7px;
| + | left: 0%; |
| − | background:#d6d6d6;
| + | height: 170%; |
| − | display:block;
| + | width: 100%; |
| − | -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 {
| + | #sidebar { |
| − | background:#869791
| + | position: absolute; |
| − | }*/
| + | top: 0%; |
| − | | + | left: 8%; |
| − | @font-face {
| + | height: 35%; |
| − | font-family: 'Raleway', sans-serif;
| + | width: 13%; |
| − | src: url("../fonts/icomoon/icomoon.eot?srf3rx");
| + | z-index: 6; |
| − | 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;
| + | |
| | } | | } |
| − | #page { | + | #link { |
| − | position: relative;
| + | font-family: 'Montserrat', sans-serif; |
| − | overflow-x: hidden;
| + | color: #000000; |
| − | width: 100%;
| + | font-size: 20px; |
| − | height: 100%;
| + | cursor: pointer; |
| − | -webkit-transition: 0.5s;
| + | transition: all 0.4s ease; |
| − | -o-transition: 0.5s;
| + | -webkit-transition: all 0.4s ease; |
| − | transition: 0.5s; }
| + | -moz-transition: all 0.4s ease; |
| − | .offcanvas #page {
| + | -ms-transition: all 0.4s ease; |
| − | overflow: hidden;
| + | -o-transition: all 0.4s ease; |
| − | 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-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: 20px; }
| + | |
| − | .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; } }
| + | |
| − | | + | |
| − | | + | |
| − | #map {
| + | |
| − | width: 100%;
| + | |
| − | height: 500px;
| + | |
| − | position: relative; }
| + | |
| − | @media screen and (max-width: 768px) {
| + | |
| − | #map {
| + | |
| − | 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; }
| + | |
| − | | + | |
| − | .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%;
| + | |
| | } | | } |
| − | | + | #link:hover { |
| − | .col-md-6.animate-box.secondsectionimg1.fadeInUp.animated-fast {
| + | color: #0077be; |
| − | padding-right: 0px;
| + | text-decoration: none; |
| | } | | } |
| | | | |
| − | .col-md-6.animate-box.secondsectionimg2.fadeInUp.animated-fast {
| + | #maincontent { |
| − | padding-left: 0px;
| + | position: relative; |
| | + | top: 0%; |
| | + | left: 28%; |
| | + | height: 92%; |
| | + | width: 64%; |
| | + | border-top: 30px; |
| | } | | } |
| − | .col-md-6.animate-box.secondsectiontext1.fadeInUp.animated-fast p{
| + | #target1{ |
| − | text-align: justify;
| + | position: relative; |
| − | padding: 0 20px;
| + | top: -80px; |
| − | font-size: 20px;
| + | |
| | } | | } |
| − | .col-md-6.animate-box.secondsectiontext2.fadeInUp.animated-fast p
| + | #target2{ |
| − | { | + | position: relative; |
| − | text-align: justify;
| + | top: -80px; |
| − | padding: 0 20px;
| + | |
| − | font-size: 20px;
| + | |
| | } | | } |
| − | .heroslider {
| + | #target3{ |
| − | position: relative;
| + | position: relative; |
| | + | top: -80px; |
| | } | | } |
| − | .bannertext h1 {
| + | #target4{ |
| − | position: absolute;
| + | position: relative; |
| − | top: 38%;
| + | top: -80px; |
| − | left: 43%;
| + | |
| − | font-size: 20px;
| + | |
| − | color: white;
| + | |
| − | font-weight: 50;
| + | |
| | } | | } |
| − | | + | #subheading1 { |
| − | .text-center
| + | font-size: 36px; |
| − | {
| + | font-family: 'Montserrat', sans-serif; |
| − | text-align: center;
| + | |
| | } | | } |
| | + | #content1 { |
| | + | font-family: 'Lora', serif; |
| | + | font-size: 30px; |
| | + | line-height: 1.75em; |
| | | | |
| − | .menstrualtext.text-center h2 {
| |
| − | margin-bottom: 0px;
| |
| | } | | } |
| − | .textline
| + | #subheading2 { |
| − | { | + | font-size: 26px; |
| − | position:relative;
| + | font-family: 'Montserrat', sans-serif; |
| − | margin-top:40px;
| + | font-color:#004d40; |
| | } | | } |
| − | .textline:after {
| + | #content2 { |
| − | content: "";
| + | font-family: 'Lora', serif; |
| − | position: absolute;
| + | font-size: 18px; |
| − | background: url(../images/icon-2.jpg);
| + | line-height: 1.75em; |
| − | 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;
| |
| − |
| |
| − |
| |
| | } | | } |
| − | ul.line
| + | #subheading4 { |
| − | { | + | font-size: 36px; |
| − | position:relative;
| + | font-family: 'Montserrat', sans-serif; |
| − | text-align: center;
| + | |
| | } | | } |
| − | li.line2 {
| + | #subheading5 { |
| − | position: relative;
| + | font-size: 36px; |
| − | padding-left: 80px !important;
| + | font-family: 'Montserrat', sans-serif; |
| | } | | } |
| − | | + | #footer { |
| − | li.line2:after {
| + | height: 100px; |
| − | content: "";
| + | width: 100%; |
| − | position: absolute;
| + | background-color: #FFFFFF; |
| − | background: url(../images/smallicon.jpg);
| + | z-index: 7; |
| − | width: 47px;
| + | |
| − | height: 70px;
| + | |
| − | top: 5px;
| + | |
| − | right: -46px;
| + | |
| | } | | } |
| − | .imgline {
| + | #flogo { |
| − | padding: 40px 0 0 60px;
| + | font-size:28px; |
| | + | 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; |
| | } | | } |
| − | .menstrualtext.text-center {
| + | #flogo:hover { |
| − | margin-bottom: 60px;
| + | color: #3B5998; |
| | } | | } |
| − | .menstrualimage.text-center { | + | #tlogo { |
| − | margin-bottom: 45px;
| + | font-size:28px; |
| | + | 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; |
| | } | | } |
| − | .napkin {
| + | #tlogo:hover { |
| − | background: url("../images/bg.jpg") center no-repeat;
| + | color: #00aced; |
| − | height: 695px;
| + | |
| | } | | } |
| − | .napkin h2 {
| + | #ilogo { |
| − | margin: 35px;
| + | font-size:28px; |
| − | font-size: 20px;
| + | color: #767676; |
| − | font-weight: 50;
| + | 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; |
| | } | | } |
| − | .row.platformmain {
| + | #ilogo:hover { |
| − | text-align: center;
| + | color: #bc2a8d; |
| − | margin-left: auto;
| + | |
| − | margin-right: auto;
| + | |
| | } | | } |
| − | .platformtext.text-center {
| + | #afterhome { |
| − | margin: 25px 0 25px 0;
| + | position: relative; |
| | + | top: 99%; |
| | + | left: 0%; |
| | + | height: 170%; |
| | + | width: 100%; |
| | } | | } |
| − | .platform | + | .rotateimg90 { |
| − | { | + | -webkit-transform:rotate(90deg); |
| − | width: 373px;
| + | -moz-transform: rotate(90deg); |
| − | height: 393px;
| + | -ms-transform: rotate(90deg); |
| − | position: relative;
| + | -o-transform: rotate(90deg); |
| − | margin:5px
| + | transform: rotate(90deg); |
| | } | | } |
| | | | |
| − | .platform1 {
| + | </style> |
| − | background: url("../images/Wet-Lab.jpg");
| + | </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> |
| | | | |
| − | .platform2 {
| |
| − | background: url("../images/Outreach.jpg");
| |
| − | }
| |
| | | | |
| − | .platform3 {
| |
| − | background: url("../images/the-team.jpg");
| |
| − | }
| |
| | | | |
| − | .platform .desc {
| + | <body> |
| − | position: absolute; | + | |
| − | bottom: 10%; | + | |
| − | left: 25%; | + | <div id="actualtext"> |
| − | }
| + | |
| | | | |
| − | .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;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .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: 100%;
| |
| − | }
| |
| − | .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.location li a:before {content: '';background: #244545;height: 8px;width: 8px;float: left;border-radius: 100%;display: none;margin: 8px 10px 0 0;}
| |
| − |
| |
| − | }
| |
| − | .col-md-3.colorlib-widget.links {
| |
| − | margin-left: 55px;
| |
| − | width: 20%;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | .napkinimg.text-center {
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − | @media(min-width: 643px){
| |
| | | | |
| | + | <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> |
| | + | </div> |
| | | | |
| | + | <br><br> |
| | + | <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> |
| | + | </div> |
| | + | |
| | | | |
| − |
| + | <div id="maincontent"> |
| − | | + | |
| − | .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: 10;
| + | |
| − | width:260px;
| + | |
| − | }
| + | |
| − | | + | |
| − | ul.sidefacily-inner-ul li {
| + | |
| − | list-style-type: none;
| + | |
| − | text-align: justify;
| + | |
| − | border-bottom: 1px solid #e6e6e6;
| + | |
| − | padding: 15px 25px;
| + | |
| − | 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: 15px;
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | 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: 25px;
| + | |
| − | }
| + | |
| − | ul.backul {
| + | |
| − | padding: 0px;
| + | |
| − | }
| + | |
| − | ul.backul li {
| + | |
| − | padding: 20px 20px;
| + | |
| − | margin-bottom: 20px;
| + | |
| − | }
| + | |
| − | li.purple {
| + | |
| − | background: #FDEDEC;
| + | |
| − | border-bottom: 4px solid #CD5C5C;
| + | |
| − |
| + | |
| − | }
| + | |
| − | li.blue {
| + | |
| − | background: #FADBD8;
| + | |
| − | border-bottom: 4px solid #CD5C5C;
| + | |
| − |
| + | |
| − | }
| + | |
| − | li.blue a
| + | |
| − | {
| + | |
| − | color: #616A6B ;
| + | |
| − | }
| + | |
| − | li.green {
| + | |
| − | background: #F5B7B1 ;
| + | |
| − | border-bottom: 4px solid #CD5C5C;
| + | |
| − |
| + | |
| − | }
| + | |
| − | li.green a
| + | |
| − | {
| + | |
| − | color: #616A6B ;
| + | |
| − | }
| + | |
| − | li.orange{
| + | |
| − | background: #F1948A ;
| + | |
| − | border-bottom: 4px solid #CD5C5C;
| + | |
| − |
| + | |
| − | }
| + | |
| − | li.pink {
| + | |
| − | background: #EC7063;
| + | |
| − | border-bottom: 4px solid #CD5C5C;
| + | |
| − |
| + | |
| − | }
| + | |
| − | | + | |
| − | .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 */
| + | <div id="target1"></div> |
| − | ::-webkit-scrollbar-thumb {
| + | <div id="subheading2"> |
| − | background: #888;
| + | <div class="content2"> |
| − | }
| + | <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 padding = 150px " padding = 25px; margin-left : 50px> |
| − | | + | 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> |
| − | /* Handle on hover */
| + | 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> |
| − | ::-webkit-scrollbar-thumb:hover {
| + | 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.<br> |
| − | 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: 10;}
| + | |
| − | .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: 50%;
| + | |
| − | }
| + | |
| − | .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: 25px;}
| + | |
| − | }
| + | |
| − | @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>
| + | |
| − | | + | |
| − | | + | |
| − | </head>
| + | |
| − | <body class="humanpage">
| + | |
| − |
| + | |
| − | | + | |
| − | | + | |
| − | <section id="home" class="hero-slider">
| + | |
| − | <div class="heroslider">
| + | |
| − | <div class="heroslider owl-carousel1 owl-theme">
| + | |
| − | <div class="item">
| + | |
| − | <img src="https://2019.igem.org/wiki/images/c/c8/T--MITADTBIO_Pune--humanheader1.png" style="width:100%;" />
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | | + | |
| − | <div class="colorlib-about">
| + | |
| − |
| + | |
| − | | + | |
| − | <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 text-center colorlib-heading animate-box">
| + | |
| − | <ul class="sidefacily-inner-ul">
| + | |
| − | <li class="sidefacily-li activeli"><a href="#overview" class="postname">Overview</a></li>
| + | |
| − | <li class="sidefacily-li"><a href="#stakeholder" class="postname">Stakeholder</a></li>
| + | |
| − | <li class="sidefacily-li"><a href="#environmentalist" class="postname">Environmentalist</a></li>
| + | |
| − | <li class="sidefacily-li"><a href="#industry" class="postname">Industry Specialist</a></li>
| + | |
| − | <li class="sidefacily-li"><a href="#backtothelab" class="postname">Integrated HP: Heading back to the lab</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <div class="container">
| + | |
| − | <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 text-center colorlib-heading animate-box padding = 150px " padding = 25px; margin-left : 50px ;> | + | |
| − | <div class="tabsdetail">
| + | |
| − | <div class="common_content overviewdetail" id="overview">
| + | |
| − | <h3>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.</h3>
| + | |
| − | <h4>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. </h4>
| + | |
| − | <h4>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.</h4>
| + | |
| | </div> | | </div> |
| − | <br> | + | </div> |
| − | <div class=" common_content stakeholderdetail" id=" stakeholder"> | + | </div> |
| − | <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 nopadding"> | + | |
| − | <div class="staketext">
| + | <div id="target2"></div> |
| − | <h2>Mr. Deepak Kukale</h2>
| + | <div id="subheading2">Stakerholder</div> |
| − | <h3>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 class="content2"> |
| − | 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="col-lg-6 col-md-6 col-sm-12 col-xs-12 nopadding"> |
| − | 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.
| + | <h4><center>Mr. Deepak Kukale</center></h4> |
| − | To sum things up, Deepak tells us he falls sick often and attributes it to working conditions such as these.</h3>
| + | 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.</h3> |
| | </div> | | </div> |
| − | </div>
| |
| − |
| |
| | <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 stakeimg nopadding"> | | <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: 400px; height: 450px;"> | | <img src="https://2019.igem.org/wiki/images/0/07/T--MITADTBIO_Pune--deepak.png" style="width: 400px; height: 450px;"> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <br><br> | + | |
| − | <div class=" common_content stakeholderdetail" id=" environmentalist"> | + | <div id="target3"></div> |
| − | <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 nopadding"> | + | <div id="subheading2">Environmentalist</div> |
| − | <img src="https://2019.igem.org/wiki/images/9/93/T--MITADTBIO_Pune--IHP2.PNG" style="width: 350px; height: 500px;"> | + | <div class="content2"> |
| − | </div>
| + | <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 nopadding"> |
| − | <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: 350px; height: 500px;"> |
| − | <div class="staketext">
| + | </div> |
| − | <h2>Mr. Sathya Natarajan</h2>
| + | <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 nopadding"> |
| − | <h3>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.
| + | <h4><center>Mr. Sathya Natarajan</center></h2> |
| − | 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. | + | 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> |
| − | 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. | + | 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. | + | 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. | | 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. |
| | | | |
| − | </h3>
| |
| | </div> | | </div> |
| | </div> | | </div> |
| − | </div>
| + | <br><br> |
| − | | + | |
| − | <br><br> <div class=" common_content stakeholderdetail" id=" industry"> | + | |
| − | <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 stakeimg nopadding"> | + | <div id="subheading2">Industry Expert</div> |
| − | <div class="staketext">
| + | <div class="content2"> |
| − | <h2>Mr. Dipak Roda</h2>
| + | <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 stakeimg nopadding"> |
| − | <h3>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. Deepak roda, vice president at advanced enzymes, india.
| + | <h4><center>Mr. Dipak Roda</center></h4> |
| − | 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. | + | 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. |
| | + | 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> |
| | 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. | | 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. |
| − | 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. | + | 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. |
| − | | + | </div> |
| − | | + | <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> |
| − | </h3>
| + | <img src="https://2019.igem.org/wiki/images/4/41/T--MITADTBIO_Pune--IHP3.PNG" style = "width : 500px ; height : 450px"> |
| − | </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 : 500px ; height : 450px"> | + | |
| | </div> | | </div> |
| | </div> | | </div> |
| | <br><br> | | <br><br> |
| | + | |
| | + | <div id="target5"></div> |
| | + | <div id="subheading2">Intergrated Human Practices</div> |
| | + | <div class="content2"> |
| | + | <h4><center><strong>Heading Back to the Lab</h4></strong></center> |
| | + | <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> |
| | | | |
| − | <br><br>
| + | <div> </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. |
| − | <div class="common_content stakeholderdetail" id="backtothelab"> | + | 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> |
| − | <h1><center><strong>Heading Back to the Lab</h1></strong></center>
| + | <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. |
| − | <ul class="backul">
| + | </div> |
| − | <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.
| + | |
| − | </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>
| + | |
| − | </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 our ground-breaking Sanitary pad degrading Bio-Reactor</a></li>
| + | |
| − | <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 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.
| + | |
| − | </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 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. | + | |
| − | </li>
| + | |
| − | </ul> | + | |
| | </div> | | </div> |
| | </div> | | </div> |
| − |
| + | </div> |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | | | |
| − | </div>
| + | <script src="https://2019.igem.org/MITADTBIO_Pune/googlejquerymin?action=raw&ctype=text/javascript"></script> |
| − | </div>
| + | <script src="https://2019.igem.org/Template:MITADTBIO_Pune/jquerymin?action=raw&ctype=text/javascript"></script> |
| | | | |
| − |
| |
| − |
| |
| − |
| |
| − | <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> -->
| |
| − |
| |
| − | <style type="text/css">
| |
| − | .sidefacily-inner-ul{
| |
| − | -webkit-transition: all 1s ease-in-out;
| |
| − | -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");
| |
| − | });
| |
| − |
| |
| − | </script>
| |
| − |
| |
| − | <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> | | </body> |
