/*
* VELTEN - Signature Edition | Premium Web Template from Designova
* Build: Sep 2015;
* Author: Designova, http://www.designova.net
* Copyright (C) 2015 Designova
* This is a premium product. For licensing queries please contact info@designova.net
*/


/* Table of contents
–––––––––––––––––––––––––––––––––––––––––––––––––– 
- 1. Common
- 2. Header
- 3. Footer
- 4. Navigation
- 5. Pages
- 6. Utilities
*/


/* 1. Common
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html, body {
    overflow-x: hidden;
}





a {
    text-decoration: none !important;
}

a:focus {
    outline: none;
}




/*WORKS*/

.works-filter-panel.signature-velten{
  padding: 40px;
}
.works-filter-wrap{
}
.filter-notification.signature-velten{
    margin-left: 10px;
}
.filter-notification.signature-velten span, .menu-notification span{
    font-size: 34px;
    float: right;
    margin-left: 20px;
}
.works-filter.signature-velten{
  list-style: none;
  padding: 0;
  margin: 0;
}
.works-filter.signature-velten li{
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}
.works-filter.signature-velten li a{
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
  letter-spacing: 4px;
}
.works-container.signature-velten{
    padding: 0;
  margin: 70px auto 0 auto;
  overflow: hidden;
}


 .works-item.signature-velten{
  overflow: hidden;
 }
        .info a:hover{
           
            -webkit-transition: all .4s ease-in-out;
               -moz-transition: all .4s ease-in-out;
                -ms-transition: all .4s ease-in-out;
                 -o-transition: all .4s ease-in-out;
                    transition: all .4s ease-in-out;
        }
        .zoom a:hover{
           
            -webkit-transition: all .4s ease-in-out;
               -moz-transition: all .4s ease-in-out;
                -ms-transition: all .4s ease-in-out;
                 -o-transition: all .4s ease-in-out;
                    transition: all .4s ease-in-out;
        }
.works-item-inner {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 40px !important;
    text-align: center !important;
}

    .works-item-inner p.valign {
        position: static !important;
        top: auto !important;
        left: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        text-align: center !important;
    }

        .works-item-inner p.valign > span {
            display: inline-block;
            margin: 0 !important;
            padding-bottom: 5px;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: normal;
            text-align: center;
        }
.works-thumbnails-view {
    margin-top: 40px;
}

    .works-thumbnails-view .works-item-inner p {
        margin: 0;
        padding: 0;
    }


        /* =========================================
   span
   ========================================= */

        .works-thumbnails-view .works-item-inner p > span {
            display: inline-block;
            font-size: 14px;
            letter-spacing: normal;
            line-height: 21px;
            margin-top: 0;
            border-bottom: solid 5px;
            padding-bottom: 5px;
            text-transform: none;
        }


/* =========================================
   h3
   ========================================= */

.works-item-inner h3 > span {
    font-size: 12px;
    letter-spacing: normal;
    line-height: 19px;
    text-transform: none;
    margin-bottom: 5px;
    border-bottom: solid 2px;
    font-weight: 200;
}


/* =========================================
   一般 p > span
   ========================================= */

.works-item-inner p > span {
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 8px;
    margin-top: 0;
    text-transform: uppercase;
}


/* =========================================
   hover
   ========================================= */

.works-item.signature-velten a:hover .works-item-inner h3 {
}

.works-item.signature-velten a:hover .works-item-inner p {
}

.works-item-fade{
  opacity: 0.1;
  -webkit-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;
}

.works-item-fade a{
  display: none !important;
}
.works-masonry-container{
    padding: 0;
  margin:125px auto !important;
}
.works-masonry-container .works-item-one-third {
  margin: 0 !important;
  
  padding: 0 !important;
  width: 33.3% !important;
}
.works-masonry-container .works-item-two-third {
  margin: 0 !important;
  padding: 0 !important;
  width: 66.6% !important;
}
.works-masonry-container .works-item-one-half {
  margin: 0 !important;
  padding: 0 !important;
  width: 50% !important;
}
.works-masonry-container .works-item-one-fourth {
  margin: 0 !important;
  padding: 0 !important;
  width: 25% !important;
}
.works-masonry-container .works-item-full-width {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.works-masonry-container .works-item-one-third-spaced{
  margin: 1% !important;
  padding: 0 !important;
  width: 31.3% !important;
}
.works-masonry-container .works-item-one-half-spaced{
  margin: 1% !important;
  padding: 0 !important;
  width: 48% !important;
}
.works-masonry-container .works-item-two-third-spaced{
  margin: 1% !important;
  padding: 0 !important;
  width: 64.6% !important;
}
.works-masonry-container .works-item-one-fourth-spaced{
  margin: 1% !important;
  padding: 0 !important;
  width: 23% !important;
}



/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/*LESS Compiled to CSS for preview purposes only 
(Please read PDF guide to manage colors via LESS with just a single line of code editing)*/
/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.color {
  color: #dfb47d;
}
.white {
  color: #ffffff;
}
.silver {
  color: #f0f4f4;
}
.grey {
  color: #cccccc;
}
.dark {
  color: #292929;
}
.black {
  color: #121212;
}
.color-bg {
  background-color: #dfb47d;
}
.white-bg {
  background-color: #ffffff;
}
.silver-bg {
  background-color: #f0f4f4;
}
.grey-bg {
  background-color: #cccccc;
}
.dark-bg {
  background-color: #292929;
}
.black-bg {
  background-color: #121212;
}
a {
  color: #121212;
}
a:hover {
  color: #dfb47d;
}
::selection {
  background: #dfb47d;
  color: #292929;
}
::-moz-selection {
  background: #dfb47d;
  color: #292929;
}
body,
p {
  color: #292929;
}
.btn-signature-color {
  background-color: #dfb47d !important;
  color: #121212 !important;
}
.btn-signature-color:hover {
  background-color: #121212 !important;
  color: #ffffff !important;
}
.btn-signature-dark:hover,
.btn-signature-white:hover {
  background-color: #dfb47d !important;
}
.sub-heading span {
  border-color: #dfb47d;
}
.client-logo-inner,
.client-logo-row {
  border-color: #dfb47d;
}
.hero h1 span {
  border-color: #121212;
}
.owl-prev,
.owl-next {
  background-color: #121212 !important;
}
.main-logo {
  border-color: #dfb47d;
}
.menu ul.dropit-submenu {
  background-color: #121212;
}
.menu ul.dropit-submenu a {
  color: #ffffff;
}
.menu ul.dropit-submenu a:hover {
  background-color: #dfb47d;
  color: #ffffff;
}
footer.mastfoot.signature-velten {
  border-top-color: #dfb47d;
  border-bottom-color: #dfb47d;
}
.works-filter.signature-velten li a:hover {
  color: #ffffff;
}
.font1 {
  font-family: 'Open Sans', sans-serif;
}
.font2 {
  font-family: 'Montserrat', sans-serif;
}
.font3 {
  font-family: 'designova_ss_regular', sans-serif;
}
.font3xblack {
  font-family: 'designova_ss_xblack', sans-serif;
}
.font3black {
  font-family: 'designova_ss_black', sans-serif;
}
.font3bold {
  font-family: 'designova_ss_bold', sans-serif;
}
.font3light {
  font-family: 'designova_ss_light', sans-serif;
}
.font3xlight {
  font-family: 'designova_ss_xlight', sans-serif;
}
.font3thin {
  font-family: 'designova_ss_thin', sans-serif;
}
.font4 {
  font-family: 'Lekton', sans-serif;
}
.font5 {
  font-family: 'designova_tb', sans-serif;
}
body,
p {
  font-family: 'Lekton', sans-serif;
}
.btn-signature {
  font-family: 'Montserrat', sans-serif;
}
.menu ul.dropit-submenu a {
  font-family: 'Open Sans', sans-serif;
}