/*font-family: 'Marcellus', serif;*/
/*font-family: 'Karla', sans-serif;*/
/*font-family: 'Lato', sans-serif;*/

body {
    color: #3e3e3e;
    /*font-family: 'Lato', sans-serif;
    font-family: 'Cormorant', serif;
    font-family: 'Work Sans', sans-serif;
    font-family: 'Eczar', serif;
    font-family: 'Roboto', sans-serif;*/
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 28px;
	font-weight:500;
}
h1, h2, h3, h4, h5, h6 {
    letter-spacing: 1px;
}
h2 {
    line-height: 52px;
}
h3 {
    line-height: 38px;
}
h1, h2, h3, h4, h5, h6, #topNav ul.nav > li a {
    /*font-family: 'Marcellus', serif;*/
    /*font-family: 'Cormorant', serif;
    font-family: 'Work Sans', sans-serif;
    font-family: 'Eczar', serif;*/
    font-family: 'Raleway', sans-serif;
    color: #3e3e3e;
}
a.my-link {
    color: #3e3e3e;
    font-size: 14px;
}
a:hover.my-link, a:focus.my-link {
    color: #00B143;
}
a.social.fa-youtube-play:hover {
	background: #ff0000 !important;
	color: #fff !important;
}
a.social.fa-instagram:hover {
	background: #f09433 !important;
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ) !important;
}
.lead {
	font-weight: 500;
}
.headerline::after {
	top: 12px;
}
.servizio-clienti {
	color: #00B143;
	text-transform: uppercase;
	font-weight:bold;
	font-size:14px;
}
.my-topbar {
    background-color: transparent;
    border-bottom: 0px solid #eaeaea;
}
.my-margin-logo {
    margin-top: 20px;
    margin-bottom: 0px;
}
#barMain .nav > li > a {
    padding: 4px 10px 0px 10px;
}

.headline h3, .headline h4 {
    color: #3e3e3e;
}
#topNav ul.nav > li a {
    font-size: 15px;
    font-weight: 700;
    /*text-transform: none;*/
}
.nav-pills > li + li {
    margin-left: 0px;
}
.badgeCart {
    margin-right: 0px;
}
#barMain {
    float: right;
    margin: -50px 0px 4px 0px;
    font-size: 13px;
}
#barMain .nav > li > a {
    color: #3e3e3e;
}
#barMain .nav > li > a:hover, #barMain .nav > li > a:focus {
    background-color: transparent;
    /*color: #ba9438;*/
    color: #00B143;
}
#barMain .nav > li.quick-cart:hover, #barMain .nav > li.quick-cart.open {
    background-color: transparent;
    color: #00B143;
}
#topBar .nav .open > a:hover {
    background-color: transparent;
}
#topNav ul.nav > li a {
    padding: 3px 8px;
}
#topNav ul.nav > li a {
    border-bottom: 2px solid #fff;
	text-transform: uppercase;
}
#topNav ul.nav > li:hover > a, #topNav ul.nav > li > a:hover, #topNav ul.nav > li a.active {
    color: #333;
    border-bottom: 2px solid #00B143;
    font-weight: 700;
}
#barMain .nav > li.quick-cart > .dropdown-menu {
    background-color: #fff;
    margin-top: 4px;
}
.dropdown-menu {
    box-shadow: 0 0px 3px rgba(0,0,0,.175);
}
.footerOne h4 {
    color: #222 !important;
    border-bottom: 1px solid #222;
}
.my-p-footer {
    color: #fff;
}
#footer .copyright {
    background-color: #1f1f1f;
    padding: 60px 0 120px 0;
}
.footerTitleSection {
    color: #fff !important;
    border-bottom: 1px solid rgba(255,255,255,.4);
}
.copyfooter {
    padding: 20px 0 20px 0;
}
#footer {
    background-color: #1f1f1f;
    border-top: #AB383B 0px solid;
}
#footer h2, #footer h3, #footer h4, #footer {
    color: #fff;
    font-weight: 700;
}
#footer h3 {
    font-size: 1.4em;
    letter-spacing: 1px;
    margin: 0 0 20px 0;
    line-height: 32px;
}
.footerTitleSection {
    color: #fff !important;
    border-bottom: 0px solid rgb(0, 0, 0);
}
#footer .copyright {
    color: #fff;
}
#footer .copyright a {
    color: #fff;
}
#footer .copyright a:hover {
    text-decoration: underline;
    color: #eaeaea;
}
#footer .copyright h5 {
    letter-spacing: 0px;
    font-size: 1.5em;
    font-weight: 700;
}
.copyfooter {
    border-top: 0px solid rgb(0, 0, 0);
}
.fsize12 {
    font-size: 13px !important;
    line-height: 22px !important;
}
.breadcrumb {
	margin: 7px 0 0;
}
.breadcrumb > .active {
    color: #3e3e3e;
}
.breadcrumb > li + li::before {
    color: #3e3e3e;
}
.shop-item-list {
    /*height: 426px;*/
    border: 0;
    margin: 0 3px 21px;
}
/*.shop-item-list:hover {
    border: 1px solid #00B143;
}*/
.headerline h1, .headerline h2 {
    padding: 0 10px;
    margin-top: -3px;
}
.my-logofooter {
    position: absolute;
    top: -225px;
}
.my-logofooter {
    position: absolute;
    top: -19px;
    left: calc(50% - 150px);
    width: 300px;
}
.box-slide {
    /*top:80px;left:75px;*/font-weight: 300;height:420px;width:460px;padding-right:10px;padding-left:10px;font-size:30px;text-align:center;line-height:37px;color:#ffffff;background:#1f943e;border-radius:0px;white-space: nowrap;
}
.rigo-black {
	width: 1px;
	height: 35px;
	background-color: #000;
	margin: 0 0 20px;
	display: inline-block;
    position: absolute;
    top: 70px;
}
.small-p-slide {
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}
.header-banner-green {
    padding: 0px 25px;
    background: #20943f;
}
.header-banner-green h4 {
    color: #fff !important;
    font-size: 0.9em;
    text-align: center;
    margin: 0;
}
.logoheader {
    width: 300px;
}

.header-title{
    background-color: #D3F4DC;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.header-title h1{
    font-size: 30px;
    line-height: 32px;
    color:black;
    margin:20px 0 10px 0;
    font-weight: 500;
 }
.header-title h2{
    font-size: 18px;
    line-height: 18px;
    color:black;
    margin:8px 0 20px 0;
    font-weight: 500;
}

.cms_testo{
    font-size: 16px;
    line-height: 22px;
    color:black;
}
section.cms_testo p{
    margin-bottom: 12px;
}
section.cms_layerslider {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.cms_box_header{
    text-align: center;
    color:black;
    overflow: hidden;
    margin:20px 0;
}
.cms_box_header h3{
    font-size: 20px;
    line-height: 24px;
    margin:10px 0;
    font-weight: 500;
}

.cms_box_header h4{
    font-size: 16px;
    line-height: 20px;
    margin:10px 0;
    font-weight: 500;
}

.cms_allegati_container{
    display: flex;
    justify-content: center;
    gap:30px 30px;
}
.cms_allegati_container .item-allegato{
    width: 90px;

}
.label_info_file{
    font-size: 12px;
    line-height: 13px;
    text-align: center;
    font-weight: 700;
}

.my-btn-slide{
    background-color: rgba(0,0,0,0.2);
    color:white;
}
.my-btn-slide:hover{
    background-color: rgba(0,0,0,0.3);
    color:white;
}


#topNav ul.nav > li > a > span {
    display: inline-block!important;
    font-size: 12px;
    color:#1f943e!important;
}
@media (max-width: 1280px) {
	.my-hidden {
		display:none;
	}
}
@media (max-width: 1280px) and (min-width: 991px) {
	.my-hidden-social {
		display:none !important;
	}
}
@media (min-width: 991px) {
	.container-fluid {
		padding-right: 70px;
		padding-left: 70px;
		margin-right: auto;
		margin-left: auto;
	}
    #topNav ul.nav > li a {
        font-size: 0.8vw;
        letter-spacing: 0;
        white-space:nowrap;
    }
	#topMain {
        display: inline-table;
    }
    .nav-main {
        /*text-align: center;*/
        /*text-align: left;*/
        text-align: right;
    }
    #topNav ul.nav > li a {
        padding: 0px 3px;
        margin: 5px 4px 0 4px;
        text-transform: uppercase;
    }
    .my-topbar {
        /*background-color: #00B143;
        margin-top: 65px;*/
        background-color: transparent;
        margin-top: 70px;
        /*border-bottom: 1px solid #eaeaea;*/
		border-bottom: 0px solid #00B143;
    }
    .my-margin-logo {
        margin-top: -95px;
    }
    .my-margin-logofooter {
        margin-top: -97px;
    }
    .my-margintop-footer {
        margin-top: 110px;
    }
}
@media (max-width: 1180px) and (min-width: 991px) {
    .logoheader {
        width: 230px;
    }
    #topNav ul.nav > li a {
        padding: 0px 5px;
        margin: 0px 5px 0 5px;
    }
}
section header em, h1 > em, h2 > em, h3 > em, h4 > em, h5 > em, h6 > em {
    font-style: normal;
    color: #3e3e3e;
}
.product-view-price small {
    font-size: 14px;
    color: #303030;
}
.descCategoria h2 {
    font-size: 18px!important;
}
.descCategoria h3 {
    font-size: 16px!important;
}
.descCategoria p {
    font-size: 14px!important;
    color: #3e3e3e!important;
}
/*.shop-item-list:hover figure img {
    filter: none!important;
    transform: none!important;
}*/
.categorie-home {border: 1px solid #333!important;}
/*
.categorie-home a{
    background-color: #3e3e3e!important;
}
.categorie-home a:hover {
    background-color: #eee!important;
}
*/
section.page-title {
    padding: 10px 0 0 0;
    display: block;
    position: relative;
    background-color: #D3F4DC !important;
    border-bottom: none!important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 20px;
}
#topNav {
    display: block;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    position: relative;
    z-index: 11;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -o-box-shadow: none!important;
    box-shadow: none!important;
    padding: 0px 0px 10px 0px;
}
#footer li a:hover, #footer a:hover, a, a:hover, a:active, #topNav ul.nav li li a:hover, .tp-caption a:hover, .featured-box-minimal h4, .glyphicon, .wi, p.dropcap::first-letter, ul.side-nav a:hover, ul.side-nav ul li.active > a, .li, div.owl-carousel .caption, .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, div.mega-price-table .pricing:hover h4, div.mega-price-table .pricing-table i.fa, #blog a > span, #blog h1 > span, .cartContent a.remove_item:hover, .owl-carousel.featured a.figure > span > i, .btn-link, .styleColor {
    color: #00B143;
}
.border-bottom-pag {
    border-bottom: 2px solid #00B143!important;
}
.art-home {
    color: #fff!important;
    font-size: large!important;
    top: 50%!important;
    position: relative;
    text-align: center;
}
.owl-carousel.featured .owl-featured-item {
    padding-bottom: 0px!important;
}

ul.list-icon li::before {
    color: #00B143;
    font-size: 16px;
}
/*section.page-title .container {
    background-image: url(../images/pag-title-pattern.png) !important;
    background-repeat: no-repeat !important;
    background-position: left !important; 
    background-size: contain,cover!important; 
}*/
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    color: #00B143!important;
}
.alert.alert-default {
    border-left: #00B143 3px solid!important;
}
.btn-warning {
    color: #fff;
    background-color: #00B143;
    border-color: #aa8427;
}
.btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #aa8427;
    border-color: #00B143;
}
.headerline::after {
    border-top: 2px solid #00B143!important;
}
.headerline h1, .headerline h2 {
    color: #3e3e3e!important;
}
.gold {color:#00B143!important;}
.border-gold {border-bottom: 2px solid #00B143!important;}
p.dropcap.color::first-letter, span.badge, #toTop:hover, #bar, .slider-handle, div.featured-box i.fa, i.featured-icon, .progress-bar-primary, .modal-header, .timeline .timeline-left .item::before, .timeline .timeline-right .item::before, .timeline .timeline-centered .item.pull-right::before, .timeline .timeline-centered .item.pull-left::before, div.mega-price-table .pricing-title, div.mega-price-table .pricing-head, div.mega-price-table .pricing.popular, #topNav ul.nav > li:hover > a::before, #topNav ul.nav > li.active > a::before, .styleBackgroundColor {
    background-color: #00B143;
}
.shop-item-list figure {
    height: auto!important;
}
.thumbnail .shop-item-list figure {
    overflow: hidden;
    height: 0 !important;
    padding-top: 100%;
    position: relative;
}

.thumbnail .shop-item-list figure img{
    transform: translateY(-100%);
}

.btnsocialfooter{
    background-color: #2d64b2;
    color:#fff;
    text-transform: none;
    border:0;
}
.btnsocialfooter:hover{
    background-color: #3184dd;
    color:#fff;
    text-transform: none;
    border:0;
    text-decoration: none!important;
}
.label-success {
    background-color: #5cb85c;
    color:#fff!important;
}
/*.shop-item-list {
    min-height: 320px!important;
}*/


.wd-icon{
    /**/
    position: relative;
    text-rendering: auto;
    display: inline-block;
    vertical-align: middle;
}
.wd-icon:before{
    display: inline-block;
    width: 30px;
    height: 18px;
    display: inline-block;
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;

}
.wd-occhiali::before{
    content:'';
    background-image: url("../fonts/occhiali.png");

}
.wd-optometria::before{
    content:'';
    background-image: url("../fonts/optometria.png");
}
.wd-lenti-contatto::before{
    content:'';
    background-image: url("../fonts/lente-contatto.png");
}

.wd-miopia::before{
    content:'';
    background-image: url("../fonts/miopia.png");
}


.areanegozi_side .menu_area_negozi i{
    width: 30px;
}
.areanegozi_side .list-group-item.currentpage{
    background-color: #d3f4dc;
}

.areanegozi_dashboard .menu_area_negozi h4{
    display: none;
}
.areanegozi_dashboard .menu_area_negozi .list-group{
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    justify-content:center;
    align-items:center;
    gap:20px 10px;
    padding: 0;
    margin: 0;
}
.areanegozi_dashboard .menu_area_negozi .list-group a{
    width: 18%;
    min-width: 150px;
    text-align: center;
    border:1px solid #ccc;
    border-radius: 4px;
    padding: 8px;
}
.menu_area_negozi i{
    color:black;
}
.areanegozi_dashboard .menu_area_negozi a{
    display: block;
}
.areanegozi_dashboard .menu_area_negozi i{
    display: block;
    font-size: 45px;
    margin-bottom: 15px;

}

.areanegozi_dashboard .menu_area_negozi i.wd-icon,
.linkbigut i.wd-icon{
    display: block;
    height: 45px;
    margin-bottom: 15px;
}

.linkbigut i.wd-icon{
    height: 66px;
}

.areanegozi_dashboard .menu_area_negozi i.wd-icon::before{
    height: 63px;
    width: 76px;
}
.linkbigut i.wd-icon::before{
    height: 78px;
    width: 102px;
}








@media (max-width: 990px) {

    h1{
        font-size: 30px;
        line-height: 38px;
    }

    #topNav button.btn-mobile {
        display: block;
        float: left;
        margin: -93px 0px 15px 15px;
        color: #3e3e3e;
        background: transparent;
    }
    #barMain {
        margin: 5px 0px 15px 0px;
    }
    #topNav div.nav-main-collapse, #topNav div.nav-main-collapse.in {
        width: 100%;
        margin: 0 0 0 0;
    }
    .owl-prev, .owl-next {
        display: none !important;
    }
    .my-margin-logo {
        margin-top: 20px;
        margin-bottom: 15px;
        width: 290px;
    }
    .my-margin-logofooter {
        margin-top: -72px;
        width: 270px;
    }
    .my-margintop-footer {
        margin-top: 110px;
    }
    .breadcrumb {
        display: none !important;
    }
}
@media (max-width: 768px) {

	.small-p-slide {
		font-size: 10px !important;
	}
	.my-btn-slide, .my-btn-slide:hover, .my-btn-slide.active {
		background: transparent;
		border: rgba(0,0,0,.2) 1px solid;
		padding: 1px 3px;
		font-size: 8px;
	}
}
@media (max-width: 540px) {
	.headerline::after {
		display: none;
	}
    .areanegozi_dashboard .menu_area_negozi .list-group{
        display: block;
    }
    .areanegozi_dashboard .menu_area_negozi .list-group a{
        width: 100%;
    }
}
@media (max-width: 370px) {
    header h1 {
        margin-top: 0px;
    }
    .cms_allegati_container{
        display: block;
        text-align: center;
    }
    .cms_allegati_container .item-allegato{
        margin: 15px auto;
    }

}