/*!
 * Start Bootstrap - Stylish Portfolio Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    background: url(../img/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* Links */
a {
color: #fff;
}
a:hover {
color: #DAA520;
}
a:visited {
color: #fff;
}
a:focus {
color:#DAA520;
}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 15vh;

}
@media (max-width: 1024px){
    .text-vertical-center h1 {
        margin: 0;
        padding: 0;
        font-size: 10vh;
        
    }
}
/* Custom Button Styles */

.btn-dark {
    border-radius: 0;
    color: #DAA520;
    background-color: rgba(34,34,34,0.95);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(34,34,34,1);
}

.btn-light {
    border-radius: 0;
    color: #DAA520;
    background-color: rgb(34,34,34);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #DAA520;
    background-color: rgba(34,34,34,1);
}

.btn-dark2 {
    border-radius: 0;
    color: #fff;
    background-color: rgba(34,34,34,0.95);
}

.btn-dark2:hover,
.btn-dark2:focus,
.btn-dark2:active {
    color: #DAA520;
    background-color: rgba(34,34,34,1);
}


/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
}

/* Side Menu */

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 0;
    width: 250px;
    height: 100%;
    margin-right: -250px;
    overflow-y: auto;
    background: #222;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #DAA520;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #222222;
    background: rgba(218,165,32,1);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 55px;
    font-size: 18px;
    line-height: 55px;
}

.sidebar-nav > .sidebar-brand a {
    color: #DAA520;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: rgba(218,165,32,1);
    background: none;
}

#menu-toggle {
    z-index: 1;
    position: fixed;
    top: 0;
    right: 0;
}

#sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.toggle {
    margin: 5px 5px 0 0;
}

/* Header */

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

@media (max-width: 1024px){
.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/bg.jpg) no-repeat center center scroll;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
    -o-background-size: auto 100%;
}
}

/* About */

.about {
    padding: 50px 0;
    background: #DAA520;
}

/* Services */

.services {
    padding: 50px 0;
    background: #222222;
}

.service-item {
    margin-bottom: 30px;
}

/* Callout */

.callout {
    display: table;
    width: 100%;
    height: 400px;
    color: #fff;
    background: url(../img/callout.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
@media (max-width: 1024px){
.callout {
    display: table;
    width: 100%;
    height: 400px;
    color: #fff;
    background: url(../img/callout.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
}

/* Portfolio */

.portfolio {
    padding: 50px 0;
    background-color: #222222;
}

.portfolio-item {
    margin-bottom: 30px;
}

.img-portfolio {
    margin: 0 auto;
}

.img-portfolio:hover {
    opacity: 0.8;
}

/* Call to Action */

.call-to-action {
    padding: 50px 0;
}

.call-to-action .btn {
    margin: 10px;
}

/* Map */

.map {
    height: 500px;
}

@media(max-width:1024px) {
    .map {
        height: 75%;
    }
}

/* Footer */

footer {
    padding: 20px 0;
}

/* Custom Fonts*/

@font-face {
  font-family: 'Felix';

  src: url('../fonts/felix.ttf');
}
@font-face {
  font-family: 'Forum';

  src: url('../fonts/forum.otf');
}
.felix{
    font-family: 'Felix';
}
.forum{
    font-family: 'Forum';
}

@media (max-width: 1024px) {
    .smaller{
        font-size:1em;
    }
}

/* Custom Colors */
.headtext{
    color: #DAA520;
    }
.headtext2{
    color: #00b8ae;
}
.white {
    color: #fff;
}
.text-primary2 {
    color: #222222;
}
.text-primary2:hover {
    color: #DAA520;
}
i.fa-facebook:hover{
    color: #DAA520;
}
/* Custom Shadows */
.shadow{
    text-shadow: 2px 2px 2px #000000;
}
.shadow2{
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.shadow4{
    text-shadow: 2px 2px 2px rgba(256, 256, 256, 0.5);
}
.shadow3{
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

/* Custom H1-H3 */
h1.sale{    
    margin: 0;
    padding: 0;
    font-size: 8vh;
}

h3.intro{
    margin: 0;
    padding: 0;
    font-size: 8vh;
    }

/* Custom Lines */
    
hr.new { 
    border: 0; 
    height: 1px; 
    background: #333; 
    background-image: linear-gradient(to right, #74615a, #DAA250, #74615a);
}
hr.new2 { 
    border: 0; 
    height: 1px; 
    background: #fff; 
    background-image: linear-gradient(to right, #222222, #DAA520, #222222); 
}
hr.new3 { 
    border: 0; 
    height: 1px; 
    background: #333; 
    background-image: linear-gradient(to right, #222222, #fff, #222222);
}

hr.new4 {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #74615a, #fff, #74615a);
    
}


/* Custom Background Color */
    
.background-yellow {
    background-color: rgba(116,97,90,0.95);
}
@media (max-width: 1024px)
{
    .background-yellow {
        background-color: rgba(218,165,32,1);    
        }
}

.background-dark {
    background-color: rgba(34,34,34,0.95);
}
@media (max-width: 1024px){
    .background-dark {
        background-color: rgba(34,34,34,1);    
    }
}

/* Custom Icons */
i.fa-heart { line-height: 2.1;}
i.fa-euro { line-height: 2.1;}

.white{
    color: #FFFFFF;
}

.yellow{
    color: #DAA250;
}