@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1100px){
	section.slider div.bx-wrapper ul li div h3.slide10{font-size:36px; line-height:36px;}
	section.slider div.bx-wrapper ul li div h3.slide38{font-size:23px; line-height:23px;}
	section.slider div.bx-wrapper ul li div h3.slide46,
	section.slider div.bx-wrapper ul li div h3.slide47{font-size:34px; line-height:34px;}
}

@media only screen and (max-width: 1050px){
	section.slider div.bx-wrapper ul li div h3{display:inline-block; vertical-align:middle; font-family:'RochesterRegular'; font-size:38px; color:#444; text-decoration:none; font-weight:normal; font-style:normal; line-height:38px;}

	section.slider div.bx-wrapper ul li div h3.slide5,
	section.slider div.bx-wrapper ul li div h3.slide39,
	section.slider div.bx-wrapper ul li div h3.slide40,
	section.slider div.bx-wrapper ul li div h3.slide54,
	section.slider div.bx-wrapper ul li div h3.slide62{font-size:34px; line-height:34px;}
	section.slider div.bx-wrapper ul li div h3.slide6,
	section.slider div.bx-wrapper ul li div h3.slide9,
	section.slider div.bx-wrapper ul li div h3.slide16,
	section.slider div.bx-wrapper ul li div h3.slide23,
	section.slider div.bx-wrapper ul li div h3.slide28,
	section.slider div.bx-wrapper ul li div h3.slide38,
	section.slider div.bx-wrapper ul li div h3.slide42,
	section.slider div.bx-wrapper ul li div h3.slide50,
	section.slider div.bx-wrapper ul li div h3.slide66{font-size:22px; line-height:22px;}
	section.slider div.bx-wrapper ul li div h3.slide55{font-size:18px; line-height:18px;}
}

@media only screen and (max-width: 1000px){
	header nav ul li a{padding:0px 7px;}
	
	section.contact{font-size:34px;}
	
	section.slider div.bx-wrapper ul li div h3.slide10{font-size:28px; line-height:28px;}
	section.slider div.bx-wrapper ul li div h3.slide35{font-size:32px; line-height:32px;}
	section.slider div.bx-wrapper ul li div h3.slide36{font-size:36px; line-height:36px;}
	
	section.slider div.bx-wrapper ul li div h3.slide5,
	section.slider div.bx-wrapper ul li div h3.slide39,
	section.slider div.bx-wrapper ul li div h3.slide40,
	section.slider div.bx-wrapper ul li div h3.slide54,
	section.slider div.bx-wrapper ul li div h3.slide62{font-size:32px; line-height:32px;}
	section.slider div.bx-wrapper ul li div h3.slide6,
	section.slider div.bx-wrapper ul li div h3.slide9,
	section.slider div.bx-wrapper ul li div h3.slide16,
	section.slider div.bx-wrapper ul li div h3.slide23,
	section.slider div.bx-wrapper ul li div h3.slide28,
	section.slider div.bx-wrapper ul li div h3.slide38,
	section.slider div.bx-wrapper ul li div h3.slide42,
	section.slider div.bx-wrapper ul li div h3.slide50,
	section.slider div.bx-wrapper ul li div h3.slide66{font-size:20px; line-height:20px;}
	section.slider div.bx-wrapper ul li div h3.slide55{font-size:16px; line-height:16px;}
}

@media only screen and (max-width: 950px){
	section.contact{font-size:32px;}
	
	section.slider div.bx-wrapper ul li img{display:none;}
	section.slider div.bx-wrapper ul li div{width:100%;}
	
	section.slider div.bx-wrapper ul li div h3{display:inline-block; vertical-align:middle; font-family:'RochesterRegular'; font-size:40px; color:#444; text-decoration:none; font-weight:normal; font-style:normal; line-height:40px; padding:0px 30px;}
	section.slider div.bx-wrapper ul li div h3.slide10,
	section.slider div.bx-wrapper ul li div h3.slide35,
	section.slider div.bx-wrapper ul li div h3.slide36,	
	section.slider div.bx-wrapper ul li div h3.slide38,
	section.slider div.bx-wrapper ul li div h3.slide46,
	section.slider div.bx-wrapper ul li div h3.slide47{font-size:40px; line-height:40px;}

	section.slider div.bx-wrapper ul li div h3.slide5,
	section.slider div.bx-wrapper ul li div h3.slide39,
	section.slider div.bx-wrapper ul li div h3.slide40,
	section.slider div.bx-wrapper ul li div h3.slide54,
	section.slider div.bx-wrapper ul li div h3.slide62{font-size:36px; line-height:36px;}
	section.slider div.bx-wrapper ul li div h3.slide6,
	section.slider div.bx-wrapper ul li div h3.slide9,
	section.slider div.bx-wrapper ul li div h3.slide16,
	section.slider div.bx-wrapper ul li div h3.slide23,
	section.slider div.bx-wrapper ul li div h3.slide28,
	section.slider div.bx-wrapper ul li div h3.slide38,
	section.slider div.bx-wrapper ul li div h3.slide42,
	section.slider div.bx-wrapper ul li div h3.slide50,
	section.slider div.bx-wrapper ul li div h3.slide66{font-size:24px; line-height:24px;}
	section.slider div.bx-wrapper ul li div h3.slide55{font-size:22px; line-height:22px;}
	
	header article{width:100%; float:none; padding:0px; margin:0px;}	
	header article span{max-width:960px; float:none; margin:0px auto;}
	header article span h1{float:none; margin:14px auto;}
	
	header aside{width:100%; float:none; padding:0px; margin:0px}
	header aside span{max-width:960px; float:none; padding:0px; margin:0px auto;}
	
	header nav{float:none; padding:0px; margin:0px auto;}
	header nav ul{text-align:center;}
	header nav ul li{display:inline-block; float:none;}
	header nav ul li a{font-size:15px; padding:0px 10px;}
	
	section.contacts article{width:100%; float:none; margin:0px 0px 30px 0px;}
}

@media only screen and (max-width: 900px){
	section.contact{text-align:center;}
	section.contact a.button{margin:15px 30px 0px 30px;}
}

@media only screen and (max-width: 850px){
	footer div{min-height:100px; padding:0px;}
	footer article{min-height:20px;}
}

@media only screen and (max-width: 800px){
	section.about{text-align:center;}
	section.about img{float:none; margin:10px auto;}
	section.about a{display:block; margin:10px auto;}
	
	header nav ul li a{font-size:14px;}
}

@media only screen and (max-width: 750px){
	header nav ul li a{padding:0px 5px;}
	
	section.publications a{width:100%; float:none; margin:0px 0px 30px 0px;}
	section.publications a.center{margin:0px 0px 30px 0px;}
	
	section.posts a{width:100%; float:none; margin:0px 0px 30px 0px;}
	
	section.abouts h2{text-align:center;}
	section.abouts h3{text-align:center;}
	section.abouts img{float:none; margin:0px auto 40px auto;}
	
	section.publications a.full{width:100%; float:none; margin:0px 0px 50px 0px;}
	
	section.method a.button{max-width:190px; display:block; padding:20px 60px; margin:10px auto 0px auto;}
	
	footer div,
	footer div a{font-size:12px; line-height:22px;}
}

@media only screen and (max-width: 700px){
	.recomendation-rvw-box .recomend-items .fourcol{width:100% !important; display:block !important; float:none !important; margin:1% 0px 0px 0px !important;}
}

@media only screen and (max-width: 650px){
	footer article aside{padding:14px 10px;}
	
	section.contact a.button{max-width:180px; display:block; margin:10px auto 0px auto;}
	
	section.slider{display:none;}
	
	section.abouts article{width:100%; float:none; margin:30px 0px 0px 0px;}
}

@media only screen and (max-width: 600px){
	footer article{text-align:center; padding:12px 0px 0px 0px;}
	footer article span.count{width:100%; padding:0px; margin:0px;}
	footer article aside{float:none; padding:5px 0px; margin:12px 0px 0px 0px;}
}

@media only screen and (max-width: 550px){
	header nav a.show{display:block;}
	
	header nav{min-height:40px;}
	header nav ul{display:none; margin:0px;}
	header nav ul li{min-height:50px; display:block; float:none; clear:left;}
	header nav ul li a{min-height:50px; font-size:15px; line-height:50px; padding:0px 20px;}
}

@media only screen and (max-width: 500px){
	header nav ul li a{padding:0px 5px;}
	
	footer div{text-align:center; padding:0px 0px 20px 0px;}
	footer div span.count{width:100%; padding:0px; margin:0px;}
	footer div a.guidapsicologi{width:100%; float:none; margin:0px auto 10px auto;}
	
	section.method a.button{font-size:16px; padding:20px 30px; margin:10px auto 0px auto;}
	
	section.links a{display:block; margin:25px auto 0px auto;}
	section.links a:first-of-type{margin:0px auto;}
    
    section.messages{font-size:12px; line-height:14px;}
}

@media only screen and (max-width: 450px){
	section.contact{font-size:34px; line-height:40px;}
	
	section.method{font-size:28px; line-height:40px;}
	
	section.posts a{text-decoration:none; text-align:center;}
	section.posts a img{float:none; margin:0px auto 20px auto;}
	section.posts a div{width:100%; float:none;}
	
	section.abouts h2.center{font-size:30px; line-height:30px;}
	
	section.contacts a.gal{width:45%; width:-moz-calc(50% - 24px); width:-webkit-calc(50% - 24px); width:-o-calc(50% - 24px); width:calc(50% - 24px);}
}