/*------------------Home Page----------------------------*/
}
section#home{
    height:100vh;
	width:100%;
    overflow:hidden
}
section#home .homeSlide{
    height:100vh
}
section#home .banner{
    height:100%;
    top:0;
    left:0;
    display:flex
}
section#home .banner,section#home .banner .slide {
    position:absolute;
    width:100%;
	left:0px;
	bottom:0px;
}
section#home .banner .slide img{
    position:relative;
    display:none;
	max-width:100%
}
section#home .bannerOne .slide img{
    position:relative;
    display:none;
	width:130%
}
section#home .banner .slide .img-mobile{
    position:relative;
	display:none;
	max-width:100%
}
section#home .banner .text{
    position:absolute;
    top:240px;
	z-index:5;
    right:3%
}
section#home .banner .text h3{
    
    color:#fff;
	text-align:right;
    font-size:96px;
    font-size:6.0rem;
    line-height:128px;
	line-height:8.0rem;
    font-family:'Kabrio-ExtraBold';
    letter-spacing:0px;
    text-shadow:0 -5px 15px rgba(0,0,0,.2);
    z-index:3;
    opacity:1;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
    position:relative;
    top:0
}
section#home .bannerTwo .text h3{
    
    color:#fff;
	text-align:left;
    font-size:96px;
    font-size:6.0rem;
    line-height:96px;
	line-height:6.0rem;
    font-family:'Kabrio-ExtraBold';
    letter-spacing:0px;
    text-shadow:0 -5px 15px rgba(0,0,0,.2);
    z-index:3;
    opacity:1;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
    position:relative;
    top:0
}
section#home .banner .text h3 span{
    
    color:#fff;
	text-align:right;
    font-size:80px;
    font-size:5.0rem;
    line-height:96px;
	line-height:6.0rem;
    font-family:'Kabrio-Light';
    letter-spacing:0px;
    text-shadow:0 -5px 15px rgba(0,0,0,.2);
    z-index:3;
    opacity:1;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
    position:relative;
    top:0
}
section#home .banner .text .textHide{
    top:40px;
    opacity:0;
    -webkit-transition:opacity 0s;
    -moz-transition:opacity 0s;
    -o-transition:opacity 0s;
    transition:opacity 0s
}
section#home .bannerThree .text{
    right:3%;
    top:250px
}
section#home .bannerTwo img{
	margin-top:140px;
	max-width:100%
}
@media (max-width:1920px){
    section#home .banner .text{
        top:180px
    }
    section#home .banner .text h3{
        font-size:64px;
        font-size:4.0rem;
        line-height:84px
    }
    section#home .banner .text h3 span{
        font-size:48px;
        font-size:3.0rem;
        line-height:58px
	}
    section#home .bannerTwo .text h3{
        font-size:60px;
        font-size:3.75rem;
        line-height:64px;
		left:20%
    }
    section#home .bannerTwo .text h3 span{
        font-size:44px;
        font-size:2.75rem;
        line-height:64px
	}
	section#home .bannerTwo img{
		margin-top:30px;
		max-width:80%
	}
    section#home .bannerTwo .slide img{
        max-width:80%;
		left:2%
	}
    section#home .bannerOne .slide img{
        max-width:100%
	}
    section#home .bannerThree .slide img{
        max-width:90%
	}
}
@media (max-width:1680px){
    section#home .banner .text{
        top:17%
    }
    section#home .bannerOne .text h3{
        font-size:56px;
        font-size:3.5rem;
        line-height:68px
    }
    section#home .bannerOne .text h3 span{
        font-size:44px;
        font-size:2.75rem;
        line-height:58px
	}
    section#home .banner .text h3{
        font-size:48px;
        font-size:3.0rem;
        line-height:58px
    }
    section#home .banner .text h3 span{
        font-size:36px;
        font-size:2.25rem;
        line-height:58px
	}
    section#home .bannerTwo .text h3{
        font-size:44px;
        font-size:2.75rem;
        line-height:50px;
		left:0
    }
    section#home .bannerTwo .text h3 span{
        font-size:36px;
        font-size:2.25rem;
        line-height:50px
	}
	section#home .bannerTwo img{
		margin-top:30px;
		max-width:100%
	}
    section#home .banner .slide img{
        left:0%;
		bottom:30px;
        max-width:100%
    }
    section#home .bannerOne .slide img{
        left:0%;
		bottom:0px;
        max-width:100%
	}
	section#home .bannerTwo .slide img{
        left:0%;
		bottom:0px;
        max-width:85%
	}
    section#home .bannerOne .text{
        right:3%
    }
    section#home .bannerThree .text{
        right:3%
    }
    section#home .bannerTwo .text{
        left:40%
	}
}
@media only screen and (max-width: 1366px){
    section#home .banner .text{
        top:20%
    }
    section#home .banner .text h3{
        font-size:36px;
        font-size:2.5rem;
        line-height:36px
    }
    section#home .banner .text h3 span{
        font-family:'Kabrio-Light';
		font-size:28px;
        font-size:1.75rem;
        line-height:36px
	}
	section#home .bannerTwo img{
		margin-top:30px;
		max-width:100%
	}
    section#home .banner .slide img{
        left:0%;
		bottom:0px;
        max-width:95%
    }
	section#home .bannerTwo .slide img{
        left:0%;
		bottom:-10px;
        max-width:90%
	}
    section#home .bannerOne .text{
        right:3%
    }
    section#home .bannerTwo .text{
        left:43%
	}
    section#home .bannerThree .text{
        left:3%
    }
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
    section#home .bannerTwo .text{
        top:150px
    }
    section#home .banner .text h3{
        font-size:36px;
        font-size:2.5rem;
        line-height:36px
    }
    section#home .banner .text h3 span{
        font-family:'Kabrio-Light';
		font-size:28px;
        font-size:1.75rem;
        line-height:36px
	}
	section#home .bannerTwo .text h3{
        font-size:32px;
        font-size:2.0rem;
        line-height:26px
    }
    section#home .bannerTwo .text h3 span{
        font-size:24px;
        font-size:1.50rem;
        line-height:26px
	}
	section#home .bannerTwo img{
		margin-top:80px;
		max-width:100%
	}
    section#home .bannerTwo .slide img{
        left:1%;
		bottom:40px;
        max-width:90%
	}
	section#home .bannerTwo .text{
        left:40%
	}   
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
    section#home .bannerTwo .text{
        top:17%
    }
    section#home .banner .text h3{
        font-size:36px;
        font-size:2.5rem;
        line-height:36px
    }
    section#home .banner .text h3 span{
        font-family:'Kabrio-Light';
		font-size:28px;
        font-size:1.75rem;
        line-height:36px
	}
	section#home .bannerTwo .text h3{
        font-size:36px;
        font-size:2.25rem;
        line-height:36px
    }
    section#home .bannerTwo .text h3 span{
        font-size:32px;
        font-size:1.50rem;
        line-height:36px
	}
    section#home .bannerOne .slide img{
        left:0%;
		bottom:0px;
        width:130%;
	}
    section#home .bannerTwo .slide img{
        left:2%;
		bottom:80px;
        max-width:90%
	}
    section#home .bannerThree .slide img{
        left:7%;
		bottom:80px;
        max-width:100%
	}
	section#home .bannerTwo .text{
        left:15%
	}   
}
@media only screen and (max-device-height: 600px) and (max-device-height: 767px){
	section#home .bannerOne .text{
        top:130px
    }
	section#home .bannerTwo .text{
        top:120px
    }
	section#home .bannerThree .text{
        top:130px
    }
    section#home .banner .text h3{
        font-size:32px;
        font-size:2.25rem;
        line-height:32px
    }
    section#home .banner .text h3 span{
        font-family:'Kabrio-Light';
		font-size:24px;
        font-size:1.5rem;
        line-height:26px
	}
	section#home .bannerTwo .text h3{
        font-size:24px;
        font-size:1.5rem;
        line-height:22px
    }
    section#home .bannerTwo .text h3 span{
        font-size:22px;
        font-size:1.375rem;
        line-height:22px
	}
	section#home .bannerTwo img{
		display:none
	}
    section#home .banner .slide img{
        left:0;
		bottom:0px;
        max-width:80%
	}
    section#home .bannerTwo .slide img{
        left:2%;
		bottom:0px;
        max-width:65%
	}
	section#home .bannerTwo .text{
        left:34%
	}   
}
/*-@media (max-width:992px){
    section#home .banner .text{
        top:90px
    }
	section#home .banner .text h3{
        font-size:28px;
        font-size:1.75rem;
        line-height:28px;
		right:5%
    }
    section#home .banner .text h3 span{
        font-size:22px;
        font-size:1.25rem;
        line-height:28px
	}
	section#home .bannerTwo .text h3{
        font-size:28px;
        font-size:1.75rem;
        line-height:28px
    }
    section#home .bannerTwo .text h3 span{
        font-size:22px;
        font-size:1.25rem;
        line-height:28px
	}
    section#home .banner .slide img{
        left:0;
		bottom:0;
        max-width:90%
	}
    section#home .bannerTwo .slide img{
        left:-3%;
		bottom:10px;
        max-width:90%
	}
	section#home .bannerTwo .text{
        left:38%
	}   
}-*/
@media (max-width:767px){
    section#home{
        overflow-x:hidden;
		height:auto
    }
    section#home .banner,section#home .homeSlide{
        height:100vh;
        padding-top:20px;
        overflow:hidden
	}
    section#home .banner .text,section#home .homeSlide .text{
        width:100%;
		padding-top:7%;
		-webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
    section#home .banner .text h3,section#home .bannerTwo .text h3,section#home .homeSlide .text h3{
        font-size:30px;
        font-size:1.875rem;
        line-height:40px;
        letter-spacing:-0.5px;
        text-align:right;
		right:1.5%;
		display:block!important
	}
    section#home .banner .text h3 span{
        font-size:28px;
        font-size:1.75rem;
        line-height:40px
	}
    section#home .banner .slide,section#home .homeSlide .slide{
        justify-content:flex-start
    } 
    section#home .banner .slide .container,section#home .homeSlide .slide .container{
        display:none
	}
    section#home .bannerOne .slide .img-mobile{
        left:0%;
		bottom:0px;
		width:120%;
		z-index:2
    }
    section#home .bannerTwo .slide .img-mobile{
        left:10%;
		bottom: 30px;
		width:80%
    }
    section#home .bannerThree .slide .img-mobile{
        left:4%;
		bottom:60px;
		width:90%
	}
    section#home .bannerOne .text{
        right:3%
    }
    section#home .bannerTwo .text{
        left:2%;
		padding-right:30px
	}
    section#home .bannerThree .text{
        left:0;
		padding-right:30px
    }   
}
@media (max-width:414px){
    section#home{
        overflow-x:hidden
    }
    section#home .banner,section#home .homeSlide{
        height:100vh;
        padding-top:0px;
		flex-direction:column;
        align-items:center;
        justify-content:flex-end;
        overflow:hidden
    }
    section#home .banner .text,section#home .homeSlide .text{
        top:12%;
		text-align:right;
        width:90%;
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
		z-index:50
    }
    section#home .banner .text h3,section#home .homeSlide .text h3{
        font-size:18px;
        font-size:1.125rem;
        line-height:20px;
        letter-spacing:0px;
        right:3%;
		display:block!important
	}
	    section#home .bannerTwo .text h3{
        text-align:left;
		left:6%;
		color:#fff;
        letter-spacing:0px;
        text-shadow:0 -5px 15px rgba(0,0,0,.2);
        z-index:3;
        opacity:1;
	    top:0
	}
	    section#home .bannerThree .text h3{
		left:6%
	}
    section#home .banner .text h3 span{
        font-size:14px;
        font-size:0.875rem;
		line-height:16px
    }
    section#home .bannerThree .text h3 span{
        font-size:16px;
        font-size:1.0rem;
		line-height:18px
	}
    section#home .banner .slide,section#home .homeSlide .slide{
        justify-content:flex-start
    }
    section#home .banner .slide .container,section#home .homeSlide .slide .container{
        display:none
    }
    section#home .bannerOne .slide .img-mobile{
        left:0%;
		bottom:60px;
		max-width:100%;
		z-index:2
    }
    section#home .bannerTwo .slide .img-mobile{
        left:12%;
		bottom: 60px;
		max-width:70%
    }
    section#home .bannerThree .slide .img-mobile{
        left:3%;
		bottom:80px;
		max-width:100%
	}
}