/**
 * @package: Solid Nature Web Page
 * @version: 1.0.0
 * @author:  Robert Nikolas / www.co.digital
 */

/**
 * Global
 */
body, html {background-color: #f5f5f5;}
p {margin: 0;font-size: 16px;}
a {-webkit-transition: all 0.3s;transition: all 0.3s;}
a:focus {outline: none;}
ul, ol {list-style:none;margin: 0;padding: 0;}
button:focus {outline: none !important;}
button:focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow:    none !important;
    box-shadow:         none !important;
}
.font_times {font-family: "TimesNewRomanMTStd-Cond", Helvetica, Arial, sans-serif;}
.space_vertical {margin-bottom: 15px !important;}
.section_title {padding: 30px 0;}
.section_title h2 {text-align: center;margin: 0;padding: 0;font-size: 30px;}
.loader {width: 100%;height: 100%;background: #ffffff url(../design/loader.gif) no-repeat center center;position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 9999;display: none;}
.loading {overflow: hidden !important;}
.loading .loader {display: block;}
.intro_play {overflow: hidden !important;}

/**
 * Bootstrap
 */
.img-responsive {width: 100% !important;}
.btn-primary {background: #f5f5f5;color: #272727;text-shadow: none;}
.btn-primary {-webkit-transition: all 0.3s;transition: all 0.3s;}
.btn-primary-black {background: #272727;color: #ffffff;}
.btn-primary-black:hover,
.btn-primary-black:active,
.btn-primary-black:focus {background: #f5f5f5;color: #272727;}

/**
 * Header
 */
#header_main {width: 100%;background-color: #f5f5f5;position: relative;}
.header_fixed #header_main {position: fixed;left: 0;top: 0;z-index: 777;}
#header_main .logo {width: 135px;padding: 15px 0;}
#header_main .logo h1 {margin: 0;line-height: 1;}
#header_main nav {}
#header_main nav .nav_header {width: 50px;height: 50px;position: absolute;right: 15px;top: 15px;z-index: 10;}
#header_main nav .nav_header button {width: 100%;height: 50px;margin: 0;display: block;}
#header_main nav .nav_header button .icon-bar {width: 100%;background-color: #272727;}
#header_main nav .nav_header button .icon-bar + .icon-bar {margin-top: 8px;}
#header_main nav .nav_header button:hover .icon-bar,
#header_main nav .nav_header button:focus .icon-bar {background-color: #a7a9ac;}
#header_main nav .nav_collapse {display: none;padding: 0 0 15px;}
#header_main nav .nav_collapse.open {display: block;}
#header_main nav .nav_collapse ul {}
#header_main nav .nav_collapse ul li {}
#header_main nav .nav_collapse ul li a {padding: 7px 0;display: block;line-height: 1;font-size: 16px;text-transform: uppercase;letter-spacing: 2px;}
#header_main nav .nav_collapse ul li .icon_expand {width: 20px;height: 20px;text-align: center;cursor: pointer;}
#header_main nav .nav_collapse ul li .icon_expand {position: absolute;right: 0;top: 5px;z-index: 5;}
#header_main nav .nav_collapse ul li .icon_expand .glyphicon-menu-up {display: none;}
#header_main nav .nav_collapse ul li.open .icon_expand .glyphicon-menu-down {display: none;}
#header_main nav .nav_collapse ul li.open .icon_expand .glyphicon-menu-up {display: inline-block;}
#header_main nav .nav_collapse ul li ol {padding: 0 15px;display: none;background-color: #f5f5f3;}
#header_main nav .nav_collapse ul li.open ol {display: block;}

/**
 * Page Content
 */
#page_content {padding: 0 0 15px;}
.header_fixed #page_content {padding-top: 80px;}

/**
 * Page Content: Home
 */
#home {padding: 15px 0 15px;}
#home .owl_carousel {}
#home .owl_carousel .owl-child {}
#home .owl_carousel .owl-child article {position: relative;min-height: 290px;}
#home .owl_carousel .owl-child article .text {width: 100%;position: absolute;left: 0;top: 30%;z-index: 10;}
#home .owl_carousel .owl-child article .text h2 {text-align: center;margin: 0;padding: 5px 0;font-size: 20px;font-weight: 700;}
#home .owl_carousel .owl-child article .text h2.white {color: #ffffff;}
#home .owl_carousel .owl-child article .text h2.yellow {color: #fcce40;}
#home .owl_carousel .owl-child article .text h2.green {color: #0a421d;}
#home .owl_carousel .owl-child article .text h2.purple {color: #3a1350;}
#home .owl_carousel .owl-child article .text h2.black {color: #272727;}
#home .owl_carousel_nav {text-align: center;padding: 15px 0 0;}

/**
 * Page Content: About
 */
#about {background: #f5f5f3 url(../design/about_us_bgr_20150116.jpg) no-repeat center center;background-size: cover;padding: 0 0 15px;}

/**
 * Page Content: Collections
 */
#collections {}
#collections h3 {margin: 0;font-size: 20px;margin: 0 0 15px;}
#collections h5 {margin: 10px 0 15px;}
#collections .read_more {display: none;}
#collections .collections_space {padding: 0 0 15px;}
#collections .middleground {width: 100%;height: 400px;background: url(../design/collections_midleground_20160121.jpg) no-repeat center center;background-size: cover;margin: 15px 0 0;}

/**
 * Page Content: Projects
 */
#projects {}
#projects h3 {margin: 0;font-size: 20px;}
#projects h5 {margin: 10px 0 15px;}
#projects .read_more {display: none;}
#projects .project_space {padding: 0 0 15px;}

/**
 * Page Content: Collaborations
 */
#collaborations {}
#collaborations h3 {margin: 0;font-size: 20px;margin: 0 0 15px;}
#collaborations .read_more {display: none;}
#collaborations .middleground {width: 100%;height: 400px;background: url(../design/contact_top_20160121.jpg) no-repeat center center;background-size: cover;margin: 15px 0 0;}

/**
 * Page Content: Contact
 */
#contact {}
#contact .info p {font-size: 16px;}
#contact .social_networks {text-align: center;padding: 15px 0;}
#contact .social_networks li {width: 26px;height: 26px;display: inline-block;margin: 0 10px;}
#contact .social_networks li a,
#contact .social_networks li a span {display: block;opacity: 1;}
#contact .social_networks li a:hover {opacity: 0.5;}
#contact p.copyright {font-size: 11px;text-align: center;}

/**
 * Page Content: Intro
 */
.overlay {
    width: 100%;
    height: 100%;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    /*background: url("../design/loader.gif");*/
    -moz-background-size: auto;
      -o-background-size: auto;
         background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: opacity 1s cubic-bezier(.68,.22,.96,.73);
    -moz-transition: opacity 1s cubic-bezier(.68,.22,.96,.73);
    -o-transition: opacity 1s cubic-bezier(.68,.22,.96,.73);
    transition: opacity 1s cubic-bezier(.68,.22,.96,.73);
    -webkit-transition-delay: 11s;
       -moz-transition-delay: 11s;
         -o-transition-delay: 11s;
            transition-delay: 11s;
}
.overlay-logo-holder {
    position: relative;
    width: 100%;
    height: 100%;
    line-height: 100%;
}
.overlay .overlay-logo-holder .overlay-logo {
    width: 71.75%;
    height: auto;
    line-height: 100%;
    opacity: 0;
    -webkit-transition: opacity 4s ease-in;
    -moz-transition: opacity 4s ease-in;
    -o-transition: opacity 4s ease-in;
    transition: opacity 4s ease-in;
    -webkit-transition-delay: 1.5s;
       -moz-transition-delay: 1.5s;
         -o-transition-delay: 1.5s;
            transition-delay: 1.5s;
    position: absolute; 
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    margin-left: 5.85%;
}
.overlay.animate .overlay-logo {
    opacity: 1;
    -webkit-animation: skloni 3s 1 8s forwards;
       -moz-animation: skloni 3s 1 8s forwards;
         -o-animation: skloni 3s 1 8s forwards;
            animation: skloni 3s 1 8s forwards;
}
@-webkit-keyframes skloni {
    to{
        opacity: 0;
    }
}
@-moz-keyframes skloni {
    to{
        opacity: 0;
    }
}
@-o-keyframes skloni {
    to{
        opacity: 0;
    }
}
@keyframes skloni {
    to{
        opacity: 0;
    }
}
.overlay.animate {
    /*background:url('../../images/intro/bg.gif');*/
    background-repeat: no-repeat;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    background-position: center;
    opacity: 0;
}
.overlay.skip {
    -webkit-transition: opacity 1s cubic-bezier(.68,.22,.96,.73);
    -moz-transition: opacity 1s cubic-bezier(.68,.22,.96,.73);
    -o-transition: opacity 1s cubic-bezier(.68,.22,.96,.73);
    transition: opacity 1s cubic-bezier(.68,.22,.96,.73);
    -webkit-transition-delay: 0s;
       -moz-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
    opacity: 0;
}

.collection-title {
    font-family: 'SuisseSans-Regular';
    font-size: 11pt;
    color: #272727;
    line-height: 15pt;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1.2px;
    margin-top: 5px;
    margin-top: 15px;
    margin-bottom: 25px;
}