@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Ek+Mukta:200,300,600,700";
p {
    font-family: 'Ek Mukta', sans-serif;
    font-size: 22px;
    font-weight: 300;
    margin: 0;
}
h1 {
    font-family: 'Ek Mukta', sans-serif;
    font-size: 42px;
    font-weight: 300;
    margin: 10px;
}
h2 {
    font-family: 'Ek Mukta', sans-serif;
    font-size: 32px;
    font-weight: 700;
    margin: 10px;
}
iframe {
    border: none;
}
a {
    color: #FFFFFF;
    font-family: 'Ek Mukta', sans-serif;
}
body {
    margin: 0 auto;
    width: 100%;
    font-family: 'Ek Mukta', sans-serif;
}
header {
    background-color: #dcdfe2;
    font-family: 'Ek Mukta', sans-serif;
}
#container {
    width: 100%;
    font-family: 'Ek Mukta', sans-serif;
}
#banner {
    text-align: center;
    max-width: 1440px;
    margin: 0 auto;
    font-family: 'Ek Mukta', sans-serif;
}
#leftblock {
    float: left;
    width: 5%;
	height:5%;
    font-family: 'Ek Mukta', sans-serif;
}
#topblock {
	clear:both;
    width: 5%;
	height:5%;
    font-family: 'Ek Mukta', sans-serif;
}
#bottomblock {
	clear:both;
    width: 5%;
	height:5%;
    font-family: 'Ek Mukta', sans-serif;
}
#incentivlogo {
    float: left;
}
#publicislogo {
    float: right;
}
#rightblock {
    float: right;
    width: 5%;
	height:5%;
    font-family: 'Ek Mukta', sans-serif;
}
#maincontent {
    clear: both;
    font-family: 'Ek Mukta', sans-serif;
	padding-top: 1%;
}
.buttons {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 75%;
    margin: 0 auto;
    text-align: center;
    font-family: 'Ek Mukta', sans-serif;
}
.slider {
    background-color: #2c454f;
    color: #ffffff;
    text-align: center;
}
#holder {
    float: left;
    font-family: 'Ek Mukta', sans-serif;
}
#offer {
    background-color: #ffffff;
    color: #2c454f;
    padding: 40px 0;
    text-align: center;
    font-family: 'Ek Mukta', sans-serif;
}
#offer img {
    padding-bottom: 4%;
}
#about {
    background-color: #dbdfe2;
    color: #2b414e;
    padding: 40px 8%;
    text-align: center;
    clear: both;
    font-family: 'Ek Mukta', sans-serif;
}
#about h1 {
    text-transform: uppercase;
    margin: 0;
}
#contact {
    background-color: #2d454f;
    color: #ffffff;
    float: left;
    padding: 40px 0 30px 0;
    text-align: center;
    width: 100%;
    font-family: 'Ek Mukta', sans-serif;
}
#map {
    margin: 50px 8%;
}
.cpt {
    float: left;
    text-align: left;
    width: 48%;
    font-family: 'Ek Mukta', sans-serif;
}
.cpt img {
    max-width: 579px;
    width: 100%;
}
#spacer {
    float: left;
    width: 4%;
}
.jhb {
    float: left;
    text-align: left;
    width: 48%;
    font-family: 'Ek Mukta', sans-serif;
}
.jhb img {
    max-width: 579px;
    width: 100%;
}
.image {
    width: 100%;
}
.picture {
    float: left;
    width: 52%;
}
.text {
    float: left;
    width: 40%;
    margin: 4em 0 0 4%;
}
.button {
    top: 0;
}
.rewards {
    float: left;
    width: 150px;
    margin: 0 auto;
    margin-right: 0;
}
.rewards p {
    font-size: 27px;
    font-family: 'Ek Mukta', sans-serif;
}
.promotion {
    float: left;
    text-align: center;
    width: 223px;
    margin: 0 auto;
    margin-right: 0;
}
.promotion p {
    font-size: 27px;
    font-family: 'Ek Mukta', sans-serif;
}
.loyalty {
    float: left;
    text-align: center;
    width: 150px;
    margin: 0 auto;
}
.loyalty p {
    font-size: 27px;
    font-family: 'Ek Mukta', sans-serif;
}
.heading {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    clear: both;
    float: left;
    width: 100%;
    font-family: 'Ek Mukta', sans-serif;
}
.detailsleft {
    float: left;
    font-family: 'Ek Mukta', sans-serif;
    font-size: 16px;
    font-weight: 200;
    text-align: left;
    width: 50%;
}
.detailsright {
    float: right;
    font-family: 'Ek Mukta', sans-serif;
    font-size: 16px;
    font-weight: 200;
    text-align: left;
    width: 50%;
}
.border {
    border: none;
    display: block;
}
.slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    list-style: none;
    text-align: center;
    right: 19%;
}
@media (max-width: 1660px) {
    p {
        font-family: 'Ek Mukta', sans-serif;
        font-size: 18px;
        font-weight: 300;
        margin: 0;
    }
    h1 {
        font-family: 'Ek Mukta', sans-serif;
        font-size: 40px;
        font-weight: 300;
        margin: 10px;
    }
	#offer h1 {
		margin-top: 0;
		margin-bottom: 2%;
	}
}
@media (max-width: 1440px) {
    .detailsright {
        float: right;
        font-family: 'Ek Mukta', sans-serif;
        font-size: 16px;
        font-weight: 200;
        text-align: left;
        width: 50%;
        clear: none;
    }
    .picture {
        float: left;
        width: 52%;
    }
    .text {
        float: left;
        width: 40%;
        margin: 4em 0 0 4%;
    }
    .text h1 {
        margin: 5px;
    }
	#offer h1 {
		margin-top: 0;
		margin-bottom: 2%;
	}
}
@media (max-width: 1335px) {
    h1 {
        margin: -1%;
    }
    .text {
        float: left;
        width: 40%;
        margin: 4em 0 0 4%;
        font-size: 15px;
    }
    .text p {
        font-size: 16px;
    }
    .slick-dots {
        bottom: -4%;
        right: 20%;
    }
	#offer h1 {
		margin-top: 0;
		margin-bottom: 2%;
	}
}
@media (max-width: 1170px) {
    h1 {
        margin: 0%;
		margin-bottom: 0%;
    }
    .picture {
        float: left;
        width: 52%;
    }
    .text {
        float: left;
        width: 35%;
        margin: 1em 0 0 5%;
        font-size: 14px;
    }
    .text p {
        font-size: 14px;
    }
	#offer h1 {
		margin-top: 0;
		margin-bottom: 2%;
	}
}
@media (max-width: 1090px) {
    h1 {
        margin: -3%;
		margin-bottom: 0%;
    }
    .picture {
        float: left;
        width: 52%;
    }
    .text {
        width: 40%;
        margin: 2% 0 0 3%;
    }
	#offer h1 {
		margin-top: 0;
		margin-bottom: 2%;
	}
}
@media (max-width: 1030px) {
    .text {
        float: left;
        width: 35%;
        margin: 1em 0 0 6%;
        font-size: 13px;
    }
    .text h1 {
        font-size: 38px;
        margin-top: 2px;
    }
	#offer h1 {
		margin-top: 0;
		margin-bottom: 2%;
	}
}
@media (max-width: 1000px) {
    .text p {
        font-size: 14px;
    }
    .promotion p {
        font-size: 27px;
        margin-top: -3px;
    }
	#offer h1 {
		margin-top: 0;
		margin-bottom: 2%;
	}
}
@media (max-width: 950px) {
    h1 {
        margin: -1%;
    }
    .slider {
        padding-bottom: 5%;
    }
    .picture {
        float: left;
        width: 100%;
    }
    .text {
        clear: both;
        float: left;
        width: 90%;
        margin: 2% 0 0 6%;
    }
    .slick-dots {
        bottom: -8%;
        right: 44%;
    }
	#offer h1 {
		margin-top: 0;
		margin-bottom: 2%;
	}
}
@media (max-width: 760px) {
    .buttons {
        display: block;
        width: 25%;
    }
    .slider {
        padding-bottom: 7%;
    }
    .text {
        clear: both;
        float: left;
        width: 87%;
        margin: 2% 0 0 6%;
        font-size: 14px;
    }
    .slick-dots {
        bottom: -10%;
        right: 40%;
        float: left;
    }
    .rewards {
        display: block;
        margin-bottom: 3%;
    }
    .promotion {
        display: block;
        margin-left: -20%;
        margin-bottom: 3%;
    }
    .loyalty {
        display: block;
        margin-bottom: 18%;
    }
	#offer h1 {
		margin-top: 0;
		margin-bottom: 2%;
	}
}
@media (max-width: 680px) {
    .buttons {
        display: block;
        width: 100%;
    }
    .rewards {
        width: 100%;
        margin: 0 auto;
        margin-right: 0;
        clear: both;
    }
    .promotion {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        margin-right: 0;
        clear: both;
        margin-left: 0;
    }
    .loyalty {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        clear: both;
        margin-bottom: 10%;
    }
	#offer h1 {
		margin-top: 0;
		margin-bottom: 2%;
	}
}
@media (max-width: 650px) {
    .cpt {
        float: left;
        text-align: left;
        width: 100%;
    }
    .jhb {
        float: left;
        text-align: left;
        width: 100%;
        clear: both;
    }
    .slider {
        padding-bottom: 7%;
    }
    .detailsright {
        clear: both;
        float: left;
    }
    .rewards {
        margin-bottom: 2%;
    }
    .promotion {
        margin-bottom: 2%;
    }
    .loyalty {
        margin-bottom: 10%;
    }
	.logo {
		height:75%;
		width:75%;
	}
	#incentivlogo {
    	float: left;
	    text-align: left;
	}
	
	#offer h1 {
		margin-top: 0;
		margin-bottom: 2%;
	}
	#maincontent {
	padding-top: 2%;
}
}
@media (max-width: 400px) {
    .slider {
        padding-bottom: 12%;
    }
    .text h1 {
        margin: 5%;
        font-size: 30px;
    }
    .slick-dots {
        bottom: -11%;
        right: 30%;
    }
    .slick-dotted.slick-slider {
        margin: 0;
    }
    .text {
        font-size: 14px;
    }
    .rewards {
        padding-bottom: 2%;
    }
    .promotion {
        margin-bottom: 2%;
    }
	#incentivlogo {
    	float: left;
	    text-align: left;
	}
	
	#publicislogo {
		width: 16%;
	}
	#incentivlogo {
		width: 65%;	
	}
	#offer {
		padding: 40px 0;	
	}
	#offer h1 {
		margin-top: 0;
		margin-bottom: 2%;
	}
}