body{
	font-family: 'Muli', sans-serif;
}

a:hover{
	text-decoration: none;
	color: #fff;
}

.mb-10{
	margin-bottom: 10px;
}

.mt-10{
	margin-top: 10px;
}

.mt-20{
	margin-top: 20px;
}

.navbar-collapse.in {
    z-index: 9999999;
    position: relative;
}

.site-header{
	background-color: rgba(0, 0, 0, 0.7);
	min-height: 70px;
	position: relative;
    z-index: 9;
}

.font900{
    font-weight:900 !important;
}

#mobile-nav{
    display:none;
    width: 100%;
    z-index: 9999;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
}

.menu-side ul li a.register-now{
	padding: 0.7vw 2vw;
    padding-right: 2.3vw;
    background: #60b802;
    border:2px solid #60b802;
	position: relative;
}

.menu-side ul li a.login-now{
	padding: 0.7vw 2vw;
	padding-right: 2.3vw;
    background: transparent ;
    border: solid 2px #ffffff;
	position: relative;
}

.menu-side ul li a.register-now:hover{
	background: #60b802;
    border:2px solid #60b802;
}

.menu-side ul li a.login-now:hover{
    background: transparent ;
    border: solid 2px #ffffff;
}


.menu-side ul li a.register-now:after,
.menu-side ul li a.login-now:after,
a.event-button:after {
    content: "";
    background-image: url(../img/triangle.png);
    display: inline-block;
    width: 14px;
    height: 18px;
    background-size: contain;
    background-repeat:no-repeat;
    position: absolute;
    right: 0px;
    top: 33%;
}


.logo-side img{
	max-width: 170px;
    margin-top: 13px;
}
.menu-side ul{
	float: right;
	margin-top: 26px;
}

.menu-side ul li{
	display: inline-block;
	margin-right: 5px;
}

.menu-side ul li a{
	padding: 7px 10px 7px 10px;
    background: #5CB61E;
    color: #fff;
    font-weight: bold;
    border-radius: 1px;
}

.menu-side ul li a:hover{
	background: #3f7d15;
}

.show-mobile{display: none;}
.hide-mobile{}


section.banner{
	background: url(../img/banner.png) no-repeat center center;
    background-size: cover;
    padding-bottom: 248px;
    padding-top: 70px;
    position: relative;
    margin-top: -5px;
}

.banner .left-banner h1{
	font-weight: 900;
	font-size: 50px;
	color: #fff;
	margin-bottom: 61px;
}

.banner .left-banner h2{
	font-size: 48px;
	color: #fff;
	margin-bottom: 45px;
}

.banner .left-banner a.banner-btn{
	padding: 5px 100px 7px 100px;
    background: #5CB61E;
    color: #fff;
    font-weight: 900;
    border-radius: 3px;
    font-size: 36px;
}

.banner .left-banner a.banner-btn:hover{
	background: #3f7d15;
}


.banner .right-banner img{
	position: absolute;
    top: 11px;
    right: -123px;
    max-width: 652px;
}

div.step{

}

.promotions .owl-stage{display: flex;}
.promotions .item {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.promotions .promotion {
    position: relative;
    overflow: hidden;
    flex-direction: column;
    align-items: stretch;
}

.promotions .promotion-footer{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

@media(max-width: 1690px){
	section.banner{
	    padding-bottom: 200px;
	}
	.banner .right-banner img{
	    top: -37px;
	}
}

@media(max-width: 1400px){
	.banner .right-banner img {
    	right: -26px;
	}
	.banner .right-banner img{
	    top: -11px;
	    max-width: 622px;
	}
}

@media(max-width: 1200px){
	section.banner{
	    padding-bottom: 100px;
	}
	.banner .right-banner img{
    	top: 5px;
	    max-width: 549px;
	    right: -42px;
	}
}

section.info-widget{
    float: left;
    width: 100%;
	margin-top: 30px;
}

.part{
	padding-left: 0;
    padding-right: 0;
}

.part:first-child{
	padding-left: 15px;
}

.part:last-child{
	padding-right: 15px;
}

.rev-trigon {
    max-width: 100px;
    float: left;
}

.part .info{
	float: left;
    width: 76%;
    background: #2c2e39;
    color: #fff;
    transform: skewX(-29deg);
    padding: 10px;
    margin-top: 15px;
    margin-left: -27px;
    padding-bottom: 0;
    margin-bottom: 3px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	transition: transform .2s; /* Animation */
	cursor: pointer;
}

.part .info:hover{
    transform: skewX(-29deg) scale(1.04);
}

.part .info p.header{
	transform: skewX(29deg);
    font-size: 36px;
    font-weight: 900;
    margin-top: -15px;
    margin-left: 10px;
    margin-bottom: 6px;
}

.part .info p.content{
	transform: skewX(29deg);
    margin-top: -18px;
    font-weight: bold;
    color: #d54539;
    font-size: 20px;
    margin-bottom: 3px;
}

footer{
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center;
	color: #fff;
	float: left;
    width: 100%;
    margin-top: -20px;
}

.footer-btn{
	padding: 4px 35px 5px 35px;
    background: #5CB61E;
    color: #fff;
    font-weight: 900;
    border-radius: 3px;
    font-size: 20px;
}

.footer-btn:hover{
	background: #3f7d15;
}

.footer-text{
	font-size: 12px;
	padding-left: 20px;
    padding-right: 20px;
}

.copyright{
	font-size: 12px;
    margin-top: 15px;
    margin-bottom: 0px;
}



.terms{}

.terms h2{
	font-weight: bold;
    font-size: 24px;
   	margin-bottom: 20px;
}

.terms p{
	font-size: 18px;
	margin-bottom: 1px;
}

.terms p.header{
	font-weight: bold;
}

.bg-img{
	background-size: contain;
	background-repeat: no-repeat;
    position: relative;
    height: 72px;
    background-position: center;
    cursor: pointer;
    width: 100%;
}

.bg-blank{
	width: 100%;
    float: left;
    margin-bottom: 40px;
}

.footer-solid{
	padding-top: 20px;
    width: 100%;
    float: left;
    border-bottom: 2px dotted #d54539;
    margin-bottom: 20px;
}

.fs{
	padding-left: 30px;
    padding-right: 30px;
}

.fs.x2{
	margin-top: 80px;
}

.visa{
	background-image: url(../img/visa.png)
}

.visa:hover{
	background-image: url(../img/visa-1.png)
}

.master{
	background-image: url(../img/master-card.png)
}

.master:hover{
	background-image: url(../img/master-card-1.png)
}

.bitcoin{
	background-image: url(../img/bitcoin.png)
}

.bitcoin:hover{
	background-image: url(../img/bitcoin-1.png)
}

.bank{
	background-image: url(../img/banka-transferi.png)
}

.bank:hover{
	background-image: url(../img/banka-transferi-1.png)
}

.astropay{
	background-image: url(../img/astropay-card.png)
}

.astropay:hover{
	background-image: url(../img/astropay-card-1.png)
}

.cepbank{
	background-image: url(../img/cepbank.png)
}

.cepbank:hover{
	background-image: url(../img/cepbank-1.png)
}

.jeton{
	background-image: url(../img/jeton-cuzdan.png)
}

.jeton:hover{
	background-image: url(../img/jeton-cuzdan-1.png)
}

.papara{
	background-image: url(../img/papara.png)
}

.papara:hover{
	background-image: url(../img/papara-1.png)
}

.qr{
	background-image: url(../img/qr-kod.png)
}

.qr:hover{
	background-image: url(../img/qr-kod-1.png)
}

.ethereum{
	background-image: url(../img/ethereum.png)
}

.ethereum:hover{
	background-image: url(../img/ethereum-1.png)
}

.ripple{
	background-image: url(../img/ripple.png)
}

.ripple:hover{
	background-image: url(../img/ripple-1.png)
}

.litecoin{
	background-image: url(../img/litecoin.png)
}

.litecoin:hover{
	background-image: url(../img/litecoin-1.png)
}

.aninda-havale{
	background-image: url(../img/aninda-havale.png)
}

.aninda-havale:hover{
	background-image: url(../img/aninda-havale-1.png)
}

.eco{
	background-image: url(../img/eco.png)
}

.eco:hover{
	background-image: url(../img/eco-1.png)
}

.muchbetter{
	background-image: url(../img/muchbetter.png)
}

.muchbetter:hover{
	background-image: url(../img/muchbetter-1.png)
}

.neosurf{
	background-image: url(../img/neosurf1.png)
}

.neosurf:hover{
	background-image: url(../img/neosurf.png)
}

.tether{
	background-image: url(../img/tether1.png)
}

.tether:hover{
	background-image: url(../img/tether.png)
}

.neteller{
	background-image: url(../img/neteller.png)
}

.neteller:hover{
	background-image: url(../img/neteller-1.png)
}


.paysafecard{
	background-image: url(../img/paysafecard.png)
}

.paysafecard:hover{
	background-image: url(../img/paysafecard-1.png)
}

.skrill{
	background-image: url(../img/skrill.png)
}

.skrill:hover{
	background-image: url(../img/skrill-1.png)
}


.info-widget .container{
	padding-left: 4px;
}

.payment-method{
    width: 88%;
    margin: 0px auto;
    padding-right: 30px;
    display: flex;
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    justify-content: space-around;
}

span.nh{
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    margin-top: 60px;
    margin-bottom: 15px;
}

.desktop-widget{
	text-align: center;
	max-width: 900px;
    margin: 0 auto;
	margin-top: 30px;
}

.event-text{
	font-size: 22px;
    font-weight: 300;
    line-height: 32px;
    text-align: center;
    margin-top: 20px;
}

.event-text.mt-40{
    margin-top: 40px;
}

a.event-button{
    border-radius:1px;
	border-radius: 1px;
    padding: 10px 15px;
    padding-right: 21px;
    background: #60b802;
    border: 2px solid #60b802;
    position: relative;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: inline-block;
    margin-top: 41px;
    line-height: 1.1;
    min-width: 200px;
}

img.right_dots{
	position: absolute;
    max-width: 8%;
    right: 20%;
    bottom: 20px;
}

.step{
	float: left;
    width: 24%;
}

.step .number{
    font-size: 117px;
    font-weight: 900;
    color: #3d3f49;
    line-height: 107px;
}

.step img{
	margin-top: -44px;
    margin-left: 10px;
    display: inline-block;
}

.step .text{
	display: block;
	position: relative;
    float: left;
    width: 100%;
	font-size: 26px;
    color: #fff;
	padding-top: 14px;
}

.step .text:before{
    content: "";
    background-image: url(../img/arrow.png);
    width: 100%;
    display: inline-block;
    background-size: cover;
    max-width: 177px;
    height: 14px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
}

.step .text.last:before{
	content: "";
    background-image: url(../img/arrow-last.png);
}

.step:not(:last-child){
    margin-right: 125px;
}

.step .content{
	display: none;
}

.info-widget .container{
	margin-left: -30px;
	margin: 0 auto;
	min-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

.sports .sport{
	border-radius: 2px;
    background-color: #2e303b;
    max-width: 100px;
}

.sports .sport a{
	display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.sports .sport img{
	max-width: 40px;
    margin: 0 auto;
}

.sports .sport span{
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    margin-top: 10px;
    display: inline-block;
}

.promotion{
	background: #2e303b;
	padding: 10px;
}

.owl-item:not(.active) .item .promotion {
    zoom: 0.9;
    margin-top: 23px;
}

.promotion .title{
    display: block;
    padding-top: 13px;
    font-size: 22px;
    font-weight: 300;
    text-align: center;
	padding-bottom: 10px;
	min-height: 85px;
}

.promotion .content-div{
    margin-bottom:118px;
}

.promotion .content{
	font-size: 14px;
    font-weight: 300;
}

.promotion a.link{
    position: relative;
    border-radius: 1px;
    background: #60b802;
    border: 2px solid #60b802;
    color: #fff;
    font-weight: 800;
    font-size: 14px;
    display: flex;
    max-width: 200px;
    margin: auto;
    justify-content: center;
    padding: 10px 15px;
}

.promotion .link:after{
    content: "";
    background-image: url(../img/triangle.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 15px;
    height: 15px;
    right: 0;
    top: 13px;
}

.promotion .divider{
    display: block;
    height: 2px;
    background: rgba(255, 255, 255, 0.2);
    margin-top: 20px;
    margin-bottom: 15px;
}

.promotion a.more-info{
	color: #fff;
    font-weight: 300;
    display: block;
    width: 100%;
    text-align: left;
	margin-bottom: 6px;
}

.promotion a.more-info .plus{
	float: right;
	font-size: 19px;
    line-height: 20px;
}

.pd{
	padding-bottom: 60px;
	padding-top: 60px;
}

.step a:hover .text{
    color: #f74835;
}

@media(max-width: 768px){
	.left-banner{
		text-align: center;
	}
	.banner .right-banner img {
	    right: 217px;
	}
}

@media (max-width: 1200px){
	.part .info p.header{
	    margin-left: 8px;
	    margin-bottom: 15px;
	    font-size: 29px;
    	margin-top: -10px;
	}
	.part .info p.content {
	    font-size: 15px;
	    margin-bottom: 10px;
	    margin-bottom: 5px;
	}

	.part .info {
		width: 72%;
		margin-bottom: 20px;
	}
	.footer-solid {
    	width: 100%;
	}
}
@media(min-width: 1800px){
	.info-widget .container{
	    width: 1800px;
	    min-width: auto !important;
	}
}

@media (max-width: 992px){
	.part .info {
    	width: 89%;
	}
	.part .info p.header {
		text-align: center;
		margin-left: -18px;
		font-size: 34px;
	}

	.part .info p.content{
		text-align: center;
		margin-top: -16px;
	}
	.info-widget .container{
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
	}
}

@media(max-width: 980px){
	section.banner {
	    padding-bottom: 250px;
	    padding-top: 10px;
	    margin-top: -1px;
	}
	.banner .right-banner img {
	    top: 196px;
	    max-width: 443px;
	    right: -116px;
	}
    section.info-widget{
    	padding-bottom: 0px;
    	padding-top: 0px;
    	margin-top: -1px;
    	margin-bottom: -1px;
    }
	.desktop-widget{
		margin-top: 21vw;
	}
}

@media(max-width: 950px){
	section.banner {
	    padding-bottom: 250px;
	    padding-top: 10px;
	    margin-top: -1px;
	}
	.banner .right-banner img {
	    top: 343px;
	    max-width: 275px;
	    right: 183px;
	}
}

@media(max-width: 661px){
	.banner .right-banner img {
	    top: 395px;
	    max-width: 275px;
	    right: 25%;
	}
	.part .info{
		margin-top: 5px;
	}

}

@media(max-width: 505px){
	.banner .right-banner img {
	    top: 448px;
	    max-width: 275px;
	    right: 20%;
	}
}


@media(max-width: 489px){
	.banner .right-banner img {
	    top: 195px;
	    max-width: 275px;
	    right: 9%;
	}
	.logo-side img {
	    max-width: 100px;
	    margin-top: 13px;
	}
	.site-header {
		min-height: 48px;
	}
	header .container{
		padding-left: 0;
    	padding-right: 0;
	}
	header .menu-side{
		padding-right: 6px;
	}
	.banner .left-banner h1{
		font-size: 38px;
		margin-bottom: 27px;
	}
	.banner .left-banner h2{
		font-size: 24px;
    	margin-bottom: 20px;
	}

	.banner .left-banner a.banner-btn{
		font-size: 20px;
	}

	.part .info{
		width: 93%;
    	margin-left: 9px;
	    margin-bottom: 11px;
	}

	.payment-method{
		padding-right: 0px;
		width: 100%;
		float:left;
	}
	.fs {
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.banner .left-banner a.banner-btn{
		padding: 5px 30px 7px 30px;
	}
	.menu-side ul{
		display: none;
	}
	.part:first-child{
		padding-left: 5px;
	}

	.part:last-child{
		padding-left: 5px;
		padding-right: 0px;
	}
}

@media(max-width: 412px){
	.banner .right-banner img {
	    top: 196px;
	    max-width: 275px;
	    right: 14%;
	}
}

@media(max-width: 360px){
	.banner .right-banner img {
	    top: 222px;
	    max-width: 275px;
	    right: 6%;
	}
}

@media(max-width: 320px){
	.banner .right-banner img {
	    top: 222px;
	    max-width: 275px;
	    right: 0%;
	}
	.logo-side img{
		max-width: 135px;
		margin-top: 10px;
	}
	.menu-side ul li a {
    	padding: 7px 4px 7px 4px;
    	font-size: 13px;
	}
	.menu-side ul {
    	margin-top: 20px;
	}

	.part .info {
	    width: 91%;
	}
}

.footer-img{
	max-width: 445px;
	width: 100%;
    margin: 0 auto;
}

.gradient{
	display: grid;
    grid-template-rows: 50% 50%;
    margin-bottom: -3px;
}

.banner-desktop{
    margin-top: -70px;
    display: inline-block;
    width: 100%;
}

.banner-desktop .btn{
    background: #5CB61E;
    color: #fff;
    font-weight: 900;
    border-radius: 1px;
    font-size: 1.5vw;
    position: absolute;
    bottom: -2%;
    left: 42.5%;
    height: 3.8vw;
    width: 17vw;
    padding-top: 0.7vw;
    z-index: 9;
}

.banner-desktop .btn:after{
    content: "";
    background-image: url(../img/triangle.png);
    display: inline-block;
    width: 8%;
    height: 41%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 29%;
}

.fb1{
	z-index: 0;
}

.dots{
	z-index: 2;
}

.black-shadow{
	z-index: 1;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0.9612219887955182) 0%, rgba(0,0,0,0.6502976190476191) 10%, rgba(0,0,0,0.5242471988795518) 28%, rgba(0,0,0,0.34217436974789917) 58%, rgba(0,0,0,0) 72%);
}

.banner-mobile{
	display: none;
}

.banner-desktop .col-sm-12,.banner-mobile .col-sm-12{
	padding-left: 0px;
	padding-right: 0px;
}

.banner-mobile .col-sm-12{
	margin-bottom: -20px;
}

.banner-desktop .col-sm-12 img,.banner-mobile .col-sm-12 img{
	width: 100%;
}

.banner-mobile .btn{
    margin-top: -175%;
    margin-left: calc(37% - 100px);
    padding: 5px 100px 7px 100px;
    background: #5CB61E;
    color: #fff;
    font-weight: 900;
    border-radius: 3px;
    font-size: 33px;
}

.owl-carousel button.owl-dot{
	width: 10px;
    height: 10px;
    background: #2e303b;
    border-radius: 50%;
	margin-right: 10px;
}


.owl-carousel button.owl-dot.active{
	width: 12px;
    height: 12px;
	border: solid 2px #f74835;
	outline: none;
}

.game img{
	border-radius: 15px;
}

@media only screen and (max-width: 980px) and (min-width: 100px){
	.show-mobile{
		display: block;
	}
	span.nh{
		margin-top: 60px;
		margin-bottom: 5px;
		background: transparent;
		font-size: 22px;
		padding: 5px 10px;
	}
	.hide-mobile{
		display: none;
	}
	.diger-maclar.first{
		margin-top: 20px !important;
	}
}


@media only screen and (max-width: 600px) and (min-width: 401px){
	.banner-mobile .btn{
	    margin-top: -173%;
	    margin-left: calc(45% - 100px);
	    padding: 5px 52px 7px 52px;
	    background: #5CB61E;
	    color: #fff;
	    font-weight: 900;
	    border-radius: 3px;
	    font-size: 20px;
	}
}

@media only screen and (max-width: 400px) and (min-width: 301px){
	.banner-mobile .btn{
        margin-top: -175%;
        margin-left: calc(56% - 100px);
        padding: 3px 20px 3px 20px;
        background: #5CB61E;
        color: #fff;
        font-weight: 900;
        border-radius: 3px;
        font-size: 18px;
	}
}


@media only screen and (max-width: 300px) and (min-width: 100px){
	.banner-mobile .btn{
	    margin-top: -153%;
	    margin-left: calc(60% - 100px);
	    padding: 5px 20px 7px 20px;
	    background: #5CB61E;
	    color: #fff;
	    font-weight: 900;
	    border-radius: 3px;
	    font-size: 16px;
	}
}

@media only screen and (max-width: 980px) and (min-width: 100px){
	.info-widget .container{
		margin-left: 0px;
		margin-bottom: -1px;
		min-width: auto;
		padding-left: 0px;
		padding-right: 0px;
	}
	footer{
		float: left;
   		width: 100%;
   		margin-top: 0px;
	}
	.navbar-nav li{
	    margin-bottom:10px;
	    list-style: none;
	}
}

.icon-bar:after{
	content: "";
    border-bottom: 1px solid #FFFF;
    height: 1px;
    width: 100%;
    float: left;
}

.navbar-collapse,.navbar-collapse.collapse{
	background-color: #2c2e39;
}

.navbar-nav>li>a{
	color: #FFFF;
}

.banner-desktop .btn:hover {
    background: #3f7d15;
}

.line-1,.line-2,.line-3,.home-player,.away-player,.home-logo,.away-logo,.league-logo,.match-hours,.rate,.hometeam-name,.awayteam-name,.mobileback{
	position: absolute;
}

.mobileback{
	display: none;
}

.hometeam-name{
    left: 5%;
    top: 1%;
    font-size: 21px;
    font-weight: 900;
    width: 21%;
    text-align: center;
}

.awayteam-name{
    right: 5%;
    top: 1%;
    font-size: 21px;
    font-weight: 900;
    width: 21%;
    text-align: center;
}

.awayteam-name.yukari{
    right: 2%;
    width: 27%;
}

.awayteam-name.yukari{
    right: 0%;
    width: 32%;
}

.hometeam-name.yukari{
    left: 0%;
    width: 33%;
}

.rate > div span,.rate > p{
    background: #f34635;
    color: #000;
    font-weight: 900;
}

.rate > div{
	position: relative;
}

.rate > div span{
    position: absolute;
    z-index: 1;
    top: -11px;
    width: 22px;
    left: -10px;
    right: 0;
    border: 2px solid #ff5344;
    font-size: 12px;
    color: #fff;
    border-radius: 50%;
}

.rate > p{
	width: 64px;
    font-size: 16px;
	text-align: center;
    border: solid 1px #979797;
    background-color: #ffffff;
}

.rate > p > span{
    display: inline-block;
}

.rate{
	top: 55%;
	text-align: center;
}

.rate.r1{
	right: 53%;
}
.rate.rx{
	right: 47%;
}
.rate.r2{
	right: 41%;
}


.home-logo,.away-logo{
    width: 5% !important;
    top: 35%;
}

.league-logo{
	right: 46%;
    width: 6% !important;
    top: 23%;
}

.league-logo.l-1060301{
	top: 22%;
}

.away-logo{
	right: 41%;
}

.home-logo{
	left: 42%;
}

.match-hours{
    right: 44%;
    top: 48%;
    font-size: 1.2vw;
    font-weight: 900;
    color: #fff;
    width: 10vw;
    text-align: center;
}

.match-hours.date{
    right: 44%;
}

img.home-player,img.away-player{
	width: 24% !important;
	bottom: 0;
}

img.home-player{
	left: 17%;
}

img.away-player{
	right: 17%;
}

.line-1,.line-2,.line-3{
	left: 31%;
	z-index: 99;
}

.header-bg{
    font-size: 2vw;
    font-weight: 900;
    color: #fff;
	width: 40%;
    text-align: center;
}
.header-bg.tiny{
	font-size: 2.2vw;
	font-weight: 500;
}

.header-bg.tiny span{
	font-weight: 900;
	color: #ff5344;
}

.diger-maclar{
	position: relative;
    margin: 0 auto;
	background: #2e303b;
	height: 192px;
}

.owl-item:not(.active) .item .diger-maclar{
    zoom: 0.8;
    margin-top: 23px;
}

.diger-maclar:not(:first-child){
	margin-top: 60px;
}

.diger-maclar img.home-logo{
    left: 10%;
}

.diger-maclar img.away-logo{
	right: 10%;
}

.diger-maclar img.away-logo,.diger-maclar img.home-logo{
    width: 23% !important;
    top: 22%;	
}

.diger-maclar img.league-logo{
    right: 40%;
    width: 20% !important;
    top: 8%;
}

.diger-maclar .match-hours{
    top: 56%;
    left: 0;
    font-size: 16px;
    width: 100%;
    text-align: center;
}

.diger-maclar .rate.r1{
	right: 68%;
}
.diger-maclar .rate.rx{
	right: 40%;
}
.diger-maclar .rate.r2{
	right: 12%;
}

.diger-maclar .rate{
	top: 76%;
}

.dvcontent{
	margin-top: 50px;
    margin-bottom: -50px;
}

.devaminigoster{
	font-size: 15px;
    font-weight: 900;
    color: #fff;
    text-decoration: underline;
}

.line-1{
	top: 68%;
}

.line-2{
	top: 75%;
}

.line-3 {
	top: 82%;
}

@media(max-width: 980px){
	/*Mobile Gecis*/
	.menu-side > ul {
		display: none;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-toggle {
		margin-top: 17px;
	}

	.navbar-nav {
		padding-left: 25px;
		padding-left: 25px;
		padding-right: 15px;
		margin: 0 auto;
		float: unset;
		padding-top: 8px;
	}

	.navbar-nav>li {
		float: unset;
	}


	img.right_dots{
		display: none;
	}
	.line-1, .line-2, .line-3{
		margin: 0 auto;
	    left: 0;
	    width: 100%;
	    text-align: center;
	}

	.line-1 {
	    top: 85%;
	}

	.line-2 {
	    top: 95%;
	}
	.line-3 {
	    top: 106%;
	}

	img.home-player, img.away-player{
		width: 50%!important;
	}

	img.home-player{
		bottom: 0%;
	    right: 0;
	    left: 0%;
	}
	img.away-player{
		bottom: 0%;
	    right: 0%;
	}

	.home-logo, .away-logo {
	    width: 15% !important;
	    top: 76%;
		z-index: 999;
	}

	.league-logo {
		top: 57%;
		right: 43%;
		width: 16% !important;
	}

	.home-logo {
		left: 23%;
	}

	.away-logo {
	    right: 21%;
	}

	.match-hours {
	    right: 45%;
	    top: 90%;
	    font-size: 3.4vw;
		z-index: 999;
	}

	.match-hours.date {
	    right: 48%;
	}

	.rate {
		top: 104%;
		z-index: 999;
	}

	.rate.r1 {
		right: 64%;
	}

	.rate.r2 {
		right: 27%;
	}

	.rate.rx {
		right: 45%;
	}

	.rate > p{
		width: 75px;
		font-size: 18px;
	}
	.rate > div span{
		width: 23px;
		font-size: 13px;
		top: -12px;
	}

	.header-bg {
	    font-size: 4.5vw;
	}
	.header-bg.tiny {
	    font-size: 5vw;
	}
	.diger-maclar{
		max-width: 100%;
	}

	.step {
		width: 100%;
		position: relative;
		margin-top: 5%;
	}

	.step:not(:last-child) {
		margin-right: 0;
	}

	.step .text{
		display: inline-block;
		float: none;
		width: auto;
		position: absolute;
		top: 0;
		left: 48%;
		font-size: 32px;
	}

	.step .text:before{
		content: "";
		display: none;
	}

	.step .content{
		width: 200px;
		display: inline-block;
		text-align: left;
		margin-left: 15px;
		font-size: 14px;
		color: #ffff;
		position: relative;
	}

	
	.banner-desktop .btn:after, a.event-button:after{
        content: "";
        background-image: url(../img/triangle.png);
        display: inline-block;
        width: 8%;
        height: 41%;
        background-size: contain;
        background-repeat:no-repeat;
        position: absolute;
        right: 0;
        top: 27%;
    }

    .pd {
        padding-bottom: 30px;
        padding-top: 30px;
    }

	.step .content:after{
		content: "";
		background-image: url(../img/arrow.png);
		width: 100%;
		display: inline-block;
		background-size: cover;
		max-width: 177px;
		height: 14px;
		position: absolute;
		left: -17px;
		right: 0;
		margin: 0 auto;
		bottom: -16px;
	}

	.step .content.last:after{
		content: "";
		background-image: url(../img/arrow-last.png);
	}

	.gradient {
		display: inherit !important;
	}
	
	.black-shadow {
        z-index: 1;
        position: absolute;
        bottom: -20%;
        width: 100%;
        height: 63%;
		background: linear-gradient(0deg,rgba(0,0,0,0.9612219887955182) 2%,rgba(0,0,0,1.650298) 30%,rgba(0,0,0,0.5242471988795518) 57%,rgba(0,0,0,0.34217436974789917) 64%,rgba(0,0,0,0) 77%);
	}

    .event-text{
    	font-size: 15px;
        line-height: 18px;
    }
    
    .event-text.mt-40{
        margin-top: 20px;
    }
    
    a.event-button{
        margin-top: 20px;
    }
    
    .banner-desktop .btn {
        top: 119%;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.banner-desktop .btn{
		font-size: 3vw;
		width: 32vw;
		line-height: 1.1;
		height: 6vw;
		padding-right: 3vw;
        padding-top: .9vw;
	}
	
	.menu-side ul li a.register-now,.menu-side ul li a.login-now {
        height: 5vw;
        width: 23vw;
        font-size: 2vw;
        padding-right: 3vw;
        padding-top: .9vw;
	}
	
	.banner-desktop .btn:after{
		content: "";
		right: 0;
		top: 27%;
	}

	a.event-button{
		width: 200px;
		font-size: 16px;
		padding-right: 0;
		padding: 10px;
	}

	a.event-button:after{
		content: "";
		right: 0;
		top: 13px;
		width: 13px;
		height: 14px;
	}
	
}

@media(max-width: 779px){
	.hidden-xs{
		display: none;
	}
}

@media(max-width: 768px){
	.step .text{
		left: 47%;
    	font-size: 4.5vw;
	}

	.menu-side{
	    margin-top: 3px;
	}
	.hometeam-name{
	    font-size:3vw;
	}
	.awayteam-name{
	    font-size:3vw;
	}
	.devaminigoster{
		font-size: 12px;
	}

	.desktop-widget {
		margin-top: 26vw;
	}
	.banner-desktop .btn {
        top: 122%;
    }

	.banner-desktop .btn{
		height: 7vw;
		width: 35vw;
		font-size: 3.2vw;
		padding-top: 1.5vw;
	}

    a.event-button {
		height: 50px;
		width: 220px;
		font-size: 20px;
		padding-top: 10px;
    }

	.banner-desktop .btn:after{
		content: "";
		right: 0;
		top: 34%;
		width: 2.5vw;
		height: 2.5vw;
	}

    a.event-button:after{
		content: "";
		right: 0;
		top: 14px;
		width: 15px;
		height: 19px;
    }
}

@media(max-width: 590px){
	.step .text{
    	font-size: 5.5vw;
	}

	.line-1 {
		top: 89%;
	}
	.line-2 {
		top: 102%;
	}
	.line-3 {
		top: 115%;
	}
	.rate.r2 {
		right: 18%;
	}
	.rate.rx {
		right: 42%;
	}
	
	.banner-desktop .btn {
		top: 130%;
	}

	.banner-desktop .btn{
		height: 8vw;
		width: 40vw;
		font-size: 3.5vw;
		padding-top: 2vw;
	}
	
	a.event-button{
		width: 220px;
		font-size: 18px;
		padding: 12px;
	}

	.header-bg {
		font-size: 5.5vw;
	}
	.header-bg.tiny {
		font-size: 6vw;
	}
	
	.banner-desktop .btn:after{
		content: "";
		right: 0;
		top: 29%;
        width: 3vw;
        height: 4vw;
	}
	
	.desktop-widget {
		margin-top: 35vw;
	}
}

@media(max-width: 491px){
	.menu-side {
	    margin-top: 3px;
	}
	#mobile-nav{
	    top: 48px;
	}
	.navbar-toggle {
        margin-top: 5px;
    }
}


@media(max-width: 400px){
    .banner-desktop .btn {
        top: 132%;
    }

	.promotion a.link{
		padding: 7px 0px;
		font-size: 13px;
	}

	.promotion .link:after{
		content: "";
		width: 11px;
		height: 13px;
		right: 0px;
		top: 11px;
	}
	
	.banner-desktop .btn{
		width: 250px;
		font-size: 20px;
		padding-top: 8px;
		display: inline-block;
		height: 44px;
	}

	.banner-desktop .btn:after{
        content: "";
		right: 0;
		top: 11px;
		width: 15px;
		height: 18px;
	}
	
	.step .content {
		width: 150px;
	}

	.step .content:after{
		content: "";
		max-width: 150px;
		height: 11px;
	}

	.step .number{
		font-size: 108px;
	}

	.step img{
		max-width: 50px;
	}
	
	.promotion .title{
	    font-size: 18px
	}
	.promotion .content {
        font-size: 13px;
	}
}


.owl-carousel .owl-item .lc img{
    height: 115px;
}

@media(max-width: 599px){
    .owl-carousel .owl-item .lc img {
        height: 45vw;
    }
}

@media(min-width: 1920px){
	.desktop-img img{
		max-width: 1920px;
		margin: 0 auto;
	}

	.header-bg,
	.header-bg.tiny,
	.header-bg.extra-tiny{
		font-size: 38px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 850px;
	}

	.banner-desktop .btn{
		font-size: 28px;
		height: 76px;
		width: 384px !important;
		left: 0 !important;
		right: 0;
		margin: 0 auto;
		padding-top: 19px;
	}
}