/*
* Theme Name: Square One SEO
* Version: 1.1
* Author: Square One SEO
* Author URI: http://squareoneseo.com/
* Theme URI: http://squareoneseo.com/
* Description: Business website
* License: Square One SEO
* License URI: http://squareoneseo.com/
* 
*/
/* Table of Contents
==================================================
#Reset & Basics
#Typography
#Header
#Body
#Portfolio
#Blog
#Footer
#Forms & Fields
#Buttons
#Toggles & Tabs
#Slider
#Misc.
#Grid
#Clearing
*/
/* #Reset & Basics
================================================== */

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url('assets/font_icons/Montserrat-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url('assets/font_icons/Montserrat-Bold.woff') format('woff');
}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-family: Montserrat, sans-serif;
}
body{
	background-color:#2c2c2c;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}
.details ul{
	list-style:inherit;
	text-align:left;
	padding-left:75px;
}
iframe {
  border: 0 !important;
}

img {
  height: auto;
  display: block;
  max-width: 100%;
}

/* #Typography
================================================== */
a {
  text-decoration: none;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  color: #fff;
}
a:hover {
  color: #ebbb14;
}

p {
  font-size: 16px;
  color: #777;
  line-height: 1.6;
  margin-bottom: 20px;
}
p:last-child {
  margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  -webkit-text-stroke: 0.6px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #333;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #ebbb14;
}

h1 {
  font-size: 36px;
  margin-bottom: 30px;
}

h2 {
  font-size: 32px;
  margin-bottom: 25px;
}

.logo h2 {
  margin-bottom: 0;
}
.logo h2 a {
  font-size: 30px;
  color: #fff;
}

h3 {
  font-size: 28px;
  margin-bottom: 25px;
}
h3.title {
  text-align: center;
  position: absolute;
  right: 50%;
  margin-bottom: 50px;
}

h4 {
  font-size: 24px;
  margin-bottom: 30px;
}

h5 {
  font-size: 21px;
  margin-bottom: 25px;
}

h6 {
  font-size: 18px;
  margin-bottom: 20px;
}

h6.title {
  font-size: 16px;
  color: #555;
  text-align: center;
  position: absolute;
  right: 50%;
}

.parallax h1, .parallax h2, .parallax h3, .parallax h5, .parallax h6 {
  color: #fff;
}
.parallax h4{
	color: #A3BEE3;
}
.parallax p {
  color: #fff;
  line-height: 2;
}

q {
  font-size: 16px;
  color: #888;
}
q:before, q:after {
  content: '"';
}

blockquote {
  background: #eee;
  border-left: 10px solid #333;
  margin: 25px 15px;
  padding: 20px 25px;
  quotes: "\201C" "\201D" "\2018" "\2019";
}

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
  font-size: 18px;
}

strong {
  font-weight: bold;
}

small {
  font-size: 70%;
}

em {
  font-style: italic;
}

var {
  color: red;
}

code, kbd, pre {
  background: #eee;
  padding: 5px;
  margin: 0 2px;
  color: #666;
  font-family: Arial, sans-serif;
  font-size: 12px;
}

kbd {
  background: #333;
  color: #ccc;
}

pre {
  padding: 20px;
  border: 2px solid #444;
  word-wrap: break-word;
  margin-bottom: 30px;
  display: inline-block;
}

address {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
  line-height: 1.5;
}

abbr {
  cursor: help;
  color: #666;
}

cite {
  font-size: 12px;
  color: #aaa;
}

.title-cont {
  width: 100%;
  margin-bottom: 140px;
  position: relative;
}

.sub-header {
  font-size: 14px;
  letter-spacing: 1px;
  color: #A3BEE3;
  -webkit-text-stroke: 0.3px;
  display: block;
  text-align: center;
  position: absolute;
  top: 55px;
  left: 50%;
}

.header-line {
  width: 200px;
  height: 1px;
  margin: 8px auto;
  left: 0;
  right: 0;
  background: #ccc;
  position: absolute;
  top: 35px;
}

.animate-in {
  -webkit-animation: 1s ease;
  -moz-animation: 1s ease;
  -ms-animation: 1s ease;
  -o-animation: 1s ease;
  animation: 1s ease;
}

.accent {
  color: #ebbb14 !important;
}

.center {
  text-align: center;
}

/* #Header
================================================== */
header {
  background: #fff;
  text-align: right;
  padding: 17px 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5;
  max-height: 89px;
}
header .logo {
  position: absolute;
  top: 26px;
  left: 60px;
  opacity: 0;
  z-index: 2;
}
header .logo-img {
  position: absolute;
  left: 60px;
  top: 0;
  display: table-cell;
  vertical-align:middle;
  z-index: 2;
}
header .logo-img a {
  display: table-cell;
  vertical-align:middle;
}
header .logo-img img {
  max-height: 53px;
}
header nav {
  opacity: 1;
}
header nav ul li {
  position: relative;
  display: inline-block;
}
header nav ul li a {
  font-size: 14px;
  color: #111;
  padding: 7px 12px;
  text-transform: uppercase;
  font: Arial, sans-serif !important;
  letter-spacing:1px;
  font-weight:bold;
}
header nav ul li a:hover {
  background: #fff;
  color: #1a4a86;
}
header nav ul li a.current {
  background: #fff;
}
header nav.main-nav ul li .sub-menu {
  display: none;
  position: absolute;
  top: 27px;
  left: 0;
  text-align: left;
  padding-top: 27px;
}
header nav.main-nav ul li .sub-menu li {
  display: block;
}
header nav.main-nav ul li .sub-menu li a {
  display: block;
  width: 100%;
  padding: 15px 25px;
  border-bottom: 1px dotted #333;
  position: relative;
  z-index: 500000;
  background: #111;
}
header nav.main-nav ul li .sub-menu li a:hover {
  color: #fff;
}
header nav.main-nav ul li .sub-menu li:last-child a {
  border: none;
}
header .menu-toggle {
  position: absolute;
  left: 0;
  right: 0;
  text-align: left;
}
header .menu-toggle i {
  color: #fff;
  background: #1a4a86;
  padding: 10px 12px;
  display: inline-block;
  cursor: pointer;
}

/* Mobile Nav */
.mobile-nav {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 5;
  display: none;
  text-align: center;
  background: #1a4a86;
  padding: 20px 0;
}
.mobile-nav nav ul li a {
  font-size: 10px;
  color: #fff;
  padding: 10px 20px;
  text-transform: uppercase;
  display: block;
}
.mobile-nav nav ul li a:hover {
  color: #222;
}
.mobile-nav nav ul li .sub-menu {
  display: none;
}
.mobile-nav nav ul li .sub-menu li {
  display: block;
}
.mobile-nav nav ul li .sub-menu li a {
  display: block;
  position: relative;
  background: #111;
}
.mobile-nav nav ul li .sub-menu li a:hover {
  color: #ebbb14;
}
.mobile-nav .mobile-toggle {
  position: absolute;
  left: 0;
  right: 0;
}
.mobile-nav .mobile-toggle i {
  color: #fff;
  background: #1a4a86;
  padding: 10px 12px;
  display: inline-block;
  cursor: pointer;
}

/* #Body
================================================== */
.page-template-default h3 {
  margin-bottom: 20px;
}
.page-template-default .wrapper {
  padding-top: 40px;
}

.service {
  background: #fff;
  padding: 35px 20px;
  text-align: center;
  margin-bottom: 20px;
  min-height:335px;
}
.service h4 {
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: 400;
  color: #A3BEE3;
  margin-bottom: 16px;
  min-height:50px;
}
.service p {
  font-size: 12px;
  line-height: 1.6;
  min-height:180px;
}
.service i {
  color: #777;
  font-size: 62px;
  position: relative;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.service .icon-cont {
  width: 77px;
  height: 77px;
  margin: auto;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.service:hover .icon-cont {
  background: #ebbb14;
}
.service:hover i {
  color: #fff;
  font-size: 39px;
  top: 17px;
}

.parallax {
  background-attachment: fixed;
  margin-top: -1px;
  padding: 100px 0;
}
.parallax h3.title {
  color: #fff;
  font-size: 20px;
}
.parallax .header-line {
  background: #fff;
  top: 33px;
}

.testimonials {
  text-align: center;
  width: 800px;
  margin: auto;
}
.testimonials i {
  color: #fff;
  font-size: 62px;
  margin-bottom: 40px;
  display: block;
}
.testimonials p {
  font-size: 15px;
  color: #fff;
  margin-bottom: 30px;
}

.member {
  text-align: center;
  margin-bottom: 40px;
}
.member .img-container {
  margin-bottom: 25px;
  position: relative;
  text-align: center;
}
.member .img-container img {
  margin: auto;
}
.member .img-container img, .member .img-container span.follow, .member .img-container ul.social {
  -webkit-transition: all linear .5s;
  -moz-transition: all linear .5s;
  -o-transition: all linear .5s;
  transition: all linear .5s;
}
.member .img-container span.follow {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  color: #777;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  opacity: 0;
}
.member .img-container ul.social {
  list-style: none;
  position: absolute;
  top: 55%;
  left: 0;
  right: 0;
  opacity: 0;
}
.member .img-container ul.social li {
  display: inline-block;
  background: none;
  padding: 0;
}
.member .img-container ul.social li a {
  font-size: 26px;
  color: #777;
  padding: 0 10px;
}
.member .img-container ul.social li a:hover {
  color: #ebbb14;
}
.member .img-container:hover img {
  opacity: .3;
}
.member .img-container:hover span.follow, .member .img-container:hover ul.social {
  opacity: 1;
}
.member .title-cont {
  margin-bottom: 105px;
}
.member .sub-header {
  font-size: 10px;
  top: 49px;
}
.member .header-line {
  top: 27px;
}
.member p {
  font-size: 14px;
  color: #777;
  padding: 0 35px;
}

.table {
  text-align: center;
  margin-top: 30px;
  -webkit-transition: all linear .2s;
  -moz-transition: all linear .2s;
  -o-transition: all linear .2s;
  transition: all linear .2s;
}
.table:hover {
  margin-top: 10px;
}
.table.popular {
  margin-top: 0;
}
.table.popular:hover {
  margin-top: -20px;
}
.table.popular .plan-cont {
  height: 128px;
}
.table.popular .plan-cont span.pop {
  color: #ebbb14;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  position: absolute;
  bottom: 43px;
  left: 0;
  right: 0;
}
.table .price-circle {
  background: #ebbb14;
  width: 94px;
  height: 94px;
  margin: auto;
  position: relative;
  z-index: 1;
  border: 5px solid #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.table .price-circle span {
  display: block;
  color: #fff;
}
.table .price-circle span.price {
  font-size: 35px;
  padding-top: 18px;
}
.table .price-circle span.per {
  font-size: 10px;
  text-transform: uppercase;
}
.table .plan-cont {
  background: gray;
  height: 98px;
  position: relative;
  z-index: 0;
  margin-top: -50px;
}
.table .plan-cont span.plan {
  display: block;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  font-size: 17px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
.table .features {
  padding: 0 30px;
  border: 1px solid #ccc;
  background-color:#fff;
}
.table .features ul {
  list-style: none;
}
.table .features ul li {
  font-size: 13px;
  color: #777;
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
  background: none;
  margin-bottom: 0;
  text-transform: none;
}
.table .features ul li:last-child {
  border-bottom: none;
}
.table .signup {
  background: gray;
  padding: 20px 0;
}

.showcase {
  padding: 100px 0;
}

.clients {
  width: 100%;
  background: #222;
  padding: 50px 0;
}
.clients img {
  margin: auto;
}
.clients .random{
	overflow: hidden;
}
.clients .random .viewport{
	overflow: hidden;
	height:50px;
}


.main-content .contact-info {
  text-align: center;
}
.main-content .contact-info ul {
  list-style: none;
}
.main-content .contact-info ul li {
  font-size: 20px;
  color: #A3BEE3;
  display: inline-block;
  letter-spacing: 2px;
  padding: 0 20px;
  background: none;
  margin-bottom: 0;
}
.main-content .contact-info ul li a {
  color: #A3BEE3;
}
.main-content .contact-info ul li a:hover {
  color: #fff;
}
.main-content .contact-info ul li span {
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}

/* #Portfolio
================================================== */
.portfolio-cont {
  width: 96%;
  margin-left:45px;
}
.portfolio-cont .four {
  width: 31%;
  padding-right:25px;
  padding-bottom:20px;
}
.portfolio-cont .img-container {
  position: relative;
  text-align: center;
  overflow: hidden;
  background-color: #EEE;
  padding: 5px;
}
.portfolio-cont .img-container img {
  -webkit-transition: all linear 1s;
  -moz-transition: all linear 1s;
  -o-transition: all linear 1s;
  transition: all linear 1s;
}
.portfolio-cont .img-container .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ebbb14;
  opacity: 0;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.portfolio-cont .img-container h6 {
  position: absolute;
  top: 35%;
  width: 100%;
  color: #222;
  font-size: 25px;
  font-weight: 400;
  letter-spacing: 1px;
  opacity: 0;
}
.portfolio-cont .img-container h6 a {
  color: #222;
}
.portfolio-cont .img-container h6 a:hover {
  color: #222;
}
.portfolio-cont .img-container span.desc {
  position: absolute;
  top: 65%;
  width: 100%;
  display: block;
  color: #fff;
  opacity: 0;
}
.portfolio-cont .img-container span.desc a {
  color: #fff;
}
.portfolio-cont .img-container:hover img {
  transform: scale(1.3);
  -ms-transform: scale(1.3);
  -webkit-transform: scale(1.3);
}
.portfolio-cont .img-container:hover h6 {
  opacity: 1;
  -webkit-animation: portH6 .7s;
  animation: portH6 .7s;
}
.portfolio-cont .img-container:hover span.desc {
  opacity: 1;
  -webkit-animation: portDesc .7s;
  animation: portDesc .7s;
}
.portfolio-cont .img-container:hover .mask {
  opacity: .8;
}

.port-filter {
  text-align: center;
  margin-bottom: 60px;
}
.port-filter ul.filter {
  list-style: none;
}
.port-filter ul.filter li {
  background: none;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
  padding: 12px 40px;
  margin-bottom: 0;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.port-filter ul.filter li:hover {
  background: #ebbb14;
  color: #fff;
}
.port-filter ul.filter li.current {
  background: #ebbb14;
  color: #fff;

}
.port-filter ul.filter li.current a {
  color: #fff;
}
.port-filter ul.filter li a {
  color: #666;
}
.port-filter ul.filter li a:hover {
  color: #fff;
}

.image-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 99999999;
  opacity: 0;
}
.image-box img {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 50%;
  max-height: 90%;
}
.image-box .close {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 99999999999;
  background: url(assets/images/close-white.png);
  cursor: pointer;
}

#expander {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
}
#expander .project {
  width: 73%;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  background: #fff;
  margin: auto;
}
#expander .project .item-page .view {
  width: 55%;
  float: left;
}
#expander .project .item-page .view img{
	background-color: #EEE;
  padding: 5px;
}
#expander .project .item-page .view .bx-wrapper .bx-prev {
  left: 30px;
  opacity: .2;
}
#expander .project .item-page .view .bx-wrapper .bx-next {
  right: 30px;
  opacity: .2;
}
#expander .project .item-page .view:hover .bx-wrapper .bx-prev {
  opacity: 1;
}
#expander .project .item-page .view:hover .bx-wrapper .bx-next {
  opacity: 1;
}
#expander .project .item-page .details {
  width: 45%;
  float: left;
  padding: 30px 0;
  position: relative;
  overflow: auto;
  text-align: center;
}
#expander .project .item-page .details h2 {
  text-align: center;
  font-size: 24px;
  letter-spacing: 1px;
  margin-bottom: 20px;
  color:#A3BEE3;
}
#expander .project .item-page .details p {
  padding: 0 60px;
  text-align: left;
}
#expander .project .item-page .details .button {
  display: inline-block;
  position: relative;
  top: 0;
  background: #222;
  padding: 15px 50px;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  border-bottom: 4px solid #111;
}
#expander .project .item-page .details .button:hover {
  top: 4px;
  border-color: #222;
}
#expander .project .item-page .details .line {
  height: 1px;
  width: 55%;
  background: #ccc;
  margin: 35px auto;
}
#expander .project .item-page .details h6 {
  text-align: center;
}
#expander .project .item-page .details ul.share {
  margin-top: 15px;
  text-align: center;
  list-style: none;
}
#expander .project .item-page .details ul.share li {
  display: inline-block;
}
#expander .project .item-page .details ul.share li a {
  color: #333;
  font-size: 10px;
  text-transform: uppercase;
  padding: 0 20px;
}
#expander .project .item-page .details ul.share li a:hover {
  color: #ebbb14;
}
#expander .project .close {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99999999999;
  background: url(assets/images/close.png);
  cursor: pointer;
}

@keyframes portH6 {
  0% {
    opacity: 0;
    left: 50%;
  }

  85% {
    opacity: 0.7;
    left: 20%;
  }

  100% {
    opacity: 1;
    left: 0px;
  }
}

@-webkit-keyframes portH6 {
  0% {
    opacity: 0;
    left: 50%;
  }

  85% {
    opacity: 0.7;
    left: -5%;
  }

  100% {
    opacity: 1;
    left: 0px;
  }
}

@-moz-keyframes portH6 {
  0% {
    opacity: 0;
    left: 50%;
  }

  85% {
    opacity: 0.7;
    left: -5%;
  }

  100% {
    opacity: 1;
    left: 0px;
  }
}

@keyframes portDesc {
  0% {
    opacity: 0;
    right: 50%;
  }

  85% {
    opacity: 0.7;
    right: 20%;
  }

  100% {
    opacity: 1;
    right: 0px;
  }
}

@-webkit-keyframes portDesc {
  0% {
    opacity: 0;
    right: 50%;
  }

  85% {
    opacity: 0.7;
    right: -5%;
  }

  100% {
    opacity: 1;
    right: 0px;
  }
}

@-moz-keyframes portDesc {
  0% {
    opacity: 0;
    right: 50%;
  }

  85% {
    opacity: 0.7;
    right: -5%;
  }

  100% {
    opacity: 1;
    right: 0px;
  }
}

/* Portfolio Isotope Transitions */
.isotope, .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* #Blog
================================================== */
.blog-header {
  padding: 100px 0;
  margin-bottom: 100px;
}
.blog-header span.title {
  color: #fff;
  font-size: 88px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-text-stroke: .6;
  display: block;
  text-align: center;
}

.entry {
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
.entry .title-cont {
  width: 100%;
  padding-bottom: 100px;
  margin-bottom: 0;
  position: relative;
}
.entry .title-cont h3 {
  font-size: 28px;
  margin-bottom: 0;
}
.entry .title-cont h3.title {
  text-align: left;
  position: relative;
  right: auto;
}
.entry .title-cont .title a {
  color: #333;
}
.entry .title-cont .title a:hover {
  color: #ebbb14;
}
.entry .title-cont .header-line {
  margin: 8px 0;
  position: relative;
  top: 0;
  right: auto;
}
.entry .title-cont .sub-header {
  position: relative;
  text-align: left;
  left: 0;
  top: 0;
}
.entry .img-container, .entry .video, .entry .blog-slider, .entry .entry-quote, .entry .excerpt-noimage {
  position: relative;
}
.entry .img-container .type, .entry .video .type, .entry .blog-slider .type, .entry .entry-quote .type, .entry .excerpt-noimage .type {
  position: absolute;
  width: 70px;
  height: 60px;
  top: -60px;
  left: 0;
  background: #222;
  text-align: center;
}
.entry .img-container .type i, .entry .video .type i, .entry .blog-slider .type i, .entry .entry-quote .type i, .entry .excerpt-noimage .type i {
  color: #fff;
  font-size: 28px;
  position: relative;
  top: 13px;
}
.entry .video iframe {
  max-height: 100%;
}
.entry .fluid-width-video-wrapper iframe {
  max-height: 100%;
}
.entry .blog-slider .bx-wrapper .bx-prev {
  left: 30px;
  opacity: .2;
}
.entry .blog-slider .bx-wrapper .bx-next {
  right: 30px;
  opacity: .2;
}
.entry .blog-slider:hover .bx-wrapper .bx-prev {
  opacity: 1;
}
.entry .blog-slider:hover .bx-wrapper .bx-next {
  opacity: 1;
}
.entry .blog-slider ul li {
  background: none;
  padding-left: 0;
  margin-bottom: 0;
}
.entry .entry-quote {
  padding: 35px;
  background: #eee;
}
.entry .entry-quote a p {
  font-size: 28px;
  color: #555;
  margin-bottom: 0;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.entry .entry-quote a p:hover {
  color: #ebbb14;
}
.entry .excerpt {
  background: rgba(0, 0, 0, 0.7);
  width: 90%;
  position: absolute;
  bottom: 0;
  padding: 25px 5%;
  text-align: left;
  opacity: 0;
}
.entry .excerpt p {
  color: #fff;
  font-size: 13px;
}
.entry .excerpt-noimage {
  padding-top: 20px;
}
.entry .excerpt-noimage a.button {
  margin-bottom: 20px;
}
.entry .info {
  background: #222;
  padding: 25px 0;
  text-align: center;
}
.entry .info ul {
  list-style: none;
}
.entry .info ul li {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  margin: auto;
  padding: 0;
  margin-right: 20px;
  background: none;
}
.entry .info ul li a, .entry .info ul li i {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}
.entry .info ul li a:hover {
  color: #ebbb14;
}
.entry .info ul li i {
  margin-right: 10px;
  font-weight: normal;
  font-size: 16px;
}

.single-post .entry .info {
  margin-bottom: 40px;
}

aside .widget {
  margin-bottom: 55px;
}
aside .widget h4 {
  font-size: 20px;
  color: #333;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 26px;
}
aside .widget ul li {
  background: url(assets/images/bullet.png) no-repeat 0px 3px;
  padding-left: 20px;
  margin-bottom: 25px;
}
aside .widget ul li, aside .widget ul li a {
  font-size: 13px;
  color: #666;
  text-transform: uppercase;
}
aside .widget ul li a:hover {
  color: #ebbb14;
}
aside .widget.widget_search input {
  top: 0;
  padding-left: 20px;
  background: #eee;
  border: 1px solid #eee;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
aside .widget.widget_search input:focus {
  background: #fff;
  border-color: #ddd;
}

.blog-nav {
  text-align: center;
  margin-bottom: 20px;
}
.blog-nav a.prev, .blog-nav a.next {
  background: #333333 url(assets/images/prev-bg.png) no-repeat;
  height: 27px;
  padding-right: 20px;
  padding-left: 29px;
  padding-top: 11px;
  text-align: center;
  display: inline-block;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
}
.blog-nav a.prev:hover, .blog-nav a.next:hover {
  color: #ebbb14;
}
.blog-nav a.next {
  background: #333333 url(assets/images/next-bg.png) no-repeat right;
  height: 27px;
  padding-left: 20px;
  padding-right: 29px;
}

.blog-pager {
  text-align: center;
}
.blog-pager ul {
  text-align: center;
}
.blog-pager ul li {
  display: inline;
}
.blog-pager ul li .current {
  background: #333;
  color: #ebbb14;
  display: inline-block;
  padding: 12px 15px;
  font-size: 10px;
}
.blog-pager ul li a {
  color: #333;
  background: #ddd;
  font-size: 10px;
  padding: 12px 15px;
  margin-left: -3px;
}
.blog-pager ul li a:hover {
  color: #ebbb14;
}
.blog-pager ul li a.current {
  background: #333;
  color: #ebbb14;
}

/* Comments */
.comments ul.comment-list li {
  list-style: none;
}
.comments ul.comment-list li.comment {
  padding-left: 0;
  background: none;
}
.comments ul.comment-list li .comment-content {
  padding-left: 100px;
  padding-bottom: 50px;
  margin-bottom: 5px;
  position: relative;
}
.comments ul.comment-list li .comment-content .avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
}
.comments ul.comment-list li .comment-content h6 {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 7px;
}
.comments ul.comment-list li .comment-content span.date {
  text-transform: uppercase;
  font-size: 10px;
  color: #999;
  margin-bottom: 10px;
  display: block;
}
.comments ul.comment-list li .comment-content a.comment-reply-link {
  font-size: 11px;
  text-transform: uppercase;
  position: absolute;
  color: #999;
  top: 0;
  right: 0;
}
.comments ul.comment-list li .comment-content a.comment-reply-link:hover {
  color: #ebbb14;
}
.comments ul.comment-list li ul.children {
  width: 94%;
  float: right;
  margin-bottom: 0;
}

.comment-awaiting-moderation {
  font-style: italic;
  font-size: 13px;
}

#cancel-comment-reply-link {
  margin-left: 20px;
}

/* #Footer
================================================== */
footer {
  width: 100%;
  background: #222;
  text-align: center;
  padding: 50px 0;
  overflow: hidden;
}
footer ul.social {
  margin-bottom: 20px;
  opacity: 1;
}
footer ul.social li {
  display: inline-block;
}
footer ul.social li a i {
  background: #111;
  display: block;
  color: #666;
  font-size: 20px;
  padding: 10px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
footer ul.social li a i:hover {
  color: #ebbb14;
}
footer .copy span {
  color: #666;
  font-size: 10px;
  text-transform: uppercase;
}

/* #Forms & Fields
================================================== */
.input-box {
  display: block;
  margin-bottom: -33px;
}

label {
  display: inline-block;
  background: #1a4a86;
  color: #fff;
  width: 108px;
  text-align: center;
  padding: 20px 0;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}

input {
  height: 56px;
}

input, textarea {
  width: 100%;
  padding-left: 120px;
  border: none;
  background: #ddd;
  display: inline-block;
  font-size: 14px;
  font-family: Montserrat, sans-serif;
  color: #666;
  position: relative;
  top: -58px;
  z-index: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input:focus, textarea:focus {
  outline: none;
}

textarea {
  min-height: 250px;
  padding-top: 20px;
}

.contact-form .button {
  display: block;
  text-align: center;
  -webkit-appearance: none;
}
.contact-form .wpcf7 .wpcf7-response-output{
	color:#A3BEE3;
}
.contact-form .wpcf7 span.wpcf7-not-valid-tip {
    width: 700px;
	color: #A3BEE3;
	position: absolute;
	left: 110px;
	margin-top: -80px;
}


.alert {
  display: none;
  padding: 4px;
  font-size: 11px;
  margin-bottom: 10px;
}

/* #Buttons
================================================== */
.button, #form_submit {
  display: inline-block;
  position: relative;
  top: 0;
  background: #ebbb14;
  padding: 20px 60px;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  border-bottom: 4px solid #c59d11;
  cursor: pointer;
}
.button.small, #form_submit.small {
  padding: 15px 25px;
}
.button:hover, #form_submit:hover {
  border-color: #ebbb14;
  color: #fff;
}

/* #Toggle & Tabs
================================================== */
/* #Slider
================================================== */

#slides .slides-container li .content {
  position: relative;
  top: 38%;
}
#slides .slides-container li .content span.title {
  color: #fff;
  font-weight: 700;
  font-size: 56px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  display: block;
  max-width: 1180px;
  margin: auto;
  margin-bottom: 25px;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
  -webkit-text-stroke: 0.6px;
}
#slides .slides-container li .content span.sub-title {
  text-transform: uppercase;
  text-align: center;
  color: #eee;
  font-size: 29px;
  position: relative;
  display: block;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
  -webkit-text-stroke: 0.6px;
}

.slides-pagination a {
  background: #ebbb14;
  opacity: .3;
}

.slides-pagination a.current {
  background: #ebbb14;
  opacity: 1;
}

.slides-navigation a {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 5px;
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 10px;
  margin: 0 25px;
  text-align: center;
  text-transform: uppercase;
  top: -40px;
  padding: 10px;
  opacity: .4;
  background: #222;
  -webkit-box-shadow: 0 1px 1px black;
  -moz-box-shadow: 0 1px 1px black;
  box-shadow: 0 1px 1px black;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.slides-navigation a:hover {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .slides-navigation {
    display: none;
  }
}
/* #Misc.
================================================== */
.anchor_position {
  position: relative;
  top: 4px;
}

.entry ul li, .entry ol li, .main-content ul li, .main-content ol li {
  background: url(assets/images/bullet.png) no-repeat 7px 3px;
  padding-left: 32px;
  margin-bottom: 25px;
}
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol, .main-content ul li ul, .main-content ul li ol, .main-content ol li ul, .main-content ol li ol {
  margin-top: 25px;
}
.entry ul li, .entry ul li a, .entry ol li, .entry ol li a, .main-content ul li, .main-content ol li, .main-content ol li a {
  font-size: 13px;
  color: #777;
  text-transform: uppercase;
}
.main-content ul li a{
	font-size:20px;
}
.entry ul li a:hover, .entry ol li a:hover, .main-content ul li a:hover, .main-content ol li a:hover {
  color: #ebbb14;
}
.entry ol, .main-content ol {
  list-style-type: decimal;
  padding-left: 22px;
}
.entry ol li, .main-content ol li {
  background: none;
  padding-left: 0;
}
.entry dl, .main-content dl {
  margin-right: 2em;
  clear: both;
}
.entry dt, .main-content dt {
  font-weight: bold;
  font-size: 0.9em;
  margin-bottom: 0.7em;
}
.entry dd, .main-content dd {
  color: #444;
  font-size: 0.7em;
  margin: 0 0 2em 0;
  line-height: 1.5em;
}

table {
  border-collapse: collapse;
  margin-bottom: 30px;
}

td, th {
  border: 1px solid #999;
  padding: 10px;
  text-align: left;
}

span.page-numbers.dots {
  color: #888;
  font-size: 12px;
  font-family: Arial, Sans serif;
  position: relative;
  top: 14px;
  padding-right: 5px;
}

/* Scrollbar */
.nicescroll-rails {
  cursor: pointer !important;
  z-index: 200000 !important;
}

/* Scroll to top */
#back-top {
  display: none;
  position: fixed;
  z-index: 1003;
  bottom: 30px;
  right: 50px;
  background: #111;
  cursor: pointer;
  color: #fff;
  padding: 10px;
  font-size: 10px;
  text-transform: uppercase;
}

/* Back to Home */
.back-to-home, .back-to-blog {
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 55555555;
}
.back-to-home a, .back-to-blog a {
  background: #ebbb14;
  color: #222;
  font-size: 10px;
  font-family: Arial;
  font-style: italic;
  padding: 15px 25px;
}
.back-to-home a:hover, .back-to-blog a:hover {
  background: #222;
  color: #ebbb14;
}
.back-to-home a i, .back-to-blog a i {
  padding-right: 5px;
}

.back-to-blog {
  top: 100px;
}

/* FitVids */
.fit-vids-style {
  display: none;
}

.twitter-share {
  position: relative;
  top: 4px;
  left: 27px;
}

.tumblr-share {
  position: relative;
  top: 4px;
  left: 37px;
}

/* Skills */
div.skill {
  position: relative;
}
div.skill:first-child {
  margin-top: 25px;
}
div.skill:last-child span.skill {
  margin-bottom: 0;
}

span.skill {
  margin-bottom: 80px;
  height: 5px;
  display: block;
}
span.skill em {
  position: relative;
  color: #222;
  font-size: 12px;
  text-transform: uppercase;
  top: -30px;
}

.expand {
  height: 32px;
  margin: 2px 0;
  background: #ebbb14;
  position: absolute;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}

span.number {
  background: #222;
  color: #ebbb14;
  padding: 8px 20px;
  padding-bottom: 9px;
  font-size: 12px;
  position: absolute;
  right: 0;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}

/* Maps */
#gmap {
  height: 427px;
}
#gmap img {
  max-width: none !important;
}

/* Twitter */
.twitter {
  padding: 0 10%;
  text-align: center;
  /* DIRECTION CONTROLS (NEXT / PREV) */
}
.twitter span.twitter-handle {
  color: #fff;
  font-size: 16px;
  display: block;
  margin-bottom: 30px;
}
.twitter span.tweet_text {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}
.twitter span.tweet_text a {
  color: #ebbb14;
}
.twitter span.tweet_text a:hover {
  color: #999;
}
.twitter i {
  color: #ebbb14;
  display: block;
  font-size: 46px;
  margin-top: 35px;
}
.twitter .bx-wrapper .bx-prev:before {
  font-family: 'IcoMoon';
  content: "\e126";
  color: #ebbb14;
  font-size: 20px;
  background: rgba(0, 0, 0, 0.3);
  padding: 10px;

  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.twitter .bx-wrapper .bx-next:before {
  font-family: 'IcoMoon';
  content: "\e122";
  color: #ebbb14;
  font-size: 20px;
  background: rgba(0, 0, 0, 0.3);
  padding: 10px;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.twitter .bx-wrapper .bx-prev {
  background: none;
}
.twitter .bx-wrapper .bx-prev:hover:before {
  background: rgba(0, 0, 0, 0.8);
}
.twitter .bx-wrapper .bx-next {
  background: none;
}
.twitter .bx-wrapper .bx-next:hover:before {
  background: rgba(0, 0, 0, 0.8);
}
.twitter .bx-wrapper .bx-controls-direction a {
  position: relative;
  top: 0;
  z-index: 9999;
  margin: 0 11px;
}
.twitter .bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
.twitter .bx-wrapper .bx-controls {
  margin-top: 30px;
}

/* Pre Loader */
#pre-loader {
  background: black url(assets/images/loading.gif) no-repeat 50% 50%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
}

.bxloader {
  background: #303030 url(assets/images/loader.gif) no-repeat 50% 50%;
  position: fixed;
  top: 50%;
  margin-top: -25px;
  right: 50%;
  margin-right: -25px;
  width: 50px;
  height: 50px;
  z-index: 99999999;
}

.alignright {
  text-align: right;
  float: right;
  margin-left: 15px;
  margin-bottom: 10px;
}

.alignleft {
  text-align: left;
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
}

.aligncenter {
  text-align: center;
  margin: auto;
}
.aligncenter img {
  margin: auto;
}

.sticky h3.title:before {
  font-family: 'IcoMoon';
  content: "\e041";
  color: #666;
  font-size: 24px;
  margin-right: 15px;
}

.bypostauthor {
  margin: auto;
}

.wp-caption {
  max-width: 100% !important;
}

.wp-caption-text {
  color: #555;
  font-size: 10px;
  padding: 10px 0;
}

.entry iframe, .entry embed, .entry object, .entry video {
  max-width: 100%;
  max-height: 58%;
}

.tagcloud a {
  background: #333;
  padding: 10px;
  display: inline-block;
  margin-bottom: 1px;
  margin-right: -3px;
  color: #fff;
}

a.rsswidget {
  display: inline-block;
}

dl.gallery-item {
  width: auto !important;
  clear: none;
}

/* #Base 1200 Grid
================================================== */
.columns, .column {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.cc .columns {
  clear: left;
}

.container {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}
.container .column, .container .columns {
  float: left;
  display: inline;
  margin-left: 15px;
  margin-right: 15px;
}

.large-spacer {
  padding: 60px 0;
}

.spacer {
  padding: 40px 0;
}

.line-spacer {
  height: 1px;
  width: 100%;
  background: #ddd;
  margin-bottom: 50px;
}

.row {
  margin-bottom: 20px;
}

.bottom {
  padding-bottom: 50px;
}

/* Nested Column Classes */
.column.alpha, .columns.alpha {
  margin-left: 0;
}

.column.omega, .columns.omega {
  margin-right: 0;
}

/* Base Grid */
.container .one.column, .container .one.columns {
  width: 45px;
}
.container .two.columns {
  width: 110px;
}
.container .three.columns {
  width: 195px;
}
.container .four.columns {
  width: 270px;
}
.container .five.columns {
  width: 345px;
}
.container .six.columns {
  width: 420px;
}
.container .seven.columns {
  width: 495px;
}
.container .eight.columns {
  width: 570px;
}
.container .nine.columns {
  width: 645px;
}
.container .ten.columns {
  width: 720px;
}
.container .eleven.columns {
  width: 795px;
}
.container .twelve.columns {
  width: 870px;
}
.container .thirteen.columns {
  width: 945px;
}
.container .fourteen.columns {

  width: 1020px;
}
.container .fifteen.columns {
  width: 1095px;
}
.container .sixteen.columns {
  width: 1170px;
}
.container .one-third.column {
  width: 370px;
}
.container .two-thirds.column {
  width: 770px;
}
.container .offset-by-one {
  padding-left: 40px;
}
.container .offset-by-two {
  padding-left: 90px;
}
.container .offset-by-three {
  padding-left: 140px;
}
.container .offset-by-four {
  padding-left: 190px;
}
.container .offset-by-five {
  padding-left: 240px;
}
.container .offset-by-six {
  padding-left: 290px;
}
.container .offset-by-seven {
  padding-left: 340px;
}
.container .offset-by-eight {
  padding-left: 390px;
}
.container .offset-by-nine {
  padding-left: 440px;
}
.container .offset-by-ten {
  padding-left: 490px;
}
.container .offset-by-eleven {
  padding-left: 540px;
}
.container .offset-by-twelve {
  padding-left: 590px;
}
.container .offset-by-thirteen {
  padding-left: 640px;
}
.container .offset-by-fourteen {
  padding-left: 690px;
}
.container .offset-by-fifteen {
  padding-left: 740px;
}
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Offsets */
/* Note: Design for a width 1024 Desktop
================================================== */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  /* Base Grid */
  .container {
    width: 960px;
  }
  .container .one.column, .container .one.columns {
    width: 30px;
  }
  .container .two.columns {
    width: 90px;
  }
  .container .three.columns {
    width: 150px;
  }
  .container .four.columns {
    width: 210px;
  }
  .container .five.columns {
    width: 270px;
  }
  .container .six.columns {
    width: 330px;
  }
  .container .seven.columns {
    width: 390px;
  }
  .container .eight.columns {
    width: 450px;
  }
  .container .nine.columns {
    width: 510px;
  }
  .container .ten.columns {
    width: 570px;
  }
  .container .eleven.columns {
    width: 630px;
  }
  .container .twelve.columns {
    width: 690px;
  }
  .container .thirteen.columns {
    width: 750px;
  }
  .container .fourteen.columns {
    width: 810px;
  }
  .container .fifteen.columns {
    width: 870px;
  }
  .container .sixteen.columns {
    width: 930px;
  }
  .container .one-third.column {
    width: 290px;
  }
  .container .two-thirds.column {
    width: 610px;
  }
  .container .offset-by-one {
    padding-left: 50px;
  }
  .container .offset-by-two {
    padding-left: 110px;
  }
  .container .offset-by-three {
    padding-left: 170px;
  }
  .container .offset-by-four {
    padding-left: 230px;
  }
  .container .offset-by-five {
    padding-left: 290px;
  }
  .container .offset-by-six {
    padding-left: 350px;
  }
  .container .offset-by-seven {
    padding-left: 410px;
  }
  .container .offset-by-eight {
    padding-left: 470px;
  }
  .container .offset-by-nine {
    padding-left: 530px;
  }
  .container .offset-by-ten {
    padding-left: 590px;
  }
  .container .offset-by-eleven {
    padding-left: 650px;
  }
  .container .offset-by-twelve {
    padding-left: 710px;
  }
  .container .offset-by-thirteen {
    padding-left: 770px;
  }
  .container .offset-by-fourteen {
    padding-left: 830px;
  }
  .container .offset-by-fifteen {
    padding-left: 890px;
  }
  
  .service {
  	min-height:350px;
  }
  .service h4 {
    min-height:75px;
  }
  .service p {
    min-height:250px;
  }
  
  .table .features ul li {
    min-height:35px;
  }
  
  .portfolio-cont {
    width: 94%;
  }
  .portfolio-cont .four {
    width: 30%;
  }
  #expander .project {
    width: 100%;
	top: 25%;
  }

  /* Offsets */
  #slides {
    top: 0px !important;
  }
  header .logo {
    display: none;
  }

   header .logo-img {
    left: 10px;
  }

  .entry iframe, .entry embed, .entry object, .entry video {
    max-height: 52%;
  }

  .main-content .contact-info ul li {
    display: inline-block;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 960px) {
  .testimonials {
    width: 80%;
  }

  .portfolio-cont .img-container h6 {
    font-size: 14px;
  }

  .portfolio-cont .img-container span.desc {
    font-size: 12px;
  }

  #expander .project {
    width: 100%;
	top: 25%;
  }

  header .logo {
    display: none;
  }

  .main-content .contact-info ul li {
    display: inline-block;
    margin-bottom: 10px;
  }

  header {
    display: none;
  }

  .mobile-nav {
    display: block;
  }
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 768px;
  }
  .container .one.column, .container .one.columns {
    width: 18px;
  }
  .container .two.columns {
    width: 66px;
  }
  .container .three.columns {
    width: 114px;
  }
  .container .four.columns {
    width: 162px;
  }
  .container .five.columns {
    width: 210px;
  }
  .container .six.columns {
    width: 258px;
  }
  .container .seven.columns {
    width: 306px;
  }
  .container .eight.columns {
    width: 354px;
  }
  .container .nine.columns {
    width: 402px;
  }
  .container .ten.columns {
    width: 450px;
  }
  .container .eleven.columns {
    width: 498px;
  }
  .container .twelve.columns {
    width: 546px;
  }
  .container .thirteen.columns {
    width: 594px;
  }
  .container .fourteen.columns {
    width: 642px;
  }
  .container .fifteen.columns {
    width: 690px;
  }
  .container .sixteen.columns {
    width: 738px;
  }
  .container .one-third.column {
    width: 226px;
  }
  .container .two-thirds.column {
    width: 482px;
  }
  .container .offset-by-one {
    padding-left: 38px;
  }
  .container .offset-by-two {
    padding-left: 86px;
  }
  .container .offset-by-three {
    padding-left: 134px;
  }
  .container .offset-by-four {
    padding-left: 182px;
  }
  .container .offset-by-five {
    padding-left: 230px;
  }
  .container .offset-by-six {
    padding-left: 278px;
  }
  .container .offset-by-seven {
    padding-left: 326px;
  }
  .container .offset-by-eight {
    padding-left: 374px;
  }
  .container .offset-by-nine {
    padding-left: 422px;
  }
  .container .offset-by-ten {
    padding-left: 470px;
  }
  .container .offset-by-eleven {
    padding-left: 518px;
  }
  .container .offset-by-twelve {
    padding-left: 566px;
  }
  .container .offset-by-thirteen {
    padding-left: 614px;
  }
  .container .offset-by-fourteen {
    padding-left: 662px;
  }
  .container .offset-by-fifteen {
    padding-left: 710px;
  }
  
  .service {
  	min-height: 350px;
  }
  .service h4 {
    min-height: 75px;
  }
  .service p {
    min-height: 350px;
  }
  
  .table .features ul li {
    min-height: 35px;
  }
  .portfolio-cont {
    width: 94%;
  }
  .portfolio-cont .four {
    width: 29%;
  }

  /* Offsets */
  .entry iframe, .entry embed, .entry object, .entry video {
    max-height: 41%;
  }
  #slides {
    top: 0px !important;
  }
  #slides .slides-container li .content span.title {
    font-size: 50px;
  }

  #slides .slides-container li .content span.sub-title {
    font-size: 14px;
  }
  .contact-form .wpcf7 span.wpcf7-not-valid-tip {
    width: 500px !important;
  }
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  .container {
    width: 300px;
  }
  .container .columns, .container .column {
    margin: 0;
    margin-bottom: 40px !important;
  }
  .container .one.column, .container .one.columns {
    width: 300px;
  }
  .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
    width: 300px;
  }
  .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen {
    padding-left: 0;
  }

  /* Offsets */
  #slides {
    top: 0px !important;
  }
  #slides .slides-container li .content span.title {
    font-size: 32px;
  }

  #slides .slides-container li .content span.sub-title {
    font-size: 16px;
  }

  h3 {
    font-size: 14px;
  }

  .header-line {
    top: 28px;
  }

  .sub-header {
    font-size: 10px;
  }
  
  .portfolio-cont {
    width: 85%;
  }
  .portfolio-cont .four {
    width: 39%;
  }
  
   #expander .project {
    width: 100%;
	top: 50%;
  }

  .entry .excerpt {
    display: none !important;
  }

  .port-filter ul.filter li {
    display: block;
  }

  .port-filter {
    margin-bottom: 0;
  }
  .main-content .contact-info ul li {
    font-size: 14px !important;
  }
  .main-content .contact-info ul li span img{
    height: 20px !important;
	width: 20px !important;
  }
  .main-content ul li a {
	font-size: 13px !important;
	letter-spacing: 1px;
  }
  .contact-form .wpcf7 span.wpcf7-not-valid-tip {
    width: 300px !important;
	left: 0px !important;
  }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 370px;
  }
  .container .columns, .container .column {
    margin: 0;
  }
  .container .one.column, .container .one.columns {
    width: 370px;
  }
  .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
    width: 370px;
  }
  .entry iframe, .entry embed, .entry object, .entry video {
    max-height: 31%;
  }
  .portfolio-cont {
    width: 94%;
  }
  .portfolio-cont .four {
    width: 43%;
  }
}
@media only screen and (max-width: 479px) {

  #slides .slides-container li .content {
    top: 27%;
  }

  #expander .project .item-page .view {
    width: 100%;
  }

  #expander .project .item-page .details {
    width: 100%;
  }

  .entry iframe, .entry embed, .entry object, .entry video {
    max-height: 25%;
  }
}
/* #Clearing
================================================== */
/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before, .clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.row:before {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}

.clearfix:after {
  clear: both;
}

.row, .clearfix {
  zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* icon-moon.css*/

@font-face {
	font-family: 'IcoMoon';
	src:url('assets/font_icons/IcoMoon.eot');
	src:url('assets/font_icons/IcoMoon.eot?#iefix') format('embedded-opentype'),
		url('assets/font_icons/IcoMoon.woff') format('woff'),
		url('assets/font_icons/IcoMoon.ttf') format('truetype'),
		url('assets/font_icons/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'IcoMoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-home, .icon-home-2, .icon-home-3, .icon-office, .icon-newspaper, .icon-pencil, .icon-pencil-2, .icon-quill, .icon-pen, .icon-blog, .icon-droplet, .icon-paint-format, .icon-image, .icon-image-2, .icon-images, .icon-camera, .icon-music, .icon-headphones, .icon-play, .icon-film, .icon-camera-2, .icon-dice, .icon-pacman, .icon-spades, .icon-clubs, .icon-diamonds, .icon-pawn, .icon-bullhorn, .icon-connection, .icon-podcast, .icon-feed, .icon-book, .icon-books, .icon-library, .icon-file, .icon-profile, .icon-file-2, .icon-file-3, .icon-file-4, .icon-copy, .icon-copy-2, .icon-copy-3, .icon-paste, .icon-paste-2, .icon-paste-3, .icon-stack, .icon-folder, .icon-folder-open, .icon-tag, .icon-tags, .icon-barcode, .icon-qrcode, .icon-ticket, .icon-cart, .icon-cart-2, .icon-cart-3, .icon-coin, .icon-credit, .icon-calculate, .icon-support, .icon-phone, .icon-phone-hang-up, .icon-address-book, .icon-notebook, .icon-envelop, .icon-pushpin, .icon-location, .icon-location-2, .icon-compass, .icon-map, .icon-map-2, .icon-history, .icon-clock, .icon-clock-2, .icon-alarm, .icon-alarm-2, .icon-bell, .icon-stopwatch, .icon-calendar, .icon-calendar-2, .icon-print, .icon-keyboard, .icon-screen, .icon-laptop, .icon-mobile, .icon-mobile-2, .icon-tablet, .icon-tv, .icon-cabinet, .icon-drawer, .icon-drawer-2, .icon-drawer-3, .icon-box-add, .icon-box-remove, .icon-download, .icon-upload, .icon-disk, .icon-storage, .icon-undo, .icon-redo, .icon-flip, .icon-flip-2, .icon-undo-2, .icon-redo-2, .icon-forward, .icon-reply, .icon-bubble, .icon-bubbles, .icon-bubbles-2, .icon-bubble-2, .icon-bubbles-3, .icon-bubbles-4, .icon-user, .icon-users, .icon-user-2, .icon-users-2, .icon-user-3, .icon-user-4, .icon-quotes-left, .icon-busy, .icon-spinner, .icon-spinner-2, .icon-spinner-3, .icon-spinner-4, .icon-spinner-5, .icon-spinner-6, .icon-binoculars, .icon-search, .icon-zoom-in, .icon-zoom-out, .icon-expand, .icon-contract, .icon-expand-2, .icon-contract-2, .icon-key, .icon-key-2, .icon-lock, .icon-lock-2, .icon-unlocked, .icon-wrench, .icon-settings, .icon-equalizer, .icon-cog, .icon-cogs, .icon-cog-2, .icon-hammer, .icon-wand, .icon-aid, .icon-bug, .icon-pie, .icon-stats, .icon-bars, .icon-bars-2, .icon-gift, .icon-trophy, .icon-glass, .icon-mug, .icon-food, .icon-leaf, .icon-rocket, .icon-meter, .icon-meter2, .icon-dashboard, .icon-hammer-2, .icon-fire, .icon-lab, .icon-magnet, .icon-remove, .icon-remove-2, .icon-briefcase, .icon-airplane, .icon-truck, .icon-road, .icon-accessibility, .icon-target, .icon-shield, .icon-lightning, .icon-switch, .icon-power-cord, .icon-signup, .icon-list, .icon-list-2, .icon-numbered-list, .icon-menu, .icon-menu-2, .icon-tree, .icon-cloud, .icon-cloud-download, .icon-cloud-upload, .icon-download-2, .icon-upload-2, .icon-download-3, .icon-upload-3, .icon-globe, .icon-earth, .icon-link, .icon-flag, .icon-attachment, .icon-eye, .icon-eye-blocked, .icon-eye-2, .icon-bookmark, .icon-bookmarks, .icon-brightness-medium, .icon-brightness-contrast, .icon-contrast, .icon-star, .icon-star-2, .icon-star-3, .icon-heart, .icon-heart-2, .icon-heart-broken, .icon-thumbs-up, .icon-thumbs-up-2, .icon-happy, .icon-happy-2, .icon-smiley, .icon-smiley-2, .icon-tongue, .icon-tongue-2, .icon-sad, .icon-sad-2, .icon-wink, .icon-wink-2, .icon-grin, .icon-grin-2, .icon-cool, .icon-cool-2, .icon-angry, .icon-angry-2, .icon-evil, .icon-evil-2, .icon-shocked, .icon-shocked-2, .icon-confused, .icon-confused-2, .icon-neutral, .icon-neutral-2, .icon-wondering, .icon-wondering-2, .icon-point-up, .icon-point-right, .icon-point-down, .icon-point-left, .icon-warning, .icon-notification, .icon-question, .icon-info, .icon-info-2, .icon-blocked, .icon-cancel-circle, .icon-checkmark-circle, .icon-spam, .icon-close, .icon-checkmark, .icon-checkmark-2, .icon-spell-check, .icon-minus, .icon-plus, .icon-enter, .icon-exit, .icon-play-2, .icon-pause, .icon-stop, .icon-backward, .icon-forward-2, .icon-play-3, .icon-pause-2, .icon-stop-2, .icon-backward-2, .icon-forward-3, .icon-first, .icon-last, .icon-previous, .icon-next, .icon-eject, .icon-volume-high, .icon-volume-medium, .icon-volume-low, .icon-volume-mute, .icon-volume-mute-2, .icon-volume-increase, .icon-volume-decrease, .icon-loop, .icon-loop-2, .icon-loop-3, .icon-shuffle, .icon-arrow-up-left, .icon-arrow-up, .icon-arrow-up-right, .icon-arrow-right, .icon-arrow-down-right, .icon-arrow-down, .icon-arrow-down-left, .icon-arrow-left, .icon-arrow-up-left-2, .icon-arrow-up-2, .icon-arrow-up-right-2, .icon-arrow-right-2, .icon-arrow-down-right-2, .icon-arrow-down-2, .icon-arrow-down-left-2, .icon-arrow-left-2, .icon-arrow-up-left-3, .icon-arrow-up-3, .icon-arrow-up-right-3, .icon-arrow-right-3, .icon-arrow-down-right-3, .icon-arrow-down-3, .icon-arrow-down-left-3, .icon-arrow-left-3, .icon-tab, .icon-checkbox-checked, .icon-checkbox-unchecked, .icon-checkbox-partial, .icon-radio-checked, .icon-radio-unchecked, .icon-crop, .icon-scissors, .icon-filter, .icon-filter-2, .icon-font, .icon-text-height, .icon-text-width, .icon-bold, .icon-underline, .icon-italic, .icon-strikethrough, .icon-omega, .icon-sigma, .icon-table, .icon-table-2, .icon-insert-template, .icon-pilcrow, .icon-left-to-right, .icon-right-to-left, .icon-paragraph-left, .icon-paragraph-center, .icon-paragraph-right, .icon-paragraph-justify, .icon-paragraph-left-2, .icon-paragraph-center-2, .icon-paragraph-right-2, .icon-paragraph-justify-2, .icon-indent-increase, .icon-indent-decrease, .icon-new-tab, .icon-embed, .icon-code, .icon-console, .icon-share, .icon-mail, .icon-mail-2, .icon-mail-3, .icon-mail-4, .icon-google, .icon-google-plus, .icon-google-plus-2, .icon-google-plus-3, .icon-google-plus-4, .icon-google-drive, .icon-facebook, .icon-facebook-2, .icon-facebook-3, .icon-instagram, .icon-twitter, .icon-twitter-2, .icon-twitter-3, .icon-feed-2, .icon-feed-3, .icon-feed-4, .icon-youtube, .icon-youtube-2, .icon-vimeo, .icon-vimeo2, .icon-vimeo-2, .icon-lanyrd, .icon-flickr, .icon-flickr-2, .icon-flickr-3, .icon-flickr-4, .icon-picassa, .icon-picassa-2, .icon-dribbble, .icon-dribbble-2, .icon-dribbble-3, .icon-forrst, .icon-forrst-2, .icon-deviantart, .icon-deviantart-2, .icon-steam, .icon-steam-2, .icon-github, .icon-github-2, .icon-github-3, .icon-github-4, .icon-github-5, .icon-wordpress, .icon-wordpress-2, .icon-joomla, .icon-blogger, .icon-blogger-2, .icon-tumblr, .icon-tumblr-2, .icon-yahoo, .icon-tux, .icon-apple, .icon-finder, .icon-android, .icon-windows, .icon-windows8, .icon-soundcloud, .icon-soundcloud-2, .icon-skype, .icon-reddit, .icon-linkedin, .icon-lastfm, .icon-lastfm-2, .icon-delicious, .icon-stumbleupon, .icon-stumbleupon-2, .icon-stackoverflow, .icon-pinterest, .icon-pinterest-2, .icon-xing, .icon-xing-2, .icon-flattr, .icon-foursquare, .icon-foursquare-2, .icon-paypal, .icon-paypal-2, .icon-paypal-3, .icon-yelp, .icon-libreoffice, .icon-file-pdf, .icon-file-openoffice, .icon-file-word, .icon-file-excel, .icon-file-zip, .icon-file-powerpoint, .icon-file-xml, .icon-file-css, .icon-html5, .icon-html5-2, .icon-css3, .icon-chrome, .icon-firefox, .icon-IE, .icon-opera, .icon-safari, .icon-IcoMoon {
	font-family: 'IcoMoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-home:before {
	content: "\e000";

}
.icon-home-2:before {
	content: "\e001";
}
.icon-home-3:before {
	content: "\e002";
}
.icon-office:before {
	content: "\e003";
}
.icon-newspaper:before {
	content: "\e004";
}
.icon-pencil:before {
	content: "\e005";
}
.icon-pencil-2:before {
	content: "\e006";
}
.icon-quill:before {
	content: "\e007";
}
.icon-pen:before {
	content: "\e008";
}
.icon-blog:before {
	content: "\e009";
}
.icon-droplet:before {
	content: "\e00a";
}
.icon-paint-format:before {
	content: "\e00b";
}
.icon-image:before {
	content: "\e00c";
}
.icon-image-2:before {
	content: "\e00d";
}
.icon-images:before {
	content: "\e00e";
}
.icon-camera:before {
	content: "\e00f";
}
.icon-music:before {
	content: "\e010";
}
.icon-headphones:before {
	content: "\e011";
}
.icon-play:before {
	content: "\e012";
}
.icon-film:before {
	content: "\e013";
}
.icon-camera-2:before {
	content: "\e014";
}
.icon-dice:before {
	content: "\e015";
}
.icon-pacman:before {
	content: "\e016";
}
.icon-spades:before {
	content: "\e017";
}
.icon-clubs:before {
	content: "\e018";
}
.icon-diamonds:before {
	content: "\e019";
}
.icon-pawn:before {
	content: "\e01a";
}
.icon-bullhorn:before {
	content: "\e01b";
}
.icon-connection:before {
	content: "\e01c";
}
.icon-podcast:before {
	content: "\e01d";
}
.icon-feed:before {
	content: "\e01e";
}
.icon-book:before {
	content: "\e01f";
}
.icon-books:before {
	content: "\e020";
}
.icon-library:before {
	content: "\e021";
}
.icon-file:before {
	content: "\e022";
}
.icon-profile:before {
	content: "\e023";
}
.icon-file-2:before {
	content: "\e024";
}
.icon-file-3:before {
	content: "\e025";
}
.icon-file-4:before {
	content: "\e026";
}
.icon-copy:before {
	content: "\e027";
}
.icon-copy-2:before {
	content: "\e028";
}
.icon-copy-3:before {
	content: "\e029";
}
.icon-paste:before {
	content: "\e02a";
}
.icon-paste-2:before {
	content: "\e02b";
}
.icon-paste-3:before {
	content: "\e02c";
}
.icon-stack:before {
	content: "\e02d";
}
.icon-folder:before {
	content: "\e02e";
}
.icon-folder-open:before {
	content: "\e02f";
}
.icon-tag:before {
	content: "\e030";
}
.icon-tags:before {
	content: "\e031";
}
.icon-barcode:before {
	content: "\e032";
}
.icon-qrcode:before {
	content: "\e033";
}
.icon-ticket:before {
	content: "\e034";
}
.icon-cart:before {
	content: "\e035";
}
.icon-cart-2:before {
	content: "\e036";
}
.icon-cart-3:before {
	content: "\e037";
}
.icon-coin:before {
	content: "\e038";
}
.icon-credit:before {
	content: "\e039";
}
.icon-calculate:before {
	content: "\e03a";
}
.icon-support:before {
	content: "\e03b";
}
.icon-phone:before {
	content: "\e03c";
}
.icon-phone-hang-up:before {
	content: "\e03d";
}
.icon-address-book:before {
	content: "\e03e";
}
.icon-notebook:before {
	content: "\e03f";
}
.icon-envelop:before {
	content: "\e040";
}
.icon-pushpin:before {
	content: "\e041";
}
.icon-location:before {
	content: "\e042";
}
.icon-location-2:before {
	content: "\e043";
}
.icon-compass:before {
	content: "\e044";
}
.icon-map:before {
	content: "\e045";
}
.icon-map-2:before {
	content: "\e046";
}
.icon-history:before {
	content: "\e047";
}
.icon-clock:before {
	content: "\e048";
}
.icon-clock-2:before {
	content: "\e049";
}
.icon-alarm:before {
	content: "\e04a";
}
.icon-alarm-2:before {
	content: "\e04b";
}
.icon-bell:before {
	content: "\e04c";
}
.icon-stopwatch:before {
	content: "\e04d";
}
.icon-calendar:before {
	content: "\e04e";
}
.icon-calendar-2:before {
	content: "\e04f";
}
.icon-print:before {
	content: "\e050";
}
.icon-keyboard:before {
	content: "\e051";
}
.icon-screen:before {
	content: "\e052";
}
.icon-laptop:before {
	content: "\e053";
}
.icon-mobile:before {
	content: "\e054";
}
.icon-mobile-2:before {
	content: "\e055";
}
.icon-tablet:before {
	content: "\e056";
}
.icon-tv:before {
	content: "\e057";
}
.icon-cabinet:before {
	content: "\e058";
}
.icon-drawer:before {
	content: "\e059";
}
.icon-drawer-2:before {
	content: "\e05a";
}
.icon-drawer-3:before {
	content: "\e05b";
}
.icon-box-add:before {
	content: "\e05c";
}
.icon-box-remove:before {
	content: "\e05d";
}
.icon-download:before {
	content: "\e05e";
}
.icon-upload:before {
	content: "\e05f";
}
.icon-disk:before {
	content: "\e060";
}
.icon-storage:before {
	content: "\e061";
}
.icon-undo:before {
	content: "\e062";
}
.icon-redo:before {
	content: "\e063";
}
.icon-flip:before {
	content: "\e064";
}
.icon-flip-2:before {
	content: "\e065";
}
.icon-undo-2:before {
	content: "\e066";
}
.icon-redo-2:before {
	content: "\e067";
}
.icon-forward:before {
	content: "\e068";
}
.icon-reply:before {
	content: "\e069";
}
.icon-bubble:before {
	content: "\e06a";
}
.icon-bubbles:before {
	content: "\e06b";
}
.icon-bubbles-2:before {
	content: "\e06c";
}
.icon-bubble-2:before {
	content: "\e06d";
}
.icon-bubbles-3:before {
	content: "\e06e";
}
.icon-bubbles-4:before {
	content: "\e06f";
}
.icon-user:before {
	content: "\e070";
}
.icon-users:before {
	content: "\e071";
}
.icon-user-2:before {
	content: "\e072";
}
.icon-users-2:before {
	content: "\e073";
}
.icon-user-3:before {
	content: "\e074";
}
.icon-user-4:before {
	content: "\e075";
}
.icon-quotes-left:before {
	content: "\e076";
}
.icon-busy:before {
	content: "\e077";
}
.icon-spinner:before {
	content: "\e078";
}
.icon-spinner-2:before {
	content: "\e079";
}
.icon-spinner-3:before {
	content: "\e07a";
}
.icon-spinner-4:before {
	content: "\e07b";
}
.icon-spinner-5:before {
	content: "\e07c";
}
.icon-spinner-6:before {
	content: "\e07d";
}
.icon-binoculars:before {
	content: "\e07e";
}
.icon-search:before {
	content: "\e07f";
}
.icon-zoom-in:before {
	content: "\e080";
}
.icon-zoom-out:before {
	content: "\e081";
}
.icon-expand:before {
	content: "\e082";
}
.icon-contract:before {
	content: "\e083";
}
.icon-expand-2:before {
	content: "\e084";
}
.icon-contract-2:before {
	content: "\e085";
}
.icon-key:before {
	content: "\e086";
}
.icon-key-2:before {
	content: "\e087";
}
.icon-lock:before {
	content: "\e088";
}
.icon-lock-2:before {
	content: "\e089";
}
.icon-unlocked:before {
	content: "\e08a";
}
.icon-wrench:before {
	content: "\e08b";
}
.icon-settings:before {
	content: "\e08c";
}
.icon-equalizer:before {
	content: "\e08d";
}
.icon-cog:before {
	content: "\e08e";
}
.icon-cogs:before {
	content: "\e08f";
}
.icon-cog-2:before {
	content: "\e090";
}
.icon-hammer:before {
	content: "\e091";
}
.icon-wand:before {
	content: "\e092";
}
.icon-aid:before {
	content: "\e093";
}
.icon-bug:before {
	content: "\e094";
}
.icon-pie:before {
	content: "\e095";
}
.icon-stats:before {
	content: "\e096";
}
.icon-bars:before {
	content: "\e097";
}
.icon-bars-2:before {
	content: "\e098";
}
.icon-gift:before {
	content: "\e099";
}
.icon-trophy:before {
	content: "\e09a";
}
.icon-glass:before {
	content: "\e09b";
}
.icon-mug:before {
	content: "\e09c";
}
.icon-food:before {
	content: "\e09d";
}
.icon-leaf:before {
	content: "\e09e";
}
.icon-rocket:before {
	content: "\e09f";
}
.icon-meter:before {
	content: "\e0a0";
}
.icon-meter2:before {
	content: "\e0a1";
}
.icon-dashboard:before {
	content: "\e0a2";
}
.icon-hammer-2:before {
	content: "\e0a3";
}
.icon-fire:before {
	content: "\e0a4";
}
.icon-lab:before {
	content: "\e0a5";
}
.icon-magnet:before {
	content: "\e0a6";
}
.icon-remove:before {
	content: "\e0a7";
}
.icon-remove-2:before {
	content: "\e0a8";
}
.icon-briefcase:before {
	content: "\e0a9";
}
.icon-airplane:before {
	content: "\e0aa";
}
.icon-truck:before {
	content: "\e0ab";
}
.icon-road:before {
	content: "\e0ac";
}
.icon-accessibility:before {
	content: "\e0ad";
}
.icon-target:before {
	content: "\e0ae";
}
.icon-shield:before {
	content: "\e0af";
}
.icon-lightning:before {
	content: "\e0b0";
}
.icon-switch:before {
	content: "\e0b1";
}
.icon-power-cord:before {
	content: "\e0b2";
}
.icon-signup:before {
	content: "\e0b3";
}
.icon-list:before {
	content: "\e0b4";
}
.icon-list-2:before {
	content: "\e0b5";
}
.icon-numbered-list:before {
	content: "\e0b6";
}
.icon-menu:before {
	content: "\e0b7";
}
.icon-menu-2:before {
	content: "\e0b8";
}
.icon-tree:before {
	content: "\e0b9";
}
.icon-cloud:before {
	content: "\e0ba";
}
.icon-cloud-download:before {
	content: "\e0bb";
}
.icon-cloud-upload:before {
	content: "\e0bc";
}
.icon-download-2:before {
	content: "\e0bd";
}
.icon-upload-2:before {
	content: "\e0be";
}
.icon-download-3:before {
	content: "\e0bf";
}
.icon-upload-3:before {
	content: "\e0c0";
}
.icon-globe:before {
	content: "\e0c1";
}
.icon-earth:before {
	content: "\e0c2";
}
.icon-link:before {
	content: "\e0c3";
}
.icon-flag:before {
	content: "\e0c4";
}
.icon-attachment:before {
	content: "\e0c5";
}
.icon-eye:before {
	content: "\e0c6";
}
.icon-eye-blocked:before {
	content: "\e0c7";
}
.icon-eye-2:before {
	content: "\e0c8";
}
.icon-bookmark:before {
	content: "\e0c9";
}
.icon-bookmarks:before {
	content: "\e0ca";
}
.icon-brightness-medium:before {
	content: "\e0cb";
}
.icon-brightness-contrast:before {
	content: "\e0cc";
}
.icon-contrast:before {
	content: "\e0cd";
}
.icon-star:before {
	content: "\e0ce";
}
.icon-star-2:before {
	content: "\e0cf";
}
.icon-star-3:before {
	content: "\e0d0";
}
.icon-heart:before {
	content: "\e0d1";
}
.icon-heart-2:before {
	content: "\e0d2";
}
.icon-heart-broken:before {
	content: "\e0d3";
}
.icon-thumbs-up:before {
	content: "\e0d4";
}
.icon-thumbs-up-2:before {
	content: "\e0d5";
}
.icon-happy:before {
	content: "\e0d6";
}
.icon-happy-2:before {
	content: "\e0d7";
}
.icon-smiley:before {
	content: "\e0d8";
}
.icon-smiley-2:before {
	content: "\e0d9";
}
.icon-tongue:before {
	content: "\e0da";
}
.icon-tongue-2:before {
	content: "\e0db";
}
.icon-sad:before {
	content: "\e0dc";
}
.icon-sad-2:before {
	content: "\e0dd";
}
.icon-wink:before {
	content: "\e0de";
}
.icon-wink-2:before {
	content: "\e0df";
}
.icon-grin:before {
	content: "\e0e0";
}
.icon-grin-2:before {
	content: "\e0e1";
}
.icon-cool:before {
	content: "\e0e2";
}
.icon-cool-2:before {
	content: "\e0e3";
}
.icon-angry:before {
	content: "\e0e4";
}
.icon-angry-2:before {
	content: "\e0e5";
}
.icon-evil:before {
	content: "\e0e6";
}
.icon-evil-2:before {
	content: "\e0e7";
}
.icon-shocked:before {
	content: "\e0e8";
}
.icon-shocked-2:before {
	content: "\e0e9";
}
.icon-confused:before {
	content: "\e0ea";
}
.icon-confused-2:before {
	content: "\e0eb";
}
.icon-neutral:before {
	content: "\e0ec";
}
.icon-neutral-2:before {
	content: "\e0ed";
}
.icon-wondering:before {
	content: "\e0ee";
}
.icon-wondering-2:before {
	content: "\e0ef";
}
.icon-point-up:before {
	content: "\e0f0";
}
.icon-point-right:before {
	content: "\e0f1";
}
.icon-point-down:before {
	content: "\e0f2";
}
.icon-point-left:before {
	content: "\e0f3";
}
.icon-warning:before {
	content: "\e0f4";
}
.icon-notification:before {
	content: "\e0f5";
}
.icon-question:before {
	content: "\e0f6";
}
.icon-info:before {
	content: "\e0f7";
}
.icon-info-2:before {
	content: "\e0f8";
}
.icon-blocked:before {
	content: "\e0f9";
}
.icon-cancel-circle:before {
	content: "\e0fa";
}
.icon-checkmark-circle:before {
	content: "\e0fb";
}
.icon-spam:before {
	content: "\e0fc";
}
.icon-close:before {
	content: "\e0fd";
}
.icon-checkmark:before {
	content: "\e0fe";
}
.icon-checkmark-2:before {
	content: "\e0ff";
}
.icon-spell-check:before {
	content: "\e100";
}
.icon-minus:before {
	content: "\e101";
}
.icon-plus:before {
	content: "\e102";
}
.icon-enter:before {
	content: "\e103";
}
.icon-exit:before {
	content: "\e104";
}
.icon-play-2:before {
	content: "\e105";
}
.icon-pause:before {
	content: "\e106";
}
.icon-stop:before {
	content: "\e107";
}

.icon-backward:before {
	content: "\e108";
}
.icon-forward-2:before {
	content: "\e109";
}
.icon-play-3:before {
	content: "\e10a";
}
.icon-pause-2:before {
	content: "\e10b";
}
.icon-stop-2:before {
	content: "\e10c";
}
.icon-backward-2:before {
	content: "\e10d";
}
.icon-forward-3:before {
	content: "\e10e";
}
.icon-first:before {
	content: "\e10f";
}
.icon-last:before {
	content: "\e110";
}
.icon-previous:before {
	content: "\e111";
}
.icon-next:before {
	content: "\e112";
}
.icon-eject:before {
	content: "\e113";
}
.icon-volume-high:before {
	content: "\e114";
}
.icon-volume-medium:before {
	content: "\e115";
}
.icon-volume-low:before {
	content: "\e116";
}
.icon-volume-mute:before {
	content: "\e117";
}
.icon-volume-mute-2:before {
	content: "\e118";
}
.icon-volume-increase:before {
	content: "\e119";
}
.icon-volume-decrease:before {
	content: "\e11a";
}
.icon-loop:before {
	content: "\e11b";
}
.icon-loop-2:before {
	content: "\e11c";
}
.icon-loop-3:before {
	content: "\e11d";
}
.icon-shuffle:before {
	content: "\e11e";
}
.icon-arrow-up-left:before {
	content: "\e11f";
}
.icon-arrow-up:before {
	content: "\e120";
}
.icon-arrow-up-right:before {
	content: "\e121";
}
.icon-arrow-right:before {
	content: "\e122";
}
.icon-arrow-down-right:before {
	content: "\e123";
}
.icon-arrow-down:before {
	content: "\e124";
}
.icon-arrow-down-left:before {
	content: "\e125";
}
.icon-arrow-left:before {
	content: "\e126";
}
.icon-arrow-up-left-2:before {
	content: "\e127";
}
.icon-arrow-up-2:before {
	content: "\e128";
}
.icon-arrow-up-right-2:before {
	content: "\e129";
}
.icon-arrow-right-2:before {
	content: "\e12a";
}
.icon-arrow-down-right-2:before {
	content: "\e12b";
}
.icon-arrow-down-2:before {
	content: "\e12c";
}
.icon-arrow-down-left-2:before {
	content: "\e12d";
}
.icon-arrow-left-2:before {
	content: "\e12e";
}
.icon-arrow-up-left-3:before {
	content: "\e12f";
}
.icon-arrow-up-3:before {
	content: "\e130";
}
.icon-arrow-up-right-3:before {
	content: "\e131";
}
.icon-arrow-right-3:before {
	content: "\e132";
}
.icon-arrow-down-right-3:before {
	content: "\e133";
}
.icon-arrow-down-3:before {
	content: "\e134";
}
.icon-arrow-down-left-3:before {
	content: "\e135";
}
.icon-arrow-left-3:before {
	content: "\e136";
}
.icon-tab:before {
	content: "\e137";
}
.icon-checkbox-checked:before {
	content: "\e138";
}
.icon-checkbox-unchecked:before {
	content: "\e139";
}
.icon-checkbox-partial:before {
	content: "\e13a";
}
.icon-radio-checked:before {
	content: "\e13b";
}
.icon-radio-unchecked:before {
	content: "\e13c";
}
.icon-crop:before {
	content: "\e13d";
}
.icon-scissors:before {
	content: "\e13e";
}
.icon-filter:before {
	content: "\e13f";
}
.icon-filter-2:before {
	content: "\e140";
}
.icon-font:before {
	content: "\e141";
}
.icon-text-height:before {
	content: "\e142";
}
.icon-text-width:before {
	content: "\e143";
}
.icon-bold:before {
	content: "\e144";
}
.icon-underline:before {
	content: "\e145";
}
.icon-italic:before {
	content: "\e146";
}
.icon-strikethrough:before {
	content: "\e147";
}
.icon-omega:before {
	content: "\e148";
}
.icon-sigma:before {
	content: "\e149";
}
.icon-table:before {
	content: "\e14a";
}
.icon-table-2:before {
	content: "\e14b";
}
.icon-insert-template:before {
	content: "\e14c";
}
.icon-pilcrow:before {
	content: "\e14d";
}
.icon-left-to-right:before {
	content: "\e14e";
}
.icon-right-to-left:before {
	content: "\e14f";
}
.icon-paragraph-left:before {
	content: "\e150";
}
.icon-paragraph-center:before {
	content: "\e151";
}
.icon-paragraph-right:before {
	content: "\e152";
}
.icon-paragraph-justify:before {
	content: "\e153";
}
.icon-paragraph-left-2:before {
	content: "\e154";
}
.icon-paragraph-center-2:before {
	content: "\e155";
}
.icon-paragraph-right-2:before {
	content: "\e156";
}
.icon-paragraph-justify-2:before {
	content: "\e157";
}
.icon-indent-increase:before {
	content: "\e158";
}
.icon-indent-decrease:before {
	content: "\e159";
}
.icon-new-tab:before {
	content: "\e15a";
}
.icon-embed:before {
	content: "\e15b";
}
.icon-code:before {
	content: "\e15c";
}
.icon-console:before {
	content: "\e15d";
}
.icon-share:before {
	content: "\e15e";
}
.icon-mail:before {
	content: "\e15f";
}
.icon-mail-2:before {
	content: "\e160";
}
.icon-mail-3:before {
	content: "\e161";
}
.icon-mail-4:before {
	content: "\e162";
}
.icon-google:before {
	content: "\e163";
}
.icon-google-plus:before {
	content: "\e164";
}
.icon-google-plus-2:before {
	content: "\e165";
}
.icon-google-plus-3:before {
	content: "\e166";
}
.icon-google-plus-4:before {
	content: "\e167";
}
.icon-google-drive:before {
	content: "\e168";
}
.icon-facebook:before {
	content: "\e169";
}
.icon-facebook-2:before {
	content: "\e16a";
}
.icon-facebook-3:before {
	content: "\e16b";
}
.icon-instagram:before {
	content: "\e16c";
}
.icon-twitter:before {
	content: "\e16d";
}
.icon-twitter-2:before {
	content: "\e16e";
}
.icon-twitter-3:before {
	content: "\e16f";
}
.icon-feed-2:before {
	content: "\e170";
}
.icon-feed-3:before {
	content: "\e171";
}
.icon-feed-4:before {
	content: "\e172";
}
.icon-youtube:before {
	content: "\e173";
}
.icon-youtube-2:before {
	content: "\e174";
}
.icon-vimeo:before {
	content: "\e175";
}
.icon-vimeo2:before {
	content: "\e176";
}
.icon-vimeo-2:before {
	content: "\e177";
}
.icon-lanyrd:before {
	content: "\e178";
}
.icon-flickr:before {
	content: "\e179";
}
.icon-flickr-2:before {
	content: "\e17a";
}
.icon-flickr-3:before {
	content: "\e17b";
}
.icon-flickr-4:before {
	content: "\e17c";
}
.icon-picassa:before {
	content: "\e17d";
}
.icon-picassa-2:before {
	content: "\e17e";
}
.icon-dribbble:before {
	content: "\e17f";
}
.icon-dribbble-2:before {
	content: "\e180";
}
.icon-dribbble-3:before {
	content: "\e181";
}
.icon-forrst:before {
	content: "\e182";
}
.icon-forrst-2:before {
	content: "\e183";
}
.icon-deviantart:before {
	content: "\e184";
}
.icon-deviantart-2:before {
	content: "\e185";
}
.icon-steam:before {
	content: "\e186";
}
.icon-steam-2:before {
	content: "\e187";
}
.icon-github:before {
	content: "\e188";
}
.icon-github-2:before {
	content: "\e189";
}
.icon-github-3:before {
	content: "\e18a";
}
.icon-github-4:before {
	content: "\e18b";
}
.icon-github-5:before {
	content: "\e18c";
}
.icon-wordpress:before {
	content: "\e18d";
}
.icon-wordpress-2:before {
	content: "\e18e";
}
.icon-joomla:before {
	content: "\e18f";
}
.icon-blogger:before {
	content: "\e190";
}
.icon-blogger-2:before {
	content: "\e191";
}
.icon-tumblr:before {
	content: "\e192";
}
.icon-tumblr-2:before {
	content: "\e193";
}
.icon-yahoo:before {
	content: "\e194";
}
.icon-tux:before {
	content: "\e195";
}
.icon-apple:before {
	content: "\e196";
}
.icon-finder:before {
	content: "\e197";
}
.icon-android:before {
	content: "\e198";
}
.icon-windows:before {
	content: "\e199";
}
.icon-windows8:before {
	content: "\e19a";
}
.icon-soundcloud:before {
	content: "\e19b";
}
.icon-soundcloud-2:before {
	content: "\e19c";
}
.icon-skype:before {
	content: "\e19d";
}
.icon-reddit:before {
	content: "\e19e";
}
.icon-linkedin:before {
	content: "\e19f";
}
.icon-lastfm:before {
	content: "\e1a0";
}
.icon-lastfm-2:before {
	content: "\e1a1";
}
.icon-delicious:before {
	content: "\e1a2";
}
.icon-stumbleupon:before {
	content: "\e1a3";
}
.icon-stumbleupon-2:before {
	content: "\e1a4";
}
.icon-stackoverflow:before {
	content: "\e1a5";
}
.icon-pinterest:before {
	content: "\e1a6";
}
.icon-pinterest-2:before {
	content: "\e1a7";
}
.icon-xing:before {
	content: "\e1a8";
}
.icon-xing-2:before {
	content: "\e1a9";
}
.icon-flattr:before {
	content: "\e1aa";
}
.icon-foursquare:before {
	content: "\e1ab";
}
.icon-foursquare-2:before {
	content: "\e1ac";
}
.icon-paypal:before {
	content: "\e1ad";
}
.icon-paypal-2:before {
	content: "\e1ae";
}
.icon-paypal-3:before {
	content: "\e1af";
}
.icon-yelp:before {
	content: "\e1b0";
}
.icon-libreoffice:before {
	content: "\e1b1";
}
.icon-file-pdf:before {
	content: "\e1b2";
}
.icon-file-openoffice:before {
	content: "\e1b3";
}
.icon-file-word:before {
	content: "\e1b4";
}
.icon-file-excel:before {
	content: "\e1b5";
}
.icon-file-zip:before {
	content: "\e1b6";
}
.icon-file-powerpoint:before {
	content: "\e1b7";
}
.icon-file-xml:before {
	content: "\e1b8";
}
.icon-file-css:before {
	content: "\e1b9";
}
.icon-html5:before {
	content: "\e1ba";
}
.icon-html5-2:before {
	content: "\e1bb";
}
.icon-css3:before {
	content: "\e1bc";
}
.icon-chrome:before {
	content: "\e1bd";
}
.icon-firefox:before {
	content: "\e1be";
}
.icon-IE:before {
	content: "\e1bf";
}
.icon-opera:before {
	content: "\e1c0";
}
.icon-safari:before {
	content: "\e1c1";
}
.icon-IcoMoon:before {
	content: "\e1c2";
}


/*animinate.css*/
@charset "UTF-8";


.animated {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}


@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);

    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}


.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) 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 {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  	0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(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: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-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: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}


@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}


@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/* superslides.css*/

#slides {
  position: relative;
  overflow:hidden;
  height:630px;
}

#slides .slides-container {
  display: block;
}
#slides .slides-container li img{
   width: 100%;
}
#slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 50%;
  width: 100%;
}
.slides-navigation a {
  position: absolute;
  display: block;
}
.slides-navigation a.prev {
  left: 0;
}
.slides-navigation a.next {
  right: 0;
}

.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 0;
  text-align: center;
  width: 100%;
  background: rgba(0,0,0,.3);
  padding: 20px 0;
}
.slides-pagination a {
  border-radius: 15px;
  width: 12px;
  height: 4px;
  padding: 0 20px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin: 2px;
  overflow: hidden;
  text-indent: -100%;
}

/* bxslider.css */

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(assets/images/loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(assets/images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(assets/images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(assets/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(assets/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*media.css */


/* css for media screen*/


a:hover , .sub-header, .member .img-container ul.social li a:hover, .table.popular .plan-cont span.pop, .contact-info ul li a:hover, #expander .project .item-page .details ul.share li a:hover, .entry .title-cont .title a:hover, .entry .entry-quote a p:hover, .entry .info ul li a:hover, aside .widget ul li a:hover, .blog-nav a.prev:hover, .blog-nav a.next:hover, .blog-pager ul li .current, .blog-pager ul li a:hover, .blog-pager ul li a.current, .comments ul.comment-list li .comment-content a.comment-reply-link:hover, footer ul.social li a i:hover, .back-to-home a:hover, .back-to-blog a:hover, span.number, .twitter span.tweet_text a, .twitter i, .twitter .bx-wrapper .bx-prev:before, .twitter .bx-wrapper .bx-next:before  {
	color: #A3BEE3;
}

header .menu-toggle i, .mobile-nav, .mobile-nav .mobile-toggle i, .service:hover .icon-cont, .table .price-circle, .portfolio-cont .img-container .mask, .port-filter ul.filter li:hover, .port-filter ul.filter li.current, .slides-pagination a, .slides-pagination a.current, .back-to-home a, .back-to-blog a, .expand  {
  	background: #5c8ecb;
}

.button, #form_submit{
	background: #1a4a86;
}

header nav ul li a:hover, header nav ul li a.current{
	background: #fff;
}
.button:hover, #form_submit:hover {
  	border-color: #1a4a86;
	background: #5c8ecb;
}

.button, #form_submit {
	border-bottom: 4px solid #5c8ecb;
}

.accent {
  	color: #ebbb14 !important;
}