/* Table of Contents
 ==================================================
 # Imports
 # Fonts
 # All
 # Selection
 # Placeholder
 # Body
 # Container
 # Left Sidebar
 # Navigation
 # Logo
 # Text
 # Pinterest Layout
 *************************************************/

/* IMPORT */

@import url();

@import url(bootstrap.css);
@import url(bootstrap-theme.css);
/*@import url(bootstrap.min.css);
 @import url(bootstrap-theme.min.css);
 @import url(jquery-ui-1.10.4.custom.css);
 @import url(jquery-ui-1.10.4.custom.min.css);*/

/* FONT */

@font-face {
    font-family: 'Bebas Neue';
    src: url('/font/BebasNeue.otf');
}

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900');

@font-face{
font-family:"Effra W01 Light";
src:url("/font/1114791/b7efdc09-493c-4ece-9318-858f00453c42.eot?#iefix");
src:url("/font/1114791/b7efdc09-493c-4ece-9318-858f00453c42.eot?#iefix") format("eot"),url("/font/1114791/751064cf-4abc-41a8-824e-4eaed9b85d23.woff") format("woff"),url("/font/1114791/5f22f65c-93cb-4f49-98f1-9cdcddbe0f49.ttf") format("truetype"),url("/font/1114791/edad0b27-2a7f-4689-a93e-893192afa06d.svg#edad0b27-2a7f-4689-a93e-893192afa06d") format("svg");
}

/* ALL */

* {

}

body{
font-family: "Effra W01 Light",Roboto, sans-serif;
font-size: 18px;
background-color: #fff;
}


/**### box ###**/

a, a:hover{
color: #fff;
}
.itsTheNavi{
margin-top: 200px;
}

.panel-body{
padding: 50px;
color: #fff;
}

.panel-body p{
font-family: 'Effra W01 Light', Arial;
font-size: 15px;

}


h3{
font-family: 'Effra W01 Light', Arial;

}
.panel-title{
font-size: 22px;
}


li{
margin-top: 3px;
margin-bottom: 3px; 
}


#logoFront2{
/*
position: relative;
left: 600px;
*/
margin-top: -25px;
margin-bottom: 65px;
margin-left: -12px;
display: block;
/*
float: right;
margin-right: 100px;
*/
}

#logoFront2 img{

max-width: 354px;

}
/* selection */

::selection {
}
::-moz-selection {
}

/* placeholders */

::-webkit-input-placeholder {
}
::-moz-placeholder {
}
:-ms-input-placeholder {
}
input:-moz-placeholder {
}

body, html {
  height: 100%;
}

/* BODY */

body {

}

/* CONTAINER */

.container-fluid {
    overflow: hidden;
}

/* LEFT SIDEBAR */

#box {
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    /*background: #323232;*/
    padding-left: 2%;
    padding-right: 7%;
    height: 100%;
    min-height: 100%;
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

#box1 {
/*
    color: #fff;
    background: rgba(255, 255, 255, 0.7); 
    */

  color: #fff;
/*    background: rgba(0, 0, 0, 0.7); */
   background-color: transparent);
    padding-left: 4%;
    padding-right: 3%;
    height: 100%;
    min-height: 100%; 
    font-size: 20px;
    /*margin-bottom: -99999px;
    padding-bottom: 99999px;*/
}

/* NAV */

/* top navigation */


.modal-dialog {
width: 960px;
padding: 5px;
background-color: black;

position: absolute;
left: 50%;
margin-left: -480px;

height: 580px;
top: 50%;
margin-top: -290px;
}
 


.modal-header {
background-color: black;
}

.modal-header .close {
margin-top: -14px;
color: #fff;
}

.modal-body {
background-color: black;
padding: 5px;
}
.modal-footer {
display: none;
}


.list-inline a {
    color: #fff;
    font-family: 'Effra W01 Light', 'Bebas Neue';
    font-size: 19px;
    text-decoration: none;
}

.list-inline a:hover {
    color: #D1be84;
}

.list-inline a.active {
    color: #D1be84;
}

/* bottom navigation */

.list-unstyled a {
    color: #fff;/*333*/
/*    background-color: #000; */
    background-color: rgba(0,0,0,0.7);
    
    font-family: 'Effra W01 Light',  "Bebas Neue", Helvetica;
    font-size: 18px;
    text-decoration: none;
    line-height: 18px;
}

.list-unstyled a:hover {
/*    color: #A6B2C1; */
   color: #000;
   background-color: #fff; 
    
}

.list-unstyled a.active {
/*    color: #A6B2C1; */
       color: #000;
   background-color: #fff; 

    
    
}

/* TEXT */

#text, #text p {
    color: #fff;
    font-family:"Effra W01 Light";
    font-size: 16px;
    line-height: 19px;
}

#text p span{
margin-bottom: 0px;
}

/* LOGO */



/* PINTEREST LAYOUT */

.free-wall {
    margin: 15px;
}

.brick {
    background: white;
    /*box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); */
    border-radius: 3px;
    color: #333;
    border: none;
    width: 300px;
    font-size: 15px;
   
    text-shadow: none;
}

.brick .img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.milk img, .milk .info{
-webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
}

.info {
    padding: 15px 15px 0px 15px ;
    color: #333;
}

.info-title {
    font-family: "Bebas Neue", Helvetica;
    font-size: 24px !important;

}

.info-text {
    font-family: Helvetica;
    font-size: 14px;
}

.brick img {
    margin: 0px;
    padding: 0px;
    display: block;
}

.more-link, .more-link:hover {
    color: #A6B2C1;
    text-decoration: underline;
}

.less-link, .less-link:hover {
    color: #A6B2C1;
    text-decoration: underline;
}

/* BOXES */

.tile {
    margin-top: 140px;
}

.panel-default {
    border-color: transparent;
}

.panel {
    /*margin-bottom: 20px;*/
/*    background-color: rgba(255, 255, 255, 0.5); */
/*    background-color: rgba(0, 0, 0, 0.7); */

    background-color: rgba(0, 0, 0, 0.7);
    border: 1px solid transparent;
    border-radius: 0px;
    /*-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);*/
}

@media (max-width: 768px) {
/*
#box1{
position: relative;
}
.itsTheNavi{
position: absolute;
bottom: 0px;
}
.h100{
height: 100%;
}
*/
#logoFront2 img{
max-width: 280px;
}


.itsTheNavi{
margin-top: 60px;
}


    .panel-body {
        padding: 15px;
    }
    
    .panel-title {
        margin-top: 25px;
    }
    
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {

    .tile{
        margin-top: 0px;
    }

    #prevslide{
        left: 0;
    }
   
}

a:focus {
    outline: none;
    outline-offset: -2px;
}

.closePanel {
    color: #fff;
    position: absolute;
    right: 25px;
    top: 10px;
    text-shadow: none;
    box-shadow: none;
    font-size: 20px;
    opacity: 1;
    font-family: serif;
/*    border: 1px solid #fff !important;
    border-radius: 5px; 
    padding: 0px 5px !important;*/
}

.closePanel:hover {
    color: #fff;
    text-shadow: none;
    box-shadow: none;
    opacity: 0.75;
}

.closePanel:focus {
    outline: none;
}