@charset "utf-8";
/* CSS Document */

#reading-progress {
    position: fixed;
    width: 100%;
    height: 5px;
    z-index: 9999;
    top: 0;
    left: 0;
}

#reading-progress-fill {
    height: 5px;
    width: 0;
    background: linear-gradient(90deg, rgba(205,220,57,1) 0%, rgba(3,169,244,1) 100%);
}
#reading-progress-fill {
    -webkit-transition: width 100ms ease;
    -o-transition: width 100ms ease;
    transition: width 100ms ease;
    background-color: #ff0000;
}

html, body{
	font-family: 'Roboto';
	overflow-x: hidden;
}
a{
	color: #0b93f2;
	text-decoration: none;
}
i{
	text-rendering: optimizeLegibility;
}
strong{
	font-weight: bold;
}
/*Preloader*/
.loadOverlay{
	background: #f6f6f6;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	z-index: 10000000;
}
.lds-dual-ring {
	display: inline-block;
	width: 80px;
	height: 80px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #4e9af9;
  border-color: #4e9af9 transparent #4e9af9 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*Preloader End*/
header {
    padding-top: 67px;
	background: #000;
	top:0; left:0;
	position: fixed;
	z-index: 12;
}
.brand-logo{
	background-image: url(../img/logo-octro.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 85px;
    height: 41px;
}
.navbar.fixed-top{
	padding: 0;
	min-height: 65px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar.fixed-top .container.navBrBtn{
	height: 67px;
}
.navbar.fixed-top, .navbar-collapse{
	background-color:#000 !important;
	width: 100%;
}
.navbar-nav{
	text-transform: uppercase;
}
.navbar .container .nbm-row{
	
padding: 0;
}
.navbar-dark .navbar-toggler{
	border-color: rgb(11 147 242 / 54%);
}
.navbar-dark button.navbar-toggler:focus {
    outline: 0;
    background: rgb(11 147 242 / 31%);
}
/*Anim*/
.navbar-toggler {
  border: none;
  background: transparent !important;
}
.navbar-toggler:focus {
  outline: none;
  background: transparent !important;
}
.navbar-toggler .icon-bar {
  background-color: #fff;
  transform: rotate(0deg) translate(0px, 0px);
  transition: ease all .2s;
}
.navbar-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggler .icon-bar+.icon-bar {
  margin-top: 4px;
}
.icon-bar:nth-child(2) {
  width: 16px;
  transition: ease all .2s;
}
.navbar-toggler:hover>.icon-bar:nth-child(2) {
  width: 22px;
  transition: ease all .2s;
}
.navbar-toggler:active>.icon-bar:nth-child(2) {
  width: 22px;
  transition: ease all .2s;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
  transform: rotate(45deg) translate(5px, 4px);
  transition: ease all .2s;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
  opacity: 0;
  transition: ease all .2s;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -4px);
  transition: ease all .2s;
}
.ourgames-row .container{
	margin: auto;
}
.ourgames-row .col-sm-4{
	margin: auto;
	padding-left: 0;
}
/*Game Dropdown*/
.dropdown {
  position: initial;
  display: inline-block;
}
.dropdown-content {
  display: none;
  background-color: #000;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  width: 100%;
  left: 0;
  right: 0;
}
.dropdown-content a {
  color: black;
  text-decoration: none;
  display: block;
}
.dropdown-toggle::after{
	display: none;
}
/*
.dropdown-content a:hover {
	background-color: #ddd;
}
*/
.dropdown:hover .dropdown-content {
	display: block;
}
/*Game Dropdown End*/

/*Anim End*/
.ourgames-row .ourgames-icon img {
    width: 100%;
    max-width: 125px;
    background: #3b3b3b;
    padding: 15px 25px;
    margin: auto;
    margin-top: 15px;
    display: block;
    min-width: 100px;
	transition: ease all 0.2s;
}
.ourgames-row .ourgames-icon a:hover img {
	transform: scale(1.1,1.1);
}
.ourgames-row .ourgames-icon {    
	text-align: center;
}
.ourgames-row .ourgames-icon a{
	color:#fff;
	text-transform: capitalize;
}
.ourgames-row .ourgames-icon a:hover{
	text-decoration: underline;
	color: #2bd0ff;
}
.ourgames-row .ourgames-icon p{
	padding: 15px 0;
	margin: 0;
	font-size: 12px;
}
.ourgames-row .ourgames-icon .moregame-link{
	text-decoration: underline;
	margin: auto;
	margin-top: -30px;
	font-size: 0.85em;
	white-space: nowrap;
}
#myCarousel{
	display: none;
}
.carousel-home .carousel-inner{
	height: calc(100vh - 80px);
}
.carousel-home .carousel-img{
	width: 100%;
    height: calc(100vh - 80px);
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.carousel-home  .ci_banner0 .carousel-img{
    background-image: url(../img/carousel/carousel-soccer-battle.jpg);
}
.carousel-home  .ci_banner1 .carousel-img{
    background-image: url(../img/carousel/carousel-play-rummy.jpg);
}
.carousel-home  .ci_banner2 .carousel-img{
    background-image: url(../img/carousel/carousel-teen-patti.jpg);
}
.carousel-home  .ci_banner3 .carousel-img, .about-page .carousel-home  .ci_banner3 .carousel-img{
    background-image: url(../img/carousel/carousel-about-info.png);
}
.carousel-item{
	background: #f6f6f6;
}
ol.carousel-indicators {
    justify-content: flex-end;
    margin-right: 35px;
}
ol.carousel-indicators li {
    background-color:#aaaaaa;
	opacity: 1;
	width: 40px;
	height: 5px;
}
ol.carousel-indicators .active{
    background-color:#4e9af9;
}
.slick-prev:before, .slick-next:before{
    color:#0b93f2 !important;
}
.slick-next{
	right: 0;
	z-index: 2;
}
.slick-prev{
	left: 0;
	z-index: 2;
}
.carousel-item{
	height: 100%;
}
.carousel-item .container{
	color:#212121;
	text-transform: uppercase;
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	height: 100%;
}
.carousel-item .container .text{
	line-height: 60px;
	font-size: 33px;
}
.carousel-item .container .info{
	font-size: 22px;
}
.video-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video-wrapper video {
  position: absolute;
  width: 100%;
  height: calc(100% - 80px);
  object-fit: contain;
}
section {
    margin: 25px auto;
	position: relative;
}
.section-title{
	margin: auto;
	margin-top: 2rem ;
	margin-bottom: 0!important;
	position: relative;
}
.section-title h2, .section-title h3, .section-title h4{
	color:#212121;
	font-weight: 600;
	position: relative;
	display: inline-block;
}
.section-title h2, .managementInfo h3{
	font-size: 24px;
}
.section-title h2, .managementInfo h3 b{display: block;}
.section-title h3{
	font-size: 24px;
}
.section-title h4{
	color:#212121;
	font-size:24px;
}
.section-title h3 .strokeTitle, .section-title h4 .strokeTitle{
	display: none;
	content: "";
	width: 75%;
	height: 3px;
	background: #000;
	position: absolute;
	left: 0;
	bottom: 0;	
}
.section-title h2 .strokeTitle{
	display: none;
	content: "";
	width: 75%;
	height: 4px;
	background: #000;
	position: absolute;
	left: 0;
	bottom: 0;
}
.contactForm1 .form .section-title h2 {
    color: #fff;
}
.contactForm1 .form .section-title h2 .strokeTitle{
	background: #fff;
}
.contactForm1 option{
	text-transform: uppercase;
}
.cta_htex .btn {
    background: none;
    border: none;
    text-transform: uppercase;
    color: #1f7aec;
	padding-right: 0;
}
.cta_htex .btn-secondary:not(:disabled):not(.disabled):active, .cta_htex .btn-secondary:not(:disabled):not(.disabled):active, .cta_htex .btn-secondary:focus, .cta_htex .btn-secondary:hover {
    text-decoration: underline;
	border:none;
	background-color: transparent;
	color: #1f7aec;
	box-shadow: none;
}
.features-group{display:flex;	flex-wrap: wrap;
	flex-direction: row; justify-content: space-between;}
.feature-box {
	overflow: hidden;
	width:47%;
	margin-bottom:4%; border-radius:10px; 
}
.games-page .feature-box {width:32%;}

.games-page .feature-box .fGame-icon{width:70px; height:70px;}

.feature-box .image{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.feature-box .image>img{max-width:100%; transition: ease 0.2s all;
}

.feature-box:hover .image>img{
	transform:scale(1.1,1.1)
}
.feature-box.fbox0 .image{
}
.feature-box.fbox1 .image{

}
.feature-box.fbox2 .image{

}
.feature-box.fbox3 .image{

}
.feature-box .image .fbRightPanel {
    content: "";
    position: absolute;
    width: 30%;
    height: 100%;
    background:rgba(0,0,0,0.7);
	right:-100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
	transition: ease-out 0.5s;
}
.feature-box:hover .fbRightPanel{
	right:0;	
}
.fb_footer{
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto;
	padding:10px 15px;
	width: 100%;
	border: solid 1px #d7d7d7;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius:0 0 10px 10px; 
}
.feature-box .fGame-icon{
	background-position: center top;
	background-size: contain;
	width: 100px;
	height: 100px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index: 2;
	display: inline-block;
}
.feature-box.fbox0 .fGame-icon{
	background-image: url("../img/games/play-rummy-icon.png");
}
.feature-box.fbox1 .fGame-icon{
	background-image: url("../img/games/teen-patti-icon.png");
}
.feature-box.fbox2 .fGame-icon{
	background-image: url("../img/games/pokerlive.png");
}
.feature-box.fbox3 .fGame-icon{
	background-image: url("../img/games/tambola-icon.png");
}
.feature-box.fbox4 .fGame-icon{
	background-image: url("../img/games/soccerbattles.png");
}
.feature-box.fbox5 .fGame-icon{
	background-image: url("../img/games/pokerpro-icon.png");
}

.feature-box .btn {
    background-color: transparent;
    border: none;
    color: #1f7aec;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px;
    padding: 2px 10px;
}
.feature-box .btn img{margin-top:-4px;}
.feature-box .btn:hover {
    color: #4b9bff;
}


.feature-box .btn-secondary:not(:disabled):not(.disabled).active, .feature-box .btn-secondary:not(:disabled):not(.disabled):active, .feature-box .show>.btn-secondary.dropdown-toggle, .feature-box .btn-secondary.focus, .feature-box .btn-secondary:focus{
	background:none;
	outline: 0;
	box-shadow: none;
	color:#4b9bff;
}
.fGame-title, .fGame-cta{
	display: inline-block;
	text-align: right;
}
.fGame-title{
	margin-right: 10px;
	font-size: 16px;
	color: #000;
	vertical-align: middle;
}
.featureCarousel{
	margin-top: 135px;
}
.featureCarousel .slick-slide img {
    width: 100%;
    padding: 0 15px;
}
.ourgames-icon .row.jscenter{
	justify-content: center;
}
.ourgames-icon .fGame-icon {
	padding: 15px;
}
.ourgames-icon .fGame-icon img{
	margin: auto;
	width:100%;
	height: auto;
	max-width: 150px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom:10px;
}
.ourgames-icon .fGame-icon .oGame-title{
	text-align: center;
}
.ourgames-icon .game-icon {
    text-align: center;
    background: #ffffff;
	overflow: hidden;
    margin: 12px;
    margin-bottom: 35px;
    min-width: 170px;
	cursor: pointer;	
	border:1px solid #999999;
	transition: ease all 0.6s;
}

.ourgames-icon .game-icon a {
	text-decoration: none;
}
.ourgames-icon .game-icon .oGame-title, .ourgames-icon .game-icon .oGame-cta {
    padding: 7px 0;
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
	font-size: 14px;
}
.ourgames-icon .game-icon .oGame-title {
	border-bottom: 1px solid #999999;
	text-transform: capitalize;
	color:#333333;
	font-weight: bold;
	transition: ease all 0.4s;
}
.ourgames-icon .game-icon:hover .oGame-title{background:#ffffff; color:#1f7aec;}
.ourgames-icon .game-icon .oGame-cta {
	border-top: solid 1px #dddddd;
	background: #1f7aec;
	color: #ffffff;
	cursor: pointer;
}
.ourgames-icon .game-icon .oGame-cta:hover {
    background: #0264e0;
}
.ourgames-icon .game-icon img {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin: 10px 0px;
    width: 70%;
	transition: ease all 0.4s;
	transform:scale(0.8,0.8);
}
.game-icon:hover img{
	transform:scale(1,1);
}

.marketing .lead{
	color:#000;
	font-weight: 400;
}
.featurette img{max-width:100%;}
.featurette{
	color:#212121;
	font-weight: 400;
}
.featurette.visibl{align-items: center;}
.featurette .col-md-7{display: flex; flex-wrap: wrap;}
.home-page .featurette+.featurette{margin-top:50px;}
.home-page .featurette.pb-5{margin-top:20px;}
.featurette-heading{
	text-transform: uppercase;
	color:#0b93f2;
	font-weight: bold;
}
.featurette-icon{
	background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.featurette-icon.feat_icon0{
	background-image: url("../img/who-we-are.png");
}
.feat_icon0{
	margin-left: auto;
}
.feat_icon1{
	margin-right: auto;
}
.games-page .topBanner, .about-page .topBanner, .contact-page .topBanner, .career-page .topBanner, .tnc-page .topBanner{
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 1920px;
	height: 350px;
    max-width: 100%;
}
.games-page .topBanner{
	background-image: url("../img/banner-games-soccer.jpg");
}
.about-page .topBanner{
	background-image: url("../img/banner-career.jpg");
}
.contact-page .topBanner{
	background-image: url("../img/banner-contact.jpg");
}
.career-page .topBanner{
	background-image: url("../img/banner-career.jpg");
}
.tnc-page .topBanner{
	background-image: url("../img/banner-career.jpg");
}
.pageIntro {
    background: #fff;
    border: solid 1px #e6e6e6;
    border-radius: 10px;
    padding: 15px;
    -webkit-box-shadow: 0 1px 7px rgb(194 194 194 / 63%);
    box-shadow: 0 1px 7px rgb(194 194 194 / 63%);
	margin-bottom: 35px;
	position: absolute;
    bottom: -85px;
    left: 0;
    right: 0;
    margin: auto;
}
.pageIntro .section-title h1{
	color:#0b93f2;
}
.pageIntro .section-title, .pageIntro .text{
	padding: 15px;
	padding-bottom: 0;
	margin: 0;
	text-align: center;
}
.managementInfo, .contactForm1 {
    margin-top: 50px;
}
.managementInfo .featurette-icon{
	background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    width: 250px;
    height: 250px;
    margin: auto;
}
.managementInfo .mgt-img0{
	background-image: url("../img/saurabh-aggarwal-ceo-octro.jpg");
}
.managementInfo .mgt-img1{
	background-image: url("../img/manav-sethi-gcmo-octro.jpg");
}
.managementInfo .mgt-img2{
        background-image: url("../img/Yudhister-Bahl-octro.jpg");
}
.managementInfo .mgt-img3{
        background-image: url("../img/Arup-Das-octro.jpg");
}

#more, #more2, #more3, #more4 {
	display: none;
}
.readmore{
	background: none; font-weight: bold;
	border:none;
	text-transform: capitalize;
	color: #268BCC; text-decoration: none;
	margin: 0;
	padding: 0;
	font-size:18px;
}
.readmore:after{content:''; display: inline-block; width:17px; height:20px; background: url("../img/arrow-r.png") no-repeat center center; background-size:100% auto; vertical-align: middle; margin-left:10px;}
.readmore:focus{
	outline: 0;
}
.order-md-1{
	-ms-flex-order:1;
	order:1;
}
.order-md-2{
	-ms-flex-order:2;
	order:2;
}
.align-item-center{
	align-items: center;
}
.contactForm1 .form {
    background-color: #1f7aec;
    padding: 25px;
    -webkit-box-shadow:0 1px 7px rgb(194 194 194 / 63%);
    box-shadow:0 1px 7px rgb(194 194 194 / 63%);
}
.contactForm1 .form-control{
	border-radius: 0;
	border: solid 2px #fff;
	background:#5097f0;
	color:#fff;
}
.contactForm1 ::-webkit-input-placeholder {
  color: #fff;
}
.contactForm1 :-ms-input-placeholder { 
  color: #fff;
}
.contactForm1 ::placeholder {
  color: #fff;
}
button.cf_submit{
	background: #fff;
	border-radius: 0;
	border: none;
	color: #1f7aec;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	width:150px;
	margin: auto;
	margin-top: 20px;
}
.contact-page .charcter-2 {
	display: table;
	height: 100%;
	width: 100%;
}
.contact-page .charcter-2 .cell-img{
	display: table-cell;
	vertical-align: bottom;
}
.contact-page .charcter-2 img {
    width: 100%;
    vertical-align: bottom;
    margin: auto;
    text-align: center;
}
.formSubmit_msg{
	text-align: center;
	color:#212121;
}
.formSubmit_msg h2{
	font-weight: bold;
}
.world-map-area {
    background-image: url("../img/world-map.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
    width: 100%;
    height: 460px;
}
.payment_partner p, .security_reponsible p {
	font-weight: bold;
	font-size: 15px;
	margin-bottom:10px;
	color: #212121;
}
.footer_response {
	font-size: .75em;
	text-align: center;
	padding: 2px;
}
.footer_response a{
	color: #212121;
}
.response {
	vertical-align: middle;
	color: #212121;
	font-size: 13px;
	padding: 5px 2px;
	text-shadow: none;
	text-align: center;
}
.response img {
	width: 38px;
}
.response img, .response a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 10px 5px;
}
.response_data {
	padding: 10px;
}
.response_data h2 {
	margin-bottom: 10px;
}
.security_reponsible {
	margin: 5px auto;
}
.security_reponsible .icons .icon, .payment_partner .icons .picon{
	background: #f6f6f6;
    width: 130px;
    height: 55px;
    display: inline-block;
    margin: 0 2px;
    line-height: 45px;
    margin-bottom: 15px;
    text-align: center;
}
.security_reponsible .icon img, .payment_partner .picon img{
	vertical-align: middle;
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	padding: 3px 7px;
}
.about-page .payment_partner .icons .picon {
    width: 170px;
    height: 60px;
    padding: 5px;
}
.text-main-1{
	font-size: 22px;
	font-weight: 400;
}
.featurette-icon.feat_icon0.character-1{
	background-image: url("../img/character-1.png");
}
section.jobs-section{
	background: #f6f6f6;
}
table.jobs-table {
    width: 100%;
    color: #000;
}
table.jobs-table thead {
    border-bottom: solid 1px #000;
}
table.jobs-table td {
    color: #717171;
    padding-bottom: 6px;
    padding-top: 20px;
}
table.jobs-table td:first-child {
    color: #000;
}
table.jobs-table th:nth-child(2), table.jobs-table th:nth-child(3), table.jobs-table td:nth-child(2), table.jobs-table td:nth-child(3) {
    text-align: center;
}
table.jobs-table thead th {
	padding-bottom: 10px;font-weight: 500;text-transform: uppercase;font-size: 22px;
}

table.jobs-table tr {
    border-bottom: solid 1px #c5c5c5;
}
footer {
    background: #000000;
    padding: 25px;
    color: #fff;
	position:relative;
}
footer .ver-div {display:none;}
footer .col-md-4{position: relative;}
footer .col-md-4:after {
    width: 1px;
    background: #242424;
    margin-left: -3px;
	position:absolute;
	height:80%;
	content:'';
	top:18px;
	left:65%;
	display: none;
}

footer .footerTitle, footer .social-icons-nav{text-align:center; padding:.5rem 2rem;}
footer .btn-download{text-align: center;}
footer .col-md-4:last-child:after{display:none;}
footer .navbar-text{
	display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem;
    list-style: none;
    padding-left: 0;
	width:100%;
}
footer a.nav-link {
    color: #b3b3b3;
    padding-left: 0 !important;
	text-align: center;
	font-size:16px;
}
footer a.nav-link:hover {
    color: #dcdcdc;
	text-decoration: underline;
}
.footerTitle {
    font-size: 16px;
	color:#b3b3b3;
}

.social-icons-nav i{
	color:#808080;
	font-size: 33px;
	margin-right: 10px;
}

.social-icons-nav i:hover{
	color:#dcdcdc;
}
.download-app a{
	display: inline-block;
	width: 132px;
	height: 40px;
	background-image: url("../img/download-btn.png");
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 5px 0;
}
.download-app a.iosBtn{
	background-position: 0px -46px;
	margin-right: 5px;
}
.download-app a.androidBtn{
	background-position: 0 0;
}
.copyright-text{
	color:#585858;
	font-size: 14px;
	margin-top: 10px;
	text-align: center;
}


/*new-style*/
.pp-content *::-webkit-scrollbar {  width: 5px;}
.pp-content *::-webkit-scrollbar-track {  background: #f1f1f1;}
.pp-content *::-webkit-scrollbar-thumb {  background: #999999;}
.pp-content *::-webkit-scrollbar-thumb:hover {  background: #666666;}

.dot{width:320px; height:auto; margin:0; position: absolute; }
.dot img{max-width:100%;}

.dot#ele1{top:60vh; left:0;}
.dot#ele2{top:80vh; right:0;}
.dot#ele3{top:180vh; left:0;}
.dot#ele4{top:220vh; right:0;}
.dot#ele5{top:270vh; left:0;}
.dot#ele6{top:300vh; right:0;}
.dot#ele7{top:350vh; left:0;}
.dot#ele8{top:380vh; right:0;}
.dot#ele9{top:420vh; left:0;}
.dot#ele10{top:450vh; right:0;}

.dot{ transition: ease all 0.5s; transform: scale(0) rotate(60deg); opacity:0.7;}
.dot.fadeIn{transform: scale(1) rotate(0deg); opacity:1;}

.pp-content{display:flex;}
.left-bar{width:30%;}
.right-bar{width:70%; height:766px;    overflow: auto; padding-right: 20px;}

.left-bar ul{list-style:inside none; margin:0; padding:0 25px 0 0;}
.left-bar ul li{padding:10px 15px 10px 30px; background:#f5f5f5; margin-bottom:3px; line-height: 2; position: relative; font-size:14px; cursor: pointer;}
.left-bar ul li:before{content:'►'; display: block; position: absolute; left:10px; top:10px; font-size:14px; transition: ease 0.2s;}
.left-bar ul li.active-click, .left-bar ul li:hover{background:#1f7aec; color:#ffffff;}
.left-bar ul li.active-click:before{transform: rotate(90deg); transform-origin: center center}

.right-bar ol{padding-left:20px; list-style:outside decimal;}
.right-bar ol li, .right-bar p{margin-bottom:10px; font-size:14px; }
.right-bar ol ol{padding-left:20px; list-style:outside lower-alpha; margin-bottom:15px;}
.right-bar .content-div{display:none;}

.carousel-item.ci_banner0 h2{font-size:2vw; color:#300f6b; font-weight:bold; text-transform: uppercase;}
.carousel-item.ci_banner0 h2 span{font-size:3vw; display: block; }

.carousel-item.ci_banner1 .carousel-caption{top:50%; bottom:inherit; transform: translate(0,-50%); margin:0;}
.carousel-item.ci_banner1 h2{font-size:3.5vw; color:#ffffff; font-weight:bold; text-transform: uppercase;}
.carousel-item.ci_banner1 h2 span{font-size:2.5vw; display: block; }

.carousel-item.ci_banner2 .carousel-caption{top:50%; bottom:inherit; transform: translate(0,-50%); margin:0;}
.carousel-item.ci_banner2 h2{font-size:3.5vw; color:#ffffff; font-weight:bold; text-transform: uppercase;}
.carousel-item.ci_banner2 h2 span{font-size:2.5vw; display: block; }

.carousel-item.ci_banner3 .carousel-caption{top:5%; bottom:inherit; margin:0;}
.carousel-item.ci_banner3 h2{font-size:3.5vw; color:#ffffff; font-weight:bold; text-transform: uppercase;}
.carousel-item.ci_banner3 h2 span{font-size:2.5vw; display: block; }

.carousel-item.ci_banner4 .carousel-caption{top:5%; bottom:inherit; margin:0;}
.carousel-item.ci_banner4 h2{font-size:3.5vw; color:#ffffff; font-weight:bold; text-transform: uppercase;}
.carousel-item.ci_banner4 h2 span{font-size:2.5vw; display: block; }
.carousel .cta button {		font-size: 1.5vw;	}

@media (max-width: 768px) {
	.left-bar{display: none;}
	.right-bar{width:100%; height:auto; padding:0;}
	.right-bar ol li, .right-bar ol p{}
	.content-div h2{padding:10px 15px 10px 30px; background:#f5f5f5; margin-bottom:3px; line-height: 2; font-size:16px; cursor: pointer; position: relative;}
	.content-div h2:after{content:'►'; display: block; position: absolute; left:10px; top:12px; font-size:14px; transition: ease 0.2s;}
	.content-div h2.active-click{background:#1f7aec; color:#ffffff;}	
	.content-div h2.active-click:after{transform: rotate(90deg); transform-origin: center center;}
	.inside-content{display:none; padding:20px 6px;}
	.right-bar .content-div{display:block;}
	
}
@media (max-width: 400px) {	
	.content-div h2{font-size:12px; line-height: 1.5;}
	.content-div h2:after{top:8px;}	
	
	.carousel-item.ci_banner0 h2{font-size:4vw;}
	.carousel-item.ci_banner0 h2 span{font-size:6vw;}
	.carousel-item.ci_banner1 h2, .carousel-item.ci_banner2 h2, .carousel-item.ci_banner3 h2, .carousel-item.ci_banner4 h2{font-size:7vw;}
	.carousel-item.ci_banner1 h2 span, .carousel-item.ci_banner2 h2 span, .carousel-item.ci_banner3 h2 span, .carousel-item.ci_banner4 h2 span{font-size:5vw;}	
	.carousel .cta button{font-size:4vw;}
	
	.carousel-item.ci_banner0 .carousel-caption, .carousel-item.ci_banner1 .carousel-caption, .carousel-item.ci_banner2 .carousel-caption, .carousel-item.ci_banner3 .carousel-caption, .carousel-item.ci_banner4 .carousel-caption{ transform: translate(0,0); top:5%;}	
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (orientation: landscape){
	.video-banner-mobile{
		display: block;
	}
	.video-banner-mobile{
		display: none;
	}
}
@media (orientation: portrait){
	.video-banner-desktop{
		display: none;
	}
	.video-banner-mobile{
		display: block;
	}
}
@media only screen and (max-width: 767px) and (orientation: portrait){
	.featureCarousel{
		margin-top: 85px;
	}
	.section-title h2 {
		font-size: 33px;
	}
	.carousel-home  .ci_banner0 .carousel-img{
		background-image: url(../img/carousel/carousel-soccer-battle-m.jpg);
	}
	.carousel-home  .ci_banner1 .carousel-img{
		background-image: url(../img/carousel/carousel-play-rummy-m.jpg);
	}
	.carousel-home  .ci_banner2 .carousel-img{
		background-image: url(../img/carousel/carousel-teen-patti-m.jpg);
	}
	.carousel-item .container .text{
		line-height: 55px;
		font-size: 26px;
	}
	.carousel-home .carousel-img, .carousel-home .carousel-inner {
		height: calc(100vh - 67px);
	}
	.games-page .topBanner, .about-page .topBanner, .career-page .topBanner, .contact-page .topBanner{
		height: 405px;
	}
	.games-page .topBanner{
		background-image: url(../img/banner-games-soccer-m.jpg);
	}
	.career-page .topBanner{
		background-image: url(../img/banner-career-m.jpg);
	}
	.contact-page .topBanner{
		background-image: url(../img/banner-contact-m.jpg);
	}
	.featurette-icon{
		background-position: center top;
		height: 347px;
	}
	.ourgames-row .ourgames-icon .moregame-link{
	}
	footer .ver-div{
		display: none;
	}
	.video-wrapper video {
		height: calc(100% - 67px);
	}
}
@media (max-width: 575.98px) {
	.footer{
		text-align: center;
	}
	.footer .float-right{
		float: none !important;
	}
	.topBanner{
		height: 250px;
	}
	.section-title h1{
		font-size: 22px;
	}
	.pageIntro{
		max-width: 95%;
	}
	.ourgames-row .ourgames-icon{
		width:50%;
	}
}
@media (max-width: 479px) {
	.managementInfo .featurette-icon{
		height: 275px;
	}
	.navbar-toggler{
		/* margin-right: 10px; */
	}
	.carousel-item .container .text{
		line-height: 30px;
		font-size: 16px;
	}
	.carousel-item .container .info{
		font-size: 16px;
	}
	.navbar.fixed-top {
		min-height: 60px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.featurette-icon{
		height: 190px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.fb_footer{
		background-size: cover;
	}
	.managementInfo .featurette-icon{
		height: 425px;
	}
	.games-page .feature-box .image{
		
	}
	.ourgames-row .ourgames-icon .moregame-link{
	}
}
@media only screen and (min-width: 768px) and (max-width: 1199.98px){
	
	.social-icons-nav i {
		font-size: 17px;
	}
	.footerTitle {
		font-size: 18px;
	}
}
@media (max-width: 1199.98px) {
	.download-app a {
		width: 135px;
		height: 42px;
	}
}
@media only screen and (min-width: 576px){
	.container{
		padding-left: 0;
		padding-right: 0;
	}
}
@media only screen and (min-width: 768px){
	header{
		padding-top: 80px;
	}
	.featurette-heading {
		margin-top: 4rem;
	}
	.navbar.fixed-top .container.navBrBtn{
		height: 80px;
	}
	.footer-tagline-text{
		font-size: 22px;
	}
}
@media only screen and (min-width: 992px){
	.navbar.fixed-top .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row;
		justify-content: flex-end;
	}
	.navbar .container .nbm-row{
		position: absolute;
	}
	.topBanner{
		height:610px;
	}
	.nav-link {
		padding: .5rem 2rem !important;
	}
	.navbar-dark .navbar-brand{
		position: absolute;
		z-index: 1;
	}
	.navbar-dark .navbar-toggler{
		position: absolute;
		right: 0;
		z-index: 1;
		display: none;
	}
	.dropdown-content{
		position: absolute;
	}
	.ourgames-row .ourgames-icon .moregame-link{
	}
	.ourgames-row .ourgames-icon p{
		font-size: 16px;
	}
	
	footer .col-md-4:after{left:31vh;}	
}


@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .featurette-heading {
    font-size: 50px;
  }
}
@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 4rem;
  }
}
@media (min-width: 321px) and (max-width: 812px) {
  .carousel-item .container .text {
		line-height: 32px;
		font-size: 18px;
	}
}

/*Updated by Quasim 20201201_1614*/


h2.side-head{ position: fixed; top:120px; left:60px; color: #000000; z-index: 6; font-size:30px; padding-left: 50px; transition: ease 0.2s;}
h2.side-head b{transform: rotate(90deg); transform-origin: top left; display: block; margin:50px 0 0 -16px; transition: ease 0.2s;}
h2.side-head span{position:absolute; left:0; border-bottom:2px solid #c20b1f; font-size:26px;}


#pagepiling h3{font-size:24px;}
#pagepiling h2{font-size:32px;}


@media (min-width: 769px) {
.inside .pokerslide{background-img:none;  background-size:100% auto;}
.inside .third-slide {    position: relative;    background: url(../img/carousel-teen-patti-inside.jpg) no-repeat #f6f6f6;    background-position: center 2000px;    background-size: cover;}	
.inside .owl-carousel{margin-top:60px;}
.inside .octro-carousel .owl-item, .inside .octro-carousel .owl-item .item{height:auto;}
.inside .pokerslide span{top:50%; transform: translate(0,-50%); left:14vw; margin:0 0; width:auto;}
.inside .pokerslide span h2{text-shadow: 3px 3px 15px #000000; font-weight: bold; font-size:2vw;}
.inside .pokerslide span h2 b{font-size:2.5vw;}
	

.inside .second-slide {    background: url(../img/carousel-play-rummy.jpg) center bottom no-repeat;    background-size: cover;    position: relative;}

.inside .octro-carousel .item.fourth-slide{width:100%; position: relative; top:0; transform: translate(0,0); left:0;}
.inside .octro-carousel .item.fourth-slide > div{    width: 60vw;    height: auto!important;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%,-50%);}	

.inside .octro-carousel .first-slide .cart-01{width: 15vw; left:-100%;}
.inside .octro-carousel .first-slide .cart-02{width: 19vw; margin-left:-3vw; left:-100%;}
.inside .octro-carousel .first-slide .cart-03{width: 12vw; margin-right:-2vw; right:-100%;}
.inside .octro-carousel .first-slide .cart-04{width: 15vw; right:-100%;}
.inside .second-slide .rummy{width:10vw;}
.inside .second-slide a span{font-size: 1.4vw; margin-top:1vw;}
.inside .owl-item.active .rummy img{width:60%; margin: 0 auto;}
.inside .second-slide .rummy{top:5%;}
.inside .third-slide .teen-patti{width: 25vw; top: 20%; left:25vw;}
.inside .third-slide .teen-patti span{margin-left: 7vw;}
.inside .octro-carousel .item.fourth-slide h2 {    font-size: 1.5vw;}
	
}




/*section 01*/
.octro-carousel{overflow: hidden;}
.octro-carousel .owl-item, .octro-carousel .owl-item .item{height:100vh; background-color:#f6f6f6;}

.pokerslide{background:url("../img/banner-4.jpg") no-repeat right center; background-size:cover;}
.pokerproslide{background:url("../img/banner-1.jpg") no-repeat center center; background-size:cover;}

.pokerslide span{position:absolute; top:18vh; left:0; right:0; opacity:0; max-width:1140px; margin:0 auto;}
.pokerproslide span{position:absolute; top:50%; right:5vw; opacity:0; width:38vw; margin:0 auto; text-align: center; transform: translate(0,-50%);}

.inside .pokerproslide span{position:absolute; top:42%; right:15vw; opacity:0; width:20vw; margin:0 auto; text-align: center; transform: translate(0,-50%);}

.active .pokerslide span, .active .pokerproslide span{opacity: 1;}

.pokerslide span h2, .pokerproslide span h2{color:#ffffff; font-size:2.5vw;}
.pokerproslide span a{color:#ffffff; padding:0.5vw 1.5vw; background:#eb0808; font-size:1.2vw; display: inline-block;  transition: ease all 0.3s; text-decoration:none;}

.pokerslide span a{color:#ffffff; padding:0.5vw 1.5vw; background:#eb0808; font-size:1.2vw; display: inline-block; margin-top: 1vw; transition: ease all 0.3s; text-decoration:none;}
.pokerslide span a:hover, .pokerproslide span a:hover{background:#c50707;}

.octro-carousel .first-slide{background:#f5f5f5;}
.octro-carousel .first-slide .cart-01, .octro-carousel .first-slide .cart-02, .octro-carousel .first-slide .cart-03, .octro-carousel .first-slide .cart-04{ display: block;position: absolute; bottom:0; transition: ease all 0.2s; opacity:0;}
.octro-carousel .first-slide .cart-01{width: 22vw; left:-100%;}
.octro-carousel .first-slide .cart-02{width: 27vw; left:-100%;}
.octro-carousel .first-slide .cart-03{width: 17vw; right:-100%;}
.octro-carousel .first-slide .cart-04{width: 20vw; right:-100%;}
.octro-carousel .owl-dots button{display:block; width:40px; height:5px; display:inline-block; margin:5px; background:#aaaaaa!important;}
.octro-carousel .owl-dots button.active{background:#000000; outline: 0; background:#4e9af9!important;}
.owl-dots{display:inline-block; position: absolute; right:20px; bottom:20px;}
.first-slide > a{width:30vw; display: block; position:absolute; left:50%; top:15%; transform:translate(-50%, 0%); opacity:0; transition:ease 1s all 1s; text-align: center;}

.octro-carousel .owl-item.active .cart-01{animation:cartmove1 ease-in 0.5s forwards 0.2s; animation-timing-function: ease-out; }
.octro-carousel .owl-item.active .cart-02{animation:cartmove2 ease-in 0.5s forwards 0.5s; animation-timing-function: ease-out; }
.octro-carousel .owl-item.active .cart-03{animation:cartmove3 ease-in 0.5s forwards 0.8s; animation-timing-function: ease-out;}
.octro-carousel .owl-item.active .cart-04{animation:cartmove4 ease-in 0.5s forwards 1.1s; animation-timing-function: ease-out;}
.octro-carousel .owl-item.active .first-slide > a{opacity:1; }
.first-slide > a span{display:inline-block; padding:0.5vw 1.5vw; color:#ffffff; background:#1f7aec; margin-top:20px; font-size:1.2vw; transition: ease all 0.3s;}
.first-slide > a:hover span{background:#1b68ca; color:#ffffff;}
.cta_htex{margin-top:0px;}


.second-slide{background:url(../img/carousel-play-rummy.jpg) center no-repeat; background-size:cover; position: relative;}
.second-slide .rummy{width:10vw; position:absolute; top:20%; left:50%; transform:translate(-50%,0); text-align:center; font-size:1.3vw;opacity:0; color:#000000; text-decoration: none;}
.second-slide a span{color:#ffffff; padding:0.5vw 1.5vw; background:#3b6201; font-size:1.3vw; display: block; margin-top: 3vw; transition: ease all 0.3s; }
.second-slide a:hover span{background:#2e4c01;}
.owl-item.active .rummy{animation:cartmove5 ease-in 0.5s forwards 0.7s; animation-timing-function: ease-out; }
.owl-item.active .rummy img{margin-bottom:10px;}







.third-slide .teen-patti{width:40vw; position:absolute; top:25%; left:35%; transform:translate(-50%,0); text-align:center; font-size:1.3vw; opacity:0; color:#000000; text-decoration: none; animation:cartmove6 ease-in 0.5s forwards 0.7s; animation-timing-function: ease-out; }
.third-slide .teen-patti span{color:#ffffff; padding:0.5vw 1.5vw; background:#e61416; font-size:1.5vw; display:inline-block; margin-top: 1vw; transition: ease all 0.3s; float:left; margin-left:18vw; }
.third-slide .teen-patti:hover span{background:#b91012;}
.third-slide .teen-patti img+img{position:absolute; right:0; width:29vw; opacity: 0;}
.active .third-slide .teen-patti img+img{ bottom:0;animation:cartmove8 ease-in 1s forwards 1s;}
.third-slide{ position: relative; background:url(../img/carousel-teen-patti.jpg) no-repeat #f6f6f6; background-position:center 2000px; background-size: cover}
.owl-item.active .third-slide{animation:cartmove7 ease-in 1s forwards 0.7s;  animation-timing-function: ease-out; opacity:0;}


.octro-carousel .item.fourth-slide{width:60vw; height: auto!important; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.octro-carousel .item.fourth-slide h2{font-size:1.8vw; line-height: 1.8;font-weight: normal;}
.octro-carousel .item.fourth-slide p{fontisize:1vw;}
.second-slide {
    background: url(../img/carousel-play-rummy.jpg) center bottom no-repeat;
    background-size: cover;
    position: relative;
}



/*section 2*/
.group-tiles{display:flex; justify-content: center; width: 52vw; align-items: center; justify-content: space-between; flex-wrap: wrap; margin:0 auto;}
#section2 .pp-tableCell{display: flex; justify-content: center; align-items: center; flex-direction: column; align-content: flex-start;transition: all 0.3s linear 0.5s; opacity:0;}
#section2.active .pp-tableCell{opacity:1;}
.group-tiles > a{width:25vw; height:auto; margin:1vw 0; overflow: hidden; cursor: pointer; background: #000000;  position:relative; overflow: hidden;}
.group-tiles > a > img{-webkit-filter: blur(0px); max-width:100%; transition: all 0.3s linear; }
.group-tiles > a:hover img{-webkit-filter: blur(2px);opacity:0.5;}

.group-tiles > a span{width:100%; display:block; position:absolute; background:#ffffff; left:0; top:80%; transform:translate(-50%, -50%); padding:10px; -webkit-filter: blur(0px); opacity:0;transition: ease 0.2s ; transform-origin: center center;}
.group-tiles > a span img{float:right; -webkit-filter: blur(0px); opacity:1;transition: all 0.3s linear;margin-top: 3px;}

.group-tiles > a:hover span{-webkit-filter: blur(0px); opacity:1; background:rgba(255,255,255,0.8); transform:translate(0%, -50%);}
.group-tiles > a:hover span img{float:right; -webkit-filter: blur(0px); opacity:1;}

/*section 3*/
#section3 h2, #section3 h3, #section3 p{color:#ffffff; margin-top:2vw;}
#section3 .pp-tableCell{transition: all 0.3s linear 0.5s; opacity:0; width:100%; height: 100vh; position: relative;}
#section3 .half-part{float:right; width:66%; height:0px; transition: all 0.2s linear 1.2s; background:#3287bd; padding:0 5vw; position: relative; z-index: 2;}
#section3.active .half-part{ height:100vh; overflow: hidden; padding:8vw 5vw;}
#section3.active .pp-tableCell{align-items: flex-start;opacity:1;}
#section3 .pp-tableCell>img.logo{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); transition:all 0.5s ease-out 1.6s; width:30vw;}
#section3.active .pp-tableCell>img.logo{left:20%;}
#section3 .logo-group{width:100%;}
#section3 .logo-group img{width:auto; height:60px; background: #ffffff; padding:5px 10px;}

/*about us page*/
.pattern{width:100%; margin:50px auto;}
.pattern svg{transform: scale(1.2);}
.fadeIn #Path_3, .fadeIn #Path_4, .fadeIn #Path_5, .fadeIn #Path_6{  stroke: #969696;  stroke-width:1;  stroke-dasharray: 200;  stroke-dashoffset: -200;  fill: none;  animation:pathStroke2 1s linear forwards 1.5s;}
.fadeIn #Group_15, .fadeIn #Group_16{  opacity:0;  animation:pathStroke3 0.3s forwards 0.3s; cubic-bezier(2, 0.7, 1.0, 2);}	
.fadeIn #Path_110, .fadeIn #Path_111, .fadeIn #Path_215, .fadeIn #Path_214{	animation:pathStroke4 0.3s forwards 0.3s; cubic-bezier(2, 0.7, 1.0, 2);	fill-opacity:0;}
.fadeIn.pattern text, .fadeIn #touch, .fadeIn #affiliate-marketing{animation:pathStroke5 0.3s forwards 0.3s; opacity:0; cubic-bezier(2, 0.7, 1.0, 2);}	

.fadeIn.dex #Path_7{  stroke: url(#linear-gradient);  stroke-width:2;  stroke-dasharray: 1300;  stroke-dashoffset: -1200;  fill:url(#linear-gradient);  animation:pathStroke 2s forwards ease-in; cubic-bezier(2, 0.7, 1.0, 2);}

.fadeIn.mob #Path_7{  stroke: url(#linear-gradient01);  stroke-width:2;  stroke-dasharray: 1300;  stroke-dashoffset: -1200;  fill:url(#linear-gradient01);  animation:pathStroke 2s forwards ease-in; cubic-bezier(2, 0.7, 1.0, 2);}


.pattern text{font-family: 'Roboto';}

.box_sec{transform: scale(0,0); transform-origin:center center; }		
.fadeIn .box_sec{animation:scales-ico 0s forwards 0.0s; cubic-bezier(2, 0.7, 1.0, 2);}
	
.middle-logo{transform: scale(0,0) translate(-50%,-50%); transform-origin:top left;  }
.fadeIn .middle-logo{animation:scales 0s forwards; cubic-bezier(2, 0.7, 1.0, 2);}

.animLeft{transform: translate(-20%,0); opacity:0;   cubic-bezier(2, 0.7, 1.0, 2);}
.animRight{transform: translate(20%,0); opacity:0;   cubic-bezier(2, 0.7, 1.0, 2);}
.fadeIn .animLeft{animation:anim-left 0.8s forwards 0.5s;}
.fadeIn .animRight{animation:anim-right 0.8s forwards 0.5s;  }
	
@keyframes anim-left {
0% {  transform: translate(-20%,0);  opacity:0;}
50% { }
100% {  transform: translate(0,0); opacity:1;  }
}		
@keyframes anim-right {
0% {  transform: translate(20%,0);  opacity:0;}
50% { }
100% {  transform: translate(0,0); opacity:1;  }
}		
	
	
@keyframes scales-ico {
0% {  transform: scale(0,0);  }
20% { }
90% { }
100% { transform: scale(1,1); opacity: 1; }
}		
	
@keyframes scales {
0% {    }
20% { }
90% { }
100% { transform: scale(1,1) translate(-50%,-50%); opacity: 1; }
}	
	
@keyframes pathStroke {
  0% {   fill-opacity:0; stroke-width:0; }
  20% { fill-opacity:0; stroke-width:1; }	
  90% { fill-opacity:0; stroke-width:1; stroke-dashoffset: 0; }
100% {  stroke-width:0;  fill-opacity:1; }
}
	
@keyframes pathStroke2 {
  0% {   }
  99% {  fill:none;}
100% { stroke-width:1; stroke-dashoffset: 0; fill-opacity:1; fill:#969696; }
}
	
@keyframes pathStroke3 {
  0% {  opacity:0; }
  90% {   }
100% {  opacity:0.15;  }
}	
	
@keyframes pathStroke4 {
  0% {  fill-opacity:0;  }
  90% {   }
100% {  fill-opacity:1;   }
}	
@keyframes pathStroke5 {
  0% {  opacity:0;  }
  90% {   }
100% {  opacity:1;   }
}		
	
 .mission_stat{
    position: relative;
    z-index: 2;
	transform: scale(0.9); 
	 transition:ease 0.3s;
  }
.mission_stat:hover{transform: scale(1);}
   .mission_stat img{display: block; margin:0;	   max-width: 100%;   }
	.values-tiles img{max-width:100%;}
	.values-tiles{ text-align: center; position: relative; width:100%;}
	.middle-logo{position:absolute; top:52%; left:50%; width:50%;}
	 .box_sec{position:relative; width:140px; display: inline-block; z-index:10;}
	 .box_sec.active{overflow:visible;}
	
	
   .box_area.right{
    height: calc(60% - 13px);
    border-radius: 0px 70px 70px 0px;
    position: absolute;
    z-index: 1;
    width: 280px;
    left: 70px; text-align: left;
    transition:ease all 0.4s;
	top:50%; transform: translate(0,-50%); overflow: hidden;
	display: flex; justify-content: left; flex-wrap: wrap; align-items: center;
   }
   .box_area.left{
    height: calc(60% - 13px);
    border-radius: 70px 0px 0px 70px;
    position: absolute;
    z-index: 1;
    width: 280px;
    right: 70px; text-align: right;
    transition:ease all 0.4s;
	top:50%; transform: translate(0,-50%); overflow: hidden;
	display: flex; justify-content: right; flex-wrap: wrap; align-items: center;	   
   }
	.box_area span{position: relative; display: block; width:100%; }
	.box_area p{	font-size:0; font-weight: bold; color: #ffffff; line-height: 1.3; margin:5px 0 0 0; transition: all 0.5s ease;}
    .box_area h3{font-size:24px; font-weight: bold; color: #ffffff; margin:0 0 0 0; text-transform: capitalize; line-height: 1; transition: all 0.5s ease; margin-top:5px; white-space: pre;}
	.box_sec:hover .box_area h3{font-size:18px; margin-top:0;}

	.box_sec:hover .box_area.right p, .box_sec:hover .box_area.left p{font-size:14px;}
	
	.box_sec:hover .box_area{height:calc(100% - 13px); width:380px;}

	.box_area.right p{}
	.box_area.left p{ }
	
	.icon1,.icon2{margin:0px 170px 180px;}
	.icon7,.icon8{margin:0px 130px;}.icon3,.icon4, .icon5{margin:10px 210px;}
	.icon6{margin:0px 0 50px;}
    .icon1 .box_area,.icon2 .box_area, .icon5 .box_area,.icon6 .box_area{background: #07B1D4; }
	
   .icon2 .box_area span, .icon6 .box_area span{padding:0 12px 0 80px;}
   .icon4 .box_area span, .icon8 .box_area span{padding:0 12px 0 80px;}
   .icon1 .box_area span, .icon3 .box_area span{padding:0 80px 0 12px;}
   .icon5 .box_area span, .icon7 .box_area span{padding:0 80px 0 12px;}
	
	.icon3 .box_area,.icon4 .box_area, .icon7 .box_area,.icon8 .box_area{ background: #0078CF;}
	.box_sec.icon1:after, .box_sec.icon3:after,.box_sec.icon5:after,.box_sec.icon7:after{content:'';box-shadow: -5px 10px 30px rgba(0,0,0); position: absolute; display: block; height:75px; width:75px; border-radius:100%; top:50%; left:50%; transform:translate(-50%,-50%); z-index: 1;}
	.box_sec.icon2:after, .box_sec.icon4:after,.box_sec.icon6:after,.box_sec.icon8:after{content:'';box-shadow: 5px 10px 30px rgba(0,0,0); position: absolute; display: block; height:75px; width:75px; border-radius:100%; top:50%; left:50%; transform:translate(-50%,-50%); z-index: 1;}
   .active .box_area h3{
    opacity: 1;
   }
	

	.active .box_area{width:380px;}
	
.games-page .cart-01, .games-page .cart-02, .games-page .cart-03, .games-page .cart-04{ display: block;position: absolute; bottom:0; transition: ease all 0.2s; right:-100%; }

.games-page .group-cart, .games-page .group-cart{width:100%; height:100%; /*position: relative;*/}
.games-page .cart-01, .games-page .cart-01{left:4vw; width:15vw;}
.games-page .cart-02, .games-page .cart-02{left:18vw; width:20vw;}
.games-page .cart-03, .games-page .cart-03{right:21vw; width:13vw;}
.games-page .cart-04, .games-page .cart-04{right:0vw; width:13vw;}
.games-page .mt-0 a{width:25vw; display: block; position:absolute; z-index:10; left:50%; top:15%; transform:translate(-50%, 0%); transition:ease 1s all 1s; text-align: center;}
.games-page .mt-0 a img{display: block;     width: 100%;}
.games-page .mt-0 a span {
    display: inline-block;
    padding:0.5vw 1.5vw;
    color: #ffffff;
    margin-top: 20px;
    font-size: 1.2vw;
	background:#1f7aec;
    transition: ease all 0.3s;
}
.games-page .mt-0 a:hover span{background:#185db4; color:#ffffff;}
	

.about-page .mt-0, .career-page .mt-0{position:relative; margin-top:50px!important;}
.about-page .mt-0>img, .career-page .mt-0>img{max-width:100%;}

.panel-title{font-size:16px; border:1px solid #999999; border-radius:5px;}
.panel-title a.collapsed{color:#666666;}
.panel-title a{color:#4e9af9; padding:12px 10px; display: block; text-decoration:none; transition: ease all 0.2s; font-weight: bold; position: relative;}
.panel-title a:hover{color:#4e9af9;}
.panel-title a:before{content:''; width:13px; height: 2px;  background:#4e9af9;}
.panel-title a:after{content:''; width:13px; height: 2px;  background:#4e9af9;}
.panel-title a:before, .panel-title a:after{position: absolute;     right: 10px;    top: 20px; transition:ease all 0.2s;}
.panel-title a.collapsed:after{transform:rotate(-90deg);}
.panel-title a.collapsed:before, .panel-title a.collapsed:after{background:#666666;}


.tnc li, .tnc p{margin-bottom:10px;}
.tnc ol{margin-bottom:10px;}




@media (min-width: 767px) {
	@keyframes cartmove1 {
		0 {-webkit-filter: blur(20px); left:-100%; opacity:0;}
		90%{-webkit-filter: blur(20px); }
		100% {-webkit-filter: blur(0px); left:2vw;  opacity:1;}
	}
	@keyframes cartmove2 {
		0 {-webkit-filter: blur(20px); left:-100%; opacity:0; }
		90%{-webkit-filter: blur(20px); }
		100% {-webkit-filter: blur(0px); left:20vw;  opacity:1;}
	}
	@keyframes cartmove3 {
		0 {-webkit-filter: blur(20px); right:-100%; opacity:0; }
		90%{-webkit-filter: blur(20px); }
		100% {-webkit-filter: blur(0px); right:25vw;  opacity:1;}
	}
	@keyframes cartmove4 {
		0 {-webkit-filter: blur(20px); right:-100%; opacity:0; }
		90%{-webkit-filter: blur(20px); }
		100% {-webkit-filter: blur(0px); right:0vw;  opacity:1;}
	}
	@keyframes cartmove5 {
		0 {-webkit-filter: blur(20px); opacity:0; }
		50%{-webkit-filter: blur(20px); }
		100% {-webkit-filter: blur(0px); opacity:1;}
	}
	@keyframes cartmove8 {
		0 {-webkit-filter: blur(20px); opacity:0; }
		50%{-webkit-filter: blur(20px); }
		100% {-webkit-filter: blur(0px); opacity:1;}
	}

	@keyframes cartmove6 {
		0 {-webkit-filter: blur(20px); opacity:0; }
		50%{-webkit-filter: blur(20px); }
		100% {-webkit-filter: blur(0px); opacity:1;}
	}
	@keyframes cartmove7 {
		0 {background-position:center -2000px; opacity:0;}
		100% {opacity:1;background-position: center bottom; opacity:1;}
	}
}
@media (max-width: 766px) {

	@keyframes cartmove1 {
		0 {-webkit-filter: blur(20px); left:-100%; opacity:0; }
		90%{-webkit-filter: blur(20px); }
		100% {-webkit-filter: blur(0px); left:-4vw;  opacity:1;}
	}
	@keyframes cartmove2 {
		0 {-webkit-filter: blur(20px); left:-100%; opacity:0; }
		90%{-webkit-filter: blur(20px); }
		100% {-webkit-filter: blur(0px); left:15vw;  opacity:1;}
	}
	@keyframes cartmove3 {
		0 {-webkit-filter: blur(20px); right:-100%; opacity:0; }
		90%{-webkit-filter: blur(20px); }
		100% {-webkit-filter: blur(0px); right:22vw;  opacity:1;}
	}
	@keyframes cartmove4 {
		0 {-webkit-filter: blur(20px); right:-100%; opacity:0; }
		90%{-webkit-filter: blur(20px); }
		100% {-webkit-filter: blur(0px); right:-3vw;  opacity:1;}
	}
	@keyframes cartmove5 {
		0 {-webkit-filter: blur(20px); opacity:0; }
		50%{-webkit-filter: blur(20px); }
		100% {-webkit-filter: blur(0px); opacity:1;}
	}
	@keyframes cartmove8 {
		0 {-webkit-filter: blur(20px); opacity:0; }
		50%{-webkit-filter: blur(20px); }
		100% {-webkit-filter: blur(0px); opacity:1;}
	}

	@keyframes cartmove6 {
		0 {-webkit-filter: blur(20px); opacity:0; }
		50%{-webkit-filter: blur(20px); }
		100% {-webkit-filter: blur(0px); opacity:1;}
	}
	@keyframes cartmove7 {
		0 {background-position:center 300px; opacity:0;}
		100% {opacity:1;background-position: center bottom; opacity:1;}
	}
}

@media (max-width: 1368px){		
	.values-tiles{    transform: scale(0.8); transform-origin: top center;}
	.pattern {    transform-origin: top center;}
	.dot{width:220px;}
	.pattern svg{}
}
@media (min-width: 1200px) {
	.games-page .topBanner, .about-page .topBanner, .career-page .topBanner, .contact-page .topBanner, .tnc-page .topBanner  {
		height: 430px;
	}
	
}
@media (max-width: 1199px) {
	.middle-logo{width:60%;}
}

@media (max-width: 1025px){	
	.octro-carousel .owl-item, .octro-carousel .owl-item .item {    height: 70vh;	}
	.fourth-slide h2{font-size:3vw;}
	.inside .octro-carousel .owl-item, .inside .octro-carousel .owl-item .item {    height: auto; }
	.inside .owl-carousel {    margin-top: 60px;}
	.inside .second-slide .rummy {    top: 24%;}
	.inside .third-slide .teen-patti {    width: 32vw;    top: 30%;}
	.dot{width:180px;}
}

@media (max-width: 1024px){	
	.games-page .mt-0 a{width: 45vw;}
		.pokerslide span{width: 960px;}
		

}
	.mob{display:none;}
	.dex{display:block;}
	

@media screen and (min-device-width: 768px) and (max-device-width: 769px) { 
	
.inside .pokerslide span { top: 50%;    transform: translate(0,-50%);    left: 4vw;    margin: 0 0;    width: auto;}	
.inside .pokerslide span h2{font-size:3vw;}
.inside .second-slide .rummy {    top: 2%;}	
.inside .third-slide {    position: relative;    background: url(../img/carousel-teen-patti-inside.jpg) no-repeat #f6f6f6;    background-position: center 2000px;    background-size: cover;}	
.inside .third-slide .teen-patti{left:20%;}
.inside .octro-carousel .item.fourth-slide {    width: 100%;    position: relative;    top: 0;    transform: translate(0,0);    left: 0;}	
.inside .octro-carousel .item.fourth-slide > div {    width: 80vw;    height: auto!important;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%,-50%);}	
}

@media screen and (min-device-width: 768px) and (max-device-width: 991px){	
	.inside .owl-carousel{margin-top: 70px;}
	.values-tiles{transform: scale(0.8); min-width:720px;}	
	.pattern{transform: scale(1);}	
	.box_area h3{font-size:20px;}
	.icon1, .icon2{margin:0px 120px 180px;}	
	
.about-page .cart-01, .games-page .cart-01{left:0vw; width:30vw;}
.about-page .cart-02, .games-page .cart-02{left:13vw; width:35vw;}
.about-page .cart-03, .games-page .cart-03{right:4vw; width:22vw;}
.about-page .cart-04, .games-page .cart-04{right:17vw; width:26vw;}
	
.games-page .feature-box {    width: 32%;}	
.games-page .fGame-title, .games-page .feature-box .btn{font-size:13px; padding:0;}
	
.pokerslide span{    top: 13vh; width: 720px;}	
.pokerslide span h2 {     font-size: 4vw;}	
.pokerslide span a{font-size: 3vw;}	
.managementInfo .featurette-icon{width:100%; background-position: center; height: 210px;} 
.box_sec{
	width: 120px;
}
.pattern svg {
	transform: scale(1.1);
}	
}

@media (max-width: 767px){
	.dex{display:none;}
	.mob{display:block;}
	.dot{display:none;}
	.games-page .group-cart{height:100%;}
	.games-page .mt-0 a{top:20%; width: 35vw; }
	.games-page .mt-0 a span{font-size:3.2vw;}
	
	.octro-carousel .owl-item, .octro-carousel .owl-item .item {height: 1180px;}
	.pokerslide{background: url(../img/carousel-4-m.jpg) no-repeat center;
		background-size: cover;}
	.pokerproslide{background: url(../img/banner-1-m.jpg) no-repeat center;
		background-size: cover;}
	
	.first-slide > a{width:80vw;}
	.second-slide{background: url(../img/carousel-play-rummy-m.jpg) center no-repeat;background-size: cover;}
	
	.third-slide{background: url(../img/carousel-teen-patti-m.jpg) center no-repeat;background-size: cover;}
	.inside .third-slide .teen-patti, .third-slide .teen-patti {width: 90vw; left: 50vw; right: 0; margin: auto; top:23%;}
	.inside .octro-carousel .item.fourth-slide h2{font-size:4.5vw;}	
	.third-slide .teen-patti span{font-size:4.5vw; margin-left: 30vw;}
	
	
	.octro-carousel .item.fourth-slide{width:80vw;}
	.octro-carousel .item.fourth-slide h2{font-size:4vw;}
	.octro-carousel .first-slide .cart-01 {    width: 41vw;    left: -100%;}
	.octro-carousel .first-slide .cart-02 {    width: 47vw;    left: -100%;}
	.octro-carousel .first-slide .cart-03 {    width: 30vw;    right: -100%; z-index: 1;}
	.octro-carousel .first-slide .cart-04 {    width: 38vw;    right: -100%;}
	.pokerslide span, .pokerproslide span{top: 13%;width: 540px;}
	.pokerslide span h2{font-size: 4vw;}
	.second-slide .rummy{width:20vw;width: 25vw;    font-size: 4.3vw;}
	.first-slide > a span{font-size:5vw; padding:0.5vw 1.5vw;} 
	.second-slide a span{font-size:3vw; padding:0.5vw 1.5vw;}
	.pokerslide span h2, .pokerproslide span h2{font-size:7.6vw; line-height: normal;}
	.pokerslide span a, .pokerproslide span a{font-size:5vw;}
	.third-slide .teen-patti img+img{width: 37vw;}
	
	.about-page .mt-0>img{width: 100%; height:auto;}
	.feature-box, .games-page .feature-box {	width:100%;}	
	footer .col-md-4:after{display:none;}
	.icon1, .icon2, .icon7, .icon8 {
		margin: -3px 35px;
	}
	.icon3, .icon4, .icon5, .icon6 {
		margin: 5px 90px;
	}
	.box_sec{
		width: 100px;
	}
	.box_area h3{
		margin-top: 30px;
	}
	.values-tiles{transform: scale(0.56);}
	
	.active .box_area {
		width: 360px;
	}
	.box_area.left{
		right: 55px;
	}
	.box_area.right{
		left: 55px;
	}
	.inside .owl-carousel .owl-item .pokerslide > img, .inside .owl-carousel .owl-item .second-slide > img {
		display: none;
	}
	
	
}

@media screen and (min-device-width: 768px) and (max-device-width: 991px) and (orientation: landscape){		
	.octro-carousel .owl-item, .octro-carousel .owl-item .item{height:450px; margin-top: 25px;}
	.inside .octro-carousel .owl-item, .octro-carousel .owl-item .item{margin-top: 0;}
	.item.pokerslide, .item.pokerproslide{background-size:contain; background-color:#000000!important; }
	.octro-carousel .owl-item.active .cart-01, .octro-carousel .first-slide .cart-02, .octro-carousel .owl-item.active .cart-04{width:20vw;}
	.octro-carousel .owl-item.active .cart-03{width:14vw;}
}

@media (max-width: 992px){	
	.values-tiles{ transform: scale(1); display: flex; flex-wrap: wrap;justify-content: center;}
	.middle-logo{display:none;}
	.box_sec{width:90%; margn:0 auto;}
	.icon1, .icon2, .icon3, .icon4, .icon5, .icon6, .icon7, .icon8, .icon9, .icon10{margin:0 0 20px 0;}
	.box_area{width:100%;}
	.mission_stat{width:100px; margin:0 auto; border-radius:10px;}
	.box_area.left, .box_area.right{left:0; right:0;border-radius:10px; width:100%; margin-top:-50px; height:auto; position: static; transform: translate(0,0);}
	.icon1 .box_area span, .icon3 .box_area span, .icon2 .box_area span, .icon6 .box_area span, .icon5 .box_area span, .icon7 .box_area span, .icon4 .box_area span, .icon8 .box_area span{padding:60px 20px 20px 20px; width:100%; text-align: center;}
	.box_sec:hover .box_area{width:100%;}
	.box_sec .box_area h3{font-size:20px; margin-bottom: 10px;}
	.box_area p{font-size:14px;}
	.box_sec:hover .box_area h3{font-size:20px;}
	.box_sec .box_area, .box_sec:hover .box_area{height:auto;}
	.box_area h3{font-size: 16px;width:100%; margin-top:0; text-transform: capitalize;}
	.box_sec.icon1:after, .box_sec.icon3:after, .box_sec.icon5:after, .box_sec.icon7:after, .box_sec.icon2:after, .box_sec.icon4:after, .box_sec.icon6:after, .box_sec.icon8:after{width:60px; height:60px; top:50px; translate(-50%,0%)}
	.box_area.left p, .box_area.right p{transform: scale(1);}
	
	.inside .section-title, .inside .section-title h2, .inside .managementInfo h3, .featurette p, .visibl .section-title{}
	.section-title h2{font-size:24px;}
	.inside .marketing .lead{}
	.dot#ele1{top:90vh; left:0;}
	.dot#ele2{top:150vh; right:0;}
	.dot#ele3{top:220vh; left:0;}
	.dot#ele4{top:280vh; right:0;}
	.dot#ele5{top:320vh; left:0;}
	.dot#ele6{top:480vh; right:0;}
	.dot#ele7{top:560vh; left:0;}
	.dot#ele8{top:650vh; right:0;}
	.dot#ele9{top:720vh; left:0;}
	.dot#ele10{top:790vh; right:0;}

	.box_sec.icon1{order:1;}
	.box_sec.icon3{order:2;}
	.box_sec.icon2{order:5;}
	.box_sec.icon4{order:6;}
	.box_sec.icon5{order:3;}
	.box_sec.icon6{order:7;}
	.box_sec.icon7{order:4;}
	.box_sec.icon8{order:8;}

	.breaks{display:none;}
}




@media (max-width: 576px){

	.games-page .mt-0 a{top:20%; width: 85vw; }
	.ourgames-icon .col-xs-2{width:50%; padding:15px;}
	.ourgames-icon .game-icon{min-width:100%; margin:0;}
	.octro-carousel .owl-item, .octro-carousel .owl-item .item {     height: 630px;     }
	.inside .owl-carousel{margin-top:60px;}
	.inside .octro-carousel .owl-item, .inside .octro-carousel .owl-item .item{height: 630px;}
	.inside .owl-carousel .owl-item .pokerproslide > img, .inside .owl-carousel .owl-item .pokerslide > img, .inside .owl-carousel .owl-item .second-slide > img{display:none;}
	.pokerslide span{left: 18px; width: 540px; max-width:90%; top:10%;}
	.pokerproslide span, .inside .pokerproslide span{right:10px; width:200px; max-width:90%; top:25%;}
	.pokerproslide span a{font-size:4vw;}
	
	.octro-carousel .item.fourth-slide {    width: 90vw;}
	.octro-carousel .item.fourth-slide > div{margin-top:15%;}
	.pattern svg{margin:0 auto; width:90%; transform: scale(1);}
	.inside .section-title, .inside .section-title h2, .inside .managementInfo h3, .featurette p, .visibl .section-title{text-align: center;}

	
	.mob2 .animLeft{order:2;}
	
	.col-md-9.animLeft{order:2; text-align: center;}
	.col-md-3.animRight{padding:20px 0;}
	.featurette{margin-bottom:30px;}
	
	.pattern{width:100%; margin-bottom: 0;}
	
	.tnc .featurette p{text-align: left;}
	.panel-title a{padding-right:30px;}
	
}