body{

	font-family: 'Muli', sans-serif;

}



a:hover{

	text-decoration: none;

	color: #fff;

}



.navbar-toggle {

    margin-top: 17px;

}



.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,

.promotion .link: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: 27%;

}





.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 !important;}







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: 1px;

    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;

}



.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;

}

.header-bg-general{
	position: absolute;
    top: 68%;
    font-size: 2vw;
    font-weight: 900;
    color: #fff;
    width: 45%;
    text-align: center;
    left: 29%;
	z-index: 99;
}

.header-bg-general br:not(.line){display: none;}

.header-bg-general .tiny{
	font-size: 90%;
	font-weight: 500;
}

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

.header-bg-general .tiny small{
	font-size: 80%;
}

@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;

	position: relative;

	z-index: 99;

}



.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: 1px;

    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 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{

	width: 191px;

    height: 40px;

    border-radius: 1px;

    background-color: #60b802;

    color: #fff;

    font-family: Muli;

    font-size: 16px;

    font-weight: 800;

    display: inline-block;

    padding-top: 8px;

	margin-top: 41px;

	position: relative;

}



a.event-button:after{

	content: "";

	top: 12px;

}



img.right_dots{

	position: absolute;

    max-width: 10%;

    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: 1px;

    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{

	background: #60b802;

    border-radius: 1px;

    display: inline-block;

    padding: 10px;

    min-width: 170px;

    color: #fff;

    font-size: 14px;

    font-weight: 800;

	position: relative;

	margin-top: 41px;

}



.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: 31vw;

	}

	.nf-page .desktop-widget{

		margin-top: 23vw;

	}

	.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) 6%,rgba(0,0,0,1.650298) 38%,rgba(0,0,0,0.5242471988795518) 70%,rgba(0,0,0,0.34217436974789917) 80%,rgba(0,0,0,0) 95%) !important;

	}

}



@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: 12px;

	}

	.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%;

	}

	.logo-side img {

	    margin-top: 11px;

	}

}



@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: 40.5%;

    height: 3.8vw;

    width: 21vw;

    padding-top: 0.7vw;

    z-index: 9;

}



.banner-desktop .btn:after{

    content: "";

    background-image: url(../img/triangle.png);

    display: inline-block;

    width: 8%;

    height: 50%;

    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) 5%, rgba(0,0,0,0.6502976190476191) 29%, rgba(0,0,0,0.5242471988795518) 52%, rgba(0,0,0,0.34217436974789917) 62%, rgba(0,0,0,0) 78%);

}



.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 !important;

	}



	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;

}



.home-player,.away-player,.home-logo,.away-logo,.league-logo,.match-hours,.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%;

}



.odds-rates{

    display: flex;

    width: 25%;

    position: absolute;

    margin: 0 auto;

    left: 0;

    right: 0;

    top: 52%;

    justify-content: center;

    padding-left: 4rem;

    z-index:2;

}



.odds-rates > a{

    flex: 1;

    justify-content: center;

    text-align: center;

    display: flex;

}



.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: -1vw;

    width: 1.6vw;

    left: -0.8vw;

    right: 0;

    border: 2px solid #ff5344;

    font-size: 1.2vw;

    color: #fff;

    border-radius: 50%;

}



.odds-list .rate > div span{

    top: -15px;

    width: 22px;

    left: -6px;

    font-size: 12px;

}



.rate > p{

    font-size: 1.5vw;

    border: solid 1px #979797;

    background-color: #ffffff;

}



.odds-list .rate > p{

    font-size: 17px;

}



.rate > p > span{

    display: inline-block;

}



.rate{

    width:80%;

	text-align: center;

}





.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: 40%;

}



.home-logo{

	left: 42%;

}



.match-hours{

    right: 44%;

    top: 38%;

    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: 14%;

}



.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;

}



.dvcontent{

	margin-top: 50px;

    margin-bottom: -50px;

}



.devaminigoster{

	font-size: 15px;

    font-weight: 900;

    color: #fff;

    text-decoration: underline;

}

.odds-list{

    display: flex;

    position: absolute;

    bottom: 0;

    width: 100%;

}



.odds-list > a{

    flex: 1;

    display: flex;

    align-items: center;

    justify-content: center;

}



.diger-maclar .rate{

    position: initial !important;

    top:0 !important;

    left:0 !important;

    right:0 !important;

}



@media(min-width: 1920px){

    .banner-desktop .btn{

        bottom: 1%

    }

    .line-4 {

        top: 101%;

    }

    

    .header-bg.extra-tiny {

        font-size: 18px;

    }

}



@media(min-width:1200px){

    .rate > div span{

        font-size: 0.9vw;

        top: -0.9vw;

        width: 1.4vw;

        left: -0.5vw;

    }

}



@media(max-width : 1200px){

    .home-logo, .away-logo {

        width: 6%!important;

    }

    .away-logo {

        right: 39%;

    }

    .league-logo {

        right: 45.5%;

        width: 7%!important;

    }

    img.home-player {

        left: 12%;

    }

    img.away-player {

        right: 9%;

    }

    img.home-player, img.away-player {

        width: 30% !important;

    }

}



@media(max-width: 980px){

	/*Mobile Gecis*/

	.navbar-nav li{

	    margin-bottom:10px;

	    list-style: none;

	}

	.navbar-toggle {
		display: block;
	}

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

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

	.menu-side > ul{
		display: none;
	}

	.header-bg-general{
		top: 110%;
		font-size: 4vw;
		width: 100%;
		left: 0;
		line-height: 1.3;
	}

	.odds-rates{

	   padding-left: 0;

	   top: 103%;

	   width: 56%;

    }

    

    .rate{

        width:90px;

    }

    

    

	.dots{

		display: none;

	}



	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 {

		z-index: 2;

		top: 66%;

		right: 42%;

		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 > p{

		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;

	}

    .header-bg.extra-tiny{

    	font-size: 2vw;

    }

	.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: 50%;

	}



	.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;

	}



	

	.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);

	}



	.banner-desktop .btn:after, a.event-button:after,.promotion a.link:after{

        content: "";

        background-image: url(../img/triangle.png);

        display: inline-block;

        width: 8%;

        height: 55%;

        position: absolute;

        right: 0;

        top: 27%;

    }



    .pd {

        padding-bottom: 30px;

        padding-top: 30px;

    }

    

    .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: 136%;

        left: 36.5%;
		
		z-index: 999;
	}

	

	.nf-page .banner-desktop .btn {

        top: 117%;

	}

	

	a.event-button,.promotion a.link,.banner-desktop .btn,.menu-side ul li a.register-now,.menu-side ul li a.login-now {

        height: 5vw;

        width: 25vw;

        font-size: 2vw;

        padding-right: 3vw;

        padding-top: .9vw;

	}

	

	.banner-desktop .btn:after, a.event-button:after,.promotion a.link:after{

		content: "";

		right: 0;

		top: 27%;

	}

	

}



@media(max-width: 779px){

	.hidden-xs{

		display: none;

	}

}



@media(max-width: 768px){

	.header-bg-general {
		top: 113%;
		font-size: 4.5vw;
	}

	.menu-side{

	    margin-top: 3px;

	}

	.odds-list .rate {

        width: 70px;

    }

	.hometeam-name{

	    font-size:3vw;

	}

	.awayteam-name{

	    font-size:3vw;

	}

	.devaminigoster{

		font-size: 12px;

	}



	.desktop-widget {

		margin-top: 40vw;

	}

	.banner-desktop .btn {

		top: 140%;

		height: 6vw;

		width: 37vw;

		font-size: 3vw;

		left: 31.5%;

	}

	.banner-desktop .btn:after{

		content: "";

		right: 0;

		top: 27%;

	}

}



@media(max-width:600px){

    .diger-maclar {

        height: 244px;

    }

}



@media(max-width: 590px){

	.header-bg-general {
		top: 113%;
		font-size: 4.5vw;
		line-height: 1.5;
	}


	.rate.r2 {

		right: 18%;

	}

	.rate.rx {

		right: 42%;

	}

	.banner-desktop .btn{

		top: 146%;

		left: 26.5%;

	}

	

	.nf-page .banner-desktop .btn{

	   top: 105%;

	}

	

	.header-bg {

		font-size: 5.5vw;

	}

	.header-bg.tiny {

		font-size: 6vw;

	}

	a.event-button,.promotion a.link,.banner-desktop .btn{

	    height: 9vw;

		width: 45vw;

		font-size: 3.2vw;

		padding-top: 1.9vw;

	}

	a.event-button:after,.promotion a.link:after,.banner-desktop .btn:after{

		content: "";

		right: 0;

		top: 29%;

        width: 3vw;

        height: 4vw;

	}

	.desktop-widget {

		margin-top: 51vw;

	}

	.league-logo {

        top: 66%;

        right: 42%;

        width: 16% !important;

    }

}



@media(max-width: 508px){

	.menu-side {

	    margin-top: 3px;

	}

	#mobile-nav{

	    top: 48px;

	}

	.navbar-toggle{

	    margin-top: 5px;

	}

	.odds-rates {

        width: 70%;

    }

    .rate > p {

        font-size: 16px;

    }

    .rate {

        width: 66px;

    }

     .rate > div span {

        width: 20px;

        font-size: 11px;

        top: -12px;

    }

    .odds-list .rate > div span {

        top: -12px;

        width: 18px;

        left: -2px;

        font-size: 10px;

    }

    .diger-maclar {

        height: 192px;

    }

}





@media(max-width: 400px){

	.header-bg-general {
		top: 115%;
	}

    .banner-desktop .btn {

        top: 145%;

        left: 23.5%;

    }

	a.event-button,.promotion a.link,.banner-desktop .btn{

        height: 10vw;

        width: 52vw;

        font-size: 4vw;

	}

	a.event-button:after,.promotion a.link:after,.banner-desktop .btn:after{

        content: "";

        right: 0;

        top: 24%;

        width: 4vw;

        height: 5vw;

	}

	

	.step .content {

		width: 150px;

	}



	.step .content:after{

		content: "";

		max-width: 150px;

		height: 11px;

	}



	.step .number{

		font-size: 108px;

	}



	.step img{

		max-width: 50px;

	}



	.black-shadow{

        bottom: -43%;

        height: 100%;

	}



	img.away-player,img.home-player{

		bottom: -13%;

	}

	

	.promotion .title{

	   font-size: 18px;

	}

	.promotion .content {

        font-size: 13px;

	}

	

	.promotion a.link{

	    width: 66vw;

	}

    

    .diger-maclar img.league-logo {

        width: 59px !important;

        top: 10px;

        left: 0 !important;

        right: 0 !important;

        margin: 0 auto;

    }

    

    .diger-maclar img.away-logo, .diger-maclar img.home-logo {

        width: 62px !important;

        top: 45px;

    }

    .diger-maclar img.home-logo {

        left: 20px;

    }

    .diger-maclar img.away-logo {

        right: 20px;

    }

}





@media only screen and (max-width: 508px) and (min-width: 401px){

	.black-shadow{

		bottom: -5%;

	}



	img.away-player,img.home-player{

		bottom: -5%;

	}

}