/* ======================================================================================================
  Template Name : Balanar Multipurpose HTML Template;
  Version:   1.0;
  Author:    Jogjafile
  Copyright: Jogjafile
  Site:      www.jogjafile.com
  License: MIT

	This file contains the styling for the actual theme, this is the file you need to edit to change the look of the template.
	This files contents are outlined below.

 	===[ Table of Content ]===
     	1.	Scaffolding
     	2.	Typography
    	3. Header
    		3.1.	Contact Top Bar
    		3.2.	Logo
    	4.	Menu
    	5.	Title Content
    	6.	Feature on Section
    	7.	Maps Style
    	8.	Forms
    	9.	Social style
    	10. Owl Carousell
    	11.	Cube Portfolio
    	12.	Service Box
    	13. Our Team
    	14. Media Video
    	15.	Action Box
    	16.	Banner Style
    	17.	Accordions
    	18.	Progress Bars
    	19.	Widget Style
    	20.	Slider Style
    	21.	Carousel
    	22.	Blog Style
    	23.	Testimonials
    	24.	Portfolio Style
    	25.	Contact Style
    	26.	Shortcodes
    	27.	Footer
    	28.	Responsive
====================================================================================================== */
/* ============================= */
/*	1. Scaffolding.				 */
/* ============================= */
a {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
  outline: 0;
}

body {
  overflow: visible;
  padding-top: 0;
}

body.fixing #header-default .header-menu {
  background: #fff;
}

body.fixing #header-style3 .header-menu {
  background: #fff;
}

body.fixing .header-menu {
  position: fixed;
  top: 0;
  width: 100%;
  -webkit-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
  -moz-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
  -ms-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
  -o-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
  moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
  z-index: 999;
}

body .responsive-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
  top: 0;
}

body .gray {
  background: #ecf0f1;
}

a:hover {
  outline: none;
  text-decoration: none;
  list-style: none;
}

img {
  border: 0 none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  width: auto;
}

ul {
  padding: 0;
}

section.dark, div.dark {
  background: #171717;
}

section.darker, div.darker {
  background: #101010;
}

section.gray, div.gray {
  background: #ecf0f1;
}

section.npadding_bottom_0, div.npadding_bottom_0 {
  padding-bottom: 0 !important;
}

section.npadding_top_0, div.npadding_top_0 {
  padding-top: 0 !important;
}

.main-content {
  padding: 80px 0;
  position: relative;
}

.main-content.no-padding {
  padding: 0 !important;
}

.main-content.no-padding-bottom {
  padding-bottom: 0 !important;
}

.main-content .no-padding-bottom {
  padding-bottom: 0 !important;
}

.main-content .no-padding {
  padding: 0 !important;
}

.main-content.spacer {
  padding: 30px 0;
}

.main-content .space {
  padding: 30px 0;
}

.main-content.action-box.standard {
  padding: 60px 0;
}

.mrb_30 {
  margin-bottom: 30px !important;
}

.mrb_40 {
  margin-bottom: 40px !important;
}

.mrb_50 {
  margin-bottom: 50px !important;
}

.mrb_60 {
  margin-bottom: 60px !important;
}

.mrt_30 {
  margin-top: 30px !important;
}

.mrt_40 {
  margin-top: 40px !important;
}

.mrt_50 {
  margin-top: 50px !important;
}

.mrt_60 {
  margin-top: 60px !important;
}

.gray {
  background: #ecf0f1 !important;
}

.base {
  background: #03A9F4;
}

.dark {
  background: #171717;
}

/* ============================= */
/*	2. Typography.				 */
/* ============================= */
html {
  font-size: 100%;
  line-height: 1.5em;
  overflow-y: scroll;
}

body {
  color: #666666;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
  word-wrap: break-word;
  font-size: 13px;
  line-height: inherit;
}

img {
  max-width: 100%;
}

h1, h2,
h3, h4,
h5, h6,
hgroup, ul,
ol, dl,
dd, figure,
pre, table,
fieldset, hr {
  margin: 0;
  margin-bottom: 1.5rem;
  padding: 0;
}

blockquote {
  margin: 1.5rem 3.75rem;
}

b, strong {
  font-weight: 700;
}

hr {
  margin-bottom: calc(1.5rem - 1px);
}

ol,
ul {
  list-style-position: inside;
}

code,
kbd,
pre,
samp {
  font-size: 0.85rem;
  line-height: 1.5rem;
}

table {
  font-size: 1rem;
  line-height: 2.25rem;
  width: 100%;
}

thead {
  text-align: left;
}

h1, h2,
h3, h4,
h5, h6 {
  color: #424242;
  font-family: Lato, sans-serif;
  font-weight: 700;
}

h1 {
  font-size: 2.82843rem;
  line-height: 3.75rem;
}

h2 {
  font-size: 2rem;
  line-height: 3rem;
}

h3 {
  font-size: 1.41421rem;
  line-height: 2.25rem;
}

h4 {
  font-size: 1.25992rem;
  line-height: 2.25rem;
}

h5 {
  font-size: 1.12246rem;
  line-height: 1.5rem;
}

h6 {
  font-size: 1rem;
  line-height: 1.5rem;
}

/* ============================= */
/*	3. Header Style.			 */
/* ============================= */
#menu_toggle_button {
  display: none;
  cursor: pointer;
  color: #444;
  text-align: left;
  position: relative;
  float: right;
  font-size: 26px;
  line-height: 100px;
  margin: 0 0 0 20px;
}

#menu_toggle_button i {
  position: relative;
  top: -2px;
}

#main_header.default {
  z-index: 2;
  width: 100%;
  position: relative;
  background: #fff;
  -webkit-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -ms-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -o-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

#main_header.default .main-header .container {
  position: relative;
  z-index: 2;
}

.header-top {
  border-bottom: 1px solid #ddd;
  min-height: 41px;
}

.header-top.dark a, .header-top.dark p {
  color: #fff;
}

.header-top.dark .contact-top li {
  border-color: #323232;
}

.header-top.dark .contact-top li:last-child {
  border-color: #323232;
}

.header-top.dark .contact-top li p {
  color: #fff;
}

.header-top.dark .contact-top li p a {
  color: #fff;
}

.header-top.dark .social li {
  border-color: #323232;
}

.header-top.dark .social li:last-child {
  border-color: #323232;
}

.header-top.base a,
.header-top.base p {
  color: #fff;
}

.header-top.base .contact-top li {
  border-color: rgba(255, 255, 255, 0.5);
}

.header-top.base .contact-top li:last-child {
  border-color: rgba(255, 255, 255, 0.5);
}

.header-top.base .contact-top li p {
  color: #fff;
}

.header-top.base .contact-top li p i {
  color: #fff !important;
}

.header-top.base .contact-top li p a {
  color: #fff;
}

.header-top.base .social li {
  border-color: rgba(255, 255, 255, 0.5);
}

.header-top.base .social li:last-child {
  border-color: rgba(255, 255, 255, 0.5);
}

.additional-menu {
  position: relative;
  float: right;
  display: block;
}

.additional-menu ul {
  float: left;
}

/* ============================= */
/*	3.1. Contact Top.			 */
/* ============================= */
.contact-top {
  margin: 0;
  margin-right: 30px;
}

.contact-top li {
  list-style: none;
  float: left;
  text-align: center;
  line-height: 40px;
  text-align: center;
  list-style: none;
  display: inline-block;
  margin: 0;
  position: relative;
  padding-right: 20px;
}

.contact-top li:last-child {
  padding-right: 0;
}

.contact-top p {
  margin: 0;
  padding: 0;
  color: #525252;
  font-weight: 600;
}

.contact-top p span {
  font-weight: 400;
  margin-right: 7px;
}

.contact-top p a {
  color: #525252;
}

.contact-top p a:hover {
  color: #03A9F4;
}

.contact-top p i {
  color: #03A9F4;
  float: left;
  font-size: 16px;
  line-height: inherit;
  margin-right: 12px;
  text-align: center;
}

.contact-top.icon-bg p i {
  background: #ecf0f1;
  color: #03A9F4;
  float: left;
  font-size: 14px;
  line-height: 34px;
  width: 34px;
  height: 34px;
  -webkit-moz-border-radius: 3px;
  -moz-moz-border-radius: 3px;
  -ms-moz-border-radius: 3px;
  -o-moz-border-radius: 3px;
  moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

.contact-top.rounded li i {
  -webkit-moz-border-radius: 100px !important;
  -moz-moz-border-radius: 100px !important;
  -ms-moz-border-radius: 100px !important;
  -o-moz-border-radius: 100px !important;
  moz-border-radius: 100px !important;
  border-radius: 100px !important;
}

.contact-top.border li {
  line-height: 40px;
  border-left: 1px solid #ddd;
  padding: 0 20px;
}

.contact-top.border li:last-child {
  border-right: 1px solid #ddd;
}

.contact-top.border p {
  margin: 0;
  padding: 0;
  color: #525252;
  font-weight: 600;
}

.contact-top.border p span {
  font-weight: 400;
  margin-right: 7px;
}

.contact-top.border p a {
  color: #525252;
}

.contact-top.border p a:hover {
  color: #03A9F4;
}

.contact-top.border p i {
  color: #03A9F4;
  float: left;
  padding-right: 10px;
  font-size: 16px;
  background: none;
  margin: 0;
  line-height: inherit;
}

/* ============================= */
/*	3.2. Logo.				 	 */
/* ============================= */
#logo {
  float: left;
  line-height: 100px;
}

#logo img {
	max-width: 300px;
	margin-top: -5px;
}

/* ============================= */
/*	4. Menu.				 	 */
/* ============================= */
.main-nav .current-menu-item > a {
  color: #03A9F4;
}

.main-nav .current-menu-item > a::after {
  color: #03A9F4;
}

.main-nav > ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}

.main-nav > ul .sub-menu:hover > a {
  color: #03A9F4;
}

.main-nav > ul .sub-menu:hover > a:after {
  color: #03A9F4;
}

.main-nav > ul .sub-menu > a::after {
  content: "\f123";
  font-family: 'Ionicons';
  color: inherit;
  font-size: 10px;
  position: absolute;
  top: 1px;
  right: 5px;
  -webkit-transition: all 180ms ease-in;
  -moz-transition: all 180ms ease-in;
  -o-transition: all 180ms ease-in;
  transition: all 180ms ease-in;
}

.main-nav > ul li a {
  display: inline-block;
  color: #424242;
  font-family: 'Open Sans';
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  position: relative;
  padding: 0 20px;
  margin-right: 5px;
  text-transform: uppercase;
  -webkit-transition: all 180ms ease-in;
  -moz-transition: all 180ms ease-in;
  -o-transition: all 180ms ease-in;
  transition: all 180ms ease-in;
}

.main-nav > ul li a:hover {
  color: #03A9F4;
  -webkit-transition: all 180ms ease-in;
  -moz-transition: all 180ms ease-in;
  -o-transition: all 180ms ease-in;
  transition: all 180ms ease-in;
}

.main-nav > ul li:hover ul {
  display: block;
  z-index: 2003;
}

.main-nav > ul li:hover .megaMenu {
  display: block;
}

.main-nav > ul > li {
  float: left;
  line-height: 100px;
}

.main-nav > ul > li span {
  display: block;
}

.main-nav > ul > li > ul,
.main-nav > ul > li > ul ul {
  background: #fff;
  display: none;
  list-style: none;
  position: absolute;
  margin: 0;
  min-width: 200px;
  z-index: 2001;
  overflow: visible;
  border: 1px solid #ddd;
  border-top: 2px solid #03A9F4;
  border-left: 0 solid #03A9F4;
  border-right: 0 solid #03A9F4;
  top: 100%;
}

.main-nav > ul > li > ul > li,
.main-nav > ul > li > ul ul > li {
  line-height: normal;
  position: relative;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  -webkit-transition: all 180ms ease-in;
  -moz-transition: all 180ms ease-in;
  -o-transition: all 180ms ease-in;
  transition: all 180ms ease-in;
}

.main-nav > ul > li > ul > li:last-child,
.main-nav > ul > li > ul ul > li:last-child {
  border-bottom: 0px solid #ddd;
}

.main-nav > ul > li > ul > li > a,
.main-nav > ul > li > ul ul > li > a {
  width: 100%;
  text-align: left;
  padding: 6px 20px 7px;
  color: #424242;
  margin-left: 0;
  font-size: 13px;
  line-height: 28px;
  font-weight: 400;
  text-transform: capitalize;
}

.main-nav > ul > li > ul > li:hover,
.main-nav > ul > li > ul ul > li:hover {
  background: #ecf0f1;
  -webkit-transition: all 180ms ease-in;
  -moz-transition: all 180ms ease-in;
  -o-transition: all 180ms ease-in;
  transition: all 180ms ease-in;
}

.main-nav > ul > li > ul > li:hover > a,
.main-nav > ul > li > ul ul > li:hover > a {
  color: #03A9F4;
}

.main-nav > ul > li > ul > li ul,
.main-nav > ul > li > ul ul > li ul {
  position: absolute;
  left: 100%;
  top: -1px !important;
  margin-left: 0px;
  margin-top: 0;
  z-index: 2002;
  border-top-left-radius: 0px;
}

.main-nav > ul > li > ul > li ul:after,
.main-nav > ul > li > ul ul > li ul:after {
  display: none;
}

.main-nav > ul > li > ul > li ul li a,
.main-nav > ul > li > ul ul > li ul li a {
  /* sub sub menu color here */
  color: #424242;
}

.main-nav > ul > li > ul > li ul li a:hover,
.main-nav > ul > li > ul ul > li ul li a:hover {
  color: #03A9F4;
}

.main-nav > ul li > ul > li a.sf-with-ul:after {
  content: "\f125";
  font-family: 'Ionicons';
  color: #34495e;
  position: absolute;
  top: 5px;
  right: 10px;
  -webkit-transition: all 180ms ease-in;
  -moz-transition: all 180ms ease-in;
  -o-transition: all 180ms ease-in;
  transition: all 180ms ease-in;
}

.pull-right .megaMenu {
  left: auto;
  right: 0;
}

/* ========================= */
/*	Mega Menu 	 			 */
/* ========================= */
.megaMenu .megaMenu-inner > ul .sf-with-ul::after {
  content: '';
}

.megaMenu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 9999;
  padding: 0 15px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.megaMenu ul {
  position: static !important;
  display: block !important;
  padding: 0;
  margin: 0;
  border: none;
  height: auto !important;
  background: none;
  box-shadow: none;
  opacity: 1 !important;
}

.megaMenu.col6 .megaMenu-inner > ul > li {
  width: 16.666%;
  float: left;
}

.megaMenu.three-quarter {
  width: 75%;
}

.megaMenu.three-quarter .megaMenu-inner > ul > li {
  width: 25%;
  float: left;
}

.megaMenu.half {
  width: 50%;
}

.megaMenu li {
  position: static !important;
  display: block !important;
  padding: 0;
  margin: 0;
  border: none;
  height: auto !important;
  background: none;
  box-shadow: none;
  opacity: 1 !important;
}

.megaMenu-inner ul ul > li:hover {
  background: #ecf0f1;
}

.megaMenu-inner {
  display: table !important;
  width: 100%;
  padding: 0;
  background: #fff;
  overflow: hidden;
  border-top: 2px solid #03A9F4;
  -webkit-transition: all 180ms ease-in;
  -moz-transition: all 180ms ease-in;
  -o-transition: all 180ms ease-in;
  transition: all 180ms ease-in;
}

.megaMenu-inner > ul {
  border: 1px solid #ddd !important;
}

.megaMenu-inner li {
  line-height: normal;
}

.megaMenu-inner li:first-child ul:before {
  background: transparent;
}

.megaMenu-inner li ul:before {
  background-color: #ddd;
  content: '';
  display: block;
  height: 99%;
  position: absolute;
  bottom: 0;
  width: 1px;
}

.megaMenu-inner > ul {
  display: flex !important;
}

.megaMenu-inner > ul > li {
  display: table-cell !important;
  vertical-align: top;
  background: #fff;
}

.megaMenu-inner li > a {
  font-weight: 600;
  text-transform: capitalize;
  color: #424242;
  line-height: 28px;
  font-size: 14px;
}

.megaMenu-inner ul li span {
  color: #424242;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  padding: 10px 20px;
  margin-left: 0;
  text-align: left;
  margin-top: 3px;
  text-transform: uppercase;
  width: 100%;
}

.megaMenu-inner > ul ul > li a {
  color: #2d2e2e;
  font-size: 13px;
  font-weight: 400;
  line-height: 28px;
  padding: 6px 20px 7px;
  margin: 0;
  text-align: left;
  text-transform: capitalize;
  width: 100%;
}

.megaMenu-inner > ul ul > li a:hover {
  color: #03A9F4;
}

.megaMenu-inner a {
  text-transform: none;
  padding: 0 10px;
  margin-bottom: 1px;
  text-align: left;
}

nav.default {
  float: right;
}

nav.main-nav {
  float: left;
  margin-left: 30px;
}

/* ========================= */
/*	Header Style 3 	 		 */
/* ========================= */
.header-style3 .main-nav > ul {
  margin: 35px auto 32px;
}

.header-style3 .main-nav > ul .sub-menu a {
  padding: 6px 30px 6px 20px;
}

.header-style3 .main-nav > ul > li {
  line-height: inherit;
}

.header-style3 .main-nav > ul > li > a {
  padding: 6px 20px 6px 20px;
  -webkit-moz-border-radius: 50px;
  -moz-moz-border-radius: 50px;
  -ms-moz-border-radius: 50px;
  -o-moz-border-radius: 50px;
  moz-border-radius: 50px;
  border-radius: 50px;
}

.header-style3 .main-nav > ul > li:hover > a {
  background: #03A9F4;
  color: #fff;
}

.header-style3 .main-nav > ul > li.current-menu-item > a {
  color: #fff !important;
  background: #03A9F4;
}

.header-style3 .main-nav > ul .sub-menu:hover > a:after {
  color: #fff;
}

.header-style3 .main-nav > ul .sub-menu > a:after {
  top: 5px;
  right: 10px;
}

/* ========================= */
/*	Menu on Footer 		 	 */
/* ========================= */
.footer-menu {
  margin: 8px auto;
  float: right;
}

.footer-inner li {
  line-height: inherit;
  float: left;
}

.footer-inner a {
  font-size: 14px;
  font-family: lato;
  color: #626262;
  font-weight: 400;
  padding: 0 10px;
  margin: 0;
  text-transform: capitalize;
}

.footer-inner a:hover {
  color: #03A9F4;
}

/* ============================= */
/*	5. Title Content.			 */
/* ============================= */
.content .content-title {
  position: relative;
}

.content .content-title h3 {
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.3;
}

.content .content-title hr.spacer {
  border-top: 2px solid #c2c2c2;
  margin: 18px auto 20px;
  width: 75px;
  display: inline-block;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

.content p {
  color: #424242;
}

/* ============================= */
/*	6. Feature on Section.		 */
/* ============================= */
.full-image-section {
  overflow: hidden;
  padding: 0;
  position: relative;
}

.full-image-section.white {
  background-color: #fff;
}

.full-image-section.gray {
  background-color: #ecf0f1;
}

.full-image-section .content {
  padding: 45px 30px !important;
}

.image-container {
  bottom: 0;
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
}

.image-container.left {
  left: 0;
}

.image-container.right {
  left: auto;
  right: 0;
}

.content-left .feature-content-page {
  padding-left: 0;
  padding-right: 60px;
}

.content-left .feature-content-page .service-box:first-child {
  margin-top: 0;
}

.content-left .feature-content-page .service-box:last-child {
  margin-bottom: 0;
}

.background-image-wrapper {
  height: 100%;
}

.background-image-wrapper img {
  width: 100%;
}

/* ============================= */
/*	7. Maps Style.			     */
/* ============================= */
.maps {
  margin-bottom: 30px;
  z-index: 10;
}

.maps #jogjamap {
  max-height: 450px;
  height: 400px;
  margin-bottom: 50px;
  transform: none !important;
}

.gmnoprint img {
  max-width: inherit !important;
}

.title-content h3 {
  font-size: 20px;
  line-height: normal;
  margin-bottom: 20px;
  line-height: 14px;
  font-weight: 600;
  font-family: Source sans Pro, sans-serif;
}

/* ============================= */
/*	8. Forms.				 	 */
/* ============================= */
/* Search Form Menu */
.search-toggle {
  position: static;
}

.search-icon {
  cursor: pointer;
  float: right;
  margin-left: 10px;
}

.search-icon i {
  color: #424242;
  float: right;
  font-size: 20px;
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 100px;
}

.search-box-wrapper {
  position: absolute;
  top: 100%;
  right: auto;
  left: 0;
  width: 99%;
  display: none;
  padding: 0 15px;
  width: 100%;
}

.search-box-wrapper form {
  position: relative;
  overflow: hidden;
}

.search-box-wrapper form:before {
  content: "\f21f";
  font-family: Ionicons;
  color: #fff;
  font-size: 24px;
  margin-top: -10px;
  position: absolute;
  right: 20px;
  top: 50%;
  cursor: inherit;
  z-index: 10;
}

.search-box-wrapper form input[type='text'] {
  width: 100%;
  text-align: left;
  outline: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  height: 90px;
  margin: 0 auto;
  position: relative;
  padding: 0 60px 0 30px;
  background: #03A9F4;
  color: #fff !important;
  border: 0;
  -webkit-moz-border-radius: 0;
  -moz-moz-border-radius: 0;
  -ms-moz-border-radius: 0;
  -o-moz-border-radius: 0;
  moz-border-radius: 0;
  border-radius: 0;
}

.search-box-wrapper form input[type='text']::-webkit-input-placeholder {
  color: #fff;
}

.search-box-wrapper form input[type='text']:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}

.search-box-wrapper form input[type='text']::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

.search-box-wrapper form input[type='text']:-ms-input-placeholder {
  color: #fff;
}

.search-box-wrapper form input[type='text']:focus {
  -webkit-moz-box-shadow: 0 0 0 0 transparent;
  -moz-moz-box-shadow: 0 0 0 0 transparent;
  -ms-moz-box-shadow: 0 0 0 0 transparent;
  -o-moz-box-shadow: 0 0 0 0 transparent;
  moz-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
  color: #fff !important;
}

::-webkit-input-placeholder {
  color: #fff;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

:-ms-input-placeholder {
  color: #fff;
}

/* Newsletters Form */
.nl-subscribe {
  padding: 15px 0;
}

.nl-btn {
  background: #03A9F4;
  border: 0 none;
  color: #fff;
  cursor: pointer;
  float: right;
  height: 40px;
  width: 18%;
  padding: 0;
  font-weight: 600;
}

.nl-inner {
  overflow: hidden;
}

.nl-field {
  background: #ecf0f1;
  border: 0 none;
  border: 1px solid #ccc;
  height: 40px;
  margin: 0;
  padding: 0;
  text-indent: 15px;
  width: 100%;
}

.nl-field::-webkit-input-placeholder {
  color: #626262;
}

.nl-field:-moz-placeholder {
  /* Firefox 18- */
  color: #626262;
}

.nl-field::-moz-placeholder {
  /* Firefox 19+ */
  color: #626262;
}

.nl-field:-ms-input-placeholder {
  color: #626262;
}

.nl-field:focus {
  border-color: #03A9F4;
}

/* ============================= */
/*	9. Social style.			 */
/* ============================= */
.social {
  float: left;
  margin: 0;
}

.social li {
  float: left;
  text-align: center;
  list-style: none;
  border-left: 1px solid #ddd;
  margin: 0;
  position: relative;
  padding: 0;
  line-height: 40px;
}

.social li:last-child {
  border-right: 1px solid #ddd;
}

.social span {
  color: #525252;
  font-family: Open Sans;
  font-size: 14px;
  line-height: inherit;
  text-transform: capitalize;
}

.social a {
  font-size: 14px;
  color: #777;
  padding: 0;
  margin: 0;
  text-decoration: none;
  display: block;
  width: 40px;
  line-height: inherit;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.social a:hover {
  color: #fff;
}

.social a.duckduckgo:hover {
  background-color: #d31a00;
}

.social a.aim:hover {
  background-color: #1c8194;
}

.social a.delicious:hover {
  background-color: #3271CB;
}

.social a.paypal:hover {
  background-color: #32689A;
}

.social a.flattr:hover {
  background-color: #8ABA42;
}

.social a.android:hover {
  background-color: #A4C639;
}

.social a.eventful:hover {
  background-color: #47AB15;
}

.social a.smashmag:hover {
  background-color: #FF4F27;
}

.social a.google-plus:hover {
  background-color: #DD4B39;
}

.social a.wikipedia:hover {
  background-color: #000000;
}

.social a.lanyrd:hover {
  background-color: #2E6AC2;
}

.social a.calendar:hover {
  background-color: #D63538;
}

.social a.stumbleupon:hover {
  background-color: #EB4924;
}

.social a.fivehundredpx:hover {
  background-color: #333333;
}

.social a.pinterest:hover {
  background-color: #C91618;
}

.social a.bitcoin:hover {
  background-color: #4D4D4D;
}

.social a.w3c:hover {
  background-color: #1761a4;
}

.social a.foursquare:hover {
  background-color: #44A8E0;
}

.social a.html5:hover {
  background-color: #FF3617;
}

.social a.ie:hover {
  background-color: #00A1D9;
}

.social a.call:hover {
  background-color: #008000;
}

.social a.grooveshark:hover {
  background-color: #111111;
}

.social a.ninetyninedesigns:hover {
  background-color: #072243;
}

.social a.forrst:hover {
  background-color: #1E360D;
}

.social a.digg:hover {
  background-color: #164673;
}

.social a.spotify:hover {
  background-color: #60AF00;
}

.social a.reddit:hover {
  background-color: #222222;
}

.social a.guest:hover {
  background-color: #1B4D6D;
}

.social a.gowalla:hover {
  background-color: #FF720A;
}

.social a.appstore:hover {
  background-color: #000000;
}

.social a.blogger:hover {
  background-color: #EE5A22;
}

.social a.cc:hover {
  background-color: #000000;
}

.social a.dribbble:hover {
  background-color: #EA4C89;
}

.social a.evernote:hover {
  background-color: #6BB130;
}

.social a.flickr:hover {
  background-color: #FF0084;
}

.social a.google:hover {
  background-color: #4E6CF7;
}

.social a.viadeo:hover {
  background-color: #000000;
}

.social a.instapaper:hover {
  background-color: #222222;
}

.social a.weibo:hover {
  background-color: #000000;
}

.social a.klout:hover {
  background-color: #E34A25;
}

.social a.linkedin:hover {
  background-color: #0083A8;
}

.social a.meetup:hover {
  background-color: #E51937;
}

.social a.vk:hover {
  background-color: #45688E;
}

.social a.plancast:hover {
  background-color: #0d5dc4;
}

.social a.disqus:hover {
  background-color: #5D8AAD;
}

.social a.rss:hover {
  background-color: #FF7F25;
}

.social a.skype:hover {
  background-color: #00A2ED;
}

.social a.twitter:hover {
  background-color: #46C0FB;
}

.social a.youtube:hover {
  background-color: #FF0000;
}

.social a.vimeo:hover {
  background-color: #00A2CD;
}

.social a.windows:hover {
  background-color: #0052A4;
}

.social a.xing:hover {
  background-color: #0A5D5E;
}

.social a.yahoo:hover {
  background-color: #A200C2;
}

.social a.chrome:hover {
  background-color: #006CD4;
}

.social a.email:hover {
  background-color: #312C2A;
}

.social a.macstore:hover {
  background-color: #007DCB;
}

.social a.myspace:hover {
  background-color: #000000;
}

.social a.podcast:hover {
  background-color: #9365CE;
}

.social a.amazon:hover {
  background-color: #030037;
}

.social a.steam:hover {
  background-color: #000000;
}

.social a.cloudapp:hover {
  background-color: #312C2A;
}

.social a.dropbox:hover {
  background-color: #312C2A;
}

.social a.ebay:hover {
  background-color: #e32335;
}

.social a.facebook:hover {
  background-color: #4863AE;
}

.social a.github:hover {
  background-color: #050505;
}

.social a.googleplay:hover {
  background-color: #000000;
}

.social a.itunes:hover {
  background-color: #312C2A;
}

.social a.plurk:hover {
  background-color: #CF682F;
}

.social a.songkick:hover {
  background-color: #FF0050;
}

.social a.lastfm:hover {
  background-color: #DC1A23;
}

.social a.gmail:hover {
  background-color: #222222;
}

.social a.pinboard:hover {
  background-color: #2711f5;
}

.social a.openid:hover {
  background-color: #333333;
}

.social a.quora:hover {
  background-color: #A82400;
}

.social a.soundcloud:hover {
  background-color: #FF4500;
}

.social a.tumblr:hover {
  background-color: #5a90be;
}

.social a.eventasaurus:hover {
  background-color: #192931;
}

.social a.wordpress:hover {
  background-color: #464646;
}

.social a.yelp:hover {
  background-color: #E60010;
}

.social a.intensedebate:hover {
  background-color: #0099e1;
}

.social a.eventbrite:hover {
  background-color: #FF5616;
}

.social a.scribd:hover {
  background-color: #231C1A;
}

.social a.posterous:hover {
  background-color: #BC7134;
}

.social a.stripe:hover {
  background-color: #2F7ED6;
}

.social a.opentable:hover {
  background-color: #990000;
}

.social a.cart:hover {
  background-color: #333333;
}

.social a.print:hover {
  background-color: #222222;
}

.social a.angellist:hover {
  background-color: #000000;
}

.social a.instagram-1:hover {
  background-color: #3F729B;
}

.social a.dwolla:hover {
  background-color: #E88C02;
}

.social a.appnet:hover {
  background-color: #3178BD;
}

.social a.statusnet:hover {
  background-color: #829D25;
}

.social a.acrobat:hover {
  background-color: #000000;
}

.social a.drupal:hover {
  background-color: #0077C0;
}

.social a.buffer:hover {
  background-color: #232323;
}

.social a.pocket:hover {
  background-color: #777777;
}

.social a.bitbucket:hover {
  background-color: #4D4D4D;
}

.social a.instagram:hover {
  background-color: #3F729B;
}

.social.bg li {
  background: #1c1f23;
  margin-left: 7px;
  border: none;
  -webkit-moz-border-radius: 3px;
  -moz-moz-border-radius: 3px;
  -ms-moz-border-radius: 3px;
  -o-moz-border-radius: 3px;
  moz-border-radius: 3px;
  border-radius: 3px;
}

.social.bg li:first-child {
  margin-left: 0;
}

.social.bg li:last-child {
  border: none;
}

.social.bg li:hover a {
  color: #fff !important;
}

.social.bg a {
  -webkit-moz-border-radius: 3px;
  -moz-moz-border-radius: 3px;
  -ms-moz-border-radius: 3px;
  -o-moz-border-radius: 3px;
  moz-border-radius: 3px;
  border-radius: 3px;
}

.social.bg a:hover {
  color: #fff;
}

.social.ion-fonts a {
  font-size: 16px;
}

.social.team {
  float: none;
}

.social.team li {
  display: inline-block;
  text-align: left;
  border: none;
  margin-right: 15px;
}

.social.team a {
  display: inline-block;
  text-decoration: none;
  width: auto;
  margin: auto;
  height: auto;
  line-height: inherit;
}

.social.team a i {
  font-size: 16px;
}

.social.team a.duckduckgo:hover {
  color: #d31a00;
  background-color: #FFF;
}

.social.team a.aim:hover {
  color: #1c8194;
  background-color: #FFF;
}

.social.team a.delicious:hover {
  color: #3271CB;
  background-color: #FFF;
}

.social.team a.paypal:hover {
  color: #32689A;
  background-color: #FFF;
}

.social.team a.flattr:hover {
  color: #8ABA42;
  background-color: #FFF;
}

.social.team a.android:hover {
  color: #A4C639;
  background-color: #FFF;
}

.social.team a.eventful:hover {
  color: #47AB15;
  background-color: #FFF;
}

.social.team a.smashmag:hover {
  color: #FF4F27;
  background-color: #FFF;
}

.social.team a.google-plus:hover {
  color: #DD4B39;
  background-color: #FFF;
}

.social.team a.wikipedia:hover {
  color: #000000;
  background-color: #FFF;
}

.social.team a.lanyrd:hover {
  color: #2E6AC2;
  background-color: #FFF;
}

.social.team a.calendar:hover {
  color: #D63538;
  background-color: #FFF;
}

.social.team a.stumbleupon:hover {
  color: #EB4924;
  background-color: #FFF;
}

.social.team a.fivehundredpx:hover {
  color: #333333;
  background-color: #FFF;
}

.social.team a.pinterest:hover {
  color: #C91618;
  background-color: #FFF;
}

.social.team a.bitcoin:hover {
  color: #4D4D4D;
  background-color: #FFF;
}

.social.team a.w3c:hover {
  color: #1761a4;
  background-color: #FFF;
}

.social.team a.foursquare:hover {
  color: #44A8E0;
  background-color: #FFF;
}

.social.team a.html5:hover {
  color: #FF3617;
  background-color: #FFF;
}

.social.team a.ie:hover {
  color: #00A1D9;
  background-color: #FFF;
}

.social.team a.call:hover {
  color: #008000;
  background-color: #FFF;
}

.social.team a.grooveshark:hover {
  color: #111111;
  background-color: #FFF;
}

.social.team a.ninetyninedesigns:hover {
  color: #072243;
  background-color: #FFF;
}

.social.team a.forrst:hover {
  color: #1E360D;
  background-color: #FFF;
}

.social.team a.digg:hover {
  color: #164673;
  background-color: #FFF;
}

.social.team a.spotify:hover {
  color: #60AF00;
  background-color: #FFF;
}

.social.team a.reddit:hover {
  color: #222222;
  background-color: #FFF;
}

.social.team a.guest:hover {
  color: #1B4D6D;
  background-color: #FFF;
}

.social.team a.gowalla:hover {
  color: #FF720A;
  background-color: #FFF;
}

.social.team a.appstore:hover {
  color: #000000;
  background-color: #FFF;
}

.social.team a.blogger:hover {
  color: #EE5A22;
  background-color: #FFF;
}

.social.team a.cc:hover {
  color: #000000;
  background-color: #FFF;
}

.social.team a.dribbble:hover {
  color: #EA4C89;
  background-color: #FFF;
}

.social.team a.evernote:hover {
  color: #6BB130;
  background-color: #FFF;
}

.social.team a.flickr:hover {
  color: #FF0084;
  background-color: #FFF;
}

.social.team a.google:hover {
  color: #4E6CF7;
  background-color: #FFF;
}

.social.team a.viadeo:hover {
  color: #000000;
  background-color: #FFF;
}

.social.team a.instapaper:hover {
  color: #222222;
  background-color: #FFF;
}

.social.team a.weibo:hover {
  color: #000000;
  background-color: #FFF;
}

.social.team a.klout:hover {
  color: #E34A25;
  background-color: #FFF;
}

.social.team a.linkedin:hover {
  color: #0083A8;
  background-color: #FFF;
}

.social.team a.meetup:hover {
  color: #E51937;
  background-color: #FFF;
}

.social.team a.vk:hover {
  color: #45688E;
  background-color: #FFF;
}

.social.team a.plancast:hover {
  color: #0d5dc4;
  background-color: #FFF;
}

.social.team a.disqus:hover {
  color: #5D8AAD;
  background-color: #FFF;
}

.social.team a.rss:hover {
  color: #FF7F25;
  background-color: #FFF;
}

.social.team a.skype:hover {
  color: #00A2ED;
  background-color: #FFF;
}

.social.team a.twitter:hover {
  color: #46C0FB;
  background-color: #FFF;
}

.social.team a.youtube:hover {
  color: #FF0000;
  background-color: #FFF;
}

.social.team a.vimeo:hover {
  color: #00A2CD;
  background-color: #FFF;
}

.social.team a.windows:hover {
  color: #0052A4;
  background-color: #FFF;
}

.social.team a.xing:hover {
  color: #0A5D5E;
  background-color: #FFF;
}

.social.team a.yahoo:hover {
  color: #A200C2;
  background-color: #FFF;
}

.social.team a.chrome:hover {
  color: #006CD4;
  background-color: #FFF;
}

.social.team a.email:hover {
  color: #312C2A;
  background-color: #FFF;
}

.social.team a.macstore:hover {
  color: #007DCB;
  background-color: #FFF;
}

.social.team a.myspace:hover {
  color: #000000;
  background-color: #FFF;
}

.social.team a.podcast:hover {
  color: #9365CE;
  background-color: #FFF;
}

.social.team a.amazon:hover {
  color: #030037;
  background-color: #FFF;
}

.social.team a.steam:hover {
  color: #000000;
  background-color: #FFF;
}

.social.team a.cloudapp:hover {
  color: #312C2A;
  background-color: #FFF;
}

.social.team a.dropbox:hover {
  color: #312C2A;
  background-color: #FFF;
}

.social.team a.ebay:hover {
  color: #e32335;
  background-color: #FFF;
}

.social.team a.facebook:hover {
  color: #4863AE;
  background-color: #FFF;
}

.social.team a.github:hover {
  color: #050505;
  background-color: #FFF;
}

.social.team a.googleplay:hover {
  color: #000000;
  background-color: #FFF;
}

.social.team a.itunes:hover {
  color: #312C2A;
  background-color: #FFF;
}

.social.team a.plurk:hover {
  color: #CF682F;
  background-color: #FFF;
}

.social.team a.songkick:hover {
  color: #FF0050;
  background-color: #FFF;
}

.social.team a.lastfm:hover {
  color: #DC1A23;
  background-color: #FFF;
}

.social.team a.gmail:hover {
  color: #222222;
  background-color: #FFF;
}

.social.team a.pinboard:hover {
  color: #2711f5;
  background-color: #FFF;
}

.social.team a.openid:hover {
  color: #333333;
  background-color: #FFF;
}

.social.team a.quora:hover {
  color: #A82400;
  background-color: #FFF;
}

.social.team a.soundcloud:hover {
  color: #FF4500;
  background-color: #FFF;
}

.social.team a.tumblr:hover {
  color: #5a90be;
  background-color: #FFF;
}

.social.team a.eventasaurus:hover {
  color: #192931;
  background-color: #FFF;
}

.social.team a.wordpress:hover {
  color: #464646;
  background-color: #FFF;
}

.social.team a.yelp:hover {
  color: #E60010;
  background-color: #FFF;
}

.social.team a.intensedebate:hover {
  color: #0099e1;
  background-color: #FFF;
}

.social.team a.eventbrite:hover {
  color: #FF5616;
  background-color: #FFF;
}

.social.team a.scribd:hover {
  color: #231C1A;
  background-color: #FFF;
}

.social.team a.posterous:hover {
  color: #BC7134;
  background-color: #FFF;
}

.social.team a.stripe:hover {
  color: #2F7ED6;
  background-color: #FFF;
}

.social.team a.opentable:hover {
  color: #990000;
  background-color: #FFF;
}

.social.team a.cart:hover {
  color: #333333;
  background-color: #FFF;
}

.social.team a.print:hover {
  color: #222222;
  background-color: #FFF;
}

.social.team a.angellist:hover {
  color: #000000;
  background-color: #FFF;
}

.social.team a.instagram-1:hover {
  color: #3F729B;
  background-color: #FFF;
}

.social.team a.dwolla:hover {
  color: #E88C02;
  background-color: #FFF;
}

.social.team a.appnet:hover {
  color: #3178BD;
  background-color: #FFF;
}

.social.team a.statusnet:hover {
  color: #829D25;
  background-color: #FFF;
}

.social.team a.acrobat:hover {
  color: #000000;
  background-color: #FFF;
}

.social.team a.drupal:hover {
  color: #0077C0;
  background-color: #FFF;
}

.social.team a.buffer:hover {
  color: #232323;
  background-color: #FFF;
}

.social.team a.pocket:hover {
  color: #777777;
  background-color: #FFF;
}

.social.team a.bitbucket:hover {
  color: #4D4D4D;
  background-color: #FFF;
}

.social.team a.instagram:hover {
  color: #3F729B;
  background-color: #FFF;
}

.social.bg-gray li {
  line-height: 34px;
  border: none;
}

.social.bg-gray a {
  width: 34px;
  height: 34px;
  line-height: inherit;
  -webkit-moz-border-radius: 100px;
  -moz-moz-border-radius: 100px;
  -ms-moz-border-radius: 100px;
  -o-moz-border-radius: 100px;
  moz-border-radius: 100px;
  border-radius: 100px;
  background: #ecf0f1;
  margin-left: 8px;
}

.social.bg-gray:hover a.duckduckgo {
  background-color: #d31a00;
}

.social.bg-gray:hover a.aim {
  background-color: #1c8194;
}

.social.bg-gray:hover a.delicious {
  background-color: #3271CB;
}

.social.bg-gray:hover a.paypal {
  background-color: #32689A;
}

.social.bg-gray:hover a.flattr {
  background-color: #8ABA42;
}

.social.bg-gray:hover a.android {
  background-color: #A4C639;
}

.social.bg-gray:hover a.eventful {
  background-color: #47AB15;
}

.social.bg-gray:hover a.smashmag {
  background-color: #FF4F27;
}

.social.bg-gray:hover a.google-plus {
  background-color: #DD4B39;
}

.social.bg-gray:hover a.wikipedia {
  background-color: #000000;
}

.social.bg-gray:hover a.lanyrd {
  background-color: #2E6AC2;
}

.social.bg-gray:hover a.calendar {
  background-color: #D63538;
}

.social.bg-gray:hover a.stumbleupon {
  background-color: #EB4924;
}

.social.bg-gray:hover a.fivehundredpx {
  background-color: #333333;
}

.social.bg-gray:hover a.pinterest {
  background-color: #C91618;
}

.social.bg-gray:hover a.bitcoin {
  background-color: #4D4D4D;
}

.social.bg-gray:hover a.w3c {
  background-color: #1761a4;
}

.social.bg-gray:hover a.foursquare {
  background-color: #44A8E0;
}

.social.bg-gray:hover a.html5 {
  background-color: #FF3617;
}

.social.bg-gray:hover a.ie {
  background-color: #00A1D9;
}

.social.bg-gray:hover a.call {
  background-color: #008000;
}

.social.bg-gray:hover a.grooveshark {
  background-color: #111111;
}

.social.bg-gray:hover a.ninetyninedesigns {
  background-color: #072243;
}

.social.bg-gray:hover a.forrst {
  background-color: #1E360D;
}

.social.bg-gray:hover a.digg {
  background-color: #164673;
}

.social.bg-gray:hover a.spotify {
  background-color: #60AF00;
}

.social.bg-gray:hover a.reddit {
  background-color: #222222;
}

.social.bg-gray:hover a.guest {
  background-color: #1B4D6D;
}

.social.bg-gray:hover a.gowalla {
  background-color: #FF720A;
}

.social.bg-gray:hover a.appstore {
  background-color: #000000;
}

.social.bg-gray:hover a.blogger {
  background-color: #EE5A22;
}

.social.bg-gray:hover a.cc {
  background-color: #000000;
}

.social.bg-gray:hover a.dribbble {
  background-color: #EA4C89;
}

.social.bg-gray:hover a.evernote {
  background-color: #6BB130;
}

.social.bg-gray:hover a.flickr {
  background-color: #FF0084;
}

.social.bg-gray:hover a.google {
  background-color: #4E6CF7;
}

.social.bg-gray:hover a.viadeo {
  background-color: #000000;
}

.social.bg-gray:hover a.instapaper {
  background-color: #222222;
}

.social.bg-gray:hover a.weibo {
  background-color: #000000;
}

.social.bg-gray:hover a.klout {
  background-color: #E34A25;
}

.social.bg-gray:hover a.linkedin {
  background-color: #0083A8;
}

.social.bg-gray:hover a.meetup {
  background-color: #E51937;
}

.social.bg-gray:hover a.vk {
  background-color: #45688E;
}

.social.bg-gray:hover a.plancast {
  background-color: #0d5dc4;
}

.social.bg-gray:hover a.disqus {
  background-color: #5D8AAD;
}

.social.bg-gray:hover a.rss {
  background-color: #FF7F25;
}

.social.bg-gray:hover a.skype {
  background-color: #00A2ED;
}

.social.bg-gray:hover a.twitter {
  background-color: #46C0FB;
}

.social.bg-gray:hover a.youtube {
  background-color: #FF0000;
}

.social.bg-gray:hover a.vimeo {
  background-color: #00A2CD;
}

.social.bg-gray:hover a.windows {
  background-color: #0052A4;
}

.social.bg-gray:hover a.xing {
  background-color: #0A5D5E;
}

.social.bg-gray:hover a.yahoo {
  background-color: #A200C2;
}

.social.bg-gray:hover a.chrome {
  background-color: #006CD4;
}

.social.bg-gray:hover a.email {
  background-color: #312C2A;
}

.social.bg-gray:hover a.macstore {
  background-color: #007DCB;
}

.social.bg-gray:hover a.myspace {
  background-color: #000000;
}

.social.bg-gray:hover a.podcast {
  background-color: #9365CE;
}

.social.bg-gray:hover a.amazon {
  background-color: #030037;
}

.social.bg-gray:hover a.steam {
  background-color: #000000;
}

.social.bg-gray:hover a.cloudapp {
  background-color: #312C2A;
}

.social.bg-gray:hover a.dropbox {
  background-color: #312C2A;
}

.social.bg-gray:hover a.ebay {
  background-color: #e32335;
}

.social.bg-gray:hover a.facebook {
  background-color: #4863AE;
}

.social.bg-gray:hover a.github {
  background-color: #050505;
}

.social.bg-gray:hover a.googleplay {
  background-color: #000000;
}

.social.bg-gray:hover a.itunes {
  background-color: #312C2A;
}

.social.bg-gray:hover a.plurk {
  background-color: #CF682F;
}

.social.bg-gray:hover a.songkick {
  background-color: #FF0050;
}

.social.bg-gray:hover a.lastfm {
  background-color: #DC1A23;
}

.social.bg-gray:hover a.gmail {
  background-color: #222222;
}

.social.bg-gray:hover a.pinboard {
  background-color: #2711f5;
}

.social.bg-gray:hover a.openid {
  background-color: #333333;
}

.social.bg-gray:hover a.quora {
  background-color: #A82400;
}

.social.bg-gray:hover a.soundcloud {
  background-color: #FF4500;
}

.social.bg-gray:hover a.tumblr {
  background-color: #5a90be;
}

.social.bg-gray:hover a.eventasaurus {
  background-color: #192931;
}

.social.bg-gray:hover a.wordpress {
  background-color: #464646;
}

.social.bg-gray:hover a.yelp {
  background-color: #E60010;
}

.social.bg-gray:hover a.intensedebate {
  background-color: #0099e1;
}

.social.bg-gray:hover a.eventbrite {
  background-color: #FF5616;
}

.social.bg-gray:hover a.scribd {
  background-color: #231C1A;
}

.social.bg-gray:hover a.posterous {
  background-color: #BC7134;
}

.social.bg-gray:hover a.stripe {
  background-color: #2F7ED6;
}

.social.bg-gray:hover a.opentable {
  background-color: #990000;
}

.social.bg-gray:hover a.cart {
  background-color: #333333;
}

.social.bg-gray:hover a.print {
  background-color: #222222;
}

.social.bg-gray:hover a.angellist {
  background-color: #000000;
}

.social.bg-gray:hover a.instagram-1 {
  background-color: #3F729B;
}

.social.bg-gray:hover a.dwolla {
  background-color: #E88C02;
}

.social.bg-gray:hover a.appnet {
  background-color: #3178BD;
}

.social.bg-gray:hover a.statusnet {
  background-color: #829D25;
}

.social.bg-gray:hover a.acrobat {
  background-color: #000000;
}

.social.bg-gray:hover a.drupal {
  background-color: #0077C0;
}

.social.bg-gray:hover a.buffer {
  background-color: #232323;
}

.social.bg-gray:hover a.pocket {
  background-color: #777777;
}

.social.bg-gray:hover a.bitbucket {
  background-color: #4D4D4D;
}

.social.bg-gray:hover a.instagram {
  background-color: #3F729B;
}

.social.rounded a i {
  -webkit-moz-border-radius: 100px;
  -moz-moz-border-radius: 100px;
  -ms-moz-border-radius: 100px;
  -o-moz-border-radius: 100px;
  moz-border-radius: 100px;
  border-radius: 100px;
  line-height: 34px;
}

/* For Single post share */
.shares {
  position: relative;
  margin: 0;
  line-height: 40px;
}

.shares li {
  float: left;
  text-align: center;
  list-style: none;
  margin: 0;
  position: relative;
  padding: 0;
}

.shares span {
  font-weight: 600;
  padding-right: 10px;
}

.shares a {
  background: #ecf0f1;
  color: #626262;
  font-size: 16px;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  -webkit-moz-border-radius: 100px;
  -moz-moz-border-radius: 100px;
  -ms-moz-border-radius: 100px;
  -o-moz-border-radius: 100px;
  moz-border-radius: 100px;
  border-radius: 100px;
}

.shares a:hover {
  color: #fff;
}

.shares a.duckduckgo:hover {
  background-color: #d31a00;
}

.shares a.aim:hover {
  background-color: #1c8194;
}

.shares a.delicious:hover {
  background-color: #3271CB;
}

.shares a.paypal:hover {
  background-color: #32689A;
}

.shares a.flattr:hover {
  background-color: #8ABA42;
}

.shares a.android:hover {
  background-color: #A4C639;
}

.shares a.eventful:hover {
  background-color: #47AB15;
}

.shares a.smashmag:hover {
  background-color: #FF4F27;
}

.shares a.google-plus:hover {
  background-color: #DD4B39;
}

.shares a.wikipedia:hover {
  background-color: #000000;
}

.shares a.lanyrd:hover {
  background-color: #2E6AC2;
}

.shares a.calendar:hover {
  background-color: #D63538;
}

.shares a.stumbleupon:hover {
  background-color: #EB4924;
}

.shares a.fivehundredpx:hover {
  background-color: #333333;
}

.shares a.pinterest:hover {
  background-color: #C91618;
}

.shares a.bitcoin:hover {
  background-color: #4D4D4D;
}

.shares a.w3c:hover {
  background-color: #1761a4;
}

.shares a.foursquare:hover {
  background-color: #44A8E0;
}

.shares a.html5:hover {
  background-color: #FF3617;
}

.shares a.ie:hover {
  background-color: #00A1D9;
}

.shares a.call:hover {
  background-color: #008000;
}

.shares a.grooveshark:hover {
  background-color: #111111;
}

.shares a.ninetyninedesigns:hover {
  background-color: #072243;
}

.shares a.forrst:hover {
  background-color: #1E360D;
}

.shares a.digg:hover {
  background-color: #164673;
}

.shares a.spotify:hover {
  background-color: #60AF00;
}

.shares a.reddit:hover {
  background-color: #222222;
}

.shares a.guest:hover {
  background-color: #1B4D6D;
}

.shares a.gowalla:hover {
  background-color: #FF720A;
}

.shares a.appstore:hover {
  background-color: #000000;
}

.shares a.blogger:hover {
  background-color: #EE5A22;
}

.shares a.cc:hover {
  background-color: #000000;
}

.shares a.dribbble:hover {
  background-color: #EA4C89;
}

.shares a.evernote:hover {
  background-color: #6BB130;
}

.shares a.flickr:hover {
  background-color: #FF0084;
}

.shares a.google:hover {
  background-color: #4E6CF7;
}

.shares a.viadeo:hover {
  background-color: #000000;
}

.shares a.instapaper:hover {
  background-color: #222222;
}

.shares a.weibo:hover {
  background-color: #000000;
}

.shares a.klout:hover {
  background-color: #E34A25;
}

.shares a.linkedin:hover {
  background-color: #0083A8;
}

.shares a.meetup:hover {
  background-color: #E51937;
}

.shares a.vk:hover {
  background-color: #45688E;
}

.shares a.plancast:hover {
  background-color: #0d5dc4;
}

.shares a.disqus:hover {
  background-color: #5D8AAD;
}

.shares a.rss:hover {
  background-color: #FF7F25;
}

.shares a.skype:hover {
  background-color: #00A2ED;
}

.shares a.twitter:hover {
  background-color: #46C0FB;
}

.shares a.youtube:hover {
  background-color: #FF0000;
}

.shares a.vimeo:hover {
  background-color: #00A2CD;
}

.shares a.windows:hover {
  background-color: #0052A4;
}

.shares a.xing:hover {
  background-color: #0A5D5E;
}

.shares a.yahoo:hover {
  background-color: #A200C2;
}

.shares a.chrome:hover {
  background-color: #006CD4;
}

.shares a.email:hover {
  background-color: #312C2A;
}

.shares a.macstore:hover {
  background-color: #007DCB;
}

.shares a.myspace:hover {
  background-color: #000000;
}

.shares a.podcast:hover {
  background-color: #9365CE;
}

.shares a.amazon:hover {
  background-color: #030037;
}

.shares a.steam:hover {
  background-color: #000000;
}

.shares a.cloudapp:hover {
  background-color: #312C2A;
}

.shares a.dropbox:hover {
  background-color: #312C2A;
}

.shares a.ebay:hover {
  background-color: #e32335;
}

.shares a.facebook:hover {
  background-color: #4863AE;
}

.shares a.github:hover {
  background-color: #050505;
}

.shares a.googleplay:hover {
  background-color: #000000;
}

.shares a.itunes:hover {
  background-color: #312C2A;
}

.shares a.plurk:hover {
  background-color: #CF682F;
}

.shares a.songkick:hover {
  background-color: #FF0050;
}

.shares a.lastfm:hover {
  background-color: #DC1A23;
}

.shares a.gmail:hover {
  background-color: #222222;
}

.shares a.pinboard:hover {
  background-color: #2711f5;
}

.shares a.openid:hover {
  background-color: #333333;
}

.shares a.quora:hover {
  background-color: #A82400;
}

.shares a.soundcloud:hover {
  background-color: #FF4500;
}

.shares a.tumblr:hover {
  background-color: #5a90be;
}

.shares a.eventasaurus:hover {
  background-color: #192931;
}

.shares a.wordpress:hover {
  background-color: #464646;
}

.shares a.yelp:hover {
  background-color: #E60010;
}

.shares a.intensedebate:hover {
  background-color: #0099e1;
}

.shares a.eventbrite:hover {
  background-color: #FF5616;
}

.shares a.scribd:hover {
  background-color: #231C1A;
}

.shares a.posterous:hover {
  background-color: #BC7134;
}

.shares a.stripe:hover {
  background-color: #2F7ED6;
}

.shares a.opentable:hover {
  background-color: #990000;
}

.shares a.cart:hover {
  background-color: #333333;
}

.shares a.print:hover {
  background-color: #222222;
}

.shares a.angellist:hover {
  background-color: #000000;
}

.shares a.instagram-1:hover {
  background-color: #3F729B;
}

.shares a.dwolla:hover {
  background-color: #E88C02;
}

.shares a.appnet:hover {
  background-color: #3178BD;
}

.shares a.statusnet:hover {
  background-color: #829D25;
}

.shares a.acrobat:hover {
  background-color: #000000;
}

.shares a.drupal:hover {
  background-color: #0077C0;
}

.shares a.buffer:hover {
  background-color: #232323;
}

.shares a.pocket:hover {
  background-color: #777777;
}

.shares a.bitbucket:hover {
  background-color: #4D4D4D;
}

.shares a.instagram:hover {
  background-color: #3F729B;
}

/* ============================= */
/*	10. Owl Carousell.			 */
/* ============================= */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
  touch-action: none;
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-item {
  float: left;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-page {
  cursor: pointer;
  float: left;
}

.owl-carousel .owl-page > span {
  border: 2px solid #fff;
  -webkit-moz-border-radius: 100%;
  -moz-moz-border-radius: 100%;
  -ms-moz-border-radius: 100%;
  -o-moz-border-radius: 100%;
  moz-border-radius: 100%;
  border-radius: 100%;
  display: block;
  height: 13px;
  margin: 0 2px;
  width: 13px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.owl-carousel .owl-page > span:hover {
  background: #fff;
  border-color: #fff;
}

.owl-carousel .owl-page.active > span {
  height: 18px;
  margin-top: -3px;
  width: 18px;
  background: #fff;
  border-color: #fff;
}

.owl-carousel .owl-page.active > span:hover {
  cursor: default;
}

.owl-carousel .owl-buttons div {
  cursor: pointer;
}

.owl-carousel .owl-controlls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  bottom: 0%;
  left: 50%;
  text-align: center;
  position: absolute;
}

.owl-carousel .owl-controlls.clickable .owl-pagination {
  float: left;
  position: relative;
}

.owl-carousel .owl-controlls .owl-buttons div {
  position: absolute;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  width: 35px;
  margin: 0 3px;
  height: 35px;
  cursor: pointer;
  line-height: 34px;
  -webkit-moz-border-radius: 100px;
  -moz-moz-border-radius: 100px;
  -ms-moz-border-radius: 100px;
  -o-moz-border-radius: 100px;
  moz-border-radius: 100px;
  border-radius: 100px;
  font-family: 'Ionicons';
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  background: transparent;
  border: 2px solid #424242;
  color: #424242;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.owl-carousel .owl-controlls .owl-buttons div:hover {
  border-color: #03A9F4;
  color: #03A9F4;
}

.owl-carousel .owl-controlls .owl-prev {
  right: 10%;
}

.owl-carousel .owl-controlls .owl-prev:before {
  content: "\f124";
  margin: 0px auto;
  margin-right: 2px;
}

.owl-carousel .owl-controlls .owl-prev.disabled {
  border-color: #ddd !important;
  color: #ddd !important;
  cursor: no-drop !important;
}

.owl-carousel .owl-controlls .owl-prev.disabled:hover {
  border-color: #ddd !important;
  color: #ddd !important;
  cursor: no-drop !important;
}

.owl-carousel .owl-controlls .owl-next {
  left: 0px;
}

.owl-carousel .owl-controlls .owl-next:before {
  content: "\f125";
  margin: 0px auto;
  margin-left: 3px;
}

.owl-carousel .owl-controlls .owl-next.disabled {
  border-color: #ddd !important;
  color: #ddd !important;
  cursor: no-drop !important;
}

.owl-carousel .owl-controlls .owl-next.disabled:hover {
  border-color: #ddd !important;
  color: #ddd !important;
  cursor: no-drop !important;
}

.portfolio-related .owl-controlls {
  margin-bottom: -28px;
}

.portfolio-related .owl-controlls.clickable {
  margin-left: -26px;
}

.testimonial-slide.owl-carousel .owl-controlls {
  left: auto;
  bottom: 50%;
  width: 100%;
}

.testimonial-slide.owl-carousel .owl-controlls .owl-prev {
  left: 0;
  right: auto;
}

.testimonial-slide.owl-carousel .owl-controlls .owl-next {
  right: 0;
  left: auto;
}

.img_blog {
  margin-bottom: 0;
}

.img_blog.owl-theme .owl-controlls {
  right: 10px;
  left: auto;
  top: 50%;
  margin-top: -15px;
}

.img_blog.owl-theme .owl-controlls .owl-page {
  float: none;
}

.img_blog.owl-theme .owl-controlls .owl-page span {
  margin: 0 0 6px;
  border-color: #424242;
}

.img_blog.owl-theme .owl-controlls .owl-page span:hover {
  background: transparent;
}

.img_blog.owl-theme .owl-controlls .owl-page.active span {
  background-color: #03A9F4;
  border-color: #03A9F4;
  margin-left: -2px;
}

/* ============================= */
/*	11. Cube Portfolio.			 */
/* ============================= */
/*!
 * Cube Portfolio - Responsive jQuery Grid Plugin
 *
 * version: 2.3.3 (16 June, 2015)
 * require: jQuery v1.7+
 *
 * Copyright 2013-2015, Mihai Buricea (http://scriptpie.com/cubeportfolio/live-preview/)
 * Licensed under CodeCanyon License (http://codecanyon.net/licenses)
 *
 */
.cbp, .cbp *, .cbp :after, .cbp :before, .cbp-l-filters-alignCenter, .cbp-l-filters-alignCenter *, .cbp-l-filters-alignLeft, .cbp-l-filters-alignLeft *, .cbp-l-filters-alignRight, .cbp-l-filters-alignRight *, .cbp-l-filters-button, .cbp-l-filters-button *, .cbp-l-filters-buttonCenter, .cbp-l-filters-buttonCenter *, .cbp-l-filters-dropdown, .cbp-l-filters-dropdown *, .cbp-l-filters-list, .cbp-l-filters-list *, .cbp-l-filters-work, .cbp-l-filters-work *, .cbp-l-filters-big, .cbp-l-filters-big *, .cbp-l-filters-text, .cbp-l-filters-text *, .cbp-l-filters-underline, .cbp-l-filters-underline *, .cbp-popup-wrap, .cbp-popup-wrap *, .cbp-popup-singlePage, .cbp-popup-singlePage * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cbp-l-grid-agency-title, .cbp-l-grid-agency-desc, .cbp-l-grid-work-title, .cbp-l-grid-work-desc, .cbp-l-grid-blog-title, .cbp-l-grid-projects-title, .cbp-l-grid-projects-desc, .cbp-l-grid-masonry-projects-title, .cbp-l-grid-masonry-projects-desc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cbp-l-filters-alignCenter, .cbp-l-filters-alignCenter *, .cbp-l-filters-alignLeft, .cbp-l-filters-alignLeft *, .cbp-l-filters-alignRight, .cbp-l-filters-alignRight *, .cbp-l-filters-button, .cbp-l-filters-button *, .cbp-l-filters-buttonCenter, .cbp-l-filters-buttonCenter *, .cbp-l-filters-dropdown, .cbp-l-filters-dropdown *, .cbp-l-filters-list, .cbp-l-filters-list *, .cbp-l-filters-work, .cbp-l-filters-work *, .cbp-l-filters-big, .cbp-l-filters-big *, .cbp-l-filters-text, .cbp-l-filters-text *, .cbp-l-filters-underline, .cbp-l-filters-underline * {
  -webkit-tap-highlight-color: transparent;
}

/*  ---------------------------------------------------------------
		Default style for plugin. Please change them carefully!
		--------------------------------------------------------------- */
.cbp-item {
  display: inline-block;
  margin: 0 10px 20px 0;
}

.cbp {
  position: relative;
  margin: 0 auto;
  z-index: 1;
  /* @editable properties */
  height: 400px;
}

.cbp:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("../img/cbp-loading.gif") no-repeat scroll center center transparent;
}

.cbp > * {
  visibility: hidden;
}

.cbp .cbp-item {
  position: absolute;
  top: 0;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.cbp img {
	display: block;
	width: auto;
	height: auto;
	min-width: auto;
	max-width: auto;
}

.cbp a, .cbp a:hover, .cbp a:active {
  text-decoration: none;
  outline: 0;
}

.cbp-ready > * {
  visibility: visible;
}

.cbp-ready:before {
  display: none;
}

.cbp-wrapper-outer {
  overflow: hidden;
}

.cbp-wrapper-outer, .cbp-wrapper, .cbp-wrapper-helper {
  position: absolute;
  top: 0;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.cbp-item-off {
  z-index: -1;
  pointer-events: none;
  visibility: hidden;
}

.cbp-item-on2off {
  z-index: 0;
}

.cbp-item-off2on {
  z-index: 1;
}

.cbp-item-on2on {
  z-index: 2;
}

.cbp-item-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.cbp-l-project-related-wrap img, .cbp-l-inline img {
  display: block;
  width: 100%;
  height: auto;
}

.cbp-addItems {
  /* @editable properties */
  -webkit-transition: height 0.5s ease-in-out !important;
  transition: height 0.5s ease-in-out !important;
  will-change: height;
}

.cbp-loading-fadeIn {
  -webkit-animation: fadeIn 0.6s ease-in;
  animation: fadeIn 0.6s ease-in;
}

/*  END - Default style for plugin. Please change them carefully! */
.cbp-panel {
  /* @editable properties */
  width: 94%;
  max-width: 1170px;
  margin: 0 auto;
}

.cbp-misc-video {
  /* @editable properties */
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  background: #000;
}

.cbp-misc-video iframe {
  /* @editable properties */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* general caption style */
.cbp-caption, .cbp-caption-defaultWrap, .cbp-caption-activeWrap {
  display: block;
}

.cbp-caption-activeWrap {
  background-color: #282727;
}

.cbp-caption-active .cbp-caption, .cbp-caption-active .cbp-caption-defaultWrap, .cbp-caption-active .cbp-caption-activeWrap {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.cbp-caption-active .cbp-caption-defaultWrap {
  top: 0;
}

.cbp-caption-active .cbp-caption-activeWrap {
  position: absolute;
  z-index: 2;
  height: 100%;
}

/*  ---------------------------------------------------------------
		caption miscellaneous style
		--------------------------------------------------------------- */
.cbp-l-caption-title {
  /* @editable properties */
  color: #fff;
  font: 400 16px/21px "Open Sans", sans-serif;
}

.cbp-l-caption-desc {
  /* @editable properties */
  color: #aaa;
  font: 400 12px/16px "Open Sans", sans-serif;
}

.cbp-l-caption-text {
  /* @editable properties */
  font: 400 14px/21px "Open Sans", sans-serif;
  color: #fff;
  letter-spacing: 3px;
  padding: 0 6px;
}

.cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight {
  /* @editable properties */
  background-color: #03A9F4;
  color: #FFFFFF;
  display: inline-block;
  font: 400 12px/30px "Open Sans", sans-serif;
  min-width: 90px;
  text-align: center;
  margin: 4px;
  padding: 0 6px;
}

.cbp-l-caption-buttonLeft:hover, .cbp-l-caption-buttonRight:hover {
  /* @editable properties */
  background-color: #2578B3;
  color: #fff;
}

/*  END - caption miscellaneous style */
/*  ---------------------------------------------------------------
		none caption
		--------------------------------------------------------------- */
.cbp-caption-none .cbp-caption-activeWrap {
  display: none;
}

/*  END - none caption */
/*  ---------------------------------------------------------------
		caption layout align left
		--------------------------------------------------------------- */
.cbp-l-caption-alignLeft .cbp-l-caption-body {
  /* @editable properties */
  padding: 12px 30px;
}

.cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-opacity .cbp-l-caption-alignLeft .cbp-l-caption-body {
  padding-top: 30px;
}

/*  END - caption layout left */
/*  ---------------------------------------------------------------
		caption layout center vertically and horizontally
		--------------------------------------------------------------- */
.cbp-l-caption-alignCenter {
  display: table;
  width: 100%;
  height: 100%;
}

.cbp-l-caption-alignCenter .cbp-l-caption-body {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 10px 0;
}

.cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
  position: relative;
  /* @editable properties */
  -webkit-transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft {
  /* @editable properties */
  left: -20px;
}

.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight, .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
  /* @editable properties */
  left: 20px;
}

.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
  /* @editable properties */
  left: 0;
}

/*  END - caption layout center vertically and horizontally */
.cbp-caption-fadeIn .cbp-caption-activeWrap {
  opacity: 0;
  /* @editable properties */
  background-color: rgba(0, 0, 0, 0.85);
  -webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap {
  /* @editable properties */
  top: 0;
  opacity: 1;
}

.cbp-caption-minimal .cbp-l-caption-title, .cbp-caption-minimal .cbp-l-caption-desc {
  /* @editable properties */
  position: relative;
  left: 0;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
}

.cbp-caption-minimal .cbp-l-caption-title {
  /* @editable properties */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cbp-caption-minimal .cbp-l-caption-desc {
  /* @editable properties */
  -webkit-transform: translateY(70%);
  transform: translateY(70%);
}

.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title, .cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc {
  /* @editable properties */
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.cbp-caption-minimal .cbp-caption-activeWrap {
  top: 0;
  /* @editable properties */
  background-color: black;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.cbp-caption-minimal .cbp-caption:hover .cbp-caption-activeWrap {
  /* @editable properties */
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.cbp-caption-moveRight .cbp-caption-activeWrap {
  left: -100%;
  top: 0;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.cbp-caption-overlayBottom .cbp-caption-activeWrap {
  /*@editable properties */
  height: 60px;
  background-color: #181616;
  background-color: rgba(24, 22, 22, 0.7);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-overlayBottom .cbp-caption:hover .cbp-caption-activeWrap {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.cbp-caption-overlayBottomAlong .cbp-caption-defaultWrap, .cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
  /*@editable properties */
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
  /* @editable properties */
  height: 60px;
}

.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap {
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}

.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-activeWrap {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.cbp-caption-overlayBottomPush .cbp-caption-defaultWrap {
  /*@editable properties */
  -webkit-transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-overlayBottomPush .cbp-caption-activeWrap {
  /* @editable properties */
  bottom: -60px;
  height: 60px;
  /*@editable properties */
  -webkit-transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap {
  /* @editable properties */
  top: -60px;
}

.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap {
  bottom: 0;
}

.cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap {
  z-index: 2;
  /*@editable properties */
  -webkit-transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap {
  bottom: 0;
  z-index: 1;
  /* @editable properties */
  height: 60px;
}

.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap {
  /* @editable properties */
  top: -60px;
}

.cbp-caption-overlayRightAlong .cbp-caption-defaultWrap, .cbp-caption-overlayRightAlong .cbp-caption-activeWrap {
  /*@editable properties */
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-overlayRightAlong .cbp-caption-activeWrap {
  top: 0;
  left: -50%;
  width: 50%;
}

.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-defaultWrap {
  -webkit-transform: translateX(25%);
  transform: translateX(25%);
}

.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-activeWrap {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.cbp-caption-pushDown .cbp-caption-defaultWrap, .cbp-caption-pushDown .cbp-caption-activeWrap {
  /*@editable properties */
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-pushDown .cbp-caption-activeWrap {
  top: -102%;
  height: 102%;
}

.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-defaultWrap {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-activeWrap {
  -webkit-transform: translateY(99%);
  transform: translateY(99%);
}

.cbp-caption-pushTop .cbp-caption-activeWrap, .cbp-caption-pushTop .cbp-caption-defaultWrap {
  /*@editable properties */
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-pushTop .cbp-caption-activeWrap {
  height: 102%;
}

.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-defaultWrap {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-activeWrap {
  -webkit-transform: translateY(-99%);
  transform: translateY(-99%);
}

.cbp-caption-revealBottom .cbp-caption-defaultWrap {
  z-index: 2;
  /*@editable properties */
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-revealBottom .cbp-caption-activeWrap {
  top: 0;
  z-index: 1;
}

.cbp-caption-revealBottom .cbp-caption:hover .cbp-caption-defaultWrap {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.cbp-caption-revealLeft .cbp-caption-activeWrap {
  left: 100%;
  top: 0;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-revealLeft .cbp-caption:hover .cbp-caption-activeWrap {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.cbp-caption-revealTop .cbp-caption-defaultWrap {
  z-index: 2;
  /*@editable properties */
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-revealTop .cbp-caption-activeWrap {
  top: 0;
  z-index: 1;
}

.cbp-caption-revealTop .cbp-caption:hover .cbp-caption-defaultWrap {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.cbp-caption-zoom .cbp-caption-defaultWrap {
  /* @editable properties */
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {
  /* @editable properties */
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
}

.cbp-caption-zoom .cbp-caption-activeWrap {
  opacity: 0;
  /* @editable properties */
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap {
  /* @editable properties */
  opacity: 1;
  top: 0;
}

.cbp-caption-opacity .cbp-item {
  padding: 1px;
}

.cbp-caption-opacity .cbp-caption, .cbp-caption-opacity .cbp-caption-activeWrap, .cbp-caption-opacity .cbp-caption-defaultWrap {
  background-color: transparent;
}

.cbp-caption-opacity .cbp-caption {
  /* @editable properties */
  border: 1px solid transparent;
}

.cbp-caption-opacity .cbp-caption:hover {
  /* @editable properties */
  border-color: #EDEDED;
}

.cbp-caption-opacity .cbp-caption-defaultWrap {
  opacity: 1;
  /* @editable properties */
  -webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-opacity .cbp-caption:hover .cbp-caption-defaultWrap {
  /* @editable properties */
  opacity: .8;
}

.cbp-caption-opacity .cbp-caption:hover .cbp-caption-activeWrap {
  /* @editable properties */
  top: 0;
}

.cbp-caption-expand .cbp-caption, .cbp-caption-expand .cbp-caption-activeWrap, .cbp-caption-expand .cbp-caption-defaultWrap {
  background-color: transparent;
}

.cbp-caption-expand .cbp-caption-activeWrap {
  height: auto;
}

.cbp-caption-expand .cbp-caption {
  border-bottom: 1px dotted #eaeaea;
}

.cbp-caption-expand .cbp-caption-defaultWrap {
  cursor: pointer;
  font: 500 15px/23px "Roboto", sans-serif;
  color: #474747;
  padding: 12px 0 11px 0;
}

.cbp-caption-expand .cbp-caption-defaultWrap .fa {
  margin-right: 6px;
  width: 16px;
  text-align: center;
  font-size: 14px;
}

.cbp-caption-expand .cbp-caption-defaultWrap .fa-angle-down {
  position: absolute;
  right: 0;
  margin-top: 4px;
  width: 16px;
  text-align: center;
  font-size: 14px;
}

.cbp-caption-expand .cbp-l-caption-body {
  font: 400 13px/21px "Roboto", sans-serif;
  color: #888;
  padding: 0 0 20px 26px;
}

.cbp-caption-expand-active {
  transition: height 0.4s !important;
}

.cbp-caption-expand-active .cbp-item {
  transition: left 0.4s, top 0.4s !important;
}

.cbp-caption-expand-open .cbp-caption-activeWrap {
  transition: height 0.4s;
}

.cbp-l-filters-alignCenter {
  /* @editable properties */
  margin-bottom: 40px;
  text-align: center;
  font: 400 12px/21px sans-serif;
  color: #DADADA;
}

.cbp-l-filters-alignCenter .cbp-filter-item {
  /* @editable properties */
  color: #949494;
  cursor: pointer;
  font: 400 13px/21px "Open Sans", sans-serif;
  padding: 0 12px;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: visible;
  margin: 10px 0 0;
  display: inline-block;
}

.cbp-l-filters-alignCenter .cbp-filter-item:hover {
  /* @editable properties */
  color: #2D2C2C;
}

.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active {
  /* @editable properties */
  color: #2D2C2C;
  cursor: default;
}

.cbp-l-filters-alignCenter .cbp-filter-counter {
  /* @editable properties */
  background: none repeat scroll 0 0 #626161;
  border-radius: 3px;
  color: #FFFFFF;
  font: 400 11px/18px "Open Sans", sans-serif;
  margin: 0 auto;
  padding: 4px 0;
  text-align: center;
  width: 34px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.cbp-l-filters-alignCenter .cbp-filter-counter:before {
  /* @editable properties */
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #626161;
  display: none;
}

.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter:before {
  display: block;
}

.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter {
  /* @editable properties */
  bottom: 30px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.cbp-l-filters-alignLeft {
  margin-bottom: 40px;
}

.cbp-l-filters-alignLeft .cbp-filter-item {
  background-color: #fff;
  border: 1px solid #cdcdcd;
  cursor: pointer;
  font: 400 12px/30px "Open Sans", sans-serif;
  padding: 0 13px;
  position: relative;
  overflow: visible;
  margin: 10px 8px 0 0;
  display: inline-block;
  color: #888888;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.cbp-l-filters-alignLeft .cbp-filter-item:hover {
  color: #111;
}

.cbp-l-filters-alignLeft .cbp-filter-item.cbp-filter-item-active {
  background-color: #6C7A89;
  border: 1px solid #6C7A89;
  color: #fff;
  cursor: default;
}

.cbp-l-filters-alignLeft .cbp-filter-counter {
  display: inline;
}

.cbp-l-filters-alignRight {
  /* @editable properties */
  margin-bottom: 40px;
  text-align: right;
}

.cbp-l-filters-alignRight .cbp-filter-item {
  background-color: transparent;
  color: #8B8B8B;
  cursor: pointer;
  font: 400 11px/29px "Open Sans", sans-serif;
  padding: 0 12px;
  position: relative;
  overflow: visible;
  margin: 10px 0 0 5px;
  border: 1px solid #E4E2E2;
  text-transform: uppercase;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cbp-l-filters-alignRight .cbp-filter-item:hover {
  /* @editable properties */
  color: #2B3444;
}

.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter:before {
  display: block;
}

.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter {
  /* @editable properties */
  bottom: 44px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active {
  /* @editable properties */
  color: #FFFFFF;
  background-color: #049372;
  border-color: #049372;
  cursor: default;
}

.cbp-l-filters-alignRight .cbp-filter-counter {
  /* @editable properties */
  background: none repeat scroll 0 0 #049372;
  border-radius: 3px;
  color: #fff;
  font: 400 11px/18px "Open Sans", sans-serif;
  margin: 0 auto;
  padding: 4px 0;
  text-align: center;
  width: 34px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.25s ease, bottom 0.25s ease;
  transition: opacity 0.25s ease, bottom 0.25s ease;
}

.cbp-l-filters-alignRight .cbp-filter-counter:before {
  /* @editable properties */
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #049372;
  display: none;
}

.cbp-l-filters-button {
  /* @editable properties */
  margin-bottom: 30px;
}

.cbp-l-filters-button .cbp-filter-item {
  /* @editable properties */
  background-color: #FFFFFF;
  border: 2px solid #ddd;
  border-radius: 2px;
  color: #888888;
  cursor: pointer;
  font: 400 12px/29px "Open Sans", sans-serif;
  margin: 10px 10px 0 0;
  overflow: visible;
  padding: 0 17px;
  position: relative;
  display: inline-block;
  -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.cbp-l-filters-button .cbp-filter-item:hover {
  /* @editable properties */
  color: #5d5d5d;
}

.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
  /* @editable properties */
  background-color: #4D4C4D;
  color: #fff;
  border-color: #4D4C4D;
  cursor: default;
}

.cbp-l-filters-button .cbp-filter-counter {
  /* @editable properties */
  background-color: #4D4C4D;
  border-radius: 3px;
  color: #fff;
  font: 400 11px/18px "Open Sans", sans-serif;
  margin: 0 auto;
  padding: 4px 0;
  text-align: center;
  width: 34px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.25s ease, bottom 0.25s ease;
  transition: opacity 0.25s ease, bottom 0.25s ease;
}

.cbp-l-filters-button .cbp-filter-counter:before {
  /* @editable properties */
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #4D4C4D;
  display: none;
}

.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter:before {
  display: block;
}

.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter {
  /* @editable properties */
  bottom: 44px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.cbp-l-filters-buttonCenter {
  /* @editable properties */
  margin-bottom: 40px;
  text-align: center;
}

.cbp-l-filters-buttonCenter .cbp-filter-item {
  /* @editable properties */
  background-color: #FFFFFF;
  border: 1px solid #ddd;
  color: #888888;
  cursor: pointer;
  font: 400 12px/32px Roboto, sans-serif;
  margin: 10px 10px 0 0;
  overflow: visible;
  padding: 0 17px;
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cbp-l-filters-buttonCenter .cbp-filter-item:hover {
  /* @editable properties */
  color: #5d5d5d;
}

.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {
  /* @editable properties */
  color: #03A9F4;
  border-color: #03A9F4;
  cursor: default;
}

.cbp-l-filters-buttonCenter .cbp-filter-counter {
  /* @editable properties */
  background-color: #03A9F4;
  -webkit-moz-border-radius: 3px;
  -moz-moz-border-radius: 3px;
  -ms-moz-border-radius: 3px;
  -o-moz-border-radius: 3px;
  moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font: 400 11px/18px Roboto, sans-serif;
  margin: 0 auto;
  padding: 4px 0;
  text-align: center;
  width: 34px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.25s ease, bottom 0.25s ease;
  transition: opacity 0.25s ease, bottom 0.25s ease;
}

.cbp-l-filters-buttonCenter .cbp-filter-counter:before {
  /* @editable properties */
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #03A9F4;
  display: none;
}

.cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter:before {
  display: block;
}

.cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter {
  /* @editable properties */
  bottom: 44px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.cbp-l-filters-dropdown {
  /* @editable properties */
  margin-bottom: 40px;
  height: 38px;
  position: relative;
  z-index: 5;
}

.cbp-l-filters-dropdownWrap {
  /* @editable properties */
  width: 200px;
  position: absolute;
  right: 0;
  background: #03A9F4;
}

.cbp-l-filters-dropdownHeader {
  /* @editable properties */
  font: 400 12px/38px "Open Sans", sans-serif;
  margin: 0 17px;
  color: #FFF;
  cursor: default;
  position: relative;
}

.cbp-l-filters-dropdownHeader:after {
  /* @editable properties */
  border-color: #FFFFFF transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  margin-top: -1px;
}

.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownHeader:after {
  /* @editable properties */
  border-width: 0 5px 5px;
}

.cbp-l-filters-dropdownList {
  display: none;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.cbp-l-filters-dropdownList > li {
  margin: 0;
  list-style: none;
}

.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownList {
  display: block;
  margin: 0;
}

.cbp-l-filters-dropdownList .cbp-filter-item {
  /* @editable properties */
  background: none;
  color: #9FBCE7;
  width: 100%;
  text-align: left;
  font: 400 12px/40px "Open Sans", sans-serif;
  margin: 0;
  padding: 0 17px;
  cursor: pointer;
  border: none;
  border-top: 1px solid #ddd;
}

.cbp-l-filters-dropdownList .cbp-filter-item:hover {
  /* @editable properties */
  color: #e6e6e6;
}

.cbp-l-filters-dropdownList .cbp-filter-item-active {
  /* @editable properties */
  color: #e6e6e6;
  cursor: default;
}

.cbp-l-filters-dropdownList .cbp-filter-counter {
  display: inline;
}

.cbp-l-filters-list {
  /* @editable properties */
  margin-bottom: 40px;
  /* clearfix */
  content: "";
  display: table;
  clear: both;
}

.cbp-l-filters-list .cbp-filter-item {
  /* @editable properties */
  background-color: transparent;
  color: #585252;
  cursor: pointer;
  font: 400 12px/35px "Open Sans", sans-serif;
  padding: 0 18px;
  position: relative;
  overflow: visible;
  margin-top: 10px;
  float: left;
  border: 1px solid #03A9F4;
  border-right-width: 0;
  -webkit-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
}

.cbp-l-filters-list .cbp-filter-item:hover {
  /* @editable properties */
  color: #000;
}

.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active {
  /* @editable properties */
  cursor: default;
  color: #FFFFFF;
  background-color: #03A9F4;
}

.cbp-l-filters-list-first {
  /* @editable properties */
  border-radius: 6px 0 0 6px;
}

.cbp-l-filters-list-last {
  /* @editable properties */
  border-radius: 0 6px 6px 0;
  border-right-width: 1px !important;
}

.cbp-l-filters-list .cbp-filter-counter {
  display: inline;
}

@media only screen and (max-width: 600px) {
  .cbp-l-filters-list .cbp-filter-item {
    margin-right: 5px;
    border-radius: 6px;
    border-right-width: 1px;
  }
}

.cbp-l-filters-work {
  /* @editable properties */
  margin-bottom: 40px;
  text-align: center;
}

.cbp-l-filters-work .cbp-filter-item {
  /* @editable properties */
  background-color: #FFFFFF;
  color: #888;
  cursor: pointer;
  font: 600 11px/37px "Open Sans", sans-serif;
  margin: 10px 5px 0 0;
  overflow: visible;
  padding: 0 16px;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cbp-l-filters-work .cbp-filter-item:hover {
  /* @editable properties */
  color: #fff;
  background: #607D8B;
}

.cbp-l-filters-work .cbp-filter-item.cbp-filter-item-active {
  /* @editable properties */
  background: #607D8B;
  color: #fff;
  cursor: default;
}

.cbp-l-filters-work .cbp-filter-counter {
  /* @editable properties */
  font: 600 11px/37px "Open Sans", sans-serif;
  text-align: center;
  display: inline-block;
  margin-left: 8px;
}

.cbp-l-filters-work .cbp-filter-counter:before {
  content: '(';
}

.cbp-l-filters-work .cbp-filter-counter:after {
  content: ')';
}

.cbp-l-filters-big {
  margin-bottom: 40px;
  text-align: center;
}

.cbp-l-filters-big .cbp-filter-item {
  color: #444;
  cursor: pointer;
  font: 400 15px/22px Roboto, sans-serif;
  margin: 10px 15px 0 0;
  padding: 10px 23px;
  position: relative;
  display: inline-block;
  border: 1px solid transparent;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cbp-l-filters-big .cbp-filter-item:hover {
  color: #888;
}

.cbp-l-filters-big .cbp-filter-item.cbp-filter-item-active {
  border-color: #d5d5d5;
  cursor: default;
  color: #444;
}

.cbp-l-filters-text {
  /* @editable properties */
  margin-bottom: 45px;
  text-align: center;
  font: 400 12px/21px Lato, sans-serif;
  color: #DADADA;
  padding: 0 15px;
}

.cbp-l-filters-text .cbp-filter-item {
  /* @editable properties */
  color: #949494;
  cursor: pointer;
  font: 400 13px/21px Lato, sans-serif;
  padding: 0 12px;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: visible;
  margin: 10px 0 0;
  display: inline-block;
}

.cbp-l-filters-text .cbp-filter-item:hover {
  /* @editable properties */
  color: #2D2C2C;
}

.cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active {
  /* @editable properties */
  color: #2D2C2C;
  cursor: default;
}

.cbp-l-filters-text .cbp-filter-counter {
  /* @editable properties */
  background: none repeat scroll 0 0 #626161;
  border-radius: 3px;
  color: #FFFFFF;
  font: 400 11px/16px Lato, sans-serif;
  margin: 0 auto;
  padding: 4px 0;
  text-align: center;
  width: 32px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.cbp-l-filters-text .cbp-filter-counter:before {
  /* @editable properties */
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #626161;
  display: none;
}

.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter:before {
  display: block;
}

.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter {
  /* @editable properties */
  bottom: 30px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.cbp-l-filters-text-sort {
  display: inline-block;
  font: 400 13px/21px Lato, sans-serif;
  color: #949494;
  margin-right: 15px;
}

.cbp-l-filters-underline {
  margin-bottom: 40px;
}

.cbp-l-filters-underline .cbp-filter-item {
  border-bottom: 3px solid transparent;
  cursor: pointer;
  font: 600 14px/21px "Open Sans", sans-serif;
  padding: 8px 10px;
  position: relative;
  overflow: visible;
  margin: 10px 20px 0 0;
  display: inline-block;
  color: #787878;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.cbp-l-filters-underline .cbp-filter-item:hover {
  color: #111;
}

.cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active {
  border-bottom-color: #666;
  color: #444;
  cursor: default;
}

.cbp-l-filters-underline .cbp-filter-counter {
  display: inline;
}

.cbp-animation-quicksand {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-quicksand .cbp-item {
  /* @editable properties */
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
}

.cbp-animation-quicksand .cbp-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.cbp-animation-quicksand .cbp-item-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbp-animation-quicksand .cbp-item-on2off .cbp-item-wrapper {
  -webkit-animation: quicksand-off 0.6s ease-out both;
  animation: quicksand-off 0.6s ease-out both;
}

.cbp-animation-quicksand .cbp-item-off2on .cbp-item-wrapper {
  -webkit-animation: quicksand-on 0.6s ease-out both;
  animation: quicksand-on 0.6s ease-out both;
}

/* in */
/* @editable properties */
@-webkit-keyframes quicksand-off {
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
  }
}

@keyframes quicksand-off {
  100% {
    opacity: 0;
    transform: scale3d(0, 0, 0);
  }
}

/* out */
/* @editable properties */
@-webkit-keyframes quicksand-on {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
  }
}

@keyframes quicksand-on {
  0% {
    opacity: 0;
    transform: scale3d(0, 0, 0);
  }
}

.cbp-animation-fadeOut, .cbp-animation-boxShadow {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-fadeOut .cbp-item, .cbp-animation-boxShadow .cbp-item {
  /* @editable properties */
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
}

.cbp-animation-fadeOut .cbp-item, .cbp-animation-boxShadow .cbp-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.cbp-animation-fadeOut .cbp-item-wrapper, .cbp-animation-boxShadow .cbp-item-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbp-animation-fadeOut .cbp-item-on2off .cbp-item-wrapper, .cbp-animation-boxShadow .cbp-item-on2off .cbp-item-wrapper {
  -webkit-animation: fadeOut-off 0.6s ease-in-out both;
  animation: fadeOut-off 0.6s ease-in-out both;
}

.cbp-animation-fadeOut .cbp-item-off2on .cbp-item-wrapper, .cbp-animation-boxShadow .cbp-item-off2on .cbp-item-wrapper {
  -webkit-animation: fadeOut-on 0.6s ease-in-out both;
  animation: fadeOut-on 0.6s ease-in-out both;
}

/* in */
/* @editable properties */
@-webkit-keyframes fadeOut-off {
  0% {
    opacity: 1;
  }
  80%, 100% {
    opacity: 0;
  }
}

@keyframes fadeOut-off {
  0% {
    opacity: 1;
  }
  80%, 100% {
    opacity: 0;
  }
}

/* out */
/* @editable properties */
@-webkit-keyframes fadeOut-on {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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

.cbp-animation-flipOut {
  /* @editable properties */
  -webkit-transition: height 0.7s ease-in-out;
  transition: height 0.7s ease-in-out;
  will-change: height;
}

.cbp-animation-flipOut .cbp-item {
  /* @editable properties */
  -webkit-transition: -webkit-transform 0.7s ease-in-out;
  transition: transform 0.7s ease-in-out;
}

.cbp-animation-flipOut .cbp-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.cbp-animation-flipOut .cbp-item-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbp-animation-flipOut .cbp-item-on2off .cbp-item-wrapper {
  -webkit-animation: flipOut-out 0.7s both ease-in;
  animation: flipOut-out 0.7s both ease-in;
}

.cbp-animation-flipOut .cbp-item-off2on .cbp-item-wrapper {
  -webkit-animation: flipOut-in 0.7s ease-out both;
  animation: flipOut-in 0.7s ease-out both;
}

/* out */
/* @editable properties */
@-webkit-keyframes flipOut-out {
  50%, 100% {
    -webkit-transform: translateZ(-1000px) rotateY(-90deg);
    opacity: 0.2;
  }
}

@keyframes flipOut-out {
  50%, 100% {
    transform: translateZ(-1000px) rotateY(-90deg);
    opacity: 0.2;
  }
}

/* in */
/* @editable properties */
@-webkit-keyframes flipOut-in {
  0%, 50% {
    -webkit-transform: translateZ(-1000px) rotateY(90deg);
    opacity: 0.2;
  }
}

@keyframes flipOut-in {
  0%, 50% {
    transform: translateZ(-1000px) rotateY(90deg);
    opacity: 0.2;
  }
}

.cbp-animation-flipBottom {
  /* @editable properties */
  -webkit-transition: height 0.7s ease-in-out;
  transition: height 0.7s ease-in-out;
  will-change: height;
}

.cbp-animation-flipBottom .cbp-item {
  /* @editable properties */
  -webkit-transition: -webkit-transform 0.7s ease-in-out;
  transition: transform 0.7s ease-in-out;
}

.cbp-animation-flipBottom .cbp-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.cbp-animation-flipBottom .cbp-item-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbp-animation-flipBottom .cbp-item-on2off .cbp-item-wrapper {
  -webkit-animation: flipBottom-out 0.7s both ease-in;
  animation: flipBottom-out 0.7s both ease-in;
}

.cbp-animation-flipBottom .cbp-item-off2on .cbp-item-wrapper {
  -webkit-animation: flipBottom-in 0.7s ease-out both;
  animation: flipBottom-in 0.7s ease-out both;
}

/* out */
/* @editable properties */
@-webkit-keyframes flipBottom-out {
  50%, 100% {
    -webkit-transform: translateZ(-1000px) rotateX(-90deg);
    opacity: 0.2;
  }
}

@keyframes flipBottom-out {
  50%, 100% {
    transform: translateZ(-1000px) rotateX(-90deg);
    opacity: 0.2;
  }
}

/* in */
/* @editable properties */
@-webkit-keyframes flipBottom-in {
  0%, 50% {
    -webkit-transform: translateZ(-1000px) rotateX(90deg);
    opacity: 0.2;
  }
}

@keyframes flipBottom-in {
  0%, 50% {
    transform: translateZ(-1000px) rotateX(90deg);
    opacity: 0.2;
  }
}

.cbp-animation-scaleSides {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-scaleSides .cbp-item {
  /* @editable properties */
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
}

.cbp-animation-scaleSides .cbp-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.cbp-animation-scaleSides .cbp-item-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbp-animation-scaleSides .cbp-item-on2off .cbp-item-wrapper {
  -webkit-animation: scaleSides-out 0.9s ease both;
  animation: scaleSides-out 0.9s ease both;
}

.cbp-animation-scaleSides .cbp-item-off2on .cbp-item-wrapper {
  -webkit-animation: scaleSides-in 0.9s ease both;
  animation: scaleSides-in 0.9s ease both;
}

/* out */
/* @editable properties */
@-webkit-keyframes scaleSides-out {
  50%, 100% {
    -webkit-transform: scale(0.6);
    opacity: 0;
  }
}

@keyframes scaleSides-out {
  50%, 100% {
    transform: scale(0.6);
    opacity: 0;
  }
}

/* in */
/* @editable properties */
@-webkit-keyframes scaleSides-in {
  0%, 50% {
    -webkit-transform: scale(0.6);
    opacity: 0;
  }
}

@keyframes scaleSides-in {
  0%, 50% {
    transform: scale(0.6);
    opacity: 0;
  }
}

.cbp-animation-skew {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-skew .cbp-item {
  /* @editable properties */
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
}

.cbp-animation-skew .cbp-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.cbp-animation-skew .cbp-item-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbp-animation-skew .cbp-item-on2off .cbp-item-wrapper {
  -webkit-animation: skew-off 0.6s ease-out both;
  animation: skew-off 0.6s ease-out both;
}

.cbp-animation-skew .cbp-item-off2on .cbp-item-wrapper {
  -webkit-animation: skew-on 0.6s ease-out both;
  animation: skew-on 0.6s ease-out both;
}

/* in */
/* @editable properties */
@-webkit-keyframes skew-off {
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) skew(20deg, 0);
  }
}

@keyframes skew-off {
  100% {
    opacity: 0;
    transform: scale3d(0, 0, 0) skew(20deg, 0);
  }
}

/* out */
/* @editable properties */
@-webkit-keyframes skew-on {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) skew(0, 20deg);
  }
}

@keyframes skew-on {
  0% {
    opacity: 0;
    transform: scale3d(0, 0, 0) skew(0, 20deg);
  }
}

.cbp-animation-fadeOutTop {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-fadeOutTop .cbp-wrapper-outer {
  overflow: visible;
}

.cbp-animation-fadeOutTop .cbp-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  overflow: visible;
}

.cbp-animation-fadeOutTop .cbp-item-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbp-animation-fadeOutTop .cbp-wrapper-helper .cbp-item-wrapper {
  -webkit-animation: fadeOutTop-out 0.6s both ease-in-out;
  animation: fadeOutTop-out 0.6s both ease-in-out;
}

.cbp-animation-fadeOutTop .cbp-wrapper .cbp-item-wrapper {
  -webkit-animation: fadeOutTop-in 0.6s both ease-in-out;
  animation: fadeOutTop-in 0.6s both ease-in-out;
}

/* out */
/* @editable properties */
@-webkit-keyframes fadeOutTop-out {
  0% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
  50%, 100% {
    -webkit-transform: translateY(-30px);
    opacity: 0;
  }
}

@keyframes fadeOutTop-out {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  50%, 100% {
    transform: translateY(-30px);
    opacity: 0;
  }
}

/* out */
/* @editable properties */
@-webkit-keyframes fadeOutTop-in {
  0%, 50% {
    -webkit-transform: translateY(-30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeOutTop-in {
  0%, 50% {
    transform: translateY(-30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.cbp-animation-slideLeft {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-slideLeft .cbp-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.cbp-animation-slideLeft .cbp-item-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbp-animation-slideLeft .cbp-wrapper-helper .cbp-item-wrapper {
  -webkit-animation: slideLeft-out 0.8s both ease-in-out;
  animation: slideLeft-out 0.8s both ease-in-out;
}

.cbp-animation-slideLeft .cbp-wrapper .cbp-item-wrapper {
  -webkit-animation: slideLeft-in 0.8s both ease-in-out;
  animation: slideLeft-in 0.8s both ease-in-out;
}

/* out */
/* @editable properties */
@-webkit-keyframes slideLeft-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  25% {
    opacity: .75;
    -webkit-transform: scale(0.8);
  }
  75% {
    opacity: .75;
    -webkit-transform: scale(0.8) translateX(-200%);
  }
  100% {
    opacity: .75;
    -webkit-transform: scale(0.8) translateX(-200%);
  }
}

@keyframes slideLeft-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  25% {
    opacity: .75;
    transform: scale(0.8);
  }
  75% {
    opacity: .75;
    transform: scale(0.8) translateX(-200%);
  }
  100% {
    opacity: .75;
    transform: scale(0.8) translateX(-200%);
  }
}

/* in */
/* @editable properties */
@-webkit-keyframes slideLeft-in {
  0%, 25% {
    opacity: .75;
    -webkit-transform: scale(0.8) translateX(200%);
  }
  75% {
    opacity: .75;
    -webkit-transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateX(0);
  }
}

@keyframes slideLeft-in {
  0%, 25% {
    opacity: .75;
    transform: scale(0.8) translateX(200%);
  }
  75% {
    opacity: .75;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}

.cbp-animation-sequentially {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-sequentially .cbp-wrapper-outer {
  overflow: visible;
}

.cbp-animation-sequentially .cbp-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  overflow: visible;
}

.cbp-animation-sequentially .cbp-item-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbp-animation-sequentially .cbp-wrapper-helper .cbp-item-wrapper {
  -webkit-animation: fadeOutTop-out 0.6s both ease;
  animation: fadeOutTop-out 0.6s both ease;
}

.cbp-animation-sequentially .cbp-wrapper .cbp-item-wrapper {
  -webkit-animation: fadeOutTop-in 0.6s both ease-out;
  animation: fadeOutTop-in 0.6s both ease-out;
}

.cbp-animation-3dflip {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-3dflip .cbp-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.cbp-animation-3dflip .cbp-item-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbp-animation-3dflip .cbp-wrapper-helper .cbp-item-wrapper {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: flip-out 0.6s both ease-in-out;
  animation: flip-out 0.6s both ease-in-out;
}

.cbp-animation-3dflip .cbp-wrapper .cbp-item-wrapper {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: flip-in 0.6s both ease-in-out;
  animation: flip-in 0.6s both ease-in-out;
}

@-webkit-keyframes flip-out {
  100% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
  }
}

@keyframes flip-out {
  100% {
    opacity: 0;
    transform: rotateY(90deg);
  }
}

@-webkit-keyframes flip-in {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
  }
}

@keyframes flip-in {
  0% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  100% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

.cbp-animation-flipOutDelay {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-flipOutDelay .cbp-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.cbp-animation-flipOutDelay .cbp-item-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbp-animation-flipOutDelay .cbp-wrapper-helper .cbp-item-wrapper {
  -webkit-animation: flipOut-out 1s both ease-in;
  animation: flipOut-out 1s both ease-in;
}

.cbp-animation-flipOutDelay .cbp-wrapper .cbp-item-wrapper {
  -webkit-animation: flipOut-in 1s both ease-out;
  animation: flipOut-in 1s both ease-out;
}

.cbp-animation-slideDelay {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-slideDelay .cbp-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.cbp-animation-slideDelay .cbp-item-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbp-animation-slideDelay .cbp-wrapper-helper .cbp-item-wrapper {
  -webkit-animation: slideDelay-out 0.5s both ease-in-out;
  animation: slideDelay-out 0.5s both ease-in-out;
}

.cbp-animation-slideDelay .cbp-wrapper .cbp-item-wrapper {
  -webkit-animation: slideDelay-in 0.5s both ease-in-out;
  animation: slideDelay-in 0.5s both ease-in-out;
}

/* out */
@-webkit-keyframes slideDelay-out {
  100% {
    -webkit-transform: translateX(-100%);
  }
}

@keyframes slideDelay-out {
  100% {
    transform: translateX(-100%);
  }
}

@-webkit-keyframes slideDelay-in {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}

@keyframes slideDelay-in {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

.cbp-animation-rotateSides {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-rotateSides .cbp-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.cbp-animation-rotateSides .cbp-item-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbp-animation-rotateSides .cbp-wrapper-helper .cbp-item-wrapper {
  -webkit-transform-origin: -50% 50%;
  -webkit-animation: rotateSides-out 0.5s both ease-in;
  transform-origin: -50% 50%;
  animation: rotateSides-out 0.5s both ease-in;
}

.cbp-animation-rotateSides .cbp-wrapper .cbp-item-wrapper {
  -webkit-transform-origin: 150% 50%;
  -webkit-animation: rotateSides-in 0.6s both ease-out;
  transform-origin: 150% 50%;
  animation: rotateSides-in 0.6s both ease-out;
}

/* out */
@-webkit-keyframes rotateSides-out {
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-500px) rotateY(90deg);
  }
}

@keyframes rotateSides-out {
  100% {
    opacity: 0;
    transform: translateZ(-500px) rotateY(90deg);
  }
}

/* in */
/* @editable properties */
@-webkit-keyframes rotateSides-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-500px) rotateY(-90deg);
  }
  40% {
    opacity: 0;
    -webkit-transform: translateZ(-500px) rotateY(-90deg);
  }
}

@keyframes rotateSides-in {
  0% {
    opacity: 0;
    transform: translateZ(-500px) rotateY(-90deg);
  }
  40% {
    opacity: 0;
    transform: translateZ(-500px) rotateY(-90deg);
  }
}

.cbp-animation-foldLeft {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-foldLeft .cbp-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.cbp-animation-foldLeft .cbp-item-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbp-animation-foldLeft .cbp-wrapper-helper .cbp-item-wrapper {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: foldLeft-out 0.7s both ease;
  animation: foldLeft-out 0.7s both ease;
}

.cbp-animation-foldLeft .cbp-wrapper .cbp-item-wrapper {
  -webkit-animation: foldLeft-in 0.7s both ease;
  animation: foldLeft-in 0.7s ease both;
}

/* out */
@-webkit-keyframes foldLeft-out {
  100% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
  }
}

@keyframes foldLeft-out {
  100% {
    opacity: 0;
    transform: translateX(-100%) rotateY(-90deg);
  }
}

/* in */
@-webkit-keyframes foldLeft-in {
  0% {
    opacity: 0.3;
    -webkit-transform: translateX(100%);
  }
}

@keyframes foldLeft-in {
  0% {
    opacity: 0.3;
    transform: translateX(100%);
  }
}

.cbp-animation-unfold {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-unfold .cbp-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.cbp-animation-unfold .cbp-item-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbp-animation-unfold .cbp-wrapper-helper .cbp-item-wrapper {
  -webkit-animation: unfold-out 0.8s ease both;
  animation: unfold-out 0.8s ease both;
}

.cbp-animation-unfold .cbp-wrapper .cbp-item-wrapper {
  -webkit-transform-origin: 0% 50%;
  -webkit-animation: unfold-in 0.8s both ease;
  transform-origin: 0% 50%;
  animation: unfold-in 0.8s both ease;
}

/* out */
@-webkit-keyframes unfold-out {
  90% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
}

@keyframes unfold-out {
  90% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}

/* in */
@-webkit-keyframes unfold-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotateY(90deg);
  }
}

@keyframes unfold-in {
  0% {
    opacity: 0;
    transform: translateX(100%) rotateY(90deg);
  }
}

.cbp-animation-scaleDown {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-scaleDown .cbp-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.cbp-animation-scaleDown .cbp-item-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbp-animation-scaleDown .cbp-wrapper-helper .cbp-item-wrapper {
  -webkit-animation: scaleDown-out 0.7s ease both;
  animation: scaleDown-out 0.7s ease both;
}

.cbp-animation-scaleDown .cbp-wrapper .cbp-item-wrapper {
  -webkit-animation: scaleDown-in 0.6s ease both;
  animation: scaleDown-in 0.6s ease both;
}

/* out */
@-webkit-keyframes scaleDown-out {
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}

@keyframes scaleDown-out {
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}

/* in */
@-webkit-keyframes scaleDown-in {
  0% {
    -webkit-transform: translateX(100%);
  }
}

@keyframes scaleDown-in {
  0% {
    transform: translateX(100%);
  }
}

.cbp-animation-frontRow {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-frontRow .cbp-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.cbp-animation-frontRow .cbp-item-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbp-animation-frontRow .cbp-wrapper-helper .cbp-item-wrapper {
  -webkit-animation: frontRow-out 0.7s both ease;
  animation: frontRow-out 0.7s both ease;
}

.cbp-animation-frontRow .cbp-wrapper .cbp-item-wrapper {
  -webkit-animation: frontRow-in 0.6s both ease;
  animation: frontRow-in 0.6s both ease;
}

/* out */
@-webkit-keyframes frontRow-out {
  100% {
    -webkit-transform: translateX(-60%) scale(0.8);
    opacity: 0;
  }
}

@keyframes frontRow-out {
  100% {
    transform: translateX(-60%) scale(0.8);
    opacity: 0;
  }
}

/* in */
@-webkit-keyframes frontRow-in {
  0% {
    -webkit-transform: translateX(100%) scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) scale(1);
  }
}

@keyframes frontRow-in {
  0% {
    transform: translateX(100%) scale(0.8);
  }
  100% {
    opacity: 1;
    transform: translateX(0%) scale(1);
  }
}

.cbp-animation-rotateRoom {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-rotateRoom .cbp-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.cbp-animation-rotateRoom .cbp-item-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cbp-animation-rotateRoom .cbp-wrapper-helper .cbp-item-wrapper {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateRoom-out 0.8s both ease;
  animation: rotateRoom-out 0.8s both ease;
}

.cbp-animation-rotateRoom .cbp-wrapper .cbp-item-wrapper {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateRoom-in 0.8s both ease;
  animation: rotateRoom-in 0.8s both ease;
}

/* out */
@-webkit-keyframes rotateRoom-out {
  90% {
    opacity: .3;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotateY(90deg);
  }
}

@keyframes rotateRoom-out {
  90% {
    opacity: .3;
  }
  100% {
    opacity: 0;
    transform: translateX(-100%) rotateY(90deg);
  }
}

/* in */
@-webkit-keyframes rotateRoom-in {
  0% {
    opacity: .3;
    -webkit-transform: translateX(100%) rotateY(-90deg);
  }
}

@keyframes rotateRoom-in {
  0% {
    opacity: .3;
    transform: translateX(100%) rotateY(-90deg);
  }
}

.cbp-animation-bounceBottom {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-bounceBottom .cbp-wrapper-helper {
  /* @editable properties */
  -webkit-animation: bounceBottom-out 0.6s both ease-in-out;
  animation: bounceBottom-out 0.6s both ease-in-out;
}

.cbp-animation-bounceBottom .cbp-wrapper {
  /* @editable properties */
  -webkit-animation: bounceBottom-in 0.6s both ease-in-out;
  animation: bounceBottom-in 0.6s both ease-in-out;
}

/* out */
@-webkit-keyframes bounceBottom-out {
  100% {
    -webkit-transform: translateY(100%);
    opacity: 0;
  }
}

@keyframes bounceBottom-out {
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}

/* in */
@-webkit-keyframes bounceBottom-in {
  0% {
    -webkit-transform: translateY(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}

@keyframes bounceBottom-in {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.cbp-animation-bounceLeft {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-bounceLeft .cbp-wrapper-helper {
  /* @editable properties */
  -webkit-animation: bounceLeft-out 0.6s both ease-in-out;
  animation: bounceLeft-out 0.6s both ease-in-out;
}

.cbp-animation-bounceLeft .cbp-wrapper {
  /* @editable properties */
  -webkit-animation: bounceLeft-in 0.6s both ease-in-out;
  animation: bounceLeft-in 0.6s both ease-in-out;
}

/* out */
@-webkit-keyframes bounceLeft-out {
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
}

@keyframes bounceLeft-out {
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}

/* in */
@-webkit-keyframes bounceLeft-in {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
}

@keyframes bounceLeft-in {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.cbp-animation-bounceTop {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-bounceTop .cbp-wrapper-helper {
  /* @editable properties */
  -webkit-animation: bounceTop-out 0.6s both ease-in-out;
  animation: bounceTop-out 0.6s both ease-in-out;
}

.cbp-animation-bounceTop .cbp-wrapper {
  /* @editable properties */
  -webkit-animation: bounceTop-in 0.6s both ease-in-out;
  animation: bounceTop-in 0.6s both ease-in-out;
}

/* out */
@-webkit-keyframes bounceTop-out {
  100% {
    -webkit-transform: translateY(-100%);
    opacity: 0;
  }
}

@keyframes bounceTop-out {
  100% {
    transform: translateY(-100%);
    opacity: 0;
  }
}

/* in */
@-webkit-keyframes bounceTop-in {
  0% {
    -webkit-transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}

@keyframes bounceTop-in {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.cbp-animation-moveLeft {
  /* @editable properties */
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
  will-change: height;
}

.cbp-animation-moveLeft .cbp-wrapper-helper {
  /* @editable properties */
  -webkit-animation: moveLeft-out 0.6s both ease-in-out;
  animation: moveLeft-out 0.6s both ease-in-out;
}

.cbp-animation-moveLeft .cbp-wrapper {
  /* @editable properties */
  -webkit-animation: moveLeft-in 0.6s both ease-in-out;
  animation: moveLeft-in 0.6s both ease-in-out;
}

/* out */
@-webkit-keyframes moveLeft-out {
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
}

@keyframes moveLeft-out {
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}

/* in */
@-webkit-keyframes moveLeft-in {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
}

@keyframes moveLeft-in {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.cbp-displayType-lazyLoading {
  -webkit-animation: fadeIn 0.5s both ease-in;
  animation: fadeIn 0.5s both ease-in;
}

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

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

.cbp-displayType-fadeInToTop {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-animation: fadeInToTop 0.5s both ease-in;
  animation: fadeInToTop 0.5s both ease-in;
}

@-webkit-keyframes fadeInToTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInToTop {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.cbp-displayType-sequentially .cbp-item {
  -webkit-animation: fadeIn 0.5s both ease-in;
  animation: fadeIn 0.5s both ease-in;
}

.cbp-displayType-bottomToTop {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.cbp-displayType-bottomToTop .cbp-item {
  -webkit-animation: fadeInBottomToTop 0.4s both ease-in;
  animation: fadeInBottomToTop 0.4s both ease-in;
}

@-webkit-keyframes fadeInBottomToTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInBottomToTop {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.cbp-popup-ie8bg {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  /* @editable properties */
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.cbp-popup-wrap {
  height: 100%;
  text-align: center;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  display: none;
  overflow-y: scroll;
  overflow-x: hidden;
  /* @editable properties */
  z-index: 9990;
  padding: 0 10px;
}

.cbp-popup-lightbox {
  /* @editable properties */
  background: rgba(0, 0, 0, 0.8);
}

.cbp-popup-singlePage {
  /* @editable properties */
  background: white;
  padding: 0;
}

.cbp-popup-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  /*margin-right: -.25em; // it breaks on mobile*/
}

.cbp-popup-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  max-width: 100%;
}

.cbp-popup-singlePage .cbp-popup-content {
  position: relative;
  z-index: 1;
  /* @editable properties */
  margin-top: 145px;
  max-width: 1024px;
  vertical-align: top;
  width: 94%;
}

.cbp-popup-singlePage .cbp-popup-content-basic {
  position: relative;
  z-index: 1;
  /* @editable properties */
  margin-top: 104px;
  vertical-align: top;
  width: 100%;
  display: inline-block;
  text-align: left;
}

.cbp-popup-lightbox-figure {
  position: relative;
}

.cbp-popup-lightbox-bottom {
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  /* @editable properties */
  margin-top: 3px;
}

.cbp-popup-lightbox-title {
  /* @editable properties */
  padding-right: 70px;
  font: 400 12px/18px "Open Sans", sans-serif;
  color: #eee;
}

.cbp-popup-lightbox-counter {
  position: absolute;
  top: 0;
  right: 0;
  /* @editable properties */
  font: 400 12px/18px "Open Sans", sans-serif;
  color: #eee;
}

.cbp-popup-lightbox-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  /* @editable properties */
  margin: 40px 0 40px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.cbp-popup-lightbox-img[data-action] {
  cursor: pointer;
}

.cbp-popup-lightbox-isIframe .cbp-popup-content {
  /* @editable properties */
  width: 75%;
}

@media only screen and (max-width: 768px) {
  .cbp-popup-lightbox-isIframe .cbp-popup-content {
    /* @editable properties */
    width: 95%;
  }
}

.cbp-popup-lightbox-isIframe .cbp-lightbox-bottom {
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  /* @editable properties */
  margin-top: 3px;
}

.cbp-popup-lightbox-iframe {
  position: relative;
  height: 0;
  /* @editable properties */
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  background: #000;
}

.cbp-popup-lightbox-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* @editable properties */
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.cbp-popup-lightbox-iframe audio {
  margin-top: 27%;
}

/* NAVIGATION BUTTONS */
.cbp-popup-singlePage .cbp-popup-navigation-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9990;
  /* @editable properties */
  height: 104px;
  background-color: #34425C;
}

.cbp-popup-singlePage .cbp-popup-navigation {
  position: relative;
  width: 100%;
  height: 100%;
}

.cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap {
  position: fixed;
  top: 0 !important;
}

.cbp-popup-singlePage-counter {
  /* @editable properties */
  color: #bbc0df;
  position: absolute;
  margin: auto;
  right: 40px;
  top: 0;
  bottom: 0;
  font: 400 13px/30px "Open Sans", sans-serif;
  height: 30px;
}

@media only screen and (max-width: 768px) {
  .cbp-popup-singlePage-counter {
    right: 3%;
  }
}

.cbp-popup-next, .cbp-popup-prev, .cbp-popup-close {
  padding: 0;
  border: medium none;
  position: absolute;
  cursor: pointer;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cbp-popup-lightbox .cbp-popup-prev, .cbp-popup-lightbox .cbp-popup-next, .cbp-popup-lightbox .cbp-popup-close {
  visibility: hidden;
}

/* NAVOGATION BUTTONS */
.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-next, .cbp-popup-ready.cbp-popup-lightbox .cbp-popup-prev, .cbp-popup-ready.cbp-popup-lightbox .cbp-popup-close {
  visibility: visible;
}

/* PREVIOUS BUTTON LIGHBOX */
.cbp-popup-lightbox .cbp-popup-prev {
  /* @editable properties */
  background: url("../img/cbp-sprite.png") no-repeat scroll 0 0 transparent;
  width: 44px;
  height: 44px;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
}

.cbp-popup-lightbox .cbp-popup-prev:hover {
  /* @editable properties */
  background-position: 0 -46px;
}

/* PREVIOUS BUTTON SINGLEPAGE */
.cbp-popup-singlePage .cbp-popup-prev {
  /* @editable properties */
  background: url("../img/cbp-sprite.png") no-repeat scroll 0 -92px transparent;
  width: 44px;
  height: 44px;
  margin: auto;
  top: 0;
  right: 108px;
  bottom: 0;
  left: 0;
}

.cbp-popup-singlePage .cbp-popup-prev:hover {
  /* @editable properties */
  background-position: 0 -138px;
}

/* NEXT BUTTON LIGHTBOX */
.cbp-popup-lightbox .cbp-popup-next {
  /* @editable properties */
  background: url("../img/cbp-sprite.png") no-repeat scroll -46px 0 transparent;
  width: 44px;
  height: 44px;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
}

.cbp-popup-lightbox .cbp-popup-next:hover {
  /* @editable properties */
  background-position: -46px -46px;
}

/* NEXT BUTTON SINGLEPAGE */
.cbp-popup-singlePage .cbp-popup-next {
  /* @editable properties */
  background: url("../img/cbp-sprite.png") no-repeat scroll -46px -92px transparent;
  width: 44px;
  height: 44px;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 108px;
}

.cbp-popup-singlePage .cbp-popup-next:hover {
  /* @editable properties */
  background-position: -46px -138px;
}

/* CLOSE BUTTON LIGTHBOX */
.cbp-popup-lightbox .cbp-popup-close {
  /* @editable properties */
  background: url("../img/cbp-sprite.png") no-repeat scroll -92px 0 transparent;
  height: 40px;
  width: 40px;
  right: 20px;
  top: 20px;
}

.cbp-popup-lightbox .cbp-popup-close:hover {
  /* @editable properties */
  background-position: -92px -46px;
}

/* CLOSE BUTTON SINGLEPAGE */
.cbp-popup-singlePage .cbp-popup-close {
  /* @editable properties */
  background: url("../img/cbp-sprite.png") no-repeat scroll -92px -92px transparent;
  height: 44px;
  width: 44px;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cbp-popup-singlePage .cbp-popup-ie8bg {
  background-color: #fff;
}

.cbp-popup-singlePage .cbp-popup-close:hover {
  /* @editable properties */
  background-position: -92px -138px;
}

@media only screen and (max-width: 360px), (max-height: 600px) {
  .cbp-popup-next, .cbp-popup-prev, .cbp-popup-close {
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  .cbp-popup-lightbox .cbp-popup-close {
    right: 10px;
    top: 10px;
  }
  .cbp-popup-lightbox .cbp-popup-next {
    right: 10px;
  }
  .cbp-popup-lightbox .cbp-popup-prev {
    left: 10px;
  }
  .cbp-popup-singlePage .cbp-popup-navigation-wrap {
    height: 84px;
  }
  .cbp-popup-singlePage .cbp-popup-content {
    margin-top: 120px;
  }
}

.cbp-popup-loadingBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  /* @editable properties */
  background: url("../img/cbp-loading-popup.gif") no-repeat scroll center center #0D0D0D;
  border: 1px solid rgba(79, 80, 79, 0.3);
  border-radius: 3px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=71)";
  opacity: .71;
  width: 50px;
  height: 50px;
}

.cbp-popup-ready .cbp-popup-loadingBox {
  visibility: hidden;
}

.cbp-popup-loading .cbp-popup-loadingBox {
  visibility: visible;
}

.cbp-popup-singlePage {
  left: 100%;
  /* @editable properties */
  -webkit-transition: left 0.6s ease-in-out;
  transition: left 0.6s ease-in-out;
}

.cbp-popup-singlePage.cbp-popup-loading .cbp-popup-content {
  opacity: 0;
}

.cbp-popup-singlePage-open {
  left: 0;
}

.cbp-popup-singlePage.cbp-popup-singlePage-fade {
  left: 0;
  opacity: 0;
  /* @editable properties */
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}

.cbp-popup-singlePage-open.cbp-popup-singlePage-fade {
  opacity: 1;
}

.cbp-popup-singlePage.cbp-popup-singlePage-right {
  left: -100%;
  /* @editable properties */
  -webkit-transition: left 0.6s ease-in-out;
  transition: left 0.6s ease-in-out;
}

.cbp-popup-singlePage-open.cbp-popup-singlePage-right {
  left: 0;
}

.cbp-l-project-title {
  /* @editable properties */
  color: #454444;
  font: 600 42px/46px "Open Sans", sans-serif;
  letter-spacing: 2px;
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
}

.cbp-l-project-subtitle {
  /* @editable properties */
  color: #787878;
  font: 400 14px/21px "Open Sans", sans-serif;
  margin: 0 auto 50px;
  max-width: 500px;
  text-align: center;
}

.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.cbp-l-project-container {
  overflow: hidden;
  margin: 40px auto 0;
  clear: both;
}

.cbp-l-project-desc {
  /* @editable properties */
  float: left;
  width: 64%;
}

.cbp-l-project-social-wrapper, .cbp-l-inline-social-wrapper {
  display: inline-block;
  width: 100px;
  height: 20px;
  overflow: hidden;
}

.cbp-l-inline-social-wrapper {
  margin-top: 5px;
}

.cbp-l-project-details {
  /* @editable properties */
  float: right;
  width: 36%;
  padding-left: 40px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
  .cbp-l-project-title {
    font-size: 30px;
    line-height: 34px;
  }
  .cbp-l-project-desc {
    /* @editable properties */
    width: 100%;
  }
  .cbp-l-project-details {
    /* @editable properties */
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }
}

.cbp-l-project-desc-title {
  /* @editable properties */
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 22px;
  color: #444;
}

.cbp-l-project-desc-title span, .cbp-l-project-details-title span {
  /* @editable properties */
  border-bottom: 1px solid #747474;
  display: inline-block;
  margin: 0 0 -1px 0;
  font: 400 16px/36px "Open Sans", sans-serif;
  padding: 0 5px 0 0;
}

.cbp-l-project-desc-text {
  /* @editable properties */
  font: 400 13px/20px "Open Sans", sans-serif;
  color: #555;
  margin-bottom: 20px;
}

.cbp-l-project-details-title {
  /* @editable properties */
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 19px;
  color: #444;
}

.cbp-l-project-details-list {
  /* @editable properties */
}

.cbp-l-project-details-list > li, .cbp-l-project-details-list > div {
  /* @editable properties */
  border-bottom: 1px dotted #DFDFDF;
  padding: inherit;
  color: #666;
  font: 400 12px/30px "Open Sans", sans-serif;
}

.cbp-l-project-details-list strong {
  /* @editable properties */
  display: inline-block;
  color: #696969;
  font-weight: 600;
  min-width: 100px;
}

.cbp-l-project-details-visit {
  /* @editable properties */
  color: #FFFFFF;
  float: right;
  clear: both;
  text-decoration: none;
  font: 400 11px/18px "Open Sans", sans-serif;
  margin-top: 10px;
  background-color: #53668A;
  padding: 8px 19px;
}

.cbp-l-project-details-visit:hover {
  /* @editable properties */
  opacity: 0.9;
  color: #fff;
}

.cbp-l-project-related {
  /* @editable properties */
}

.cbp-l-project-related-wrap {
  /* @editable properties */
  font-size: 0;
  margin: 0;
}

.cbp-l-project-related-item {
  /* @editable properties */
  margin-right: 5%;
  max-width: 30%;
  float: left;
}

.cbp-l-project-related-item:last-child {
  /* @editable properties */
  margin-right: 0;
}

.cbp-l-project-related-title {
  /* @editable properties */
  font: 700 14px/18px "Open Sans", sans-serif;
  color: #474747;
  margin-top: 20px;
}

.cbp-l-project-related-link {
  /* @editable properties */
  text-decoration: none;
}

.cbp-l-project-related-link:hover {
  /* @editable properties */
  opacity: 0.9;
}

.cbp-l-member-img {
  /* @editable properties */
  float: left;
  width: 40%;
  margin-top: 20px;
}

.cbp-l-member-img img {
  /* @editable properties */
  border: 1px solid #e2e2e2;
  width: auto;
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.cbp-l-member-info {
  /* @editable properties */
  margin-top: 20px;
  padding-left: 25px;
  float: left;
  width: 60%;
}

@media only screen and (max-width: 768px) {
  .cbp-l-member-img {
    width: 100%;
    text-align: center;
  }
  .cbp-l-member-info {
    width: 100%;
    padding-left: 0;
  }
}

.cbp-l-member-name {
  /* @editable properties */
  font: 400 28px/28px "Open Sans", sans-serif;
  color: #474747;
}

.cbp-l-member-position {
  /* @editable properties */
  font: 400 13px/21px "Open Sans", sans-serif;
  color: #888;
  margin-top: 6px;
}

.cbp-l-member-desc {
  /* @editable properties */
  font: 400 12px/18px "Open Sans", sans-serif;
  margin-top: 25px;
  color: #474747;
}

/* SINGLE PAGE INLINE */
.cbp-popup-singlePageInline-open {
  -webkit-transition: height 0.5s ease 0s !important;
  transition: height 0.5s ease 0s !important;
}

.cbp-popup-singlePageInline-open .cbp-item {
  -webkit-transition: -webkit-transform 0.5s ease 0s !important;
  transition: transform 0.5s ease 0s !important;
}

.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline::before {
  display: none;
}

.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-content, .cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-navigation {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

.cbp-popup-singlePageInline {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  /* CLOSE BUTTON singlePageInline */
}

.cbp-popup-singlePageInline:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  content: '';
  /* @editable properties */
  width: 30px;
  height: 30px;
  border: 1px solid rgba(79, 80, 79, 0.3);
  border-right: 5px solid #000;
  border-bottom: 5px solid #000;
  border-radius: 50%;
  border-left: 5px solid transparent;
  border-top: 5px solid transparent;
  animation: loading 0.5s infinite linear;
  -webkit-animation: loading 0.5s infinite linear;
  opacity: 0.6;
}

.cbp-popup-singlePageInline .cbp-popup-content {
  opacity: 0;
  width: 100%;
  z-index: 1;
  min-height: 300px;
}

.cbp-popup-singlePageInline .cbp-popup-content, .cbp-popup-singlePageInline .cbp-popup-navigation {
  -webkit-transition: opacity 0.4s ease-in 0.2s;
  transition: opacity 0.4s ease-in 0.2s;
}

.cbp-popup-singlePageInline .cbp-popup-navigation {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 40px;
  height: 40px;
}

.cbp-popup-singlePageInline .cbp-popup-close {
  /* @editable properties */
  background: url("../img/cbp-sprite.png") no-repeat scroll -92px 0 transparent;
  height: 40px;
  width: 40px;
  right: 20px;
  top: 30px;
}

.cbp-popup-singlePageInline .cbp-popup-close:hover {
  /* @editable properties */
  opacity: 0.7;
}

.cbp-popup-singlePageInline-ready {
  z-index: 4;
}

.cbp-popup-singlePageInline-ready .cbp-popup-content, .cbp-popup-singlePageInline-ready .cbp-popup-navigation {
  opacity: 1;
}

.cbp-popup-singlePageInline-ready:before {
  display: none;
}

.cbp-singlePageInline-active {
  opacity: 0.6 !important;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.cbp-l-inline {
  margin: 20px 0;
  overflow: hidden;
  background: #FAFAFA;
  padding: 30px;
}

.cbp-l-inline-left {
  float: left;
  width: 44%;
}

.cbp-l-project-img {
  max-width: 100%;
}

.cbp-l-inline-right {
  float: right;
  width: 56%;
  padding-left: inherit;
}

@media only screen and (max-width: 768px) {
  .cbp-l-inline-left {
    width: 100%;
    text-align: center;
    margin-top: 40px;
  }
  .cbp-l-inline-right {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
}

.cbp-l-inline-title {
  font: 400 28px/30px "Open Sans", sans-serif;
  color: #474747;
}

.cbp-l-inline-subtitle {
  font: 400 13px/21px "Open Sans", sans-serif;
  color: #888;
  margin-top: 7px;
}

.cbp-l-inline-desc {
  font: 400 13px/20px "Open Sans", sans-serif;
  color: #474747;
  margin-top: 25px;
}

.cbp-l-inline-view-wrap {
  text-align: right;
}

.cbp-l-inline-view {
  font: 400 13px/35px "Open Sans", sans-serif;
  color: #9C9C9C;
  margin-top: 40px;
  display: inline-block;
  padding: 0 20px;
  border: 1px solid #ccc;
  text-decoration: none;
}

.cbp-l-inline-view:hover {
  color: #757575;
}

.cbp-l-inline-details {
  margin-top: 15px;
  font: 13px/22px "Open Sans", sans-serif;
}

/* default state */
.cbp-l-loadMore-defaultText, .cbp-l-loadMore-button-defaultText {
  display: block;
}

.cbp-l-loadMore-loadingText, .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-button-loadingText, .cbp-l-loadMore-button-noMoreLoading {
  display: none;
}

/* loading state */
.cbp-l-loadMore-loading .cbp-l-loadMore-loadingText, .cbp-l-loadMore-loading .cbp-l-loadMore-button-loadingText {
  display: block;
}

.cbp-l-loadMore-loading .cbp-l-loadMore-defaultText, .cbp-l-loadMore-loading .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-loading .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-loading .cbp-l-loadMore-button-noMoreLoading {
  display: none;
}

/* no more loading */
.cbp-l-loadMore-stop .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-stop .cbp-l-loadMore-button-noMoreLoading {
  display: block;
}

.cbp-l-loadMore-stop .cbp-l-loadMore-defaultText, .cbp-l-loadMore-stop .cbp-l-loadMore-loadingText, .cbp-l-loadMore-stop .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-stop .cbp-l-loadMore-button-loadingText {
  display: none;
}

.cbp-l-loadMore-button {
  /* @editable properties */
  text-align: center;
}

.cbp-l-loadMore-button .cbp-l-loadMore-link, .cbp-l-loadMore-button .cbp-l-loadMore-button-link {
  /* @editable properties */
  border: 2px solid #DEDEDE;
  border-radius: 2px;
  color: #7E7B7B;
  display: inline-block;
  font: 400 11px/34px "Open Sans", sans-serif;
  min-width: 80px;
  text-decoration: none;
  padding: 0 20px;
  outline: 0;
  margin-top: 30px;
  box-shadow: none;
}

.cbp-l-loadMore-button .cbp-l-loadMore-link:hover, .cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover {
  /* @editable properties */
  color: #B0B0B0;
}

.cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-stop, .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-stop, .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-button-stop {
  /* @editable properties */
  cursor: default;
  color: #B0B0B0;
}

.cbp-l-loadMore-text {
  /* @editable properties */
  text-align: center;
  margin-top: 50px;
}

.cbp-l-loadMore-text .cbp-l-loadMore-link, .cbp-l-loadMore-text .cbp-l-loadMore-text-link {
  /* @editable properties */
  font: 400 15px "Open Sans", sans-serif;
  color: #5D5D5D;
  text-decoration: none;
  cursor: pointer;
}

.cbp-l-loadMore-text .cbp-l-loadMore-stop, .cbp-l-loadMore-text .cbp-l-loadMore-text-stop {
  /* @editable properties */
  color: #5D5D5D;
  cursor: default;
}

.cbp-mode-slider {
  /* @editable properties */
  -webkit-transition: height 0.35s cubic-bezier(0.22, 0.6, 0.345, 1);
  transition: height 0.35s cubic-bezier(0.22, 0.6, 0.345, 1);
}

.cbp-mode-slider .cbp-wrapper, .cbp-mode-slider .cbp-item {
  /* @editable properties */
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.22, 0.6, 0.345, 1);
  transition: transform 0.35s cubic-bezier(0.22, 0.6, 0.345, 1);
}

.cbp-mode-slider-dragStart .cbp-wrapper {
  /* @editable properties */
  -webkit-transition: none;
  transition: none;
}

.cbp-mode-slider-dragStart * {
  cursor: move !important;
  cursor: -webkit-grab !important;
  cursor: -o-grab !important;
  cursor: -ms-grab !important;
  cursor: grab !important;
}

.cbp-nav-next, .cbp-nav-prev {
  position: relative;
  /* @editable properties */
  background: #7c8b90;
  cursor: pointer;
  display: inline-block;
  margin-left: 1px;
  height: 22px;
  width: 21px;
}

.cbp-nav-next {
  /* @editable properties */
  border-radius: 0 2px 2px 0;
}

.cbp-nav-prev {
  /* @editable properties */
  border-radius: 2px 0 0 2px;
}

.cbp-nav-next:hover, .cbp-nav-prev:hover {
  /* @editable properties */
  opacity: 0.8;
}

.cbp-nav-next:after, .cbp-nav-prev:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  /* @editable properties */
  background: url("../img/cbp-sprite.png") no-repeat;
  height: 10px;
  width: 7px;
}

.cbp-nav-next:after {
  /* @editable properties */
  background-position: -134px 0;
}

.cbp-nav-prev:after {
  /* @editable properties */
  background-position: -134px -12px;
}

.cbp-nav-stop {
  /* @editable properties */
  opacity: 0.5 !important;
  cursor: default !important;
}

.cbp-nav {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cbp-nav-controls {
  /* @editable properties */
  position: absolute;
  top: -51px;
  right: 0;
  z-index: 100;
}

.cbp-nav-pagination {
  /* @editable properties */
  position: absolute;
  bottom: -30px;
  right: 0;
  z-index: 100;
  left: 0;
  text-align: center;
}

.cbp-nav-pagination-item {
  /* @editable properties */
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 4px;
  display: inline-block;
  cursor: pointer;
  background: #c2c2c2;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}

.cbp-nav-pagination-active {
  /* @editable properties */
  background: #797979;
}

.cbp-slider-wrap, .cbp-slider-item {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.cbp-slider .cbp-nav-controls {
  /* @editable properties */
  position: static;
}

.cbp-slider .cbp-nav-next, .cbp-slider .cbp-nav-prev {
  /* @editable properties */
  background: transparent;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  z-index: 100;
  width: 44px;
  height: 44px;
}

.cbp-slider .cbp-nav-next {
  /* @editable properties */
  right: 25px;
  left: auto;
}

.cbp-slider .cbp-nav-prev {
  /* @editable properties */
  left: 25px;
  right: auto;
}

.cbp-slider .cbp-nav-next:after, .cbp-slider .cbp-nav-prev:after {
  background: url("../img/cbp-sprite.png") no-repeat;
  width: 44px;
  height: 44px;
}

.cbp-slider .cbp-nav-next:after {
  /* @editable properties */
  background-position: -46px -92px;
}

.cbp-slider .cbp-nav-next:hover:after {
  /* @editable properties */
  background-position: -46px -46px;
}

.cbp-slider .cbp-nav-prev:after {
  /* @editable properties */
  background-position: 0 -92px;
}

.cbp-slider .cbp-nav-prev:hover:after {
  /* @editable properties */
  background-position: 0 -46px;
}

.cbp-slider .cbp-nav-pagination {
  /* @editable properties */
  text-align: right;
  bottom: 20px;
  right: 25px;
}

.cbp-slider-edge .cbp-nav-controls {
  /* @editable properties */
  position: static;
}

.cbp-slider-edge .cbp-nav-next, .cbp-slider-edge .cbp-nav-prev {
  /* @editable properties */
  background: transparent;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  z-index: 100;
  width: 44px;
  height: 44px;
}

.cbp-slider-edge .cbp-nav-next {
  /* @editable properties */
  right: -14px;
  left: auto;
}

.cbp-slider-edge .cbp-nav-prev {
  /* @editable properties */
  left: -14px;
  right: auto;
}

.cbp-slider-edge .cbp-nav-next:after, .cbp-slider-edge .cbp-nav-prev:after {
  background: url("../img/cbp-sprite.png") no-repeat;
  width: 9px;
  height: 16px;
}

.cbp-slider-edge .cbp-nav-next:after {
  /* @editable properties */
  background-position: -134px -24px;
}

.cbp-slider-edge .cbp-nav-prev:after {
  /* @editable properties */
  background-position: -134px -42px;
}

.cbp-slider-edge .cbp-nav-pagination {
  /* @editable properties */
  bottom: -50px;
}

.cbp-slider-edge .cbp-nav-pagination-item {
  /* @editable properties */
  border: 2px solid #0f0f0f;
  opacity: 0.4;
  background: transparent;
}

.cbp-slider-edge .cbp-nav-pagination-active {
  /* @editable properties */
  background: #000;
}

.cbp-l-grid-agency .cbp-caption:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-bottom: 10px solid #fff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  bottom: 0px;
  left: 50%;
  margin-left: -5px;
  z-index: 1;
}

.cbp-l-grid-agency.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {
  /* @editable properties */
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.cbp-l-grid-agency-title {
  /* @editable properties */
  margin-top: 18px;
  font: 700 17px/24px Lato, sans-serif;
  color: #666;
  text-align: center;
}

.cbp-item:hover .cbp-l-grid-agency-title {
  /* @editable properties */
  color: #222;
}

.cbp-l-grid-agency-desc {
  /* @editable properties */
  font: 400 12px/21px "Open Sans", sans-serif;
  color: #aaa;
  text-align: center;
}

.cbp-l-grid-work.cbp-caption-zoom .cbp-caption-activeWrap {
  background-color: rgba(0, 0, 0, 0.7);
}

.cbp-l-grid-work .cbp-item {
  padding: 3px;
}

.cbp-l-grid-work .cbp-item-wrapper {
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  padding: 7px 7px 27px;
  border-top: 1px solid #F4F4F4;
}

.cbp-l-grid-work-title {
  /* @editable properties */
  margin-top: 17px;
  font: 400 17px/25px "Roboto Condensed", sans-serif;
  color: #607D8B;
  text-align: center;
  text-transform: uppercase;
  display: block;
}

.cbp-l-grid-work-title:hover {
  /* @editable properties */
  color: #365D67;
}

.cbp-l-grid-work-desc {
  /* @editable properties */
  font: 400 11px/16px "Open Sans", sans-serif;
  color: #888888;
  text-align: center;
  text-transform: uppercase;
}

.cbp-l-grid-blog-title {
  /* @editable properties */
  font: 400 18px/30px "Open Sans", sans-serif;
  color: #444;
  display: block;
  margin-top: 17px;
}

.cbp-l-grid-blog-title:hover {
  /* @editable properties */
  color: #787878;
}

.cbp-l-grid-blog-date {
  /* @editable properties */
  font: 400 12px/18px "Open Sans", sans-serif;
  color: #787878;
  display: inline-block;
}

.cbp-l-grid-blog-comments {
  /* @editable properties */
  font: 400 12px/18px "Open Sans", sans-serif;
  color: #3C6FBB;
  display: inline-block;
}

.cbp-l-grid-blog-comments:hover {
  /* @editable properties */
  opacity: .8;
}

.cbp-l-grid-blog-desc {
  /* @editable properties */
  font: 400 13px/18px "Open Sans", sans-serif;
  color: #9B9B9B;
  margin-top: 9px;
}

.cbp-l-grid-blog-split {
  /* @editable properties */
  margin: 0 4px;
  font: 400 13px/16px "Open Sans", sans-serif;
  color: #787878;
  display: inline-block;
}

.cbp-l-grid-clients {
  height: 180px;
}

.cbp-l-clients-title-block {
  font: 400 32px/53px Roboto, sans-serif;
  color: #666464;
  text-align: center;
  margin-bottom: 40px;
}

.cbp-l-grid-projects-title {
  /* @editable properties */
  font: 700 14px/21px "Open Sans", sans-serif;
  color: #474747;
  margin-top: 15px;
}

.cbp-l-grid-projects-desc {
  /* @editable properties */
  font: 400 12px/18px "Open Sans", sans-serif;
  color: #888888;
  margin-top: 5px;
}

.cbp-l-grid-masonry-projects .cbp-caption-activeWrap {
  /* @editable properties */
  background-color: #59a3b6;
  background-color: rgba(89, 163, 182, 0.95);
}

.cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft, .cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight {
  /* @editable properties */
  background-color: #4d4d4d;
}

.cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft:hover, .cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight:hover {
  /* @editable properties */
  background-color: #252424;
}

.cbp-l-grid-masonry-projects-title {
  /* @editable properties */
  font: 500 15px/22px Roboto, sans-serif;
  color: #59a3b6;
  text-align: center;
  display: block;
  margin-top: 12px;
}

.cbp-l-grid-masonry-projects-title:hover {
  /* @editable properties */
  color: #457C8B;
}

.cbp-l-grid-masonry-projects-desc {
  /* @editable properties */
  font: 400 12px/18px Roboto, sans-serif;
  color: #b2b2b2;
  text-align: center;
}

.cbp-l-grid-team .cbp-caption {
  /* @editable properties */
  border: 1px solid #E7E7E7;
}

.cbp-l-grid-team-name {
  /* @editable properties */
  font: 400 17px/24px "Open Sans", sans-serif;
  color: #456297;
  display: block;
  text-align: center;
  margin-top: 18px;
}

.cbp-l-grid-team-name:hover {
  /* @editable properties */
  color: #34425C;
}

.cbp-l-grid-team-position {
  /* @editable properties */
  font: italic 400 13px/21px "Open Sans", sans-serif;
  color: #999;
  text-align: center;
}

.cbp-l-slider-title-block {
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 22px;
}

.cbp-l-slider-title-block div {
  padding: 0 2px 6px 0;
  display: inline-block;
  border-bottom: 1px solid #a9a5a5;
  color: #5e5e5e;
  margin-bottom: -1px;
  font: 15px/21px Roboto, sans-serif;
}

.cbp-l-grid-slider-team-name {
  float: left;
  font: 20px/30px Roboto, sans-serif;
  color: #494949;
  margin-top: 16px;
}

.cbp-l-grid-slider-team-position {
  clear: both;
  font: 14px/21px Roboto, sans-serif;
  color: #A6A6A6;
}

.cbp-l-grid-slider-team-desc {
  font: 13px/20px Roboto, sans-serif;
  color: #969696;
  margin-top: 15px;
}

.cbp-l-grid-slider-team-social {
  float: right;
  margin-top: 16px;
}

.cbp-l-grid-slider-team-social a {
  color: #737373;
  line-height: 30px;
  margin-left: 6px;
}

.cbp-l-grid-slider-team-social a:hover {
  opacity: 0.8;
}

.cbp-l-slider-testimonials-wrap {
  background: #f8f9f9;
  padding: 80px 0 110px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #dce1e2;
}

.cbp-l-grid-slider-testimonials-body {
  color: #424242;
  max-width: 800px;
  margin: 0 auto;
  font: 20px/32px sans-serif;
  text-align: center;
  padding: 0 20px;
}

.cbp-l-grid-slider-testimonials-footer {
  font: 12px/19px Roboto, sans-serif;
  color: #777;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 30px;
}

.cbp-l-grid-tabs {
  height: 100px;
}

.cbp-l-grid-tabs .cbp-item {
  font: 14px/24px Lato, sans-serif;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  right: 0;
  text-align: center;
  color: #5a5a5a;
}

.cbp-l-testimonials-title-block {
  position: relative;
  text-align: center;
  font: 26px/36px Roboto, sans-serif;
  color: #E7E7E7;
  margin-bottom: 60px;
}

.cbp-l-testimonials-title-block :after {
  content: '';
  position: absolute;
  margin: 0 auto;
  width: 23px;
  height: 2px;
  bottom: -6px;
  background-color: #C2C2C2;
  left: 0;
  right: 0;
}

.cbp-l-testimonials-wrap {
  background: #2D2D2D;
  padding: 60px 0 110px;
}

.cbp-l-grid-testimonials-body {
  color: #e7e7e7;
  max-width: 800px;
  margin: 0 auto;
  font: 20px/32px sans-serif;
  text-align: center;
  padding: 0 20px;
}

.cbp-l-grid-testimonials-footer {
  font: 12px/19px Roboto, sans-serif;
  color: #C2C2C2;
  text-align: center;
  margin-bottom: 40px;
  margin-top: 35px;
}

/* ============================= */
/*	12. Service Box.				 */
/* ============================= */
.service-box {
  text-align: left;
  padding: 0 0px 0 80px;
  margin-bottom: 30px;
}

.service-box.center {
  text-align: center;
}

.service-box .sb-title {
  position: relative;
  display: block;
}

.service-box .sb-title h3 {
  font-size: 18px;
  line-height: normal;
  margin: 0 auto 15px;
  text-transform: capitalize;
  font-weight: 600;
  font-family: lato;
  color: #424242;
  line-height: normal;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.service-box p {
  color: #525252;
  margin-bottom: 15px;
}

.service-box.style1.border {
  background: #fff;
  border-bottom: 2px solid #ddd;
  -webkit-moz-box-shadow: 0 0 0 1px #ddd;
  -moz-moz-box-shadow: 0 0 0 1px #ddd;
  -ms-moz-box-shadow: 0 0 0 1px #ddd;
  -o-moz-box-shadow: 0 0 0 1px #ddd;
  moz-box-shadow: 0 0 0 1px #ddd;
  box-shadow: 0 0 0 1px #ddd;
  text-align: center;
  padding: 65px 15px 30px;
  margin: 65px 0 30px;
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  display: inline-block;
}

.service-box.style1.border .sb-icon-head {
  left: 0;
  position: absolute;
  right: 0;
  top: 24px;
}

.service-box.style1.border .sb-icon {
  line-height: 80px;
  -webkit-moz-border-radius: 100%;
  -moz-moz-border-radius: 100%;
  -ms-moz-border-radius: 100%;
  -o-moz-border-radius: 100%;
  moz-border-radius: 100%;
  border-radius: 100%;
  color: #626262;
  font-size: 33px;
  -webkit-moz-box-shadow: 0 0 0 2px #c2c2c2;
  -moz-moz-box-shadow: 0 0 0 2px #c2c2c2;
  -ms-moz-box-shadow: 0 0 0 2px #c2c2c2;
  -o-moz-box-shadow: 0 0 0 2px #c2c2c2;
  moz-box-shadow: 0 0 0 2px #c2c2c2;
  box-shadow: 0 0 0 2px #c2c2c2;
  background: #fff;
  height: 80px;
  margin: 0 auto 15px;
  position: relative;
  text-align: center;
  width: 80px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.service-box.style1.border .sb-icon i {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

.service-box.style1.border a {
  margin-top: 10px;
}

.service-box.style1.border:hover {
  -webkit-moz-box-shadow: 0 0 0 1px #03A9F4;
  -moz-moz-box-shadow: 0 0 0 1px #03A9F4;
  -ms-moz-box-shadow: 0 0 0 1px #03A9F4;
  -o-moz-box-shadow: 0 0 0 1px #03A9F4;
  moz-box-shadow: 0 0 0 1px #03A9F4;
  box-shadow: 0 0 0 1px #03A9F4;
  background: #03A9F4;
  border-color: #03A9F4;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  backface-visibility: visible !important;
}

.service-box.style1.border:hover .sb-icon {
  -webkit-moz-box-shadow: 0 0 0 3px #fff;
  -moz-moz-box-shadow: 0 0 0 3px #fff;
  -ms-moz-box-shadow: 0 0 0 3px #fff;
  -o-moz-box-shadow: 0 0 0 3px #fff;
  moz-box-shadow: 0 0 0 3px #fff;
  box-shadow: 0 0 0 3px #fff;
  background: #03A9F4;
  color: #fff;
}

.service-box.style1.border:hover .sb-icon i {
  animation-name: zoomInDown;
}

.service-box.style1.border:hover .sb-title h3 {
  color: #fff;
}

.service-box.style1.border:hover p {
  color: #fff;
}

.service-box.style1.border:hover a.btn-readmore {
  border-color: #fff;
  background-color: inherit;
  color: #fff;
}

.service-box.style1.border:hover a.btn-readmore:hover {
  background-color: #fff;
  border-color: #fff;
  color: #424242 !important;
}

.service-box.style1.noborder {
  border: none;
  text-align: center;
  padding: 0;
  margin: 10px auto 30px;
  -webkit-transition: border-color 0.4s linear;
  -moz-transition: border-color 0.4s linear;
  -o-transition: border-color 0.4s linear;
  transition: border-color 0.4s linear;
}

.service-box.style1.noborder .sb-icon-head {
  position: relative;
  margin-bottom: 30px;
}

.service-box.style1.noborder .sb-icon {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-moz-border-radius: 500px;
  -moz-moz-border-radius: 500px;
  -ms-moz-border-radius: 500px;
  -o-moz-border-radius: 500px;
  moz-border-radius: 500px;
  border-radius: 500px;
  color: #626262;
  border: 2px solid #ddd;
  font-size: 33px;
  height: 80px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 80px;
}

.service-box.style1.noborder .sb-icon i {
  animation-fill-mode: both;
  animation-duration: 0.3s;
  line-height: 80px;
}

.service-box.style1.noborder a {
  margin-top: 10px;
}

.service-box.style1.noborder:hover .sb-icon {
  color: #424242;
  border-color: #03A9F4;
  color: #fff;
  background: #03A9F4;
}

.service-box.style1.noborder:hover .sb-icon i {
  animation-name: zoomInDown;
}

.service-box.style2 {
  margin: 0 0 30px;
}

.service-box.style2 .sb-icon-head {
  position: absolute;
  left: 0;
  top: 0;
}

.service-box.style2 .sb-icon {
  -webkit-moz-border-radius: 500px;
  -moz-moz-border-radius: 500px;
  -ms-moz-border-radius: 500px;
  -o-moz-border-radius: 500px;
  moz-border-radius: 500px;
  border-radius: 500px;
  color: #03A9F4;
  background: transparent;
  border: 2px solid #03A9F4;
  font-size: 22px;
  line-height: normal;
  height: 60px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 60px;
}

.service-box.style2 .sb-icon i {
  line-height: 57px;
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

.service-box.style2:hover {
  border-color: #03A9F4;
}

.service-box.style2:hover .sb-icon {
  border-color: #03A9F4;
  background: #03A9F4;
  color: #fff;
}

.service-box.style2:hover .sb-icon i {
  animation-name: zoomInDown;
}

.service-box.style3 {
  margin: 60px 0 30px;
}

.service-box.style3 .sb-icon-head {
  position: absolute;
  left: 0;
  top: 0;
}

.service-box.style3 .sb-icon {
  -webkit-moz-border-radius: 500px;
  -moz-moz-border-radius: 500px;
  -ms-moz-border-radius: 500px;
  -o-moz-border-radius: 500px;
  moz-border-radius: 500px;
  border-radius: 500px;
  color: #03A9F4;
  background: transparent;
  border: 2px solid #03A9F4;
  font-size: 22px;
  line-height: normal;
  height: 60px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 60px;
}

.service-box.style3 .sb-icon i {
  line-height: 57px;
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

.service-box.style3:hover {
  border-color: #03A9F4;
}

.service-box.style3:hover .sb-icon {
  border-color: #03A9F4;
  background: #03A9F4;
  color: #fff;
}

.service-box.style3:hover .sb-icon i {
  animation-name: zoomInDown;
}

.service-box.style4 {
  padding: 0 0px 0 80px;
  text-align: left;
  margin: 0 0 30px;
  position: relative;
}

.service-box.style4 .sb-icon-head {
  position: absolute;
  left: 0;
  top: 0;
}

.service-box.style4 .sb-icon {
  -webkit-moz-border-radius: 500px;
  -moz-moz-border-radius: 500px;
  -ms-moz-border-radius: 500px;
  -o-moz-border-radius: 500px;
  moz-border-radius: 500px;
  border-radius: 500px;
  color: #fff;
  background: #424242;
  font-size: 22px;
  line-height: normal;
  height: 60px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 60px;
}

.service-box.style4 .sb-icon i {
  line-height: 60px;
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

.service-box.style4:hover {
  border-color: #03A9F4;
}

.service-box.style4:hover .sb-icon {
  border-color: #03A9F4;
  background: #03A9F4;
  color: #fff;
}

.service-box.style4:hover .sb-icon i {
  animation-name: zoomInDown;
}

a.link-readmore {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  color: #424242;
  font-size: 13px;
  text-transform: capitalize;
}

a.link-readmore:after {
  content: '\f125';
  font-family: 'Ionicons';
  margin-left: 5px;
  font-size: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a.link-readmore:hover {
  color: #03A9F4;
}

a.link-readmore:hover:after {
  margin-left: 10px;
}

a.btn-readmore {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  cursor: pointer;
  color: #424242;
  background-color: #fff;
  border: 1px solid #c2c2c2;
  white-space: nowrap;
  font-size: 13px;
  padding: 6px 12px;
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
  text-transform: capitalize;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a.btn-readmore:hover {
  border-color: #03A9F4;
  background: #03A9F4;
  color: #fff;
}

a.btn-readmore-def {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  color: #fff;
  background-color: #03A9F4;
  border: 1px solid #03A9F4;
  font-size: 13px;
  padding: 6px 12px;
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
  text-transform: capitalize;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a.btn-readmore-def:hover {
  border-color: #424242;
  background: #424242;
  color: #fff;
}

/* ============================= */
/*	13. Our Team.				 */
/* ============================= */
.team-member .tm-image {
  margin-bottom: 30px;
}

.team-member .tm-image img {
  max-width: 100%;
  width: 100%;
}

.team-member .tm-name {
  margin-bottom: 15px;
}

.team-member .tm-name h4 {
  color: #424242;
  margin: 0 0 7px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
}

.team-member .tm-name span {
  color: #848994;
  text-transform: capitalize;
}

.team-member .tm-info {
  margin-bottom: 20px;
}

.team-member .tm-info p {
  line-height: 24px;
  font-family: 'Open sans', sans-serif;
  color: #848994;
}

ul li {
	list-style: none;
	-webkit-box-shadow: 0px 0px #666666;
	box-shadow: 0px 0px #666666;
}

/*-------------------------------------------------*/
/* =  TEAM PAGE
/*-------------------------------------------------*/
.team_slides {
  margin: 0px auto 30px;
}

.list_team {
  cursor: pointer;
  margin: 15px;
  margin-bottom: 40px;
  -webkit-moz-border-radius: 3px;
  -moz-moz-border-radius: 3px;
  -ms-moz-border-radius: 3px;
  -o-moz-border-radius: 3px;
  moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ecf0f1;
}

.list_team.noslide {
  margin: 0 auto 40px;
}

.list_team .content_team {
  position: relative;
  overflow: hidden;
}

.list_team .content_team::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.list_team .content_team img {
  max-width: 100%;
  width: 100%;
}

.list_team:hover .content_team::before {
  opacity: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.latest-post {
  border-bottom: 1px solid #dedede;
}

.team_detail {
  background: #fff;
  padding: 15px;
}

.team_detail h5 {
  margin-bottom: 0;
  line-height: 24px;
  font-family: helvetica, sans-serif;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
}

.team_detail .jobs {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  font-size: 13px;
  color: #828282;
  text-transform: capitalize;
}

.team_detail p {
  color: #555;
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}

.photo_hover {
  position: absolute;
  bottom: 0;
  left: 0;
}

.photo_hover > ul {
  margin: 0;
}

.photo_hover ul li:last-child {
  margin-bottom: 0;
}

.photo_hover ul li {
  margin-bottom: 1px;
}

.photo_hover ul li a {
  display: block;
  margin-left: -100%;
  text-decoration: none;
  background: #fff;
  text-align: center;
  width: 35px;
  height: 35px;
  line-height: 38px;
  z-index: 999;
}

.photo_hover ul li a i {
  font-size: 16px;
  color: #424242;
}

.photo_hover ul li a:hover i {
  transition: all 0.17s ease-in-out;
  -moz-transition: all 0.17s ease-in-out;
  -webkit-transition: all 0.17s ease-in-out;
  -o-transition: all 0.17s ease-in-out;
}

.photo_hover ul li a.facebook {
  transition: all 0.17s ease-in-out;
  -moz-transition: all 0.17s ease-in-out;
  -webkit-transition: all 0.17s ease-in-out;
  -o-transition: all 0.17s ease-in-out;
}

.photo_hover ul li a.twitter {
  transition: all 0.29s ease-in-out;
  -moz-transition: all 0.29s ease-in-out;
  -webkit-transition: all 0.29s ease-in-out;
  -o-transition: all 0.29s ease-in-out;
  color: #9AE4E8;
}

.photo_hover ul li a.linkedin {
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.photo_hover ul li a.pinterest {
  transition: all 0.57s ease-in-out;
  -moz-transition: all 0.57s ease-in-out;
  -webkit-transition: all 0.57s ease-in-out;
  -o-transition: all 0.57s ease-in-out;
}

.photo_hover ul li a.google-plus {
  transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
}

.photo_hover ul li a:hover.twitter i {
  color: #9AE4E8;
}

.photo_hover ul li a:hover.facebook i {
  color: #3B5998;
}

.photo_hover ul li a:hover.google-plus i {
  color: #d34836;
}

.photo_hover ul li a:hover.linkedin i {
  color: #007bb6;
}

.photo_hover ul li a:hover.pinterest i {
  color: #C92228;
}

.team:hover .photo_hover ul li a {
  margin-left: 0;
  z-index: 999;
}

/* ============================= */
/*	14. Media Video.				 */
/* ============================= */
#videoBg:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  top: 0;
  z-index: 1;
}

.background-video {
  background-position: top center;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
}

video, source {
  bottom: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
}

.loaded::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
  left: 0;
  top: 0;
}

.loaded .ytplayer-container {
  display: block;
}

.loaded .placeholder-image {
  opacity: 0;
}

.ytplayer-container {
  bottom: 0;
  height: 100%;
  left: 0;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.placeholder-image {
  height: 100%;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  top: 0;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}

.ytplayer-shield {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ytplayer-player {
  position: absolute;
}

/* ============================= */
/*	15. Action Box.				 */
/* ============================= */
.action-box {
  /* ========================= */
  /*	Action Box Parallax 	 */
  /* ========================= */
  /* ========================= */
  /*	Action Box Video BG 	 */
  /* ========================= */
  /* ========================= */
  /*	Action Box Big Size 	 */
  /* ========================= */
  /* ========================= */
  /*	Action Box Standard 	 */
  /* ========================= */
  /* ========================= */
  /*	Action Box Standard Text */
  /* ========================= */
}

.action-box .action-box-content {
  z-index: 1;
  position: relative;
}

.action-box .action-box-content h1 {
  color: #fff;
  font-weight: 700;
  line-height: normal;
  margin: 0 auto;
  text-transform: uppercase;
}

.action-box .action-box-content p {
  color: #fff;
}

.action-box .action-box-content a {
  margin-right: 20px;
}

.action-box .action-box-content a:last-child {
  margin-right: 0;
}

.action-box .action-box-content:hover hr.spacer {
  width: 75px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

.action-box#parallax {
  z-index: 0;
}

.action-box#parallax .action-box-content h1 {
  color: #fff;
}

.action-box#VidBG {
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.action-box#VidBG .action-box-content {
  z-index: 1;
  position: relative;
}

.action-box#VidBG .action-box-content h1 {
  color: #fff;
}

.action-box#VidBG .action-box-content p {
  color: #fff;
}

.action-box#VidBG .action-box-content a {
  margin-right: 20px;
}

.action-box#VidBG .action-box-content a:last-child {
  margin-right: 0;
}

.action-box#VidBG .action-box-content:hover hr.spacer {
  width: 75px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

.action-box.big .action-box-content {
  text-align: center;
  margin: 0 auto;
}

.action-box.big .action-box-content h1 {
  margin-bottom: 16px;
  text-transform: uppercase;
  font-size: 40px;
  color: #3b4550;
}

.action-box.big .action-box-content p {
  font-size: 16px;
  line-height: 1.85;
  width: 75%;
  margin: 0 auto 35px;
  color: #3b4550;
}

.action-box.big .action-box-content a {
  margin-right: 20px;
}

.action-box.big .action-box-content a:last-child {
  margin-right: 0;
}

.action-box.big.bg-main {
  background: #03A9F4;
}

.action-box.big.bg-main .action-box-content h1 {
  color: #fff;
}

.action-box.big.bg-main .action-box-content hr.spacer {
  border-top: 2px solid #fff;
}

.action-box.big.bg-main .action-box-content p {
  color: #fff;
}

.action-box.big.bg-white {
  background: #fff;
}

.action-box.big.bg-white .action-box-content h1 {
  color: #3b4550;
}

.action-box.big.bg-white .action-box-content hr.spacer {
  border-top: 2px solid #242424;
}

.action-box.big.bg-white .action-box-content p {
  color: #3b4550;
}

.action-box.big.bg-gray {
  background: #ecf0f1;
}

.action-box.big.bg-dark {
  background: #242424;
}

.action-box.big.bg-dark .action-box-content h1 {
  color: #fff;
}

.action-box.big.bg-dark .action-box-content hr.spacer {
  border-top: 2px solid #fff;
}

.action-box.big.bg-dark .action-box-content p {
  color: #fff;
}

.action-box.standard .action-box-content {
  position: relative;
}

.action-box.standard .action-box-content h1 {
  font-size: 30px;
  float: left;
  color: #424242;
}

.action-box.standard .action-box-content p {
  float: left;
  font-size: 14px;
  line-height: 25px;
}

.action-box.standard .action-box-content a {
  float: right;
}

.action-box.standard .action-box-content .subscribe {
  position: relative;
  float: right;
}

.action-box.standard .action-box-content #subscribe-text {
  border: medium none;
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
  color: #525252;
  display: block;
  float: left;
  margin-right: 12px;
  outline: medium none;
  padding: 10px;
  width: 300px;
  line-height: 1.8;
}

.action-box.standard .action-box-content #subscribe-text::-webkit-input-placeholder {
  color: #9fa4af;
}

.action-box.standard .action-box-content #subscribe-text:-moz-placeholder {
  /* Firefox 18- */
  color: #9fa4af;
}

.action-box.standard .action-box-content #subscribe-text::-moz-placeholder {
  /* Firefox 19+ */
  color: #9fa4af;
}

.action-box.standard .action-box-content #subscribe-text:-ms-input-placeholder {
  color: #9fa4af;
}

.action-box.standard .action-box-content #subscribe-submit {
  float: right;
  padding: 10px 0;
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
  font-weight: 700;
  width: 120px;
}

.action-box.standard.bg-main {
  background: #03A9F4;
}

.action-box.standard.bg-white {
  background: #fff;
}

.action-box.standard.bg-gray {
  background: #ecf0f1;
}

.action-box.standard.bg-dark {
  background: #242424;
}

.action-box.standard.bg-main .action-box-content h1,
.action-box.standard.bg-dark .action-box-content h1 {
  color: #fff;
}

.action-box.standard.bg-main .action-box-content p,
.action-box.standard.bg-dark .action-box-content p {
  color: #fff;
}

.action-box.standard-text .action-box-content {
  position: relative;
}

.action-box.standard-text .action-box-content h1 {
  font-size: 30px;
  float: left;
  color: #424242;
}

.action-box.standard-text .action-box-content p {
  float: left;
  font-size: 14px;
  line-height: 25px;
  width: 70%;
}

.action-box.standard-text .action-box-content a {
  float: right;
}

.action-box.standard-text.bg-main {
  background: #03A9F4;
}

.action-box.standard-text.bg-white {
  background: #fff;
}

.action-box.standard-text.bg-gray {
  background: #ecf0f1;
}

.action-box.standard-text.bg-dark {
  background: #242424;
}

.action-box.standard-text.bg-main .action-box-content h1,
.action-box.standard-text.bg-dark .action-box-content h1 {
  color: #fff;
  margin-bottom: 10px;
}

.action-box.standard-text.bg-main .action-box-content p,
.action-box.standard-text.bg-dark .action-box-content p {
  color: #fff;
  margin-bottom: 0;
}

.action-box.standard-text.bg-main .action-box-content a,
.action-box.standard-text.bg-dark .action-box-content a {
  margin-top: -20px;
}

/* ============================= */
/*	16. Banner Style.		 	 */
/* ============================= */
.banner-page .banner-wrapper {
  position: relative;
  margin: 0 auto;
  display: block;
  text-align: center;
}

.banner-page .bp-content {
  text-align: center;
  color: #fff;
  margin: 0 auto;
}

.banner-page h1 {
  text-transform: capitalize;
  margin: 0 auto;
  font-weight: 600;
  font-family: Open sans;
  font-size: 50px;
  color: #fff;
}

.banner-page p {
  width: 50%;
  color: #fff;
  font-size: 16px;
  font-family: Lato;
  display: inline-block;
  line-height: 25px;
  margin-top: 25px;
}

.banner-breadcrumb {
  position: relative;
  padding: 12px 0;
}

.banner-breadcrumb.default {
  background: #ecf0f1;
}

.banner-breadcrumb.default .breadcrumb.active {
  color: #03A9F4;
}

.banner-breadcrumb.default .breadcrumb li:after {
  color: #525252;
}

.banner-breadcrumb.default .breadcrumb a {
  color: #525252;
}

.banner-breadcrumb.default .breadcrumb a:hover {
  color: #03A9F4;
}

.banner-breadcrumb.style1 {
  background: linear-gradient(90deg, #03A9F4 30%, #82CA9C);
}

.banner-breadcrumb.style1 .breadcrumb .active {
  color: #525252 !important;
}

.banner-breadcrumb.style1 .breadcrumb li:after {
  color: #fff;
}

.banner-breadcrumb.style1 .breadcrumb a {
  color: #fff;
}

.banner-breadcrumb.style1 .breadcrumb a:hover {
  color: #525252;
}

.banner-breadcrumb.style2:before {
  content: '';
  background: transparent url("assets/img/d.jpg") no-repeat scroll 0 0/cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.banner-breadcrumb.style2 .breadcrumb li, .banner-breadcrumb.style2 .breadcrumb a {
  color: #fff;
}

.banner-breadcrumb.style2 .breadcrumb .active {
  color: #424242;
}

.breadcrumb {
  background: transparent;
  margin-bottom: 0;
  position: relative;
}

.breadcrumb li {
  text-transform: capitalize;
  display: inline;
  font-size: 13px;
  color: #525252;
  padding: 0 5px;
}

.breadcrumb li:after {
  content: '\f125';
  font-family: 'Ionicons';
  padding-left: 8px;
  font-size: 10px;
}

.breadcrumb li:first-child {
  padding-left: 0;
}

.breadcrumb li:last-child {
  padding-right: 0;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb .active {
  font-weight: 600;
  color: #03A9F4;
}

.breadcrumb .active a {
  color: #03A9F4;
}

.breadcrumb .labels {
  font-size: 13px;
}

.breadcrumb .labels:after {
  content: '';
  padding: 0;
}

.breadcrumb a {
  color: #525252;
}

.breadcrumb a:hover {
  color: #03A9F4;
}

/* ============================= */
/*	17. Accordions.		 	 */
/* ============================= */
.accordion-box,
.toggle-box {
  position: relative;
}

.accordion-wrapper,
.toggle-wrapper {
  margin-top: 8px;
}

.accordion-wrapper:first-child,
.toggle-wrapper:first-child {
  margin-top: 0px;
}

.accordion-title,
.toggle-title {
  position: relative;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
}

.accordion-title:hover h2,
.toggle-title:hover h2 {
  color: #03A9F4;
}

.accordion-title h2,
.toggle-title h2 {
  color: #424242;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  line-height: 20px;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.accordion-title h2:after,
.toggle-title h2:after {
  position: absolute;
  content: '\f218';
  font-size: 11px;
  width: 20px;
  height: 20px;
  right: 15px;
  text-align: center;
  line-height: 21px;
  color: #fff;
  background: #424242;
  font-family: 'Ionicons';
  -webkit-moz-border-radius: 100px;
  -moz-moz-border-radius: 100px;
  -ms-moz-border-radius: 100px;
  -o-moz-border-radius: 100px;
  moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.accordion-wrapper.active .accordion-title h2:after,
.toggle-wrapper.active .toggle-title h2:after {
  background: #03A9F4;
}

.accordion-wrapper:hover .accordion-title h2:after,
.toggle-wrapper:hover .toggle-title h2:after {
  background: #03A9F4;
}

.accordion-wrapper.active .accordion-title h2,
.toggle-wrapper.active .toggle-title h2 {
  color: #03A9F4;
}

.accordion-wrapper.active .accordion-title h2:after,
.toggle-wrapper.active .toggle-title h2:after {
  content: '\f209';
}

.accordion-content,
.toggle-content {
  display: none;
  padding: 20px;
  overflow: hidden;
  border: 1px solid #ddd;
  border-top: none;
  background: #fff;
}

.accordion-content p,
.toggle-content p {
  margin: 0;
  color: #525252;
  font-size: 13px;
  line-height: 25px;
}

.accordion-wrapper.active .accordion-content,
.toggle-wrapper.active .toggle-content {
  display: block;
}

/* ============================= */
/*	18. Progress Bars.		 	 */
/* ============================= */
.progress-bar-custom {
  position: relative;
}

.progress-bar-custom .pb-title {
  margin: 0 auto;
  display: inline-block;
  line-height: 16px;
  color: #424242;
  font-family: Lato;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.progress-bar-custom .pb-value-bg {
  background: #ecf0f1;
  margin: 0 auto;
  height: auto;
  -webkit-moz-border-radius: 3px;
  -moz-moz-border-radius: 3px;
  -ms-moz-border-radius: 3px;
  -o-moz-border-radius: 3px;
  moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}

.progress-bar-custom .pb-value-bg span {
  line-height: 14px;
  position: absolute;
  display: block;
  text-align: right;
  color: #424242;
  font-family: Lato;
  font-weight: 600;
  font-size: 14px;
}

.progress-bar-custom .pb-value {
  display: block;
  height: 9px;
  -webkit-moz-border-radius: 3px;
  -moz-moz-border-radius: 3px;
  -ms-moz-border-radius: 3px;
  -o-moz-border-radius: 3px;
  moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #03A9F4;
  overflow: hidden;
}

.progress-bar-custom.style1 .pb-title {
  margin-bottom: 11px;
}

.progress-bar-custom.style1 .pb-value-bg {
  margin-bottom: 25px;
  height: 9px;
}

.progress-bar-custom.style1 .pb-value-bg span {
  width: 42px;
  text-align: right;
  top: -25px;
  right: 0;
}

.progress-bar-custom.style2 .pb-title {
  margin-bottom: 0px;
  position: absolute;
  top: 6px;
  left: 10px;
  color: #fff;
  z-index: 1;
}

.progress-bar-custom.style2 .pb-value-bg {
  margin-bottom: 25px;
  background: #ecf0f1;
  height: 28px;
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}

.progress-bar-custom.style2 .pb-value-bg span {
  width: 42px;
  top: 6px;
  right: 10px;
}

.progress-bar-custom.style2 .pb-value {
  height: 28px;
  -webkit-moz-border-radius: 4px 0 0 4px;
  -moz-moz-border-radius: 4px 0 0 4px;
  -ms-moz-border-radius: 4px 0 0 4px;
  -o-moz-border-radius: 4px 0 0 4px;
  moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.progress-bar-custom.style3 .pb-title {
  margin-bottom: 11px;
}

.progress-bar-custom.style3 .pb-value-bg {
  margin-bottom: 21px;
  background: #fff;
  height: 12px;
  border: 1px solid #ddd;
  position: relative;
  -webkit-moz-border-radius: 4px;
  -moz-moz-border-radius: 4px;
  -ms-moz-border-radius: 4px;
  -o-moz-border-radius: 4px;
  moz-border-radius: 4px;
  border-radius: 4px;
}

.progress-bar-custom.style3 .pb-value-bg span {
  position: relative;
  opacity: 0;
  display: inline;
  text-align: center;
  top: -35px;
  color: #fff;
  font-family: Lato;
  font-weight: 600;
  font-size: 12px;
  background: #242424;
  line-height: normal;
  padding: 3px 6px;
  float: right;
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
}

.progress-bar-custom.style3 .pb-value-bg span:after {
  border: solid;
  border-color: #242424 transparent;
  border-width: 7px 6px 0;
  bottom: -5px;
  content: "";
  left: 50%;
  margin-left: -5px;
  position: absolute;
}

.progress-bar-custom.style3 .pb-value {
  height: 10px;
  -webkit-moz-border-radius: 5px;
  -moz-moz-border-radius: 5px;
  -ms-moz-border-radius: 5px;
  -o-moz-border-radius: 5px;
  moz-border-radius: 5px;
  border-radius: 5px;
  border: 3px solid #fff;
  overflow: visible !important;
}

/* ============================= */
/*	19. Widget Style.		 	 */
/* ============================= */
/*
list widget:
	- search - ok
	- text - ok
	- recent post - ok
	- pages - ok
	- meta data - ok
	- tags - ok
	- flickr - ok
	- latest tweet	ok
	- category	ok
	- archieve	oK
	- contact	ok
	- recent comment
	- category dropdown
	- archieve drop down
	- newsletter
	- widget Media(images,video)
 */
.widget {
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}

.widget .title {
  position: relative;
}

.widget .title h3 {
  margin: 0 auto;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
  color: #424242;
}

.widget .title hr.spacer {
  border-top: 2px solid #03A9F4;
  margin: 20px auto;
  width: 50px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  display: inline-block;
}

.widget .content > img {
	margin-bottom: 30px;
	max-width: 280px;
}

.widget .content p {
  color: #525252;
}

.widget .content .social {
  margin-top: 10px;
}

#search_form {
  position: relative;
}

#search_form::after {
  color: #acacac;
  content: '\f21f';
  font-family: 'Ionicons';
  font-size: 18px;
  line-height: 42px;
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
}

#search_form .form-control {
  -webkit-moz-border-radius: 0;
  -moz-moz-border-radius: 0;
  -ms-moz-border-radius: 0;
  -o-moz-border-radius: 0;
  moz-border-radius: 0;
  border-radius: 0;
  height: 40px;
  font-size: 14px;
  background: #f5f6f8;
  font-family: lato;
  display: inline-block;
  width: 100%;
}

#search_form .form-control:focus {
  box-shadow: none;
  border-color: #03A9F4;
}

.recent_posts_widget.list li {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.recent_posts_widget.list li:last-child {
  border-bottom: none;
}

.recent_posts_widget.list a {
  line-height: inherit;
  margin-bottom: 0;
}

.recent_posts_widget.list a i {
  margin-right: 10px;
  font-size: 16px;
}

.recent_posts_widget li {
  display: table;
  margin-top: 8px;
  width: 100%;
}

.recent_posts_widget li:first-child {
  margin-top: 0;
}

.recent_posts_widget .thumbs {
  max-width: 60px;
  float: left;
  margin: 5px 15px 0 0;
}

.recent_posts_widget a {
  color: #424242;
  line-height: 20px;
  margin-bottom: 5px;
  display: block;
  font-family: lato;
  font-size: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.recent_posts_widget a:hover {
  color: #03A9F4;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.recent_posts_widget .meta {
  display: block;
  text-transform: none;
  color: #afafaf;
  margin-top: 1px;
  font-weight: 400;
}

.recent_posts_widget span {
  color: #afafaf;
}

/* Flickr Feed */
.flickr-feed {
  overflow: hidden;
  padding: 0;
}

.flickr-feed li {
  display: block;
  margin: 0px 5px 5px auto;
  position: relative;
  z-index: 0;
  float: left;
  overflow: hidden;
  width: 60px;
  height: 60px;
}

.flickr-feed li:hover img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform: scale(1.2) rotate(5deg);
  -webkit-transform: scale(1.2) rotate(5deg);
  -moz-transform: scale(1.2) rotate(5deg);
  -o-transform: scale(1.2) rotate(5deg);
  -ms-transform: scale(1.2) rotate(5deg);
}

.flickr-feed img {
  margin: 0 auto;
  width: 60px;
  height: 60px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.flickr-feed a {
  display: block;
  overflow: hidden;
  position: absolute;
  width: 60px;
  height: 60px;
  filter: alpha(opacity=0);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  font-family: lato;
  font-size: 14px;
}

.flickr-feed a:hover .hover {
  filter: alpha(opacity=0);
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.flickr-feed a:hover i {
  filter: alpha(opacity=0);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.flickr-feed i {
  display: block;
  position: absolute;
  font-size: 18px;
  color: white;
  line-height: 60px;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  width: 60px;
  height: 60px;
  z-index: 11;
  -webkit-font-smoothing: antialiased;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  text-align: center;
}

.flickr-feed .hover {
  position: absolute;
  width: 60px;
  height: 60px;
  background: #03A9F4;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  z-index: 10;
}

/* Link List */
.categories-list li,
.archieve li,
.pages li,
.meta-link li {
  border-bottom: 1px solid #ddd;
  margin-bottom: 8px;
  display: inline-block;
  width: 100%;
}

.categories-list a,
.archieve a,
.pages a,
.meta-link a {
  line-height: 25px;
  color: #424242;
  text-transform: capitalize;
  display: block;
  padding-bottom: 8px;
  font-family: lato;
  font-size: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.categories-list a:before,
.archieve a:before,
.pages a:before,
.meta-link a:before {
  content: '\f10a';
  font-family: 'Ionicons';
  padding-right: 12px;
  color: #03A9F4;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.categories-list a:hover,
.archieve a:hover,
.pages a:hover,
.meta-link a:hover {
  color: #03A9F4;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.categories-list a:hover span,
.archieve a:hover span,
.pages a:hover span,
.meta-link a:hover span {
  background-color: #03A9F4;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
}

.categories-list a:last-child,
.archieve a:last-child,
.pages a:last-child,
.meta-link a:last-child {
  border-bottom: none;
}

.categories-list span,
.archieve span,
.pages span,
.meta-link span {
  float: right;
  background: #f5f6f8;
  color: #afafaf;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  -webkit-moz-border-radius: 3px;
  -moz-moz-border-radius: 3px;
  -ms-moz-border-radius: 3px;
  -o-moz-border-radius: 3px;
  moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* Tags */
.tags {
  position: relative;
  margin: 0;
}

.tags li {
  display: inline-block;
}

.tags a {
  background-color: #424242;
  -webkit-moz-border-radius: 3px;
  -moz-moz-border-radius: 3px;
  -ms-moz-border-radius: 3px;
  -o-moz-border-radius: 3px;
  moz-border-radius: 3px;
  border-radius: 3px;
  margin-top: 5px;
  display: block;
  padding: 6px 10px;
  margin-right: 2px;
  border: 1px solid #424242;
  line-height: inherit;
  font-family: lato;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.tags a:hover {
  color: #fff !important;
  background: #03A9F4;
  border-color: #03A9F4;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* Twitter feed */
.tweeter-feed {
  list-style: none;
}

.tweeter-feed li {
  position: relative;
  margin-bottom: 10px;
  display: block;
}

.tweeter-feed a {
  color: #424242;
  float: left;
  font-weight: 600;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.tweeter-feed a:hover {
  color: #03A9F4;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.tweeter-feed span {
  display: block;
  float: left;
  width: 100%;
  margin-top: 2px;
  color: #9fa4af;
  font-family: Open sans;
  font-size: 13px;
}

.tweeter-feed .tweets_txt {
  overflow: hidden;
  color: #525252;
  margin-left: 30px;
  font-family: lato;
  font-size: 14px;
  line-height: 24px;
}

.tweeter-feed .tweets_txt a {
  font-family: lato;
  font-size: 14px;
}

.tweeter-feed .no_ava {
  position: relative;
}

.tweeter-feed .no_ava:after {
  color: #03A9F4;
  position: absolute;
  font-size: 18px;
  content: '\f243';
  font-family: Ionicons;
  left: 0;
  top: 0;
}

/* Customize widget color */
#footer-widget a {
  color: #9fa4af;
}

#footer-widget .widget {
  padding-bottom: 15px;
  margin-bottom: 15px;
}

#footer-widget .widget .title h3 {
  color: #fff;
}

#footer-widget .widget .title hr.spacer {
  border-color: #323232;
}

#footer-widget .widget a:hover {
  color: #03A9F4;
}

#footer-widget .content p {
  color: #9fa4af;
  font-weight: 400;
  margin: 0 auto 15px;
}

#footer-widget .content a.more {
  color: #fff;
  margin: 0;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#footer-widget .content a.more:before {
  content: '\f125';
  font-family: 'Ionicons';
  position: absolute;
  right: -10px;
  line-height: 25px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#footer-widget .content a.more:hover {
  color: #03A9F4;
}

#footer-widget .content a.more:hover:before {
  color: #03A9F4;
  right: -15px;
}

#footer-widget .fci {
  position: relative;
  display: inline-block;
  z-index: 0;
}

#footer-widget .fci:after {
  background-image: url("../img/footer-contacts.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: " ";
  height: 100%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: -1;
  left: 0;
}

#footer-widget .recent_posts_widget.list li {
  border-color: #323232;
}

#footer-widget .recent_posts_widget a {
  font-weight: 400;
}

#footer-widget .recent_posts_widget a:hover {
  color: #03A9F4;
}

#footer-widget .recent_posts_widget .meta {
  color: #727272;
  font-weight: 400;
  font-size: 12px;
}

#footer-widget .contact-info p {
  color: #9fa4af;
  line-height: 24px;
  margin: 0 auto 5px;
  padding-left: 24px;
}

#footer-widget .contact-info a:hover {
  color: #03A9F4;
}

#footer-widget .contact-info i {
  color: #9fa4af;
  font-size: 16px;
}

#footer-widget .contact-info span {
  margin-right: 5px;
}

#footer-widget .contact-info li {
  margin-top: 0;
}

#footer-widget .contact-info li:hover a {
  color: #03A9F4;
}

#footer-widget .tags a {
  background-color: #1c1f23;
  border-color: #1c1f23;
}

#footer-widget .tags a:hover {
  background-color: #03A9F4;
  border-color: #03A9F4;
}

#footer-widget .nl-field {
  background: white;
}

.contact-info {
  margin-top: 10px;
}

.contact-info li {
  display: inline-block;
  width: 100%;
  position: relative;
  margin-top: 6px;
}

.contact-info p {
  line-height: 24px;
  position: relative;
  margin: 0;
  padding-left: 30px;
}

.contact-info p:hover a {
  color: #03A9F4;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.contact-info a {
  color: #424242;
  font-size: 13px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.contact-info i {
  float: left;
  line-height: inherit;
  position: absolute;
  left: 0;
  font-size: 22px;
  color: #525252;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.contact-info span {
  font-weight: 600;
  text-transform: capitalize;
}

/* ============================= */
/*	20. Slider Style.		 	 */
/* ============================= */
.slider {
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.default {
  color: #03A9F4;
}

.uppercase {
  text-transform: uppercase !important;
}

.capital {
  text-transform: capitalize !important;
}

.text_lg {
  font-size: 45px;
}

.text_md {
  font-size: 36px;
}

.text_sm {
  font-size: 24px;
}

.text_def {
  font-size: 16px;
}

.bold {
	font-weight: 700;
	-webkit-box-shadow: 0px 0px #666666;
	box-shadow: 0px 0px #666666;
	color: #666666;
}

.bolder {
  font-weight: 900 !important;
}

.custom_title {
  font-weight: 600;
  font-family: Open Sans;
}

.custom_title.fz_50 {
  font-size: 50px;
}

.custom_title.fz_40 {
  font-size: 40px;
}

.custom_title.fz_30 {
  font-size: 30px;
}

.custom_title.fz_35 {
  font-size: 35px;
}

.custom_title.fz_28 {
  font-size: 28px;
}

.custom_title.fz_26 {
  font-size: 26px;
}

.custom_title.fz_24 {
  font-size: 24px;
}

.custom_title.fz_22 {
  font-size: 22px;
}

.custom_title.fz_20 {
  font-size: 20px;
}

.custom_title.dark {
  color: #242424;
}

.custom_title.default {
  color: #03A9F4;
}

.custom_title.white {
  color: #fff;
}

.custom_title.bold {
  font-weight: 700;
}

.custom_title.bolder {
  font-weight: 900;
}

.custom_text {
  position: absolute;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  font-family: 'Open sans', sans-serif;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
}

.custom_text.dark {
  color: #242424;
}

.custom_text.default {
  color: #03A9F4;
}

.custom_text.white {
  color: #fff;
}

.custom_text.fw_600 {
  font-weight: 600;
}

.custom_text.bold {
  font-weight: 700;
}

.custom_text.bolder {
  font-weight: 900;
}

.tp-caption .icons-feature {
  position: relative;
  text-align: left;
  display: inline-block;
}

.tp-caption .icons-feature .icons-feature-head {
  background: inherit;
  height: 80px;
  width: 80px;
  border: 2px solid;
  font-size: 38px;
  display: inline-block;
  text-align: center;
  -webkit-moz-border-radius: 4px;
  -moz-moz-border-radius: 4px;
  -ms-moz-border-radius: 4px;
  -o-moz-border-radius: 4px;
  moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.tp-caption .icons-feature .icons-feature-head i {
  line-height: 78px;
}

.tp-caption .icons-feature .icons-feature-title {
  display: inline-block;
  margin-left: 20px;
  vertical-align: super;
}

.tp-caption .icons-feature .icons-feature-title h3 {
  color: #fff;
  line-height: inherit;
  margin: 0;
  overflow: hidden;
  position: static;
  vertical-align: middle;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.tp-caption .icons-feature .icons-feature-title:hover h3 {
  color: #03A9F4;
}

.tp-caption .icons-feature p {
  margin: 38px 0 38px 20px;
  float: left;
}

.tp-caption .icons-feature.white a {
  color: #fff;
}

.tp-caption .rounded .icons-feature-head {
  -webkit-moz-border-radius: 100%;
  -moz-moz-border-radius: 100%;
  -ms-moz-border-radius: 100%;
  -o-moz-border-radius: 100%;
  moz-border-radius: 100%;
  border-radius: 100%;
}

/* ============================= */
/*	22. Blog Style.		 	 	 */
/* ============================= */
.blog-section {
  z-index: 0;
}

/* ========================= */
/*	Blog Post.		 	 	 */
/* ========================= */
.blog-post {
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}

.blog-post:hover .icon-cat {
  overflow: hidden;
}

.blog-post .post-thumb {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.blog-post .post-feature {
  position: relative;
  margin-bottom: 0;
  display: flex;
}

.blog-post .post-feature iframe {
  border: medium none;
  box-shadow: none;
  margin: 0 auto;
  padding: 0;
  width: 99.99%;
}

.blog-post .post-feature iframe #widget.widget {
  -webkit-moz-border-radius: 0px;
  -moz-moz-border-radius: 0px;
  -ms-moz-border-radius: 0px;
  -o-moz-border-radius: 0px;
  moz-border-radius: 0px;
  border-radius: 0px;
}

.blog-post .post-feature iframe .g-shadow-inset {
  -webkit-moz-box-shadow: 0 0 0 0 transparent !important;
  -moz-moz-box-shadow: 0 0 0 0 transparent !important;
  -ms-moz-box-shadow: 0 0 0 0 transparent !important;
  -o-moz-box-shadow: 0 0 0 0 transparent !important;
  moz-box-shadow: 0 0 0 0 transparent !important;
  box-shadow: 0 0 0 0 transparent !important;
}

.blog-post .post-feature iframe .g-shadow-inset .singleSound {
  -webkit-moz-border-radius: 0 !important;
  -moz-moz-border-radius: 0 !important;
  -ms-moz-border-radius: 0 !important;
  -o-moz-border-radius: 0 !important;
  moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.blog-post .post-feature .widget {
  -webkit-moz-border-radius: 0px;
  -moz-moz-border-radius: 0px;
  -ms-moz-border-radius: 0px;
  -o-moz-border-radius: 0px;
  moz-border-radius: 0px;
  border-radius: 0px;
}

.blog-post .post-info {
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
}

.blog-post .post-info .icon-date {
  background-color: #03A9F4;
  color: #fff;
  display: block;
  height: 50px;
  text-align: center;
  width: 50px;
}

.blog-post .post-info .icon-date span {
  position: relative;
}

.blog-post .post-info .icon-date .date {
  display: inherit;
  font-size: 22px;
  font-weight: 700;
  line-height: 34px;
  position: relative;
  text-align: center;
}

.blog-post .post-info .icon-date .month {
  display: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 0;
  text-transform: uppercase;
}

.blog-post .post-info .icon-cat {
  background: #424242;
  overflow: hidden;
  color: #fff;
  text-align: center;
  font-size: 28px;
  line-height: 50px;
  height: 50px;
  width: 50px;
}

.blog-post .avatar-author {
  bottom: -40px;
  height: 80px;
  position: absolute;
  right: 20px;
  width: 80px;
  z-index: 1;
}

.blog-post .avatar-author img {
  background: #fff;
  -webkit-moz-border-radius: 100%;
  -moz-moz-border-radius: 100%;
  -ms-moz-border-radius: 100%;
  -o-moz-border-radius: 100%;
  moz-border-radius: 100%;
  border-radius: 100%;
  display: block;
  padding: 5px;
  position: relative;
}

.blog-post .post-content {
  -webkit-moz-border-radius: 0 0 2px 2px;
  -moz-moz-border-radius: 0 0 2px 2px;
  -ms-moz-border-radius: 0 0 2px 2px;
  -o-moz-border-radius: 0 0 2px 2px;
  moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  padding: 20px 20px 25px;
  border: 1px solid #ddd;
  border-top: none;
  background: #fff;
}

.blog-post .post-content .post-title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
  color: #424242;
}

.blog-post .post-content .post-title a {
  color: #424242;
  display: block;
  font-weight: 600;
}

.blog-post .post-content .post-title a:hover {
  color: #03A9F4;
}

.blog-post .post-content .post-meta {
  margin-bottom: 15px;
  margin-top: -5px;
}

.blog-post .post-content .post-meta li {
  position: relative;
  padding-left: 20px;
  margin-left: 10px;
  color: #afafaf;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  height: 14px;
  line-height: 14px;
}

.blog-post .post-content .post-meta li:after {
  font-family: 'Ionicons';
  position: absolute;
  left: 0;
  color: #afafaf;
  font-size: 16px;
}

.blog-post .post-content .post-meta li:first-child {
  margin-left: 0;
}

.blog-post .post-content .post-meta .post-author:after {
  content: '\f3a0';
}

.blog-post .post-content .post-meta .post-date:after {
  content: '\f117';
}

.blog-post .post-content .post-meta .post-comments {
  text-transform: capitalize;
}

.blog-post .post-content .post-meta .post-comments:after {
  content: '\f11c';
}

.blog-post .post-content .post-meta a {
  color: #afafaf;
  font-weight: 400;
}

.blog-post .post-content .post-meta a:hover {
  color: #03A9F4;
}

.blog-post .post-content p {
  color: #525252;
  margin-bottom: 20px;
}

/* ========================= */
/*	Blog Style 1.		 	 */
/* ========================= */
.blog_style1 {
  margin-top: 50px;
}

.blog_style1:first-child {
  margin-top: 0;
}

.blog_style1 .blog-post.no-media .post-content {
  border-top: 1px solid #ddd !important;
  padding-left: 65px;
}

/* ========================= */
/*	Blog Style 2.		 	 */
/* ========================= */
.blog_style2 {
  margin-top: 50px;
}

.blog_style2:first-child {
  margin-top: 0;
}

.blog_style2 .post-content {
  padding-left: 70px;
  position: relative;
}

.blog_style2 .no-media .post-content {
  border-top: 1px solid #ddd !important;
}

.blog_style2 .post-thumb img {
  max-height: 450px;
  height: 400px;
  width: 960px;
}

/* ========================= */
/*	Blog Style 4.		 	 */
/* ========================= */
.blog_style4 {
  margin-top: 50px;
}

.blog_style4:first-child {
  margin-top: 0;
}

.blog_style4 .post-content {
  position: relative;
}

.blog_style4 .no-media {
  overflow: visible;
}

.blog_style4 .no-media .post-feature {
  display: none;
}

.blog_style4 .no-media .post-content {
  border-top: 1px solid #ddd;
}

.blog_style4 .no-media .icon-cat {
  overflow: hidden;
  top: 0;
}

.blog_style4 .no-media .icon-date {
  top: 50px;
}

/* ========================= */
/*	Blog Style Full.		 */
/* ========================= */
.full .post-thumb img {
  max-height: 710px;
  height: 710px;
  width: 1200px;
}

.full .video iframe {
  max-height: 710px;
  height: 710px;
  width: 1200px;
}

/* ========================= */
/*	Blog Pagination 		 */
/* ========================= */
.pagination-section {
  background: transparent;
}

.pagination-section.center {
  margin: 30px auto 0;
  float: none;
  text-align: center;
  position: relative;
  display: block;
}

.pagination-section.left {
  float: left;
}

.pagination-section.right {
  float: right;
}

.pagination-section .pagination {
  float: none;
  margin-bottom: 0;
}

.pagination-section .pagination a {
  color: #525252;
  font-weight: 600;
  padding: 10px 16px;
}

.pagination-section .pagination .active a {
  background: #03A9F4;
  color: #fff;
  border-color: #03A9F4;
  z-index: 0;
}

.pagination-section .pagination .active:hover a {
  background: #03A9F4;
  border-color: #03A9F4;
  color: #fff;
}

.pagination-section .pagination li:hover a {
  background: #ddd;
  color: #525252;
  border-color: #ddd;
}

.pagination-section .pagination li:hover:last-child > a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination-section .pagination li:first-child a {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  margin-left: 0;
}

.pagination-section .pagination li:first-child span {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  margin-left: 0;
}

.pagination-section .pagination li:last-child a {
  border-right: 1px solid #ddd;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-left: 0;
}

.pagination-section .pagination a {
  border-right: none;
}

/* ========================= */
/*	Blog Single Post 		 */
/* ========================= */
.single-post {
  margin-bottom: 50px;
}

.single-post .blog-post {
  overflow: visible;
}

.single-post .post-feature {
  margin-bottom: 30px;
}

.single-post .post-content {
  padding: 0 0 20px;
  border: none;
}

.single-post .post-content .post-title {
  text-transform: none;
  font-size: 20px;
}

.single-post .post-content img {
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
}

.single-post .post-content blockquote {
  margin: 30px auto !important;
}

.single-post .post-content .list-default {
  margin-bottom: 20px;
}

.single-post .action-post {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 30px 0;
  position: relative;
  width: 100%;
  display: inline-block;
}

.single-post .meta-tags {
  float: left;
  margin: 10px auto 0;
}

.single-post .meta-tags i {
  font-size: 14px;
  float: left;
  line-height: inherit;
  margin-right: 5px;
}

.single-post .meta-tags > a {
  color: #626262;
  font-size: 14px;
  float: left;
  vertical-align: baseline;
  position: relative;
  margin-left: 4px;
  display: inline-block;
}

.single-post .meta-tags > a:after {
  content: ',';
  padding: 0 2px;
}

.single-post .meta-tags > a:hover {
  color: #03A9F4;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}

.single-post .meta-tags > a:last-child:after {
  content: '';
  padding: 0;
}

.img-left {
  float: left;
  margin-right: 24px;
}

.img-right {
  float: right;
  margin-left: 24px;
}

/* ========================= */
/*	Blog Action (Share) 	 */
/* ========================= */
.post-action-share {
  float: right;
}

.post-action-share span {
  font-size: 14px;
  padding: 0;
  position: relative;
  text-transform: capitalize;
  color: #424242;
}

/* ========================= */
/*	Blog Author section 	 */
/* ========================= */
.profile-author {
  background: #ecf0f1;
  border: 1px solid #ddd;
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  display: block;
  float: left;
  margin-bottom: 50px;
}

.profile-avatar {
  float: left;
  position: relative;
  padding-right: 24px;
}

.profile-avatar img {
  height: 80px;
  width: 80px;
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
  padding: 3px;
  background: #fff;
  overflow: hidden;
}

.profile-desc {
  overflow: hidden;
}

.profile-desc h3.name {
  margin-top: 0;
  margin-bottom: 4px;
  line-height: 1.1;
}

.profile-desc a {
  color: #424242;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}

.profile-desc a:hover {
  color: #03A9F4;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}

.profile-desc h5 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}

.profile-desc h5 a {
  margin-left: 3px;
  font-weight: 600;
}

.profile-desc p {
  margin-top: 15px;
  margin-bottom: 0;
}

/* ========================= */
/*	Blog Pagination single   */
/* ========================= */
.post-pagination {
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  position: relative;
  display: inline-block;
  width: 100%;
}

.post-nav li {
  display: inline;
  float: left;
  width: 50%;
}

.post-nav .previous {
  float: left;
  text-align: left;
  border-right: 1px solid #ddd;
}

.post-nav .previous a {
  padding-right: 34px;
}

.post-nav .previous i {
  left: 0;
}

.post-nav .next {
  float: right;
  text-align: right;
}

.post-nav .next a {
  padding-left: 34px;
}

.post-nav .next i {
  right: 0;
}

.post-nav a {
  display: block;
  padding: 30px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}

.post-nav a i {
  color: #ecf0f1;
  font-size: 23px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}

.post-nav a strong {
  color: #afafaf;
  display: block;
  font-weight: 600;
  text-transform: capitalize;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}

.post-nav a span {
  color: #828282;
  font-size: 15px;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}

.post-nav a:hover span {
  color: #424242;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}

.post-nav a:hover i {
  color: #03A9F4;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}

/* ========================= */
/*	Blog Comments section 	 */
/* ========================= */
.section-comments {
  position: relative;
}

.comment-tittle h3 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  font-family: open sans;
}

.comment-tittle hr.spacer {
  border-top: 2px solid #c2c2c2;
  margin: 18px auto 23px;
  width: 75px;
  display: inline-block;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

#comment-wrapper {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

#comment-wrapper .children {
  margin-left: 90px;
  padding: 0;
}

#comment-block {
  margin: 0;
  padding: 0;
}

.comment-item {
  background: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.avatar {
  float: left;
  max-width: 70px;
  max-height: 70px;
  overflow: hidden;
  position: relative;
}

.avatar img {
  display: block;
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
}

.comment-container {
  background: #fff;
  margin-bottom: 30px;
  margin-left: 90px;
  padding: 20px;
  position: relative;
  border: 1px solid #ddd;
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
}

.comment-container:before {
  background: #fff;
  bottom: auto;
  content: "";
  height: 15px;
  left: -8px;
  position: absolute;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  width: 15px;
}

.comment-name {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  float: left;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding-right: 20px;
}

.comment-name a {
  color: #424242;
}

.comment-name:hover a {
  color: #03A9F4;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.comment-meta {
  margin-bottom: 10px;
}

.comment-date {
  color: #999;
  font-size: 12px;
  padding-left: 20px;
  position: relative;
}

.comment-date:before {
  font-family: Ionicons;
  content: '\f3b3';
  position: absolute;
  left: 0;
  bottom: auto;
  top: auto;
  font-size: 14px;
}

.comment-reply-link {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #424242;
  font-size: 13px;
  padding-left: 20px;
}

.comment-reply-link:before {
  content: '\f21e';
  font-family: Ionicons;
  font-size: 16px;
  left: 0;
  position: absolute;
}

.comment-reply-link:hover {
  color: #03A9F4;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.comment-body p {
  margin-bottom: 0;
}

.comment-form {
  position: relative;
}

.comment-form h3 {
  font-size: 22px;
  line-height: normal;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.comment-form p {
  margin-bottom: 30px;
  color: #626262;
}

.comment-form input[type="text"],
.comment-form input[type="email"] {
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  border: 1px solid #ddd;
  color: #525252;
  height: 40px;
  font-size: 13px;
  box-shadow: none;
  background: #fff;
}

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus {
  -webkit-moz-box-shadow: 0 0 0 0 transparent !important;
  -moz-moz-box-shadow: 0 0 0 0 transparent !important;
  -ms-moz-box-shadow: 0 0 0 0 transparent !important;
  -o-moz-box-shadow: 0 0 0 0 transparent !important;
  moz-box-shadow: 0 0 0 0 transparent !important;
  box-shadow: 0 0 0 0 transparent !important;
  border-color: #03A9F4;
}

.comment-form .form-group {
  float: left;
  margin-bottom: 0;
  width: 100%;
}

.comment-form .form-group input[type='text'],
.comment-form .form-group input[type='email'] {
  margin-bottom: 25px;
  position: relative;
  padding: 10px;
  border: 1px solid #ddd;
  color: #525252;
}

.comment-form .form-group p {
  width: 31.333%;
  margin-left: 3%;
  float: left;
  margin-bottom: 0;
}

.comment-form .form-group p:first-child {
  margin-left: 0;
}

.comment-form textarea {
  line-height: 24px;
  padding: 10px !important;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-moz-box-shadow: 0 0 0 0 transparent !important;
  -moz-moz-box-shadow: 0 0 0 0 transparent !important;
  -ms-moz-box-shadow: 0 0 0 0 transparent !important;
  -o-moz-box-shadow: 0 0 0 0 transparent !important;
  moz-box-shadow: 0 0 0 0 transparent !important;
  box-shadow: 0 0 0 0 transparent !important;
  color: #525252;
  margin-bottom: 20px;
  width: 100%;
}

.comment-form textarea::-webkit-input-placeholder {
  color: #626262;
}

.comment-form textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #626262;
}

.comment-form textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #626262;
}

.comment-form textarea:-ms-input-placeholder {
  color: #626262;
}

.comment-form textarea:focus {
  border-color: #03A9F4;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-moz-box-shadow: 0 0 0 0 transparent !important;
  -moz-moz-box-shadow: 0 0 0 0 transparent !important;
  -ms-moz-box-shadow: 0 0 0 0 transparent !important;
  -o-moz-box-shadow: 0 0 0 0 transparent !important;
  moz-box-shadow: 0 0 0 0 transparent !important;
  box-shadow: 0 0 0 0 transparent !important;
}

/* ============================= */
/*	23. Testimonials.		 	 */
/* ============================= */
#testimoni {
  /* Testimonials */
}

#testimoni .owl-carousel .owl-controlls .owl-buttons div {
  border-color: #ddd;
  color: #fff;
}

#testimoni .owl-carousel .owl-controlls .owl-buttons div:hover {
  border-color: #03A9F4;
  color: #03A9F4;
}

#testimoni .owl-carousel .owl-controlls .disabled {
  border-color: #9fa4af !important;
  color: #9fa4af !important;
}

#testimoni .testimonial-slide .content {
  padding-top: 30px;
  padding-bottom: 20px;
  position: relative;
}

#testimoni .testimonial-slide .content img {
  max-width: 100px;
  margin-bottom: 20px;
}

#testimoni .testimonial-slide .content h3 {
  font-weight: 700;
  font-size: 22px;
  text-transform: capitalize;
  position: relative;
  display: inline-block;
  color: #fff;
}

#testimoni .testimonial-slide .content span {
  font-size: 14px;
  color: #fff;
  line-height: 0.8;
  display: block;
  font-weight: 600;
}

#testimoni .testimonial-slide .content span a {
  padding-left: 2px;
  color: #03A9F4;
}

#testimoni .testimonial-slide .content span a:hover {
  color: #fff;
}

#testimoni .testimonial-slide .content p {
  width: 75%;
  margin: 15px auto 20px;
  font-size: 16px;
  line-height: inherit;
  font-style: normal;
  line-height: 28px;
  position: relative;
  z-index: 10;
  color: #fff;
}

/* Testimonials */
.testimonial-slide .content {
  padding-bottom: 20px;
  position: relative;
}

.testimonial-slide .content img {
  max-width: 100px;
  margin-bottom: 20px;
}

.testimonial-slide .content h3 {
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
  font-family: lato;
  position: relative;
  display: inline-block;
  margin-bottom: 2px;
}

.testimonial-slide .content small {
  font-size: 15px;
  color: #03A9F4;
  font-family: lato;
  text-transform: capitalize;
  display: block;
}

.testimonial-slide .content p {
  width: 75%;
  margin: 15px auto 20px;
  font-size: 20px;
  line-height: inherit;
  font-style: italic;
  line-height: 30px;
  position: relative;
  z-index: 10;
  color: #525252;
}

/* ============================= */
/*	24. Portfolio Style.		 */
/* ============================= */
article {
  position: relative;
  overflow: hidden;
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
  opacity: 1 !important;
  background: #fff;
}

article.style1,
article.style2 {
  position: relative;
}

article .content-hover {
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-transition: all 1500ms ease 0s;
  -moz-transition: all 1500ms ease 0s;
  -o-transition: all 1500ms ease 0s;
  transition: all 1500ms ease 0s;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  top: 0;
  overflow: hidden;
}

article .content-hover .content-data {
  bottom: 0;
  position: absolute;
  width: 100%;
  padding: 10px 20px;
}

article .content-hover .content-data h3 {
  margin: 0;
  color: #fff;
  font-family: lato;
  font-weight: 600;
  line-height: 26px;
  font-size: 18px;
  text-transform: capitalize;
  transform: translateY(20px);
  -ms-transform: translateY(20px);
  /* IE 9 */
  -webkit-transform: translateY(20px);
  /* Chrome, Safari, Opera */
  -webkit-transition: all 0.5s ease 0.2s;
  -moz-transition: all 0.5s ease 0.2s;
  -o-transition: all 0.5s ease 0.2s;
  transition: all 0.5s ease 0.2s;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

article .content-hover .content-data a {
  margin: 0;
  color: #fff;
  text-transform: capitalize;
  font-weight: 600;
  line-height: normal;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

article .content-hover .content-data a:hover {
  color: #03A9F4;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

article .content-hover .content-data .item-category {
  color: #fff !important;
  font-size: 14px;
  font-family: lato;
  font-weight: lighter;
  text-transform: capitalize;
  transform: translateY(30px);
  -ms-transform: translateY(30px);
  /* IE 9 */
  -webkit-transform: translateY(30px);
  /* Chrome, Safari, Opera */
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

article .content-hover .action {
  text-align: center;
  position: absolute;
  bottom: 50%;
  width: 100%;
  margin-top: -15px;
}

article .content-hover .action i {
  line-height: 36px;
  font-size: 18px;
}

article .content-hover .action .link-zoom {
  color: #fff;
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  display: inline-block;
  margin-right: 10px;
  -webkit-moz-border-radius: 100%;
  -moz-moz-border-radius: 100%;
  -ms-moz-border-radius: 100%;
  -o-moz-border-radius: 100%;
  moz-border-radius: 100%;
  border-radius: 100%;
  transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  /* IE 9 */
  -webkit-transform: translateY(-20px);
  /* Chrome, Safari, Opera */
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease 0.1s;
  -moz-transition: all 0.5s ease 0.1s;
  -o-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s;
}

article .content-hover .action .link-detail {
  color: #fff;
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  display: inline-block;
  -webkit-moz-border-radius: 100%;
  -moz-moz-border-radius: 100%;
  -ms-moz-border-radius: 100%;
  -o-moz-border-radius: 100%;
  moz-border-radius: 100%;
  border-radius: 100%;
  transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  /* IE 9 */
  -webkit-transform: translateY(-20px);
  /* Chrome, Safari, Opera */
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease 0.2s;
  -moz-transition: all 0.5s ease 0.2s;
  -o-transition: all 0.5s ease 0.2s;
  transition: all 0.5s ease 0.2s;
}

article:hover .content-hover {
  -webkit-transition: all 1000ms ease 0s;
  -moz-transition: all 1000ms ease 0s;
  -o-transition: all 1000ms ease 0s;
  transition: all 1000ms ease 0s;
  filter: alpha(opacity=0);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

article:hover .action .link-detail {
  transform: translateY(0);
  -ms-transform: translateY(0);
  /* IE 9 */
  -webkit-transform: translateY(0);
  /* Chrome, Safari, Opera */
  -webkit-transition: all 0.5s ease 0.1s;
  -moz-transition: all 0.5s ease 0.1s;
  -o-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s;
  filter: alpha(opacity=0);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

article:hover .action .link-detail:hover {
  border-color: #03A9F4;
  background: #03A9F4;
  -webkit-transition: all 0s linear 0s !important;
  -moz-transition: all 0s linear 0s !important;
  -o-transition: all 0s linear 0s !important;
  transition: all 0s linear 0s !important;
}

article:hover .action .link-zoom {
  transform: translateY(0);
  -ms-transform: translateY(0);
  /* IE 9 */
  -webkit-transform: translateY(0);
  /* Chrome, Safari, Opera */
  -webkit-transition: all 0.5s ease 0.2s;
  -moz-transition: all 0.5s ease 0.2s;
  -o-transition: all 0.5s ease 0.2s;
  transition: all 0.5s ease 0.2s;
  filter: alpha(opacity=0);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

article:hover .action .link-zoom:hover {
  border-color: #03A9F4;
  background: #03A9F4;
  -webkit-transition: all 0s linear 0s !important;
  -moz-transition: all 0s linear 0s !important;
  -o-transition: all 0s linear 0s !important;
  transition: all 0s linear 0s !important;
}

article.style1 {
  -webkit-moz-border-radius: 0;
  -moz-moz-border-radius: 0;
  -ms-moz-border-radius: 0;
  -o-moz-border-radius: 0;
  moz-border-radius: 0;
  border-radius: 0;
}

article.style1 .content .content-hover {
  background: linear-gradient(to bottom, transparent 5%, black 100%) repeat scroll 0 0 transparent;
}

article.style1 .content .content-hover .content-data {
  bottom: 0;
  position: absolute;
  width: 100%;
  padding: 30px;
}

article.style1 .content .content-hover .content-data h3 {
  margin: 0;
  font-weight: 600;
  line-height: 26px;
  text-transform: capitalize;
  transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  /* IE 9 */
  -webkit-transform: translateY(-10px);
  /* Chrome, Safari, Opera */
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

article.style1 .content .content-hover .content-data span.item-category {
  color: #fff;
  margin-bottom: 25px;
  transform: translateY(20px);
  -ms-transform: translateY(20px);
  /* IE 9 */
  -webkit-transform: translateY(20px);
  /* Chrome, Safari, Opera */
  -webkit-transition: all 0.3s ease 0.2s;
  -moz-transition: all 0.3s ease 0.2s;
  -o-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.2s;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  font-style: italic;
}

article.style1 .content:hover .content-hover {
  -webkit-transition: all 1000ms ease 0s;
  -moz-transition: all 1000ms ease 0s;
  -o-transition: all 1000ms ease 0s;
  transition: all 1000ms ease 0s;
  filter: alpha(opacity=0);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

article.style1 .content:hover .content-hover .content-data h3 {
  transform: translateY(0);
  -ms-transform: translateY(0);
  /* IE 9 */
  -webkit-transform: translateY(0);
  /* Chrome, Safari, Opera */
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  filter: alpha(opacity=0);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

article.style1 .content:hover .content-hover .content-data span.item-category {
  color: #c2c2c2;
  transform: translateY(0);
  -ms-transform: translateY(0);
  /* IE 9 */
  -webkit-transform: translateY(0);
  /* Chrome, Safari, Opera */
  -webkit-transition: all 0.4s ease 0.2s;
  -moz-transition: all 0.4s ease 0.2s;
  -o-transition: all 0.4s ease 0.2s;
  transition: all 0.4s ease 0.2s;
  filter: alpha(opacity=0);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

article.style2 {
  -webkit-moz-border-radius: 0;
  -moz-moz-border-radius: 0;
  -ms-moz-border-radius: 0;
  -o-moz-border-radius: 0;
  moz-border-radius: 0;
  border-radius: 0;
}

article.style2 .content {
  position: relative;
}

article.style2 .content .content-hover {
  background: rgba(0, 0, 0, 0.7);
}

article.style2 .content .content-hover .content-data {
  top: 50%;
  position: absolute;
  text-align: center;
  width: 100%;
  margin-top: 10px;
}

article.style2 .content .content-hover .content-data h3 {
  margin: 0;
  font-weight: 600;
  line-height: 26px;
  text-transform: capitalize;
  transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  /* IE 9 */
  -webkit-transform: translateY(-20px);
  /* Chrome, Safari, Opera */
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

article.style2 .content .content-hover .content-data span.item-category {
  transform: translateY(30px);
  -ms-transform: translateY(30px);
  /* IE 9 */
  -webkit-transform: translateY(30px);
  /* Chrome, Safari, Opera */
  -webkit-transition: all 0.3s ease 0.2s;
  -moz-transition: all 0.3s ease 0.2s;
  -o-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.2s;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  font-style: italic;
}

article.style2 .content:hover .content-hover {
  filter: alpha(opacity=0);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

article.style2 .content:hover .content-hover .content-data h3 {
  transform: translateY(0);
  -ms-transform: translateY(0);
  /* IE 9 */
  -webkit-transform: translateY(0);
  /* Chrome, Safari, Opera */
  filter: alpha(opacity=0);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

article.style2 .content:hover .content-hover .content-data .item-category {
  color: #c2c2c2;
  transform: translateY(0);
  -ms-transform: translateY(0);
  /* IE 9 */
  -webkit-transform: translateY(0);
  /* Chrome, Safari, Opera */
  -webkit-transition: all 0.2s ease-in 0.3s;
  -moz-transition: all 0.2s ease-in 0.3s;
  -o-transition: all 0.2s ease-in 0.3s;
  transition: all 0.2s ease-in 0.3s;
  filter: alpha(opacity=0);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

article.style3 .content .content-thumb {
  position: relative;
}

article.style3 .content .content-thumb .content-hover {
  background: rgba(0, 0, 0, 0.7);
}

article.style3 .content .content-thumb .content-hover .action {
  top: 50%;
  margin-top: -15px;
}

article.style3 .content .content-data {
  position: relative;
  padding: 23px 0;
  text-align: center;
  border-bottom: 2px solid #ddd;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

article.style3 .content .content-data h3 {
  margin: 0;
  font-weight: 600;
  line-height: 26px;
  text-transform: capitalize;
}

article.style3 .content .content-data h3 a {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #424242;
}

article.style3 .content .content-data h3 a:hover {
  color: #03A9F4;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

article.style3 .content .content-data span.item-category {
  color: #828282;
  display: block;
}

article.style3 .content:hover .content-data {
  border-bottom-color: #03A9F4;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

article.style4 {
  -webkit-moz-box-shadow: inset 0 0 0 1px #ddd;
  -moz-moz-box-shadow: inset 0 0 0 1px #ddd;
  -ms-moz-box-shadow: inset 0 0 0 1px #ddd;
  -o-moz-box-shadow: inset 0 0 0 1px #ddd;
  moz-box-shadow: inset 0 0 0 1px #ddd;
  box-shadow: inset 0 0 0 1px #ddd;
}

article.style4 .content .content-thumb {
  position: relative;
}

article.style4 .content .content-thumb .content-hover {
  background: rgba(0, 0, 0, 0.7);
}

article.style4 .content .content-thumb .content-hover .action {
  top: 50%;
  margin-top: -15px;
}

article.style4 .content .content-data {
  position: relative;
  padding: 20px 24px;
  text-align: left;
}

article.style4 .content .content-data h3 {
  margin: 0;
}

article.style4 .content .content-data h3 a {
  font-weight: 600;
  line-height: 26px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #424242;
}

article.style4 .content .content-data h3 a:hover {
  color: #03A9F4;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

article.style4 .content .content-data span.item-category {
  color: #828282;
  margin-bottom: 10px;
  display: block;
}

article.style5 {
  width: 100% !important;
  -webkit-moz-box-shadow: inset 0 0 0 1px #ddd;
  -moz-moz-box-shadow: inset 0 0 0 1px #ddd;
  -ms-moz-box-shadow: inset 0 0 0 1px #ddd;
  -o-moz-box-shadow: inset 0 0 0 1px #ddd;
  moz-box-shadow: inset 0 0 0 1px #ddd;
  box-shadow: inset 0 0 0 1px #ddd;
  position: relative;
  overflow: hidden;
}

article.style5:first-child {
  margin-top: 0;
}

article.style5 .content .content-thumb {
  position: relative;
  float: left;
  width: 50%;
}

article.style5 .content .content-thumb .content-hover {
  background: rgba(0, 0, 0, 0.7);
}

article.style5 .content .content-thumb .content-hover .action {
  top: 50%;
  margin-top: -15px;
}

article.style5 .content .content-thumb:nth-child(2) {
  float: right;
}

article.style5 .content .content-data {
  position: relative;
  padding: 30px;
  text-align: left;
  float: right;
  width: 50%;
}

article.style5 .content .content-data h3 {
  margin: 0;
  font-weight: 600;
  line-height: 26px;
  text-transform: capitalize;
}

article.style5 .content .content-data h3 a {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #424242;
}

article.style5 .content .content-data h3 a:hover {
  color: #03A9F4;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

article.style5 .content .content-data span.item-category {
  color: #828282;
  margin-bottom: 10px;
  display: block;
}

article.style5 .content .content-data:nth-child(2) {
  float: left;
}

article.style5 .content .desc {
  margin-bottom: 20px;
}

article.style5.full:nth-child(2n) .content .content-thumb {
  float: right;
}

article.style5.full:nth-child(2n) .content .content-data {
  float: left;
}

article.style5.right .content .content-thumb {
  float: right;
}

article.style5.right .content .content-data {
  float: left;
}

.content-attachment {
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
  display: block;
  overflow: hidden;
  position: relative;
}

.content-attachment .flexslider {
  border: none;
  margin-bottom: 0px;
}

.portfolio-single .portfolio-description {
  margin-bottom: 30px;
}

.portfolio-single .portfolio-detail .meta-detail {
  margin-bottom: 30px;
}

.portfolio-single .portfolio-detail .meta-detail li {
  color: #525252;
  line-height: 30px;
  font-size: 14px;
  font-family: lato;
}

.portfolio-single .portfolio-detail .meta-detail li span {
  font-weight: bold;
  padding-right: 5px;
  font-family: open sans;
  font-size: 13px;
}

.portfolio-single .portfolio-detail .meta-detail li a {
  color: #525252;
}

.portfolio-single .portfolio-detail .meta-detail li a:hover {
  color: #03A9F4;
}

.portfolio-single .portfolio-detail a.btn {
  margin-bottom: 30px;
}

.portfolio-single .shares {
  display: inline-block;
  margin-bottom: 30px;
  vertical-align: baseline;
  word-wrap: break-word;
}

.portfolio-single .shares li span {
  color: #525252;
  font-size: 14px;
  font-weight: 600;
  padding-right: 10px;
  text-transform: capitalize;
}

.portfolio-related {
  margin-top: 15px;
  position: relative;
  display: block;
}

.portfolio-related article {
  margin: 0 1px 50px;
}

#parallax .owl-buttons div {
  border-color: #fff;
  color: #fff;
}

#parallax .owl-buttons div:hover {
  border-color: #03A9F4;
  color: #03A9F4;
}

/* ============================= */
/*	25. Contact Style.		 	 */
/* ============================= */
.contact .description,
.contact .info-contact {
  margin-bottom: 25px;
}

.contact .contact-form {
  position: relative;
}

.contact .contact-form h3 {
  font-family: open sans;
  font-size: 22px;
  line-height: normal;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.contact .contact-form p {
  margin-bottom: 15px;
  color: #626262;
}

.contact .contact-form input[type="text"],
.contact .contact-form input[type="email"] {
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  border: 1px solid #ddd;
  color: #525252;
  height: 44px;
  font-size: 13px;
  box-shadow: none;
  background: #ecf0f1;
}

.contact .contact-form input[type="text"]:focus,
.contact .contact-form input[type="email"]:focus {
  -webkit-moz-box-shadow: 0 0 0 0 transparent;
  -moz-moz-box-shadow: 0 0 0 0 transparent;
  -ms-moz-box-shadow: 0 0 0 0 transparent;
  -o-moz-box-shadow: 0 0 0 0 transparent;
  moz-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
  border-color: #03A9F4;
}

.contact .contact-form .form-group {
  float: left;
  margin-bottom: 0;
  width: 100%;
}

.contact .contact-form .form-group input[type="text"],
.contact .contact-form .form-group input[type="email"] {
  margin-bottom: 25px;
  position: relative;
  background: #FBFBFB;
  padding: 10px;
  border: 1px solid #ddd;
  color: #525252;
}

.contact .contact-form .form-group p {
  width: 48.333%;
  margin-left: 3%;
  float: left;
  margin-bottom: 0;
}

.contact .contact-form .form-group p:first-child {
  margin-left: 0;
}

.contact .contact-form .form-group p.subject {
  margin-left: 0;
}

.contact .contact-form label {
  font-size: 13px;
  font-weight: 600;
  color: #525252;
}

.contact .contact-form textarea {
  font-size: 13px;
  line-height: 24px;
  padding: 10px;
  background: #FBFBFB;
  border: 1px solid #ddd;
  -webkit-moz-box-shadow: 0 0 0 0 transparent;
  -moz-moz-box-shadow: 0 0 0 0 transparent;
  -ms-moz-box-shadow: 0 0 0 0 transparent;
  -o-moz-box-shadow: 0 0 0 0 transparent;
  moz-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
  color: #525252;
  margin-bottom: 20px;
  width: 100%;
}

.contact .contact-form textarea::-webkit-input-placeholder {
  color: #9fa4af;
}

.contact .contact-form textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #9fa4af;
}

.contact .contact-form textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #9fa4af;
}

.contact .contact-form textarea:-ms-input-placeholder {
  color: #9fa4af;
}

.contact .contact-form textarea:focus {
  border-color: #03A9F4;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-moz-box-shadow: 0 0 0 0 transparent;
  -moz-moz-box-shadow: 0 0 0 0 transparent;
  -ms-moz-box-shadow: 0 0 0 0 transparent;
  -o-moz-box-shadow: 0 0 0 0 transparent;
  moz-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
  outline: none;
}

/* ============================= */
/*	26. Shortcodes. 		 	 */
/* ============================= */
.heading {
  text-align: center;
  margin-bottom: 60px;
  display: inline-block;
}

.heading h1 {
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  font-size: 40px;
}

.heading h1 span {
  color: #03A9F4;
}

.heading h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 40px;
  color: #424242;
}

.heading h3 span {
  color: #03A9F4;
}

.heading hr.spacer {
  border-top: 2px solid #c2c2c2;
  margin: 27px auto 23px;
  width: 75px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  padding: 0;
}

.heading p {
  width: 75%;
  margin: 0 auto;
  line-height: 1.85;
  color: #424242;
  font-weight: 400;
  font-size: 16px;
  font-family: Open sans;
}

.feature-content-page {
  padding: 60px 0 60px 60px;
}

.feature-content-page.apdr20 {
  padding-right: 20px !important;
}

.feature-content-page.apdr30 {
  padding-right: 30px !important;
}

.feature-content-page.apdr40 {
  padding-right: 40px !important;
}

.feature-content-page.nopdl {
  padding-left: 0 !important;
}

.feature-content-page .service-box:first-child {
  margin-top: 0;
}

.feature-content-page .service-box:last-child {
  margin-bottom: 0;
}

.feature-content-page .service-box p {
  margin-bottom: 0;
}

.feature-content-page .content-title {
  position: relative;
}

.feature-content-page .content-title h3 {
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.3;
  font-size: 24px;
}

.feature-content-page .content-title hr.spacer {
  border-top: 2px solid #ddd;
  margin: 18px auto 20px;
  width: 75px;
  display: inline-block;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

.feature-content-page p {
  color: #525252;
  margin-bottom: 20px;
}

.content-title {
  position: relative;
}

.content-title h3 {
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase !important;
  font-weight: 600;
  line-height: 1.3;
  font-size: 24px;
}

.content-title hr.spacer {
  border-top: 2px solid #ddd;
  margin: 18px auto 20px;
  width: 75px;
  display: inline-block;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

/* PRALLAX */
#parallax, #testimoni, #banner {
  background-attachment: fixed;
  background-repeat: no-repeat;
  position: relative;
}

#parallax:before, #testimoni:before, #banner:before {
  background-color: rgba(0, 0, 0, 0.6);
  content: " ";
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

#parallax .parallax-content, #testimoni .parallax-content, #banner .parallax-content {
  position: relative;
  z-index: 0;
  color: #fff;
}

#parallax h3, #testimoni h3, #banner h3 {
  font-size: 40px;
  color: #fff;
  margin: 0 auto auto;
}

#parallax p, #testimoni p, #banner p {
  color: #fff;
  margin: 15px auto 30px;
  font-size: 16px;
}

#parallax .heading, #testimoni .heading, #banner .heading {
  margin-bottom: 0px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

#banner p {
  margin-bottom: 0;
}

.parallax-content {
  position: relative;
  z-index: 10;
  color: #fff;
}

.parallax-content h3 {
  font-size: 40px;
  color: #fff;
  margin: 0 auto auto;
}

.parallax-content p {
  color: #fff;
  margin: 15px auto 30px;
  font-size: 16px;
  font-weight: 400;
}

/* Counter Number */
.counter_number {
  text-align: center;
  margin: 8px auto 30px;
}

.counter_number .head-icons {
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ddd;
  width: 100px;
  height: 100px;
  margin: 0 auto 26px;
  display: block;
  font-size: 46px;
}

.counter_number i {
  color: #525252;
  animation-fill-mode: both;
  animation-duration: 0.3s;
  line-height: 100px;
}

.counter_number span {
  font-size: 40px;
  color: #525252;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 1.5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.counter_number p {
  text-transform: uppercase;
  font-size: 18px;
  color: #525252;
  font-weight: 600;
}

.counter_number hr.spacer {
  border-top: 2px solid #ddd;
  margin: 17px auto 13px;
  width: 75px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

.counter_number:hover {
  cursor: pointer;
}

.counter_number:hover .head-icons {
  background: #03A9F4;
  border-color: #03A9F4;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.counter_number:hover i {
  color: #fff;
  animation-name: zoomIn;
}

.counter_number:hover span {
  color: #03A9F4;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#parallax .counter_number p, #parallax .counter_number span, #parallax .counter_number i {
  color: #fff;
}

#parallax .counter_number:hover span {
  color: #03A9F4;
}

/* List Style */
.list-default {
  margin-bottom: 0;
}

.list-default li {
  list-style: outside none none !important;
  padding-left: 22px;
  position: relative;
  line-height: 30px;
}

.list-default li:hover a, .list-default li:hover i {
  color: #03A9F4;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.list-default i {
  color: #525252;
  font-size: 14px;
  left: 0;
  position: absolute;
}

.list-default p, .list-default a {
  color: #525252;
  text-align: left;
}

.list-default.icon-color i {
  color: #03A9F4;
}

.client {
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.client img {
  border: 1px solid transparent;
  padding: 0 5px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.client img:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: 1px solid #ddd;
}

.media-content iframe {
  border: 0;
}

iframe {
  border: 0;
}

.typography h3,
.blockquote h3 {
  text-transform: capitalize;
  font-weight: 700;
}

blockquote.blockquote {
  padding: 20px 15px 20px 30px;
  margin: 0 0 50px;
}

blockquote.blockquote p {
  font-family: lato;
  line-height: 30px;
  font-style: italic;
  font-size: 20px;
  margin-bottom: 0 !important;
  color: #424242;
}

blockquote.blockquote p small {
  margin-top: 20px;
  color: #03A9F4;
  color: #50a2de;
  font-size: 14px !important;
}

blockquote.blockquote p small cite {
  display: block;
  font-size: 14px;
  font-style: normal;
  padding-top: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

blockquote.blockquote p cite {
  color: #03A9F4 !important;
  display: block;
  font-size: 14px;
  font-style: normal;
  padding-top: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

blockquote.style1 {
  border-left-color: #03A9F4;
}

blockquote.style2 {
  border-left: none;
  position: relative;
}

blockquote.style2:before {
  position: absolute;
  content: '\f347';
  font-family: 'Ionicons';
  top: 0;
  left: 0;
  font-size: 24px;
}

blockquote.style2:after {
  position: absolute;
  content: '\f347';
  font-family: 'Ionicons';
  right: 0;
  bottom: 0;
  font-size: 24px;
  transform: rotate(180deg);
}

blockquote.style3 {
  border-left: none;
  background: #ecf0f1;
  border: 1px solid #ddd;
}

blockquote.style4 {
  border-left: none;
  background: #03A9F4;
}

blockquote.style4 p {
  color: #fff;
}

blockquote.style4 p small {
  color: #fff;
}

blockquote.style4 p small cite {
  color: #fff !important;
}

.dropcap {
  color: #525252;
  display: block;
  float: left;
  font-size: 44px;
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
}

.dropcap1 {
  background: #03A9F4;
  color: #fff;
  display: block;
  float: left;
  font-size: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  padding: 0 5px;
}

.highlight1 {
  border-bottom: 1px dotted #03A9F4;
  color: #03A9F4;
  cursor: help;
  display: inline-block;
}

.highlight2 {
  background: #03A9F4;
  color: #fff;
  display: inline-block;
  padding: 0 3px 1px;
}

.highlight3 {
  background: #0288D1;
  color: #fff;
  display: inline-block;
  padding: 0 5px 1px;
}

/*-------------------------------------------------*/
/* =  TABS CONTENT
/*-------------------------------------------------*/
.tabs-nav {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.tabs-nav li {
  float: left;
  line-height: 38px;
  overflow: hidden;
  padding: 0;
  position: relative;
  border: 1px solid #ddd;
  border-top-width: 2px;
  border-right: none;
}

.tabs-nav li:hover {
  border-bottom-color: transparent;
  border-top-color: #03A9F4;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.tabs-nav li:hover a {
  background: #fff;
}

.tabs-nav li.active {
  border-top-color: #03A9F4;
  border-bottom-color: #fff;
  color: #424242;
}

.tabs-nav li.active a {
  background: #fff;
  color: #03A9F4;
}

.tabs-nav li.active a i {
  color: #03A9F4;
}

.tabs-nav a {
  background-color: #ecf0f1;
  color: #626262;
  font-weight: 500;
  font-size: 14px;
  font-family: lato;
  display: block;
  letter-spacing: 0;
  outline: none;
  padding: 0 20px;
  text-decoration: none;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.tabs-nav i {
  font-size: inherit;
  margin: 0 auto;
  padding: 0 5px;
}

.tabs-nav span {
  margin-left: -7px;
}

.tabs-nav li:first-child {
  border-left: 1px solid #ddd;
}

.tabs-nav li:last-child {
  border-right: 1px solid #ddd;
}

.tab-content {
  padding: 20px;
}

.tab-content h1, .tab-content h2,
.tab-content h3, .tab-content h4,
.tab-content h5, .tab-content h6 {
  margin-bottom: 10px;
}

.tabs-container {
  border: 1px solid #ddd;
  margin: -1px 0 30px 0;
  overflow: hidden;
  width: 100%;
  line-height: 22px;
}

.widget_content .tabs-nav li a {
  padding: 0 10px;
}

/* Tabs : Vertical Left Menu  */
.vertical-left-menu {
  position: relative;
}

.vertical-left-menu .tabs-container {
  width: auto;
  margin: 0 0 20px;
  position: relative;
  z-index: 0;
}

.vertical-left-menu .tabs-nav {
  width: auto;
  float: left;
  z-index: 1;
  margin-right: -1px;
  position: relative;
}

.vertical-left-menu .tabs-nav li {
  float: none;
  border: 1px solid #ddd;
  border-left: 2px solid #ddd;
  border-bottom: none;
}

.vertical-left-menu .tabs-nav li.active {
  border-top: 1px solid #ddd;
  border-left: 2px solid #03A9F4;
  border-right: 1px solid #fff;
}

.vertical-left-menu .tabs-nav li:last-child {
  border-bottom: 1px solid #ddd;
}

.vertical-left-menu .tabs-nav li:hover {
  border-left-color: #03A9F4;
}

.vertical-left-menu .tabs-nav a {
  padding: 3px 20px;
}

.vertical-right-menu {
  position: relative;
}

.vertical-right-menu .tabs-container {
  width: auto;
  margin: 0 0 20px;
  position: relative;
  z-index: 0;
}

.vertical-right-menu .tabs-nav {
  width: auto;
  float: right;
  z-index: 1;
  margin-left: -1px;
  position: relative;
}

.vertical-right-menu .tabs-nav li {
  float: none;
  border: 1px solid #ddd;
  border-right: 2px solid #ddd;
  border-bottom: none;
}

.vertical-right-menu .tabs-nav li.active {
  border-left: 1px solid #fff;
  border-right: 2px solid #03A9F4;
}

.vertical-right-menu .tabs-nav li:last-child {
  border-bottom: 1px solid #ddd;
}

.vertical-right-menu .tabs-nav li:hover {
  border-right-color: #03A9F4;
}

.vertical-right-menu .tabs-nav a {
  padding: 3px 20px;
}

.bottom-menu {
  position: relative;
}

.bottom-menu .tabs-nav {
  position: absolute;
  bottom: -39px;
}

.bottom-menu .tabs-nav li {
  border: 1px solid #ddd;
  border-right: none;
  border-bottom-width: 2px !important;
}

.bottom-menu .tabs-nav li:hover {
  border-bottom-color: #03A9F4;
}

.bottom-menu .tabs-nav li.active {
  border-top: 1px solid #fff;
  border-bottom: 2px solid #03A9F4;
}

.bottom-menu .tabs-nav li:last-child {
  border-right: 1px solid #ddd;
}

.shortcodes .section-sc {
  margin-bottom: 60px;
  padding-bottom: 30px;
}

/* 404 Pages */
.error404 {
  text-align: center;
}

.error404 p {
  margin-bottom: 30px;
  position: relative;
}

.error404 .main-text {
  color: #424242;
  font-family: Lato;
  font-size: 200px;
  font-weight: 900;
  line-height: 200px;
}

.error404 .second-text {
  color: #626262;
  font-family: Lato;
  font-size: 18px;
  line-height: 18px;
}

.pricing-table {
  text-align: center;
  border: 1px solid #ddd;
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 30px;
}

.pricing-table.special .header {
  background: #03A9F4;
}

.pricing-table.special .title,
.pricing-table.special .value {
  color: #fff;
}

.pricing-table .header {
  background: #ecf0f1;
  margin-bottom: 0;
  padding: 30px 0 0;
  position: relative;
  text-align: center;
}

.pricing-table .title {
  color: #424242;
  display: block;
  font-family: Lato;
  font-size: 20px;
  font-weight: 700;
  padding-top: 5px;
  padding-bottom: 0;
  text-transform: uppercase;
}

.pricing-table .value {
  color: #424242;
  padding-bottom: 30px;
  padding-top: 10px;
  position: relative;
  margin-right: 5px;
  /* Fonting */
  font-family: Lato;
  font-size: 60px;
  font-weight: 700;
}

.pricing-table .price {
  line-height: 60px;
}

.pricing-table .schedul {
  display: block;
  font-size: 14px;
  margin-top: 2px;
  font-weight: 400;
}

.pricing-table .content ul {
  margin-bottom: 0;
}

.pricing-table .content li {
  border-top: 1px solid #ddd;
  padding: 10px 0;
}

.pricing-table .content li:last-child {
  border-bottom: 1px solid #ddd;
}

.pricing-table .content strong {
  padding-right: 5px;
  color: #424242;
}

.pricing-table .action {
  padding: 30px 20px;
}

.pricing-table .action a {
  text-transform: uppercase;
  font-size: 14px;
  padding: 12px 20px;
  line-height: 14px;
}

.alert strong {
  padding-right: 10px;
}

/* ============================= */
/*	*. Button Customs. 		 	 */
/* ============================= */
.btn.rounded {
  -webkit-moz-border-radius: 50px !important;
  -moz-moz-border-radius: 50px !important;
  -ms-moz-border-radius: 50px !important;
  -o-moz-border-radius: 50px !important;
  moz-border-radius: 50px !important;
  border-radius: 50px !important;
}

.btn {
  -webkit-moz-border-radius: 2px !important;
  -moz-moz-border-radius: 2px !important;
  -ms-moz-border-radius: 2px !important;
  -o-moz-border-radius: 2px !important;
  moz-border-radius: 2px !important;
  border-radius: 2px !important;
  border-width: 2px;
}

.btn i {
  margin-left: 10px;
  font-size: inherit;
}

.btn-line {
  color: #424242;
  background: transparent;
  border: 2px solid #424242;
  /* Fonts */
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  line-height: 1.4;
  text-transform: capitalize;
}

.btn-line.white {
  color: #fff;
  border-color: #fff;
}

.btn-line.primary {
  color: #03A9F4;
  border-color: #03A9F4;
}

.btn-line.primary:hover {
  background: #03A9F4;
  color: #fff;
}

.btn-line-dark {
  color: #424242;
  background-color: transparent;
  border-color: #424242;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  line-height: 1.4;
  text-transform: capitalize;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
}

.btn-line-dark.bold {
  font-weight: 700;
}

.btn-line-dark.bolder {
  font-weight: 900;
}

.btn-line-dark.uppercase {
  font-style: uppercase;
}

.btn-line-dark:hover {
  color: #fff;
  background-color: #424242;
  border-color: #424242;
  outline: none;
}

.btn-line-white {
  color: #fff !important;
  background-color: transparent;
  border-color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  line-height: 1.4;
  text-transform: capitalize;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-moz-border-radius: 2px;
  -moz-moz-border-radius: 2px;
  -ms-moz-border-radius: 2px;
  -o-moz-border-radius: 2px;
  moz-border-radius: 2px;
  border-radius: 2px;
}

.btn-line-white.bold {
  font-weight: 700;
}

.btn-line-white.bolder {
  font-weight: 900;
}

.btn-line-white.uppercase {
  font-style: uppercase;
}

.btn-line-white:hover {
  color: #03A9F4 !important;
  background-color: #fff;
  border-color: #fff;
  outline: none;
}

.btn-line-defcol {
  color: #03A9F4;
  background-color: transparent;
  border-color: #03A9F4;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  line-height: 1.4;
  text-transform: capitalize;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.btn-line-defcol.bold {
  font-weight: 700;
}

.btn-line-defcol.bolder {
  font-weight: 900;
}

.btn-line-defcol.uppercase {
  font-style: uppercase;
}

.btn-line-defcol:hover {
  color: #fff !important;
  background-color: #03A9F4;
  border-color: #03A9F4;
  outline: none;
}

/* Background Button */
.btn-bg-white {
  color: #424242;
  background-color: #fff !important;
  border-color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  line-height: 1.4;
  text-transform: capitalize;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.btn-bg-white.bold {
  font-weight: 700;
}

.btn-bg-white.bolder {
  font-weight: 900;
}

.btn-bg-white.uppercase {
  font-style: uppercase;
}

.btn-bg-white:hover {
  color: #fff !important;
  background-color: #424242 !important;
  border-color: #424242 !important;
  outline: none;
}

.btn-bg-default {
  color: #fff !important;
  background-color: #03A9F4;
  border-color: #03A9F4;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  line-height: 1.4;
  text-transform: capitalize;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.btn-bg-default.uppercase {
  font-style: uppercase;
}

.btn-bg-default.bold {
  font-weight: 700;
}

.btn-bg-default.bolder {
  font-weight: 900;
}

.btn-bg-default:hover {
  color: #fff;
  background-color: #424242;
  border-color: #424242;
  outline: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

/* ============================= */
/*	27. Footer.					 */
/* ============================= */
#footer-widget {
  padding-top: 80px;
  padding-bottom: 40px;
}

#footer-widget .social li {
  line-height: 40px;
}

#footer-widget .social a {
  width: 40px;
}

#footer-bottom {
  padding: 30px 0;
}

#footer-bottom .copyright {
  margin: 8px auto;
  color: #626262;
}

#footer-bottom p a {
  color: #fff;
  text-transform: capitalize;
  margin-left: 4px;
  font-weight: 600;
}

#footer-bottom p a:hover {
  color: #03A9F4;
}

/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 999999;
  /* makes sure it stays on top */
}

#preloader span {
  display: block;
  width: 9px;
  height: 5px;
  background: #9b59b6;
  position: absolute;
  animation: preloader 1.5s infinite ease-in-out;
  left: 50%;
  bottom: 50%;
  margin-left: -30px;
}

#preloader span:nth-child(2) {
  left: 51%;
  animation-delay: .2s;
}

#preloader span:nth-child(3) {
  left: 52%;
  animation-delay: .4s;
}

#preloader span:nth-child(4) {
  left: 53%;
  animation-delay: .6s;
}

#preloader span:nth-child(5) {
  left: 54%;
  animation-delay: .8s;
}

@keyframes preloader {
  0% {
    height: 5px;
    transform: translateY(0px);
    background: #9b59b6;
  }
  25% {
    height: 30px;
    transform: translateY(15px);
    background: #03A9F4;
  }
  50% {
    height: 5px;
    transform: translateY(0px);
    background: #9b59b6;
  }
  100% {
    height: 5px;
    transform: translateY(0px);
    background: #9b59b6;
  }
}

/* ============================= */
/*	28. Responsive.				 */
/* ============================= */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .heading h3 {
    line-height: normal;
  }
  .heading p {
    width: 100%;
  }
  .heading h3 {
    line-height: normal;
  }
  .owl-carousel .owl-item {
    text-align: center;
  }
  nav {
    float: none !important;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: #232425;
    z-index: 100000;
    overflow-x: hidden;
    display: none;
    box-shadow: none;
  }
  nav > ul {
    padding-left: 30px;
    padding-bottom: 30px;
    width: 100%;
    float: left;
    position: relative;
    border-right: 1px solid #e8eaec;
  }
  nav > ul > li {
    display: block;
    float: none;
    text-align: left;
  }
  nav > ul > li > a {
    display: block;
    width: 100%;
    text-align: left;
    margin-left: 0;
    padding-bottom: 0;
    font-weight: 700;
  }
  nav > ul > li > a > i {
    display: none;
  }
  nav > ul > li > ul:before {
    display: none;
  }
  nav > ul > .sub-mneu > a::after {
    display: none !important;
  }
  nav > ul > .sub-mneu > a::after {
    display: none;
  }
  nav > ul > .sub-mneu:hover > a::after {
    display: none;
  }
  nav > ul > .sub-mneu:hover::before {
    display: none;
  }
  nav > ul > li.sub-menu > a::after {
    display: none;
  }
  #header-default .header-menu nav {
    width: 75%;
  }
  #header-style2 .header-top {
    padding: 0;
  }
  #header-style2 .header-top #logo {
    line-height: 100px;
  }
  .main-nav {
    width: 35%;
    margin: 0 !important;
    background: #fff;
  }
  .main-nav > ul {
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .main-nav > ul > li {
    line-height: normal;
  }
  .main-nav > ul > li a {
    line-height: normal;
    padding: 0;
    margin: 0;
    text-align: left;
  }
  .main-nav > ul > li > ul > li > a {
    line-height: normal;
  }
  .main-nav > ul > li ul {
    padding: 5px 0px 10px 0;
    display: block !important;
    position: relative;
    border: none;
    background: inherit;
    margin-bottom: 10px;
  }
  .main-nav > ul > li ul > li {
    border: none;
  }
  .main-nav > ul > li ul > li ul {
    margin-left: 0;
    margin-bottom: 10px;
    padding: 0 10px !important;
    display: block;
    position: relative;
    left: 0;
    border: none;
  }
  .main-nav > ul > li ul > li ul li {
    border: none;
  }
  .main-nav > ul > li ul > li ul li ul {
    display: block;
    position: relative;
    left: 0;
  }
  .main-nav > ul .sub-menu a {
    line-height: normal;
  }
  .main-nav > ul .sub-menu > a:after {
    display: none;
  }
  .main-nav > ul .megaMenu {
    padding: 0;
    display: block;
    position: relative;
    border: none;
    background: inherit;
  }
  .main-nav > ul .megaMenu .megaMenu-inner {
    border: none;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul {
    display: block !important;
    border: none !important;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul li {
    display: block !important;
    width: 100%;
    float: left;
    margin: 0;
    border: none;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul .sub-menu > span {
    padding: 0;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul .sub-menu > ul {
    padding: 5px 0px 10px 20px;
    border: none;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul .sub-menu > ul:before {
    display: none;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul .sub-menu > ul li {
    padding: 5px 0;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul .sub-menu > ul li a {
    padding: 10px;
    line-height: normal;
  }
  .main-nav > ul .megaMenu .megaMenu-inner li span {
    padding: 5px 10px 3px;
  }
  .main-nav > ul .megaMenu .megaMenu-inner li ul:before {
    display: none;
  }
  /* Search nav menu */
  .search-box-wrapper {
    top: 100px;
  }
  .search-icon {
    margin: 0;
  }
  .search-icon i {
    color: #444;
    margin: 0;
    z-index: 0;
    top: 0;
  }
  ul.contact-top {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  ul.contact-top.border li {
    float: none;
    padding: 0;
    padding-right: 15px;
    border: none;
  }
  ul.contact-top.border li:last-child {
    padding: 0;
    border: none;
  }
  .header-top {
    max-height: 46px;
  }
  .footer-menu {
    background: transparent;
    display: inline-block;
    text-align: center;
    margin: 5px auto;
    position: relative;
    float: none;
  }
  .footer-inner {
    display: flex;
    padding: 0;
    border: none;
  }
  .footer-inner li {
    float: left;
  }
  .footer-inner a {
    padding: 0 7px;
  }
  #footer-widget .widget {
    padding-bottom: 30px;
    margin-bottom: 30px;
    display: inline-block;
  }
  .aboutCarousel .carousel-content {
    height: 300px;
    margin-bottom: 0;
    margin-top: 20px;
  }
  .bp-content p {
    width: 100%;
  }
  .breadcrumb {
    padding: 5px 0;
  }
  .breadcrumb .labels {
    display: none !important;
  }
  .breadcrumb > li + li::before {
    content: '';
    padding: 0;
    color: inherit;
  }
  .skill {
    margin-top: 20px;
    padding-top: 20px;
  }
  /* Services box */
  .service-box.style1.border {
    margin-bottom: 20px;
  }
  .service-box.style1.noborder {
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .service-box.style2,
  .service-box.style4 {
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 0;
  }
  #VidBG .action-box-content p,
  #parallax .action-box-content p {
    width: 100%;
  }
  .faq .toggle-box {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .error404 p.main-text {
    font-size: 150px;
    line-height: 150px;
  }
  .error404 p.second-text {
    line-height: 24px;
  }
  article.style5 .content .content-thumb {
    width: 100%;
    float: none;
  }
  article.style5 .content .content-data {
    float: none;
    width: 100%;
  }
  .post-thumb img {
    height: 100% !important;
    width: 100% !important;
  }
  .post-feature iframe {
    width: 100% !important;
    height: 100% !important;
  }
  .blog-post .post-feature .avatar-author {
    bottom: -34px;
    right: 50%;
    margin-right: -40px;
    height: 70px;
    width: 70px;
  }
  .blog_style4 .blog-post .post-content {
    padding-top: 50px;
  }
  .blog_style4 .blog-post.no-media .post-feature {
    float: none;
    position: absolute;
    right: 50%;
    top: -40px;
  }
  .blog-post.no-media .avatar-author img {
    -webkit-moz-box-shadow: 0 0 0 1px #ddd;
    -moz-moz-box-shadow: 0 0 0 1px #ddd;
    -ms-moz-box-shadow: 0 0 0 1px #ddd;
    -o-moz-box-shadow: 0 0 0 1px #ddd;
    moz-box-shadow: 0 0 0 1px #ddd;
    box-shadow: 0 0 0 1px #ddd;
  }
  .maps #jogjamap {
    max-height: 250px;
  }
  .contact .contact-form .form-group p,
  .comment-form .form-group p {
    width: 100%;
    margin: 0;
  }
  .action-box.standard-text.bg-dark .action-box-content a {
    margin: 0;
    margin-top: 20px;
    float: none;
  }
  .action-box.standard {
    text-align: center;
  }
  .action-box.standard .action-box-content a {
    float: none;
    margin-left: 0;
  }
  .action-box.standard .action-box-content form.subscribe #subscribe-text {
    display: inline-block;
    float: none;
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }
  .action-box.standard .action-box-content form.subscribe #subscribe-submit {
    width: 100%;
  }
  .action-box.standard .action-box-content form.subscribe {
    float: none;
    margin-top: 20px;
  }
  .testimonial-slide.owl-carousel .owl-controlls {
    bottom: 0;
  }
  .testimonial-slide.owl-carousel .owl-controlls .owl-prev {
    left: 50%;
    margin-left: -40px;
    right: auto;
  }
  .testimonial-slide.owl-carousel .owl-controlls .owl-next {
    right: 50%;
    margin-right: -40px;
    left: auto;
  }
  .testimonial-slide.owl-carousel .owl-wrapper-outer {
    display: inline-block;
    margin-bottom: 10px;
  }
  .testimonial-slide .content p {
    width: 100%;
  }
  #testimoni .testimonial-slide .content p {
    width: 100%;
  }
  .aboutCarousel .carousel-content {
    height: 190px;
    margin-bottom: 0;
    margin-top: 20px;
  }
  .counter_number {
    padding-bottom: 20px;
  }
  .img-right,
  .img-left {
    width: 100%;
    margin: 0 auto 20px;
  }
  .single-post .blog-post .post-content .post-title {
    line-height: 28px;
  }
  .single-post .action-post .meta-tags {
    margin: 0px auto 30px;
  }
  .single-post .blog-post .post-content blockquote {
    padding: 20px;
  }
  .single-post .blog-post .post-content blockquote p {
    font-size: 18px;
  }
  .profile-author .profile-avatar {
    float: none;
    padding: 0;
    text-align: center;
    margin-bottom: 15px;
  }
  .profile-author .profile-desc {
    text-align: center;
  }
  .post-pagination ul.post-nav {
    margin-bottom: 0;
  }
  .post-pagination ul.post-nav li {
    width: 100%;
    display: block;
  }
  .post-pagination ul.post-nav li.previous {
    border-right: none;
    border-bottom: 1px solid #ddd;
    float: none;
  }
  .comment-container {
    margin-left: 75px;
    margin-bottom: 20px;
  }
  .avatar {
    max-width: 60px;
  }
  .comment-date {
    display: inline-block;
    padding-left: 0;
  }
  .comment-date:before {
    content: '';
  }
  .comment-reply-link {
    text-indent: -999px;
    padding-left: 0;
    right: 30px;
  }
  .comment-reply-link:before {
    text-indent: 0;
  }
  #comment-wrapper .children {
    margin-left: 0;
  }
  .footer-menu {
    background: transparent;
    display: block;
    position: relative;
  }
  .footer-menu ul {
    width: auto;
    height: auto;
    padding: 0;
    border: none;
  }
  .footer-menu li {
    display: inline-block;
  }
  .action-box.standard.bg-main .action-box-content h1 {
    margin-bottom: 0;
  }
  .action-box.standard .action-box-content a {
    float: left;
    margin-top: 20px;
  }
  .tp-caption .icons-feature a.icons-feature-head {
    height: 60px;
    width: 60px;
  }
  .tp-caption .icons-feature a.icons-feature-head i {
    line-height: 60px !important;
  }
  .media-content {
    margin-top: 20px;
  }
  .media-content iframe {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .heading h3 {
    line-height: normal;
  }
  .owl-carousel .owl-item {
    text-align: center;
  }
  .main-header .container {
    height: auto !important;
  }
  #header-style2 .header-top {
    padding: 0;
  }
  #header-style2 .header-top #logo {
    line-height: 100px;
  }
  .footer-menu {
    background: transparent;
    display: inline-block;
    text-align: center;
    margin: 5px auto;
    position: relative;
    float: none;
  }
  .footer-inner {
    text-align: center;
    padding: 0;
    border: none;
    display: flex;
  }
  .footer-inner li a {
    padding: 6px 6px 0;
  }
  .main-nav {
    width: 35%;
    margin: 0 !important;
    background: #fff;
  }
  .main-nav > ul {
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .main-nav > ul > li {
    line-height: normal;
  }
  .main-nav > ul > li a {
    line-height: normal;
    padding: 0;
    margin: 0;
    text-align: left;
  }
  .main-nav > ul > li > ul > li > a {
    line-height: normal;
  }
  .main-nav > ul > li ul {
    padding: 5px 0px 10px 0;
    display: block !important;
    position: relative;
    border: none;
    background: inherit;
    margin-bottom: 10px;
  }
  .main-nav > ul > li ul > li {
    border: none;
  }
  .main-nav > ul > li ul > li ul {
    margin-left: 0;
    margin-bottom: 10px;
    padding: 0 10px !important;
    display: block;
    position: relative;
    left: 0;
    border: none;
  }
  .main-nav > ul > li ul > li ul li {
    border: none;
  }
  .main-nav > ul > li ul > li ul li ul {
    display: block;
    position: relative;
    left: 0;
  }
  .main-nav > ul .sub-menu a {
    line-height: normal;
  }
  .main-nav > ul .sub-menu > a:after {
    display: none;
  }
  .main-nav > ul .megaMenu {
    padding: 0;
    display: block;
    position: relative;
    border: none;
    background: inherit;
  }
  .main-nav > ul .megaMenu .megaMenu-inner {
    border: none;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul {
    display: block !important;
    border: none !important;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul li {
    display: block !important;
    width: 100%;
    float: left;
    margin: 0;
    border: none;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul .sub-menu > span {
    padding: 0;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul .sub-menu > ul {
    padding: 5px 0px 10px 20px;
    border: none;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul .sub-menu > ul:before {
    display: none;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul .sub-menu > ul li {
    padding: 5px 0;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul .sub-menu > ul li a {
    padding: 10px;
    line-height: normal;
  }
  .main-nav > ul .megaMenu .megaMenu-inner li span {
    padding: 5px 10px 3px;
  }
  .main-nav > ul .megaMenu .megaMenu-inner li ul:before {
    display: none;
  }
  /* Nav Menu Footer */
  nav {
    float: none !important;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: #232425;
    z-index: 100000;
    overflow-x: hidden;
    display: none;
    box-shadow: none;
  }
  nav > ul {
    padding-left: 30px;
    padding-bottom: 30px;
    width: 100%;
    float: left;
    position: relative;
    border-right: 1px solid #e8eaec;
  }
  nav > ul > li {
    display: block;
    float: none;
    text-align: left;
  }
  nav > ul > li > a {
    display: block;
    width: 100%;
    text-align: left;
    margin-left: 0;
    padding-bottom: 0;
    font-weight: 700;
  }
  nav > ul > li > a > i {
    display: none;
  }
  nav > ul > li > ul:before {
    display: none;
  }
  nav > ul > li.sub-mneu > a::after {
    display: none !important;
  }
  nav > ul > li.sub-mneu > a::after {
    display: none;
  }
  nav > ul > li.sub-mneu:hover > a::after {
    display: none;
  }
  nav > ul > li.sub-mneu:hover::before {
    display: none;
  }
  nav > ul > li.sub-menu > a::after {
    display: none;
  }
  .search-toggle .search-box-wrapper {
    top: 100px;
  }
  .search-toggle .search-icon {
    margin: 0;
  }
  .search-toggle .search-icon i {
    color: #444;
    margin: 0;
    z-index: 0;
    top: 0;
  }
  #footer-bottom {
    text-align: center;
  }
  .sf-with-ul:after {
    display: none;
  }
  ul.contact-top {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  ul.contact-top.border li {
    float: none;
    padding: 0;
    border: none;
  }
  ul.contact-top.border li:last-child {
    padding: 0;
  }
  #footer-widget .widget {
    padding-bottom: 30px;
    margin-bottom: 30px;
    display: inline-block;
  }
  .aboutCarousel .carousel-content {
    height: 300px;
    margin-bottom: 0;
    margin-top: 20px;
  }
  .banner-page .banner-wrapper .bp-content p {
    width: 100%;
  }
  .breadcrumb {
    padding: 5px 0;
  }
  .breadcrumb .labels {
    display: none !important;
  }
  .breadcrumb > li + li::before {
    content: '';
    padding: 0;
    color: inherit;
  }
  .skill {
    margin-top: 20px;
    padding-top: 20px;
  }
  /* Services box */
  .service-box.style1.border {
    margin-bottom: 20px;
  }
  .service-box.style1.noborder {
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .service-box.style2,
  .service-box.style4 {
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 0;
  }
  #VidBG.action-box .action-box-content p,
  #parallax.action-box .action-box-content p {
    width: 100%;
  }
  #VidBG.action-box .action-box-content a,
  #parallax.action-box .action-box-content a {
    margin-right: 0;
    margin-left: 20px;
    margin-bottom: 0;
    margin-top: 20px;
  }
  .faq .toggle-box {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .error404 p.main-text {
    font-size: 150px;
    line-height: 150px;
  }
  .error404 p.second-text {
    line-height: 24px;
  }
  article.style5 .content .content-thumb {
    width: 100%;
    float: none;
  }
  article.style5 .content .content-data {
    float: none;
    width: 100%;
  }
  .post-thumb img {
    height: 100% !important;
    width: 100% !important;
  }
  .post-feature iframe {
    width: 100% !important;
    height: 100% !important;
  }
  .blog-post .post-feature .avatar-author {
    bottom: -34px;
    right: 50%;
    margin-right: -40px;
    height: 70px;
    width: 70px;
  }
  .blog_style4 .blog-post .post-content {
    padding-top: 50px;
  }
  .blog_style4 .blog-post.no-media .post-feature {
    float: none;
    position: absolute;
    right: 50%;
    top: -40px;
  }
  .blog-post.no-media .avatar-author img {
    -webkit-moz-box-shadow: 0 0 0 1px #ddd;
    -moz-moz-box-shadow: 0 0 0 1px #ddd;
    -ms-moz-box-shadow: 0 0 0 1px #ddd;
    -o-moz-box-shadow: 0 0 0 1px #ddd;
    moz-box-shadow: 0 0 0 1px #ddd;
    box-shadow: 0 0 0 1px #ddd;
  }
  .maps #jogjamap {
    max-height: 250px;
  }
  .contact .contact-form .form-group p,
  .comment-form .form-group p {
    width: 100%;
    margin: 0;
  }
  .action-box.standard-text.bg-dark .action-box-content a {
    margin: 0;
    margin-top: 20px;
    float: none;
  }
  .action-box.standard {
    text-align: center;
  }
  .action-box.standard .action-box-content a {
    float: none;
    margin-left: 0;
  }
  .action-box.standard .action-box-content h1 {
    margin-bottom: 20px;
  }
  .action-box.standard .action-box-content form.subscribe #subscribe-text {
    display: inline-block;
    float: none;
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }
  .action-box.standard .action-box-content form.subscribe #subscribe-submit {
    width: 100%;
  }
  .testimonial-slide.owl-carousel .owl-controlls {
    bottom: 0;
  }
  .testimonial-slide.owl-carousel .owl-controlls .owl-prev {
    left: 50%;
    margin-left: -40px;
    right: auto;
  }
  .testimonial-slide.owl-carousel .owl-controlls .owl-next {
    right: 50%;
    margin-right: -40px;
    left: auto;
  }
  .testimonial-slide.owl-carousel .owl-wrapper-outer {
    display: inline-block;
    margin-bottom: 10px;
  }
  .testimonial-slide .content p {
    width: 100%;
  }
  #testimoni .testimonial-slide .content p {
    width: 100%;
  }
  .aboutCarousel .carousel-content {
    height: 190px;
    margin-bottom: 0;
    margin-top: 20px;
  }
  .counter_number {
    padding-bottom: 20px;
  }
  .img-right,
  .img-left {
    width: 100%;
    margin: 0 auto 20px;
  }
  .single-post .blog-post .post-content .post-title {
    line-height: 28px;
  }
  .single-post .blog-post .post-content blockquote {
    padding: 20px;
  }
  .single-post .blog-post .post-content blockquote p {
    font-size: 18px;
  }
  .profile-author .profile-avatar {
    float: none;
    padding: 0;
    text-align: center;
    margin-bottom: 15px;
  }
  .profile-author .profile-desc {
    text-align: center;
  }
  .post-pagination ul.post-nav {
    margin-bottom: 0;
  }
  .post-pagination ul.post-nav li {
    width: 100%;
    display: block;
  }
  .post-pagination ul.post-nav li.previous {
    border-right: none;
    border-bottom: 1px solid #ddd;
    float: none;
  }
  .comment-container {
    margin-left: 75px;
    margin-bottom: 20px;
  }
  .avatar {
    max-width: 60px;
  }
  .comment-date {
    display: inline-block;
    padding-left: 0;
  }
  .comment-date:before {
    content: '';
  }
  .comment-reply-link {
    text-indent: -999px;
    padding-left: 0;
    right: 30px;
  }
  .comment-reply-link:before {
    text-indent: 0;
  }
  #comment-wrapper .children {
    margin-left: 0;
  }
  .tp-caption .icons-feature a.icons-feature-head {
    height: 40px;
    width: 40px;
  }
  .tp-caption .icons-feature a.icons-feature-head i {
    line-height: 40px !important;
  }
  .full-image-section .image-container {
    display: none;
  }
  /* Feature content page */
  .feature-content-page {
    padding-left: 0;
  }
  .content-left .feature-content-page {
    padding-right: 0;
  }
}

@media only screen and (max-width: 479px) {
  .main-header .container {
    height: auto !important;
  }
  #header-style2 .header-top {
    padding: 0;
  }
  #header-style2 .header-top #logo {
    line-height: 100px;
  }
  .footer-inner {
    text-align: center;
    padding: 0;
    border: none;
    display: flex;
  }
  .footer-inner li a {
    padding: 6px 6px 0;
  }
  .main-nav {
    width: 75%;
    margin: 0 !important;
    background: #fff;
  }
  .main-nav > ul {
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .main-nav > ul > li {
    line-height: normal;
  }
  .main-nav > ul > li a {
    line-height: normal;
    padding: 0;
    margin: 0;
    text-align: left;
  }
  .main-nav > ul > li > ul > li > a {
    line-height: normal;
  }
  .main-nav > ul > li ul {
    padding: 5px 0px 10px 0;
    display: block !important;
    position: relative;
    border: none;
    background: inherit;
    margin-bottom: 10px;
  }
  .main-nav > ul > li ul > li {
    border: none;
  }
  .main-nav > ul > li ul > li ul {
    margin-left: 0;
    margin-bottom: 10px;
    padding: 0 10px !important;
    display: block;
    position: relative;
    left: 0;
    border: none;
  }
  .main-nav > ul > li ul > li ul li {
    border: none;
  }
  .main-nav > ul > li ul > li ul li ul {
    display: block;
    position: relative;
    left: 0;
  }
  .main-nav > ul .sub-menu a {
    line-height: normal;
  }
  .main-nav > ul .sub-menu > a:after {
    display: none;
  }
  .main-nav > ul .megaMenu {
    padding: 0;
    display: block;
    position: relative;
    border: none;
    background: inherit;
  }
  .main-nav > ul .megaMenu .megaMenu-inner {
    border: none;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul {
    display: block !important;
    border: none !important;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul li {
    display: block !important;
    width: 100%;
    float: left;
    margin: 0;
    border: none;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul .sub-menu > span {
    padding: 0;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul .sub-menu > ul {
    padding: 5px 0px 10px 20px;
    border: none;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul .sub-menu > ul:before {
    display: none;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul .sub-menu > ul li {
    padding: 5px 0;
  }
  .main-nav > ul .megaMenu .megaMenu-inner > ul .sub-menu > ul li a {
    padding: 10px;
    line-height: normal;
  }
  .main-nav > ul .megaMenu .megaMenu-inner li span {
    padding: 5px 10px 3px;
  }
  .main-nav > ul .megaMenu .megaMenu-inner li ul:before {
    display: none;
  }
  .sf-with-ul:after {
    display: none;
  }
  /* Search nav menu */
  .search-box-wrapper {
    top: 100px;
  }
  .search-icon {
    margin: 0;
  }
  .search-icon i {
    color: #444;
    margin: 0 auto;
    top: 0;
  }
  .heading p {
    width: 100%;
  }
  .accordion-box {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  /* Media Content video (Iframe) */
  .media-content iframe {
    width: 100%;
    height: auto;
    margin-top: 20px;
  }
  /* Action box */
  .action-box.big .action-box-content p {
    width: 100%;
  }
  .action-box.big .action-box-content a {
    margin-right: 0;
    margin-left: 20px;
    margin-bottom: 20px;
  }
  .action-box .action-box-content p {
    width: 100%;
  }
  .action-box .action-box-content a {
    margin-right: 0;
    margin-left: 20px;
    margin-bottom: 20px;
  }
  ul.contact-top {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  ul.contact-top.border li {
    float: none;
    padding: 0;
    border: none;
  }
  ul.contact-top.border li:last-child {
    padding: 0;
  }
  .action-box.standard {
    text-align: center;
  }
  .action-box.standard .action-box-content a {
    float: none;
    margin-left: 0;
  }
  .action-box.standard .action-box-content h1 {
    margin-bottom: 20px;
  }
  .action-box.standard .action-box-content form.subscribe #subscribe-text {
    display: inline-block;
    float: none;
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }
  .action-box.standard .action-box-content form.subscribe #subscribe-submit {
    width: 100%;
  }
  .testimonial-slide.owl-carousel .owl-controlls {
    bottom: 0;
  }
  .testimonial-slide.owl-carousel .owl-controlls .owl-prev {
    left: 50%;
    margin-left: -40px;
    right: auto;
  }
  .testimonial-slide.owl-carousel .owl-controlls .owl-next {
    right: 50%;
    margin-right: -40px;
    left: auto;
  }
  .testimonial-slide.owl-carousel .owl-wrapper-outer {
    display: inline-block;
    margin-bottom: 10px;
  }
  .testimonial-slide .content p {
    width: 100%;
  }
  #testimoni .testimonial-slide .content p {
    width: 100%;
  }
  .aboutCarousel .carousel-content {
    height: 190px;
    margin-bottom: 0;
    margin-top: 20px;
  }
  .counter_number {
    padding-bottom: 20px;
  }
  .img-right,
  .img-left {
    width: 100%;
    margin: 0 auto 20px;
  }
  .single-post .blog-post .post-content .post-title {
    line-height: 28px;
  }
  .single-post .blog-post .post-content blockquote {
    padding: 20px;
  }
  .single-post .blog-post .post-content blockquote p {
    font-size: 18px;
  }
  .profile-author .profile-avatar {
    float: none;
    padding: 0;
    text-align: center;
    margin-bottom: 15px;
  }
  .profile-author .profile-desc {
    text-align: center;
  }
  .post-pagination ul.post-nav {
    margin-bottom: 0;
  }
  .post-pagination ul.post-nav li {
    width: 100%;
    display: block;
  }
  .post-pagination ul.post-nav li.previous {
    border-right: none;
    border-bottom: 1px solid #ddd;
    float: none;
  }
  .comment-container {
    margin-left: 75px;
    margin-bottom: 20px;
  }
  #comment-block .avatar {
    max-width: 60px;
  }
  .comment-date {
    display: inline-block;
    padding-left: 0;
  }
  .comment-date:before {
    content: '';
  }
  .comment-reply-link {
    text-indent: -999px;
    padding-left: 0;
    right: 30px;
  }
  .comment-reply-link:before {
    text-indent: 0;
  }
  #comment-wrapper .children {
    margin-left: 0;
  }
  #footer-widget .widget {
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: inline-block;
  }
  #footer-widget .widget ul {
    margin-bottom: 0;
  }
  .tp-caption .icons-feature a.icons-feature-head {
    height: 25px;
    width: 25px;
  }
  .tp-caption .icons-feature a.icons-feature-head i {
    line-height: 25px !important;
  }
  .action-post {
    text-align: center;
  }
  .single-post .meta-tags {
    float: none;
    display: inline-block;
    margin: 10px auto 30px;
  }
  .post-action-share {
    float: none;
    text-align: center;
  }
  .shares {
    display: inline-block;
  }
}