 /*
Theme Name: Unstoppable
Theme URI: http://flatsome.uxthemes.com/
Description: This is a child theme for Flatsome
Author: UX Themes
Author URI: http: //www.uxthemes.com/
Template: flatsome
Version: 2.0
*/

@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic);
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');

/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
ul {margin-left:30px;}
body {font-family:"Nunito Sans"}
p {font-size: 1em; line-height: 1.8em; font-family:"Nunito Sans"; color:#3b4147}
.dark p {color:#fff;}
a {color:#000;}
h3.section-title span {border-bottom: 0px;}
h3.section-title {border-bottom: 2px solid #009dda; margin: 0 auto 20px; text-transform:none; font-size: 1.5em; font-weight:normal;}
.testi-lab {line-height: 1.5em; padding-top:20px;}
.row.container {margin-top:20px;}
.paper {background-color: #d8eff7; padding: 20px 25px 20px 25px; -moz-box-shadow: 6px 6px 0px 0px rgba(145, 217, 242, 1); box-shadow: 6px 6px 0px 0px rgba(145, 217, 242, 1);}
.corsivo a {font-family: "Pacifico"!important; font-size: 35px; color: #fff!important; text-align:center!important;}
.corsivo a:hover {transition: all 200ms ease-out; color:#555!important;}

.titolo_corsivo {font-family: "Pacifico"!important; font-size: 40px; color: #71bf44!important; text-align:center!important;}

p.corsivo {font-family: "Pacifico"!important; font-size: 35px; margin-bottom:0px;}

/*box strumenti*/
.strumenti {width:100%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-bottom:25px; overflow: hidden;}
.testi-strumenti {color:#fff; padding: 15px 20px 0 0; line-height: 1.3em;}
.red {-webkit-box-shadow: 0px 5px 0px 0px rgba(0, 74, 134, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(0, 74, 134, 1); box-shadow: 0px 5px 0px 0px rgba(0, 74, 134, 1); background-color:#e34205;}
.purple {-webkit-box-shadow: 0px 5px 0px 0px rgba(134, 2, 109, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(134, 2, 109, 1); box-shadow: 0px 5px 0px 0px rgba(134, 2, 109, 1); background-color:#b0008e;}
.yellow {-webkit-box-shadow: 0px 5px 0px 0px rgba(194, 157, 61, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(194, 157, 61, 1); box-shadow: 0px 5px 0px 0px rgba(194, 157, 61, 1); background-color:#f7a800;}
.light-blue {-webkit-box-shadow: 0px 5px 0px 0px rgba(100, 178, 197, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(100, 178, 197, 1); box-shadow: 0px 5px 0px 0px rgba(100, 178, 197, 1); background-color:#74cee4;}
.green {-webkit-box-shadow: 0px 5px 0px 0px rgba(127, 170, 107, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(127, 170, 107, 1); box-shadow: 0px 5px 0px 0px rgba(127, 170, 107, 1); background-color:#98ce80;}
.pink {-webkit-box-shadow: 0px 5px 0px 0px rgba(190, 91, 128, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(190, 91, 128, 1); box-shadow: 0px 5px 0px 0px rgba(190, 91, 128, 1); background-color:#e16c98;}

/*box classe*/
.box-classe {margin-bottom:50px; height:130px;}
.learn {width:25%; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; height:130px; overflow: hidden; -webkit-box-shadow: 0px 5px 0px 0px rgba(194, 157, 61, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(194, 157, 61, 1); box-shadow: 0px 5px 0px 0px rgba(194, 157, 61, 1); background-color:#f7a800; float:left; position:relative; }
.learn span {color: #fff; text-transform: uppercase; font-size:25px; position:absolute; top: 45%; left: 35%;}
.lab {width:25%; height:130px; overflow: hidden; -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 74, 134, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(0, 74, 134, 1); box-shadow: 0px 5px 0px 0px rgba(0, 74, 134, 1); background-color:#e34205; float:left; position:relative;}
.lab span{color: #fff; text-transform: uppercase; font-size:25px; position:absolute; top: 45%; left: 45%;}
.meet {width:25%; height:130px; overflow: hidden; -webkit-box-shadow: 0px 5px 0px 0px rgba(134, 2, 109, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(134, 2, 109, 1); box-shadow: 0px 5px 0px 0px rgba(134, 2, 109, 1); background-color:#b0008e; float:left; position:relative;}
.meet span{color: #fff; text-transform: uppercase; font-size:25px; position:absolute; top: 45%; left: 40%;}
.showcase {width:25%; height:130px; overflow: hidden; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px;
-webkit-box-shadow: 0px 5px 0px 0px rgba(96, 160, 14, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(96, 160, 14, 1); box-shadow: 0px 5px 0px 0px rgbargba(96, 160, 14, 1); background-color:#77bc1f; float:left; position:relative;}
.showcase span{color: #fff; text-transform: uppercase; font-size:25px; position:absolute; top: 45%; left: 25%;}

.strumenti-classe {width:100%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-bottom:25px; overflow: hidden; background-color:#fff; -webkit-box-shadow: 0px 5px 0px 0px #cf5009; -moz-box-shadow: 0px 5px 0px 0px #cf5009; box-shadow: #cf5009; }
.testi-strumenti {color:#fff; padding: 15px 20px 0 0; line-height: 1.3em;}
.testi-classe {color:#555; padding: 15px 20px 0 0; line-height: 1.3em;}


/*titoli*/
.big-title {font-weight: 300; font-style: normal; color: #001e46; text-rendering: optimizeLegibility; font-size:30px; text-transform:uppercase; font-family: "Nunito Sans"!important; line-height:30px; margin: 5px 0 5px 0;}
.subtitle {font-weight: 400; font-style: normal; color: #001e46; text-rendering: optimizeLegibility;font-size:20px; text-transform:uppercase; font-family: "Nunito Sans"!important; line-height:30px; margin: 5px 0 0 0;}
h1, h2, h3, h4, h5, h6 {font-family:"Nunito Sans" !important}
.corsivo {font-family:"Caveat" !important}

/*ux banner*/
.ux_banner h1, .ux_text h1, .ux_banner h4, .ux_text h4, .ux_banner h5, .ux_text h5 {text-shadow: 3px 3px 3px rgba(3, 0, 0, 0.4);}
.banner-home.ux_banner .left  {left: 4%!important; top: 25%!important;}
.blog-header.ux_banner .left {left: 4%; top: 50%!important;}
.ux_banner h1 {font-size: 400%; line-height: 75%; font-family:"Nunito Sans"}
.ux_banner h4 {font-size: 150%!important; line-height: 150%!important; font-weight:bold!important; font-family:"Nunito Sans"}
.ux_banner h5 {font-size: 150%!important; line-height: 130%!important; font-weight: 300!important; font-family:"Nunito Sans"}
.ux_banner h3 {font-size: 180%!important; line-height: 80%!important; font-weight: 300; font-family:"Nunito Sans"; }
.ux_banner h2 {font-size: 250%!important; line-height: 80%!important; font-weight: 300; font-family:"Nunito Sans"; margin-top: 6%;}

.ux_banner .text-center input.ninja-forms-field {text-align: left;}
.newsletter-signup .ux_banner p {line-height:150%!important;}


/*header*/
#masthead {border-top: 4px solid #cf5009; top: 0px}
#masthead .row {background:#fff; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;}
#masthead {top:0 !important}
.page .before-sticky #masthead, .page  .before-sticky .wide-nav, .archive .before-sticky #masthead, .archive  .before-sticky .wide-nav, .blog .before-sticky #masthead, .blog  .before-sticky .wide-nav, .single .before-sticky #masthead, .single  .before-sticky .wide-nav {background: none!important; box-shadow: none !important;}
.page .header-wrapper, .page.boxed-header .header-wrapper, .page .header-wrapper, .archive .header-wrapper, .archive.boxed-header .header-wrapper, .archive .header-wrapper, .blog .header-wrapper, .blog.boxed-header .header-wrapper, .blog .header-wrapper, .single .header-wrapper, .single.boxed-header .header-wrapper, .single .header-wrapper {position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 99;}
.page.hide-header #masthead.site-header, .archive.hide-header #masthead.site-header, .blog.hide-header #masthead.site-header, .single.hide-header #masthead.site-header  {display: none;}
.header-inner {background:#fff; border-radius:0px 0px 5px 5px}


/*main manu*/
ul.header-nav li {margin-left: 15px; margin-right: 0px; margin-top: 15px;}
ul.header-nav li a {text-transform: uppercase; font-weight: normal; font-size: 79%!important;}
ul.header-nav a.nav-top-link {color:#000; opacity:0.8;}
ul.header-nav a.nav-top-link:hover {opacity:1!important;}
#masthead .left-links > ul {float:right; padding-top:0px;font-size:16px!important;}
ul.header-nav > li:before {content: "•"; color:#170f5f; padding-right:7px;}
ul.header-nav > li:first-child:before {content: "";}
.header-nav > li:last-child  {padding-right: 10px!important;}
#menu-item-1259:before, #menu-item-54:before {content: none;}
.registrati {background-color: #cf5009!important; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;  font-weight:bold; padding-right:15px!important; margin-top: 10px!important; padding:5px 10px 5px 10px!important;}
.registrati a {color:#fff!important; opacity:1!important; font-weight: bold !important;}
.registrati a:hover {color:#fff!important; opacity:1!important; font-weight: bold !important;}
.registrati:hover {background-color: #170f5f!important; transition: all 200ms ease-out;}
.menu-item-object-page .current-page-ancestor {font-weight:bold!important; color:#555!important; opacity: 1;}
ul li.current-menu-item a {font-weight: bold;}

.pull-left {margin:0 auto !important; float: none !important}


/*slider*/
.dark > .sliderNav a span {border-color:transparent!important;}
.icon-angle-right:before, .icon-angle-left:before{font-size: 150px; color:#fff; opacity:1!important;}
span.icon-angle-right, span.icon-angle-left {background-color:transparent!important;}
.iosSlider .sliderNav a span {border: 0px;}
.iosSlider {margin-bottom: 0px;}

/*button*/
button, input[type="button"], input[type="submit"], .button {background:var(--primary-color); color:#fff;}
.custom-green, .is-custom-green {color:#fff; background-color: #cf5009!important; -webkit-border-radius: 100px !important; -moz-border-radius: 100px !important; border-radius: 100px !important;  font-weight:bold; padding-right:15px!important; margin-top: 10px!important; padding:5px 10px 5px 10px!important; text-transform:uppercase;}
.custom-green:hover, .is-custom-green:hover {background-color: #170f5f!important; transition: all 200ms ease-out; -webkit-border-radius: 100px !important; -moz-border-radius: 100px !important; border-radius: 100px !important;}
.ux_banner .button {padding-top:10px; padding-bottom:10px;}

input.button {border-radius: 4px; !important}

.ninja-forms-form-wrap input[type="submit"] {color:#fff; background-color: #009dda!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 74, 134, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(0, 74, 134, 1); box-shadow: 0px 5px 0px 0px rgba(0, 74, 134, 1); font-weight:bold;}
.ninja-forms-form-wrap input[type="submit"]:hover {color:#fff!important; background-color: #004a86!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 74, 134, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(0, 74, 134, 1); box-shadow: 0px 5px 0px 0px rgba(0, 74, 134, 1);}

.button.white {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; float:right; font-weight:bold;}
.rosso {color:#e34205!important;}
.viola {color:#b0008e!important;}
.giallo {color:#f7a800!important;}
.azzurro {color:#74cee4!important;}
.verde {color:#98ce80!important;}
.rosa {color:#e16c98!important;}

.custom-gray,
.custom-gray:hover{
    background-color: #ddd !important;
	-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;
}

.custom-yellow {color:#fff; background-color: #f7a800!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(227, 82, 5, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(227, 82, 5, 1); box-shadow: 0px 5px 0px 0px rgba(227, 82, 5, 1); font-weight:bold; padding:10px 15px 10px 15px; text-transform:uppercase; float:right;}
.custom-yellow:hover {color:#fff!important; background-color: #dfb33f!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(227, 82, 5, 1)!important; -moz-box-shadow: 0px 5px 0px 0px rgba(227, 82, 5, 1)!important; box-shadow: 0px 5px 0px 0px rgba(227, 82, 5, 1)!important;}

.custom-purple {color:#fff; background-color: #b0008e!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(134, 2, 109, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(134, 2, 109, 1); box-shadow: 0px 5px 0px 0px rgba(134, 2, 109, 1); font-weight:bold; padding:10px 15px 10px 15px; text-transform:uppercase; float:right;}
.custom-purple {color:#fff; background-color: #b0008e!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(134, 2, 109, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(134, 2, 109, 1); box-shadow: 0px 5px 0px 0px rgba(134, 2, 109, 1); font-weight:bold; padding:10px 15px 10px 15px; text-transform:uppercase; float:right;}
.custom-purple:hover {color:#fff!important; background-color: #ad719d!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(134, 2, 109, 1)!important; -moz-box-shadow: 0px 5px 0px 0px rgba(134, 2, 109, 1)!important; box-shadow: 0px 5px 0px 0px rgba(134, 2, 109, 1)!important;}

.custom-red {color:#fff; background-color: #e34205!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(193, 71, 6, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(193, 71, 6, 1); box-shadow: 0px 5px 0px 0px rgba(193, 71, 6, 1); font-weight:bold; padding:10px 15px 10px 15px; text-transform:uppercase; float:right;}
.custom-red:hover {color:#fff!important; background-color: #cc605e!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(193, 71, 6, 1)!important; -moz-box-shadow: 0px 5px 0px 0px rgba(193, 71, 6, 1)!important; box-shadow: 0px 5px 0px 0px rgba(193, 71, 6, 1)!important;}

.custom-lightgreen {color:#fff; background-color: #77bc1f!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(96, 160, 14, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(96, 160, 14, 1); box-shadow: 0px 5px 0px 0px rgba(96, 160, 14, 1); font-weight:bold; padding:10px 15px 10px 15px; text-transform:uppercase; float:right;}
.custom-lightgreen:hover {color:#fff!important; background-color: #87ae5d!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(136, 175, 94, 1)!important; -moz-box-shadow: 0px 5px 0px 0px rgba(136, 175, 94, 1)!important; box-shadow: 0px 5px 0px 0px rgba(136, 175, 94, 1)!important;}

.custom-white {color:#001e46!important; background-color: #fff!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 74, 134, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(0, 74, 134, 1); box-shadow: 0px 5px 0px 0px rgba(0, 74, 134, 1); font-weight:bold; padding:10px 15px 10px 15px; text-transform:uppercase;}
.custom-white:hover {color:#fff!important; background-color: #009dda!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 74, 134, 1)!important; -moz-box-shadow: 0px 5px 0px 0px rgba(0, 74, 134, 1)!important; box-shadow: 0px 5px 0px 0px rgba(0, 74, 134, 1)!important;}

/*sidebar*/
.widget_product_categories li a {font-size: 85%; padding: 12px 0;}
.widget_product_categories li a:hover {text-decoration: none; font-weight:bold; color:#555; transition: all 200ms ease-out;}
.widget-title {font-size:100%;}
.widget_product_categories li.current-cat > a {color:#555;}
.widget h3.widget-title.shop-sidebar {border-bottom: 2px solid #009dda!important; background-color:#fff!important; color:#555!important; padding: 0px 0 10px 0px!important;}
.shop-sidebar .widget li a {padding-bottom:5px;}

/*divider*/
.tx-div.small {height: 5px; background-color: #009dda; opacity: 1; width:10%; margin: 10px 0 20px;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float:none!important; }
.white-divider {background-color: #fff!important; width:10%!important;}
.tx-div.small.red-divider {background-color: #e35205!important; width:10%!important;}
.tx-div.small.purple-divider {background-color: #b0008e!important; width:10%!important;}
.tx-div.small.yellow-divider {background-color: #f7a800!important; width:10%!important;}
.tx-div.small.green-divider  {background-color: #77bc1f!important; width:10%!important;}
.meet-divider {background-color: #cb85b9!important; width:10%!important;}
.showcase-divider {background-color: #77bc1f!important; width:10%!important;}

/*commenti*/
.commenti {font-size:14px; text-decoration:underline; font-style:italic; float: left; padding-top: 8px;}


/*form*/
.ninja-forms-error-msg {color: #009dda; padding-bottom:20px;}
.ninja-forms-success-msg {color: #009dda; padding-bottom:10px;}

/*mappa*/
#map_container .map_inner {display:none;}

/*footer*/
.copyright-footer {opacity: 0.8;font-size: 12px; text-align:center;}
.absolute-footer {padding: 15px 0 15px;}

/*cookie*/
#cookie-law-info-bar {font-size:12px;}
.cli-plugin-main-link {font-size:12px; text-decoration:underline;}

/*blog*/
.post-date, .cat-links, .entry-meta, .flatsome_recent_posts .post_comments, .navigation-post {display:none;}
.post h1.entry-title {text-align:left;}
.flatsome_recent_posts li {padding: 0px 0px 10px 0px;}
.flatsome_recent_posts li a {padding:10px;}
#flatsome_recent_posts-4 .tx-div.small {width:100%;}

/*fazzoletti*/
.fazzoletti {display:inline-block; margin:0px 12px 0px 12px;}

/*Trivia*/
.accordion .accordion-title a {color:#77bc1f; font-size: 130%; font-weight:600;}

.strumento-zoom{transition: transform .6s;}
.strumento-zoom:hover {transform: scale(1.1);}

@media screen and (max-width: 980px) {
    .text-inner {
        margin:0 !important;
    }
}

@media screen and (max-width: 980px) {
    .margins {
        margin:0 !important;
    }
}

@media screen and (max-width: 980px) {
    .vanishmargins {
        margin:0 !important;
    }
}

@media screen and (max-width: 980px) {
    .vanish {
        display:none !important;
    }
}

@media screen and (max-width: 980px) {
    .img-stru {
        width:100% !important;
    }
}

.alignleft {
    display: inline;
    float: left;
	margin-right: 1.5em;}

@media screen and (max-width: 980px) {
    .testi-classe {
        padding:10px !important;
    }
}

.strumento-zoom{transition: transform .6s;}
.strumento-zoom:hover {transform: scale(1.1);}

@media screen and (min-width: 850px){
.lg-x10 {
    left: 0% !important;
}
	}

@media screen and (max-width: 980px) {
    .allinea, .tit {
        width:100% !important;
		text-align: center !important;
		margin:0 !important;
		display:none !important;
    }
}

.accordion-title {font-size:130%; border-top:0px; border-bottom:2px solid #009dda; margin-top:30px; margin-bottom:10px; padding-bottom:20px; margin-left:10px}
.plain {color:rgba(0, 74, 134, 1) !important;}


.accordion .toggle {background:#fff !important; border:2px solid #009dda; margin-right:20px; left:-10px}

.accordion-title.active {background-color:#fff}
.icon-box-img {width:300px !important}
