@charset "UTF-8";

/************************
  
  @file info:
  This file is styling the basic style of layout, elements of the theme
  Note: only styling, and very few of coloring section
  go to "aozora/css/default-skin.css" for modify the theme skin manually or create custom skin via the customizer page

  Below are some sections defined on this file:
  1. GENERAL
  2. MAIN MENU
  3. INNER PAGES
  4. BLOG POSTS
  5. PORTFOLIO
  6. SIDEBAR
  7. COMMENTS
  8. FOOTER
  9. SEARCH MODAL
  10. MISC (SWIPER, LIGHTBOX)
  11. WOOCOMMERCE

*************************/

/** Linea font import */
@import url('../assets/linea/styles.css');

/** ---------------------------- */
/** -------> 1. GENERAL <------- */
/** ---------------------------- */
h1,h2,h3,h4,h5,h6 {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
a{
  text-decoration: none;
  outline: 0!important;
  -webkit-transition:   all 0.2s ease-out 0s;
  -moz-transition:      all 0.2s ease-out 0s;
  -o-transition:        all 0.2s ease-out 0s;
  transition:           all 0.2s ease-out 0s;
}
.rounded {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-weight: inherit;
}
.btn.btn-sm {
  padding: 4px 8px;
}
.btn.btn-sm {
  padding: 8px 15px;
}
.btn.btn-md {
  padding: 12px 20px;
}
.btn.btn-lg {
  padding: 20px 35px;
}
.btn:hover,
.btn:focus,
.btn:active {
  outline: 0;
}
.btn.btn-outline,
.btn-line {
	background-color: transparent;
	color: inherit;
}
blockquote {
  font-size: 1.4em;
  margin-left: 1.714285714rem;
  margin-right: 1.714285714rem;
  line-height: 140%;
}


#site-container label {
  font-weight: 400;
  text-transform: uppercase;
  font-size: .88em;
}
input[type="submit"],
.button{
  margin: 0;
  padding: .75em 1.075em;
  letter-spacing: .025em;
  -webkit-transition:   all 0.2s ease-out 0s;
  -moz-transition:      all 0.2s ease-out 0s;
  -o-transition:        all 0.2s ease-out 0s;
  transition:           all 0.2s ease-out 0s;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
select,
.form-control {
  border-width: 1px;
  border-style: solid;
  border-color: initial;
  font-weight: 400;
  padding: .75em;
  max-width: 100%;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 1px;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: inherit;
  line-height: inherit;
  padding: .6em;
}
textarea {
  font-weight: 400;
  padding: .75em;
  max-width: 100%;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
select:focus,textarea:focus {
  box-shadow: none;
  outline: 0;
  background-color: rgba(0,0,0, .01);
}
#site-container .input-group-addon {
  padding: .75em 1.075em;
  border-color: initial;
  background-color: transparent;
}
#site-container .input-group p {
  margin-bottom: 0;
}

/** tables */
table {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

table thead th,
table thead td,
table tfoot td{
  padding: 10px 10px;
}

table tbody th,
table tbody td{
  padding: 5px 10px;
}

/** wp classes */
.screen-reader-text {
  display: none;
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {}

.alignleft {
  float: left;
  margin: .5em 20px 20px 0;
}

.alignright {
  float: right;
  margin: .5em 0 20px 20px;
}

.aligncenter {
  display: block;
  margin: 10px auto;
}
img, figure {
  max-width: 100%;
}
.wp-caption {
  margin-bottom: 20px;
  text-align: center;
  font-size: .8em;
  background-color: rgba(0, 0, 0, .08);
}
.wp-caption-text {
  padding: 6px;
  margin: 0;
}

/**#site-container .mejs-controls .mejs-button button {
  background-image: url(../assets/images/controls.png);
}*/
#site-container .mejs-container .mejs-controls{
  background: #f3f3f3;
  background: -moz-linear-gradient(top,  #fefefe 0%, #dadada 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#dadada));
  background: -webkit-linear-gradient(top,  #fefefe 0%,#dadada 100%);
  background: -o-linear-gradient(top,  #fefefe 0%,#dadada 100%);
  background: -ms-linear-gradient(top,  #fefefe 0%,#dadada 100%);
  background: linear-gradient(to bottom,  #fefefe 0%,#dadada 100%);
  box-shadow: inset 0 0 0 1px rgba(0,0,0, .1), inset 0 2px 0 #fff;
  padding-right: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#site-container .mejs-currenttime,
#site-container .mejs-duration {
  color: #444;
}
#site-container .mejs-controls .mejs-time-rail .mejs-time-total,
#site-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{
  background: #afafaf;
  box-shadow: inset 0 1px 3px rgba(0,0,0, .3), 0 1px 0 #fff;
}
#site-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: rgba(0,0,0, .12);
  box-shadow: inset 0 1px 3px rgba(0,0,0, .3);
}
#site-container .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float{
  border: 0;
  background: #444;
  color: #dadada;
  line-height: 14px;
}
#site-container .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner{
  border: 5px solid #444;
  border-color: #444 transparent transparent transparent;
}
#site-container .mejs-controls .mejs-button button {
  background-image: none!important;
}
#site-container .mejs-controls .mejs-button{
  position: relative;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  text-align: center;
  outline: none;
}
#site-container .mejs-controls .mejs-button:before {
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -6px;
  text-decoration: inherit;
  display: inline-block;
  speak: none;
  cursor: pointer;
}
#site-container .mejs-controls .mejs-button.mejs-playpause-button:before{
  content: "\f04b";
  margin-left: -3px;
}
#site-container .mejs-controls .mejs-button.mejs-playpause-button.mejs-pause:before{
  content: "\f04c";
}
#site-container .mejs-controls .mejs-button.mejs-volume-button:before{
  content: "\f028";
}
#site-container .mejs-controls .mejs-button.mejs-volume-button.mejs-unmute:before{
  content: "\f026";
}
#site-container .mejs-controls .mejs-button.mejs-fullscreen-button:before{
  content: "\f0b2";
}
#site-container .wp-video {
  width: 100%!important;
}

twitterwidget.twitter-tweet {
  width: 100%!important;
  margin: 0px auto 30px!important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
twitterwidget.twitter-tweet  .EmbeddedTweet {
  width: 100%!important;
  max-width: 100%!important;
}
.wp_oembed_html>p iframe,
.wp_oembed_html>p embed{
  display: block;
  width: 100%;
}
.wp_oembed_html.soundcloud-embed {
  margin: 0 0 30px;
  padding: 0;
}
.wp_oembed_html.soundcloud-embed>p{
  padding-bottom: 0;
  padding-top: 0;
}
.wp_oembed_html.soundcloud-embed>p iframe,
.entry-audio>p iframe {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}


/** Start :: Default WordPress gallery */
.gallery[class*=" gallery-columns-"]{
  padding-top: 30px;
  padding-bottom: 30px;
  margin-left: -15px;
  margin-right: -15px;
}
.gallery:after {
  content: "";
  display: table;
  margin: 0;
  padding: 0;
  clear: both;
}
.gallery .gallery-item {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 15px;
  z-index: 1;
}
.gallery .gallery-item:hover {
  z-index: 2;
}
.gallery.gallery-columns-1 .gallery-item {
  width: 100%;
}
.gallery.gallery-columns-2 .gallery-item,
.gallery.gallery-columns-3 .gallery-item,
.gallery.gallery-columns-4 .gallery-item,
.gallery.gallery-columns-5 .gallery-item,
.gallery.gallery-columns-6 .gallery-item,
.gallery.gallery-columns-7 .gallery-item,
.gallery.gallery-columns-8 .gallery-item,
.gallery.gallery-columns-9 .gallery-item {
  width: 50%;
}
.gallery.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery.gallery-columns-6 .gallery-item:nth-child(5n+1),
.gallery.gallery-columns-7 .gallery-item:nth-child(5n+1),
.gallery.gallery-columns-8 .gallery-item:nth-child(5n+1),
.gallery.gallery-columns-9 .gallery-item:nth-child(5n+1) {
  clear: none;
}
.gallery.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery.gallery-columns-3 .gallery-item:nth-child(2n+1),
.gallery.gallery-columns-4 .gallery-item:nth-child(2n+1),
.gallery.gallery-columns-5 .gallery-item:nth-child(2n+1),
.gallery.gallery-columns-6 .gallery-item:nth-child(2n+1),
.gallery.gallery-columns-7 .gallery-item:nth-child(2n+1),
.gallery.gallery-columns-8 .gallery-item:nth-child(2n+1),
.gallery.gallery-columns-9 .gallery-item:nth-child(2n+1) {
  clear: both;
}
@media (min-width: 768px) {
  .gallery.gallery-columns-1 .gallery-item {
    width: 100%;
  }
  .gallery.gallery-columns-2 .gallery-item {
    width: 50%;
  }
  .gallery.gallery-columns-3 .gallery-item {
    width: 33.33333333%;
  }
  .gallery.gallery-columns-4 .gallery-item {
    width: 25%;
  }
  /** max to 5 column, sorry!!! */
  .gallery.gallery-columns-5 .gallery-item,
  .gallery.gallery-columns-6 .gallery-item,
  .gallery.gallery-columns-7 .gallery-item,
  .gallery.gallery-columns-8 .gallery-item,
  .gallery.gallery-columns-9 .gallery-item {
    width: 20%;
  }
  .gallery.gallery-columns-3 .gallery-item:nth-child(2n+1),
  .gallery.gallery-columns-4 .gallery-item:nth-child(2n+1),
  .gallery.gallery-columns-5 .gallery-item:nth-child(2n+1),
  .gallery.gallery-columns-6 .gallery-item:nth-child(2n+1),
  .gallery.gallery-columns-7 .gallery-item:nth-child(2n+1),
  .gallery.gallery-columns-8 .gallery-item:nth-child(2n+1),
  .gallery.gallery-columns-9 .gallery-item:nth-child(2n+1) {
    clear: none;
  }
  .gallery.gallery-columns-2 .gallery-item:nth-child(2n+1),
  .gallery.gallery-columns-3 .gallery-item:nth-child(3n+1),
  .gallery.gallery-columns-4 .gallery-item:nth-child(4n+1),
  .gallery.gallery-columns-5 .gallery-item:nth-child(5n+1),
  .gallery.gallery-columns-6 .gallery-item:nth-child(5n+1),
  .gallery.gallery-columns-7 .gallery-item:nth-child(5n+1),
  .gallery.gallery-columns-8 .gallery-item:nth-child(5n+1),
  .gallery.gallery-columns-9 .gallery-item:nth-child(5n+1) {
    clear: both;
  }
}
.gallery .gallery-item .gallery-icon {
  text-align: center;
  margin: 0;
  padding: 0;
}
.gallery-icon a img{
  border-width: 1px!important;
  border-style: solid; 
  padding: 5px; 
  margin: 0px auto; 
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gallery .gallery-item  .gallery-caption {
  position: absolute;
  top: 100%;
  left: 10%;
  width: 80%;
  padding: 10px;
  background-color: rgba(0,0,0, .75);
  color: #fff;
  font-size: 11px;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
.gallery .gallery-item:hover .gallery-caption {
  display: block;
}
/** End :: Default WordPress gallery */



#az-loader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
}
#az-inside-loader {
	position: absolute;
	width: 200px;
  height: 200px;
  border-radius: 50%;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	background-color: transparent;
}
#az-inside-loader .inside-loader-img {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  line-height: 190px;
  text-align: center;
}
#az-inside-loader img {
  max-width: 75%;
  height: auto;
  z-index: 1;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
  /* Fix of Webkit flickering */
}

#bg-featured{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
  /* Fix of Webkit flickering */
}
#bg-featured-slide{
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.bg-slide{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  z-index: 0;
  display: none;
}
.bg-slide.bg-slide-on-view{
  z-index: 2;
  display: block;
}
.bg-slide.bg-slide-prepare-view{
  z-index: 1;
}
#bg-featured-slide .bg-slide img{
	margin: 0;
	padding: 0;
	max-width: none!important;
	*zoom: 1;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	perspective: 1000;
}
#bg-featured:after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, .12) url(../assets/images/dotted-overlay.png) scroll 0 0 repeat; 
}

#bg-preload-content {
	position: absolute;
	z-index: 4;
	max-width: 80%;
	margin: 0;
	padding: 0;
	text-align: center;
}
#bg-preload-content img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}
#bg-preload-content .preload-buttons {
	margin: 0;
	padding: 22px 0 0;
}
#bg-preload-content .preload-buttons .preload-button-line {
	display: inline-block;
	margin: 8px;
	padding: 12px 15px;
	font-size: 11px;
	letter-spacing: 0.075em;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 5px;
	cursor: pointer;
	opacity: .75;
	filter: alpha(opacity=75);
}
#bg-preload-content .preload-buttons .preload-button-line:hover {
	opacity: 1.00;
	filter: alpha(opacity=100);
}



/** ------------------------------ */
/** -------> 2. MAIN MENU <------- */
/** ------------------------------ */
#site-nav {
  float: none;
  position: fixed;
  z-index: 3;
  top: 0;
  left: -250px;
  bottom: 0;
  width: 250px;
  max-width: 70%;
  height: 100%;
  overflow: auto;
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media only screen and (max-width: 375px) {
	#site-nav {
		left: -70%;
		width: 70%;
	}
}

/** logo */
#site-logo {
	margin: 0;
	padding: 30px;
	text-align: center;
}
#site-logo img {
	margin: 0;
	max-width: 100%;
	height: auto;
	*zoom: 1;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	perspective: 1000;
}

/** main menu */
#site-menu {
	margin: 0;
	padding: 30px 0 30px 30px;
}
#site-menu ul#eqnav,
#site-menu ul#eqnav ul,
#site-menu ul#eqnav li,
#site-menu ul#eqnav ul li {
	list-style-type: none;
}
#site-menu ul#eqnav a:hover {
	text-decoration: none;
}
#site-menu ul#eqnav{
	margin: 0;
	padding: 0;
}
#site-menu ul#eqnav ul {
	margin: 0;
	padding: 0 0 10px;
	display: none;
}
#site-menu ul#eqnav li.menu-item-has-children.current-menu-item>ul,
#site-menu ul#eqnav li.current-menu-parent>ul {
  display: block;
}
#site-menu ul#eqnav>li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(255,255,255, .12);
}
#site-menu ul#eqnav>li>a {
	display: block;
	margin: 0;
	padding: 10px 10px;
}
#site-menu ul#eqnav li li {
	margin: 0;
	padding: 2px 0 2px 25px;
}
#site-menu ul#eqnav li li a {
	display: inline-block;
	margin: 0;
	padding: 3px 8px;
	font-size: 0.87em;
}
#site-menu ul#eqnav li li.current-menu-item>a {
	border-radius: 3px;
}
#site-menu ul#eqnav li.menu-item-has-children {
	position: relative;
}
#site-menu ul#eqnav li>.dropdown_arrow {
	position: absolute;
	top: 9px;
	left: -24px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	-webkit-transition:   all 0.2s ease-out 0s;
	-moz-transition:      all 0.2s ease-out 0s;
	-o-transition:        all 0.2s ease-out 0s;
	transition:           all 0.2s ease-out 0s;
	border-radius: 3px;
	background-color: rgba(255,255,255, .2);
}


#site-copyright {
	margin: 0;
	padding: 30px 30px 15px 30px;
	font-size: 11px;
}
ul#site-social {
	list-style-type: none;
	margin: 0 0 30px;
	padding: 0 30px 0 30px;
}
ul#site-social li {
	list-style-type: none;
	float: left;
	margin: 0 15px 5px 0;
	padding: 0;
}
ul#site-social li a{
	display: inline-block;
	margin: 0;
	font-size: 20px;
}
ul#site-social:after {
	content: "";
	display: table;
	margin: 0;
	padding: 0;
	clear: both;
}

#nav-button-side {
	position: fixed;
	z-index: 4;
	top: 0;
	left: 0;
	bottom: 0;
	width: 50px;
	height: 100%;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
}
#nav-button-side.sideIsViewable {
	z-index: 12;
	left: 250px;
}
@media only screen and (max-width: 375px) {
	#nav-button-side.sideIsViewable {
		left: 70%;
	}
}

ul#nav-handlers {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#nav-handlers>li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(0,0,0, .15);
}
ul#nav-handlers>li>a {
	display: block;
	height: 50px;
	width: 50px;
	text-align: center;
	cursor: pointer;
}
ul#nav-handlers>li>a#src-handle {
	line-height: 50px;
	font-size: 19px;
}

ul#nav-handlers>li>a#sm-handle {
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
a#sm-handle span {
	display: block;
	position: absolute;
	height: 3px;
	width: 20px;
	border-radius: 4px;
	opacity: 1;
	left: 15px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
a#sm-handle span:nth-child(1) {
	top: 16px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

a#sm-handle span:nth-child(2) {
	top: 23px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

a#sm-handle span:nth-child(3) {
	top: 30px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

a#sm-handle.mnopen span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 16px;
	left: 18px;
	width: 18px;
}

a#sm-handle.mnopen span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

a#sm-handle.mnopen span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 29px;
  left: 18px;
  width: 18px;
}

/************************
/////////////\\\\\\\\\\\\

off-canvas elements helpers

/////////////\\\\\\\\\\\\
*************************/
/** ------------- css3 animation frames ------------- **/
@-webkit-keyframes movesiteright {
  from { left: 0;}
  to {left: 250px;}
}
@-moz-keyframes movesiteright {
  from { left: 0;}
  to {left: 250px;}
}
@-o-keyframes movesiteright {
  from { left: 0;}
  to {left: 250px;}
}
@keyframes movesiteright {
  from { left: 0;}
  to {left: 250px;}
}
@-webkit-keyframes reservedmovesiteright {
  from { left: 250px;}
  to {left: 0;}
}
@-moz-keyframes reservedmovesiteright {
  from { left: 250px;}
  to {left: 0;}
}
@-o-keyframes reservedmovesiteright {
  from { left: 250px;}
  to {left: 0;}
}
@keyframes reservedmovesiteright {
  from { left: 250px;}
  to {left: 0;}
}


@-webkit-keyframes mainmenushow {
  from { left: -250px;}
  to {left: 0;}
}
@-moz-keyframes mainmenushow {
  from { left: -250px;}
  to {left: 0;}
}
@-o-keyframes mainmenushow {
  from { left: -250px;}
  to {left: 0;}
}
@keyframes mainmenushow {
  from { left: -250px;}
  to {left: 0;}
}

@-webkit-keyframes mainmenuhide {
  from { left: 0;}
  to {left: -250px;}
}
@-moz-keyframes mainmenuhide {
  from { left: 0;}
  to {left: -250px;}
}
@-o-keyframes mainmenuhide {
  from { left: 0;}
  to {left: -250px;}
}
@keyframes mainmenuhide {
  from { left: 0;}
  to {left: -250px;}
}

@-webkit-keyframes navhandlermove {
  from { left: 0;}
  to {left: 250px;}
}
@-moz-keyframes navhandlermove {
  from { left: 0;}
  to {left: 250px;}
}
@-o-keyframes navhandlermove {
  from { left: 0;}
  to {left: 250px;}
}
@keyframes navhandlermove {
  from { left: 0;}
  to {left: 250px;}
}

@-webkit-keyframes navhandlerback {
  from { left: 250px;}
  to {left: 0;}
}
@-moz-keyframes navhandlerback {
  from { left: 250px;}
  to {left: 0;}
}
@-o-keyframes navhandlerback {
  from { left: 250px;}
  to {left: 0;}
}
@keyframes navhandlerback {
  from { left: 250px;}
  to {left: 0;}
}

@-webkit-keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@-moz-keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@-o-keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@-webkit-keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}
@-moz-keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}
@-o-keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}
@keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

#off-canvas-on-overlay{
  position: fixed;
  left: 0;
  right: 0;
  bottom: -1000000px;
  z-index: 10;
  background-color: rgba(0,0,0, .25);
  box-shadow: inset 50px 0 100px 0 rgba(0,0,0, .3); 
  zoom: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition:   opacity 0.8s cubic-bezier(.19,1,.22,1) 0.8s;
  -moz-transition:      opacity 0.8s cubic-bezier(.19,1,.22,1) 0.8s;
  -o-transition:        opacity 0.8s cubic-bezier(.19,1,.22,1) 0.8s;
  transition:           opacity 0.8s cubic-bezier(.19,1,.22,1) 0.8s;
}
html.off-canvas-left-on{
  overflow: hidden;
}
html.off-canvas-left-on body{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
html.off-canvas-left-off #site-container{
  position: relative;
  left: 0;
  overflow: visible;
  -webkit-animation: reservedmovesiteright 0.8s cubic-bezier(.19,1,.22,1) 0s;
  -moz-animation:    reservedmovesiteright 0.8s cubic-bezier(.19,1,.22,1) 0s;
  -o-animation:      reservedmovesiteright 0.8s cubic-bezier(.19,1,.22,1) 0s;
  animation:         reservedmovesiteright 0.8s cubic-bezier(.19,1,.22,1) 0s;
  -webkit-backface-visibility:hidden;
}
html.off-canvas-left-on #site-container,
html.off-canvas-left-on.off-canvas-left-off #site-container{
  position: relative;
  left: 250px;
  overflow: visible;
  -webkit-animation: movesiteright 0.8s cubic-bezier(.19,1,.22,1) 0s;
  -moz-animation:    movesiteright 0.8s cubic-bezier(.19,1,.22,1) 0s;
  -o-animation:      movesiteright 0.8s cubic-bezier(.19,1,.22,1) 0s;
  animation:         movesiteright 0.8s cubic-bezier(.19,1,.22,1) 0s;
}
html.off-canvas-left-off #bg-featured{
  left: 0;
  -webkit-animation: reservedmovesiteright 0.8s cubic-bezier(.19,1,.22,1) 0s;
  -moz-animation:    reservedmovesiteright 0.8s cubic-bezier(.19,1,.22,1) 0s;
  -o-animation:      reservedmovesiteright 0.8s cubic-bezier(.19,1,.22,1) 0s;
  animation:         reservedmovesiteright 0.8s cubic-bezier(.19,1,.22,1) 0s;
  -webkit-backface-visibility:hidden;
}
html.off-canvas-left-on #bg-featured,
html.off-canvas-left-on.off-canvas-left-off #bg-featured{
  left: 250px;
  -webkit-animation: movesiteright 0.8s cubic-bezier(.19,1,.22,1) 0s;
  -moz-animation:    movesiteright 0.8s cubic-bezier(.19,1,.22,1) 0s;
  -o-animation:      movesiteright 0.8s cubic-bezier(.19,1,.22,1) 0s;
  animation:         movesiteright 0.8s cubic-bezier(.19,1,.22,1) 0s;
}
html.off-canvas-left-off #site-nav{
  -webkit-animation: mainmenuhide 0.8s cubic-bezier(.19,1,.22,1) 0s;
  -moz-animation:    mainmenuhide 0.8s cubic-bezier(.19,1,.22,1) 0s;
  -o-animation:      mainmenuhide 0.8s cubic-bezier(.19,1,.22,1) 0s;
  animation:         mainmenuhide 0.8s cubic-bezier(.19,1,.22,1) 0s;
}
html.off-canvas-left-on #site-nav,
html.off-canvas-left-on.off-canvas-left-off #site-nav{
  -webkit-animation: mainmenushow 0.8s cubic-bezier(.19,1,.22,1) 0s;
  -moz-animation:    mainmenushow 0.8s cubic-bezier(.19,1,.22,1) 0s;
  -o-animation:      mainmenushow 0.8s cubic-bezier(.19,1,.22,1) 0s;
  animation:         mainmenushow 0.8s cubic-bezier(.19,1,.22,1) 0s;
}

html.off-canvas-left-on #site-nav,
html.off-canvas-left-on.off-canvas-left-off #site-nav,
html.off-canvas-left-off #site-nav {
  display: block;
}

html.off-canvas-left-off #nav-button-side {
  -webkit-animation: navhandlerback 0.8s cubic-bezier(.19,1,.22,1) 0s;
  -moz-animation:    navhandlerback 0.8s cubic-bezier(.19,1,.22,1) 0s;
  -o-animation:      navhandlerback 0.8s cubic-bezier(.19,1,.22,1) 0s;
  animation:         navhandlerback 0.8s cubic-bezier(.19,1,.22,1) 0s;
}
html.off-canvas-left-on #nav-button-side,
html.off-canvas-left-on.off-canvas-left-off #nav-button-side{
  -webkit-animation: navhandlermove 0.8s cubic-bezier(.19,1,.22,1) 0s;
  -moz-animation:    navhandlermove 0.8s cubic-bezier(.19,1,.22,1) 0s;
  -o-animation:      navhandlermove 0.8s cubic-bezier(.19,1,.22,1) 0s;
  animation:         navhandlermove 0.8s cubic-bezier(.19,1,.22,1) 0s;
}

#site-nav.sideIsViewable {
  z-index: 11;
  left: 0;
  margin-left: 0;
}
html.off-canvas-left-on #off-canvas-on-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}

@media only screen and (max-width: 375px) {
	@-webkit-keyframes movesiteright {
	from { left: 0;}
	to {left: 70%;}
	}
	@-moz-keyframes movesiteright {
	from { left: 0;}
	to {left: 70%;}
	}
	@-o-keyframes movesiteright {
	from { left: 0;}
	to {left: 70%;}
	}
	@keyframes movesiteright {
	from { left: 0;}
	to {left: 70%;}
	}
	@-webkit-keyframes reservedmovesiteright {
	from { left: 70%;}
	to {left: 0;}
	}
	@-moz-keyframes reservedmovesiteright {
	from { left: 70%;}
	to {left: 0;}
	}
	@-o-keyframes reservedmovesiteright {
	from { left: 70%;}
	to {left: 0;}
	}
	@keyframes reservedmovesiteright {
	from { left: 70%;}
	to {left: 0;}
	}

	@-webkit-keyframes mainmenushow {
	  from { left: -70%;}
	  to {left: 0;}
	}
	@-moz-keyframes mainmenushow {
	  from { left: -70%;}
	  to {left: 0;}
	}
	@-o-keyframes mainmenushow {
	  from { left: -70%;}
	  to {left: 0;}
	}
	@keyframes mainmenushow {
	  from { left: -70%;}
	  to {left: 0;}
	}

	@-webkit-keyframes mainmenuhide {
	  from { left: 0;}
	  to {left: -70%; }
	}
	@-moz-keyframes mainmenuhide {
	  from { left: 0;}
	  to {left: -70%;}
	}
	@-o-keyframes mainmenuhide {
	  from { left: 0; }
	  to {left: -70%; }
	}
	@keyframes mainmenuhide {
	  from { left: 0;}
	  to {left: -70%;}
	}

	@-webkit-keyframes navhandlermove {
	  from { left: 0;}
	  to {left: 70%;}
	}
	@-moz-keyframes navhandlermove {
	  from { left: 0;}
	  to {left: 70%;}
	}
	@-o-keyframes navhandlermove {
	  from { left: 0;}
	  to {left: 70%;}
	}
	@keyframes navhandlermove {
	  from { left: 0;}
	  to {left: 70%;}
	}

	@-webkit-keyframes navhandlerback {
	  from { left: 70%;}
	  to {left: 0;}
	}
	@-moz-keyframes navhandlerback {
	  from { left: 70%;}
	  to {left: 0;}
	}
	@-o-keyframes navhandlerback {
	  from { left: 70%;}
	  to {left: 0;}
	}
	@keyframes navhandlerback {
	  from { left: 70%;}
	  to {left: 0;}
	}

	html.off-canvas-left-on #site-container,
	html.off-canvas-left-on.off-canvas-left-off #site-container,
	html.off-canvas-left-on #bg-featured,
	html.off-canvas-left-on.off-canvas-left-off #bg-featured {
		left: 70%;
	}
}


/** -------------------------------- */
/** -------> 3. INNER PAGES <------- */
/** -------------------------------- */
#site-container {
	margin: 0;
	padding: 0 0 0 50px;
	position: relative;
}
.container-fluid {
	line-height: 1.75em;
	width: 1170px;
	max-width: 80%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.container-fluid p,
.container-fluid blockquote {
	margin-bottom: 15px;
}
.container-fluid h1,
.container-fluid h2,
.container-fluid h3 {
	font-weight: 600;
}
header#page-title{
  position: relative;
	text-align: center;
	margin-bottom: 30px;
  padding: 50px 0 50px 0;
}
body.cecm-blank header#page-title {
  margin-bottom: 60px;
}
header#page-title h1 {
	display: inline-block;
	margin: 0;
	padding: 0 20px 0 20px;
	font-size: 2em;
	font-weight: 800;
	letter-spacing: 0.03em;
}
@media (min-width: 480px) {
  header#page-title h1 {
    font-size: 3em;
  }
}
@media (min-width: 768px) {
  header#page-title h1 {
    font-size: 4em;
  }
}
header#page-title:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 2px;
	bottom: -1px;
	left: 50%;
	margin: 0 0 0 -40px;
}
header#page-title .page-sub-heading {
  margin: 0 0 0;
  padding: 12px 0 0;
  font-size: 1.1em;
  font-weight: 400;
}
header#page-title .page-sub-heading p{
  margin: 0 0 0;
  padding: 0 0 0;
}
#site-content {
	margin: 0 0 0;
	padding: 0 0 0;
}
body.cecm-blank #site-content,
body.blog #site-content {
  padding: 0 0 30px;
}
body.cecm-blank-no-title #site-content,
body.single-post #site-content {
  margin: 0 0 0;
  padding: 40px 0 30px;
}
#site-content img {
  max-width: 100%;
  height: auto;
}

.testimoni-single {
  margin: 0 0 30px;
  padding: 0;
  text-align: center;
}
.testimoni-single .testimoni-author-pic {
  display: block;
  width: 140px;
  height: 140px;
  font-size: 50px;
  line-height: 120px;
  text-align: center;
  margin: 0 auto 20px auto;
  padding: 10px;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0, .12);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.testimoni-single h4 {
  margin: 0 0 20px;
}
.testimoni-single .testimoni-author-pic img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 50%;
}
.testimoni-single .testimoni-content {
  font-style: italic;
  font-weight: 300;
}
.testimoni-single .testimoni-content p .fa {
  font-size: 10px;
  margin-right: 10px;
  position: relative;
  top: -2px;
}
.testimoni-single .testimoni-content p:last-child:after {
  content: "\f10e";
  font-family: 'FontAwesome';
  font-size: 10px;
  margin-left: 10px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.testimoni-single .testimoni-content:after {
  content: "";
  display: table;
  line-height: 0;
  margin: 0;
  clear: both;
}


.ce-circular-progress-parent {
  display: block;
  padding: 0;
  text-align: center;
}
.ce-circular-progress-parent .ce-circular-progress {
  display: block;
  position: relative;
  margin: 0px auto 0px auto;
  padding: 0;
  max-width: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.ce-circular-progress .ce-circular-progress-inner{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: inherit;
}


.ce-progressbar-parent {
  position: relative;
  display: block;
  padding: 0 45px 0 0;
}
.ce-progressbar-parent .ce-sc-progressbar {
  position: relative;
  margin: 0;
  padding: 2px;
  border-radius: 3px;
  background-color: rgba(0,0,0, .08);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ce-progressbar-parent .ce-sc-progressbar .ce-sc-progress-inner {
  float: left;
  display: inline-block;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(0,0,0, .12);
}
.ce-progressbar-parent .ce-sc-progressbar-text {
  position: absolute;
  right: 0;
  top: 50%;
  width: 45px;
  height: 22px;
  line-height: 22px;
  margin: -11px 0 0 0;
  padding: 0;
  text-align: right;
  font-weight: 600;
}


.ce-staff-wrap {
  margin: 0 0 30px;
  padding: 0;
  text-align: center;
}
.ce-staff-wrap .ce-staff-picture {
  display: block;
  margin: 0 0 30px;
  padding: 0;
  font-size: 50px;
  line-height: 100px;
  text-align: center;
}
.ce-staff-wrap .ce-staff-picture img {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.ce-staff-wrap .ce-staff-name {
  margin: 0 15px;
  padding: 0;
}
.ce-staff-wrap .ce-staff-job {
  margin: 0 0 15px;
  padding: 0 0 0;
  text-transform: uppercase;
  font-size: .8em;
}
.ce-staff-wrap ul.ce-staff-social {
  list-style-type: none;
  margin: 0;
  padding: 10px 0 0;
}
.ce-staff-wrap ul.ce-staff-social li {
  list-style-type: none;
  display: inline-block;
  margin: 0 6px 0 6px;
  padding: 4px 0 4px;
}
.ce-staff-wrap ul.ce-staff-social li a {
  font-size: 18px;
}
.ce-staff-wrap ul.ce-staff-social li a:hover,
.ce-staff-wrap ul.ce-staff-social li a:active,
.ce-staff-wrap ul.ce-staff-social li a:focus {
  text-decoration: none;
}

/** ------------------------------- */
/** -------> 4. BLOG POSTS <------- */
/** ------------------------------- */
article.type-post {
  margin: 0 0 60px;
  padding: 0;
}
.grid-post-inner article.type-post {
  margin: 0 0 30px;
}
.grid-post-inner.type-post-carousel article.type-post {
  margin: 0 0 0;
}
body.single-post article.type-post {
  margin-bottom: 0;
}
body.single-post #main {
  margin-bottom: 60px;
}
article.type-post .entry-header:after,
article.type-post:after,
.entry-content:after,
.entry-footer:after,
.navigation:after {
  content: "";
  display: table;
  margin: 0;
  padding: 0;
  clear: both;
}
article.type-post .entry-header {
  margin: 0 0 0;
  padding: 0;
}
.entry-header .cat-links {
  display: block;
  margin: 0 0 5px;
  padding: 0;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .025em;
}
.entry-header .cat-links span {
  font-weight: 400;
  opacity: .5;
  filter: alpha('opacity=50');
}
.entry-header h1.entry-title,
.entry-header h2.entry-title {
  margin-top: 0;
  font-weight: 600;
}
article.type-post .post-thumbnail {
  display: block;
  margin: 0 0 25px;
  padding: 0;
  text-align: center;
  background-color: rgba(0,0,0, .05)
}
.entry-content {
  margin: 0 0 0;
  padding: 0;
}
.entry-content.loop {
  margin-bottom: 20px;
}
.entry-content.loop p {
  margin-bottom: 15px;
}
.grid-post-inner .entry-content.loop p{
  max-height: 3.2em;
  overflow: hidden;
}
.grid-post-inner.type-post-carousel .entry-content.loop{
  margin-bottom: 10px;
}
.entry-content .entry-readmore {
  font-weight: 600;
  font-size: 1.1em;
}
.entry-content .entry-readmore .fa {
  position: relative;
  margin-left: 2px;
  font-size: 11px;
  line-height: inherit;
  left: -10px;
  opacity: 0;
  filter: alpha(opacity=0);
  font-weight: 400;
  -webkit-transition:   left 0.2s ease-out 0s, opacity 0.2s ease-out 0s;
  -moz-transition:      left 0.2s ease-out 0s, opacity 0.2s ease-out 0s;
  -o-transition:        left 0.2s ease-out 0s, opacity 0.2s ease-out 0s;
  transition:           left 0.2s ease-out 0s, opacity 0.2s ease-out 0s;
}
.entry-content .entry-readmore:hover .fa {
  left: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}
.entry-footer {
  margin: 0 0 20px;
  padding: 0 0 0;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: .025em;
}
.entry-footer time,
.entry-footer .comments-link,
.entry-footer .author.vcard {
  font-weight: 600;
}
.entry-footer .ef-divider {
  display: inline-block;
  margin: 0 10px 0 10px;
}
.grid-post-inner .entry-footer {
  display: none;
}

article.type-post.format-quote .entry-header,
article.type-post.format-link .entry-header {
  position: relative;
  padding: 30px 30px 30px 110px;
}
.grid-post-inner article.type-post.format-quote .entry-header,
.grid-post-inner article.type-post.format-link .entry-header {
  padding-left: 80px;
}
article.type-post.format-quote .entry-header .entry-post-format-icon,
article.type-post.format-link .entry-header .entry-post-format-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 100%;
  margin: 0;
  padding-top: 30px;
  text-align: center;
  font-size: 26px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: rgba(0,0,0, .05);
}
.grid-post-inner article.type-post.format-quote .entry-header .entry-post-format-icon,
.grid-post-inner article.type-post.format-link .entry-header .entry-post-format-icon {
  width: 50px;
  font-size: 22px;
}
article.type-post.format-quote .entry-header .entry-quote-author {
  display: block;
  text-align: right;
  margin: 0;
  padding: 15px 0 0 0;
}
article.type-post.format-link .entry-header h2,
.grid-post-inner article.type-post.format-link .entry-header h2,
article.type-post.format-link .entry-header h1 {
  margin-bottom: 0;
}
.grid-post-inner .entry-header h2 {
  font-size: 18px;
  margin-bottom: 25px;
}
.entry-content .inside-entry-footer {
  clear: both;
  margin: 0;
  padding: 30px 0 0;
}
.entry-content.content-nope .inside-entry-footer{
  padding-top: 0;
}
.entry-content .inside-entry-footer .tags-links {
  display: block;
  margin: 0;
  padding: 30px 0 30px 0;
}
.entry-content .inside-entry-footer .tags-links .fa {
  display: inline-block;
  margin-right: 12px;
}
.entry-content .inside-entry-footer .tags-links a {
  font-size: 80%;
}

.entry-video,
.entry-audio {
  display: block;
}
.entry-video .entry-video-inner,
.codeelite-video-container {
  display: block;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin: 0 0 0;
}
.portfolio-gallery .entry-video .entry-video-inner {
  padding-top: 0;
}
.codeelite-video-container {
  margin-bottom: 30px;
}
.entry-video .codeelite-video-container,
.entry-audio .codeelite-video-container {
  margin-bottom: 0;
}
.entry-video iframe,
.entry-video object,
.entry-video embed,
.entry-video video,
.codeelite-video-container iframe,
.codeelite-video-container object,
.codeelite-video-container embed,
.codeelite-video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.codeelite-gallery {
  margin: 0 0 30px;
  padding: 0;
}
.codeelite-post-gallery {
  text-align: center;
}

.navigation.pagination {
  clear: both;
  display: block;
  text-align: center;
  margin: 0 0 30px;
}
.navigation.comments-pagination {
  clear: both;
  display: block;
  clear: both;
  margin: 0 0 30px;
  padding-top: 20px;
  text-align: center;
}
.page-links {
  clear: both;
  display: block;
  margin: 0 0 20px;
  padding: 15px 0;
  text-align: center;
  border-top: 1px solid rgba(0,0,0, .08);
}
.navigation.pagination .page-numbers,
.navigation.comments-pagination .page-numbers,
.page-links .page-number {
  display: inline-block;
  margin: 0 12px 0 12px;
  font-size: 1em;
  font-weight: 600;
}
.navigation.pagination .page-numbers:hover,
.navigation.comments-pagination .page-numbers:hover,
.page-links a:hover {
  text-decoration: none;
}
.navigation.pagination .page-numbers.dots,
.navigation.comments-pagination .page-numbers.dots {
  opacity: .5;
  filter: alpha(opacity=50);
}

.navigation.post-navigation {
  margin: 0;
}
.navigation.post-navigation.moreMgTop {
  margin-top: 45px;
}
.navigation.post-navigation:after {
  content: "";
  display: table;
  margin: 0;
  clear: both;
}
.navigation.post-navigation .nav-links {}
.navigation.post-navigation .nav-links .nav-previous {
  float: none;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 30px 20px 30px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.navigation.post-navigation .nav-links .nav-next {
  float: none;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 30px 20px 30px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media (min-width: 768px) {
  .navigation.post-navigation .nav-links .nav-previous {
    float: left;
    text-align: left;
    width: 50%;
    padding: 30px 20px 30px 0;
    border-bottom: 0;
  }
  .navigation.post-navigation .nav-links .nav-next {
    float: right;
    text-align: right;
    width: 50%;
    padding: 30px 0 30px 20px;
  }
}
.navigation.post-navigation .nav-links .nav-subtitle {
  display: block;
  opacity: .5;
  filter: alpha(opacity=50);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 400;
}
.navigation.post-navigation .nav-links .nav-title-icon-wrapper {
  display: inline-block;
  margin-right: 12px;
}
.navigation.post-navigation .nav-links .nav-next .nav-title-icon-wrapper {
  margin-right: 0;
  margin-left: 12px;
}
.navigation.post-navigation .nav-links .nav-title {
  font-weight: 600;
  -webkit-transition:   all 0.2s ease-out 0s;
  -moz-transition:      all 0.2s ease-out 0s;
  -o-transition:        all 0.2s ease-out 0s;
  transition:           all 0.2s ease-out 0s;
  z-index: 1;
}


/** ------------------------------ */
/** -------> 5. PORTFOLIO <------- */
/** ------------------------------ */
.portfolio-default {
  margin-bottom: 30px;
}
.project-inner-holder {
  position: relative;
  margin: 0;
  padding: 0;
}
.project-cover {
  display: block;
  background-color: #111;
  text-align: center;
}
.project-inner-holder:hover .project-cover>a {
  opacity: .75;
  filter: alpha(opacity=75);
}
.portfolio-default .project-entry-header {
  position: relative;
  margin: 0;
  padding: 20px 0 20px 0;
  text-align: center;
}
.portfolio-masonry {
  overflow: hidden;
}
.portfolio-default .project-entry-header:after,
.portfolio-masonry .project-entry-header h3:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 80px;
  height: 1px;
  margin-left: -40px;
}
.portfolio-masonry .project-entry-header {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  padding: 20px;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  /**-webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);*/
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

  -webkit-transition:   all 0.25s cubic-bezier(.39,.575,.565,1) 0s;
  -moz-transition:      all 0.25s cubic-bezier(.39,.575,.565,1) 0s;
  -o-transition:        all 0.25s cubic-bezier(.39,.575,.565,1) 0s;
  transition:           all 0.25s cubic-bezier(.39,.575,.565,1) 0s;
}
.portfolio-masonry:hover .project-entry-header {
  opacity: 1;
  filter: alpha(opacity=100);
  /**-webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);*/
}
.portfolio-masonry .project-entry-header .valign-outer {
  display: table;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.portfolio-masonry .project-entry-header .valign-outer .valign-inner {
  display: table-cell;
  vertical-align: middle;
}
.portfolio-masonry .project-entry-header .cloud-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.project-entry-header h3 {
  position: relative;
  z-index: 2;
  font-size: 19px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 0;
  padding: 0;
}
.project-entry-header .project-cats {
  position: relative;
  z-index: 2;
  display: block;
  margin: 0 0 2px;
  padding: 0;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
}
.portfolio-masonry .project-entry-header h3 {
  padding-top: 0;
  padding-bottom: 20px;
}
.portfolio-masonry .project-entry-header .project-cats {
  margin-bottom: 8px;
}

.masonry-grid-wraper {
  margin-bottom: 30px;
}
.ce-col-inner .masonry-grid-wraper {
  margin-bottom: 0;
}
.masonry-grid-wraper:after {
  content: "";
  display: table;
  margin: 0;
  clear: both;
}
[class*="project-masonry-"] {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
[class*="project-masonry-"] img {
  -webkit-transition:   all 0.2s ease-out 0s;
  -moz-transition:      all 0.2s ease-out 0s;
  -o-transition:        all 0.2s ease-out 0s;
  transition:           all 0.2s ease-out 0s;
}
.ce-grid-sizer-2,
.ce-grid-sizer-3,
.ce-grid-sizer-4,
.ce-grid-sizer-5,
.ce-grid-sizer-6,
.project-masonry-2,
.project-masonry-3,
.project-masonry-4,
.project-masonry-5,
.project-masonry-6,
.project-masonry-2.double-sized,
.project-masonry-3.double-sized,
.project-masonry-4.double-sized,
.project-masonry-5.double-sized,
.project-masonry-6.double-sized {
  width: 100%;
}
@media (min-width: 560px) {
  .ce-grid-sizer-2,
  .ce-grid-sizer-3,
  .ce-grid-sizer-4,
  .ce-grid-sizer-5,
  .ce-grid-sizer-6,
  .project-masonry-2,
  .project-masonry-3,
  .project-masonry-4,
  .project-masonry-5,
  .project-masonry-6 {
    width: 50%;
  }
  .project-masonry-2.double-sized,
  .project-masonry-3.double-sized,
  .project-masonry-4.double-sized,
  .project-masonry-5.double-sized,
  .project-masonry-6.double-sized {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .ce-grid-sizer-2,
  .project-masonry-2 {
    width: 50%;
  }
  .ce-grid-sizer-3,
  .project-masonry-3 {
    width: 33.33333333%;
  }
  .ce-grid-sizer-4,
  .project-masonry-4 {
    width: 25%;
  }
  .ce-grid-sizer-5,
  .project-masonry-5 {
    width: 20%;
  }
  .ce-grid-sizer-6,
  .project-masonry-6 {
    width: 16.66666667%;
  }
  .project-masonry-2.double-sized {
    width: 100%;
  }
  .project-masonry-3.double-sized {
    width: 66.66666667%;
  }
  .project-masonry-4.double-sized {
    width: 50%;
  }
  .project-masonry-5.double-sized {
    width: 40%;
  }
  .project-masonry-6.double-sized {
    width: 33.33333333%;
  }
}

.posts-grid-wraper .col-md-3:nth-child(4n+1),
.posts-grid-wraper .col-md-4:nth-child(3n+1),
.posts-grid-wraper .col-md-6:nth-child(2n+1),
.project-wraper .col-md-3.portfolio-default:nth-child(4n+1),
.project-wraper .col-md-4.portfolio-default:nth-child(3n+1),
.project-wraper .col-md-6.portfolio-default:nth-child(2n+1) {
  clear: both;
}
.masonry-pagination {
  position: relative;
  margin: 0;
  padding: 15px 0 30px 0;
  text-align: center;
}
.masonry-pagination>a {
  display: inline-block;
  margin: 0;
  padding: 20px 70px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 0.075em;
}
.masonry-pagination>a:hover,
.masonry-pagination>a:active,
.masonry-pagination>a:focus {
  text-decoration: none;
}
.masonry-pagination .progress_js {
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
  height: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 2px;
  background-color: rgba(0,0,0, .06);
  box-shadow: 0 0 0 1px rgba(0,0,0, .24);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.progress_js .progress_js_inner {
  display: block;
  margin: 0;
  padding: 0;
  height: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition:   width 0.2s ease-out 0s;
  -moz-transition:      width 0.2s ease-out 0s;
  -o-transition:        width 0.2s ease-out 0s;
  transition:           width 0.2s ease-out 0s;
}

header#project-header {
  padding-top: 60px;
  padding-bottom: 60px;
}
header#project-header h1 {
  position: relative;
  z-index: 1;
  font-size: 28px;
  font-weight: 800;
}
@media (min-width: 480px) {
  header#project-header h1 {
    font-size: 36px;
  }
}
@media (min-width: 768px) {
  header#project-header h1 {
    font-size: 60px;
  }
}
header#project-header .single-project-cats {
  display: block;
  position: relative;
  z-index: 2;
  font-size: 11px;
  font-weight: 600;
  margin: 0 0 -15px;
  padding: 0 0 0;
  text-transform: uppercase;
  letter-spacing: 0.075em;
}
header#project-header .single-project-cats .p_in {
  font-weight: 300;
}
.portfolio-gallery a:hover {
  opacity: .75;
  filter: alpha(opacity=75);
}
.project-gallery-classic {
  display: block;
  margin: 0 0 15px;
  padding: 0;
}
.project-gallery-classic:after {
  content: "";
  display: table;
  line-height: 0;
  margin: 0;
  padding: 0;
  clear: both;
}
.project-gallery-classic .portfolio-classic-gallery {
  display: block;
  text-align: center;
  margin: 0 0 30px;
  padding: 0;
}
.codeelite-gallery.project-gallery-slide {
  margin: 0 0 45px;
  padding: 0;
}

.ce_header_image {
  position: relative;
  margin: 0 0 30px;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ce_header_image img {
  position: absolute;
  z-index: 1;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
}
.ce_header_image .ce_header_image_overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

/** ---------------------------- */
/** -------> 6. SIDEBAR <------- */
/** ---------------------------- */
#sidebar {
  margin: 0 0 30px;
  padding-top: 40px;
}
#sidebar .sidebar-content {
  margin: 0;
  padding: 0 0 0 0;
}
@media (min-width: 992px) {
  #sidebar {
    padding-top: 0;
  }
  #sidebar .sidebar-content {
    padding: 0 0 0 25px;
  }
}
#sidebar .sidebarbox {
  margin: 0 0 50px;
  padding: 0;
}
#sidebar .sidebarbox:after {
  content: "";
  display: table;
  margin: 0;
  padding: 0;
  clear: both;
}
#sidebar .sidebarbox h4.widget-title {
  position: relative;
  margin: 0 0 20px;
  padding-top: 20px;
  font-weight: 600;
}
#sidebar .sidebarbox h4.widget-title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 2px;
}

.widget_nav_menu ul,
.widget_categories>ul,
.widget_archive>ul,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_pages ul,
.widget_meta ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.widget_categories ul li,
.widget_archive ul li{
  text-align: right;
  color: #afafaf;
}
.widget_categories ul li>a,
.widget_archive ul li>a {
  float: left;
}
.widget_categories ul:after,
.widget_archive ul:after,
.widget_categories ul li:after,
.widget_categories ul ul li:after,
.widget_archive ul li:after {
  content: "";
  display: table;
  margin: 0;
  padding: 0;
  clear: both;
}
.widget_categories ul {
  clear: both;
}
.widget_categories>ul>li,
.widget_nav_menu ul>li,
.widget_pages>ul>li,
.widget_archive>ul>li {
  list-style-type: none;
}
.widget_categories>ul>li,
.widget_archive>ul>li,
.widget_nav_menu ul>li,
.widget_pages>ul>li,
.widget_recent_entries ul>li,
.widget_meta ul>li,
.widget_recent_comments ul>li {
  margin: 0;
  padding: 10px 0 10px 0;
}
.widget_categories ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul {
  margin: 0 0 0 20px;
  padding: 0;
}
.widget_categories>ul>li>ul,
.widget_nav_menu ul>li>ul,
.widget_pages>ul>li>ul {
  padding-top: 10px;
  margin-bottom: -10px;
}
.widget_categories>ul>li>ul ul,
.widget_nav_menu ul>li>ul ul,
.widget_pages>ul>li>ul ul {
  padding-top: 6px;
  margin-bottom: -6px;
}
.widget_pages ul ul li,
.widget_nav_menu ul ul li,
.widget_categories ul ul li {
  font-size: 12px;
  padding: 6px 0 6px 0;
}
.widget_categories ul li>a,
.widget_meta ul li>a,
.widget_pages ul li>a,
.widget_nav_menu ul li>a,
.widget_recent_entries ul>li a,
.widget_recent_comments ul>li a {
  font-weight: 400;
}
.widget_nav_menu ul li.current-menu-item>a {
  font-weight: 600;
}
.widget_recent_entries ul>li .post-date {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
}
.widget_recent_comments .comment-author-link {
  font-style: italic;
}

.widget_search form.search-form {
  position: relative;
}
.widget_search label {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  z-index: 1;
}
.widget_search label:before {
  content: "\f002";
  font-family: 'FontAwesome';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0;
  margin-top: -15px;
  width: 40px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: initial;
}
.widget_search input[type="search"] {
  width: 100%;
  padding-right: 45px;
}
.widget_search input[type="submit"] {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 50%;
  margin: -15px 0 0 0;
  width: 40px;
  height: 30px;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}

/** wp-calendar */
table#wp-calendar{
  width: 100%;
  margin: 0;
}
table#wp-calendar caption{
  text-align: center;
  font-weight: bold;
  margin: 0 0 10px;
}
table#wp-calendar tfoot td#next{
  text-align: right;
}
table#wp-calendar tbody td,
table#wp-calendar thead th{
  text-align: center;
}
table#wp-calendar tbody td{
  font-size: 11px;
}
table#wp-calendar tbody td a {
  font-weight: 600;
}

ul.widget_ce_portfolio_items {
  list-style-type: none;
  margin: 0 -4px 15px -4px;
  padding: 0;
}
ul.widget_ce_portfolio_items:after {
  content: "";
  display: table;
  clear: both;
  margin: 0;
}
ul.widget_ce_portfolio_items li {
  list-style-type: none;
  float: left;
  width: 50%;
  margin: 0;
  padding: 4px;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
ul.widget_ce_portfolio_items li:nth-child(2n+1) {
  clear: both;
}
ul.widget_ce_portfolio_items li a {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  background-color: #111;
  overflow: hidden;
}
ul.widget_ce_portfolio_items li a:before {
  content: "\e048";
  display: block;
  font-family: 'linea-arrows-10';
  font-size: 42px;
  color: #fff;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: -25px 0 0 -25px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
ul.widget_ce_portfolio_items li a>img {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  *zoom: 1;
  z-index: 2;
  -webkit-transition:   all 0.3s ease-out 0s;
  -moz-transition:      all 0.3s ease-out 0s;
  -o-transition:        all 0.3s ease-out 0s;
  transition:           all 0.3s ease-out 0s;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
}
ul.widget_ce_portfolio_items li a:hover>img {
  opacity: .5;
  filter: alpha(opacity=50);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}


ul.widget_ce_posts_items {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.widget_ce_posts_items:after,
ul.widget_ce_posts_items li a:after{
  content: "";
  display: table;
  clear: both;
  margin: 0;
}
ul.widget_ce_posts_items li {
  list-style-type: none;
  margin: 0 0 15px;
  padding: 0 0 15px;
}
ul.widget_ce_posts_items li .widget_ce_thumbnail {
  float: left;
  display: inline-block;
  position: relative;
  width: 70px;
  height: 70px;
  text-align: center;
  margin: 0 15px 0 0;
  padding: 5px;
  font-size: 26px;
}
ul.widget_ce_posts_items li .widget_ce_thumbnail img {
  display: inline-block;
  margin: 0;
  padding: 0;
}
ul.widget_ce_posts_items li .widget_ce_thumbnail .fa {
  position: absolute;
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  top: 5px;
  left: 5px;
  background-color: rgba(0,0,0, .04)
}
ul.widget_ce_posts_items li .widget_ce_title {
  display: block;
  font-weight: 400;
  margin: 0 0 0;
}
ul.widget_ce_posts_items li time {
  font-size: 10px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  opacity: .75;
  filter: alpha(opacity=75);
}
ul.widget_ce_posts_items li a{
  color: initial;
}
ul.widget_ce_posts_items li a:hover {
  text-decoration: none;
}



/** ----------------------------- */
/** -------> 7. COMMENTS <------- */
/** ----------------------------- */
#comments.comments-area {
  margin: 0 0 50px;
  padding: 30px 0 0;
}
#comments.comments-area h3.comments-title {
  margin-bottom: 30px;
  margin-top: 0;
  font-weight: 600;
}
.comments-holder {
  margin: 0;
  padding: 0;
}
ol.comment-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ol.comment-list li.comment,
ol.comment-list li.pingback {
  list-style-type: none;
  margin: 0 0 0;
  padding: 0;
}
ol.comment-list ol.children{
  margin: 0;
  padding: 0;
}
ol.children li.comment {
  margin-left: 5px;
  padding: 0;
}
@media (min-width: 480px) {
  ol.children li.comment {
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  ol.children li.comment {
    margin-left: 30px;
  }
}
body.single-portfolio ol.children li.comment{
  margin-left: 10px;
}
.comment-body {
  margin: 0 0 15px;
  padding: 25px 30px 0 30px;
}
ol.comment-list li.pingback .comment-body {
  padding-top: 15px;
  padding-bottom: 15px;
}
.comment-body footer.comment-meta {
  display: block;
  position: relative;
  margin: -25px -30px 0 -30px;
  padding: 0 80px 0 0;
  min-height: 50px;
}
.comment-meta .comment-author {
  float: left;
  margin: 20px 0 5px 30px;
  padding: 0;
}
.comment-meta .comment-author .says {
  display: none;
}
.comment-meta .comment-metadata {
  clear: both;
  margin: 0;
  padding: 0 80px 20px 30px;
  font-size: 11px;
  line-height: 18px;
}
.comment-meta .comment-metadata .edit-link,
ol.comment-list li.pingback .edit-link{
  display: inline-block;
  margin: 0 0 0 8px;
  padding: 0 0 0 8px;
}
.comment-meta .comment-author img{
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -25px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
}
.comment-meta .comment-awaiting-moderation {
  position: absolute;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 5px 20px;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  top: 100%;
  left: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #fff7cf;
  color: #716332;
}

.comment-body .comment-content {
  margin: 0;
  padding: 30px 0 10px;
}
.comments-holder:after,
.comment-body .comment-content:after {
  content: "";
  display: table;
  line-height: 0;
  clear: both;
}
.comment-body .reply{
  display: block;
  margin: 0 -30px 0 -30px;
  padding: 0 30px 0 0;
  text-align: right;
}
.comment-body .reply a{
  display: inline-block;
  margin: 10px 0 10px;
  padding: 1px 8px;
  font-size: 10px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
}


#respond.comment-respond {
  margin: 0 0 15px;
  padding: 0;
}
#respond.comment-respond h3#reply-title {
  margin: 0;
  padding: 20px 30px;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 0.075em;
}
#respond.comment-respond h3#reply-title:after {
  content: "";
  display: table;
  line-height: 0;
  clear: both;
}
#respond.comment-respond h3#reply-title small {
  float: right;
  margin: 0.5em 0 0 0;
  padding: 0;
}
#respond.comment-respond form{
  margin: 0;
  padding: 30px 30px;
}
#respond.comment-respond form .comment-notes {
  margin: -30px -30px 30px -30px;
  padding: 20px 30px;
  font-size: 11px;
  font-style: italic;
  background-color: #d9edf7;
  color: #31708f;
  display: none;
}
#respond.comment-respond .logged-in-as {
  margin: -30px -30px 30px -30px;
  padding: 20px 30px;
  font-size: 90%;
  background-color: #d9edf7;
  color: #31708f;
}
#respond.comment-respond .logged-in-as a {
  color: #31708f;
}
#respond.comment-respond .must-log-in {
  margin: 0;
  padding: 20px 30px;
  text-align: center;
  background-color: #fcf8e3;
  color: #8a6d3b;
}
.no-comments {
  margin: 0;
  padding: 20px 30px;
  text-align: center;
  background-color: #fcf8e3;
  color: #8a6d3b;
}
.comment-notes #email-notes {
  display: block;
  font-style: normal;
  font-weight: 600;
}
#respond .form-allowed-tags{
  display: none;
}
#respond.comment-respond [class^="comment-form-"] {
  margin: 0 0 15px;
  padding: 0 0 0 100px;
  position: relative;
}
#respond.comment-respond .comment-form-comment {
  padding-left: 0;
  margin-bottom: 10px;
}
#respond.comment-respond [class^="comment-form-"] input,
#respond.comment-respond [class^="comment-form-"] textarea{
  width: 100%;
  padding: 6px 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#respond.comment-respond [class^="comment-form-"] textarea {
  padding: 10px 15px 10px 15px;
}
#respond.comment-respond [class^="comment-form-"] input:focus,
#respond.comment-respond [class^="comment-form-"] textarea:focus {
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#respond.comment-respond [class^="comment-form-"] input {
  margin: 0;
}
#respond.comment-respond [class^="comment-form-"] label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  margin: 0;
  padding: 10px 0;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  line-height: 18px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#respond.comment-respond form .form-submit {
  text-align: right;
  margin-bottom: 0;
}
#respond.comment-respond form .form-submit input {
  padding: 15px 25px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.075em;
}
#respond.comment-respond .comment-form-comment label{
  display: none;
}


/** --------------------------- */
/** -------> 8. FOOTER <------- */
/** --------------------------- */
#site-footer {
	margin: 0;
	padding: 0;
}
#site-footer .col-splits {
	margin: 0;
	padding: 30px 0;
}
#site-footer .col-splits:after,
#footer-nav:after {
	content: "";
	display: table;
	margin:0;
	padding: 0;
	clear: both;
}
#site-footer .col-splits .split1,
#site-footer .col-splits .split2 {
  float: none;
  margin: 0 0 0;
  padding: 15px 0;
  text-align: center;
}
#site-footer .col-splits .split1 {
  padding-bottom: 0;
}
#footer-nav {
  margin: 0;
  padding: 15px 0 15px;
  float: none;
}
ul#footernav li,
#footer-nav li {
  float: none;
  display: inline-block;
  margin: 0 10px;
  padding: 0;
}

#site-footer .col-splits h3 {
  font-weight: 600;
  letter-spacing: 0.025em;
  margin-bottom: 15px;
}
#site-footer .col-splits p {
  margin-bottom: 25px;
  font-weight: 300;
}

#footer-nav ul#footernav,
#footer-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul#footernav li a,
#footer-nav li a {
  font-size: .87em;
  text-transform: uppercase;
}
ul#footernav li a:hover,
#footer-nav li a:hover {
  text-decoration: none;
}

#site-footer ul.site-social {
  list-style-type: none;
  margin: 0 0 0;
  padding: 15px 0 0;
}
#site-footer ul.site-social li {
  list-style-type: none;
  float: none;
  display: inline-block;
  margin: 0 15px 10px 0;
  padding: 0;
}
#site-footer ul.site-social li a{
  display: inline-block;
  margin: 0;
  font-size: 20px;
}
#site-footer ul.site-social:after {
  content: "";
  display: table;
  margin: 0;
  padding: 0;
  clear: both;
}
@media (min-width: 992px) {
  #site-footer .col-splits .split1,
  #site-footer .col-splits .split2 {
  	float: left;
  	margin: 0;
  	width: 50%;
  	padding: 15px 0 15px;
  	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
    text-align: inherit;
  }
  #footer-nav {
    float: right;
  }
  ul#footernav li,
  #footer-nav li {
    list-style-type: none;
    float: left;
    display: inline;
  }
  #site-footer ul.site-social {
    padding: 15px 0 15px;
  }
  #site-footer ul.site-social li {
    list-style-type: none;
    float: left;
    display: inline;
  }
}

/** --------------------------------- */
/** -------> 9. SEARCH MODAL <------- */
/** --------------------------------- */
#search-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 13000;
  display: none;
}
#search-wrap .search-site-content {
  position: absolute;
  width: 80%;
  height: 80px;
  top: 50%;
  left: 10%;
  margin-top: -40px;
}
#search-wrap .search-form {
  margin: 0 0 0;
  padding: 0;
}
#search-wrap .search-form label {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
}
#search-wrap .search-form input[type="search"] {
  display: block;
  width: 100%;
  height: 80px;
  line-height: 40px;
  padding: 20px;
  font-size: 22px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#search-wrap .search-form input[type="search"]:focus,
#search-wrap .search-form input[type="search"]:active,
#search-wrap .search-form input[type="submit"]:focus,
#search-wrap .search-form input[type="submit"]:active {
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#search-wrap .search-form input[type="submit"] {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  margin: 0;
  padding: 0;
  background: none transparent;
  font-size: .000000001em;
  text-indent: -9999999px;
  color: transparent;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#search-wrap .search-form input[type="submit"]:hover {
  background: none transparent;
  color: transparent;
  border: 0;
}
#search-wrap .search-form label:before {
  content: "\f002";
  font-family: 'FontAwesome';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 20px;
}
#search-wrap .search-site-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  font-size: 26px;
}
#search-wrap .search-site-close:hover,
#search-wrap .search-site-close:active,
#search-wrap .search-site-close:focus {
  text-decoration: none;
}

@media (min-width: 768px) {
  #search-wrap .search-site-content {
    height: 112px;
    margin-top: -56px;
  }
  #search-wrap .search-form input[type="search"] {
    height: 112px;
    line-height: 62px;
    padding: 25px;
    font-size: 42px;
  }
  #search-wrap .search-form input[type="submit"] {
    width: 112px;
    height: 112px;
    line-height: 112px;
  }
  #search-wrap .search-form label:before {
    width: 112px;
    height: 112px;
    line-height: 112px;
    font-size: 26px;
  }
}


/** --------------------------------------------- */
/** -------> 10. MISC (SWIPER, LIGHTBOX) <------- */
/** --------------------------------------------- */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}


/** PRETTYPHOTO CUSTOM THEME */
div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {
  background: #000;
  display: none;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9500;
}
div.pp_pic_holder {
  display: none;
  position: absolute;
  width: 100px;
  z-index: 10000;
}   
.pp_top {
  height: 5px;
  position: relative;
}
* html .pp_top { padding: 0 5px; } 
.pp_top .pp_left {
  height: 5px;
  left: 0;
  position: absolute;
  width: 5px;
}
.pp_top .pp_middle {
  height: 5px;
  left: 5px;
  position: absolute;
  right: 5px;
}
* html .pp_top .pp_middle {
  left: 0;
  position: static;
}   
.pp_top .pp_right {
  height: 5px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
}
.pp_content { height: 80px; min-width: 50px; }
* html .pp_content { width: 50px; }
.pp_fade { display: none; }  
.pp_content_container {
  position: relative;
  text-align: left;
  width: 100%;
}
.pp_content_container .pp_left { padding-left: 5px; }
.pp_content_container .pp_right { padding-right: 5px; } 
.pp_content_container .pp_details {
  float: left;
  margin: 10px 0 2px 0;
}
.pp_description {
  display: none;
  margin: 0;
}      
.pp_social { float: left; margin: 0; }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_social .twitter { float: left; }      
.pp_nav {
  clear: both;
  display: block;
  margin: 0 0 0 0;
  padding: 10px 0 10px 0;
}
.pp_nav:after {
  content: "";
  display: table;
  clear: both;
}
.pp_nav .currentTextHolder {
  float: right;
  margin: 5px 10px 0 0;
  font-weight: 600;
}
.currentTextHolder .pp_sep_currentTextHolder {
  display: inline-block;
  padding-left: 6px;
  padding-right: 6px;
  font-weight: 300;
  opacity: .75;
  filter: alpha(opacity=75);
}
.pp_arrow_previous,
.pp_arrow_next,
.pp_nav .pp_play,
.pp_nav .pp_pause {
  font-size: .0000001em;
  color: transparent;
}
a.pp_arrow_previous {
  float: left;
  margin: 2px 5px 2px 4px;
  height: 20px;
  line-height: 20px;
}
a.pp_arrow_previous:before {
  content: "\e03f";
  display: inline-block;
  font-family: 'linea-arrows-10';
  font-size: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
a.pp_arrow_next,
.pp_nav .pp_play,
.pp_nav .pp_pause {
  display: inline-block;
  padding: 2px 0;
  margin: 0;
  height: 20px;
  line-height: 20px
}
a.pp_arrow_next:before {
  content: "\e04b";
  display: inline-block;
  font-family: 'linea-arrows-10';
  font-size: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}      
.pp_nav .pp_play:before{
  content: "r";
  display: inline-block;
  font-family: 'linea-music-10';
  font-size: 24px;
  position: relative;
  top: -2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.pp_nav .pp_pause:before{
  content: "q";
  display: inline-block;
  font-family: 'linea-music-10';
  font-size: 24px;
  position: relative;
  top: -2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
} 
.pp_hoverContainer {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2000;
}   
.pp_gallery {
  display: none;
  left: 50%;
  margin-top: -50px;
  position: absolute;
  z-index: 10000;
}  
.pp_gallery div {
  float: left;
  overflow: hidden;
  position: relative;
}     
.pp_gallery ul {
  float: left;
  height: 35px;
  margin: 0 0 0 5px;
  padding: 0;
  position: relative;
  white-space: nowrap;
}      
.pp_gallery ul a {
  border: 1px #000 solid;
  border: 1px rgba(0,0,0,0.5) solid;
  display: block;
  float: left;
  height: 33px;
  overflow: hidden;
}
.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color: #fff; }
.pp_gallery ul a img { border: 0; }
.pp_gallery li {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
}
.pp_gallery li.default a {
  background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
  display: block;
  height: 33px;
  width: 50px;
}
.pp_gallery li.default a img { display: none; }
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
  margin-top: 7px !important;
}  
a.pp_next {
  position: absolute;
  background: rgba(0,0,0, .3);
  display: block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  right: 0;
  top: 50%;
  margin-top: -20px;
  text-align: center;
  font-size: .00001em;
  color: transparent;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  opacity: 0;
  fiter: alpha(opacity=0);
} 
a.pp_previous {
  position: absolute;
  background: rgba(0,0,0, .3);
  display: block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  left: 0;
  top: 50%;
  margin-top: -20px;
  text-align: center;
  font-size: .00001em;
  color: transparent;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  opacity: 0;
  fiter: alpha(opacity=0);
}
.pp_hoverContainer:hover a.pp_next,
.pp_hoverContainer:hover a.pp_previous {
  opacity: 1;
  fiter: alpha(opacity=100);
}
.pp_hoverContainer:hover a.pp_next {
  right: 10px;
}
.pp_hoverContainer:hover a.pp_previous {
  left: 10px;
}
a.pp_next:hover,
a.pp_previous:hover {
  background: rgba(0,0,0, .75);
}
a.pp_expand,
a.pp_contract {
  cursor: pointer;
  display: none;
  height: 20px; 
  position: absolute;
  right: -25px;
  font-size: 0.000001em;
  color: transparent;
  top: -30px;
  width: 20px;
  z-index: 20000;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
}  
a.pp_close {
  position: absolute;
  right: 0;
  top: -5px; 
  display: block;
  height: 40px;
  width: 40px;
  line-height: 0.0000001em;
  text-align: center;
  font-size: .000001em;
  color: transparent;
  z-index: 10000;
  opacity: 0;
  fiter: alpha(opacity=0);
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
}
.pp_fade:hover a.pp_close {
  opacity: 1;
  fiter: alpha(opacity=100);
}
.pp_bottom {
  height: 20px;
  position: relative;
}
* html .pp_bottom { padding: 0 5px; }     
.pp_bottom .pp_left {
  height: 5px;
  left: 0;
  position: absolute;
  width: 5px;
}
.pp_bottom .pp_middle {
  height: 5px;
  left: 5px;
  position: absolute;
  right: 5px;
}
* html .pp_bottom .pp_middle {
  left: 0;
  position: static;
}    
.pp_bottom .pp_right {
  height: 5px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
}
.pp_loaderIcon {
  display: block;
  height: 50px;
  line-height: 50px;
  width: 50px;
  left: 50%;
  text-align: center;
  margin: -25px 0 0 -25px;
  position: absolute;
  top: 50%;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; 
}
.pp_loaderIcon:before {
  content: "\e014";
  font-family: 'linea-arrows-10';
  font-size: 32px;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} 
#pp_full_res {
  line-height: 1 !important;
} 
#pp_full_res .pp_inline {
  text-align: left;
}
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt {
  color: #fff;
  display: none;
  font-size: 17px;
  margin: 0 0 5px 5px;
  z-index: 9999;
}

div.aozora_pp_dark_theme a:hover,
div.aozora_pp_dark_theme a:focus,
div.aozora_pp_light_theme a:hover,
div.aozora_pp_light_theme a:focus {
  text-decoration: none;
}
div.aozora_pp_light_theme .pp_left ,
div.aozora_pp_light_theme .pp_middle,
div.aozora_pp_light_theme .pp_right,
div.aozora_pp_light_theme .pp_content {
  background: #fff;
}
div.aozora_pp_light_theme .pp_expand {
  background: none;
}
div.aozora_pp_light_theme .pp_expand:after {
  content: "\e028";
  font-family: "linea-arrows-10";
  font-size: 16px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
div.aozora_pp_light_theme a.pp_contract:after {
  content: "\e051";
  font-family: 'linea-arrows-10';
  font-size: 16px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
div.aozora_pp_light_theme a.pp_next:after {
  content: "\e04b";
  display: inline-block;
  font-family: 'linea-arrows-10';
  font-size: 26px;
  color: #fff;
  margin-right: -1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
div.aozora_pp_light_theme a.pp_previous:after {
  content: "\e03f";
  display: inline-block;
  font-family: 'linea-arrows-10';
  font-size: 26px;
  color: #fff;
  margin-left: -1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
div.aozora_pp_light_theme a.pp_close:after {
  content: "\e00e";
  display: inline-block;
  font-family: 'linea-arrows-10';
  font-size: 22px;
  line-height: 40px;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
div.aozora_pp_light_theme a.pp_close {
  background-color: #fff;
}
div.aozora_pp_light_theme a.pp_close:hover:after {
  color: #111;
}
div.aozora_pp_light_theme a.pp_arrow_previous:before,
div.aozora_pp_light_theme a.pp_arrow_next:before,
div.aozora_pp_light_theme .pp_nav .pp_play:before,
div.aozora_pp_light_theme .pp_nav .pp_pause:before {
  color: #666;
}
div.aozora_pp_light_theme a.pp_arrow_previous:hover:before,
div.aozora_pp_light_theme a.pp_arrow_next:hover:before,
div.aozora_pp_light_theme .pp_nav .pp_play:hover:before,
div.aozora_pp_light_theme .pp_nav .pp_pause:hover:before {
  color: #111;
}


div.aozora_pp_dark_theme .pp_left ,
div.aozora_pp_dark_theme .pp_middle,
div.aozora_pp_dark_theme .pp_right,
div.aozora_pp_dark_theme .pp_content {
  background: #1b1b1b;
}
div.aozora_pp_dark_theme .pp_expand {
  background: none;
}
div.aozora_pp_dark_theme .pp_expand:after {
  content: "\e028";
  font-family: "linea-arrows-10";
  font-size: 16px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
div.aozora_pp_dark_theme a.pp_contract:after {
  content: "\e051";
  font-family: 'linea-arrows-10';
  font-size: 16px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
div.aozora_pp_dark_theme a.pp_next:after {
  content: "\e04b";
  display: inline-block;
  font-family: 'linea-arrows-10';
  font-size: 26px;
  color: #fff;
  margin-right: -1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
div.aozora_pp_dark_theme a.pp_previous:after {
  content: "\e03f";
  display: inline-block;
  font-family: 'linea-arrows-10';
  font-size: 26px;
  color: #fff;
  margin-left: -1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
div.aozora_pp_dark_theme a.pp_close:after {
  content: "\e00e";
  display: inline-block;
  font-family: 'linea-arrows-10';
  font-size: 22px;
  line-height: 40px;
  color: #999;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
div.aozora_pp_dark_theme a.pp_close {
  background-color: #1b1b1b;
}
div.aozora_pp_dark_theme a.pp_close:hover:after {
  color: #efefef;
}
div.aozora_pp_dark_theme a.pp_arrow_previous:before,
div.aozora_pp_dark_theme a.pp_arrow_next:before,
div.aozora_pp_dark_theme .pp_nav .pp_play:before,
div.aozora_pp_dark_theme .pp_nav .pp_pause:before {
  color: #999;
}
div.aozora_pp_dark_theme a.pp_arrow_previous:hover:before,
div.aozora_pp_dark_theme a.pp_arrow_next:hover:before,
div.aozora_pp_dark_theme .pp_nav .pp_play:hover:before,
div.aozora_pp_dark_theme .pp_nav .pp_pause:hover:before {
  color: #efefef;
}
div.aozora_pp_dark_theme .pp_loaderIcon:before {
  color: #e3e3e3;
}