html{
	width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    font-size: 100%;
	font-family: 'Prompt', sans-serif;
	background:#ffffff;
	margin: 0;
	/*align-items:center; */
	justify-content:center;
	display: -webkit-flex; 
}

body {
	/*width: 1920px;
	height: 1080px;*/
	padding: 0;
	margin: 0;
	/*align-items:center; */
	justify-content:center;
	display: -webkit-flex; 
}

p,ul li,ol li{
	margin:0;
	font-size:14px;
	list-style-type: none;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Prompt', sans-serif;
	margin:0;
}
ul,label{
	margin:0;
	padding:0;
}
body a:hover{
	text-decoration:none;
}
input[type="submit"],input[type="reset"],a,.w3_agileits_services1_grid1{
	-webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    -ms-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    transition:0.5s ease-in;
}
#container {
	background:url(/images/bg.png) no-repeat 0px 0px;
	background-color: #000000;
	background-size:cover;
	background-attachment:fixed;
	background-position:center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	justify-content:center;
	display: -webkit-flex; 
}
#bg-mark {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0, 0, 0.5);
}

.navbar-left {

}
.banner-bottom {
	/*height: 100%;*/
	padding-top: 4em;
}

/*-- banner --*/
.banner{
	background:url(/images/banner_aboutus.png) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	min-height:625px;
	position: relative;
}
.banner1{
	background:url(/images/banner_aboutus.png) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	min-height:475px;
	position: relative;
}

.banner_joinus{
	/*background:url(/images/joinus/banner-joinus.png) no-repeat 0px 0px;*/
	background:url(/images/banner_aboutus.png) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	min-height:475px;
	position: relative;
}

.banner_business{
	background:url(/images/business/banner_business.png) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	min-height:475px;
	position: relative;
}
.logo_banner{
	/*width: 182px;*/
	height: 40px;
}

/*-- nav --*/
.navbar-default {
    background: none;
    border: none;
}
.navbar {
    margin-bottom: 0;
}
.navbar-collapse {
    padding: 0;
}
.navbar-right {
    margin-right: 0;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background:none;
    text-shadow: 0 0 15px #fff, 0 0 30px hsl(0deg 0% 100% / 30%);
    color: #fff;
}
.navbar-default .navbar-nav > li > a {
    font-weight: 500;
    letter-spacing: 1px;
}
.navbar-nav > li > a {
    margin: 0;
    padding:0 1.5em;
	text-transform: capitalize;
	color:#59616D;
}
.navbar-default .navbar-nav > li > a:hover{
    color:#ec9114;
}
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
	outline:none;
}
nav.navbar.navbar-default {
    background: url(/images/13_en.png) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    padding:1em;
    width: 100%;
    position: absolute;
    top: 0px;
}
.navbar-right {
    float: left !important;
    /*padding: 1em 0 0 1em;*/
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color:#fff;
    background: none;
}
.navbar-default .navbar-nav > li > a {
	font-family: PingFangSC-Semibold;
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 50px;
}
.navbar-default .navbar-nav  > .active.open > a:focus {
	background:transparent;
	color: #ffffff;
}
.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #fff;
}
.navbar-brand {
    height: 42px;
    padding: 0;
    font-size: 1.1em;
    line-height: 35px;
	letter-spacing: 2px;
}
.navbar-brand span{
	color: #0accff;
}
.link-effect-2 a {
  overflow: hidden;
  font-weight: 400;
}
.link-effect-2 a span {
  position: relative;
  display: inline-block;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.link-effect-2 a span::before {
  color:#ec9114;
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.link-effect-2 a:hover span {
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.agile_short_dropdown {
    border-radius: 0;
    background: #ffffff;
    text-align: center;
	padding:0;
	border: none;
}
.agile_short_dropdown li a{
	text-transform:uppercase;
	color:#212121;
	font-size:13px;
	font-weight:600;
	padding: .8em 0;
}
.agile_short_dropdown > li > a:hover{
    color: #fff;
    text-decoration: none;
    background-color:#ec9114;
}
.w3_agile_phone{
	float:right;
	margin: 1.3em 0 0;
}
.w3_agile_phone p{
	color:#000000;
	font-weight:600;
}
.w3_agile_phone p i{
	padding-right:1em;
}
.agile_banner_info {
	width: 55%;
    margin:15em 0 0 6em;
    padding: 2em;
    border: 2px solid #fff;
    border-left: none;
    position: relative;
}
.agile_banner_info:after,.agile_banner_info:before{
	width:2px;
	height:20px;
	background:#fff;
	position:absolute;
	left:0%;
	content:'';
}
.agile_banner_info:after{
	top:0%;
}
.agile_banner_info:before{
	bottom:0%;
}
.agile_banner_info1{
	margin-left:-8em;
}
.agile_banner_info h3{
	margin-left:5em;
	font-size:1em;
	color:#fff;
	text-transform:capitalize;
	line-height:1.5em;
}
.agile_banner_info h3 span{
	color: #fff;
    padding: .2em .8em;
    background:#ec9114;
}
#typed{
	font-size:2em;
	color:#fff;
	text-transform:capitalize;
	line-height:1.5em;
}
#typed i{
	font-style:normal;
	color:#0accff;
	font-weight:600;
}
.banner_agile_para p{
	color: #fff;
    margin: 2em 0 0 7em;
    line-height: 2em;
}
/*-- code for animated blinking cursor --*/
.typed-cursor{
	opacity: 1;
    font-weight: 300;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    -ms-animation: blink 0.7s infinite;
    -o-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
    color: #fff;
    font-size: 2.5em;
}
@-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-ms-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-o-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
/*-- banner-arrow-icon --*/
.scroll-down {
	width: 40px;
    height: 80px;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 14px;
    border-radius: 50px;
    opacity: .6;
    border: 2px solid #fff;
}
.scroll-down .dot {
  width: 9px;
  height: 9px;
  display: block;
  background: #0accff;
  border-radius: 100%;
  box-shadow: 0 17px 0 rgba(224, 70, 129, 0), 0 34px 0 rgba(224, 70, 129, 0);
  -webkit-animation: dotAnimation 1.8s ease-in-out infinite;
  animation: dotAnimation 1.8s ease-in-out infinite;
}

@-webkit-keyframes dotAnimation {
  99% {
    background:#0accff;
    box-shadow: 0 17px 0 rgba(224, 70, 129, 0), 0 34px 0 rgba(224, 70, 129, 0);
  }
  33% {
    background: rgba(224, 70, 129, 0);
    box-shadow: 0 17px 0 #0accff, 0 34px 0 rgba(224, 70, 129, 0);
  }
  66% {
    background: rgba(224, 70, 129, 0);
    box-shadow: 0 17px 0 rgba(224, 70, 129, 0), 0 34px 0 #0accff;
  }
}

@keyframes dotAnimation {
  99% {
    background:#0accff;
    box-shadow: 0 17px 0 rgba(224, 70, 129, 0), 0 34px 0 rgba(224, 70, 129, 0);
  }
  33% {
    background: rgba(224, 70, 129, 0);
    box-shadow: 0 17px 0 #0accff, 0 34px 0 rgba(224, 70, 129, 0);
  }
  66% {
    background: rgba(224, 70, 129, 0);
    box-shadow: 0 17px 0 rgba(224, 70, 129, 0), 0 34px 0 #0accff;
  }
}
.w3_agile_social_icons{
	position:absolute;
	bottom:8%;
	right:10%;
}
.agileinfo_social_icons li{
	display:inline-block;
}
.agileinfo_social_icons li a{
	width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 20px;
    text-decoration: none;
    display: block;
    text-align: center;
}
.agileinfo_social_icons li a:hover{
	color:#fff;
}
.agileinfo_social_icons li a i{
	line-height:2.7em;
}
.w3_agileits_facebook{
	color: #3b5998;
}
.w3_agileits_facebook:hover{
	background: #3b5998;
}
.wthree_twitter{
	color: #1da1f2;
}
.wthree_twitter:hover{
	background: #1da1f2;
}
.agileinfo_google{
	color: #dd4b39;
}
.agileinfo_google:hover{
	background: #dd4b39;
}
.agileits_pinterest{
	color: #bd081c;
}
.agileits_pinterest:hover{
	background: #bd081c;
}
/*-- banner --*/
/*-- banner-bottom --*/
.w3ls_banner_bottom_left,.register,.courses,.stats-bottom-banner,.services-bottom{
	padding:5em 0;
}

.testimonials{
	padding:3em 0;
}
.w3ls_banner_bottom_left_0{
	margin-top:30px;
}
.w3ls_banner_bottom_left1{
	float: left;
    border-right: 2px solid red;
    width: 13%;
	margin: 3em 0 0;
	margin-top:134px;
}
.w3ls_banner_bottom_left1 p{
	font-size:1em;
	color:#212121;
	font-weight:600;
}
.w3ls_banner_bottom_left1 span{
	display:block;
	font-size:1em;
	color:#D8D8D8;
	margin:1em 0 0;
}
.w3ls_banner_bottom_right1{
	float: right;
    width: 80%;
}
.w3ls_banner_bottom_right1 h2{
	text-transform: capitalize;
	font-family: PingFangSC-Medium;
font-size: 30px;
color: #000000;
letter-spacing: 1.91px;
line-height: 37px;
font-weight: 550;
}
.w3ls_banner_bottom_right1 h2 span{
	color:#0accff;
}
.w3ls_banner_bottom_right1 p{
	margin: 1em 0 3em;
	margin-top:57px;
	line-height: 1.5em;
	font-family: PingFangSC-Regular;
font-size: 14px;
color: #59616D;
letter-spacing: 1.81px;
}
.button {
	min-width: 150px;
    max-width: 190px;
    display: block;
    background: none;
    vertical-align: middle;
    position: relative;
    z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
	color: #0accff;
}
.button > span {
	vertical-align: middle;
}
/* Nina */
.button--nina {
	padding: 0 2em;
	overflow: hidden;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	text-align: center;
	border:1px solid #212121;
	font-size:1em;
	color:#212121;
	text-decoration:none;
}
.button--nina.button--inverted {
	background: #fff;
	color: #7986cb;
}
.button--nina > span {
	display: inline-block;
	padding: .7em 0;
	opacity: 0;
	color:#0accff;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--nina::before {
	content: attr(data-text);
	position: absolute;
/*-- agileits --*/
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: .7em 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--nina:hover::before {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--nina:hover > span {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--nina:hover > span:nth-child(1) {
	-webkit-transition-delay: 0.045s;
	transition-delay: 0.045s;
}
.button--nina:hover > span:nth-child(2) {
	-webkit-transition-delay: 0.09s;
	transition-delay: 0.09s;
}
.button--nina:hover > span:nth-child(3) {
	-webkit-transition-delay: 0.135s;
	transition-delay: 0.135s;
}
.button--nina:hover > span:nth-child(4) {
	-webkit-transition-delay: 0.18s;
	transition-delay: 0.18s;
}
.button--nina:hover > span:nth-child(5) {
	-webkit-transition-delay: 0.225s;
	transition-delay: 0.225s;
}
.button--nina:hover > span:nth-child(6) {
	-webkit-transition-delay: 0.27s;
	transition-delay: 0.27s;
/*-- w3layouts --*/
}
.button--nina:hover > span:nth-child(7) {
	-webkit-transition-delay: 0.315s;
	transition-delay: 0.315s;
}
.button--nina:hover > span:nth-child(8) {
	-webkit-transition-delay: 0.36s;
	transition-delay: 0.36s;
}
.button--nina:hover > span:nth-child(9) {
	-webkit-transition-delay: 0.405s;
	transition-delay: 0.405s;
}
.button--nina:hover > span:nth-child(10) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}
.w3ls_banner_bottom_right img {
	margin: 0 auto;
	padding-top:30px;
	padding-bottom: 30px;
}
/*-- //banner-bottom --*/
/*-- register --*/
.register{
	background: url(/images/4.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
}
.w3layouts_register_left {
    margin: 6.5em 0 0;
}
.w3layouts_register_left h3{
	font-size:2.5em;
	color:#fff;
}
.w3layouts_register_left h3 span{
	color:#0accff;
}
.w3layouts_register_left p{
	margin:2em 0 0;
	color:#fff;
	line-height:2em;
}

.w3layouts_register_left_style {
    margin: 6.5em;
}
.w3layouts_register_left_style h3{
	font-size:2.5em;
	text-align: center;
	color:#fff;
}
.w3layouts_register_left_style h3 span{
	color:#0accff;
}
.w3layouts_register_left_style p{
	margin:2em 0 0;
	color:#fff;
	line-height:2em;
}

.w3layouts_register_right form{
	width: 80%;
    padding: 2em;
    background:rgba(10, 206, 255, 0.33);
}
.w3layouts_register_right input[type="text"],.w3layouts_register_right input[type="email"]{
	outline: none;
    background: #fff;
    padding: 12px;
    border: none;
    font-size: 14px;
    color: #212121;
    width: 100%;
}
.w3layouts_register_right input[type="email"]{
	margin:1.5em 0;
}
.w3layouts_register_right input[type="submit"]{
	outline:none;
	background:#ec9114;
	padding:12px 0;
	border:none;
	font-size:1em;
	color:#212121;
	width:100%;
	text-transform:uppercase;
	font-weight:600;
	letter-spacing:3px;
}
.w3layouts_register_right input[type="submit"]:hover{
	background:#0accff;
}
.w3layouts_register_right input[type="text"]:nth-child(2),.w3layouts_register_right input[type="submit"]{
	margin:1.5em 0 0;
}
/*-- //register --*/
/*-- team --*/
.w3_agile_team_grid_left{
	float: left;
    border-right: 2px solid red;
    width: 8%;
    margin: 0.9em 0 0;
}
.w3_agile_team_grid_left p{
	font-size:1em;
	color:#212121;
	font-weight:600;
}
.w3_agile_team_grid_left span{
	display:block;
	font-size:1em;
	color:#D8D8D8;
	margin:1em 0 0;
}
.w3_agile_team_grid_right{
	float: right;
    width: 85%;
}
.w3_agile_team_grid_right h3{
    line-height: 1.5em;
	text-transform: capitalize;
	font-family: PingFangSC-Medium;
font-size: 24px;
color: #000000;
letter-spacing: 1.91px;
}
.w3_agile_team_grid_right h3 span,.stats-bottom-banner h3 span,.agileits_services_bottom_grid h3 span{
	color:#0accff;
}
.w3_agile_team_grid_right p{
	margin: 0.5em 0 0;
    line-height: 2em;
	width: 90%;
	font-family: PingFangSC-Regular;
font-size: 14px;
color: #59616D;
letter-spacing: 1.81px;
}
.w3_agile_team_grid_right_index{
	float: right;
    width: 85%;
}
.w3_agile_team_grid_right_index p{
	
    line-height: 1.7em;
	width: 90%;
	font-family: PingFangSC-Regular;
font-size: 14px;
color: #59616D;
letter-spacing: 1.81px;
}
.agileits_w3layouts_team_grid img {
    margin: 0 auto;
}
.agileits_w3layouts_team_grids{
	margin:3em 0 0;
}
.team{
	padding:5em 0 0;
}
.companytitle{
	text-align: center;
}

.companytitle_business{
	text-align: center;
}
.txtTitle_business {
	font-weight:bold;
	color: #000000;
	font-size: 18px;
}

.agileits_w3layouts_team_grid{
	text-align:center;
}
.agileits_w3layouts_team_grid h3{
	font-size:1.2em;
	color:#212121;
	font-weight:600;
}
.agileits_w3layouts_team_grid p{
	color: #ec9114;
}
.w3_agileits_social_icons{
	margin:0 0 2em;
}
/*-- //team --*/
/*-- gallery-top --*/
.gallery-top{
	padding:1.5em;
	background:#0accff;	
}
.agileinfo_gallery_top{
	padding:1.5em;
	border:2px solid #fff;
}
.agileinfo_gallery_top h3{
	text-align:center;
	color:#fff;
	font-size:2em;
	line-height:1.5em;
}
.agileinfo_gallery_top h3 span{
	color:#212121;
}
/*-- //gallery-top --*/
/*-- gallery --*/
/*--flexisel--*/
.flex-slider{	
	background:#222227;
	padding: 70px 0 165px 0;
}
#flexiselDemo1 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0px auto;
	padding:0;
}
.nbs-flexisel-item {
	float: left;
	margin: 0;
	padding: 0px;
	position: relative;
	line-height: 35px;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
}
/*---- Nav ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    background:none;
    top: -5% !important;
    border-radius: 5px;
	display:none;
}
.nbs-flexisel-nav-left {
	left:91%;
}
.nbs-flexisel-nav-right {
	right: 1.2%;
    background:none;
}
/*--//flexisel--*/
.view {
    overflow: hidden;
    position: relative;
    text-align: center;
}
.view .mask, .view .content {
	width: 100%;
    height: 100%;
}
.view .mask, .view .content {
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
/* SECOND EFFECTS */

.second-effect .mask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -o-box-sizing:border-box;
   -ms-box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   text-align:center;
}
.second-effect:hover .mask {
	opacity: 1;
    border: 95px solid rgba(255, 255, 255, 0.7);
    background: rgba(0, 0, 0, 0.45);
}
.second-effect .mask p {
    font-size: 1.5em;
    color: #fff;
    text-transform: uppercase;
    padding: 1em 0 0;
	display: inline-block;
}
/*-- //gallery --*/
/*-- testimonials --*/
.w3ls_testimonials_grids{
	width:80%;
	margin:3em auto 0;
}
.w3l_testimonial_grid{
	padding: 4em 2em 2em;
    background: #f5f5f5;
    text-align: center;
    position: relative;
    margin: 5em 1.2em 0;
}
.w3l_testimonial_grid:focus,.agileits_testimonial_grid:focus{
	outline:none;
}
.w3l_testimonial_grid_pos{
	position:absolute;
	width:100%;
	text-align:center;
	top:-25%;
	left:0%;
}
.w3l_testimonial_grid_pos img{
	margin:0 auto;
}
.w3l_testimonial_grid p{
	color:#999;
	line-height:2em;
	position:relative;
	padding-left:2em;
}
/* .w3l_testimonial_grid p:before{
	content:"\f10d";
	font-size:2em;
	color:#ec9114;
	font-family:FontAwesome;
	position:absolute;
	top:0%;
	left:0%;
} */
.agileits_testimonial_grid h4{
	font-size:1.1em;
	color:#212121;
	margin:1em 0 0.5em;
}
.agileits_testimonial_grid h5{
	font-size:.8em;
	color:#ec9114;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Arrows */
.slick-prev,
.slick-next
{
    line-height: 0;
    position: absolute;
    top: 60%;
    display: block;
    width: 50px;
    height: 40px;
    margin-top: 0;
    padding: 0;
    cursor: pointer;
    color: #fff;
    border: none;
    font-size: 1em;
    outline: none;
    background: #0accff;
    z-index: 9;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'FontAwesome';
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev:before
{
    content:"\f177";
}
[dir='rtl'] .slick-prev:before
{
    content: "\f177";
}

.slick-next,[dir='rtl'] .slick-prev
{
    right:-6.5%;
}
[dir='rtl'] .slick-next,.slick-prev
{
    right: auto;
    left:-6.5%;
}
.slick-next:before
{
    content: "\f178";
}
[dir='rtl'] .slick-next:before
{
    content: "\f178";
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: #212121;
    border: 0;
    outline: none;
    background:transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'FontAwesome';
    font-size: 13px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "\f111";
    text-align: center;
    opacity: .25;
    color: #808080;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/*-- //testimonials --*/
/*-- footer --*/
.footer{
	/*background: url(/images/13_en.png) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;*/
    width: 100%;
   /* position: absolute;
    bottom: 0px;*/
	padding:6em 0;
}
.footer h2{
	font-size: 1.5em;
    color: #ffffff;
    font-weight: 300;
    margin-bottom: 1em;
}
.footer h2 span{
	display:block;
	text-transform:uppercase;
	font-weight:600;
	color:#0accff;
	font-size: 1.5em;
}
.footer input[type="email"]{
	outline: none;
    color: #fff;
    padding: 10px;
    font-size: 1.5em;
    width: 82%;
    background: none;
    border: none;
    border-bottom: 1px solid #999;
}
.footer input[type="submit"]{
	outline: none;
    color: #fff;
    padding: 10px 0;
    font-size: 1.5em;
    width: 15%;
    background:#ec9114;
    border: none;
    text-transform: uppercase;
    margin-left: 1em;
}
.footer input[type="submit"]:hover{
	background:#0accff;
}
.agile_footer_copy{
	border-bottom:1px solid #EAEAEA;
}

/*-- //footer --*/
/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 55px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url(/images/arrow.png) no-repeat 0px 0px;
}
#toTopHover {
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- //to-top --*/
/*-- bootstrap-pop-up --*/
.modal-header {
    font-size: 2em;
    color: #0accff;
    font-family: 'Prompt', sans-serif;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: 2px;
}
.modal-content {
    border-radius: 0;
}
.close {
    opacity: 1;
}
.modal-body p {
    color: #999;
    text-align: left;
	padding:2em 0em 1em;
	line-height:2em;
}
.modal-body p i {
    display: block;
    margin: 1em 0 0;
	color:#212121;
}
.modal-body {
    padding:2em;
}
button.close {
    font-size: 1em;
    color: #212121;
	outline: none;
}

.language {
    float: right;
    width: 140px;
    height: 24px;
    color: #5c4835;
    text-align: center;
    cursor: pointer;
    background-color: #cccccc;
    margin-top: 1em;
    position: relative;
    right: 20px;
    border-radius: 3px;
}

#select-toggler-globe {
	position: absolute;
	left: 5px;
    vertical-align: middle;
    margin-right: 5px;
    color: var(--color-primary-500);
    transition: var(--transition-100);
}

#select-toggler-arrows {
	position: absolute;
	right: 5px;
	top: 0px;
    vertical-align: middle;
    margin-left: 2px;
    color: var(--color-content-600);
    transition: var(--color-content-900);
}

.select-toggler-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
}

.language-soon {
	position: absolute;
	top: 25px;
	height: 80px;
	width: 100%;
    color: #FFFFFF;
    text-align: center;
    line-height: 80px;
    background-color: #0088ff;
    border-radius: 5px;
	display: none;
}

:host, body {
    --view-min: 320px;
    --view-xs: 480px;
    --view-sm: 720px;
    --view-md: 960px;
    --view-lg: 1200px;
    --view-xl: 1400px;
    --view-xxl: 1600px;
    --view-max: 2600px;
    --size-025: 2px;
    --size-050: 4px;
    --size-075: 6px;
    --size-100: 8px;
    --size-125: 10px;
    --size-150: 12px;
    --size-200: 16px;
    --size-250: 20px;
    --size-300: 24px;
    --size-350: 28px;
    --size-400: 32px;
    --size-450: 36px;
    --size-500: 40px;
    --size-550: 44px;
    --size-600: 48px;
    --size-700: 56px;
    --size-800: 64px;
    --size-900: 72px;
    --size-1000: 80px;
    --size-1100: 96px;
    --font-default: "Blizzard",Helvetica,Arial,sans-serif,"Microsoft YaHei";
    --font-accent: "Archivo",Helvetica,Arial,sans-serif,"Microsoft YaHei";
    --font-size-100: 10px;
    --font-size-200: 12px;
    --font-size-300: 14px;
    --font-size-400: 16px;
    --font-size-500: 16px;
    --font-size-550: 18px;
    --font-size-600: 20px;
    --font-size-700: 24px;
    --font-size-800: 30px;
    --font-size-900: 36px;
    --color-stop-100: #283244;
    --color-stop-200: rgba(21,26,35,0.952941);
    --color-selector-tick-background: #11151c;
    --color-selector-region-tick-background: #202836;
    --transition-100: color 200ms,background-color 200ms;
    --color-background-100: #0a0d15;
    --color-background-300: #151c28;
    --color-background-500: #232a39;
    --color-background-700: #323a48;
    --color-darken-100: rgba(0,0,0,0.05);
    --color-darken-300: rgba(0,0,0,0.1);
    --color-darken-400: rgba(0,0,0,0.15);
    --color-darken-500: rgba(0,0,0,0.3);
    --color-darken-600: rgba(0,0,0,0.5);
    --color-darken-700: rgba(0,0,0,0.7);
    --color-darken-800: rgba(0,0,0,0.9);
    --color-darken-900: #000;
    --color-content-100: hsla(0,0%,100%,0.05);
    --color-content-300: hsla(0,0%,100%,0.1);
    --color-content-400: hsla(0,0%,100%,0.15);
    --color-content-500: hsla(0,0%,100%,0.3);
    --color-content-600: hsla(0,0%,100%,0.5);
    --color-content-700: hsla(0,0%,100%,0.7);
    --color-content-800: hsla(0,0%,100%,0.9);
    --color-content-900: #fff;
    --color-accent-500: rgba(93,113,152,0.4);
    --color-accent-600: rgba(93,113,152,0.6);
    --color-accent-700: rgba(93,113,152,0.8);
    --color-primary-500: #009dff;
    --color-primary-500-inverse: #0074e0;
    --color-primary-600: #33b1ff;
    --color-primary-700: #66c4ff;
    --shadow-xs: 0 1px 3px 0 rgba(0,0,0,0.12);
    --color-success-500: #00ff94;
    --color-error-500: #f31d77;
    --line-height-default: 1;
    --filter-100: brightness(100%) contrast(100%);
    --filter-200: brightness(210%) contrast(90%);
    --transition-hover-speed: 0.1s;
    --transition-hover: color var(--transition-hover-speed) ease,background-color var(--transition-hover-speed) ease,filter var(--transition-hover-speed) ease,border-color var(--transition-hover-speed) ease;
    --navbar-background-color: rgba(40,45,67,0.8);
    --navbar-background-color-no-blur: rgba(34,38,57,0.95);
    --navbar-button-color-primary: #0c94ec;
    --navbar-button-color-primary-hover: #25a2f4;
    --navbar-button-color-secondary: #060c11;
    --navbar-button-color-secondary-hover: #101723;
    --navbar-menu-background-color: #171926;
    --navbar-search-background-color: var(--color-darken-600);
    --navbar-button-text-color: var(--navbar-button-font-color,var(--color-content-900));
    --navbar-badge-background-color: var(--navbar-menu-badge-background-color,#1fb8ff);
    --navbar-content-color-primary: var(--navbar-font-color,var(--color-content-900));
    --navbar-content-color-secondary: var(--navbar-icon-color,var(--color-content-600));
    --navbar-content-color-tertiary: var(--color-content-500);
    --navbar-blizzard-logo-background-color: var(--color-darken-500);
    --navbar-menu-background-color-alt: var(--navbar-menu-background-color--secondary,var(--color-darken-500));
    --navbar-hover-background-color: var(--color-content-100);
    --navbar-hover-background-color-alt: var(--color-content-300);
    --navbar-badge-text-color: var(--color-darken-900);
    --navbar-battletag-text-color: var(--color-primary-700);
    --navbar-background-blur: 20px;
    --navbar-link-padding-md: 0 var(--size-100);
    --navbar-link-padding-lg: 0 var(--size-150);
    --navbar-link-padding-xl: 0 var(--size-200);
    --navbar-button-padding-md: 0 var(--size-150);
    --navbar-button-padding-lg: 0 var(--size-200);
    --navbar-button-padding-xl: 0 var(--size-300);
    --navbar-button-border-radius: var(--size-100);
    --navbar-z-index: 99;
    --navbar-mobile-dropdown-duration: 250ms;
    --navbar-logo-size: var(--size-1000);
    --navbar-mobile-logo-size: var(--size-500);
}

.store {
    width: 100%;
    height: 92px;
    font-size: 0;
    text-align: center;
}
.store a {
    position: relative;
    display: inline-block;
    width: 200px;
    height: 64px;
    margin: 0 10px;
    background-repeat: no-repeat;
    background-size: 200px 64px;
}
a:hover, a:link, a:visited, a:active {
    text-decoration: none;
    outline: none;
}
.store a.apple {
    background-image: url(/images/store/app-store-en.png?1);
}
.store a.google {
    background-image: url(/images/store/google-play-en.png?1);
}
.store a.amazon {
    background-image: url(/images/store/amazon-en.png?1);
}
.store a.steam {
    background-image: url(/images/store/steam-store-en.png);
}
.store a.huawei {
    background-image: url(/images/store/huawei-store.png);
}
.store a.samsung {
    background-image: url(/images/store/samsung-store.png);
}

#game-logo{
	margin: auto;
	text-align: center;
	padding-top: 4.5em;
}

#game-slogan {
	margin: auto;
	text-align: center;
	padding-top: 3em;
}

#game-slogan img {
	width: 60%;
	min-width: 20em;
}

#game-logo img{
	width: 18%;
	min-width: 20em;
}

.page2 {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 1450px;
    padding-top: 1px
}

.page2.roll {
    background-size: 1920px 844px
}

.page2 .title {
    width: 100%;
    text-align: center;
    padding: 2.5em 0 1.8em;
}

.page2 .title img {
    height: 71px
}

.page2-bar {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 80px;
}

.dg-container {
    position: relative;
    width: 100%;
    /*height: 623px;*/
    /*margin-top: 100px;*/
    text-align: center
}

.dg-container var {
    display: inline-block;
    width: 1300px;
    margin: 0 auto;
    overflow: hidden
}

.dg-wrapper {
    position: relative;
    width: 890px;
    height: 500px;
    margin: 0 auto;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px
}

.dg-wrapper a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 890px;
    height: 500px;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 10px 20px rgba(0,0,0,.3)
}

.dg-wrapper a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.dg-wrapper a {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.dg-wrapper a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.dg-wrapper a.dg-center,.dg-wrapper a.on {
    z-index: 9999
}

.dg-container span.dg-prev {
    position: absolute;
    top: 220px;
    left: 50%;
    z-index: 99999999999;
    width: 29px;
    height: 53px;
    margin-left: -502px;
    background: url(/images/index_prev.png) no-repeat;
    background-size: 29px 53px;
    cursor: pointer
}

.dg-container span.dg-next {
    position: absolute;
    top: 220px;
    left: 50%;
    z-index: 99999999999;
    width: 29px;
    height: 53px;
    margin-left: 475px;
    background: url(/images/index_next.png) no-repeat;
    background-size: 29px 53px;
    cursor: pointer
}

.dg-wrapper a i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    -moz-opacity: .7;
    opacity: .7;
    filter: alpha(opacity=0)
}

.dg-wrapper a b {
    position: absolute;
    top: 0;
    left: 0;
    width: 890px;
    height: 500px;
    background: url(/images/border.png) no-repeat;
    background-size: 100% 100%
}

.dg-wrapper a.on i,.dg-wrapper a.dg-center i {
    -moz-opacity: .7;
    opacity: .7;
    filter: alpha(opacity=0);
    -webkit-animation: .3s dg-on forwards linear;
    animation: .3s dg-on forwards linear
}

@-webkit-keyframes dg-on {
    0% {
        opacity: .7
    }

    100% {
        opacity: 0
    }
}

@keyframes dg-on {
    0% {
        opacity: .7
    }

    100% {
        opacity: 0
    }
}

.dg-wrapper a.in i {
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-animation: .3s dg-in forwards linear;
    animation: .3s dg-in forwards linear
}

@-webkit-keyframes dg-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: .7
    }
}

@keyframes dg-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: .7
    }
}


.page3 {
    position: relative;
    width: 100%;
    max-width: 1920px;
    min-width: 1450px;
    height: 894px;
    margin: 0 auto;
    padding-top: 60px
}

#smokeCanvas {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 894px;
    margin-left: -960px
}

.page3.roll {
    background: url(/images/bg_1.png) no-repeat center center;
    background-size: 1920px 894px
}

.page3 .title {
    /*position: absolute;
    top: 20px;
    left: 0;*/
    display: none;
    width: 100%;
    height: 71px;
    text-align: center
}

.page3 .title img {
    height: 71px
}

.page3 .title.heroes {
    display: block
}

.page3-line {
    position: absolute;
    top: -8px;
    left: 0;
    width: 100%;
    height: 17px;
}

.model-hero {
    position: absolute;
    /*top: 130px;*/
    left: 50%;
    width: 1150px;
    height: 715px;
    margin-left: -600px
}

.hero-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 1150px;
    height: 715px
}

.hero-item ul li {
    position: absolute;
    top: 15px;
    left: 327px;
    width: 500px;
    height: 720px;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: .5s;
    transition: .5s
}

.hero-item ul li img {
    width: 500px;
    height: 720px
}

.hero-item ul li.active-prev {
    top: 15px;
    left: 0;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: .7
}

.hero-item ul li.active {
    top: 15px;
    left: 327px;
    z-index: 99;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100)
}

.hero-item ul li.active-next {
    top: 15px;
    left: 648px;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: .7
}

.hero-dot {
    position: absolute;
    bottom: -20px;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 14px;
    font-size: 0;
    text-align: center
}

.hero-dot ul li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 15px;
    background: #7b97c8;
    background: #7b97c8;
    border-radius: 50%;
    cursor: pointer
}

.hero-dot ul li.on {
    background: #d2a75c
}

.model-monster {
    position: absolute;
    /*top: 130px;*/
    left: 50%;
    display: none;
    width: 1150px;
    height: 715px;
    margin-left: -600px
}

.monster-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 1150px;
    height: 715px
}

.monster-item ul li {
    position: absolute;
    top: 15px;
    left: 327px;
    width: 500px;
    height: 720px;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    cursor: pointer;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: .5s;
    transition: .5s
}

.monster-item ul li img {
    width: 500px;
    height: 720px
}

.monster-item ul li.active-prev {
    top: 15px;
    left: 0;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: .7
}

.monster-item ul li.active {
    top: 15px;
    left: 327px;
    z-index: 99;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100)
}

.monster-item ul li.active-next {
    top: 15px;
    left: 648px;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: .7
}

.monster-dot {
    position: absolute;
    bottom: -20px;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 14px;
    font-size: 0;
    text-align: center
}

.monster-dot ul li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 15px;
    background: #7b97c8;
    background: #7b97c8;
    border-radius: 50%;
    cursor: pointer
}

.monster-dot ul li.on {
    background: #d2a75c
}

.type-tab {
    position: absolute;
    top: 200px;
    left: 50%;
    width: 126px;
    height: 500px;
    margin-left: 550px
}

.type-tab ul li {
    position: relative;
    width: 126px;
    height: 120px;
    margin-top: 30px;
    background-repeat: no-repeat;
    background-size: 126px 120px;
    border-radius: 5px;
    cursor: pointer
}

.type-tab ul li::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    box-shadow: 3px 3px 6px #43d7fc,-3px 3px 6px #43d7fc,-3px -3px 6px #43d7fc,3px -3px 6px #43d7fc;
    opacity: 0;
    content: ""
}

.page3.roll .type-tab ul li.i1 {
    background-image: url(/images/hero.png)
}

.page3.roll .type-tab ul li.i2 {
    background-image: url(/images/animal.png)
}

/*.page3.roll .type-tab ul li.i3 {
    background-image: url(//images/icon.png)
}*/

body.ie8 .type-tab ul li.on {
    border: 2px solid #43d7fc
}

.type-tab ul li.on::after {
    -webkit-animation: breath 3s infinite ease-in-out;
    animation: breath 3s infinite ease-in-out
}

@-webkit-keyframes breath {
    from {
        opacity: .3
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .3
    }
}

@keyframes breath {
    from {
        opacity: .3
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .3
    }
}
#game-title1 {
	padding-top: 7em;
}
#game-title3,#game-title1 {
	width: 100%;
	text-align: center;
	color: #FFFFFF;
}

#game-title3 p, #game-title1 p {
	font-size: 50px;
	padding: 15px 0px;
}

#game-title1 #game-title2 {
	font-size: 14px;
}

.w3agile_footer_grid p span{
	display:block;
	margin:1em 0 0;
}
.w3agile_footer_grid ul li{
	list-style-type:none;
	color:#000000;
	font-size:14px;
}
.w3agile_footer_grid1 ul li{
	margin-bottom:1em;
}
.w3agile_footer_grid ul li i{
	color:#000000;
    border: 1px solid #999;
    padding:.5em;
    border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
    margin-right: 1em;
}
.w3agile_footer_grid ul li span{
	margin-left: 2em;
}
.w3agile_footer_grid ul li a{
	color:#000000;
	text-decoration:none;
}
.w3agile_footer_grid ul li a:hover{
	color:#ec9114;
}
.w3agile_footer_grid ul li{
    margin-bottom: 1.5em;
}
.agileits_w3layouts_copy_right p{
	color:#000000;
	line-height:2em;
	margin:auto;
}
.agileits_w3layouts_copy_right p a{
	text-decoration:none;
	color:#000000;
}
.agileits_w3layouts_copy_right p a:hover{
	color:#00bfff;
}
.w3agile_footer_grid1 ul li span {
    display: inline-block;
    margin-left: 0;
    padding-right: 1em;
}
.w3_agileits_copy_right_social{
	/*padding: 3em 0 0;*/
    position: relative;
}
.w3_agile_copy_right{
	text-align:right;
}

@media (max-width: 900px){
	.navbar-right {
		/*margin: 0.8em 0 0 4em;*/
	}
	.navbar-brand {
		height: 40px;
		font-size: .9em;
		letter-spacing: 0px;
	}
	.navbar-nav > li > a {
		padding: 0 1em;
	}
	.navbar-nav > li {
		font-size: 12px;
	}
	.w3_agile_phone {
		margin: 1em 0 0;
	}
	.second-effect:hover .mask {
		border: 48px solid rgba(255, 255, 255, 0.7);
	}
}
@media (max-width: 800px){
	.navbar-right {
		/*margin: 0.8em 0 0 1em;*/
	}
	.navbar-brand {
		height: 40px;
		font-size: .9em;
		letter-spacing: 0px;
	}
	.navbar-nav > li > a {
		padding: 0 1em;
	}
	.navbar-nav > li {
		font-size: 12px;
	}
	.w3_agile_phone p {
		font-size: 13px;
	}
	.w3_agile_phone p i {
		padding-right: 0.5em;
	}
	.w3_agile_phone {
		margin: 1em 0 0;
	}
	.banner_agile_para p {
		width: 70%;
	}
	.agile_banner_info {
		margin: 7em 0 0 6em;
	}	
	.banner {
		min-height: 590px;
		background-position: -280px 0px;
	}
	.w3_agile_social_icons {
		bottom: 5%;
		right: 4%;
	}
	.w3ls_banner_bottom_left, .register,  .courses, .stats-bottom-banner, .services-bottom {
		padding: 3em 0;
	}

	.testimonials{
		padding: 2em 0;
	}
	.team {
		padding: 3em 0 0;
	}
	.w3_agileits_social_icons {
		margin: 0 0 1em;
	}
	.second-effect:hover .mask {
		border: 39px solid rgba(255, 255, 255, 0.7);
	}
	.footer h2 {
		font-size: 1.3em;
	}
	.w3agile_footer_grid p span {
		display: inline;
		margin: 0;
	}
	.agile_short_dropdown li a {
		font-size: 12px;
		padding: .7em 0;
	}
	.agile_short_dropdown {
		min-width: 135px;
	}
	.agile_map iframe {
		min-height: 300px;
	}
}
@media (max-width: 768px){
	nav.navbar.navbar-default {
		padding: 0;
	}
	.navbar-default .language {
		position: absolute;
		top: 0px;
		right: 5px;
		width: 55px;
	}
	.navbar-default #select-toggler-globe {
		display: none;
	}
	.navbar-default .language-soon {
		font-size: 12px;
		line-height: 24px;
	}
	.navbar-default #select-toggler-arrows {
		display: none;
	}
	.w3_agile_team_grid_right h3 {
		font-size: 1.6em;
	}
	.w3layouts_register_left h3 {
		font-size: 2em;
	}	
	.second-effect:hover .mask {
		border: 97px solid rgba(255, 255, 255, 0.7);
	}
	.w3ls_bar_group__bar_pos p {
		font-size: 14px;
		padding: .5em 1em 0 0;
	}
	#game-slogan {
		padding: 4em;
	}

	#game-slogan img {
		width: 75%;
	}
	/*.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	    color: #fff;
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 5px;
	}*/
}
@media (max-width: 767px){
	.navbar-default .navbar-toggle {
		border-color: #fff;
		/*background: #ec9114;*/
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		/*background-color: #ec9114;*/
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-default .language {
		position: absolute;
		top: 0px;
		right: 5px;
		width: 55px;
	}
	.navbar-default #select-toggler-globe {
		display: none;
	}
	.navbar-default .language-soon {
		font-size: 12px;
		line-height: 24px;
	}
	.navbar-default #select-toggler-arrows {
		display: none;
	}
	.navbar-right {
		margin: 0;
		float: none !important;
		text-align: center;
	}
	.navbar-nav {
		/*margin-left:100px;*/
		margin: 0px;
		border-radius: 5px;
		background:rgba(0, 0, 0, 0.719);
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: none;
	}
	.navbar-collapse {
		box-shadow: none;
	}
	.navbar-nav > li,.agile_short_dropdown li a {
		font-size: 13px;
	}
	.navbar-nav > li > a {
		padding: 0;
		margin: 0.5;
	}
	.navbar-nav .open .dropdown-menu {
		/*background-color:#ec9114;*/
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #fff;
	}
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 1em 0;
	}
	.w3_agile_phone {
		margin: 0;
	}
	.navbar-toggle {
		margin: 0.5em;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: none;
		position: absolute;
		width: 18%;
		z-index: 999;
	}
	.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	    color: #fff;
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 5px;
	}

	#game-slogan {
		padding: 4em;
	}

	#game-slogan img {
		width: 75%;
	}
}
@media (max-width: 736px){
	.agile_banner_info {
		width: 65%;
	}
	.agileinfo_social_icons li a {
		width: 30px;
		height: 30px;
		font-size: 14px;
	}
	.agileinfo_social_icons li a i {
		line-height: 2em;
	}
	.second-effect:hover .mask {
		border: 90px solid rgba(255, 255, 255, 0.7);
	}
	.slick-list {
		padding: 0 !important;
	}
	.slick-prev, .slick-next {
		width: 40px;
	}
	.footer input[type="email"] {
		width: 78.5%;
	}
	.wthree_banner1_info h3 {
		font-size: 1.6em;
	}
	.wthree_banner1_info {
		margin: 3em 0 0;
	}
	.stats-bottom-banner p {
		width: 100%;
	}
	.stats-bottom-banner h3 {
		font-size: 1.6em;
	}
	.w3_agileits_services1_grid1 h3 {
		font-size: 1.15em;
	}
	.agileinfo_mail_social_rightl, .agileinfo_mail_social_rightr {
		width: 48.75%;
	}
	.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	    color: #fff;
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 5px;
	}
}
@media (max-width: 667px){
	.agile_banner_info {
		width: 70%;
	}
	.agile_banner_info {
		margin: 5em 0 0 6em;
	}
	.banner {
		min-height: 545px;
		background-position: -365px 0px;
	}
	.second-effect:hover .mask {
		border: 82px solid rgba(255, 255, 255, 0.7);
	}
	.footer input[type="email"] {
		width: 78%;
	}
	.w3agile_footer_grid {
		float: none;
		width: 100%;
	}
	.w3agile_footer_grid:nth-child(2) {
		margin: 2em 0;
	}
	.w3agile_footer_grid h3 {
		margin: 0 0 1em;
	}
	.w3agile_footer_grid ul li:last-child {
		margin-bottom: 0em;
	}
	.banner1 {
		min-height: 190px;
	}
	.agileits_mail_grids {
		margin: 0 !important;
	}
	.agileinfo_mail_social_rightl, .agileinfo_mail_social_rightr {
		width: 48.6%;
	}
	#game-logo img {
		min-width: 13em;
	}
	#game-slogan {
		padding: 4em 0 0 0;
	}

	#game-slogan img {
		min-width: 15em;
	}
	.footer {
	    padding: 0em;
	}
}
@media (max-width: 640px){
	.w3ls_banner_bottom_right1 h2 {
		font-size: 1.3em;
	}
	.button--nina > span,.button--nina::before {
		padding: .5em 0;
	}
	.w3ls_banner_bottom_right {
		width: 65%;
	}
	.w3layouts_register_left h3 {
		font-size: 1.8em;
	}
	.w3_agile_team_grid_right h3 {
		font-size: 1.5em;
	}
	.agileinfo_gallery_top h3 {
		font-size: 1.3em;
	}
	.second-effect:hover .mask {
		border: 78px solid rgba(255, 255, 255, 0.7);
	}
	.w3l_testimonial_grid {
		padding: 3em 2em 2em;
	}
	.footer input[type="email"] {
		width: 74%;
	}
	.footer input[type="submit"] {
		width: 20%;
	}
	.w3ls_courses_left_grid h3 {
		font-size: 1.15em;
	}
	.w3ls_courses_grids {
		margin: 1em 0 0 !important;
	}
	.w3l_stats_bottom_grid_right {
		margin: 1em 0 0;
	}
	.agileits_w3layouts_services_grid1 h4 a {
		font-size: .95em;
	}
	.agile_services_grid1 h4 {
		font-size: 1.3em;
		margin: 5em 0 0;
	}
	.w3_agileits_services1_grid {
		float: none;
		width: 60%;
		margin: 4em auto 0;
	}
	.w3_agileits_services1_grid1_pos {
		top: -13%;
		left: 41%;
	}
	.agileinfo_mail_social_rightl a, .agileinfo_mail_social_rightr a, .agileinfo_mail_social_right_social a {
		padding: 2.5em;
	}
	.agileinfo_mail_social_rightl, .agileinfo_mail_social_rightr {
		width: 48.58%;
	}
}
@media (max-width: 600px){
	.w3_agile_phone p {
		font-size: 12px;
	}
	.agile_banner_info {
		margin: 3em 0 0 6em;
		width: 77%;
	}
	.banner_agile_para p {
		width: 85%;
	}
	.agile_banner_info h3 {
		font-size: .8em;
	}
	nav.navbar.navbar-default {
		padding: 0;
	}
	.navbar-default .language {
		position: absolute;
		top: 0px;
		right: 5px;
		width: 55px;
	}
	.navbar-default #select-toggler-arrows {
		display: none;
	}
	.navbar-default #select-toggler-globe {
		display: none;
	}
	.navbar-default .language-soon {
		font-size: 12px;
		line-height: 24px;
	}
	.banner {
		min-height: 500px;
	}
	.w3_agile_social_icons {
		bottom: 7%;
	}
	.agileits_w3layouts_team_grid {
		float: none;
		width: 50%;
		margin: 0 auto;
	}
	.agileits_w3layouts_team_grid:nth-child(2) {
		margin: 2em auto;
	}
	.second-effect:hover .mask {
		border: 72px solid rgba(255, 255, 255, 0.7);
	}
	.agileits_testimonial_grid h4 {
		font-size: 1em;
	}
	.w3l_testimonial_grid {
		padding: 3em 1.5em 2em;
		margin: 4em 0.5em 0;
	}
	.footer h2 {
		font-size: 1.1em;
	}
	.footer input[type="email"],.footer input[type="submit"] {
		font-size: 1.2em;
	}
	.agileits_w3layouts_copy_right {
		float: none;
		text-align: center;
		margin-bottom: .5em;
	}
	.w3_agile_copy_right {
		float: none;
		text-align: center;
	}
	.w3l_stats_bottom_grid_left {
		float: none;
		margin: 0 auto;
	}
	.w3l_stats_bottom_grid_right {
		margin: 2em 0 0;
		float: none;
		width: 100%;
	}
	.w3ls_banner_bottom_left,.team, .register, .testimonials, .courses, .stats-bottom-banner, .services-bottom {
		padding: 3em 0;
	}	
	.agileits_w3layouts_services_grid1 h4 a {
		font-size: .9em;
	}
	.agileits_services_bottom_grid h3 {
		font-size: 1.25em;
	}
	.agileits_services_bottom_grid {
		padding: 2em;
	}
	.agileinfo_mail_social_rightl, .agileinfo_mail_social_rightr {
		width: 48.4%;
	}
	.w3_women_team{
		padding-bottom:0 !important;
	}
}
@media (max-width: 568px){
	.agile_banner_info:after, .agile_banner_info:before {
		width: 1px;
	}
	.agile_banner_info {
		padding: 1.5em;
		border: 1px solid #fff;
		margin: 3em 0 0 7em;
		width: 72%;
		border-left: none !important;
	}
	#typed {
		font-size: 1.35em;
	}
	.banner_agile_para p {
		width: 77%;
		margin: 1em 0 0 8em;
	}	
	.banner {
		min-height: 460px;
	}
	.gallery-top,.agileinfo_gallery_top {
		padding: 1em;
	}
	.second-effect:hover .mask {
		border: 67px solid rgba(255, 255, 255, 0.7);
	}
	.wthree_banner1_info h3 {
		font-size: 1.4em;
	}
	.navbar-brand {
		font-size: .85em;
	}
	.wthree_banner1_info {
		margin: 2em 0 0;
	}
	.banner1 {
		min-height: 160px;
	}
	.w3layouts_stats_left p {
		font-size: 1.8em;
		letter-spacing: 2px;
	}
	.w3layouts_stats_left h3 {
		font-size: 1.1em;
	}
	.w3layouts_stats_left {
		padding: 2em 0;
	}
	.stats-bottom-banner h3 {
		font-size: 1.4em;
	}
	.w3_agileits_services1_grid {
		width: 63%;
	}
	.agileinfo_mail_social_rightl, .agileinfo_mail_social_rightr {
		width: 48.3%;
	}
}	
@media (max-width: 480px){
	.agile_banner_info1 {
		margin-left: -4em;
	}
	.agile_banner_info {
		margin: 3em 0 0 2.5em;
		width: 87%;
	}
	#typed {
		font-size: 1.15em;
	}
	.typed-cursor {
		font-size: 1.5em;
	}
	.banner_agile_para p {
		width: 90%;
		margin: 1em 0 0 3em;
	}
	.banner {
		min-height: 450px;
	}
	.w3_agile_social_icons {
		bottom: 10%;
	}
	.w3ls_banner_bottom_left, .team, .register, .testimonials, .courses, .stats-bottom-banner, .services-bottom {
		padding: 2em 0;
	}
	.w3ls_banner_bottom_right {
		width: 78%;
	}
	.nav > li > a {
		font-size: 12px;
	}
	.w3layouts_register_right input[type="text"], .w3layouts_register_right input[type="email"] {
		padding: 10px;
	}
	.w3layouts_register_right form {
		width: 100%;
	}
	.w3layouts_register_left h3 {
		font-size: 1.5em;
	}
	.w3layouts_register_left p {
		margin: 1em 0 0;
	}
	.agileits_w3layouts_team_grid {
		width: 60%;
	}
	.second-effect:hover .mask {
		border: 128px solid rgba(255, 255, 255, 0.7);
	}
	.w3l_testimonial_grid {
		padding:2em 1em 1.5em;
		margin:3em 0.2em 0;
	}
	.w3l_testimonial_grid p:before {
		font-size: 1em;
	}
	.w3l_testimonial_grid_pos {
		top: -19%;
	}
	.slick-slide img {
		width: 35%;
	}
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 0.5em 0;
		font-size: 12px;
	}
	.footer {
		padding-top: 4em;
	}
	.w3agile_footer_grid h3 {
		font-size: 1.3em;
	}
	.w3layouts_stats_left {
		width: 50%;
	}
	.stats-bottom-banner p {
		margin: 2em auto;
	}
	.w3l_stats_bottom_grid_left {
		width: 65%;
	}	
	.modal-body {
		padding: 1.5em;
	}
	.modal-header {
		font-size: 1.8em;
		letter-spacing: 1px;
	}
	.agileinfo_services_grids {
		padding-top: 0em;
	}
	.w3_agile_services_grid {
		float: none;
		width: 100%;
	}
	.agileits_w3layouts_services_grid1 h4 a {
		font-size: 1.1em;
	}
	.w3_agileits_services1_grid {
		width: 80%;
	}
	.agileinfo_mail_grid_left textarea {
		min-height: 150px;
		margin: 2em 0;
	}
	.agileinfo_mail_social_rightl a, .agileinfo_mail_social_rightr a, .agileinfo_mail_social_right_social a {
		padding: 2em;
	}
	.agileinfo_mail_social_rightl, .agileinfo_mail_social_rightr {
		width: 48%;
	}
	.agileinfo_mail_social_rightl i, .agileinfo_mail_social_rightr i, .agileinfo_mail_social_right_social i {
		font-size: 1.5em;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		width: 18%;
	}
}
@media (max-width: 414px){
	.agile_banner_info h3 {
		font-size: .7em;
	}
	#typed {
		font-size: 1em;
	}
	.banner_agile_para p {
		font-size: 13px;
		width: 89%;
	}
	.scroll-down {
		bottom: -4%;
	}
	.w3_agile_social_icons {
		bottom: 6%;
	}
	.w3ls_banner_bottom_right {
		width: 80%;
	}
	.w3layouts_register_left {
		margin: 2em 0 0;
	}
	.agileits_w3layouts_team_grid {
		width: 70%;
	}
	.agileinfo_gallery_top h3 {
		font-size: 1em;
	}
	.second-effect:hover .mask {
		border: 106px solid rgba(255, 255, 255, 0.7);
	}
	.w3l_testimonial_grid_pos {
		top: -13%;
	}
	.w3l_testimonial_grid {
		margin: 2.5em 0.2em 0;
	}
	.footer input[type="email"] {
		width: 100%;
		margin-bottom: 1em;
	}
	.footer input[type="email"], .footer input[type="submit"] {
		font-size: 1.1em;
	}
	.footer input[type="submit"] {
		width: 100%;
		margin: 0;
	}
	.agile_footer_copy {
		padding: 2em 0 1em;
	}
	.w3_agileits_copy_right_social {
		padding: 1em 0 0;
	}
	.w3ls_courses_grids {
		margin:0 !important;
	}
	.w3_agileits_services1_grid {
		width: 90%;
	}
	.input {
		margin: 0;
	}
	.agileinfo_mail_grid_left {
		padding: 0;
	}
	.agileinfo_mail_social_rightl, .agileinfo_mail_social_rightr {
		width: 47.5%;
	}
}
@media (max-width: 384px){
	.agile_banner_info1 {
		margin-left: -3em;
	}
	.agile_banner_info {
		margin: 3em 0 0 1.5em;
		width: 93%;
	}
	#typed {
		font-size: .95em;
	}
	.typed-cursor {
		font-size: 1.1em;
	}
	.w3ls_banner_bottom_right1 h2 {
		font-size: 1.1em;
	}
	.button--nina {
		font-size: 14px;
	}
	.w3layouts_register_right form {
		padding: 1em;
	}
	.w3layouts_register_right input[type="submit"] {
		padding: 10px 0;
		font-size: 14px;
	}
	.w3_agile_team_grid_right {
		width: 76%;
	}
	.w3_agile_team_grid_right h3 {
		font-size: 1.3em;
	}
	.w3_agile_team_grid_left {
		width: 15%;
	}
	.agileits_w3layouts_team_grid {
		width: 80%;
	}
	.second-effect:hover .mask {
		border: 95px solid rgba(255, 255, 255, 0.7);
	}
	.w3l_testimonial_grid_pos {
		top: -9%;
	}
	.w3l_testimonial_grid {
		margin: 3em 0.2em 0;
	}
	.stats-bottom-banner h3 {
		font-size: 1.2em;
	}
	.w3l_stats_bottom_grid_left {
		width: 80%;
	}
	.w3ls_bar_group__bar_pos p {
		font-size: 13px;
		padding: .5em 1em 0 0;
	}
	.slick-slide img {
		width: 25%;
	}
	.w3ls_testimonials_grids {
		margin: 1em auto 0;
	}
	.w3l_testimonial_grid_pos {
		top: -25%;
	}
	.w3ls_courses_left_grid h3 {
		font-size: 1em;
	}
	.agileits_w3layouts_services_grid1 h4 a {
		font-size: 1em;
	}
	.modal-header {
		font-size: 1.5em;
		padding: 10px;
		letter-spacing: 0px;
	}
	.agileits_services_bottom_grid {
		padding: 1em;
	}
	.agileinfo_mail_social_rightl i, .agileinfo_mail_social_rightr i, .agileinfo_mail_social_right_social i {
		font-size: 1.2em;
	}
	.agileinfo_mail_social_rightl p, .agileinfo_mail_social_rightr p, .agileinfo_mail_social_right_social p {
		font-size: 14px;
	}
	.agileinfo_mail_social_rightl, .agileinfo_mail_social_rightr {
		width: 47.3%;
	}
	#game-logo {
		padding-top: 1em;
	}
}
@media (max-width: 375px){
	#typed {
		font-size: .9em;
	}
	.navbar-brand {
		font-size: .8em;
	}
	.second-effect:hover .mask {
		border: 93px solid rgba(255, 255, 255, 0.7);
	}
	.w3l_testimonial_grid p {
		padding-left: 1.5em;
	}
	.agile_services_grid1 h3 {
		font-size: 1em;
	}
	.agile_services_grid1 p {
		font-size: 13px;
	}
	.agile_services_grid1 h4 {
		font-size: 1.1em;
		margin: 6em 0 0;
	}
	.agileits_w3layouts_services_grid1 h4 a {
		font-size: .9em;
	}
	.agileits_services_bottom_grid h3 {
		font-size: 1.1em;
	}
	.w3_agileits_services1_grid {
		width: 100%;
	}
	.w3_agileits_services1_grid1_pos {
		left: 40%;
	}
	.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
		padding: 13px!important;
	}
	#game-logo {
		padding-top: 1em;
	}
	.banner-bottom {
		padding-top: 6em;
	}

	.footer {
		padding-top: 6em;
	}
}
@media (max-width: 320px){
	#game-logo {
		padding-top: 0.5em;
	}
	.navbar-brand {
		font-size: .7em;
	}
	.agile_banner_info h3 {
		font-size: .6em;
	}
	.agile_banner_info {
		padding: 1em;
	}
	.agile_banner_info1 {
		margin-left: -2.5em;
	}
	#typed {
		font-size: .78em;
	}
	.typed-cursor {
		font-size: 1em;
	}
	.banner_agile_para p {
		font-size: 12px;
	}
	.banner {
		min-height: 410px;
	}
	p, ul li, ol li,.w3agile_footer_grid p,.w3agile_footer_grid ul li,.w3layouts_register_right input[type="text"], .w3layouts_register_right input[type="email"] {
		font-size: 13px;
	}
	.w3ls_banner_bottom_right {
		width: 90%;
	}
	.w3layouts_register_right {
		padding: 0;
	}
	.w3layouts_register_left h3 {
		font-size: 1.3em;
	}
	.w3layouts_register_left {
		margin: 1.5em 0 0;
	}
	.w3_agile_team_grid_right h3 {
		font-size: 1.2em;
	}
	.agileits_w3layouts_team_grid h3 {
		font-size: 1em;
	}
	.second-effect:hover .mask {
		border: 76px solid rgba(255, 255, 255, 0.7);
	}
	.w3l_testimonial_grid_pos {
		top: -19%;
	}
	.footer h2 {
		font-size: 1em;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		width: 18%;
	}
	.w3layouts_stats_left p {
		font-size: 1.5em;
	}
	.w3layouts_stats_left h3 {
		font-size: 1em;
	}
	.stats-bottom-banner h3 {
		font-size: 1.1em;
	}
	p.b_label {
		font-size: .8em;
	}
	.w3_agile_services_grid {
		padding: 0;
		height: 592px;
	}
	.w3_agileits_services1_grid1 {
		padding: 3em 1em 2em;
	}
	.w3_agileits_services1_grid1_pos {
		left: 38%;
	}
	.agileinfo_mail_social_rightr {
		margin-left: .5em;
	}
    .sylife{
	   width:1300px;
	   
	}
	.sylife img{
		float: left;
		padding-top:20px;
	 }

	.m-header{position: relative; height: 0.48rem;line-height: 0.48rem; font-size:0.16rem;border-bottom:1px solid #EBEBEB; text-align: center;color: #2C2C2C;letter-spacing: 0;background: #fff;}
      .m-return {position: absolute;display: inline-block;top:0.13rem;left: 0.12rem;width: 0.14rem; height: 0.22rem; background-image: url(http://c2.cgyouxi.com/website/mobile/img/arrow-l.png?v=20180122);background-size: 100% 100%;}
      .m-tab{position: relative;padding: 0.40rem 0 0; width: 100%;background: #fff;}
      .m-tab a{position: absolute; display: inline-block;width: 50%; font-size: 0.14rem;color: #2C2C2C;letter-spacing: 0;line-height: 0.38rem;text-align: center;text-decoration: none;}
      .m-tab a:first-child{top: 0;left: 0; }
      .m-tab a.m-coupons{top:0; right:0;}
      .m-tab a.active{border-bottom: 2px solid #FFAC28;}
      .m-division{height: 1px; background:#EBEBEB;} 
      .m-view1{background: #fff;height: 200px;}    
      .m-view2{background: #fff;height: 200px;}       
      @media screen and (min-width: 360px) {  
        html {
          font-size: 100px!important;
        }
      }

    .banner-bottom {
		padding-top: 6em;
	}

	.footer {
		padding-top: 6em;
	}
}

@media (max-height: 414px){
	#game-logo {
		padding-top: 0em;
	}
	nav.navbar.navbar-default {
		padding: 0;
	}

	#game-logo img {
		width: 25%;
		min-width: 10em;
	}

	#game-slogan {
		padding-top: 0;
	}

	.footer {
		padding: 0.5em 0;
	}
}

@media (max-height: 375px){
	#game-logo {
		padding-top: 0em;
	}
	nav.navbar.navbar-default {
		padding: 0;
	}

	#game-logo img {
		width: 10%;
		min-width: 10em;
	}

	#game-slogan {
		padding-top: 0;
	}

	.footer {
		padding: 0.5em 0;
	}
}

/*@media (max-height: 1366px){
	#game-logo {
		padding-top: 6em;
	}
	nav.navbar.navbar-default {
		padding: 1em;
	}

	#game-logo img {
		width: 50%;
		min-width: 10em;
	}

	#game-slogan {
		padding-top: 6em;
	}

	.footer {
		padding: 6em 0;
	}
}*/