html, body, ul, li {margin: 0px; padding: 0px; height:100%;}
body {
		padding: 0;
		color:#151412;
		font-family: 'Roboto', sans-serif;
		font-size:14px;
		background:#f6f6f6;
		line-height:25px
		}
.container-fluid { 
		padding:0}
		
h4 {
		margin-top: 1.5em;
		}
.row {
		margin-bottom: 0;
		}
.row .row {
		 margin-top: 0;
		 margin-bottom: 0;
		}
		
a:hover	{   
		opacity: 1;   
		-webkit-transition: 600ms;
		-moz-transition-duration: 600ms; 
		-o-transition-duration: 600ms;
		transition-duration: 600ms;
		font-weight: normal}

h2 { text-align:center}

.text-blue {color:#1833b7}
.blue { 
	background:#fff; 
	margin-bottom:20px}
.blue:hover { 
	background:#1833b7}
.swct {
	background:#1833b7 }



		
@media(max-width:767px){
.navbar-default { background-color:rgba(0,0,0,0); border:none; float:right}
ul.nav {background-color:rgba(24,51,183,0.8) }
ul.nav li { text-align:center; padding:0}
ul.nav li:hover { background:#1833b7}
ul.nav a { color: #fff !important; padding:5px 15px; font-weight:500  }
ul.nav a:hover { color: #fff !important; background:#1833b7 url(../images/menu-hover.jpg) left top no-repeat }
ul.nav a.active { color: #fff !important; background:#1833b7 url(../images/menu-hover.jpg) left top no-repeat }
.navbar-toggle {background:#1833b7; float:right}
.navbar-toggle:focus {background:#1833b7; float:right}

ul {
	list-style-image:url(../images/ico-list.png);
	padding-left:35px}	
h2 { font-size:30px}
h2  img { max-width:12px;
max-height:25px}
.tresc p { text-align:justify;
	width:90%;
	margin:auto;
	padding-bottom:20px}
.tresc h3 {
	font-size:18px;
	line-height:24px; 
	text-align:center}
.carousel-inner img {
  	margin: auto;
}

.top { 
	border-top:5px solid #1833b7; }
.top2 { 
	border-top:5px solid #1833b7; 
	background: url(../images/topi.jpg) no-repeat top center;
	height: 177px }
.menu {

}
.mxs {
	position:absolute;
	top:10px;
	z-index:9999;
	width:100%
	}
.menu a{ 
	color:#fff}
.menumm { background:red}
.wstep { 
	line-height:25px; 
	color:#2e323d; 
	border-bottom:1px solid #c9d1d4; 
	padding:0px 10px 20px}

.box h3 {
	font-size:16px;
	line-height:24px;
	text-align:center}

.box-wh { 
	background:#fff; 
	padding:10px 15px; 
	height:180px; 
	margin-bottom:10px}
.box-wh p {	
	color:#2e323d; 
	font-size:12px; 
	line-height:24px;
	text-align:center}
.box-b { 
	background: #1833b7; 
	padding:10px 15px; 
	height:180px; 
	margin-bottom:10px}
.box-b h3{ 
	font-seze:18px;
	color:#fff; 
	text-align:center; 
	}
.box-b .btn {
	background:#fff; 
	margin:15px auto; 
	display:block; 
	width:40%}
.box-b a { 
	color:#000}
.box-b a:hover{
	color:#1833b7;}
.uslugi {
	background:#f5f5f5 url(../images/bg-uslugi.jpg)  top center repeat-y;
	padding-bottom:30px	
	}

.swct {
	background:#1833b7 url(../images/bg-swct.jpg)  top center no-repeat;
	color:#fff;
	text-align:center;
	padding-bottom:30px
	}
.box-dot { 
	border:1px dotted #fff;
	color:#fff;
	font-size:16px;
	padding:10px 10px 15px;
	text-align:center;
	width:90%;
	margin:30px auto 0px;
	font-weight:900;
	line-height:36px;
	display:block }
.zpr {
	background:#fff;
	color:#1833b7;
	font-size:14px;
	text-transform:uppercase;
	display:block;
	width:80%;
	margin:10px auto 0;
	}
	
.mapka-adres {
	background:#fff;
	margin-top:40px; 
	margin-bottom:80px;
	padding:10px;
	border-bottom:7px solid #1833b7;
	line-height:25px}
.mapka-adres h5{
	font-size:18px;
	text-align:center}
	
.mapka-adres p {
		color:#2e323d;
		text-align:center}
.google {
	position:absolute; z-index:-999; width:100%}
.kontakt { 
	padding-bottom:40px; 
	background:#f6f6f6}
.wyslij {
	background:#1833b7; 
	color:#fff; 
	font-weight:500; 
	text-transform:uppercase; 
	font-size:14px; 
	padding:5px 15px; 
	margin-top:15px; 
	display:block; 
	margin:auto; 
	width:150px }
.wyslij:hover {color:#fff}
.wyslij2 {
	background:#1833b7; 
	color:#fff; 
	font-weight:500; 
	text-transform:uppercase; 
	font-size:14px; 
	padding:5px 15px; 
	margin-top:15px;
	margin-bottom:20px; 
	display:block; 
	margin:auto; 
	width:250px }
.wyslij2:hover {
	color:#fff}
.formularz input { 
	margin-bottom:20px; 
	padding:10px; 
	font-size:14px; 
	color:#151412;
	-webkit-box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	border:none;
	width:90%;
	margin:0px auto 20px 
}
.kontakt .form-control{
	-webkit-box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	border:none; 
	font-size:14px; 
	color:#151412;
	width:90%;
	margin:0px auto 20px }

.haslo input { 
	padding:8px; 
	font-size:14px; 
	color:#151412;
	width:85%;
	margin:auto}
.haslo .btn { 
	background:#fff; 
	color:#000}
	
	
.u-tresc { padding-bottom:50px}	
.u-tresc h3{
	width:100%;
	border-left:1px dotted #151412; 
	padding-left:15px; 
	font-size:18px;
	line-height:24px;
	margin:20px 0px;
	text-align:left
	}
.u-tresc p {
	color:#2e323d; padding-left:15px;
	line-height:25px}	

.u-tresc ul {
	list-style-image:url(../images/ico-list.png);
	padding-left:35px}
.u-tresc ul li {
	}
	
.u-lista ul{
	background:#fff;
	width:97%;
	float:left;
	list-style:none;
	padding:15px;
	-webkit-box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);

	}
.u-lista ul li {
	padding:0px 0px 10px 0px}
	
.u-lista ul li a {
	color:#616471;}
	
.u-lista ul li a:hover {
	color:#1833b7;
	text-decoration:underline}
	
	
.kznk {
	background:#2b43bc;
	text-align:center}	
.kznk h3
	{
	color:#f6f6f6;
	font-size:18px;
	margin:20px 0px 10px;
	line-height:24px
	}
.haslo-text { 
	background:#fff; 
	font-size:18px; 
	color:#151412; 
	padding:15px; 
	font-weight:500; 
	height:140px;
	text-align:center}
.haslo { 
	background:#2b43bb; 
	padding:0px 15px 35px; 
	margin-bottom:50px }
.haslo h3{ 
	font-size:18px; 
	color:#fff; 
	text-align:center}

.footer {
	background: #151412 url(../images/bg-footer.png) repeat-x;
	width:100%;
	color:#fff;
	padding:50px 0px
	}
.rl { 
	padding-bottom:20px}
.number {
	background:#2233b7;
	font-size:25px;
	text-align:center;
	color:#fff;
	width:50px;
	height:50px;
	padding-top:15px;
	margin:auto;}
.ro p {
	text-align:justify; 
	color:#2e323d;
	width:90%;
	margin:auto
	
}

.carousel-example-generic { width:100%;}
.carousel-inner img {  
}
.carousel-inner { 
	height:220px;
	overflow: hidden;
 	min-width:100% !important;}
 
.carousel-inner .top1 { 
	background:url(../images/top1.jpg) top center no-repeat; 
	min-height:219px;
	max-height:220px;
	background-size: auto 100% }
.carousel-inner .top2 { 
	background:url(../images/top2.jpg) top center no-repeat; 
	min-height:219px;
	max-height:220px;
	background-size: auto 100%}
.carousel-inner .top3 { 
	background:url(../images/top3.jpg) top center no-repeat; 
	min-height:219px;
	max-height:220px;
	background-size: auto 100%}

.box-b{ 
	display: none;
}
.box:hover .box-b{
	display : block;
    -webkit-animation: fadein 0.5s; /* Safari and Chrome */
    -moz-animation: fadein 0.5s; /* Firefox */
    -ms-animation: fadein 0.5s; /* Internet Explorer */
    -o-animation: fadein 0.5s; /* Opera */
    animation: fadein 0.5s;
}
.box:hover .box-wh{
	display : none;
}

.copy {text-align:center}
.mediaten {text-align:center; padding-top:20px}

}



@media (min-width: 768px) and (max-width: 959px) {
.navbar-default { background-color:rgba(0,0,0,0); border:none}
ul.nav li { text-align:center; border-left:1px solid #fff; padding:0}
ul.nav li:hover { background:#1833b7}
ul.nav a { color: #fff !important; padding:10px 5px; font-weight:500  }
ul.nav a:hover { color: #fff !important; background:#1833b7 url(../images/menu-hover.jpg) left top no-repeat }
ul.nav a.active { color: #fff !important; background:#1833b7 url(../images/menu-hover.jpg) left top no-repeat }

ul {
	list-style-image:url(../images/ico-list.png);
	padding-left:35px}

h2 { font-size:35px}
h2  img { 
	max-width:14px;
	max-height:30px}

.tresc h3 {
	font-size:20px;
	line-height:30px; 
	text-align:center}
.carousel-inner img {
  	margin: auto;
}

.top { 
	border-top:5px solid #1833b7; }
.top2 { 
	border-top:5px solid #1833b7; 
	background: url(../images/topi.jpg) no-repeat top center;
	height: 177px }

.menu {
	margin-top:-250px;
	margin-bottom:180px
}
.top2 .menu {
	margin-top:0px;
	margin-bottom:180px
}
.menu a{ 
	color:#fff}
.wstep { 
	line-height:25px; 
	color:#2e323d; 
	border-bottom:1px solid #c9d1d4; 
	padding:0px 10px 20px}


.box-wh { 
	background:#fff; 
	padding:10px 15px; 
	height:210px; 
	margin-bottom:20px}
.box-wh h3 {
	font-size:18px
	}
.box-wh p {	
	color:#2e323d; 
	font-size:12px; 
	line-height:18px}
.box-b { 
	background: #1833b7; 
	padding:10px 15px; 
	height:210px; 
	margin-bottom:20px}
.box-b h3{ 
	color:#fff; 
	text-align:center; 
	line-height:32px}
.box-b .btn {
	background:#fff; 
	margin:15px auto; 
	display:block; 
	width:40%}
.box-b a { 
	color:#000}
.box-b a:hover{
	color:#1833b7;}
.uslugi {
	background:#f5f5f5 url(../images/bg-uslugi.jpg)  top center no-repeat;
	height:670px;	
	}

.swct {
	background:#1833b7 url(../images/bg-swct.jpg)  top center no-repeat;
	color:#fff;
	padding-bottom:40px;
	}
.box-dot { 
	border:1px dotted #fff;
	color:#fff;
	font-size:20px;
	padding:15px 15px 30px;
	text-align:center;
	width:85%;
	margin:30px auto 0px;
	font-weight:900;
	line-height:36px;
	display:block }
.zpr {
	background:#fff;
	color:#1833b7;
	font-size:16px;
	text-transform:uppercase;
	display:block;
	width:40%;
	margin:-20px auto 0;
	}
	
.mapka-adres {
	background:#fff;
	margin-top:20px; 
	margin-bottom:80px;
	padding:10px;
	border-bottom:7px solid #1833b7;
	line-height:25px}
.mapka-adres h5{
	font-size:25px;}
	
.mapka-adres p {
		color:#2e323d}
.google {
	position:absolute; z-index:-999; width:100%}
.kontakt { 
	padding-bottom:40px; 
	background:#f6f6f6}
.wyslij {
	background:#1833b7; 
	color:#fff; 
	font-weight:500; 
	text-transform:uppercase; 
	font-size:16px; 
	padding:7px 25px; 
	margin-top:15px; 
	display:block; 
	margin:auto; 
	width:150px }
.wyslij:hover {color:#fff}
.wyslij2 {
	background:#1833b7; 
	color:#fff; 
	font-weight:500; 
	text-transform:uppercase; 
	font-size:16px; 
	padding:7px 25px; 
	margin-top:15px; 
	display:block; 
	margin:auto; 
	width:250px }
.wyslij2:hover {
	color:#fff}
.formularz input { 
	margin-bottom:27px; 
	padding:10px; 
	font-size:16px; 
	color:#151412;
	-webkit-box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	border:none;
}
.kontakt .form-control{
	-webkit-box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	border:none; 
	font-size:16px; 
	color:#151412}

.haslo input { 
	padding:10px; 
	font-size:16px; 
	color:#151412;}
.haslo .btn { 
	background:#fff; 
	color:#000}
	
	
.u-tresc { padding-bottom:50px}	
.u-tresc h3{
	width:50%;
	border-left:1px dotted #151412; 
	padding-left:15px; 
	font-size:18px;
	line-height:26px;
	margin:15px 0px;
	text-align:left
	}
.u-tresc p {
	color:#2e323d; padding-left:15px;
	line-height:25px}	

.u-tresc ul {
	list-style-image:url(../images/ico-list.png);
	padding-left:35px}
.u-tresc ul li {
	}
	
.u-lista ul{
	background:#fff;
	width:97%;
	float:left;
	list-style:none;
	padding:15px;
	-webkit-box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);

	}
.u-lista ul li {
	padding:0px 0px 10px 0px}
	
.u-lista ul li a {
	color:#616471;}
	
.u-lista ul li a:hover {
	color:#1833b7;
	text-decoration:underline}
	
	
.kznk {
	background:#2b43bc;
	text-align:center}	
.kznk h3
	{
	color:#f6f6f6;
	font-size:18px;
	margin:15px 0px;
	line-height:26px
	}
.haslo-text { 
	background:#fff; 
	font-size:18px; 
	color:#151412; 
	padding:15px; 
	font-weight:500; 
	height:257px;}
.haslo { 
	background:#2b43bb; 
	padding:0px 15px 35px; 
	margin-bottom:50px }
.haslo h3{ 
	font-size:25px; 
	color:#fff; 
	text-align:center}

.footer {
	background: #151412 url(../images/bg-footer.png) repeat-x;
	height:150px;
	width:100%;
	color:#fff;
	padding-top:60px
	}
.rl { 
	padding-bottom:20px}
.number {
	background:#2233b7;
	font-size:45px;
	text-align:center;
	color:#fff;
	width:80px;
	height:80px;
	padding-top:25px;
	margin:auto;}
.ro p {
	text-align:justify; 
	color:#2e323d;
}

.carousel-example-generic { width:100%;}
.carousel-inner img {  
}
.carousel-inner { 
	height:250px;
	overflow: hidden;
 	min-width:100% !important;}
 
.carousel-inner .top1 { 
	background:url(../images/top1.jpg) top center no-repeat; 
	min-height:249px;
	max-height:250px;
	background-size: auto 100% }
.carousel-inner .top2 { 
	background:url(../images/top2.jpg) top center no-repeat; 
	min-height:249px;
	max-height:250px;
	background-size: auto 100%}
.carousel-inner .top3 { 
	background:url(../images/top3.jpg) top center no-repeat; 
	min-height:249px;
	max-height:250px;
	background-size: auto 100%}

.box-b{ 
	display: none;
}
.box:hover .box-b{
	display : block;
    -webkit-animation: fadein 0.5s; /* Safari and Chrome */
    -moz-animation: fadein 0.5s; /* Firefox */
    -ms-animation: fadein 0.5s; /* Internet Explorer */
    -o-animation: fadein 0.5s; /* Opera */
    animation: fadein 0.5s;
}
.box:hover .box-wh{
	display : none;
}
	
	}
	
	
@media (min-width: 960px) {
.navbar-default { background-color:rgba(0,0,0,0); border:none}
ul.nav li { text-align:center; border-left:1px solid #fff; padding:0}
ul.nav li:hover { background:#1833b7}
ul.nav a { color: #fff !important; padding:10px 15px; font-weight:500  }
ul.nav a:hover { color: #fff !important; background:#1833b7 url(../images/menu-hover.jpg) left top no-repeat }
ul.nav a.active { color: #fff !important; background:#1833b7 url(../images/menu-hover.jpg) left top no-repeat }

ul {
	list-style-image:url(../images/ico-list.png);
	padding-left:35px}

h2 { font-size:45px}

.tresc h3 {
	font-size:24px;
	line-height:35px; 
	text-align:center}
.carousel-inner img {
  	margin: auto;
}

.top { 
	border-top:5px solid #1833b7; }
.top2 { 
	border-top:5px solid #1833b7; 
	background: url(../images/topi.jpg) no-repeat top center;
	height: 177px;
 }
.top2 .menu {
	margin-top:0px;
	margin-bottom:180px
}

.menu {
	margin-top:-516px;
	margin-bottom:480px
}
.menu a{ 
	color:#fff}
.wstep { 
	line-height:25px; 
	color:#2e323d; 
	border-bottom:1px solid #c9d1d4; 
	padding:0px 10px 20px}


.box-wh { 
	background:#fff; 
	padding:10px 15px; 
	height:210px; 
	margin-bottom:20px}
.box-wh p {	
	color:#2e323d; 
	font-size:12px; 
	line-height:25px}
.box-b { 
	background: #1833b7; 
	padding:10px 15px; 
	height:210px; 
	margin-bottom:20px}
.box-b h3{ 
	color:#fff; 
	text-align:center; 
	line-height:32px}
.box-b .btn {
	background:#fff; 
	margin:15px auto; 
	display:block; 
	width:40%}
.box-b a { 
	color:#000}
.box-b a:hover{
	color:#1833b7;}
.uslugi {
	background:#f5f5f5 url(../images/bg-uslugi.jpg)  top center no-repeat;
	height:670px;	
	}

.swct {
	background:#1833b7 url(../images/bg-swct.jpg)  top center no-repeat;
	height:214px;
	color:#fff
	}
.box-dot { 
	border:1px dotted #fff;
	color:#fff;
	font-size:30px;
	padding:15px 15px 30px;
	text-align:center;
	width:70%;
	margin:30px auto 0px;
	font-weight:900;
	line-height:36px;
	display:block }
.zpr {
	background:#fff;
	color:#1833b7;
	font-size:16px;
	text-transform:uppercase;
	display:block;
	width:40%;
	margin:-20px auto 0;
	}
	
.mapka-adres {
	background:#fff;
	margin-top:40px; 
	margin-bottom:80px;
	padding:10px;
	border-bottom:7px solid #1833b7;
	line-height:25px}
.mapka-adres h5{
	font-size:25px;}
	
.mapka-adres p {
		color:#2e323d}
.google {
	position:absolute; z-index:-999; width:100%}
.kontakt { 
	padding-bottom:80px; 
	background:#f6f6f6}
.wyslij {
	background:#1833b7; 
	color:#fff; 
	font-weight:500; 
	text-transform:uppercase; 
	font-size:16px; 
	padding:7px 25px; 
	margin-top:15px; 
	display:block; 
	margin:auto; 
	width:150px }
.wyslij:hover {color:#fff}
.wyslij2 {
	background:#1833b7; 
	color:#fff; 
	font-weight:500; 
	text-transform:uppercase; 
	font-size:16px; 
	padding:7px 25px; 
	margin-top:15px; 
	display:block; 
	margin:auto; 
	width:250px }
.wyslij2:hover {
	color:#fff}
.formularz input { 
	margin-bottom:27px; 
	padding:10px; 
	font-size:16px; 
	color:#151412;
	-webkit-box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	border:none;
}
.kontakt .form-control{
	-webkit-box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	border:none; 
	font-size:16px; 
	color:#151412}

.haslo input { 
	padding:10px; 
	font-size:16px; 
	color:#151412;}
.haslo .btn { 
	background:#fff; 
	color:#000}
	
	
.u-tresc { padding-bottom:50px}	
.u-tresc h3{
	width:50%;
	border-left:1px dotted #151412; 
	padding-left:15px; 
	font-size:25px;
	line-height:35px;
	margin:30px 0px;
	text-align:left
	}
.u-tresc p {
	color:#2e323d; padding-left:15px;
	line-height:25px}	

.u-tresc ul {
	list-style-image:url(../images/ico-list.png);
	padding-left:35px}
.u-tresc ul li {
	}
	
.u-lista ul{
	background:#fff;
	width:97%;
	float:left;
	list-style:none;
	padding:15px;
	-webkit-box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);
	box-shadow: 0px 0px 12px 4px rgba(204,204,204,1);

	}
.u-lista ul li {
	padding:0px 0px 10px 0px}
	
.u-lista ul li a {
	color:#616471;}
	
.u-lista ul li a:hover {
	color:#1833b7;
	text-decoration:underline}
	
	
.kznk {
	background:#2b43bc;
	text-align:center}	
.kznk h3
	{
	color:#f6f6f6;
	font-size:25px;
	margin:30px 0px;
	line-height:35px
	}
.haslo-text { 
	background:#fff; 
	font-size:18px; 
	color:#151412; 
	padding:15px; 
	font-weight:500; 
	height:257px;}
.haslo { 
	background:#2b43bb; 
	padding:0px 15px 35px; 
	margin-bottom:50px }
.haslo h3{ 
	font-size:25px; 
	color:#fff; 
	text-align:center}

.footer {
	background: #151412 url(../images/bg-footer.png) repeat-x;
	height:224px;
	width:100%;
	color:#fff;
	padding-top:60px
	}
.rl { 
	padding-bottom:20px}
.number {
	background:#2233b7;
	font-size:45px;
	text-align:center;
	color:#fff;
	width:80px;
	height:80px;
	padding-top:25px;
	margin:auto;}
.ro p {
	text-align:justify; 
	color:#2e323d;
}

.carousel-example-generic { width:100%;}
.carousel-inner img {  
}
.carousel-inner { 
	height:516px;
	overflow: hidden;
 	min-width:100% !important;}
 
.carousel-inner .top1 { 
	background:url(../images/top1.jpg) top center no-repeat; 
	min-height:516px}
.carousel-inner .top2 { 
	background:url(../images/top2.jpg) top center no-repeat; 
	min-height:516px}
.carousel-inner .top3 { 
	background:url(../images/top3.jpg) top center no-repeat; 
	min-height:516px}

.box-b{ 
	display: none;
}
.box:hover .box-b{
	display : block;
    -webkit-animation: fadein 0.5s; /* Safari and Chrome */
    -moz-animation: fadein 0.5s; /* Firefox */
    -ms-animation: fadein 0.5s; /* Internet Explorer */
    -o-animation: fadein 0.5s; /* Opera */
    animation: fadein 0.5s;
}
.box:hover .box-wh{
	display : none;
}
}


	
.fadein1
	{
    -webkit-animation: fadein 1.5s; /* Safari and Chrome */
    -moz-animation: fadein 1.5s; /* Firefox */
    -ms-animation: fadein 1.5s; /* Internet Explorer */
    -o-animation: fadein 1.5s; /* Opera */
    animation: fadein 1.5s;	}
.fadein2
	{
    -webkit-animation: fadein 2.5s; /* Safari and Chrome */
    -moz-animation: fadein 2.5s; /* Firefox */
    -ms-animation: fadein 2.5s; /* Internet Explorer */
    -o-animation: fadein 2.5s; /* Opera */
    animation: fadein 2.5s;	}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​