/*My Style*/

/*---------------------------------------------------------------------------------------------------------------------*/

/* Main (Start)*/
	body{
		font-family: 'Open Sans';
		color: #34495e;
		background-color: #ffffff;
	}
	
	.btn-success{
		background-color: #3D3485;
		border-color: #3D3485;
		margin-top: 4rem;
	}
	
	.btn-success:hover{
		background-color: #716BAF;
		border-color: #716BAF;
	}
	
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; height: 0; overflow: hidden;
	}
		 
	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
/* Main (End)*/

/*---------------------------------------------------------------------------------------------------------------------*/

/* Typography (Start) */
	h1, h2, h3, h4, h5, h6{
		color: #3D3485;
		font-weight: 300;
	}
	
	h1{
		font-size: 6rem;
	}
	h2{
		font-size: 4rem;
		line-height: 6rem;
	}
	h3{
		font-size: 2.5rem;
		line-height: 3rem;
	}
	h4{
		font-size: 2rem;
		line-height: 3rem;
		color: #3D3485;
	}
	
	.headline_red{
		color: #fc4349;
	}
	
	a:hover{
		text-decoration: none;
	}
	
	.glyphicon{
		color: #6dbcdb;
	}
	.bold{
		font-weight: 600;
		display: inline;
	}
/* Typography (End) */

/*---------------------------------------------------------------------------------------------------------------------*/

/* Menu Top (Start) */
	#menu{
		background-color: #3D3485;
	}
	
	.navbar{
		background-color: #3D3485;
		font-size: 1.7rem;
		color: #ffffff;
		padding-top: 3rem;
		border: none;
		max-width: 100%;
	}
	
	.navbar-outer{
		width: 100%;
	}
	
	.navbar-inverse .navbar-nav >li >a{
		color: #ffffff;
		margin-left: 5px;
		border-left: 1px solid;
		line-height: 1rem;
	}
	
	.navbar-inverse .navbar-nav >li >a:hover{
		display: block;
		display: block;
		background-color: rgba(162, 81, 153, 0.6);
		border-color: rgba(162, 81, 153, 0.6);
		color: #ffffff;
		line-height: 1rem;
		transition: all 0.7s ease;
	}
	
	.navbar-inverse .navbar-nav > .active >a{
		display: block;
		background-color: rgba(255, 255, 255, 0.6);
		color: #A25199;
	}
	
	.navbar-inverse .navbar-nav > .active >a:hover{
		display: block;
		background-color: rgba(162, 81, 153, 0.6);
		border-color: rgba(162, 81, 153, 0.6);
		color: #ffffff;
	}
	
	#logo img{
		display: block;
		float: none;
		margin-top: -3rem;
	}
	
/* Menu Top (End) */

/*---------------------------------------------------------------------------------------------------------------------*/

/* entry (Start) */

	#entry{
		background: url(../img/sec1_img.png) no-repeat top right;
		padding-top: 12rem;
		padding-bottom: 3 rem;
		text-align: left;
		color: #ffffff;
		height: 100vh;
	}
    #entry h1, #entry h2, #entry h3, #entry h4, #entry h5, #entry h6 {
		color: #ffffff;
	}
	#entry p{
		font-size: 2rem;
	}
	
	.entry_img{
		padding-top:12rem;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.entry_text{
		padding-top: 15rem;
	}
	


/* entry (End) */

/*---------------------------------------------------------------------------------------------------------------------*/


/* Section 'about' (Start) */

	#about{
		padding-top: 6rem;
		padding-bottom: 6 rem;
		text-align: left;

	}
	
	.headline_about{
		padding-top: 4rem;
		text-align: center;
	}
	#about h4{
		color: #3D3485;
	}
	
	.thumbnail{
		background-color: #1abc9c;
		border-radius: 6px;
		padding: 2rem;
	}
	
	.thumbnail h3{
		color: #ffffff;
	}

	.thumbnail p{
		font-size: 1.5rem;
		color: #ffffff;
	}
	.about_img{
		padding-top:6rem;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.about_text{
		padding-top: 4rem;
	}
/* Section 'about' (End) */

/*---------------------------------------------------------------------------------------------------------------------*/

/* Section 'about2' (Start) */

	#about2{
		padding-top: 6rem;
		padding-bottom: 12rem;
		text-align: center;

	}
	
	.about2_text{
		text-align: left;
		padding-top: 6rem;
	}

/* Section 'about2' (End) */

/*---------------------------------------------------------------------------------------------------------------------*/

/* Section 'gallery' (Start) */

	#gallery{
		background: url(../img/sec5_img.jpg) no-repeat top right;
		padding-top: 6rem;
		padding-bottom: 3rem;
		text-align: center;
		height: 100vh;
	}
	#gallery h1, #gallery h2, #gallery h3, #gallery h4, #gallery h5, #gallery h6 {
		color: #ffffff;
	}
	
	.headline_gallery{
		padding-bottom: 5rem;
	}
	
	.photo_gallery{
		margin-bottom: 1.5rem;
	}
	
	.photo_gallery a:hover img{
		animation: pulse .8s;
		opacity: 0.8;
	}
	
/* Section 'gallery' (End) */

/*---------------------------------------------------------------------------------------------------------------------*/

/* Section 'pattern' (Start) */

	#pattern{
		padding-top: 6rem;
		padding-bottom: 3rem;
		text-align: center;
	}
	
	.headline_pattern{
		padding-bottom: 5rem;
	}
	
	.photo_pattern{
		padding: 1.7rem;
		margin: 0 auto;
		width: 26rem;
	}
	
	#pattern a:hover img{
		animation: pulse .8s;
	}
	
	#pattern a:hover span{
		animation: flip .8s;
	}

/* Section 'pattern' (End) */

/*---------------------------------------------------------------------------------------------------------------------*/

/* Section 'order' (Start) */

	#order{
		padding-top: 5rem;
		padding-bottom: 6rem;
		text-align: center;
		height: 40 rem;
		background-color: #000000;
		width: 100%;
		margin: 0 auto;
		display: inline-block;
		background: url('../img/klienci_tlo.jpg') repeat 0 1000px fixed;
	}
	
	#order h2 {
		color: #5c6166;
		margin-bottom: 4rem;
	}
	.order_img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		
	}
	
	

/* Section 'download' (End) */

/*---------------------------------------------------------------------------------------------------------------------*/

/* Section 'download' (Start) */

	#download {
		padding-top: 5rem;
		padding-bottom: 6rem;
		text-align: center;
		height: 40 rem;
		background-color: #000000;
		width: 100%;
		margin: 0 auto;
		display: inline-block;
		background: url('../img/klienci_tlo.jpg') repeat 0 1000px fixed;
	}
	
	#download h2 {
		color: #5c6166;
		margin-bottom: 4rem;
	}
	.download_img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		
	}
	
	

/* Section 'download' (End) */

/*---------------------------------------------------------------------------------------------------------------------*/

/* Section 'promo' (Start) */

	#promo{
		padding-top: 6rem;
		padding-bottom: 3rem;
		text-align: center;
	}
	
	.headline_promo{
		padding-bottom: 5rem;
	}
	
	#promo h5,
	#promo p{
		text-align: left;
		margin-top: 4rem;
	}

/* Section 'promo' (End) */

/*---------------------------------------------------------------------------------------------------------------------*/

/* Section 'sale' (Start) */

	#sale{
		padding-top: 6rem;
		padding-bottom: 3rem;
		text-align: center;
	}

	.headline_sale{
		padding-bottom: 5rem;
	}

	.sale_thumb_headline{
		padding-top: 1.5rem;
		padding-bottom: 2rem;
		background-color: #ecf0f1;
		border-top-left-radius: 1rem;
		border-top-right-radius: 1rem;
	}
	
	.sale_thumb_description{
		padding-top: 1rem;
		padding-bottom: 1rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		font-size: 1.5rem;
		background-color: #e4e4e4;
		border-bottom-left-radius: 1rem;
		border-bottom-right-radius: 1rem;
	}
	
	.photo_sale{
		position: relative;
		left: 0;
		top: 0;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
	}

/* Section 'sale' (End) */

/*---------------------------------------------------------------------------------------------------------------------*/

/* Section 'contact' (Start) */

	#contact{
		padding-top: 15rem;
		padding-bottom: 15rem;
		text-align: center;
	}

/* Section 'contact' (End) */

/*---------------------------------------------------------------------------------------------------------------------*/

/* Section 'footer' (Start) */

	#footer{
		padding-top: 6rem;
		padding-bottom: 6rem;
		text-align: left;
		background-color: #3D3485;
		color: #ffffff;
	}
	
	#footer h4{
		color: #ffffff;
	}
	
	#footer img{
		float: right;
		margin-right: 2rem;
		width: 4rem;
	}

/* Section 'footer' (End) */

/*---------------------------------------------------------------------------------------------------------------------*/