@font-face {
	font-family: 'cuyabra-Bold';
	src: url('../fonts/cuyabra-Bold.eot');
	src: url('../fonts/cuyabra-Bold.eot#iefix') format('embedded-opentype'),
		 url('../fonts/cuyabra-Bold.woff') format('woff'),
		 url('../fonts/cuyabra-Bold.ttf') format('truetype'),
		 url('../fonts/cuyabra-Bold.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins-Bold';
	src: url('../fonts/Poppins-Bold.eot');
	src: url('../fonts/Poppins-Bold.eot#iefix') format('embedded-opentype'),
		 url('../fonts/Poppins-Bold.woff') format('woff'),
		 url('../fonts/Poppins-Bold.ttf') format('truetype'),
		 url('../fonts/Poppins-Bold.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins-Regular';
	src: url('../fonts/Poppins-Regular.eot');
	src: url('../fonts/Poppins-Regular.eot#iefix') format('embedded-opentype'),
		 url('../fonts/Poppins-Regular.woff') format('woff'),
		 url('../fonts/Poppins-Regular.ttf') format('truetype'),
		 url('../fonts/Poppins-Regular.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins-Medium';
	src: url('../fonts/Poppins-Medium.eot');
	src: url('../fonts/Poppins-Medium.eot#iefix') format('embedded-opentype'),
		 url('../fonts/Poppins-Medium.woff') format('woff'),
		 url('../fonts/Poppins-Medium.ttf') format('truetype'),
		 url('../fonts/Poppins-Medium.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins-ExtraBold';
	src: url('../fonts/Poppins-ExtraBold.eot');
	src: url('../fonts/Poppins-ExtraBold.eot#iefix') format('embedded-opentype'),
		 url('../fonts/Poppins-ExtraBold.woff') format('woff'),
		 url('../fonts/Poppins-ExtraBold.ttf') format('truetype'),
		 url('../fonts/Poppins-ExtraBold.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins-SemiBold';
	src: url('../fonts/Poppins-SemiBold.eot');
	src: url('../fonts/Poppins-SemiBold.eot#iefix') format('embedded-opentype'),
		 url('../fonts/Poppins-SemiBold.woff') format('woff'),
		 url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
		 url('../fonts/Poppins-SemiBold.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Poppins-Light';
	src: url('../fonts/Poppins-Light.eot');
	src: url('../fonts/Poppins-Light.eot#iefix') format('embedded-opentype'),
		 url('../fonts/Poppins-Light.woff') format('woff'),
		 url('../fonts/Poppins-Light.ttf') format('truetype'),
		 url('../fonts/Poppins-Light.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins-ExtraLight';
	src: url('../fonts/Poppins-ExtraLight.eot');
	src: url('../fonts/Poppins-ExtraLight.eot#iefix') format('embedded-opentype'),
		 url('../fonts/Poppins-ExtraLight.woff') format('woff'),
		 url('../fonts/Poppins-ExtraLight.ttf') format('truetype'),
		 url('../fonts/Poppins-ExtraLight.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-ExtraBold';
	src: url('../fonts/Montserrat-ExtraBold.eot');
	src: url('../fonts/Montserrat-ExtraBold.eot#iefix') format('embedded-opentype'),
		 url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
		 url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'),
		 url('../fonts/Montserrat-ExtraBold.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body{
	margin:0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	height: auto;
	background-color: #f9f9f9;
}
.clr{
	clear: both;
}
a{
	text-decoration: none;
	outline: none;
}
img{
	border: none;
	max-width: 100%;
}
.container {
    width: 100%;
	max-width: 1230px;
	overflow: hidden;
}
/* Header */  
.header {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    background-color: #181818;
    position: relative;
    z-index: 9999;
}
.logo {
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    max-width: 111px;
}
.logo a{
	text-decoration: none;
	outline: none;
}


.home_section_gamesicon{
	float: left;
	margin: 0 0 0 0;
	padding: 40px 0 40px 0;
	width: 100%;
	clear: both;
 }
.home_section_gamesicon .game_icon_1{
	float: left;
margin: 0 20px 0 0;
padding: 0 0 0 0;
width: 36% ;
max-width:100% ;
}
.home_section_gamesicon .game_icon_2{
float: left;
margin: 10px 0 0 0;
padding: 0 0 0 0;
width: 62% ;
max-width:100% ;
}
.home_section_gamesicon .game_icon_3{
	    float: left;
    margin: 20px 20px 0 0;
    padding: 0 0 0 0;
    width: 29%;
    max-width:100% ;
}
.home_section_gamesicon .game_icon_4{
	float: left;
margin: 20px 20px 0 0;
padding: 0 0 0 0;
width: 38% ;
max-width:100% ;
}
.home_section_gamesicon .game_icon_5{
	 float: left;
margin: 20px 0 0 0;
padding: 0 0 0 0;
width: 29%;
max-width:100% ;
}
.home_section_gamesicon .game-icon-s-1{
	float: left;
margin: 0 20px 0 0;
padding: 0 0 0 0;
width: 11%;
max-width: 100%;
}
.home_section_gamesicon .game-icon-s-2{
	    float: left;
    margin: 0 0px 0 0;
    padding: 0 0 0 0;
    width:11% ;
    max-width: 100%;
}




/* Menu */  
.main_menu{float:right;margin:9px 0 0;padding:0;width:auto}
.main_menu ul{list-style:none;margin:0px 0 0;padding:0;float:left}
.main_menu ul li{list-style:none;margin:0;padding:0 25px;float:left}
.main_menu ul li a{position: relative;
display: inline-block;
width: 100%;
padding: 0 0px;
color: #FFF;
font-size: 15px;
font-weight: normal;
line-height: 23px;
box-sizing: border-box;
font-family: 'cuyabra-Bold';
text-transform: uppercase;}
.main_menu ul li a:hover{color: #eecf23;
-webkit-transition: color .2s ease-out;
-moz-transition: color .2s ease-out;
transition: color .2s ease-out;
text-decoration: none;
outline: none;
border-bottom: 2px solid #eecf23;}
.main_menu ul li.current_page_item a{color: #eecf23;
-webkit-transition: color .2s ease-out;
-moz-transition: color .2s ease-out;
transition: color .2s ease-out;
text-decoration: none;
outline: none;
border-bottom: 2px solid #eecf23;}

.main_menu ul li:last-child {
	border: 1px solid #eecf23;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin-top: -1px;
	margin-left: 26px;
}
.main_menu ul li:last-child a{
    line-height: 24px;
}
.main_menu ul li:last-child a:hover {
	border: none;
}
.mobile_menu {visibility: hidden;height: 0px;overflow: hidden;line-height: 0;font-size: 0px;width: 0px; padding: 0px;margin: 0;}
@media (max-width: 768px) {
.mobile_menu{visibility: visible;height: auto;line-height: normal;font-size: 15px;width: auto;margin-top: 0px;float: right; }
.main_menu{float:right;margin:0;padding:0;max-width:0;width:0;visibility:hidden;font-size:0;line-height:0;height:0}
.mobile_menu span{font-size:30px;cursor:pointer;float:right;width:auto;color: #ffea00;}
.mobile_menu .logo{float:left;margin:0;padding:0;text-align:left;max-width:280px}
.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;right:0;background-color:#FFF;overflow-x:hidden;transition:.5s;padding-top:60px}
.sidenav ul{float:left;margin:0;padding:0 0 0 15%;list-style-type:none;width:100%}
.sidenav ul li{float:left;margin:0;padding:0;list-style-type:none;width:100%}
.sidenav ul li a{position:relative;display:block;padding:5px 0;margin:0;font-size:15px;line-height:35px;color:#565050;cursor:pointer;text-transform:uppercase;font-weight:500;font-family:'Montserrat',sans-serif;letter-spacing:.23em;text-decoration:none;outline:none}
.sidenav a:hover{color:#f7775e;text-decoration:none;outline:none}
.sidenav .closebtn{position: absolute;top: 20px;right: 20px;font-size: 36px;margin-left: 0;color: #f7775e;font-weight: 500;font-family: 'Montserrat',sans-serif;}
}
	




.home_section_publish{
	float: left;
	margin: 0 0 0 0;
	padding: 50px 0 50px 0;
	width: 100%;
	background-color: #f9f9f9;
 }

.home_section_publish h3{
	font-family: 'Poppins-Medium';
float: left;
	margin: 0 0 0 0;
	padding: 0px 0 0px 0;
	width: 100%;
	color: #000000;
	font-size: 42px;
}
.home_section_publish h3 span{
	margin: 0 0 0 0;
	padding: 0px 0 0px 0;
font-family: 'Poppins-ExtraBold';
	color: #000000;
	font-size: 42px;
}
.home_section_publish h3 span.bg{
	background-image: url(../img/span_bg.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	padding: 0 20px;
}
.home_section_publish p{
	font-family: 'Poppins-Medium';
float: left;
	margin: 0 0 40px 0;
	padding: 0px 0 0px 0;
	width: 100%;
	color: #000000;
	font-size: 14px;
}

.home_section_publish img{
	float: left;
	max-width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.home_section_publish a.learn_more {
background-color: #ffd200;
font-family: 'Poppins-Bold';
font-size: 13px;
color: #191919;
text-decoration: none;
outline: none;
margin: 50px 0 0 0;
padding: 7px 30px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 5px;
float: left;
width: auto;
text-align: center;
}
.home_section_publish a.learn_more:hover{
	background-color: #191919;
	color: #ffd200;
}

.services_publish{
	float: left;
	margin: 0px 0 30px 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: left;
}
.services_publish img{
	float: left;
	margin: 0 20px 0px 0;
}
.services_publish h4{
font-family: 'Poppins-ExtraBold';
	font-size: 21px;
	color: #000000;
	margin: 0 0 10px 0;
	padding:  0 0 0 0;
	float: none;
}
.services_publish p{
font-family: 'Poppins-Medium';
font-size: 14px;
color: #000;
margin: 0 0 0 0;
padding: 0 0 0 0;
display: contents;
}

.home_our_journey{
	float: left;
	margin: 0 0 0 0;
	padding: 50px 0 50px 0;
	width: 100%;
	background-color: #f3f3f3;
}


.home_our_journey h1{
	font-family: 'Poppins-ExtraBold';
	font-size: 48px;
	color: #000000;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	width: 100%;
	background-image: url(../img/journey_title_bg.jpg);
	background-repeat: no-repeat;
	background-position: center  center;
	text-align: center;
}
.home_our_journey p{
	font-family: 'Poppins-SemiBold';
	font-size: 16px;
	color: #000000;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
}
.mplus{
	margin: 0 auto;
padding: 0;
max-width: 100%;
display: block;
}
.journey_plus{
	float: left;
	margin: 50px 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	max-width: 20%;
	text-align: center;
}
.journey_plus img{
	margin: 0 0 10px 0;
	padding: 0;
	max-width: 100%;
}
.journey_plus h5{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
	color: #11110d;
	font-family: 'Poppins-ExtraBold';
	font-size: 36px;
}
.journey_plus h5 span{
	color:#fbd103 ;
}
.journey_plus p{
	color: #000;
	font-family: 'Poppins-ExtraBold';
	font-size: 13px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
}
.learn_morearea{
	float: left;
margin: 50px 0 0 0;
padding: 0 0 0 0;
width: 100%;
display: flex;
}
.learn_morearea a.learn_more {
background-color: #ffd200;
font-family: 'Poppins-Bold';
font-size: 13px;
color: #191919;
text-decoration: none;
outline: none;
margin: 0 auto;
padding: 7px 50px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 5px;
float: left;
width: auto;
text-align: center;
}
.learn_morearea a.learn_more:hover{
	background-color: #191919;
	color: #ffd200;
}

.home_best_clan{
	float: left;
	margin: 0 0 0 0;
	padding: 50px 0 50px 0;
	width: 100%;
	background-color: #f9f9f9;
}

.home_best_clan h1{
	font-family: 'Poppins-ExtraBold';
font-size: 30px;
color: #000000;
margin: 30px 0 20px 0;
padding: 0 0 0 0;
width: 100%;
background-image: url(../img/best_bg-.jpg);
background-repeat: no-repeat;
background-position: center center;
text-align: center;
background-size: contain;
}
.home_best_clan p{
	font-family: 'Poppins-SemiBold';
	font-size: 14px;
	color: #000000;
	margin: 10px 0 30px 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
}

.home_best_clan a.learn_more {
background-color: #ffd200;
font-family: 'Poppins-Bold';
font-size: 13px;
color: #191919;
text-decoration: none;
outline: none;
margin: 0 auto;
padding: 7px 50px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 5px;
float: none;
width: auto;
text-align: center;
display: table;
}
.home_best_clan a.learn_more:hover{
	background-color: #191919;
	color: #ffd200;
}


.footer{
	width: 100%;
	margin: 0 0 0 0;
	background:#282828;
	padding: 0px 0 40px 0;
	float: left;
	clear: both;	
}
.footer .widget {
    margin-top: 40px;
    float: left;
    width: 100%;
    clear: both;
}
.footer .widget_title {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Poppins-Regular';
    margin: 0 0 25px 10px;
    padding: 0;
    color: #FFF;
text-align: left;
letter-spacing: 0;
border-bottom: 1px solid #fff;
    float: left;
    clear: both;
    line-height: 30px;
    font-weight: 700;
}
.footer_logonew {
    float: left;
    max-width: 120px;
    margin: 0;
    padding: 0;
}
.footer p {
    float: left;
    margin: 0 0 14px 0;
    padding: 0 0 0 10px;
    text-decoration: none;
    outline: none;
    font-size: 15px;
    color: #FFF;
    font-family: 'Poppins-Regular';
    clear: both;
}

.footer p a {
    text-decoration: none;
    outline: none;
    font-size: 15px;
    color: #FFF;
    font-family: 'Poppins-Regular';
}
.footer-icon {
    margin: 0 5px 0 0;
}
.copy_right {
    float: left;
    margin: 10px 0 0;
    padding: 0px 0;
    font-size: 14px;
    color: #FFF;
    font-family: 'Poppins-Regular';
    width: 100%;
}
.footer ul.menu {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    clear: both;
}
.footer ul.menu li {
    float: left;
    margin: 0 0px 15px 0;
    padding: 0;
    list-style: none;
    width: 100%;
}
.footer ul.menu li a {
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
    text-decoration: none;
    outline: none;
    font-size: 15px;
    color: #FFF;
font-family: 'Poppins-Regular';
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.footer ul.menu li a:hover {
    color: #eecf23;
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    background-image: url(../images/line.jpg);
    background-repeat: no-repeat;
    background-position: 0 10px;
}



.privacy_policy_section{
   float: left;
    margin: 0 0 0 0;
    padding: 50px 0 40px 0;
    width: 100%;
}

.privacy_policy_section h3{
	font-family: 'Poppins-Bold';
    font-size: 21px;
    color: #000000;
    float: left;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    width: 100%;
    text-align: left;
}
.privacy_policy_section p{
	font-family: 'Poppins-Regular';
	font-size: 14px;
	color: #000000;
	float: left;
	margin: 0 0 15px 0;
	padding: 0 0;
	width: 100%;
	text-align: left;
}

.privacy_policy_section ul{
	float: left;
margin: 0 0 10px 30px;
padding: 0 0;
width: 100%;
text-align: left;
}

.privacy_policy_section ul li{
	font-family: 'Poppins-Regular';
	font-size: 14px;
	color: #000000;
	float: left;
	margin: 0 0 0px 0;
	padding: 0 0;
	width: 100%;
	text-align: left;
}




@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
    .home_section_gamesicon .game-icon-s-1 {margin: 0 16px 0 0;}
    .home_section_gamesicon .game_icon_2 {width: 61%;}
    .home_section_gamesicon .game_icon_3 {margin: 20px 19px 0 0;}
    .our_vision {max-width: 90%;}
    .whatsdeives_area {padding: 0 2%;}
    .likes_gamedistrict {width: 100%;}
    .about_section_5 {background-size: cover;}
    .like_icons_raw1 img.icon_8 {max-width: 18%;margin: -98px 0 0 271px;}
    .about_section_inner {padding: 160px 0 40px 0;}
    .our_vision {padding: 100px 0 0px 35px;}
}

@media (max-width: 768px) {
    .home_section_gamesicon .game-icon-s-1 {margin: 0 10px 0 0;}
    .home_section_gamesicon .game_icon_3 {margin: 20px 14px 0 0;}
    .home_section_gamesicon .game_icon_4 {margin: 20px 14px 0 0;}
    .home_section_publish h3 {padding: 0px 0 0px 6%;}
    .home_section_publish p {padding: 0px 0 0px 6%;}
    .home_section_publish img {padding: 0 0 0 6%;}
    .home_section_publish a.learn_more {margin: 50px 0 40px 6%;}
    .home_best_clan {text-align: center;}
    img.margin_top{margin-top: 30px }
    .home_best_clan h1 {font-size: 21px;margin: 0 0 20px 0;}
    .about_section_inner {padding: 100px 0 40px 0;}
    .whatsdeives_1 .whatsdeives_info {margin: 0px 15px 25px 5px;width: 56%;}
    .whatsdeives_1 .icon {width: 120px;}
    .whatsdeives_3 .whatsdeives_info {margin: 0px 15px 25px 5px;width: 56%;}
    .whatsdeives_3 .icon {width: 120px;}
    img.icon_8 {max-width: 15% !important;margin: -98px 0 0 226px !important;}
    .like_icons_raw1 img.icon_6 {margin: -98px 0 0 15.5%;}
    .like_icons_raw1 img.icon_11 {margin: -100px 0 0 4%;}
    .whats_deives {max-width: 100%;}
    .whats_deives h1.white {margin: -52px 0 0 0;}
    
}

@media screen and (min-width: 320px) and (max-width:480px) {
    .home_our_journey h1 {font-size: 32px;background-size: contain;}
    .journey_plus {max-width: 50%;}
    .home_section_publish h3 span.bg {padding: 0 10px;font-size: 34px;}
    .home_section_publish h3 span {font-size: 34px;}
    .home_section_gamesicon .game_icon_2 {width: 100%;}
    .home_section_gamesicon .game_icon_3 {width: 100%;}
    .home_section_gamesicon .game_icon_4 {width: 100%;}
    .home_section_gamesicon .game_icon_5 {width: 100%;}
    .home_section_gamesicon .game_icon_1 {margin: 0 0px 0 0;width: 100%;}
    .home_section_gamesicon .game-icon-s-1 {margin:10px 10px 0 0;width: 30%;}
    .home_section_gamesicon .game-icon-s-2 {margin:10px 10px 0 0;width: 30%;}
    .about_section_inner h1 {font-size: 32px;}
    .about_section_inner p {padding: 0 0;}
    .about_section_inner {padding: 32px 0 40px 0;background-position: center 62px;}
    .our_vision_details {padding: 30px 0 0px 0px;max-width: 100%;}
    .our_vision {padding: 40px 0 0px 0;}
    .whatsdeives_1 {max-width: 100%;}
    .whatsdeives_3 {max-width: 100%;}
    .whatsdeives_1 .icon {width: 38%;}
    .whatsdeives_3 .icon {width: 38%;}
    .whatsdeives_1 .whatsdeives_info {margin: 0px 0px 25px 2%;width: 60%;}
    .whatsdeives_3 .whatsdeives_info {margin: 0px 0px 25px 2%;width: 60%;}
    .about_section_5 h1 a.start {padding: 7px 20px;}
    .our_clients img {margin: 0 0;}
    .icon_full{width: 100%;visibility: visible;margin: 0;padding: 0;height: auto;}
    .like_icons_raw1 {float: left;margin: 0 0 0 0;padding: 0 0 0 0;width: 0;height: 0;visibility: hidden;}
    
}

