/*
Theme Name: jolla-devices		
Theme URL: 
Description: Ad hoc WP theme for Jolla devices blog
Author: Giovanni Minelli
Tags: jolla sailfishos
License: Copyright 2018-2021 Giovanni Minelli - All right reserved
Version: 1.9
NOTA: 
*/ 

@font-face {
  font-family: 'SourceSansExtraLight';
  font-style: normal;
  font-weight: normal;
  src: local('SailSansPro-ExtraLight.ttf'), url('/wp-content/themes/Jolladevices/assets/CSS/fonts/SailSansPro-ExtraLight.ttf') format('truetype');
  src: url('/wp-content/themes/Jolladevices/assets/CSS/fonts/SailSansPro-ExtraLight.ttf') format('truetype'),
}

@font-face {
  font-family: 'SourceSansLight';
  font-style: normal;
  font-weight: normal;
  src: local('SailSansPro-Light.ttf'), url('/wp-content/themes/Jolladevices/assets/CSS/fonts/SailSansPro-Light.ttf') format('truetype');
  src: url('/wp-content/themes/Jolladevices/assets/CSS/fonts/SailSansPro-Light.ttf') format('truetype'),
}

@font-face {
  font-family: 'SourceSansRegular';
  font-style: normal;
  font-weight: normal;
  src: local('SourceSansPro-Regular'), url('/wp-content/themes/Jolladevices/assets/CSS/fonts/SourceSansPro-Regular.ttf') format('truetype');
  src: url('/wp-content/themes/Jolladevices/assets/CSS/fonts/SourceSansPro-Regular.otf') 
  	 format('embedded-opentype'),
     url('/wp-content/themes/Jolladevices/assets/CSS/fonts/SourceSansPro-Regular.otf.woff') format('woff'),
     url('/wp-content/themes/Jolladevices/assets/CSS/fonts/SourceSansPro-Regular.ttf') format('truetype'),
}


@font-face {
  font-family: 'SourceSansBold';
  font-style: normal;
  font-weight: bold;
  src: local('SourceSansPro-Bold'), url('/wp-content/themes/Jolladevices/assets/CSS/fonts/SourceSansPro-Bold.ttf') format('truetype');
  src: url('/wp-content/themes/Jolladevices/assets/CSS/fonts/SourceSansPro-Bold.ttf') format('truetype'),
 	 url('/wp-content/themes/Jolladevices/assets/CSS/fonts/SourceSansPro-Regular.otf') format('embedded-opentype'),
     url('/wp-content/themes/Jolladevices/assets/CSS/fonts/SourceSansPro-Regular.otf.woff') format('woff'),

}

html{
	margin: 0px;
	overflow-y: scroll;
}

/* --------------new----------------- */
body{
	background: white;
	background-size: 100px;
	color: black;
	font-family: 'SourceSansRegular', Arial, sans-serif !important;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	padding:0 ;
	margin:0;
	top:0;
	font-size: 10px;	
/* 	width: 100% !important; */
	overflow-x: hidden;
}
#navbar{
	background-color: #333;
	padding-top: 0;
}
.container{
	max-width: 1200px;
	padding: 0 1%;
/* 	overflow: hidden; */
	margin: 0 auto;
} 

h1,h2,h3{
	line-height: 1.5em;
	margin-top: 0px;
	color: gray;
}
h1, h1 p{
	font-family: 'SourceSansExtraLight';
	font-size: 2.7em;
	color: black;
	font-weight: 300 !important;
}
h2, h3 {
	font-family: 'SourceSansBold' !important;
}
h2{
	font-size: 2.11em;
	color: #1accb9;
}
h3{
	font-size: 1.8em;
	color: #1accb9;
	padding-bottom: 0.4em;
	margin-bottom: 0em;
}
h4{
	font-size: 1.2em;
	font-family: 'SourceSansRegular';
	margin-bottom: 0.6em;
	font-weight: normal !important;
	text-transform: uppercase;
	text-align: center;
}
#visual h1{
	font-family: 'SourceSansRegular' !important;
	font-size: 3em;
	text-transform: uppercase;
	color: white !important;
	text-align: center;
	padding-top: 4.1em;
	text-shadow: 2px 3px 2px rgba(0,0,0,0.7);
} 
h1.pitch{
	text-align: center;
	margin: 0.6em 25%;
	font-size: 4em;	
	font-weight: 400 !important;
	line-height: 0.95em;
	text-transform: none !important;
	color: inherit !important;
}
#deviceslist h1{
	font-size: 4em;
	line-height: 1.2em;
}
#deviceslist h3{
	font-size: 2.5em;
	line-height: 0.3em;
}
p{
	font-size: 1.8em;
	font-weight: 300;
	padding: 0 0 1em 0;
	margin: 0;
}
.sommario{
	margin-left: -15px;
	margin-top: 0.5em;
	padding: 0;
	font-size: 1.8em;
	line-height: 1.6em;
	font-family: 'SourceSansLight';
}
table{
	font-size: 18px;
    line-height: 1.8em;
}

.pagina{
	display: block;
	margin-top: 1em;
}
blockquote{
	font-size: inherit;
}
ul {
    margin: 0;
    padding: 0;
    list-style-type:  disc !important;
	list-style-position: inside;
}
li{
/* 	font-size: 1.8em; */
}
dd{
	font-size: 1.8em;
}
section{
	display: block;
}
.contenutowp li{
	font-size: 1.8em;
}
.contenutowp img{
	height: auto;
	vertical-align: top;
	display: block;
	margin-bottom: 1em;
}
.col-sm-12{
	padding-right: 0px;
	padding-left: 0px 
}
/* -------LINK e affini------ */
a{
	text-decoration: underline;
	color: #1accb9;
	transition: all 0.3s ;
}
a:hover{
	color: #01564d;
}
a.cta, button.cta{
    display: block;
    width: 100%;
    padding: 1em;
    text-decoration: none;
	font-size: 1.5em;
	font-weight: bold;
	border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em; 
    text-align: center;
    background-color: #1accb9;
    color: white;
    margin: 0 auto 2em;
}
a.more, button.more{
	font-size: 1.4em;
	font-weight: bold;
    display: inline-block;
    padding: 0.6em 0.7em;
    text-decoration: none;
	border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em; 
    background-color: #1accb9;
    color: white;
    margin-bottom: 1em;
    margin-right: 0.4em;
}
a.cta:hover, a.more:hover, button.cta:hover, button.more:hover{
	background-color: #01564d;
	transition: all 0.4s;
}
a.tastocompra{
	float: right;
	margin: 2em 0 2em 3em;
	transform: translateY(-1em);
}
a.tastocompra:after{
	content: "ON J-D STORE";
	display: block;
	color: black;
	font-size: smaller;
}
input{
	width: 100%;
}
input[type="image"] {
	max-width: 320px !important;
	text-align: center;
	height: auto;
}
input[type=checkbox], input[type=radio] {
    margin: 0 1em 0 0;
}
form{
	height: auto;
}
a.nero{
	background-color: black;
}
a.gold{
	background-color: #aea364;
}
a.TOP{
	text-decoration: none !important;
	font-size: 2em;
	display: inline-block;
	float: right;
	margin-right: 15px;
}
h2 a{
	text-decoration: none;
}
.effettoappstore{
	transition: all ease 0.4s;
}
.effettoappstore:hover{
	transform: scale(0.98);
}
strong{
	font-size: 1em;
	font-weight: 600;
}
picture img{
	width: 100% !important;
}
/* --------Griglia---------- */
 
.colonna{
    box-sizing: border-box !important;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    min-height: 2px;
    display: inline-block;
}
.tuttalarghezza{
	width: 97%;
}
.unmezzo{
	width: 47%;
}
.unquarto {
    width: 25%;
}
.unottavo{
	width: 12.5%;
}
.unterzo{
	width: 33.33%;
}
.dueterzi{
	width: 66.66%;
}
.col-sm-6{
	padding-left: 0px; 
	padding-right: 1em;
}
/*
.col-xs-12{
	padding-left: 0px;
	padding-right: 0px;
}
*/
.card{
	overflow: hidden;
	height: 30em;
	vertical-align: top;
	border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em; 
	transition: all 0.3s ;
	color: white;
	background-color: gray;
	margin: 1%;
	
	background-image: url('');
	background-position: center center;
	background-size: cover;
}
.card:hover{
	transform: scale(1.03);
}
.card:active{
	transform: scale(0.96);
}
.card a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none !important;		
}
.card a.more{
	display: inline-block;
	width: initial;
	height: initial;
	margin-right: 10px;
	color: white;
}
.card h2{
	position: relative;
	display: block;
	color: white;
	top: 40%;
	text-align: center;
	width: 100%;
}
/* --------- XA2 card dentro card------- */
#XA2family h2:first-child{
	top: 23%;
}
.card .card{
	background-color: #1accb9;
	height: 33em;
	top: -35em;
	text-align: center;
	opacity: 1;
	position: relative;
	display: inline-block;
}
.card .card h2{
	top: 40% !important;
}
.card .unterzo{
	width: 31%;
	margin-right: 0;
}
.progressbar{
	border-top: 5px solid gray;
	vertical-align: top;
}
.progressbar h3{
	color: gray;
	font-size: 1.25em;
}
.done.progressbar{
	border-top-color: #1accb9;
}
#bannerStore a{
	color: black !important !important;
}
#banner{
	background-color: yellow;
	background-image: linear-gradient(to bottom, orange, yellow, yellow, orange); /* Standard syntax (must be last) */
	display: block;
	width: 100;
	height: 200px;
	color: black !important;
	padding: 2em;
}
#banner h2{
	color: black;
}
.fondino{
	background-color: white;
}
.spaziato{
	padding: 4em 1%;
	margin-top: 2em;
	float: none;
}
.paragrafo{
	width: 60%;
	margin-left: 20%;
}
.articolo{
	display: inline-block;
	vertical-align: top;
	margin-bottom: 2em;
}
.footer{
	font-size: 0.7em;
	background-color: #333;
	color: lightgray;
	text-align: center;
	padding: 2em 1% 5em;
}
img.smussato{
	border-radius: 0.8em !important;
    -moz-border-radius: 0.8em !important;
    -webkit-border-radius: 0.8em !important; 
}
/* ---------fa sparire il testo ------------- */
.issue{
	color: orange;
	font-weight: bold;	
	text-decoration: underline;
}
.issue:after{
	content: ' ISSUES';
	font-size: small;
	font-weight: bold;
	vertical-align: super;
}
.broken{
	color: red;	
	font-weight: bold;
	text-decoration: line-through;
}
.broken:after{
	content: ' LOST';
	font-size: small;
	font-weight: bold;
	vertical-align: super;
}
.promo-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}
span.sign{
	font-style: italic;
	font-size: 2em;
	color: gray;
	margin-bottom: 1em;
}
span.date{
	font-size: 1.6em;
	color: gray;
	font-weight: bold;
}

/* -----------corregge bootstrap, NAVBAR---------- */

#logo {
    background-image: url('img/logo-jolladevices.gif');
    background-size: 81%;
    background-position: center;
    background-repeat: no-repeat;
    width: 342px;
    height: 110px;
    overflow: visible;
    margin: 0 0 0 0em;
    position: absolute;
}
#logo a{
	width: 100%;
	height: 100%;
	display: block;
}
.navbar {
    position: relative;
    height: 125px;
    border: none;
    margin-bottom: 0px;
   	border-radius: 0px !important;
}
li a:hover, li a:focus {
    color: inherit;
}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img , img.size-full{
    max-width: 100% !important;
}
.navbar-default {
    background-color: transparent; 
    border-color: transparent;
    padding: 0px;
}
.navbar-default a{
	text-decoration: none;
}
/* -----------voce di menù-------------- */
.navbar-nav>li {
    float: none;
    display: inline-block;
    overflow: visible;
}
.navbar-default .navbar-nav>li>a {
    font-size: 1.7em;
    line-height: 3em;
    padding: 0.4em;
    color: lightgray;
    border-bottom: 4px solid transparent;
    text-align: right;
    width: 100%;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: lightgray;
	background-color: transparent;
	border-bottom-color: lightgray;
}
.navbar-default .navbar-nav>li>a:hover{
	color: black !important;
    background-color: white !important;
}
.navbar-header {
    float: right;
/*     margin-top: 2em; */
    padding: 0px !important;
}
.container-fluid {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}
#menu-menutop{
	display: block;
}
/* --menù 2 livello mobile---- */

.dropdown-menu {
    width: intrinsic;
    z-index:100000000000;
    float:left;
    min-width:160px;
    padding:0 0;
    font-size: 1em;
    text-align:center;
    list-style: none;
    list-style: none !important;
    background-color:#fff;
    border: none;
    box-shadow:1 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu>li>a {
    color: white;
    font-size: 1.8em;
    text-align: left;
    line-height: 2.6em !important;
    background-color: #333;
    margin-top: -8px;
}
.navbar-default .navbar-nav > li > a:hover, {
    color: white  !important;
    background-color: #1accb9 !important;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
	color: inherit;
	background-color: #1accb9;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #333;
    border-color: transparent;
}
/* ------id CONTENUTO ------- */

/* sfondi card */
#Vollaphone{
	background: url('/wp-content/uploads/volla_bg.jpg');
	background-position: center center;
	background-size: cover;
}
#Xperia10-II{
	background-image: url('/wp-content/uploads/Xperia10II-opening.jpg');
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 1050px;
	background-color: white;
	height: 40em;
	color: black;
}
hgroup{
	padding-top: 100px;
	display: block;
}
#Xperia10footer{
	background-image: url('/wp-content/uploads/xperia_10_amb07.jpg');
	background-size: cover;
}
#Xperia10{
	background-image: url('/wp-content/uploads/xperia-10-featured.jpg');
	color: black;
	background-repeat: no-repeat;
	background-color: white;
}
#XA2plus{
	background-image: url('/wp-content/uploads/Sony_Xperia_XA2_def05.jpg');
}
#XA2ultra {
	background: url('/wp-content/uploads/xperia-xa2-ultra-design.jpg');
	background-position: center center;
	background-size: cover;
}
#XA2{
	background-image: url('/wp-content/uploads/Xperia_XA2_cyan03.jpg');
}
#XA2family{
	background-image: url('/wp-content/uploads/xperiaxa2_cyan.jpg');
	height: 70em;
	text-align: center;
}
#xperia{
	background-image: url('img/Xperia_x@2x.png');
}
#jollajolla{
	background-image: url('img/jolla_jolla@2x.png');
}
#jollac{
	background-image: url('img/jolla_c@2x.png');
}
#aquafish{
	background-image: url('img/aqua_fish@2x.png');
}
#geminiPDA{
	background-image: url('/wp-content/uploads/Image-PDA-2-3-LS-2_1296x.jpg');
}
#jollaTablet{
	background-image: url('/wp-content/uploads/jolla-tablet-featured.jpg');
}
#aigoTablet{
	background-image: url('/wp-content/uploads/Aigo-X86-8-model.jpg');
}
.spaziato li{
	list-style: none;
}
#bannerStore{
	background-image: url('/wp-content/uploads/disegno_store.jpg');
}
span.categoria{
	color: white;
}
.new::before {
	content: "NEW";
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    margin: 1em;
    right: 0em;
    padding: 0.2em 0.7em;
    color: white;
	background-color: #1accb9;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    z-index: 1337373646464;
}
.main-menu a.new::before {
	content: "NEW";
	position: relative;
	left: -3px;
	display: inline-block;
    font-size: 9px;
    text-align: center;
    margin: 0px;
    bottom: 14px;
    padding: 1px 2px;
    color: white;
    border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
}
.upcoming::before {
	content: "UPCOMING";
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    margin: 1em;
    right: 0em;
    padding: 0.2em 0.7em;
    color: black;
	background-color: #1accb9;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    z-index: 1337373646464;
}
/* classi immagini nelle testate  */
/* -------------immagine apertura------------- */
.visualnew{
	overflow: hidden;
    margin-bottom: 1em;
    width: 100%;
}
.visualnew img{
	width: 100%;
	height: auto;
}
#visual{
	overflow: hidden;
	height: 30em;
	background-position: center 90%;
	background-size: cover;
}  
#visual.homepage h1{
	padding-top: 2.8em;
}

/* -----------APERTURA PAGINE ---------- */
section #visual.homepage{
	overflow: hidden;
	height: 10em;
	background-size: cover;
	display: none !important;
}
.homepage{
	background-image: url('/wp-content/uploads/SDIM1998.jpg');
	background-position: center 45% !important;	
}
.sailfish_devices{
	background-image: url('/wp-content/uploads/jolla_phone02.png');
}
/* home a/b test */
/*
#visual.jolla-devices-home-b{
	overflow: hidden;
	height: 50em;
	background-size: cover;
}
.jolla-devices-home-b{
	background-image: url('/wp-content/uploads/featured_porto.jpg');
	background-position: center top;
}
*/
.volla-phone{
	background-image: url('/wp-content/uploads/volla_bg.jpg');
	background-position: center 20% !important;	
}
.sony-xperia-10{
	background-image: url('/wp-content/uploads/xperia_10_amb08.jpg');
	background-position: center 20% !important;	
}
.sony-xperia-10-ii{
	background-image: url('/wp-content/uploads/Xperia10II-opening.jpg');
	background-position: center 20% !important;	
}
.sony-xperia-10-plus{
	background-image: url('/wp-content/uploads/xperia-10-temp.jpeg');
	background-position: center 20% !important;
}
.sony-xperia-xa2-ultra{
	background-image: url('/wp-content/uploads/xa2-ultra-background.jpg');
}
.sony-xperia-xa2-plus{
	background-image: url('/wp-content/uploads/Sony_Xperia_XA2_def04.jpg');
	background-position: center !important;
}
.sony-xperia-xa2{
	background-image: url('/wp-content/uploads/XA2-staff-pick.jpeg');
	background-position: center 25% !important;
}
.xperia-xa2-family{
	background-image: url('/wp-content/uploads/SonyXA2-jolla-bg.jpg');
}
.sony-jolla-xperia-x{
	background-image: url('/wp-content/uploads/1_zdkYs1G4dVJf3iaX02n0dA.jpg');
}
.jolla-jolla{
	background-image: url('/wp-content/uploads/jolla_bg.jpg');
}
.jolla-c{
	background-image: url('/wp-content/uploads/jollaC_bg.jpg');
}
.jolla-tablet{
	background-image: url('/wp-content/uploads/jolla-tablet-featured.jpg');
}
.aigo-tablet{
	background-image: url('/wp-content/uploads/Aigo-X86-8-model.jpg');
}
.jolla-aigo-tablet-buying-group-page{
	background-image: url('/wp-content/uploads/aigo-buying-group.jpg');
}
.contact-generic, .contact-thanks-generic{
	background-image: url('/wp-content/uploads/FAQ-292744.jpg');
	background-position: center 20%;
}
.page-id-1463 #visual{
	background-image: url('/wp-content/uploads/shop_jolla_capture.png');
	background-position: center top;
}
.page-id-1563 #visual{
	background-image: url('/wp-content/uploads/Porting-sailfishOS_feature_phone.png');
	background-position: center center;
}
/*
.apps{
	background-image: url('/wp-content/uploads/apps_background.jpg');
	background-repeat: repeat-x;
	background-position: center center;
	background-size: 350px !important;
}
*/
.devices{
	background-image: url('/wp-content/uploads/porto-jolla-18618.jpg');
	background-position: center 20%;
}
.intex-aqua-fish{
	background-image: url('/wp-content/uploads/intex_aqua_fish_intro.jpg');
	background-position: center 20% !important;	
}
.gemini-pda{
	background-image: url('/wp-content/uploads/Image-PDA-2-3-LS-2_1296x.jpg');
	background-position: center 20% !important;	
}
.blog{
	background-image: url('/wp-content/uploads/news314124.jpg');
	background-size: contain;
	background-position: center 18% !important;	
	color: white;
}
.search{
	background-image: url('/wp-content/uploads/search-29640.jpg');
	background-position: left center !important;
}
/* ------------store.jolla-devices.com-------------- */
.storehome{
	background-image: url('https://store.jolla-devices.com/wp-content/uploads/store-kz-background.jpg');
	background-position: center top;
}
.page-id-617 #visual{
	background-image: url('/wp-content/uploads/privacy-78982-unsplash.jpg');
	background-position: center top;
}
table td:first-child{
	padding-right: 1em;
}

/* -------------------------form contact------------------------ */
.wpcf7{
	min-height: 900px;
}
.wpcf7 p{
	font-size: 18px;
}
label{
	font-size: 18px;
}
.wpcf7-text{
	width: 100%;
    background-color: #f4f4f4;
    border: 1px solid black;    
    box-shadow: none;
	padding: 0.8em;
	font-family: monospace;
	font-weight: normal;
}
.wpcf7-text:focus,.wpcf7-textarea:focus{
	color: black;
}
.wpcf7-textarea{
    width: 100% !important;
    background-color: #f4f4f4;
    border: 1px solid black;    
    box-shadow: none;
    padding: 0.8em;
    font-family: monospace;
    font-weight: normal;
    height: 400px;
}
span.wpcf7-list-item{
	margin: 0em;
}
.wpcf7-submit, input[type=submit]{
    display: block;
    width: 100%;
    padding: 1em;
    text-decoration: none;
	font-weight: bold;
	border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em; 
    text-align: center;
    background-color: #1accb9 !important;
    color: white;
    margin-bottom: 1em;
    
	transition: all 0.3s ;    
}
.wpcf7-submit:hover , input[type=submit]:hover{
	transform: scale(0.98);
	background-color: #01564d !important;
}

div.wpcf7-response-output {
	margin: 5em 0 !important;
	padding: 0.2em 1em;
	width: 100%;
	text-align: center;
	font-size: 2em;
}
/* -----nasconde il condividi di jetpack sopra il contenuto---------- */
div.sharedaddy:first-of-type{
	display: none;
}

/* ------------fix per i video importati non responsive-------------- */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}
/* --------- */

.centopercento{
	max-width: 100%;
}

/* -------Sostituisce tag picture che non funziona----- */
.phones, .tablets, .laptops, .desktops{
	display: none;
}
/* ---------BUG--------- */
.cookieconsent-optout-{
	display: none;
}
/* Feature phones */
@media only screen and (max-width: 300px){
	#selezionalingua{
		display: none;
	}
}

/* Sotto 419 px mediaquery derivazione apple*/
@media only screen and (max-width: 410px){
	#logo {
	    background-size: 80%;
	    background-position: left bottom;
	    width: 100%;
	    height: 135px;
	    overflow: visible;
	    position: relative;
	    top: -6em;
	} 
	.navbar{
		height: 90px;
	}
	h1.pitch {
		margin: 2em 1em !important;
	}
	a.tastocompra{
		float: none;
		margin: 1em 0 0 -0.5em;
		transform: translateY(-1em);
		display: block;
		text-align: center;
	}
	/* --------zona griglia---------- */
	.card{
		margin: 1.5% 3%;
		height: 20em;		
	}
	.unmezzo, .unterzo, .unquarto, .unottavo{
		width: 94% !important;
	}
	.tuttalarghezza{
		width: 94%;
	}
	.card:hover{
		transform: scale(1);
	}
	.spaziato{
		padding: 2em 1em;
	}
	.paragrafo{
		width: 100%;
		margin-left: 0%;
	}
	#visual{
		height: 16em;
	}
	#visual.homepage{
		max-height: 300px;
	}
	#visual h1{
		padding-top: 1.8em;
	} 
	.homepage{
		background-image: url('/wp-content/uploads/SDIM1998.jpg-500x375.jpg');
	}
	/* -----corregge posizione collect chat------- */
	#collect-chat-launcher-container.collect-chat-avatar-launcher, #collect-chat-launcher-container.collect-chat-launcher-notext {
		transform: translateY(18em);
	}
/*
	.card a{
		height: 100%;
	}
*/
	.card .card{
		height: 12em !important;
		top: -19em !important;
		margin: 4px 2px 4px 5px;
	}
	.card .unterzo{
		width: 96% !important;
		margin-right: initial;
	}
	#Xperia10{
		background-size: contain;
	}
	#Xperia10-II{
		background-position: center center;
		background-size: 600px !important;
		background-color: white;
		color: black;
		height: 1em;
	}
	hgroup{
		padding-top: 40px;
	}	
	.col-sm-6{
		padding-right: 0px;
		padding-left: 0px 
	}
}
    
@media only screen and (max-width: 767px){
/* 	---------navbar mobile e toggle-------- */
	#logo {
	    background-size: 66%;
	    background-repeat: no-repeat;
	    background-position: center bottom;
	    width: 100%;
	    height: 157px;
	    overflow: visible;
	    position: relative;
	    top: -7em;
	    max-width: 454px;
		margin: 0 auto;
	}
	.contenutowp{
		padding: 2em;
	}
	.navbar {
	    height: 110px;
	    padding-right: 0px !important;
	    padding-left: 0px !important;
	    z-index: 1234500;
	}
	.navbar-default .navbar-toggle {
	    border-color: transparent;
	}
	.navbar-default {
	    background-color: transparent;
	    border-color: transparent;
	    padding: 4em 1em 0em 1em;
	    position: relative;
	}
	.navbar-header {
	    float: none;
	    margin: 0;
	    top: -58px;
		position: relative;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	    background-color: transparent;
	}
	.navbar-default .navbar-toggle .icon-bar {
	    background-color: white;
	}
	.navbar-toggle {
	    position: absolute;
	    padding: 15px 0px 9px 0px;
	    background-color: transparent;
	    background-image: none;
	    border: 1px solid transparent;
	    border-radius: 4px;
	    top: 5.5em;
	    right: 1em;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	    border-color: transparent;
	}
	.navbar-collapse {
	    padding-right: 0;
	    padding-left: 0;
	    overflow-x: hidden;
	    -webkit-overflow-scrolling: touch;
	    border-top: none;
	    -webkit-box-shadow: none;
		box-shadow: none;
		background-color: #333;
		z-index: 1000000000;
		opacity: 0.97;
	}
	/* -----------voce di menù-------------- */
	.navbar-nav>li {
	    float: none;
	    display: block;
	}
	.navbar-default .navbar-nav>li>a {
	    font-size: 2.8em;
	    line-height: 3em;
	    padding: 0.4em;
	    color: lightgray;
	    border: none;
	    text-align: center;
	}
		.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
		color: black;
		background-color: lightgray;
	}
	.navbar-default .navbar-nav>li>a:hover{
		color: black !important;
	    background-color: white !important;
	}
	.navbar-default .navbar-nav>li>a:hover{
	    color: #6cc04a;
	    background-color: black;
	}
	#menu-menutop li.new::before {
	    font-size: 11px;
	    margin: 1em;
	    top: 7px;
	    right: 30px;
	    padding: 0.2em 0.45em;
 	}
/* 	immagine homepage */
	#visual.homepage {
	    overflow: hidden;
	    height: 40em;
	    background-position: center;
	    background-size: cover;
	}
	.sony-xperia-10{
		background-image: url('/wp-content/uploads/xperia_10_amb08.jpg');
	    background-position: 33% 20% !important;
	    background-size: 824px !important;
	}
	#visual.homepage h1{
		font-size: 2.8em;
		text-align: center;
		padding-top: 1em;
	} 
	.contenutowp img{
		width: 100%;
		height: auto;
	}
	a.cta, button.cta{
	    width: 94%;
	    margin: auto 3%;
    }
	.store{
		background-size: contain;
		background-position: center 80% !important;	
	}
	form{
		font-size: 1em;
	}
	.wpcf7{
		min-height: 1200px;
	}
	.homepage{
		background-image: url('/wp-content/uploads/SDIM1998-768x576.jpg');
		background-position: center 80% !important;
	}
	.sailfish_devices{
		background-image: url('/wp-content/uploads/jolla_phone02-768x354.png');
		background-position: center 20%;
	}	
	.tablets{
		display: block;
	}
	#contenitorefeatured{
		width: 100%;
		max-height: 35em;
	}
	h1.pitch{
		margin: 4.5em 3em;
	}
	#selezionalingua{
		display: none;
		transform: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #333;
		text-align: center;
		margin-left: 0px;
		padding: 1em 1.5em;
		border-top: 1px solid black;
		transform: none;
	}
	/* -----corregge posizione collect chat------- */
	#collect-chat-launcher-container.collect-chat-avatar-launcher, #collect-chat-launcher-container.collect-chat-launcher-notext {
		transform: translateY(25em);
	}
	.unmezzo{
		width: 98%;
	}
	.unquarto{
		width: 47.5%;
	}	
	#Xperia10{
		background-size: contain;
	}
	#Xperia10-II{
		background-position: bottom right;
		background-size: 700px;
		background-color: white;
		height: 45em;
		color: black;
	}
	hgroup{
		padding-top: 0px;
		display: block;
	}
	#XA2family{
		height: 50em;
	}
	#XA2family h2:first-child{
		top: 23%;
	}
	.card .card{
		height: 25em;
		top: -26.5em;
		margin: 4px 2px 4px 5px;
	}
	.card .card h2{
		top: 40% !important;
	}
	.unterzo{
		width: 31.8%;
		margin-right: 0;
	}
}

/* Sopra 768px fino a 1200, tablet orizz, nettop */
@media only screen and (min-width: 768px) and (max-width: 1200px){
	.laptops{
		display: block;
	}
	#contenitorefeatured{
		width: 100%;
		max-height: 50em;
	}
	ul#menu-menutop.nav{
		float: right;
	}
	#visual.homepage{
		height: 50em;
	}
	.homepage{
		background-image: url('/wp-content/uploads/SDIM1998.jpg-1024x768.jpg');
		background-position: center 0%;
	}
	.sailfish_devices{
		background-image: url('/wp-content/uploads/jolla_phone02.png');
		background-position: center 90% !important;
		background-size: 768px !important;
	}
	h1.pitch{
		margin: 4.8em 3em;
	}
	/* -----corregge posizione collect chat------- */
	#collect-chat-launcher-container.collect-chat-avatar-launcher, #collect-chat-launcher-container.collect-chat-launcher-notext {
		transform: translateY(30em);
	}
	.unmezzo {
	width: 47.6%;
	}	
	.unterzo {
		width: 31%;
	}
	.unquarto{
		width: 47.5%;
	}
	.hiddendesktop{
		display: none !important;
	}
	/* --------- XA2 card dentro card------- */
	.card .card{
	
		height: 25em;
		top: -27em;
		margin-right: 0px;
	}
	.card .card h2{
		top: 40% !important;
	}
	#Xperia10{
		background-size: 768px;
	}
	#Xperia10-II{
		background-position: center right;
		background-size: 900px;
		background-color: white;
		height: 33em;
	}
	hgroup{
		padding-top: 65px;
	}
}

/* Oltre 1200 px mediaquery derivazione apple*/
@media only screen and (min-width: 1200px){
	.navbar{
			border-radius: 0px !important;
	}
	/* --------zona griglia---------- */
	.card{
		margin: 0.8%;
		height: 40em;
	}
	.unquarto {
	    width: 23%;
	}
	.unmezzo{
		width: 48%;
	}
	.unottavo{
		width: 12.5%;
	}
	.unterzo{
		width: 31.25%;
	}
	.dueterzi{
		width: 66.66%;
	}
	.paragrafo{
		width: 50%;
		margin-left: 25%;
	}
	.sailfish_devices{
		background-image: url('/wp-content/uploads/jolla_phone02.png');
		background-position: center 25% !important;
		background-size: 992px !important;
	}	
	.desktops{
		display: block;
	}
	#contenitorefeatured{
		width: 100%;
		max-height: 70em;
	}
	h1.pitch{
		margin: 6.2em 5em 0 5em;
	}
	/* -----corregge posizione collect chat------- */
	#collect-chat-launcher-container.collect-chat-avatar-launcher, #collect-chat-launcher-container.collect-chat-launcher-notext {
		transform: translateY(30em);
	}
	.hiddendesktop{
		display: none !important;
	}
	.card .card{
		background-color: #1accb9;
	
	}
}


/* Oltre 1500 px mediaquery derivazione apple*/
@media only screen and (min-width: 1500px){
		#visual.homepage{
		height: 130em !important;
	}

}