body {
	 background: url(../images/background-compres.jpg);
	 background-repeat: no-repeat;
    	  background-attachment: fixed;
	 font-family: "LatoLatin";
	 background-size:cover;
	 background-position: center;
}
 .vela-hidden {
	display:none !important;
}
#VelaContent .vela-hidden {
	display:block !important;
}

.primary-pink {
	color:#ed008c;  
}
.redactor_box {
    clear: both;
}
.disabled {
    cursor: default;

    opacity(.65);
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #fff;
  border-width: 5px 5px 0;
}
.tooltip-inner {
  color: #000;
  background: #fff;
  border: solid 1px #fff;
}
a {
transition: all 0.5s ease;
  	border-bottom:2px solid transparent;
}
a:hover {
	text-decoration:none !important;
}
/*.main a, .sub a, .main a:hover, .sub a {
	color:#fff;
	text-decoration: none;

}*/
ul {padding:0px;}
li {list-style: none;}
header > h1 {text-shadow:0px 1px 3px #000;}
.main {
	position: relative;
	z-index:10;
}
.triangle {
	background: url(../images/triangle.png) no-repeat ;
	position: absolute;
	right:0px;
	top:0px;
	width:1400px;
	height:1950px;
	z-index:1;
}

  /**    Section Glowna Galerie -
    =============================== **/
.home-galleries-wraper {
   background: rgba(255, 255, 255, 0.73);
   border-radius:15px;
}

/**    Section Top  - Menu
  =============================== **/
nav {margin-top:70px;}
nav .logo {
	background: url(../images/logo-final.png) no-repeat center center;
	width:300px;
	height: 145px;
	display: block;
	float: left;
	background-size: 100%;

}

nav .logo a {height:150px;display: block;}
nav ul {
	margin-left:25px;
	float: left;
	margin-top:35px;
	display: block;
}
nav ul > li {
	float:left;
	padding:20px 10px;
	height:65px;
	display:table;
	text-align:center;
	width:135px;
}

nav ul > li > a {
	height:65px;
	vertical-align:middle;
	display:table-cell;
	color:#fff;
	font-size: 22px;
	font-weight: 600;
	text-shadow:0px 1px 3px #000;
}
nav ul > li >  a:hover {
border-color:rgba(255,255,255, 0.8);
color:#fff;
text-decoration: none;
}

 /* == End Section Top  - Menu =======*/

/**    Section Książka -
  =============================== **/
 .book {margin-top:100px;color:#fff;}
 .book .wraper {
 	background:url(../images/books.png) no-repeat 0px 55px;
 	background-size:70%;
 	height:950px;
 	width: 100%;
 }
.book .wraper .about {
	color:#fff;
	float:right;
	width:625px;
}

.book .wraper .about header {padding-bottom:15px;}
.book .wraper .about p {font-size:15px;line-height: 18px;}
 /* =====  Zamów -   ======  */
 .book .buy {
 	float:right;
 	margin-top:60px;
 	width: 300px;

 }
 .book .buy a.order {
 	text-align: left;
 	width: 258px;
 	height: 85px;
 	display: block;
 	background: url(../images/order.png);
 }
 .book .buy .where {
  margin-top:30px;
 }
 .book .buy .where ul > li {
 	padding-top:10px;
 	font-size:16px;
 	font-weight: 600;
 }
 /* == End Section Książka -  =======*/

/**    Section Middle - Box
  =============================== **/

 .middle-box .reviews .wraper,
.middle-box .news .wraper {height:auto;}

 .middle-box .reviews  > header,
.middle-box .news  > header {color:#fff;height:50px;}

 .middle-box .reviews  > header > h1,
.middle-box .news  > header > h1{text-shadow:0px 2px 3px rgba(0,0,0, 0.4);}

 /* == End Section Middle - Box =======*/



/**    Section Recenzje -
  =============================== **/

 .reviews .wraper {
 	background:rgba(0,0,0, 0.7);
 	border:1px solid transparent;
 	border-radius:5px;

 	color:#fff;
 }

 .reviews header > h1 > i {
 	background:url(../images/star.png);
	display: inline-block;
	width:45px;
	height: 43px;
	position: relative;
	top:-5px;
	margin-left:5px;

 }
 .reviews #carousel-reviews {height:100%;}
 .reviews #carousel-reviews .carousel-indicators {bottom:-10px;}
 .reviews #carousel-reviews .item {padding:25px 25px 25px 25px;}

 .reviews #carousel-reviews .item > .author {margin-top:20px;font-style: italic;font-weight: 600;}
 .reviews #carousel-reviews .carousel-control.left  {}

 /* == End Section Recenzje -  =======*/

/**    Section Aktualności - Główna -
  =============================== **/
 .news .wraper {
 	background:rgba(255,255,255, 0.7);
 	padding:15px 25px 25px 25px;
 }
 /* == End Section Aktualności -  =======*/


/**    Section Aktualności - Lista
  =============================== **/

 .blogShort{ border-bottom:1px solid #ddd;}
.add{background: #333; padding: 10%; height: 300px;}


.btn-blog {
    color: #ffffff;
    background-color: #37d980;
    border-color: #37d980;
    border-radius:0;
    margin-bottom:10px
}
.btn-blog,
.btn-blog:hover,
.btn-blog:focus,
.btn-blog:active,
.btn-blog.active,
.open .dropdown-toggle.btn-blog {
    color: white;
    background-color:rgba(0, 0, 0, 0.67);
    border-color: #fff;
}
 #blog h2 {color:#34ca78;}
#blog  h1 > a{ color:#494545;}
 .margin10{margin-bottom:10px; margin-right:10px;}




 /* == End Section Aktualności - Lista =======*/



/**    Section Lista - Galerii
  =============================== **/
.galleries-list {padding:15px;display: block;}
.galleries-list a.description {color:#000;}
  .galleries-list {
  }

  .galleries-list .wraper {
    text-align: center;
}

.galleriest-list .full-gallery-item .wraper {
}

.galleries-list .full-gallery-item {
    margin-top: 15px;
}

.galleries-list .full-gallery-item .wraper a.img {
    width: 100%;
    height: 100%;
    display: block;
}

.galleries-list .full-gallery-item .wraper a.img img {
    margin: auto;
    display: block;
    max-width: 136px;
}

.galleries-list .full-gallery-item a.description {
    margin: 5px 5px 10px;
    display: block;
    color: rgba(83, 81, 81, 1);
    text-decoration: none;
    font-size: 13px;
    color: #000;
}

.galleries-list .description {
    margin: 10px auto;
    color: #000;
    display: block;
}

 /* == End Section Lista - Galerii =======*/




 /**    Section Partners -
   =============================== **/
.partners {margin-top:35px;}
.partners #carousel-partners {margin-top:35px;}
.partners #carousel-partners .item a.thumbnail {background:transparent;border:0px;}
.partners #carousel-partners.carousel {
    margin-bottom: 0;
    padding: 0 40px 0px 40px;
}
/* The controlsy */
.partners .carousel-control {

    height: 40px;
	width: 40px;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    margin-top: 30px;
}
.partners .carousel-control.left {
	left: -12px !important;
}
.partners .carousel-control.right {
	right: -12px !important;
}

/* The indicators */
.partners .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: -10px;
	margin-right: -19px;
}
/* The colour of the indicators */
.partners .carousel-indicators li {
	background: #cecece;
}
.partners .carousel-indicators .active {
background: #428bca;
}
  /* == End Section Partners -  =======*/

  /**    Section Podstrona -
    =============================== **/

.sub.container .back {
	margin:auto;
	display: block;
	width:50px;
	position: absolute;
	bottom:5px;
	color:#000;
	left:5px;
}
.sub.container nav ul > li >  a:hover {
border-color:rgba(0,0,0, 0.8);
}
.sub.container .logo {
	margin-left:0px;
	background: url(../images/logo-pink.png) no-repeat center center;
	background-size:100%;


}
.subcontent {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.23);
	min-height:450px;
	margin-top:60px;
	background:rgba(255,255,255, 0.7);
	border:1px solid transparent;
	position: relative;
	border-radius:5px;
	padding-bottom:35px;

}

.subcontent .main-pagination {
	margin-bottom:20px;
}
/*.subcontent a {color:#000;}*/

   /* == End Section Podstrona -  =======*/

   /* == STOPKA -  =======*/

   footer p {text-align:center;}
   footer a {color:#303030;}

  /**    Section Media - Queries
    =============================== **/



/* iPads (portrait and landscape) ----------- */
@media only screen  and (min-width : 768px)  and (max-width : 1024px) {
	.triangle {
		width:100px;
	}

/* Styles */
}
/* Laptops ----------- */
@media only screen  and (min-width : 1024px)  and (max-width : 1280px) {
	.triangle {
		width:1260px;
	}
	nav .logo {
		margin-left:47px;
		width:280px;
	
	}
}
/* Laptops  1366 ----------- */
@media only screen  and (min-width : 1290px)  and (max-width : 1366px) {
	.triangle {
		width:1340px;
	}
	nav .logo {
		margin-left:40px;
		width:280px;
	}

}

/* Desktops and laptops ----------- */


@media only screen and (min-width : 1000px) and (max-width: 1199px) {
/* Styles */
nav ul {
    	margin-left: 27px;
 		margin-top: 3px;
	}
.book .wraper .about {
		height:320px;
		width:575px;
	}
nav ul > li > a {
		font-size: 18px;
	}
nav .logo {
	width:170px;
	height: 90px;
	}
.book {
	margin-top:110px;
	}
.book .wraper {
    background-position:0 85px;
}
}

@media only screen and (min-width : 1367px) {
/* Styles */
.triangle {
		width:1650px;
	}
}


   /* == End Section Media - Queries  =======*/