/*styles for the template partial Hero and Hero type 1*/
.title h3
{
	text-align: left;
}

section.hero-type-1{
	position: relative;
	min-height:450px;
    height: 41.5vw;
    overflow:hidden;
}

section.hero-type-1.cta-visible{
    min-height:650px;
}

section.hero-type-1 .bg-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 3;
}

section.hero-type-1 .content{
	position: relative;
	z-index: 4;
}

section.hero-type-1 video {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
}

section.hero-type-1 .section-title {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom:0;
    color:#fff!important;
}

section.hero-type-1 .section-subtitle {
    font-size: 137px;
    text-transform: uppercase;
    margin-top: 0;
    color:#fff!important;
}

section.hero-type-1 .cta {
    flex-direction: column;
    display: flex;
    padding: 20px 15px;
    z-index: 3;
}

section.hero-type-1 .cta .title{
	text-transform: uppercase;
	font-weight: 800;
	font-size: 20px;
    text-align: center;
}

section.hero-type-1 .cta .nf-form-content .submit-wrap .nf-field-element:after{ 
    content: "\e90d";
    font-family: Icomoon;
    font-size:17px;
    top: 24px;
    right: 92px;
    position: absolute;
    z-index: 2;
}

/***********************/
/* Responsive styles */
/***********************/

@media (max-width: 768px){

    section.hero-type-1 .section-subtitle {
        font-size: 48px;
    }

    section.hero-type-1:not(.cta-visible){
        padding-bottom:100px;
    }

    section.hero-type-1 .video-container,
    section.hero-type-1 video{
        display: none!important;
    }

}

@media (min-width: 768px){
    
    section.hero-type-1.cta-visible{
        min-height:650px;
    }

    section.hero-type-1:not(.cta-visible){
        min-height:550px;
        padding-bottom: 200px;
    }

}


/*********************** SPECIALS BANNER ******************************/

section.hero-type-1 {
     padding-bottom: 150px;
     min-height:800px;
}

section.hero-type-1 .cta {
    position: absolute;
    bottom: 0;
    right:0;
    flex-direction: row;
    min-width: 50%;
    padding: 25px 45px;
}

section.hero-type-1 .cta .title{
    line-height: 100%;
    margin-right: 55px;
}

@media (min-width: 992px){

	section.hero-type-1 .cta {
		padding:15px 45px;
	}

	section.hero-type-1 .cta .title{ 
		margin-right: 55px;
	}
}

@media(max-width: 991px){
	
    section.hero-type-1 .cta {
         padding: 10px 2.9rem;
         
	}
    
    section.hero-type-1 .cta .title{
    	font-size: 14px; 
		margin-right: 5px;
	}   
}

@media(min-width:992px) and (max-width: 1400px){

    section.hero-type-1 .cta {
         padding: 10px 30px;
	}
    section.hero-type-1 .cta .title{
    	font-size: 15px; 
		margin-right: 5px;
	}
}



/********************* HERO TYPE REGULAR *************************/


@media (max-width: 600px){
	section.hero-type-1 .content{
		top: -20%;
	    left: 10%;
		position: flex;
		margin:0;
		justify-content: center;
	}
	
	section.hero-type-1 .section-subtitle{
		font-size: 2.1rem !important;

	}

	section.hero-type-1 .section-title{
		font-size: 1.5rem !important;

	}
	 .home section.hero-type-1 .content{
    	top: -100px;
    	
    }

    section.hero-type-1:not(.cta-visible){
        padding-bottom: 0px;
    }
}


@media (min-width: 600px) and (max-width: 991px) {
	section.hero-type-1 .content{
		top: -20% !important;
	    left: auto;
		position: flex;
		margin:0;
		justify-content: center;
	}
	
	section.hero-type-1 .section-subtitle{
		font-size: 3rem !important;

	}

	section.hero-type-1 .section-title{
		font-size: 1.5rem !important;

	}
	 .home section.hero-type-1 .content{
    	top: -100px;
    	
    }

    section.hero-type-1:not(.cta-visible){
        padding-bottom: 0px;
    }
}



@media (min-width:992px) and (max-width: 1199px){


	section.hero-type-1 .content{
		max-width: 100%;
		width: 100%;
		top: 0% !important;
	    left: auto;
		position: flex;
		margin:0;
		justify-content: center;
	}
	
	section.hero-type-1 .content{
	    top: 0;
	    left: 10%;
    }
	
	.hero-type-1 .section-title {

		font-size: 20px !important;
	}
	
	.hero-type-1 .section-subtitle {
		font-size: 70px !important;
		padding-bottom: 4rem;
	}
}


@media(min-width: 1200px) and (max-width:1499px){
    
    .hero-type-1 .content{
	    top: 0;
	    left: 4%;
    }
	
	.hero-type-1 .section-title {
		font-size: 25px !important;
	}
	
	.hero-type-1 .section-subtitle {
		font-size: 65px !important;
		padding-bottom: 4rem;
	}
}




@media (min-width:1500px) and (max-height:1800px) {

	 .hero-type-1 .content{
	    top:  -10%;
	    left: 8%;
    }

	.hero-type-1 .section-title {
		font-size: 35px !important;
	    top: -20%;
	    left: 20%;
    }

	.hero-type-1 .section-subtitle {
		font-size: 85px !important;	 	

	}
}

	

 /* Changing the height and width of "specials" */

 @media (min-width: 992px) {
    section.hero-type-1 .cta {
      max-width: 50% !important;
    }

    section.hero-type-1 .cta .title {
      text-transform: none !important;
      font-weight: 400 !important;
      font-size: 1rem !important;
      text-align: left !important;
    }
  }