@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

body{
margin:0px;
}

a{
text-decoration:none;
}
img{
border:0;
}
.image-left{
float:left;
margin-right:15px;
margin-bottom:10px;
}

p{
margin-top:0;
}
.clr{
clear:left;
}

h1{
font-family: 'Oswald', sans-serif;
font-size:18px;
color:#99cc33;
margin-top:0;
text-transform:uppercase;
float:left;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#383838;
margin-top:0;
margin-bottom:0;
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#6d6d6d;
margin-top:0;
margin-bottom:0;
}

.sub_title{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#cc3300;
font-weight:bold;
}


.running_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#626262;
	text-align:justify;
}
.image-border{
border:1px solid #ccc;
padding:10px;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
}

#header_bar_main, #nav_banner_bar_main, #contaniner_bar_main, #footer_bar_main, #copyright_bar_main{
	width:100%;
	float:left;
}
#nav_banner_bar_main{
padding-bottom:40px;
}

#header_bar_main{
background-color:#efeff0;
}
#nav_bar_main{
background-color:#fff;
}

#footer_bar_main{
background-color:#31353d;

}
#copyright_bar_main{
text-align:center;
background:#292d33;
padding:10px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#59606e;
}

#copyright_bar_main a{
color:#59606e;
}

#copyright_bar_main a:hover{
color:#7c8493;
}

#header_bar, #banner_bar, #nav_bar, #home_four_inner_fl_bx, #container, #footer{
	width:90%;
	max-width:1500px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#header_bar{
	height:80px;
	padding-top: 30px;
	text-align:none;
}

#nav_bar{
	height:59px;
	background-color:#8dbf41;
	font-family: 'Oswald', sans-serif;
	font-size:17px;
	color:#FFFFFF;
	padding-top:1px;
	
}

#banner_bar{
margin-top:40px;
}

#banner_bar img{
width:100%;
height:auto;
max-width:1500px;
}

#home_four_fl_bx{
width:100%;
float:left;
background-color:#efeff0;
margin-top:40px;
padding-top:30px;
padding-bottom:30px;
}

#home_four_inner_fl_bx{
position:relative;
}

#home_four_inner_fl_bx ul li h1{
	position:absolute;
	font-family: 'Oswald', sans-serif;
	/*font-size:20px;*/
	/*font-size: 3.0vh;*/
	color:#000;
	padding-left:20px;
	top: 0px;
	z-index:5;
	cursor:pointer;
	text-transform:none;
	text-shadow: 0 0 8px #fff;
	-webkit-text-shadow: 0 0 8px #fff;
	-moz-text-shadow: 0 0 8px #fff;
	-ms-text-shadow: 0 0 8px #fff;
	-o-text-shadow: 0 0 8px #fff;
	left: 153px;
	height: 132px;
	width: 141px;
	margin-top:-35px;
}

#home_four_inner_fl_bx ul{
margin:0;
padding:0;
list-style-type:none;

}
#home_four_inner_fl_bx ul li{
float:left;
margin-right:1.5%;
}
#home_four_inner_fl_bx ul li{
height:129px;
width:23.4444%;
height:auto;
overflow: hidden;
position: relative;
border:1px solid #999999;
}

#home_four_inner_fl_bx ul li img{
width:100%;
height:auto;
}

#home_four_inner_fl_bx ul li:last-child{
margin-right:0;
}

#home_four_inner_fl_bx ul li img{
 -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  /*-webkit-filter: sepia(100%);
  -moz-filter: sepia(100%);*/
}

#home_four_inner_fl_bx ul li:hover img{
  -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
   cursor:pointer;
}



iframe{
margin-left:25px;
margin-bottom:25px;
float:right;
width:400px;
height:280px;
}


#container{
padding:20px 0;
}



/* game and development css */
.split_line {
	background-color: #e6e6e6;
	float: left;
	height: 1px;
	margin-bottom: 20px;
	margin-top: 10px;
	position: relative;
	width: 100%;
}

.game_dev_three_split_fl_bx{
width:100%;
max-width:1500px;
float:left;
padding-bottom:20px;
}

.game_dev_three_split_fl_bx ul{
margin:0;
padding:0;
list-style-type:none;

}

.game_dev_three_split_fl_bx ul li{
float:left;
width:20%;
margin-left:6%;
margin-right:6%;
display:block;
text-align:center;
}
.game_dev_three_split_fl_bx ul li img {
margin-bottom:10px;
}

.game_dev_three_split_fl_bx ul li span{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#99cc33;
margin-top:0;
text-transform:uppercase;
font-weight:bold;
display:block;
text-align:center;
}

.game_dev_three_split_fl_bx ul li p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#999999;
}
.game_dev_about_fl_bx{
width:100%;
max-width:1500px;
/*float:left;*/
padding-bottom:20px;
text-align:center
}
.game_dev_about_fl_bx img{
max-width:798px;
width:100%;
margin-top:20px;
height:auto;
}
.game_dev_about_fl_bx p{
text-align:center;
}


.game_dev_icon_fl_bx{
width:100%;
max-width:1500px;
/*float:left;*/
padding-bottom:20px;
}

.game_dev_icon_fl_bx ul{
margin:0;
padding:0;
list-style-type:none;
}

.game_dev_icon_fl_bx ul li{
display:inline-block;
width:30%;
margin-right:4%;
/*float:left;*/
}

.game_dev_icon_fl_bx ul li:nth-child(3){
margin-right:0;
}

.game_dev_icon_fl_bx ul li img{
float:left;
margin-right:5%;
margin-bottom:50px;
}

.game_dev_icon_fl_bx ul li span{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#99cc33;
margin-top:0;
text-transform:uppercase;
font-weight:bold;
display:block;
}

.game_dev_icon_fl_bx ul li p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#999999;
}

/* footer css */

#footer{
padding-top:40px;
position:relative;
}

#footer ul{
margin:0;
padding:0;
list-style:none;
width:auto;
margin-right:7%;
margin-bottom:40px;
float:left;
height:150px;

}
#footer ul:last-child{
margin-right:0px;
}

#footer ul span{
margin-bottom:10px;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#8dbf41;
text-transform:uppercase;
}
#footer ul li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#59606e;
line-height:2;
}

#footer ul li a{
color:#59606e;
}

#footer ul li a:hover{
color:#7c8493;
}


/* contact us css */

.contact_lt_fl_bx{
width:66.666%;
max-width:1000px;
float:left;
}

.contact_form_fl_bx{
width:33.333%;
max-width:500px;
float:left;
}

.contact_form_fl_bx span{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#676666;
font-weight:bold;
margin-bottom:10px;
}

.contact_form_fl_bx input[type="text"]{
width:97%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
height:20px;
border:1px solid #CCCCCC;
margin-bottom:10px;
padding:5px;
}

.contact_form_fl_bx textarea{
width:97%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
height:100px;
border:1px solid #CCCCCC;
margin-bottom:10px;
padding:5px;
resize:none;
}

.submit{
background-color:#8dbf41;
padding:5px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
cursor:pointer;
border:none;
}

#client{
}

#client ul{
margin:0;
padding:0;
list-style-type:none;
}

#client ul li{
float:left;
width:20%;
margin-right:5%;
margin-bottom:5%;
}



#client ul li img{
float:left;
border:1px solid #ccc;
padding:3%;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
width:100%;
height:auto;
}


dl{
width:100%;
float:left;
background-color:#f4f4f4;
padding-bottom:20px;
}

dd p{
text-align:justify;
}

dt{
display:block;
text-align:center;
padding:10px;
background-color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
}

dd{
float:left;
padding-left:2%;
padding-right:2%;
padding-top:10px;
padding-bottom:10px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#5c5c5c;
}

.ride_hold_bx{
margin-right:20px;
max-width:325px;
padding:2%;
float:inlie-block;
border:1px solid #cbcbcb;
margin-bottom:40px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
/*-webkit-box-shadow: 0 0 5px 5px #ebebeb;
box-shadow: 0 0 5px 5px #ebebeb;*/
background-color:#FFFFFF;
display:inline-block;
vertical-align:top;
}
.ride_hold_bx img{
border:1px solid #999999;
padding:3px;
width:98%;
height:auto;
}


.ride_hold_bx h3{
text-align:center;
font-size:20px;

}

.advisory_top_split_bx{
	width:100%;
	float:left;
}

/* image resize */
.image-resize{
width:100%;
height:auto;
}
.image-btm{
margin-bottom:10px;
}
.btm{
margin-bottom:20px;
}
.title_btm{
margin-bottom:20px;
}
.image-hide{
display:none;
}

/* gallery css */

ul#portfolio  {
margin:0;
padding:0;
margin-left:-7px;
}

ul#portfolio li  {
list-style-type:none;
}



/* Back to top button  */
#back-top {
	position: fixed;
	bottom: 75px;
	right:10px;
	}
#back-top a {
	width: 45px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color:#8dbf41;
}

/* arrow icon (span tag) BOTTOM TO TOP */
#back-top span {
	width: 45px;
	height: 25px;
	display: block;
	margin-bottom: 7px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	/*background-color: #FF0000;*/
	background-image: url(../images/up-arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#back-top a:hover span {
	/*background-color: #777;*/
	background-image: url(../images/up-arrow-hover.png);
	background-repeat: no-repeat;
	background-position: center center;
	
}

/* Testimonials css */

#testimonials{
}
#testimonials ul{
margin:0;
padding:0;
list-style-type:none;
}
#testimonials ul li{
display:inline-block;
border: 1px solid #cbcbcb;
border-radius: 10px;
box-shadow: 0 0 10px 3px #ebebeb;
padding:2%;
width:28%;
margin-right:1%;
margin-bottom:20px;
vertical-align:top;
}

#testimonials ul li:nth-child(3n){
margin-right:0;
}





/* social icon css */

ul.social {
margin:0;
padding:0;
float: right;
margin: 21px 0;
position: relative;
/*z-index: 5;
*/}
ul.social li {
float:left;
list-style-type:none;
margin-right:10px;
margin-top:10px;
}
.social li:last-child {
margin-right:0;
 }
.social li a {
color:#b8b8b8;
-webkit-transition: color .5s ease-in-out;
-moz-transition: color .5s ease-in-out;
-ms-transition: color .5s ease-in-out;
-o-transition: color .5s ease-in-out;
transition: color .5s ease-in-out;
 }
.social li a:hover {
 color: #606062;
}

.google_map_box{
float: left;
padding-bottom: 20px;
width:100%;
margin-top:25px;
}

.split_column{
margin:0;
margin-left:10px;
padding:0;
-moz-column-count:3;
-moz-column-width:100%;
-webkit-column-count:3;
-webkit-column-width:100%;
-ms-column-count:3;
-ms-column-width:100%;
}

/* game css */

#game{

}

#game ul{
margin:0;
padding:0;
list-style-type:none;
}
#game ul li{
width:31%;
display:inline-block;
margin-right:2%;
margin-bottom:5%;
/*border:1px solid #c1c1c1;
padding:1%;*/
}


#game ul li img{
width:100%;
float:left;
margin-bottom:10px;
}

#game ul li h1{
text-align:center;
display:block;
float:none;
}


#game ul li p{
color:#666666;
float:left;
text-align:justify;
}






/* Common CSS */
.img-responsive{max-width: 100%;height: auto;}
.line{width:100%;height:1px;background-color:#c7c7c7;float:left;margin-top:15px;margin-bottom:15px;}
.trans{transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
.width-twefive{width:25%;}
.width-off{width:50%;}
.width-sevfive{width:75%;}
.width-hund{width:100%;}
.rel{position:relative !important;}
.abs{position:absolute !important;}
.block{display:block !important;}
.inline-block{display:inline-block !important;}
.inline{display:inline !important;}
.lt-float{float:left !important;}
.rt-float{float:right !important;}
.flt-none{ float:none !important;}
.margin{margin-left:auto !important;margin-right: auto !important;}
.margin0{ margin:0 !important;}
.no-wrap{white-space:nowrap !important;}
.clr{clear:left;}
.point-event{pointer-events:none !important;}
.cursor{ cursor:pointer;}
.italic{font-style:italic !important;}
.uni-color{color:#333 !important;}
.up-case{text-transform:uppercase !important;}
.low-case{text-transform:lowercase !important;}
.capitalize{text-transform:capitalize !important;}
.txt-trans{text-transform:none !important;}
.text-just{text-align:justify !important;}
.cent{text-align:center !important;}
.txt-lt{ text-align:left !important;}
.txt-rt{ text-align:right !important;}
.btm{bottom:0 !important;}
.tpm{top:0 !important;}
.ltm{left:0 !important;}
.rtm{right:0!important;}
.vert-mid{ vertical-align:middle !important;}
.require{color:red !important;font-size:15px !important;/*vertical-align: super;*/}
.font-x1{ font-size:18px !important;}
.font-x2{ font-size:16px !important;}
.font-x3{ font-size:14px !important;}
.font-x4{ font-size:12px !important;}
.font-x5{ font-size:10px !important;}

.bold{ font-weight:bold !important;}
.font-fam{ font-family:'Open Sans', sans-serif !important;}
.field-bx {margin-bottom: 20px;width: 48%;}

.pad0{ padding:0px !important;}
.pad5{ padding:5px !important; }
.pad10{ padding:10px !important; }
.pad15{ padding:15px !important; }
.pad20{ padding:20px !important; }

.mar-btm0{margin-bottom:0px !important;}
.mar-btm5{margin-bottom:5px !important;}
.mar-btm10{margin-bottom:10px !important ;}
.mar-btm15{margin-bottom:15px !important;}
.mar-btm20{margin-bottom:20px !important;}

.mar-tp0{margin-top:0px !important;}
.mar-tp5{margin-top:5px !important;}
.mar-tp10{margin-top:10px !important;}
.mar-tp15{margin-top:15px !important;}
.mar-tp20{margin-top:20px !important;}

.mar-lt0{margin-left:0px !important;}
.mar-lt5{margin-left:5px !important;}
.mar-lt10{margin-left:10px !important;}
.mar-lt15{margin-left:15px !important;}
.mar-lt20{margin-left:20px !important;}

.mar-rt0{margin-right:0px !important;}
.mar-rt5{margin-right:5px !important;}
.mar-rt10{margin-right:10px !important;}
.mar-rt15{margin-right:15px !important;}
.mar-rt20{margin-right:20px !important;}

.pad-tp0{padding-top:0px !important;}
.pad-tp5{padding-top:5px !important;}
.pad-tp10{padding-top:10px !important;}
.pad-tp15{padding-top:15px !important;}
.pad-tp20{padding-top:20px !important;}

.pad-btm0{padding-bottom:0px !important;}
.pad-btm5{padding-bottom:5px !important;}
.pad-btm10{padding-bottom:10px !important;}
.pad-btm15{padding-bottom:15px !important;}
.pad-btm20{padding-bottom:20px !important;}

.pad-rt0{padding-right:0px !important;}
.pad-rt5{padding-right:5px !important;}
.pad-rt10{padding-right:10px !important;}
.pad-rt15{padding-right:15px !important;}
.pad-rt20{padding-right:20px !important;}

.pad-lt0{padding-left:0px !important;}
.pad-lt5{padding-left:5px !important;}
.pad-lt10{padding-left:10px !important;}
.pad-lt15{padding-left:15px !important;}
.pad-lt20{padding-left:20px !important;}

.pad-a0{ padding:0px !important;}
.mar-a0{ margin:0px !important;}
.brd-a0{ border:none !important;}

.brd-tp{ border-top:1px solid #cccccc !important;}
.brd-btm{ border-bottom:1px solid #cccccc !important;}
.brd-lt{ border-left:1px solid #cccccc !important;}
.brd-rt{ border-right:1px solid #cccccc !important;}
.brd-al{ border:1px solid #cccccc !important;}
.brd-btm-n{ border-bottom:none !important;}
.brd-tp-n{ border-top:none !important;}
.brd-lt-n{ border-left:none !important;}
.brd-rt-n{ border-right:none !important;}

.brd-rad{border-radius: 0px!important;}



.bx-link {display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 5;}