/* Enter Your Custom CSS Here */

/* HEADER */
.vmenu-position-left.menu-offcanvas .logo-container { text-align:left; }
.menu-wrapper:not(.no-header) .menu-transparent:not(.is_stuck).menu-transparent.style-light-original > *,
.style-color-xsdn-bg { background-color: transparent!important; }
#main-logo { left:54px }
#main-logo .logo-image { height: 90px!important; padding: 20px; background: #fff; text-align: center; }
.mobile-menu-button.menu-button-offcanvas.mobile-menu-button-light.lines-button.x2.trigger-overlay { background: #546C7F; width: 90px; height: 90px; padding: 0!important; text-align: center; line-height: 88px; }
.lines, .lines:before, .lines:after { height:1px; width:30px;background-color:#fff!important; }
.lines:before { top: 7px; }
.lines:after { top: -7px; }
.mobile-menu-button:before { content: ""; border: 1px solid #fff; width: 60%; height: 60%; position: absolute; left: 20%; top: 20%; }
.lines-button.x2.overlay-close .lines:before, .lines-button.x2.overlay-close .lines:after { width: 30px; left: 2px; }
.lines-button.x2.overlay-close .lines:before { top: -4px }
.lines-button.x2.overlay-close .lines:after { top: 3px; }


/* SIDE MENU */
.vmenu-container.menu-container { background-color: #546C7F!important; }
.menu-light .menu-smart > li.active > a, .menu-light .menu-smart > li a.active, .menu-light .menu-smart > li.current-menu-ancestor > a,
.menu-light .menu-smart a:hover, .menu-light .menu-smart a:focus, .menu-item-link.search-icon a:hover { color: #fff; }
.menu-light .menu-smart a, .menu-item-link.search-icon a { color: #BFBFBF; }
.vmenu-footer p { font-size: 12px; color: #eee; }


.header-wrapper .header-scrolldown i {
    font-size: 44px;
}
.header-wrapper .header-scrolldown {
    bottom: 35px;
    margin-left: -14px;
}
.isotope-filters ul.menu-smart > li > span > a {
    font-size: 15px;
}

.header-wrapper .owl-next .owl-nav-container i, .header-wrapper .owl-prev .owl-nav-container i {
    font-size: 46px;
    top: 34px;
}


/* - - - - - VIDEO HOME - - - - - */

.playvideo-container .wpb_raw_html {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.playvideo-container .wpb_raw_html .wpb_wrapper {
    height: 100%;
}
.playvideo-inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}
.playvideo-inner h3 {
    color: #fff;
    font-family: Roboto Condensed;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.box-wrapper.video-playing { opacity: 0; }
.index-video {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -2;
    background: url('https://www.tiseco.it/wp-content/uploads/2016/04/tiseco-sogedi-web-55.jpg') no-repeat center center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -moz-transition: opacity 0.3s ease-in-out 0s;
  -ms-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
}
.index-video.open { z-index: 2000; opacity: 1; }

.no-touch .index-video { background: none; }

.index-video video {
  position: absolute;
  left: 0;
  top: 50%!important;
  width: 100%;
  height: auto!important;
  -moz-transform: perspective(1px) translate3d(0, -50%, 0);
    -webkit-transform: perspective(1px) translate3d(0, -50%, 0);
    transform: perspective(1px) translate3d(0, -50%, 0);
}

a.playvideo-full {
  cursor: pointer;
    display: block;
  margin: 0 auto;
  position: relative;
    width: 70px;
    height: 70px;
    line-height: 70px!important;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #fff!important;
  -webkit-transition-property: all; 
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
   	transition-property: all;
}

a.playvideo-full:before {
    content: "";
    display: block;
    width: 62px;
    height: 62px;
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: 0;
    border-radius: 50%;
    border: 1px solid #fff;
  opacity: 0;
}
a.playvideo-full:hover:before { opacity: 1; }
a.playvideo-full i {
  position: relative;
    color: #fff;
    font-size: 40px!important;
    line-height: 66px!important;
    margin: 0!important;
    display: inline-block;
    margin-left: 10px!important;
}

a.video-close {
  cursor: pointer;
    position: fixed;
    top: 20px;
    right: 20px;
    display: block;
    width: 36px;
    height: 36px;
  -webkit-transition: all 0.3s ease-in-out 0s; 
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
   	transition: all 0.3s ease-in-out 0s;
}
a.video-close:before {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: -7px;
    transform: rotate(45deg);
    top: 18px;
}
a.video-close:after {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: -7px;
    transform: rotate(-45deg);
    top: 18px;
}
a.video-close:hover { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.tiseco_fullvideo-dimensions { width: 100%!important; height: 100%!important; } 


@media screen and (max-width: 1024px) {
  .colonna_tablet{width:100%; display:block;}
}


@media screen and (max-width: 960px) {
   #main-logo .logo-image {
    height: 80px!important;
    left: -35%;}
  
  .mobile-menu-button.menu-button-offcanvas.mobile-menu-button-light.lines-button.x2.trigger-overlay {
    width: 50px;
    height: 50px;
    line-height: 47px;}
  
  .mobile-menu-button:before{border:none;}
  
  .lines-button.x2.close .lines:before, .lines-button.x2.close .lines:after{width:31px;}
  .submenu-light .menu-smart{background-color: #546C7F!important;}
  
  .lines-button.x2.close .lines {height: 0;}
  
  
}

h4, .h4 {
    line-height: 1.3;
}