@font-face {
	font-family: 'Sheep';
	src: url('../fonts/BlueSheepLego-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Chalet';
	src: url('../fonts/LEGOChalet60-Regular.eot');
	src: url('../fonts/LEGOChalet60-Regulard41d.eot?#iefix') format('embedded-opentype'),
		url('../fonts/LEGOChalet60-Regular.woff') format('woff'),
		url('../fonts/LEGOChalet60-Regular.ttf') format('truetype'),
		url('../fonts/LEGOChalet60-Regular.svg#LEGOChalet60-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
    background-color: #fff;
    font-family: Sheep, sans-serif;
    font-size:1.1em;
    line-height: 1.6;
    color:#000;
    }


.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
	max-width: 1920px;
    }

a{
    color: #fff;
    text-decoration: none;
}

a:hover, a:focus {
	text-decoration: none;
	color:#ffd600;
}

.right{
	text-align: right;
}


.header_1{
	z-index: 0;
	background: url("../img/bg_1.png");
}

.header_2{
	padding: 50px 0 0 200px;
}


.logo{
	padding:50px 0;
}

.line{
	position:relative;
	z-index:9999;
	height:35px;
	background: url("../img/line.png");
	margin:-15px 0;
}

p{
	font-size:1.4rem;
	font-family: Chalet, sans-serfi;
	color:#fff;
}

#lego_1{
	cursor: pointer;
}

figure{
	margin:0;
}

h1{
	color:#000;
	padding:20px 30px 50px 30px;
	line-height: 1.44;
	font-size:2.2rem;
}

h2{
	padding:0 20px;
	line-height: 1.6;
	font-size:2rem;
	color:#fff;
	text-align: center;
	text-transform: uppercase;
	margin:0;
	text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);

}

h3{
	padding:20px;
	line-height: 1.6;
	font-size:3rem;
	color:#fff;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);

}

.video{
	border:10px solid #fff;
	box-shadow: 4px 5px 1px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 5px 1px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 4px 5px 1px 0px rgba(0, 0, 0, 0.3);
}

.video_2{
	margin:40px 80px 80px 80px;
}

.section_1{
	position: relative;
	z-index:0;
	padding:55px 0 0 0 ;
	background: url("../img/bg_2.png");
}

.section_2{
	position: relative;
	z-index:0;
	padding:55px 0 55px 0;
	background: url("../img/bg_3.png");
}

.row {
    margin-left: 0px;
    margin-right: 0px;
    }


.img-center {
	text-align: center;
}

.carousel-control-prev, .carousel-control-next {
    top: -180px;
}

.steps_header{
	font-family: Sheep, sans-serif;
	text-align: center;
	font-size:2rem;
	text-transform: uppercase;
}

.steps{
	padding:0 0 60px 0;
	font-size:1rem;
}
.step{
	padding:30px 10px;
}
.step img{
	padding:0 0px 20px 0px;
}

.text_header{
	padding: 0 0 20px 0;
}

.text_1{
	padding:20px 20px 20px 50px;
	
}

.text_2{
	padding:20px 50px 20px 20px;
}

.text_3{
	padding:20px 50px 20px 20px;
	text-align: right;
}


.product{
	padding:50px 30px 50px 30px;
	-webkit-transition: background .4s linear;
	-moz-transition: background .4s linear;
	-o-transition: background .4s linear;
	-ms-transition: background .4s linear;
	transition: background .4s linear;
}

.product:hover{
	 background:rgba(23,192,229,0.4);
}

.product_2{
	padding:50px 30px 50px 30px;
	-webkit-transition: background .4s linear;
	-moz-transition: background .4s linear;
	-o-transition: background .4s linear;
	-ms-transition: background .4s linear;
	transition: background .4s linear;
}

.product_2:hover{
	 background:rgba(255,171,85,0.4);
}

.cta{
	text-transform: uppercase;
    color: #000;
    background: #ffd600;
    text-align: center;
    font-size: 1.8em;
	max-width: 250px;
    padding: 6px 20px;
    margin: 20px auto;
	cursor: pointer;
    -webkit-transition: background .4s linear;
	-moz-transition: background .4s linear;
	-o-transition: background .4s linear;
	-ms-transition: background .4s linear;
	transition: background .4s linear;
	box-shadow: 4px 5px 1px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 5px 1px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 4px 5px 1px 0px rgba(0, 0, 0, 0.4);
}


.cta:hover{
    background: #fff;
}

.cta_2{
	text-transform: uppercase;
    color: #000;
    background: #fff;
    text-align: center;
    font-size: 1.8em;
	max-width: 550px;
    padding: 6px 6px;
    margin: 60px auto 60px auto;
	cursor: pointer;
    -webkit-transition: background .4s linear;
	-moz-transition: background .4s linear;
	-o-transition: background .4s linear;
	-ms-transition: background .4s linear;
	transition: background .4s linear;
	box-shadow: 4px 5px 1px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 5px 1px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 4px 5px 1px 0px rgba(0, 0, 0, 0.4);
}

.cta_2:hover{
    background: #ffd600;
}

.cta_3{
	padding:30px 0;
}

.cta_4{
	text-transform: uppercase;
    cursor: pointer;
	background: #0d86a1;
    color: #fff;
    text-align: center;
    font-size: 1em;
    width: 150px;
    margin:20px auto 20px auto;
    padding: 5px;
    -webkit-transition: background .4s linear;
    -moz-transition: background .4s linear;
    -o-transition: background .4s linear;
    -ms-transition: background .4s linear;
    transition: background .4s linear;
}

.cta_4:hover{
    color: #fff;
    background: #00b0ec;
}

.text{
	padding:0 30px 50px 30px;
}


.promotion{
	text-align: center;
	padding:0 30px 50px 30px;
	line-height: 1.2;
	margin:0;
}

@media(max-width: 1200px){
	.toy{
		display:none;
	}
}

@media(max-width: 1800px){
	h1{
		font-size:2rem;
	}
}

@media(max-width: 1600px){
	.header_2{
		padding: 50px 0 0 100px;
	}
}

@media(max-width: 1400px){
	h1{
		font-size:1.8rem;
	}
	
	p{
		font-size:1.2rem;
	}
}

@media(max-width: 1300px){
	.logo{
		padding:0;
	}
	h1{
		padding:50px 0 0 50px;
		font-size:1.7rem;
	}
}

@media(max-width: 1200px){
	.logo{
		padding:0 100px;
	}
	
	.logo-center{
		text-align: center;
		margin:0 auto;
	}
	
	h1{
		text-align:center;
		padding:40px 0 40px 0px;
		font-size:2.7rem;
	}
	
	.header_2{
		padding:50px 0;
	}
}


@media(max-width: 992px){
	body{
		background-size: 1000px 1124px;
	}
	h3{
		text-align: center;
	}
	h4{
		text-align: center;
	}
	h5{
		text-align: center;
	}
	.text_1{
		text-align: left;
		padding:50px 50px 50px 50px;
		direction: ltr;
	}
	.text_2{
		text-align: left;
		padding:50px 50px 50px 50px;
	}
	.text_3{
		text-align: left;
		padding:50px 50px 50px 50px;
	}
	.cta{
		width:250px;
	}
	
	.right{
		text-align: left;
	}
	
}


@media(max-width: 768px){
	.text_header img{
		height:40px;
	}
	
	body{
		padding:0px;
	}
	
	h1{
		font-size:2rem;
	}
	
	.cta{
		margin-top:20px;
	}
	
}

@media(max-width: 576px){

	.cta_2{
		width:300px;
	}
	.video_2{
		margin:40px 20px 40px 20px;
	}
	p{
		font-size:1rem;
	}
	h1{
		font-size: 1.5rem;
		padding-bottom:0;
	}
	h2{
		font-size:1.1rem;
	}
	.steps_header{
		font-size:1.5rem;
	}
	.text_1{
		padding:50px 30px 20px 30px;
		font-size:0.8em;
	}
	.text_2{
		padding:0px 30px 20px 30px;
		font-size:0.8em;
	}
	.text_3{
		padding:0px 30px 20px 30px;
		font-size:0.8em;
	}
	
	.cta{
		font-size: 0.9em;
		width:180px;
	}

}

@media(max-width: 440px){
	h1{
		font-size:1.2rem;
	}
		.logo{
		padding:0 60px;
	}

}


/*SLIDERS*/

.sliders{
}

#calc{
	color:#fff;
	font-weight:200;
	font-size:2rem;
}
.price{
	font-weight:600;
	font-size:2rem;
	color:#ffd600;
	text-decoration: none;
}

.price2{
	padding:15px 10px 0 0;
	font-weight:600;
	font-size:1rem;
	
	color:#fff;
}

 #slides, #slides2 {
	 	margin:0 auto;
	 	max-width:762px;
        display: none;
    }
	  
	  a{
		  text-decoration: none;
	  }
	  
	  li{
		  margin:0 auto;
		  display:inline;
		  font-size:40px;
		  list-style: none;
	  }

    /* Center the slideshow */
    .container {
      	margin: 0 auto;
		text-align:center;  
    }
	  
	  #slides .slidesjs-pag{
		  width:170px;
		  margin:0 auto;
	  }
	  
	  #slides2 .slidesjs-pag{
		  width:190px;
		  margin:0 auto;
	  }
	  
	  .slidesjs-pagdiv{
		  margin:0 auto;
	  }
	  
	  .slidesjs-next{
		  float:right;
	  }
	  
	.slidesjs-navigation{
		font-size:45px;
		padding:4px 0;
		 float: left; 
	  }
	 
	.slidesjs-pagination {
		float: left;
   		margin: 0;
    	padding: 2px 5px;
	  }

    /* Show active item in the pagination */
    .slidesjs-pagination .active {
      color:#ffd600;
    }

    /* Media quires for a responsive layout */

    /* For tablets & smart phones */


    @media (max-width: 767px) {
      body {

      }
      .container {
        width: auto
      }
		
		.slidesjs-pag{
			display:none;
		}
		
	#price{
		padding:0;
	}
		
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
		
		#calc{
			font-size:1.4rem;
		}
		#price{
			padding:0 0px 0 0;
			font-size:1.4rem;
		}
		#price2{
			padding:7px 7px 0 0;
			font-size:0.8rem;
		}
		
		.slidesjs-navigation{
			font-size:36px;
			padding:0;
		}
		
		li{
		  margin:0 auto;
		  display:inline;
		  font-size:30px;
		  list-style: none;
	 	 }
		 #slides .slidesjs-pag{
			  width:140px;
			  margin:0 auto;
		  }
	  
		  #slides2 .slidesjs-pag{
			  width:340px;
			  margin:0 auto;
		  }
		
		
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 764px
      }
    }