/*
------------------------------------------------------------------
Table of contents

1. Global styles  [Row 126] 
2. Headers \ Menus [Row 427] 
3. Side menus [Row 1611] 
4. Footer [Row 2189] 
5. Titles [Row 2388] 
6. Templates [Row 2790] 
7. Components [Row 2991] 
8. Thypography [Row 4226] 
9. Sections [Row 4556] 
10. Skin white [Row 4806] 
11. Mobile / responsive [Row 4900] 
12. IE < 10 [Row 5803] 
-------------------------------------------------------------------

==============================
GENERAL
==============================
*/

body, .adv-img p, .caption-bottom p, .adv-circle .caption p, .advs-box p, .list-blog p {
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
    color: #4C4C4C;
}

.text-color, .mi-menu ul li > a:before, .sidebar-nav .panel-item > span:before, i.icon, .block-infos .bd-day {
    color: #6A4D8F;
}

.bg-color {
    background-color: #6A4D8F;
}

/* Bloquea al mapa!!!!! JI Oct 08 2018
	Superimido preloader
*/


.scroll-top-mobile {
    position: fixed;
    background: #fff;
    width: 40px;
    height: 40px;
    z-index: 995;
    right: 10px;
    bottom: 10px;
    text-align: center;
    cursor: pointer;
    padding: 15px 0;
    visibility: hidden;
    opacity: 0;
}

    .scroll-top-mobile.show {
        visibility: visible;
    }

.overflow-visble {
    overflow: visible !important;
}

img {
    max-width: 100%;
}

.form-control:focus {
    border-color: #9C9C9C;
    box-shadow: none;
}

.clear {
    clear: both;
    width: 100%;
}

.bg-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.shadow, .button-cnt.shadow a {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
}

.button-cnt.shadow {
    box-shadow: none;
}

.opacity-show {
    opacity: 1 !important;
}

a, [data-href] {
    cursor: pointer;
    outline: none;
    transition: all .5s;
}

    a[data-toggle], a[data-anima] {
        display: inline-block;
    }

body .row-1 {
    height: 25px !important;
}

body .row-2 {
    height: 50px !important;
}

body .row-3 {
    height: 75px !important;
}

body .row-4 {
    height: 100px !important;
}

body .row-5 {
    height: 125px !important;
}

body .row-6 {
    height: 150px !important;
}

body .row-7 {
    height: 175px !important;
}

body .row-8 {
    height: 200px !important;
}

body .row-9 {
    height: 225px !important;
}

body .row-10 {
    height: 250px !important;
}

body .row-11 {
    height: 275px !important;
}

body .row-12 {
    height: 300px !important;
}

body .row-13 {
    height: 325px !important;
}

body .row-14 {
    height: 350px !important;
}

body .row-15 {
    height: 375px !important;
}

body .row-16 {
    height: 400px !important;
}

body .row-17 {
    height: 425px !important;
}

body .row-18 {
    height: 450px !important;
}

body .row-19 {
    height: 475px !important;
}

body .row-20 {
    height: 500px !important;
}

body .row-21 {
    height: 750px !important;
}

body .row-22 {
    height: 1000px !important;
}

body .row-23 {
    height: 1250px !important;
}

/* 
==============================
TYPOGRAPHY
==============================


------------------------------
TAG ROW
------------------------------
*/

.tag-row {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .tag-row span {
        margin: 0 15px 0 0;
        color: #9C9C9C;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: clip;
        border-right: 1px solid #CCC;
        padding-right: 16px;
    }

    .tag-row a {
        color: #9C9C9C;
    }

    .tag-row span:last-child {
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
        margin-right: 0;
    }

    .tag-row span > span {
        display: block;
        margin: 5px 0;
        padding-right: 25px;
        font-weight: 400;
    }

    .tag-row i {
        padding-right: 10px;
        color: #919191;
    }

    .tag-row.cat {
        text-transform: uppercase;
        margin: 5px 0 10px 0;
    }

    .tag-row .tag-col {
        float: left;
        width: 50%;
        margin: 0;
        padding-right: 5px;
        font-weight: 600;
    }

    .tag-row > div {
        padding: 5px 0;
    }

    .tag-row.icon-row {
        position: relative;
    }

        .tag-row.icon-row span, .tag-row.icon-row-square span, .tag-row.icon-row-circle span {
            border-right: none;
        }

            .tag-row.icon-row span:after {
                position: relative;
                content: "/";
                color: rgba(210, 210, 210, 0.5);
                right: -16px;
            }

            .tag-row.icon-row-square span:after {
                content: "\25AA";
                right: -17px;
                position: relative;
            }

            .tag-row.icon-row-circle span:after {
                content: "\25CF";
                right: -17px;
                position: relative;
                font-size: 10px;
                top: -3px;
            }

    .tag-row span:last-child:after {
        display: none;
    }

/* 
------------------------------
SEPARATORS  
------------------------------
*/

hr.space {
    border: none !important;
    clear: both;
    height: 70px;
    margin: 0;
}

    hr.space.l {
        height: 50px;
    }

    hr.space.xs {
        height: 10px;
    }

    hr.space.s {
        height: 20px;
    }

    hr.space.m {
        height: 30px;
    }

span.space {
    width: 10px;
    display: inline-block;
}

hr.text-left {
    margin-left: 0 !important;
    margin-right: auto !important;
}

hr.text-right {
    margin-right: 0 !important;
    margin-left: auto !important;
}

hr.a {
    border-bottom: 1px solid #E0E0E0;
    width: 100%;
    height: 1px;
    max-width: 600px;
}

hr.b {
    border-top: 1px dotted #D4D4D4;
}

hr.c {
    border-top: 1px dashed #C7C7C7;
}

hr.d {
    background-position: center center;
    background: url(images/assets/gradient-line.png) no-repeat center;
    background-size: contain;
    border: none;
    height: 3px;
}

hr.d-dark {
    background-position: center center;
    background: url(images/assets/gradient-line-dark.png) no-repeat center;
    background-size: contain;
    border: none;
    height: 3px;
}

hr.e {
    max-width: 50px;
    width: 50px;
    border-top: 3px solid #5D5D5D;
}

.text-center > hr.e {
    margin: 15px auto;
}

hr.f-top, .hr-f-top {
    background: linear-gradient(to top,rgba(204,204,204,0.15) 0%,rgba(0,0,0,0) 100%);
    height: 18px;
    margin-bottom: 0;
    border-bottom: 1px solid #E4E4E4;
    border-top: none;
}

    hr.f-top.f-dark, .hr-f-top-dark {
        background: linear-gradient(to top,rgba(51,51,51,0.43) 0%,rgba(0,0,0,0) 100%);
    }

hr.f, .hr-f-bottom {
    height: 18px;
    margin-top: 0;
    border-top: 1px solid #E4E4E4;
    background: linear-gradient(to bottom,rgba(204,204,204,0.15) 0%,rgba(0,0,0,0) 100%);
}

    hr.f.f-dark, .hr-f-bottom-dark {
        background: linear-gradient(to bottom,rgba(51,51,51,0.43) 0%,rgba(0,0,0,0) 100%);
    }

.hr-f-top, .hr-f-top-dark, .hr-f-bottom, .hr-f-bottom-dark {
    height: auto;
}

hr.g {
    background: url(images/overlay/dotted.png) repeat;
    height: 18px;
    border: none;
}

hr.h {
    background: url(images/overlay/line-45.png) repeat;
    height: 18px;
    border: none;
}

hr.i {
    background: url(images/overlay/carbonio.png) repeat;
    height: 18px;
    border: none;
}

hr.mini {
    max-width: 200px;
}

hr.micro {
    max-width: 80px;
}

.white hr.h {
    background: url(images/overlay/line-45-white.png) repeat;
}

.white hr.g {
    background: url(images/overlay/dotted-white.png) repeat;
}

.white hr.i {
    background: url(images/overlay/carbonio-white.png) repeat;
}

/*
------------------------------
VARIOUS
------------------------------
*/

h1, .h1, h2, .h2, h3, .h3 {
    margin: 0 0 0 0;
}

.advs-box h3, .advs-box h2 {
    margin: 0 0 10px 0;
}

.dropcap {
    font-size: 50px;
    left: 0;
    line-height: 1;
    margin: 0 20px 10px 0;
    position: relative;
    float: left;
    font-style: normal;
}

.text-bold {
    font-weight: 700;
}

.text-black {
    font-weight: 900 !important;
}

.text-light {
    font-weight: 300;
}

.text-xs {
    font-size: 11px !important;
    line-height: 11px;
}

.text-s {
    font-size: 13px !important;
    line-height: 18px;
}

.text-m {
    font-size: 18px !important;
    line-height: 25px;
}

.text-l {
    font-size: 27px !important;
    line-height: 31px;
}

.text-xl {
    font-size: 50px !important;
    line-height: 50px;
}

.text-xxl {
    font-size: 110px !important;
    line-height: 110px;
}

/* 
==============================
LAYOUT
==============================

------------------------------
GENERIC
------------------------------
*/
.boxed-layout .navbar-fixed-top, .boxed-layout .navbar-fixed-top, .boxed-layout header, .boxed-layout .parallax-mirror, .boxed-layout .content-parallax, .boxed-layout footer,
.boxed-layout [class*="header-"], .boxed-layout #fullpage-main, .boxed-layout .container {
    max-width: 1200px;
    margin: 0 auto;
}

.boxed-layout.side-menu-container .container {
    max-width: 100%;
}

.boxed-layout .parallax-mirror {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
}

.boxed-layout .content-parallax {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.22);
}

body.boxed-layout {
    background: #efefef;
}

.boxed-layout .overlay-content .section-empty:not(.section-bg-color) {
    background: #fff !important;
}

.col-center {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both;
}

.fixed-bottom-area {
    position: fixed;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 25px;
    background-color: rgba(0,0,0,0.42);
}

.box-middle-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.row.box-middle {
    margin-left: 0;
    margin-right: 0;
}

.no-margins, .no-margins .content {
    margin: 0 !important;
}

.no-paddings, .no-paddings .content {
    padding: 0 !important;
}

.no-paddings-x {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-paddings-y, .no-paddings-y .content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

@media (min-width:994px) {
    .no-padding-bottom, .no-padding-bottom .content {
        padding-bottom: 0 !important;
    }
}

div > p:last-child {
    margin-bottom: 0;
}

/*
------------------------------
VERTICAL AND PRPORZIONAL ROW
------------------------------
*/
.vertical-row.row, .vertical-row > .row {
    display: flex !important;
    align-items: center;
}

.section-two-blocks > .vertical-row.row {
    align-items: initial;
}

.middle-content, .middle-content > .row, .middle-content > .row > div {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    .middle-content.text-left, .middle-content.text-left > .row, .middle-content.text-left > .row > div {
        justify-content: flex-start;
    }

        .middle-content.text-left, .middle-content.text-left > .row, .middle-content.text-left > .row > div {
            align-items: baseline;
        }

.row.vertical-row:not(.box-middle) {
    margin-left: -15px;
    margin-right: -15px;
}

.vertical-row > div {
    padding: 0;
}

.row.vertical-row > div {
    padding-left: 15px;
    padding-right: 15px;
}

.proporzional-row:not(.hc_column_cnt), .proporzional-row > .row {
    display: flex;
}

    .proporzional-row > *:not(.row), .proporzional-row > .row > * {
        flex: 1 1 auto;
    }

    .proporzional-row .flexslider, .proporzional-row .hc_image_slider_cnt, .proporzional-row .flexslider div, .proporzional-row .flexslider .slides, .proporzional-row .img-box,
    .proporzional-row > div > .advs-box, [class*="row-"].grid-item > div, .grid-item > .row > div, .proporzional-row .google-map, .proporzional-row > .row > div > .row,
    .proporzional-row .hc_google_map_cnt, [class*="row-"] .flexslider, [class*="row-"] .flexslider div, [class*="row-"] .flexslider .slides, [class*="row-"] .row,
    [class*="row-"] li .img-box, .proporzional-row .hc_content_box_cnt, .proporzional-row > .row > div > .row > div > .advs-box, .proporzional-row > .row > div > .row > div > .adv-img,
    .proporzional-row > .row > div > .row > .hc_image_box_cnt {
        height: 100%;
        display: block;
    }

.clear-proporzional, .clear-proporzional *:not(hr) {
    height: auto !important;
}

[class*="row-"]:not(.one-row-list) .col-md-12 {
    max-height: 100%;
    overflow: hidden;
}

[class*="row-"]:not(.one-row-list) > .row > [class*="col-md-"], [class*="row-"]:not(.one-row-list) > .row > div > .img-box {
    height: 100%;
}

/*
------------------------------
BOXED AND BOXED INVERSE
------------------------------
*/
@media (min-width:993px) {
    [class*="boxed"].col-md-2:not(.no-margins) {
        width: calc(16.66666667% - 30px);
    }

    [class*="boxed"].col-md-3:not(.no-margins) {
        width: calc(25% - 30px);
    }

    [class*="boxed"].col-md-4:not(.no-margins) {
        width: calc(33.33333333% - 30px);
    }

    [class*="boxed"].col-md-5:not(.no-margins) {
        width: calc(41.66666667% - 30px);
    }

    [class*="boxed"].col-md-6:not(.no-margins) {
        width: calc(50% - 30px);
    }

    [class*="boxed"].col-md-7:not(.no-margins) {
        width: calc(58.33333333% - 30px);
    }

    [class*="boxed"].col-md-8:not(.no-margins) {
        width: calc(66.66666667% - 30px);
    }

    [class*="boxed"].col-md-9:not(.no-margins) {
        width: calc(75% - 30px);
    }

    [class*="boxed"].col-md-10:not(.no-margins) {
        width: calc(83.33333333% - 30px);
    }

    [class*="boxed"].col-md-11:not(.no-margins) {
        width: calc(91.66666667% - 30px);
    }

    [class*="boxed"].col-md-12:not(.no-margins) {
        width: calc(100% - 30px);
    }

    .grid-item > [class*="boxed"], .grid-item > [class*="boxed-inverse"], .maso-item > [class*="boxed"], .maso-item > [class*="boxed-inverse"] {
        width: 100% !important;
    }
}

.base-box.boxed, .base-box.boxed-inverse, .boxed-inverse, [class*="col-md-"].boxed, [class*="col-md-"].boxed-inverse, .grid-box > .grid-item.boxed-inverse, .row.vertical-row > div.boxed-inverse, .row.vertical-row > div.boxed {
    border-style: none !important;
    padding: 25px 25px 25px 25px;
}

[class*="col-md-"].boxed, [class*="col-md-"].boxed-inverse {
    margin: 0 15px;
}

.grid-item > .boxed-inverse, .grid-item > .boxed {
    margin: 0;
    width: 100%;
}

[class*="col-md-"].boxed-inverse, .boxed-inverse, .fixed-area.boxed-inverse {
    background-color: #f5f5f5;
}

.section-bg-color [class*="col-md-"].boxed-inverse, .fixed-area.boxed-inverse {
    background-color: #fff;
}

[class*="col-md-"].boxed {
    background-color: #444;
}

.grid-item.boxed-inverse {
    margin-top: 15px;
    height: calc(100% - 109px);
}


/* 
==============================
HEADER - MENU 
==============================

------------------------------
GLOBAL
------------------------------
*/

header {
    line-height: 1.42857143;
    z-index: 995;
}

    header form.navbar-form {
        margin: 0 0 0 0;
    }

.nav li:hover > ul, .nav li:hover > .mega-menu, .side-menu li:hover .panel, .side-menu li .panel:hover {
    display: block;
}

header .btn-default, header .btn, header .anima-button.circle-button, header .input-group .btn:not(.btn-border) {
    background-color: #FAFAFA;
    color: #797979;
}

    header .btn-default:hover, header .circle-button:hover {
        border-color: #D2D2D2;
        background-color: #e6e6e6;
    }

.navbar-default .navbar-nav > li > a, .mega-menu h5 {
    color: #444;
}

.nav > li.dropdown > a {
    padding-right: 25px;
}

header .navbar-right > * {
    float: left;
}

    header .navbar-right > *:not(li) {
        padding-right: 15px;
        padding-left: 15px;
    }

header.hamburger-header {
    width: auto;
}

.navbar-brand img {
    transition: all .3s;
    max-height: 100%;
}

.navbar-brand.scroll-show.showed {
    display: table-cell !important;
}

.navbar-brand .logo-retina, .brand .logo-retina, .logo-retina {
    display: none !important;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 994px), (min-resolution: 192dpi) and (min-width: 994px) {
    .navbar-brand .logo-retina, .brand .logo-retina, .logo-retina {
        display: block !important;
    }

    .navbar-brand .logo-default, .brand .logo-default, .logo-default {
        display: none !important;
    }
}

.navbar-default .navbar-nav > li > a .caret {
    margin-left: 5px;
}


.navbar-right ul ul ul.dropdown-menu {
    left: 100%;
}

.wide-area .container {
    width: 100% !important;
}

header .custom-area {
    padding: 0 15px;
}

header .input-group input, header .btn-default, header .input-group .input-group-btn a {
    border-color: #EAEAEA;
}

    header .input-group input:focus, header .btn-default:focus {
        border-color: #EAEAEA;
    }

.navbar-right img {
    max-height: 41px;
    margin: 5px auto;
}

.input-group button {
    color: #444;
    font-weight: 400;
    font-size: 13px;
}

header .social-group a i.fa {
    padding: 5px 8px;
    margin-top: 3px;
    width: 30px;
    height: 30px;
    line-height: 22px;
    text-align: center;
    color: #505050;
}

.dropdown-menu .fa-ul .divider {
    margin: 10px 0 10px -27px;
    opacity: 1 !important;
    background-color: rgba(138, 138, 138, 0.15) !important;
}

header > .navbar {
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid #E4E4E4;
    transform: translate3d(0px, 0px, 0px);
}

.navbar-main, .nav.inner {
    background-color: #FFFFFF;
    margin-bottom: 0;
    border: none;
}

    .navbar-main .btn-search {
        margin-top: 7px;
    }

.bg-menu {
    background-repeat: no-repeat;
    background-position: bottom right;
}

.navbar-brand.center {
    text-align: center;
    width: 100%;
    width: calc(100% - 30px);
}

    .navbar-brand.center > img {
        display: inline-block;
    }

.scroll-show, .scroll-hide.hidden {
    display: none !important;
}

    .scroll-show.showed {
        display: block !important;
    }

.full-width-menu {
    border-bottom: 1px solid rgba(0,0,0,0.15);
    background-color: #FFFFFF;
}

    .full-width-menu .nav {
        border: none;
        border-radius: 0;
        margin: 0;
        float: none;
    }

        .full-width-menu .nav.inner > li > a i.caret, .full-width-menu .dropdown-menu li a i.caret, .full-width-menu .nav.inner .dropdown-menu > li > a, .full-width-menu .nav.inner .dropdown-menu > li > a:hover {
            color: #696969 !important;
        }

div.full-width-menu .inner .dropdown-submenu:hover > a:after, div.full-width-menu .inner .dropdown-submenu > a:after {
    border-left-color: #696969 !important;
}



.full-width-menu .dropdown-submenu:hover > a:after {
    border-left-color: inherit !important;
}

.fixed-top {
    height: 52px;
}

.navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a:hover, .dropdown > li:hover > a, .dropdown-menu ul > li:hover > a, .subline-bar li:hover, .sidebar-nav ul a:hover, .panel-item > span:hover, .sidebar-nav .panel-item > span:hover, .bg-transparent li.active {
    color: #171717;
    background: rgba(199,199,199,0.15);
}

.navbar-brand {
    margin-right: 15px;
}

.search-box-menu {
    display: inline-block;
}

.search-box input[type="text"] {
    width: 100% !important;
    max-width: 1140px;
    margin: auto;
    border-color: #EAEAEA;
    background-color: white;
    display: block;
}

.search-box input[type="submit"] {
    position: absolute;
    right: 0;
    top: 50%;
    width: auto;
}

.search-box {
    position: absolute;
    z-index: 95;
    display: none;
    margin: 60px 0 0 0;
    left: 0;
    right: 0;
}

header .scroll-css .search-box {
    background-color: #fff !important;
}

.navbar-social {
    margin: 7px 0 0 0;
}

    .navbar-social .social-group a {
        margin: 0;
    }

.navbar-big {
    background-color: #FDFDFD;
    border-bottom: 1px solid rgb(228,228,228);
    margin-bottom: 0;
}

    .navbar-big .navbar-nav > .active > a, .navbar-big .navbar-nav > li > a:hover {
        color: #555;
        background-color: #F7F7F7;
    }

.nav.nav-right > li {
    float: right;
}

.hamburger-button {
    color: #636363;
    font-size: 30px;
    padding: 4px 15px;
    display: inline-block;
}

    .hamburger-button i {
        color: #636363;
    }

    .hamburger-button:hover {
        color: #6A4D8F;
    }

    .hamburger-button.active {
        color: #6D6D6D;
        text-shadow: 0 -1px 0 #080808;
    }

.hamburger-header .hamburger-button.active {
    margin-left: 250px;
}

.hamburger-menu {
    visibility: hidden;
    opacity: 0;
}

.container > .hamburger-button {
    padding-left: 0;
    padding-right: 0;
}

.hamburger-button > span {
    font-size: 13px;
    transform: translateY(-7px);
    display: inline-block;
}