html {
  scroll-behavior: smooth;
}
body{
	/*font-family: 'Poppins', sans-serif !important;*/
	font-family: 'Open Sans', sans-serif !important;
}
@font-face {
  font-family: art_brewery;
  src: url(fonts/art_brewery.ttf);
}
@font-face {
  font-family: century_ghotic;
  src: url(fonts/century_ghotic.ttf);
}
header{
	width: 100%;
	float: left;
	position: fixed;
	background: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: position 10s;
	-ms-transition: position 10s;
	-o-transition: position 10s;
	transition: all 0.5s ease;

	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	z-index: 100;
}
.logo{
	float: left;
	width: 60px;
	height: 80px !important;
	padding: 0 !important;
	margin-right: 30px;
}
/*.fixed {
	position: fixed;
	top: 0;
	left: 0;
	animation: smoothScroll 1s forwards; 
	z-index: 6;
}*/

.is-fixed {
	position: fixed;
	z-index: 100;
	-webkit-animation-name: stickySlideDown;
	animation-name: stickySlideDown;
	padding: 0 !important;
	-webkit-transition: none;
	transition: none;
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .08)
}

@-webkit-keyframes stickySlideDown {
  0% {
		opacity: 0.7;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
  }
  100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
  }
}

@keyframes stickySlideDown {
  0% {
		opacity: 0.7;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
  }
  100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
  }
}



@keyframes smoothScroll {
	0% {transform: translateY(-40px);}
	100% {transform: translateY(0px);}
}
.is-fixed .top_head{
	background: #fff; 
}
.top_head{
	/*padding: 6px 15px; */
	padding: 0;
}
.top_head .navbar{
	margin-bottom: 0 !important;
	padding: 6px 15px;
}
.top_head .navbar-toggle{
	padding: 20px 10px;
}
/*.collapsing,
.navbar-collapse.in{
	position: absolute;
    z-index: 1;
    background: rgb(255, 255, 255);
    width: 100%;
}*/
#mainNavbar{
	padding: 0;
}
.navbar-toggle .icon-bar{
	background: #000;
}
.micro_nav{
	float: none !important;
    margin: 0 auto !important;
    padding: 25px 0 15px;
    text-align: center;
}
.micro_nav>li{
	display: inline-block !important;
    float: none !important;
}
.micro_nav ul{
	list-style: none; 
	margin:0; 
	padding: 0;
}
.micro_nav ul li{
	display: inline-block; 
	margin:0 20px;
}
.micro_nav ul li a{
	text-decoration:none; 
	font-weight: 400; 
	color:#212121; 
	font-size: 14px;
	line-height: 24px;  
	/*font-family: 'Open Sans', sans-serif;*/
}
.micro_nav ul li a:hover,
.micro_nav ul li a:focus{
	text-decoration:none; 
	outline: none; 
	box-shadow: none;
}

.micro_nav>li>a:focus, 
.micro_nav>li>a:hover{
	background: none !important;
}
.micro_nav>li>a{
	color: #212121;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
}
.micro_nav li:hover a,
.micro_nav li .active{
	color: #e74c3c;
	position: relative;
}
.micro_nav li:hover:after,
.micro_nav li .active:after{
	content: '';
	position: absolute;
	bottom: 0;
	left:0;
	right:0;
	height: 2px;
	width: 100%;
	background: #e74c3c;
}
.micro_head .quick_quary:focus{
 text-decoration: none;
 color: #fff;
}
.quick_quary:focus{
	color: #fff;
}

.banner_txt{
	font-size: 16px !important;
}
#quickEnquiryModal label{
	font-weight: normal;
	color: #b4b1cc;
}
#quickEnquiryModal .form-control{
	border:none;
	background: #f1f2f5;
	border-radius: 15px;
	padding: 
}
#quickEnquiryModal input[type=submit]{
	background: #e74b3c;
    color: #fff;
    text-align: center;
    padding: 5px 20px;
    line-height: 30px;
    font-size: 16px;
    border-radius: 15px;
    border:none;
    margin-top: 20px;
}
#quickEnquiryModal span.wpcf7-not-valid-tip{
	position: inherit;
}
#quickEnquiryModal .wpcf7-mail-sent-ok{
	text-align: center;
}
.quick_btn{
	background: #e74b3c;
    color: #fff;
    text-align: center;
    padding: 5px 20px;
    line-height: 30px;
    font-size: 16px;
    border-radius: 5px;
    border:none;
}


.p_2nd{
	margin-top: 90px; 
	font-size: 26px;
}
.banner_3d{
	/*background: url(images/top_banner_3d.png); */
	width: 100%; 
	height: 100vh;
	float: left;
	background-size: cover; 
	background-attachment: fixed; 
	background-repeat: no-repeat; 
	background-position: 0 180px;
	/*background-position: top center;*/
	/*display: flex;
    justify-content: center;
    align-items: baseline;
    padding-bottom: 165px;*/
    /*overflow: hidden;*/
    margin-top: 100px;
    position: relative;
}
/*.layer {
  background-position: bottom center;
  background-size: auto;
  background-repeat: no-repeat;
  width: 100%;
  height: 800px;
  position: fixed;
  z-index: -1;
}*/
.layer-1{
	width: 100%;
	height: 100vh;
	/*background: url(images/banner_1.png);*/
	background-position: 0 0px;
	/*background-position: bottom;*/
	background-size: cover;
	background-repeat: no-repeat;
	transition: transform .1s ease-in-out;
	position: absolute;
	top:0;
	left: 0;
	right:0;
}
.layer-2{
	width: 100%;
	height: 100vh;
	position: absolute;
	top:0;
	left: 0;
	right:0;
	/*background: url(images/top_banner_3d_2.png);*/
	background-position: top;
	/*background-position: bottom;*/
	background-size: cover;
	background-repeat: no-repeat;
	transition: transform .1s ease-in-out;
}

.micro_banner_inner{
	margin-top: 10%;
	color: #fff;
	float: left;
    width: 53%;
    margin-bottom: 90px;
}
.micro_banner_inner h1{
	font-size: 80px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 60px;
}
.micro_banner_inner h1 span{
	color:#e74b3c;
}
.micro_banner_inner p{
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
}
.micro_banner p{
	text-transform: uppercase;
	color: #FFF;
	font-size: 20px;
    margin: 20px 0;
    letter-spacing: 2px;

}
.quick_quary{
	position: absolute;
    right: 30px;
    top: 35px;
    background: #e74b3c;
    color: #fff;
    text-align: center;
    padding: 5px 20px;
    line-height: 30px;
    font-size: 16px;
    border-radius: 5px;
}
.quick_quary:hover{
	color: #fff;
	text-decoration: none;
}
.scroll_arrow{
	width: 70px;
    height: 70px;
    border-radius: 100%;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    padding: 25px;
    text-align: center;
    margin-top: 20%;
    box-shadow: 0 3px 3px rgba(0,0,0,.3);
}
.vert_move {
  -webkit-animation: mover .8s infinite alternate;
  animation: mover .8s infinite alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0px); }
    100% { transform: translateY(5px); }
}
@keyframes mover {
    0% { transform: translateY(0px); }
    100% { transform: translateY(5px); }
}


.concept_section{
	width: 100%;
	height: 100%;
	background: #fff;
	float: left;
	/*background: url(images/concept_bg.jpg); */
	padding: 60px 0 0 0;
	background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 0 100px;
    background-size: cover;
    /*margin-top:12%;*/
}
.pipeline_txt{
	width: 35%;
	position: absolute;
	right: 0px;
	top:0;
	z-index: 1;
}
.pipeline_txt p{
	text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}

.model_section{
	width: 100%;
	height: 100%;
	float: left;
	padding:30px 0;
	padding-bottom: 0;
	/*background: url(images/casino_bg.jpg);*/
	background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 0 100px;
    background-size: cover;
}
.title{
	/*position: absolute;*/
    z-index: 1;
    right: 14%;
    padding: 20px 0 280px;
    float: right;
}

.title_2{
	/*position: absolute;*/
    /*z-index: 1;
    left: 0;
    top: 0;*/
    width: 50%;
    float: right;
    padding: 30px 0 240px 0;
}
.title_2 p{
	text-transform: uppercase;
	font-size: 16px;
}

.slick_arrow{
	position: absolute;
	top: 85px;
	left: 0;
	width: 100%;
}
.slick_arrow .prev,
.slick_arrow .prev-env,
.slick_arrow .prev-ui{
	position: absolute;
	left: -35px;
	cursor: pointer;

}
.slick_arrow .next,
.slick_arrow .next-env,
.slick_arrow .next-ui{
	position: absolute;
	right: -35px;
	cursor: pointer;
}
.model_section h4{
	/*font-family: century_ghotic;*/
	font-size: 60px; 
	font-weight: 600; 
	margin: 0 0 30px 0;
	color: #fff;
	text-transform: uppercase;
	line-height: 45px;
}
.model_section h4 span{
	font-weight: 600;
	font-size: 24px;
	color: #fff ;
}
.model_section p{
	color:#fff;
}
.model_section .slick-slide img{
	padding: 0;
}
.slider-nav .slick-slide img{
	padding: 30px 7.5px;
}
.slider-nav-enviroment .slick-slide img,
.slider-nav-uiux .slick-slide img{
	padding: 30px 7.5px;
}
.warcraft_section{
	width: 100%;
	height: 560px;
	float: left;
	/*padding: 30px 0 60px 0;*/
	background: #d7d8d3;
	/*background: url(images/casino_bg.jpg);
	background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 0 100px;
    background-size: cover;*/
}
.warcraft_title{
	position: absolute;
	z-index: 1
}
.warcraft_section h4{
	/*font-family: century_ghotic;*/
	font-size: 76px; 
	font-weight: 600; 
	margin: 30px 0;
	color: #000;
	line-height: 40px;
}
.warcraft_section h4 span{
	font-weight: 600;
	font-size: 24px;
}
.warcraft_section p{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
}
#warcraftSlider{
	margin-top: 0px;
}
#warcraftSlider .carousel-control{
	width: 5%;
	background: none;
	top:55%;
	height: 86px;
	/*display: flex;
    justify-content: center;
    align-items: center;*/
}
#warcraftSlider .carousel-control.left{
	/*align-items: flex-start;*/
	left:10%;
}

#warcraftSlider .caption_text{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.props_section{
	width: 100%;
	height: 100%;
	float: left;
	padding: 30px 0 ;
}
.props_title{
	position: absolute;
	right:25px;
	top:0;
}
#warcraftSlider .cap_right{
	font-size: 20px;
    position: absolute;
}
#warcraftSlider .cap_right span{
	font-size: 45px !important;
	line-height: 55px;
	font-weight: 900;
}
#warcraftSlider .cap_right{
	right: 100px;
    top: 80px;
}

.props_section h4{
	font-size: 60px; 
	font-weight: 600; 
	margin: 30px 0;
	color: #000;
}
.props_section h4 span{
	font-weight: normal;
	font-size: 30px;
}
.props_section p{
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

#propsSlider{
	margin-top: 105px;
}

#propsSlider .carousel-control{
	width: 5%;
	background: none;
	display: flex;
    justify-content: center;
    align-items: center;
}
#propsSlider .carousel-indicators .active{
	background-color: #e74c3c;
	width: 20px;
	height: 8px;
	border:none;
}
#propsSlider .carousel-indicators li {
	border:none;
	width: 8px;
	height: 8px;
	background: #b9b3bf;
	margin:0 2px;
}
.concept_slider{
	width: 100%;
	float: left;
	/*margin-top:-100px; */
	/*background: #fff; */
	/*padding-bottom: 45px;*/
}
.concept_slider h4{
	/*font-family: century_ghotic;*/
	font-size: 60px; 
	font-weight: 600; 
	margin: 30px 0;
	margin-top:0;
	color: #e74c3c;
	line-height: 40px;
}
.concept_slider h4 span{
	/*font-weight: normal;*/
	font-size: 25px;
	color: #000 !important;
}
.casino_title{
	font-size: 62px; 
	font-weight: 500;
}

#conceptArt .carousel-inner{
	/*background: #fff;*/
}
#conceptArt .carousel-control{
	width: 13%;
}
#conceptArt .carousel-control.left,
#conceptArt .carousel-control.right{
	background: none;
}
#conceptArt .carousel-control.right{
	/*top:30%;*/
}
#conceptArt .carousel-control{
	color: #000; 
	opacity: 0.5;
	display: flex;
    justify-content: center;
    align-items: center;
}
#conceptArt .carousel-control.left{
	/*align-items: flex-start;
    justify-content: flex-start;*/
}
#conceptArt .carousel-control:focus, 
#conceptArt .carousel-control:hover{
	color: #000; 
	opacity: 1;
}
/*#conceptArt .carousel-control img{
	width:40px;
}*/
#conceptArt .carousel-indicators {
	left: unset;
    bottom: 60px;
    margin-bottom: 0;
    right: 0;
}
#conceptArt .carousel-indicators .active{
	background-color: #e74c3c;
	width: 20px;
	height: 8px;
	border:none;
}
#conceptArt .carousel-indicators li {
	border:none;
	width: 8px;
	height: 8px;
	background: #b9b3bf;
	margin:0 2px;
}

.caption_text{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cap_right,
.cap_left{
	font-size: 20px;
    position: absolute;
}
.cap_right span,
.cap_left span{
	font-size: 45px !important;
	line-height: 55px;
	font-weight: 900;
}
.cap_right{
	right: 55px;
	top:58%;
}
.cap_left{
	top:0;
	left: 55px;
	opacity: .5
}

.uiux_sec{
	margin-top: 100px;
}


#modelSlider{
	padding-bottom: 30px;
}
#modelSlider .carousel-indicators li {
	border:none;
	width: 8px;
	height: 8px;
	background: #b9b3bf;
	margin:0 2px;
}
#modelSlider .carousel-indicators .active{
	background-color: #e74c3c;
	width: 20px;
	height: 8px;
	border:none;
}
#modelSlider .carousel-indicators {
	bottom: -30px; 
	margin-bottom: 0;
}
#modelSlider .carousel-control{
	width: 5%;
	display: flex;
    justify-content: center;
    align-items: center;
}
#modelSlider .carousel-control.left,
#modelSlider .carousel-control.right{
	background: none;
}
#modelSlider .carousel-inner>.item>img{
	margin: 0 auto;
}
.display_flex{
	display: flex;
}
.flex_center{
	display: flex;
	align-items: center;
}
.animation_section{
	width: 100%;
	float: left;
	/*background-color: #000;*/
	padding: 30px 0;
	/*background: url(images/3d_animation_banner.png);*/
	background-size:cover;
	background-repeat: no-repeat;

}

.animation_section h4{
	/*font-family: century_ghotic;*/
	font-size: 60px;
	font-weight: 600;
	color: #fff;
	line-height: 40px;
	margin-bottom: 30px;
}
.animation_section h4 span{
	font-size: 30px;
}

.animation_slider_bg{
	/*background: #2b313f;*/
	position: relative;
	/*margin:100px 0;*/
}

#animationSlider{
	/*padding: 75px 0;*/
}
#animationSlider .item button{
	background: none;
	width:40px;
	height: 40px;
	border:none;
	box-shadow: none;
}
#animationSlider .item button:focus{
	outline: none;
	box-shadow: none;
}
#animationSlider .item button img{
	width:100%;
}
#animationSlider .carousel-control{
	width: 5%;
	display: flex;
    justify-content: center;
    align-items: center;
}

#animationSlider .carousel-control.left,
#animationSlider .carousel-control.right{
	background: none;
}
#animationSlider .carousel-control{
	color: #fff; 
	opacity: 0.5;
}
#animationSlider .carousel-control:focus, 
#animationSlider .carousel-control:hover{
	color: #fff; 
	opacity: 1;
}
#animationSlider .carousel-indicators {
	bottom: -110px; 
	margin-bottom: 0;
}
#animationSlider .carousel-indicators .active{
	background-color: #e74c3c;
	width: 20px;
	height: 8px;
	border:none;
}
#animationSlider .carousel-indicators li {
	border:none;
	width: 8px;
	height: 8px;
	background: #b9b3bf;
	margin:0 2px;
}

.slider-nav div,
.slider-nav-enviroment div{
	cursor: pointer;
}

.playpause{
	position: absolute;
	width: 100px;
	height: 100px;
	left: 0;
	right: 0;
	top: 40%;
	/*bottom: 0;*/
	margin: 0 auto;
}
.playpause img{
	width:100%;
}

#projectSlider .carousel-control{
	width: 5%;
	height: 86px;
	top:-158px;
	display: flex;
    justify-content: center;
    align-items: center;

}

#projectSlider .carousel-control.left,
#projectSlider .carousel-control.right{
	background: none;
}

#projectSlider .carousel-control:focus, 
#projectSlider .carousel-control:hover{
	color: #fff; 
	opacity: 1;
}

#projectSlider .carousel-indicators .active{
	background-color: #e74c3c;
	width: 20px;
	height: 8px;
	border:none;
}

#projectSlider .carousel-indicators li {
	border:none;
	width: 8px;
	height: 8px;
	background: #b9b3bf;
	margin:0 2px;
}

#projectSlider .carousel-indicators {
	bottom: -25px;
    margin-bottom: 0;
}

.game_section{
	width: 100%;
	float: left;
	background: #fff;
	padding: 60px 0;
}
.game_section h4{
	/*font-family: century_ghotic;*/
	font-size: 45px;
	font-weight: 600;
	text-align: center;
	color: #e74c3c;
	margin: 30px;
}
.game_section h4 sup{
	font-family: art_brewery;
	font-size: 50px;
	font-weight: normal;
	color: #041617 !important;
}

#gameLogoSlider{
	padding-bottom: 20px;
}
#gameLogoSlider .carousel-control{
	width: 5%;
}

#gameLogoSlider .carousel-inner{
	background: #fff;
}
#gameLogoSlider .carousel-control.left,
#gameLogoSlider .carousel-control.right{
	background: none;
}
#gameLogoSlider .carousel-control{
	color: #000; 
	opacity: 0.5;
}
#gameLogoSlider .carousel-control:focus, 
#gameLogoSlider .carousel-control:hover{
	color: #000; 
	opacity: 1;
}
#gameLogoSlider .carousel-indicators li {
	border:none;
	width: 8px;
	height: 8px;
	background: #b9b3bf;
	margin:0 2px;
}
#gameLogoSlider .carousel-indicators .active{
	background-color: #e74c3c;
	width: 20px;
	height: 8px;
	border:none;
}
/*#gameLogoSlider .card{
	background: #eeeff1;
}*/
#gameLogoSlider .card img{
	width: 100%;
	padding: 50px 0;
}
#gameLogoSlider .carousel-indicators {
	bottom: -30px; 
	margin-bottom: 0;
}
.clients_section{
	width: 100%;
	float: left;
	padding-bottom: 30px;
	background: #fff;
}
.connect_section{
	width: 100%;
	float: left;
	/*background: url(images/footer_bg.jpg);*/
	background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    padding-bottom: 0;
}
.connect_section p{
	margin: 30px 0;
}
.connect_section a{
	background: #ea5545;
	padding: 15px 30px;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 60px;
	line-height: 60px;
}
.connect_section a:hover,
.connect_section a:focus{
	color: #fff;
	text-decoration: none;
}

.project_section{
	width: 100%;
	float: left;
	padding-top: 50px;
	background-color: #000;
	/*background: url(images/footer_bg.jpg);
	background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 0 100px;
    background-size: cover;*/
}
.project_section h4{
	/*font-family: century_ghotic;*/
	font-size: 76px;
	font-weight: 600;
	color: #fff;
	line-height: 40px;
	margin-bottom: 40px;
	margin-top: -15px;
}
.project_section h4 span{
	font-size: 24px;
	font-weight: 600;
}
.project_section p{
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
}
#project .carousel-control{
	background: none;
	width:5%;
	color: #000;

}
#project .prev{
	left: -8%
}
#project .next{
	right: -8%
}
.copy_text{
	color: #fff;
	font-size: 16px;
	padding: 20px;
}

.micro_foot{
	width: 100%;
	float: left;
	padding: 20px 0;
	background: #e74c3c;
	/*margin-top: -10%;
	padding-top: 20%;*/
}
.micro_foot h2{
	color: #fff;
	font-size: 68px;
	text-align: center;
}
.social_links{
	margin: 0 auto;

}
.social_links td{
	padding: 0 10px;
	text-align: center;
}
.social_links i{
	width: 35px;
	height: 35px;
	background: #fff;
	color: #2f2f2f;
	border-radius: 25px;
	line-height: 35px;
	font-size: 16px;
}

.slick-slide img{width:100%; padding: 15px;}

:focus{
	outline: none;
	box-shadow: none;
}

/*---------------------Gallery-----------------------------*/

figure {
    margin: 0;
    padding: 0;
}

@media (max-width: 756px) {
    .gallery {
        display: block;
    }
}

@media (min-width: 757px) {
    .gallery {
        display: grid;
    }
    .gallery-2 {
        display: grid;
    }
}

.wrap {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding: 15px;
    /*background: #fff;*/
}

.gallery {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(24, 5vw);
    grid-gap: 0; /*15px;*/
    width: 100%;
    /*padding-top: 60px;*/
}
.gallery-2 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(6, 5vw);
    grid-gap: 0; /*15px;*/
    width: 100%;
    display: grid;
    /*padding-top: 60px;*/
}

.gallery__item--1 {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 4;
}

.gallery__item--2 {
    grid-column-start: 4;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 7;
}

.gallery__item--3 {
    grid-column-start: 7;
    grid-column-end: 11;
    grid-row-start: 1;
    grid-row-end: 7;
}

.gallery__item--4 {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 7;
}

.gallery__item--5 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 7;
    grid-row-end: 13;
}

.gallery__item--6 {
    grid-column-start: 5;
    grid-column-end: 8;
    grid-row-start: 7;
    grid-row-end: 13;
}

.gallery__item--7 {
    grid-column-start: 8;
    grid-column-end: 11;
    grid-row-start: 7;
    grid-row-end: 10;
}

.gallery__item--8 {
    grid-column-start: 8;
    grid-column-end: 11;
    grid-row-start: 10;
    grid-row-end: 13;
}

.gallery__item--9 {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 13;
    grid-row-end: 16;
}

.gallery__item--10 {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 16;
    grid-row-end: 19;
}

.gallery__item--11 {
    grid-column-start: 4;
    grid-column-end: 7;
    grid-row-start: 13;
    grid-row-end: 19;
}

.gallery__item--12 {
    grid-column-start: 7;
    grid-column-end: 11;
    grid-row-start: 13;
    grid-row-end: 19;
}

.gallery__item--13 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 19;
    grid-row-end: 25;
}

.gallery__item--14 {
    grid-column-start: 5;
    grid-column-end: 8;
    grid-row-start: 19;
    grid-row-end: 25;
}

.gallery__item--15 {
    grid-column-start: 8;
    grid-column-end: 11;
    grid-row-start: 19;
    grid-row-end: 22;
}

.gallery__item--16 {
    grid-column-start: 8;
    grid-column-end: 11;
    grid-row-start: 22;
    grid-row-end: 25;
}

.gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .4s linear;
}

.gallery__item {
    overflow: hidden;
}

.gallery__item > a {
    display: block;
    width: 100%;
    height: 100%;
}

.gallery__img:hover {
    opacity: 1;
    /*transition: .4s linear;
    transform: scale(1.1);*/
}

.lightbox {
    position: fixed;
    z-index: 999;
    height: 0;
    width: 0;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.lightbox img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    opacity: 0;
}

.lightbox:target {
    outline: none;
    width: 100%;
    height: 100%;
    opacity: 1 !important;
    
}
.lightbox:target img {
    opacity: 1;
    transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.btn-close {
    font-size: 32px;
    display: block;
    margin: 0 auto;
    max-width: 200px;
    width: 100%;
    padding: 0 20px;
    color: white;
    font-weight: bold;
    text-decoration: none;
    height: auto;
}


/*---------------------GALLERY------------------------*/
.gallery_modal {
  display: none;
  position: fixed;
  z-index: 999;
  padding-top: 20px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,.7);
}

/* Modal Content */
.gallery_modal-content {
	position: relative;
	/*background-color: #fefefe;*/
	margin: auto;
	padding: 0;
	width: 100%;
	max-width: 980px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* The Close Button */
.modal_close {
  color: white !important;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
  z-index: 1;
}

.modal_close:hover,
.modal_close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
  text-align: center;
  /*height: 460px;*/
  /*max-width: 960px;*/
  width: 100%;
}
.mySlides img{
	width: 100%;
	/*height: 100%;*/
	/*transform: translate(0px, -60px) scale(.8);*/
}
.mySlides img:hover{
	opacity: 1;
    /*transition: .4s linear;*/
    /*transform: translate(0px, -60px) scale(.8);*/
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.gallery_modal .prev,
.gallery_modal .next {
  cursor: pointer;
  /*position: absolute;*/
  /*top: 50%;*/
  width: auto;
  padding: 16px;
  /*margin-top: -50px;*/
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  /*border-radius: 0 3px 3px 0;*/
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.gallery_modal .prev{
	border-radius: 3px 0px 0px 3px;
}
.gallery_modal .next {
  /*right: 0;*/
  border-radius: 0px 3px 3px 0px;
}

/* On hover, add a black background color with a little bit see-through */
.gallery_modal .prev:hover,
.gallery_modal .next:hover {
  background-color: rgba(231, 76, 60, .8);
  text-decoration: none;
}


.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  transition-duration: 1s; 

}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
  transition-duration: 1s;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
  transition-duration: 1s;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          transition-duration: 1s;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.slick-prev, 
.slick-next{
	width: 25px !important;
	height: 50px !important;
	z-index: 9;
}
.slick-next::before {
	content: " " !important;
    background-image: url(images/arrow_right.png);
    background-size: 100%;
    width: 20px;
    height: 44px;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
}

.slick-prev::before {
	content: " " !important;
    background-image: url(images/arrow_left.png);
    background-size: 100%;
    width: 20px;
    height: 44px;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
}

.slick-lightbox-close:before{
	font-size: 40px !important;
	font-weight: 600 !important;
	opacity: 1 !important;
}

a:focus{
	outline: none !important;
	box-shadow: none !important;
}

.slick-disabled {
    opacity: .5;
    pointer-events:none;
}
.contact_form{
	background: #fff;
	padding: 30px 15px;
	margin-top: 108px;
	border-radius: 25px;
}
.form_field{
	width: 100%;
	float: left;
	padding: 15px 0px;
}
.form_field label{
	font-weight:normal;
	text-transform: uppercase;
	color: #b4b1cc;
	font-size: 12px;
	position: absolute;
	top: 5px;
    left: 30px;
}
.form_field input,
.form_field textarea{
	width: 100%;
	display: block;
	border:none;
	background: #f1f2f5;
	padding: 5px 15px;
	height:55px;
	font-size: 16px;
	padding-top: 20px;
	/*border: 1px solid #d9d9d9;*/
	/*box-shadow:inset 1px 2px 0 rgba(0,0,0,.06);*/
	margin-bottom: 30px;
	border-radius: 15px;
}
.form_field textarea{
	resize: vertical;
	height: 120px !important;
}
.form_field input:focus,
.form_field textarea:focus{
	box-shadow: none;
	outline: none;
}
.form_field input[type=submit]{
	background: #ea5545;
	padding: 0px 30px;
	color: #fff;
	font-size: 16px;
    font-weight: normal;
    line-height: 50px;
    text-transform: uppercase;
    border:none;
    border-radius: 15px;
}
span.wpcf7-not-valid-tip{
	position: absolute;
    bottom: 5px;
}
.wpcf7-validation-errors{
	text-align: center;
}
.screen-reader-response{
	display: none;
}
.form_btn{
	border: none;
	background: #ea5545;
    padding: 0px 30px;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    line-height: 50px;
    text-transform: uppercase;
    border-radius: 15px;
    font-weight: normal;
}
/*---------------------GALLERY------------------------*/



[type=radio] {
  display: none;
}

#slider {
  height: 35vw;
  position: relative;
  perspective: 1000px;
  transform-style: preserve-3d;
}

#slider label {
  margin: auto;
  width: 60%;
  height: 100%;
  border-radius: 4px;
  position: absolute;
  left: 0; right: 0;
  cursor: pointer;
  transition: transform 0.4s ease;
}

#s1:checked ~ #slide4, #s2:checked ~ #slide5,
#s3:checked ~ #slide1, #s4:checked ~ #slide2,
#s5:checked ~ #slide3 {
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.37);
  transform: translate3d(-30%,0,-200px);
}

#s1:checked ~ #slide5, #s2:checked ~ #slide1,
#s3:checked ~ #slide2, #s4:checked ~ #slide3,
#s5:checked ~ #slide4 {
  box-shadow: 0 6px 10px 0 rgba(0,0,0,.3), 0 2px 2px 0 rgba(0,0,0,.2);
  transform: translate3d(-15%,0,-100px);
}

#s1:checked ~ #slide1, #s2:checked ~ #slide2,
#s3:checked ~ #slide3, #s4:checked ~ #slide4,
#s5:checked ~ #slide5 {
  box-shadow: 0 13px 25px 0 rgba(0,0,0,.3), 0 11px 7px 0 rgba(0,0,0,.19);
  transform: translate3d(0,0,0);
}

#s1:checked ~ #slide2, #s2:checked ~ #slide3,
#s3:checked ~ #slide4, #s4:checked ~ #slide5,
#s5:checked ~ #slide1 {
  box-shadow: 0 6px 10px 0 rgba(0,0,0,.3), 0 2px 2px 0 rgba(0,0,0,.2);
  transform: translate3d(15%,0,-100px);
}

#s1:checked ~ #slide3, #s2:checked ~ #slide4,
#s3:checked ~ #slide5, #s4:checked ~ #slide1,
#s5:checked ~ #slide2 {
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.37);
  transform: translate3d(30%,0,-200px);
}

#slide1 { background: #00BCD4 }
#slide2 { background: #4CAF50 }
#slide3 { background: #CDDC39 }
#slide4 { background: #FFC107 }
#slide5 { background: #FF5722 }


@media only screen and (max-width: 768px) {
	.concept_slider h4{
		font-size: 35px;
		margin: 25px 0;
	}
	.casino_title,
	.animation_section h4,
	.game_section h4,
	.project_section h4{
		font-size: 45px;
	}
	.quick_quary{
		right: 83px;
    	top: 86px;
    	padding: 5px 16px;
	    line-height: 30px;
	}
}
@media only screen and (max-width: 680px) {
	.quick_quary {
	    right: 115px;
	    top: 25px;
	    padding: 5px 16px;
	    line-height: 30px;
	}
}

@media only screen and (max-width: 480px) {
	.banner_3d{
		height: 80vh;
	}
	.quick_quary {
	    right: 96px;
	    top: 24px;
	    padding: 5px 16px;
	    line-height: 30px;
	}
	.micro_banner{
		height: 60vh;
	}
	.micro_banner_inner{
		margin-top: 10%;
		width: 100%
	}
	.micro_banner_inner img{
		width: 75%;
	}
	.scroll_arrow img{
		width: 100%;
	}
	.concept_section{
		padding: 0;
	}
	.concept_slider h4{
		font-size: 30px;
		margin: 25px 0;
		line-height: 30px;
	}
	.casino_title,
	.model_section h4,
	.animation_section h4,
	.game_section h4,
	.project_section h4,
	.warcraft_section h4,
	.props_section h4{
		font-size: 30px;
		line-height: 30px
	}
	.warcraft_section h4 span{
		font-size: 18px;
	}
	.mySlides img,
	.mySlides img:hover
	{width: 100%; transform: unset;}

	#conceptArt .carousel-control img{
	width:25px;
	}
	.cap_right span, .cap_left span{
		font-size: 30px !important;
    	line-height: 30px;
	}
	.cap_right, .cap_left{
		font-size: 16px;
	}
	.cap_left{
		left: 30px;
	}
	.cap_right{
		right: 28px;
	}

	#modelSlider .carousel-control{
		width: 10%;
	}

	#warcraftSlider .carousel-control img{
	width:25px;
	}
	#warcraftSlider .cap_right {
	    font-size: 16px;
	    right: 32px;
    	top: 0;
	}
	#warcraftSlider .cap_right span {
	    font-size: 30px !important;
	    line-height: 30px;
	}
	#animationSlider video{
		height: auto;
	}
	.playpause{
		top: 20%;
	}

	.pipeline_txt{
		position: relative;
		width: 100%;
	}
	.title{
		position: relative;
		right: 0;
	}
	.title h4{
		color: #fff;
		line-height: 30px;
	}
	.title h4 span{
		color: #fff;
		font-size: 18px;
	}
	.concept_slider h4 span{
		font-size: 18px;
	}
	.model_section p{
		color: #fff;
	}
	.title_2{
		position: relative;
		width: 100%;
		margin-top: 0;
	}
	.title_2 h4{
		color: #fff;
	}
	.slick_arrow{
		display: none;
	}
	.warcraft_title{
		position: relative;
	}
	#projectSlider .carousel-control.left{
		left: 20px;
	} 
	#projectSlider .carousel-control.right{
		right: 20px;
	}
	.warcraft_section{
		height: auto;
	}
	#warcraftSlider {
	    margin-top: 0px;
	}
	.micro_nav>li{
		display: block !important;
	}
	.micro_banner_inner h1{
		font-size: 50px;
		margin-bottom: 30px;
	}
	.micro_banner_inner p{
		font-size: 16px;
	}
	.p_2nd{
		margin-top: 50px; 
		font-size: 20px;
	}

	.uiux_sec{
		margin-top: 0px;
	}

}