/* ===== START MIXED CLASSES ===== */
.border-line {
  background: #ddd;
  clear: both;
  margin: 1.2em 0;
  width: 100%;
  height: 1px;
}
/* ===== END MIXED CLASSES ===== */
body {
  background: #f0f0f0;
  font-family: 'Nunito', sans-serif;
  font-size: 13px;
  color: #636363;
}
.ie body {
    padding-bottom:20px;
}
/* === TYPOGRAPHY */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Nunito', sans-serif;
  font-weight: bold;
}
a, .sidebar ul li a:hover {
  color: #b96204;
}
a:hover, .sidebar ul li a {
  color: #000000;
}
/* ===== START HEADER ===== */
#header {
  background-color: #f0f0f0;
  padding: 18px 2% 8px;
  width: 96%;
  text-align: left;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}

/* === LOGO */
#header #logo {
  float: left;
  margin-right: 50px;
}
#header #logo a {
  color: #545252;
}
#header #logo a:hover {
  color: #b96204;
}

/* === NAVIGATION */
#header #nav {
  float: left;
  font-size: 13px;
  position: relative;
  z-index: 1000;
}
#header #nav ul {
  margin: 0;
  list-style: none;
  padding: 20px 0;
}
#header #nav ul li {
  margin: 0 0 0 45px;
  float: left;
  padding: 15px 0;
  position: relative;
}
#header #nav ul li a {
  line-height: 11px;
  color: #939393;
  text-decoration: none;
  position: relative;
}
#header #nav ul li.current-menu-item > a,
#header #nav ul li.current-menu-ancestor > a,
#header #nav ul li a:hover {
  color: #252525;
}
#header #nav .sub-menu,
#header #nav .children {
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  display: none;
  font-size: 12px;
  position: absolute;
  left: -10px;
  padding: 5px 10px;
  margin: 10px 0 0;
  width: 180px;
  border: 1px solid #d3d3d3;
  z-index: 100000;
}
#header #nav .sub-menu li,
#header #nav .children li {
  border-top: 1px solid #DDD;
  display: block;
  float: none;
  line-height: 1em;
  margin: 0;
  padding: 10px 0;
}
#header #nav .sub-menu li:first-child,
#header #nav .children li:first-child {
  border: 0;
}
#header #nav .sub-menu li a,
#header #nav .children li a {
  color: #8c969e;
  letter-spacing: 0;
  display: block;
}
#header #nav .sub-menu li a:hover,
#header #nav .children li a:hover {
  color: #333;
}
#header #nav .sub-menu ul,
#header #nav .children ul {
  margin: 0;
  top: -6px;
  z-index: 100;
}                  
/* dark style */
#header #nav.dark .sub-menu,
#header #nav.dark .children {
  background-color: #191919;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid #333;
  -webkit-box-shadow: 0 0 5px 0 #000000;
  -moz-box-shadow: 0 0 5px 0 #000000;
  box-shadow: 0 0 5px 0 #000000;
  display: none;
  position: absolute;
  top: 31px;
  left: -15px;
  z-index: 10000;
  padding: 5px 0;
}
#header #nav.dark .sub-menu li,
#header #nav.dark .children li {
  padding:5px 15px;
  min-width: 120px;
  border-top: 0;
}
#header #nav.dark .sub-menu li:hover,
#header #nav.dark .children li:hover {
  background-color: #0F0F0F;
  background-color: rgba(0, 0, 0, 0.6);
}
#header #nav.dark .sub-menu li a,
#header #nav.dark .children li a {
  color: #bcbcbc;
  line-height: 20px;
}
#header #nav.dark .sub-menu li a:hover,
#header #nav.dark .children li a:hover {
  color: #fff;
}
#header #nav.dark .sub-menu ul,
#header #nav.dark .children ul {
  top: -6px;
  margin-left: 17px;
}
#header .sidebar-header {
  float: right;
  margin-top: 5px;
}
#header .slider.fixed-image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.admin-bar #header {
  top: 28px;
}
/* === MENU INDICATORS */
#nav a.sf-with-ul {
  min-width: 1px;
}
#nav .sf-sub-indicator {
  position: absolute;
  display: block;
  width: 12px;
  height: 10px;
  text-indent: -999em;
  background: url('images/menu-arrow-topbottom.png') top left;
  top: 4px;
  left: 120% !important;
}
#nav a:focus > .sf-sub-indicator,
#nav a:hover > .sf-sub-indicator,
#nav a:active > .sf-sub-indicator,
#nav li:hover > a > .sf-sub-indicator,
#nav li.sfHover > a > .sf-sub-indicator,
#nav li.current-menu-ancestor > a > .sf-sub-indicator,
#nav li.current-menu-item > a > .sf-sub-indicator {
  background: url('images/menu-arrow-topbottom.png') bottom left;
}
#nav ul.sub-menu .sf-sub-indicator,
#nav ul.children .sf-sub-indicator {
  display: block;
  background: url('images/menu-arrow-leftright.png') top right;
  width: 5px;
  height: 6px;
  left: 85% !important;
  top: 3px;
}
#nav ul.sub-menu a > .sf-sub-indicator,
#nav ul.children a > .sf-sub-indicator {
  display: block;
  background: url('images/menu-arrow-leftright.png') top left;
  width: 5px;
  height: 6px;
  left: 85% !important;
  top: 3px;
}
#nav ul.sub-menu a:focus > .sf-sub-indicator,
#nav ul.sub-menu a:hover > .sf-sub-indicator,
#nav ul.sub-menu a:active > .sf-sub-indicator,
#nav ul.sub-menu li:hover > a > .sf-sub-indicator,
#nav ul.sub-menu li.sfHover > a > .sf-sub-indicator,
#nav ul.children a:focus > .sf-sub-indicator,
#nav ul.children a:hover > .sf-sub-indicator,
#nav ul.children a:active > .sf-sub-indicator,
#nav ul.children li:hover > a > .sf-sub-indicator,
#nav ul.children li.sfHover > a > .sf-sub-indicator {
  background: url('images/menu-arrow-leftright.png') top right;
}               
#nav.dark ul.sub-menu a > .sf-sub-indicator, 
#nav.dark ul.children a > .sf-sub-indicator {
  left:98% !important;
}        
#nav.dark .sf-sub-indicator {
  background: url('images/menu-arrow-topbottom-dark.png') top left;
}
#nav.dark a:focus > .sf-sub-indicator,
#nav.dark a:hover > .sf-sub-indicator,
#nav.dark a:active > .sf-sub-indicator,
#nav.dark li:hover > a > .sf-sub-indicator,
#nav.dark li.sfHover > a > .sf-sub-indicator,
#nav.dark li.current-menu-ancestor > a > .sf-sub-indicator,
#nav.dark li.current-menu-item > a > .sf-sub-indicator {
  background: url('images/menu-arrow-topbottom-dark.png') bottom left;
}
#nav.dark ul.sub-menu .sf-sub-indicator,
#nav.dark ul.children .sf-sub-indicator {
  background: url('images/menu-arrow-leftright-dark.png') top right;
}
#nav.dark ul.sub-menu a > .sf-sub-indicator,
#nav.dark ul.children a > .sf-sub-indicator {
  background: url('images/menu-arrow-leftright-dark.png') top left;
}
#nav.dark ul.sub-menu a:focus > .sf-sub-indicator,
#nav.dark ul.sub-menu a:hover > .sf-sub-indicator,
#nav.dark ul.sub-menu a:active > .sf-sub-indicator,
#nav.dark ul.sub-menu li:hover > a > .sf-sub-indicator,
#nav.dark ul.sub-menu li.sfHover > a > .sf-sub-indicator,
#nav.dark ul.children a:focus > .sf-sub-indicator,
#nav.dark ul.children a:hover > .sf-sub-indicator,
#nav.dark ul.children a:active > .sf-sub-indicator,
#nav.dark ul.children li:hover > a > .sf-sub-indicator,
#nav.dark ul.children li.sfHover > a > .sf-sub-indicator {
  background: url('images/menu-arrow-leftright-dark.png') top right;
}    
/* === MENU NO JS */
body.no_js #nav ul li:hover > ul {
  display: block;
}
body.no_js #nav ul li ul.submenu li:hover > ul,
body.no_js #nav ul li ul.children li:hover > ul {
  display: block;
}
/* ===== END HEADER ===== */
/* ===== START PRIMARY ===== */#arrow-slider-left,
#arrow-slider-right {
  position: fixed;
  top: 50%;
  display: block;
  width: 57px;
  height: 57px;
  z-index: 9999;
}
#arrow-slider-left {
  left: 0;
}
#arrow-slider-right {
  right: 0;
}
#primary {
  position: absolute;
  z-index: 1;
  height: 436px;
  margin-top: -173px;
  top: 50%;
  /*#primary-scroll-arrows {
        position: fixed;
        margin-top: 5px;
        height: 57px;
        top: 50%;
        z-index: 2000;
    } */

}

.page-template-landing-php #header, .page-template-landing-php #footer {position: static;}
#primary.landing{ position: relative; top: 0px !important; width: 940px; height: auto; padding: 20px; margin: 0px auto 40px auto; }
#primary .primary-content {
  height: 410px;
  display: inline;
}

#primary .section {
  height: 410px;
  background: #fff;
  -webkit-box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.13);
  box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.13);
  margin-right: 26px;
  position: relative;
  float: left;
  /*overflow: hidden;   non mettere, provoca problemi con il plugin columnize */  
}

#primary.landing .section {
    height: auto;
    float: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-right: 0px;
}

#primary .section.bg1 {
  background: #ffffff;
}
#primary .section.bg2 {
  background: #e0e0e0;
}
#primary .section .column {
  padding: 30px 25px;
  float: left;
}
#primary .section .column.bg1 {
  background: #ffffff;
}
#primary .section .column.bg2 {
  background: #e0e0e0;
}
#primary .section.page-meta,
#primary .section.meta-section {
  width: 460px;
  padding: 30px;
  height: 350px;
}
#primary .section.page-meta h1.page-title,
#primary .section.meta-section h1.page-title,
#primary .section.page-meta h2.page-slogan,
#primary .section.meta-section h2.page-slogan,
#primary .section.page-meta h1.as-page-slogan,
#primary .section.meta-section h1.as-page-slogan,
#primary .section.page-meta h2.page-title,
#primary .section.meta-section h2.page-title,
#primary .section.page-meta h1.page-slogan,
#primary .section.meta-section h1.page-slogan {
  font-size: 30px;
  color: #505050;
  margin-top: 0;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
#primary .section.page-meta h1.page-title,
#primary .section.meta-section h1.page-title,
#primary .section.page-meta h2.page-title,
#primary .section.meta-section h2.page-title {
  border-bottom: 1px solid #d6d6d6;
}
#primary .section.page-meta h2.page-slogan.margintop,
#primary .section.meta-section h2.page-slogan.margintop,
#primary .section.page-meta h1.as-page-slogan.margintop,
#primary .section.meta-section h1.as-page-slogan.margintop,
#primary .section.page-meta h1.page-slogan,
#primary .section.meta-section h1.page-slogan {
  margin-top: 60px;
}
#primary .section.page-meta .meta span,
#primary .section.meta-section .meta span {
  display: block;
}
#primary .section.page-meta .meta span span,
#primary .section.meta-section .meta span span {
    display: inline;
}
#primary .section.page-meta .meta strong,
#primary .section.meta-section .meta strong {
  font-weight: normal;
  /*color: #000; */
}
.dark-skin #primary .section.page-meta .meta strong,
.dark-skin #primary .section.meta-section .meta strong {
  /*color: #fff; */
}
#primary .section.page-meta .meta a,
#primary .section.meta-section .meta a {
  color: #000;
}
#primary .section.page-meta .meta a:hover,
#primary .section.meta-section .meta a:hover {
  color: #d16e04;
}
#primary .section.page-meta .theme_breadcumb,
#primary .section.meta-section .theme_breadcumb {
  position: absolute;
  bottom: 5px;
  right: 15px;
  margin: 0;
  font-size: 11px;
}
#primary .section.page-meta .theme_breadcumb a,
#primary .section.meta-section .theme_breadcumb a {
  color: #636363;
}
#primary .section.page-meta .theme_breadcumb a:hover,
#primary .section.meta-section .theme_breadcumb a:hover {
  color: #000;
}
#primary .section.meta-section {
  padding: 30px;
  height: 350px;
}
#primary .section.single-video.is-video {
  width: 547px;
}
#primary .section.single-video.is-video iframe {
  height: 410px;
}
#primary .section:last-child {
  margin-right: 0px;
}
#primary .section.section-blog {
  width: 515px;
  height: 410px;
}
#primary .section.portfolio-post {
  width: 410px;
}
#primary .section.portfolio-post img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
}
#primary .section.portfolio-post img.bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}
#primary .section.portfolio-post .the-post {
  padding: 20px 15px 15px;
}
#primary .section.portfolio-post .the-post h2 {
  margin-bottom: 0;
  line-height: 24px;
}
#primary .section.portfolio-post .the-post h2 a {
  color: #505050;
}
#primary .section.portfolio-post .the-post h2 a:hover {
  color: #1f1f1f;
}
#primary .section.portfolio-post .the-post p {
  line-height: 1.75em;
}
#primary .section.portfolio-post .the-post .read-more {
  /*color: #000;*/
}
#primary .section.portfolio-post .the-post .read-more:hover {
  /*color: #444; */
}
#primary .section.portfolio-post .the-post a.btn {
  clear: both;
}
#primary .section.portfolio-post .post-meta {
  margin-bottom: 20px;
}
#primary .section.portfolio-post .post-meta a, #primary .section.portfolio-post .post-meta span span, #primary .section.page-meta .meta span span {
  color: #000;
}
#primary .section.portfolio-post .post-meta a:hover {
  color: #d16e04;
}
.dark-skin #primary .section.portfolio-post .post-meta a, .dark-skin #primary .section.portfolio-post .post-meta span span, .dark-skin #primary .section.page-meta .meta span span {
  color: #fff;
}
.dark-skin #primary .section.portfolio-post .post-meta a:hover {
  color: #cc7607;
}
#primary .section.section-testimonial {
  width: 328px;
  height: 370px;
  padding: 20px;
  /* === TESTIMONIALS SLIDER ARROWS */

}
#primary .section.section-testimonial .prev,
#primary .section.section-testimonial .next {
  background: url(images/testimonials-arrow.png) no-repeat;
  cursor: pointer;
  position: absolute;
  bottom: 15px;
  width: 30px;
  height: 30px;
  z-index: 10;
}
#primary .section.section-testimonial .prev {
  background-position: top left;
  right: 50px;
}
#primary .section.section-testimonial .next {
  background-position: top right;
  right: 15px;
}
#primary .section.section-team,
#primary .section.section-service {
  position: relative;
  padding: 0 20px;
}
#primary .section.section-team .text-post,
#primary .section.section-service .text-post {
  position: absolute;
}
#primary .section.testimonials-slider {
  padding: 0;
  height: 410px;
  width: 368px;
}
#primary .section.testimonials-slider ul {
  margin-left: 0;
  list-style: none;
  height: 100%;
}
#primary .section.testimonials-slider ul li {
  height: 100%;
  background: url('images/icons/testimonial-quote.png') 20px 20px no-repeat;
}
#primary .section.testimonials-slider ul li .testimonial-text {
  padding: 20px;
}
#primary .section .testimonial-post{
  padding: 3px 0 0 30px;
  background: url('images/icons/testimonial-quote.png') 5px 0px no-repeat;
}
#primary .section.testimonials-slider ul li {
  padding: 3px 0 0 30px;
  background: url('images/icons/testimonial-quote.png') 25px 15px no-repeat;
}
#primary .section .testimonial-post p {
    position:relative;
    z-index:1;    
}
#primary .section .testimonial-post .testimonial-avatar,
#primary .section.testimonials-slider ul li .testimonial-avatar {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}
#primary .section.testimonials-slider ul li .testimonial-avatar {
  bottom: 3px;
}
#ie8 #primary .section.testimonials-slider ul li .testimonial-avatar {
  bottom: 0px;
}
#primary .section .testimonial-post .testimonial-avatar img,
#primary .section.testimonials-slider ul li .testimonial-avatar img {
  display: block;
}
#primary .section .testimonial-post .testimonial-info,
#primary .section.testimonials-slider ul li .testimonial-info {
  position: absolute;
  bottom: 50px;
  right: 20px;
}
#primary .section .testimonial-post .testimonial-info .signature,
#primary .section.testimonials-slider ul li .testimonial-info .signature {
  margin-top: 30px;
  text-align: right;
  font-size: 2em;
  margin-bottom: 6px;
  line-height: 0.9em;
}
#primary .section .testimonial-post .testimonial-info .testimonial-name,
#primary .section.testimonials-slider ul li .testimonial-info .testimonial-name {
  text-align: right;
  font-size: 0.85em;
}
#primary .section .testimonial-post .testimonial-info .testimonial-name a,
#primary .section.testimonials-slider ul li .testimonial-info .testimonial-name a {
  color: #000000;
}
#primary .section .testimonial-post .testimonial-info .testimonial-name a:hover,
#primary .section.testimonials-slider ul li .testimonial-info .testimonial-name a:hover {
  color: #555;
}
.dark-skin #primary .section .testimonial-post .testimonial-info .testimonial-name a, .dark-skin #primary .section.testimonials-slider ul li .testimonial-info .testimonial-name a {
    color: #d0cfcf;
}
.dark-skin #primary .section .testimonial-post .testimonial-info .testimonial-name a:hover, .dark-skin #primary .section.testimonials-slider ul li .testimonial-info .testimonial-name a:hover {
    color: #DB780B;
}
.column .testimonial-info {
  position: static;
}
#arrow-slider-left,
#arrow-slider-right {
  display: none;
}
.no_js #arrow-slider-left,
.no_js #arrow-slider-right {
  display: block;
}
/* pagination */
#primary .section.pagination a {
    display:block;
    line-height:410px;
    padding:0 15px;
}
#primary .pagination-mobile {
    display:none;
    text-align:center;
}
/* ===== END PRIMARY ===== */
/* ===== START SECTION ===== */
.more-link {
  color: #000;
}
.more-link:hover {
  color: #b96204;
}
.section-gallery > ul,
.section-video > ul,
.section-portfolio > ul,
.section-single > ul {
  list-style: none;
  height: 100%;
  margin-left: 0;
}
.section-gallery > ul > li,
.section-video > ul > li,
.section-portfolio > ul > li,
.section-single > ul > li {
  float: left;
  height: 100%;
  width: 470px;
  margin-right: 5px;
  position: relative;
}
.section-gallery > ul > li img.thumb.img,
.section-video > ul > li img.thumb.img,
.section-portfolio > ul > li img.thumb.img,
.section-single > ul > li img.thumb.img {
  display: block;
  width: 470px;
}
.section-gallery > ul > li:last-child,
.section-video > ul > li:last-child,
.section-portfolio > ul > li:last-child,
.section-single > ul > li:last-child {
  margin-right: 0;
}
.section-gallery.filterable ul.filters,
.section-video.filterable ul.filters,
.section-portfolio.filterable ul.filters,
.section-single.filterable ul.filters {
  border-bottom: 1px solid #dedede;
  margin: 0px 0px 10px 2%;
  width: 98%;
  height: 10px;
  padding: 50px 0 17px 0;
}
.section-gallery.filterable ul.filters li,
.section-video.filterable ul.filters li,
.section-portfolio.filterable ul.filters li,
.section-single.filterable ul.filters li,
.section-gallery.filterable ul.filters li a,
.section-video.filterable ul.filters li a,
.section-portfolio.filterable ul.filters li a,
.section-single.filterable ul.filters li a {
  font-size: 12px;
}
.section-gallery.filterable ul.filters li:first-child,
.section-video.filterable ul.filters li:first-child,
.section-portfolio.filterable ul.filters li:first-child,
.section-single.filterable ul.filters li:first-child {
  color: #000;
}
.section-gallery.filterable ul.section-gallery-list,
.section-video.filterable ul.section-gallery-list,
.section-portfolio.filterable ul.section-gallery-list,
.section-single.filterable ul.section-gallery-list,
.section-gallery.filterable ul.section-portfolio-list,
.section-video.filterable ul.section-portfolio-list,
.section-portfolio.filterable ul.section-portfolio-list,
.section-single.filterable ul.section-portfolio-list {
  height: 312px;
}
.section-gallery.filterable ul.section-gallery-list li,
.section-video.filterable ul.section-gallery-list li,
.section-portfolio.filterable ul.section-gallery-list li,
.section-single.filterable ul.section-gallery-list li,
.section-gallery.filterable ul.section-portfolio-list li,
.section-video.filterable ul.section-portfolio-list li,
.section-portfolio.filterable ul.section-portfolio-list li,
.section-single.filterable ul.section-portfolio-list li {
  height: 312px;
}
.section-gallery.filterable.title-below ul.section-gallery-list,
.section-video.filterable.title-below ul.section-gallery-list,
.section-portfolio.filterable.title-below ul.section-gallery-list,
.section-single.filterable.title-below ul.section-gallery-list {
  height: 262px;
}
.section-gallery.filterable.title-below ul.section-gallery-list li,
.section-video.filterable.title-below ul.section-gallery-list li,
.section-portfolio.filterable.title-below ul.section-gallery-list li,
.section-single.filterable.title-below ul.section-gallery-list li {
  height: 262px;
}
/* === GALLERY INSIDE */
.section-gallery .overlay,
.section-video .overlay,
.section-portfolio .overlay,
.section-single .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  text-indent: -9999px;
  background: url('images/overlay.png') top left no-repeat;
  overflow: hidden;
}
.section-gallery .title,
.section-video .title,
.section-portfolio .title,
.section-single .title {
  position: absolute;
  width: 100%;
  line-height: 18px;
  font-size: 18px;
  top: 0%;
  right: 0%;
  text-align: center;
  z-index: 9000;
  text-indent: 0px;
  color: #383433;
}
.section-gallery .title a,
.section-video .title a,
.section-portfolio .title a,
.section-single .title a,
.section-gallery .title a:hover,
.section-video .title a:hover,
.section-portfolio .title a:hover,
.section-single .title a:hover {
  display: block;
  color: #383433;
}
.section-gallery .lightbox,
.section-video .lightbox,
.section-portfolio .lightbox,
.section-single .lightbox {
  display: block;
  position: absolute;
  width: 76px;
  height: 77px;
  bottom: 0%;
  left: 50%;
  margin-left: -38px;
  background: url('images/zoom.png') top left no-repeat;
  z-index: 9000;
}
.section-gallery .lightbox.small,
.section-video .lightbox.small,
.section-portfolio .lightbox.small,
.section-single .lightbox.small {
  display: block;
  position: absolute;
  width: 48px;
  height: 48px;
  bottom: 0%;
  left: 50%;
  margin-left: -62px;
  background: url('images/zoom-small.png') top left no-repeat;
  z-index: 9000;
}
.section-gallery .lightbox-video,
.section-video .lightbox-video,
.section-portfolio .lightbox-video,
.section-single .lightbox-video {
  display: block;
  position: absolute;
  width: 61px;
  height: 61px;
  bottom: 0%;
  left: 50%;
  margin-left: -38px;
  background: url('images/video.png') top left no-repeat;
  z-index: 9000;
}
.section-gallery .lightbox-video.small,
.section-video .lightbox-video.small,
.section-portfolio .lightbox-video.small,
.section-single .lightbox-video.small {
  display: block;
  position: absolute;
  width: 48px;
  height: 48px;
  bottom: 0%;
  left: 50%;
  margin-left: -62px;
  background: url('images/video-small.png') top left no-repeat;
  z-index: 9000;
}
.section-gallery .details,
.section-video .details,
.section-portfolio .details,
.section-single .details {
  display: block;
  position: absolute;
  width: 64px;
  height: 55px;
  bottom: 0%;
  left: 50%;
  margin-left: -32px;
  background: url('images/details.png') top left no-repeat;
  z-index: 9000;
}
.section-gallery .details.small,
.section-video .details.small,
.section-portfolio .details.small,
.section-single .details.small {
  display: block;
  position: absolute;
  width: 57px;
  height: 49px;
  bottom: 0%;
  left: 50%;
  margin-left: 14px;
  background: url('images/details-small.png') top left no-repeat;
  z-index: 9000;
}
/* dark skin */
.dark-skin .section-gallery .overlay,
.dark-skin .section-video .overlay,
.dark-skin .section-portfolio .overlay,
.dark-skin .section-single .overlay {
    background-image:url('images/overlay-dark.png');
}             
.dark-skin .section-gallery .lightbox,
.dark-skin .section-video .lightbox,
.dark-skin .section-portfolio .lightbox,
.dark-skin .section-single .lightbox {
  background-image: url('images/zoom-dark.png');
}
.dark-skin .section-gallery .lightbox.small,
.dark-skin .section-video .lightbox.small,
.dark-skin .section-portfolio .lightbox.small,
.dark-skin .section-single .lightbox.small {
  background-image: url('images/zoom-small-dark.png');
}
.dark-skin .section-gallery .lightbox-video,
.dark-skin .section-video .lightbox-video,
.dark-skin .section-portfolio .lightbox-video,
.dark-skin .section-single .lightbox-video {
  background-image: url('images/video-dark.png');
}
.dark-skin .section-gallery .lightbox-video.small,
.dark-skin .section-video .lightbox-video.small,
.dark-skin .section-portfolio .lightbox-video.small,
.dark-skin .section-single .lightbox-video.small {
  background-image: url('images/video-small-dark.png');
}
.dark-skin .section-gallery .details,
.dark-skin .section-video .details,
.dark-skin .section-portfolio .details,
.dark-skin .section-single .details {
  background-image: url('images/details-dark.png');
}
.dark-skin .section-gallery .details.small,
.dark-skin .section-video .details.small,
.dark-skin .section-portfolio .details.small,
.dark-skin .section-single .details.small {
  background-image: url('images/details-small-dark.png');
}         
.dark-skin .section-gallery .title,
.dark-skin .section-video .title,
.dark-skin .section-portfolio .title,
.dark-skin .section-single .title,
.dark-skin .section-gallery .title a,
.dark-skin .section-video .title a,
.dark-skin .section-portfolio .title a,
.dark-skin .section-single .title a,
.dark-skin .section-gallery .title a:hover,
.dark-skin .section-video .title a:hover,
.dark-skin .section-portfolio .title a:hover,
.dark-skin .section-single .title a:hover {
  color: #bbb;
}
/* === GALLERY BELOW */
.section-gallery.title-below .overlay {
  height: 312px;
}
.section-gallery.title-below .title {
  top: 85%;
  font-size: 22px;
  line-height: 22px;
}
.section-gallery.title-below .title a {
  color: #525252;
  font-family: 'Shadows Into Light', sans-serif;
}
/* === BLOG */
.section-blog .the-title a {
  color: #505050;
}
.section-blog .the-title a:hover {
  color: #b96204;
}
/* === BLOG VERTICAL */
.blog-vertical.no-thumbnail h2 { width: 365px; }
.blog-vertical.no-thumbnail .meta.date { left: 10px; }
.blog-vertical.no-thumbnail .meta:not(.date), .blog-vertical.no-thumbnail .the-content {float: none; width: 455px; margin: 30px 20px; }

.blog-vertical .attachment-blog_vertical,
.single-post .attachment-blog_vertical {
  display: block;
  float: left;
  max-height: 410px;
  margin-top: 0;
  width: 240px;
}
.blog-vertical .the-title,
.single-post .the-title,
.blog-vertical .meta,
.single-post .meta,
.blog-vertical .the-content,
.single-post .the-content {
  float: right;
  margin-right: 20px;
  width: 235px;
}
.blog-vertical .the-title,
.single-post .the-title {
  margin-top: 25px;
  margin-bottom: 10px;
}
.blog-vertical .meta,
.single-post .meta {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 30px;
  padding-bottom: 23px;
}
.blog-vertical .meta .meta,
.single-post .meta .meta {
  border: 0px;
}
.blog-vertical .meta span,
.single-post .meta span {
  color: #545252;
}
.blog-vertical .meta span a,
.single-post .meta span a {
  color: #000;
}
.blog-vertical .meta span a:hover,
.single-post .meta span a:hover {
  color: #d16e04;
}            
.blog-vertical .meta.date,
.single-post .meta.date {
  background: url(images/date-bg.png) no-repeat center center;
  border: 0px;
  float: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
  position: absolute;
  top: 5px;
  left: 143px;
  text-align: center;
  width: 105px;
  height: 105px;
  z-index: 2000;
}
.blog-vertical .meta.date .day,
.single-post .meta.date .day,
.blog-vertical .meta.date .month,
.single-post .meta.date .month {
  color: #d7cfc9;
  display: block;
  float: none;
  margin-left: 0;
  width: auto;
}
.blog-vertical .meta.date .day,
.single-post .meta.date .day {
  font-size: 36px;
  line-height: 36px;
  margin-top: 22px;
}
.blog-vertical .meta.date .month,
.single-post .meta.date .month {
  font-size: 18px;
}
/*.blog-vertical .the-content,
.single-post .the-content {
  height: 410px;
} */
#primary .section.meta-post {
  width: 470px;
}
#primary .section.meta-post .the-title,
#primary .section.meta-post .meta {
  float: none;
  width: 100%;
}
#primary .section.meta-post .the-title {
  line-height: 32px;
  margin-top: 60px;
}
#primary .section.meta-post .meta {
  border-bottom: 0;
  margin-bottom: 0;
  margin-top: 20px;
}
#primary .section.meta-post .meta.date {
  background: none;
  top: -20px;
  left: -20px;
  text-align: right;
}
#primary .section.meta-post .meta.date .day,
#primary .section.meta-post .meta.date .month {
  color: #505050;
}
#primary .section.meta-post .meta p {
  margin-bottom: 0;
}
#primary .section.meta-post .meta p a {
  color: #000;
}
#primary .section.meta-post .socials h4 {
  margin-bottom: 0;
}
#primary .section.meta-post .post-description {
  margin-top: 25px;
}
#primary .single-post.post-thumbnail, #primary .post-video, #primary .single-video {
  height: 410px;
  margin-right: 0px;
}
#primary .single-post .thumb-slider {
  width: 524px;
  height: 410px;
  margin: 0;
  padding: 0;
}
#primary .single-post .thumb-slider .slides {
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
}
#primary .single-post .thumb-slider .flex-control-nav {
  position: absolute;
  right: 13px;
  bottom: 13px;
  width: auto;
}
#primary .single-post .thumb-slider .flex-control-nav li {
  float: left;
  margin-left: 1px;
}
#primary .single-post .thumb-slider .flex-control-nav li a {
  display: block;
  background: url(images/slider-control.png) no-repeat center bottom;
  width: 10px;
  height: 9px;
}
#primary .single-post .thumb-slider .flex-control-nav li a:hover,
#primary .single-post .thumb-slider .flex-control-nav li a.active {
  background-position: center top;
}
/* === BLOG HORIZONTAL */
.blog-horizontal.no-thumbnail h2 { width: 365px; float: right; }
.blog-horizontal.no-thumbnail .meta.date { left: -10px; top: 5px; }
.blog-horizontal.no-thumbnail .meta:not(.date) { margin-top: 40px; }

.blog-horizontal .attachment-blog_vertical {
  display: block;
  max-height: 200px;
  max-width: 515px;
  margin: 0 auto;
}
.blog-horizontal .the-title,
.blog-horizontal .meta,
.blog-horizontal .the-content {
  margin-left: 20px;
  margin-right: 20px;
}
.blog-horizontal .the-title {
  margin-top: 25px;
  margin-bottom: 0px;
}
.blog-horizontal .meta {
  margin-bottom: 20px;
}
.blog-horizontal .meta span {
  color: #545252;
}
.blog-horizontal .meta span a {
  color: #000;
}
.blog-horizontal .meta span a:hover {
  color: #d16e04;
}
.blog-horizontal .meta.date {
  background: url(images/date-bg.png) no-repeat center center;
  float: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
  position: absolute;
  left: 5px;
  top: 103px;
  text-align: center;
  width: 105px;
  height: 105px;
}
.blog-horizontal .meta.date .day,
.blog-horizontal .meta.date .month {
  color: #d7cfc9;
  display: block;
  float: none;
  margin-left: 0;
}
.blog-horizontal .meta.date .day {
  font-size: 36px;
  line-height: 36px;
  margin-top: 22px;
}
.blog-horizontal .meta.date .month {
  font-size: 18px;
}
#primary .single-post.single-horizontal .meta.date {
  left: 417px;
}

.dark-skin .blog-horizontal .meta span a,
.dark-skin .blog-vertical .meta span a { color:#fff; }
.dark-skin .blog-horizontal .meta span a:hover,
.dark-skin .blog-vertical .meta span a:hover { color:#cc7607; }
/* === COMMENT */
.section-comment ol,
.section-comment ul {
  list-style: none;
  margin-left: 0;
}
.section-comment ol.children,
.section-comment ul.children {
  margin-top: 16px;
}
.section-comment ol.children li,
.section-comment ul.children li {
  background: url(images/comment-arrow.png) no-repeat top left;
  padding-left: 40px;
}
.section-comment ol li .avatar,
.section-comment ul li .avatar {
  border: 1px solid #bfbebe;
  display: block;
  float: left;
  margin-right: 17px;
  padding: 3px;
}
.dark-skin .section-comment ol li .avatar,
.dark-skin .section-comment ul li .avatar {
    border-color: #656565;
}
.section-comment ol li .comment .count,
.section-comment ul li .comment .count {
  font-weight: bold;
}
.section-comment ol li .comment .fn,
.section-comment ul li .comment .fn {
  font-style: normal;
}
.section-comment ol li .comment .date,
.section-comment ul li .comment .date {
  color: #545252;
  display: block;
}
.section-comment ol li .comment .date:hover,
.section-comment ul li .comment .date:hover {
  color: #b96204;
}
/* === COMMENT FORM */
#respond {
  padding: 30px 25px;
  width: 655px;
}
#respond #reply-title a {
  color: #505050;
}
.dark-skin #respond #reply-title a {
  color: #d4d4d4;
}
#respond #reply-title a:hover {
  color: #b96204;
}         
#respond #reply-title small {
  float: right;
  font-size: 75%;
}
#respond p {
  float: left;
  margin-right: 12px;
  position: relative;
  width: 210px;
}
#respond p.comment-form-url {
  margin-right: 0;
}
#respond p.comment-form-comment {
  margin-right: 0;
  width: 100%;
}
#respond p i {
  color: #adadad;
  font-size: 15px;
  position: absolute;
  top: 14px;
  right: 15px;
}
#respond p label {
  color: #adadad;
  position: absolute;
  top: 15px;
  left: 15px;
}
#respond p input,
#respond p textarea {
  border: 1px solid #d4d4d4;
  width: 158px;
}

#respond p input[type="text"],
#respond p textarea { font-family: "Nunito", sans-serif; font-size: 13px; }

#respond p input {
  height: 45px;
  padding: 0 35px 0 14px;
}

#ie8 #respond p input { line-height: 45px; }
#respond p textarea {
  padding: 14px 35px 14px 14px;
  width: 602px;
}
#respond p #submit {
  background: url("images/input_pattern.png") repeat-x scroll 0 0 #f3f0f0;
  color: #4C4B4B;
  cursor: pointer;
  float: right;
  font-size: 0.75em !important;
  height: 31px;
  letter-spacing: 1px;
  line-height: 0;
  margin: 0 4px 20px 0;
  padding: 0;
  text-transform: uppercase;
  width: 130px;
}
#respond p #submit:hover {
  background: url("images/input_pattern_hover.png") repeat-x scroll 0 6px #f3f0f0;
  color: #000000;
}
#respond p.form-submit {
  width: 100%;
}
.dark-skin #respond p input,
.dark-skin #respond p textarea {
    background-color:#282828;
    border:none;
    color: #adadad;
}

.dark-skin #respond p #submit {
  background: url("images/input_pattern_dark.png") repeat-x scroll 0 0 #232323;
  color:#fff;
}
.dark-skin #respond p #submit:hover {
  background: url("images/input_pattern_hover_dark.png") repeat-x scroll 0 0 #232323;
}
/* ===== END SECTION ===== */
/* ===== START SIDEBAR ===== */
.section.more-project {
    width:300px;
}
/* ===== END SIDEBAR ===== */
/* === FOOTER */
#footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: #ffffff;
  padding: 0px 2% 4px;
}
#footer .left,
#footer .right {
  padding-top: .8em;
}
#footer p {
  margin-right: 5px;
  float: left;
  margin: 0 0 .8em;
}
#footer a {
  color: #000000;
}
#footer a:hover {
  color: #b96204;
}
#footer .socials,
#footer .socials-small {
  vertical-align: top;
}
/* === END FOOTER */
/* ===== START SHORTCODES ===== */

/* === TWITTER LIST */
.twitter-slider {
  display: inline-block;
  padding-left: 35px;
  background: url('images/icons/arrow-left-twitter.png') no-repeat left 8px;
}
.twitter-slider .tweets-list,
.twitter-slider .tweets-list ul,
.twitter-slider .tweets-list li {
  height: 18px;
  overflow: hidden;
}

#primary .twitter-slider .tweets-list,
#primary .twitter-slider .tweets-list ul,
#primary .twitter-slider .tweets-list li {
    height: 90px;
    overflow: hidden;
}

.twitter-slider ul {
  list-style: none;
  margin: 0;
}
.twitter-slider ul li {
  display: none;
  margin-right: 0 !important;
}
.twitter-slider ul p {
  margin: 0;
  display: inline;
}

/* === FIRST_SLIDE */
.go-first-slide {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding-left: 30px;
  background: url(images/arrow-slider-left-small.png) no-repeat left top;
}
/* === LAST_SLIDE */
.go-last-slide {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding-right: 30px;
  background: url(images/arrow-slider-right-small.png) no-repeat right top;
}
/* === SLIDER */
.flexslider-sc {
  height: 100%;
  width: 800px;
  overflow: hidden;
}
.flexslider-sc ul,
.flexslider-sc ul li {
  height: 100%;
  width: 100%;
}
.flexslider-sc ul {
  list-style: none;
  position: absolute;
  margin: 0;
}
.flexslider-sc ul li {
  display: none;
}
.flexslider-sc ul li img {
  width: 100%;
  max-width: 640px;
  height: 100%;
  max-height: 410px;
}
/* ===== END SHORTCODES ===== */
/* ===== START WIDGETS ===== */
.widget:first-child {
  margin-left: 0;
}

.widget ul { margin-left: 0; }

.widget .recent-post {
    margin-right: 20px;
}

.widget.more_projects h2,
.widget.more_projects h3 {
  margin: 30px;
}
.widget .more-project-widget {
  list-style: none;
  margin: 0;
  padding: 0 30px 30px;
}
.widget .more-project-widget li {
  position: relative;
  min-height: 65px;
  margin: 20px 0 30px;
}
.widget .more-project-widget img {
  padding: 4px;
  border: 1px solid #d2d0d0;
  position: absolute;
  left: 0;
  top: 0;
}
.dark-skin .widget .more-project-widget img {
  border-color: #353535;
}
.dark-skin .widget .more-project-widget img:hover {
  border-color: #656565;
}
.widget .more-project-widget p,
.widget .more-project-widget a.title {
  margin: 0;
  margin-left: 75px;
}
.widget .more-project-widget a {
  color: #000;
}
.widget .more-project-widget a:hover {
  color: #555;
}
.dark-skin .widget .more-project-widget a {
  color: #d3d3d3;
}
.dark-skin .widget .more-project-widget a:hover {
  color: #DB780B;
}
.dark-skin .widget .recent-post .thumb-img img,
.dark-skin .recent-comments .avatar img {
    border-color: #525151;
}
.dark-skin .widget .recent-post a {
    color: #d3d3d3;
}            
.dark-skin .widget .recent-post a.title {
    color: #fff;
}
.dark-skin .widget .recent-post a:hover {
    color: #DB780B;
}
.dark-skin .widget .recent-post .post-date {
    color: #d0cfcf;
}
/* === SIDEBAR NAV */
.sidebar-nav ul { list-style:none; margin-bottom:50px; margin-top:40px }
.sidebar-nav li { border-bottom:1px solid #cacaca; margin-bottom:10px; padding-bottom:5px }
.dark-skin .sidebar-nav li { border-color:#4C4B4B; }
.sidebar-nav a, .sidebar-nav li { display:block; height:40px; line-height:30px; }

/* ===== END WIDGETS ===== */


/* ===== START 404 ===== */
.section-404 { padding: 0 35px; width: 400px; }
.section-404 h1 { margin-top: 115px; text-align: left; }
.section-404 p {text-align: left; }
/* ===== END 404 ===== */