/*
Theme Name: NewGennPro
Theme URI: http://www.webulousthemes.com/newgenn/
Author: N. Venkat Raj
Author URI: http://www.webulousthemes.com/
Description: NewGeenPro comes with modern, stylish and responsive design. It uses skeleton framework for grids which keeps minimal css. Stylesheet is generated using SASS and so stays DRY. Best suited for Corporate/Business/Blog sites. There is no theme options panel, instead uses Customizer, core feature of WordPress and comes with lots of options to customize. Has 4 Footer Widget Areas.
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newgennpro
Tags: dark, light, left-sidebar  

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

NewGenn is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Grid
3.0 Typography
4.0 Elements
	4.1 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Media
	6.1 Captions
	6.2 Galleries	
7.0 Modules
	7.1 Accessibility
	7.2 Alignments
	7.3 Clearings
	7.4 Infinite scroll
8.0 Header
9.0 Primary
10.0 Secondary
11.0 Footer
12.0 Pro
13.0 Responsiveness

--------------------------------------------------------------*/
.theme-cta .callout-widget, .theme-cta {
  background: url("../images/blue-pattern.png") repeat left top; }

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  box-sizing: border-box;
  /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
  overflow: hidden; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block; }

ol, ul {
  list-style: none; }

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a:focus {
  outline: thin dotted; }

a:hover,
a:active {
  outline: 0; }

a img {
  border: 0; }

/*--------------------------------------------------------------
2.0 Grid
--------------------------------------------------------------*/
.container {
  position: relative;
  width: 93%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0; }
  .container .one.column {
    width: 4.1%; }
  .container .two.columns {
    width: 10.4%; }
  .container .three.columns {
    width: 16.6%; }
  .container .four.columns {
    width: 22.9%; }
  .container .five.columns {
    width: 29.16%; }
  .container .six.columns {
    width: 35%; }
  .container .seven.columns {
    width: 41.6%; }
  .container .eight.columns {
    width: 47.9%; }
  .container .nine.columns {
    width: 54.16%; }
  .container .ten.columns {
    width: 60%; }
  .container .eleven.columns {
    width: 66.66%; }
  .container .twelve.columns {
    width: 72.9%; }
  .container .thirteen.columns {
    width: 79.16%; }
  .container .fourteen.columns {
    width: 85%; }
  .container .fifteen.columns {
    width: 91.66%; }
  .container .sixteen.columns {
    width: 97.9%; }
  .container .one-third.column {
    width: 31.25%; }
  .container .two-thirds.column {
    width: 64.5%; }
  .container .offset-by-one {
    padding-left: 6.25%; }
  .container .offset-by-two {
    padding-left: 12.5%; }
  .container .offset-by-three {
    padding-left: 18.75%; }
  .container .offset-by-four {
    padding-left: 25%; }
  .container .offset-by-five {
    padding-left: 31.25%; }
  .container .offset-by-six {
    padding-left: 37.5%; }
  .container .offset-by-seven {
    padding-left: 43.7%; }
  .container .offset-by-eight {
    padding-left: 50%; }
  .container .offset-by-nine {
    padding-left: 56.25%; }
  .container .offset-by-ten {
    padding-left: 62.5%; }
  .container .offset-by-eleven {
    padding-left: 68.75%; }
  .container .offset-by-twelve {
    padding-left: 75%; }
  .container .offset-by-thirteen {
    padding-left: 81.25%; }
  .container .offset-by-fourteen {
    padding-left: 87.5%; }
  .container .offset-by-fifteen {
    padding-left: 93.75%; }

.column, .columns {
  float: left;
  display: inline;
  margin-left: 1%;
  margin-right: 1%; }
  .column .alpha, .columns .alpha {
    margin-left: 0; }
  .column .omega, .columns .omega {
    margin-right: 0; }

.row {
  margin-bottom: 2%; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 93%; }
    .container .column, .container .columns {
      margin-left: 1.3%;
      margin-right: 1.3%; }
      .container .column .alpha, .container .columns .alpha {
        margin-left: 0;
        margin-right: 1.3%; }
      .container .column .omega, .container .columns .omega {
        margin-left: 1.3%;
        margin-right: 0%; }
    .container .one.column {
      width: 3.64%; }
    .container .two.columns {
      width: 9.89%; }
    .container .three.columns {
      width: 16.1%; }
    .container .four.columns {
      width: 22.39%; }
    .container .five.columns {
      width: 28.64%; }
    .container .six.columns {
      width: 34.89%; }
    .container .seven.columns {
      width: 41.14%; }
    .container .eight.columns {
      width: 47.39%; }
    .container .nine.columns {
      width: 53.64%; }
    .container .ten.columns {
      width: 59.89%; }
    .container .eleven.columns {
      width: 66.14%; }
    .container .twelve.columns {
      width: 72.39%; }
    .container .thirteen.columns {
      width: 78.64%; }
    .container .fourteen.columns {
      width: 84.89%; }
    .container .fifteen.columns {
      width: 91.14%; }
    .container .sixteen.columns {
      width: 97.39%; }
    .container .one-third.column {
      width: 30.72%; }
    .container .two-thirds.column {
      width: 64%; }
    .container .offset-by-one {
      padding-left: 6.25%; }
    .container .offset-by-two {
      padding-left: 12.5%; }
    .container .offset-by-three {
      padding-left: 18.75%; }
    .container .offset-by-four {
      padding-left: 25%; }
    .container .offset-by-five {
      padding-left: 31.25%; }
    .container .offset-by-six {
      padding-left: 37.5%; }
    .container .offset-by-seven {
      padding-left: 43.75%; }
    .container .offset-by-eight {
      padding-left: 45%; }
    .container .offset-by-nine {
      padding-left: 56.25%; }
    .container .offset-by-ten {
      padding-left: 62.5%; }
    .container .offset-by-eleven {
      padding-left: 68.75%; }
    .container .offset-by-twelve {
      padding-left: 75%; }
    .container .offset-by-thirteen {
      padding-left: 81.25%; }
    .container .offset-by-fourteen {
      padding-left: 87.5%; }
    .container .offset-by-fifteen {
      padding-left: 93.75%; } }
@media only screen and (max-width: 767px) {
  .container {
    width: 93%; }
    .container .one.column,
    .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: 100%; }
    .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; }

  .columns, .column {
    margin: 0; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 93%; }
    .container .one.column,
    .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: 100%; }

  .columns, .column {
    margin: 0; } }
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after,
.panel-row-style-full-width-layout:before,
.panel-row-style-full-width-layout:after,
.panel-row-style-cta:before,
.panel-row-style-cta:after,
.panel-row-style-cta:before,
.panel-row-style-section-pattern2:after,
.panel-row-style-section-pattern2:before,
.panel-row-style-wide-grey:before,
.panel-row-style-wide-grey:after,
.panel-row-style-wide-dark-grey:before,
.panel-row-style-wide-dark-grey:after,
.panel-row-style-section-pattern:before,
.panel-row-style-section-pattern:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.row:after,
.clearfix:after,
.panel-row-style-full-width-layout:before,
.panel-row-style-full-width-layout:after,
.panel-row-style-wide-grey:after,
.panel-row-style-wide-grey:before,
.panel-row-style-wide-dark-grey:after,
.panel-row-style-wide-dark-grey:before,
.panel-row-style-section-pattern2:after,
.panel-row-style-section-pattern2:before,
.panel-row-style-section-pattern:before,
.panel-row-style-section-pattern: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; }

/* ==|== primary styles =====================================================
   Author: Lucas - Skeleton Based Media Queries
   ========================================================================== */
/* Smaller than standard 960 (devices and browsers) */
/* Tablet Portrait size to standard 960 (devices and browsers) */
/* All Mobile Sizes (devices and browser) */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/*--------------------------------------------------------------
3.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #848484;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif;
  color: #030303;
  font-weight: 700;
  clear: both;
  margin-bottom: 15px; }

h1 {
  font-size: 48px;
  font-size: 4.8rem; }

h2 {
  font-size: 36px;
  font-size: 3.6rem; }

h3 {
  font-size: 30px;
  font-size: 3rem; }

h4 {
  font-size: 24px;
  font-size: 2.4rem; }

h5 {
  font-size: 18px;
  font-size: 1.8rem; }

h6 {
  font-size: 16px;
  font-size: 1.6rem; }

p {
  margin-bottom: 1.5em; }

b, strong {
  font-weight: bold; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #d7d7d7;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr, acronym {
  border-bottom: 1px dotted #030303;
  cursor: help; }

mark, ins {
  background: #d7d7d7;
  text-decoration: none; }

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
4.0 Elements
--------------------------------------------------------------*/
hr {
  background-color: #d7d7d7;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: square; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 0; }

table {
  margin: 0 0 1.5em;
  width: 100%; }
  table th {
    font-weight: 700;
    text-transform: uppercase; }
  table td, table th {
    border-bottom: 1px solid #d7d7d7;
    padding: 10px; }

button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */ }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 2px solid;
  border-color: rgba(0, 0, 0, 0.2);
  background: #2d4e9a;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  line-height: 1;
  padding: .6em 1em;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #030303;
  background-color: #030303; }

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #030303;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */ }

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #000;
  border: 1px solid #d7d7d7;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #000;
  border-color: #2d4e9a; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 6px 3px; }

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding: 10px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: square; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
  color: #2d4e9a;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  a:visited {
    color: #2d4e9a; }
  a:hover, a:focus, a:active {
    color: #81152D;
    outline: none;
    outline-offset: 0; }

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.nav-wrap {
  background: #030303; }

.main-navigation {
  display: block;
  float: left; }
  .main-navigation ul {
    list-style: none;
    margin: 0; }
    .main-navigation ul ul {
      position: absolute;
      top: auto;
      left: -999em;
      z-index: 99999;
      border: 1px solid #d7d7d7;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li {
        padding: 0;
        background-color: #2d4e9a;
        margin: 0; }
        .main-navigation ul ul li:hover > ul {
          right: 100%; }
      .main-navigation ul ul a {
        width: 250px;
        padding: 12px 15px;
        font-weight: none;
        background-color: #fff;
        color: #030303; }
    .main-navigation ul li:hover > ul {
      left: auto;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
  .main-navigation li {
    position: relative;
    float: left; }
  .main-navigation a {
    position: relative;
    padding: 20px;
    display: inline-block;
    color: #fff;
    font-weight: 600; }
  .main-navigation .current_page_item > a,
  .main-navigation .current-menu-item > a,
  .main-navigation .current_page_ancestor > a {
    background-color: #2d4e9a;
    color: #fff; }

.main-navigation ul.nav-menu > li > a {
  position: relative; }
  .main-navigation ul.nav-menu > li > a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: #d7d7d7;
    content: "";
    z-index: -1; }

.main-navigation ul.nav-menu > li > a:hover {
  color: #fff;
  background-color: #2d4e9a; }
  .main-navigation ul.nav-menu > li > a:hover:before {
    height: 100%;
    background-color: #2d4e9a; }

.main-navigation ul.nav-menu > li li a:hover {
  background-color: #2d4e9a;
  color: #fff; }

/* Small menu */
.menu-toggle,
.slicknav_menu {
  display: none; }

@media screen and (max-width: 650px) {
  .menu-toggle,
  .main-navigation.toggled .nav-menu,
  .slicknav_menu {
    display: block; }

  .main-navigation ul,
  #site-navigation {
    display: none; }

  .nav-wrap {
    display: none; } }
.comment-navigation,
.paging-navigation,
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

.comment-navigation {
  margin-bottom: 2.5em; }

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
  background-color: #000; }

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 49%; }

.post-navigation span {
  display: none; }

.navigation a,
.more-link,
.comment-navigation a {
  background-color: #fff;
  color: #030303;
  padding: 10px;
  display: block;
  border: 1px solid #030303; }
  .navigation a:hover,
  .more-link:hover,
  .comment-navigation a:hover {
    background-color: #fff;
    border-color: #81152D;
    color: #81152D; }

.nav-links,
.more-link {
  position: relative; }
  .nav-links a,
  .more-link a {
    position: relative; }
  .nav-links .meta-nav,
  .more-link .meta-nav {
    background-color: #030303;
    color: #fff;
    text-align: center;
    position: absolute;
    display: block;
    padding: 0 15px;
    font-size: 30px;
    font-size: 3rem;
    height: 100%;
    top: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    line-height: normal; }
    .nav-links .meta-nav:hover,
    .more-link .meta-nav:hover {
      background-color: #fff;
      color: #81152D; }
  .nav-links .nav-previous a,
  .more-link .nav-previous a {
    padding-left: 50px; }
  .nav-links .nav-previous .meta-nav,
  .more-link .nav-previous .meta-nav {
    left: 0; }
  .nav-links .nav-next a,
  .more-link .nav-next a {
    padding-right: 50px; }
  .nav-links .nav-next .meta-nav,
  .more-link .nav-next .meta-nav {
    right: 0; }

a.more-link {
  padding-right: 10px; }
  a.more-link .meta-nav {
    right: 0;
    background-color: #030303;
    color: #fff;
    line-height: normal; }
  a.more-link:hover .meta-nav {
    background-color: transparent;
    color: #81152D; }

.nav-links a:hover .meta-nav {
  background-color: transparent;
  color: #81152D; }

.webulous_page_navi {
  list-style-type: none;
  margin: 0;
  text-align: center; }
  .webulous_page_navi li {
    display: inline; }
    .webulous_page_navi li a {
      display: inline-block;
      padding: 10px;
      border-bottom: 8px solid rgba(45, 78, 154, 0.5);
      color: #030303;
      margin: 0 10px; }
      .webulous_page_navi li a:hover {
        border-color: #2d4e9a; }
  .webulous_page_navi li.bpn-next-link,
  .webulous_page_navi li.bpn-prev-link {
    margin-right: 20px; }
    .webulous_page_navi li.bpn-next-link a,
    .webulous_page_navi li.bpn-prev-link a {
      background-color: #2d4e9a;
      padding: 8px 16px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-border-radius: 3px;
      border-radius: 3px;
      border: 0;
      color: #fff;
      font-size: 20px;
      font-size: 2rem;
      position: relative;
      margin: 0;
      top: 10px; }
      .webulous_page_navi li.bpn-next-link a:hover,
      .webulous_page_navi li.bpn-prev-link a:hover {
        background-color: #030303; }
  .webulous_page_navi li.bpn-next-link {
    margin-left: 20px; }
  .webulous_page_navi li.bpn-current {
    border-bottom: 8px solid #2d4e9a;
    color: #030303;
    padding: 10px 10px; }

.main-navigation .current_page_item a, .main-navigation .current-menu-item a, .main-navigation .current-menu-parent > a, .main-navigation .current_page_parent > a {
  background: #2d4e9a;
  color: #fff; }

/*--------------------------------------------------------------
6.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%; }

/*--------------------------------------------------------------
6.1 Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
6.2 Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }

.gallery-columns-2 .gallery-item {
  max-width: 50%; }

.gallery-columns-3 .gallery-item {
  max-width: 33.33%; }

.gallery-columns-4 .gallery-item {
  max-width: 25%; }

.gallery-columns-5 .gallery-item {
  max-width: 20%; }

.gallery-columns-6 .gallery-item {
  max-width: 16.66%; }

.gallery-columns-7 .gallery-item {
  max-width: 14.28%; }

.gallery-columns-8 .gallery-item {
  max-width: 12.5%; }

.gallery-columns-9 .gallery-item {
  max-width: 11.11%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
7.0 Modules
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-color: #fff;
    clip: auto !important;
    color: #000;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */ }

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  display: block;
  margin: 0 auto; }

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
8.0 Header
--------------------------------------------------------------*/
.site-header {
  padding: 10px 0px; }

.branding .site-branding {
  margin-top: 10px; }
  .branding .site-branding a img {
    display: block; }
  .branding .site-branding a:hover {
    color: #81152D; }
  .branding .site-branding .site-description {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
    color: #848484;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin-top: -10px; }
  .branding .site-branding h1.site-title a {
    margin-bottom: 0;
    color: #030303; }
    .branding .site-branding h1.site-title a:hover {
      color: #2d4e9a; }
  .branding .site-branding h1.site-title {
    margin-bottom: 0;
    font-size: 42px;
    font-size: 4.2rem; }

.top-right aside {
  margin-bottom: 0;
  margin-top: 30px; }
  .top-right aside .widget-title {
    display: none; }

.sticky-nav {
  position: fixed;
  top: -2px;
  left: 0;
  width: 100%;
  z-index: 1000; }

.admin-bar .nav-wrap.sticky-nav {
  top: 30px; }

.no-sidebar {
  float: none;
  margin: 0 auto;
  display: block; }

/* Custom Header Image */
.header-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  position: relative; }

.overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background: transparent; }

/* STICKY HEADER */
.sticky-header #nav-wrap {
  position: fixed;
  top: -2px;
  left: 0;
  width: 100%;
  z-index: 1000; }
  .sticky-header #nav-wrap .search-form {
    top: 5px; }

.boxed-container .sticky-header #nav-wrap {
  width: auto;
  left: auto; }

.admin-bar .sticky-header #nav-wrap {
  top: 30px; }

.site-header {
  padding: 0px 0px 10px 0px; }

.top-nav {
  background: #030303;
  margin-bottom: 0px;
  font-size: 14px; }
  .top-nav .eight {
    padding: 10px 0px 10px 0px;
    color: #fff; }
  .top-nav aside {
    margin-bottom: 10px; }
  .top-nav .textwidget {
    padding: 0; }
  .top-nav .widget_text {
    margin: 0px; }
  .top-nav ul {
    margin: 0; }
    .top-nav ul li {
      float: left;
      list-style: none;
      border-bottom: none !important;
      margin-right: 20px; }
      .top-nav ul li:hover a {
        color: #2d4e9a; }
      .top-nav ul li a {
        color: #fff;
        padding: 4px 2px 4px 0px;
        border-radius: 5px;
        display: inline; }
      .top-nav ul li i {
        font-size: 15px;
        font-size: 1.5rem;
        padding-right: 5px;
        display: inline-block; }
  .top-nav .cart-right li {
    float: right; }

/*--------------------------------------------------------------
9.0 Primary
--------------------------------------------------------------*/
.site-content {
  margin-top: 5em;
  margin-bottom: 3em; }

.home .site-content {
  margin-bottom: 0; }

.single .site-main article.post {
  padding-top: 0; }

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none; }

.comment-content a {
  word-wrap: break-word; }

.comment-content p {
  margin-bottom: 0;
  margin-top: 15px; }

.bypostauthor {
  display: block; }

h2.comments-title {
  margin-bottom: 30px;
  padding-bottom: 10px;
  line-height: normal; }

ol.comment-list {
  margin: 0;
  list-style-type: none; }

ol.comment-list ol.children {
  list-style-type: none; }

ol.comment-list > li {
  margin-bottom: 20px; }

.comment-body {
  position: relative; }

ol.comment-list .reply {
  display: inline;
  left: 25px;
  position: absolute;
  top: 88px;
  font-size: 14px;
  font-size: 1.4rem; }
  ol.comment-list .reply a:hover {
    color: #030303; }

.byuser .reply a:hover {
  color: #fff; }

.comment-content,
.comment-meta {
  margin-left: 90px; }

.comment-author img {
  position: absolute;
  left: 0; }
.comment-author cite.fn {
  font-style: normal; }
  .comment-author cite.fn a:hover {
    color: #030303; }

ol.comment-list article {
  border: 1px solid #848484;
  margin-bottom: 40px;
  padding: 20px;
  min-height: 120px; }

ol.comment-list article .comment-author img {
  border: 1px solid #848484;
  top: -10px;
  left: -1px;
  width: 90px;
  height: 90px; }

ol.comment-list li.byuser article {
  border-color: #2d4e9a;
  background-color: rgba(3, 3, 3, 0.1); }
ol.comment-list li.byuser .comment-author img {
  border-color: #2d4e9a; }
ol.comment-list li.byuser .comment-metadata a:hover {
  color: #030303; }

.comment-metadata {
  font-size: 14px;
  font-size: 1.4rem; }
  .comment-metadata a {
    color: #848484; }
    .comment-metadata a:hover {
      color: #2d4e9a; }

.byuser .comment-metadata a:hover,
.byuser .comment-content a:hover {
  color: #fff; }

.hentry.sticky {
  color: #fff;
  background-color: #2d4e9a;
  padding: 25px !important;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 5px;
  border-radius: 5px; }
  .hentry.sticky h1.entry-title a {
    color: #fff; }
    .hentry.sticky h1.entry-title a:hover {
      color: #030303; }
  .hentry.sticky a {
    color: #030303; }
    .hentry.sticky a:hover {
      color: #fff; }
  .hentry.sticky span i {
    color: #fff; }
  .hentry.sticky code {
    color: #000; }
  .hentry.sticky .entry-title-meta a,
  .hentry.sticky .entry-title-meta span.edit-link,
  .hentry.sticky .entry-header .header-entry-meta,
  .hentry.sticky .entry-header .header-entry-meta i {
    color: #fff; }
    .hentry.sticky .entry-title-meta a:hover,
    .hentry.sticky .entry-title-meta span.edit-link:hover,
    .hentry.sticky .entry-header .header-entry-meta:hover,
    .hentry.sticky .entry-header .header-entry-meta i:hover {
      color: #030303; }
  .hentry.sticky .entry-footer,
  .hentry.sticky .entry-meta {
    margin-bottom: 0;
    border: 0; }
    .hentry.sticky .entry-footer a,
    .hentry.sticky .entry-meta a {
      color: #fff; }
      .hentry.sticky .entry-footer a:hover,
      .hentry.sticky .entry-meta a:hover {
        color: #030303; }

.hentry.post {
  margin: 0 0 5em; }
  .hentry.post h1 a {
    color: #000; }
    .hentry.post h1 a:hover {
      color: #2d4e9a; }

.single .byline,
.group-blog .byline {
  display: inline; }

.entry-meta,
.entry-footer {
  margin-bottom: 25px; }
  .entry-meta span,
  .entry-footer span {
    margin: 0 30px 0 0; }
    .entry-meta span span,
    .entry-footer span span {
      margin: 0; }
  .entry-meta i,
  .entry-footer i {
    color: #848484;
    padding-right: 5px; }
  .entry-meta a,
  .entry-footer a {
    color: #848484;
    font-size: 15px; }
    .entry-meta a:hover,
    .entry-footer a:hover {
      color: #2d4e9a; }

.page-content,
.entry-content,
.entry-summary {
  margin: 3em 0 1.5em; }

.page-template .entry-content,
.page .entry-content {
  margin-top: 0; }

.page-links {
  margin: 0 0 1.5em;
  padding: 12px;
  text-align: center;
  color: #d7d7d7;
  background-color: #000;
  display: inline-block; }
  .page-links a {
    padding: 5px 10px;
    color: #2d4e9a; }
    .page-links a:hover {
      color: #fff; }

blockquote {
  position: relative;
  margin: 0;
  margin-bottom: 20px;
  margin-top: 30px;
  background-color: #2d4e9a; }
  blockquote:before {
    position: absolute;
    content: "\f10d";
    font-size: 18px;
    font-size: 1.8rem;
    font-family: 'FontAwesome';
    left: 46%;
    top: -25px;
    background-color: #2d4e9a;
    padding: 0 6px;
    color: #fff;
    padding: 0 20px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0; }
  blockquote p {
    margin-bottom: 0;
    font-size: 20px;
    font-size: 2rem;
    padding: 20px;
    color: #fff; }
    blockquote p cite {
      font-style: normal;
      text-transform: uppercase; }
    blockquote p a, blockquote p a:visited {
      color: #d7d7d7;
      font-size: 14px;
      font-size: 1.4rem; }
    blockquote p a:hover {
      color: #81152D; }

.wpcf7-form span.wpcf7-list-item {
  margin: 0 10px; }
.wpcf7-form .wpcf7-form-control-wrap select {
  padding: 5px 20px; }

.site-content .blog .entry-header,
.site-content .entry-header {
  position: relative; }
  .site-content .blog .entry-header h1.entry-title,
  .site-content .entry-header h1.entry-title {
    width: 80%; }

.search .page .entry-footer {
  display: none; }

.services-wrapper {
  padding-top: 40px; }

.services {
  text-align: center;
  background-color: #2d4e9a; }
  .services h4 {
    background-color: #000;
    border-bottom: 1px solid #fff;
    font-size: 20px;
    font-size: 2rem;
    padding: 10px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif; }
  .services p {
    color: #d7d7d7;
    margin: 0;
    border-top: 1px solid #fff; }

/* Flex Recent Post */
.post-wrapper h3 {
  text-align: center;
  margin-bottom: 25px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700; }
.post-wrapper .latest-post-thumb img {
  display: block;
  margin: 0 auto; }
.post-wrapper .latest-post:nth-child(3n+1) {
  clear: both; }
.post-wrapper .latest-post {
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  overflow: hidden;
  margin-bottom: 1.5em;
  min-height: 260px; }
  .post-wrapper .latest-post h5 {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 5px;
    margin: 0 20px 20px; }
    .post-wrapper .latest-post h5 a {
      display: block;
      color: #000; }
      .post-wrapper .latest-post h5 a:hover {
        color: #2d4e9a; }
    .post-wrapper .latest-post h5 span {
      padding-right: 15px;
      color: #848484;
      font-weight: 400;
      font-size: 15px;
      font-size: 1.5rem; }
      .post-wrapper .latest-post h5 span i {
        font-style: normal;
        padding-right: 5px; }
  .post-wrapper .latest-post p {
    padding: 0 20px;
    color: #848484; }
  .post-wrapper .latest-post a.btn-readmore {
    display: block;
    width: 40%;
    background-color: #848484;
    text-align: center;
    color: #fff;
    padding: 5px 8px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 3px;
    border-radius: 3px; }
    .post-wrapper .latest-post a.btn-readmore:hover {
      background-color: #2d4e9a; }

.error-404.not-found h1.page-title {
  text-align: center;
  margin-bottom: 30px; }
  .error-404.not-found h1.page-title span {
    color: #81152D;
    display: block; }
.error-404.not-found form {
  margin-bottom: 25px; }
.error-404.not-found .page-content li {
  padding: 10px 0;
  border-bottom: 1px solid #d7d7d7; }
.error-404.not-found .page-content select {
  width: 100%; }

.home .site-content #primary .services-wrapper {
  margin-top: 30px;
  margin-bottom: 80px;
  padding-bottom: 50px;
  border-bottom: 1px solid #d7d7d7; }
  .home .site-content #primary .services-wrapper .more-link {
    background: #030303;
    width: 100px;
    margin: 0 auto; }
    .home .site-content #primary .services-wrapper .more-link:hover {
      background: #2d4e9a; }
  .home .site-content #primary .services-wrapper .service-page:nth-of-type(4n+1) .columns {
    clear: both; }
  .home .site-content #primary .services-wrapper div {
    border: 1px solid #d7d7d7;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
    padding-bottom: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative; }
    .home .site-content #primary .services-wrapper div:last-child {
      margin-right: 0; }
    .home .site-content #primary .services-wrapper div h1, .home .site-content #primary .services-wrapper div h2, .home .site-content #primary .services-wrapper div h3, .home .site-content #primary .services-wrapper div h4, .home .site-content #primary .services-wrapper div h5, .home .site-content #primary .services-wrapper div h6, .home .site-content #primary .services-wrapper div p {
      text-align: center;
      font-weight: 600;
      padding: 5px 10px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .home .site-content #primary .services-wrapper div p {
      font-weight: 400;
      display: none; }
    .home .site-content #primary .services-wrapper div img {
      display: block;
      position: relative;
      z-index: 1;
      margin-bottom: 20px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .home .site-content #primary .services-wrapper div:after {
      width: 100%;
      height: 10px;
      bottom: 0;
      background-color: #2d4e9a;
      content: "";
      left: 0;
      position: absolute;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      z-index: -1; }
    .home .site-content #primary .services-wrapper div:hover:after {
      height: 100%; }
    .home .site-content #primary .services-wrapper div:hover img {
      opacity: 0;
      margin: 0;
      padding: 0;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 0.5s easeout;
      -moz-transition: all 0.5s easeout;
      -ms-transition: all 0.5s easeout;
      -o-transition: all 0.5s easeout;
      transition: all 0.5s easeout;
      height: 10px;
      position: absolute; }
    .home .site-content #primary .services-wrapper div:hover h1, .home .site-content #primary .services-wrapper div:hover h2, .home .site-content #primary .services-wrapper div:hover h3, .home .site-content #primary .services-wrapper div:hover h4, .home .site-content #primary .services-wrapper div:hover h5, .home .site-content #primary .services-wrapper div:hover h6, .home .site-content #primary .services-wrapper div:hover p {
      color: #fff; }
    .home .site-content #primary .services-wrapper div:hover a {
      color: #fff; }
    .home .site-content #primary .services-wrapper div:hover p {
      display: block; }
    .home .site-content #primary .services-wrapper div:hover h4 {
      padding-top: 40px;
      margin-bottom: 0; }
.home .site-content #primary .post-wrapper .post-wrapper-head {
  text-align: center;
  margin: 0 auto 40px; }
.home .site-content #primary .post-wrapper .latest-post {
  margin-bottom: 20px;
  border: 1px solid #d7d7d7; }
  .home .site-content #primary .post-wrapper .latest-post .latest-post-thumb img {
    margin-bottom: 20px; }

/* SITE STYLE */
.container .container {
  width: 100%; }

.fluid-container .container {
  width: 100%;
  max-width: none; }

.boxed-container {
  overflow: hidden; }

.boxed-header .branding .site-branding {
  padding-left: 10px; }
  .boxed-header .branding .site-branding:before {
    display: none; }
.boxed-header #nav-wrap .thirteen, .boxed-header .twelve, .boxed-header #nav-wrap .sixteen {
  margin-left: 0; }
.boxed-header .search-form::after {
  display: none; }

.fluid-header #nav-wrap .thirteen, .fluid-header #nav-wrap .sixteen {
  margin-left: 0; }

/* BLOG MASONRY LAYOUT */
.masonry-blog-content .navigation.pagination, .masonry-blog-content .navigation.post-navigation {
  position: absolute;
  bottom: 0;
  right: 0; }

.navigation.post-navigation {
  clear: both; }

.masonry-blog-content .navigation.post-navigation {
  width: 100%; }

.blog #primary .eight:nth-child(2n+1) {
  clear: both; }
.blog #primary .one-third:nth-child(3n+1) {
  clear: both; }

.navigation.pagination {
  clear: both; }

.single_page_flexslider_feature_image {
  width: 100%;
  height: auto; }

.blog-box {
  border: 1px solid #939393;
  margin-bottom: 35px;
  padding: 20px; }
  .blog-box .hentry.post {
    margin: 0px; }
  .blog-box article {
    border-bottom: none; }

/*--------------------------------------------------------------
10.0 Secondary
--------------------------------------------------------------*/
#secondary {
  margin-top: 0; }

.left-sidebar {
  border: 1px solid #d7d7d7;
  padding: 45px 20px; }

.right-sidebar {
  padding-left: 0px !important;
  padding-right: 50px; }

.widget-area {
  margin-top: 1.5em; }
  .widget-area h4.widget-title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 40px;
    padding-bottom: 25px;
    text-transform: capitalize;
    border-bottom: 1px solid #2d4e9a;
    position: relative; }
    .widget-area h4.widget-title:after {
      border: 10px solid transparent;
      border-left: 10px solid #2d4e9a;
      content: "";
      left: 0;
      bottom: -10px;
      position: absolute; }
  .widget-area ul li {
    padding: 9px 0 9px;
    border-bottom: 1px solid #d7d7d7; }
    .widget-area ul li a {
      color: #000; }
      .widget-area ul li a:hover {
        color: #2d4e9a; }
    .widget-area ul li li:last-child {
      border-bottom: 0;
      padding-bottom: 0; }
    .widget-area ul li ul.children,
    .widget-area ul li .sub-menu {
      padding-top: 5px; }
      .widget-area ul li ul.children li:last-child,
      .widget-area ul li .sub-menu li:last-child {
        padding-bottom: 0; }
  .widget-area select {
    width: 100%; }

.widget-area ul li {
  background: url("../images/arrow-left.png") no-repeat left 16px;
  padding-left: 25px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .widget-area ul li li {
    padding-left: 5px; }
  .widget-area ul li:hover {
    background: url("../images/arrow-right.png") no-repeat 12px 16px; }
.widget-area ul.children {
  border-top: 1px solid #d7d7d7;
  padding-top: 0 !important;
  margin-left: -25px;
  padding-left: 0;
  margin-top: 15px; }
  .widget-area ul.children li {
    padding-left: 50px;
    background-position: 25px 16px; }
    .widget-area ul.children li:hover {
      background-position: 37px 16px; }
  .widget-area ul.children ul.children {
    margin-left: -50px; }
    .widget-area ul.children ul.children li {
      padding-left: 75px;
      background-position: 50px 16px; }
      .widget-area ul.children ul.children li:hover {
        background-position: 67px 16px; }
    .widget-area ul.children ul.children ul.children {
      margin-left: -75px; }
      .widget-area ul.children ul.children ul.children li {
        padding-left: 100px;
        background-position: 75px 16px; }
        .widget-area ul.children ul.children ul.children li:hover {
          background-position: 92px 16px; }

#secondary .widget {
  margin: 0 0 5em 0; }
#secondary .left-sidebar .widget:last-child {
  margin-bottom: 0; }

.widget {
  margin: 0 0 2.5em 0;
  /* Make sure select elements fit in widgets */ }
  .widget ul, .widget ol {
    padding: 0;
    list-style: none;
    margin: 0; }
    .widget ul li ul, .widget ul li ol, .widget ol li ul, .widget ol li ol {
      padding: 0; }
  .widget select {
    max-width: 100%; }

.widget_calendar table th, .widget_calendar table td {
  text-align: center;
  padding: 7px;
  border: 0; }
  .widget_calendar table th a, .widget_calendar table td a {
    display: block;
    color: #2d4e9a; }
    .widget_calendar table th a:hover, .widget_calendar table td a:hover {
      color: #81152D; }
.widget_calendar table th {
  font-weight: 400; }
.widget_calendar table td#prev {
  text-align: left; }
.widget_calendar table td#next {
  text-align: right; }
.widget_calendar table caption {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 5px;
  background-color: #2d4e9a;
  color: #fff;
  padding: 5px 0; }

.widget-area .rss-date,
.widget-area .widget_rss cite {
  display: block;
  color: #d7d7d7;
  margin: 5px 0; }
.widget-area .widget_rss span {
  color: #848484; }
.widget-area .widget_rss cite {
  color: #848484; }
.widget-area .widget_rss a {
  color: #2d4e9a; }
  .widget-area .widget_rss a:hover {
    color: #030303; }
.widget-area .widget_rss .widget-title .rsswidget img {
  margin: 0; }
.widget-area .widget_rss ul li {
  background: none;
  padding-left: 0; }
.widget-area .rssSummary {
  font-size: .95em; }

.widget_search .search-form {
  position: relative; }
  .widget_search .search-form label {
    display: block; }
  .widget_search .search-form input[type="search"] {
    color: #030303;
    width: calc(90% - 10px);
    padding: 5px 10% 5px 10px;
    background: transparent; }
  .widget_search .search-form input[type="search"]:focus {
    background: #fff;
    color: #030303 !important; }
  .widget_search .search-form input[type="submit"] {
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999em;
    background: url("../images/header-search.png") no-repeat 50% 50%; }

.widget-area .textwidget select {
  padding: 5px 10px;
  background-color: #fff;
  border: 1px solid #848484; }

.wp-caption .wp-caption-text {
  margin: 0; }

.top-right ul, .share-box ul {
  margin: 0;
  padding: 0;
  text-align: right; }
  .top-right ul li, .share-box ul li {
    list-style: none;
    margin: 0;
    display: inline;
    background: none;
    border-bottom: none !important;
    padding: 0 !important; }
    .top-right ul li:hover, .share-box ul li:hover {
      background: none; }
    .top-right ul li a .fa, .share-box ul li a .fa {
      color: #fff;
      background: #2d4e9a;
      width: 70px;
      height: 35px;
      display: inline-block;
      text-align: center;
      margin: 0;
      position: relative;
      overflow: visible;
      margin-bottom: 10px;
      line-height: 34px; }
      .top-right ul li a .fa i, .share-box ul li a .fa i {
        font-size: 15px;
        font-size: 1.5rem; }
      .top-right ul li a .fa:hover, .share-box ul li a .fa:hover {
        background-color: #030303 !important;
        color: #fff; }
        .top-right ul li a .fa:hover:after, .share-box ul li a .fa:hover:after {
          border-top-color: #030303 !important; }
    .top-right ul li .fa-digg, .share-box ul li .fa-digg {
      background: #5C79B7 !important; }
    .top-right ul li .fa-dribbble, .share-box ul li .fa-dribbble {
      background: #ea4c89 !important; }
    .top-right ul li .fa-facebook, .share-box ul li .fa-facebook {
      background: #3b5998 !important; }
    .top-right ul li .fa-flickr, .share-box ul li .fa-flickr {
      background: #ff0084 !important; }
    .top-right ul li .fa-google-plus, .share-box ul li .fa-google-plus {
      background: #df4a32 !important; }
    .top-right ul li .fa-linkedin, .share-box ul li .fa-linkedin {
      background: #0073b2 !important; }
    .top-right ul li .fa-pinterest, .share-box ul li .fa-pinterest {
      background: #c92228 !important; }
    .top-right ul li .fa-rss, .share-box ul li .fa-rss {
      background: #ff9702 !important; }
    .top-right ul li .fa-skype, .share-box ul li .fa-skype {
      background: #00aff0 !important; }
    .top-right ul li .fa-tumblr, .share-box ul li .fa-tumblr {
      background: #2c4762 !important; }
    .top-right ul li .fa-twitter, .share-box ul li .fa-twitter {
      background: #00acee !important; }
    .top-right ul li .fa-vimeo-square, .share-box ul li .fa-vimeo-square {
      background: #3b5998 !important; }
    .top-right ul li .fa-youtube, .share-box ul li .fa-youtube {
      background: #df0f32 !important; }
  .top-right ul li:last-child, .share-box ul li:last-child {
    margin-right: 0; }

.top-right {
  margin-top: 25px; }

.share-box {
  margin-bottom: 20px; }
  .share-box h4 {
    margin-bottom: 10px; }
  .share-box ul {
    text-align: left; }
    .share-box ul li {
      margin: 0; }
      .share-box ul li a {
        width: 30px;
        height: 30px;
        line-height: 30px; }

.widget_tag_cloud a {
  padding: 4px 6px;
  color: #030303;
  margin: 3px;
  display: inline-block;
  border: 1px solid #2d4e9a; }
  .widget_tag_cloud a:hover {
    color: #fff;
    background-color: #2d4e9a; }

.widget_nav_menu a {
  display: block; }
.widget_nav_menu ul.sub-menu li {
  text-indent: 0; }
.widget_nav_menu ul.sub-menu {
  border-top: 1px solid #d7d7d7;
  padding-top: 0 !important;
  margin-left: -10px;
  padding-left: 0;
  margin-top: 15px; }
  .widget_nav_menu ul.sub-menu li {
    padding-left: 25px; }

/*--------------------------------------------------------------
11.0 Footer
--------------------------------------------------------------*/
.site-footer .footer-widgets {
  margin-top: 0; }

.site-footer {
  position: relative;
  background-color: #2D2D2D; }
  .site-footer .footer-top {
    color: #fff;
    padding: 60px 0px 40px; }
    .site-footer .footer-top .widget-title span {
      color: #fff;
      background: transparent; }
    .site-footer .footer-top aside {
      margin-bottom: 0; }
    .site-footer .footer-top a {
      color: #fff; }
      .site-footer .footer-top a:hover {
        color: #2d4e9a; }
    .site-footer .footer-top .tagcloud a:hover {
      color: #fff; }
    .site-footer .footer-top .widget_recent-posts-gallery-widget h3.widget-title::after {
      display: none; }
    .site-footer .footer-top .widget_recent-posts-gallery-widget .recent-post .post-title h5 a {
      color: #fff; }
      .site-footer .footer-top .widget_recent-posts-gallery-widget .recent-post .post-title h5 a:hover {
        color: #2d4e9a; }
    .site-footer .footer-top .circle-icon-box .service h4 {
      font-size: 24px;
      font-size: 2.4rem;
      margin: 12px 0px; }
    .site-footer .footer-top .circle-icon-box .service p {
      font-size: 14px;
      font-size: 1.4rem;
      color: rgba(255, 255, 255, 0.7); }
  .site-footer .widget-area {
    color: #fff;
    padding: 40px 0; }
    .site-footer .widget-area h4.widget-title {
      color: #fff;
      font-size: 20px;
      font-size: 2rem;
      margin-bottom: 30px;
      padding-bottom: 15px;
      border-bottom: 1px solid #2d4e9a;
      position: relative; }
      .site-footer .widget-area h4.widget-title:after {
        border: 10px solid transparent;
        border-left: 10px solid #2d4e9a;
        content: "";
        left: 0;
        bottom: -10px;
        position: absolute; }
    .site-footer .widget-area ul li {
      color: #d7d7d7;
      border-color: rgba(255, 255, 255, 0.2); }
    .site-footer .widget-area ul.children,
    .site-footer .widget-area .widget_nav_menu ul.sub-menu {
      border-color: rgba(255, 255, 255, 0.2); }
    .site-footer .widget-area a {
      color: #fff; }
      .site-footer .widget-area a:hover {
        color: #2d4e9a; }
    .site-footer .widget-area p {
      margin-bottom: 0; }
    .site-footer .widget-area .widget_tag_cloud a:hover {
      color: #fff; }
    .site-footer .widget-area ul li {
      background-image: url(../images/white-arrow-left.png); }
      .site-footer .widget-area ul li:hover {
        background-image: url(../images/white-arrow-right.png); }
    .site-footer .widget-area .widget_rss ul li {
      background: none; }
  .site-footer .scroll-to-top {
    background: #2d4e9a;
    color: #fff;
    bottom: 3%;
    cursor: pointer;
    position: fixed;
    right: 20px;
    z-index: 999;
    text-align: center;
    line-height: 40px;
    width: 40px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear; }
  .site-footer .scroll-to-top:hover {
    background: rgba(45, 78, 154, 0.6); }
  .site-footer .textwidget .wpcf7-form p {
    margin-bottom: 3px; }

.footer-bottom {
  padding: 15px 0;
  background: url("../images/bg-repeat-pattern.png") repeat left top; }
  .footer-bottom .widget {
    margin: 0; }
  .footer-bottom .sep {
    display: none; }
  .footer-bottom p {
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem; }
    .footer-bottom p a {
      color: #2d4e9a; }
      .footer-bottom p a:hover {
        color: #fff; }
  .footer-bottom ul.menu {
    margin: 0;
    text-align: right; }
    .footer-bottom ul.menu ul {
      text-align: right; }
    .footer-bottom ul.menu li {
      border: 0;
      padding: 0;
      display: inline; }
    .footer-bottom ul.menu a {
      font-family: "Raleway", sans-serif;
      display: inline-block;
      color: rgba(255, 255, 255, 0.6);
      padding: 4px 10px;
      font-size: 13px;
      font-size: 1.3rem;
      text-transform: uppercase; }
      .footer-bottom ul.menu a:hover {
        color: #2d4e9a; }
    .footer-bottom ul.menu .current_page_item a {
      color: #2d4e9a; }

/*--------------------------------------------------------------
12.0 Pro
--------------------------------------------------------------*/
/*--------------------------------------------------------------
12.1 Shortcodes
--------------------------------------------------------------*/
.widget_social-networks-widget ul,
.share-box ul {
  margin: 0;
  padding: 0;
  text-align: right; }
  .widget_social-networks-widget ul li,
  .share-box ul li {
    list-style: none;
    margin: 0;
    display: inline; }
    .widget_social-networks-widget ul li a .fa,
    .share-box ul li a .fa {
      color: #fff;
      background: #2d4e9a;
      width: 70px;
      height: 35px;
      display: inline-block;
      text-align: center;
      margin: 0;
      position: relative;
      overflow: visible;
      margin-bottom: 10px;
      line-height: 34px; }
      .widget_social-networks-widget ul li a .fa i,
      .share-box ul li a .fa i {
        font-size: 15px;
        font-size: 1.5rem; }
      .widget_social-networks-widget ul li a .fa:hover,
      .share-box ul li a .fa:hover {
        background-color: #030303 !important;
        color: #fff; }
        .widget_social-networks-widget ul li a .fa:hover:after,
        .share-box ul li a .fa:hover:after {
          border-top-color: #030303 !important; }
    .widget_social-networks-widget ul li .fa-digg,
    .share-box ul li .fa-digg {
      background: #5C79B7 !important; }
    .widget_social-networks-widget ul li .fa-dribbble,
    .share-box ul li .fa-dribbble {
      background: #ea4c89 !important; }
    .widget_social-networks-widget ul li .fa-facebook,
    .share-box ul li .fa-facebook {
      background: #3b5998 !important; }
    .widget_social-networks-widget ul li .fa-flickr,
    .share-box ul li .fa-flickr {
      background: #ff0084 !important; }
    .widget_social-networks-widget ul li .fa-google-plus,
    .share-box ul li .fa-google-plus {
      background: #df4a32 !important; }
    .widget_social-networks-widget ul li .fa-linkedin,
    .share-box ul li .fa-linkedin {
      background: #0073b2 !important; }
    .widget_social-networks-widget ul li .fa-pinterest,
    .share-box ul li .fa-pinterest {
      background: #c92228 !important; }
    .widget_social-networks-widget ul li .fa-rss,
    .share-box ul li .fa-rss {
      background: #ff9702 !important; }
    .widget_social-networks-widget ul li .fa-skype,
    .share-box ul li .fa-skype {
      background: #00aff0 !important; }
    .widget_social-networks-widget ul li .fa-tumblr,
    .share-box ul li .fa-tumblr {
      background: #2c4762 !important; }
    .widget_social-networks-widget ul li .fa-twitter,
    .share-box ul li .fa-twitter {
      background: #00acee !important; }
    .widget_social-networks-widget ul li .fa-vimeo-square,
    .share-box ul li .fa-vimeo-square {
      background: #3b5998 !important; }
    .widget_social-networks-widget ul li .fa-youtube,
    .share-box ul li .fa-youtube {
      background: #df0f32 !important; }
  .widget_social-networks-widget ul li:last-child,
  .share-box ul li:last-child {
    margin-right: 0; }

.share-box {
  margin-bottom: 20px; }
  .share-box h4 {
    margin-bottom: 10px; }
  .share-box ul {
    text-align: left; }
    .share-box ul li {
      margin: 0; }
      .share-box ul li a {
        width: 30px;
        height: 30px;
        line-height: 30px; }

.tabs.normal, .tabs {
  background: none !important;
  border: 0 !important; }
  .tabs.normal ul, .tabs ul {
    margin: 0;
    list-style-type: none;
    border: 0; }
    .tabs.normal ul li, .tabs ul li {
      display: block;
      float: left; }
      .tabs.normal ul li a, .tabs ul li a {
        display: block;
        outline: none;
        padding: 12px 30px;
        text-decoration: none;
        color: #000;
        background-color: #F5F5F5;
        border: 1px solid #d7d7d7;
        float: left;
        border-bottom: 0;
        font-family: "Raleway", sans-serif;
        position: relative;
        border-right: 0; }
    .tabs.normal ul li:nth-of-type(3) a, .tabs ul li:nth-of-type(3) a {
      border-right: 1px solid #d7d7d7 !important; }
    .tabs.normal ul li .tabulous_active,
    .tabs.normal ul li a:hover, .tabs ul li .tabulous_active,
    .tabs ul li a:hover {
      background-color: #fff; }
      .tabs.normal ul li .tabulous_active:after,
      .tabs.normal ul li a:hover:after, .tabs ul li .tabulous_active:after,
      .tabs ul li a:hover:after {
        height: 1px;
        width: 100%;
        position: absolute;
        background-color: #fff;
        left: 0;
        bottom: -1px;
        content: "";
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        z-index: 1; }
  .tabs.normal .tabs_container, .tabs .tabs_container {
    line-height: 2;
    position: relative;
    border: 1px solid #d7d7d7; }
    .tabs.normal .tabs_container div, .tabs .tabs_container div {
      padding: 25px;
      position: absolute;
      top: 0 !important; 
      width: 100%;}

.tabs-container ul li:first-child {
  margin-left: 0; }

.tabs.center ul {
  text-align: center; }
  .tabs.center ul li {
    float: none;
    display: inline-block; }
    .tabs.center ul li a {
      float: none; }

.widget.widget_ourteam-widget ul.team-social, .our-team ul.team-social {
  margin: 0;
  clear: both;
  list-style-type: none;
  width: 100%;
  padding-bottom: 20px; }
  .widget.widget_ourteam-widget ul.team-social li, .our-team ul.team-social li {
    margin: 0 3px;
    padding: 0;
    border: 0;
    display: inline; }
    .widget.widget_ourteam-widget ul.team-social li a, .our-team ul.team-social li a {
      display: inline-block;
      text-align: center;
      color: #fff;
      font-weight: 400;
      font-size: 10px;
      font-size: 1rem;
      position: relative;
      width: 30px;
      height: 30px;
      line-height: 30px;
      background-color: #848484; }
      .widget.widget_ourteam-widget ul.team-social li a:hover, .our-team ul.team-social li a:hover {
        background-color: #030303; }
.widget.widget_ourteam-widget .team-avatar, .our-team .team-avatar {
  text-align: center; }
  .widget.widget_ourteam-widget .team-avatar img, .our-team .team-avatar img {
    display: block;
    margin: 0 auto; }
.widget.widget_ourteam-widget .team-content, .our-team .team-content {
  padding: 20px;
  background: url("../images/bg-repeat-pattern2.png") repeat left top;
  border: 1px solid #d7d7d7; }
  .widget.widget_ourteam-widget .team-content p, .our-team .team-content p {
    text-align: justify; }
  .widget.widget_ourteam-widget .team-content h4, .our-team .team-content h4 {
    color: #000;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 15px;
    font-size: 20px;
    font-size: 2rem; }
    .widget.widget_ourteam-widget .team-content h4 span, .our-team .team-content h4 span {
      display: none; }

.widget.widget_skill-widget h3.widget-title {
  margin-bottom: 25px; }
.widget.widget_skill-widget .skill-container .fa-stack {
  display: none; }
.widget.widget_skill-widget .skill-container .skill {
  height: 40px;
  position: relative;
  z-index: 1;
  margin: 0 0 20px 0;
  background-color: #d7d7d7;
  padding: 0; }
  .widget.widget_skill-widget .skill-container .skill .skill-percentage {
    height: 40px;
    position: relative;
    background-color: #2d4e9a; }
    .widget.widget_skill-widget .skill-container .skill .skill-percentage span {
      display: block;
      position: absolute;
      top: 5px;
      right: 0;
      z-index: 1;
      font-family: "Raleway", sans-serif;
      color: #fff;
      padding: 2px 8px;
      font-weight: 700; }
  .widget.widget_skill-widget .skill-container .skill .skill-percentage.percent100:after, .widget.widget_skill-widget .skill-container .skill .skill-percentage.percent100:before {
    display: none; }
  .widget.widget_skill-widget .skill-container .skill .skill-percentage.percent100 span {
    right: 0; }
.widget.widget_skill-widget .skill-container .skill-content {
  position: relative;
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem; }

.percent5 {
  width: 5%; }

.percent10 {
  width: 10%; }

.percent15 {
  width: 15%; }

.percent20 {
  width: 20%; }

.percent25 {
  width: 25%; }

.percent30 {
  width: 30%; }

.percent35 {
  width: 35%; }

.percent40 {
  width: 40%; }

.percent45 {
  width: 45%; }

.percent50 {
  width: 50%; }

.percent55 {
  width: 55%; }

.percent60 {
  width: 60%; }

.percent65 {
  width: 65%; }

.percent70 {
  width: 70%; }

.percent75 {
  width: 75%; }

.percent80 {
  width: 80%; }

.percent85 {
  width: 85%; }

.percent90 {
  width: 90%; }

.percent95 {
  width: 95%; }

.percent100 {
  width: 100%; }

.percent5.start {
  width: 0%;
  -webkit-animation: percent5  2s ease-out forwards;
  -moz-animation: percent5  2s ease-out forwards;
  -ms-animation: percent5  2s ease-out forwards;
  -o-animation: percent5  2s ease-out forwards;
  animation: percent5  2s ease-out forwards; }

.percent10.start {
  width: 0%;
  -webkit-animation: percent10  2s ease-out forwards;
  -moz-animation: percent10  2s ease-out forwards;
  -ms-animation: percent10  2s ease-out forwards;
  -o-animation: percent10  2s ease-out forwards;
  animation: percent10  2s ease-out forwards; }

.percent15.start {
  width: 0%;
  -webkit-animation: percent15  2s ease-out forwards;
  -moz-animation: percent15  2s ease-out forwards;
  -ms-animation: percent15  2s ease-out forwards;
  -o-animation: percent15  2s ease-out forwards;
  animation: percent15  2s ease-out forwards; }

.percent20.start {
  width: 0%;
  -webkit-animation: percent20  2s ease-out forwards;
  -moz-animation: percent20  2s ease-out forwards;
  -ms-animation: percent20  2s ease-out forwards;
  -o-animation: percent20  2s ease-out forwards;
  animation: percent20  2s ease-out forwards; }

.percent25.start {
  width: 0%;
  -webkit-animation: percent25  2s ease-out forwards;
  -moz-animation: percent25  2s ease-out forwards;
  -ms-animation: percent25  2s ease-out forwards;
  -o-animation: percent25  2s ease-out forwards;
  animation: percent25  2s ease-out forwards; }

.percent30.start {
  width: 0%;
  -webkit-animation: percent30  2s ease-out forwards;
  -moz-animation: percent30  2s ease-out forwards;
  -ms-animation: percent30  2s ease-out forwards;
  -o-animation: percent30  2s ease-out forwards;
  animation: percent30  2s ease-out forwards; }

.percent35.start {
  width: 0%;
  -webkit-animation: percent35  2s ease-out forwards;
  -moz-animation: percent35  2s ease-out forwards;
  -ms-animation: percent35  2s ease-out forwards;
  -o-animation: percent35  2s ease-out forwards;
  animation: percent35  2s ease-out forwards; }

.percent40.start {
  width: 0%;
  -webkit-animation: percent40  2s ease-out forwards;
  -moz-animation: percent40  2s ease-out forwards;
  -ms-animation: percent40  2s ease-out forwards;
  -o-animation: percent40  2s ease-out forwards;
  animation: percent40  2s ease-out forwards; }

.percent45.start {
  width: 0%;
  -webkit-animation: percent45  2s ease-out forwards;
  -moz-animation: percent45  2s ease-out forwards;
  -ms-animation: percent45  2s ease-out forwards;
  -o-animation: percent45  2s ease-out forwards;
  animation: percent45  2s ease-out forwards; }

.percent50.start {
  width: 0%;
  -webkit-animation: percent50  2s ease-out forwards;
  -moz-animation: percent50  2s ease-out forwards;
  -ms-animation: percent50  2s ease-out forwards;
  -o-animation: percent50  2s ease-out forwards;
  animation: percent50  2s ease-out forwards; }

.percent55.start {
  width: 0%;
  -webkit-animation: percent55  2s ease-out forwards;
  -moz-animation: percent55  2s ease-out forwards;
  -ms-animation: percent55  2s ease-out forwards;
  -o-animation: percent55  2s ease-out forwards;
  animation: percent55  2s ease-out forwards; }

.percent60.start {
  width: 0%;
  -webkit-animation: percent60  2s ease-out forwards;
  -moz-animation: percent60  2s ease-out forwards;
  -ms-animation: percent60  2s ease-out forwards;
  -o-animation: percent60  2s ease-out forwards;
  animation: percent60  2s ease-out forwards; }

.percent65.start {
  width: 0%;
  -webkit-animation: percent65  2s ease-out forwards;
  -moz-animation: percent65  2s ease-out forwards;
  -ms-animation: percent65  2s ease-out forwards;
  -o-animation: percent65  2s ease-out forwards;
  animation: percent65  2s ease-out forwards; }

.percent70.start {
  width: 0%;
  -webkit-animation: percent70  2s ease-out forwards;
  -moz-animation: percent70  2s ease-out forwards;
  -ms-animation: percent70  2s ease-out forwards;
  -o-animation: percent70  2s ease-out forwards;
  animation: percent70  2s ease-out forwards; }

.percent75.start {
  width: 0%;
  -webkit-animation: percent75  2s ease-out forwards;
  -moz-animation: percent75  2s ease-out forwards;
  -ms-animation: percent75  2s ease-out forwards;
  -o-animation: percent75  2s ease-out forwards;
  animation: percent75  2s ease-out forwards; }

.percent80.start {
  width: 0%;
  -webkit-animation: percent80  2s ease-out forwards;
  -moz-animation: percent80  2s ease-out forwards;
  -ms-animation: percent80  2s ease-out forwards;
  -o-animation: percent80  2s ease-out forwards;
  animation: percent80  2s ease-out forwards; }

.percent85.start {
  width: 0%;
  -webkit-animation: percent85  2s ease-out forwards;
  -moz-animation: percent85  2s ease-out forwards;
  -ms-animation: percent85  2s ease-out forwards;
  -o-animation: percent85  2s ease-out forwards;
  animation: percent85  2s ease-out forwards; }

.percent90.start {
  width: 0%;
  -webkit-animation: percent90  2s ease-out forwards;
  -moz-animation: percent90  2s ease-out forwards;
  -ms-animation: percent90  2s ease-out forwards;
  -o-animation: percent90  2s ease-out forwards;
  animation: percent90  2s ease-out forwards; }

.percent95.start {
  width: 0%;
  -webkit-animation: percent95  2s ease-out forwards;
  -moz-animation: percent95  2s ease-out forwards;
  -ms-animation: percent95  2s ease-out forwards;
  -o-animation: percent95  2s ease-out forwards;
  animation: percent95  2s ease-out forwards; }

.percent100 {
  width: 0%;
  -webkit-animation: percent100  2s ease-out forwards;
  -moz-animation: percent100  2s ease-out forwards;
  -ms-animation: percent100  2s ease-out forwards;
  -o-animation: percent100  2s ease-out forwards;
  animation: percent100  2s ease-out forwards; }

@-moz-keyframes percent5 {
  0% {
    width: 0px; }
  100% {
    width: 5%; } }
@-moz-keyframes percent10 {
  0% {
    width: 0px; }
  100% {
    width: 10%; } }
@-moz-keyframes percent15 {
  0% {
    width: 0px; }
  100% {
    width: 15%; } }
@-moz-keyframes percent20 {
  0% {
    width: 0px; }
  100% {
    width: 20%; } }
@-moz-keyframes percent25 {
  0% {
    width: 0px; }
  100% {
    width: 25%; } }
@-moz-keyframes percent30 {
  0% {
    width: 0px; }
  100% {
    width: 30%; } }
@-moz-keyframes percent35 {
  0% {
    width: 0px; }
  100% {
    width: 35%; } }
@-moz-keyframes percent40 {
  0% {
    width: 0px; }
  100% {
    width: 40%; } }
@-moz-keyframes percent45 {
  0% {
    width: 0px; }
  100% {
    width: 45%; } }
@-moz-keyframes percent50 {
  0% {
    width: 0px; }
  100% {
    width: 50%; } }
@-moz-keyframes percent55 {
  0% {
    width: 0px; }
  100% {
    width: 55%; } }
@-moz-keyframes percent60 {
  0% {
    width: 0px; }
  100% {
    width: 60%; } }
@-moz-keyframes percent65 {
  0% {
    width: 0px; }
  100% {
    width: 65%; } }
@-moz-keyframes percent70 {
  0% {
    width: 0px; }
  100% {
    width: 70%; } }
@-moz-keyframes percent75 {
  0% {
    width: 0px; }
  100% {
    width: 75%; } }
@-moz-keyframes percent80 {
  0% {
    width: 0px; }
  100% {
    width: 80%; } }
@-moz-keyframes percent85 {
  0% {
    width: 0px; }
  100% {
    width: 85%; } }
@-moz-keyframes percent90 {
  0% {
    width: 0px; }
  100% {
    width: 90%; } }
@-moz-keyframes percent95 {
  0% {
    width: 0px; }
  100% {
    width: 95%; } }
@-moz-keyframes percent100 {
  0% {
    width: 0px; }
  100% {
    width: 100%; } }
@-webkit-keyframes percent5 {
  0% {
    width: 0px; }
  100% {
    width: 5%; } }
@-webkit-keyframes percent10 {
  0% {
    width: 0px; }
  100% {
    width: 10%; } }
@-webkit-keyframes percent15 {
  0% {
    width: 0px; }
  100% {
    width: 15%; } }
@-webkit-keyframes percent20 {
  0% {
    width: 0px; }
  100% {
    width: 20%; } }
@-webkit-keyframes percent25 {
  0% {
    width: 0px; }
  100% {
    width: 25%; } }
@-webkit-keyframes percent30 {
  0% {
    width: 0px; }
  100% {
    width: 30%; } }
@-webkit-keyframes percent35 {
  0% {
    width: 0px; }
  100% {
    width: 35%; } }
@-webkit-keyframes percent40 {
  0% {
    width: 0px; }
  100% {
    width: 40%; } }
@-webkit-keyframes percent45 {
  0% {
    width: 0px; }
  100% {
    width: 45%; } }
@-webkit-keyframes percent50 {
  0% {
    width: 0px; }
  100% {
    width: 50%; } }
@-webkit-keyframes percent55 {
  0% {
    width: 0px; }
  100% {
    width: 55%; } }
@-webkit-keyframes percent60 {
  0% {
    width: 0px; }
  100% {
    width: 60%; } }
@-webkit-keyframes percent65 {
  0% {
    width: 0px; }
  100% {
    width: 65%; } }
@-webkit-keyframes percent70 {
  0% {
    width: 0px; }
  100% {
    width: 70%; } }
@-webkit-keyframes percent75 {
  0% {
    width: 0px; }
  100% {
    width: 75%; } }
@-webkit-keyframes percent80 {
  0% {
    width: 0px; }
  100% {
    width: 80%; } }
@-webkit-keyframes percent85 {
  0% {
    width: 0px; }
  100% {
    width: 85%; } }
@-webkit-keyframes percent90 {
  0% {
    width: 0px; }
  100% {
    width: 90%; } }
@-webkit-keyframes percent95 {
  0% {
    width: 0px; }
  100% {
    width: 95%; } }
@-webkit-keyframes percent100 {
  0% {
    width: 0px; }
  100% {
    width: 100%; } }
.ui-accordion {
  width: 99%; }
  .ui-accordion h3 {
    cursor: pointer;
    margin-bottom: 0;
    padding: 10px 20px 10px 10px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #030303;
    border: 1px solid #030303;
    margin-top: 10px;
    font-size: 25px;
    font-size: 2.5rem; }
    .ui-accordion h3 span.ui-icon.fa {
      margin-top: 5px;
      display: inline-block;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 15px;
      right: 15px;
      text-align: center;
      line-height: 20px; }
      .ui-accordion h3 span.ui-icon.fa:before {
        font-size: 30px;
        font-size: 3rem; }
    .ui-accordion h3:hover {
      color: #000; }
      .ui-accordion h3:hover span.ui-icon.fa {
        color: #2d4e9a; }
  .ui-accordion .ui-accordion-content {
    padding: 10px 10px 20px;
    text-align: justify;
    border: 1px solid #030303;
    color: #848484;
    font-size: 18px;
    font-size: 1.8rem; }
  .ui-accordion .ui-accordion-header-active {
    color: #2d4e9a;
    border-bottom: 0; }
  .ui-accordion .ui-accordion-header:hover {
    cursor: pointer;
    color: #2d4e9a; }
  .ui-accordion .ui-accordion-content-active {
    border-top: 0;
    margin: 0; }

.accordion-row h3.widget-title {
  overflow: hidden;
  position: relative;
  margin-bottom: 40px; }
  .accordion-row h3.widget-title span {
    display: inline-block;
    padding-right: 20px;
    z-index: 1;
    background-color: #fff; }
  .accordion-row h3.widget-title:after {
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    border-top: 1px solid #d7d7d7;
    width: 100%;
    height: 1px; }

.widget_recent-work-widget {
  	/*ul.flex-direction-nav {
  
  		li {
  			border: 0 !important;
  			padding: 0;
  		}
  
  		a {
  			opacity: 1;
  			margin: 0;
  			@include size(40px, 40px);
  			line-height: 50px;
  			color: $white;
  			text-shadow: 0 0 0;
  			font-size: 0;
  			text-align: center;
  			top: auto !important;
  			bottom: 25px;
  			background-color: $primary;
  			overflow: visible;
  			&:before {
  				font-size: 14px;
  			}
  			&:hover {
  				color: $white;
  				background-color: $c2;
  				&:after {
  					border-top-color: $c2;
  				}				
  			}			
  		}
  
  		a.flex-prev {
  			left: auto !important;
  			right: 100px !important;
  			&:after {
  			  left: 0;
  			  right: auto;
  			  bottom: -24px;
  			  content: "";
  			  border-width: 12px 12px 12px 0;
  			  @include transition(all, 0.5s, ease);			
  			}			
  		}
  
  		a.flex-next {
  			right: 50px !important;
  		}
  	}*/ }
  .widget_recent-work-widget .recent_work_overlay {
    display: none; }
  .widget_recent-work-widget .flex-direction-nav a {
    opacity: 1; }
  .widget_recent-work-widget ul#portfolio li {
    margin: .5%;
    width: 32.3% !important; }
  .widget_recent-work-widget h3 {
    text-align: center;
    font-size: 40px;
    font-size: 4rem;
    color: #fff;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 50px; }
    .widget_recent-work-widget h3:after {
      background-color: #fff !important; }
  .widget_recent-work-widget h4 {
    display: none; }
  .widget_recent-work-widget .recent-work,
  .widget_recent-work-widget .work {
    position: relative; }
  .widget_recent-work-widget .widget-title {
    margin-bottom: 25px; }
  .widget_recent-work-widget img {
    width: 100%;
    display: block; }
  .widget_recent-work-widget .img-wrap {
    position: relative;
    overflow: hidden; }
    .widget_recent-work-widget .img-wrap img {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
  .widget_recent-work-widget .overlay_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .widget_recent-work-widget .overlay_icon a {
      width: 30px;
      height: 30px;
      background-color: #030303;
      text-align: center;
      line-height: 30px;
      display: inline-block;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      position: relative;
      opacity: 0;
      filter: alpha(opacity=0);
      top: 47%; }
      .widget_recent-work-widget .overlay_icon a i {
        color: #fff; }
    .widget_recent-work-widget .overlay_icon a.icon-zoom {
      left: 45%; }
    .widget_recent-work-widget .overlay_icon a.icon-link {
      left: 46%; }
  .widget_recent-work-widget .work:hover .recent_work_overlay {
    background-color: rgba(45, 78, 154, 0.5); }
    .widget_recent-work-widget .work:hover .recent_work_overlay h4 {
      top: 30%;
      opacity: 1;
      filter: alpha(opacity=100); }
      .widget_recent-work-widget .work:hover .recent_work_overlay h4 a {
        color: #fff; }
        .widget_recent-work-widget .work:hover .recent_work_overlay h4 a:hover {
          color: #000; }
    .widget_recent-work-widget .work:hover .recent_work_overlay .icon-link {
      background-color: #030303;
      opacity: 1;
      filter: alpha(opacity=100); }
      .widget_recent-work-widget .work:hover .recent_work_overlay .icon-link i {
        color: #fff; }
      .widget_recent-work-widget .work:hover .recent_work_overlay .icon-link:after {
        border-top-color: #030303; }
  .widget_recent-work-widget .img-wrap:hover .overlay_icon a {
    opacity: 1;
    filter: alpha(opacity=100); }
    .widget_recent-work-widget .img-wrap:hover .overlay_icon a:hover {
      background-color: #2d4e9a; }
  .widget_recent-work-widget .img-wrap:hover img {
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0.5;
    filter: alpha(opacity=50); }

.recent-work {
  overflow: hidden;
  padding: 20px 0 100px; }
  .recent-work .flex-viewport {
    overflow: visible !important; }

#filters {
  padding: 10px;
  padding-bottom: 0;
  min-height: 50px;
  clear: both;
  text-align: center;
  margin-bottom: 30px; }
  #filters ul.filter-options {
    margin: 0;
    list-style-type: none;
    text-align: center;
    width: 100%; }
    #filters ul.filter-options li {
      margin: 0 0.5em;
      display: inline; }
      #filters ul.filter-options li a {
        display: inline-block;
        padding: .4em 1em;
        color: #030303;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid transparent;
        font-size: 14px;
        font-size: 1.4rem; }
      #filters ul.filter-options li a:hover,
      #filters ul.filter-options li a.selected {
        border-color: #030303; }

.wide-pattern-black #filters ul.filter-options li a {
  color: #fff; }
.wide-pattern-black #filters ul.filter-options li a:hover,
.wide-pattern-black #filters ul.filter-options li a.selected {
  border-color: #fff; }

.widget_recent-posts-widget {
  position: relative; }
  .widget_recent-posts-widget .flex-direction-nav a {
    opacity: 1; }
  .widget_recent-posts-widget .flex-control-nav {
    bottom: 0;
    display: none; }
  .widget_recent-posts-widget h3.widget-title {
    overflow: hidden;
    position: relative;
    margin-bottom: 40px; }
    .widget_recent-posts-widget h3.widget-title span {
      display: inline-block;
      padding-right: 20px;
      z-index: 1;
      background-color: #fff; }
    .widget_recent-posts-widget h3.widget-title:after {
      position: absolute;
      top: 50%;
      right: 0;
      content: "";
      border-top: 1px solid #d7d7d7;
      width: 100%;
      height: 1px; }
  .widget_recent-posts-widget .recent-post .post-img-wrap {
    width: 30%;
    float: left; }
  .widget_recent-posts-widget .recent-post .post-title {
    position: relative;
    padding: 10px;
    float: right;
    width: 68%; }
    .widget_recent-posts-widget .recent-post .post-title h5 {
      text-transform: uppercase;
      margin: 0; }
      .widget_recent-posts-widget .recent-post .post-title h5 a {
        color: #030303; }
        .widget_recent-posts-widget .recent-post .post-title h5 a:hover {
          color: #2d4e9a; }
    .widget_recent-posts-widget .recent-post .post-title p.fa span {
      padding-left: 10px; }
  .widget_recent-posts-widget .recent-post span.fa {
    color: #fff; }
    .widget_recent-posts-widget .recent-post span.fa:before {
      font-size: 20px;
      font-size: 2rem; }
  .widget_recent-posts-widget img {
    margin: 0; }
  .widget_recent-posts-widget .flex-recent-posts {
    position: relative; }
    .widget_recent-posts-widget .flex-recent-posts li {
      width: 100%;
      margin: 0 0 25px 0;
      min-height: 150px; }

.widget_recent-posts ul {
  margin-left: 0; }
  .widget_recent-posts ul li {
    list-style-type: none;
    position: relative;
    padding: 8px 18px !important; }
    .widget_recent-posts ul li:before {
      position: absolute;
      top: 10px;
      left: 0;
      content: "\f105";
      @incude font-size(1.4);
      font-family: 'FontAwesome'; }

ul#portfolio {
  margin-left: 0;
  list-style-type: none; }

.portfolioeffects {
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px; }
  .portfolioeffects .portfolio_thumb {
    overflow: hidden; }
    .portfolioeffects .portfolio_thumb img {
      display: block;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
  .portfolioeffects .content-details {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0%;
    text-align: center;
    background-color: rgba(3, 3, 3, 0.2);
    -webkit-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; }
    .portfolioeffects .content-details h3 {
      margin-bottom: 0;
      padding: 50px 20px;
      padding-bottom: 0;
      text-shadow: 1px 1px 1px #000;
      position: relative; }
      .portfolioeffects .content-details h3 a {
        color: #fff; }
    .portfolioeffects .content-details p {
      color: #fff;
      padding: 0 30px; }
    .portfolioeffects .content-details p,
    .portfolioeffects .content-details h3 {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      opacity: 0;
      filter: alpha(opacity=0);
      font-size: 0px;
      font-size: 0rem; }
  .portfolioeffects .portfolio_link_icons a {
    position: absolute;
    text-align: center;
    display: block;
    color: #fff;
    padding: 2px 8px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: #2d4e9a;
    width: 30px;
    height: 30px;
    bottom: -50px;
    opacity: 0;
    filter: alpha(opacity=0); }
    .portfolioeffects .portfolio_link_icons a i:before {
      font-size: 12px;
      font-size: 1.2rem; }
  .portfolioeffects .portfolio_link_icons a.icon-zoom {
    left: 0; }
  .portfolioeffects .portfolio_link_icons a.icon-link {
    right: 0; }
  .portfolioeffects:hover .content-details {
    background-color: rgba(45, 78, 154, 0.4);
    height: 50%;
    bottom: 0; }
    .portfolioeffects:hover .content-details .portfolio_link_icons a {
      opacity: 1;
      filter: alpha(opacity=100);
      bottom: 0; }
      .portfolioeffects:hover .content-details .portfolio_link_icons a:hover {
        background-color: #030303; }
        .portfolioeffects:hover .content-details .portfolio_link_icons a:hover:after {
          border-top-color: #030303; }
    .portfolioeffects:hover .content-details p,
    .portfolioeffects:hover .content-details h3 {
      opacity: 1;
      font-size: 16px;
      font-size: 1.6rem; }
      .portfolioeffects:hover .content-details p a:hover,
      .portfolioeffects:hover .content-details h3 a:hover {
        color: #030303; }
    .portfolioeffects:hover .content-details h3 {
      font-size: 30px;
      font-size: 3rem; }
  .portfolioeffects:hover .portfolio_thumb img {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4); }

.portfolio-excerpt {
  margin: 15px;
  position: relative; }
  .portfolio-excerpt p.portfolio-readmore {
    text-align: right; }

.portfolio-readmore {
  margin-top: 15px; }

.flexslider {
  border: 0 !important;
  margin-bottom: 0;
  -webkit-box-shadow: inset 0 0 0 transparent !important;
  -moz-box-shadow: inset 0 0 0 transparent !important;
  box-shadow: inset 0 0 0 transparent !important;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  background: transparent !important; }
  .flexslider .slides > li {
    position: relative; }
  .flexslider .flex-control-paging {
    text-align: right;
    top: 0;
    height: 50px;
    z-index: 2; }
    .flexslider .flex-control-paging li a {
      border-color: #030303;
      background-color: #fff;
      font-size: 0;
      -webkit-box-shadow: 0 0 0;
      moz-box-shadow: 0 0 0;
      box-shadow: 0 0 0;
      border: 2px solid #030303;
      width: 14px;
      height: 14px; }
    .flexslider .flex-control-paging li a.flex-active,
    .flexslider .flex-control-paging li a:hover {
      background-color: #2d4e9a; }
  .flexslider:hover .flex-direction-nav a.flex-prev {
    left: 50px !important;
    background-color: rgba(0, 0, 0, 0.8); }
  .flexslider:hover .flex-direction-nav a.flex-next {
    right: 50px !important;
    background-color: rgba(0, 0, 0, 0.8); }
  .flexslider .flex-caption {
    position: absolute;
    color: #fff;
    left: 0;
    text-align: center;
    bottom: 0px;
    padding: 25px 0px;
    color: #fff;
    width: 100%;
    text-shadow: 2px 2px 5px #333;
    background-color: rgba(37, 37, 37, 0.5); }
    .flexslider .flex-caption h1, .flexslider .flex-caption h2, .flexslider .flex-caption h3, .flexslider .flex-caption h4, .flexslider .flex-caption h5, .flexslider .flex-caption h6, .flexslider .flex-caption p, .flexslider .flex-caption ul {
      margin: 0 0 10px;
      padding: 0 30px;
      color: #fff;
      text-align: center; }
    .flexslider .flex-caption a {
      padding: 7px 20px;
      display: inline-block;
      background-color: rgba(45, 78, 154, 0.5);
      color: #fff;
      text-shadow: 0 0 0 transparent; }
      .flexslider .flex-caption a:hover {
        background: rgba(3, 3, 3, 0.5); }

.flex-direction-nav a {
  margin: 0;
  text-align: center;
  top: 45%;
  width: 70px;
  height: 70px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 100px;
  border-radius: 100px;
  font-size: 0px;
  font-size: 0rem;
  line-height: 70px;
  border: 1px solid #fff;
  background: transparent !important; }
  .flex-direction-nav a:before {
    line-height: 70px; }
  .flex-direction-nav a:hover {
    background: #fff !important; }
.flex-direction-nav a:before {
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
.flex-direction-nav a:hover:before {
  color: #030303; }
.flex-direction-nav a.flex-next {
  right: 0 !important;
  text-align: center; }
.flex-direction-nav a.flex-prev {
  left: 0 !important; }

.widget .ei-slider-thumbs li, .ei-slider-thumbs li {
  list-style: none !important; }

.widget_flexslider-widget {
  position: relative; }
  .widget_flexslider-widget .flexcarousel {
    margin: 0 30px; }
    .widget_flexslider-widget .flexcarousel ul {
      padding: 0px; }
      .widget_flexslider-widget .flexcarousel ul li {
        border: 0;
        text-align: center; }
    .widget_flexslider-widget .flexcarousel .flex-direction-nav a {
      top: 25%;
      opacity: 1;
      width: 40px;
      height: 40px;
      color: #fff;
      line-height: 40px; }
      .widget_flexslider-widget .flexcarousel .flex-direction-nav a:before {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 40px; }
    .widget_flexslider-widget .flexcarousel .flex-control-nav li a {
      background: #fff; }
    .widget_flexslider-widget .flexcarousel .flex-control-nav li .flex-active {
      background: #2d4e9a; }

.breadcrumb-wrap {
  background: url("../images/bg-repeat-pattern2.png") repeat left top;
  padding: 20px 0 30px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7; }
  .breadcrumb-wrap #breadcrumb {
    text-align: center; }
    .breadcrumb-wrap #breadcrumb #crumbs {
      padding: 10px 0 0;
      color: #000; }
    .breadcrumb-wrap #breadcrumb a {
      color: #2d4e9a;
      font-family: "Raleway", sans-serif;
      font-size: 14px;
      font-size: 1.4rem; }
      .breadcrumb-wrap #breadcrumb a:hover {
        color: #000; }
    .breadcrumb-wrap #breadcrumb .fa.fa-home:before {
      font-size: 20px;
      font-size: 2rem; }
    .breadcrumb-wrap #breadcrumb span {
      margin-left: 8px;
      margin-right: 8px;
      font-family: "Raleway", sans-serif;
      font-size: 14px;
      font-size: 1.4rem; }
      .breadcrumb-wrap #breadcrumb span:first-child {
        margin-left: 0; }

.breadcrumb {
  margin-bottom: 0; }
  .breadcrumb .entry-header {
    text-align: center;
    margin-bottom: 0; }
    .breadcrumb .entry-header h1 {
      margin-bottom: 0;
      text-transform: none; }

.hr_solid,
.hr_default {
  clear: both;
  margin: 30px 0;
  border: 0;
  height: 1px;
  background: #d7d7d7; }

.hr_fancy {
  height: 5px;
  margin: 30px 0;
  background: url("../images/divider1.png") repeat-x left top; }

.hr_fancy2 {
  height: 5px;
  margin: 30px 0;
  position: relative;
  background: url("../images/divider2.png") repeat-x left top; }

.hr_shadow {
  height: 12px;
  border: 0;
  -webkit-box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
  margin: 30px 0; }

.hr_dashed {
  border: 0;
  border-bottom: 2px dashed #606060;
  margin: 30px 0; }

.hr_dotted {
  border: 0;
  border-top: 2px dotted #606060;
  margin: 30px 0; }

.btn,
.widget_button-widget .btn {
  display: inline-block;
  padding: 5px 15px;
  text-align: center;
  cursor: pointer;
  outline: none; }

.btn {
  padding: 12px 20px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 5px;
  border-radius: 5px; }
  .btn:hover {
    background-color: #030303; }

.widget a.btn,
a.btn,
.widget_button-widget a.btn
.widget a.btn:hover
a.btn:hover,
.widget_button-widget a.btn:hover {
  color: #fff; }

.btn,
.widget_button-widget a.btn.btn {
  background: #2d4e9a; }
  .btn:hover,
  .widget_button-widget a.btn.btn:hover {
    background: #030303; }

.widget_button-widget a.btn.light-blue,
.btn-info {
  background: #4283D5; }
  .widget_button-widget a.btn.light-blue:hover,
  .btn-info:hover {
    background: #1664C1; }

.btn-primary,
.widget_button-widget a.btn.blue {
  background: #0045CC; }
  .btn-primary:hover,
  .widget_button-widget a.btn.blue:hover {
    background: #254A8F; }

.btn-danger,
.widget_button-widget a.btn.red {
  background: #C04935; }
  .btn-danger:hover,
  .widget_button-widget a.btn.red:hover {
    background: #A42612; }

.btn-warning,
.widget_button-widget a.btn.yellow {
  background-color: #F19504; }
  .btn-warning:hover,
  .widget_button-widget a.btn.yellow:hover {
    background: #C27400; }

.btn-success,
.widget_button-widget a.btn.green {
  background: #87D37B; }
  .btn-success:hover,
  .widget_button-widget a.btn.green:hover {
    background: #51B041; }

.btn-inverse,
.widget_button-widget a.btn.black {
  background-color: #000; }
  .btn-inverse:hover,
  .widget_button-widget a.btn.black:hover {
    background-color: #606060; }

.btn-mini,
.widget_button-widget .btn.mini {
  padding: 2px 8px;
  font-size: 12px; }

.btn-small,
.widget_button-widget .btn.small {
  padding: 4px 12px;
  font-size: 14px; }

.btn-large,
.widget_button-widget .btn.large {
  padding: 12px 20px;
  font-size: 20px; }

.dropcap {
  float: left;
  padding: 0 5px;
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1;
  margin-right: 10px;
  color: #2d4e9a; }

.dropcap-default {
  text-shadow: 1px 1px 0 #fff, 2px 2px 0 #fff; }

.dropcap-circle {
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 10px 15px;
  border: 2px solid #fff; }

.dropcap-box {
  padding: 5px 15px;
  border: 5px solid #2d4e9a; }

.dropcap-circle,
.dropcap-box {
  color: #fff;
  background-color: #2d4e9a; }

.dropcap-book {
  color: #fff;
  padding: 5px 15px;
  background: #854240;
  /* Old browsers */
  background: -moz-linear-gradient(top, #854240 0%, #bc3324 99%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #854240), color-stop(99%, #bc3324));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #854240 0%, #bc3324 99%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #854240 0%, #bc3324 99%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #854240 0%, #bc3324 99%);
  /* IE10+ */
  background: linear-gradient(to bottom, #854240 0%, #bc3324 99%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#854240', endColorstr='#bc3324',GradientType=0 );
  /* IE6-9 */
  text-shadow: 2px 2px 2px #000;
  border: 1px solid #81152D; }

.entry-content blockquote p {
  font-weight: 400;
  font-size: 1.3em;
  margin-bottom: .5em; }

.pullnone {
  position: relative;
  margin: 0;
  margin-bottom: 20px;
  margin-top: 30px;
  padding: 20px;
  background-color: #2d4e9a;
  color: #fff;
  display: block; }
  .pullnone:before {
    position: absolute;
    content: "\f10d";
    font-size: 18px;
    font-size: 1.8rem;
    font-family: 'FontAwesome';
    left: 47%;
    top: -25px;
    background-color: #2d4e9a;
    padding: 0 6px;
    color: #fff;
    padding: 0 20px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    width: 60px; }

.pullleft,
.pullright {
  width: 50%;
  padding: 20px;
  position: relative;
  margin-right: 25px;
  background-color: #2d4e9a;
  color: #fff;
  margin-top: 30px;
  margin-bottom: 15px; }
  .pullleft:before,
  .pullright:before {
    position: absolute;
    content: "\f10d";
    font-size: 18px;
    font-size: 1.8rem;
    font-family: 'FontAwesome';
    left: 42%;
    top: -25px;
    background-color: #2d4e9a;
    padding: 0 6px;
    color: #fff;
    padding: 0 20px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    width: 60px; }
  .pullleft p,
  .pullright p {
    margin-bottom: 0;
    font-size: 20px;
    font-size: 2rem;
    padding: 20px;
    color: #fff; }

.pullright {
  float: right;
  margin-left: 20px;
  margin-right: 0; }

.pullleft {
  float: left; }

.toggle .close {
  display: none; }
.toggle .open {
  display: block; }
.toggle .toggle-title {
  padding: 10px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-bottom: 0;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  border: 1px solid #030303;
  font-family: "Raleway", sans-serif;
  color: #000;
  font-weight: 700; }
  .toggle .toggle-title .icn {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: absolute;
    top: -10px;
    right: 0;
    display: inline-block;
    width: 6%;
    height: 100%;
    text-align: center; }
    .toggle .toggle-title .icn .fa:before {
      font-size: 30px;
      font-size: 3rem;
      padding-top: 15px;
      display: block;
      color: #030303; }
.toggle .toggle-title:hover {
  color: #2d4e9a; }
.toggle .toggle-content {
  padding: 10px;
  border: 1px solid #030303;
  border-top: 0; }
  .toggle .toggle-content p {
    margin-bottom: 0; }

.image-widget .image-widget-overlay {
  display: none; }

.withtip {
  position: relative; }

.withtip:before,
.withtip:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none; }

.withtip:before {
  position: absolute;
  padding: 7px;
  content: attr(title);
  text-align: center;
  width: 100%; }

.withtip:after {
  position: absolute;
  width: 0;
  content: " ";
  font-size: 0;
  line-height: 0; }

.withtip:hover:before,
.withtip:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.withtip.top:before {
  bottom: 80%;
  left: 50%;
  margin-bottom: 4px;
  margin-left: -40px; }

.withtip.top:after {
  bottom: 80%;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent; }

.withtip.right:before {
  top: 50%;
  left: 102%;
  margin-top: -17px; }

.withtip.right:after {
  top: 5px;
  left: 102%;
  margin-left: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; }

.withtip.bottom:before {
  top: 150%;
  left: 50%;
  margin-top: 5px;
  margin-left: -40px;
  z-index: 100; }

.withtip.bottom:after {
  top: 150%;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  z-index: 100; }

.withtip.left:before {
  top: 50%;
  right: 102%;
  margin-top: -17px; }

.withtip.left:after {
  top: 5px;
  right: 102%;
  margin-right: -4px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; }

[data-toggle]:before,
[data-toggle]:after,
.withtip:before,
.withtip:after {
  transform: translate3d(0px, 0px, 0px);
  transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24) 0s; }

[data-toggle]:hover:before,
[data-toggle]:hover:after,
[data-toggle]:focus:before,
[data-toggle]:focus:after,
.withtip:hover:before,
.withtip:hover:after,
.withtip:focus:before,
.withtip:focus:after,
.withtip.top:hover:before,
.withtip.top:hover:after,
.withtip.top:focus:before,
.withtip.top:focus:after {
  transform: translateY(-12px); }

.withtip.left:hover:before,
.withtip.left:hover:after,
.withtip.left:focus:before,
.withtip.left:focus:after {
  transform: translateX(-12px); }

.withtip-bottom:hover:before,
.withtip-bottom:hover:after,
.withtip-bottom:focus:before,
.withtip-bottom:focus:after {
  transform: translateY(12px); }

.withtip.right:hover:before,
.withtip.right:hover:after,
.withtip.right:focus:before,
.withtip.right:focus:after {
  transform: translateX(12px); }

.withtip:before {
  background-color: #2d4e9a;
  color: #fff; }

.withtip.top:after {
  border-top: 5px solid #2d4e9a; }

.withtip.right:after {
  border-right: 5px solid #2d4e9a; }

.withtip.bottom:after {
  border-bottom: 5px solid #2d4e9a; }

.withtip.left:after {
  border-left: 5px solid #2d4e9a; }

.circle-icon-box {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  border: 1px solid #d7d7d7;
  padding-top: 20px; }
  .circle-icon-box:after {
    position: absolute;
    content: "";
    height: 10px;
    width: 100%;
    background-color: #2d4e9a;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: -1; }
  .circle-icon-box .icon-wrapper {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-align: center; }
    .circle-icon-box .icon-wrapper p.fa-stack {
      display: black;
      @inlucde position(relative);
      width: 1.5em;
      height: 1.5em;
      line-height: 1.5em;
      margin-bottom: 15px; }
      .circle-icon-box .icon-wrapper p.fa-stack i {
        color: #030303;
        @inlucde position(static);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
  .circle-icon-box .service {
    padding: 10px 30px;
    text-align: center; }
    .circle-icon-box .service p.text, .circle-icon-box .service h4 {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      margin-bottom: 40px; }
    .circle-icon-box .service .text {
      display: none; }
    .circle-icon-box .service p.text {
      line-height: 1.7;
      font-size: 13px;
      font-size: 1.3rem; }
    .circle-icon-box .service h4 {
      font-size: 20px;
      font-size: 2rem; }
  .circle-icon-box:hover:after {
    height: 100%; }
  .circle-icon-box:hover .text {
    display: block; }
  .circle-icon-box:hover h4 {
    margin-bottom: 15px; }
  .circle-icon-box:hover .icon-wrapper p.fa-stack {
    height: 1em; }
    .circle-icon-box:hover .icon-wrapper p.fa-stack i {
      color: #fff;
      font-size: 40px; }
  .circle-icon-box:hover .service h4, .circle-icon-box:hover .service p {
    color: #fff; }
  .circle-icon-box .more-button {
    text-align: center;
    margin-bottom: 0; }
    .circle-icon-box .more-button a {
      border: none;
      padding: 6px 10px;
      display: inline-block;
      outline: none;
      background-color: #000;
      color: #fff;
      font-size: 14px;
      font-size: 1.4rem;
      position: relative; }
      .circle-icon-box .more-button a:hover {
        background-color: #fff;
        color: #030303; }
        .circle-icon-box .more-button a:hover:after {
          border-top-color: #fff !important; }

.icon-circle p.fa-stack:after {
  width: 30% !important;
  left: 35% !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
.icon-circle:hover p.fa-stack:after {
  display: none; }
.icon-circle .service p {
  margin-bottom: 1.5em !important; }

.circle-icon-box:hover.icon-polygon .icon-wrapper {
  border-color: transparent;
  background: transparent; }

.icon-polygon .icon-wrapper {
  margin-bottom: 12px;
  border: none; }
  .icon-polygon .icon-wrapper p.fa-stack {
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    border-right: 2px solid #2d4e9a;
    border-left: 2px solid #2d4e9a;
    position: relative;
    z-index: 0;
    margin: 37px 10px; }
    .icon-polygon .icon-wrapper p.fa-stack i {
      border-radius: 0;
      border: none; }
      .icon-polygon .icon-wrapper p.fa-stack i:hover {
        background: none; }
      .icon-polygon .icon-wrapper p.fa-stack i:after {
        display: none; }
  .icon-polygon .icon-wrapper p.fa-stack,
  .icon-polygon .icon-wrapper p.fa-stack:before,
  .icon-polygon .icon-wrapper p.fa-stack:after {
    border-style: solid;
    border-color: #2d4e9a;
    border-width: 2px;
    border-top: none;
    border-bottom: none; }
  .icon-polygon .icon-wrapper p.fa-stack:after,
  .icon-polygon .icon-wrapper p.fa-stack:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    z-index: -1; }
  .icon-polygon .icon-wrapper p.fa-stack:before {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg); }
  .icon-polygon .icon-wrapper p.fa-stack:after {
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg); }
  .icon-polygon .icon-wrapper p.fa-stack,
  .icon-polygon .icon-wrapper p.fa-stack:before,
  .icon-polygon .icon-wrapper p.fa-stack:after {
    line-height: 34px;
    height: 34px;
    width: 60px; }
  .icon-polygon .icon-wrapper p.fa-stack.fa-5x,
  .icon-polygon .icon-wrapper p.fa-stack.fa-5x:before,
  .icon-polygon .icon-wrapper p.fa-stack.fa-5x:after {
    line-height: 80px;
    height: 80px;
    width: 140px; }
  .icon-polygon .icon-wrapper p.fa-stack.fa-4x,
  .icon-polygon .icon-wrapper p.fa-stack.fa-4x:before,
  .icon-polygon .icon-wrapper p.fa-stack.fa-4x:after {
    line-height: 70px;
    height: 70px;
    width: 120px; }
  .icon-polygon .icon-wrapper p.fa-stack.fa-3x,
  .icon-polygon .icon-wrapper p.fa-stack.fa-3x:before,
  .icon-polygon .icon-wrapper p.fa-stack.fa-3x:after {
    line-height: 60px;
    height: 60px;
    width: 105px; }
  .icon-polygon .icon-wrapper p.fa-stack.fa-2x,
  .icon-polygon .icon-wrapper p.fa-stack.fa-2x:before,
  .icon-polygon .icon-wrapper p.fa-stack.fa-2x:after {
    line-height: 50px;
    height: 50px;
    width: 88px; }
  .icon-polygon .icon-wrapper p.fa-stack.fa-1x,
  .icon-polygon .icon-wrapper p.fa-stack.fa-1x:before,
  .icon-polygon .icon-wrapper p.fa-stack.fa-1x:after {
    line-height: 40px;
    height: 40px;
    width: 70px; }
.icon-polygon p:hover {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }
.icon-polygon a.more-button {
  padding: 8px 20px;
  background-color: #2d4e9a; }
  .icon-polygon a.more-button:hover {
    background-color: #030303; }
.icon-polygon .service p {
  margin-bottom: 1.5em !important; }
.icon-polygon h4 {
  margin-top: 10px; }
.icon-polygon:hover p.fa-stack {
  border-left-color: #fff;
  border-right-color: #fff; }
.icon-polygon:hover .icon-wrapper .fa {
  color: #fff !important; }
.icon-polygon:hover .icon-wrapper a.more-button:hover {
  color: #fff; }
.icon-polygon:hover p.fa-stack,
.icon-polygon:hover p.fa-stack:before,
.icon-polygon:hover p.fa-stack:after {
  border-color: #fff; }
.icon-polygon:hover a.more-button {
  background: #fff; }

.icon-polygon:hover p.fa-stack {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }

.callout-widget {
  position: relative;
  padding: 5px 0; }
  .callout-widget p,
  .callout-widget h4 {
    width: 65%; }
  .callout-widget .call-btn {
    position: absolute;
    top: 35%;
    right: 0;
    width: 30%;
    height: 100%;
    padding: 0;
    margin-bottom: 0; }
  .callout-widget a {
    color: #fff;
    display: table;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 2rem;
    width: 100%;
    height: auto;
    background-color: #2d4e9a;
    padding: 10px 0;
    font-family: "Raleway", sans-serif;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 5px;
    border-radius: 5px; }
    .callout-widget a:hover {
      background-color: #030303;
      color: #fff; }

.theme-cta .callout-widget {
  position: relative;
  padding: 5px 0;
  color: #fff; }
  .theme-cta .callout-widget p,
  .theme-cta .callout-widget h4 {
    width: 65%;
    color: #fff; }
  .theme-cta .callout-widget h4 {
    font-size: 30px;
    font-size: 3rem; }
  .theme-cta .callout-widget .call-btn {
    position: absolute;
    top: 35%;
    right: 0;
    width: 30%;
    height: 100%;
    padding: 0;
    margin-bottom: 0; }
  .theme-cta .callout-widget a {
    color: #030303;
    display: table;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 2rem;
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 10px 0;
    font-family: "Raleway", sans-serif;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 5px;
    border-radius: 5px; }
    .theme-cta .callout-widget a:hover {
      background-color: #030303;
      color: #fff; }

.wide-pattern-black .widget_testimonial-widget h3 {
  color: #fff; }
  .wide-pattern-black .widget_testimonial-widget h3:after {
    background-color: #fff !important; }
.wide-pattern-black .widget_testimonial-widget .testimonial-container .testimonials {
  background-color: rgba(255, 255, 255, 0.6); }
.wide-pattern-black .widget_testimonial-widget ul.flex-direction-nav li a {
  border-color: #fff; }
  .wide-pattern-black .widget_testimonial-widget ul.flex-direction-nav li a:hover {
    border-color: #030303; }
    .wide-pattern-black .widget_testimonial-widget ul.flex-direction-nav li a:hover:before {
      color: #030303; }
.wide-pattern-black .widget_testimonial-widget ul.flex-direction-nav a:before {
  color: #fff; }
.wide-pattern-black .widget_testimonial-widget .flex-control-nav a {
  background-color: #fff; }

.widget_testimonial-widget {
  color: #fff;
  margin-bottom: 50px !important; }
  .widget_testimonial-widget h3 {
    text-align: center;
    font-size: 40px;
    font-size: 4rem;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 50px; }
  .widget_testimonial-widget .testimonial-container {
    position: relative; }
    .widget_testimonial-widget .testimonial-container .testimonials {
      width: 80%;
      margin: 0 auto;
      background-color: rgba(0, 0, 0, 0.6);
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-border-radius: 5px;
      border-radius: 5px;
      padding: 30px; }
  .widget_testimonial-widget ul.slides {
    margin-top: 0; }
  .widget_testimonial-widget .testimony-avatar {
    width: 22%;
    float: left; }
    .widget_testimonial-widget .testimony-avatar img {
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-border-radius: 100px;
      border-radius: 100px;
      border: 15px solid #fff; }
  .widget_testimonial-widget .testimony {
    width: 73%;
    float: right;
    padding-bottom: 5px; }
  .widget_testimonial-widget ul li {
    margin: 0;
    padding: 0;
    border: 0; }
    .widget_testimonial-widget ul li img {
      margin: 0 auto;
      display: block; }
    .widget_testimonial-widget ul li .client {
      line-height: 1.2;
      margin-bottom: 25px; }
      .widget_testimonial-widget ul li .client strong {
        font-size: 25px;
        font-size: 2.5rem;
        font-family: "Raleway", sans-serif;
        display: block; }
  .widget_testimonial-widget ul.flex-direction-nav li a {
    opacity: 1;
    margin: 0;
    width: 42px;
    height: 42px;
    line-height: 50px;
    border-color: #030303; }
    .widget_testimonial-widget ul.flex-direction-nav li a:hover {
      border-color: #2d4e9a; }
      .widget_testimonial-widget ul.flex-direction-nav li a:hover:before {
        color: #2d4e9a; }
  .widget_testimonial-widget ul.flex-direction-nav a.flex-prev {
    left: 0; }
  .widget_testimonial-widget ul.flex-direction-nav a.flex-next {
    right: 0; }
  .widget_testimonial-widget ul.flex-direction-nav a:before {
    line-height: 42px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #030303; }
  .widget_testimonial-widget .flex-control-nav {
    width: 75%;
    bottom: -55px; }
    .widget_testimonial-widget .flex-control-nav li {
      margin: 0 3px; }
    .widget_testimonial-widget .flex-control-nav a {
      background-color: #030303;
      -webkit-box-shadow: inset 0 0 0 transparent;
      -moz-box-shadow: inset 0 0 0 transparent;
      box-shadow: inset 0 0 0 transparent;
      width: 15px;
      height: 15px; }
    .widget_testimonial-widget .flex-control-nav a.flex-active {
      background-color: #2d4e9a; }

.single-portfolio .thumbnail img {
  display: block;
  width: 100%; }
.single-portfolio .one-third h3,
.single-portfolio .one-third h4 {
  border-bottom: 1px solid #81152D; }
.single-portfolio .one-third dt {
  border-top: 1px solid #81152D;
  padding-top: 15px; }
.single-portfolio .one-third dt:first-child {
  border-top: 0; }

.single-description {
  margin-top: 50px; }

.sep {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 10px;
  position: relative; }
  .sep:after {
    left: 0 !important;
    height: 4px !important;
    bottom: -2px !important; }

h1.tcenter,
h2.tcenter,
h3.tcenter,
h4.tcenter,
h5.tcenter {
  text-align: center; }

h1.tright,
h2.tright,
h3.tright,
h4.tright,
h5.tright {
  text-align: right; }

h1.tleft,
h2.tleft,
h3.tleft,
h4.tleft,
h5.tleft {
  text-align: left; }

.widget_stat-widget .stats-circle {
  border: 1px solid #d7d7d7;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 20px; }
  .widget_stat-widget .stats-circle .icon-wrapper {
    text-align: center; }
    .widget_stat-widget .stats-circle .icon-wrapper p {
      margin-bottom: 0; }
    .widget_stat-widget .stats-circle .icon-wrapper h5 {
      font-weight: 400;
      font-family: "Open Sans", sans-serif;
      margin-bottom: 0;
      font-size: 20px;
      font-size: 2rem; }
    .widget_stat-widget .stats-circle .icon-wrapper h4 {
      font-size: 55px;
      font-size: 5.5rem;
      color: #2d4e9a;
      margin-bottom: 5px; }
.widget_stat-widget .widget-title {
  display: none; }

.icon-left .fa-stack.fa-2x,
.icon-right .fa-stack.fa-2x, .icon-top .fa-stack.fa-2x {
  font-size: 18px;
  font-size: 1.8rem; }
.icon-left .fa-stack.fa-3x,
.icon-right .fa-stack.fa-3x, .icon-top .fa-stack.fa-3x {
  font-size: 25px;
  font-size: 2.5rem; }
.icon-left .fa-stack.fa-4x,
.icon-right .fa-stack.fa-4x, .icon-top .fa-stack.fa-4x {
  font-size: 30px;
  font-size: 3rem; }
.icon-left .fa-stack.fa-5x,
.icon-right .fa-stack.fa-5x, .icon-top .fa-stack.fa-5x {
  font-size: 35px;
  font-size: 3.5rem; }
.icon-left .icon-title,
.icon-right .icon-title, .icon-top .icon-title {
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  color: #030303;
  margin-bottom: 15px;
  padding-bottom: 15px;
  display: block;
  position: relative; }
  .icon-left .icon-title:after,
  .icon-right .icon-title:after, .icon-top .icon-title:after {
    width: 20% !important;
    left: 0 !important;
    height: 2px !important; }
.icon-left a.link-title,
.icon-left .fa-stack,
.icon-right a.link-title,
.icon-right .fa-stack, .icon-top a.link-title,
.icon-top .fa-stack {
  color: #2d4e9a; }
  .icon-left a.link-title i,
  .icon-left .fa-stack i,
  .icon-right a.link-title i,
  .icon-right .fa-stack i, .icon-top a.link-title i,
  .icon-top .fa-stack i {
    color: #030303; }
.icon-left p,
.icon-right p, .icon-top p {
  font-size: 14px;
  font-size: 1.4rem; }

.icon-left .icon-wrapper,
.icon-right .icon-wrapper {
  width: 30%;
  float: left;
  text-align: center; }
  .icon-left .icon-wrapper p,
  .icon-right .icon-wrapper p {
    margin-bottom: 0; }
  .icon-left .icon-wrapper .fa-stack,
  .icon-right .icon-wrapper .fa-stack {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 100px;
    border-radius: 100px;
    border: 2px solid #d7d7d7; }
.icon-left .service,
.icon-right .service {
  width: 65%;
  float: right; }
  .icon-left .service p,
  .icon-right .service p {
    font-size: 14px;
    font-size: 1.4rem; }

.icon-top .icon-wrapper p, .icon-top .service .icon-title {
  text-align: center; }
.icon-top .icon-wrapper .fa-stack {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 100px;
  border-radius: 100px;
  border: 2px solid #d7d7d7; }
.icon-top .service .icon-title:after {
  left: 40% !important; }
.icon-top .service .text, .icon-top .more-button {
  text-align: center; }

.icon-right .icon-wrapper {
  float: right; }
.icon-right .service {
  float: left;
  text-align: right; }
  .icon-right .service .icon-title:after {
    left: auto !important;
    right: 0 !important; }

.alert-message {
  padding: 15px 40px 15px 15px;
  margin-bottom: 15px;
  position: relative;
  color: #fff; }
  .alert-message a {
    display: block;
    position: absolute;
    top: 8px;
    right: 10px;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700; }

.success {
  background-color: #4EB73E; }

.notice {
  background-color: #de3c2f; }

.warning {
  background-color: #f19504; }

.error {
  background-color: #FF0000; }

.info {
  background-color: #2888EA; }

.related-posts ul#webulous-related-posts {
  list-style-type: none;
  margin: 0; }
  .related-posts ul#webulous-related-posts li {
    width: 24%;
    float: left;
    margin: 1% 0.5% 1em;
    line-height: normal;
    text-align: center;
    overflow: hidden; }
    .related-posts ul#webulous-related-posts li a {
      line-height: normal; }
      .related-posts ul#webulous-related-posts li a:hover {
        color: #2d4e9a; }
      .related-posts ul#webulous-related-posts li a img {
        margin: 0;
        height: 160px; }
    .related-posts ul#webulous-related-posts li:hover a {
      color: #030303; }
  .related-posts ul#webulous-related-posts li:nth-child(5n+0) {
    clear: both; }

/*--------------------------------------------------------------
12.2 Pages
--------------------------------------------------------------*/
.wel-text h1 {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 25px; }
.wel-text p {
  color: #848484; }

.widget_recent-work-widget h3:after, .icon-circle p.fa-stack:after, .widget_testimonial-widget h3:after, .sep:after, .icon-left .icon-title:after,
.icon-right .icon-title:after, .icon-top .icon-title:after, .wel-text h1:after, .title-divider h3:after, .title-seperator h3:after, .our-features h2:after, .site-footer .icon-circle p.fa-stack:after {
  position: absolute;
  bottom: 0;
  left: 47.5%;
  content: "";
  width: 50px;
  height: 3px;
  background-color: #2d4e9a; }

.widget_recent-work-widget h3 span:before, .widget_testimonial-widget h3 span:before, .wel-text h1 span:before, .title-divider h3 span:before,
.widget_recent-work-widget h3 span:after,
.widget_testimonial-widget h3 span:after,
.wel-text h1 span:after,
.title-divider h3 span:after {
  position: absolute;
  top: 30%;
  width: 184px;
  height: 30px;
  content: ""; }

.widget_recent-work-widget h3 span:before, .widget_testimonial-widget h3 span:before, .wel-text h1 span:before, .title-divider h3 span:before {
  background: url("../images/bg-right-divider.png") no-repeat left top;
  left: -210px; }

.widget_recent-work-widget h3 span:after, .widget_testimonial-widget h3 span:after, .wel-text h1 span:after, .title-divider h3 span:after {
  background: url("../images/bg-left-divider.png") no-repeat left top;
  right: -210px; }

h1 span,
h2 span,
h3 span,
h4 span {
  position: relative;
  display: inline-block; }

.wide-pattern-black .widget {
  color: #fff; }

.work-process h3.widget-title {
  font-size: 25px;
  font-size: 2.5rem;
  text-align: center;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 15px;
  margin-bottom: 20px; }
.work-process .widget_text {
  padding: 40px 20px;
  background: url("../images/bg-repeat-pattern2.png") repeat left top; }
  .work-process .widget_text:after {
    background: #2d4e9a; }
  .work-process .widget_text p,
  .work-process .widget_text .textwidget {
    color: #000;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center; }

.title-divider h3 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  text-align: center; }
.title-divider h3.widget-title {
  font-size: 40px;
  font-size: 4rem; }

.title-seperator h3 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid #d7d7d7; }
  .title-seperator h3:after {
    left: 0 !important;
    bottom: -2px;
    width: 50px !important; }
.title-seperator h3 span:before,
.title-seperator h3 span:after {
  display: none; }

.our-features h2 {
  text-transform: uppercase;
  position: relative;
  padding-bottom: 15px;
  font-size: 30px;
  font-size: 3rem;
  margin-bottom: 25px; }
  .our-features h2:after {
    width: 20% !important;
    left: 0 !important; }
.our-features h3.widget-title {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0; }

.shortcode-section .widget h3.widget-title {
  display: none; }
.shortcode-section .textwidget > h6 {
  color: #848484; }

.buttons-row .btn {
  margin: 5px; }

.search.search-results .site-main article {
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 40px; }

.error-404.not-found {
  margin-bottom: 0; }
  .error-404.not-found .page-content {
    margin-top: 0; }
  .error-404.not-found a {
    color: #2d4e9a; }
  .error-404.not-found .page-header {
    text-align: center; }
    .error-404.not-found .page-header .page-title {
      font-size: 40px;
      font-size: 4rem;
      font-weight: 700;
      margin-bottom: 0;
      color: #2d4e9a; }

.not-found-inner {
  border: 1px solid #2d4e9a;
  padding: 40px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem; }
  .not-found-inner a:hover {
    color: #030303; }
  .not-found-inner .search-form {
    margin-bottom: 0; }
    .not-found-inner .search-form input.search-field {
      width: auto; }

p.notfound {
  margin-bottom: 10px;
  font-family: "Raleway", sans-serif;
  font-size: 30px;
  font-size: 3rem; }

.post {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 0;
  margin-bottom: 30px; }

.post-thumb img {
  max-width: 100%; }

.entry-header,
.entry-body {
  margin-bottom: 40px;
  position: relative; }
  .entry-header .header-entry-meta,
  .entry-body .header-entry-meta {
    width: 100px;
    position: absolute;
    top: 25px;
    right: 0;
    margin: 0;
    text-align: center;
    padding-left: 60px;
    font-size: 20px;
    font-size: 2rem;
    color: #2d4e9a; }
    .entry-header .header-entry-meta span,
    .entry-body .header-entry-meta span {
      padding: 0;
      display: block;
      margin: -10px 0 0; }
    .entry-header .header-entry-meta i,
    .entry-body .header-entry-meta i {
      position: absolute;
      left: 0;
      height: 100%;
      width: 50%;
      text-align: center;
      border-right: 1px solid #d7d7d7;
      padding-right: 10px;
      font-size: 30px;
      font-size: 3rem;
      line-height: 50px;
      color: #848484; }
  .entry-header .entry-title,
  .entry-body .entry-title {
    text-transform: uppercase;
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 25px; }
  .entry-header .entry-title-meta span,
  .entry-body .entry-title-meta span {
    color: #848484; }
    .entry-header .entry-title-meta span:hover,
    .entry-body .entry-title-meta span:hover {
      color: #2d4e9a; }
  .entry-header .entry-title-meta a,
  .entry-body .entry-title-meta a {
    color: #848484;
    font-size: 14px; }
    .entry-header .entry-title-meta a:hover,
    .entry-body .entry-title-meta a:hover {
      color: #2d4e9a; }
  .entry-header .entry-title-meta span,
  .entry-body .entry-title-meta span {
    padding-right: 15px; }
    .entry-header .entry-title-meta span span,
    .entry-body .entry-title-meta span span {
      padding-right: 0; }
    .entry-header .entry-title-meta span i,
    .entry-body .entry-title-meta span i {
      padding-right: 6px; }

.page-template-blog-fullwidth .thumb img,
.page-template-blog-large .thumb img,
.archive.category .thumb img {
  display: block;
  max-width: 100%; }
.page-template-blog-fullwidth .entry-body a.more-link,
.page-template-blog-large .entry-body a.more-link,
.archive.category .entry-body a.more-link {
  display: block;
  padding: 5px;
  width: 150px;
  border: 0;
  background-color: #2d4e9a;
  margin-top: 30px;
  text-align: center;
  color: #fff;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .page-template-blog-fullwidth .entry-body a.more-link:hover,
  .page-template-blog-large .entry-body a.more-link:hover,
  .archive.category .entry-body a.more-link:hover {
    background-color: #030303; }
.page-template-blog-fullwidth .post .entry-content,
.page-template-blog-large .post .entry-content,
.archive.category .post .entry-content {
  margin-top: 0; }

.blog-content {
  color: #848484; }

.thumb.blog-thumb {
  margin-bottom: 15px; }

.archive .page-header h1.page-title {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 15px;
  margin-bottom: 30px; }

.site-content article .entry-title, .site-content article .entry-title-meta {
  width: 88%; }

.full-width,
.wide-pattern-grey, .theme-cta,
.panel-row-style-wide-black,
.wide-cta,
.wide-pattern-black {
  margin: 0 -100%;
  padding: 80px 100%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.full-width,
.wide-pattern-grey, .theme-cta,
.panel-row-style-wide-black,
.wide-cta,
.wide-pattern-black {
  content: "";
  display: table; }

.panel-row-style,
.panel-row-style-wide-black,
.panel-row-style-wide-grey,
.wide-pattern-black, .theme-cta {
  width: 100%;
  position: relative; }

.panel-row-style-wide-cta {
  background-color: #d7d7d7;
  padding: 50px 100% 70px; }

.wide-pattern-black {
  background: url("../images/bg-repeat-pattern.png") repeat left top;
  padding: 100px 100%; }

.wide-pattern-black .icon-title, .wide-pattern-black .widget-title span, .wide-pattern-black .widget-title, .wide-pattern-black .icon-wrapper .fa {
  color: #fff; }

.wide-pattern-grey {
  background: url("../images/bg-repeat-pattern2.png") repeat left top;
  padding: 100px 100%; }

.content-center {
  text-align: center; }

.panel-grid .panel-grid {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.theme-cta {
  padding: 40px 100%; }

.text-head .widget-title {
  font-size: 48px;
  font-size: 4.8rem;
  margin-bottom: 0; }
.text-head .textwidget {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 30px; }

.list-gap li {
  margin-bottom: 5px; }
.list-gap i {
  padding-right: 3px; }

.small-divider .widget-title span:before {
  background: url("../images/bg-right-divider.png") no-repeat left top;
  left: -80px;
  background-size: 50px 100%; }
.small-divider .widget-title span:after {
  background: url("../images/bg-left-divider.png") no-repeat left top;
  right: -210px;
  background-size: 50px 100%; }

.single .post-thumb img {
  max-width: 100%; }
.single .entry-header {
  position: relative; }
  .single .entry-header .entry-title {
    margin-bottom: 0; }
.single footer.entry-meta a {
  padding: 5px 10px; }
.single .post-navigation span {
  display: block; }
.single .entry-content {
  margin-top: 20px; }

.cnt-form .wpcf7-form p:nth-of-type(1),
.cnt-form .wpcf7-form p:nth-of-type(2) {
  width: 48%;
  float: left; }
  .cnt-form .wpcf7-form p:nth-of-type(1) input,
  .cnt-form .wpcf7-form p:nth-of-type(2) input {
    width: 100%; }
.cnt-form .wpcf7-form p:nth-of-type(2) {
  float: right; }
.cnt-form .wpcf7-form .your-subject input {
  width: 100%; }
.cnt-form .wpcf7-form input {
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 10px; }
.cnt-form .wpcf7-form input[type="submit"] {
  width: 100%;
  border: 0;
  padding: 15px 10px; }
.cnt-form .wpcf7-form textarea {
  height: 100px; }

.cnt-details p {
  margin-bottom: 15px;
  padding-left: 30px; }
.cnt-details h3.widget-title {
  display: none; }
.cnt-details .fa {
  color: #2d4e9a;
  padding-right: 12px;
  left: 0; }

#map_canvas {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative; }

#secondary.sidebar.left {
  padding-left: 0; }

.ei-slider li {
  list-style-type: none; }

.ei-title {
  background: transparent;
  left: 15%;
  top: 25%;
  width: 75%; }
  .ei-title h3 {
    color: #000;
    line-height: 1; }
  .ei-title h2 {
    line-height: normal; }
  .ei-title h3,
  .ei-title h2 {
    text-align: left; }

.page-slider .ei-slider-thumbs {
  z-index: 100; }
  .page-slider .ei-slider-thumbs li a {
    background-color: #000; }

#ei-slider ul {
  text-align: center;
  margin: 0 auto; }

.widget .ei-slider-thumbs li img,
ul.ei-slider-thumbs li img {
  left: 0; }
.widget .ei-slider-thumbs li,
ul.ei-slider-thumbs li {
  border: 0; }
  .widget .ei-slider-thumbs li a,
  ul.ei-slider-thumbs li a {
    background-color: #000;
    border-right: 1px solid #fff; }
    .widget .ei-slider-thumbs li a:hover,
    ul.ei-slider-thumbs li a:hover {
      background-color: #000 !important; }
  .widget .ei-slider-thumbs li:last-child a,
  ul.ei-slider-thumbs li:last-child a {
    border-right: 0; }
.widget .ei-slider-thumbs li.ei-slider-element,
ul.ei-slider-thumbs li.ei-slider-element {
  border: 0;
  background-color: #2d4e9a; }

.ei-slider-thumbs li {
  margin-top: 10px;
  margin-bottom: 25px; }
  .ei-slider-thumbs li img {
    left: 0; }

.ei-title h3 {
  font-size: 60px;
  font-size: 6rem;
  line-height: 40px;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #fff;
  font-family: "Raleway", sans-serif; }

.ei-title h2 {
  font-size: 30px;
  font-size: 3rem;
  font-style: italic;
  color: #fff;
  text-shadow: 1px 1px 1px #000; }

.site-footer .circle-icon-box {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  border: 1px solid #d7d7d7;
  padding-top: 20px; }
  .site-footer .circle-icon-box:after {
    position: absolute;
    content: "";
    height: 10px;
    width: 100%;
    background-color: #2d4e9a;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: -1; }
  .site-footer .circle-icon-box .icon-wrapper {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-align: center; }
    .site-footer .circle-icon-box .icon-wrapper p.fa-stack {
      display: black;
      @inlucde position(relative);
      width: 1.5em;
      height: 1.5em;
      line-height: 1.5em;
      margin-bottom: 15px; }
      .site-footer .circle-icon-box .icon-wrapper p.fa-stack i {
        color: #fff;
        @inlucde position(static);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
  .site-footer .circle-icon-box .service {
    padding: 10px;
    text-align: center; }
    .site-footer .circle-icon-box .service p.text, .site-footer .circle-icon-box .service h4 {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      margin-bottom: 40px;
      color: #fff; }
    .site-footer .circle-icon-box .service .text {
      display: none; }
    .site-footer .circle-icon-box .service p.text {
      line-height: 1.5; }
    .site-footer .circle-icon-box .service h4 {
      font-size: 20px;
      font-size: 2rem; }
  .site-footer .circle-icon-box:hover:after {
    height: 100%; }
  .site-footer .circle-icon-box:hover .text {
    display: block; }
  .site-footer .circle-icon-box:hover h4 {
    margin-bottom: 15px; }
  .site-footer .circle-icon-box:hover .icon-wrapper p.fa-stack {
    height: 1em; }
    .site-footer .circle-icon-box:hover .icon-wrapper p.fa-stack i {
      color: #2d4e9a;
      font-size: 40px; }
  .site-footer .circle-icon-box:hover .service h4, .site-footer .circle-icon-box:hover .service p {
    color: #fff; }
  .site-footer .circle-icon-box .more-button {
    text-align: center;
    margin-bottom: 0; }
    .site-footer .circle-icon-box .more-button a {
      border: none;
      padding: 6px 10px;
      display: inline-block;
      outline: none;
      background-color: #2d4e9a;
      color: #fff;
      font-size: 14px;
      font-size: 1.4rem;
      position: relative; }
      .site-footer .circle-icon-box .more-button a:hover {
        background-color: #fff;
        color: #fff; }
        .site-footer .circle-icon-box .more-button a:hover:after {
          border-top-color: #fff !important; }
.site-footer .icon-circle p.fa-stack:after {
  width: 30% !important;
  left: 35% !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
.site-footer .icon-circle:hover p.fa-stack:after {
  display: none; }
.site-footer .circle-icon-box:hover.icon-polygon .icon-wrapper {
  border-color: transparent;
  background: transparent; }
.site-footer .icon-polygon .icon-wrapper {
  margin-bottom: 12px;
  border: none; }
  .site-footer .icon-polygon .icon-wrapper p.fa-stack {
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    border-right: 2px solid #2d4e9a;
    border-left: 2px solid #2d4e9a;
    position: relative;
    z-index: 0;
    margin: 37px 10px; }
    .site-footer .icon-polygon .icon-wrapper p.fa-stack i {
      border-radius: 0;
      border: none; }
      .site-footer .icon-polygon .icon-wrapper p.fa-stack i:hover {
        background: none; }
      .site-footer .icon-polygon .icon-wrapper p.fa-stack i:after {
        display: none; }
  .site-footer .icon-polygon .icon-wrapper p.fa-stack,
  .site-footer .icon-polygon .icon-wrapper p.fa-stack:before,
  .site-footer .icon-polygon .icon-wrapper p.fa-stack:after {
    border-style: solid;
    border-color: #2d4e9a;
    border-width: 2px;
    border-top: none;
    border-bottom: none; }
  .site-footer .icon-polygon .icon-wrapper p.fa-stack:after,
  .site-footer .icon-polygon .icon-wrapper p.fa-stack:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    z-index: -1; }
  .site-footer .icon-polygon .icon-wrapper p.fa-stack:before {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg); }
  .site-footer .icon-polygon .icon-wrapper p.fa-stack:after {
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg); }
  .site-footer .icon-polygon .icon-wrapper p.fa-stack,
  .site-footer .icon-polygon .icon-wrapper p.fa-stack:before,
  .site-footer .icon-polygon .icon-wrapper p.fa-stack:after {
    line-height: 34px;
    height: 34px;
    width: 60px; }
  .site-footer .icon-polygon .icon-wrapper p.fa-stack.fa-5x,
  .site-footer .icon-polygon .icon-wrapper p.fa-stack.fa-5x:before,
  .site-footer .icon-polygon .icon-wrapper p.fa-stack.fa-5x:after {
    line-height: 80px;
    height: 80px;
    width: 140px; }
  .site-footer .icon-polygon .icon-wrapper p.fa-stack.fa-4x,
  .site-footer .icon-polygon .icon-wrapper p.fa-stack.fa-4x:before,
  .site-footer .icon-polygon .icon-wrapper p.fa-stack.fa-4x:after {
    line-height: 70px;
    height: 70px;
    width: 120px; }
  .site-footer .icon-polygon .icon-wrapper p.fa-stack.fa-3x,
  .site-footer .icon-polygon .icon-wrapper p.fa-stack.fa-3x:before,
  .site-footer .icon-polygon .icon-wrapper p.fa-stack.fa-3x:after {
    line-height: 60px;
    height: 60px;
    width: 105px; }
  .site-footer .icon-polygon .icon-wrapper p.fa-stack.fa-2x,
  .site-footer .icon-polygon .icon-wrapper p.fa-stack.fa-2x:before,
  .site-footer .icon-polygon .icon-wrapper p.fa-stack.fa-2x:after {
    line-height: 50px;
    height: 50px;
    width: 88px; }
  .site-footer .icon-polygon .icon-wrapper p.fa-stack.fa-1x,
  .site-footer .icon-polygon .icon-wrapper p.fa-stack.fa-1x:before,
  .site-footer .icon-polygon .icon-wrapper p.fa-stack.fa-1x:after {
    line-height: 40px;
    height: 40px;
    width: 70px; }
.site-footer .icon-polygon p:hover {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }
.site-footer .icon-polygon a.more-button {
  padding: 8px 20px;
  background-color: #2d4e9a; }
  .site-footer .icon-polygon a.more-button:hover {
    background-color: #030303; }
.site-footer .icon-polygon p {
  margin-bottom: 1.5em !important; }
.site-footer .icon-polygon h4 {
  margin-top: 10px; }
.site-footer .icon-polygon:hover p.fa-stack {
  border-left-color: #fff;
  border-right-color: #fff; }
.site-footer .icon-polygon:hover .icon-wrapper .fa {
  color: #fff !important; }
.site-footer .icon-polygon:hover .icon-wrapper a.more-button:hover {
  color: #fff; }
.site-footer .icon-polygon:hover p.fa-stack,
.site-footer .icon-polygon:hover p.fa-stack:before,
.site-footer .icon-polygon:hover p.fa-stack:after {
  border-color: #fff; }
.site-footer .icon-polygon:hover a.more-button {
  background: #fff; }
.site-footer .icon-polygon:hover p.fa-stack {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }

.site-footer .icon-left .icon-title,
.site-footer .icon-right .icon-title, .site-footer .icon-top .icon-title {
  color: #fff;
  padding-top: 20px; }
.site-footer .icon-left .icon-wrapper span.fa-stack i,
.site-footer .icon-right .icon-wrapper span.fa-stack i, .site-footer .icon-top .icon-wrapper span.fa-stack i {
  color: #fff; }
.site-footer .icon-left .more-button,
.site-footer .icon-right .more-button, .site-footer .icon-top .more-button {
  text-align: center; }
.site-footer .icon-left .text,
.site-footer .icon-right .text, .site-footer .icon-top .text {
  margin-bottom: 10px; }

.site-footer .icon-top .text {
  text-align: center; }

.footer-right .widget-title {
  display: none; }

.small-divider .widget-title:after {
  left: 41% !important; }
  .sow-carousel-wrapper .overlay {  
    position: static;
}

/*--------------------------------------------------------------
13.0 Responsiveness
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  .widget_search .search-form input[type="search"] {
    width: 45%; } }
@media only screen and (max-width: 768px) {
  .branding .site-branding {
    text-align: center;
    padding: 20px 0;
    margin-top: 0; }
    .branding .site-branding a img {
      margin: 0 auto; }

  .site-description {
    text-align: center !important; }

  .top-right ul, .top-right .widget_social-networks-widget ul, .top-right .share-box ul {
    text-align: center; }
  .top-right aside {
    margin-top: 0;
    margin-bottom: 20px; }

  .nav-wrap {
    padding: 10px 0; }
    .nav-wrap .main-navigation a {
      padding: 12px; }

  #secondary {
    padding-left: 0; }

  .flexslider {
    background-color: #81152D !important; }
    .flexslider .flex-caption {
      position: static;
      background-color: #81152D;
      padding: 40px;
      width: 100%; }
      .flexslider .flex-caption h1, .flexslider .flex-caption h2, .flexslider .flex-caption h3, .flexslider .flex-caption h4, .flexslider .flex-caption h5, .flexslider .flex-caption h6, .flexslider .flex-caption p {
        width: 100%;
        background-color: transparent; }

  .flexslider ol.flex-control-paging {
    bottom: 10px; }
    .flexslider ol.flex-control-paging li a {
      width: 20px;
      height: 20px;
      line-height: 20px; }

  /* Pro */
  .footer-bottom,
  .site-footer .footer-bottom ul.menu {
    text-align: center; }

  .site-footer .footer-bottom ul.menu {
    margin-top: 10px; }

  .ourservice .widget {
    padding: 20px 0; }

  .icon-right .service,
  .icon-left .service {
    width: 80%; }

  .icon-right .icon-wrapper,
  .icon-left .icon-wrapper {
    width: 20%; }

  .widget_testimonial-widget .testimony-avatar img {
    border-width: 7px; }

  .image-widget {
    text-align: center; }

  .widget_search .search-form input[type="search"] {
    width: 80%; }

  .breadcrumb-wrap {
    padding: 25px 0; }

  .site-content {
    margin-top: 2.5em; } }
@media only screen and (max-width: 700px) {
  #commentform .comment-form-author,
  #commentform .comment-form-email,
  #commentform .comment-form-url {
    width: 100%;
    float: none;
    margin-right: 0; }

  #commentform .comment-form-author input,
  #commentform .comment-form-url input,
  #commentform .comment-form-email input {
    width: 100%; }

  .nav-links .nav-previous,
  .nav-links .nav-next,
  .comment-navigation .nav-previous,
  .comment-navigation .nav-next {
    width: 100%;
    float: none;
    margin-bottom: 10px; }

  .post-navigation .nav-links a,
  .comment-navigation .nav-previous a,
  .comment-navigation .nav-next a {
    display: block;
    text-align: center; }

  /* Pro */
  .callout-widget .call-btn {
    position: static;
    margin-top: 20px;
    width: 100%;
    text-align: center; }
  .callout-widget p,
  .callout-widget h4 {
    width: 100%;
    float: none; }

  ul#portfolio li.item {
    width: 100%; }

  .flexslider .flex-caption a {
    width: 40%; }

  .image-widget img {
    width: 100%; }

  .widget_search .search-form input[type="search"] {
    width: 70%; } }
@media only screen and (max-width: 500px) {
  /* Pro */
  .nav-wrap {
    display: none; }

  .cnt-form .wpcf7-form p:nth-of-type(1),
  .cnt-form .wpcf7-form p:nth-of-type(2) {
    width: 100%;
    float: none; } }
@media only screen and (max-width: 480px) {
  .main-navigation {
    padding: 10px 0; }
    .main-navigation button.menu-toggle {
      margin: 0 auto;
      font-size: 20px;
      font-size: 2rem;
      margin-bottom: 20px; }
    .main-navigation ul li {
      float: none; }
      .main-navigation ul li a {
        display: block; }

  .flex-recent-posts li {
    width: 100%; }
    .flex-recent-posts li img {
      max-width: 100%;
      width: 100%; }

  ol.comment-list ol.children {
    margin-left: 1em; }

  .flexslider ol.flex-control-paging li a {
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-width: 3px; }

  .flexslider .flex-direction-nav a {
    width: 30px !important;
    height: 30px;
    line-height: 30px; }
    .flexslider .flex-direction-nav a:before {
      font-size: 16px;
      font-size: 1.6rem; }
    .flexslider .flex-direction-nav a:before {
      line-height: 30px !important; }

  /* Pro */
  .icon-right .service,
  .icon-left .service {
    width: 70%; }

  .icon-right .icon-wrapper,
  .icon-left .icon-wrapper {
    width: 30%; }

  .widget_recent-posts-gallery-widget .flex-recent-posts li {
    width: 100%; }

  .ei-slider-large li img {
    margin: 0 !important; }

  .tabs-container ul.ui-tabs-nav li {
    float: none; }
    .tabs-container ul.ui-tabs-nav li a {
      float: none;
      margin: 0 !important; }

  .circle-icon-box .icon-wrapper {
    margin: 0 auto 15px;
    float: none; }
  .circle-icon-box .service {
    width: 100%;
    float: none;
    text-align: center; }

  .entry-header .entry-title-meta span,
  .entry-body .entry-title-meta span {
    display: block;
    border-bottom: 1px solid #d7d7d7;
    padding: 5px 0; }
    .entry-header .entry-title-meta span span,
    .entry-body .entry-title-meta span span {
      display: inline;
      border-bottom: 0;
      padding: 0; }

  .entry-meta.header-entry-meta {
    font-size: 16px;
    font-size: 1.6rem; }

  ol.webulous_page_navi {
    text-align: center; }

  .slicknav_nav a {
    color: #fff; }
  .slicknav_nav li.current_page_item > a,
  .slicknav_nav li.current-menu-parent > a,
  .slicknav_nav .slicknav_row:hover,
  .slicknav_nav a:hover {
    background-color: #2d4e9a;
    color: #fff; }

  a.slicknav_btn:hover {
    background-color: #2d4e9a; }

  .widget_testimonial-widget .testimony-avatar,
  .widget_testimonial-widget .testimony {
    width: 100%;
    float: none; }
  .widget_testimonial-widget .testimony-avatar img {
    width: 70%; }
  .widget_testimonial-widget .testimony {
    margin-top: 20px;
    text-align: center; }

  .related-posts ul#webulous-related-posts li {
    width: 48%; }

  .entry-header .header-entry-meta,
  .entry-body .header-entry-meta {
    top: 0; } }

/*# sourceMappingURL=blue.css.map */
/*
==============================================
Animation Names
==============================================
*/
.bigEntrance-animation,
.boingInUp-animation,
.bounce-animation,
.bounceInLeft-animation,
.bounceInRight-animation,
.bounceInUp-animation,
.expandUp-animation,
.fade-animation,
.fadeIn-animation,
.fadeInDown-animation,
.fadeInDownBig-animation,
.fadeInLeft-animation,
.fadeInLeftBig-animation,
.fadeInRight-animation,
.fadeInRightBig-animation,
.fadeInUp-animation,
.fadeInUpBig-animation,
.flip-animation,
.flipInX-animation,
.flipInY-animation,
.floating-animation,
.foolishIn-animation,
.hatch-animation,
.lightSpeedIn-animation,
.puffIn-animation,
.pullDown-animation,
.pullUp-animation,
.pulse-animation,
.rollIn-animation,
.rotateIn-animation,
.rotateInDownLeft-animation,
.rotateInDownRight-animation,
.rotateInUpLeft-animation,
.rotateInUpRight-animation,
.scale-down-animation,
.scale-up-animation,
.slide-bottom-animation,
.slide-left-animation,
.slide-right-animation,
.slide-top-animation,
.slideDown-animation,
.slideExpandUp-animation,
.slideInDown-animation,
.slideInLeft-animation,
.slideInRight-animation,
.slideLeft-animation,
.slideRight-animation,
.slideUp-animation, 
.spaceInDown-animation, 
.spaceInLeft-animation, 
.spaceInRight-animation, 
.spaceInUp-animation, 
.stretchLeft-animation, 
.stretchRight-animation, 
.swap-animation, 
.swashIn-animation, 
.swing-animation, 
.tinDownIn-animation, 
.tinRightIn-animation, 
.tinUpIn-animation, 
.tossing-animation, 
.twisterInDown-animation, 
.twisterInUp-animation, 
.wobble-animation,
.zoomIn-animation {
  visibility: hidden;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible !important;
}


.panel-grid-cell:nth-child(1) .animated {
  -moz-animation-delay: 0.3s; /* Firefox */
  -webkit-animation-delay: 0.3s; /* Chrome, Safari, Opera */
  animation-delay: 0.3s;
}

.panel-grid-cell:nth-child(2) .animated {
  -moz-animation-delay: 0.6s; /* Firefox */
  -webkit-animation-delay: 0.6s; /* Chrome, Safari, Opera */
  animation-delay: 0.6s;
}

.panel-grid-cell:nth-child(3) .animated {
  -moz-animation-delay: 1s; /* Firefox */
  -webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
  animation-delay: 1s;
}

.panel-grid-cell:nth-child(4) .animated {
  -moz-animation-delay: 1.3s; /* Firefox */
  -webkit-animation-delay: 1.3s; /* Chrome, Safari, Opera */
  animation-delay: 1.3s;  
}

.panel-grid-cell:nth-child(5) .animated {
  -moz-animation-delay: 1.5s; /* Firefox */
  -webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
  animation-delay: 1.5s;  
}

.panel-grid-cell:nth-child(6) .animated {
  -moz-animation-delay: 1.7s; /* Firefox */
  -webkit-animation-delay: 1.7s; /* Chrome, Safari, Opera */
  animation-delay: 1.7s;  
}

.panel-grid-cell:nth-child(7) .animated {
  -moz-animation-delay: 1.9s; /* Firefox */
  -webkit-animation-delay: 1.9s; /* Chrome, Safari, Opera */
  animation-delay: 1.9s;  
}

.panel-grid-cell:nth-child(8) .animated {
  -moz-animation-delay: 2.1s; /* Firefox */
  -webkit-animation-delay: 2.1s; /* Chrome, Safari, Opera */
  animation-delay: 2.1s;
}
/*
==============================================
#1 bigEntrance-animation
==============================================
*/
.bigEntrance {
  animation-name: bigEntrance;
  -webkit-animation-name: bigEntrance;  
  animation-duration: 1.6s; 
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;  
  -webkit-animation-timing-function: ease-out;  
  visibility: visible !important;     
}
@keyframes bigEntrance {
  0% {
    transform: scale(0.3) rotate(4deg) translateX(-20%) translateY(20%);
    opacity: 0;
  }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);    
    opacity: 0.3;
  }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 0.5;
  }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);   
    opacity: 0.6;
  } 
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 0.7;
  }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);    
    opacity: 0.9;
  } 
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }   
}
@-webkit-keyframes bigEntrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0;
  }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);    
    opacity: 0.3;
  }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 0.5;
  }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);   
    opacity: 0.6;
  } 
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 0.7;
  }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);    
    opacity: 0.9;
  } 
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }       
}
/*
==============================================
#2 boingInUp-animation
==============================================
*/
.boingInUp {
  -webkit-animation-name: boingInUp;
  animation-name: boingInUp;
}
@-webkit-keyframes boingInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(-90deg);
  }
  50% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(50deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes boingInUp {
  0% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(-90deg);
  }
  50% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(50deg);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(0deg);
  }
}
/*
==============================================
#3 bounce-animation
==============================================
*/
.bounce {
  animation-name: bounce;
  -webkit-animation-name: bounce; 
  animation-duration: 1.6s; 
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease;  
  -webkit-animation-timing-function: ease;  
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;   
}
@keyframes bounce {
  0% {
    transform: translateY(0%) scaleY(0.6);
    opacity: 0;
  }
  60%{
    transform: translateY(-50%) scaleY(1.1);
    opacity: 0.3;
  }
  70%{
    transform: translateY(0%) scaleY(0.95) scaleX(1.05);
    opacity: 0.5;
  }
  80%{
    transform: translateY(0%) scaleY(1.05) scaleX(1);
    opacity: 0.8;
  } 
  90%{
    transform: translateY(0%) scaleY(0.95) scaleX(1);
    opacity: 0.9;
  }       
  100%{
    transform: translateY(0%) scaleY(1) scaleX(1);
    opacity: 1;
  } 
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6);
    opacity: 0;
  }
  60%{
    -webkit-transform: translateY(-50%) scaleY(1.1);
    opacity: 0.3;
  }
  70%{
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
    opacity: 0.5;
  }
  80%{
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
    opacity: 0.8;
  } 
  90%{
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
    opacity: 0.9;
  }       
  100%{
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1);
    opacity: 1;
  }   
}
/*
==============================================
#4 bounceInLeft-animation
==============================================
*/
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  };
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  80% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  };
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }
  80% {
    -o-transform: translateX(-10px);
  }
  100% {
    -o-transform: translateX(0);
  };
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  };
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
/*
==============================================
#5 bounceInRight-animation
==============================================
*/
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  };
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  100% {
    -moz-transform: translateX(0);
  };
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }
  80% {
    -o-transform: translateX(10px);
  }
  100% {
    -o-transform: translateX(0);
  };
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  };
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
/*
==============================================
#6 bounceInUp-animation
==============================================
*/
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  };
}
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  };
}
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px);
  }
  80% {
    -o-transform: translateY(10px);
  }
  100% {
    -o-transform: translateY(0);
  };
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  };
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/*
==============================================
#7 expandUp-animation
==============================================
*/
.expandUp {
  animation-name: expandUp;
  -webkit-animation-name: expandUp; 
  animation-duration: 0.7s; 
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;  
  -webkit-animation-timing-function: ease;    
  visibility: visible !important; 
}
@keyframes expandUp {
  0% {
    transform: translateY(100%) scale(0.6) scaleY(0.5);
    opacity: 0;
  }
  60%{
    transform: translateY(-7%) scaleY(1.12);
    opacity: 0.6;
  }
  75%{
    transform: translateY(3%);
    opacity: 0.8;
  } 
  100% {
    transform: translateY(0%) scale(1) scaleY(1);
    opacity: 1;
  } 
}
@-webkit-keyframes expandUp {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
    opacity: 0;
  }
  60%{
    -webkit-transform: translateY(-7%) scaleY(1.12);
    opacity: 0.6;
  }
  75%{
    -webkit-transform: translateY(3%);
    opacity: 0.8;
  } 
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1);
    opacity: 1;
  } 
}
/*
==============================================
#8 fade-animation
==============================================
*/
.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
/*
==============================================
#9 fadeIn-animation
==============================================
*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform:scale(0);
    transform:scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform:scale(1);
    transform:scale(1);    
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    -moz-transform:scale(0);
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
  }
  100% {
    opacity: 1;
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);    
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
/*
==============================================
#10 fadeInDown-animation
==============================================
*/
@-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;
}
/*
==============================================
#11 fadeInDownBig-animation
==============================================
*/
@-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;
}
/*
==============================================
#12 fadeInLeft-animation
==============================================
*/
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
/*
==============================================
#13 fadeInLeftBig-animation
==============================================
*/
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  50% {
    opacity: .2;
  }  
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  50% {
    opacity: .2;
  }  
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
/*
==============================================
#14 fadeInRight-animation
==============================================
*/
@-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;
}
/*
==============================================
#15 fadeInRightBig-animation
==============================================
*/
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
  }
  50% {
    opacity: .3;
  }  
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
  }
  50% {
    opacity: .3;
  }   
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
/*
==============================================
#16 fadeInUp-animation
==============================================
*/
@-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;
}
/*
==============================================
#17 fadeInUpBig-animation
==============================================
*/
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
  }
  50% {
    opacity: .3;
  }  
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
  }
  50% {
    opacity: .3;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
/*
==============================================
#18 flip-animation
==============================================
*/
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    opacity: 1;
  };
}
@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -moz-animation-timing-function: ease-out;
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -moz-animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
  80% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -moz-animation-timing-function: ease-in;
    opacity: 1;
  };
}
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -o-animation-timing-function: ease-out;
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -o-animation-timing-function: ease-out;
  }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
  80% {
    -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -o-animation-timing-function: ease-in;
  }
  100% {
    -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -o-animation-timing-function: ease-in;
    opacity: 1;
  };
}
@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    animation-timing-function: ease-out;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    animation-timing-function: ease-in;
    opacity: 1;
  };
}
.flip {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip;
}
/*
==============================================
#19 flipInX-animation
==============================================
*/
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
.flipInX {
    opacity: 1;
    -webkit-backface-visibility: visible !important;
       -moz-backface-visibility: visible !important;
         -o-backface-visibility: visible !important;
            backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
       -moz-animation-name: flipInX;
         -o-animation-name: flipInX;
            animation-name: flipInX;
}
/*
==============================================
#20 flipInY-animation
==============================================
*/
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  };
}

@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  };
}
@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  };
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  };
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
/*
==============================================
#21 floating-animation
==============================================
*/
.floating {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1.5s; 
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes floating {
  0% {
    transform: translateY(0%);  
  }
  50% {
    transform: translateY(8%);  
  } 
  100% {
    transform: translateY(0%);
  }     
}

@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%);  
  }
  50% {
    -webkit-transform: translateY(8%);  
  } 
  100% {
    -webkit-transform: translateY(0%);
  }     
}
/*
==============================================
#22 foolishIn-animation
==============================================
*/
.foolishIn {
  -webkit-animation-name: foolishIn;
  animation-name: foolishIn;
}
@-webkit-keyframes foolishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(360deg);
  }
  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }
  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(0deg);
  }
}
@keyframes foolishIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0) rotate(360deg);
  }
  20% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  40% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  60% {
    opacity: 1;
    transform-origin: 0%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  80% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1) rotate(0deg);
  }
}
/*
==============================================
#23 hatch-animation
==============================================
*/
.hatch {
  animation-name: hatch;
  -webkit-animation-name: hatch;  
  animation-duration: 2s; 
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%; 
  visibility: visible !important;   
}
@keyframes hatch {
  0% {
    transform: rotate(0deg) scaleY(0);
    opacity: 0;
  }
  20% {
    transform: rotate(-2deg) scaleY(1.05);
    opacity: 0.2;
  }
  35% {
    transform: rotate(2deg) scaleY(1);
    opacity: 0.3;
  }
  50% {
    transform: rotate(-2deg);
    opacity: 0.5;
  } 
  65% {
    transform: rotate(1deg);
    opacity: 0.6;
  } 
  80% {
    transform: rotate(-1deg);
    opacity: 0.8;
  }   
  100% {
    transform: rotate(0deg);
    opacity: 1;
  }                 
}

@-webkit-keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0);
    opacity: 0;
  }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05);
    opacity: 0.2;
  }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1);
    opacity: 0.3;
  }
  50% {
    -webkit-transform: rotate(-2deg);
    opacity: 0.5;
  } 
  65% {
    -webkit-transform: rotate(1deg);
    opacity: 0.6;
  } 
  80% {
    -webkit-transform: rotate(-1deg);
    opacity: 0.8;
  }   
  100% {
    -webkit-transform: rotate(0deg);
    opacity: 1;
  }   
}
/*
==============================================
#24 lightSpeedIn-animation
==============================================
*/
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(0deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  };
}
@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(0deg);
    opacity: 0;
  }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  };
}
@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(0deg);
    opacity: 0;
  }
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  };
}

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

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;  
}
/*
==============================================
#25 puffIn-animation
==============================================
*/
.puffIn {
  -webkit-animation-name: puffIn;
  animation-name: puffIn;
}
@-webkit-keyframes puffIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(2,2);
    -webkit-filter: blur(2px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1,1);
    -webkit-filter: blur(0px);
  }
}
@keyframes puffIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2,2);
    filter: blur(2px);
  }

  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1,1);
    filter: blur(0px);
  }
}
/*
==============================================
#26 pullDown-animation
==============================================
*/
.pullDown {
  animation-name: pullDown;
  -webkit-animation-name: pullDown; 
  animation-duration: 1.1s; 
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;  
  -webkit-animation-timing-function: ease-out;  
  transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;     
}
@keyframes pullDown {
  0% {
    transform: scaleY(0.1);
    opacity: 0;
  }
  40% {
    transform: scaleY(1.02);
    opacity: 0.4;
  }
  60% {
    transform: scaleY(0.98);
    opacity: 0.6;
  }
  80% {
    transform: scaleY(1.01);
    opacity: 0.8;
  }
  100% {
    transform: scaleY(0.98);
    opacity: 1;
  }       
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }             
}

@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1);
    opacity: 0;
  }
  40% {
    -webkit-transform: scaleY(1.02);
    opacity: 0.4;
  }
  60% {
    -webkit-transform: scaleY(0.98);
    opacity: 0.6;
  }
  80% {
    -webkit-transform: scaleY(1.01);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scaleY(0.98);
    opacity: 1;
  }       
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }   
}
/*
==============================================
#27 pullUp-animation
==============================================
*/
.pullUp {
  animation-name: pullUp;
  -webkit-animation-name: pullUp; 
  animation-duration: 1.1s; 
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;  
  -webkit-animation-timing-function: ease-out;  
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;     
}

@keyframes pullUp {
  0% {
    transform: scaleY(0.1);
    opacity: 0;
  }
  40% {
    transform: scaleY(1.02);
    opacity: 0.4;
  }
  60% {
    transform: scaleY(0.98);
    opacity: 0.6;
  }
  80% {
    transform: scaleY(1.01);
    opacity: 0.8;
  }
  100% {
    transform: scaleY(0.98);
    opacity: 1;
  }       
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }             
}

@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scaleY(0.1);
    opacity: 0;
  }
  40% {
    -webkit-transform: scaleY(1.02);
    opacity: 0.4;
  }
  60% {
    -webkit-transform: scaleY(0.98);
    opacity: 0.6;
  }
  80% {
    -webkit-transform: scaleY(1.01);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scaleY(0.98);
    opacity: 1;
  }       
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }   
}
/*
==============================================
#28 pulse-animation
==============================================
*/
.pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;  

  animation-duration: 1.5s; 
  -webkit-animation-duration: 1.5s;

  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7;   
  }
  50% {
    transform: scale(1);
    opacity: 1; 
  } 
  100% {
    transform: scale(0.9);
    opacity: 0.7; 
  }     
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7;   
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1; 
  } 
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; 
  }     
}
/*
==============================================
#29 rollIn-animation
==============================================
*/
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }

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

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

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

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

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

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

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

.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}
/*
==============================================
#30 rotateIn-animation
==============================================
*/
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }

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

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

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

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

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

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

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

.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}
/*
==============================================
#31 rotateInDownLeft-animation
==============================================
*/
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }

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

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

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

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

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

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

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

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
/*
==============================================
#32 rotateInDownRight-animation
==============================================
*/
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }

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

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

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

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

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

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

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

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
/*
==============================================
#33 rotateInUpLeft-animation
==============================================
*/
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }

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

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

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

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

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

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

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

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
/*
==============================================
#34 rotateInUpRight-animation
==============================================
*/
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }

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

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

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

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

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

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

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

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
/*
==============================================
#35 scale-down-animation
==============================================
*/
.scale-down {
  -webkit-animation-name: scale-down;
  animation-name: scale-down;
}
@-webkit-keyframes scale-down {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes scale-down {
  0% {
    opacity: 0;
    transform: scale(1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*
==============================================
#36 scale-up-animation
==============================================
*/
.scale-up {
  -webkit-animation-name: scale-up;
  animation-name: scale-up;
}
@-webkit-keyframes scale-up {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes scale-up {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*
==============================================
#37 slide-bottom-animation
==============================================
*/
.slide-bottom {
  -webkit-animation-name: slide-bottom;
  animation-name: slide-bottom;
}
@-webkit-keyframes slide-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes slide-bottom {
  0% {
    opacity: 0;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
==============================================
#38 slide-left-animation
==============================================
*/
.slide-left {
  -webkit-animation-name: slide-left;
  animation-name: slide-left;
}
@-webkit-keyframes slide-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
==============================================
#39 slide-right-animation
==============================================
*/
.slide-right {
  -webkit-animation-name: slide-right;
  animation-name: slide-right;
}
@-webkit-keyframes slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
==============================================
#40 slide-top-animation
==============================================
*/
.slide-top {
  -webkit-animation-name: slide-top;
  animation-name: slide-top;
}
@-webkit-keyframes slide-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes slide-top {
  0% {
    opacity: 0;
    transform: translateY(-20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
==============================================
#41 slideDown-animation
==============================================
*/
.slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;  

  animation-duration: 1s; 
  -webkit-animation-duration: 1s;

  animation-timing-function: ease;  
  -webkit-animation-timing-function: ease;  

  visibility: visible !important;           
}

@keyframes slideDown {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  50%{
    transform: translateY(8%);
  }
  65%{
    transform: translateY(-4%);
  }
  80%{
    transform: translateY(4%);
  }
  95%{
    transform: translateY(-2%);
  }     
  100% {
    transform: translateY(0%);
    opacity: 1;
  }   
}

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
    opacity: 0;
  }
  50%{
    -webkit-transform: translateY(8%);
  }
  65%{
    -webkit-transform: translateY(-4%);
  }
  80%{
    -webkit-transform: translateY(4%);
  }
  95%{
    -webkit-transform: translateY(-2%);
  }     
  100% {
    -webkit-transform: translateY(0%);
    opacity: 1;
  } 
}
/*
==============================================
#42 slideExpandUp-animation
==============================================
*/
.slideExpandUp {
  animation-name: slideExpandUp;
  -webkit-animation-name: slideExpandUp;  

  animation-duration: 1.6s; 
  -webkit-animation-duration: 1.6s;

  animation-timing-function: ease-out;  
  -webkit-animation-timing-function: ease -out;

  visibility: visible !important; 
}

@keyframes slideExpandUp {
  0% {
    transform: translateY(100%) scaleX(0);
  }
  30%{
    transform: translateY(-8%) scaleX(0.3);
  } 
  40%{
    transform: translateY(2%) scaleX(0.5);
  }
  50%{
    transform: translateY(0%) scaleX(1.1);
  }
  60%{
    transform: translateY(0%) scaleX(0.9);    
  }
  70% {
    transform: translateY(0%) scaleX(1.05);
  }     
  80%{
    transform: translateY(0%) scaleX(0.95);   
  }
  90% {
    transform: translateY(0%) scaleX(1.02);
  } 
  100%{
    transform: translateY(0%) scaleX(1);    
  }
}

@-webkit-keyframes slideExpandUp {
  0% {
    -webkit-transform: translateY(100%) scaleX(0);
  }
  30%{
    -webkit-transform: translateY(-8%) scaleX(0.3);
  } 
  40%{
    -webkit-transform: translateY(2%) scaleX(0.5);
  }
  50%{
    -webkit-transform: translateY(0%) scaleX(1.1);
  }
  60%{
    -webkit-transform: translateY(0%) scaleX(0.9);    
  }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05);
  }     
  80%{
    -webkit-transform: translateY(0%) scaleX(0.95);   
  }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02);
  } 
  100%{
    -webkit-transform: translateY(0%) scaleX(1);    
  }
}
/*
==============================================
#43 slideInDown-animation
==============================================
*/
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }

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

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

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

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

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

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

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

.slideInDown {
  -webkit-animation-name: slideInDown;
  -moz-animation-name: slideInDown;
  -o-animation-name: slideInDown;
  animation-name: slideInDown;
}
/*
==============================================
#44 slideInLeft-animation
==============================================
*/
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
  }

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

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

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

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;  
}
/*
==============================================
#45 slideInRight-animation
==============================================
*/
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
  }

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

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

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

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
/*
==============================================
#46 slideLeft-animation
==============================================
*/
.slideLeft{
  animation-name: slideLeft;
  -webkit-animation-name: slideLeft;  

  animation-duration: 2s; 
  -webkit-animation-duration: 2s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;   

  visibility: visible !important; 
}
@keyframes slideLeft {
  0% {
    transform: translateX(150%);
    opacity: 0;
  }
  50%{
    transform: translateX(-8%);
  }
  65%{
    transform: translateX(4%);
  }
  80%{
    transform: translateX(-4%);
  }
  95%{
    transform: translateX(2%);
  }     
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%);
    opacity: 0;
  }
  50%{
    -webkit-transform: translateX(-8%);
  }
  65%{
    -webkit-transform: translateX(4%);
  }
  80%{
    -webkit-transform: translateX(-4%);
  }
  95%{
    -webkit-transform: translateX(2%);
  }     
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
}
/*
==============================================
#47 slideRight-animation
==============================================
*/
.slideRight{
  animation-name: slideRight;
  -webkit-animation-name: slideRight; 

  animation-duration: 2s; 
  -webkit-animation-duration: 2s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;   

  visibility: visible !important; 
}
@keyframes slideRight {
  0% {
    transform: translateX(-150%);
    opacity: 0;
  }
  50%{
    transform: translateX(8%);
  }
  65%{
    transform: translateX(-4%);
  }
  80%{
    transform: translateX(4%);
  }
  95%{
    transform: translateX(-2%);
  }     
  100% {
    transform: translateX(0%);
    opacity: 1;
  } 
}
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%);
    opacity: 0;
  }
  50%{
    -webkit-transform: translateX(8%);
  }
  65%{
    -webkit-transform: translateX(-4%);
  }
  80%{
    -webkit-transform: translateX(4%);
  }
  95%{
    -webkit-transform: translateX(-2%);
  }     
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
}
/*
==============================================
#48 slideUp-animation
==============================================
*/
.slideUp {
  animation-name: slideUp;
  -webkit-animation-name: slideUp;  
  animation-duration: 1s; 
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;  
  -webkit-animation-timing-function: ease;
  visibility: visible !important;     
}
@keyframes slideUp {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  50%{
    transform: translateY(-8%);
  }
  65%{
    transform: translateY(4%);
  }
  80%{
    transform: translateY(-4%);
  }
  95%{
    transform: translateY(2%);
  }     
  100% {
    transform: translateY(0%);
    opacity: 1;
  } 
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%);
    opacity: 0;
  }
  50%{
    -webkit-transform: translateY(-8%);
  }
  65%{
    -webkit-transform: translateY(4%);
  }
  80%{
    -webkit-transform: translateY(-4%);
  }
  95%{
    -webkit-transform: translateY(2%);
  }     
  100% {
    -webkit-transform: translateY(0%);
    opacity: 1;
  } 
}
/*
==============================================
#49 spaceInDown-animation
==============================================
*/
.spaceInDown {
  -webkit-animation-name: spaceInDown;
  animation-name: spaceInDown;
}
@-webkit-keyframes spaceInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(.2) translate(0%, 200%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }
}
@keyframes spaceInDown {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(.2) translate(0%, 200%);
  }

  100% {
    opacity: 1;
    transform-origin: 50% 100%;
    transform: scale(1) translate(0%, 0%);
  }
}
/*
==============================================
#50 spaceInLeft-animation
==============================================
*/
.spaceInLeft {
  -webkit-animation-name: spaceInLeft;
  animation-name: spaceInLeft;
}
@-webkit-keyframes spaceInLeft {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
    -webkit-transform: scale(.2) translate(-200%, 0%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }
}
@keyframes spaceInLeft {
  0% {
    opacity: 0;
    transform-origin: 0% 50%;
    transform: scale(.2) translate(-200%, 0%);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 50%;
    transform: scale(1) translate(0%, 0%);
  }
}
/*
==============================================
#51 spaceInRight-animation
==============================================
*/
.spaceInRight {
  -webkit-animation-name: spaceInRight;
  animation-name: spaceInRight;
}
@-webkit-keyframes spaceInRight {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    -webkit-transform: scale(.2) translate(200%, 0%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }
}
@keyframes spaceInRight {
  0% {
    opacity: 0;
    transform-origin: 100% 50%;
    transform: scale(.2) translate(200%, 0%);
  }

  100% {
    opacity: 1;
    transform-origin: 100% 50%;
    transform: scale(1) translate(0%, 0%);
  }
}
/*
==============================================
#52 spaceInUp-animation
==============================================
*/
.spaceInUp {
  -webkit-animation-name: spaceInUp;
  animation-name: spaceInUp;
}
@-webkit-keyframes spaceInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: scale(.2) translate(0%, -200%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }
}
@keyframes spaceInUp {
  0% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: scale(.2) translate(0%, -200%);
  }

  100% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: scale(1) translate(0%, 0%);
  }
}
/*
==============================================
#53 stretchLeft-animation
==============================================
*/
.stretchLeft {
  animation-name: stretchLeft;
  -webkit-animation-name: stretchLeft;  

  animation-duration: 1.5s; 
  -webkit-animation-duration: 1.5s;

  animation-timing-function: ease-out;  
  -webkit-animation-timing-function: ease-out;  

  transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%; 
}

@keyframes stretchLeft {
  0% {
    transform: scaleX(0);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0.98);
  }       
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }             
}

@-webkit-keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0);
  }
  40% {
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }       
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }   
}
/*
==============================================
#54 stretchRight-animation
==============================================
*/
.stretchRight {
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight; 
  animation-duration: 1.5s; 
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;  
  -webkit-animation-timing-function: ease-out;  
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;    
}
@keyframes stretchRight {
  0% {
    transform: scaleX(0);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0.98);
  }       
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }             
}
@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0);
  }
  40% {
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }       
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }   
}
/*
==============================================
#55 swap-animation
==============================================
*/
.swap {
  -webkit-animation-name: swap;
  animation-name: swap;
}

@-webkit-keyframes swap {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) translate(-700px, 0px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) translate(0px, 0px);;
  }
}
@keyframes swap {
  0% {
    opacity: 0;
    transform-origin: 0 100%;
    transform: scale(0, 0) translate(-700px, 0px);
  }

  100% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(1, 1) translate(0px, 0px);
  }
}
/*
==============================================
#56 swashIn-animation
==============================================
*/
.swashIn {
  -webkit-animation-name: swashIn;
  animation-name: swashIn;
}
@-webkit-keyframes swashIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
  }

  90% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
  }
}
@keyframes swashIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }

  90% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(0.9, 0.9);
  }

  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
/*
==============================================
#57 swing-animation
==============================================
*/
@-webkit-keyframes swing {
  20%,40%,60%,80%,100% {
    -webkit-transform-origin: top center;
  }

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

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

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

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

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

  100% {
    -webkit-transform: rotate(0deg);
    opacity: 1;
  };
}
@-moz-keyframes swing {
  0% {
    -webkit-transform: rotate(0deg);
    opacity: 0;
  }

  20% {
    -moz-transform: rotate(15deg);
  }

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

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

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

  100% {
    -moz-transform: rotate(0deg);
    opacity: 1;
  };
}
@-o-keyframes swing {
  0% {
    -webkit-transform: rotate(0deg);
    opacity: 0;
  }

  20% {
    -o-transform: rotate(15deg);
  }

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

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

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

  100% {
    -o-transform: rotate(0deg);
    opacity: 1;
  };
}
@keyframes swing {
  0% {
    -webkit-transform: rotate(0deg);
    opacity: 0;
  }

  20% {
    transform: rotate(15deg);
  }

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

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

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

  100% {
    transform: rotate(0deg);
    opacity: 1;
  };
}
.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}
/*
==============================================
#58 tinDownIn-animation
==============================================
*/
.tinDownIn {
  -webkit-animation-name: tinDownIn;
  animation-name: tinDownIn;
}
@-webkit-keyframes tinDownIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
  }
}
@keyframes tinDownIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateY(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }
}
/*
==============================================
#59 tinRightIn-animation
==============================================
*/
.tinRightIn {
  -webkit-animation-name: tinRightIn;
  animation-name: tinRightIn;
}
@-webkit-keyframes tinRightIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
  }
}
@keyframes tinRightIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateX(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateX(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    transform: scale(1, 1) translateX(0);
  }
}
/*
==============================================
#60 tinUpIn-animation
==============================================
*/
.tinUpIn {
  -webkit-animation-name: tinUpIn;
  animation-name: tinUpIn;
}
@-webkit-keyframes tinUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
  }
}
@keyframes tinUpIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateY(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }
}
/*
==============================================
#61 tossing-animation
==============================================
*/
.tossing {
  animation-name: tossing;
  -webkit-animation-name: tossing;  

  animation-duration: 2.5s; 
  -webkit-animation-duration: 2.5s;

  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes tossing {
  0% {
    transform: rotate(-4deg); 
  }
  50% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(-4deg); 
  }           
}
@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg); 
  }
  50% {
    -webkit-transform: rotate(4deg);
  }
  100% {
    -webkit-transform: rotate(-4deg); 
  }       
}
/*
==============================================
#62 twisterInDown-animation
==============================================
*/
.twisterInDown {
  -webkit-animation-name: twisterInDown;
  animation-name: twisterInDown;
}
@-webkit-keyframes twisterInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }
  30% {
    -webkit-transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
  }
}
@keyframes twisterInDown {
  0% {
    opacity: 0;
    transform-origin: 0 100%;
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }
  30% {
    transform-origin: 0 100%;
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }
  100% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(1, 1) rotate(0deg) translateY(0%);
  }
}
/*
==============================================
#63 twisterInUp-animation
==============================================
*/
.twisterInUp {
  -webkit-animation-name: twisterInUp;
  animation-name: twisterInUp;
}
@-webkit-keyframes twisterInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
  }

  30% {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
  }
}
@keyframes twisterInUp {
  0% {
    opacity: 0;
    transform-origin: 100% 0;
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }

  30% {
    transform-origin: 100% 0;
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }

  100% {
    opacity: 1;
    transform-origin: 0 0;
    transform: scale(1, 1) rotate(0deg) translateY(0);
  }
}
/*
==============================================
#64 wobble-animation
==============================================
*/
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }

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

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

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

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

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

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

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

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

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

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

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

  100% {
    -moz-transform: translateX(0%);
  };
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }

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

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

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

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

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

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

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

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

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

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

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

  100% {
    transform: translateX(0%);
  };
}
.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}
/*
==============================================
#65 zoomIn-animation
==============================================
*/
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }

  50% {
    opacity: 1;
  };
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }

  50% {
    opacity: 1;
  };
}

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