/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");
/*Header*/
.header_inner {border-bottom: 1px solid #e2e2e2;}
.home .header_inner {border-bottom: none}
.menu-item-language a {padding-left: 0px!important}

/*AR page*/
#rev_slider_1_1_wrapper {background-color: rgb(255, 255, 255)!important;}
.parallaxRow {background-size:cover;}
.campiApplicazione h4 {margin-bottom:15px;}
.full_width {background-color:#ffffff;}
.expandable .vc_col-sm-12 {float:none;}
.more_facts_inner {padding: 40px 0 0;}
.iconCont {text-align: center; }
.iconCont i {font-size: 65px; color: #25d0a2;}
.aRealityRow {position: relative!important;}
.aRealityRow h1 {margin-bottom: 20px}
.aRealityRow p {font-size: 16px; padding-bottom: 20px;}
.aRealityRow h4 { padding-bottom: 20px;}
.logoPlayboy .vc_column-inner {padding-right: 0px!important}

/*VR Page*/
.vrSlide {line-height: 0px;}
.campiVirtuale {display: none;}

/*priacy*/
.privacy p {padding-bottom: 20px;}
.privacy h4 {padding-bottom: 20px;}

/*la storia*/
.storia p {padding-bottom: 20px; font-size: 16px;}
.storia h4 {padding-bottom: 20px;}
.storia a {text-decoration: underline;}

/*Portfolio*/
div.title.title_size_small.position_left.has_fixed_background {background-size: 100%!important; height:100%!important;}
.single-portfolio_page .title_holder h1 {color:#31b799; font-weight: 300; font-size: 26px; text-align: center}
.single-portfolio_page .title_subtitle_holder .separator {display: none;}
.single-portfolio_page .wpb_video_widget h2 {color: #31b799; font-weight: 500; font-size:17px; font-family: 'Roboto', sans-serif; }
.portfolio_custom_date {display: none;}
.portfolio_detail h6 {color: #31b799; font-weight: 700;}
.portfolio_container .column1 p {padding-bottom: 20px; font-size: 16px;}
.portfolio_container .column1 h3 { color: #31b799; font-weight: 500}

/*Chi Siamo*/
.aboutColDx {display: flex;}
.aboutUs .full_section_inner {display:flex;}
.aboutUs1 {padding-right: 35px; flex:1; background-color: #5fcda4; position: relative}
.aboutUs2 {flex:1}
.aboutUs2 p {font-size: 16px;}
.aboutUs2 h3 {font-size: 20px; text-transform: capitalize; font-weight: 400; padding-bottom: 20px;  }
.aboutUs2 h4 {font-size: 18px; text-transform:none; font-weight: 400; padding-bottom: 20px;  }
.aboutUs2 .vc_column-inner {padding-right: 50px; padding-left: 50px}
.aboutUsDx div:first-child {padding-top:0px!important;}
#chisiamoSlideText h1 {text-align: right; font-size: 55px!important; line-height: 60px!important;}
#chisiamoSlideText h1 span {color:#25d0a2; font-weight: 900;}
.black {color:#3a3a3a!important; font-weight: 900; font-style: italic}
.territorio {flex:1}
.territorio h1 {color:#ffffff!important; font-size: 58px; line-height: 70px;}
.territorio h1 strong {font-weight: 900;}
.territorio .vc_column-inner {padding-right: 35px!important; padding-left: 45px!important}
.territorio p {color:#ffffff!important; font-size: 16px}
.territorioBox .full_section_inner {display: flex}
.territorioImg {text-align: center;}
.chiSiamoBody .full_section_inner:first-child {display:flex;}
.chiSiamoBodyMob .full_section_inner:first-child {display:flex;}
#storiaButton {position: absolute; bottom: 30px; right: 50px}
.chiSiamoBodyMob .noSpace {height: 0px}
.team {display: none;}
.teamBody {display: none;}

/*Come Lavoriamo*/
.comeLavoriamoBoxes h3 {font-weight: 400;}
.comeLavoriamoBoxes p {font-size: 17px;}
.comeLavoriamoInfo h1 {text-align: right; font-size: 60px!important; line-height: 64px!important;}
.comeLavoriamoInfo h1 span { font-size: 60px!important;  color: #25d0a2; font-weight: 900;}
.comeLavoriamoInfo strong {font-weight: 900; }
.comeLavoriamoSx {border-right: 1px solid #e8e8e8;}
.comeLavoriamoSxBot {border-top: 1px solid #e8e8e8;}
.comeLavoriamoSxBot .iconCont {text-align: center}
.comeLavoriamoSxBot .iconCont i {font-size: 45px; color: #25d0a2;}
.infoBar {width: 10%!important;}
.infoBar .vc_column-inner {padding-left: 0px!important}
.infoBar .q_progress_bars_vertical .progress_content_outer { height: 130px}
.infoBar .q_progress_bars_vertical .progress_number { margin-bottom: 5px}
.infoBarCont {width: 75%!important}
.infoText p {font-size: 16px}
.infoAR {border-bottom: 1px solid #e8e8e8;}
.infoAR h2 {text-transform: uppercase; text-align: right; font-size: 16px}

/*Il Territorio*/
.territorioPage p {font-size: 16px;}

/*side area*/
.side_menu #text-10 {margin-bottom: 10px!important;}

/*Cookie Notice*/
#cookie-notice .button.bootstrap {background: #ffffff!important; color: #1abc9c!important; text-shadow: none!important; border:1px solid #1abc9c!important}
#cookie-notice .button.bootstrap:hover {background: #1abc9c!important; color: #ffffff!important; text-shadow: none!important; border:1px solid #ffffff!important}
#cn-notice-text {display: block; margin-bottom: 10px}

/*Home*/
.arText {padding-left: 50px}
#buttonVR {float: right;}
/*.home .wpb_single_image img {max-width: initial!important}*/
.homeRow {line-height: 0px;}
.homeText {text-align: center; padding: 0px 100px; font-size: 18px; line-height: 30px;}
.appMobile .vc_column-inner {text-align: center; display: none;}
.loghiClienti .vc_col-xs-12 {width: 33.3%!important; float: left!important;}
/*.loghiClienti.vc_col-xs-12, .vc_column_container*/
.appHome h1 {font-size: 38px}
.homeRowApp {border-bottom: 1px solid #dcdfdf; padding-bottom: 40px}
.bannerLavora p {font-size: 20px; line-height: 24px}
.bannerLavora h3 {font-size: 22px; padding-top: 18px}
.lavoraText {font-size:16px; line-height:28px;}

/*esipmle app*/
.esimpleApp h1 {font-size: 33px}

@media only screen and (min-width: 1200px) {
    .vrSlideTab {display: none;}
    .vrAbout h1 {padding: 20%; padding-bottom: 0px}
    .vrAbout p {padding: 20%; padding-top: 0px}
}
@media only screen and (max-width: 1200px) {
    .vrSlideDesk {display: none;}
}
@media screen and (min-width: 990px) and (max-width: 1200px) {
    .chiSiamoFull {margin-top: 100px}
    .rowTitleMob {display: none;}
    nav.main_menu>ul>li>a {padding: 0 10px!important;}
}
@media only screen and (min-width: 1024px) {
    .imgApp {display: none;}

}
@media only screen and (min-width: 990px) {
    .chiSiamoBodyMob {display: none;}
    .rowTitleMob {display: none;}
    .vrSlideMob {display: none;}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
    .videoApp {display: none;}
}

@media screen and (min-width: 767px) and (max-width: 990px) {
    .chiSiamoBody {display: none}
    .comeLavoriamoInfo h1 {font-size: 52px!important}
    .chiSiamoTab {display: block!important;}
    #chisiamoSlideText h1 {text-align: center; font-size: 40px!important; line-height: 40px!important; }
    #chisiamoSlideText h1 span {color:#25d0a2; font-weight: 900; font-size: 40px!important;}
    .vrSlideMob {display: none;}
    .marginHome {display: none;}
    .comeLavoriamoInfo h1 {text-align: right!important; font-size: 45px!important; line-height: 50px!important}
    .comeLavoriamoInfo h1 span { font-size: 45px!important; color: #25d0a2!important; font-weight: 900;}
    .homeRowApp .vc_col-sm-8 {width: 50%; float: left;}
    .homeRowApp .vc_col-sm-4 {width: 50%; float: left;}
    .appHome h1 {font-size: 28px}
    .scopriAr h1 {font-size: 38px;}
    .esimpleAppRow .vc_col-sm-8 {width: 100%}
    .esimpleAppRow .vc_col-sm-4 {width: 100%; text-align: center!important}
    .esimpleAppRow .vc_col-sm-4 p {text-align: center!important}
    .esimpleAppMargin {display: none;}
}
@media only screen and (max-width: 767px) {
    .territorioBox {display: none;}
    .chisiamoSlogan {display: none;}
    .noSpace {display: none;}
    .testimonialRow {margin-top: 50px}
    .chiSiamoBodyMob {display: none;}
    .comeLavoriamoSx {border: none; }
    .comeLavoriamoInfo h1 {text-align: left!important;}
    .spaceMob {display: none;}
    .comeLavoriamoSxBot {margin-top: 30px; padding-bottom: 30px}
    .marginHome {display: none;}
    .iconApp .iconCont {width: 50%; float: left;}
    .scopriAr h1 {text-align: center!important; padding-bottom: 20px}
    .scopriAr {text-align: center}
    .homeRowApp .vc_col-sm-8 { text-align: center!important}
    .homeRowApp .vc_col-sm-4 { text-align: center!important}
    .downloadApp {text-align: center!important}
    .downloadApp p {text-align: center!important}
    .esimpleAppRow .vc_col-sm-8 {width: 100%}
    .esimpleAppRow .vc_col-sm-4 {width: 100%; text-align: center!important}
    .esimpleAppRow .vc_col-sm-4 p {text-align: center!important}
    .esimpleAppMargin {display: none;}
    .videoApp {display: none;}
    .bannerLavora p {text-align: center}
    .bannerLavora h3 {text-align: center}
    .bannerLavora .qbutton {width: 93%!important}
    .bannerLavora .vc_col-sm-2 {width: 100%!important}
    .bannerLavora .vc_col-sm-8 {width: 100%!important}
    
}
@media only screen and (min-width: 767px) {
    .territorioBoxMob {display: none;}
    .chisiamoSloganMob {display: none;}
    .playboyMob {display: none}
    .bannerLavora .vc_col-sm-2 {width:27.5%;}
    .bannerLavora .vc_col-sm-8 {width:45%;}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .comeLavoriamoSxBot .vc_col-sm-4 {width: 33%; float: left;}
    .infoARbox {width: 50%; float: left;}
    .infoVRbox {width: 50%; float: right;}
    .infoBarCont {width: 100%!important}
    .infoARbox h2 {text-align: left;}
    .comeLavoriamoText {clear: both;}
    .infoBar {width: 25%!important; float: left; margin-top: 20px}
    .infoVRbox .infoBar { float: right;}
    section#vrRow.parallax_section_holder.parallaxRow.homeRow {display: none!important;}
    .home .wpb_single_image img {max-width: 100%!important}
    .homeText {text-align: justify; padding: 0px; font-size: 18px; line-height: 30px;}
    .arText {text-align: center!important; padding-left: 0px}
    #chisiamoSlideText h1 {text-align: center; font-size: 30px!important; line-height: 30px!important;}
    #chisiamoSlideText h1 span {color:#25d0a2; font-weight: 900;}
    .rowTitleNoshow {display: none;}
    .vrSlideMob {display: none;}
    .comeLavoriamoInfo h1 {text-align: right!important; font-size: 25px!important; line-height: 27px!important; margin-top: 40%!important}
    .comeLavoriamoInfo h1 span { font-size: 25px!important; color: #25d0a2!important; font-weight: 900;}
    .pRight {padding-right: 40px;}

}
@media only screen and (max-width: 480px) {
    .territorio h1 {color:#ffffff!important; font-size: 38px; line-height: 50px;}
    .storia h1 {color:#ffffff!important; font-size: 38px; line-height: 50px;}
    .sloganDesk {display: none;}
    .separatorComeLavoriamo {width: 100%!important}
    .comeLavoriamoInfo h1 {font-size: 42px!important; line-height: 46px!important}
    .comeLavoriamoBoxes {padding-bottom: 35px!important; margin-bottom: 35px!important; border-bottom: 1px solid #e8e8e8; }
    .infoBarCont {width: 100%!important}
    .infoARbox h2 {text-align: left;}
    .comeLavoriamoText {clear: both;}
    .infoBar {width: 25%!important; float: left; margin-top: 20px}
    .infoVRbox .infoBar { float: right;}
    .infoAR {padding-bottom: 7px;}
    .infoBar .vc_column-inner {padding-left: 15px!important}
    .comeLavoriamoSxBot .vc_column-inner {padding:20px 70px;}
    .comeLavoriamoSxBot .iconCont i {font-size:70px ;}
    .arText {text-align: center!important; padding-left: 0px}
    .imgFinestra {padding-top: 80px}
    .homeText {text-align: justify ; padding: 0px; font-size: 18px; line-height: 30px;}
    .home .wpb_single_image img {max-width: 100%!important}
    section#vrRow.parallax_section_holder.parallaxRow.homeRow {display: none!important;}
    .noSep {margin-top: 5px!important; margin-bottom: 5px!important;}
    #chisiamoSlideText h1 {text-align: center; font-size: 30px!important; line-height: 30px!important; }
    #chisiamoSlideText h1 span {color:#25d0a2; font-weight: 900; font-size: 30px!important;}
    div#chisiamoSlideText.tp-caption.lfr.tp-resizeme.rs-parallaxlevel-0.start {top: 20px!important}
    .rowTitleNoshow {display: none;}
    .comeLavoriamoInfo h1 {text-align: right!important; font-size: 25px!important; line-height: 27px!important}
    .comeLavoriamoInfo h1 span { font-size: 25px!important; color: #25d0a2!important; font-weight: 900;}
    .pRight {padding-right: 40px;}

}
@media only screen and (min-width: 480px) {
    .sloganMob {display: none;}

    
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

    section#vrRow.parallax_section_holder.parallaxRow.homeRow {display: none!important;}
    .home .wpb_single_image img {max-width: 100%!important}
    .homeText {text-align: justify; padding: 0px; font-size: 18px; line-height: 30px;}
    .arText {text-align: center!important; padding-left: 0px}
    .noSep {margin-top: 5px!important; margin-bottom: 5px!important;}
    #arButton {float: left!important; margin-bottom: 20px!important}
    .imgFinestra {margin-top: 40px!important}
    .rowTitleMob {display: none;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
    .rowTitleMob {display: none;}
    .comeLavoriamoInfo h1 {text-align: right!important; font-size: 45px!important; line-height: 50px!important; margin-right: 30px!important}
    .comeLavoriamoInfo h1 span { font-size: 45px!important; color: #25d0a2!important; font-weight: 900;}
    .videoApp {display: none;}
    .imgApp {display: block!important}
}



/*Time Line */


.service-timeline {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.service-timeline .hentry {
  position: relative;
}
@media (max-width: 1021px) {
  .service-timeline .hentry {
    padding-left: 70px !important;
  }
  .service-timeline .hentry .icon {
    left: 0 !important;
  }
}
@media (max-width: 797px) {
  .service-timeline .hentry .content-inner {
    padding-left: 15px !important;
  }
  .service-timeline .hentry .number {
    display: none !important;
  }
}
.service-timeline:before {
  background: #e5e5e5;
  content: "";
  left: 50%;
  top: 10px;
  bottom: 0;
  position: absolute;
  width: 1px;
  margin-left: -1px;
  margin-top: -10px;
  height: 9999px;
}
@media (max-width: 1021px) {
  .service-timeline:before {
    left: 0;
  }
}
.service-timeline > li {
  display: block;
  width: 100%;
  position: relative;
  padding-top: 100px;
}
.service-timeline > li.active .number {
  color: #F15353 !important;
}
.service-timeline > li:last-child {
  padding-bottom: 130px;
}
.service-timeline > li .hentry {
  width: 45.5%;
}
@media (max-width: 1021px) {
  .service-timeline > li .hentry {
    padding-left: 40px;
    width: 92%;
    float: left;
    clear: left;
  }
}
.service-timeline > li:nth-child(even) .hentry {
  float: left;
  clear: left;
  padding-right: 50px;
  text-align: right;
}
@media (max-width: 1021px) {
  .service-timeline > li:nth-child(even) .hentry {
    text-align: left;
    padding-right: 0;
    padding-left: 50px;
  }
}
.service-timeline > li:nth-child(even) .hentry .icon {
  right: -35px;
}
@media (max-width: 1021px) {
  .service-timeline > li:nth-child(even) .hentry .icon {
    left: -35px;
    right: auto;
  }
}
.service-timeline > li:nth-child(even) .hentry .hentry-box .content-inner {
  padding-right: 140px;
}
@media (max-width: 1021px) {
  .service-timeline > li:nth-child(even) .hentry .hentry-box .content-inner {
    padding-left: 140px;
    padding-right: 0;
  }
}
.service-timeline > li:nth-child(even) .hentry .hentry-box .number {
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  float: right;
  border-left: 1px solid #e5e5e5;
}
@media (max-width: 1021px) {
  .service-timeline > li:nth-child(even) .hentry .hentry-box .number {
    float: left;
    border-left: 0;
    border-right: 1px solid #e5e5e5;
  }
}
.service-timeline > li:nth-child(odd) .hentry {
  float: right;
  clear: right;
  padding-left: 50px;
  text-align: left;
}
.service-timeline > li:nth-child(odd) .hentry .icon {
  left: -35px;
}
.service-timeline > li:nth-child(odd) .hentry .hentry-box .content-inner {
  padding-left: 140px;
}
.service-timeline > li:nth-child(odd) .hentry .hentry-box .number {
  float: left;
  border-right: 1px solid #e5e5e5;
}
.service-timeline > li .hentry {
  position: relative;
}
.service-timeline > li .hentry .icon {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid #e5e5e5;
  text-align: center;
  line-height: 95px;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  background: #FFF;
  z-index: 9;
}
.service-timeline > li .hentry .title {
  font-size: 12px;
  font-weight: 900;
  color: #000;
  text-transform: uppercase;
}
.service-timeline > li .hentry .content-inner {
  padding-top: 10px;
}
.service-timeline > li .hentry .number {
  font-size: 60px;
  color: #eeeded;
  font-weight: 900;
  text-transform: uppercase;
  width: 110px;
  height: 120px;
  display: inline-block;
  line-height: 120px;
  text-align: center;
}

.history-timeline {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 50px 0;
}
.history-timeline .hentry {
  position: relative;
}
.history-timeline:before {
  background: #e5e5e5;
  content: "";
  left: 35px;
  top: 10px;
  bottom: 0;
  position: absolute;
  width: 1px;
  margin-left: -1px;
  margin-top: -10px;
  height: 9999px;
}
.history-timeline > li {
  display: block;
  width: 100%;
  position: relative;
  padding: 25px 0;
}
.history-timeline > li.active .number {
  color: #F15353 !important;
}
.history-timeline > li .hentry {
  position: relative;
  padding-left: 85px;
}
.history-timeline > li .hentry .icon {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid #e5e5e5;
  text-align: center;
  line-height: 62px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -35px;
  background: #FFF;
  z-index: 9;
}
.history-timeline > li .hentry .title {
  font-size: 12px;
  font-weight: 900;
  color: #000;
  text-transform: uppercase;
  padding-bottom: 5px;
}
.history-timeline > li .hentry .date {
  font-size: 12px;
  text-transform: uppercase;
  color: #F15353;
}
.history-timeline > li .hentry .content-inner {
  padding-left: 190px;
}
.history-timeline > li .hentry .content-inner .wcontent {
  padding: 20px 30px 20px;
  border-left: 1px solid #e5e5e5;
}
.history-timeline > li .hentry .number {
  font-size: 60px;
  color: #eeeded;
  font-weight: 900;
  text-transform: uppercase;
  width: 175px;
  height: auto;
  display: inline-block;
  line-height: 1;
  text-align: center;
  float: left;
  padding: 60px 0 0;
}
.service-timeline .content {background: none!important; min-height: 0px!important; margin-top: 0px!important; padding-top: 0px!important }
.service-timeline .title {height: auto!important}
.service-timeline > li:nth-child(even) .title {text-align: right;}