/**
MAIN STYLES
**/

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {
    padding-top:0!important;
	font-family: 'Open Sans', sans-serif !important;
	background-color: #191919;
    color: #ffffff;
}
.affiliate-logos ul {
    padding:0;
}



/*.owl-item {
    opacity: 0;
    transition: all 0.9s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
 .owl-item.active {
    opacity: 1;
    transition: opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1) 0.5s;
}*/

/**
NAVIGATION
**/
.sportspesa-nav {
	height: 103px;
    background-color: rgba(0,0,0,0.8)!important;
}
.navbar-dark .navbar-nav .nav-link {
    color: #ffffff!important;
}
.mobile-nav {
	display:none;	
}
.mobile-nav ul li a{
	padding:0 5px;
	font-size:14px;
	display: block;
    text-align: center;
}
.mobile-nav ul li a span{
	display:block;
}
.desktop-nav ul li a span{
	padding-right:10px;
}
.mobile-nav ul li a span img{
	max-width:20px;
}
.desktop-nav ul, .mobile-nav ul {
	display:inline-block;
	padding-left: 0;
}
.desktop-nav ul li, .mobile-nav ul li{
	display:inline-block;
	color:#ffffff;
}
.desktop-nav ul li a, .mobile-nav ul li a{
	color:#ffffff;
	text-transform:uppercase;
}
.desktop-nav ul li a:hover {
	color: #139bd6;
}



.header-desktop {
	display:block;
	width:100%;
}
.header-mobile {
	display:none;
	width:100%;
}
.header-promo {
	/*padding-top:103px;	*/
}

@media only screen and (max-width: 993px) {
	.mobile-nav {
		display:inline-block;	
	}
	
	.desktop-nav {
		display:none;
	}
	
	.header-desktop {
		display:none;
	}
	.header-mobile {
		display:block;
	}

}


/**
Parallax
**/
section {
    overflow:auto;
	position:relative;
}
.header-image {
	min-height:100vh;
}
.header-image .container {
	padding-top:110px;
}
.call-to-action {
	padding: 120px 20px;	
}

.t1 {
	font-size:30px;
	font-weight:300;
	color:#ffffff;
}
.t1 span {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	font-size:62px;
	color:#ffb200;
	text-transform:uppercase;
	letter-spacing:4px;
}

/**
HEADER OFFER
**/
.title01 {
	font-size:32px;
	font-weight:700;
	display:inline-block;
	color:#c01d2e;
	background-color:#0e105d;
	padding:5px 20px;
	line-height: 38px;
	text-transform:uppercase;
	animation-duration: 1s;
}
.title02 {
	font-size:80px;
	font-weight:700;
	display:inline-block;
	color:#ffffff;
	background-color:#0e105d;
	padding:5px 20px;
	line-height: 90px;
	text-transform:uppercase;
	animation-duration: 2s;
	animation-delay: 1s;
}
.title02 span {
	color:#139bd6;
}
.title03 {
	font-size:56px;
	font-weight:700;
	color:#ffffff;
	line-height: 66px;
	text-transform:uppercase;
	animation-duration: 2s;
	animation-delay: 1s;
}
.title03 span {
	color:#139bd6;
}
.bg-1 p {
	margin-bottom: 8px;	
}
.sign-up-btn {
	animation-duration: 1s;
	animation-delay: 2s;
}
.sign-up-btn a {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	font-size:35px;
	display:inline-block;
	padding:10px 50px;
	line-height: 50px;
	text-transform:uppercase;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	-webkit-border-radius: 35px; 
	-moz-border-radius: 35px; 
	border-radius: 35px; 
}
.sign-up-btn a:hover {
	letter-spacing:4px;
}
.head-terms {
	animation-duration: 1s;
	animation-delay: 3s;	
	display:inline-block;
	margin:0 20px;
}
.head-terms a {
	color:#ffffff;
	text-decoration:none;
}

.gam-logo {
	display:inline-block;
	margin:0 20px;
}


/**
HEADER STEPS
**/
.steps {
	width: 100%;
    padding: 10px 40px;
}

.steps ul {
	list-style: none;
    text-align: center;
	margin: 0;
}
.steps ul li{
	display: inline-block;
    float: none;
    width: auto;
	padding: 0 15px;
}
.steps-number {
	font-size: 30px;
    font-weight: 300;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #139bd6;
    width: 40px;
    height: 40px;
    /* padding: 20px; */
    line-height: 40px;
    text-align: center;
    display: inline-block;
    color: #0e105d;
    vertical-align: middle;
}
.steps-heading {
	    color: #ffffff;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 300;
    padding-left: 15px;
    line-height: 50px;
    vertical-align: middle;
}
.bottom-header {
	/*bottom: 0; */
    /* position: absolute; */
    width: 100%;
    margin: 0 auto;
	position:relative;
    /* height: 100px; */
    /*padding-top: 5%;*/
}

.affiliate-logos {
	width:100%;
	padding:10px 40px;
	background-color:rgba(14,16,93,0.5);	
}
.affiliate-logos ul {
	list-style: none;
    text-align: center;
	margin: 0;
}
.affiliate-logos ul li{
	display: inline-block;
    float: none;
    width: auto;
	padding: 0 15px;
}
.affiliate-logos ul li img{
	max-height:70px;
}


/**
HEADER MOBILE ICONS
**/

.mobile-devices {
    width: auto;
    display: inline-block;
}
.mobile-devices i {
    padding: 10px 20px;
    font-size: 41px;
}
.mobile-devices p {
    font-size:10px;
}

/**
BODY/CONTENT
**/

.headline {
	padding-top:40px;
	padding-bottom:30px;	
}
.headline h1.big-bold {
	color: #139bd6;
    font-size: 48px;
    font-weight: 300;
}
.headline p.tag-line {
	display: inline-block;
    padding: 0px 40px 0px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 38px;
	margin-bottom:0;
}
.headline p.tag-line span {
    color: #139bd6;
}
.header-sep {
	width:60%;
	margin:10px auto;
	height:2px;
	border-top:1px solid #139bd6;
	background:transparent;	
}
h2.big-bold {
	color: #139bd6;
    font-size: 33px;
    font-weight: 300;
	padding-left:40px;
}
h2.small-block {
	display: inline-block;
    padding: 0 40px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;min-width:300px;
}
.desc-black {
	padding-top:40px;
	padding-bottom:40px	;
	background-color:#000000;
	max-width:100%;
}
.desc-charcoal {
	padding-top:40px;
	padding-bottom:40px	;
}
.desc-blue {
	padding-top:40px;
	padding-bottom:40px	;
	background-color:#0e105d;
}
.desc-blue h2.small-block {
	display: inline-block;
    padding: 0 40px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;min-width:300px;
}
.main-list ul li {
	padding-bottom: 15px;	
}
.main-list ul {
	padding-top: 15px;	
}





/**
FOOTER
**/

.footer-img {
    width: 100%;
    padding-bottom: 30px;
}
.small-text {
	font-weight:300;
	font-size:12px;	
}
.footer-logo {
	/*padding-bottom:30px;	*/
}
.desc-black a {
	color:#ffffff;
	text-decoration:underline;
}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
	border-radius:50%;
}

@media only screen and (max-width: 1050px) {
	.steps ul {
		list-style: none;
		text-align: center;
		margin: 5px 0;
		padding: 0;
	}
	.steps ul li {
		display: inline-block;
		float: none;
		width: auto;
		padding: 0 9px;
	}
	.steps-number {
		font-size: 28px;
		font-weight: 700;
		width: 35px;
		height: 35px;
		/* padding: 20px; */
		line-height: 35px;
		text-align: center;
	}
	.steps-heading {
		font-size: 22px;
		font-weight: 700;
		padding-left: 8px;
		line-height: 35px;
	}
	.affiliate-logos img {
		max-width:70px;	
	}
}

@media only screen and (max-width: 991px) {
	.sportspesa-nav {
		height: auto;
	}
	.header-image {
	}
	.header-promo {
	    padding-top:76px;	
    }
    .title02 {
		font-size: 55px;
		font-weight: 700;
		padding: 5px 20px;
		line-height: 90px;
	}
	.title01 {
		font-size: 24px;
		font-weight: 700;
		padding: 5px 20px;
		line-height: 32px;
	}
	.steps ul {
		list-style: none;
		text-align: center;
		margin: 5px 0;
		padding: 0;
	}
	.steps ul li {
		display: inline-block;
		float: none;
		width: auto;
		padding: 0 9px;
	}
	.steps-number {
		font-size: 18px;
		font-weight: 700;
		width: 25px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		display: inline-block;
	}
	.steps-heading {
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 700;
		padding-left: 8px;
		line-height: 25px;
	}
	.affiliate-logos img {
		max-width:70px;	
	}
	.affiliate-logos ul {
		padding:0;
	}
	.affiliate-logos ul li {
		padding: 0 5px;
	}
	.bg-1 {
    	background-attachment: local;
    }
  
    .bg-2 {
    	background-attachment: local;
    }
}
@media only screen and (max-width: 611px) {

	.steps ul li {
		min-width:45%;
		padding-top:10px
	}
	.steps ul {
		text-align:left
	}
	.header-image .container {
		padding-top:50px;
	}

}
@media only screen and (max-width: 522px) {

	.footer-img {
		width:100%;
	}
	.mobile-devices i {
        padding: 10px 20px;
        font-size: 30px;
    }
    .affiliate-logos {
        width: 100%;
        padding: 10px 10px;
        background-color: rgba(14,16,93,0.5);
    }
    .affiliate-logos img{
        max-width:40px;
    }
	.header-image {
		padding-top:50px;
		height:90vh;
		background-attachment: local!important;
		min-height:auto;
	}
	.title01 {
		font-size:18px;	
	}
	.title02 {
		font-size:32px;
		line-height:50px;
	}
	.sign-up-btn a {
		font-size:35px;
		line-height:40px;	
	}
}


/**
CHANGE OF COLOURS
**/


/** DARK **/
body.dark {
	background-color: #191919;
    color: #ffffff;
}

.dark .sportspesa-nav {
    background-color: rgba(0,0,0,0.8)!important;
}
.dark .navbar-dark .navbar-nav .nav-link {
    color: #ffffff!important;
}

/*.dark section {
	border-bottom:6px solid #139bd6;
}*/
.dark .bg-1 {
	background: url('../images/sportspesa-header.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
}
.dark .bg-2 {
	background: url('../images/call-to-action-image.jpg') no-repeat top center;
    color:#fff;
    background-size:cover;
}
.dark .btn-primary {
    color: #fff;
    background-color: #00a8fa;
    border-color: #00a8fa;
}
.dark .btn-primary:hover {
    color: #00a8fa;
    background-color: #ffffff;
    border-color: #00a8fa;
}
.dark .title01 {
	color:#139bd6;
	background-color:#0e105d;
}
.dark .title02 {
	color:#ffffff;
	background-color:#0e105d;
}
.dark .title02 span {
	color:#139bd6;
}
.dark .title03 {
	color:#ffffff;
}
.dark .title03 span {
	color:#139bd6;
}
.dark .sign-up-btn a {
	color:#ffffff;
	background-color:#ffb200;
}

.dark .steps {
    background-color: #00a8fa;	
}
.dark .steps-number {
    background-color:  #0e105d;
    color: #139bd6;
}
.dark .steps-heading {
	color: #ffffff;
}
.dark .affiliate-logos {
	background-color:rgba(14,16,93,0.5);	
}
.dark .blue-overlay {
	background-color:rgba(14,16,93,0.5);	
}

.dark .headline h1.big-bold {
	color: #139bd6;
}
.dark .headline p.tag-line {
    color: #ffffff;
}
.dark .headline p.tag-line a{
    color: #ffffff;
    text-decoration:none;
}
.dark .headline p.tag-line span {
    color: #139bd6;
}
.dark .header-sep {
	border-top:1px solid #139bd6;
}
.dark h2.big-bold {
	color: #139bd6;
}
.dark h2.small-block {
    color: #ffffff;
}
.dark h2.small-block a{
    color: #ffffff;
    text-decoration:none;
}
.dark .desc-blue {
	background-color:#222222;
}
.dark .desc-blue h2.small-block {
    color: #ffffff;
}
.dark .desc-blue h2.small-block a {
    color: #ffffff;
    text-decoration:none;
}

.dark .desc-black a {
	color:#ffffff;
}



/** LIGHT **/

body.light {
	background-color: #ffffff;
    color: #333333;
}

.light .sportspesa-nav {
    background-color: rgba(51,51,51,0.8)!important;
}
.light .navbar-dark .navbar-nav .nav-link {
    color: #fff!important;
}

.light section {
	border-bottom:6px solid #43ffe7;
}
.light .bg-1 {
	background: url('../images/sportspesa-header-light.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
}
.light .bg-2 {
	background: url('../images/call-to-action-image-light.jpg') no-repeat top center;
    color:#fff;
    background-size:cover;
}

.light .title01 {
	color:#43ffe7;
	background-color:#111111;
}
.light .title02 {
	color:#ffffff;
	background-color:#111111;
}
.light .title02 span {
	color:#43ffe7;
}
.light .title03 {
	color:#ffffff;
}
.light .title03 span {
	color:#43ffe7;
}
.light .sign-up-btn a {
	color:#ffffff;
	background-color:#ff6000;
}

.light .steps {
    background-color: #ffffff;	
}
.light .steps-number {
    background-color: #43ffe7;
    color: #111111;
}
.light .steps-heading {
	color: #111111;
}
.light .affiliate-logos {
	background-color:rgba(14,16,93,0.5);	
}
.light .affiliate-logos img {
	max-width:50px;
}

.light .headline h1.big-bold {
	color: #111111;
}
.light .headline p.tag-line {
    background-color: #111111;
    color: #ffffff;
}
.light .headline p.tag-line span {
    color: #43ffe7;
}
.light .header-sep {
	border-top:1px solid #43ffe7;
}
.light h2.big-bold {
	color: #111111;
}
.light h2.small-block {
    background-color: #111111;
    color: #43ffe7;
}
.light h2.small-block a{
    background-color: #111111;
    color: #43ffe7;
    text-decoration:none;
}
.light .desc-blue {
	background-color:#cecece;
}
.light .desc-blue h2.small-block {
    background-color: #000000;
    color: #43ffe7;
}
.light .desc-blue h2.small-block a {
    background-color: #000000;
    color: #43ffe7;
    text-decoration:none;
}

.light .desc-black a {
	color:#ffffff;
}
.light .footer {
	background-color: #111;
    color: #ffffff;
}