@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700);
html, body {
	font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
	color: #fff;
background: #fff; /* Old browsers */
/* background: -moz-radial-gradient(center, ellipse cover,  #fff 0%, #C8C8C8 100%); /* FF3.6+ */
/* background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fff), color-stop(100%,#C8C8C8)); /* Chrome,Safari4+ */
/* background: -webkit-radial-gradient(center, ellipse cover,  #fff 0%,#C8C8C8 100%); /* Chrome10+,Safari5.1+ */
/* background: -o-radial-gradient(center, ellipse cover,  #fff 0%,#C8C8C8 100%); /* Opera 12+ */
/* background: -ms-radial-gradient(center, ellipse cover,  #fff 0%,#C8C8C8 100%); /* IE10+ */
/* background: radial-gradient(center, ellipse cover,  #fff 0%,#C8C8C8 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#C8C8C8',GradientType=1 );*/
}


/* HEADER */
.header {
	height: 70px;

}
#logo {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;

	width: 193px;
	height: 250px;
	z-index: 99999;
	background: url(../images/elements/logo_desktop.png) no-repeat top center;
	margin-bottom: -160px;
}
.london-logo {
	position: absolute;
	bottom: 40%;
}
.facebook_link{
width:100%;
max-width:25px;

}
.asi {
width:100%;
max-width:450px;

top:-25%;
margin-top:-25%;
margin-left:2%;
left:2%;
}
.im_home{
top:2em;
margin-top:2em;
width:400px;
max-width:400px;
right:10px;
margin-right:10px;

}
.slicknav_menu {
	display:none;
}	
.nav li {
	display: block;
	float: left;
	padding-right: 1.5em;
	font-family: 'Oswald';
	font-size: 1.1em;
	font-weight: 400;
	line-height: 3.2em;
	position:relative;
}
.nav li a {
	text-decoration: none;
	color: #2c1589;
	padding: 5px 6px;
	display: block;
	-webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
.nav img {
top:15px;
margin-top:15px;
width:25px;
max-width:25px;
}
.nav li a:hover {
	color: #f20a02;
	border-bottom: 6px solid #f20a02;
}
.nav li .active {
	color: #2c1589;
	border-bottom: 6px solid #f20a02;
}
.nav li ul {
	float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 30px;
	width: 220px;
    visibility: hidden;
    z-index: 990;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
.nav li:hover ul {
    opacity: 1;
    top: 77px;
    visibility: visible;
}
.nav li ul li {
	font-size: 0.9em;
    float: none;
    width: 100%;
}
.nav li ul a {
	line-height: 1.8em;
	background: #f20a02;
	color: #fff;
	border-bottom: 1px dotted #fff;
	padding:5px 15px;
}
.nav li ul a:hover {
    background: #2c1589;
	color: #fff;
	border-bottom: 1px dotted #000;
}

/* Clearfix */

.nav:after, .nav:before {
    content:"";
    display:table;
}
.nav:after {
    clear:both;
}
.nav {
    zoom:1;
}

.description {
	padding: 1.5em;
}
.description h2 {
	font-family: 'Oswald';
	font-size: 2.2em;
	font-weight: normal;
	color: #2c1589;
}
.description h1 {
	font-family: 'Oswald';
	font-size: 1.4em;
	font-weight: normal;
	color: #2c1589;
}
.description p {
	line-height: 1.8em;
	color: #8A9191;
	margin-bottom: 1em;
}



/* FLEXCAPTION GALLERY */

/* FLEXCAPTION GALLERY */

.flex-caption {
	width: 33%;
	height: auto;
	z-index: 999;
	background: #fff;
	padding: 1.4em;
	position: absolute;
	bottom: 30%;
	left: 5%;
}
.flex-caption blockquote {
	border: 2px solid #f20a02;
	padding: 2.2em;
}
.flex-caption blockquote p {
	font-size: 1.6em;
	font-style: italic;
	line-height: 1.5em;
	color: #777;
}
.flex-caption blockquote h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3 em;
	color: #f20a02;
	text-align: right;
	padding-top: 1.4em;
}
.scroll_down a img {
	position: relative;
	z-index: 99999;
	margin: -38px auto 0 auto;
	-webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
.scroll_down a:hover img{
	-webkit-transform: translate(0,0.25em);
    -moz-transform: translate(0,0.25em);
    -o-transform: translate(0,0.25em);
    -ms-transform: translate(0,0.25em);
    transform: translate(0,0.25em);
}

/* MORE BUTTON */
.more {
	border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
  font-weight: normal;
  line-height: normal;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: 5px;
  padding-right: 25px;
  padding-bottom: 5px;
  padding-left: 25px;
  font-size: 14px;
  background-color: #f00000;
  border-color: #f00000;
  color: white;
  transition: background-color 300ms ease-out;
  margin-bottom:5px;
bottom::5px;
}
.more:hover { color: #FF; 
  background-color: #2c1589;
  border-color: #2c1589;
}

/*MAIN COLLECTION*/
.cute-4-laptop.main_collection {
	padding:1em 2.5em;
}

.full-screen {
	width: 100%;
	height: auto;
	margin:0;
	padding:0;
}

/* 2.4 - Header blocks */
.header-block-wrapper {
	width: 1000px;
	position:absolute;
	 left:50%;
	 margin-left:-500px;
	margin-top:400px;
	z-index: 9999999;
}

header-block-inner {
	position: absolute;
	top: -85px;
	width: 100%;
	bottom:100px;
}
header-block-inner h2 {
	font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #555;

}

.header-block-5 {
	float: left;
	width: 20%;
	background: #ccc;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.header-block-5 {
	padding: 3.5% 0;
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-size: 18px;
}

.header-block-5:hover {
	padding: 2.5% 0 7% 0;
	margin: -2.5% 0 0 0;
}

.header-block-5 img {
	margin: 0 0 15px 0;
}





/*FOOTER*/
.email{

border:1 solid #333333;
background-color:#f3f3f3;
color:#555;
line-height:15px;
padding:2px;

height:15px;
font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
font-size:0.8em;
}
.email:hover{ 
    background-color:#f3f3f3;
}
.flag_autorizzo{

margin-bottom:2px;
bottom:2px;
}
.autorizzo{
font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
font-size:0.6em;
margin-bottom:5px;
bottom:5px;
margin-top:5px;
top:5px;
}
footer {
	background: #efefef;
	border-top:solid 1px;
	border-top-color:#FF0000;
	border-bottom: 4px solid #FF0000;
	padding: 1.5em;
	line-height: 1.8em;
	margin-top:30px;
	color: #555;
	font-size: 0.9em;
   font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
}
.logo_footer {
	margin: -60px 30px 10px 30px;
	width: 108px;
}
footer h2 {
   font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
	font-size: 2.0em;
	font-weight: normal;
	padding-bottom: 30px;
	padding-top: 30px;
}
footer ul {
	list-style: none;
	line-height: 2.5em;
}
.footer_facebook{
width:100%;
max-width:40px;
top:5px;
margin-top:5px;


}
footer a {
	text-decoration: none;
	color: #555;
	-webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
footer a:hover {
	color: #fff;
}
.newsletter_subscribe {
	display: block;
	width: 160px;
	background-color: #fff;
	border: 1px solid #f20a02;
	text-align: center;
}
.newsletter_subscribe:hover {
	background-color: #f20a02;
	color: #fff;
}


/*Back To TOP*/
.cd-top {
  display: inline-block;
  height: 60px;
  width: 60px;
  right: 30px;
  bottom: 30px;
  position: fixed;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #df782d url(../images/elements/back-top-arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #df782d;
  opacity: 1;
}
.cd-top:hover {
  background-color: #df782d;
  opacity: 1;
}
.chisiamo1 {
padding: 0em 1.5em 1.0em 1.5em;
	
 }
.chisiamo1 span {
color:#666666;
float:left;

    }
.chisiamo1 span2 {
position:relative;
color:#de782d;
float:left;
  font-family: "Oswald";
  font-size:1.6em;
}
.newsletter_dati span {
color:#666666;
float:left;

    }
.newsletter_dati span2{
position:relative;
color:#de782d;
float:left;
  font-family: "Oswald";
  font-size:1.6em;
  line-height:2em;



}

.chisiamo_im1{
width:100%;
max-width:400px;
top:4em;
margin-top:4em;

    }

.adulti_im1{
width:100%;
max-width:450px;
top:1em;
margin-top:1em;

    }
.adulti_im2{
width:100%;
max-width:400px;
top:8em;
margin-top:8em;

    }


/*Media Queries*/
@media only screen and (max-width: 1200px) {

.header-block-wrapper {
	width: 900px;
	position:absolute;
	 left:50%;
	 margin-left:-450px;
	margin-top:400px;
	z-index: 9999999;
}	
.fixed-bg, .fixed-bg-2 {
    background-attachment: fixed;
	height: 90%;
  }
.nav li {

	font-size: 1em;
	padding-right: 0.75em;
}
.flex-control-nav {
	bottom: 8%;
}
.flex-caption {
	bottom: 15%;
	padding: 1em;
}
.flex-caption blockquote {
	padding: 1.2em;
}
.flex-caption blockquote p {
	font-size: 1.2em
}
.flex-caption blockquote h4 {
	font-size: 1em;
}
.cute-4-laptop.main_collection, .cute-4-laptop.servizi {
	padding: 1.6em 2em;
}
.main_collection h2, .servizi h2 {
	font-family: 'Abril Fatface', serif;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	color: #555;

}
.main_collection p, .servizi p {
	font-size: 0.9em;
	line-height: 1.6em;
}
.link h2 {
	font-size: 4em;
}
}
@media only screen and (max-width: 920px) {	
.facebook_link{
right:10px;
margin-right:10px;

}
#logo {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width:100%;	
	max-width: 150px;
	
	z-index: 99999;
	background: url(../images/elements/logo_desktop2.png) no-repeat top center;
	margin-top: 5px;
	top: 5px;
}
.description {
	padding: 2em;
}
.description h2 {
	font-family: 'Oswald';
	font-size: 2.0em;
	font-weight: normal;
	color: #2c1589;
	margin: 0em 0;
}
.description p {
	line-height: 1.6em;
	color: #8A9191;
	margin-bottom: 1em;
}
.im_home{
top:2em;
margin-top:2em;
width:400px;
max-width:400px;
right:10px;
margin-right:10px;

}
.asi {
width:80%;


top:-25%;
margin-top:-25%;
margin-left:2%;
left:2%;
}
.facebook_footer{
width:100%;
max-width:30px;




}
.chisiamo_im1{
width:100%;
max-width:350px;
top:1.2em;
margin-top:1.2em;

    }
.adulti_im1{
width:100%;
max-width:400px;
top:1em;
margin-top:1em;

    }
.adulti_im2{
width:100%;
max-width:350px;
top:6em;
margin-top:6em;

    }

.header-block-wrapper {
	width: 720px;
	position:absolute;
	 left:50%;
	 margin-left:-360px;
	margin-top:400px;
	z-index: 9999999;
}

.nav li {
	font-size: 0.8em;
	padding-right: 1.1em;
}
.flex-caption {
	bottom: 10%;
	padding: 0.8em;
}
.flex-caption blockquote {
	padding: 1em;
}
.flex-caption blockquote p {
	font-size: 0.9m
}
.flex-caption blockquote h4 {
	font-size: 0.7em;
}
.cute-4-laptop.main_collection {
	padding: 2em 10em;
}

footer {
	font-size: 0.8em;
}
footer h2 {
	font-size: 1.8em;
	font-family: 'Oswald';
}
.cd-top {
    height: 40px;
    width: 40px;
    bottom: 40px;
    right: 10px;
  }
}
@media only screen and (max-width: 820px) {	



.im_home{
top:10px;
margin-top:10px;
width:400px;
max-width:400px;
left:50%;
right:auto;
margin-right:auto;
bottom:20px;
margin-bottom:20px;

}

#logo {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	
	width: 150px;
	height: 194px;
	z-index: 99999;
	background: url(../images/elements/logo_desktop2.png) no-repeat top center;
	margin-top: 10px;
	top: 10px;
}
.asi {
width:80%;


top:-25%;
margin-top:-25%;
margin-left:2%;
left:2%;
}

.facebook_footer{
width:100%;
max-width:30px;




}

.chisiamo_im1{
width:100%;
max-width:300px;
top:1.0em;
margin-top:1.0em;

    }
.adulti_im1{
width:100%;
max-width:300px;
top:1em;
margin-top:1em;

    }
.adulti_im2{
width:100%;
max-width:300px;
top:12em;
margin-top:12em;

    }
.header-block-wrapper {
	width: 600px;
	position:absolute;
	 left:50%;
	 margin-left:-360px;
	margin-top:400px;
	z-index: 9999999;
}
#menu {
		display:none;
	}
.slicknav_menu {
		display:block;
	}
.header {
	position: relative;
}
#logo {
		position: absolute;
		top: -70px;
		left: 2%;
}


.flex-caption blockquote p {
	font-size: 0.7m
}
.flex-caption blockquote h4 {
	font-size: 0.9em;
}

.main_collection .more, .link.pellicce .more, .link.accessori .more, .link.tessuti .more, .servizi .more {
	float: none;
	position: relative;
	width: 100px;
	margin: 10px auto;
	text-align: center;
}
.address {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.8em;
	margin-bottom: 30px;
}
.logo_footer {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.share {
	text-align: right;
}
.share h2{

}
}
@media only screen and (max-width: 680px) {
#logo {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	
	width: 150px;
	height: 194px;
	z-index: 99999;
	background: url(../images/elements/logo_desktop2.png) no-repeat top center;
	margin-bottom: -100px;
}
.asi {
width:80%;


top:-25%;
margin-top:-25%;
margin-left:2%;
left:2%;
}

.london-logo {
	position: absolute;
	bottom: 35%;
}

.facebook_footer{
width:100%;
max-width:30px;




}
.chisiamo_im1{
width:100%;
max-width:300px;
top:1.0em;
margin-top:1.0em;

    }
.adulti_im1{
width:100%;
max-width:250px;
top:1em;
margin-top:1em;

    }
.adulti_im2{
width:100%;
max-width:200px;
top:1em;
margin-top:1em;

    }
  .fixed-bg {
	height: 20%;

  }
#logo {
	width: 250px;
	height: 125px;
	background: url(../images/elements/borello_logo_mobile.png) no-repeat top center;
	margin-top:10px;
}
.flex-caption {
	float: none;
	position: relative;
	left: auto;
	bottom: auto;
	width: 100%;
	padding: 0.8em;
    }
.cd-top {
    right: 20px;
    bottom: 20px;
  }
.link_collezioni h2 {
	text-align: center;
	font-size: 2.2em;
}
.link_collezioni p {
	text-align: left;
}
}
@media only screen and (max-width: 480px) {

.chisiamo_im1{
width:100%;
max-width:200px;
top:0.5em;
margin-top:0.5em;

    }
.adulti_im1{
width:100%;
max-width:200px;
top:0.5em;
margin-top:0.5em;

    }
.adulti_im2{
width:100%;
max-width:200px;
top:0.5em;
margin-top:0.5em;

    }
.flex-control-nav {
	display: none;
}
.cute-4-laptop.main_collection {
	padding: 2em;
}
.main_collection h2 {
	font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	color: #555;
}
.ricerca {
	display: none;
}
}

/*ABOUT*/
.story {
	padding: 2em;
}
.story p {
	line-height: 1.8em
}
.about-quote {
	padding: 1.6em;
	font-style: italic;
	font-weight: normal;
	font-size: 2.6em;
	color: #000;
	line-height: 1.4em;
	text-align: center;
}
.about-quote span {
	font-style:normal;
	color: #ecd199;
}

@media only screen and (max-width: 920px) {	
  .about-quote {
	  font-size: 1.8em;
	  padding: 1em;
  }
}