/*
 Theme Name:     SicurSesto
 Author:         EntheosWeb
 Author URI:     http://entheosweb.it
 Template:       Divi
 Version:        1.0
*/


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */

/**
* Mega Menu
**/
.mega-link > a {
    text-align: center;
    font-size: 20px !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    letter-spacing: 3px;
}

.mega-link > a img {
    margin-bottom: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/**
* Mobile Menu
**/

.ds_mobile_side_light .mobile_nav.opened #mobile_menu {
    background-color: #fff !important;
}


#footer-info {
  width: 100%;
  margin:0 auto;
  text-align: center !important;
}

#sicursesto-footer a {
  color: #ffffff;
}

#sicursesto-footer .footer-social-icons {
  margin: 4% 0px 5%;
}

#sicursesto-footer .footer-social-icons a {
  -webkit-transition:opacity 0.2s linear;
  -moz-transition:opacity 0.2s linear;
  -o-transition:opacity 0.2s linear;
  transition:opacity 0.2s linear;
}

#sicursesto-footer .footer-social-icons a:hover {
  opacity: 0.5;
}

#sicursesto-footer .footer-social-icons a~a {
  margin-left: 1.7%;
}

/*--------------------------------------------------*/
/*-----[EW ADD TEXT MODULES OVER FULLWIDTH MAP]-----*/
/*--------------------------------------------------*/

@media only screen and (min-width : 981px) {
  .ew_map_column_3 {
    margin-top: -450px;
    background: #fff;
    padding: 40px 20px;
    box-shadow: 0px 0px 150px 20px rgba(109, 109, 109, 0.2);
  }
}

@media only screen and (max-width : 980px) {
  .ew_map_column_3 {
    background: #fff;
    padding: 40px 20px;
  }
}

/**
* Custom blockquotes
*/
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 1.5em 18px !important;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

/**
* Sopralluogo gratuito
*/

/* style the get started cta button */
  .sopralluogo-gratuito {
    border-radius: 0px;
  }

  .sopralluogo-gratuito a {
    color: #fff!important;
  }

  li.sopralluogo-gratuito {
    background-color:#ff2300;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 13px 10px 10px!important;
    border-radius: 3px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }

  li.sopralluogo-gratuito:hover {
    background-color:#cb0f00;
  }

  /* fixed header button text color */
  .et-fixed-header #top-menu .sopralluogo-gratuito a {
    color: #fff!important;
  }

  .sopralluogo-gratuito li.current-menu-ancestor > a,
  .sopralluogo-gratuito li.current-menu-item > a {
    color: #fff !important;
  }

  @media only screen and (min-width : 981px) {

    li.sopralluogo-gratuito {
      height: 33px;
    }
  }

/**
* Ken Burns Header
*/
.sicursesto-kenburns-header {
  overflow:hidden ;
  position: relative;
  padding: 0;
}

.sicursesto-kenburns-header:before {
  content: "";
  position: absolute;
  left:0; /*Left and Top sets the alignment of the image, you may need to change these if you want the image to move in a different direction*/
  top:0;
  width: calc(100vw + 120px); /*We are adding some extra width and height to the image so when it zooms and pans we don't get any whitespace around it. You may need to change these values if you change the values in the keyframes section of CSS below*/
  height: calc(100vh + 150px);
  z-index: -1;
  background: url(https://sicursesto.it/wp-content/uploads/2017/04/StockSnap_1VZ50RICYR.jpg); /*Chnange to the URL of the image you want to use*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -ms-animation:move 8s ease forwards;
  -webkit-animation:move 8s ease forwards;
  -0-animation:move 8s ease forwards;
  -moz-animation:move 8s ease forwards;
  animation:move 8s ease forwards; /* This sets the duration of the effect and the value 'forwards' tells the effect to stop when its finished rather than loop. */
  -webkit-filter: blur(2px);
}

@keyframes move {

  from {
    -ms-transform: scale3d(1);
    -webkit-transform: scale3d(1);
    -o-transform: scale3d(1);
    -moz-transform: scale3d(1);
    transform: scale3d(1); /*This tells the image to start at its original size*/
  }

  to {
    -ms-transform: scale3d(1.2, 1.2, 1.2) translate3d(-150px, -120px, 0px);
    -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(-150px, -120px, 0px);
    -o-transform: scale3d(1.2, 1.2, 1.2) translate3d(-150px, -120px, 0px);
    -moz-transform: scale3d(1.2, 1.2, 1.2) translate3d(-150px, -120px, 0px);
    transform: scale3d(1.2, 1.2, 1.2) translate3d(-150px, -120px, 0px); /*This tells the image to finish at 1.2x it's original size and at a position of -150px on the X axis and -120px on the Y axis. You can adjust these values to get the effect you want*/
  }
}

 /**
 * Custom Blurb Image Hover
 */

@media only screen and (min-width : 767px) {

  .sicursesto-blurb-hover .et_pb_main_blurb_image {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
  }

  .sicursesto-blurb-hover img.et-waypoint {
    margin-bottom: -5px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: scale(.99);
    transform: scale(.99);
    border-radius: 4px;
  }

  .sicursesto-blurb-hover img.et-waypoint:hover {
    -webkit-transform: scale(1.11) rotate(2deg);
    transform: scale(1.11) rotate(2deg);
    -webkit-filter: grayscale(100%);
    border-radius: 4px;
  }

}

/**
* Sections
*/
#et-main-area {
  overflow: hidden;
} /* Hides all the items that float over the right margin */

/**
* Diagonal Shadow Lines
*/
.diagonal-shadow::before,
.diagonal-shadow::after {
  position: absolute;
  content: '';
  pointer-events: none;
}

.diagonal-shadow {
  z-index: 1;
  padding-top: 6em;
  background: #2072a7;
}

.diagonal-shadow::before,
.diagonal-shadow::after {
  top: 0;
  left: -25%;
  z-index: -1;
  width: 150%;
  height: 75%;
  background: inherit;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.diagonal-shadow::before {
  height: 50%;
  background: #535353;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  -webkit-transform-origin: 3% 0;
  transform-origin: 3% 0;
}

/**
* Left Diagonal Lines
*/

.left-diagonal {
  z-index: 1;
  padding-top: 0px;
}

.left-diagonal::after {
  position: absolute;
  content: '';
  pointer-events: none;
  top: -150px;
  left: -25%;
  z-index: -1;
  width: 150%;
  height: 50%;
  background: inherit;
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  -webkit-transform-origin: -3% 0;
  transform-origin: -3% 0;
}

@media only screen and ( min-width: 1901px ) and ( max-width: 2500px ) {
  .left-diagonal::after {
    top: -150px; height: 85%;
  }
}

@media only screen and ( min-width: 1501px ) and ( max-width: 1900px ) {
  .left-diagonal::after {
    top: -131px; height: 68%;
  }
}

@media only screen and ( min-width: 1001px ) and ( max-width: 1500px ) {
  .left-diagonal::after {
    top: -116px;
  }
}

@media only screen and ( max-width: 1000px ) {
  .left-diagonal::after {
    top: -90px;
  }
}

/* 10-10 Feature Divi Layout Kit Css Code
** Product Built By Divi Den - https://webdesign101.berlin/divi-den/
** Get the latest kit here: https://webdesign101.berlin/product/feature-divi-layout-kit/
** Get Support Here: https://webdesign101.berlin/divi-den/support/
** Default RED Colour to replace anywhere in the css = #cc0033
*/

.features10 .et_pb_column_1_3 .et_pb_main_blurb_image img {
    border: 1px solid #dadada;
    border-radius: 100%;
    padding: 16px;
}

/*CSS Animation*/

.features10 .et_pb_column_1_3 .et_pb_blurb {
    cursor: pointer;
}

.features10 .et_pb_column_1_3 .et_pb_main_blurb_image {
    transition-duration: 0.3s;
    transition-property: transform;
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
}

.features10 .et_pb_column_1_3 .et_pb_main_blurb_image {
    position: relative;
}

.features10 .et_pb_column_1_3 .et_pb_main_blurb_image:after {
    pointer-events: none;
    position: absolute;
    z-index: 0;
    content: '';
    top: 100%;
    left: 0;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    transition-duration: 0.3s;
    transition-property: transform opacity;
    max-width: 78px;
    margin: auto !important;
    right: 0;
}

.features10 .et_pb_column_1_3 .et_pb_blurb:hover .et_pb_main_blurb_image:after {
    opacity: 1;
    transform: translateY(5px);
}

.features10 .et_pb_column_1_3 .et_pb_blurb:hover .et_pb_main_blurb_image {
    transform: translateY(-5px);
}

/*.features10:hover .et_pb_column_4_4 .et_pb_image img {
    animation: slideInUp 1s infinite;
    animation-iteration-count: 1;
}*/

/*@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}*/

/*Responsive*/

@media only screen and (max-width: 980px) {
    .features10 .et_pb_column_4_4 .et_pb_blurb:before {
        background-size: cover;
    }
}

@media only screen and (max-width: 767px) {
    .features10 .et_pb_column_4_4 .et_pb_image {
        margin-bottom: -33px !important;
    }

}

@media only screen and (max-width: 480px) {
    .features10 .et_pb_column_4_4 .et_pb_image {
        margin-bottom: 0px !important;
    }

}

/* 6-10 Feature Divi Layout Kit Css Code
** Product Built By Divi Den - https://webdesign101.berlin/divi-den/
** Get the latest kit here: https://webdesign101.berlin/product/feature-divi-layout-kit/
** Get Support Here: https://webdesign101.berlin/divi-den/support/
** Default RED Colour to replace anywhere in the css = #ff2300
*/

.features6 .et_pb_main_blurb_image img {
    width: 82px;
    max-width: none;
    display: block;
}

.features6 .et_pb_blurb_container {
    vertical-align: middle !important;
    max-width: 400px;
    padding-left: 2.3vw;
}

/*CSS Animation*/

.features6 .et_pb_blurb {
    cursor: pointer;
}

.features6 .et_pb_blurb .et_pb_main_blurb_image {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.features6 .et_pb_blurb .et_pb_main_blurb_image img {
    z-index: 5;
    position: relative;
}

.features6 .et_pb_blurb .et_pb_main_blurb_image {
    position: relative;
}

/*.features6 .et_pb_blurb .et_pb_blurb_content:hover .et_pb_main_blurb_image img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}*/

.features6 .et_pb_blurb .et_pb_blurb_content:hover .et_pb_main_blurb_image:after {
    -webkit-transform: scale(2);
    transform: scale(2);
}

.ie .features6 .et_pb_blurb .et_pb_main_blurb_image:after {
    display: none !important;
}

.features6 .et_pb_blurb .et_pb_main_blurb_image:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: #ff2300;*/
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: transform 0.4s ease-in-out;
    -moz-transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.features6 .et_pb_blurb .et_pb_blurb_content:hover .et_pb_main_blurb_image {
    -webkit-animation: spinAround 3s linear infinite;
    -moz-animation: spinAround 3s linear infinite;
    animation: spinAround 3s linear infinite;
}

.features6 .et_pb_blurb:hover .et_pb_blurb_container {
    -webkit-animation: fadeIn 1s infinite; /* Safari 4.0 - 8.0 */
    animation: fadeIn 1s infinite;
    animation-iteration-count: 1;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
    }
}

/*Responsive*/

@media only screen and (max-width: 980px) {
    .features6 .et_pb_blurb {
        margin-left: 10% !important;
    }

    .features6 .et_pb_blurb_content,
    .features6 .et_pb_blurb_container {
        max-width: none !important;
    }
}

@media only screen and (max-width: 480px) {
    .features6 .et_pb_main_blurb_image {
        display: block;
        max-width: 152px;
        margin: 0 auto 30px;
    }

    .features6 .et_pb_blurb_container {
        text-align: center !important;
    }

    .features6 .et_pb_blurb:last-of-type {
        padding-bottom: 0 !important;
    }

    .features6 .et_pb_blurb {
        padding-bottom: 40px !important;
    }
}

/* 7-8 Divi Blurb Module Css Code
** Product Built By Divi Den - https://webdesign101.berlin/divi-den/
** Get the latest module here: https://webdesign101.berlin/product/divi-blurb-module-layout-kit/
** Get Support Here: https://webdesign101.berlin/divi-den/support/  
** Default RED Colour to replace anywhere in the css = #cc0033  
*/

.blurbs_7 .et_pb_column_4_4 .et_pb_blurb {
    width: 18% !important;
    margin-right: 2.4% !important;
    float: left;
    text-align: center;
}

.blurbs_7 .et_pb_column_4_4 .et_pb_blurb  .et_pb_main_blurb_image:after {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    height: 10px;
    width: 46%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 67%);
    transition-duration: 0.3s;
    transition-property: transform opacity;
    display: block;
    margin: 0px auto 0;
    right: 0;
    margin-bottom: -10px !important;
}
.blurbs_7 .et_pb_column_4_4 .et_pb_blurb:last-child {
    margin-right: 0 !important;

}

.blurbs_7 .et_pb_column_4_4 .et_pb_blurb img {
    transition: 0.3s !important;
}

.blurbs_7 .et_pb_column_4_4 .et_pb_blurb h4 a {
    transition: 0.3s !important;
}

.blurbs_7 .et_pb_column_4_4 .et_pb_blurb:hover h4 a {
    color: #cc0033 !important;
}

.blurbs_7 .et_pb_column_4_4 .et_pb_blurb:hover  .et_pb_main_blurb_image:after {
    -webkit-animation: shrink 1s infinite; /* Safari 4.0 - 8.0 */
    animation: shrink 1s infinite;
    position: relative;
    animation-iteration-count: 1;
    opacity: 1;
}
.blurbs_7 .et_pb_column_4_4 .et_pb_blurb:hover img {
    -webkit-animation: mymove 1s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 1s infinite;
    position: relative;
    animation-iteration-count: 1;
}

@-webkit-keyframes mymove {
    from {
        top: 0;
    }
    to {
        top: 10px;
    }
}

@keyframes mymove {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -9px, 0);
        transform: translate3d(0, -9px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}


@-webkit-keyframes shrink {
    from {
        width: 25%;
    }
    to {
        width: 46%;
    }
}
@keyframes shrink {

    from, 20%, 53%, 80%, to {
        width: 46%;
    }

    40%, 43% {
        width: 25%;
    }

    70% {
        width: 35%;
    }

    90% {
        width: 43%;
    }
}


/*Responsive*/


@media only screen and (max-width: 980px) {
    .blurbs_7 .et_pb_column_4_4 .et_pb_blurb h4{
        font-size: 16px !important;
    }

    .blurbs_7 .et_pb_column_4_4 .et_pb_blurb  .et_pb_main_blurb_image{
        max-width: 80px;
        margin: 0 auto 20px;
    }
}

@media only screen and (max-width: 767px) {
    .blurbs_7 .et_pb_column_4_4 .et_pb_promo_description,
    .blurbs_7 .et_pb_column_4_4 {
        text-align: center;
    }
    .blurbs_7 .et_pb_column_4_4 .et_pb_blurb {
        width: 31% !important;
        margin-right: 2.5% !important;
        float: none !important;
        display: inline-block;
    }

    .blurbs_7 .et_pb_column_4_4 .et_pb_blurb:nth-child(3){
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 480px) {
    .blurbs_7 .et_pb_column_4_4 .et_pb_blurb {
        width: 100% !important;
        margin-right: 0% !important;
    }
}