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

.navbar-brand {
	background: url(../img/logos/paygroup.svg) 0px 20px no-repeat;
    background-size: 255px;
}

.navbar-custom {
    background: rgba(255,255,255, 0.98) !important;
	padding: 15px 0;
}

section#contact {
    background: #3542b3;
    background-image: url(../img/map-image.png), -moz-linear-gradient(-18deg, #1b2356 0%, #3542b3 100%) !important;
	background-image: url(../img/map-image.png), -webkit-linear-gradient(-18deg, #1b2356 0%, #3542b3 100%) !important;
	background-image: url(../img/map-image.png), -o-linear-gradient(-18deg, #1b2356 0%, #3542b3 100%) !important;
	background-image: url(../img/map-image.png), -ms-linear-gradient(-18deg, #1b2356 0%, #3542b3 100%)!important;
	background: url(../img/map-image.png), -webkit-gradient(linear, left top, right top, from(#1b2356), to(#3542b3))!important;
	background-image: url(../img/map-image.png), linear-gradient(-18deg, #1b2356 0%, #3542b3 100%) !important;
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1b2356 ', endColorstr='#3542b3', GradientType=0 );
    background-position:   center !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
	
}

.btn-xl {
    color: #fefefe !important;
    background-color: #6379ff;
    background-image: linear-gradient(to bottom, #6379ff 0%, #2c3882 100%) !important;
    border-color: #5c71f0 !important;
    box-shadow: 0px 0px 18px 0px rgb(18, 25, 64) !important;
}

.btn-xl.active,
.btn-xl:active,
.btn-xl:focus,
.btn-xl:hover,
.open .dropdown-toggle.btn-xl {
    color: #fff !important;
    background-color: #6379ff;
	background-image: linear-gradient(to bottom, #6379ff 0%, #6379ff 100%) !important;
    border-color: #5c71f0 !important;
}

section#contact .text-danger {
    color: #fefefe;
}

section#contact span.sim4pay {
	display: inline-block !important;
}

.text-primary, a {
    color: #0078c9;
    font-weight: bold;
}

.copyright a {
    color: #0078c9;
    font-weight: bold;
}

.copyright a.active,
.copyright a.active:active,
.copyright a.active:focus,
.copyright a.active:hover {
    color: #424141;
    font-weight: bold;
}
/* 
img.sim4pay-md {
	display: inline-block !important;
}
*/
img.sim4pay-iconapp {
	display: block !important;
}

img.md_s {
	display: none !important;
}

img.mccard_s{
	display: none !important;
}

img.pb-md {
	display: none !important;
}

img.pb-iconapp {
	display: none !important;
}

a.linkapp {
	display: none !important;
}

a.linkapp-sim4pay{
	display: inline-block !important;
}

@media (min-width: 768px) {
	.navbar-custom {
		padding: 15px 0 !important;
	}
	
	.navbar-custom.affix .navbar-brand {
		background-size: 49%;
		background-position: 0px !important;
	}
}
	
	

@media screen and (min-width: 320px) and (max-width: 480px) {
	
	.navbar-brand {
    background-size: 150px;
	}
	
	.btn-xl {
		margin: 10px 0px;
    }
	
	.navbar-brand {
		height: 50px;
		width: 100%;
		background-size: 35%;
		margin: 2px auto;
		background-position: center;
	}
	
	.navbar-custom .navbar-toggle {
	display: none;
    background-color: #ca9744;
    border-color:#ca9744;
    font-size: 12px;
	}
	
	.navbar-custom .navbar-toggle:focus, .navbar-custom .navbar-toggle:hover {
    background-color: transparent;
	border-color:#ca9744;
	color:#ca9744;
	}
}