/* theme.css */
#wpadminbar{display: none;}

body {
	color:#333;
	font-family: 'senregular', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.6;
}

p {
    margin: 0 0 20px;
}



@font-face {
    font-family: 'senbold';
    src: url('fonts/sen-bold-webfont.eot');
    src: url('fonts/sen-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sen-bold-webfont.woff2') format('woff2'),
         url('fonts/sen-bold-webfont.woff') format('woff'),
         url('fonts/sen-bold-webfont.ttf') format('truetype'),
         url('fonts/sen-bold-webfont.svg#senbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

button {
    border: 0;
    border-color: transparent;
    border-radius: 0;
		box-shadow: none;
}

a.btn-default{
	color:#000;
}


/*--------------------------------------------------------------
## Centered Navigation
--------------------------------------------------------------*/
.navbar{
	margin-bottom: 0;
	border-radius: 0;
	border:0;
}
.site-title{
	margin-bottom: 0;
}
.navbar-brand{
	float: none;
	height: inherit;
	padding: 24px 0 0 0;
	display: inline-block;
}
.navbar-brand img {
    /*max-width: 100%;*/
    max-width: 400px;
    min-width: 90px;
    max-height: 100px;
}
@media (max-width:768px) {
	.navbar, .navbar-header{
		border-bottom: 1px solid #eee;
	}
	.navbar-brand{
		padding: 15px;
	}
	.navbar-brand img {
		max-height: 50px;
		max-width: 200px;
	}
}

@media (min-width:768px) {
/* centered navigation */
 .nav.navbar-nav {
     clear: left;
     float: left;
     margin: 0;
     padding: 0;
     position: relative;
     left: 50%;
     text-align: center;
		 margin-bottom:10px;
 }
 .nav.navbar-nav > li {
     position: relative;
     right: 50%;
 }
 .nav.navbar-nav li {
    text-align: left
 }
 .navbar-header {
		 width: 100%;
		 text-align: center;
		 /*position: absolute;*/
		 /*bottom: -120px;*/
 }
}

.navbar-toggle{
	background: #333;
	margin-top:20px;
	margin-bottom: 5px;
}
.navbar-toggle:hover{
	background: #000;
	box-shadow: none;
}
.navbar-toggle .icon-bar{
	background: #fff;
}

/*--------------------------------------------------------------
## Navigation Responsive
--------------------------------------------------------------*/
@media(min-width:768px){
	.sub-menu{
		display: none;
		position: absolute;
		background: #222;
		padding: 10px 15px;
		width:200px;
	}

	li:hover .sub-menu{
		display:block;
	}
}

.sub-menu li{
	margin-bottom:10px;
	list-style-type: none;
}

.sub-menu li:last-child{
	margin-bottom: 0;
}

.sub-menu a{
	color:#999;
	text-decoration: none;
}

.sub-menu a:hover{
	color:#fff;
}

.current-menu-item > a, .current-menu-parent > a{
	font-weight: bold;
}

.current-menu-parent li a{
	background:inherit;
}

.current-menu-parent .current-menu-item a{
	color:#fff;
	font-weight: bold;
}

.nav>li>a {
	color:#333;
}

/*--------------------------------------------------------------
## Frontpage - Sections
--------------------------------------------------------------*/
.intro-box{
	text-align: center;
	font-size: 16px;
	line-height: 1.6;
}

.intro-box .entry-title{
	display: none;
}

.intro-box .entry-content{
	margin:48px 0;
}

.quicklink-box{
	padding:48px 0;
	background: #e9e9e9;
	position:relative;
}

.cta-box{
	padding:48px 0;
	background: #545454;
	color:#fff;
	text-align: center;
}

.cta-box h3{margin:20px 0;}
.cta-box .btn{
	font-size: 16px;
	font-weight: bold;
	padding:20px 30px;
}
.cta-box p, .quicklink-text p:last-child{
	margin-bottom: 0;
}
/* Carousel */
.carousel-container .fa{
	position: absolute;
    top: 45%;
    z-index: 5;
    display: inline-block;
}

.carousel-inner .item img{
	margin: 0 auto
}

.carousel-control.left, .carousel-control.right{
	background-image:none;
}

.carousel-caption {
	left: 0;
	right: 0;
}

.carousel-caption p{
	background: rgba(0, 0, 0, 0.7);
	padding: 20px 60px;
}

/* Quicklink - Section */
.quicklink-one, .quicklink-two{
	position: relative;
	margin-bottom: 180px;
	height: 250px;
	background-size: cover;
	/*color: #444;*/
}

@media(max-width:767px){
	.quicklink-one, .quicklink-two{
		margin-bottom: 220px;
	}
}

.quicklink-one{
	background: url(images/wallpaper-catalogue.webp) no-repeat center center;
}

.quicklink-two{
	background: url(images/roll-calculator.webp) no-repeat center center;
}

.quicklink-text{
    position: absolute;
    margin: 0 auto;
    padding: 25px 30px;
    width: 90%;
    top: 220px;
    left: 0;
    right: 0;
    background: #fff;
		text-align: center;
    -webkit-transition: .2s;
    transition: .2s;
}

.quicklink-text h2{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	margin: 0 0 15px 0;
	font-size:18px;
}

/* Footer */
.site-footer{
	padding:24px 0;
	color:#fff;
	background:#333;
}
@media(max-width:767px){
.site-footer section{
	border-bottom:1px solid #4d4e4f;
	padding-bottom:20px;
}
}
.site-footer a{
	color:#898989;
}

.site-footer a:hover{
	color:#fff;
}

.site-footer .fa{
	margin-right:7px;
}

.site-footer .fa-3{
	font-size: 3em;
}
/*--------------------------------------------------------------
## Page
--------------------------------------------------------------*/
.default-page .entry-header{
	width:100%;
	height:218px;
	background-color: #333;
	background: url(images/page-header-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align:center;
	padding:90px 0;
}

.default-page .main-page-title h1{
	margin:0;
	font-weight: bold;
	color:#fff;
	letter-spacing: 1px;
	border-bottom:7px solid #fff;
	display: inline-block;
	padding-bottom: 10px;
}
.default-page .main-page-title h2{
	margin:0;
	font-weight: bold;
	color:#fff;
	letter-spacing: 1px;
	border-bottom:7px solid #fff;
	display: inline-block;
	padding-bottom: 10px;
}

.default-page h2, .default-page h3{
	line-height: 1.3;
	margin: 0 0 20px;
}

.default-page .entry-content{
	padding:48px 0;
	margin:0;
}

/*--------------------------------------------------------------
## News
--------------------------------------------------------------*/
.news-container{
	display: table;
	width: 100%;
	background: #fff;
}

@media (max-width:768px) {
	.news-container{
		min-height: inherit;
	}
}

.news-container h1{
	color:#000;
}

.news-container .entry-content{
	padding: 0;
}

.news-container, .news-sidebar{
	padding:48px 30px;
}

.news-container .entry-header{
	width:100%;
	height:inherit;
	background: transparent;
	text-align:left;
	padding:inherit;
}

.default-page .main-page-title h1{
	margin:0;
	font-weight: bold;
	letter-spacing: 1px;
	border-bottom:7px solid #fff;
	display: inline-block;
	padding-bottom: 10px;
}

.news-container .entry-title{
	margin: 15px 0 10px 0;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: .3px;
}

.news-container .entry-meta{
	display: none;
}

.news-sidebar img{
	max-height:170px;
	width:auto;
	margin-bottom:10px;
}

.news-sidebar hr{
	border-top: 1px solid #ccc;
	max-width: 320px;
	margin-left: 0;
	margin-right: 0;
}

.widget-title{
	margin-bottom:10px;
	font-weight: bold;
}

/*--------------------------------------------------------------
## Catalogue
--------------------------------------------------------------*/
.styled-select {
	width: 75%;
	display: inline-block;
	height: 60px;
	overflow: hidden;
	background: no-repeat right #fff;
	border: 2px solid #ccc;
	vertical-align: middle;
}

.styled-select select {
   background: transparent;
   width: 100%;
   padding: 10px;
   font-size: 18px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 60px;
   -webkit-appearance: none;
 }

 .styled-input{
	 display: inline-block;
	 width: 20%;
	 height:60px;
	 background: #333;
	 vertical-align: middle;
	 /*border: 2px solid #ccc;*/

 }

 .styled-input input[type=submit], .wpcf7 input[type=submit]{
	 color:#fff;
	 font-size: 16px;
	 width:100%;
	 height:60px;
	 padding:10px;
	 border: 0;
   border-radius: 0;
	 background: inherit;
	 box-shadow: inherit;
	 text-shadow: inherit;
 }

.wpcf7 input[type=submit]{
	 background: #333;
 }


.wpcf7-textarea{
	height:150px;
}

.catalogue, .calculator-form{
	padding:24px 0;
	background: #e9e9e9;
}

.catalogue h4, .calculator-form h4{
	font-weight: bold;
	margin-bottom:5px;
}

.catalogue ul{
	overflow-y: scroll;
	max-height: 500px;
	margin:0;
	padding:0;
}

.catalogue ul li{
	display: inline-block;
	width: 80px;
  height: 80px;
	list-style-type: none;
	margin:20px 20px 20px 0;
	position: relative;
}

.catalogue ul li img{
	max-width: 80px;
	height:auto;
}

.single-collection{
	float: left;
	position: absolute;
	width: 80px;
	height:80px;
	display: inline-block;
}

.single-collection a{
	width: 80px;
	height:80px;
	display: inline-block;
}

.gprototype{
  position: relative;
  max-width:100%;
  height:360px;
  /*background:url(img/catalog-foreground.png) no-repeat;*/
}

.gprototype #overlay{
  position:absolute;
  width:100%;
  height:360px;
  background:url(images/catalog-foreground.png) no-repeat center bottom;
  z-index: 1;
}

.gprototype article{
  position: relative;
  width:100%;
  height: 360px;
  display: none;
}

.gprototype article:first-of-type{
	display: block;
}
/*--------------------------------------------------------------
## Calculator
--------------------------------------------------------------*/