/* verde: #43b7ce   grigio: #E1E1DF    grigio chiaro: #F0F0F0 */


/* FONTS */


/* roboto-100 - latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('fonts/roboto-v15-latin-100.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Thin'), local('Roboto-Thin'), url('fonts/roboto-v15-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-v15-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-v15-latin-100.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-v15-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-v15-latin-100.svg#Roboto') format('svg');
    /* Legacy iOS */
}


/* roboto-300 - latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/roboto-v15-latin-300.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'), url('fonts/roboto-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-v15-latin-300.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-v15-latin-300.svg#Roboto') format('svg');
    /* Legacy iOS */
}


/* roboto-regular - latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto-v15-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-v15-latin-regular.svg#Roboto') format('svg');
    /* Legacy iOS */
}


/* roboto-700 - latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/roboto-v15-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts/roboto-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-v15-latin-700.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-v15-latin-700.svg#Roboto') format('svg');
    /* Legacy iOS */
}


/* GENERAL */

html,
body,
div,
p {
    font-family: 'Tahoma';
}

p {
    color: #333;
}

.site-content {
    padding-bottom: 0;
    padding-top: 0;
}

@media(max-width: 480px) {
    .vc-zozo-section {
        padding: 20px 0;
    }
}

div:focus,
span:focus {
    outline: none !important
}

.text-white,
.text-white p,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h3,
.text-white h5,
.text-white a,
.text-white a:hover,
.footer-backtotop a:hover,
.footer-backtotop a:focus,
.footer-backtotop a:active {
    color: white !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 15px auto;
    font-family: 'Roboto';
    font-weight: 300;
    text-transform: uppercase;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
    margin-top: 50px;
}

article.post .post-inner-wrapper .post-featured-image a::before {
    color: white;
}

a:hover,
a:active,
a:focus,
a:visited {
    color: #333;
}

.page-title-section {
    background: #4c6054;
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #4c6054 3%, #e2edd5 68%, #f2ffe5 80%, #43b7ce 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, #4c6054 3%, #e2edd5 68%, #f2ffe5 80%, #43b7ce 100%);
    background: linear-gradient(135deg, #4c6054 3%, #e2edd5 68%, #f2ffe5 80%, #43b7ce 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4c6054', endColorstr='#43b7ce', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    color: white;
    height: 100px;
}

.main-section {
    border: none !important;
}

#main {
    padding-bottom: 50px;
}

.wpb_content_element {
    margin-bottom: 0;
}


/* FONTS */

.text-xxl {
    font-size: 58px;
    line-height: 58px;
    font-weight: 600;
}

.text-xl {
    font-size: 52px;
    line-height: 52px;
    font-weight: 600;
}

.text-l {
    font-size: 42px;
    line-height: 42px;
}

.text-m {
    font-size: 32px;
    line-height: 32px;
}

.text-s {
    font-size: 20px;
    line-height: 22px;
}

.text-xs {
    font-size: 14px
}

@media(max-width: 580px) {
    .text-xxl {
        font-size: 40px;
        line-height: 42px;
        font-weight: 600;
    }
    .text-xl {
        font-size: 34px;
        line-height: 36px;
        font-weight: 600;
    }
    .text-l {
        font-size: 28px;
        line-height: 30px;
    }
    .text-m {
        font-size: 22px;
        line-height: 24px;
    }
    .text-s {
        font-size: 16px;
        line-height: 18px;
    }
    .text-xs {
        font-size: 12px
    }
}

.title-2 {
    font-family: 'Roboto';
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.3;
}

.hyphenz {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphenate-before: 2;
    -webkit-hyphenate-after: 3;
    hyphenate-lines: 3;
}


/* TITLES */

.zozo-parallax-header h4 {
    font-weight: 700;
}

.page-title-section .page-title-wrapper-outer {
    height: 100%;
}


/* HOME */

#home-sec-3 {
    background-position: top center !important;
}

@media(max-width:768px) {
    #home-sec-3 {
        background: #43b7ce !important;
    }
}


/* SOCIAL */

.zozo-social-share-icons li.email a:hover,
.zozo-social-icons li.email a:hover {
    color: #FFF;
}

#header-sidebar-social a:hover,
#header-sidebar-social a:visited,
#header-sidebar-social a:focus {
    text-decoration: none;
}

#header-sidebar-social .zozo-social-icons i {
    font-size: 25px;
    padding-top: 6px;
}


/* BGS */

.green-linear {
    background: #43b7ce;
    background: -webkit-linear-gradient(330deg, rgb(200, 242, 149) 0%, rgb(153, 232, 55) 97%);
    background: linear-gradient(120deg, rgb(200, 242, 149) 0%, rgb(153, 232, 55) 97%);
}

.gray-linear {
    background: #e1e1df;
    background: -webkit-linear-gradient(330deg, rgb(227, 227, 227) 0%, rgb(179, 179, 179) 98%);
    background: linear-gradient(120deg, rgb(227, 227, 227) 0%, rgb(179, 179, 179) 98%);
}

.lgray-linear {
    background: #f0f0f0;
    background: -webkit-linear-gradient(310deg, rgb(204, 204, 204) 2%, rgb(227, 227, 227) 9%, rgb(235, 235, 235) 47%, rgb(214, 214, 214) 85%, rgb(209, 209, 209) 100%);
    background: linear-gradient(140deg, rgb(204, 204, 204) 2%, rgb(227, 227, 227) 9%, rgb(235, 235, 235) 47%, rgb(214, 214, 214) 85%, rgb(209, 209, 209) 100%);
}


/* HEADER MEDIA */

.wptma_header-media-img-responsive,
.wptmzr_header-media-img-responsive {
    width: 100%!important;
}

#woptima_header {
    position: relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.wpta_header-media-img-responsive {
    background-position: center center;
    background-size: cover;
}


/* MENU HEADER */

#header-main {
    z-index: 1550;
    background: white;
}

#header-main>.container, #header-main>.container>.navbar-header {
    height: 100%;
}

.header-sticky {
    height: auto !important;
}

.header-sticky.is-sticky .navbar-nav .menu-item a:before {
    top: 45px !important;
}

.header-main-section .navbar-header.nav-respons {
    width: auto !important;
}

@media (max-width: 991px) and (min-width: 768px) {
    .header-section .header-main-section .navbar-collapse {
        width: auto !important;
        float: right !important;
    }
}

#header,
.is-sticky .header-main-section {
    border-bottom: none;
}

.navbar-header .navbar-brand {
    height: 50px !important;
}

.is-sticky .navbar-header .navbar-brand {
    margin-top: 5px;
}

.navbar-header .navbar-brand img,
.navbar-brand img {
    height: 100%;
    width: auto;
    vertical-align: middle;
    max-height: 65px;
    margin: 0;
    padding: 0;
}

.is-sticky .navbar-header .navbar-brand img,
.navbar-brand img {
    vertical-align: top;
    max-height: 90%;
    padding-top: 3px;
}

.grid-layout .grid-posts .btn-more.read-more-link,
.medium-layout .medium-posts .btn-more.read-more-link,
.large-layout .large-posts .btn-more.read-more-link,
.grid-layout .grid-posts .btn-more.read-more-link,
.medium-layout .medium-posts .btn-more.read-more-link,
.large-layout .large-posts .btn-more.read-more-link:hover {
    padding: 5px 30px;
    background: #E1E1DF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: white;
    text-decoration: none;
    display: inline-block;
    line-height: normal;
}

.header-section .header-main-section .zozo-main-nav > li > a:hover {
    color: #333;
}

.dropdown-menu a {
    padding: 10px 15px !important;
}

.dropdown-menu a:after,
.dropdown-menu a:before {
    content: none !important;
}


/* HAMBURGER */

.navbar-toggle {
    position: absolute;
    margin: 0 !important;
    padding: 0 !important;
    float: none;
    right: 10px;
    top: 0;
    bottom: 0;
    z-index: 1550;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -webkit-transition: transform;
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7);
    transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.navbar-toggle:not(.collapsed) {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.navbar-toggle .icon-bar {
    -webkit-transition: opacity, -webkit-transform;
    transition: opacity, -webkit-transform;
    transition: opacity, transform;
    transition: opacity, transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7);
    transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7);
}

.navbar-toggle .icon-bar:nth-child(3) {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms;
}

.navbar-toggle .icon-bar:nth-child(2),
.navbar-toggle .icon-bar:nth-child(4) {
    -webkit-transition-duration: 700ms;
    transition-duration: 700ms;
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-child(4),
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
    -webkit-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border: none;
}

.navbar-toggle .icon-bar {
    width: 30px;
    height: 4px;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 6px;
}


/* CAROUSEL */

.zozo-owl-carousel .owl-prev {
    left: 5px !important;
    top: 50% !important;
    margin-top: -12px !important;
    border: 2px solid !important;
}

.zozo-owl-carousel .owl-next {
    right: 5px !important;
    top: 50% !important;
    margin-top: -12px !important;
    border: 2px solid !important;
}

.zozo-owl-carousel .owl-stage {
    transition: 1s !important;
    -moz-transition: 1s !important;
    -webkit-transition: 1s !important;
}


/* LIGHTSLIDER */

.lSAction > a {
    background: none;
    opacity: 0.7;
    font-size: 34px;
}

.lSSlideOuter {
    text-align: center;
}

.lSSlideOuter .lSPager.lSpg {
    margin-top: 15px !important;
}


/* FOOTER */

.footer-copyright-section p,
.zozo-footer-nav.navbar-nav > li > a {
    color: #333;
    font-size: 14px;
    line-height: 30px;
}

.widget.widget_nav_menu li a:before,
.widget.widget_nav_menu li a,
.widget.widget_nav_menu li a:hover,
.footer-widgets .widget a,
.footer-widgets .widget a:hover {
    color: #FFF;
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
}

.widget.widget_nav_menu li a:hover:before {
    left: 8px;
}

.widget_nav_menu li {
    margin: auto !important;
}

.footer-widgets-section {
    padding: 0;
}

#footer-widgets-container>.container {
    padding-top: 30px;
    padding-bottom: 30px;
}

#footer img {
    max-width: 250px;
}


/* HOMEPAGE */

.nobtn {
    border: 2px solid #E1E1DF;
    display: inline-block;
    width: auto;
    padding: 4px 20px;
    color: #E1E1DF;
    font-weight: 600;
    border-radius: 35px;
    margin: 5px;
}

.num-ver-btn {
    padding: 5px 20px;
    background: white;
    margin: 20px auto;
    display: inline-block;
    border-radius: 20px;
    color: #5fb353;
    font-weight: 600;
}

.home-t1,
.home-t4 {
    font-family: 'Roboto' !important;
}

.home-t2,
.home-t3 {
    font-family: 'Tahoma' !important;
}

.home-t2 {
    text-transform: capitalize !important;
}

hr {
    margin: 10px auto;
    border-color: #FFF;
}

.home-acco i {
    color: white;
}

.home-acco .vc_tta-panel-title {
    font-size: 26px;
    background: #F0F0F0;
    border-bottom: 1px solid #E1E1DF;
}

.home-acco vc_tta-panels-container:last-child .vc_tta-panel-title {
    border-bottom: none;
}

.home-acco .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-right: none !important;
    border-left: none !important;
    border-color: #E1E1DF !important;
}

.wpb-js-composer .vc_tta-color-sky.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading {
    border-color: #E1E1DF !important;
    background-color: #E1E1DF !important;
}

.home-acco .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: white !important;
}

.home-acco .vc_tta-panel-body {
    background: #FFFFFF !important;
}


/* CERTIFICAZIONI */

.bar-box {
    display: inline-block;
    margin: 15px;
}

.bar-cont.btm-post .cert-box {
    margin: 5px;
}

.bar-box img {
    width: 100%;
    height: auto;
    max-width: 90px;
}


/* BACK TO TOP */

#zozo-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    width: auto;
    padding: 0;
}

.footer-backtotop a {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 20px;
}


/* GRIDS */

.grid-posts {
    padding: 45px;
}

.grid-full-image .vc_gitem-zone-a .vc_gitem_row .vc_gitem-col {
    padding: 0
}

.grid-full-image .vc_gitem-zone.vc_gitem-zone-b {
    transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
}

.fi-title {
    font-family: 'Roboto';
    font-weight: 300;
    text-transform: capitalize;
}

.fi-excerpt,
.fi-excerpt p {
    color: #FFF;
    text-align: justify;
}

.grid-image-hover .vc_grid-item-mini {
    background: white;
}

.ih-title {
    text-transform: uppercase;
}

.ih-excerpt {}

.gb-title {
    text-transform: uppercase;
}

.gb-excerpt {}

@media (max-width: 767px) {
    .compact-grid .vc_grid.vc_row .vc_grid-item {
        margin-bottom: 5px;
    }
}

.vc_grid-item h3 {
    margin-top: 20px !important;
}

.grid-basic-button,
.grid-basic-button a,
.grid-basic-button a:hover {
    background: #43b7ce !important;
    color: white !important;
}

.grid-basic-button a {
    width: 100%;
}


/* interactive banners */

.border-5 {
    border: 5px solid #333;
}

.ult-ib-effect-style2 .ult-new-ib-content {
    height: 70% !important;
    bottom: -100% !important;
    max-height: 1000px !important;
}

.ult-ib-effect-style2:hover .ult-new-ib-title {
    -webkit-transform: translate3d(0, -500px, 0) !important;
    transform: translate3d(0, -500px, 0) !important;
}

.ult-ib-effect-style2:hover .ult-new-ib-content,
.ult-ib-effect-style2:hover .ult-new-ib-desc::before {
    bottom: 0 !important;
    top: 0 !important;
}

.ult-new-ib-title {
    text-transform: lowercase;
}

.ult-new-ib-title:first-letter {
    text-transform: capitalize;
}

.ult-ib-effect-style2 .ult-new-ib-content,
.ult-ib-effect-style2 .ult-new-ib-desc::before {
    -webkit-transition: opacity .75s, -webkit-transform .75s;
    transition: opacity .75s, -webkit-transform .75s;
    transition: opacity .75s, transform .75s;
    transition: opacity .75s, transform .75s, -webkit-transform .75s;
}


/*--------------------
-RELATED POSTS 
---------------------*/

.yuzo-img[style*="background:url('http://assistenzadaikinroma.com/dev/wp-content/plugins/yuzo-related-post/assets/images/default.png')"],
.yuzo-img[style*="background:url('http://assistenzadaikinroma.com/wp-content/plugins/yuzo-related-post/assets/images/default.png')"] {
    display: none !important;
}

article.post .post-inner-wrapper .post-featured-image a:before,
.related-post-item .entry-thumbnail .post-img:before,
.classic-grid-style .portfolio-content a.classic-img-link:before,
.epl-listing-post .property-box .epl-blog-image:before {
    color: white;
    font-weight: bolder;
}

@media(max-width: 580px) {
    .yuzo_wraps {
        text-align: center;
    }
    .yuzo_related_post .relatedthumb {
        margin: 0 auto;
        display: inline-block;
        float: none !important;
    }
}


/*-------------------
-POSTS 
--------------------*/

.single-post #main-wrapper {
    margin: 0;
}

.num-ver-btm {
    color: #333;
    font-size: 28px;
    line-height: 32px;
    text-align: center;
}

.num-ver-btm a {
    margin: 20px auto;
    display: inline-block;
}

.num-ver-btm img {
    width: auto;
    max-height: 50px;
}

.pager li > a,
.pager li > span,
.pager li > a:hover,
.pager li > span:hover,
.pager li > a:active,
.pager li > span:active,
.pager li > a:focus,
.pager li > span:focus {
    color: #333 !important;
    background-color: #43b7ce !important;
    border-color: #43b7ce !important;
}

@media(max-width: 480px) {
    .pager li > a {
        float: none;
    }
}

.single-format-standard .type-post .post-featured-image.only-image:nth-child(1),
.type-page.has-post-thumbnail .entry-thumbnail {
    display: none;
}

.top-feat-img {
    height: 350px;
}

@media(max-width: 480px) {
    .top-feat-img {
        height: 250px;
    }
}

.posts-content-container {
    overflow: visible;
}


/*----------------------
-HELPERS 
----------------------*/

.inline {
    display: inline-block !important;
}

.relative {
    position: relative;
}

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

.bgtop {
    background-position: top center;
}

.bg-fixed {
    background-attachment: fixed;
}

.max-500 {
    max-width: 500px;
    margin: 0 auto;
}

.hidden {
    visibility: hidden !important;
}

@media(max-width: 579px) {
    .hide-mobi {
        display: none !important
    }
}

@media(min-width: 580px) {
    .hide-desktop {
        display: none !important
    }
}

@media(min-width: 980px) {
    .h-100,
    .h-100 .wpb_wrapper {
        height: 100%;
    }
}


/*---------------------
-EXT VIDEO RESPONSIVE 
---------------------*/

.ext-video-cont {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ext-video-cont iframe,
.ext-video-cont object,
.ext-video-cont embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*---------------------
- BUTTONS
---------------------*/

.read-more-link {
    background: #43b7ce;
    color: #333 !important;
    padding: 5px 15px;
    border-radius: 4px;
    margin-top: 10px;
    display: inline-block;
}


/*---------------------
- CALLBACK
---------------------*/

.callback-cont {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    z-index: 99;
}

#callback-button {
    display: inline-block;
    padding: 0 10px;
    background: white;
    height: 30px;
    line-height: 30px;
    float: right;
}

#callback-button:hover {
    cursor: pointer;
}


/*---------------------
- MARGINS & PADDINGS
---------------------*/

.nopad {
    padding: 0;
}

.nomar {
    margin: 0 !important;
}

.center-mar {
    margin: 0 auto;
}

.no-top-mar {
    margin-top: 0;
}

.mar-tb-50 {
    margin: 50px auto;
}

.mar-tb-30 {
    margin: 30px auto;
}

.mar-tb-15 {
    margin: 15px auto;
}

.mar-tb-10 {
    margin: 10px auto;
}

.mar-lr-15 {
    margin: auto 15px;
}

.mar-20 {
    margin: 20px;
}

.mar-10 {
    margin: 10px;
}

.pad-tb-50 {
    padding: 50px 0;
}

.pad-tb-30 {
    padding: 30px 0;
}

.pad-tb-20 {
    padding: 20px 0;
}

.pad-tb-10 {
    padding: 10px 0;
}

.pad-30 {
    padding: 30px;
}

.pad-20 {
    padding: 20px;
}

.pad-10 {
    padding: 10px;
}

.pad-left-20 {
    padding-left: 20px;
}

@media(min-width: 768px) {
    .pad-right-20 {
        padding-right: 20px;
    }
}

@media (max-width: 580px) {
    .mar-tb-50 {
        margin: 25px auto;
    }
    .mar-tb-30 {
        margin: 15px auto;
    }
    .pad-tb-50 {
        padding: 25px 0;
    }
    .pad-tb-30 {
        padding: 15px 0;
    }
}


/* POPOVERS */

.popover {
    z-index: 98;
}

.popover-title {
    line-height: 20px;
}

.popover-content img {
    width: auto;
    height: 250px;
}

@media(max-width: 480px) {
    .popover-content img {
        width: 125px;
        height: 125px;
    }
}

.header-section .header-main-section .zozo-main-nav > li > a:hover,
.header-section .header-main-section .zozo-main-nav > li:hover > a,
.header-section .header-main-section .zozo-main-nav > li.active > a,
.header-section .header-main-section li i:hover,
.header-section .header-main-section li a:hover,
.header-section .header-logo-section li.extra-nav i:hover,
.header-section .header-logo-section li.extra-nav a:hover,
.header-section .zozo-main-nav li.current-menu-ancestor > a,
.header-section .zozo-main-nav li.current-menu-parent > a,
.header-section .zozo-main-nav li.current-menu-item > a,
.header-section .header-main-section .zozo-main-nav.navbar-nav .dropdown-menu > li > a:focus,
.header-section .header-main-section .zozo-main-nav.navbar-nav .dropdown-menu > li > a:hover,
.header-section .header-main-section .zozo-main-nav.navbar-nav .sub-menu > li > a:focus,
.header-section .header-main-section .zozo-main-nav.navbar-nav .sub-menu > li > a:hover,
.header-section .header-main-section .dropdown-menu > li.dropdown:hover > a,
.header-section .header-main-section .sub-menu > li.dropdown:hover > a,
.header-section .header-main-section .dropdown-menu > .active > a,
.header-section .header-main-section .dropdown-menu > .active > a:focus,
.header-section .header-main-section .dropdown-menu > .active > a:hover,
.header-section .header-main-section .menu-item.active > a,
.header-section .header-main-section .mobile-sub-menu > li > a:hover,
.header-section .header-main-section .mobile-sub-menu > li > a:active,
.header-section .header-main-section .mobile-sub-menu > li > a:focus,
.header-section .header-toggle-section .nav > li > a:focus,
.header-section .header-toggle-section .nav > li > a:hover,
.header-section .header-logo-section .header-contact-details li a:hover,
.header-section .header-toggle-section .header-contact-details li a:hover,
.header-toggle-content .btn-toggle-close,
.header-toggle-section .header-side-top-section .header-side-top-submenu.dropdown-menu li > a:hover,
.header-main-section li.header-side-wrapper > a:focus,
.header-skin-light.header-transparent .header-top-section ul > li a:hover,
.header-section.header-skin-dark .header-main-section .zozo-main-nav li.current-menu-item > a,
.header-section .zozo-main-nav .mobile-sub-menu>li>a:hover {
    color: #333 !important;
}


/* MOBILE MENU */


/* MODAL NAV */

.modal-nav-content a,
.modal-nav-content a:hover,
.modal-nav-content a:focus,
.modal-nav-content a:active {
    text-decoration: none;
}

@media(max-width:580px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
}

.dropdown-menu-modal {
    display: none;
}

.nav-modal-close {
    position: absolute;
    top: 13px;
    right: 18px;
    border: none;
    background: none;
    font-size: 40px;
    opacity: 0;
}

#nav-modal {
    transition: all 700ms;
    -webkit-transition: all 700ms;
    -webkit-transition-timing-function: cubic-bezier(.7, 1, .93, 1);
    transition-timing-function: cubic-bezier(.7, 1, .93, 1);
}

.modal.fade.menu-modal .modal-dialog {
    transition: none;
    -webkit-transition: none;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
}

.menu-modal .modal-dialog {
    margin: 100px 0 0 0;
}

.modal.fade.menu-modal {
    opacity: 1;
    top: 0;
    bottom: 0;
    right: -120%;
    left: 120%;
    display: block !important;
    background: #ffffff;
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #43b7ce 2%, #dceace 12%, #ffffff 37%, #ffffff 82%, #43b7ce 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, #43b7ce 2%, #dceace 12%, #ffffff 37%, #ffffff 82%, #43b7ce 100%);
    background: linear-gradient(135deg, #43b7ce 2%, #dceace 12%, #ffffff 37%, #ffffff 82%, #43b7ce 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#43b7ce', endColorstr='#43b7ce', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.modal.in.menu-modal {
    top: 0 !important;
    bottom: 0 !important;
    right: 0;
    left: 0;
}

.menu-modal .modal-nav-content {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 20px;
}

.menu-modal .modal-nav-body ul {
    list-style-type: none;
    color: white;
    margin: 0;
    padding: 0;
    width: 100%;
}

.modal-nav-body>ul>li,
.dropdown-menu-modal>li,
.modal-nav-body ul li a,
.modal-nav-body ul li>div {
    position: relative;
}

.modal-nav-body>ul>li {
    text-transform: uppercase;
}

.modal-nav-body ul li a,
.modal-nav-body ul li>div {
    padding: 25px 0;
    display: inline-block;
    width: 100%;
    color: #333;
}

.modal-nav-body ul li a:hover,
.modal-nav-body ul li>div:hover {
    color: #43b7ce;
}

.modal-nav-ul>li:not(:last-child):before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: 50%;
    min-width: 300px;
    background: #3d6e7e;
    margin: 0 auto;
    text-align: center;
}

.dropdown-menu-modal li a,
.dropdown-menu-modal li>div {
    font-size: 16px;
    padding: 18px 0;
    text-transform: capitalize;
}

.dropdown-menu-modal>li:first-child a {
    padding-top: 0;
}

.dropdown-menu-modal>li:not(:last-child):before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: 30%;
    min-width: 200px;
    background: #3d6e7e;
    margin: 0 auto;
    text-align: center;
}

.modal-backdrop {
    opacity: 0 !important;
}

div.menu-has-children:hover {
    cursor: pointer;
}


/* HEADER */

.h-inline {
    display: inline-block;
    width: 100%;
}

.header-intro {
    background: white;
    overflow: hidden;
    position: relative;
}

.h-top-img {
    width: 100%;
    height: 30%;
    background-image: url('https://www.infissipvcroma.eu/wp-content/uploads/2017/04/header-sopra.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom left;
    z-index: 11;
    -webkit-animation: goDown 1500ms;
    animation: goDown 1500ms;
    position: absolute;
}

.h-mid-content {
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 12;
    position: absolute;
    top: 0;
    bottom: 0;
    display: table;
}

.h-infissi,
.h-roma,
.h-submain h2 {
    color: #43b7ce;
}

.h-btm-img {
    width: 100%;
    height: 70%;
    background-image: url('https://www.infissipvcroma.eu/wp-content/uploads/2017/04/header-sotto.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 10;
    position: absolute;
    -webkit-animation: goUp 2500ms;
    animation: goUp 2500ms;
    bottom: -40%;
}

.h-mid-content div,
.h-mid-content h1,
.h-mid-content h2,
.h-mid-content h3 {
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -ms-transition: all 500ms;
}

.h-mid-content-in {
    width: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top: 100px;
}

.h-mid-content-in h1 {
    width: auto;
    display: inline-block;
    margin: 0 auto;
}

.h-infissi {
    margin-right: 3px;
    float: left;
    font-family: 'Roboto';
    font-size: 80px;
    line-height: 80px;
    font-weight: 100;
}

.h-roma {
    margin-left: 3px;
    float: left;
    font-family: 'Roboto';
    font-size: 80px;
    line-height: 80px;
    font-weight: 400;
    text-transform: capitalize;
}

.h-submain {
    padding: 0 10px;
}

.h-submain h2 {
    margin: 20px auto !important;
}

.h-num a,
.h-num a:hover,
.h-num h3,
.h-link,
.h-link:hover {
    font-size: 30px;
    line-height: 40px;
    color: #facd5a;
    text-decoration: none;
    margin: 0 auto;
}

.h-link .fa,
.h-link .fa:hover {
    margin-top: 40px;
    color: #facd5a;
    text-decoration: none;
}

.h-num a {
    display: inline-block;
}

.h-num h3 {
    font-weight: 600;
}

.h-hidden {
    opacity: 0;
}

@-webkit-keyframes goDown {
    0% {
        top: -100%;
    }
    100% {
        top: 0;
    }
}

@-webkit-keyframes goUp {
    0% {
        bottom: -120%;
    }
    66% {
        bottom: 0;
    }
    100% {
        bottom: -40%;
    }
}

@media(max-width: 580px) {
    .h-top-img {
        height: 22%;
    }
    .h-btm-img {
        bottom: -48%;
    }
    .h-infissi,
    .h-roma {
        float: none;
    }
    .h-infissi {
        font-size: 50px;
        line-height: 50px;
    }
    .h-roma {
        font-size: 40px;
        line-height: 40px;
    }
    .h-num h3 {
        font-size: 20px;
        line-height: 20px;
    }
    .h-submain h2 {
        font-size: 20px;
        line-height: 20px;
        margin: 10px auto !important;
    }
    .h-link {
        font-size: 20px;
        line-height: 20px;
    }
    .h-mid-content-in {
        padding-top: 60px;
    }
    .h-link .fa,
    .h-link .fa:hover {
        margin-top: 20px !important;
    }
    @-webkit-keyframes goUp {
        0% {
            bottom: -120%;
        }
        66% {
            bottom: 0;
        }
        100% {
            bottom: -48%;
        }
    }
}