/*------------------------------------------------------------------
[Master Stylesheet]

Project:		AND - Multipurpose HTML5 Template
Version:		1.0
Last change:	28/01/15 [fixed Float bug, vf]
Author:			Sami Maxhuni
Primary use:	Envato 

[Table of contents]

1. Body
2. Content / .site-container
	2.1. Header / .navbar
		2.1.1. Navigation / .navbar
	2.1. Slider / .fullwidth-slider
	2.3. Wrapper / .wrapper
		2.3.1. Left Column / #left-content
		2.3.2. Right Column / #sidebar
3. Footer / .footer

# [Color codes]

# Main Color (text): #55c8ff
-------------------------------------------------------------------*/

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

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

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

a img {
  border: none;
}

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

/* ==========================================================================
  Body
============================================================================= */
html,
body {
  height: 100%;
}

body {
  font-weight: 300;
  min-width: 320px;
  font-family: "Roboto", sans-serif;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
}

::-moz-selection {
  color: #FFF;
  background-color: #55c8ff;
}

::selection {
  color: #FFF;
  background-color: #55c8ff;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

iframe {
  border: none;
  overflow: hidden;
  margin: 0;
}

/* ==========================================================================
  Global CSS
============================================================================= */
.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 60px;
  overflow: hidden;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mfp-bg {
  background-color: #55c8ff !important;
}

.z-forward {
  z-index: 2;
}

.padding.paddv-100 {
  padding: 100px 0 !important;
}
.padding.paddv-80 {
  padding: 80px 0 !important;
}
.padding.paddv-60 {
  padding: 60px 0 !important;
}
.padding.paddv-30 {
  padding: 30px 0 !important;
}
.padding.paddv-10 {
  padding: 10px 0 !important;
}

.margin.margv-100 {
  margin: 100px 0 !important;
}
.margin.margv-80 {
  margin: 80px 0 !important;
}
.margin.margv-60 {
  margin: 60px 0 !important;
}
.margin.margv-30 {
  margin: 30px 0 !important;
}
.margin.margv-10 {
  margin: 10px 0 !important;
}

.remove-padding.paddv {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.remove-padding.paddh {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.remove-padding.paddt {
  padding-top: 0 !important;
}
.remove-padding.paddb {
  padding-bottom: 0 !important;
}
.remove-padding.paddl {
  padding-left: 0 !important;
}
.remove-padding.paddr {
  padding-right: 0 !important;
}

.add-padding.paddt-30 {
  padding-top: 30px !important;
}
.add-padding.paddb-30 {
  padding-bottom: 30px !important;
}
.add-padding.paddl-30 {
  padding-left: 30px !important;
}
.add-padding.paddr-30 {
  padding-right: 30px !important;
}
.add-padding.paddt-60 {
  padding-top: 60px !important;
}
.add-padding.paddb-60 {
  padding-bottom: 60px !important;
}
.add-padding.paddl-60 {
  padding-left: 60px !important;
}
.add-padding.paddr-60 {
  padding-right: 60px !important;
}
.add-padding.paddt-80 {
  padding-top: 80px !important;
}
.add-padding.paddb-80 {
  padding-bottom: 80px !important;
}
.add-padding.paddl-80 {
  padding-left: 80px !important;
}
.add-padding.paddr-80 {
  padding-right: 80px !important;
}

.add-margin.margt-30 {
  margin-top: 30px !important;
}
.add-margin.margb-30 {
  margin-bottom: 30px !important;
}
.add-margin.margl-30 {
  margin-left: 30px !important;
}
.add-margin.margr-30 {
  margin-right: 30px !important;
}
.add-margin.margt-60 {
  margin-top: 60px !important;
}
.add-margin.margb-60 {
  margin-bottom: 60px !important;
}
.add-margin.margl-60 {
  margin-left: 60px !important;
}
.add-margin.margr-60 {
  margin-right: 60px !important;
}
.add-margin.margt-80 {
  margin-top: 80px !important;
}
.add-margin.margb-80 {
  margin-bottom: 80px !important;
}
.add-margin.margl-80 {
  margin-left: 80px !important;
}
.add-margin.margr-80 {
  margin-right: 80px !important;
}
.add-margin.margt-100 {
  margin-top: 100px !important;
}
.add-margin.margb-100 {
  margin-bottom: 100px !important;
}
.add-margin.margl-100 {
  margin-left: 100px !important;
}
.add-margin.margr-100 {
  margin-right: 100px !important;
}

.remove-margin.margv {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.remove-margin.margh {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.remove-margin.margt {
  margin-top: 0 !important;
}
.remove-margin.margb {
  margin-bottom: 0 !important;
}
.remove-margin.margl {
  margin-left: 0 !important;
}
.remove-margin.margr {
  margin-right: 0 !important;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2 {
  position: relative;
}

.effect2:before, .effect2:after {
  display: block;
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 20px;
  width: 50%;
  top: 80%;
  max-width: 900px;
  background: transparent;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 10px 30px #000;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.effect2:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/* ==========================================================================
  Background Attributes
============================================================================= */
.has-bg {
  background-repeat: repeat-y;
  background-position: 50%;
  background-size: cover;
}

.bg-size-auto {
  background-size: auto;
}

.bg-fixed {
  background-attachment: fixed;
}

/* ==========================================================================
  Site Container with Content
============================================================================= */
.site-container {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
  width: 100%;
  height: 100%;
  /* ==========================================================================
    Splash Media (.splash-media-video, .splash-media-img)
  ============================================================================= */
}
.site-container header.fullscreen-nav {
  position: absolute;
  top: 150px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.site-container header.fullscreen-nav .nav-socials {
  position: absolute;
  top: -50px;
  right: 30px;
  width: 100%;
  text-align: right;
}
.site-container header.fullscreen-nav .nav-socials ul li {
  display: inline-block;
}
.site-container header.fullscreen-nav .nav-socials ul li a {
  display: block;
  font-size: 13px;
  width: 25px;
  height: 25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #646464;
  color: #0a0a0a;
  margin-left: 10px;
  padding-top: 6px;
  text-align: center;
}
.site-container header.fullscreen-nav .nav-socials ul li a:hover {
  background: #FFF;
}
.site-container header.fullscreen-nav.affix-top {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.site-container header.fullscreen-nav.affix-top .navbar-brand {
  padding: 15px 0 12px !important;
}
.site-container header.fullscreen-nav.affix-top .navbar .navbar-collapse nav ul li a {
  padding: 35px 20px 30px;
}
.site-container header.fullscreen-nav.affix-top .navbar .navbar-header button {
  padding: 20px 10px !important;
}
.site-container header.fullscreen-nav.affix {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.site-container header.fullscreen-nav.affix .nav-socials {
  display: none;
}
.site-container header.single-page {
  background: #FFF;
  width: 100%;
  overflow: hidden;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  border-bottom: none;
}
.site-container header.single-page.affix-top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.site-container header.single-page.affix-top .navbar-header button {
  padding: 34px 10px;
}
.site-container header.single-page.affix-top .navbar-header button span {
  background-color: #000 !important;
  height: 5px;
}
.site-container header.single-page.affix {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -webkit-box-shadow: 0 2px 10px -3px gray;
  -moz-box-shadow: 0 2px 10px -3px gray;
  box-shadow: 0 2px 10px -3px gray;
}
.site-container header.single-page.affix .navbar-header button {
  padding: 15px 10px;
}
.site-container header.single-page.affix .navbar-header button span {
  background-color: #000 !important;
  height: 5px;
}
.site-container header.single-page.affix .navbar {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container header.single-page.affix .navbar a.navbar-brand {
  padding: 15px 0;
}
.site-container header.single-page.affix .navbar a.navbar-brand img {
  height: 35px;
}
.site-container header.single-page.affix .navbar a.navbar-brand span {
  padding-left: 45px;
  padding-top: 7px;
}
.site-container header.single-page.affix .navbar .navbar-collapse {
  padding: 0;
}
.site-container header.single-page.affix .navbar .navbar-collapse nav ul li a {
  padding: 25px 20px;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container header.single-page.affix .container:after {
  padding: 33px 0;
}
.site-container header.single-page .container {
  position: relative;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.site-container header.single-page .container:after {
  content: "";
  position: absolute;
  background: #f5f5f5;
  top: 0;
  left: 100%;
  margin-left: -15px;
  bottom: 0;
  width: 9999px;
  padding: 53px 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.site-container header.single-page .navbar {
  border-width: 0px;
  margin: 0;
}
.site-container header.single-page .navbar a.navbar-brand {
  display: table;
  text-decoration: none;
  color: #232323;
  padding: 25px 0;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container header.single-page .navbar a.navbar-brand img {
  float: left;
  height: 100%;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container header.single-page .navbar a.navbar-brand span {
  padding-left: 53px;
  padding-top: 25px;
  font-size: 12px;
  line-height: 12px;
  color: #232323;
  width: 130px;
  display: block;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container header.single-page .navbar .navbar-collapse {
  padding: 0;
}
.site-container header.single-page .navbar .navbar-collapse nav {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container header.single-page .navbar .navbar-collapse nav ul {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container header.single-page .navbar .navbar-collapse nav ul li {
  float: left;
  margin-left: 1px;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container header.single-page .navbar .navbar-collapse nav ul li a {
  display: block;
  padding: 45px 20px;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  color: #232323;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  background-color: #f5f5f5;
  text-decoration: none;
  margin: 0;
}
.site-container header.single-page .navbar .navbar-collapse nav ul li a:hover {
  /*background-position: 0 -100%;*/
  background-color: #232323;
  color: #FFF;
}
.site-container header.single-page .navbar .navbar-collapse nav ul li.active a {
  /*background-position: 0 -100%;*/
  background-color: #232323;
  color: #FFF;
}
.site-container header.header {
  z-index: 999;
  overflow: visible !important;
  background: #FFF;
  width: 100%;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  border-bottom: none;
}
.site-container header.header.affix {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -webkit-box-shadow: 0 2px 10px -3px gray;
  -moz-box-shadow: 0 2px 10px -3px gray;
  box-shadow: 0 2px 10px -3px gray;
}
.site-container header.header.affix .navbar-header button {
  padding: 15px 10px;
}
.site-container header.header.affix .navbar-header button span {
  background-color: #000 !important;
  height: 5px;
}
.site-container header.header.affix .navbar {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container header.header.affix .navbar a.navbar-brand {
  padding: 15px 0;
}
.site-container header.header.affix .navbar a.navbar-brand img {
  height: 35px;
}
.site-container header.header.affix .navbar a.navbar-brand span {
  padding-left: 45px;
  padding-top: 7px;
}
.site-container header.header.affix .navbar .navbar-collapse {
  padding: 0;
}
.site-container header.header.affix .navbar .navbar-collapse nav ul li a {
  padding: 25px 20px;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container header.header.affix > .container.shadow:before, .site-container header.header.affix > .container.shadow:after {
  display: none;
}
.site-container header.header.affix > .container.shadow:after {
  padding: 33px 0;
}
.site-container header.header.affix-top .navbar-header button {
  padding: 34px 10px;
}
.site-container header.header.affix-top .navbar-header button span {
  background-color: #000 !important;
  height: 5px;
}
.site-container header.header.affix-top > .container.shadow:before, .site-container header.header.affix-top > .container.shadow:after {
  display: block;
}
.site-container header.header > .container {
  position: relative;
}
.site-container header.header > .container.shadow {
  position: relative;
}
.site-container header.header > .container.shadow:before {
  position: absolute;
  left: 0;
  bottom: -27px;
  display: block;
  content: "";
  width: 50%;
  height: 27px;
  background: url(../img/shadow-header-left.png) no-repeat;
  background-size: contain;
  z-index: 999;
}
.site-container header.header > .container.shadow:after {
  position: absolute;
  right: 0;
  bottom: -27px;
  display: block;
  content: "";
  width: 50%;
  height: 27px;
  background: url(../img/shadow-header-right.png) no-repeat;
  background-size: contain;
  z-index: 999;
}
.site-container header.header .navbar {
  border-width: 0px;
  margin: 0;
  background-color: #FFF;
}
.site-container header.header .navbar a.navbar-brand {
  display: table;
  text-decoration: none;
  color: #000000;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container header.header .navbar a.navbar-brand img {
  float: left;
  height: 100%;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container header.header .navbar a.navbar-brand span {
  padding-left: 53px;
  padding-top: 25px;
  font-size: 12px;
  line-height: 12px;
  color: #000000;
  width: 130px;
  display: block;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container header.header .navbar .navbar-collapse {
  padding: 0;
}
.site-container header.header .navbar .navbar-collapse nav ul li {
  float: left;
  margin-left: 1px;
}
.site-container header.header .navbar .navbar-collapse nav ul li a {
  position: relative;
  display: block;
  padding: 45px 20px 35px;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  color: #646464;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  background-color: #fff;
  text-decoration: none;
  margin: 0;
}
.site-container header.header .navbar .navbar-collapse nav ul li a:after {
  position: absolute;
  bottom: 0;
  display: block;
  content: "";
  width: 0;
  height: 4px;
  background-color: #55c8ff;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container header.header .navbar .navbar-collapse nav ul li a:hover {
  background-color: #fff;
  color: #55c8ff;
}
.site-container header.header .navbar .navbar-collapse nav ul li a:hover:after {
  width: 55%;
}
.site-container header.header .navbar .navbar-collapse nav ul li.active > a {
  background-color: #fff;
  color: #55c8ff;
}
.site-container header.header .navbar .navbar-collapse nav ul li.active > a:after {
  position: absolute;
  bottom: 0;
  display: block;
  content: "";
  width: 55%;
  height: 4px;
  background-color: #55c8ff;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container header.header .navbar .navbar-collapse nav ul li:hover > ul.drop-down {
  visibility: visible;
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down {
  position: absolute;
  top: 100%;
  left: 20px;
  width: 200px;
  background-color: #f5f5f5;
  border-top: #55c8ff 4px solid;
  border-bottom: #eeeeef 1px solid;
  border-left: #eeeeef 1px solid;
  border-right: #eeeeef 1px solid;
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 10px 0;
  z-index: 9999;
  -webkit-transition: all 0.17s ease-in-out;
  -moz-transition: all 0.17s ease-in-out;
  -o-transition: all 0.17s ease-in-out;
  transition: all 0.17s ease-in-out;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li {
  position: relative;
  margin: 0;
  display: block;
  float: none;
}
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li ul.drop-down.level3 {
  position: absolute;
  top: 0px;
  left: 100%;
  margin-left: 1px;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li a {
  display: block;
  padding: 10px 25px;
  background-color: #f5f5f5;
  color: #646464;
  font-size: 14px;
  font-family: "Glegoo", sans-serif;
}
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li:hover a {
  background-color: #fff;
  color: #000;
}
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li:hover a:after {
  display: none;
}
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li:hover ul.drop-down.level3 {
  visibility: visible;
  opacity: 1;
  background: #f5f5f5;
  border-top: 0;
  padding: 0;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li:hover ul.drop-down.level3 li a {
  background: #f5f5f5;
}
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li:hover ul.drop-down.level3 li a:hover {
  background-color: #fff;
  color: #000;
}
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li:hover ul.drop-down.level3 li a:hover:after {
  display: none;
}
.site-container .fullwidth-slider {
  margin-top: 106px;
  background-color: #232323;
  width: 100%;
}
.site-container .fullwidth-slider.default-slider {
  margin-top: 0;
  background-color: #fff;
}
.site-container .fullwidth-slider.fullscreen-slider {
  margin-top: 0;
  background-color: #fff;
  width: 100%;
  position: relative;
  padding: 0;
}
.site-container .fullwidth-slider .tp-banner-container {
  width: 100%;
  position: relative;
  padding: 0;
}
.site-container .fullwidth-slider .dev-caption-1 {
  font-family: 'Roboto Condensed', sans-serif;

font-size: 3em;

font-weight: 300;

color: #FFF;

line-height: 80px;

text-align: center;
}
.site-container .fullwidth-slider .dev-caption-2 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 4.6875em;
  font-weight: 300;
  color: #FFF;
  text-transform: uppercase;
}
.site-container .fullwidth-slider .dev-caption-3 {
  font-size: 1.5625em;
  font-weight: normal;
  color: #FFF;
}
.site-container .fullwidth-slider .dev-box-container {
  display: block;
  width: 56.25em;
  height: 14em;
  background-color: #131313;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
.site-container .fullwidth-slider .dev-box-caption {
  display: inline-block;
  width: 9.375em;
  color: #969696;
  margin-right: 10px;
}
.site-container .fullwidth-slider .dev-box-caption a {
  display: block;
  color: #FFF;
  font-size: 5em;
  margin-bottom: 0.4375em;
}
.site-container .fullwidth-slider .dev-box-caption h2 {
  font-size: 1.125em;
  font-weight: 300;
  color: #969696;
  white-space: normal !important;
  margin-bottom: 0.6875em;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container .fullwidth-slider .dev-box-caption p {
  font-family: "Glegoo", sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  white-space: normal !important;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container .fullwidth-slider .dev-box-caption:after {
  display: block;
  content: "";
  width: 0;
  height: 0.3125em;
  background-color: #55c8ff;
  margin-top: 1.5625em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container .fullwidth-slider .dev-box-caption:hover a {
  color: #55c8ff;
}
.site-container .fullwidth-slider .dev-box-caption:hover h2 {
  color: #FFF;
}
.site-container .fullwidth-slider .dev-box-caption:hover p {
  color: #FFF;
}
.site-container .fullwidth-slider .dev-box-caption:hover:after {
  width: 4.125em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  visibility: visible;
}
.site-container .fullwidth-slider .dev-caption-4 {
  font-family: "Roboto", sans-serif;
  font-size: 3.75em;
  font-weight: 300;
  color: #000;
}
.site-container .fullwidth-slider .dev-caption-4.white {
  color: #FFF !important;
}
.site-container .fullwidth-slider .dev-caption-4.white span {
  color: #FFF !important;
}
.site-container .fullwidth-slider .dev-caption-4 span {
  font-size: 0.66667em;
  padding: 0px 0.3125em;
  background-color: #55c8ff;
  color: #FFF;
}
.site-container .fullwidth-slider .dev-caption-5 {
  font-family: "Roboto", sans-serif;
  font-size: 4.6875em;
  font-weight: 300;
  color: #55c8ff;
}
.site-container .fullwidth-slider .dev-caption-5 span {
  font-size: 0.66667em;
  color: #000;
}
.site-container .fullwidth-slider .dev-caption-5 span.white {
  color: #FFF !important;
}
.site-container .fullwidth-slider .dev-caption-6 {
  font-size: 1.125em;
  color: #000;
}
.site-container .fullwidth-slider .dev-caption-6.white {
  color: #FFF !important;
}
.site-container .fullwidth-slider .dev-button a {
  display: table;
  margin: 1.875em auto;
  padding: 0.9375em 3.4375em;
}
.site-container .wrapper {
  z-index: 2 !important;
  background-color: #FFF;
  position: relative !important;
}
.site-container .splash-media,
.site-container .section-media {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.site-container .splash-media.splash-media-img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.site-container .site-splash {
  position: relative;
  overflow: hidden;
  z-index: 1 !important;
  background-color: #FFF;
}
.site-container .site-splash .splash-layers {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1 !important;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.site-container .site-splash .splash-layers .splash-container {
  width: 80%;
  margin: 0 auto;
}
.site-container .site-splash .splash-layers .bottom-layer {
  position: absolute;
  bottom: 0;
  z-index: 1 !important;
}
.site-container .site-splash .splash-layers .bottom-layer .splash-title {
  font-family: "Roboto", sans-serif;
  font-size: 60px;
  font-weight: 300;
  color: #FFF;
  text-align: center;
  margin-bottom: 40px;
}
.site-container .site-splash .splash-layers .bottom-layer .splash-desc {
  font-size: 13px;
  font-weight: normal;
  color: #FFF;
  text-align: center;
  line-height: 18px;
  margin-bottom: 60px;
  padding: 0 50px;
}
.site-container .site-splash .splash-layers .bottom-layer .splash-desc:after {
  content: "";
  display: block;
  width: 100px;
  height: 5px;
  background-color: #55c8ff;
  margin: 40px auto 0;
}
.site-container .site-splash .splash-layers .bottom-layer a {
  display: block;
}
.site-container .site-splash .splash-layers .bottom-layer a img {
  width: 100%;
}
.site-container .site-splash .splash-media-video .overlay {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMAmf9A5tgAAAARSURBVAjXY1i1agEDEFCLBgA1MROJWXE8mAAAAABJRU5ErkJggg==");
}
.site-container .site-splash.fullscreen {
  height: 100%;
}
.site-container .oldsection,
.site-container section {
  z-index: 1;
}
.site-container .oldsection h1.section-title,
.site-container section h1.section-title {
  font-family: "Roboto", sans-serif;
  font-size: 60px;
  font-weight: 300;
  color: #232323;
  text-transform: uppercase;
  text-align: center;
  margin: 60px;
}
.site-container .oldsection h1.section-title:after,
.site-container section h1.section-title:after {
  display: block;
  content: "";
  margin: 30px auto 0;
  width: 100px;
  height: 3px;
  background-color: #55c8ff;
}
.site-container .oldsection h2.title-desc,
.site-container section h2.title-desc {
  font-family: "Roboto", sans-serif;
  font-size: 60px;
  font-weight: 300;
  color: #232323;
  text-align: center;
  margin-bottom: 60px;
}
.site-container .oldsection h2.title-desc:after,
.site-container section h2.title-desc:after {
  display: block;
  content: "";
  width: 100px;
  height: 3px;
  background-color: #55c8ff;
  margin: 30px auto 0;
}
.site-container .oldsection h2.title-desc span,
.site-container section h2.title-desc span {
  display: block;
  font-family: "Glegoo", sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  color: #7d7d7d;
  margin-top: 35px;
}
.site-container .oldsection .circle-progress,
.site-container section .circle-progress {
  position: relative;
  padding: 10% 0 35%;
  margin-bottom: 60px;
}
.site-container .oldsection .circle-progress .circle-left,
.site-container section .circle-progress .circle-left {
  display: block;
  position: absolute;
  left: 20%;
  width: 40%;
  height: 0;
  padding: 20% 0;
  background-color: rgba(85, 200, 255, 0.75);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.site-container .oldsection .circle-progress .circle-left .line-one,
.site-container section .circle-progress .circle-left .line-one {
  position: absolute;
  width: 40%;
  height: 0;
  border-top: #666666 2px dotted;
  left: -20%;
  top: 38%;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-backface-visibility: hidden;
}
.site-container .oldsection .circle-progress .circle-left .line-one:after,
.site-container section .circle-progress .circle-left .line-one:after {
  position: absolute;
  display: block;
  content: "\f0c1";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: -15px;
  left: -28px;
  width: 40%;
  height: 0;
  padding: 20% 0;
  background-color: #55c8ff;
  color: #FFF;
  font-size: 15px;
  line-height: 3px;
  text-align: center;
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-30deg);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.site-container .oldsection .circle-progress .circle-left .line-two,
.site-container section .circle-progress .circle-left .line-two {
  position: absolute;
  width: 36%;
  height: 0;
  border-top: #666666 2px dotted;
  left: -19%;
  top: 48.7%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-backface-visibility: hidden;
}
.site-container .oldsection .circle-progress .circle-left .line-two:after,
.site-container section .circle-progress .circle-left .line-two:after {
  position: absolute;
  display: block;
  content: "\f07a";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: -15px;
  left: -26px;
  width: 40%;
  height: 0;
  padding: 20% 0;
  background-color: #55c8ff;
  color: #FFF;
  font-size: 15px;
  line-height: 3px;
  text-align: center;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.site-container .oldsection .circle-progress .circle-left .line-three,
.site-container section .circle-progress .circle-left .line-three {
  position: absolute;
  width: 40%;
  height: 0;
  border-top: #666666 2px dotted;
  left: -20%;
  top: 58%;
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-30deg);
  -webkit-backface-visibility: hidden;
}
.site-container .oldsection .circle-progress .circle-left .line-three:after,
.site-container section .circle-progress .circle-left .line-three:after {
  position: absolute;
  display: block;
  content: "\f06e";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: -15px;
  left: -28px;
  width: 40%;
  height: 0;
  padding: 20% 0;
  background-color: #55c8ff;
  color: #FFF;
  font-size: 15px;
  line-height: 0px;
  text-align: center;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.site-container .oldsection .circle-progress .circle-left .circle,
.site-container section .circle-progress .circle-left .circle {
  position: absolute;
  top: 35%;
  left: 25%;
  z-index: 10;
}
.site-container .oldsection .circle-progress .circle-left .circle h2,
.site-container section .circle-progress .circle-left .circle h2 {
  font-family: "Roboto", sans-serif;
  font-size: 1.375em;
  font-weight: 300;
  color: #FFF;
  text-align: center;
  max-width: 100px;
}
.site-container .oldsection .circle-progress .circle-left .circle h2 span,
.site-container section .circle-progress .circle-left .circle h2 span {
  display: block;
  font-size: 1.45455em;
  color: #FFF;
}
.site-container .oldsection .circle-progress .circle-right,
.site-container section .circle-progress .circle-right {
  display: block;
  position: absolute;
  right: 20%;
  width: 40%;
  height: 0;
  padding: 20% 0;
  background-color: rgba(120, 120, 120, 0.75);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.site-container .oldsection .circle-progress .circle-right .line-one,
.site-container section .circle-progress .circle-right .line-one {
  position: absolute;
  width: 40%;
  height: 0;
  border-top: #666666 2px dotted;
  right: -20%;
  top: 38%;
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-backface-visibility: hidden;
}
.site-container .oldsection .circle-progress .circle-right .line-one:after,
.site-container section .circle-progress .circle-right .line-one:after {
  position: absolute;
  display: block;
  content: "\f00c";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: -15px;
  left: -28px;
  width: 40%;
  height: 0;
  padding: 20% 0;
  background-color: #7d7d7d;
  color: #FFF;
  font-size: 15px;
  line-height: 3px;
  text-align: center;
  -webkit-transform: rotate(-150deg);
  -moz-transform: rotate(-150deg);
  -ms-transform: rotate(-150deg);
  -o-transform: rotate(-150deg);
  transform: rotate(-150deg);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.site-container .oldsection .circle-progress .circle-right .line-two,
.site-container section .circle-progress .circle-right .line-two {
  position: absolute;
  width: 36%;
  height: 0;
  border-top: #666666 2px dotted;
  right: -19%;
  top: 48.7%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-backface-visibility: hidden;
}
.site-container .oldsection .circle-progress .circle-right .line-two:after,
.site-container section .circle-progress .circle-right .line-two:after {
  position: absolute;
  display: block;
  content: "\f07c";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: -15px;
  left: -26px;
  width: 40%;
  height: 0;
  padding: 20% 0;
  background-color: #7d7d7d;
  color: #FFF;
  font-size: 15px;
  line-height: 3px;
  text-align: center;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.site-container .oldsection .circle-progress .circle-right .line-three,
.site-container section .circle-progress .circle-right .line-three {
  position: absolute;
  width: 40%;
  height: 0;
  border-top: #666666 2px dotted;
  right: -20%;
  top: 58%;
  -webkit-transform: rotate(-150deg);
  -moz-transform: rotate(-150deg);
  -ms-transform: rotate(-150deg);
  -o-transform: rotate(-150deg);
  transform: rotate(-150deg);
  -webkit-backface-visibility: hidden;
}
.site-container .oldsection .circle-progress .circle-right .line-three:after,
.site-container section .circle-progress .circle-right .line-three:after {
  position: absolute;
  display: block;
  content: "\f013";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: -15px;
  left: -28px;
  width: 40%;
  height: 0;
  padding: 20% 0;
  background-color: #7d7d7d;
  color: #FFF;
  font-size: 15px;
  line-height: 0px;
  text-align: center;
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.site-container .oldsection .circle-progress .circle-right .circle,
.site-container section .circle-progress .circle-right .circle {
  position: absolute;
  top: 35%;
  left: 30%;
  z-index: 10;
}
.site-container .oldsection .circle-progress .circle-right .circle h2,
.site-container section .circle-progress .circle-right .circle h2 {
  font-family: "Roboto", sans-serif;
  font-size: 1.375em;
  font-weight: 300;
  color: #FFF;
  text-align: center;
  max-width: 100px;
}
.site-container .oldsection .circle-progress .circle-right .circle h2 span,
.site-container section .circle-progress .circle-right .circle h2 span {
  display: block;
  font-size: 1.45455em;
  color: #FFF;
}
.site-container .oldsection .circle-text,
.site-container section .circle-text {
  text-align: center;
  padding: 0 100px 0;
}
.site-container .oldsection .vertical-profile,
.site-container section .vertical-profile {
  padding-bottom: 60px;
  border-bottom: #dcdcdc 1px solid;
}
.site-container .oldsection .vertical-profile.no-border,
.site-container section .vertical-profile.no-border {
  border-bottom: none;
}
.site-container .oldsection .vertical-profile .profile-image,
.site-container section .vertical-profile .profile-image {
  display: block;
}
.site-container .oldsection .vertical-profile .profile-image img,
.site-container section .vertical-profile .profile-image img {
  width: 100%;
}
.site-container .oldsection .vertical-profile .author-name,
.site-container section .vertical-profile .author-name {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  color: #232323;
  text-transform: uppercase;
  line-height: 30px;
  margin-top: 20px;
  padding-left: 20px;
}
.site-container .oldsection .vertical-profile .author-name:after,
.site-container section .vertical-profile .author-name:after {
  display: block;
  content: "";
  width: 25px;
  height: 5px;
  margin-top: 15px;
  background-color: #55c8ff;
}
.site-container .oldsection .vertical-profile .author-name span,
.site-container section .vertical-profile .author-name span {
  display: block;
  font-family: "Glegoo", sans-serif;
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
  color: #55c8ff;
}
.site-container .oldsection .vertical-profile .social-title,
.site-container section .vertical-profile .social-title {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 300;
  color: #c8c8c8;
  padding-left: 20px;
  margin-top: 55px;
  margin-bottom: 10px;
}
.site-container .oldsection .vertical-profile .socials,
.site-container section .vertical-profile .socials {
  margin-left: 20px;
}
.site-container .oldsection .vertical-profile .socials li,
.site-container section .vertical-profile .socials li {
  display: inline-block;
}
.site-container .oldsection .vertical-profile .socials li a,
.site-container section .vertical-profile .socials li a {
  font-size: 20px;
  margin-right: 20px;
  text-decoration: none;
  color: #c8c8c8;
}
.site-container .oldsection .vertical-profile .socials li a:hover,
.site-container section .vertical-profile .socials li a:hover {
  color: #55c8ff;
}
.site-container .oldsection .vertical-profile .author-quote,
.site-container section .vertical-profile .author-quote {
  position: relative;
  padding: 20px;
  margin: 40px 0;
  color: #7d7d7d;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
}
.site-container .oldsection .vertical-profile .author-quote:before,
.site-container section .vertical-profile .author-quote:before {
  display: block;
  position: absolute;
  left: -40px;
  top: -30px;
  font-family: "Roboto", sans-serif;
  font-size: 100px;
  content: '"';
  color: #d7d7d7;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.site-container .oldsection .vertical-profile .author-quote:after,
.site-container section .vertical-profile .author-quote:after {
  position: absolute;
  right: -20px;
  bottom: -20px;
  font-family: "Roboto", sans-serif;
  font-size: 100px;
  content: '"';
  color: #d7d7d7;
}
.site-container .oldsection.section-gray,
.site-container section.section-gray {
  background-color: #f5f5f5;
  border-top: #e1e1e1 1px solid;
}
.site-container .oldsection.section-gray .desc .section-title,
.site-container section.section-gray .desc .section-title {
  margin-bottom: 80px;
}
.site-container .oldsection.section-gray .desc p,
.site-container section.section-gray .desc p {
  font-size: 16px;
  font-weight: normal;
  color: #646464;
  text-align: center;
  line-height: 20px;
}
.site-container .oldsection.section-parallax,
.site-container section.section-parallax {
  overflow: hidden;
}
.site-container .oldsection.section-parallax .section-title,
.site-container section.section-parallax .section-title {
  color: #FFF !important;
}
.site-container .oldsection.section-parallax .desc p,
.site-container section.section-parallax .desc p {
  font-size: 16px;
  font-weight: normal;
  color: #969696;
  text-align: center;
}
.site-container .oldsection.border-section > .container,
.site-container section.border-section > .container {
  position: relative;
}
.site-container .oldsection.border-section > .container .section-title,
.site-container section.border-section > .container .section-title {
  margin-bottom: 200px !important;
}
.site-container .oldsection.border-section > .container:before,
.site-container section.border-section > .container:before {
  display: block;
  content: "";
  width: 100%;
  height: 5px;
  background-color: #55c8ff;
  position: absolute;
  left: 0;
  top: -65px;
}
.site-container .oldsection .desc .section-title,
.site-container section .desc .section-title {
  font-family: "Roboto", sans-serif;
  font-size: 38px;
  font-weight: 300;
  color: #232323;
  padding: 0em 0 0.625em 0;
}
.site-container .oldsection .desc .section-subtitle,
.site-container section .desc .section-subtitle {
  font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 300;
color: #625f5f;
text-align: center;
padding: 0 0 15px 0;
line-height: 30px;
}
.site-container .oldsection .desc p,
.site-container section .desc p {
  font-size: 13px;
  font-weight: normal;
  color: #646464;
  line-height: 18px;
}
.site-container .oldsection .blubcontent,
.site-container section .blubcontent {
  position: relative;
  padding: 0 0 50%;
  margin: 10px 0;
  overflow: hidden;
}
.site-container .oldsection .blubcontent .dashed-line,
.site-container section .blubcontent .dashed-line {
  position: absolute;
  z-index: 99;
  top: 23%;
  width: 100%;
  height: 56%;
}
.site-container .oldsection .blubcontent .dashed-line path,
.site-container section .blubcontent .dashed-line path {
  fill: #55c8ff;
}
.site-container .oldsection .blubcontent .circle-text,
.site-container section .blubcontent .circle-text {
  position: absolute;
  top: 25%;
  left: 0;
  width: 20%;
  height: 0;
  padding: 10% 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: #e1e1e1 1px solid;
  overflow: hidden;
}
.site-container .oldsection .blubcontent .circle-text:after,
.site-container section .blubcontent .circle-text:after {
  content: "";
  display: block;
  width: 90%;
  height: 90%;
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #f5f5f5;
  top: 5%;
  left: 5%;
  z-index: 2;
}
.site-container .oldsection .blubcontent .circle-text > div,
.site-container section .blubcontent .circle-text > div {
  position: absolute;
  text-align: left;
  padding: 0 20%;
  margin-top: -15%;
  font-family: "Roboto", sans-serif;
  font-size: 1.375em;
  font-weight: 300;
  color: #232323;
  line-height: 22px;
  z-index: 3;
}
.site-container .oldsection .blubcontent .circle-text > div span,
.site-container section .blubcontent .circle-text > div span {
  background-color: #55c8ff;
  padding: 0px 10px;
  color: #FFF;
  line-height: 30px;
  margin-left: -10px;
}
.site-container .oldsection .blubcontent .circle-large-image,
.site-container section .blubcontent .circle-large-image {
  position: absolute;
  top: 12%;
  left: 25%;
  width: 40%;
  height: 0;
  padding: 20% 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: #e1e1e1 1px solid;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.site-container .oldsection .blubcontent .circle-large-image > div,
.site-container section .blubcontent .circle-large-image > div {
  content: "";
  display: inline-block;
  width: 90%;
  height: 90%;
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #f5f5f5;
  top: 5%;
  left: 5%;
  z-index: 2;
  overflow: hidden;
}
.site-container .oldsection .blubcontent .circle-large-image > div img,
.site-container section .blubcontent .circle-large-image > div img {
  margin-top: 22%;
  width: 100%;
}
.site-container .oldsection .blubcontent .blue-circle,
.site-container section .blubcontent .blue-circle {
  position: absolute;
  top: 22%;
  left: 57%;
  width: 8%;
  padding: 4% 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #55c8ff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  z-index: 4;
}
.site-container .oldsection .blubcontent .circle-min-image,
.site-container section .blubcontent .circle-min-image {
  position: absolute;
  top: 67%;
  left: 13%;
  width: 12%;
  height: 0;
  padding: 6% 0;
  background-color: #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: #e1e1e1 1px solid;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.site-container .oldsection .blubcontent .circle-min-image > div,
.site-container section .blubcontent .circle-min-image > div {
  display: inline-block;
  width: 90%;
  height: 90%;
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #f5f5f5;
  top: 5%;
  left: 5%;
  z-index: 2;
  overflow: hidden;
}
.site-container .oldsection .blubcontent .circle-min-image > div:after,
.site-container section .blubcontent .circle-min-image > div:after {
  content: "";
  display: block;
  width: 80%;
  height: 80%;
  top: 10%;
  left: 10%;
  position: absolute;
  background-color: #55c8ff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
.site-container .oldsection .blubcontent .circle-min-image > div img,
.site-container section .blubcontent .circle-min-image > div img {
  width: 101%;
}
.site-container .oldsection .blubcontent .circle-medium-image,
.site-container section .blubcontent .circle-medium-image {
  position: absolute;
  top: 49%;
  left: 73%;
  width: 25%;
  height: 0;
  padding: 12.5% 0;
  background-color: #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: #e1e1e1 1px solid;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.site-container .oldsection .blubcontent .circle-medium-image > div,
.site-container section .blubcontent .circle-medium-image > div {
  display: inline-block;
  width: 90%;
  height: 90%;
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #f5f5f5;
  top: 5%;
  left: 5%;
  z-index: 2;
  overflow: hidden;
}
.site-container .oldsection .blubcontent .circle-medium-image > div img,
.site-container section .blubcontent .circle-medium-image > div img {
  width: 101%;
}
.site-container .oldsection .blubcontent .circle-black,
.site-container section .blubcontent .circle-black {
  position: absolute;
  left: 70%;
  top: 9%;
  width: 18%;
  height: 0;
  padding: 9% 0;
  background-color: #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: #e1e1e1 1px solid;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.site-container .oldsection .blubcontent .circle-black:after,
.site-container section .blubcontent .circle-black:after {
  content: "";
  display: block;
  width: 90%;
  height: 90%;
  position: absolute;
  top: 5%;
  left: 5%;
  background-color: #232323;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.site-container .oldsection .quote-button,
.site-container section .quote-button {
  width: 100%;
  padding: 30px 25px;
  margin: 50px 0;
  border: #ebebeb 1px solid;
}
.site-container .oldsection .quote-button p,
.site-container section .quote-button p {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: #646464;
}
.site-container .oldsection .quote-button a,
.site-container section .quote-button a {
  float: right;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  padding: 15px 35px;
  margin: 0 30px 0 40px;
}
.site-container .oldsection .image-box,
.site-container section .image-box {
  width: 100%;
  margin: 0 0 60px 0;
}
.site-container .oldsection .image-box a,
.site-container section .image-box a {
  float: left;
  display: block;
  width: 140px;
  height: 140px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  overflow: hidden;
}
.site-container .oldsection .image-box a img,
.site-container section .image-box a img {
  width: 100%;
}
.site-container .oldsection .image-box .content,
.site-container section .image-box .content {
  padding-left: 160px;
}
.site-container .oldsection .image-box .content h2,
.site-container section .image-box .content h2 {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 300;
  color: #232323;
  margin-top: 0;
  margin-bottom: 20px;
}
.site-container .oldsection .image-box .content h2 i,
.site-container section .image-box .content h2 i {
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 35px;
  padding-right: 20px;
  vertical-align: middle;
}
.site-container .oldsection .image-box .content p,
.site-container section .image-box .content p {
  font-size: 13px;
  font-weight: normal;
  color: #646464;
  line-height: 18px;
}
.site-container .oldsection .pattern-block,
.site-container section .pattern-block {
  width: 100%;
  padding: 60px 0;
  margin-top: 50px;
  background-image: url(../img/pattern-01.png);
  background-color: #55c8ff;
  background-size: contain;
}
.site-container .oldsection .pattern-block .quote-box,
.site-container section .pattern-block .quote-box {
  width: 100%;
  border: #ebebeb 1px solid;
  padding: 25px 60px;
}
.site-container .oldsection .pattern-block .quote-box.no-border,
.site-container section .pattern-block .quote-box.no-border {
  border: none;
}
.site-container .oldsection .pattern-block .quote-box.no-border h2,
.site-container section .pattern-block .quote-box.no-border h2 {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: normal;
  color: #FFF;
  text-align: center;
}
.site-container .oldsection .pattern-block .quote-box.no-border p,
.site-container section .pattern-block .quote-box.no-border p {
  line-height: 28px;
}
.site-container .oldsection .pattern-block .quote-box.no-border p.lines:after,
.site-container section .pattern-block .quote-box.no-border p.lines:after {
  content: "";
  display: block;
  width: 10%;
  height: 5px;
  background-color: #FFF;
  margin: 40px auto;
}
.site-container .oldsection .pattern-block .quote-box.no-border .read-more,
.site-container section .pattern-block .quote-box.no-border .read-more {
  padding-left: 45px;
  padding-right: 45px;
  margin-top: 50px;
  margin-bottom: 0;
}
.site-container .oldsection .pattern-block .quote-box p,
.site-container section .pattern-block .quote-box p {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
}
.site-container .oldsection .part-image,
.site-container section .part-image {
  display: block;
  width: 100%;
  margin: 3.75em 0;
}
.site-container .oldsection .part-image img,
.site-container section .part-image img {
  width: 100%;
}
.site-container .oldsection .part-image.maxwidth,
.site-container section .part-image.maxwidth {
  max-width: 600px !important;
  margin: 0 auto;
}
.site-container .oldsection .icon-text,
.site-container section .icon-text {
  margin-bottom: 50px;
}
.site-container .oldsection .icon-text h2,
.site-container section .icon-text h2 {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 25px;
}
.site-container .oldsection .icon-text h2 a,
.site-container section .icon-text h2 a {
  text-decoration: none;
  color: #FFF;
}
.site-container .oldsection .icon-text h2 a i,
.site-container section .icon-text h2 a i {
  vertical-align: middle;
  padding-right: 10px;
}
.site-container .oldsection .icon-text p,
.site-container section .icon-text p {
  font-size: 13px;
  font-weight: normal;
  color: #969696;
  line-height: 18px;
}
.site-container .oldsection .portfolio,
.site-container section .portfolio {
  margin: 50px 0;
}
.site-container .oldsection .portfolio .filters,
.site-container section .portfolio .filters {
  width: 100%;
  margin: 40px 0;
  text-align: center;
}
.site-container .oldsection .portfolio .filters ul li,
.site-container section .portfolio .filters ul li {
  display: inline-block;
}
.site-container .oldsection .portfolio .filters ul li a,
.site-container section .portfolio .filters ul li a {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 300;
  text-decoration: none;
  color: #2f383d;
  padding: 15px 25px;
}
.site-container .oldsection .portfolio .filters ul li a:hover,
.site-container section .portfolio .filters ul li a:hover {
  background-color: #55c8ff;
  color: #FFF;
}
.site-container .oldsection .portfolio .filters ul li:not(:last-child):after,
.site-container section .portfolio .filters ul li:not(:last-child):after {
  display: inline-block;
  content: "";
  width: 3px;
  height: 20px;
  background: url(../img/filter-line.png);
  margin-left: 2px;
}
.site-container .oldsection .portfolio .filters ul li.active a,
.site-container section .portfolio .filters ul li.active a {
  background-color: #55c8ff;
  color: #FFF;
}
.site-container .oldsection .portfolio .filters ul li.active:after,
.site-container section .portfolio .filters ul li.active:after {
  background: transparent;
}
.site-container .oldsection .portfolio .filters ul li.lineclear:after,
.site-container section .portfolio .filters ul li.lineclear:after {
  background: transparent;
}
.site-container .oldsection .portfolio .items,
.site-container section .portfolio .items {
  display: table;
  width: 100%;
}
.site-container .oldsection .portfolio .items.long-portfolio .item,
.site-container section .portfolio .items.long-portfolio .item {
  display: inline-block;
  width: 33.3333333333%;
  margin: 0;
  padding: 10px;
}
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image,
.site-container section .portfolio .items.long-portfolio .item .featured-image {
  position: relative;
  padding: 10px;
}
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image img,
.site-container section .portfolio .items.long-portfolio .item .featured-image img {
  width: 100%;
}
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image .hover,
.site-container section .portfolio .items.long-portfolio .item .featured-image .hover {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  position: absolute;
  top: 30%;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: #55c8ff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image .hover ul,
.site-container section .portfolio .items.long-portfolio .item .featured-image .hover ul {
  display: table;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px -45px 0;
  padding: 0;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image .hover ul li,
.site-container section .portfolio .items.long-portfolio .item .featured-image .hover ul li {
  display: inline-block;
}
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image .hover ul li a,
.site-container section .portfolio .items.long-portfolio .item .featured-image .hover ul li a {
  display: block;
  width: 36px;
  height: 36px;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: #fff 1px solid;
  margin-left: 10px;
  padding: 9px;
}
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image .hover ul li a:hover,
.site-container section .portfolio .items.long-portfolio .item .featured-image .hover ul li a:hover {
  color: #2e6884;
  border-color: #2e6884;
}
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image .hover span,
.site-container section .portfolio .items.long-portfolio .item .featured-image .hover span {
  position: absolute;
  top: 65%;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  display: block;
  font-size: 13px;
  color: #FFF;
  text-align: center;
  margin-top: -20px;
  padding: 0 10px;
}
.site-container .oldsection .portfolio .items.long-portfolio .item .content h1,
.site-container section .portfolio .items.long-portfolio .item .content h1 {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  color: #969696;
  text-align: center;
  margin: 15% 0 12% 0;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container .oldsection .portfolio .items.long-portfolio .item .content p,
.site-container section .portfolio .items.long-portfolio .item .content p {
  font-size: 13px;
  font-weight: normal;
  color: #969696;
  line-height: 18px;
  text-align: center;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container .oldsection .portfolio .items.long-portfolio .item .content:after,
.site-container section .portfolio .items.long-portfolio .item .content:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #ebebeb;
  margin: 12% 0;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container .oldsection .portfolio .items.long-portfolio .item:hover .featured-image .hover,
.site-container section .portfolio .items.long-portfolio .item:hover .featured-image .hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
  visibility: visible;
  top: 10px;
}
.site-container .oldsection .portfolio .items.long-portfolio .item:hover .featured-image .hover ul,
.site-container section .portfolio .items.long-portfolio .item:hover .featured-image .hover ul {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  visibility: visible;
}
.site-container .oldsection .portfolio .items.long-portfolio .item:hover .featured-image .hover span,
.site-container section .portfolio .items.long-portfolio .item:hover .featured-image .hover span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  visibility: visible;
}
.site-container .oldsection .portfolio .items.long-portfolio .item:hover .content h1,
.site-container section .portfolio .items.long-portfolio .item:hover .content h1 {
  color: #55c8ff;
}
.site-container .oldsection .portfolio .items.long-portfolio .item:hover .content p,
.site-container section .portfolio .items.long-portfolio .item:hover .content p {
  color: #646464;
}
.site-container .oldsection .portfolio .items.long-portfolio .item:hover .content:after,
.site-container section .portfolio .items.long-portfolio .item:hover .content:after {
  background-color: #55c8ff;
}
.site-container .oldsection .portfolio .items.short-portfolio .item,
.site-container section .portfolio .items.short-portfolio .item {
  display: inline-block;
  position: relative;
  width: 33.3333333333%;
  margin: 0;
  padding: 10px;
}
.site-container .oldsection .portfolio .items.short-portfolio .item img,
.site-container section .portfolio .items.short-portfolio .item img {
  width: 100%;
}
.site-container .oldsection .portfolio .items.short-portfolio .item:hover .hover,
.site-container section .portfolio .items.short-portfolio .item:hover .hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
  visibility: visible;
  top: 10px;
}
.site-container .oldsection .portfolio .items.short-portfolio .item:hover .hover ul,
.site-container section .portfolio .items.short-portfolio .item:hover .hover ul {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  visibility: visible;
}
.site-container .oldsection .portfolio .items.short-portfolio .item:hover .hover span,
.site-container section .portfolio .items.short-portfolio .item:hover .hover span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  visibility: visible;
}
.site-container .oldsection .portfolio .items.short-portfolio .item .hover,
.site-container section .portfolio .items.short-portfolio .item .hover {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  position: absolute;
  top: 30%;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: #55c8ff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
.site-container .oldsection .portfolio .items.short-portfolio .item .hover ul,
.site-container section .portfolio .items.short-portfolio .item .hover ul {
  display: table;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px -45px 0;
  padding: 0;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
.site-container .oldsection .portfolio .items.short-portfolio .item .hover ul li,
.site-container section .portfolio .items.short-portfolio .item .hover ul li {
  display: inline-block;
}
.site-container .oldsection .portfolio .items.short-portfolio .item .hover ul li a,
.site-container section .portfolio .items.short-portfolio .item .hover ul li a {
  display: block;
  width: 36px;
  height: 36px;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: #fff 1px solid;
  margin-left: 10px;
  padding: 9px;
}
.site-container .oldsection .portfolio .items.short-portfolio .item .hover ul li a:hover,
.site-container section .portfolio .items.short-portfolio .item .hover ul li a:hover {
  color: #2e6884;
  border-color: #2e6884;
}
.site-container .oldsection .portfolio .items.short-portfolio .item .hover span,
.site-container section .portfolio .items.short-portfolio .item .hover span {
  position: absolute;
  top: 65%;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  display: block;
  font-size: 13px;
  color: #FFF;
  text-align: center;
  margin-top: -20px;
  padding: 0 10px;
}
.site-container .oldsection .portfolio .navfilter ul,
.site-container section .portfolio .navfilter ul {
  float: right;
  margin-right: 6px;
  margin-top: 25px;
}
.site-container .oldsection .portfolio .navfilter ul li,
.site-container section .portfolio .navfilter ul li {
  display: inline-block;
  margin-right: 5px;
}
.site-container .oldsection .portfolio .navfilter ul li a,
.site-container section .portfolio .navfilter ul li a {
  display: block;
  width: 25px;
  height: 25px;
  text-align: center;
  font-size: 18px;
  padding-top: 2px;
  color: #d7d7d7;
  border: #d7d7d7 1px solid;
}
.site-container .oldsection .portfolio .navfilter ul li a:hover,
.site-container section .portfolio .navfilter ul li a:hover {
  color: #55c8ff;
  border-color: #55c8ff;
}
.site-container .oldsection .layouts-display,
.site-container section .layouts-display {
  margin-top: 50px;
}
.site-container .oldsection .layouts-display .layout-res,
.site-container section .layouts-display .layout-res {
  display: block;
}
.site-container .oldsection .layouts-display .layout-res img,
.site-container section .layouts-display .layout-res img {
  width: 100%;
}
.site-container .oldsection .layouts-display h2,
.site-container section .layouts-display h2 {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 300;
  color: #232323;
  margin: 50px 0 15px 0;
}
.site-container .oldsection .layouts-display p,
.site-container section .layouts-display p {
  font-size: 13px;
  font-weight: normal;
  color: #646464;
  line-height: 18px;
}
.site-container .oldsection .section-black,
.site-container section .section-black {
  width: 100%;
  background-color: #232323 !important;
  padding: 2% 0;
}
.site-container .oldsection .section-black .demo-section,
.site-container section .section-black .demo-section {
  position: relative;
  width: 100%;
  height: 0;
  padding: 35% 0;
}
.site-container .oldsection .section-black .demo-section .demo-image,
.site-container section .section-black .demo-section .demo-image {
  position: absolute;
  position: absolute;
  top: -28%;
  left: 25%;
  width: 50%;
  text-align: center;
}
.site-container .oldsection .section-black .demo-section .demo-image img,
.site-container section .section-black .demo-section .demo-image img {
  max-width: 566px;
  width: 100%;
}
.site-container .oldsection .section-black .demo-section .demo-circle,
.site-container section .section-black .demo-section .demo-circle {
  width: 30%;
  padding: 1%;
}
.site-container .oldsection .section-black .demo-section .demo-circle.circle-one,
.site-container section .section-black .demo-section .demo-circle.circle-one {
  position: absolute;
  top: 25%;
  left: 0;
}
.site-container .oldsection .section-black .demo-section .demo-circle.circle-one .svg .linec,
.site-container section .section-black .demo-section .demo-circle.circle-one .svg .linec {
  position: absolute;
  width: 100%;
  height: 0;
  border-top: #c8c8c8 2px dotted;
  right: -66%;
  top: -25%;
  -webkit-transform: rotate(-55deg);
  -moz-transform: rotate(-55deg);
  -ms-transform: rotate(-55deg);
  -o-transform: rotate(-55deg);
  transform: rotate(-55deg);
  -webkit-backface-visibility: hidden;
}
.site-container .oldsection .section-black .demo-section .demo-circle.circle-one .svg .linec:after,
.site-container section .section-black .demo-section .demo-circle.circle-one .svg .linec:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #c8c8c8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: -6px;
  left: 100%;
}
.site-container .oldsection .section-black .demo-section .demo-circle.circle-two,
.site-container section .section-black .demo-section .demo-circle.circle-two {
  position: absolute;
  top: 35%;
  left: 35%;
}
.site-container .oldsection .section-black .demo-section .demo-circle.circle-two .svg,
.site-container section .section-black .demo-section .demo-circle.circle-two .svg {
  border-color: #55c8ff;
}
.site-container .oldsection .section-black .demo-section .demo-circle.circle-two .svg .linec,
.site-container section .section-black .demo-section .demo-circle.circle-two .svg .linec {
  position: absolute;
  width: 100%;
  height: 0;
  border-top: #55c8ff 2px dotted;
  right: -32%;
  top: -45%;
  -webkit-transform: rotate(-70deg);
  -moz-transform: rotate(-70deg);
  -ms-transform: rotate(-70deg);
  -o-transform: rotate(-70deg);
  transform: rotate(-70deg);
  -webkit-backface-visibility: hidden;
}
.site-container .oldsection .section-black .demo-section .demo-circle.circle-two .svg .linec:after,
.site-container section .section-black .demo-section .demo-circle.circle-two .svg .linec:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #55c8ff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: -6px;
  left: 100%;
}
.site-container .oldsection .section-black .demo-section .demo-circle.circle-three,
.site-container section .section-black .demo-section .demo-circle.circle-three {
  position: absolute;
  top: 25%;
  left: 71%;
}
.site-container .oldsection .section-black .demo-section .demo-circle.circle-three .svg .linec,
.site-container section .section-black .demo-section .demo-circle.circle-three .svg .linec {
  position: absolute;
  width: 100%;
  height: 0;
  border-top: #c8c8c8 2px dotted;
  right: 37%;
  top: -43%;
  -webkit-transform: rotate(-115deg);
  -moz-transform: rotate(-115deg);
  -ms-transform: rotate(-115deg);
  -o-transform: rotate(-115deg);
  transform: rotate(-115deg);
  -webkit-backface-visibility: hidden;
}
.site-container .oldsection .section-black .demo-section .demo-circle.circle-three .svg .linec:after,
.site-container section .section-black .demo-section .demo-circle.circle-three .svg .linec:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #c8c8c8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: -6px;
  left: 100%;
}
.site-container .oldsection .section-black .demo-section .demo-circle .svg,
.site-container section .section-black .demo-section .demo-circle .svg {
  position: relative;
  width: 90%;
  height: 0;
  padding: 45% 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: #e1e1e1 2px dotted;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.site-container .oldsection .section-black .demo-section .demo-circle .svg .mask,
.site-container section .section-black .demo-section .demo-circle .svg .mask {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #f5f5f5;
  z-index: 2;
  overflow: hidden;
}
.site-container .oldsection .section-black .demo-section .demo-circle .svg .mask img,
.site-container section .section-black .demo-section .demo-circle .svg .mask img {
  width: 100%;
}
.site-container .oldsection .section-black .demo-section .demo-circle .content h2,
.site-container section .section-black .demo-section .demo-circle .content h2 {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 300;
  color: #FFF;
  margin: 15% 0 5%;
}
.site-container .oldsection .section-black .demo-section .demo-circle .content p,
.site-container section .section-black .demo-section .demo-circle .content p {
  font-size: 13px;
  font-weight: normal;
  color: #969696;
  line-height: 18px;
}
.site-container .oldsection .section-black .enter-demo,
.site-container section .section-black .enter-demo {
  background-color: #323232;
  border: #4b4b4b 1px solid;
  padding: 40px 0;
  margin: 30px 0;
}
.site-container .oldsection .section-black .enter-demo h2,
.site-container section .section-black .enter-demo h2 {
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  font-weight: 300;
  color: #FFF;
  text-align: right;
}
.site-container .oldsection .section-black .enter-demo .view-more,
.site-container section .section-black .enter-demo .view-more {
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  color: #FFF;
  border: #197d96 1px solid;
  padding: 20px 45px;
  margin: 10px 0;
  background: #55c8ff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #55c8ff 10%, #4cb4e5 90%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #55c8ff), color-stop(90%, #4cb4e5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #55c8ff 10%, #4cb4e5 90%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #55c8ff 10%, #4cb4e5 90%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #55c8ff 10%, #4cb4e5 90%);
  /* IE10+ */
  background: linear-gradient(to bottom, #55c8ff 10%, #4cb4e5 90%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55c8ff', endColorstr='#4cb4e5',GradientType=0 );
  /* IE6-9 */
}
.site-container .oldsection .section-black .enter-demo .view-more:hover,
.site-container section .section-black .enter-demo .view-more:hover {
  background: #4cb4e5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #4cb4e5), color-stop(90%, #55c8ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%);
  /* IE10+ */
  background: linear-gradient(to bottom, #4cb4e5 10%, #55c8ff 90%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cb4e5', endColorstr='#55c8ff',GradientType=0 );
  /* IE6-9 */
}
.site-container .oldsection.single-page-wrapper.border-top,
.site-container section.single-page-wrapper.border-top {
  border-top: #e6e6e6 1px solid;
}
.site-container .oldsection.single-page-wrapper .single-header,
.site-container section.single-page-wrapper .single-header {
  background-color: #FFF;
  padding: 50px 0;
}
.site-container .oldsection.single-page-wrapper .single-header h1,
.site-container section.single-page-wrapper .single-header h1 {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  padding: 0 50px 50px 50px;
  color: #232323;
}
.site-container .oldsection.single-page-wrapper .single-header .meta,
.site-container section.single-page-wrapper .single-header .meta {
  border-top: #e9e9e9 1px solid;
  padding: 30px 50px;
}
.site-container .oldsection.single-page-wrapper .single-header .meta a,
.site-container section.single-page-wrapper .single-header .meta a {
  display: block;
  font-size: 13px;
  font-weight: normal;
  color: #7d7d7d;
  text-decoration: none;
}
.site-container .oldsection.single-page-wrapper .single-header .meta a i,
.site-container section.single-page-wrapper .single-header .meta a i {
  font-size: 18px;
}
.site-container .oldsection.single-page-wrapper .single-header .meta a.writted,
.site-container section.single-page-wrapper .single-header .meta a.writted {
  text-align: left;
}
.site-container .oldsection.single-page-wrapper .single-header .meta a.date,
.site-container section.single-page-wrapper .single-header .meta a.date {
  float: right;
}
.site-container .oldsection.single-page-wrapper .single-header .featured-image,
.site-container section.single-page-wrapper .single-header .featured-image {
  position: relative;
}
.site-container .oldsection.single-page-wrapper .single-header .featured-image ul li a,
.site-container section.single-page-wrapper .single-header .featured-image ul li a {
  display: block;
}
.site-container .oldsection.single-page-wrapper .single-header .featured-image ul li a img,
.site-container section.single-page-wrapper .single-header .featured-image ul li a img {
  width: 100%;
}
.site-container .oldsection.single-page-wrapper .single-header .featured-image ul .owl-controls,
.site-container section.single-page-wrapper .single-header .featured-image ul .owl-controls {
  position: absolute;
  bottom: -30px;
  left: 50%;
}
.site-container .oldsection.single-page-wrapper .single-header .featured-image ul .owl-controls .owl-pagination .owl-page,
.site-container section.single-page-wrapper .single-header .featured-image ul .owl-controls .owl-pagination .owl-page {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #c8c8c8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
}
.site-container .oldsection.single-page-wrapper .single-header .featured-image ul .owl-controls .owl-pagination .owl-page.active,
.site-container section.single-page-wrapper .single-header .featured-image ul .owl-controls .owl-pagination .owl-page.active {
  background-color: #000;
}
.site-container .oldsection.single-page-wrapper .single-content,
.site-container section.single-page-wrapper .single-content {
  padding: 40px 0;
}
.site-container .oldsection.single-page-wrapper .single-content ul,
.site-container section.single-page-wrapper .single-content ul {
  margin-bottom: 20px;
}
.site-container .oldsection.single-page-wrapper .single-content ul li,
.site-container section.single-page-wrapper .single-content ul li {
  font-size: 13px;
  font-weight: normal;
  color: #232323;
  padding-left: 20px;
  margin-bottom: 5px;
  position: relative;
  line-height: 18px;
}
.site-container .oldsection.single-page-wrapper .single-content ul li:before,
.site-container section.single-page-wrapper .single-content ul li:before {
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #c8c8c8;
}
.site-container .oldsection.single-page-wrapper .single-meta > span,
.site-container section.single-page-wrapper .single-meta > span {
  display: block;
  font-size: 13px;
  font-weight: normal;
  color: #969696;
  text-align: right;
}
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo,
.site-container section.single-page-wrapper .single-meta > .metainfo {
  background-color: #ebebeb;
  margin-top: 35px;
  padding: 20px 30px;
}
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo ul,
.site-container section.single-page-wrapper .single-meta > .metainfo ul {
  display: table;
}
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo ul li,
.site-container section.single-page-wrapper .single-meta > .metainfo ul li {
  display: inline-block;
  margin: 0 10px 10px 0;
}
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo ul li a,
.site-container section.single-page-wrapper .single-meta > .metainfo ul li a {
  display: block;
  font-size: 12px;
  color: #969696;
  padding: 5px 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFF;
  text-decoration: none;
}
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo ul li a:hover,
.site-container section.single-page-wrapper .single-meta > .metainfo ul li a:hover {
  background-color: #55c8ff;
  color: #FFF;
}
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo .share-span,
.site-container section.single-page-wrapper .single-meta > .metainfo .share-span {
  display: block;
  font-size: 13px;
  font-weight: normal;
  color: #7d7d7d;
}
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo .share-list,
.site-container section.single-page-wrapper .single-meta > .metainfo .share-list {
  display: table;
  margin-top: 10px;
}
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo .share-list li,
.site-container section.single-page-wrapper .single-meta > .metainfo .share-list li {
  display: inline-block;
  margin-right: 10px;
}
.site-container .oldsection.single-page-wrapper .single-heading,
.site-container section.single-page-wrapper .single-heading {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  text-transform: uppercase;
  color: #232323;
}
.site-container .oldsection.single-page-wrapper .single-heading:after,
.site-container section.single-page-wrapper .single-heading:after {
  display: block;
  content: "";
  width: 15%;
  height: 5px;
  background-color: #55c8ff;
  margin: 25px 0;
}
.site-container .oldsection.single-page-wrapper .about-author,
.site-container section.single-page-wrapper .about-author {
  margin: 60px 0;
  border-bottom: #e6e6e6 1px solid;
}
.site-container .oldsection.single-page-wrapper .about-author .author,
.site-container section.single-page-wrapper .about-author .author {
  padding: 20px 0 40px;
}
.site-container .oldsection.single-page-wrapper .about-author .author .author-img,
.site-container section.single-page-wrapper .about-author .author .author-img {
  float: left;
  display: block;
  width: 110px;
  height: 110px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.site-container .oldsection.single-page-wrapper .about-author .author .author-img img,
.site-container section.single-page-wrapper .about-author .author .author-img img {
  width: 100%;
}
.site-container .oldsection.single-page-wrapper .about-author .author .content,
.site-container section.single-page-wrapper .about-author .author .content {
  padding-top: 10px;
  padding-left: 160px;
  font-size: 13px;
  line-height: 18px;
  color: #7d7d7d;
}
.site-container .oldsection.single-page-wrapper .about-author .author .content p,
.site-container section.single-page-wrapper .about-author .author .content p {
  margin: 0 0 10px 0;
}
.site-container .oldsection.single-page-wrapper .post-comments,
.site-container section.single-page-wrapper .post-comments {
  border-bottom: #e6e6e6 1px solid;
}
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree,
.site-container section.single-page-wrapper .post-comments .comments-tree {
  padding: 30px 0 10px;
}
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment,
.site-container section.single-page-wrapper .post-comments .comments-tree .comment {
  margin-bottom: 40px;
}
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .children,
.site-container section.single-page-wrapper .post-comments .comments-tree .comment .children {
  margin-left: 60px;
  margin-top: 40px;
}
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .avatar,
.site-container section.single-page-wrapper .post-comments .comments-tree .comment .avatar {
  float: left;
  display: block;
  width: 60px;
  height: 60px;
}
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .avatar img,
.site-container section.single-page-wrapper .post-comments .comments-tree .comment .avatar img {
  width: 100%;
}
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content,
.site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content {
  margin-left: 60px;
  padding: 25px 35px 35px;
  background-color: #FFF;
  -webkit-box-shadow: 1px 1px 1px 0px #b8b8b8;
  -moz-box-shadow: 1px 1px 1px 0px #b8b8b8;
  box-shadow: 1px 1px 1px 0px #b8b8b8;
}
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content > h2,
.site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content > h2 {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 300;
  color: #232323;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content > h2 span,
.site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content > h2 span {
  padding: 0 10px;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  color: #7d7d7d;
  line-height: 18px;
}
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content > p,
.site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content > p {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  color: #7d7d7d;
}
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply,
.site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply {
  position: relative;
}
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply:before,
.site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #ededed;
  z-index: 1;
}
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply .reply,
.site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply .reply {
  position: relative;
  background: #FFF;
  float: right;
  margin-top: -7px;
  padding: 0 0 0 15px;
  font-size: 13px;
  color: #7d7d7d;
  z-index: 2;
  text-decoration: none;
  text-align: right;
}
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply .reply:hover,
.site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply .reply:hover {
  color: #55c8ff;
}
.site-container .oldsection.single-page-wrapper .post-comments .all-comments,
.site-container section.single-page-wrapper .post-comments .all-comments {
  display: block;
  text-align: right;
  font-size: 13px;
  font-weight: normal;
  color: #7d7d7d;
  margin-bottom: 40px;
}
.site-container .oldsection.single-page-wrapper .reply-comments,
.site-container section.single-page-wrapper .reply-comments {
  padding: 60px 0 20px;
  border-bottom: #e6e6e6 1px solid;
}
.site-container .oldsection.single-page-wrapper .reply-comments form,
.site-container section.single-page-wrapper .reply-comments form {
  margin: 50px 0;
}
.site-container .oldsection.single-page-wrapper .reply-comments form label,
.site-container section.single-page-wrapper .reply-comments form label {
  font-size: 16px !important;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 5px;
  color: #7d7d7d;
}
.site-container .oldsection.single-page-wrapper .reply-comments form input,
.site-container section.single-page-wrapper .reply-comments form input {
  padding: 20px;
}
.site-container .oldsection.single-page-wrapper .reply-comments form textarea,
.site-container section.single-page-wrapper .reply-comments form textarea {
  height: 200px;
}
.site-container .oldsection.single-page-wrapper .reply-comments form .read-more,
.site-container section.single-page-wrapper .reply-comments form .read-more {
  border: none;
  font-weight: 300;
  margin: 50px 0 0;
}
.site-container .oldsection.single-page-wrapper .reply-comments form .read-more:hover,
.site-container section.single-page-wrapper .reply-comments form .read-more:hover {
  color: #FFF;
}
.site-container .oldsection.single-page-wrapper .related-posts,
.site-container section.single-page-wrapper .related-posts {
  padding: 60px 0;
  border-bottom: #e6e6e6 1px solid;
}
.site-container .oldsection.single-page-wrapper .related-posts > h2,
.site-container section.single-page-wrapper .related-posts > h2 {
  font-family: "Roboto", sans-serif;
  font-size: 60px;
  font-weight: 300;
  text-transform: uppercase;
  color: #232323;
}
.site-container .oldsection.single-page-wrapper .related-posts > h2:after,
.site-container section.single-page-wrapper .related-posts > h2:after {
  display: block;
  content: "";
  width: 15%;
  height: 5px;
  background-color: #55c8ff;
  margin: 25px 0 50px;
}
.site-container .oldsection.single-page-wrapper .related-posts .item-post,
.site-container section.single-page-wrapper .related-posts .item-post {
  margin-bottom: 30px;
}
.site-container .oldsection.single-page-wrapper .related-posts .item-post .fimage,
.site-container section.single-page-wrapper .related-posts .item-post .fimage {
  display: block;
  margin: 0 0 35px;
}
.site-container .oldsection.single-page-wrapper .related-posts .item-post .fimage img,
.site-container section.single-page-wrapper .related-posts .item-post .fimage img {
  width: 100%;
}
.site-container .oldsection.single-page-wrapper .related-posts .item-post .title,
.site-container section.single-page-wrapper .related-posts .item-post .title {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  color: #969696;
  margin: 0 0 10px;
}
.site-container .oldsection.single-page-wrapper .related-posts .item-post .title a,
.site-container section.single-page-wrapper .related-posts .item-post .title a {
  text-decoration: none;
  color: #969696;
}
.site-container .oldsection.single-page-wrapper .related-posts .item-post .title a:hover,
.site-container section.single-page-wrapper .related-posts .item-post .title a:hover {
  color: #55c8ff;
}
.site-container .oldsection.single-page-wrapper .related-posts .item-post .date,
.site-container section.single-page-wrapper .related-posts .item-post .date {
  display: block;
  font-size: 13px;
  line-height: 18px;
  color: #7d7d7d;
}
.site-container .oldsection.single-page-wrapper .pagination-post,
.site-container section.single-page-wrapper .pagination-post {
  padding: 60px 0 0;
  text-align: right;
}
.site-container .oldsection.single-page-wrapper .pagination-post a,
.site-container section.single-page-wrapper .pagination-post a {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  color: #7d7d7d;
  border: #cbcbcb 1px solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #ebebeb;
  padding: 10px 25px;
  margin-left: 15px;
  text-decoration: none;
}
.site-container .oldsection.single-page-wrapper .pagination-post a:hover,
.site-container section.single-page-wrapper .pagination-post a:hover {
  background-color: #55c8ff;
  color: #FFF;
  border-color: #55c8ff;
}
.site-container .oldsection.blog-style-one .blog-item,
.site-container section.blog-style-one .blog-item {
  float: left;
  width: 48%;
  margin-right: 2%;
  margin-bottom: 30px;
}
.site-container .oldsection.blog-style-one .blog-item .item-content,
.site-container section.blog-style-one .blog-item .item-content {
  padding: 15px;
  background-color: #FFF;
  -webkit-box-shadow: 1px 1px 1px 0px #b8b8b8;
  -moz-box-shadow: 1px 1px 1px 0px #b8b8b8;
  box-shadow: 1px 1px 1px 0px #b8b8b8;
}
.site-container .oldsection.blog-style-one .blog-item .item-content .featured-image a,
.site-container section.blog-style-one .blog-item .item-content .featured-image a {
  display: block;
  width: 100%;
}
.site-container .oldsection.blog-style-one .blog-item .item-content .featured-image a img,
.site-container section.blog-style-one .blog-item .item-content .featured-image a img {
  width: 100%;
}
.site-container .oldsection.blog-style-one .blog-item .item-content .meta,
.site-container section.blog-style-one .blog-item .item-content .meta {
  width: 100%;
  padding: 20px 5px;
  margin-bottom: 25px;
  border-bottom: #f4f4f4 1px solid;
}
.site-container .oldsection.blog-style-one .blog-item .item-content .meta a,
.site-container section.blog-style-one .blog-item .item-content .meta a {
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  color: #7d7d7d;
}
.site-container .oldsection.blog-style-one .blog-item .item-content .meta .date,
.site-container section.blog-style-one .blog-item .item-content .meta .date {
  float: right;
}
.site-container .oldsection.blog-style-one .blog-item .item-content .content h2,
.site-container section.blog-style-one .blog-item .item-content .content h2 {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 30px;
  color: #232323;
  margin-bottom: 30px;
}
.site-container .oldsection.blog-style-one .blog-item .item-content .content p,
.site-container section.blog-style-one .blog-item .item-content .content p {
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  color: #7d7d7d;
}
.site-container .oldsection.blog-style-one .blog-item .item-content .content .read,
.site-container section.blog-style-one .blog-item .item-content .content .read {
  display: table;
  margin: 50px auto;
  padding: 10px 20px;
  background: #FFF;
  border: #55c8ff 1px solid;
  color: #55c8ff;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.site-container .oldsection.blog-style-one .blog-item .item-content .content .read:hover,
.site-container section.blog-style-one .blog-item .item-content .content .read:hover {
  background-color: #55c8ff;
  color: #FFF;
}
.site-container .oldsection.blog-style-one .blog-item .item-content .comments,
.site-container section.blog-style-one .blog-item .item-content .comments {
  text-align: right;
}
.site-container .oldsection.blog-style-one .blog-item .item-content .comments a,
.site-container section.blog-style-one .blog-item .item-content .comments a {
  display: block;
  font-size: 13px;
  font-weight: normal;
  color: #c8c8c8;
  text-decoration: none;
}
.site-container .oldsection.blog-style-one .blog-item .tags,
.site-container section.blog-style-one .blog-item .tags {
  display: table;
  margin: 20px 0;
}
.site-container .oldsection.blog-style-one .blog-item .tags li,
.site-container section.blog-style-one .blog-item .tags li {
  display: inline-block;
  margin: 2px 5px;
}
.site-container .oldsection.blog-style-one .blog-item .tags li a,
.site-container section.blog-style-one .blog-item .tags li a {
  display: block;
  padding: 5px 10px;
  background-color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  color: #c8c8c8;
}
.site-container .oldsection.blog-style-one .blog-item .tags li a:hover,
.site-container section.blog-style-one .blog-item .tags li a:hover {
  background-color: #55c8ff;
  color: #FFF;
}
.site-container .oldsection.blog-style-two .blog-item,
.site-container section.blog-style-two .blog-item {
  background-color: #FFF;
  margin-bottom: 40px;
  -webkit-box-shadow: 1px 1px 1px 0px #b8b8b8;
  -moz-box-shadow: 1px 1px 1px 0px #b8b8b8;
  box-shadow: 1px 1px 1px 0px #b8b8b8;
}
.site-container .oldsection.blog-style-two .blog-item .item-title,
.site-container section.blog-style-two .blog-item .item-title {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 30px;
  color: #232323;
  margin-bottom: 30px;
  padding: 30px 20px 0;
}
.site-container .oldsection.blog-style-two .blog-item .item-title:after,
.site-container section.blog-style-two .blog-item .item-title:after {
  content: "";
  display: block;
  height: 1px;
  background-color: #ededed;
  margin-top: 30px;
  margin-right: -20px;
  margin-left: -20px;
}
.site-container .oldsection.blog-style-two .blog-item .meta,
.site-container section.blog-style-two .blog-item .meta {
  width: 100%;
  padding: 0px 20px;
  margin-bottom: 25px;
}
.site-container .oldsection.blog-style-two .blog-item .meta a,
.site-container section.blog-style-two .blog-item .meta a {
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  color: #7d7d7d;
}
.site-container .oldsection.blog-style-two .blog-item .meta .date,
.site-container section.blog-style-two .blog-item .meta .date {
  float: right;
}
.site-container .oldsection.blog-style-two .blog-item .featured-image,
.site-container section.blog-style-two .blog-item .featured-image {
  margin-bottom: 40px;
  max-height: 537px;
  overflow: hidden;
}
.site-container .oldsection.blog-style-two .blog-item .featured-image a,
.site-container section.blog-style-two .blog-item .featured-image a {
  display: block;
  width: 100%;
}
.site-container .oldsection.blog-style-two .blog-item .featured-image a img,
.site-container section.blog-style-two .blog-item .featured-image a img {
  width: 100%;
}
.site-container .oldsection.blog-style-two .blog-item .content,
.site-container section.blog-style-two .blog-item .content {
  padding: 0 20px;
}
.site-container .oldsection.blog-style-two .blog-item .content p,
.site-container section.blog-style-two .blog-item .content p {
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 10px;
  color: #7d7d7d;
}
.site-container .oldsection.blog-style-two .blog-item .comments,
.site-container section.blog-style-two .blog-item .comments {
  padding: 50px 30px;
}
.site-container .oldsection.blog-style-two .blog-item .comments .read,
.site-container section.blog-style-two .blog-item .comments .read {
  float: left;
  display: inline-block;
  padding: 10px 20px;
  background: #FFF;
  border: #55c8ff 1px solid;
  color: #55c8ff;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.site-container .oldsection.blog-style-two .blog-item .comments .read:hover,
.site-container section.blog-style-two .blog-item .comments .read:hover {
  background-color: #55c8ff;
  color: #FFF;
}
.site-container .oldsection.blog-style-two .blog-item .comments .comment-number,
.site-container section.blog-style-two .blog-item .comments .comment-number {
  float: right;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  color: #c8c8c8;
  text-decoration: none;
  margin-top: 10px;
}
.site-container .oldsection .pagination,
.site-container section .pagination {
  width: 100%;
  margin-top: 100px;
  text-align: center;
}
.site-container .oldsection .pagination.pagination-right,
.site-container section .pagination.pagination-right {
  text-align: right !important;
  margin-right: 15px !important;
}
.site-container .oldsection .pagination ul li,
.site-container section .pagination ul li {
  display: inline-block;
}
.site-container .oldsection .pagination ul li a,
.site-container section .pagination ul li a {
  display: block;
  font-size: 16px;
  font-weight: normal;
  min-width: 25px;
  color: #c8c8c8;
  padding: 10px;
  border: #e3e3e3 1px solid;
  text-decoration: none;
}
.site-container .oldsection .pagination ul li a:hover,
.site-container section .pagination ul li a:hover {
  border-color: #55c8ff;
  background-color: #55c8ff;
  color: #FFF;
}
.site-container .oldsection .pagination ul li a.active,
.site-container section .pagination ul li a.active {
  border-color: #55c8ff;
  color: #55c8ff;
}
.site-container .oldsection .pagination ul li a.active:hover,
.site-container section .pagination ul li a.active:hover {
  color: #FFF;
}
.site-container .oldsection .single-project,
.site-container section .single-project {
  border-bottom: #cecece 1px solid;
  padding-bottom: 80px;
  margin-bottom: 20px;
}
.site-container .oldsection .single-project .project-title,
.site-container section .single-project .project-title {
  font-family: "Roboto Condensed",sans-serif;
  font-size: 60px;
  font-weight: 300;
  text-transform: uppercase;
  color: #232323;
  margin-bottom: 80px;
}
.site-container .oldsection .single-project .project-title:after,
.site-container section .single-project .project-title:after {
  display: block;
  content: "";
  width: 10%;
  height: 5px;
  background-color: #55c8ff;
  margin-top: 30px;
}
.site-container .oldsection .single-project .featured-image,
.site-container section .single-project .featured-image {
  position: relative;
  margin-bottom: 100px;
}
.site-container .oldsection .single-project .featured-image ul li a,
.site-container section .single-project .featured-image ul li a {
  display: block;
}
.site-container .oldsection .single-project .featured-image ul li a img,
.site-container section .single-project .featured-image ul li a img {
  width: 100%;
}
.site-container .oldsection .single-project .featured-image ul .owl-controls,
.site-container section .single-project .featured-image ul .owl-controls {
  position: absolute;
  bottom: -30px;
  left: 50%;
}
.site-container .oldsection .single-project .featured-image ul .owl-controls .owl-pagination .owl-page,
.site-container section .single-project .featured-image ul .owl-controls .owl-pagination .owl-page {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #c8c8c8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
}
.site-container .oldsection .single-project .featured-image ul .owl-controls .owl-pagination .owl-page.active,
.site-container section .single-project .featured-image ul .owl-controls .owl-pagination .owl-page.active {
  background-color: #000;
}
.site-container .oldsection .single-project .meta-title,
.site-container section .single-project .meta-title {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  color: #232323;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.site-container .oldsection .single-project .meta-title:after,
.site-container section .single-project .meta-title:after {
  display: block;
  content: "";
  width: 50px;
  height: 3px;
  background-color: #55c8ff;
  margin-top: 15px;
}
.site-container .oldsection .single-project .list-detailed li,
.site-container section .single-project .list-detailed li {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
}
.site-container .oldsection .single-project .list-detailed li span,
.site-container section .single-project .list-detailed li span {
  color: #969696;
  padding-right: 20px;
}
.site-container .oldsection .single-project .list-detailed table tbody tr,
.site-container section .single-project .list-detailed table tbody tr {
  border-bottom: transparent 20px solid;
}
.site-container .oldsection .single-project .list-detailed table tbody tr td,
.site-container section .single-project .list-detailed table tbody tr td {
  font-size: 13px;
  font-weight: normal;
  color: #232323;
}
.site-container .oldsection .single-project .list-detailed table tbody tr td.title,
.site-container section .single-project .list-detailed table tbody tr td.title {
  vertical-align: top;
  color: #969696;
  line-height: 18px;
  padding-right: 10px;
  min-width: 120px;
}
.site-container .oldsection .single-project .avarage,
.site-container section .single-project .avarage {
  margin-top: 40px;
}
.site-container .oldsection .single-project .avarage span,
.site-container section .single-project .avarage span {
  font-size: 13px !important;
  font-weight: normal !important;
  color: #969696 !important;
  margin-bottom: 10px !important;
}
.site-container .oldsection .single-project .avarage .avg,
.site-container section .single-project .avarage .avg {
  /* change these if you want */
}
.site-container .oldsection .single-project .avarage .avg span,
.site-container section .single-project .avarage .avg span {
  display: block;
  font-size: 13px;
  font-weight: normal;
  color: #232323;
  margin-bottom: 15px;
}
.site-container .oldsection .single-project .avarage .avg .raterater-bg-layer,
.site-container section .single-project .avarage .avg .raterater-bg-layer {
  color: rgba(240, 240, 240, 0.25);
}
.site-container .oldsection .single-project .avarage .avg .raterater-hover-layer,
.site-container section .single-project .avarage .avg .raterater-hover-layer {
  color: rgba(255, 200, 0, 0.75);
}
.site-container .oldsection .single-project .avarage .avg .raterater-hover-layer.rated,
.site-container section .single-project .avarage .avg .raterater-hover-layer.rated {
  /* after the user selects a rating */
  color: yellow;
}
.site-container .oldsection .single-project .avarage .avg .raterater-rating-layer,
.site-container section .single-project .avarage .avg .raterater-rating-layer {
  color: rgba(255, 200, 0, 0.75);
}
.site-container .oldsection .single-project .avarage .avg .raterater-outline-layer,
.site-container section .single-project .avarage .avg .raterater-outline-layer {
  color: rgba(0, 0, 0, 0.25);
}
.site-container .oldsection .single-project .avarage .avg .raterater-wrapper,
.site-container section .single-project .avarage .avg .raterater-wrapper {
  overflow: visible;
}
.site-container .oldsection .single-project .avarage .avg .raterater-layer,
.site-container .oldsection .single-project .avarage .avg .raterater-layer i,
.site-container section .single-project .avarage .avg .raterater-layer,
.site-container section .single-project .avarage .avg .raterater-layer i {
  display: block;
  position: absolute;
  overflow: visible;
  top: 0px;
  left: 0px;
}
.site-container .oldsection .single-project .avarage .avg .raterater-hover-layer,
.site-container section .single-project .avarage .avg .raterater-hover-layer {
  display: none;
}
.site-container .oldsection .single-project .avarage .avg .raterater-hover-layer i,
.site-container .oldsection .single-project .avarage .avg .raterater-rating-layer i,
.site-container section .single-project .avarage .avg .raterater-hover-layer i,
.site-container section .single-project .avarage .avg .raterater-rating-layer i {
  width: 0px;
  overflow: hidden;
}
.site-container .oldsection .single-project .share,
.site-container section .single-project .share {
  margin-top: 40px;
  background-color: #f5f5f5;
  padding: 20px;
}
.site-container .oldsection .single-project .share .share-list,
.site-container section .single-project .share .share-list {
  display: table;
  margin-top: 10px;
}
.site-container .oldsection .single-project .share .share-list li,
.site-container section .single-project .share .share-list li {
  display: inline-block;
  margin-right: 10px;
}
.site-container .oldsection .single-project .project-desc p,
.site-container section .single-project .project-desc p {
  font-size: 13px;
  font-weight: normal;
  color: #232323;
  margin-bottom: 10px;
}
.site-container .oldsection .single-project .project-desc ul,
.site-container section .single-project .project-desc ul {
  margin: 20px 0;
}
.site-container .oldsection .single-project .project-desc ul li,
.site-container section .single-project .project-desc ul li {
  position: relative;
  font-size: 13px;
  font-weight: normal;
  border-bottom: #efeff1 1px solid;
  padding: 10px 0 10px 30px;
  margin-bottom: 10px;
}
.site-container .oldsection .single-project .project-desc ul li:before,
.site-container section .single-project .project-desc ul li:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #d7d7d7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.site-container .oldsection .single-project .project-desc ul li:last-child,
.site-container section .single-project .project-desc ul li:last-child {
  border-bottom: none;
}
.site-container .oldsection .sidebar .widget,
.site-container section .sidebar .widget {
  margin-bottom: 30px;
}
.site-container .oldsection .sidebar .widget .widget-titles,
.site-container section .sidebar .widget .widget-titles {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 300;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 35px;
}
.site-container .oldsection .sidebar .widget .widget-titles:after,
.site-container section .sidebar .widget .widget-titles:after {
  content: "";
  display: block;
  width: 30%;
  height: 3px;
  background-color: #55c8ff;
  margin-top: 15px;
}
.site-container .oldsection .sidebar .widget.widget_search,
.site-container section .sidebar .widget.widget_search {
  margin-bottom: 30px;
}
.site-container .oldsection .sidebar .widget.widget_search input,
.site-container section .sidebar .widget.widget_search input {
  background: white url(../img/searchbox.png) no-repeat right center;
  border: none;
  color: #969696;
  padding: 17px 45px 17px 30px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.site-container .oldsection .sidebar .widget.widget_search input::-webkit-input-placeholder,
.site-container section .sidebar .widget.widget_search input::-webkit-input-placeholder {
  font-size: 13px;
  font-weight: 300;
  line-height: 28px;
  color: #969696;
}
.site-container .oldsection .sidebar .widget.widget_search input:-moz-placeholder,
.site-container section .sidebar .widget.widget_search input:-moz-placeholder {
  font-size: 13px;
  font-weight: 300;
  line-height: 28px;
  color: #969696;
}
.site-container .oldsection .sidebar .widget.widget_search input::-moz-placeholder,
.site-container section .sidebar .widget.widget_search input::-moz-placeholder {
  font-size: 13px;
  font-weight: 300;
  line-height: 28px;
  color: #969696;
}
.site-container .oldsection .sidebar .widget.widget_search input:-ms-input-placeholder,
.site-container section .sidebar .widget.widget_search input:-ms-input-placeholder {
  font-size: 13px;
  font-weight: 300;
  line-height: 28px;
  color: #969696;
}
.site-container .oldsection .sidebar .widget.widget_category .widget-title,
.site-container section .sidebar .widget.widget_category .widget-title {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 300;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  background-color: #969696;
  border: #c9c9c9 1px solid;
  padding: 15px 0;
}
.site-container .oldsection .sidebar .widget.widget_category ul,
.site-container section .sidebar .widget.widget_category ul {
  padding: 20px 0;
  background-color: #FFF;
}
.site-container .oldsection .sidebar .widget.widget_category ul li a,
.site-container section .sidebar .widget.widget_category ul li a {
  display: block;
  padding: 15px 0 15px 30px;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  color: #7d7d7d;
}
.site-container .oldsection .sidebar .widget.widget_category ul li a:hover,
.site-container section .sidebar .widget.widget_category ul li a:hover {
  color: #000;
  background-color: #f5f5f5;
}
.site-container .oldsection .sidebar .widget.widget_category ul li a:before,
.site-container section .sidebar .widget.widget_category ul li a:before {
  content: "\f105";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 20px;
}
.site-container .oldsection .sidebar .widget.widget_accordion .widget-title,
.site-container section .sidebar .widget.widget_accordion .widget-title {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 300;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  background-color: #969696;
  border: #c9c9c9 1px solid;
  padding: 15px 0;
}
.site-container .oldsection .sidebar .widget.widget_accordion ul,
.site-container section .sidebar .widget.widget_accordion ul {
  padding: 20px 0;
  background-color: #FFF;
}
.site-container .oldsection .sidebar .widget.widget_accordion ul li a,
.site-container section .sidebar .widget.widget_accordion ul li a {
  display: block;
  padding: 15px 0 15px 30px;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  color: #7d7d7d;
}
.site-container .oldsection .sidebar .widget.widget_accordion ul li a:hover,
.site-container section .sidebar .widget.widget_accordion ul li a:hover {
  color: #000;
  background-color: #f5f5f5;
}
.site-container .oldsection .sidebar .widget.widget_accordion ul li a:before,
.site-container section .sidebar .widget.widget_accordion ul li a:before {
  content: "\f105";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 20px;
}
.site-container .oldsection .sidebar .widget.widget_accordion ul li.active a,
.site-container section .sidebar .widget.widget_accordion ul li.active a {
  position: relative;
  background-color: #55c8ff;
  color: #FFF;
  font-weight: bold;
}
.site-container .oldsection .sidebar .widget.widget_accordion ul li.active a:before,
.site-container section .sidebar .widget.widget_accordion ul li.active a:before {
  content: "\f107";
}
.site-container .oldsection .sidebar .widget.widget_accordion ul li.active a:after,
.site-container section .sidebar .widget.widget_accordion ul li.active a:after {
  content: " ";
  top: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  display: block;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #55c8ff;
  border-width: 10px;
  margin-left: -10px;
}
.site-container .oldsection .sidebar .widget.widget_accordion ul li.active .content,
.site-container section .sidebar .widget.widget_accordion ul li.active .content {
  display: block;
}
.site-container .oldsection .sidebar .widget.widget_accordion ul li .content,
.site-container section .sidebar .widget.widget_accordion ul li .content {
  display: none;
  padding: 25px 30px;
  background-color: #d2faff;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  color: #232323;
}
.site-container .oldsection .sidebar .widget.widget_popullar,
.site-container section .sidebar .widget.widget_popullar {
  background-color: #FFF;
}
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title,
.site-container section .sidebar .widget.widget_popullar .tab-title {
  display: table;
  width: 100%;
  background-color: #4b4b4b;
  border-bottom: #55c8ff 3px solid;
}
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li,
.site-container section .sidebar .widget.widget_popullar .tab-title li {
  float: left;
  width: 33.3333333%;
  margin: 0;
  padding: 0;
}
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li:not(:last-child),
.site-container section .sidebar .widget.widget_popullar .tab-title li:not(:last-child) {
  border-right: #2c2c2c 1px solid;
}
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a,
.site-container section .sidebar .widget.widget_popullar .tab-title li a {
  display: block;
  position: relative;
  background-color: #4b4b4b;
  padding: 20px 0px;
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: #FFF;
}
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a:after, .site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a:before,
.site-container section .sidebar .widget.widget_popullar .tab-title li a:after,
.site-container section .sidebar .widget.widget_popullar .tab-title li a:before {
  bottom: 0%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a:after,
.site-container section .sidebar .widget.widget_popullar .tab-title li a:after {
  display: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #55c8ff;
  border-width: 8px;
  margin-left: -8px;
}
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a:hover, .site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a.active,
.site-container section .sidebar .widget.widget_popullar .tab-title li a:hover,
.site-container section .sidebar .widget.widget_popullar .tab-title li a.active {
  background-color: #232323;
}
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a:hover:after, .site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a.active:after,
.site-container section .sidebar .widget.widget_popullar .tab-title li a:hover:after,
.site-container section .sidebar .widget.widget_popullar .tab-title li a.active:after {
  display: block;
}
.site-container .oldsection .sidebar .widget.widget_popullar .content,
.site-container section .sidebar .widget.widget_popullar .content {
  padding: 30px 20px;
}
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents,
.site-container section .sidebar .widget.widget_popullar .content .tab-contents {
  display: none;
}
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li:not(:first-child),
.site-container section .sidebar .widget.widget_popullar .content .tab-contents li:not(:first-child) {
  margin-top: 25px;
}
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li:not(:first-child) a:before,
.site-container section .sidebar .widget.widget_popullar .content .tab-contents li:not(:first-child) a:before {
  display: block;
  conten: "";
  width: 100%;
  height: 1px;
  background-color: #e2e2e2;
  margin-bottom: 30px;
}
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li a,
.site-container section .sidebar .widget.widget_popullar .content .tab-contents li a {
  display: block;
  text-decoration: none;
}
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li a img,
.site-container section .sidebar .widget.widget_popullar .content .tab-contents li a img {
  float: left;
  width: 45px;
  height: 45px;
}
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li a h2,
.site-container section .sidebar .widget.widget_popullar .content .tab-contents li a h2 {
  font-size: 13px;
  font-weight: normal;
  color: #232323;
  line-height: 16px;
  padding-left: 60px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li a h2 span,
.site-container section .sidebar .widget.widget_popullar .content .tab-contents li a h2 span {
  margin-top: 15px;
  display: block;
  color: #969696;
}
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li a:hover h2,
.site-container section .sidebar .widget.widget_popullar .content .tab-contents li a:hover h2 {
  color: #55c8ff;
}
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents.active,
.site-container section .sidebar .widget.widget_popullar .content .tab-contents.active {
  display: block;
}
.site-container .oldsection .sidebar .widget.recent-tweets .twitie ul li,
.site-container section .sidebar .widget.recent-tweets .twitie ul li {
  position: relative;
  font-size: 13px;
  font-weight: normal;
  color: #969696;
  line-height: 18px;
  padding-left: 30px;
  margin-bottom: 20px;
}
.site-container .oldsection .sidebar .widget.recent-tweets .twitie ul li a,
.site-container section .sidebar .widget.recent-tweets .twitie ul li a {
  font-size: 13px;
  font-weight: normal;
  color: #969696;
  text-decoration: none;
}
.site-container .oldsection .sidebar .widget.recent-tweets .twitie ul li .date,
.site-container section .sidebar .widget.recent-tweets .twitie ul li .date {
  display: block;
  color: #969696;
  margin: 10px 0 0;
}
.site-container .oldsection .sidebar .widget.recent-tweets .twitie ul li:before,
.site-container section .sidebar .widget.recent-tweets .twitie ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url(../img/twitte-icon.png) no-repeat center center;
}
.site-container .oldsection .sidebar .widget.recent-tweets .twitie ul li:not(:last-child),
.site-container section .sidebar .widget.recent-tweets .twitie ul li:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: #e6e6e6 1px solid;
}
.site-container .oldsection .heading-style,
.site-container section .heading-style {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  color: #232323;
  margin: 30px 0;
}
.site-container .oldsection .description-style,
.site-container section .description-style {
  font-size: 13px;
  font-weight: normal;
  color: #646464;
  line-height: 18px;
}
.site-container .oldsection .members,
.site-container section .members {
  width: 100%;
  margin: 40px 0;
}
.site-container .oldsection .members .member,
.site-container section .members .member {
  width: 100%;
}
.site-container .oldsection .members .member .profile > a,
.site-container section .members .member .profile > a {
  float: left;
  display: inline-block;
  width: 117px;
  height: 117px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.site-container .oldsection .members .member .profile > a img,
.site-container section .members .member .profile > a img {
  width: 100%;
}
.site-container .oldsection .members .member .profile .content,
.site-container section .members .member .profile .content {
  margin-left: 150px;
}
.site-container .oldsection .members .member .profile .content h1,
.site-container section .members .member .profile .content h1 {
  font-family: "Roboto", sans-serif;
  font-size: 35px;
  font-weight: 300;
  color: #232323;
  margin-bottom: 35px;
}
.site-container .oldsection .members .member .profile .content h1 span,
.site-container section .members .member .profile .content h1 span {
  display: block;
  font-size: 18px;
  font-weight: 300;
  color: #232323;
  margin-top: 5px;
}
.site-container .oldsection .members .member .profile .content p,
.site-container section .members .member .profile .content p {
  font-size: 13px;
  font-weight: normal;
  color: #646464;
  line-height: 18px;
}
.site-container .oldsection .members .member .social,
.site-container section .members .member .social {
  width: 100%;
  margin-top: 40px;
  background-color: #f5f5f5;
}
.site-container .oldsection .members .member .social ul,
.site-container section .members .member .social ul {
  text-align: center;
}
.site-container .oldsection .members .member .social ul li,
.site-container section .members .member .social ul li {
  display: inline-block;
}
.site-container .oldsection .members .member .social ul li a,
.site-container section .members .member .social ul li a {
  display: block;
  width: 50px;
  height: 50px;
  color: #c8c8c8;
  font-size: 23px;
  padding: 15px 0 0;
}
.site-container .oldsection .members .member .social ul li a:hover,
.site-container section .members .member .social ul li a:hover {
  background-color: #55c8ff;
  color: #FFF;
}
.site-container .oldsection .members .owl-controls .owl-pagination,
.site-container section .members .owl-controls .owl-pagination {
  display: table;
  margin: 20px auto;
}
.site-container .oldsection .members .owl-controls .owl-pagination .owl-page,
.site-container section .members .owl-controls .owl-pagination .owl-page {
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #c8c8c8;
  margin-left: 10px;
}
.site-container .oldsection .members .owl-controls .owl-pagination .owl-page.active,
.site-container section .members .owl-controls .owl-pagination .owl-page.active {
  background-color: #000;
}
.site-container .oldsection .progress,
.site-container section .progress {
  position: relative;
  overflow: inherit !important;
  margin: 50px 0 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: #f5f5f5;
}
.site-container .oldsection .progress span,
.site-container section .progress span {
  position: absolute;
  font-family: 'Glegoo', serif !important;
  font-size: 13px !important;
  font-weight: normal !important;
  color: #232323 !important;
}
.site-container .oldsection .progress .p-label,
.site-container section .progress .p-label {
  left: 0;
  top: -20px;
}
.site-container .oldsection .progress .p-count,
.site-container section .progress .p-count {
  right: 0;
  top: -20px;
}
.site-container .oldsection .progress .progress-bar,
.site-container section .progress .progress-bar {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: #55c8ff;
}
.site-container .oldsection .testimonials,
.site-container section .testimonials {
  position: relative;
  background: #FFF;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.site-container .oldsection .testimonials.gray,
.site-container section .testimonials.gray {
  background-color: #f5f5f5 !important;
}
.site-container .oldsection .testimonials .client,
.site-container section .testimonials .client {
  padding: 110px;
}
.site-container .oldsection .testimonials .client > a,
.site-container section .testimonials .client > a {
  float: left;
  display: block;
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.site-container .oldsection .testimonials .client > a img,
.site-container section .testimonials .client > a img {
  width: 100%;
}
.site-container .oldsection .testimonials .client .content,
.site-container section .testimonials .client .content {
  margin-left: 250px;
}
.site-container .oldsection .testimonials .client .content p,
.site-container section .testimonials .client .content p {
  font-family: "Glegoo", sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  color: #646464;
  margin-bottom: 30px;
  position: relative;
}
.site-container .oldsection .testimonials .client .content p:before,
.site-container section .testimonials .client .content p:before {
  display: block;
  position: absolute;
  left: -60px;
  top: -30px;
  font-family: "Roboto", sans-serif;
  font-size: 100px;
  content: '"';
  color: #55c8ff;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.site-container .oldsection .testimonials .client .content p:after,
.site-container section .testimonials .client .content p:after {
  position: absolute;
  right: -20px;
  bottom: -40px;
  font-family: "Roboto", sans-serif;
  font-size: 100px;
  content: '"';
  color: #55c8ff;
}
.site-container .oldsection .testimonials .client .content h2,
.site-container section .testimonials .client .content h2 {
  font-size: 25px;
  font-weight: normal;
  color: #232323;
}
.site-container .oldsection .testimonials .client .content h2 span,
.site-container section .testimonials .client .content h2 span {
  margin-top: 5px;
  font-size: 13px;
  display: block;
}
.site-container .oldsection .testimonials .owl-controls,
.site-container section .testimonials .owl-controls {
  position: absolute;
  bottom: -60px;
  left: 50%;
  z-index: 2;
}
.site-container .oldsection .testimonials .owl-controls .owl-pagination,
.site-container section .testimonials .owl-controls .owl-pagination {
  display: table;
  margin: 20px auto;
}
.site-container .oldsection .testimonials .owl-controls .owl-pagination .owl-page,
.site-container section .testimonials .owl-controls .owl-pagination .owl-page {
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #c8c8c8;
  margin-left: 10px;
}
.site-container .oldsection .testimonials .owl-controls .owl-pagination .owl-page.active,
.site-container section .testimonials .owl-controls .owl-pagination .owl-page.active {
  background-color: #000;
}
.site-container .oldsection .spritelogo,
.site-container section .spritelogo {
  display: table;
  width: 100%;
  height: 146px;
  margin-top: 60px;
  margin-bottom: 20px;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.site-container .oldsection .spritelogo:hover img,
.site-container section .spritelogo:hover img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
}
.site-container .oldsection .spritelogo img,
.site-container section .spritelogo img {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  width: 100%;
}
.site-container .oldsection.contactmap .maps,
.site-container section.contactmap .maps {
  position: relative;
  height: 387px;
}
.site-container .oldsection.contactmap .maps .overlay,
.site-container section.contactmap .maps .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.68);
  z-index: 2;
}
.site-container .oldsection.contactmap .maps .overlay .overlay-text,
.site-container section.contactmap .maps .overlay .overlay-text {
  max-width: 300px;
  margin: 13% auto 0;
}
.site-container .oldsection.contactmap .maps .overlay .overlay-text h3,
.site-container section.contactmap .maps .overlay .overlay-text h3 {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 300;
  color: #FFF;
}
.site-container .oldsection.contactmap .maps .overlay .overlay-text a,
.site-container section.contactmap .maps .overlay .overlay-text a {
  display: table;
  margin: 30px 0;
  padding: 15px 35px;
  color: #FFF;
  text-decoration: none;
  -webkit-box-shadow: inset 0px 0px 0px 1px #197d96;
  -moz-box-shadow: inset 0px 0px 0px 1px #197d96;
  box-shadow: inset 0px 0px 0px 1px #197d96;
  background: #55c8ff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #55c8ff 10%, #4cb4e5 90%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #55c8ff), color-stop(90%, #4cb4e5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #55c8ff 10%, #4cb4e5 90%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #55c8ff 10%, #4cb4e5 90%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #55c8ff 10%, #4cb4e5 90%);
  /* IE10+ */
  background: linear-gradient(to bottom, #55c8ff 10%, #4cb4e5 90%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55c8ff', endColorstr='#4cb4e5',GradientType=0 );
  /* IE6-9 */
}
.site-container .oldsection.contactmap .maps .overlay .overlay-text a:hover,
.site-container section.contactmap .maps .overlay .overlay-text a:hover {
  background: #4cb4e5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #4cb4e5), color-stop(90%, #55c8ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%);
  /* IE10+ */
  background: linear-gradient(to bottom, #4cb4e5 10%, #55c8ff 90%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cb4e5', endColorstr='#55c8ff',GradientType=0 );
  /* IE6-9 */
}
.site-container .oldsection.contactmap .maps .google-maps,
.site-container section.contactmap .maps .google-maps {
  position: absolute;
  width: 100%;
  height: 100%;
}
.site-container .oldsection.contactmap .maps .google-maps.one-page,
.site-container section.contactmap .maps .google-maps.one-page {
  height: 100% !important;
  min-height: 100% !important;
}
.site-container .oldsection.contactmap .maps .google-maps img,
.site-container section.contactmap .maps .google-maps img {
  max-width: none;
}
.site-container .oldsection .blockstyle,
.site-container section .blockstyle {
  background: #55c8ff url("../img/pattern-04.png") left top;
  background-size: cover;
  text-align: center;
  padding: 50px 0;
}
.site-container .oldsection .blockstyle h2,
.site-container section .blockstyle h2 {
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-weight: 300;
  color: #FFF;
  text-transform: uppercase;
  margin: 10px 0 15px 0;
}
.site-container .oldsection .blockstyle p,
.site-container section .blockstyle p {
  font-size: 13px;
  font-weight: normal;
  color: #000;
  text-align: center;
}
.site-container .oldsection .blockstyle input,
.site-container section .blockstyle input {
  font-size: 13px;
  font-weight: normal;
  color: #FFF;
  margin: 30px 0;
}
.site-container .oldsection .blockstyle input[type="text"],
.site-container section .blockstyle input[type="text"] {
  float: right;
  border: #FFF 1px solid;
  background: #6ed2fa;
  color: #FFF;
  padding: 5px 20px;
}
.site-container .oldsection .blockstyle input[type="text"]::-webkit-input-placeholder,
.site-container section .blockstyle input[type="text"]::-webkit-input-placeholder {
  padding: 5px 0 0;
  color: #FFF;
}
.site-container .oldsection .blockstyle input[type="text"]:-moz-placeholder,
.site-container section .blockstyle input[type="text"]:-moz-placeholder {
  padding: 5px 0 0;
  color: #FFF;
}
.site-container .oldsection .blockstyle input[type="text"]::-moz-placeholder,
.site-container section .blockstyle input[type="text"]::-moz-placeholder {
  padding: 5px 0 0;
  color: #FFF;
}
.site-container .oldsection .blockstyle input[type="text"]:-ms-input-placeholder,
.site-container section .blockstyle input[type="text"]:-ms-input-placeholder {
  padding: 5px 0 0;
  color: #FFF;
}
.site-container .oldsection .blockstyle input[type="submit"],
.site-container section .blockstyle input[type="submit"] {
  float: left;
  border: #FFF 1px solid;
  color: #FFF;
  padding: 10px 45px;
  background: transparent;
}
.site-container .oldsection.slider-block,
.site-container section.slider-block {
  background-color: #323232;
  padding: 3.125em 0;
}
.site-container .oldsection.slider-block.white,
.site-container section.slider-block.white {
  background-color: #f5f5f5 !important;
}
.site-container .oldsection.slider-block.white h2,
.site-container section.slider-block.white h2 {
  color: #000 !important;
}
.site-container .oldsection.slider-block.white p,
.site-container section.slider-block.white p {
  color: #646464 !important;
}
.site-container .oldsection.slider-block h2,
.site-container section.slider-block h2 {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  color: #FFF;
  margin-bottom: 10px;
}
.site-container .oldsection.slider-block p,
.site-container section.slider-block p {
  font-size: 13px;
  font-weight: normal;
  color: #969696;
  line-height: 18px;
}
.site-container .oldsection.slider-block a.read-more,
.site-container section.slider-block a.read-more {
  margin: 15px auto;
}
.site-container .oldsection.fashion-intro,
.site-container section.fashion-intro {
  padding: 3% 0;
}
.site-container .oldsection.fashion-intro .splash-anime,
.site-container section.fashion-intro .splash-anime {
  position: relative;
  padding: 40% 0 0;
  overflow: hidden;
}
.site-container .oldsection.fashion-intro .splash-anime .background-splash,
.site-container section.fashion-intro .splash-anime .background-splash {
  width: 77%;
  position: absolute;
  bottom: 0;
  left: 12%;
  z-index: 1;
}
.site-container .oldsection.fashion-intro .splash-anime .background-splash img,
.site-container section.fashion-intro .splash-anime .background-splash img {
  width: 100%;
}
.site-container .oldsection.fashion-intro .splash-anime .image-splash,
.site-container section.fashion-intro .splash-anime .image-splash {
  position: absolute;
  width: 50%;
  bottom: -2px;
  left: 25%;
  z-index: 2;
}
.site-container .oldsection.fashion-intro .splash-anime .image-splash img,
.site-container section.fashion-intro .splash-anime .image-splash img {
  width: 100%;
}
.site-container .oldsection.fashion-intro .splash-anime .split-splash,
.site-container section.fashion-intro .splash-anime .split-splash {
  position: absolute;
  width: 65%;
  bottom: -5%;
  left: 14%;
  z-index: 4;
}
.site-container .oldsection.fashion-intro .splash-anime .split-splash img,
.site-container section.fashion-intro .splash-anime .split-splash img {
  width: 100%;
}
.site-container .oldsection.fashion-intro .splash-heading,
.site-container section.fashion-intro .splash-heading {
  position: relative;
  z-index: 15;
  padding-left: 15%;
}
.site-container .oldsection.fashion-intro .splash-heading:before,
.site-container section.fashion-intro .splash-heading:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 4.2em;
  height: 4.2em;
  background: #55c8ff;
}
.site-container .oldsection.fashion-intro .splash-heading:after,
.site-container section.fashion-intro .splash-heading:after {
  position: absolute;
  content: "";
  bottom: 5%;
  left: 7%;
  width: 4.2em;
  height: 4.2em;
  background: #c8c8c8;
}
.site-container .oldsection.fashion-intro .splash-heading h1,
.site-container section.fashion-intro .splash-heading h1 {
  font-family: "Roboto", sans-serif;
  font-size: 3em;
  font-weight: 300;
  color: #323232;
  padding: 0;
  line-height: 0;
  overflow: hidden;
}
.site-container .oldsection.fashion-intro .splash-heading h1 span,
.site-container section.fashion-intro .splash-heading h1 span {
  position: relative;
  display: inline-block;
  padding-bottom: 0.5%;
  font-size: 1.875em;
  line-height: 0.7em;
  color: #FFF;
  background-color: #323232;
}
.site-container .oldsection.fashion-intro .splash-heading h1 span:after,
.site-container section.fashion-intro .splash-heading h1 span:after {
  display: inline-block;
  content: "";
  position: absolute;
  width: 100%;
  height: 0.76em;
  background-color: #323232;
}
.site-container .oldsection.fashion-intro .splash-heading h2,
.site-container section.fashion-intro .splash-heading h2 {
  font-family: "Roboto", sans-serif;
  font-size: 5.625em;
  font-weight: 300;
  color: #323232;
}
.site-container .oldsection.fashion-intro .splash-heading h2 span,
.site-container section.fashion-intro .splash-heading h2 span {
  font-size: 0.66667em;
}
.site-container .oldsection .line-bottom,
.site-container section .line-bottom {
  position: relative;
}
.site-container .oldsection .line-bottom:after,
.site-container section .line-bottom:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  height: 1px;
  background-color: #c8c8c8;
}
.site-container .oldsection .iconv-box,
.site-container section .iconv-box {
  padding: 30px 0 80px;
}
.site-container .oldsection .iconv-box .icon,
.site-container section .iconv-box .icon {
  text-decoration: none;
  color: #fff;
  background-color: #55c8ff;
  /* teal */
  height: 120px;
  width: 120px;
  font-size: 70px;
  line-height: 140px;
  text-align: center;
  display: block;
  overflow: hidden;
  margin: 0 auto 0.625em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-shadow: #46b9f0 1px 1px, #46b9f0 2px 2px, #46b9f0 3px 3px, #46b9f0 4px 4px, #46b9f0 5px 5px, #46b9f0 6px 6px, #46b9f0 7px 7px, #46b9f0 8px 8px, #46b9f0 9px 9px, #46b9f0 10px 10px, #46b9f0 11px 11px, #46b9f0 12px 12px, #46b9f0 13px 13px, #46b9f0 14px 14px, #46b9f0 15px 15px, #46b9f0 16px 16px, #46b9f0 17px 17px, #46b9f0 18px 18px, #46b9f0 19px 19px, #46b9f0 20px 20px, #46b9f0 21px 21px, #46b9f0 22px 22px, #46b9f0 23px 23px, #46b9f0 24px 24px, #46b9f0 25px 25px, #46b9f0 26px 26px, #46b9f0 27px 27px, #46b9f0 28px 28px, #46b9f0 29px 29px, #46b9f0 30px 30px, #46b9f0 31px 31px, #46b9f0 32px 32px, #46b9f0 33px 33px, #46b9f0 34px 34px, #46b9f0 35px 35px, #46b9f0 36px 36px, #46b9f0 37px 37px, #46b9f0 38px 38px, #46b9f0 39px 39px, #46b9f0 40px 40px, #46b9f0 41px 41px, #46b9f0 42px 42px, #46b9f0 43px 43px, #46b9f0 44px 44px, #46b9f0 45px 45px, #46b9f0 46px 46px, #46b9f0 47px 47px, #46b9f0 48px 48px, #46b9f0 49px 49px, #46b9f0 50px 50px, #46b9f0 51px 51px, #46b9f0 52px 52px, #46b9f0 53px 53px, #46b9f0 54px 54px, #46b9f0 55px 55px, #46b9f0 56px 56px, #46b9f0 57px 57px, #46b9f0 58px 58px, #46b9f0 59px 59px, #46b9f0 60px 60px, #46b9f0 61px 61px, #46b9f0 62px 62px, #46b9f0 63px 63px, #46b9f0 64px 64px, #46b9f0 65px 65px, #46b9f0 66px 66px, #46b9f0 67px 67px, #46b9f0 68px 68px, #46b9f0 69px 69px, #46b9f0 70px 70px, #46b9f0 71px 71px, #46b9f0 72px 72px, #46b9f0 73px 73px, #46b9f0 74px 74px, #46b9f0 75px 75px, #46b9f0 76px 76px, #46b9f0 77px 77px, #46b9f0 78px 78px, #46b9f0 79px 79px, #46b9f0 80px 80px, #46b9f0 81px 81px, #46b9f0 82px 82px, #46b9f0 83px 83px, #46b9f0 84px 84px, #46b9f0 85px 85px, #46b9f0 86px 86px, #46b9f0 87px 87px, #46b9f0 88px 88px, #46b9f0 89px 89px, #46b9f0 90px 90px, #46b9f0 91px 91px, #46b9f0 92px 92px, #46b9f0 93px 93px, #46b9f0 94px 94px, #46b9f0 95px 95px, #46b9f0 96px 96px, #46b9f0 97px 97px, #46b9f0 98px 98px, #46b9f0 99px 99px, #46b9f0 100px 100px;
}
.site-container .oldsection .iconv-box .icon:hover,
.site-container section .iconv-box .icon:hover {
  -webkit-animation: tada 1s infinite linear;
  animation: tada 1s infinite linear;
}
.site-container .oldsection .iconv-box h2,
.site-container section .iconv-box h2 {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #55c8ff;
  text-align: center;
  margin-bottom: 1.5625em;
}
.site-container .oldsection .iconv-box p,
.site-container section .iconv-box p {
  font-size: 13px;
  line-height: 18px;
  color: #ffffff;
  text-align: center;
}
.site-container .oldsection .shopping-item,
.site-container section .shopping-item {
  margin-bottom: 20px;
}
.site-container .oldsection .shopping-item .featured-image,
.site-container section .shopping-item .featured-image {
  width: 100%;
}
.site-container .oldsection .shopping-item .featured-image img,
.site-container section .shopping-item .featured-image img {
  width: 100%;
}
.site-container .oldsection .shopping-item .content,
.site-container section .shopping-item .content {
  width: 100%;
}
.site-container .oldsection .shopping-item .content h2,
.site-container section .shopping-item .content h2 {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  color: #000;
  margin: 65px 0 40px;
}
.site-container .oldsection .shopping-item .content p,
.site-container section .shopping-item .content p {
  font-size: 13px;
  font-weight: normal;
  color: #7d7d7d;
  line-height: 18px;
  margin-bottom: 40px;
}
.site-container .oldsection .shopping-item .content .read-item,
.site-container section .shopping-item .content .read-item {
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  color: #55c8ff;
  padding: 10px 15px;
  border: #55c8ff 1px solid;
  margin-bottom: 40px;
}
.site-container .oldsection .shopping-item .content .read-item:hover,
.site-container section .shopping-item .content .read-item:hover {
  background-color: #55c8ff;
  color: #FFF;
}
.site-container .oldsection .shopping-item .metabox,
.site-container section .shopping-item .metabox {
  border: #f8f8f8 1px solid;
  padding: 20px;
}
.site-container .oldsection .shopping-item .metabox .avg,
.site-container section .shopping-item .metabox .avg {
  /* change these if you want */
}
.site-container .oldsection .shopping-item .metabox .avg span,
.site-container section .shopping-item .metabox .avg span {
  display: block;
  font-size: 13px;
  font-weight: normal;
  color: #232323;
  margin-bottom: 15px;
}
.site-container .oldsection .shopping-item .metabox .avg .raterater-bg-layer,
.site-container section .shopping-item .metabox .avg .raterater-bg-layer {
  color: rgba(240, 240, 240, 0.25);
}
.site-container .oldsection .shopping-item .metabox .avg .raterater-hover-layer,
.site-container section .shopping-item .metabox .avg .raterater-hover-layer {
  color: rgba(255, 200, 0, 0.75);
}
.site-container .oldsection .shopping-item .metabox .avg .raterater-hover-layer.rated,
.site-container section .shopping-item .metabox .avg .raterater-hover-layer.rated {
  /* after the user selects a rating */
  color: yellow;
}
.site-container .oldsection .shopping-item .metabox .avg .raterater-rating-layer,
.site-container section .shopping-item .metabox .avg .raterater-rating-layer {
  color: rgba(255, 200, 0, 0.75);
}
.site-container .oldsection .shopping-item .metabox .avg .raterater-outline-layer,
.site-container section .shopping-item .metabox .avg .raterater-outline-layer {
  color: rgba(0, 0, 0, 0.25);
}
.site-container .oldsection .shopping-item .metabox .avg .raterater-wrapper,
.site-container section .shopping-item .metabox .avg .raterater-wrapper {
  overflow: visible;
}
.site-container .oldsection .shopping-item .metabox .avg .raterater-layer,
.site-container .oldsection .shopping-item .metabox .avg .raterater-layer i,
.site-container section .shopping-item .metabox .avg .raterater-layer,
.site-container section .shopping-item .metabox .avg .raterater-layer i {
  display: block;
  position: absolute;
  overflow: visible;
  top: 0px;
  left: 0px;
}
.site-container .oldsection .shopping-item .metabox .avg .raterater-hover-layer,
.site-container section .shopping-item .metabox .avg .raterater-hover-layer {
  display: none;
}
.site-container .oldsection .shopping-item .metabox .avg .raterater-hover-layer i,
.site-container .oldsection .shopping-item .metabox .avg .raterater-rating-layer i,
.site-container section .shopping-item .metabox .avg .raterater-hover-layer i,
.site-container section .shopping-item .metabox .avg .raterater-rating-layer i {
  width: 0px;
  overflow: hidden;
}
.site-container .oldsection .shopping-item .metabox ul,
.site-container section .shopping-item .metabox ul {
  display: table;
  float: right;
}
.site-container .oldsection .shopping-item .metabox ul li,
.site-container section .shopping-item .metabox ul li {
  display: inline-block;
}
.site-container .oldsection .shopping-item .metabox ul li a,
.site-container section .shopping-item .metabox ul li a {
  display: block;
  text-decoration: none;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  background-color: #f5f5f5;
  color: #afafaf;
  text-align: center;
  font-size: 16px;
  padding-top: 10px;
}
.site-container .oldsection .shopping-item .metabox ul li a:hover,
.site-container section .shopping-item .metabox ul li a:hover {
  background-color: #55c8ff;
  color: #FFF;
}
.site-container .oldsection .vbox-blog,
.site-container section .vbox-blog {
  width: 100%;
  background-color: #FFF;
  margin-bottom: 20px;
}
.site-container .oldsection .vbox-blog .image,
.site-container section .vbox-blog .image {
  float: left;
  display: block;
  width: 220px;
  height: 220px;
}
.site-container .oldsection .vbox-blog .image img,
.site-container section .vbox-blog .image img {
  width: 100%;
}
.site-container .oldsection .vbox-blog .content,
.site-container section .vbox-blog .content {
  padding: 25px 25px 25px 250px;
}
.site-container .oldsection .vbox-blog .content h1,
.site-container section .vbox-blog .content h1 {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  color: #000;
  text-align: right;
  margin-bottom: 25px;
}
.site-container .oldsection .vbox-blog .content h1 span,
.site-container section .vbox-blog .content h1 span {
  display: block;
  text-transform: uppercase;
}
.site-container .oldsection .vbox-blog .content p,
.site-container section .vbox-blog .content p {
  font-family: "Glegoo", sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  text-align: right;
  color: #7d7d7d;
  margin-bottom: 20px;
}
.site-container .oldsection .vbox-blog .content a,
.site-container section .vbox-blog .content a {
  float: right;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  padding: 10px 15px;
  color: #55c8ff;
  border: #55c8ff 1px solid;
}
.site-container .oldsection .vbox-blog .content a:hover,
.site-container section .vbox-blog .content a:hover {
  background-color: #55c8ff;
  color: #FFF;
}
.site-container .oldsection .bottom-border:after,
.site-container section .bottom-border:after {
  display: block;
  content: "";
  width: 100px;
  height: 5px;
  background-color: #FFF;
  margin: 30px auto 0;
}
.site-container .oldsection .gray-container,
.site-container section .gray-container {
  background-color: #f5f5f5;
}
.site-container .oldsection.page-wrapper .center-title,
.site-container section.page-wrapper .center-title {
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  font-weight: 300;
  color: #232323;
  text-align: center;
}
.site-container .oldsection.page-wrapper .center-title span,
.site-container section.page-wrapper .center-title span {
  color: #55c8ff;
}
.site-container .oldsection.page-wrapper .center-title:after,
.site-container section.page-wrapper .center-title:after {
  content: "";
  display: block;
  width: 10%;
  height: 4px;
  background-color: #55c8ff;
  margin: 30px auto 70px;
}
.site-container .oldsection.page-wrapper .small-title,
.site-container section.page-wrapper .small-title {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  color: #232323;
  line-height: 30px;
  text-align: left;
  margin: 0 0 30px 0;
}
.site-container .oldsection.page-wrapper p,
.site-container section.page-wrapper p {
  font-size: 13px;
  font-weight: normal;
  color: #646464;
  line-height: 18px;
  margin-bottom: 30px;
}
.site-container .oldsection.page-wrapper .team-profile,
.site-container section.page-wrapper .team-profile {
  margin-bottom: 30px;
}
.site-container .oldsection.page-wrapper .team-profile > a,
.site-container section.page-wrapper .team-profile > a {
  display: block;
  width: 100%;
}
.site-container .oldsection.page-wrapper .team-profile > a img,
.site-container section.page-wrapper .team-profile > a img {
  width: 100%;
}
.site-container .oldsection.page-wrapper .team-profile h2,
.site-container section.page-wrapper .team-profile h2 {
  font-family: "Roboto", sans-serif;
  font-size: 35px;
  font-weight: 300;
  line-height: 30px;
  color: #232323;
  margin: 40px 0 30px;
  text-transform: uppercase;
}
.site-container .oldsection.page-wrapper .team-profile h2 span,
.site-container section.page-wrapper .team-profile h2 span {
  display: block;
  font-size: 18px;
  text-transform: none;
}
.site-container .oldsection.page-wrapper .team-profile p,
.site-container section.page-wrapper .team-profile p {
  color: #7d7d7d;
}
.site-container .oldsection.page-wrapper .team-profile .social-profile,
.site-container section.page-wrapper .team-profile .social-profile {
  display: table;
  border: #d7d7d7 1px solid;
  margin-top: 30px;
}
.site-container .oldsection.page-wrapper .team-profile .social-profile li,
.site-container section.page-wrapper .team-profile .social-profile li {
  display: inline-block;
}
.site-container .oldsection.page-wrapper .team-profile .social-profile li a,
.site-container section.page-wrapper .team-profile .social-profile li a {
  display: block;
  width: 40px;
  height: 35px;
  text-align: center;
  padding-top: 8px;
  font-size: 18px;
  color: #d7d7d7;
}
.site-container .oldsection.page-wrapper .team-profile .social-profile li a:hover,
.site-container section.page-wrapper .team-profile .social-profile li a:hover {
  background-color: #55c8ff;
  color: #FFF;
}
.site-container .oldsection.page-wrapper .team-profile .social-profile li:not(:last-child) a,
.site-container section.page-wrapper .team-profile .social-profile li:not(:last-child) a {
  border-right: #d7d7d7 1px solid;
}
.site-container .oldsection.page-wrapper .icon-left,
.site-container section.page-wrapper .icon-left {
  float: left;
  margin: 20px 0 0;
  width: 100%;
}
.site-container .oldsection.page-wrapper .icon-left a,
.site-container section.page-wrapper .icon-left a {
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  border: #afafaf 1px solid;
  color: #afafaf;
  text-align: center;
  text-decoration: none;
  font-size: 25px;
  padding-top: 11px;
  padding-left: 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.site-container .oldsection.page-wrapper .icon-left a:hover,
.site-container section.page-wrapper .icon-left a:hover {
  border-color: #55c8ff;
  color: #55c8ff;
}
.site-container .oldsection.page-wrapper .icon-left .content,
.site-container section.page-wrapper .icon-left .content {
  padding-left: 75px;
}
.site-container .oldsection.page-wrapper .icon-left .content h2,
.site-container section.page-wrapper .icon-left .content h2 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #7d7d7d;
  margin: 0 0 20px 0;
}
.site-container .oldsection.page-wrapper .icon-left .content p,
.site-container section.page-wrapper .icon-left .content p {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  color: #7d7d7d;
}
.site-container .oldsection.page-wrapper .style-gray,
.site-container section.page-wrapper .style-gray {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  color: #7d7d7d;
  text-align: center;
  max-width: 80%;
  margin: 0 auto;
}
.site-container .oldsection.page-wrapper .style-gray.no-border:after,
.site-container section.page-wrapper .style-gray.no-border:after {
  display: none;
}
.site-container .oldsection.page-wrapper .style-gray:after,
.site-container section.page-wrapper .style-gray:after {
  content: "";
  display: block;
  width: 10%;
  height: 4px;
  background-color: #55c8ff;
  margin: 30px auto 50px;
}
.site-container .oldsection.page-wrapper .box-radius,
.site-container section.page-wrapper .box-radius {
  width: 100%;
  padding: 60px 20px;
  background-color: #fafafa;
  margin: 20px 0;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-box-shadow: 1px 1px 1px 0px #b8b8b8;
  -moz-box-shadow: 1px 1px 1px 0px #b8b8b8;
  box-shadow: 1px 1px 1px 0px #b8b8b8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.site-container .oldsection.page-wrapper .box-radius:after,
.site-container section.page-wrapper .box-radius:after {
  content: "";
  display: block;
  width: 30%;
  height: 3px;
  background-color: #e1e1e1;
  position: absolute;
  bottom: 0;
  left: 35%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.site-container .oldsection.page-wrapper .box-radius:hover,
.site-container section.page-wrapper .box-radius:hover {
  background-color: #FFF;
}
.site-container .oldsection.page-wrapper .box-radius:hover .box-icon,
.site-container section.page-wrapper .box-radius:hover .box-icon {
  color: #55c8ff;
  border-color: #55c8ff;
}
.site-container .oldsection.page-wrapper .box-radius:hover h2,
.site-container section.page-wrapper .box-radius:hover h2 {
  color: #55c8ff;
}
.site-container .oldsection.page-wrapper .box-radius:hover p,
.site-container section.page-wrapper .box-radius:hover p {
  color: #232323;
}
.site-container .oldsection.page-wrapper .box-radius:hover .linked,
.site-container section.page-wrapper .box-radius:hover .linked {
  color: #55c8ff;
}
.site-container .oldsection.page-wrapper .box-radius:hover:after,
.site-container section.page-wrapper .box-radius:hover:after {
  background-color: #55c8ff;
}
.site-container .oldsection.page-wrapper .box-radius .box-icon,
.site-container section.page-wrapper .box-radius .box-icon {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: #9a9a9a 1px solid;
  text-align: center;
  text-decoration: none;
  font-size: 50px;
  color: #9a9a9a;
  padding-top: 15px;
  margin-bottom: 40px;
}
.site-container .oldsection.page-wrapper .box-radius h2,
.site-container section.page-wrapper .box-radius h2 {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 300;
  color: #969696;
  text-align: center;
  margin: 0 0 40px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.site-container .oldsection.page-wrapper .box-radius p,
.site-container section.page-wrapper .box-radius p {
  text-align: center;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.site-container .oldsection.page-wrapper .box-radius .linked,
.site-container section.page-wrapper .box-radius .linked {
  display: table;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  color: #c8c8c8;
  margin: 30px auto 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.site-container .oldsection.page-wrapper .box-radius .linked:after,
.site-container section.page-wrapper .box-radius .linked:after {
  content: " > ";
}
.site-container .oldsection.page-wrapper .vartical-tab .nav-tabs li a,
.site-container section.page-wrapper .vartical-tab .nav-tabs li a {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #969696;
  padding: 10px 70px 10px 15px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: #d8d8d8 1px solid;
  border-bottom: none;
  margin: 0;
}
.site-container .oldsection.page-wrapper .vartical-tab .tab-content,
.site-container section.page-wrapper .vartical-tab .tab-content {
  background-color: #FFF;
  padding: 50px;
  border: 1px solid #ddd;
  border-top: none;
}
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .floated-left,
.site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .floated-left {
  display: block;
  width: 100%;
}
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .floated-left img,
.site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .floated-left img {
  width: 100%;
}
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .tab-title,
.site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .tab-title {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  color: #646464;
  margin-bottom: 40px;
  padding-left: 30px;
}
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list,
.site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list {
  padding-left: 30px;
}
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list li,
.site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 20px;
}
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list li p,
.site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list li p {
  margin: 0;
}
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list li:before,
.site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list li:before {
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  content: "";
  background-color: #55c8ff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}
.site-container .oldsection .table-style-one,
.site-container section .table-style-one {
  display: block;
  max-width: 100%;
  border-collapse: collapse;
  margin: 40px 0 20px;
}
.site-container .oldsection .table-style-one th,
.site-container .oldsection .table-style-one td,
.site-container section .table-style-one th,
.site-container section .table-style-one td {
  border: 1px solid #969696;
  background-color: #FFF;
  padding: 40px 25px;
  text-align: center;
  font-family: "Glegoo", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #232323;
}
.site-container .oldsection .table-style-one th .ticky,
.site-container .oldsection .table-style-one td .ticky,
.site-container section .table-style-one th .ticky,
.site-container section .table-style-one td .ticky {
  font-size: 25px;
  color: #55c8ff;
}
.site-container .oldsection .table-style-one th .ticky.disabled,
.site-container .oldsection .table-style-one td .ticky.disabled,
.site-container section .table-style-one th .ticky.disabled,
.site-container section .table-style-one td .ticky.disabled {
  color: #c8c8c8;
}
.site-container .oldsection .table-style-one th.remove,
.site-container .oldsection .table-style-one td.remove,
.site-container section .table-style-one th.remove,
.site-container section .table-style-one td.remove {
  border: none !important;
  background: transparent !important;
}
.site-container .oldsection .table-style-one th.no-background,
.site-container .oldsection .table-style-one td.no-background,
.site-container section .table-style-one th.no-background,
.site-container section .table-style-one td.no-background {
  background: transparent !important;
  border: none !important;
}
.site-container .oldsection .table-style-one th .read-more,
.site-container .oldsection .table-style-one td .read-more,
.site-container section .table-style-one th .read-more,
.site-container section .table-style-one td .read-more {
  display: block;
}
.site-container .oldsection .table-style-one th.hover,
.site-container .oldsection .table-style-one td.hover,
.site-container section .table-style-one th.hover,
.site-container section .table-style-one td.hover {
  background-color: #f5ffff;
}
.site-container .oldsection .table-style-one th.title,
.site-container .oldsection .table-style-one td.title,
.site-container section .table-style-one th.title,
.site-container section .table-style-one td.title {
  background-color: #ebebeb !important;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
}
.site-container .oldsection .table-style-one th.title a,
.site-container .oldsection .table-style-one td.title a,
.site-container section .table-style-one th.title a,
.site-container section .table-style-one td.title a {
  color: #232323;
}
.site-container .oldsection .table-style-one th.title a i,
.site-container .oldsection .table-style-one td.title a i,
.site-container section .table-style-one th.title a i,
.site-container section .table-style-one td.title a i {
  font-size: 20px;
  color: #969696;
  margin-right: 10px;
}
.site-container .oldsection .table-style-one td,
.site-container section .table-style-one td {
  padding: 20px 25px;
}
.site-container .oldsection .table-style-one td a,
.site-container section .table-style-one td a {
  text-decoration: none;
}
.site-container .oldsection .table-style-one .table-heading tr th h2:after,
.site-container section .table-style-one .table-heading tr th h2:after {
  display: block;
  content: "";
  width: 50px;
  height: 3px;
  background-color: #55c8ff;
  margin: 20px auto 40px;
}
.site-container .oldsection .table-style-one .table-heading tr th h2 span,
.site-container section .table-style-one .table-heading tr th h2 span {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 60px;
  font-weight: 300;
  color: #232323;
  margin-bottom: 10px;
}
.site-container .oldsection .table-style-one .table-heading tr th h2 span sup,
.site-container section .table-style-one .table-heading tr th h2 span sup {
  font-size: 40px;
}
.site-container .oldsection .table-style-one .table-heading tr th h2 .package-name,
.site-container section .table-style-one .table-heading tr th h2 .package-name {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  color: #55c8ff;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.site-container .oldsection .table-style-one .table-heading tr th h2 .pagkage-time,
.site-container section .table-style-one .table-heading tr th h2 .pagkage-time {
  font-family: "Glegoo", sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #232323;
}
.site-container .oldsection .table-style-one .table-heading tr th p,
.site-container section .table-style-one .table-heading tr th p {
  font-size: 13px;
  font-weight: normal;
  color: #7d7d7d;
  line-height: 18px;
  margin-bottom: 10px;
}
.site-container .oldsection .table-style-one .table-heading tr th.remove,
.site-container section .table-style-one .table-heading tr th.remove {
  background: transparent;
}
.site-container .oldsection .restable,
.site-container section .restable {
  display: none;
}
.site-container .oldsection .table-style-two,
.site-container section .table-style-two {
  width: 100%;
  border-collapse: collapse;
  margin: 40px 0;
  border: 1px solid #969696;
}
.site-container .oldsection .table-style-two th,
.site-container section .table-style-two th {
  width: 100%;
  text-align: center;
}
.site-container .oldsection .table-style-two th span.packaget-name,
.site-container section .table-style-two th span.packaget-name {
  display: block;
  padding: 40px 0;
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 300;
  color: #55c8ff;
  text-transform: uppercase;
  background-color: #fafafa;
}
.site-container .oldsection .table-style-two th span.packaget-value,
.site-container section .table-style-two th span.packaget-value {
  position: relative;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 60px;
  font-weight: 300;
  color: #232323;
  padding: 40px 0;
  background-color: #f5f5f5;
}
.site-container .oldsection .table-style-two th span.packaget-value sup,
.site-container section .table-style-two th span.packaget-value sup {
  font-size: 32px;
}
.site-container .oldsection .table-style-two th span.packaget-value sup.ptime,
.site-container section .table-style-two th span.packaget-value sup.ptime {
  position: absolute;
  top: 34px;
  padding: 0 10px;
  font-size: 18px;
  color: #969696;
}
.site-container .oldsection .table-style-two tbody tr td,
.site-container section .table-style-two tbody tr td {
  width: 100%;
  text-align: center;
  padding: 15px 0;
  font-size: 16px;
  font-weight: normal;
  color: #232323;
}
.site-container .oldsection .table-style-two tbody tr td .read-more,
.site-container section .table-style-two tbody tr td .read-more {
  display: inline-block;
}
.site-container .oldsection .table-style-two tbody tr:nth-child(odd),
.site-container section .table-style-two tbody tr:nth-child(odd) {
  background-color: #FFF;
}
.site-container .oldsection .table-style-two tbody tr:nth-child(even),
.site-container section .table-style-two tbody tr:nth-child(even) {
  background-color: #fafafa;
}
.site-container .oldsection .faq-title,
.site-container section .faq-title {
  text-align: center;
}
.site-container .oldsection .faq-title h1,
.site-container section .faq-title h1 {
  font-family: "Roboto", sans-serif;
  font-size: 60px;
  font-weight: 300;
  color: #232323;
  text-transform: uppercase;
  margin-bottom: 45px;
}
.site-container .oldsection .faq-title h1:after,
.site-container section .faq-title h1:after {
  content: "";
  display: block;
  width: 100px;
  height: 3px;
  background-color: #55c8ff;
  margin: 30px auto 0;
}
.site-container .oldsection .faq-title P,
.site-container section .faq-title P {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  color: #7d7d7d;
}
.site-container .oldsection .faqt,
.site-container section .faqt {
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  font-weight: 300;
  color: #232323;
  margin: 45px 0;
}
.site-container .oldsection .faq-list li,
.site-container section .faq-list li {
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-bottom: #e3e3e3 1px solid;
}
.site-container .oldsection .faq-list li.active a,
.site-container section .faq-list li.active a {
  color: #55c8ff;
}
.site-container .oldsection .faq-list li.active a:before,
.site-container section .faq-list li.active a:before {
  content: "\f107";
  background-color: #55c8ff;
}
.site-container .oldsection .faq-list li.active .content,
.site-container section .faq-list li.active .content {
  display: block;
}
.site-container .oldsection .faq-list li a,
.site-container section .faq-list li a {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: normal;
  color: #646464;
  text-decoration: none;
  padding-left: 40px;
  padding-top: 7px;
}
.site-container .oldsection .faq-list li a:before,
.site-container section .faq-list li a:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  text-align: center;
  content: "\f105";
  display: block;
  width: 30px;
  height: 30px;
  color: #FFF;
  background-color: #e3e3e3;
  padding-top: 5px;
}
.site-container .oldsection .faq-list li .content,
.site-container section .faq-list li .content {
  display: none;
  font-size: 13px;
  font-weight: normal;
  color: #232323;
  line-height: 18px;
  padding: 25px 40px 20px 40px;
}
.site-container .oldsection .portolio-filters,
.site-container section .portolio-filters {
  text-align: center;
}
.site-container .oldsection .portolio-filters li,
.site-container section .portolio-filters li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
}
.site-container .oldsection .portolio-filters li a,
.site-container section .portolio-filters li a {
  display: block;
  font-size: 15px;
  font-weight: normal;
  color: #7d7d7d;
  padding: 10px 15px;
  background-color: #fafafa;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 1px 0px #b8b8b8;
  -moz-box-shadow: 1px 1px 1px 0px #b8b8b8;
  box-shadow: 1px 1px 1px 0px #b8b8b8;
}
.site-container .oldsection .portolio-filters li a:hover,
.site-container section .portolio-filters li a:hover {
  background-color: #FFF;
}
.site-container .oldsection .portolio-filters li.active a,
.site-container section .portolio-filters li.active a {
  background-color: #50bdf1;
  color: #FFF;
}
.site-container .oldsection .portfolio-one,
.site-container section .portfolio-one {
  position: relative;
}
.site-container .oldsection .portfolio-one ul .item,
.site-container section .portfolio-one ul .item {
  float: left;
  width: 20%;
  overflow: hidden;
  position: relative;
}
.site-container .oldsection .portfolio-one ul .item img,
.site-container section .portfolio-one ul .item img {
  width: 100%;
}
.site-container .oldsection .portfolio-one ul .item:hover .hover,
.site-container section .portfolio-one ul .item:hover .hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
  visibility: visible;
}
.site-container .oldsection .portfolio-one ul .item:hover .hover ul,
.site-container section .portfolio-one ul .item:hover .hover ul {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  visibility: visible;
}
.site-container .oldsection .portfolio-one ul .item:hover .hover span,
.site-container section .portfolio-one ul .item:hover .hover span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  visibility: visible;
}
.site-container .oldsection .portfolio-one ul .item .hover,
.site-container section .portfolio-one ul .item .hover {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #55c8ff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
.site-container .oldsection .portfolio-one ul .item .hover ul,
.site-container section .portfolio-one ul .item .hover ul {
  display: table;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px -45px 0;
  padding: 0;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
.site-container .oldsection .portfolio-one ul .item .hover ul li,
.site-container section .portfolio-one ul .item .hover ul li {
  display: inline-block;
}
.site-container .oldsection .portfolio-one ul .item .hover ul li a,
.site-container section .portfolio-one ul .item .hover ul li a {
  display: block;
  width: 36px;
  height: 36px;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: #fff 1px solid;
  margin-left: 10px;
  padding: 9px;
}
.site-container .oldsection .portfolio-one ul .item .hover ul li a:hover,
.site-container section .portfolio-one ul .item .hover ul li a:hover {
  color: #2e6884;
  border-color: #2e6884;
}
.site-container .oldsection .portfolio-one ul .item .hover span,
.site-container section .portfolio-one ul .item .hover span {
  position: absolute;
  top: 65%;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  display: block;
  font-size: 13px;
  text-align: center;
  color: #FFF;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0 20px;
  margin-top: 5px;
}
.site-container .oldsection .portfolio-two,
.site-container section .portfolio-two {
  position: relative;
}
.site-container .oldsection .portfolio-two ul .item,
.site-container section .portfolio-two ul .item {
  float: left;
  width: 50%;
  padding: 10px;
  overflow: hidden;
  position: relative;
}
.site-container .oldsection .portfolio-two ul .item img,
.site-container section .portfolio-two ul .item img {
  width: 100%;
}
.site-container .oldsection .portfolio-two ul .item:hover .hover,
.site-container section .portfolio-two ul .item:hover .hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
  visibility: visible;
}
.site-container .oldsection .portfolio-two ul .item:hover .hover ul,
.site-container section .portfolio-two ul .item:hover .hover ul {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  visibility: visible;
}
.site-container .oldsection .portfolio-two ul .item:hover .hover span,
.site-container section .portfolio-two ul .item:hover .hover span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  visibility: visible;
}
.site-container .oldsection .portfolio-two ul .item .hover,
.site-container section .portfolio-two ul .item .hover {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: #55c8ff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
.site-container .oldsection .portfolio-two ul .item .hover ul,
.site-container section .portfolio-two ul .item .hover ul {
  display: table;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px -45px 0;
  padding: 0;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
.site-container .oldsection .portfolio-two ul .item .hover ul li,
.site-container section .portfolio-two ul .item .hover ul li {
  display: inline-block;
}
.site-container .oldsection .portfolio-two ul .item .hover ul li a,
.site-container section .portfolio-two ul .item .hover ul li a {
  display: block;
  width: 36px;
  height: 36px;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: #fff 1px solid;
  margin-left: 10px;
  padding: 9px;
}
.site-container .oldsection .portfolio-two ul .item .hover ul li a:hover,
.site-container section .portfolio-two ul .item .hover ul li a:hover {
  color: #2e6884;
  border-color: #2e6884;
}
.site-container .oldsection .portfolio-two ul .item .hover span,
.site-container section .portfolio-two ul .item .hover span {
  position: absolute;
  top: 65%;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  display: block;
  font-size: 13px;
  text-align: center;
  color: #FFF;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0 20px;
  margin-top: 5px;
}
.site-container .oldsection .portfolio-three,
.site-container section .portfolio-three {
  width: 100%;
}
.site-container .oldsection .portfolio-three ul .item,
.site-container section .portfolio-three ul .item {
  float: left;
  width: 33.3333333333%;
  padding: 10px;
  overflow: hidden;
  position: relative;
}
.site-container .oldsection .portfolio-three ul .item img,
.site-container section .portfolio-three ul .item img {
  width: 100%;
}
.site-container .oldsection .portfolio-three ul .item:hover .hover,
.site-container section .portfolio-three ul .item:hover .hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
  visibility: visible;
}
.site-container .oldsection .portfolio-three ul .item:hover .hover ul,
.site-container section .portfolio-three ul .item:hover .hover ul {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  visibility: visible;
}
.site-container .oldsection .portfolio-three ul .item:hover .hover span,
.site-container section .portfolio-three ul .item:hover .hover span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  visibility: visible;
}
.site-container .oldsection .portfolio-three ul .item .hover,
.site-container section .portfolio-three ul .item .hover {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: #55c8ff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
.site-container .oldsection .portfolio-three ul .item .hover ul,
.site-container section .portfolio-three ul .item .hover ul {
  display: table;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px -45px 0;
  padding: 0;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
.site-container .oldsection .portfolio-three ul .item .hover ul li,
.site-container section .portfolio-three ul .item .hover ul li {
  display: inline-block;
}
.site-container .oldsection .portfolio-three ul .item .hover ul li a,
.site-container section .portfolio-three ul .item .hover ul li a {
  display: block;
  width: 36px;
  height: 36px;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: #fff 1px solid;
  margin-left: 10px;
  padding: 9px;
}
.site-container .oldsection .portfolio-three ul .item .hover ul li a:hover,
.site-container section .portfolio-three ul .item .hover ul li a:hover {
  color: #2e6884;
  border-color: #2e6884;
}
.site-container .oldsection .portfolio-three ul .item .hover span,
.site-container section .portfolio-three ul .item .hover span {
  position: absolute;
  top: 65%;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  display: block;
  font-size: 13px;
  text-align: center;
  color: #FFF;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0 20px;
  margin-top: 5px;
}
.site-container .oldsection .portfolio-four,
.site-container section .portfolio-four {
  width: 100%;
}
.site-container .oldsection .portfolio-four ul .item,
.site-container section .portfolio-four ul .item {
  float: left;
  width: 20%;
  padding: 10px;
  overflow: hidden;
  position: relative;
}
.site-container .oldsection .portfolio-four ul .item img,
.site-container section .portfolio-four ul .item img {
  width: 100%;
}
.site-container .oldsection .portfolio-four ul .item:hover .hover,
.site-container section .portfolio-four ul .item:hover .hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
  visibility: visible;
}
.site-container .oldsection .portfolio-four ul .item:hover .hover ul,
.site-container section .portfolio-four ul .item:hover .hover ul {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  visibility: visible;
}
.site-container .oldsection .portfolio-four ul .item:hover .hover span,
.site-container section .portfolio-four ul .item:hover .hover span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  visibility: visible;
}
.site-container .oldsection .portfolio-four ul .item .hover,
.site-container section .portfolio-four ul .item .hover {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: #55c8ff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
.site-container .oldsection .portfolio-four ul .item .hover ul,
.site-container section .portfolio-four ul .item .hover ul {
  display: table;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px -45px 0;
  padding: 0;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
.site-container .oldsection .portfolio-four ul .item .hover ul li,
.site-container section .portfolio-four ul .item .hover ul li {
  display: inline-block;
}
.site-container .oldsection .portfolio-four ul .item .hover ul li a,
.site-container section .portfolio-four ul .item .hover ul li a {
  display: block;
  width: 36px;
  height: 36px;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: #fff 1px solid;
  margin-left: 10px;
  padding: 9px;
}
.site-container .oldsection .portfolio-four ul .item .hover ul li a:hover,
.site-container section .portfolio-four ul .item .hover ul li a:hover {
  color: #2e6884;
  border-color: #2e6884;
}
.site-container .oldsection .portfolio-four ul .item .hover span,
.site-container section .portfolio-four ul .item .hover span {
  position: absolute;
  top: 65%;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  display: block;
  font-size: 13px;
  text-align: center;
  color: #FFF;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0 20px;
  margin-top: 5px;
}
.site-container .oldsection .google-maps,
.site-container section .google-maps {
  width: 100%;
  min-height: 474px;
}
.site-container .oldsection .contact-details,
.site-container section .contact-details {
  background-color: #f5f5f5;
}
.site-container .oldsection .contact-details .contact-title,
.site-container section .contact-details .contact-title {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 300;
  color: #969696;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.site-container .oldsection .contact-details .contact-title:after,
.site-container section .contact-details .contact-title:after {
  display: block;
  content: "";
  width: 100px;
  height: 3px;
  background-color: #55c8ff;
  margin-top: 20px;
}
.site-container .oldsection .contact-details p,
.site-container section .contact-details p {
  font-size: 16px;
  font-weight: normal;
  color: #7d7d7d;
  line-height: 22px;
  margin-bottom: 10px;
}
.site-container .oldsection .contact-details .shared-icon li,
.site-container section .contact-details .shared-icon li {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
  width: 35px;
  height: 35px;
}
.site-container .oldsection .contact-details .shared-icon li a,
.site-container section .contact-details .shared-icon li a {
  display: block;
  padding: 10px 0px;
  font-size: 18px;
  text-align: center;
  color: #c8c8c8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #FFF;
}
.site-container .oldsection .contact-details .shared-icon li a:hover,
.site-container section .contact-details .shared-icon li a:hover {
  color: #FFF;
  background-color: #55c8ff;
}
.site-container .oldsection .contact-forms h1,
.site-container section .contact-forms h1 {
  font-family: "Roboto", sans-serif;
  font-size: 60px;
  font-weight: 300;
  color: #232323;
  text-transform: uppercase;
  margin-bottom: 50px;
}
.site-container .oldsection .contact-forms h1:after,
.site-container section .contact-forms h1:after {
  display: block;
  content: "";
  width: 100px;
  height: 3px;
  background-color: #55c8ff;
  margin-top: 20px;
}
.site-container .oldsection .contact-forms h2,
.site-container section .contact-forms h2 {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  color: #7d7d7d;
  line-height: 30px;
  margin-bottom: 20px;
}
.site-container .oldsection .contact-forms p,
.site-container section .contact-forms p {
  font-size: 13px;
  font-weight: normal;
  color: #7d7d7d;
  margin-bottom: 10px;
}
.site-container .oldsection .contact-forms .contact-form label,
.site-container section .contact-forms .contact-form label {
  font-size: 16px;
  font-weight: normal;
  color: #7d7d7d;
  line-height: 22px;
  margin-bottom: 5px;
}
.site-container .oldsection .contact-forms .contact-form input,
.site-container .oldsection .contact-forms .contact-form textarea,
.site-container section .contact-forms .contact-form input,
.site-container section .contact-forms .contact-form textarea {
  background-color: #f5f5f5;
}
.site-container .oldsection .contact-forms .contact-form .read-more,
.site-container section .contact-forms .contact-form .read-more {
  border: none;
  display: inline-block;
  margin: 20px 0 0;
}
.site-container .oldsection .whitebox,
.site-container section .whitebox {
  display: table;
  margin: 60px 0;
  padding: 40px 80px;
  background: white url(../img/pattern-03.png);
  border: #f4f4f4 1px solid;
}
.site-container .oldsection .whitebox p,
.site-container section .whitebox p {
  font-family: "Roboto", sans-serif;
  text-align: left;
  font-size: 22px;
  line-height: 24px;
  font-weight: 300;
  color: #232323;
  margin-bottom: 0;
}
.site-container .oldsection .whitebox a,
.site-container section .whitebox a {
  float: right;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  font-weight: normal;
  color: #FFF;
  padding: 15px 45px;
}
.site-container .oldsection .left-icon,
.site-container section .left-icon {
  margin: 40px 0;
}
.site-container .oldsection .left-icon > a,
.site-container section .left-icon > a {
  float: left;
  width: 150px;
  height: 150px;
}
.site-container .oldsection .left-icon > a.layout-one,
.site-container section .left-icon > a.layout-one {
  background: url("../../demo/layouts/image-01.png") center center;
  background-size: contain;
}
.site-container .oldsection .left-icon > a.layout-one:hover,
.site-container section .left-icon > a.layout-one:hover {
  background-image: url("../../demo/layouts/image-01-hover.png");
}
.site-container .oldsection .left-icon > a.layout-two,
.site-container section .left-icon > a.layout-two {
  background: url("../../demo/layouts/image-02.png") center center;
  background-size: contain;
}
.site-container .oldsection .left-icon > a.layout-two:hover,
.site-container section .left-icon > a.layout-two:hover {
  background-image: url("../../demo/layouts/image-02-hover.png");
}
.site-container .oldsection .left-icon .content,
.site-container section .left-icon .content {
  padding-left: 170px;
}
.site-container .oldsection .left-icon .content h2,
.site-container section .left-icon .content h2 {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 300;
  color: #7d7d7d;
  margin-bottom: 25px;
}
.site-container .oldsection .left-icon .content p,
.site-container section .left-icon .content p {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  color: #7d7d7d;
}
.site-container .oldsection .left-icon .content .read-more,
.site-container section .left-icon .content .read-more {
  margin: 45px 0 0;
}
.site-container .oldsection .fullwidth-layout,
.site-container section .fullwidth-layout {
  display: block;
  width: 100%;
  margin-bottom: -2px;
}
.site-container .oldsection .fullwidth-layout img,
.site-container section .fullwidth-layout img {
  width: 100%;
}
.site-container footer.single-page {
  background-color: #232323;
  padding-bottom: 40px !important;
  overflow: hidden;
}
.site-container footer.single-page .copyrights {
  text-align: center;
}
.site-container footer.single-page .copyrights p {
  font-size: 13px;
  text-align: center;
  color: #7d7d7d;
  margin-top: 28px;
}
.site-container footer.single-page .copyrights p span {
  color: #55c8ff;
}
.site-container footer.single-page .copyrights p:after {
  display: block;
  content: "";
  width: 50px;
  height: 5px;
  margin: 25px auto;
}
.site-container footer.single-page .copyrights ul.footer-social li {
  display: inline-block;
}
.site-container footer.single-page .copyrights ul.footer-social li a {
  display: block;
  font-size: 13px;
  width: 25px;
  height: 25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #646464;
  color: #232323;
  margin-left: 25px;
  padding-top: 6px;
}
.site-container footer.single-page .copyrights ul.footer-social li a:hover {
  background: #FFF;
}
.site-container footer.single-page .footer-navigation {
  background: #323232;
  margin: 0px 0 0px;
}
.site-container footer.single-page .footer-navigation .container {
  position: relative;
}
.site-container footer.single-page .footer-navigation .container:after {
  content: "";
  position: absolute;
  background: #323232;
  top: 0;
  left: 100%;
  margin-left: -15px;
  bottom: 0;
  width: 9999px;
  padding: 25px 0;
}
.site-container footer.single-page .footer-navigation .container .navigation {
  display: table; 
  background: #323232;
  margin: auto;
}
.site-container footer.single-page .footer-navigation .container .navigation li {
  display: inline-block;
}
.site-container footer.single-page .footer-navigation .container .navigation li a {
  display: block;
  padding: 17px 30px;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  color: #7d7d7d;
}
.site-container footer.single-page .footer-navigation .container .navigation li a:hover {
  background: #4b4b4b;
  color: #FFF;
}
.site-container footer.single-page .footer-navigation .container .navigation li:not(:last-child) {
  border-right: #232323 1px solid;
}
.site-container footer.default-footer {
  background-color: #232323;
}
.site-container footer.default-footer .widget {
  margin-bottom: 20px;
}
.site-container footer.default-footer .widget h2 {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  color: #FFF;
  text-transform: uppercase;
  margin: 10px 0 30px;
}
.site-container footer.default-footer .widget.text-widget > a {
  display: block;
  text-align: left;
}
.site-container footer.default-footer .widget.text-widget > a:after {
  content: "";
  display: block;
  margin: 20px 0 20px 20%;
  width: 50px;
  height: 3px;
  background-color: #55c8ff;
}
.site-container footer.default-footer .widget.text-widget > p {
  font-size: 13px;
  line-height: 18px;
  color: #969696;
  margin-bottom: 10px;
}
.site-container footer.default-footer .widget.recent-tweets .twitie ul li {
  position: relative;
  font-size: 13px;
  font-weight: normal;
  color: #969696;
  line-height: 18px;
  padding-left: 30px;
  margin-bottom: 20px;
}
.site-container footer.default-footer .widget.recent-tweets .twitie ul li a {
  font-size: 13px;
  font-weight: normal;
  color: #FFF;
  text-decoration: none;
}
.site-container footer.default-footer .widget.recent-tweets .twitie ul li .date {
  display: block;
  color: #FFF;
  margin: 10px 0 0;
}
.site-container footer.default-footer .widget.recent-tweets .twitie ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url(../img/twitte-icon.png) no-repeat center center;
}
.site-container footer.default-footer .widget.tags-cloud ul li {
  display: inline-block;
}
.site-container footer.default-footer .widget.tags-cloud ul li a {
  display: block;
  padding: 5px 7px;
  margin: 3px;
  background-color: #323232;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  color: #969696;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
}
.site-container footer.default-footer .widget.tags-cloud ul li a:hover {
  color: #000;
  background-color: #FFF;
}
.site-container footer.default-footer .widget.widget-newsletter .content p {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  color: #969696;
  margin-bottom: 20px;
}
.site-container footer.default-footer .widget.widget-newsletter .content input[type="text"] {
  width: 95%;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  padding: 15px 25px;
  background-color: #000;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #FFF;
  margin-bottom: 10px;
}
.site-container footer.default-footer .widget.widget-newsletter .content input[type="text"]::-webkit-input-placeholder {
  padding-top: 2px;
  font-size: 13px;
  font-weight: normal;
  color: #969696;
}
.site-container footer.default-footer .widget.widget-newsletter .content input[type="text"]:-moz-placeholder {
  padding-top: 2px;
  font-size: 13px;
  font-weight: normal;
  color: #969696;
}
.site-container footer.default-footer .widget.widget-newsletter .content input[type="text"]::-moz-placeholder {
  padding-top: 2px;
  font-size: 13px;
  font-weight: normal;
  color: #969696;
}
.site-container footer.default-footer .widget.widget-newsletter .content input[type="text"]:-ms-input-placeholder {
  padding-top: 2px;
  font-size: 13px;
  font-weight: normal;
  color: #969696;
}
.site-container footer.default-footer .widget.widget-newsletter .content input[type="submit"] {
  font-size: 16px;
  font-weight: normal;
  width: 95%;
  padding: 15px 0;
  color: #FFF;
  border: #2187a4 1px solid;
  text-align: center;
  background: #4cb4e5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #4cb4e5), color-stop(90%, #55c8ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%);
  /* IE10+ */
  background: linear-gradient(to bottom, #4cb4e5 10%, #55c8ff 90%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cb4e5', endColorstr='#55c8ff',GradientType=0 );
  /* IE6-9 */
}
.site-container footer.default-footer .bottom {
  background-color: #000;
  padding: 35px 0 30px;
  border-top: #575757 1px solid;
}
.site-container footer.default-footer .bottom .copyrights {
  font-size: 13px;
  font-weight: normal;
  color: #969696;
  line-height: 18px;
  text-align: left;
  vertical-align: middle;
}
.site-container footer.default-footer .bottom .copyrights span {
  color: #55c8ff;
}
.site-container footer.default-footer .bottom .social {
  display: table;
  float: right;
}
.site-container footer.default-footer .bottom .social li {
  display: inline-block;
  margin-right: 15px;
}
.site-container footer.default-footer .bottom .social li a {
  display: block;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #000;
  background-color: #646464;
  text-align: center;
  padding: 5px 0 0;
  font-size: 13px;
}
.site-container footer.default-footer .bottom .social li a:hover {
  background-color: #FFF;
}
.site-container footer.default-footer .bottom .social li .tooltip.top .tooltip-arrow {
  border-top-color: #4b4b4b;
}
.site-container footer.default-footer .bottom .social li .tooltip .tooltip-inner {
  background-color: #4b4b4b;
}
.site-container .border-line {
  border-top: #e1e1e1 1px solid !important;
}
.site-container .border-line-bottom {
  border-bottom: #e1e1e1 1px solid !important;
}
.site-container .read-more {
  position: relative;
  display: table;
  margin: 30px auto;
  padding: 15px 35px;
  color: #c8c8c8;
  text-decoration: none;
  border: 2px solid #fff;
  -webkit-background-clip: text;
  -webkit-backface-visibility: hidden;
  z-index: 1;
  -webkit-transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -o-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  -webkit-box-shadow: inset 0px 0px 0px 1px #444444;
  -moz-box-shadow: inset 0px 0px 0px 1px #444444;
  box-shadow: inset 0px 0px 0px 1px #444444;
   
  /* Old browsers */
   
}
.site-container .read-more:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #FFF;
  -webkit-background-clip: text;
  -webkit-box-shadow: inset 0px 0px 0px 1px #444444;
  -moz-box-shadow: inset 0px 0px 0px 1px #444444;
  box-shadow: inset 0px 0px 0px 1px #444444;
  -webkit-transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -o-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  background: #4cb4e5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #4cb4e5), color-stop(90%, #55c8ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%);
  /* IE10+ */
  background: linear-gradient(to bottom, #4cb4e5 10%, #55c8ff 90%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cb4e5', endColorstr='#55c8ff',GradientType=0 );
  /* IE6-9 */
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  z-index: 2;
  opacity: 0;
}
.site-container .read-more:hover:after {
  opacity: 1;
}
.site-container .read-more span {
  color: #FFF;
  position: relative;
  z-index: 3;
}
.site-container .metainfo {
  border-top: #e5e5e5 1px solid;
  padding: 35px 0;
}
.site-container .metainfo h1 {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 300;
  text-align: left;
  text-transform: uppercase;
  color: #969696;
}
.site-container .metainfo .breadcrumb {
  margin: 0;
  text-align: right;
  background-color: transparent;
}
.site-container .metainfo .breadcrumb > li {
  font-size: 13px;
  font-weight: normal;
  color: #969696;
}
.site-container .metainfo .breadcrumb > li + li:before {
  content: '\003E';
}
.site-container .metainfo .breadcrumb > li a {
  font-size: 13px;
  font-weight: normal;
  color: #969696;
  text-decoration: none;
}
.site-container .metainfo .breadcrumb > li a:hover {
  color: #55c8ff;
}

/* ==========================================================================
  Component Loader
============================================================================= */
.pageload-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 999999;
  overflow: hidden;
}

.pageload-overlay.show {
  visibility: visible;
  opacity: 1;
}

.pageload-overlay svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.pageload-overlay svg path {
  fill: #55c8ff;
}

.pageload-overlay::after,
.pageload-overlay::before {
  content: '';
  position: fixed;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
  -webkit-transition: opacity 0.15s, visibility 0s 0.15s;
  -moz-transition: opacity 0.15s, visibility 0s 0.15s;
  -o-transition: opacity 0.15s, visibility 0s 0.15s;
  transition: opacity 0.15s, visibility 0s 0.15s;
}

.pageload-overlay::after {
  background: #fff;
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-animation: moveRight 0.6s linear infinite alternate;
  -moz-animation: moveRight 0.6s linear infinite alternate;
  -o-animation: moveRight 0.6s linear infinite alternate;
  animation: moveRight 0.6s linear infinite alternate;
}

.pageload-overlay::before {
  background: #fff;
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
  -webkit-animation: moveLeft 0.6s linear infinite alternate;
  -moz-animation: moveLeft 0.6s linear infinite alternate;
  -o-animation: moveLeft 0.6s linear infinite alternate;
  animation: moveLeft 0.6s linear infinite alternate;
}

@-webkit-keyframes moveRight {
  to {
    -webkit-transform: translateX(20px);
  }
}

@-moz-keyframes moveRight {
  to {
    -moz-transform: translateX(20px);
  }
}

@-o-keyframes moveRight {
  to {
    -o-transform: translateX(20px);
  }
}

@keyframes moveRight {
  to {
    transform: translateX(20px);
  }
}

@-webkit-keyframes moveLeft {
  to {
    -webkit-transform: translateX(-20px);
  }
}

@-moz-keyframes moveLeft {
  to {
    -moz-transform: translateX(-20px);
  }
}

@-o-keyframes moveLeft {
  to {
    -o-transform: translateX(-20px);
  }
}

@keyframes moveLeft {
  to {
    transform: translateX(-20px);
  }
}

.pageload-loading.pageload-overlay::after,
.pageload-loading.pageload-overlay::before {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

/* ==========================================================================
  Animation ALL
============================================================================= */
@-webkit-keyframes burst {
  0% {
    opacity: .6;
  }

  50% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes burst {
  0% {
    opacity: .6;
  }

  50% {
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-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);
  }
}

@-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);
  }
}

@-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);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  25% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-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;
  }
}

@-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;
  }
}

@-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;
  }
}

@-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;
  }
}

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

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

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

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

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

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

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

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

@-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;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }

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

  70% {
    -moz-transform: scale(0.9);
  }

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

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

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

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

  100% {
    -moz-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);
  }
}

@-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);
  }
}

@-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);
  }
}

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

  25% {
    -moz-transform: scale(0.95);
  }

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

  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

@-moz-keyframes flash {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes bounce {
  0% {
    -moz-transform: translateY(0);
  }

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

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

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

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

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

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

@-moz-keyframes shake {
  0% {
    -moz-transform: translateX(0);
  }

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

  20% {
    -moz-transform: translateX(10px);
  }

  30% {
    -moz-transform: translateX(-10px);
  }

  40% {
    -moz-transform: translateX(10px);
  }

  50% {
    -moz-transform: translateX(-10px);
  }

  60% {
    -moz-transform: translateX(10px);
  }

  70% {
    -moz-transform: translateX(-10px);
  }

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

  90% {
    -moz-transform: translateX(-10px);
  }

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

@-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;
  }
}

@-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;
  }
}

@-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;
  }
}

@-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;
  }
}

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

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

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

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

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

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

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

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

@-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;
  }
}

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

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

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

  10% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }

  20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }

  30% {
    -moz-transform: scale(1.1) rotate(3deg);
  }

  40% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }

  50% {
    -moz-transform: scale(1.1) rotate(3deg);
  }

  60% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }

  70% {
    -moz-transform: scale(1.1) rotate(3deg);
  }

  80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }

  90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }

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

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

  100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  70% {
    -ms-transform: scale(0.9);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  25% {
    -ms-transform: scale(0.95);
  }

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

  100% {
    opacity: 0;
    -ms-transform: scale(0.3);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

@-ms-keyframes flash {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  30% {
    -ms-transform: scale(1.1) rotate(3deg);
  }

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

  50% {
    -ms-transform: scale(1.1) rotate(3deg);
  }

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

  70% {
    -ms-transform: scale(1.1) rotate(3deg);
  }

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

  90% {
    -ms-transform: scale(1.1) rotate(3deg);
  }

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

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

  100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }

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

  70% {
    transform: scale(0.9);
  }

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

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

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

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

  100% {
    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);
  }
}

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

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

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

  100% {
    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);
  }
}

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

  25% {
    transform: scale(0.95);
  }

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

  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  25% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes bounce {
  0% {
    transform: translateY(0);
  }

  20% {
    transform: translateY(0);
  }

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

  50% {
    transform: translateY(0);
  }

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

  80% {
    transform: translateY(0);
  }

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

@keyframes shake {
  0% {
    transform: translateX(0);
  }

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

  20% {
    transform: translateX(10px);
  }

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

  40% {
    transform: translateX(10px);
  }

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

  60% {
    transform: translateX(10px);
  }

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

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

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

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

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

  100% {
    transform-origin: left bottom;
    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;
  }
}

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

  100% {
    transform-origin: right bottom;
    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;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  30% {
    transform: scale(1.1) rotate(3deg);
  }

  40% {
    transform: scale(1.1) rotate(-3deg);
  }

  50% {
    transform: scale(1.1) rotate(3deg);
  }

  60% {
    transform: scale(1.1) rotate(-3deg);
  }

  70% {
    transform: scale(1.1) rotate(3deg);
  }

  80% {
    transform: scale(1.1) rotate(-3deg);
  }

  90% {
    transform: scale(1.1) rotate(3deg);
  }

  100% {
    transform: scale(1) rotate(0);
  }
}
.slidingVertical span{
	animation: topToBottom 12.5s linear infinite 0s;
	-ms-animation: topToBottom 12.5s linear infinite 0s;
	-webkit-animation: topToBottom 12.5s linear infinite 0s;
	color: #00abe9;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.slidingVertical span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.slidingVertical span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.slidingVertical span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.slidingVertical span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}

/*topToBottom Animation*/
@-moz-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: translateY(-50px); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateY(-50px); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	25% { opacity: 1; -webkit-transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: translateY(-50px); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}

/*Horizontal Sliding*/
.slidingHorizontal{
	display: inline;
	text-indent: 8px;
}
.slidingHorizontal span{
	animation: leftToRight 12.5s linear infinite 0s;
	-ms-animation: leftToRight 12.5s linear infinite 0s;
	-webkit-animation: leftToRight 12.5s linear infinite 0s;
	color: #00abe9;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.slidingHorizontal span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.slidingHorizontal span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.slidingHorizontal span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.slidingHorizontal span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}

/*leftToRight Animation*/
@-moz-keyframes leftToRight{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: translateX(-50px); }
	10% { opacity: 1; -moz-transform: translateX(0px); }
	25% { opacity: 1; -moz-transform: translateX(0px); }
	30% { opacity: 0; -moz-transform: translateX(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-webkit-keyframes leftToRight{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateX(-50px); }
	10% { opacity: 1; -webkit-transform: translateX(0px); }
	25% { opacity: 1; -webkit-transform: translateX(0px); }
	30% { opacity: 0; -webkit-transform: translateX(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes leftToRight{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: translateX(-50px); }
	10% { opacity: 1; -ms-transform: translateX(0px); }
	25% { opacity: 1; -ms-transform: translateX(0px); }
	30% { opacity: 0; -ms-transform: translateX(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}

/*FadeIn*/
.fadeIn{
	display: inline;
	text-indent: 8px;
}
.fadeIn span{
	animation: fadeEffect 12.5s linear infinite 0s;
	-ms-animation: fadeEffect 12.5s linear infinite 0s;
	-webkit-animation: fadeEffect 12.5s linear infinite 0s;
	color: #00abe9;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.fadeIn span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.fadeIn span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.fadeIn span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.fadeIn span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}

/*FadeIn Animation*/
@-moz-keyframes fadeEffect{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: translateY(0px); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-webkit-keyframes fadeEffect{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateY(0px); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	25% { opacity: 1; -webkit-transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes fadeEffect{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: translateY(0px); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}

/*Vertical Flip*/
.verticalFlip{
	display: inline;
	text-indent: 8px;
}
.verticalFlip span{
	animation: vertical 12.5s linear infinite 0s;
	-ms-animation: vertical 12.5s linear infinite 0s;
	-webkit-animation: vertical 12.5s linear infinite 0s;
	color: #00abe9;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.verticalFlip span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.verticalFlip span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.verticalFlip span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.verticalFlip span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}

/*Vertical Flip Animation*/
@-moz-keyframes vertical{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: rotateX(180deg); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0;}
}
@-webkit-keyframes vertical{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: rotateX(180deg); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	25% { opacity: 1; -webkit-transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes vertical{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: rotateX(180deg); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}

/*Horizontal Flip*/
.horizontalFlip{
	display: inline;
	text-indent: 8px;
}
.horizontalFlip span{
	animation: horizontal 12.5s linear infinite 0s;
	-ms-animation: horizontal 12.5s linear infinite 0s;
	-webkit-animation: horizontal 12.5s linear infinite 0s;
	color: #00abe9;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.horizontalFlip span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.horizontalFlip span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.horizontalFlip span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.horizontalFlip span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}

/*Horizontal Flip Animation*/
@-moz-keyframes horizontal{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: rotateY(180deg); }
	10% { opacity: 1; -moz-transform: translateX(0px); }
	25% { opacity: 1; -moz-transform: translateX(0px); }
	30% { opacity: 0; -moz-transform: translateX(0px); }
	80% { opacity: 0; }
	100% { opacity: 0;}
}
@-webkit-keyframes horizontal{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: rotateY(180deg); }
	10% { opacity: 1; -webkit-transform: translateX(0px); }
	25% { opacity: 1; -webkit-transform: translateX(0px); }
	30% { opacity: 0; -webkit-transform: translateX(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes horizontal{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: rotateY(180deg); }
	10% { opacity: 1; -ms-transform: translateX(0px); }
	25% { opacity: 1; -ms-transform: translateX(0px); }
	30% { opacity: 0; -ms-transform: translateX(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}

/*AntiClockWise Effect*/
.antiClock{
	display: inline;
	text-indent: 8px;
}
.antiClock span{
	animation: anti 12.5s linear infinite 0s;
	-ms-animation: anti 12.5s linear infinite 0s;
	-webkit-animation: anti 12.5s linear infinite 0s;
	color: #00abe9;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.antiClock span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.antiClock span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.antiClock span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.antiClock span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}

/*AntiClockWise Effect Animation*/
@-moz-keyframes anti{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: rotateX(180deg); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0;}
}
@-webkit-keyframes anti{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: rotate(180deg); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	25% { opacity: 1; -webkit-transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes anti{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: rotate(180deg); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}

/*ClockWise Effect*/
.clockWise{
	display: inline;
	text-indent: 8px;
}
.clockWise span{
	animation: clock 12.5s linear infinite 0s;
	-ms-animation: clock 12.5s linear infinite 0s;
	-webkit-animation: clock 12.5s linear infinite 0s;
	color: #00abe9;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.clockWise span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.clockWise span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.clockWise span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.clockWise span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}

/*ClockWise Effect Animation*/
@-moz-keyframes clock{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: rotate(-180deg); }
	10% { opacity: 1; -moz-transform: translateX(0px); }
	25% { opacity: 1; -moz-transform: translateX(0px); }
	30% { opacity: 0; -moz-transform: translateX(0px); }
	80% { opacity: 0; }
	100% { opacity: 0;}
}
@-webkit-keyframes clock{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: rotate(-180deg); }
	10% { opacity: 1; -webkit-transform: translateX(0px); }
	25% { opacity: 1; -webkit-transform: translateX(0px); }
	30% { opacity: 0; -webkit-transform: translateX(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes clock{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: rotate(-180deg); }
	10% { opacity: 1; -ms-transform: translateX(0px); }
	25% { opacity: 1; -ms-transform: translateX(0px); }
	30% { opacity: 0; -ms-transform: translateX(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}

/*Pop Effect*/
.popEffect{
	display: inline;
	text-indent: 8px;
}
.popEffect span{
	animation: pop 12.5s linear infinite 0s;
	-ms-animation: pop 12.5s linear infinite 0s;
	-webkit-animation: pop 12.5s linear infinite 0s;
	color: #00abe9;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.popEffect span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.popEffect span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.popEffect span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.popEffect span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}

/*Pop Effect Animation*/
@-moz-keyframes pop{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0;}
}
@-webkit-keyframes pop{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px);}
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	25% { opacity: 1; -webkit-transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes pop{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}

/*Push Effect*/
.pushEffect{
	display: inline;
	text-indent: 8px;
}
.pushEffect span{
	animation: push 12.5s linear infinite 0s;
	-ms-animation: push 12.5s linear infinite 0s;
	-webkit-animation: push 12.5s linear infinite 0s;
	color: #00abe9;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.pushEffect span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.pushEffect span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.pushEffect span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.pushEffect span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}
 .slider-wrapper {
  font-size: 3em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
      color: #fff;
}

.slider {
  height: 50px;
  overflow: hidden;
  padding: 0 10px;
}

.slider > div {
  box-sizing: border-box;
  color: #FFF;
  height: 50px;
  margin-bottom: 50px;
  padding: 0 10px;
  text-align: center;
}

.text1 {
  background-color: #27436f;
  animation: slide 5s linear infinite;
}

.text2 {
  background-color: #0673a4;
}

.text3 {
  background-color: #2aabe2;
}

@keyframes slide {
  0% { margin-top: -300px; }
  5% { margin-top: -200px; }
  33% { margin-top: -200px; }
  38% { margin-top: -100px; }
  66% { margin-top: -100px; }
  72% { margin-top: 0; }
  100% { margin-top: 0; }
}

.abouts .site-container section .desc .section-title{
	text-align:left
}
.navbar-toggle .icon-bar {
    background: #fff;
}
.navbar-toggle {
	    margin-top: 18px!important;
    background-color: #00000047!important;
}
.navbar-brand {
    float: left;
    height: 82px!important;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}