/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{width:100%;}
/*end reset*/
body{
	font-family: 'Lato',Times New Roman;
	
	background-size: 100%;
	   
}
/*---start-wrap----*/
.wrap{
	width:70%;
	margin:0 auto;
}
/*---*/
.page{
	display:none;
}
/*----start-header---*/
.header{
	background: rgba(256, 256, 256,256);
	width: 100%;
}
.logo{
	float:left;
	margin-top: 0.9em;
}
.top-nav{
	float:right;
}
.top-nav2{
    display: none;
	}
.top-nav ul li{
	display:inline-block;
}
.active a span{
	height: 6px;
	width: 84px;
	background: #E9696A;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0px;
}
.img-circle-min {
    border-radius: 10%;
}
.top-nav ul li a{
	color: #000000;
	font-size: 1.4em;
	padding: 1.6em 1.3em 2em;
	display: block;
	font-family: 'Lato',Times New Roman;
	position: relative;
}
/*----start-header---*/
/*--- start-top-grids----*/
.masthead{
	display: table;
	position: relative;
	min-width: 90%;
	min-height: 100%;
	width: 95%;
	height: 100%;
	z-index: 800;
	background-color:#fff;
    margin: 0 auto;
}
.top-grids{
	background:#E66768;
}
.intestazione {
	    font-size:2.6em;font-family: 'Lato',Times New Roman;margin-top: 15px;line-height: 0.95em;
	}
.top-grids h3{
	text-align: center;
	color: #E9696A;
	font-weight: 700;
	font-size: 2.2em;
}
.top-grids-box{
	padding:3em 0;
}
.top-grids h3 span{
	font-weight:400;
	padding-right:0.3em;
}
.top-grid{
	float: left;
	width: 23.5%;
	margin-right: 2%;
	text-align: center;
}
.top-grid:nth-child(4){
	margin-right:0;
}
.top-grid h4 a{
	color: #FFF;
	font-size: 1.5em;
	padding: 0.8em 0 0.5em 0;
	display: block;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.icon1,.icon2,.icon3,.icon4{
	background: #DD5E5F;
	height: 160px;
	width: 160px;
	display: inline-block;
	border-radius: 30em;
	-webkit-border-radius: 30em;
	-moz-border-radius: 30em;
	-o-border-radius: 30em;
	border:2px solid #DD5E5F;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.icon1 span,.icon2 span,.icon3 span,.icon4 span{
	width: 69px;
	height: 69px;
	display: inline-block;
	background: url(../images/top-icons.png) no-repeat 25px 3px;
	margin-top: 30%;
}
.icon1 span {
	margin-right: 1em;
}
.icon2 span{
	background: url(../images/top-icons.png) no-repeat -41px 3px;
}
.icon3 span{
	background: url(../images/top-icons.png) no-repeat -115px 3px;
}
.icon4 span{
	background: url(../images/top-icons.png) no-repeat -193px 3px;
}
.top-grid:hover .icon1 span{
	background: url(../images/top-icons.png) no-repeat 25px -63px;
}
.top-grid:hover .icon2 span{
	background: url(../images/top-icons.png) no-repeat -41px -63.5px;
}
.top-grid:hover .icon3 span{
	background: url(../images/top-icons.png) no-repeat  -115px -63px;
}
.top-grid:hover .icon4 span{
	background: url(../images/top-icons.png) no-repeat -193px -63px;
}
.top-grid p{
	font-size: 0.9em;
	line-height: 1.8em;
	color: #FFF;
	margin: 0.2em 0 1em;
}
.top-grid:hover .icon1,.top-grid:hover .icon2,.top-grid:hover .icon3,.top-grid:hover .icon4{
	background:none;
	border:2px solid #FAC81B;
}
.top-grid:hover h4 a{
	color:#FAC81B;
}
.btn{
	color:#FFF;
	border: 1px solid #FAC81B;
	border-left: 4px solid #FAC81B;
	/*padding: 0.8em 2em;*/
	display: inline-block;
	margin: 1em 0;
	font-size: 0.875em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.btn:hover{
	border: 1px solid #6C6966;
	border-left: 4px solid #6C6966;
	color: #6C6966;
}
.top-grids{
	position: relative;
	padding: 4.5em 0 2em;
}
.top-grids i{
	height: 8px;
	width: 120px;
	display: block;
	background: #FAC81B;
	position: absolute;
	top: 0px;
	left: 44.8%;
}
/*--- start-top-grids----*/
/*----start-works----*/
.works{
	position: relative;
	padding: 4em 0;
	background: rgba(255, 255, 255, 0.7);
	MARGIN-TOP: 5%;
}
.works h3{
	display:center;
}
.works h3{
	text-align: center;
	color: #56544D;
	font-weight: 700;
	font-size: 2em;
	padding: 0em 0 1.95em 0;
    font-family: 'Lato',Times New Roman;
}
.works h3 span{
	font-weight: 400;
	padding-right: 0.3em;
}
.works i {
	height: 8px;
	width: 120px;
	display: block;
	background: rgba(128, 249, 139,1);
	position: absolute;
	top: 0px;
	left: 44.8%;
}
/*----works-grid-caption----*/
.grid-block {
	position: relative;
	float: left;
	width:25%;
	min-height:250px;
}
.caption {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background:rgba(128, 249, 139, 0.86);
	width: 90%;
	height: 300px;
	font-family: 'Lato',Times New Roman;
}
.caption h4{
	padding: 1em 0 0 1em;
	font-size: 1.5em;
	color: #0099CC;
	margin-top: 3em;
	font-weight: 300;
}
.caption p{
	padding: 0.5em 0 0.5em 1.5em;
}
.caption ul{
	padding: 1em 0 1em 1.5em
}
.caption h3, .caption p {
	color: #0099CC;
}
.caption p {
	font-size: 0.95em;
	font-weight: 300;
}
.caption ul li{
	display:inline-block;
}
.caption ul li a span{
	width:35px;
	height:35px;
	display:inline-block;
}
.w-icon1 span{
	background:url(../images/grid-iconsBlue.png) no-repeat 0px 0px;
}
.w-icon2 span{
	background:url(../images/grid-iconsBlue.png) no-repeat -47px 0px;
}
/*----//works-grid-caption----*/
/*----//End-works----*/
.contatti{
	position: relative;
	padding: 4em 0;
}
.contatti h3{
	text-align: center;
	color: #009999;
	font-weight: 700;
	font-size: 2.2em;
	padding: 0em 0 1.95em 0;
    font-family: 'Lato',Times New Roman;
}
.contatti h3 span {
	font-weight: 400;
	padding-right: 0.3em;
}
.contatti i {
	height: 8px;
	width: 120px;
	display: block;
	background: #009999;
	position: absolute;
	top: 0px;
	left: 44.8%;
}

/*----start-blog----*/
.blog{
	position: relative !important;
    background: rgba(255, 255, 255, 0.02);

}
.blog h3{
	text-align: center;
    color: black;
	font-size: 2.2em;
	padding: 0em 0 1.0em 0;
    font-family: 'Lato',Times New Roman;
}
.blog h3 span {
	font-weight: 400;
	padding-right: 0.3em;
}
.blog i {
	height: 8px;
	width: 120px;
	display: block;
	position: absolute;
	top: 0px;
	left: 44.8%;
}
.artical-grid{
	text-align: center;
}
.artical-grid:nth-child(3){
	margin-right:0;
}
.admin1 img{
	border-radius:30em;
	-webkit-border-radius:30em;
	-moz-border-radius:30em;
	-o-border-radius:30em;
    width: 100%;
}
.artical-grid-head{
	position:relative;
}
.post-pic{
	position:relative;
    height:310px;
}
.post-pic-min{
	position:relative;
    max-height: 150px; 
    margin-bottom: 10px; 
}
 .linkSettori {
    left: 0%;
    top: 12px;
    position: absolute;
    color: #0d0d0f;
    right: 18%;
    background-color: white;
    font-family:'Lato';
}
  .linkSettori_bottom {
        left: 0%;
    bottom: 12px;
    position: absolute;
    /* z-index: 1000; */
    color: #0d0d0f;
        right: 18%;
            background-color: white;
            font-family:'Lato';
}
.admin1{
	position: absolute;
    bottom: -10%;
    left: 49%;
}
.artical-info{
	margin-top: 0.2em;
    margin-bottom: 1.0em
}
.poston{
	color:black;
}
.artical-info p{
	color: #6E6E6E;
	padding: 1em 0;
	width: 90%;
	margin: 0 auto;
	font-size: 0.95em;
}
/*----//End-blog----*/
/*---start-contact---*/
.contact{
	margin-top:2em;
}
.contact-info{
	position:relative;
}
.contact-info h3{
	text-align: center;
	color: #ECBA0B;
	font-weight: 700;
	font-size: 2em;
	padding: 1.5em 0 0.5em;
}
.contact-info span {
	font-weight: 400;
	padding-right: 0.3em;
}
.contact-info i{
	height: 8px;
	width: 120px;
	display: block;
	background: #009999;
	position: absolute;
	top: 0px;
	left: 37.8%;
}
.contact{
	position:relative;
	font-family: 'Lato',Times New Roman;
}
.contact-form{
	position: absolute;
	z-index: 99;
	background: rgba(218, 182, 182, 0.68);
	padding: 0 2em 1em 2em;
	width: 30%;
	left: 35%;
	top: 0px;
}
.contact-map{
	position:relative;
}
.contact-map iframe{
	min-height:750px;
	width:100%;
}
.contact-info p{
	color: #3D3D3D;
	text-align: center;
	font-size: 1em;
}
.contact-info label{
	color: #3D3D3D;
	display: block;
	text-align: center;
	padding: 0.5em 0;
	font-size: 1.3em;
	font-weight: 400;
}
.contact-info a{
	color: #E66768;
	text-align: center;
	display: block;
	padding-bottom: 1em;
}
.contact-info form input[type="text"]{
	width: 42.2%;
	clear: both;
}
.contact-info form input[type="text"]:first-child{
	margin-right:1em;
}
.contact-info form input[type="text"],.contact-info form textarea{
	border: 1px solid #D1D1D1;
	color: #656565;
	padding: 1em;
	margin-bottom: 0.8em;
	font-family: 'Lato',Times New Roman;
	outline: none;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
}
.contact-info form input[type="text"]:hover,.contact-info form textarea:hover,.contact-info form input[type="text"]:focus,.contact-info form textarea:focus{
	border-color:#ECB908;
}
.contact-info form textarea{
	width: 94%;
	height:120px;
	resize:none;
}
.contact-info form{
	padding:1em 0;
}
.contact-info input[type="submit"]{
	border: 1px solid #FAC81B;
	border-left: 4px solid #FAC81B;
	background: #fff;
	padding: 1em 2em;
	font-family: 'Lato',Times New Roman;
	cursor: pointer;
	margin: 0 auto;
	width: 30%;
	display: block;
	margin-top: 0.8em;
	outline:none;
	color:#696969;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.contact-info input[type="submit"]:hover{
	border: 1px solid #6C6966;
	border-left: 4px solid #6C6966;
	color: #6C6966;
}
/*---//End-contact---*/
/*----start-footer----*/

.f_grid1 h3, .f_grid3 h3{
	color:#000;
	font: 400 25px/25px "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	margin-bottom:1em;
}
.f_grid1 p{
	color: #616161;
	font: 700 14px/14px "Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 1.5em;
	
}
.f_grid1 {
	border-right: 0px solid #403E3E;
}
.f_grid2{
	/*margin: 0 4% 0 2%;*/
    padding-top: 5%; 
	padding: 0;
}
.f_grid3{
	/*margin: 0 4% 0 2%;*/
	padding-top: 5%; 
	padding: 0;
}
ul.social {
	padding: 0;
	margin:0;
	list-style: none;
}
ul.social li{
	margin-bottom:0em;
}
ul.social li:first-child {
margin-left: 0;
}
ul.social li a:hover{
	text-decoration:none;
}
ul.social li a:hover p{
	color: #df1f26;
}
p.m_3{
	overflow: hidden;
	font: 700 13px/13px 'Lato', sans-serif;
	text-transform:uppercase;
	padding: 3px 0 0 0;
	margin:0;
	color:#343333;
}
i.fb,i.tw,i.google,i.instagram {
	width: 20px;
	height: 20px;
	float:left;
	background: url(../images/img-sprite.png)no-repeat;
	margin-right:10px;
}
i.fb{
	background-position:-98px -8px;
}
i.tw {
	background-position:-130px -8px;
}
i.google {
	background-position:-162px -8px;
}
i.instagram {
	background-position:-194px -8px;
}
.footer{
	
	font-family: 'Lato',Times New Roman;
    height: 300px;
    padding-top: 10px;
}
.footer-top{
	text-align: center;
	border-bottom: 1px solid rgba(147, 147, 147, 0.13);
}
.footer-top ul li{
	display: inline;
}
.footer-top ul li a{
	color: #939393;
	
	
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.footer-top ul li a:hover{
	color:#E66768;
}
.footer-bottom p{
	color:#939393;
	text-align:center;
	padding:1em 0;
}
.footer-bottom p a{
	color:#939393;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.footer-bottom p a:hover{
	color:#E66768;
}
/**  carrello **/
    .cart-top{
	background:#eee;
	padding:8px 1em;
}
.cart-top a{
	color:#000;
	font-size:1em;
	font-weight:400;
	text-decoration:none;
}
.cart-top a:hover{
	color:#D74D4D;
}
h4.last-price{
	color:#000;
	font-size:1.3em;
	font-weight:600;
	width:50%;
	float:left;
	padding-top:10px;
}
.cart-total {
  padding-top: 26px;
}
/*** move top **/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 35px;
	right: 30px;
	overflow: hidden;
	width: 35px;
	height: 36px;
	border: none;
	text-indent: 100%;
	background: url(../images/to-topRosso.png) no-repeat 0px 0px;
	z-index: 999;
}
#toTopHover {
	width: 35px;
	height: 35px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
#toTop:active, #toTop:focus {
	outline: none;
}
/*** move top **/
/*---//End-wrap----*/
/*----responsive-design-----*/
/*--media Quries for 1440px-laptops-*/
@media only screen and (max-width: 1440px) and (953: 1366px) {
.artical-grid_r {
    width: 45%;
    float: left;
    margin-right: 0%;
    margin-bottom:1em;
    margin-top: 14%;
}
	.wrap{
		width:80%;
	}
	.grid-block {
		min-height: 223px;
	}
	.caption h4 {
		margin-top: 2em;
	}
	.contact-form {
		width: 34%;
		left:33%;
	}
    .place-left {
    width: 60px;
    height: 40px;
    margin-top: 8px;
    margin-left: 0;
    cursor: pointer;
    border-radius: 50px 50px 50px 50px;
}
     .col_1_of_single1 {
    margin: 1% 0px 3% 4.6%;
}
    .span_1_of_single1 {
    width: 30%;
}
    .col_1_of_single1 {
    font-size: 8px;
}
    .col_1_of_single1 {
    display: block;
    float: left;
    margin: 1% 0 0% 2%;
}
}
/*--//media Quries for 1440px-laptops-*/
/*--media Quries for 1366px-laptops-*/
@media only screen and (max-width: 1366px) and (min-width: 1280px) {
    .artical-grid_r {
        width: 45%;
        float: left;
        margin-right: 0%;
        margin-bottom:1em;
        margin-top: 14%;
    }
	.wrap{
		width:80%;
	}
	.grid-block {
		min-height: 212px;
	}
	.caption h4 {
		margin-top: 2em;
	}
	.contact-form {
		width: 36%;
		left:31%;
	}
    .place-left {
    width: 71%;
    height: 80px;
    margin-top: 8px;
    margin-left: 0;
    cursor: pointer;
    border-radius: 50px 50px 50px 50px;
}

.artical-grid_r {
		width: 45%;
		float: left;
		margin-right: 0%;
		margin-bottom:1em;
        margin-top: 20%;
	}
}
/*--//media Quries for 1366px-laptops-*/
/*--media Quries for 1280px-laptops-*/
@media only screen and (max-width: 1024px) and (min-width: 900px) {
	.wrap{
		width:80%;
	}
	.grid-block {
		min-height: 198px;
	}
	.caption h4 {
		margin-top: 1.5em;
	}
	.contact-form {
		width: 38%;
		left:30%;
	}
     .place-left {
    width: 71%;
    height: 80px;
    margin-top: 8px;
    margin-left: 0;
    cursor: pointer;
    border-radius: 50px 50px 50px 50px;
}
.artical-grid_r {
		width: 40%;
		float: left;
		margin-right: 0%;
		margin-bottom:1em;
        margin-top: 20%;
	}
}
/*--//media Quries for 1280px-laptops-*/
/*--media Quries for 1024px-laptops-*/
@media only screen and (max-width: 1024px) and (min-width: 758px) 
{
    .place-left {
    width: 91%;
    height: 50px;
    margin-top: 8px;
    margin-left: 0;
    cursor: pointer;
    border-radius: 50px 50px 50px 50px;
}
	.wrap{
		width:80%;
	}
	.grid-block {
		min-height: 198px;
		width: 33.33%;
	}
	.caption h4 {
		margin-top: 1.5em;
	}
	.contact-form {
		width: 47%;
		left: 26%;
	}
	.admin1 {
		left: 44%;
		bottom: -10%;
	}
    .admin1 img{
	border-radius:30em;
	-webkit-border-radius:30em;
	-moz-border-radius:30em;
	-o-border-radius:30em;
    width: 70%;
}
    .place-left {
    width: 60px;
    height: 40px;
    margin-top: 8px;
    margin-left: 0;
    cursor: pointer;
    border-radius: 50px 50px 50px 50px;
}
     .col_1_of_single1 {
    margin: 1% 0px 3% 4.6%;
}
    .span_1_of_single1 {
    width: 30%;
}
    .col_1_of_single1 {
    font-size: 8px;
}
    .col_1_of_single1 {
    display: block;
    float: left;
    margin: 1% 0 0% 2%;
}
h3.m_1 {
    font-size: 0.5em;
}
h3.m_1 {
    color: black;
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 500;
}
.artical-grid_r {
		width: 98%;
		float: left;
		margin-right: 0%;
		margin-bottom:1em;
        margin-top: 20%;
	}
}
/*--//media Quries for 1024px-laptops-*/
/*--media Quries for 768px-laptops-*/
@media only screen and (max-width: 778px) and (min-width: 640px) 
{
    h3.m_1 {
    font-size: 0.5em;
}
h3.m_1 {
    color: black;
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 500;
}
	.wrap{
		width:80%;
	}
	.sy-slides-crop {
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
    top: -150px;
}
.f_grid2 {
    margin: 40px 4% 0 2%;
    padding: 0;
}
	.grid-block {
		min-height: 198px;
		width: 50%;
	}
	.caption h4 {
		margin-top: 2em;
	}
	.contact-form {
		width: 63%;
		left: 15%;
	}
	.admin1 {
		left: 42%;
		bottom: -20%;
	}
    .admin1 img{
	border-radius:30em;
	-webkit-border-radius:30em;
	-moz-border-radius:30em;
	-o-border-radius:30em;
    width: 70%;
}
	/*-----*/
	#page{
		display:block;
	}
	.navicon
	{
		display: none;
		width: 32px;
		height: 32px;
		position: absolute;
		top: 28px;
		left: 11px;
		background: url(../images/nav-icon.png) no-repeat;
	}
	.top-nav{
		float:left;
        margin-left: 10%;
	}
    .top-nav2{
        display: none;
	}
	.header {
		background: transparent;
 		margin-top:0%; 
	}
	.logo {
		float: left;
		margin-top: 0em;
		text-align:left;
		padding: 0.75em 0 0.3em;
	}
	body {
		background:#fff;
	}
	.banner{
		
		background-size: 100%;
	}
	.top-grids {
		padding: 3em 0 1.5em;
	}
	.top-grid {
		float: none;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 1em;
		text-align: center;
	}
	.top-grids i,.works i,.blog i,.contact-info i{
		width: 100px;
		left: 42.8%;
	}
	.top-grids h3,.works h3,.blog h3,.contact-info h3{
		font-size: 2em;
	}
	.works {
		padding: 2.5em 0;
	}
	.works h3 {
		padding: 0em 0 1.2em 0;
	}
	.blog {
		padding: 2.5em 0;
		margin-top: -200px;
	}
	.blog h3 {
		padding: 0em 0 1.2em 0;
	}
	.post-pic {
		width:100%;
        height:210px;
	}
    .post-pic-min{
	position:relative;
    max-height: 100px; 
    margin-bottom: 10px; 
}
     .linkSettori {
    left: 0%;
    top: 12px;
    position: absolute;
    color: #0d0d0f;
    right: 18%;
    background-color: white;
    font-family:'Lato';
}
      .linkSettori_bottom {
        left: 0%;
    bottom: 12px;
    position: absolute;
    /* z-index: 1000; */
    color: #0d0d0f;
        right: 18%;
        font-size: 8px;
            background-color: white;
            font-family:'Lato';
}
	.artical-grid {
		width: 33%;
		float: left;
		margin-right: 0%;
		margin-bottom:1em;
	}
    .artical-grid_r {
		width: 98%;
		float: left;
		margin-right: 0%;
		margin-bottom:1em;
        margin-top: 20%;
	}
    .artical-grid_3 {
		width: 33%;
		float: left;
		margin-right: 0%;
		margin-bottom:1em;
	}
	.artical-grid_comb {
		width: 95%;
		float: left;
		/*margin-right: 0%;*/
		margin-bottom:-2em;
	    margin-left: 5%;
	}
    .artical-grid_det_l {
		width: 49%;
		float: left;
		/*margin-right: 0%;*/
		margin-bottom:-2em;
	}
    .artical-grid_det_r {
		width: 50%;
		float: left;
		margin-right: 0%;
		margin-bottom:1em;
	}
	.tag_position
{
    position: absolute !important;
}
    .top_box {
    padding: 6%;
}
    .view1 {
    overflow: hidden;
    position: relative;
}
	.contact-map iframe{
		min-height:600px;
	}
	.intestazione {
	    font-size:2.6em;font-family: 'Lato',Times New Roman;margin-top: 15px;line-height: 0.95em;
	}
    .place-left {
    width: 60px;
    height: 40px;
    margin-top: 8px;
    margin-left: 0;
    cursor: pointer;
    border-radius: 50px 50px 50px 50px;
}
     .col_1_of_single1 {
    margin: 1% 0px 3% 4.6%;
}
    .span_1_of_single1 {
    width: 30%;
}
    .col_1_of_single1 {
    font-size: 8px;
}
    .col_1_of_single1 {
    display: block;
    float: left;
    margin: 1% 0 0% 2%;
}
}
/*--media Quries for 768px-laptops-*/
@media only screen and (max-width: 640px) and (min-width: 320px) {
    .masthead{
	display: table;
	position: relative;
	min-width: 90%;
	max-height: 300%;
	width: 100%;
	z-index: 800;
	background-color:#fff;
    margin: 0 auto;
}
    .scrollbar {
        width:100%;
    }
	.wrap{
		width:80%;
	}
	.intestazione {
	    font-size:2.6em;font-family: 'Lato',Times New Roman;margin-top: 15px;line-height: 0.95em;
	}
	.sy-slides-crop {
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
    top: -150px;
}
.artical-info {
    
    margin-top: 0.2em;
    margin-bottom: 2.5em;
}
.top_box {
    padding: 6%;
}
.view1 {
    overflow: hidden;
    position: relative;
}
.f_grid2 {
    margin: 40px 4% 0 2%;
    padding: 0;
}
	.grid-block {
		min-height: 198px;
		width: 50%;
	}
	.caption h4 {
		margin-top: 2em;
	}
	.contact-form {
		width: 63%;
		left: 15%;
	}
	.admin1 {
		left: 42%;
		bottom: -20%;
	}
    .admin1 img{
	border-radius:30em;
	-webkit-border-radius:30em;
	-moz-border-radius:30em;
	-o-border-radius:30em;
    width: 70%;
}
	/*-----*/
	#page{
		display:block;
	}
	.navicon
	{
		display: block;
		width: 32px;
		height: 32px;
		position: absolute;
		top: 28px;
		left: 11px;
		background: url(../images/nav-icon.png) no-repeat;
	}
	.top-nav{
	    display: none;
	}
    .top-nav2{
	    width: 60%;
    display: inline;
    float: right;
    margin-top: 40px;
	}
	.header {
		background: transparent;
 		margin-top:0%; 
	}
	.logo {
		float: left;
		margin-top: 0em;
		
		padding: 0.75em 0 0.3em;
	}
	body {
		background:#fff;
	}
	.banner{
		
		background-size: 100%;
	}
	.top-grids {
		padding: 3em 0 1.5em;
	}
	.top-grid {
		float: none;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 1em;
		text-align: center;
	}
	.top-grids i,.works i,.blog i,.contact-info i{
		width: 100px;
		left: 42.8%;
	}
	.top-grids h3,.works h3,.blog h3,.contact-info h3{
		font-size: 2em;
	}
	.works {
		padding: 2.5em 0;
	}
	.works h3 {
		padding: 0em 0 1.2em 0;
	}
	.blog {
		padding: 0 0;
		margin-top: -70%;
		padding-top: 1.5em;
	}
	.blog h3 {
		padding: 0em 0 1.2em 0;
	}
	.post-pic {
		width:100%;
        height:90px;
	}
    .post-pic-min{
	position:relative;
    max-height: 40px; 
    margin-bottom: 5px; 
}
    .linkSettori {
    left: 0%;
    top: 7px;
    position: absolute;
    color: #0d0d0f;
    right: 18%;
    font-size: 8px;
    background-color: white;
    font-family:'Lato';
}
    .linkSettori_bottom {
        left: 0%;
    bottom: 8px;
    position: absolute;
    /* z-index: 1000; */
    color: #0d0d0f;
        right: 18%;
        font-size: 8px;
            background-color: white;
            font-family:'Lato';
}
	.artical-grid {
		width: 33%;
		float: left;
		/*margin-right: 0%;*/
		margin-bottom:-2em;
	}
    .artical-grid_r {
		width: 99%;
		float: left;
		margin-right: 0%;
		margin-bottom:1em;
        margin-top: 50%;
	}
    .artical-grid_3 {
		width: 33%;
		float: left;
		margin-right: 0%;
		margin-bottom:1em;
	}
	.artical-grid_comb {
		width: 95%;
		float: left;
		/*margin-right: 0%;*/
		margin-bottom:-2em;
		margin-left: 5%;
	}
    .artical-grid_det_l {
		width: 98%;
		float: left;
		/*margin-right: 0%;*/
		margin-bottom:2em;
        margin-left: 4px;
	}
    .artical-grid_det_r {
		width: 98%;
		float: left;
		margin-right: 0%;
		margin-bottom:1em;
        margin-left: 4px;
	}
    .top_box {
    padding: 6%;
}
    .view1 {
    overflow: hidden;
    position: relative;
}
	.contact-map iframe{
		min-height:600px;
	}
    .place-left {
    width: 60px;
    height: 40px;
    margin-top: 8px;
    margin-left: 0;
    cursor: pointer;
    border-radius: 50px 50px 50px 50px;
}
    .col_1_of_single1 {
    margin: 1% 0px 3% 4.6%;
}
    .span_1_of_single1 {
    width: 30%;
}
    .col_1_of_single1 {
    font-size: 8px;
}
    .col_1_of_single1 {
    display: block;
    float: left;
    margin: 1% 0 0% 2%;
}
h3.m_1 {
    font-size: 0.5em;
}
h3.m_1 {
    color: black;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 500;
}
}
/*--//media Quries for 768px-laptops-*/
/*--media Quries for 640px-laptops-*/

h3.m_1 {
    color: black;
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 500;
}
.banner-box-inner {
    border: 1px solid #666666;
    
    padding: 5px;
    text-align: center;
    font-family: 'Lato',Times New Roman;
    font-size: 13px;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
        
}
/*--//media Quries for 320px-laptops-*/
.divQuadrati {
    width:100%;margin-left: auto;
}
.quadrato1 {
    width: 45%;    margin-top: 60px;
}
.quadrato2 {
    width: 45%;    margin-top: 60px;margin-bottom: 3px;
}

.place-left {
    width: 91%;
    height: 80px;
    margin-top: 8px;
    margin-left: 0;
    cursor: pointer;
    border-radius: 50px 50px 50px 50px;

}
.searchm {
		top: 10%;
    margin-top: 5%;
    float: left;
	}
@media only screen and (max-width: 760px) and (min-width: 320px) {
    .searchm {
		width:50%;
        top:10%;
        display:none;
	}
.divQuadrati {
    width:99%;
    margin-left: initial;
}
.quadrato1 
{
    width: 100%;
    margin-top: 1px;
}
.quadrato2 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 3px;
}
.place-left {
    width: 96%;
    height: 40px;
    margin-top: 8px;
    margin-left: 0;
    cursor: pointer;
    border-radius: 50px 50px 50px 50px;
}
.top_box {
    padding: 5%;
}
.tag_position
{
    position: absolute !important;
}
.col_1_of_single1 {
    display: block;
    float: left;
    margin: 1% 0 0% 2%;
    margin-bottom: 4% !important;
    font-size: 7px !important;
}
}



/*****************globals*************/


.preview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
@media screen and (max-width: 996px) {
    .preview {
        margin-bottom: 20px; } 

    .artical-grid_r {
        width: 97%;
        float: left;
        margin-right: 0%;
        margin-bottom:1em;
        margin-top: 14%;
    }

}

.preview-pic {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }

.preview-thumbnail.nav-tabs {
    border: none;
    margin-top: 15px; }
.preview-thumbnail.nav-tabs li {
    /*width: 33%; */
    }
.preview-thumbnail.nav-tabs li img {
    max-width: 100%;
    display: block; }
.preview-thumbnail.nav-tabs li a {
    padding: 0;
    margin: 0; }
.preview-thumbnail.nav-tabs li:last-of-type {
    margin-right: 0; }

.tab-content {
    overflow: hidden; }
.tab-content img {
    width: 100%;
    -webkit-animation-name: opacity;
    animation-name: opacity;
    -webkit-animation-duration: .3s;
    animation-duration: .3s; }

.card {
    margin-top: 50px;
    background: #eee;
    padding: 3em;
    line-height: 1.5em; }

@media screen and (min-width: 997px) {
    .wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }

.details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }

.colors {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }

.product-title, .price, .sizes, .colors {
    text-transform: UPPERCASE;
    font-weight: bold; }



.size {
    margin-right: 10px; }
.size:first-of-type {
    margin-left: 40px; }

.color {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    height: 2em;
    width: 2em;
    border-radius: 2px; }
.color:first-of-type {
    margin-left: 20px; }



.green {
    background: #85ad00; }

.blue {
    background: #0076ad; }

.tooltip-inner {
    padding: 1.3em; }

@-webkit-keyframes opacity {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3); }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1); } }

@keyframes opacity {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3); }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1); } }

/*# sourceMappingURL=style.css.map */



















 .text-vertical-center {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
        

        .btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

.cont {
    display: block;
    margin: 1% 0 1% 0;
}
 .col_1_of_single1 {
    margin: 1% 0px 3% 2%;
}
    .span_1_of_single1 {
    width: 30%;
}
    .col_1_of_single1 {
    font-size: 8px;
}
    .col_1_of_single1 {
    display: block;
    float: left;
    margin: 1% 0 0% 2%;
}
.desc1 h3{
	color: #FF6978;
    font-size: 2.4em;
	text-transform:capitalize;
}
span.price-new {
 color: #ff6978;
    margin-right: 15px;
    font-weight: 500;
    font-size: 2.3em;
}

.tag_position
{
    position: relative;
}