html {overflow-x:hidden;position:relative;margin: 0;padding:0;}

body {overflow-x:hidden;position:relative;margin: 0;padding:0;font-family: 'Roboto', sans-serif;font-weight:300;
	color: #666;background-color:#fff;}
body a {text-decoration: none;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;
    -o-transition: 0.5s all;-ms-transition: 0.5s all;}
a:hover {text-decoration: none;}

h1, h2, h3 {font-family: 'montserratlight', sans-serif;}

::selection {background: #000; color:#fff;}
::-moz-selection {background: #000; color:#fff;}

.cleancode_block ::selection {background: #fff; color:#000;}
.cleancode_block ::-moz-selection {background: #fff; color:#000;}
.cleancode_block2 ::selection {background: #fff; color:#000;}
.cleancode_block2 ::-moz-selection {background: #fff; color:#000;}

#page {overflow-x:hidden; position:relative; z-index:5;}
.preloader_hide {opacity:0;}
#preloader {position:fixed; left:50%; top:50%; width:32px; height:32px; margin:-16px 0 0 -16px; display:block;}
section {background-color:#fff;}
.container {padding-left:0; padding-right:0;}
.container h2 {display:block;line-height:22px;font-size:36px;color:#333; }
.container p{line-height:1.7em;font-size:1.05em; color: #444444;font-family: 'Roboto', sans-serif;}
.parallax {background-position:0 0;width:100%;background-attachment:fixed !important;}

img {outline:0;vertical-align:top;border:0;max-width:100.1%;height:auto;}
a {color:#666; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
a:hover, a:focus {text-decoration:none; color:#474747;}

.margbot0 {margin-bottom:0;}
.margbot5 {margin-bottom:5px !important;}
.margbot10 {margin-bottom:10px;}
.margbot20 {margin-bottom:20px;}
.margbot25 {margin-bottom:25px;}
.margbot30 {margin-bottom:30px !important;}
.margbot40 {margin-bottom:40px;}
.margbot50 {margin-bottom:50px;}
.margbot60 {margin-bottom:60px;}
.margbot70 {margin-bottom:70px;}
.margbot80 {margin-bottom:80px;}

.pad0 {padding:0 !important;}
.padbot0 {padding-bottom:0 !important;}
.padbot10 {padding-bottom:10px !important;}
.padbot20 {padding-bottom:20px !important;}
.padbot30 {padding-bottom:30px !important;}
.padbot40 {padding-bottom:40px !important;}
.padbot50 {padding-bottom:50px !important;}
.padbot60 {padding-bottom:60px !important;}
.padbot70 {padding-bottom:70px !important;}
.padbot80 {padding-bottom:80px !important;}
.padtop0 {padding-top:0 !important;}
.relative_block {position:relative; z-index:5;}


/*	TYPOGRAPHY  */
.center {text-align:center;}
.right {text-align:right;}
.color_bg {background:#30a67c;}

.whatsapp { position: fixed; right: 30px; bottom: 30px; z-index: 99999;}
.whatsapp a{ font-size: 28px; color: #ffffff; width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 60px; display: block;
       background-color: #00e675; box-shadow: 0 3px 12px #00000040; transition: 0.3s; }
.whatsapp a:hover{ background-color: #0e675c; color: #ffffff;}


/* __________ blockquote __________ */
blockquote {position:relative; margin: 0 0 13px; padding:0 0 0 47px; border:0; font-style:italic; font-size:16px; color:#979797;}
blockquote:before {content:'“'; position:absolute; left:15px; top:13px; font-style:italic; font-size:70px; color:#979797;}

/*	HEADER+LOGO  */
header {position:relative;height:80px;background-color:#fff;}
.logo img{float:left;}

/*************************
********portfolio CSS*****
**************************/

#portfolio .container-fluid, 
#portfolio .col-sm-4  {overflow: hidden;padding: 0;}

#portfolio .folio-item {position: relative;}
#portfolio .overlay {background-color: #000;color: #fff; left: 0;right:0;bottom:-100%;height: 0;position: absolute;
  text-align: center;opacity:0;  -webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.overlay .overlay-content {display: table;height: 100%;width: 100%;}
.overlay .overlay-text {display: table-cell;vertical-align: middle;}
.overlay .folio-info {opacity: 0;margin-bottom: 75px;margin-top: -75px;-webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;}
.overlay .folio-info h3 {margin-top: 0;color: #fff;}
.folio-overview a {font-size: 12px;color: #333;height: 50px;width: 50px;line-height: 50px;border-radius: 50%;background-color: #fff;
  display: inline-block;margin-top: 20px;margin-right: 5px;}
.folio-overview a:hover {color: #fff;}
.folio-overview img { width: 30px; margin-top: 0.8em;}
.folio-overview .folio-expand {margin-top: -500px;margin-left: -500px;}
.folio-image, .folio-overview .folio-expand {-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
#portfolio .folio-item:hover .folio-image {-webkit-transform: scale(1.5) rotate(-15deg);transform: scale(1.5) rotate(-15deg);}
.folio-image img {width: 100%;}
#portfolio .folio-item:hover .overlay {opacity: 0.8;bottom: 0;height: 100%;}
#portfolio .folio-item:hover .folio-overview .folio-expand {margin-top: 0;margin-left:0;}
#portfolio .folio-item:hover .overlay .folio-info {opacity: 1;  margin-bottom:0;margin-top:0;}
#single-portfolio {padding: 90px 0;background: #f5f5f5;position: relative;}
#single-portfolio img {width: 100%;margin-bottom: 10px;}
#single-portfolio .close-folio-item {position: absolute;top: 30px;font-size: 34px;width: 34px;height: 34px;
  left: 50%;color: #999;margin-left: -17px;}

/*-- pagine outlet --*/
.blog-pagenat ul li a {display: block;background: #fff;padding: 8px 1.1em;font-size: 0.9em;text-transform: uppercase;
  color:#FCB2B2;font-weight: 400;display: inline-block;margin-top: 1em;text-decoration: none;
  border: 1px solid #eee;}
.blog-pagenat ul li a:hover {background:#53d0c6;color:#fff;}
.blog-pagenat {text-align: center;margin:2em 0 2em 0;}
.blog-pagenat ul li {display: inline-block;list-style:none;}
.blog-pagenat ul li a {display: block;background: #fff;padding: 8px 1.1em;font-size: 0.9em;text-transform: uppercase;
  color:#242a2c;font-weight: 400;display: inline-block;margin-top: 1em;text-decoration: none;
  border: 1px solid #eaeaea;}
.blog-pagenat ul li a:hover {background-color:rgba(249, 72, 119, 0.79);color:#fff;border: 1px solid #eaeaea;}

@media screen and (max-width: 640px) {
.blog-pagenat {text-align: center;margin-top:1em;}
.blog-pagenat ul li {display: inline-block;list-style:none;}
.blog-pagenat ul li a {display: block;background: #fff;padding: 8px 1.1em;font-size: 0.9em;
  text-transform: uppercase;color:#333;font-weight: 400;display: inline-block;margin-top: 1em;
  text-decoration: none;border: 1px solid #ccc;}
.blog-pagenat ul li a:hover {background:#036;color:#fff;}
}

@media screen and (max-width: 320px) {
.blog-pagenat ul li a {padding: 5px 0.8em;font-size: 0.7em;margin-top: 0;}
.blog-pagenat {margin-top: 2em;margin-bottom:1em;}
}

/*-- contact form --*/
.form-bg {padding: 4em;background:#C7C7C7;transition: .5s ease-in;-webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;-o-transition: .5s ease-in;-ms-transition: .5s ease-in;
	-webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.6);}
.form-bg form {width: 85%;float: right; }
.form-bg input[type="text"], .form-bg input[type="email"],.form-bg input[type="oggetto"], .form-bg textarea {
    width: 100%;padding: 11px 16px;border: none;color: #000;outline: none;font-weight: 400;font-size: 14px;
    letter-spacing: 1px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;
    -ms-transition: 0.5s all;-moz-transition: 0.5s all;}
.form-bg input[type="text"],.form-bg input[type="email"],.form-bg input[type="oggetto"]{margin-bottom: 1em;}
.form-bg textarea {resize: none;height: 100px;}


.checkbox-container {margin-top: 20px; color:"#272727"}
.checkbox-container input[type="checkbox"] {width: auto;margin-right: 10px;}
.checkbox-container label {font-weight: normal;}
/*-- //contact form --*/


.form-control,textarea.form-control{font-size: 1em;height: 3.625em;border-radius: 0em;padding-left: 22px;color: #fff;
     background-color: #323232;border:1px solid #323232;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance: none;
     -webkit-transition: all .15s;-o-transition: all .15s;transition: all .15s;}
textarea.form-control{height: 7.9em;padding-top:1.1em;resize:none;}
.form-control:focus{border-color:#897a6e;outline: 0;-webkit-box-shadow:none;box-shadow:none;}
.form-control::-moz-placeholder {color: #fff;opacity: 1;}
.form-control:-ms-input-placeholder {color: #fff;}
.form-control::-webkit-input-placeholder {color: #fff;}
.form-control.error{border-color:#897a6e;}
.form-group{margin-bottom: 10px;}
.wobble-error{-webkit-animation: hvr-wobble-horizontal 1s ease-in-out 0s 1 normal;
    animation: hvr-wobble-horizontal 1s ease-in-out 0s 1 normal;}
label.error{display: none!important;}

/* __________ Buttons __________ */
.btn {margin: 0;padding: 24px 27px 22px;border:2px solid #ccc;border-radius: 0;box-shadow: none;text-transform:uppercase;
	font-weight: 900;line-height: 20px;font-size: 13px;color:#999;text-shadow: none;background-image: none !important;
	transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.btn:focus, .btn:hover {color:#333; border-color:#333;}
.btn-active {background-color:#1c1c1c; color:#fff; border-color:#1c1c1c;}
.btn-active:hover {color:#fff;}

.btn-lg {padding:19px 30px; font-size:18px;}
.btn-sm {padding: 6px 20px 5px; font-size:13px;}
.btn-xs {padding: 2px 15px 3px; font-size:11px;}
.btn_shortcodes .btn {margin:0 7px 10px 0;}
.btn_shortcodes .btn:last-child {margin-right:0;}
.ie .btn, .ie .btn-default {filter:none !important;}

.menu p{color:#777;font-size:0.7em;line-height:1.8em; margin:-2em 0 3em 0; font-weight:400;}
.menu p a{color:#333; text-decoration:none;}
.menu p a:hover{color:#F00;}

/* __________ breadcrumb __________ */
.affortunato-ottica {padding:320px 0; background: url(../images/affortunato-ottica-banner/banner-chi-siamo-affortunato-ottica.jpg); 
    background-repeat:no-repeat;background-size:cover; }
.occhiali-vista {padding:320px 0; background:url(../images/affortunato-ottica-banner/occhiali-da-vista.jpg); 
    background-repeat:no-repeat;background-size:cover; }
.occhiali-da-sole {padding:320px 0; background:url(../images/affortunato-ottica-banner/occhiali-da-sole-ray-ban.jpg); 
    background-repeat:no-repeat;background-size:cover; }
.occhiali-per-bambini {padding:320px 0; background:url(../images/affortunato-ottica-banner/occhiali-da-vista-bambini.jpg); 
    background-repeat:no-repeat;background-size:cover; }
.occhiali-sportivi {padding:320px 0; background:url(../images/affortunato-ottica-banner/occhiali-sportivi.jpg); 
    background-repeat:no-repeat;background-size:cover; }
.occhiali-clip-on {padding:320px 0; background:url(../images/affortunato-ottica-banner/occhiali-clipon.jpg); 
    background-repeat:no-repeat;background-size:cover; }
.lenti-Stellest {padding:320px 0; background:url(../images/affortunato-ottica-banner/essilor-stellest-design.jpg); 
    background-repeat:no-repeat;background-size:cover; }
.lenti-a-contatto {padding:320px 0; background:url(../images/affortunato-ottica-banner/occhio-con-lente-a-contatto.jpg); 
    background-repeat:no-repeat;background-size:cover; }
.controllo-optometrico {padding:320px 0; background:url(../images/affortunato-ottica-banner/controllo-optometrico-castrovillari.jpg); 
    background-repeat:no-repeat;background-size:cover; }
.assistenza-riparazioni {padding:320px 0; background:url(../images/affortunato-ottica-banner/servizio-riparazione-occhiali-ottica-affortunato.jpg); 
    background-repeat:no-repeat;background-size:cover; }
.marchi-occhiali-vista-sole {padding:320px 0; background:url(../images/affortunato-ottica-banner/marchi-ottica-affortunato.jpg); 
    background-repeat:no-repeat;background-size:cover; }
.outlet-occhiali {padding:320px 0; background:url(../images/affortunato-ottica-banner/outlet-promozioni-occhiali.jpg); 
    background-repeat:no-repeat;background-size:cover; }


/* __________ Menu __________ */
.menu_block {position:fixed;z-index:9999;left:0;top:0;right:0;height:80px;width:100%;background-color:#fff;
	box-shadow:0 2px 3px rgba(0,0,0,0.1);}
.navmenu ul li {position:relative;display:inline-block;}
.navmenu ul li a {display:block;margin:0 0 0 -3px; margin-top: 20px; padding:10px 15px;text-transform:uppercase;font-weight:600;line-height: 8px;
	font-size:13px;color:#282828;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; 
	font-family: 'Roboto', sans-serif;}
.navmenu li:hover a,.navmenu li.active a {color:#666;}
/* Sub menu */

.sub-menu ul {display: none;position: absolute;z-index: 9990;width: 280px;left: 50%;top: 100%;padding: 0;margin: 0 0 0 -90px;}
.sub-menu.last ul {right:0; left:auto; }
.sub-menu ul:before {content:'';position:absolute;left:50%;top:-6px;margin-left:-5px;width: 0;height: 0;
    border-left: 6px solid transparent;border-right: 7px solid transparent;border-bottom: 6px solid #1c1c1c;}
.sub-menu ul li  {margin:0;width:100%;border-top: 0; }
.sub-menu ul li a {position:relative;margin:0;padding: 10px 5px 10px 21px;font-weight:400;text-align:left;font-size:12px; line-height: 18px;
	color:#999 !important;background:#1c1c1c;border-bottom:1px solid #282828;}
.sub-menu ul li:last-child a {border-bottom:0;}
.sub-menu ul li.active a, .sub-menu ul li a:hover {color:#fff !important; background:#161616;}

#home {position:relative;}

#about {padding-top:70px;}

.services_block {padding:7px 0 0;}
.services_item {display:block;cursor:default;}
.services_item h1 {position:relative;margin-bottom:15px;padding-bottom:19px;text-transform:none;font-weight:300;font-size:27px;color:#333;}
.services_item h2 {position:relative;margin-bottom:15px;padding-bottom:19px;text-transform:none;font-weight:300;font-size:20px;color:#333;}
.services_item h2 b {font-weight:600;}
.services_item h2:before {content:'';position:absolute;left:0;bottom:0;width:30px;height:2px;background-color:#ccc;}
.services_item p {display:block;padding-bottom:9px;font-weight:300;font-size:14px;color:#444444;line-height:21px;}
.services_item p a{ text-decoration:none;color:#333;}
.services_item p a:hover{color:#F00;}

/* __________ Clean Code __________ */
.cleancode_block {padding:96px 0 78px;background-image:url(../images/realizzazione-siti-web.jpg);background-size:cover;
	background-position:0 0;background-attachment:fixed !important;}
.cleancode_block .tab-content {overflow:hidden;padding: 0;margin:0 0 80px;}
.cleancode_block h2 {margin:0;line-height:80px;font-size:50px;color:#fff;font-weight:200;}
.cleancode_block p {line-height:30px;font-size:16px;color:#999;font-family: 'Open Sans', sans-serif;}
.cleancode_block p a{ text-decoration:none;color:#F00;}
.cleancode_block p a:hover{color:#fff;}
.cleancode_block .tab-pane {display:block;height:0;transform:translateY(-50%);-o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transition: all 0.5s ease-in-out; 
	-webkit-transition: all 0.5s ease-in-out;}
.cleancode_block .tab-pane.active {height:auto;transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);
	-webkit-transform:translateY(0);}
.ie .cleancode_block .tab-pane {display:none;}
.ie .cleancode_block .tab-pane.active {display:block;}
.cleancode_block .nav-tabs {margin:0 -15px;border:0;}
.cleancode_block .nav-tabs li {margin:0;padding:0 15px;}
.cleancode_block .nav-tabs li a {width:170px;height:170px;margin:0;padding:54px 0 0;text-align:center;border:0 !important;
	border-radius:0;transition: background-color 0.3s ease-in-out;-webkit-transition: background-color 0.3s ease-in-out;}
.cleancode_block .nav-tabs li a i {display:block;width:60px;height:60px;margin:0 auto;background-repeat:no-repeat;
	background-position:0 -60px;background-size:100% auto;-webkit-background-size:100% auto;
	transition: transform 0.2s ease-in-out; -webkit-transition: -webkit-transform 0.2s ease-in-out;}
.cleancode_block .nav-tabs li a.i1 i {background-image:url(../images/icone/occhiali-da-vista.png);}
.cleancode_block .nav-tabs li a.i2 i {background-image:url(../images/icone/occhiali-da-sole.png);}
.cleancode_block .nav-tabs li a.i3 i {background-image:url(../images/icone/occhiali-vista-sole.png);}
.cleancode_block .nav-tabs li a.i4 i {background-image:url(../images/icone/occhiali-bambini.png);}
.cleancode_block .nav-tabs li a.i5 i {background-image:url(../images/icone/lenti-stellest.png);}
.cleancode_block .nav-tabs li a.i6 i {background-image:url(../images/icone/portfolio-siti-internet.png);}

.nav-tabs li a:hover,.nav-tabs li a:focus {background-color:transparent;}
.nav-tabs li.active a,.nav-tabs li.active a:hover,.nav-tabs li.active a:focus {background-color:#fff;}
.nav-tabs li a:hover i {background-position:0 -120px;transform:translateY(-10px);-o-transform:translateY(-10px);
	-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.nav-tabs li.active a i {background-position:0 0;transform:translateY(-16px);-o-transform:translateY(-16px);
	-ms-transform:translateY(-16px);-webkit-transform:translateY(-16px);}
.cleancode_block .nav-tabs li a span {display:block;font-family: 'Roboto', sans-serif;font-weight:400;line-height:20px;
	font-size:16px;color:#333;opacity:0;transform:translateY(-30px);-o-transform:translateY(-30px);
	-ms-transform:translateY(-30px);-webkit-transform:translateY(-30px);transition: all 0.5s ease-in-out; 
	-webkit-transition: all 0.5s ease-in-out;}
.nav-tabs li.active a span {opacity:1;transform:translateY(-6px);-o-transform:translateY(-6px);-ms-transform:translateY(-6px);
	-webkit-transform:translateY(-6px);}
	
/* __________ Clean Code2 __________ */
.cleancode_block2 {padding:96px 0 78px;background-image:url(../images/promozioni-affortunato-ottica.jpg);background-size:cover;
	background-position:0 0;background-attachment:fixed !important; margin-top:2em;}
.cleancode_block2 .tab-content {overflow:hidden;padding: 0;margin:0 0 80px;}
.cleancode_block2 h2 {margin:0;line-height:80px;font-size:50px;color:#333;}
.cleancode_block2 p{line-height:1.7em;font-size:1.05em; color: #444444;}
.cleancode_block2 p a{ text-decoration:none;color:#666;}
.cleancode_block2 p a:hover{color:#474747;}

.cleancode_block2 .tab-pane2 {display:block;height:0;transform:translateY(-50%);-o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transition: all 0.5s ease-in-out; 
	-webkit-transition: all 0.5s ease-in-out;}
.cleancode_block2 .tab-pane2.active {height:auto;transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);
	-webkit-transform:translateY(0);}
.ie .cleancode_block2 .tab-pane2 {display:none;}
.ie .cleancode_block2 .tab-pane2.active {display:block;}
.cleancode_block2 .nav-tabs2 {margin:0 -15px;border:0;}
.cleancode_block2 .nav-tabs2 li {margin:0;padding:0 60px;}
.cleancode_block2 .nav-tabs2 li a {width:170px;height:170px;margin:0;padding:54px 0 0;text-align:center;border:0 !important;
	border-radius:0;transition: background-color 0.3s ease-in-out;-webkit-transition: background-color 0.3s ease-in-out;}
.cleancode_block2 .nav-tabs2 li a i {display:block;width:60px;height:60px;margin:0 auto;background-repeat:no-repeat;
	background-position:0 -60px;background-size:100% auto;-webkit-background-size:100% auto;
	transition: transform 0.2s ease-in-out; -webkit-transition: -webkit-transform 0.2s ease-in-out;}
.cleancode_block2 .nav-tabs2 li a.i7 i {background-image:url(../images/icone/grafica-coordinata.png);}
.cleancode_block2 .nav-tabs2 li a.i8 i {background-image:url(../images/icone/cataloghi-brochure.png);}
.cleancode_block2 .nav-tabs2 li a.i9 i {background-image:url(../images/icone/manifesti-locandine.png);}
.cleancode_block2 .nav-tabs2 li a.i10 i {background-image:url(../images/icone/wedding.png);}

.nav-tabs2 li a:hover,.nav-tabs2 li a:focus {background-color:transparent;}
.nav-tabs2 li.active a,.nav-tabs2 li.active a:hover,.nav-tabs2 li.active a:focus {background-color:#fff;}
.nav-tabs2 li a:hover i {background-position:0 -120px;transform:translateY(-10px);-o-transform:translateY(-10px);
	-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.nav-tabs2 li.active a i {background-position:0 0;transform:translateY(-16px);-o-transform:translateY(-16px);
	-ms-transform:translateY(-16px);-webkit-transform:translateY(-16px);}
.cleancode_block2 .nav-tabs2 li a span {display:block;font-family: 'Roboto', sans-serif;font-weight:400;line-height:20px;
	font-size:16px;color:#333;opacity:0;transform:translateY(-30px);-o-transform:translateY(-30px);
	-ms-transform:translateY(-30px);-webkit-transform:translateY(-30px);transition: all 0.5s ease-in-out; 
	-webkit-transition: all 0.5s ease-in-out;}
.nav-tabs2 li.active a span {opacity:1;transform:translateY(-6px);-o-transform:translateY(-6px);-ms-transform:translateY(-6px);
	-webkit-transform:translateY(-6px);}	

/* __________ Banner contact __________ */
.text-content-contact {background:url(../images/promozioni-affortunato-ottica.jpg); 
    min-height:400px;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
    -moz-background-size: cover;position: relative;}
.overlay-inner {background: rgba(0, 0, 0, 0.5);}
.order-left-content h4 {font-size: 4em;font-weight: 600;}
.test-info  { min-height:400px;}
.test-info p {color: #eee; margin-bottom:1em; line-height:1.7em;}
.test-info h4{font-size: 2.3em;color: #fff;font-weight: 400;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
    text-transform: uppercase;letter-spacing: 2px; margin:5em 0 0.6em 0;font-family: 'Oswald', sans-serif;}
.test-info a{border: 2px solid #fff;border-radius: 0px;padding: 12px 30px;color: #fff;font-size: 1em;letter-spacing: 1px;
    text-transform: capitalize;display: inline-block;}
.test-info a:hover{ text-decoration:none;}
.test-info {max-width: 700px;}

/* __________ Contatti __________ */	
.contatti {padding:0em;}
.contatti-block-left input[type="text"]{font-size: 14px;width: 100%;padding: 0.8em 1em;margin-bottom: 1em;
    background: #fff;outline: none;border: 1px solid #D6D5D5;color: #8B8A8A;-webkit-appearance: none;}
.contatti-block-left textarea {resize: none;font-size: 14px;width:100%;height: 15em;padding: 0.8em 1em;background: #fff;
    outline: none;border: 1px solid #D6D5D5;color: #8B8A8A;-webkit-appearance: none;}
.contatti-block-left input[type="submit"] {font-family: 'Oswald', sans-serif;background: #da251d; text-transform:uppercase;
    color: #fff;font-size: 14px;width:8%;margin: -1.5em 0 2.5em 0;border: none;padding: 1em 2em 1em 2em;outline: none;}
.contatti-block-left input[type="submit"]:hover {background:#333;transition: 0.5s all;-webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;-o-transition: 0.5s all;}
@media (max-width: 320px) {
.contatti-block-left input[type="submit"] {font-size: 14px;width: 20%;}
.contatti-block-left textarea {font-size: 0.8em;height: 7em;}
.contatti-block-left input[type="text"] {font-size: 14px;padding: 0.5em 0.8em;}	
}
@media (max-width: 480px) {
.contatti-block-left input[type="text"] {font-size: 14px;padding: 0.6em 0.8em;}
.contatti-block-left textarea {font-size: 0.9em;width: 100%;height: 10em;padding: 0.6em 0.9em;}
.contatti-block-left input[type="submit"] {width: 18%;}
}
@media (max-width: 640px) {
.contatti-block-left input[type="submit"] {font-size:14px;width: 12%;padding: 0.5em 0em;}
}
@media(max-width:768px) {
.contatti-block-left input[type="submit"] {width: 11%;}
}

/* __________ Multi Purpose __________ */
.purpose_block {padding:72px 0 0; margin-top: 0.5em;}
.purpose_block p {margin-bottom:26px;line-height:1.7em;font-size: 1.05em; color: #444444;}
.purpose_block p a{ text-decoration:none;color:#666;}
.purpose_block p a:hover{color:#474747;}
.purpose_block h2 {margin-top:0;text-transform:none;font-weight:200;color:#474747; line-height:40px; font-size:32px;}
.purpose_block h3 {margin-top:20px;text-transform:uppercase;font-weight:500;color:#333; line-height:18px; font-size:22px;}

.purpose_block ul { list-style:circle;margin: 0 0 10px 10px;}
.purpose_block li {line-height: 1.7em;font-size:1.05em;color: #444444;}
.purpose_block li a{color: #666; text-decoration:none;}
.purpose_block li a:hover{ text-decoration:none;color: #474747;}


.purpose_block .btn {margin-top:30px; margin-right:16px;font-family: 'Roboto', sans-serif;}
.purpose_block .btn-active {overflow:hidden;font-family: 'Roboto', sans-serif;}
.purpose_block .btn-active span:before {content: attr(data-hover);position: absolute;top: 100%;left:0;width:100%;
	text-transform:uppercase;text-align:center;font-weight: 900;line-height:20px;font-size:1.05em;color:#1C1C1C;
	transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.purpose_block .btn-active:hover span:before {color:#fff;}
.purpose_block .btn-active span {position: relative;display: inline-block;transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;}
.purpose_block .btn-active:hover span,.purpose_block .btn-active:focus span {color:#1c1c1c;-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);transform: translateY(-100%);font-family: 'Roboto', sans-serif; }
.purpose_block .ipad_img1 { margin-bottom: 2em; -webkit-box-shadow: 4px 8px 8px -4px rgba(0, 0, 0, 0.6);  
    -moz-box-shadow: 4px 8px 8px -4px rgba(0, 0, 0, 0.6);box-shadow: 4px 8px 8px -4px rgba(0, 0, 0, 0.6); }




/* __________ Multi Purpose __________ */
.purpose_block2 {padding:72px 0 72px; margin-top: 1.5em; background-color: #f1f1f1;}
.purpose_block2 p {margin-bottom:26px;line-height:1.7em;font-size:1.05em; color: #444444;}
.purpose_block2 p a{ text-decoration:none;color:#666;}
.purpose_block2 p a:hover{color:#474747;}
.purpose_block2 h2 {margin-top:0;text-transform:none;font-weight:200;color:#474747; line-height:40px; font-size:32px;}
.purpose_block2 h3 {margin-top:20px;text-transform:uppercase;font-weight:500;color:#333; line-height:18px; font-size:22px;}

.purpose_block2 ul { list-style:circle;margin: 0 0 10px 10px;}
.purpose_block2 li {line-height: 1.7em;font-size:1.05em;color: #333;}
.purpose_block2 li a{color: #F00; text-decoration:none;}
.purpose_block2 li a:hover{ text-decoration:none;color: #F00;}


.purpose_block2 .btn {margin-top:30px; margin-right:16px;font-family: 'Roboto', sans-serif;}
.purpose_block2 .btn-active {overflow:hidden;font-family: 'Roboto', sans-serif;}
.purpose_block2 .btn-active span:before {content: attr(data-hover);position: absolute;top: 100%;left:0;width:100%;
	text-transform:uppercase;text-align:center;font-weight: 900;line-height:20px;font-size:13px;color:#1C1C1C;
	transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.purpose_block2 .btn-active:hover span:before {color:#fff;}
.purpose_block2 .btn-active span {position: relative;display: inline-block;transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;}
.purpose_block2 .btn-active:hover span,.purpose_block2 .btn-active:focus span {color:#1c1c1c;-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);transform: translateY(-100%);font-family: 'Roboto', sans-serif; }
.purpose_block2 .ipad_img1 {margin-bottom: 2em; -webkit-box-shadow: 4px 8px 8px -4px rgba(0, 0, 0, 0.6);  
    -moz-box-shadow: 4px 8px 8px -4px rgba(0, 0, 0, 0.6);box-shadow: 4px 8px 8px -4px rgba(0, 0, 0, 0.6);}

/*	FEATURED WORKS  */
#projects {padding-top:100px; }
#projects p {margin-bottom:26px;line-height:1.7em;font-size:1.05em; color: #444444;}
#projects p a{ text-decoration:none;color:#666;}
#projects p a:hover{color:#474747;}
#projects h2 {margin-top:0;text-transform:none;font-weight:200;color:#474747; line-height:40px; font-size:32px;}

@media(max-width:568px) {
#projects p {font-size:1.1em;}	
}

@media(max-width:480px) {
#projects p {font-size:1.1em;}		
}

@media(max-width:440px) {
#projects p {font-size:1.1em;}		
}

@media(max-width: 414px){
#projects p {font-size:1.1em;}		
}

@media(max-width:384px) {
#projects p {font-size:1.1em;}		
}

@media(max-width:375px) {
#projects p {font-size:1.1em;}		
}


.work_item {position:relative;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.owl-item:hover .work_item {transform:scale(0.95);-o-transform:scale(0.95);-ms-transform:scale(0.95);-webkit-transform:scale(0.95);}
.work_item .work_description {position:absolute;z-index:20;left:0;top:0;width:100%;height:100%;text-align:center;
	opacity:0; text-transform:uppercase;background-color:rgba(0,0,0,0.8);transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;}
.work_item:hover .work_description {opacity:1;}
.work_item .work_description .work_descr_cont {position:absolute;left:0;top:50%;width:100%;opacity:0;transform:translateY(-100%);
	-o-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);
	transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.work_item:hover .work_description .work_descr_cont {opacity:1;transform:translateY(-50%);-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.work_item .work_description a {display:block;margin:0 0 6px;font-weight:300;line-height:24px;font-size:18px;color:#fff;}
.work_item a.zoom {position:absolute;z-index:30;left:50%;bottom:0;width:60px;height:36px;margin-left:-30px;opacity:0;
	background-image:url(../images/zoom.png);background-repeat:no-repeat;background-position:0 0;background-size:100% auto;
	-webkit-background-size:100% auto;transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out; 
	-webkit-transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.work_item:hover a.zoom {bottom:56px;opacity:1;}
.work_item a.zoom:hover {background-image:url(../images/zoom_h.png);}

/*	NEWS  */
#news {padding:75px 0 50px; background-color: #f0f0f0;}
#news h2 {margin-top:0;text-transform:none;font-weight:300;color:#333; line-height:40px; font-size:30px;}
.testimonials{margin-bottom:77px;}
.testim_content h3 {margin-top:0;text-transform:none;font-weight:500;color:#353535; line-height:20px; font-size:18px;}
.testim_content p {line-height:22px;font-size:14px;color:#404040;}
.testim_content p a{ text-decoration:none;color:#F00;}
.testim_content p a:hover{color:#fff;}
.testim_author p {color:#444444; text-decoration:none;}
.testim_author p a{color:#F00; }
.testim_author p a:hover{color:#333;}
.testim_author p b {font-weight:500;color:#333;}

/*	RECENT POSTS  */
.post_item_img {position:relative; -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.6); }
.post_item_img:before {content:'';position:absolute;z-index:25;left:0;top:0;width:100%;height:100%;
	transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.post_item:hover .post_item_img:before {background-color:rgba(0,0,0,0.8);}
.post_item_content {padding:23px 0 0;}
.post_item_content a.title {font-weight:500;line-height:26px;font-size:20px;color:#333;}
.post_item_content p {font-weight:300;line-height:22px;font-size:1.05em;color:#444444;}
.post_item_content p a{color:#F00; }
.post_item_content p a:hover{color:#333;}
.post_item_content h2 a{margin-top:0;text-transform:none;font-weight:400;color:#333; font-size:20px;}
.post_item_content h2 a:hover{color:#666;}
.post_item_img a.link {position:absolute;z-index:30;left:50%;bottom:30%;width:60px;height:36px;margin:0 0 -18px -30px;
	opacity:0;background-image:url(../images/zoom.png);background-repeat:no-repeat;background-position:0 0;
	background-size:100% auto;-webkit-background-size:100% auto;transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out; 
	-webkit-transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.post_item:hover .post_item_img a.link {bottom:50%;opacity:1;}
.post_item_img a.link:hover {background-image:url(../images/zoom_h.png);}

/*	OUTLET  */
.outlet_img {position:relative; -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.6);}
.outlet_img:before {content:'';position:absolute;z-index:25;left:0;top:0;width:100%;height:100%;
	transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.outlet_content {padding:23px 0 0;}
.outlet_content a.title {font-weight:500;line-height:26px;font-size:20px;color:#333;}
.outlet_content p {font-weight:300;line-height:22px;font-size:1.05em;color:#444444; margin-left: 1em;}
.outlet_content p a{color:#F00; }
.outlet_content p a:hover{color:#333;}
.outlet_content h2 a{margin-top:0;text-transform:none;font-weight:400;color:#333; font-size:20px;}
.outlet_content h2 a:hover{color:#666;}
.outlet_img a.link {position:absolute;z-index:30;left:50%;bottom:30%;width:60px;height:36px;margin:0 0 -18px -30px;
	opacity:0;background-image:url(../images/zoom.png);background-repeat:no-repeat;background-position:0 0;
	background-size:100% auto;-webkit-background-size:100% auto;transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out; 
	-webkit-transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.outlet:hover .outlet_img a.link {bottom:50%;opacity:1;}
/* Contenitore immagine */
.outlet_img {
  overflow: hidden;
  position: relative;
}

/* Immagine */
.outlet_img img {
  width: 100%;
  height: auto;
  transition: transform 0.4s ease;
  display: block;
}

/* Hover con animazione continua */
.outlet:hover .outlet_img img {
  animation: zoomPulse 3s ease-in-out infinite;
}

/* Animazione zoom "respiro" */
@keyframes zoomPulse {
  0% {
    transform: scale(1.05);
    transform-origin: 60% 40%;
  }
  50% {
    transform: scale(2.12);
    transform-origin: 50% 50%;
  }
  70% {
    transform: scale(3.12);
    transform-origin: 60% 70%;
  }
	
  100% {
    transform: scale(1.05);
    transform-origin: 40% 60%;
  }
}

@media (max-width: 768px) {
  .post_item:hover .post_item_img img {
    animation: none !important; 
  }
}



/*	FOOTER  */
#contacts {position: relative;z-index:0;padding:0;background:transparent;}
footer {overflow:hidden;position:absolute;z-index:1;bottom:0;left:50%;opacity:0;width:100%;padding:60px 0 10px;color:#999;
	background-color:#1c1c1c;transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);}

.copyright p{line-height:1.7em;font-size: 1.05em; color: #444444;}
.copyright p a{ text-decoration:none;color:#666;}
.copyright p a:hover{color:#474747;}

.blog_block p{line-height:1.7em;font-size: 1.05em; color: #444444;}
.blog_block p a{ text-decoration:none;color:#666;}
.blog_block p a:hover{color:#474747;}
.blog_block h2{display:block; line-height:25px;font-size:20px;color:#272727; font-weight:500;}

.blog_block ul { list-style:circle;margin: 0 0 10px 10px;}
.blog_block li {line-height:1.7em;font-size: 1.05em; color: #444444;}
.blog_block li a{color: #666; text-decoration:none;}
.blog_block li a:hover{ text-decoration:none;color: #474747;}

@media(max-width:568px) {
.blog_block p {font-size:1.1em;}
.blog_block h2{line-height:1.7em;}
}

@media(max-width:480px) {
.blog_block p {font-size:1.1em;}
.blog_block h2{line-height:1.7em;}		
}

@media(max-width:440px) {
.blog_block p {font-size:1.1em;}
.blog_block h2{line-height:1.7em;}		
}

@media(max-width: 414px){
.blog_block p {font-size:1.1em;}	
.blog_block h2{line-height:1.7em;}	
}

@media(max-width:384px) {
.blog_block p {font-size:1.1em;}
.blog_block h2{line-height:1.7em;}		
}

@media(max-width:375px) {
.blog_block p {font-size:1.1em;}	
.blog_block h2{line-height:1.7em;}	
}

/*	SOCIAL BUTTONS  */
.social li {display:inline-block;margin:0 7px 10px 0;}
.social li a {display:block;width:50px;height:50px;border:1px solid #242424;text-align:center;line-height:46px;
	font-size:20px;color:#333;}
.social li a:hover {color:#ccc;border-color:#ccc;}
.social li a img{ float:left; padding:1px;}

.wthree-main-content {padding: 20px 0; margin-bottom: 4em;}
.container {padding-right: 15px;padding-left: 5px;margin-right: auto;margin-left: auto;}
.container {padding-right: 15px;padding-left: 5px;margin-right: auto;margin-left: auto;}
.container .gallery a img {float: left;width: 32%;height: auto;border: 6px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;-moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;-ms-transition: -ms-transform .15s ease;transition: transform .15s ease;
  position: relative;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;
  -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.container .gallery a:hover img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);
  -ms-transform: scale(1.05);transform: scale(1.05);z-index: 5;transition: 0.5s all;-webkit-transition: 0.5s all;
  -o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}

@media(max-width:568px) {
.container .gallery a img { width: 100%;}	
}

@media(max-width:480px) {
.container .gallery a img { width: 100%;}	
}

@media(max-width:440px) {
.container .gallery a img { width: 100%;}	
}

@media(max-width: 414px){
.container .gallery a img { width: 100%;}	
}

@media(max-width:384px) {
.container .gallery a img { width: 100%;}	
}

@media(max-width:375px) {
.container .gallery a img { width: 100%;}	
}


/*	PRODOTTI  */
.prodotti {padding-top:50px;}
.prodotti h2{display:block; line-height:45px;font-size:20px;color:#272727; font-weight:500;}
.prodotti p{padding-bottom:8px;line-height:1.7em;font-size:1.1em; color: #444444;}
.prodotti p a{ text-decoration:none;color:#666;}
.prodotti p a:hover{color:#474747;}

@media(max-width:568px) {
.prodotti h2 { line-height: 2.7em;}	
.prodotti p{font-size:1.1em;}
}

@media(max-width:480px) {
.prodotti h2 { line-height: 2.7em;}	
.prodotti p{font-size:1.1em;}
}

@media(max-width:440px) {
.prodotti h2 { line-height: 2.7em;}	
.prodotti p{font-size:1.1em;}
}

@media(max-width: 414px){
.prodotti h2 { line-height: 2.7em;}	
.prodotti p{font-size:1.1em;}
}

@media(max-width:384px) {
.prodotti h2 { line-height: 2.7em;}	
.prodotti p{font-size:1.1em;}
}

@media(max-width:375px) {
.prodotti h2 { line-height: 2.7em;}	
.prodotti p{font-size:1.1em;}
}


/*	BLOG  */
.single_page #blog {padding-top:50px;}
.blog_block hr {border-top:2px solid #e9e9e9;}
.blog_block h1{display:block;line-height:36px;font-size:42px;color:#333;}
.blog_block h2 {margin-top:0;text-transform:none;font-weight:200;color:#474747; line-height:1.7em; font-size:32px;}
.blog_block h3{display:block;line-height:16px;font-size:28px;color:#4A4A4A; font-weight:500;}
.blog_block p{line-height:1.7em;font-size: 1.05em; color: #444444;}
.blog_block p a{ text-decoration:none;color:#666;}
.blog_block p a:hover{color:#474747;}
.blog_block ul { list-style:circle;margin: 0 0 10px 10px;}
.blog_block li {line-height: 1.7em;font-size:1.05em;color: #444444;}
.blog_block li a{color: #F00; text-decoration:none;}
.blog_block li a:hover{ text-decoration:none;color: #F00;}

@media(max-width:568px) {
.blog_block h2{line-height:1.7em;}
.blog_block p{font-size:1.1em;}
}

@media (min-width: 768px) and (max-width: 991px) {
.blog_block h2{line-height:1.7em;}
.blog_block p{font-size:1.1em;}
}

@media (min-width: 481px) and (max-width: 767px){
.blog_block h2{line-height:1.7em;}
.blog_block p{font-size:1.1em;}
}

@media(max-width:480px) {
.blog_block h2{line-height:1.7em;}
.blog_block p{font-size:1.1em;}
}

@media(max-width:440px) {
.blog_block h2{line-height:1.7em;}
.blog_block p{font-size:1.1em;}	
}

@media(max-width: 414px){
.blog_block h2{line-height:1.7em;}
.blog_block p{font-size:1.1em;}	
}

@media(max-width:384px) {
.blog_block h2{line-height:1.7em;}
.blog_block p{font-size:1.1em;}	
}

@media(max-width:376px) {
.blog_block h2{line-height:1.7em;}
.blog_block p{font-size:1.1em;}	
}

@media(max-width:375px) {
.blog_block h2{line-height:1.7em;}
.blog_block p{font-size:1.1em;}	
}


.portfolio_siti_img {overflow:hidden;float:left;position:relative;width:470px;height:270px;margin-right:30px;
	background-color:#fff;}
.portfolio_siti_img img {width:auto;max-width:none;height:100%;transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;}
.portfolio_siti:hover .portfolio_siti_img img {opacity:0.5;}
.portfolio_siti a.zoom {position:absolute;z-index:30;left:50%;bottom:50px;width:60px;height:36px;margin:0 0 -30px -30px;
	opacity:0;background-image:url(../images/zoom.png);background-repeat:no-repeat;background-position:0 0;
	background-size:100% auto;-webkit-background-size:100% auto;transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out; 
	-webkit-transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.portfolio_siti:hover a.zoom {bottom:50%;opacity:1;}
.portfolio_siti a.zoom:hover {background-image:url(../images/zoom_h.png);}
.portfolio_siti_descr h2 {display:block;line-height:30px;font-size:25px;color:#666; }
.portfolio_siti_descr h2 a {color:#333; text-decoration:none;}
.portfolio_siti_descr h2 a:hover {color:#666;}
.portfolio_siti_descr h3 {display:block;lfont-size:17px;color:#333; font-weight:500; text-transform:uppercase;}
.portfolio_siti_content p{font-size:1.05em;color:#444444; line-height:22px;}
.portfolio_siti_content a{ color:#333; text-decoration:none;}
.portfolio_siti_content a:hover{ color:#F00;}
.portfolio_siti_info li {position:relative; display:inline-block; padding-right:22px;font-size:1.05em;}
.portfolio_siti_info li:before {content:''; position:absolute; right:9px; top:4px; height:12px; width:1px; background-color:#d3d3d3;}
.portfolio_siti_info li:last-child:before {display:none;}
.portfolio_siti_info li a {font-size:14px;}
/* __________ Pagination __________ */
.pagination {display:block;margin:0 0 50px;padding:0;border-radius:0;}
.pagination li {float:left;width:40px;height:35px;}
.pagination li a {float:none;display:block;margin:0;padding:0;border:0;font-weight:600;text-align:center;
	line-height:48px;font-size:16px;color:#999;}
.pagination li a:focus,.pagination li a:hover {background:none !important;color:#333 !important;}
.pagination li.active a {border:1px solid #333 !Important;font-size:16px;color:#333 !important;background:none !important;}

/* __________ Text Widget + work info __________ */
.widget_text h2{display:block;line-height:22px;font-size:20px;color:#272727;  text-transform:uppercase;}
.widget_text p {margin-bottom:26px;line-height:1.6em;font-size: 1.1em; color: #444444;}
.widget_text p a{ text-decoration:none;color:#666;}
.widget_text p a:hover{color:#474747;}
.work_info {padding-bottom:25px;}
.work_info li {padding-bottom:6px;line-height:1.7em;font-size: 1.1em; color: #444444;}
.work_info li a {color:#333;}

.shared li {display:inline-block;margin:0 7px 10px 0;}
.shared li a {display:block;width:50px;height:50px;padding:1px;border:1px solid #e9e9e9;text-align:center;line-height:46px;
	font-size:23px;color:#ccc;transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;}
.shared li a:hover {padding:0;color:#333;border:2px solid #242424;}


/*	RESPONSIVE STYLES  */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.parallax, .cleancode_block, #team, .top_slider .slide1, .top_slider .slide2, .top_slider .slide3 {
	background-attachment:scroll !important; background-position:0 0;}
.top_slider .slide1, .top_slider .slide2, .top_slider .slide3 {background-size:cover !important;}}
@media (max-width: 1024px) {}
@media (min-width: 992px) and (max-width: 1199px) {
.parallax, .cleancode_block, #team {background-attachment:scroll !important; background-size:100% auto !important; 
    -webkit-background-size:100% auto !important;}
h2 {font-size:35px; line-height:35px;}

/* __________ Menu __________ */
.navmenu ul li a {padding-left:15px; padding-right:15px;}

/* __________ Index __________ */
.cleancode_block p.title {font-size:70px; line-height:70px;}
.cleancode_block .nav-tabs li a {width:136px; height:136px; padding-top:35px;}
.cleancode_block .nav-tabs li a i {width:45px; height:45px;}
.cleancode_block .nav-tabs li a span {font-size:16px;}
.cleancode_block .nav-tabs li a i {background-position:0 -45px;}
.nav-tabs li a:hover i {background-position:0 -90px; transform:translateY(-5px); -o-transform:translateY(-5px); 
    -ms-transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.nav-tabs li.active a i {background-position:0 0; transform:translateY(-10px); -o-transform:translateY(-10px); 
    -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px);}
.cleancode_block2 p.title {font-size:70px; line-height:70px;}
.cleancode_block2 .nav-tabs li a {width:136px; height:136px; padding-top:35px;}
.cleancode_block2 .nav-tabs li a i {width:45px; height:45px;}
.cleancode_block2 .nav-tabs li a span {font-size:16px;}
.cleancode_block2 .nav-tabs li a i {background-position:0 -45px;}
.nav-tabs li a:hover i {background-position:0 -90px; transform:translateY(-5px); -o-transform:translateY(-5px); 
     -ms-transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.nav-tabs li.active a i {background-position:0 0; transform:translateY(-10px); -o-transform:translateY(-10px); 
     -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px);}
	
.purpose_block h2{display:block;line-height:36px;font-size:20px;color:#272727; font-weight:500;}
.purpose_block h3{display:block;line-height:16px;font-size:17px;color:#4A4A4A; font-weight:500;}
.purpose_block p{padding-bottom:4px;line-height:1.7em;font-size:1.05em; color: #444444;}
.purpose_block p a{ text-decoration:none;color:#781517;}
.purpose_block p a:hover{color:#2A2929;}
.purpose_block ul { list-style:circle;margin: 0 0 10px 10px;}
.purpose_block li {line-height: 1.7em;font-size:1.05em;color: #444444;}
.purpose_block li a{color: #F00; text-decoration:none;}
.purpose_block li a:hover{ text-decoration:none;color: #F00;}
	
.work_item a.zoom {width:40px; height:24px; margin-left:-20px;}
.work_item:hover a.zoom {bottom:30px;}
	
.img_wrapper {width:137px !important;}
	
.post_item_img a.link {width:40px; height:24px; margin:0 0 -12px -20px;}
.post_item_img a.link:hover {background-position:0 -24px;}
.post_item_content a.title {font-size:19px; line-height:24px;}
	
.owl-theme .owl-controls {top:-69px;}
.owl-theme .owl-controls .owl-buttons div {width:50px; height:50px;}
.owl-theme .owl-controls .owl-buttons div:before {width:48px; height:48px; line-height:46px;}
	
/* __________ Blog __________ */
.portfolio_siti_descr hr {margin:15px 0;}
.portfolio_siti_img {width:400px; height:314px;}
.portfolio_siti_descr h2 {font-size:24px; line-height:27px;}
.portfolio_siti_descr h3 {font-size:17px; line-height:27px;}
.portfolio_siti_content p{font-size:14px; line-height:22px;}
.single_portfolio_lens_title{font-size:44px; line-height:50px;}
	

/* __________ Sidebar __________ */
.widget_meta li a {font-size:17px; line-height:20px;}
.post_item_img_widget{width:220px; height:146px;}
.post_item_content_widget a.title {font-size:16px; line-height:20px;}

/* __________ All Styles __________ */

.affortunato-ottica {padding:120px 0;}
.occhiali-vista {padding:120px 0;}
.occhiali-da-sole {padding:120px 0;}
.occhiali-per-bambini {padding:120px 0;}
.occhiali-sportivi {padding:120px 0;}
.occhiali-clip-on {padding:120px 0;}
.lenti-Stellest {padding:120px 0;}
.lenti-a-contatto {padding:120px 0;}
.controllo-optometrico {padding:120px 0;}
.assistenza-riparazioni {padding:120px 0;}
.marchi-occhiali-vista-sole {padding:120px 0; }	
.outlet-occhiali {padding:120px 0;}
}

@media (min-width: 768px) and (max-width: 991px) {
.logo a {font-size:22px;}
.navmenu ul li a {padding-left:10px; padding-right:10px; font-size:12px;}
	
/* __________ Index __________ */
.cleancode_block p.title {font-size:60px; line-height:60px;}
.cleancode_block span {font-size:20px; line-height:24px;}
.cleancode_block .nav-tabs li a {width:100px; height:100px; padding-top:24px;}
.cleancode_block .nav-tabs li a i {width:45px; height:45px;}
.cleancode_block .nav-tabs li a span {font-size:13px;}
.cleancode_block .nav-tabs li a i {background-position:0 -45px;}
.nav-tabs li a:hover i {background-position:0 -90px; transform:translateY(-5px); -o-transform:translateY(-5px); 
    -ms-transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.nav-tabs li.active a i {background-position:0 0; transform:translateY(-10px); -o-transform:translateY(-10px); 
    -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px);}
.cleancode_block2 p.title {font-size:60px; line-height:60px;}
.cleancode_block2 span {font-size:20px; line-height:24px;}
.cleancode_block2 .nav-tabs li a {width:100px; height:100px; padding-top:24px;}
.cleancode_block2 .nav-tabs2 li a i {width:45px; height:45px;}
.cleancode_block2 .nav-tabs2 li a span {font-size:13px;}
.cleancode_block2 .nav-tabs2 li a i {background-position:0 -45px;}
.nav-tabs2 li a:hover i {background-position:0 -90px; transform:translateY(-5px); -o-transform:translateY(-5px); 
    -ms-transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.nav-tabs2 li.active a i {background-position:0 0; transform:translateY(-10px); -o-transform:translateY(-10px); 
    -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px);}
	
.purpose_block {padding-top:35px;}
.purpose_block .ipad_img1 {margin-top:-50px;}
.purpose_block p {font-size:1.05em; line-height:1.7em;}
.purpose_block li {line-height: 1.7em;font-size:1.05em;}
	
.work_item a.zoom {width:40px; height:24px; margin-left:-20px;}
.work_item:hover a.zoom {bottom:30px;}
	
.img_wrapper {width:100px !important;}
	
.post_item_img a.link {width:40px; height:24px; margin:0 0 -12px -20px;}
.post_item_img a.link:hover {background-position:0 -24px;}
.post_item_content a.title {font-size:15px; line-height:20px;}
.post_item_content {padding-top:15px;}
.post_item_inf a {font-size:12px; padding-right:5px;}
.post_item_inf li {padding-right:5px;}

.owl-theme .owl-controls {top:-69px;}
.owl-theme .owl-controls .owl-buttons div {width:50px; height:50px;}
.owl-theme .owl-controls .owl-buttons div:before {width:48px; height:48px; line-height:46px;}
	
.testim_content {font-size:17px; line-height:24px;}	

/* __________ Blog __________ */
.portfolio_siti_descr hr {margin:15px 0;}
.portfolio_siti_img {width:400px; height:314px;}
.portfolio_siti_descr h2 {font-size:24px; line-height:27px;}
.portfolio_siti_descr h3 {font-size:17px; line-height:27px;}
.portfolio_siti_content p{font-size:14px; line-height:22px;}
.single_portfolio_lens_title{font-size:44px; line-height:50px;}
.single_portfolio_lens h2{font-size:44px; line-height:30px;}

/* __________ Sidebar __________ */
.widget_meta li a {font-size:17px; line-height:20px;}
	
.post_item_img_widget{width:220px; height:146px; float:left; margin-right:30px;}
.post_item_content_widget a.title {font-size:16px; line-height:20px;}

/* __________ All Styles __________ */
.affortunato-ottica {padding:100px 0;}
.occhiali-vista {padding:100px 0;}
.occhiali-da-sole {padding:100px 0;}
.occhiali-per-bambini {padding:100px 0;}
.occhiali-sportivi {padding:100px 0;}
.occhiali-clip-on {padding:100px 0;}
.lenti-Stellest {padding:100px 0;}
.lenti-a-contatto {padding:100px 0;}
.controllo-optometrico {padding:100px 0;}
.assistenza-riparazioni {padding:100px 0;}
.marchi-occhiali-vista-sole {padding:100px 0; }	
.outlet-occhiali {padding:100px 0;}

/* __________ Footer __________ */
footer {position:static; left:auto; bottom:auto; transform:none; -webkit-transform:none;}
.respond_clear {clear:both; height:0; font-size:0;}
}

@media (max-width: 767px) {
.container {padding-left:15px; padding-right:15px;}
h2 {font-size:30px; line-height:32px;}	
.logo a {font-size:22px;}
a.menu_toggler {display:inline-block; float:right; margin: 20px 0 0 20px; width:40px; height:40px; text-align:center; 
line-height:38px; font-size:23px; color:#fff; background-color:#333; content:url(../images/sub-menu.png);}
a.menu_toggler:hover {background-color:#333;}

.navmenu {position:absolute; left:0; right:0; top:80px; background-color:#fff;}
.navmenu ul {padding:10px 0;}
.navmenu ul li {display:block; text-align:left;}
.navmenu ul li a {padding:4px 20px;}
.sub-menu ul {display:block; position:static; width:100%; box-shadow:none; padding:0; margin:0;}
.sub-menu ul:before {display:none !important;}
.navmenu li.sub-menu:hover, .navmenu li.sub-menu.active_page {background:none;}
.sub-menu ul li a {background:none; border:0; padding-left:30px;}
.sub-menu ul li a:hover, .sub-menu ul li.active a {background:none !important; color:#333 !Important;}
.sub-menu ul li a:before {content:'-'; position:absolute; z-index:10; left:17px; top:4px; color:#666;}

/* __________ Index __________ */
.cleancode_block p.title {font-size:40px; line-height:40px;}
.cleancode_block span {font-size:15px; line-height:22px;}
.cleancode_block .nav-tabs {margin:0 auto; width:450px;}
.cleancode_block .nav-tabs li a {width:120px; height:120px; padding-top:24px;}
.cleancode_block .nav-tabs li a i {width:45px; height:45px;}
.cleancode_block .nav-tabs li a span {font-size:13px;}
.cleancode_block .nav-tabs li a i {background-position:0 -45px;}
.nav-tabs li a:hover i {background-position:0 -90px; transform:translateY(-5px); -o-transform:translateY(-5px); -ms-transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.nav-tabs li.active a i {background-position:0 0; transform:translateY(-10px); -o-transform:translateY(-10px); -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px);}
.cleancode_block2 p.title {font-size:40px; line-height:40px;}
.cleancode_block2 span {font-size:15px; line-height:22px;}
.cleancode_block2 .nav-tabs2 {margin:0 auto; width:450px;}
.cleancode_block2 .nav-tabs2 li a {width:120px; height:120px; padding-top:24px;}
.cleancode_block2 .nav-tabs2 li a i {width:45px; height:45px;}
.cleancode_block2 .nav-tabs2 li a span {font-size:13px;}
.cleancode_block2 .nav-tabs2 li a i {background-position:0 -45px;}
.nav-tabs2 li a:hover i {background-position:0 -90px; transform:translateY(-5px); -o-transform:translateY(-5px); -ms-transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.nav-tabs2 li.active a i {background-position:0 0; transform:translateY(-10px); -o-transform:translateY(-10px); -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px);}
	
.purpose_block {padding-top:35px;}
.ipad_img_in {width:350px; margin:0 auto;}
.purpose_block .ipad_img1 {margin-top:40px;}
.purpose_block p {font-size:1.05em; line-height:1,7px;}
.purpose_block li {line-height: 1.7em;font-size:1.05em;}
	
.work_item a.zoom {width:40px; height:24px; margin-left:-20px;}
.work_item:hover a.zoom {bottom:30px;}

.client_img {width:140px; display:inline-block;}
.img_wrapper {width:110px !important;}
	
.post_item_img a.link {width:40px; height:24px; margin:0 0 -12px -20px;}
.post_item_img a.link:hover {background-position:0 -24px;}
.post_item_content a.title {font-size:15px; line-height:20px;}
.post_item_content {padding-top:15px;}
.post_item_inf a {font-size:12px; padding-right:5px;}
.post_item_inf li {padding-right:5px;}

.owl-theme .owl-controls {top:-69px;}
.testimonials .owl-theme .owl-controls {top:-49px;}
.owl-theme .owl-controls .owl-buttons div {width:50px; height:50px;}
.owl-theme .owl-controls .owl-buttons div:before {width:48px; height:48px; line-height:46px;}
.testim_content {font-size:17px; line-height:24px;}
	
#news .recent_posts {width:450px; margin:0 auto;}
		
/* __________ Blog __________ */
.portfolio_siti_descr hr {margin:15px 0;}
.portfolio_siti_img {width:200px; height:157px; margin-right:20px;}
.portfolio_siti_descr h2 {font-size:19px; line-height:22px;}
.portfolio_siti_descr h3 {font-size:15px; line-height:22px;}
.portfolio_siti_descr hr {clear:both; border:0;}
.portfolio_siti_content p{font-size:14px; line-height:22px;}
.portfolio_siti_info li a {font-size:13px;}
.portfolio_siti_info li {padding-right:15px;}
.portfolio_siti_info li:before {right:6px;}
.portfolio_siti_content p{padding-top:20px;}
	
.pagination li {width:40px; height:40px;}
.pagination li a {font-size:16px; line-height:38px;}
.pagination li.active a, .pagination li a:focus, .pagination li a:hover {font-size:18px;}
.single_portfolio_lens_title{font-size:44px; line-height:50px;}
	
/* __________ Single Blog Post __________ */
.single_portfolio_lens_date {margin:0;}
.single_portfolio_lens_title {font-size:26px; line-height:1.7em;}
.single_portfolio_lens h2{font-size:26px; line-height:1.7em;}
.comment_note {padding:0 0 20px;}

/* __________ Sidebar __________ */
.widget_meta li a {font-size:17px; line-height:20px;}
	
.post_item_img_widget{width:220px; height:146px; float:left; margin-right:30px;}
.post_item_content_widget a.title {font-size:16px; line-height:20px;}

/* __________ All Styles __________ */
.affortunato-ottica {padding:80px 0;}
.occhiali-vista {padding:80px 0;}
.occhiali-da-sole {padding:80px 0;}
.occhiali-per-bambini {padding:80px 0;}
.occhiali-sportivi {padding:80px 0;}
.occhiali-clip-on {padding:80px 0;}
.lenti-Stellest {padding:80px 0;}
.lenti-a-contatto {padding:80px 0;}
.controllo-optometrico {padding:80px 0;}
.assistenza-riparazioni {padding:80px 0;}
.marchi-occhiali-vista-sole {padding:80px 0; }	
.outlet-occhiali {padding:80px 0;}

/* __________ Footer __________ */
footer {position:static; left:auto; bottom:auto; transform:none; -webkit-transform:none;}
}

@media (max-width: 479px) {	
/* __________ Index __________ */
h2 {font-size:26px; line-height:1.7em;}
.purpose_block .btn {padding:10px; margin:10px 5px 0 0; font-size: 1.5em;}
.purpose_block li {line-height: 1.7em;font-size:1.1em;}
.purpose_block p {font-size:1.1em; line-height:1,7px;}
	
.cleancode_block p.title {font-size:26px; line-height:26px;}
.cleancode_block .nav-tabs {width:290px;}
.cleancode_block .nav-tabs li {padding:0;}
.cleancode_block .nav-tabs li a {width:96px; height:96px;}
.cleancode_block2 p.title {font-size:26px; line-height:26px;}
.cleancode_block2 .nav-tabs2 {width:290px;}
.cleancode_block2 .nav-tabs2 li {padding:0;}
.cleancode_block2 .nav-tabs2 li a {width:96px; height:96px;}
.ipad_img_in {width:290px;}
.testimonials .owl-theme .owl-controls {top:0;}
#news .recent_posts {width:290px;}
	
/* __________ Blog __________ */
.portfolio_siti_img {float:none; margin:0 0 20px; width:290px; height:227px;}
.portfolio_siti_descr hr {border-bottom:2px solid #e9e9e9;}
.portfolio_siti_content p{padding-top:0;}
	
/* __________ Single Blog Post __________ */
.single_portfolio_lens_title {font-size:17px; line-height:1.2em;}
.single_portfolio_lens_content {font-size:13px; line-height:20px;}
	
@media(max-width:568px) {
.single_portfolio_lens_title { line-height:1.2em;}
.single_portfolio_lens h2{line-height:1.2em;}
}

@media(max-width:480px) {
.single_portfolio_lens_title { line-height:1.2em;}	
.single_portfolio_lens h2{line-height:1.2em;}
}

@media(max-width:440px) {
.single_portfolio_lens_title { line-height:1.2em;}	
.single_portfolio_lens h2{line-height:1.2em;}
}

@media(max-width: 414px){
.single_portfolio_lens_title { line-height:1.2em;}	
.single_portfolio_lens h2{line-height:1.2em;}
}

@media(max-width:384px) {
.single_portfolio_lens_title { line-height:1.2em;}	
.single_portfolio_lens h2{line-height:1.2em;}
}

@media(max-width:375px) {
.single_portfolio_lens_title { line-height:1.2em;}	
.single_portfolio_lens h2{line-height:1.2em;}
}
	
/* __________ Sidebar __________ */
.post_item_img_widget {float:none; margin-right:0;}
}

@media(max-width:568px) {
.post_item_img {width: 100%;}	
}

@media(max-width:480px) {
  .post_item_img {width: 100%;}
}

@media(max-width:440px) {
  .post_item_img {width: 100%;}	
}

@media(max-width: 414px){
  .post_item_img {width: 100%;}	
}

@media(max-width:384px) {
  .post_item_img {width: 100%;}
}

@media(max-width:375px) {
  .post_item_img {width: 100%;}
}

/* __________  __________ */

@media(max-width:568px) {
  .purpose_block p {font-size:1.1em; line-height:1,7px;}	
  .purpose_block .ipad_img1 {margin-bottom: 2em;width: 100%;}	
}

@media(max-width:480px) {
  .purpose_block p {font-size:1.1em; line-height:1,7px;}	
  .purpose_block .ipad_img1 {margin-bottom: 2em;width: 100%;}
}

@media(max-width:440px) {
  .purpose_block p {font-size:1.1em; line-height:1,7px;}	
  .purpose_block .ipad_img1 {margin-bottom: 2em;width: 100%;}	
}

@media(max-width: 414px){
  .purpose_block p {font-size:1.1em; line-height:1,7px;}	
  .purpose_block .ipad_img1 {margin-bottom: 2em;width: 100%;}	
}

@media(max-width:384px) {
  .purpose_block p {font-size:1.1em; line-height:1,7px;}	
  .purpose_block .ipad_img1 {margin-bottom: 2em;width: 100%;}
}

@media(max-width:375px) {
  .purpose_block p {font-size:1.1em; line-height:1,7px;}	
  .purpose_block .ipad_img1 {margin-bottom: 2em; width: 100%;}	
}

@media(max-width:320px) {
  .purpose_block p {font-size:1.1em; line-height:1,7px;}	
  .purpose_block .ipad_img1 {margin-bottom: 2em;width: 100%;}	
}