.header{
	background:#303B41;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2);
}
.header a{
	color:#ABB0AF;	
}
.nav-icon-toggle span{
	background:#ABB0AF;	
}
.inner-brand{
	max-width:130px;	
}
.inner-nav > li > a{
	font-size:14px;	
}
.inner-nav > li > a:hover{
	color:#EB6848;	
}
.footer-logo{
	max-width:110px;
	margin-bottom:25px;
}
.hero-text h1{
	letter-spacing:0;	
}
.videobg{
	background-image:url(../images/hero/reception.jpg);
	background-size:cover;
	background-position:center center;	
}

.works-grid.works-grid-3 .work-item {
    width: 33.33%;
}


.work-overlay {
    background: rgba(48, 59, 65, 0.8);
	
}
.work-overlay {
  
    -webkit-transition: all 0.6s cubic-bezier(0.3, 0.1, 0.58, 1);
            transition: all 0.6s cubic-bezier(0.3, 0.1, 0.58, 1);
}

.work-wrapper > img {
    -webkit-transition: all 0.6s cubic-bezier(0.3, 0.1, 0.58, 1);
            transition: all 0.6s cubic-bezier(0.3, 0.1, 0.58, 1);
}

.work-caption {
    -webkit-transition: all 0.6s cubic-bezier(0.3, 0.1, 0.58, 1);
            transition: all 0.6s cubic-bezier(0.3, 0.1, 0.58, 1);

}

.work-item:hover .work-wrapper img {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
}
@media (max-width:1023px){
.works-grid .work-item, .works-grid.works-grid-3 .work-item, .works-grid.works-grid-4 .work-item, .works-grid.works-grid-5 .work-item {
    width: 33.3333%;
}
}

@media (max-width:768px){
.works-grid .work-item, .works-grid.works-grid-3 .work-item, .works-grid.works-grid-4 .work-item, .works-grid.works-grid-5 .work-item {
    width: 100%;
}
.module-hero{
	padding:70px 0;
		height:100% !important;
}

}
@media (max-width:360px){
.module-hero{
	padding:40px 0;
				height:100% !important;

}

}



/* ----------------------------------*/
/* Scroll Down Animated Arrow */
/* ----------------------------------*/
.intro-scroll-down {
    position: absolute;
    z-index: 1;
    bottom: 30px;
    left: 50%;
    margin-left: -15px;
}

    .intro-scroll-down .mouse {
        position: relative;
        display: block;
        width: 30px;
        height: 45px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 2px solid #fff;
        border-radius: 23px;
        -moz-border-radius: 23px;
        -webkit-border-radius: 23px;
    }

        .intro-scroll-down .mouse .mouse-dot {
            position: absolute;
            display: block;
            top: 29%;
            left: 50%;
            width: 6px;
            height: 6px;
            margin: -3px 0 0 -3px;
            background: #fff;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            -webkit-animation: ani-mouse 2.5s linear infinite;
            -moz-animation: ani-mouse 2.5s linear infinite;
            animation: ani-mouse 2.5s linear infinite;
        }

.background--light .intro-scroll-down .mouse {
    border: 2px solid #323232;
}

    .background--light .intro-scroll-down .mouse .mouse-dot {
        background: #323232;
    }

@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }

    15% {
        opacity: 1;
        top: 50%;
    }

    50% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 0;
        top: 29%;
    }
}

@-moz-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }

    15% {
        opacity: 1;
        top: 50%;
    }

    50% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 0;
        top: 29%;
    }
}

@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }

    15% {
        opacity: 1;
        top: 50%;
    }

    50% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 0;
        top: 29%;
    }
}