@charset "utf-8";
/* CSS Document */
header {
  background-attachment: fixed;
  background: url(../img/header-bg.jpg) no-repeat top center;
  background-position: 50% 50%;
  background-size: cover;
}
#kapcsolat a {color: #DFDFDF;}

li {margin-top:10px;}

.navbg {opacity: .9;}

.summericon {margin-right: 15px;}

h2 {color: #fff;}

p {
	color: #FFFFFF;
	text-align: justify;
}
#termekek .img-responsive
 {
	display: block;
	max-width: 100%;
	height: auto;
	/*margin-top: -10%;*/

}
.hover-bg {
	/*width: 360px;*/
}

.bg-blue {
padding: 100px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1dcf92+0,28abe3+100&1+0,0.75+100 */
background: -moz-linear-gradient(-45deg,  rgba(61, 127, 159,1) 0%, rgba(130, 158, 179,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(61, 127, 159,1) 0%,rgba(130, 158, 179,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(61, 127, 159,1) 0%,rgba(130, 158, 179,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1dcf92', endColorstr='#bf28abe3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg-product {
padding-bottom: 20px;
padding-top: 150px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e59e34+76,e5bc7e+100 */
background: #e59e34; /* Old browsers */
background: -moz-linear-gradient(top,  #e59e34 76%, #e5bc7e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e59e34 76%,#e5bc7e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e59e34 76%,#e5bc7e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59e34', endColorstr='#e5bc7e',GradientType=0 ); /* IE6-9 */
}

.bg-ruler {
	/*padding: 150px 0;*/
	text-shadow: 5px 5px 15px rgba(0,0,0,0.5);
	text-align: center;
	padding: 100px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8b71a+0,db3340+100&0.75+0,0.75+100 */
	background: -moz-linear-gradient(-45deg,  rgba(232,183,26,0.3) 0%, rgba(219,51,64,0.3) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(232,183,26,0.3) 0%,rgba(219,51,64,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(232,183,26,0.3) 0%,rgba(219,51,64,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfe8b71a', endColorstr='#bfdb3340',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	height: auto;  
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
	box-shadow: 0 0 50px rgba(0,0,0,0.2);
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ccc;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #ccc;
 }
 
.bg-product {
padding-bottom: 20px;
padding-top: 150px;
}
	 
.arrow { padding-top: 200%; }

/* Animations starts here -------------------------------------------*/

@-webkit-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 

.fadeInUp { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
}

.animated_titles { 
    -webkit-animation-duration: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in-out; 
    animation-timing-function: ease-in-out; 
} 

@-webkit-keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 

.fadeInDown { 
    -webkit-animation-name: fadeInDown; 
    animation-name: fadeInDown; 
}

.zoom {
	 transform: scale(1.0,1.0) rotate(-8deg);
	-webkit-box-shadow: 0px 0px 10px 1px rgba(212,172,91,0.63);
	box-shadow: 0px 0px 10px 1px rgba(212,172,91,0.63);
    -webkit-transition-property: transform, box-shadow; /* Safari */
    -webkit-transition-duration: .5s; /* Safari */
    transition-property: transform, box-shadow;
    transition-duration: .5s;
	z-index: 1;
}

.zoom:hover {
	transform: scale(1.1,1.1) rotate(0deg);
	-webkit-box-shadow: 0px 0px 50px 10px rgba(212,172,91,0.63);
	box-shadow: 0px 0px 50px 10px rgba(212,172,91,0.63);
}

.dotted {
  background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
}

/*Sections ---------------------------------------------*/
#picture {
	background: url(../img/pillow_bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	color: #ddd;
	padding: 300px 0;	
}

.mobile { display: none; }

@media (max-width: 600px) {

#picture {
	background: white;
	padding: 0px;
/*
  min-width: 100%;
  min-height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
	
*/
}

.mobile {
	display: inline;
	width: 100%;
	height: 100%;
	}
}

.picrad {
    border: 0px;
    border-radius: 50px 20px; 
}
h2 {
    line-height: 1em; 
}