@charset "UTF-8";
body {
    color: #000000;
	background-color: #FFFFFF;
	margin: 0;
	font-size:16px;
	line-height:26px;
	font-family: 'Libre Franklin', sans-serif;
}
.container {
	margin-right: auto;
	margin-left: auto;
	max-width: 1018px;
	}
.banner-inner {
	max-width: 978px;
	margin-left: auto; 
	margin-right: auto;
	}
.banner-inner, .text-center {
    text-align: center;
}
.banner-inner img {
    display: block;
}
.bottom-banner-bar {
    height: 12px;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
/*    margin-bottom: 54px;*/
    text-align: center;
/*    position: relative;*/
}
.scroll-down-arrow {
    margin-top: -29px;
    height: 58px;
    width: 58px;
    position: relative;
    padding: 12px;
    box-sizing: border-box; 
    display: inline-block;
    background-color: #FFFFFF;
    transform: rotate(45deg);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    justify-content: flex-end;
    align-items: flex-end;
}
.scroll-down-arrow-block {
position: absolute;
top: 100%;
left: 0;
right: 0;    
overflow: hidden;    
height: 50px;   
}
.down-arrow-icon {
    width: 26px;
    height: 26px;
    border-right: solid 1px #7A7A7A;
    border-bottom: solid 1px #7A7A7A;
}

h1 {
	font-size: 26px;
	color: #000;
	margin: 0;
}
h3 {
	font-size: 17px;
	color: #000;
	font-style: normal;
	margin: 0;
	text-align: center;
	font-weight: 600;
}
h4 {
	font-size: 32px;
	font-weight: 200;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 0;
	
}
h5 {
	font-size: 38px;
	text-align: center;
	margin: 0;
	font-weight: 200;
}
h6 {
	font-size: 17px;
	line-height:20px;
	color: #000;
	font-style: normal;
	margin: 0;
	font-weight: 600;
}

.sub-header h6, .text-col h6 {
    font-size: 20px;
	line-height:24px;
	color: #000;
	font-style: normal;
	margin: 20px;;
	font-weight: 200;
}

.img-resp img {
    width: 100%;
    height: auto;
    display: block;
}

.white-text {
    color: #FFFFFF;
}
.black-cta, .blue-cta, .white-cta, .outline-cta {
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    padding: 8px 20px;
    border-radius: 18px;
    outline: inherit;
    text-decoration: none;
    -webkit-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s, border 0.2s;
    box-sizing: border-box;
}
.black-cta {
    color: #FFFFFF;
    background-color: #000000;
    border: solid 2px #000000;
}
.outline-cta {
    color: #000000;
    border: solid 2px #000000;
}
.white-cta {
    color: #000000;
    background-color: #FFFFFF;
    border: solid 2px #FFFFFF;
}
.outline-cta:hover {
    background-color: #000000;
    color: #FFFFFF;
}
.black-cta:hover {
    background-color: #4E4E4E;
    border: solid 2px #4E4E4E;
}
.blue-cta {
    color: #FFFFFF;
    background-color: #1D70FF;
    border: solid 2px #1D70FF;
}
.blue-cta:hover {
    background-color: #3683FF;
    border: solid 2px #3683FF;
}
.white-cta:hover {
    background-color: #eeeeee;
    border: solid 2px #eeeeee;
}
.header-section {
    position: relative;
    z-index: 1;
}
.homepage-banner {
    background-color: #FFFFFF;
}
#header {
	width: 100%;
	height: 110px;
	position: relative;
}
#header-container {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	max-width: 1018px;
}

/* Page Header */

.header-tile-section {
    position: relative;
}

.header-inter {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-tile h1, .header-tile-tint-box h1 {
    color: #FFFFFF;
    font-size: 58PX;
    line-height: 62px;
    font-weight: 600;
}
.header-tile h1 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);
}
.header-tile-tint-box h1 {
    background-color: rgba(0, 0, 0, 0.25);
    padding: 30px;
}

/* Page Header */


.main-content .section-content {
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
}
.section-content-intro {
    background: #fff;
    position: relative;
    width: 100%;
}
.large {
	width:75%;
}
.text-center-all {
	text-align:center;
}
.flex-content-center, .justify-center {
    justify-content: center;
}
.main-content .intro-copy {
	margin-left:auto;
	margin-right:auto;
}
.typography-intro {
	font-size: 19px;
    line-height: 1.64455;
    font-weight: 300;
    letter-spacing: .016em;
}
.typography-section-intro {
    font-size: 23px;
    line-height: 1.50455;
    font-weight: 300;
}
.typography-subsection-headline {
    color: #111;
    font-weight: 600;
}
.typography-eyebrow {
    font-size: 23px;
    line-height: 1.5045;
    font-weight: 600;
    color: #111;
}
#logo {
	width: 245px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
.logo-block, .logo-blockresize {
	width: 245px;
	position: absolute;
	padding-top: 10px;
	padding-bottom: 10px;
	left: 20px;
	transition: height, width, 0.3s;
}
.logo-block img {
	width:100%;
	height:auto;
}
@media only screen and (max-width: 1015px) {
#logo {
	width: 220px;
	margin-top: 0;
	margin-bottom: 5px;
}
}
.navbar-container, .navbar-container-fixed {
	height: 110px;
	background-color: #000;
}
#navbarbox {
	position: relative;
}
#mobile-menu {
	height: 30px;
	width: 30px;
	position: absolute;
	right: 20px;
	top: 15px;
	display: none;
}
.menu-icon1, .menu-icon3 {
	background-color: rgba(255,255,255,1);
	height: 4px;
	width: 30px;
	margin-top: 5px;
	border-radius: 2px;
	transition: all 0.3s ease-out;
}
.menu-icon2 {
	background-color: rgba(255,255,255,1);
	height: 4px;
	width: 30px;
	margin-top: 5px;
	border-radius: 2px;
}
.menu-icon1a {
	position:absolute;
	top:9px;
	left:0;
	transform:rotate(45deg);
}
.menu-icon2b {
	visibility:hidden;
}
.menu-icon3c {
	position:absolute;
	top:9px;
	left:0;
	transform:rotate(-45deg);
}
.navbar {
	font-size: 13px;
	height: 40px;
	margin-left: 20px;
	line-height: 16px;
}
ul.NavCSS {
	margin: 0;
	padding: 0;
	display: flex;	
}
ul.NavCSS li {
	list-style-type: none;
	height:40px;
	padding-right: 0;
	padding-left: 0;
	position:relative;
	z-index: 100;
	top: auto;
	left: auto;
}
ul.NavCSS li a:link {
	display:block;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 12px;
	padding-right: 30px;
	padding-bottom: 12px;
	padding-left: 30px;
}
ul.NavCSS li a:link, .sub-menu-content ul li {
	transition: background-color, 0.3s ease-out;
}
ul.NavCSS li a:visited {	
	text-decoration: none;
	color: #FFFFFF;
}

ul.NavCSS li ul {
	padding: 0;
	position:absolute;
	visibility:hidden;
    opacity:0;
    filter:alpha(opacity=0);
    box-shadow: 0 0 20px rgba(0,0,0,0.6);
	transition: visibility, opacity, filter, 0.3s ease-out;
}
ul.NavCSS li:hover ul {
	visibility:visible;
    opacity:1;
    filter:alpha(opacity=100);
}
ul.NavCSS li ul li a:link {
		color:#666666;
		padding-right: 20px;
		padding-left: 20px;
	}
ul.NavCSS li ul li {
	float: inherit;
	background-color: #FFFFFF;
	width: 180px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:rgba(0,0,0,0.1);
	transition: width, 0.3s ease-out;
}
ul.NavCSS li ul li a {
	position:relative;
	width:140px;
	background:#FFFFFF;
}
ul.NavCSS li ul li a:visited {
color:#666666;
}
ul.NavCSS li ul li a:hover {	
	text-decoration: none;
	position:absolute;
	color:#FFFFFF;
/*	background-color: #128FE1;*/
    background-color: #0eb3ff;
	height:17px;
	padding-left:30px;
}

.viewport-menu-container, .viewport-menu-containeropen {
	overflow:hidden;
	pointer-events: none;
	width: 100%;
	height: 100%;
/*	background-color: none;*/
	top:60px;
	position:fixed;
	z-index:5;
	display:none;
	transition: background-color, 0.5s ease-out;
}
.viewport-background-menu, .viewport-background-menuop {
	margin-top:-370px;
	top:0;
	left: 0;
	right: 0;
	transition: margin, 0.5s ease-out;
}
#mobile-menu-container {
	background-color: rgba(0,0,0,1);
	width: 100%;
/*	height: 290px;*/
}
#mobile-nav {
	padding: 35px 40px;
}
#lower-mobile-nav {
	height:80px;
	width:100%;
  	background:rgba(0,0,0,1);
 	background: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /*Safari 5.1-6*/
 	background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); /*Opera 11.1-12*/
 	background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); /*Fx 3.6-15*/
 	background: linear-gradient(to top, rgba(0,0,0,0),rgba(0,0,0,1)); /*Standard*/
}
.mobile-navbar {
	font-size: 17px;
	line-height: 20px;
	color: #FFFFFF;
	}
.mobile-navbar ul {
	margin:0;
	padding: 0;
}
.mobile-navbar ul li {
	list-style-type: none;
	display: block;
/*	padding: 15px 0 15px 0;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(153,153,153,1);
}
.mobile-navbar ul li a, .mobile-navbar ul li button {
	padding: 15px 0;
    display: block;
}
/*
.mobile-navbar ul li a.mobile-current {
	color:#999999;
}
*/
.mobile-navbar a:link {
	color: #FFFFFF;
	text-decoration: none;
	padding:15px 20px 15px 0;
}
.mobile-navbar a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

.mobile-navbar a:hover {
	color:#999999;
	text-decoration: none;
}

/* mobile sub menu */

.sub-menu-collapsible {
    cursor: pointer;
    width: 100%;
    padding: 0;
    border: none;
    text-align: left;
    outline: none;
    font-size: 17px;
    line-height: 20px;
    color: #FFFFFF;
    background-color: inherit;
    position: relative;
        }

.collapsible-arrow {
    position: absolute;
    top: 20px;
    right: 10px;
    border-left: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    height: 8px;
    width: 8px;
    transform: rotate(45deg);
    transition: transform, 0.2s ease-out;
        }
        
.sub-menu-active .collapsible-arrow {
    -webkit-transform: rotate(45deg) scale(-1);
    transform: rotate(45deg) scale(-1);
        }

.sub-menu-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
        }
        
.mobile-menu-close ul li .sub-menu-content[style] {
    max-height: 0 !important; 
        }

.sub-menu-content ul {
    background-color: #FFFFFF;
        }
.sub-menu-content ul li {
    padding-left: 20px;
    padding-right: 20px;
        }
.mobile-navbar .sub-menu-content ul li:last-child {
    border-bottom: none;
        } 
.mobile-navbar .sub-menu-content ul li a:visited, .mobile-navbar .sub-menu-content ul li a {
    color: #000;
        }
        
.sub-menu-content ul li:hover {
    background-color: #0eb3ff;
        }
        
.mobile-navbar .sub-menu-content ul li:hover a {
    color: #FFFFFF;
        }

/* End mobile sub menu */


.footer {
    padding-top: 60px;
    padding-bottom: 60px;
	background-color: #666;
}

/* 404 page */

        .section-404 {
            padding: 100px 0;
        }
        
        .section-404 h1 {
            font-size: 100px;
            line-height: 110px;
        }
        .section-404 h2 {
            font-size: 40px;
            line-height: 50px;
        }
        .section-404 h3 {
            font-size: 20px;
            line-height: 24px;
        }
        .section-404 .blue-cta {
            margin-top: 20px;
        }



/* End 404 page */

.row, .row-bgbox, .thumb-columns, .box-columns, .bg-box-columns {
	display: flex;
	flex-wrap: wrap;
	}
.row, .thumb-columns, .box-columns, .bg-box-columns {
 	margin-right: 10px;
	margin-left: 10px;   
}
.row-bgbox {
    margin-right: 20px;
	margin-left: 20px; 
}
.thumb-columns, .box-columns, .bg-box-columns {
    margin-top: 0;
    overflow: hidden;
}
.thumb-columns, .box-columns {
    padding-top: 60px;
}
.thumb-columns a, .box-columns a {
    display: block;
}
.short-content {
	padding-top: 35px;
	padding-bottom: 35px;
}
#thumc1row {
	padding-top: 35px;
	height: 460px;
}
.thumb {
	width: 33.33%;
	position: relative;
	padding-bottom: 34%;
}

/*For all page*/
.col-2-md {
    width: 50%;
    box-sizing: border-box;
}
.inter-box-padding-40 {
    padding: 40px;
}
.sub-header-paddingb60 {
    padding-bottom:60px;
}
/*For all page*/

@media only screen and (max-width: 890px) {
.thumb {
	padding-bottom: 35%;
	}
}
.thumbimgwshand, .playarrow-overlay {
	position: relative;
}
.thumbimgwshand:before {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 17px;
  left: 5px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 14px 5px #666;
  transform: rotate(-3deg);
}
.thumbimgwshand:after {
	position: absolute;
	pointer-events: none;
	content: "";
	left:0;
	right:0;
	top:0;
	bottom:4px;
	box-shadow: inset 0 0 33px rgba(0,0,0,0.25);
}
.thumbimgnonhand:after {
	display:none;
}

.black-bg {
    background-color: #000000;
    color: #FFFFFF;
}
.light-grey-bg {
    background-color: #fafafa;
/*     color: #f4f4f4;*/
}

.gallery-scale .thumbimgwshand {
    -moz-transition: transform 0.4s ease-out;
    -webkit-transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}
.gallery-scale .thumbimgwshand:hover {
    transform: scale(1.03);
}
.thumb2columns {
	float: left;
	width: 50%;
	position: relative;
	padding-bottom: 44%;
}

.thumbtextbox {
	margin-top: 15px;
	margin-right: 0;
	margin-left: 0;
	max-width: 100%;
	height: 60px;
}
#wrapper {
	height: 100%;
	width: 100%;
}
.Subboxtext {
	font-size: 16px;
	color: #FFF;
	background-color: #000;
	float: right;
	width: 90px;
	margin-top: 145px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 20px;
}

/*  Face in  */

.fade-in {
    opacity: 0;
    transform: translate(0, 100px);  
    transition: opacity 0.4s ease-in, transform 0.4s ease-in;  
}
.fade-in.fade-in-active {
    opacity: 1;
    transform: translate(0, 0);    
}

/* End Face in */


.footer-container {
	margin-right: auto;
	margin-left: auto;
	height: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 1018px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
	}
.footer-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer-column-section {
    width: 25%;
    color: #FFFFFF;
}
.footer-column-section .footer-column p {
    font-size: 14px;
    line-height: 16px;
}
.footer-column-section .footer-column a {
    color: #FFFFFF;
    text-decoration: none;
}
.footer-column-section .footer-column a:hover {
    text-decoration: underline;
}
.social {
    padding-top: 40px;
}

.footer-column {
     margin-right: 20px;
}
.footer-para {
	font-size: 12px;
	color: #FFF;
	padding-top: 40px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	}

.section-padding {
    padding-top: 100px;
    padding-bottom: 100px;
}
.section-text h1 {
    font-size: 28px;
    line-height: 34px;
    font-weight: 500;
}
.section-padding-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.section-padding-60-30 {
    padding-top: 60px;
    padding-bottom: 30px;
}
.section-padding-b30 {
    padding-bottom: 30px;
}
.section-padding-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.margin-top-15 {
    margin-top: 15px;
}
.margin-bottom-25 {
    margin-bottom: 25px;
}
.margin-bottom-60 {
    margin-bottom: 60px;
}
/* hightlight section */
.highlight-section {
    padding: 150px 0 100px;
    text-align: center;
    position: sticky;
    bottom: 0;
    background-image: radial-gradient(#FFFFFF, #F4F4F4);
    background-color: #F7F7F7;
}
.mid-container {
    max-width: 910px;
    margin-left: auto;
    margin-right: auto;
}
.small-container {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.highlight-section h1 {
    background: -webkit-linear-gradient(50deg, #09181C 14%, #0389AE 50%, #099F3B 64%, #FFD900 78%, #09181C 93%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.highlight-section p {
    font-size: 18px;
    line-height: 26px;
}
.highlight-section .blue-cta {
margin-top: 16px;
margin-bottom: 20px;
}

/* End hightlight section */

/* Project Overview */

.porjects-overview {
    background-color: #FFFFFF;
}
.projects-overview .container-slider {
    padding-top: 60px;
}
.slider-label, .slider-label-2 {
    left: 0;
    bottom: 0;
    right:0;
}
.slider-label-caption {
    padding: 15px;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
}

.home-slider img {
    width: 100%;
    height: auto;
    }
.home-slider .slick-slide {
        opacity: 0.5;
        transition: opacity, 0.3s;
    }


/*
.banner-slider .slick-slide {
    padding-top: 30px;
    -webkit-transition: all, 0.3s ease-out;
    transition: all, 0.3s ease-out;
}
*/
.home-slider .slick-center {
    opacity: 1;
    }
/*
.banner-slider .slick-center {
    transform: scale(1.11);
    overflow: inherit;
    position: relative;
    z-index: 4;
}
*/
.bottom-slide-inner .white-text {
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
    }
.projects-slide {
    padding-left: 5px;
    padding-right: 5px;
}
.projects-slide-box {
/*    display: flex;*/
    position: relative;
    width: 750px;
    height: 430px;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.slide-1 {
    background-image: url(../img/slide/home=page-slider/medium/digital-medium.jpg);
}
.slide-2 {
    background-image: url(../img/slide/home=page-slider/medium/design-project-medium.jpg);
}
.slide-3 {
    background-image: url(../img/slide/home=page-slider/medium/3d-model-medium.jpg);
}
.slide-4 {
    background-image: url(../img/slide/home=page-slider/medium/artwork-medium.jpg);
}
.slide-5 {
    background-image: url(../img/slide/home=page-slider/medium/book-medium.jpg);
}

 .slide-label {
/*	pointer-events: none;*/
/*	color:rgba(255,255,255,1);*/
    color: #FFFFFF;
	background-color:rgba(0,0,0,1);
    border-radius: 10px 0 0 10px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	position:absolute;
    top: 40px;
	right:0;
    font-size:24px;
    line-height: 24px;
	min-width: 190px;
	padding: 14px 20px 14px 18px;
    opacity: 0;
    transform: translateX(80px);
}
.imagecaption {
	pointer-events: none;
	color:rgba(255,255,255,1);
	background-color:rgba(0,0,0,1);
	position:absolute;
	right:0;
	transition: background-color, 0.3s ease-out;
}
.slide-label {
    transition: translateX, 0.3s ease-out;
}

.bottom-slide-layer {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}
.bottom-slide-inner {
    opacity: 0;
    padding: 40px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    transform: translateY(20px);
}
.slide-label, .bottom-slide-inner {
	transition: opacity, 0.3s ease-out;
    box-sizing: border-box;
}
.white-gradients-bg-bottom {
    background-image: linear-gradient(rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.7));
}
.black-gradients-bg-bottom {
    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.7));
}
.slick-active .bottom-slide-inner, .slick-active .slide-label {
    opacity: 1;
}
.slick-active .bottom-slide-inner {
   transform: translateY(0); 
}
.slick-active .slide-label {
    transform: translateX(0);
}
.wrapsubimage {
	margin-top: 20px;
}


.video-container { position: relative; padding-bottom: 51.1%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.playcaption {
	height:22px;
	width:67px;
	padding:11px 0 11px 12px;
	bottom: 13%;
}
#Pageheader {
	margin-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 10px;
	margin-bottom: 0;
	margin-right: 20px;
	margin-left: 20px;
	}
.main-content {
	box-sizing: border-box;
	padding-right: 20px;
	padding-left: 20px;
}
.row-contact {
	padding-top: 50px;
}
.boxinner, .boxinner2columns  {
	top: 0;
	bottom: 0;
	position: absolute;
	left: 10px;
	right: 10px;
}	
.boxinnersubimage img, .thumbimg img, .thumbimgwshand img, .banner-inner img, .responsive-img {
	width:100%;
	height:auto;
}
.boxinner2columnsl {
	left: 0;
	right: 13px;
	}		
.boxinner2columnsr {
	left: 13px;
	right: 0;
	}
.ontop {
	z-index: 1;
}
#Innerheader {
	height: 70px;
	position: relative;
}
#Innerheader2 {
	height: 70px;
	position:relative;
}

.playcaption img {
	width:auto;
	height:100%;
}
.playcaptionrel:hover .imagecaption {
	background-color: #0eb3ff;
}
#onerowblock {
	position: relative;
	float: left;
	padding-bottom: 34%;
	width: 100%;
}

#container-header {
	margin: 0;
	width: 100%;
}
.sub-header, .text-col {
	margin: 0 20px 0 20px;
}
.subheaderparallax {
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -13px;
	position: absolute;
	line-height: 30px;
}
.header-image-330px {
	padding-bottom: 330px;
}
.header-image-542px {
	padding-bottom: 542px;
}
.header-image-780px {
	padding-bottom: 780px;
}
.container-parallax {
	background-attachment: fixed;
  	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.parallax-image-250px {
	padding-bottom: 250px;
}
.parallax-image-300px {
	padding-bottom: 300px;
}

.thumbbox {
	width: 33.333%;
	position: relative;
	padding-bottom: 276px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.thumbbox2 {
	width: 50%;
	position: relative;
	padding-bottom: 319px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

@media only screen and (min-width: 1280px) {
.banner-inner { 
	max-width: 1248px;
}

.container {
	max-width: 1288px;
}
#header-container {
	max-width: 1288px;
}
.footer-container {
	max-width: 1288px;
	}
}

@media only screen and (min-width: 1241px) {
    .projects-slide-box {
        width: 1000px;
        height: 573px;
    }
    .slide-1 {
    background-image: url(../img/slide/home=page-slider/large/digital-large.jpg);
}
    .slide-2 {
    background-image: url(../img/slide/home=page-slider/large/design-project-large.jpg);
}    
    .slide-3 {
    background-image: url(../img/slide/home=page-slider/large/3d-model-large.jpg);
}
    .slide-4 {
    background-image: url(../img/slide/home=page-slider/large/artwork-large.jpg);
}
    .slide-5 {
    background-image: url(../img/slide/home=page-slider/large/book-large.jpg);
}
}
@media only screen and (max-device-width: 1023px) {
.container-parallax {
    background-attachment: scroll;
    }
}
@media only screen and (max-width: 1023px) {

    .footer-column-section {
        width:  50%;
    }    
}
/*
@media only screen and (max-width: 1023px) {
}
*/
@media only screen and (min-width: 768px) {
    .section-404 {
        padding: 200px 0;
}
    .social {
    padding-top: 60px;    
    text-align: right;
    }
.home-slider .slick-prev, .home-slider .slick-next, .banner-slider .slick-prev, .banner-slider .slick-next {
    opacity: 0;
}
.home-slider:hover .slick-prev, .home-slider:hover .slick-next, .banner-slider:hover .slick-prev, .banner-slider:hover .slick-next {
    opacity: 1;
}
.left-col-layer {
    padding-right: 20px;
}
.white-split-line .left-col-layer {
     border-right: solid 2px #ffffff;
}
.black-split-line .left-col-layer {
     border-right: solid 2px #000000;
}
.white-split-line .right-col-layer, .black-split-line .right-col-layer {
    padding-left: 18px;
}    
}
@media only screen and (max-width: 767px) {
    .highlight-section {
        padding: 110px 0 60px;
    }
    .projects-slide-inner {
        max-width: 274px;
    }
    .home-slider .slick-prev {
        left: 12vw;
    }
    .home-slider .slick-next {
        right: 12vw; 
    }
     .projects-slide-box {
        width: 274px;
        height: 342px;
    }
    .white-gradients-bg-bottom-767 {
    background-image: linear-gradient(rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.7));
}
    .white-text-shadow-767 .right-col-layer {
         text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8);
    }
        .slide-1 {
    background-image: url(../img/slide/home=page-slider/small/digital-small.jpg);
}
        .slide-2 {
    background-image: url(../img/slide/home=page-slider/small/design-project-small.jpg);
}    
        .slide-3 {
    background-image: url(../img/slide/home=page-slider/small/3d-model-small.jpg);
}
        .slide-4 {
    background-image: url(../img/slide/home=page-slider/small/artwork-small.jpg);
}    
        .slide-5 {
    background-image: url(../img/slide/home=page-slider/small/book-small.jpg);
}
    .slide-label {
        top: 0;
        left: 0;
        border-radius: 0;
        text-align: center;
        padding: 14px;
        font-size: 22px;
        line-height: 22px;
        transform: translateY(-20px);
        transition: translateX, 0.3s ease-out;
    }
    
    .bottom-slide-inner {
        flex-direction: column-reverse;
    }
    .bottom-slide-inner {
        padding: 20px;
        text-align: center;
    }
    .right-col-layer {
        margin-bottom:  10px;
}
    .slick-active .slide-label {
    transform: translateY(0);
}
.header-tile h1, .header-tile-tint-box h1 {
    font-size: 46PX;
    line-height: 50PX;
    }
    .header-tile-tint-box h1 {
    padding: 25px;
    }
    .col-2-md {
    width: 100%;
    }
    .container-center797 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
@media only screen and (max-width: 500px) {
    .home-slider .slick-prev {
        left: 1vw;
    }
    .home-slider .slick-next {
        right: 1vw; 
    }
    .section-padding-80 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .inter-box-padding-40 {
        padding: 30px;
    }
}