/* 
* 2014 DECOTeam custom cascade stylesheet
*
* File: customs.css
* Version: 0.2
* Author: Piotr Sikora
* Date: 28.08.2014
*/
 
/**************************************************************** FONT ****************************************************************/
@font-face {
   font-family: opensans-condbold;
   src: url(../fonts/OpenSans-CondBold.ttf);
}
@font-face {
   font-family: opensans-condlight;
   src: url(../fonts/OpenSans-CondLight.ttf);
}

/**************************************************************** RESET ****************************************************************/
body {
	margin: 0;
	padding: 0;
}

/**************************************************************** NAVBAR ****************************************************************/
/*
#navbar-alpha {
	background-color: #000;
	width: 100%;
	height: 50px;
	opacity: 0.8;
	position: fixed;
}
*/
/*
.alpha {
	background-color: none;	
}
*/

.nav li a {
	font-family: opensans-condbold;
	font-size: 15px;
}
.nav li .dropdown {
	padding: 10px 15px;
}
.nav li .dropdown a {
	color: #777;
	text-decoration: none;
}
.nav li .dropdown a:hover {
	color: #FFF;
	text-decoration: none;
}
#contact-button {
	margin-top: 8px;
	font-family: opensans-condbold;
	font-size: 15px;
}
.dropdown-menu li a {
   font-size: 15px;
   font-family: opensans-condbold;
   color: #FFF;
}
.locked-content {
   position: relative;
   top: -2px;
   left: 5px;
}
.locked-content-title {
   position: relative;
   top: -2px;
   left: 5px;
}
.decoteam-logo {
   margin-top: -10px;

	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.decoteam-logo:hover {
	opacity: 0.5;
}
.navbar-inverse .navbar-nav>li>a {
	color: #FFF;
}
.navbar-inverse .navbar-nav>li>a:hover {
	color: #777;
}
.navbar-inverse .navbar-nav>.active>a {
	color: #5cb85c;
}
.navbar-inverse .navbar-nav>.active>a:hover {
	color: #00e414;
}
/*
.navbar-inverse .navbar-nav>.active>a {
	color: #777;
}
.navbar-inverse .navbar-nav>.active>a:hover {
	color: #FFF;
}
*/
.navbar-inverse .navbar-nav>li>a, .dropdown-menu li a {
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.navbar-nav>li>.dropdown-menu {
   background-color: #222;
}
.divider {
	color: #777;
}
.dropdown-menu .divider {
   background-color: #777;
}

/**************************************************************** ANIMATED ICONS ****************************************************************/
#alpha-box1, #alpha-box2, #alpha-box3, #text-anim1, #text-anim2, #text-anim3, .animated-background {
	-webkit-transition: all 3000ms ease;
	-moz-transition: all 3000ms ease;
	-o-transition: all 3000ms ease;
	transition: all 3000ms ease;
}

.wrapper-animated-icons {
	width: 200px;
	height: 200px;
	position: relative;
	background-color: transparent;
	left: 50%;
	margin-left: -100px;
	border-radius: 100px;	
	border-style: solid;
	border-width: 4px;
	border-color: #FFFFFF;
	z-index: 1000;	
	overflow: hidden;
	cursor: pointer;
}
.wrapper-animated-icons img, .boxed  {
	border-radius: 100px;	
	width: 200px;
	height: 200px;
}
.boxed {
   position: absolute;
   background-color: #000;
   opacity: 0;
   z-index: 1001;
}
#text-anim1, #text-anim2, #text-anim3 {
	position: absolute;
	width: 200px;
	height: 200px;
	z-index: 1002;
	opacity: 0;
	top: 55px;
}
#text-anim1 {
	top: 65px;
}
#text-anim2 {
	top: 40px;
}
.animated-background {
   z-index: 500;	
}
.animated-background:hover {
   cursor: pointer;
	-webkit-transform: scale(1.5,1.5);
	-moz-transform: scale(1.5,1.5);
	-o-transform: scale(1.5,1.5);
	transform: scale(1.5,1.5);
}
#balkontex {
	font-family: opensans-condlight;
	font-size: 45px;
	color: #FFFFFF; 
}
#config {
	font-family: opensans-condlight;
	font-size: 20px;
	color: #FFFFFF; 
}

/**************************************************************** MODAL FORM ****************************************************************/

#send-email-button, #send-email-button-company {
	display: none;
}
#important-info {
	font-size: 15px;
   color: #FF0000;
   font-family: opensans-condlight;
   float: left;
   text-align: left;
   margin-top: 5px;
}
#user-info, #email-info, #email-info-company, #company-info, #company-address-info, #company-nip-info, #password-info {
   font-size: 12px; 
   color: #FF0000; 
   font-family: opensans-condbold;
   opacity: 0;

   -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}
.form-style-h1, .form-style-h2, .form-style-h3, .form-style-h4, .form-style-h6 {
	font-family: opensans-condbold;
}

.form-style-h0 { 
	font-size: 22px;
	font-family: opensans-condlight;
	color: #036b0c;
}

.form-style-h1 { 
	font-size: 25px;
}
.form-style-h2 {
	font-size: 15px;
	padding-bottom: 25px;
}
.form-style-h3 {
	font-size: 15px;
}
.form-style-h4 {
	font-size: 16px;
	padding-bottom: 25px;
	color: #0086b3;	
}
.form-style-h5 {
	font-size: 18px;
	padding-bottom: 25px;
	font-family: opensans-condlight;	
}
.form-style-h6 {
	font-size: 20px;
	padding: 10px 30px;
}
.form-style-h7 {
	padding-top: 20px;
   font-family: opensans-condlight;
   font-size: 16px;
}
.form-style-h8 {
   font-family: opensans-condbold;
   font-size: 16px;
}
#spinner, #spinner-vip {
   display: none;
	margin-left: 24px;
}
#locked-content-password {
	width: 220px;
}
.button-vip-access {
	margin-top: 10px;
}
.make-offer {
	font-size: 16px;
}
.get-access {
	float: left;
   margin-top: 7px;
   font-size: 0.875em;
   
   -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.get-access:hover {
	text-decoration: none;
	color: #91c6f3;
}
/**************************************************************** CONTENT ****************************************************************/

.parallax {
  /* //background: url('../images/hero-image.jpg') no-repeat center center; */
  background-repeat: no-repeat;
  background-attachment: center;
  background-position: center;
  background-size: cover;
  
  position: fixed;
  width: 100%;
  /* height: 750px; */
  height: 100%;
  top:0;
  left:0;
  z-index: -1;
}

.jumbotron {
   /* height: 750px; */
   height: 100%;
   text-align: center;
   background: transparent;
}

.jumbotron h1 {
   font-family: opensans-condbold;
	font-size: 45px;
	color: #FFFFFF;
	padding-top: 130px;
	margin-bottom: 150px;
	text-shadow: 1px 1px 3px #333;
}

.jumbotron p {
   font-family: opensans-condlight;
	color: #FFFFFF;
	margin-bottom: 30px;
	text-shadow: 1px 1px 3px #333;
}
#about-us, #offer, .products-type, #shop-title, #brands-title, #partners-title {
	text-align: center;
	font-family: opensans-condlight;
	font-size: 30px;
	color: #0487c4;
	font-weight: 700;
	padding-bottom: 30px;
	letter-spacing: 5px;
}
#about-us hr, #offer hr, #shop-title hr, #brands-title hr, #partners-title hr {
	width: 110px;
	border-color: #0487c4;
	border-width: 2px;
	margin-top: 10px;
}
.first, #second {
	text-align: center;
	font-family: opensans-condlight;
	font-size: 20px;
}
.first h2, #second h2 {
	font-family: opensans-condbold;
}
.first a, #second a {
	font-family: opensans-condbold;
}
.spacing {
	padding-top: 50px;
   padding-bottom: 50px;
}
#second {
	background-color: #f5f5f5;
	padding: 25px 0;
	text-align: center;
	padding-top: 70px;
   padding-bottom: 70px;
}
#products {
	width: 90%;
}

/*************** CONTENT - SHOP ***************/

#third {
	background-color: #FFFFFF;
   padding: 40px 0 300px 0;
   text-align: center;
   color: #38c0ff;
   margin: 30px 0 130px 0;
}

#shop-title hr {
	width: 400px;
   border-color: #0487c4;
   border-width: 2px;
   margin-top: 10px;
}
#shop-description {
   position: absolute;
   width: 600px;
   height: 400px;
   left: 50%;
   margin-left: -300px;
   text-align: center;
}
#shop-mockup {	
	background: url(../images/decoteam-shop-mockup.png) no-repeat center center;
   width: 800px;
   height: 600px;
   position: absolute;
   background-size: contain;
   left: -300px;
   margin-top: -70px;
}
#shop-sign {
	position: absolute;
	background: url(../images/shop-sign-coming-soon.png) no-repeat;
	background-size: contain;
	width: 500px;
	height: 500px;
	right: 100px;
}
#third p, #seven p {
	color: #818692;
	font-size: 20px;
	font-family: opensans-condlight;
}
#third h1 {
	color: #38c0ff;
	font-size: 30px;
	font-family: opensans-condbold;
}
.button-link {
	color: #000;
	font-family: opensans-condbold;
	font-size: 16px;
}
#fourth {
	background-color: #2a2d33;
	/* text-align: center; */
	color: #000;
}
#fourth p {
	color: #818692;
	font-size: 20px;
	font-family: opensans-condlight;
}
#fourth a {
	color: #38c0ff;
}
#fifth {
	background-color: #FFF;
	text-align: center;
	font-size: 35px;
	font-family: opensans-condbold;
	color: #000;
}
#six {
	padding: 50px 0;
}
#six img {
	max-width: 200px; 
	width: 100%;
	opacity: 0.5;
   position: relative;
   left: 50%;
   margin-left: -100px;
	
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
#six img:hover {
	opacity: 1;
	cursor: pointer;
}
#seven .row {
	margin-bottom: 50px;
}
#seven img {
	max-width: 180px; 
	width: 100%;
   position: relative;
   left: 50%;
   margin-left: -100px;
}
#download-title {
	color: #FFFFFF;
	font-size: 35px;
	font-family: opensans-condbold;
	padding-top: 50px;
	padding-bottom: 30px;
	text-align: center;
}
#downloads {
	padding: 20px 0 40px 0;
}
.downloads-content {
	text-align: center;
	padding-top: 50px;
   padding-bottom: 50px;
}
.downloads-content p {
	padding: 10px 0;
}
.social a {
	opacity: 0.5;
	
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.social a:hover {
	opacity: 1;
}
#back-to-top a {
	color: #333;
}
#back-to-top {
   width: 36px;
   height: 43px;
   position: fixed;
	opacity: 0.5;
	right: 5px;
	bottom: 5px;
	z-index: 3000;
	
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;	
}
#back-to-top:hover {
   opacity: 1;
   cursor: pointer;
}
.products-type {
   padding-top: 50px;
	text-align: center;
}
#static-area {
	width: 100%;
}

/*************** CONTENT - PRODUCTS ***************/

#animate-area, #animate-area-parallax	{
	width: 100%; 
	min-height: 463px; 
	background-image: url(../images/scroll_background.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-repeat: repeat-y;
	padding-bottom: 30px;
}
#animate-area {
   -webkit-animation: animatedBackground 40s linear infinite;
   -moz-animation: animatedBackground 40s linear infinite;
   -o-animation: animatedBackground 40s linear infinite;
	animation: animatedBackground 40s linear infinite;
}
#animate-area-parallax {
   -webkit-animation: animatedBackground 20s linear infinite;
   -moz-animation: animatedBackground 20s linear infinite;
   -o-animation: animatedBackground 20s linear infinite;
	animation: animatedBackground 20s linear infinite;
}
@-webkit-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-moz-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-o-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

.products-type hr {
	width: 300px;
   border-color: #0487c4;
   border-width: 2px;
   margin-top: 10px;
}

/*************** CONTENT - PRODUCTS - ACCORDION ***************/

.panel-body {
	font-size: 18px;
   font-family: opensans-condlight;
   text-align: left;
   text-indent: 50px;
}
.panel-body ul {
	list-style: inside;
}
.panel-body img {
	float: left;
	padding-right: 15px;
}
.panel-body .bold {
	font-family: opensans-condbold;
	letter-spacing: -1px;
}

/**************************************************************** SLIDER ******************************************************************/
#chevron-right {
   position: absolute;
   background-image: url(../images/sliders/paddle_next.png);
   width: 67px;
   height: 130px;
   top: 50%;
   margin-top: -65px;
   right: 10px;
}
#chevron-left {
   position: absolute;
   background-image: url(../images/sliders/paddle_previous.png);
   width: 67px;
   height: 130px;
   top: 50%;
   margin-top: -65px;
   left: 10px;
}
.carousel-inner h1 {
	font-size: 50px;
	font-weight: 100;
	font-family: opensans-condbold;
}
.carousel-inner h4 {
	font-size: 25px;
	font-weight: 100;
	font-family: opensans-condlight;
}

/**************************************************************** FOOTER ****************************************************************/
footer {
   position: relative;
   padding-top: 150px;
   padding-bottom: 0px;
	background-color: #494c50;
	color: #dcddde;
}
footer p {
   font-size: 13px;
   font-weight: 100;
	color: #777;
	text-align: right;
	font-family: opensans-condlight;
}
footer #qrcode {
   position: absolute;
   margin-top: -95px;
   margin-left: -3px;
}
footer #social-bar {
   color: #dcddde;
   top: 65px;
   height: 30px;
   text-align: right;
   line-height: 0px;
}
footer #social-bar a {
	color: #dcddde;
	opacity: 0.4;
	padding-left: 18px;
	
   -webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
footer #social-bar a:hover {
	opacity: 1;
}
footer hr {
   margin-top: 0px;
	border-width: 1px;
	border-color: #666;
}
#footer-address {
   position: absolute;
   font-family: opensans-condlight;
   font-size: 15px;
   text-transform: uppercase;
   letter-spacing: 2px;
   margin-top: 8px
}
#language-selector {
   height: 30px;
   text-align: left;
   position: absolute;
}
#language-selector a {
	padding-left: 10px;
	color: #dcddde;
	font-family: opensans-condlight;
	font-size: 15px;
	opacity: 0.5;
	
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
#language-selector a:hover {
	text-decoration: none;
	opacity: 1;
}
/************* v1.2 add ******************/
body, html {
	height: 100%;
}
.full-screen-div {
	height: 100%;
}
.vertical-align-div {
	position: relative;
   top: 50%;
   
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
}
/************* v1.3 vip ******************/

#katalog-2015 {
   max-width: 300px;
   height: 450px;
   background: url(../vip/katalog-2015.jpg) no-repeat no-repeat;
   background-size: contain;
   
   -webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
#download-button {
	width: 150px;
   height: 30px;
   background: linear-gradient(#3baee7, #08c);
   background: -webkit-linear-gradient(#3baee7, #08c);
   position: absolute;
	top: 50%;
	margin-top: -15px;
	right: 60px;
	text-align: center;
	padding-top: 4px;
	color: #FFFFFF;
	border-radius: 4px;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	
	font-weight: 300;
	
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	cursor: pointer;
	
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#download-button:hover {
	background: #4fd0f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #4fd0f7 0%, #17acd6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fd0f7), color-stop(100%,#17acd6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4fd0f7 0%,#17acd6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4fd0f7 0%,#17acd6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4fd0f7 0%,#17acd6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4fd0f7 0%,#17acd6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fd0f7', endColorstr='#17acd6',GradientType=0 ); /* IE6-9 */
}
#vip-link-download {
	text-decoration: none;
	
	font-size: 20px;
	
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#vip-link-download:hover {
	color: #1a7500;
	text-decoration: none;
}
#link-generation-info {	
	font-family: opensans-condlight;
	-webkit-user-select: none;
	-moz-user-select: none;
	font-weight: 300;
	
	color: #FF0000;
   font-size: 15px;
	
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}