/* -------------------------------------------------------------- 
  
   Reset default browser CSS.
   
   Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/index.html
   
--------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:100% inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


/* --------------------------------------------------------------
   
   Set default typography based on Blueprint
   
   http://code.google.com/p/blueprintcss/
     
--------------------------------------------------------------
   ================================================== */
/** Text elements
 * -------------------------------------------------------------- 
 */
p{margin:2rem 0;line-height:2.4rem}
ul{margin:0 0 1.8rem 3.2remm}
ol{margin:0 0 1.8rem 3.2rem}
ul{list-style:disc}
ol{list-style-type:decimal}
ol ol{list-style:upper-alpha}
ol ol ol{list-style:lower-roman}
ol ol ol ol{list-style:lower-alpha}
ul ul,ol ol,ul ol,ol ul{margin-bottom:0}
dl{margin:0 2.2rem}
dt{font-weight:700}
dd{margin-bottom:1.8rem}
strong{font-weight:700}
cite,em,i{font-style:italic}
blockquote{margin:0 4.4rem}
blockquote em,blockquote i,blockquote cite{font-style:normal}
pre{font:11px/1.8rem Monaco,monospace;margin-bottom:1.8rem}
code{font:1.1rem Monaco,monospace}
abbr,acronym{border-bottom:1px dotted #28262c;cursor:help}
ins{text-decoration:none}
sup,sub{height:0;line-height:1;vertical-align:baseline;position:relative}
sup{bottom:1ex}sub{top:.5ex}
a{color:#28262c;text-decoration:none}
a:hover{color:#232323}
span{color: #28262c;}
blockquote.left{float:left;margin-left:0;margin-right:2rem;text-align:right;width:33%}
blockquote.right{float:right;margin-left:2rem;margin-right:0;text-align:left;width:33%}


:root {
	color1: #65e1d1;
	color1opacity: rgba(101, 225, 209, 0.85);
  }

/* ====================================================================================================

		FRAMEWORK W3B
   
   ==================================================================================================== */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both }
.clearfix { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }
.allclear { clear: both }
.col10 { width: 10% }
.col20 { width: 20% }
.col30 { width: 30% }
.col40 { width: 40% }
.col50 { width: 50% }
.col60 { width: 60% }
.col70 { width: 70% }
.col80 { width: 80% }
.col90 { width: 90% }
.col100 { width: 100% }

.col33 { width: 33.3333% }
.col65 { width: 65% }
.col55 { width: 55% }
.col45 { width: 45% }
.col25 { width: 25% }
.col16 { width: 16.6% }
.col10, .col20, .col30, .col40, .col50, .col60, .col70, .col80, .col90, .col100, .col45, .col33, .col25, .col65, .col55, .col16 { float: left; display: block; position: relative; }
.margin-auto{margin-left: auto !important;margin-right: auto !important; float: none !important;}
img {  display: block; margin: 0;  max-width: 100%; padding: 0; position: relative; width: auto; height: auto; }
img.align-left, .align-left { float: left; margin: 0 1rem 0.5rem 0; }
img.align-right, .align-right { float: right; margin: 0 0 0.5rem 1rem; }
img.align-middle, .align-middle { text-align: center; margin: 1rem auto; }
img.full-width { clear: both; display: block; width: 100%; height: auto; margin: 0 0 1rem 0; }
a.block { width: 100%; height: 100%; display: block; }
.alignleft { text-align: left }
.alignright { text-align: right }
.aligncenter { text-align: center }
.alignjustify { text-align: justify }
.spacer, .wrapper.spacer { margin: 5rem auto;}
h1 { font-size: 3.9rem; margin: 1rem 0 1rem 0; line-height: 130%; }
h2 {font-weight: 300;color: #28262c;font-size: 3.5rem;margin: 1rem 0 2rem;line-height: 130%;}
h3 {font-size: 1.95rem;margin: 1rem 0 1rem 0;line-height: 130%;color: #28262c;font-weight: 300;}
h4 { font-size: 1.9rem; margin: 1rem 0 1rem 0; }
h5 { font-size: 1.6rem; margin: 1rem 0 1rem 0; }
h6 { font-size: 1.4rem; margin: 1rem 0 0.5rem 0; }
img.style1 { border: solid 1px #FFFFFF; -moz-box-shadow: 0px 5px 5px #a1a4a9; -webkit-box-shadow: 0px 5px 5px #a1a4a9; box-shadow: 0px 5px 5px #a1a4a9; }

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent; /* For some Androids */
}
.noselect::selection {
  background: none;
}
.noselect::-moz-selection {
  background: none;
}

@media screen and (max-width: 600px) { 
	.small-col100 {width: 100% !important;}
	.small-col70 {width: 70% !important;}
}
@media screen and (max-width: 320px) { 
	.xsmall-col80 {width: 100% !important;}
	.xsmall-col100 {width: 100% !important;}
}



/* ====================================================================================================

		LAYOUT.CSS
   
   ==================================================================================================== */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* { transition: all 0.5s ease, background-color 0.5s ease, top 0.5s ease, left 0.5s ease, right 0.5s ease, bottom 0.5s ease; -webkit-transition: all 0.5s ease, background-color 0.5s ease, top 0.5s ease, left 0.5s ease, right 0.5s ease, bottom 0.5s ease; -moz-transition: all 0.5s ease, background-color 0.5s ease, top 0.5s ease, left 0.5s ease, right 0.5s ease, bottom 0.5s ease; -o-transition: all 0.5s ease, background-color 0.5s ease, top 0.5s ease, left 0.5s ease, right 0.5s ease, bottom 0.5s ease; }*/
a { transition: background-color 0.5s ease, -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }

html, body {margin: 0;padding: 0;color: #28262c;background: #FFF repeat-x 0 0;text-align: left;height: 100%;font-weight: 400;font: normal 62.5%/150% 'Roboto', sans-serif;}
body {font-size:1px;font-size:1.4rem;overflow-x:hidden }
/* wrapcontent  */
.wrapper {width:120rem;margin:0px auto;padding:2rem;position:relative;}
.clearfix::before, .clearfix::after {
    content: " ";
    display: table;
}
.clearfix::after {
  clear: both;
}
.hide{opacity:0}

.prevent-scroll {overflow: hidden;}
body.prevent-scroll::before {
	content: "";
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255,255,255,0.5);
	z-index: 100;
}

/* CONTENT
   ==================================================
   ================================================== */
.content h1, #footer span {color:#343434;font-weight:700;line-height:100%;}
.content h2 {color: #28262c;font-size:7rem;}
.content h3 {text-transform: uppercase;font-size: 3.3rem;}
.content hr {border:0;height:6px;background: #dadad9;width:100px;margin:3rem 0;}
.content .titlesection h3 {color:#232323;font-weight: 700;text-transform:uppercase;font-size:2.6rem;}
.titlepage {position:relative;}
/*.titlepage h1, .titlepage h2 .content .titlesection h3 {padding-left:27rem;}*/
/*.titlepage h1, .titlepage h2 {padding-top:2rem;}*/
.titlepage h1 {font-size:5.5rem;}
.titlepage h2 {font-size:2.5rem;}
.titlesection {margin-top:22px;} 

/* HEADER
   ==================================================
   ================================================== */
/*#header {position:fixed;z-index:50;top:0;right:0;height:81px;width:60%;background:#FFFFFF;}
#header span {display:none;}*/
#header {height:460px;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.slider {
	height: 460px;
  }
  .slide1,.slide2,.slide3,.slide4,.slide5 {
	position: absolute;
	width: 100%;
	height: 100%;
  }
  .slide1 {
	background: url(images/tumblr_m6p1hvqOzf1raukvjo1_1280.jpg)no-repeat center;
		background-size: cover;
	  animation:fade 8s infinite;
  -webkit-animation:fade 8s infinite;
  
  } 
  .slide2 {
	background: url(images/bkg2.jpg)no-repeat center;
		background-size: cover;
	  animation:fade2 8s infinite;
  -webkit-animation:fade2 8s infinite;
  }
  .slide3 {
	  background: url(images/bkg3.jpg)no-repeat center;
		background-size: cover;
	  animation:fade3 8s infinite;
  -webkit-animation:fade3 8s infinite;
  }
  @keyframes fade
  {
	0%   {opacity:1}
	33.333% { opacity: 0}
	66.666% { opacity: 0}
	100% { opacity: 1}
  }
  @keyframes fade2
  {
	0%   {opacity:0}
	33.333% { opacity: 1}
	66.666% { opacity: 0 }
	100% { opacity: 0}
  }
  @keyframes fade3
  {
	0%   {opacity:0}
	33.333% { opacity: 0}
	66.666% { opacity: 1}
	100% { opacity: 0}
  }

#header .col100 {height:80px;}
#header .col100 svg {height:80px; fill: #ffffff;}
#header .wrapper {padding:0;}
#page #header {height:200px;background:#FFF url('images/coverpage-3.jpg');}

/* HEADER MOBILE
   ==================================================
   ================================================== */
#fixed-topbar {
	min-height: 8rem;
	background: rgba(101, 225, 209, 0.85);
	width: 100%;
	padding: 0.5rem 0;
	position: fixed;
	line-height: 8rem;
	z-index: 1000;
	top: 0;
	left: 0;
	box-shadow: 0px -6px 10px rgba(100,100,100,0.5);
}
.left-small {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 8rem;
	/*border-right: 1px solid #00bcd5;*/
	width: 8rem;
	height: 8rem;
	text-align: center;
}
.middle.tab-bar-section {
	position: absolute;
	top: 0;
	/*left: 8rem;*/
	left: 0rem;
	right: 8rem;
	height: 8rem;
	text-align: center;
}
#topbar-title {
	padding: 0 1rem;
}
#topbar-title span {
	font-size: 2.3rem;
	color: #343434;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	line-height: 8rem;
	vertical-align: middle;
}
.right-small {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 8rem;
	width: 8rem;
	height: 8rem;
	/*border-left: 1px solid #00bcd5;*/
	text-align: center;
}
#sidr-trigger {
	display: inline-block;
	width: 100%;
	cursor: pointer;
	line-height: 8rem;
	text-align: right;
	padding-right: 1.5rem;
}
#sidr-trigger i.fa{
	vertical-align: middle;
	color: #fff;
}

/* MENU
   ==================================================
   ================================================== */
/*#mm {margin:0 auto;display:-webkit-flex;-webkit-flex-direction:row;display:flex;flex-direction:row;width:100%;}*/
#mm {
	margin: -8rem auto;
	display: -webkit-flex;
	-webkit-flex-direction: row;
	display: flex;
	flex-direction: row;
	width: 100%;
	background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 100%);
	max-width: 120rem;
	transition: all 0.5s;
	border-radius: 5px 5px 0 0;
	background: rgba(101, 225, 209, 0.85);
}
#mm li.logo{display: none; width: 8rem;}
#mm.stuck {
	box-shadow: 0 -4px 10px grey;
	max-width: 100%;
	margin-top: 0;
	position: fixed;
	z-index: 999;
	top:0;
	width: 100%;
	transition: none;
	border-radius: 0;
	transition: margin 0.5s;
	background: rgba(101, 225, 209, 0.85);
}
#mm.stuck li.logo{
	display: block;
}
#mm.stuck li.logo img{
	height: 61px;
}
#mm li {
	text-align: center;
	flex-grow: 1;
	list-style-type: none;
	transition: background 0.5s ease-in;
	
}
#mmmobile {padding:0;margin:0 auto;position:absolute;top:9px;right:0;}
#mmmobile { display: none; margin-right:2rem; }
#mmmobile li { list-style-type: none; display: inline-block; margin-right: -0.4rem; position: relative; }
#mm li.active { color: #658f27 }
#mm li a, #mmmobile li a { text-decoration:none;    color: #fff;letter-spacing:1px;line-height:6rem;padding:2rem 2.2rem;text-transform:uppercase;transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
#mm li a { font-size: 1.4rem; padding: 1rem 0.5vw; white-space: nowrap; }
#mm li.logo a {display: block; height: 60px; padding-left: 18%; padding-top:0.5rem;}
#mm li.logo a svg {fill:#fff; width:130px;}	
#mm li a .material-icons, #mmmobile li a .material-icons {vertical-align: middle;} 
#mmmobile li a {padding:2rem 2.2rem;font-size:2.8rem;}
#mm li a:hover{    font-weight: bold; color: ##DADAD9;}
#mmmobile li a:hover {color:#5b6269;}
#content ul.listmenu { padding: 0; margin:4rem auto 6rem auto; }
#content ul.listmenu li { list-style-type: none; display: inline-block; padding: 0 6rem; }
.logo-central {    width: 40%;   margin-top: 3%;}
.logo-central .studio-logo {fill: #bfbfbf;}

/* SUB-MENU
   ==================================================
   ================================================== */
   
#mm li ul {background:#FFF;}
#mm li ul li {width:auto;padding:0 2rem;}
#mm li ul a {border:none;}
#mm li ul {
    position:absolute;
    left:50%;
	transform: translate(-50%, 0);
    /*top:36px;*/
    z-index:1;
    visibility:hidden;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:200ms ease;
    -moz-transition:200ms ease;
    -o-transition:200ms ease;
    transition:200ms ease;
}
#mm > li:hover ul {
    visibility:visible;
    opacity:1;
    filter:alpha(opacity=100);
}
   
/* Overline From Left */
.hvr-overline-from-center {  
    display: inline-block;
    overflow: hidden;
    position: relative;
    transform: perspective(1px) translateZ(0px);
    vertical-align: middle;
}
.hvr-overline-from-center:before {
	background: #5b6269 none repeat scroll 0 0;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    right: 50%;
    bottom: 0;
    transition-duration: 0.2s;
    transition-property: left, right;
    transition-timing-function: ease-out;
    z-index: -1;
}
.hvr-overline-from-center:hover::before, .hvr-overline-from-center:focus::before, .hvr-overline-from-center:active::before {
    left: 0;
    right: 0;
}

/* PLUS (by JLo)
   ==================================================
   ================================================== */

#plus-slider .plus {
	padding: 3rem 2.2rem;
}
#plus-slider .plus img.plus-icon {
	width: 64px;
	height: 64px;
	margin-bottom: 1rem;
	opacity: 0.5;
	transition: all 0.5s;
}
#plus-slider .plus a.pager span {
	transition: all 0.5s;
	color: #00bcd5;
}
#plus-slider .plus a.pager.current span {
	color: #232323;
}
#plus-slider .plus a.pager.current img.plus-icon {
	opacity: 1;
}
#slider-wrap .slide {
	padding: 0 2.5rem 4rem 2.5rem;
}
#slider-wrap p {font-size:2.5rem;font-weight:300;line-height:130%;}


/* FOOTER
   ==================================================
   ================================================== */
#footer {clear:both;background:#f2f3f5;padding:9rem 3rem 3rem 3rem;font-size:1.4rem;float:right;}
#footer p { color:#1f2122;font-size:1.1rem;line-height:150%;}
#footer span {font-size:2.5rem;}
#footer span.claim {color: #65e1d1;
    font-size: 1.8rem;
    margin-top: 1rem;
    display: block;
    text-transform: uppercase;
    font-weight: 400;}
.fa-circle {color:#606975;-webkit-transition:0.5s ease;-moz-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;}
.fa-stack i.fa-facebook {margin-top:11px;}
.fa-stack {position:relative;}
.fa-stack a {position:absolute;z-index:10;}
.fa-stack a:hover .fa-circle {color:#3c5a9a;}

/* ADD CLASS	
   ==================================================
   ================================================== */
.textcolumn {padding:0 2rem 0 2rem;}


.titlepage h2 { font-size: 3.5rem;
    color: #00bcd5;
    font-weight: 400;}

.titlepagesx .title, .titlepagedx .title {width:240px;position:absolute;}
.titlepagesx .title {top:0;left:0;}
.titlepagedx .title {top:0;right:0;text-align:right;}
.titlepagesx .col100 {padding-left:240px;position:relative;}
.titlepagedx .col100 {padding-right:240px;position:relative;}




.curve-pink {background: #65e1d1;padding:5rem 0;}
.curve-pink span {color:#fff;font-size:3.5rem;font-style:italic;}

.block-white-wave {display:block;width:100%;float:left;padding:0 4rem;background:#FFF;}

a > i.material-icons {vertical-align: middle;}
#contactform {background:#FFF;}

/* FOTO ANNO
   ==================================================
   ================================================== */

#foto {padding: 4rem;}
#foto .title-content {text-align: center;  margin-bottom: 8rem;}
#foto .title-content h2  {font-size: 3.3rem;text-transform: uppercase;color: #bfbfbf;}
#foto .title-content h2 span {color: #28262c; font-weight: 400;}
#foto .col100 .col33 {width: 50%; padding:1%}
#foto .caption {margin:1% 0;}
#foto .caption .small-cap {color: #bfbfbf;font-size: 1rem;text-transform: uppercase;}
#foto .col100 {display: flex; justify-content: center;}
/* LOGHI
   ==================================================
   ================================================== */

#loghi {padding: 4rem;}
#loghi .title-content {text-align: center;  margin-bottom: 8rem;}
#loghi .title-content h2  {font-size: 3.3rem;text-transform: uppercase;color: #bfbfbf;}
#loghi .title-content h2 span {color: #28262c; font-weight: 400;}
#loghi .col100 .col33 {width: 33.3333333%; padding:0 5%}
#loghi .caption {margin:1% 0;}
#loghi .caption .small-cap {color: #bfbfbf;font-size: 1rem;text-transform: uppercase;}
#loghi .col100 {display: flex; justify-content: center;}
/* TEAM	
   ==================================================
   ================================================== */

#team {padding: 4rem;}
#team .title-content {text-align: center;  margin-bottom: 8rem;}
#team .title-content h2  {font-size: 3.3rem;text-transform: uppercase;color: #bfbfbf;}
#team .title-content h2 span {color: #28262c; font-weight: 400;}
#team .col100 .col33 {width: 30%; padding:1%}
#team .caption {margin:1% 0;}
#team .caption .small-cap {color: #bfbfbf;font-size: 1rem;text-transform: uppercase;}
#team .col100 {display: flex; justify-content: center;}

/* SERVIZI	
   ==================================================
   ================================================== */
#prestazioni {	padding-top: 5%;}
#prestazioni h2 {font-size: 3.3rem;text-transform: uppercase;margin-bottom: 7%;color: #bfbfbf;line-height: 5.3rem;}
#prestazioni h2  span {color: #28262c;font-size: 4rem;font-weight: 400;padding-top: 2%;display: block;}
#prestazioni h3 {text-align: center;font-size: 2rem;margin-bottom: 0;font-weight: 400;}

#contacts h2 {font-size: 3.3rem;text-transform: uppercase;}
#contacts .contacts-content {display:flex; text-transform: uppercase;}
#contacts .left-side {background-color: #e8e8e8;padding: 4%;}
#contacts .left-side .content-side{      float: right;    display: flex;  justify-content: flex-end;  flex-direction: column;  text-align: right;}
#contacts .left-side .content-side i {margin: 4rem 5rem 4rem 2rem;float: right;color: #444444;}
#contacts .left-side .content-side span {margin: 4rem 4rem 3.5rem 4rem;  float: right; line-height: 24px; text-align: right;}
#contacts .left-side .content-side  a {color: #000;}

#contacts .right-side{background-color: #dadad9;padding: 4%;}
#contacts .right-side .content-side{     float: left;  display: flex;   justify-content: flex-start; flex-direction: column; text-align: left;}
#contacts .right-side .content-side i {margin: 4rem 5rem 4rem 2rem;float: left;vertical-align: middle;color: #444444;}
#contacts .right-side .content-side span {margin: 4rem 4rem 3.5rem 4rem;  line-height: 24px;   text-align: left; display: block;}

	/* --------------- ESTREMI */
#estremi {
	display: flex;
	flex-wrap: wrap;
	margin-top: 4rem;
}
#estremi i.material-icons {
	vertical-align: middle;
	margin: 0 1rem;
	color: #00bcd5;
}

#estremi i.material-icons {
	vertical-align: middle;
}

#estremi .left i.material-icons {
	margin: 4rem 5rem 4rem 2rem;
	float: right;
}
#estremi .right i.material-icons {
	margin: 4rem 2rem 4rem 5rem;
	float: left;
}

#estremi span {
	line-height: 24px;
	margin: 4rem;
}

#estremi .left span {
	margin: 3.5rem 4rem 4rem 4rem;
	float: right;
	text-align: right;
}
#estremi .right span {
	margin: 3.5rem 4rem 4rem 4rem;
	float: left;
	text-align: left;
}
#estremi .left.first span {
	margin: 4rem 4rem 3.5rem 4rem;
}
#estremi .right.first span {
	margin: 4rem 4rem 3.5rem 4rem;
}


/*#estremi .left.first, #estremi.right.first {
	border-bottom: 2px solid #00bcd5;
}*/

#estremi .left.first::before, #estremi .right.first::before {
	content: "";
	background-color: #00bcd5 !important;
	height: 2px;
	display: block;
	top: 100%;
	position: relative;
}
#estremi .left.first::before {
  background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
#estremi .right.first::before {
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
#estremi .left {
	border-right: 1px solid #00bcd5;
}
#estremi .right {
	border-left: 1px solid #00bcd5;
}


/* ----------- PRESTAZIONI */
.casiclinici .twentytwenty-before-label, .casiclinici .twentytwenty-after-label, .casiclinici .twentytwenty-overlay {display:none;}
.casiclinici {margin-top:2rem;}
.col50.casoclinico {
	padding: 0.5rem; margin-bottom: 6%;
}


#list-prestazioni {list-style-type:none;display:flex;flex-direction:row;width:100%;flex-wrap: wrap;}
#list-prestazioni li {position:relative;width:25%;}
#list-prestazioni li a {padding:4rem 0;text-transform:uppercase;text-align:center;display:block;font-weight:700;font-family: 'Open Sans', sans-serif;font-size:2rem;}


/* ====================================================================================================

		GOOGLE MAPS

	 ==================================================================================================== */

.map-container {
	width: 100%;
}
.map-container iframe{
	width: 100%;
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked{
	pointer-events: auto;
}


/* ICON
   ==================================================
   ================================================== */

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
   
/* ====================================================================================================

		MEDIA QUERIES
   
   ==================================================================================================== */
/* 1280
   ================================================== */
   @media screen and (max-width: 1280px) {
	.wrapper {width:100%;}
}
/* 1024
   ================================================== */
   @media screen and (max-width: 1024px) {

	#slider-wrap .slide, #plus-slider .plus { padding: 2rem;}
	#logo-big {display:none;}
	.content h3 {text-align: center;font-size: 3rem;}
	.content hr {margin: 3rem auto;}
	#team .title-content h2 {font-size: 3rem;}
	#team .col100 .col33 { 	width: 100%; padding:5%;}
	#loghi .title-content h2 {font-size: 3rem;}
	#loghi .col100 .col33 { 	width: 100%; padding:2%;}
	#foto .title-content h2 {font-size: 3rem;}
	#foto .col100 .col33 { 	width: 100%; padding:0;}
	#prestazioni h2 {font-size:3rem;line-height: 4rem;margin-bottom: 14%;margin-top: 14%;}
	#contacts h2 {font-size: 3rem;}
	#contacts .contacts-content {flex-direction: column;}
	#contacts .left-side, #contacts .left-side .content-side,
	#contacts .right-side, #contacts .right-side .content-side {width: 100%; padding:0;}
	#contacts .left-side .content-side i {margin:4rem 1rem 4rem 1rem;}
	.block-white-wave {padding: 0 2rem;}
	#team .col100 {display: block;}
	#foto .col100 {display: block;}
	#loghi .col100 {display: block;}
}	

/* 960
   ================================================== */
   @media screen and (max-width: 960px) {

	#estremi i.material-icons {margin: 2rem 1rem !important;}
	#estremi span {margin: 2rem 1rem !important;}
}

/* 800
   ================================================== */
@media screen and (max-width: 800px) { 
	#slider-wrap .slide{ padding: 1rem 2rem;}
	#plus-slider .plus { padding: 1rem;}
	#estremi i.material-icons { margin: 2rem 1rem;}
	#estremi .left span {	margin-right: 0rem;}
	#estremi .right span {	margin-left: 0rem;}
	#wrappcontactform.col70, #contactform {width: 100%}
	#contactform .smart-wrap {padding: 0;}
	#contactform .smart-forms .form-body {padding: 40px 10px;	}
}

/* 768
   ================================================== */
@media screen and (max-width: 768px) { 
	#slider-wrap .slide{ padding: 1rem 2rem;}
	#plus-slider .plus { padding: 1rem;}
	h2{ font-size: 5rem}
	.gallery-team .col25, .gallery-team .col20, .gallery-team .col33 {width: 100%}

	#mm {
		box-shadow: 0 -4px 10px grey;
		max-width: 100%;
		background: rgba(255,255,255,0.95);
		margin-top: 0;
		position: fixed; 
		z-index: 999; 
		top:0; 
		width: 100%;
		transition: none;
		border-radius: 0;
		transition: margin 0.5s;
	}
	#mm li.logo{
		display: block;
	}
}



/* 640
   ================================================== */
@media screen and (max-width: 640px) {

	#plus-slider .col20, #slider-wrap, .col50.casoclinico, .gallery-team .col25, .casoclinico .col50.inizio-fine-trattamento, .curve-pink .col50, .casoclinico .col70, #plus-slider .col33 { width: 100%; } 
	.curve-pink .col50 {padding:2rem 0;}
	#plus-slider .plus, #list-prestazioni li { width: 50%;}
	#list-prestazioni {flex-direction:row;flex-wrap:wrap;}
	#list-prestazioni li a {padding: 2rem 0;}
	

	.titlepagesx .col100, .titlepagedx .col100  {
		padding-left: 0px; 
	}
	.titlepagedx .col100  {
		padding-right: 0px; 
	}
	.titlepagesx .col100 .title, .titlepagedx .col100 .title  {
		display: none;
	}
	

	#estremi .left, #estremi .right {
		text-align: center;
	}
	
	#estremi i.material-icons {margin-top: 2rem;}
	#estremi .right.first i.material-icons, #estremi .left.first i.material-icons {margin-top: 1rem;}
	
	#estremi .right i.material-icons, #estremi .left i.material-icons {
		display: block;
		float: none;
	}

	#estremi .right span, #estremi .left span {
		display: block;
		float: none;
		text-align: center;
		padding: 0rem 1rem;
	}
	
}


/* 480
   ================================================== */
@media screen and (max-width: 480px) {
	#plus-slider .plus { padding: 1rem 2.5rem;}
	.sticky-wrapper, #mm {display: none;}
	#fixed-topbar {display: block !important;}
}

/* 360
   ================================================== */
@media screen and (max-width: 360px) {
	#estremi .col50 {width: 100%}
	#estremi .left.first::before, #estremi .right.first::before{display: none;}
	#estremi .right, #estremi .left {border: none;}
	#estremi i.material-icons {margin: 1rem;}
	#estremi span {margin-top: 0rem;}
	.curve-pink span {font-size:3rem;}
}

/* 320
   ================================================== */
@media screen and (max-width: 320px) {
	#plus-slider .plus { padding: 0.5rem 1rem;}
}