/*
Theme Name: Flatsome Child
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:
*/

@import url(https://fonts.googleapis.com/css?family=Ubuntu&subset=latin,cyrillic-ext,latin-ext,cyrillic,greek-ext,greek);

body {font-family: 'Lato', Arial, sans-serif !important; color:#212529 !important}
h1, h2, h3, h4, h5 {font-family: 'Lato', Arial, sans-serif !important;}
p {font-size: 1em; line-height: 1.8em;}
.dark p {color:#fff;}
a {color:green;}
.testi-lab {line-height: 1.5em; padding-top:10px;}
#masthead {top:0}

/*box strumenti*/
.strumenti {width:100%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; height:180px; margin-bottom:25px; overflow: hidden;}
.testi-strumenti {color:#fff; padding: 15px 15px 0 0; line-height: 1.3em;}
.red {-webkit-box-shadow: 0px 5px 0px 0px rgba(205, 96, 96, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(205, 96, 96, 1); box-shadow: 0px 5px 0px 0px rgba(205, 96, 96, 1); background-color:#9c9899;}
.purple {-webkit-box-shadow: 0px 5px 0px 0px rgba(173, 113, 157, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(173, 113, 157, 1); box-shadow: 0px 5px 0px 0px rgba(173, 113, 157, 1); background-color:#cb85b8;}
.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:#edbf47;}
.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;}
.darkgreen {-webkit-box-shadow: 0px 5px 0px 0px rgba(86, 169, 17, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(86, 169, 17, 1); box-shadow: 0px 5px 0px 0px rgba(86, 169, 17, 1); background-color:#c52171;}
.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:#c52171;}

/*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:#c14e86; 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(205, 96, 96, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(205, 96, 96, 1); box-shadow: 0px 5px 0px 0px rgba(205, 96, 96, 1); background-color:#e16c6c; 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(173, 113, 157, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(173, 113, 157, 1); box-shadow: 0px 5px 0px 0px rgba(173, 113, 157, 1); background-color:#c52171; 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(135, 175, 93, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(135, 175, 93, 1); box-shadow: 0px 5px 0px 0px rgbargba(135, 175, 93, 1); background-color:#c52171; float:left; position:relative;}
.showcase span{color: #fff; text-transform: uppercase; font-size:25px; position:absolute; top: 45%; left: 25%;}



.testi-classe {line-height: 1.1em;}
.strumenti-classe-2 {width:100%; height:auto; overflow:hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-bottom:25px; background-color: #acc868; -webkit-box-shadow: 0px 5px 0px 0px #8ba536; -moz-box-shadow: 0px 5px 0px 0px #8ba536; box-shadow: 0px 5px 0px 0px #8ba536; }
.testi-classe {padding: 15px 20px 0 0; line-height: 1.3em;}
.strumenti-classe-3 {width:100%; height:auto; overflow:hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-bottom:25px; background-color: #70c4c0; -webkit-box-shadow: 0px 5px 0px 0px #5c98b5; -moz-box-shadow: 0px 5px 0px 0px #5c98b5; box-shadow: 0px 5px 0px 0px #5c98b5; }


/*titoli*/
.big-title {color: #555!important; font-size:30px; line-height:30px; margin: 5px 0 5px 0;}
.subtitle {color: #555!important; font-size:20px;  line-height:30px; margin: 5px 0 0 0;}
h5 {color:white !important}
h1, h1, h3, h4, h5 {font-family: 'Lato', Arial, sans-serif !important; font-weight: bold !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 h4 {font-size: 150%!important; line-height: 150%!important; }
.ux_banner h3 {font-size: 180%!important; line-height: 80%!important; font-weight: 300; }
.ux_banner h2 {font-size: 250%!important; line-height: 80%!important; font-weight: 300; margin-top: 6%;}
.ux_banner h1 {font-size: 340%; line-height: 75%;}

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

/*header*/
#masthead { 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}

.header-inner.flex-row.container.logo-left.medium-logo-center {border-top:8px solid #283583 !important}

/*main manu*/

ul.header-nav li a {text-transform: uppercase; font-weight: normal; font-size: 80%;}
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:#c52171; padding-right:15px;}
ul.header-nav > li:first-child:before {content: "";}
.header-nav > li:last-child  {padding-right: 12px!important;}
#menu-item-54:before, #menu-item-1121:before, #menu-item-1062:before {content: none;}
#menu-item-1121, #menu-item-54 {margin-top:0px;}
.registrati {background-color: #c52171!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px #c14e86!important; -moz-box-shadow: 0px 5px 0px 0px #c14e86!important; box-shadow: 0px 5px 0px 0px #c14e86!important; font-weight:bold; padding-right:15px!important; margin-top: 15px; padding:5px 10px 5px 10px!important;}
.registrati a {color:#fff!important; opacity:1!important;}
.registrati:hover {background-color: #c14e86!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;}

/*drop down*/
.nav-dropdown, .sub-menu.submenu-languages {border: 3px solid #283583; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);}
.right-links .nav-dropdown, .left-links .nav-dropdown, .account-dropdown .nav-dropdown {margin-left: 16px;}
.nav-dropdown > ul:after, .nav-dropdown > .row:after, .nav-dropdown-inner:after, .menu-item-language .sub-menu:after {border-color: rgba(221, 221, 221, 0); border-bottom-color: #283583; border-width: 7px; left: 8px; margin-left: -7px; margin-top:2px; }
ul.header-nav li .nav-dropdown li a{font-size: 80%;}

/*menu educazione*/
.widget_nav_menu ul li {font-weight: normal; font-size: 76%; padding: 2px 0 7px 0;}
.widget_nav_menu ul li a:hover {font-weight: bold; transition: all 200ms ease-out;}
.widget_nav_menu ul li.current-menu-item a {font-weight: bold; color: #555;}

/*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;}
.alt-button {border: 1px solid var(--primary-color)!important; background:transparent!important; color: var(--primary-color)!important; padding: 12px 24px;}
.alt-button:hover {background: var(--primary-color)!important; color:#fff!important;}

.custom-green, .is-custom-green {color:#fff!important; background-color: #c52171!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px!important; -webkit-box-shadow: 0px 5px 0px 0px #c14e86; -moz-box-shadow: 0px 5px 0px 0px #c14e86; box-shadow: 0px 5px 0px 0px #c14e86; font-weight:bold; padding:0px 15px 0px 15px; text-transform:uppercase;}
.custom-green:hover, .is-custom-green:hover {color:#fff!important;background-color: #c14e86!important;-webkit-border-radius: 4px!important;-moz-border-radius: 4px!important;border-radius: 4px;-webkit-box-shadow: 0px 5px 0px 0px #c52171!important;-moz-box-shadow: 0px 5px 0px 0px #c52171!important;box-shadow: 0px 5px 0px 0px #c52171!important;}

.custom-gray, .is-custom-gray, .custom-gray:hover, .is-custom-gray:hover {color:#fff; background-color: #ddd!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px  rgba(200, 200, 200, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(200, 200, 200, 1); box-shadow: 0px 5px 0px 0px  rgba(200, 200, 200, 1); font-weight:bold; padding:0px 15px 0px 15px; text-transform:uppercase; cursor:auto!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 #c52171!important; background-color:#fff!important; color:#555!important; padding: 0px 0 10px 0px!important;}
.shop-sidebar .widget li a {padding-bottom:5px;}

/*divider*/
.is-divider .divider {height: 5px; background-color: #c52171!important; opacity: 1 !important; width:10%; margin: 10px 0 20px;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

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

/*form*/
.ninja-forms-error-msg {color: #c52171; padding-bottom:20px;}
.ninja-forms-success-msg {color: #c52171; padding-bottom:10px;}
.ninja-forms-form-wrap input[type="submit"] {color:#fff; background-color: #c52171!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(215, 85, 0, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(215, 85, 0, 1); box-shadow: 0px 5px 0px 0px rgba(215, 85, 0, 1); font-weight:bold;}
.ninja-forms-form-wrap input[type="submit"]:hover {color:#fff!important; background-color: #c52171!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px 0px rgba(215, 85, 0, 1); -moz-box-shadow: 0px 5px 0px 0px rgba(215, 85, 0, 1); box-shadow: 0px 5px 0px 0px rgba(215, 85, 0, 1);}

.number{width:90px; height: 150px; background-color: #c52171; color: #fff; font-size: 80px; text-align:center; margin-bottom:10px; line-height: 80px; float:left; display: block; margin-right: 20px;}
.step {width:100%; height: 150px; background-color: #eee; border-right: 8px solid #c52171; margin-bottom: 10px;}

.page-id-1323 #content > p:first-child {display:none!important;}


@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;
}
	}