@import "case.css";
@import "space.css";
@import "sort.css";
@import "header.css";

@font-face {
font-family: 'Eurostile';
font-style: normal;
font-weight: normal;
src: local('Eurostile'), url('eurostile.woff') format('woff');
}


@font-face {
font-family: 'EuroStyle Normal';
font-style: normal;
font-weight: normal;
src: local('EuroStyle Normal'), url('EuroStyle Normal.woff') format('woff');
}


body, main {background-color: #f8f8f8;  hyphens: auto;}
body {hyphens: auto !important;}
html, body, header{ height: 100%; font-family:Eurostile!important; position: relative;background-color: #f8f8f8;}
header,.navbar-brand { font-family:Eurostile!important; color:#7a0000 !important; font-size: 30px!important; letter-spacing: 3px;}
header { background: url("../../img/zuber-header.png") no-repeat center right  ;	background-size: cover;	letter-spacing: 2px;}
header h1 {letter-spacing: 5px;}
	 
.navbar-inverse { background-image: linear-gradient(to bottom,#020202,#131313 100% )!important; border-botom-color: #7a0000 !important;}

nav img { height:110%;}

nav .active {border-bottom: 1px solid #7a0000;}


section { padding:60px 0px ;  background-color: #f8f8f8;   border-bottom: 1px solid #fdd !important;}
section h2 { margin-bottom:40px; color:#0a0a0a;}

/*case*/
.case article h2 { margin-bottom:10px !important;}
.case 			{position: relative;  text-align:center;  background-color:#fff;   padding: 0px !Important;}  
.case-1 .img, .case-2 .img	{padding: 0px !Important;}
.case-1 img					{border-radius:10px 10px 0 0 ; }
.case-2 img					{border-radius:10px 0 0 10px; }
.case header h2 {padding-top:30px; padding-bottom:30px; color:#121212; padding-left:10px; padding-right:10px; font-size:20px !Important;}
.case header {background-image: none !Important; background-color:#blue;}
.case header, .case section, .case footer { background-image: none !Important;  height:auto !important; }
.case section { padding:20px 10px; text-align:left;}
.case { margin-bottom:30px;}



.shadow {box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);}
.border {border: 1px solid #aaa; text-align:center; }
.radius10 {border-radius:10px; }
.container-fluid {max-width:1200px;}
.jumbotron .container-fluid div {margin-top:25% ;}
.jumbotron {margin-bottom:0px !important;}
button {background-image: linear-gradient(to bottom,#337ab7 0,#17344e 100%) !important;}

/*footer*/
footer {padding: 10px; } 

/* space */
.space-20 { top:20px; bottom:20px;}
.space-bot-40 { padding-bottom:40px;}
.space-bot-20 { padding-bottom:20px;}
.space-top-40 { padding-top:40px;}
.space-top-20 { padding-top:20px;}
@media (max-width: @screen-xs-max) { section { padding:60px 0px ; } }
@media only screen and (max-width: 600px) {	header { background-position: center right  ; background-size: cover;	} }

@media only screen and (max-width: 1024px) {.jumbotron .container-fluid div {margin-top: 12%;}}

    #footer-cookie,
    #footer-cookie * {
      box-sizing: border-box;
    }

    #footer-cookie {
      display: none;
      position: fixed;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 60px;
      padding-left: 30px;
      padding-right: 30px;
      line-height: 60px;
      background: #303030;
      color: #fff;
    }
    
    #footer-cookie a {
      color: #fff;
    }

    #footer-cookie #description {
      float: left;
    }

    #footer-cookie #accept {
      float: right;
    }

    #footer-cookie #accept a {
      border: 1px solid #fff;
      padding: 5px 10px;
      text-decoration: none;
    }

    @media (max-width: 1200px) {
      #footer-cookie {
        padding-top: 30px;
        padding-bottom: 30px;
        line-height: inherit;
        height: auto;
      }

      #footer-cookie #description {
        width: 100%;
      }

      #footer-cookie #accept {
        width: 100%;
        margin-top: 15px;
      }

      #footer-cookie #accept a {
        width: 100%;
        display: block;
        text-align: center;
      }
    }