/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


:root {
	--cnvs-header-height: 100px;
	--cnvs-header-height-sm: 60px;
	--cnvs-header-height-md: 80px;
	--cnvs-header-height-lg: 175px;
	--cnvs-header-height-shrink: 60px;
	--cnvs-side-header-width: 260px;
}

/* BOTON DE CALL US */

.btn1 {
      font-family: Rubik;
      color: #ffffff;
      font-size: 18px;
      font-weight: 700;
      text-align: center;
      background: #B3492F;
      padding: 15px;
      border: solid #ffffff 1px;
      width: 222px;
      text-decoration: none;
      
    }

.btn1:hover {
  background: #ffffff;
  text-decoration: none;
  color: #000000;
  transition: color .2s ease;
}
        
@media screen and (max-width: 600px) {
  .btn1 {
    display: none;
  }
    
  .meetourteam {
    background-image: url('../Resources/images/home-team.jpg'); 
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }  
}
@media screen and (max-width: 2000px) {
    
  .meetourteam {
    background-image: url('../Resources/images/home-team.jpg'); 
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 200px;
  }  
}
        
.block-tab-4 .nav-link {
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 500;
    color: #222;
    transition: none;
}

.block-tab-4 .nav-link.active,
.block-tab-4 .tab-pane {
    color: #FFF;
    background-color: #000000;
}

.block-tab-4 .nav-link:nth-child(2).active,
.block-tab-4 .tab-pane:nth-child(2) {
    background-color: #000000;
}

.block-tab-4 .nav-link:nth-child(3).active,
.block-tab-4 .tab-pane:nth-child(3) {
    background-color: #000000;
}

.block-tab-4 .nav-link:nth-child(4).active,
.block-tab-4 .tab-pane:nth-child(4) {
    background-color: #000000;
}

.block-tab-4 .nav-link:nth-child(5).active,
.block-tab-4 .tab-pane:nth-child(5) {
    background-color: #000000;
}

.block-tab-4 .nav-link:nth-child(6).active,
.block-tab-4 .tab-pane:nth-child(6) {
    background-color: #000000;
}

.block-tab-4 .nav-link:nth-child(7).active,
.block-tab-4 .tab-pane:nth-child(7) {
    background-color: #000000;
}

/* POPUP REQUEST QUOTE */

.floating-contact-wrap {
	    position: fixed;
	    right: 70px;
	    bottom: 60px;
	    z-index: 299;
	    -webkit-transition: right .2s ease;
	    -o-transition: right .2s ease;
	    transition: right .2s ease;
	}

	.stretched .floating-contact-wrap + #gotoTop { bottom: 100px; }

	.floating-contact-wrap .floating-contact-btn {
		position: absolute;
		left: 0;
		top: 0;
        font-family: Rubik;
        color: #ffffff;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        background: #B3492F;
        padding: 10px;
        border: solid #ffffff 1px;
        width: 100px;
        text-decoration: none;
        
		cursor: pointer;
		z-index: 3;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		transition: transform .3s ease;
	}

	.floating-contact-wrap .floating-contact-btn:hover,
	.floating-contact-wrap.active .floating-contact-btn {
		-webkit-transform: translate(-50%, -50%) scale(1.1);
		transform: translate(-50%, -50%) scale(1.1);
		background-color: #222;
	}

	.floating-contact-wrap .floating-contact-btn .floating-contact-icon {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    font-size: 22px;
	    -webkit-transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    -webkit-transition-property: opacity, -webkit-transform;
	    transition-property: opacity, transform;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    -webkit-backface-visibility: hidden;
	}

	.floating-contact-wrap .floating-contact-btn .floating-contact-icon.btn-active,
	.floating-contact-wrap.active .floating-contact-btn .floating-contact-icon {
	    opacity: 0;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	}

	.floating-contact-wrap.active .floating-contact-btn .floating-contact-icon.btn-active {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	    transform: translate(-50%, -50%) rotate(-45deg);
	}

	.floating-contact-wrap .floating-contact-box {
		opacity: 0;
	    position: absolute;
	    right: 0;
	    bottom: 0;
	    width: 380px;
	    background-color: #fff;
	    border-radius: 6px;
	    z-index: 1;
	    -webkit-transform-origin: right bottom;
	    transform-origin: right bottom;
	    box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.07);
	    -webkit-transform: scale(.01);
	    transform: scale(.01);
	     -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    -webkit-backface-visibility: hidden;
	}

	.floating-contact-wrap.active .floating-contact-box {
		opacity: 1;
		-webkit-transform: scale(1);
	    transform: scale(1);
	}

	@media (max-width: 767.98px) { .floating-contact-wrap .floating-contact-box { width: 340px; } }

	.css3-spinner { background-color: rgba(255, 255, 255, 0.8) }

	#floating-contact-submitted,
	.floating-contact-success #floating-contact,
	.floating-contact-success .floating-contact-heading,
	body:not(.floating-contact-processing) .floating-contact-loader { display: none; }

	.floating-contact-success #floating-contact-submitted { display: block; }