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


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

@font-face {
	font-family: 'ffp';
	src: url('../images/fonts/ffp.eot');
	src: local('☺'), url('../images/fonts/ffp.woff') format('woff'), url('../images/fonts/ffp.ttf') format('truetype'), url('../images/fonts/ffp.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'black-streamer';
	src: url('../images/fonts/black-streamer.eot');
	src: local('☺'), url('../images/fonts/black-streamer.woff') format('woff'), url('../images/fonts/black-streamer.ttf') format('truetype'), url('../images/fonts/black-streamer.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




img{ max-width:100%;}
.top_menu .nav-link {    display: block;    padding: .5rem 1rem;    font-weight: 700;    text-transform: uppercase;    color: #000 !important;}

.navbar-light .navbar-nav .nav-link {    padding-left: 30px;}

.navbar-light .navbar-nav .nav-link:hover {    color: #862597 !important;}
.main_heading h1{ font-weight:700; color:#5a5a5a; text-transform:uppercase }

.bg-purple{background:#1e3c91;}
#content{width:100%;}


.main-nav .dropdown-menu{width:360px !important;  padding:15px; box-shadow:1px 4px 5px #ccc; border:0px;}
.main-nav .dropdown-menu a{color:#000;}
.main-nav .dropdown-menu a:hover{text-decoration:none;}
.main-nav .dropdown-menu a h4{font-size:15px; font-weight:bold; text-transform:uppercase; color:#862597; margin-bottom:0px;}
.main-nav .dropdown-menu .col-12{margin-bottom:15px;}
.main-nav .dropdown-menu a img{width:70px; float:left; margin-right:10px;  -webkit-filter: grayscale(100%); filter: grayscale(100%); transition:all .2s ease-in-out;}
.main-nav .dropdown-menu a:hover img{ -webkit-filter: grayscale(0%); filter: grayscale(0%); }

.top_banner{position:relative; background-color:#320063; background-image:url(../images/banner_bg.jpg); background-repeat:no-repeat; 
background-position:center top; text-align:center; padding-bottom:20px;}
.top_banner p{display:block; text-align:center; width:100%;}
.top_banner h1{color:#fff; font-weight:900; width:100%; text-align:center; text-transform:uppercase; font-size:45px;}

.top_banner .tag{font-family:'ffp'; color:#feb4e7; font-size:42px; margin-bottom:0px;}
.top_banner .text{font-size:20px; line-height:28px; text-align:center; color:#fff;}
.top_banner .tag2{font-family:'black-streamer'; color:#feb4e7; font-size:32px; margin-bottom:0px;}
.top_banner .bigtag strong{background-color:#feb4e7; color:#7d278d; font-size:25px; font-weight:700; padding:2px 10px; position: relative; top: -6px;}


.box-shadow{box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 6px 0px;}

/* ----------- INPUT TEXTAREA -----------------*/
input.btmbdr{border-bottom:2px solid #ccc; border-left:0px; border-right:0px; border-top:0px; padding:6px 0px; width:100%;}
::placeholder {  opacity: .3;}

.signinform .fa{color:#1e3c91; opacity:.5; padding-right:5px;}

.signinform h1{ font-weight:700; color:#5a5a5a;}
.signinform h2{ font-weight:700; color:#5a5a5a;}


.custom-control-label::after, .custom-control-label::before{width:1.5rem; height:1.5rem;}
.signinform .custom-control-input{position:relative; margin-right:15px;}
.signinform .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {    background-color: #1e3c91;}


.btn-outline-purple{border:2px solid #1e3c91; color:#1e3c91; display:block; font-weight:bold; background:#fff; padding:12px;}
.btn-outline-purple:hover{background:#1e3c91; color:#fff;}



.btn-outline-pink{border:2px solid #ec0089; color:#ec0089 !important; display:block; font-weight:bold; background:#fff; padding:12px;}
.btn-outline-pink:hover{background:#ec0089; color:#fff !important;}


.signinform p{padding:5px 0px;}

.foot-signin{font-size:18px;}
.foot-signin li{width:48%; display:inline-block; list-style:none; padding:7px 0px;}
.foot-signin li a{color:#fff;}

/* ----------- FOOTER -----------------*/

footer{ background:#282828}
.social_icons ul{ list-style-type:none; margin:0; padding:0}
.social_icons ul li{ display:inline-block;     margin: 0 10px;}
.social_icons ul li a{ border-radius:50%; display:block; width:40px; height:40px; border:2px solid #fff; color:#FFF}
.social_icons ul li a i { font-size: 20px; padding-top:7px}
.social_icons ul li a:hover { background:#862597}

.foo_menu ul{ list-style-type:none; margin:0; padding:0}
.foo_menu ul li{ display:inline-block}
.foo_menu ul li a {    border-right: 1px solid #fff;    color: #FFF;    padding: 0 10px;    font-size: 14px;
}
.foo_menu ul li:Last-child a{ border-right:0}
.privacy_policy{ color:#FFF; margin-top:10px}
.explore {    background: #862597;    color: #fff;    padding: 5% 0; position:relative; font-family: 'Quicksand', sans-serif; }
.explore h1 {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 34px;
    text-transform: uppercase;
}
.explore button{ color:#fff; border:2px solid #fff; padding:7px 25px; margin-top:20px }
.explore .btn-outline-primary:hover {
    color: #fff;
    background-color: #571763;
    border-color: #862597;
}

.explore  p{
    padding: 10px 30px;
}
.card {border-radius: 10px;
    box-shadow: 0px 5px #ec0089;}
.card-deck .card-header{ background-color: #ec0089 !important; color: #fff !important;font-family: 'Quicksand', sans-serif; font-weight:700; }
.card-deck .card-header h4{ font-size:30px !important; }
.card-deck h1{font-family: 'Roboto', sans-serif;}
.card-deck .card-body { padding:0 !important;}
.card-deck .card-body h1{  background:#edf2f5; font-size:54px; font-weight:700; padding:8% 0}
.card-deck .card-body small{ display:block; font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:400}
.card-deck  ul{ margin:3% 2% ;}
.card-deck  ul li{font-family: 'Quicksand', sans-serif; font-weight:700; font-size:32px; color:#666666; line-height:24px; border-bottom:1px solid #b9b9b9; position:relative; padding:15px 0}
.card-deck  ul li span{font-size:18px; font-weight:400; font-family: 'Open Sans', sans-serif; display:block}

.card-deck  ul li i{
    position: absolute;
    top: 15px;
    right: 8px; color:#cccccc;
}

.ribbon{
    position: absolute;
    right: -4px;
    top: -5px;
}

.card-deck  ul li:Last-child{ border-bottom:0}
.card-deck button {
    background: #ec0089;
    color: #fff;
    border: 0;
    box-sizing: border-box;
    display: block;
    width: 94%;
    display: inline-block; margin-bottom:40px;
}

.card-deck button:hover{ background:#b7016b}

.bottom_links {
    padding: 2% 0;
}
.bottom_links h2 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
.bottom_links img{
    filter: grayscale(100%);
}
.bottom_links .col-lg-4:hover img{filter: grayscale(0%); }
.bottom_links h2 a{ color:#000}
.navbar {
   
    justify-content: flex-end;}
	
	


@media only screen and (max-width:768px){
	.card-deck ul li {
font-size: 26px;
}
.explore h1 {
   
    font-size: 24px;
    
}
.top_banner .banner_discount{position:relative; padding:10px;}
.top_banner .cloud{bottom:-10px;}

.foot-signin li{width:98%;}
}

@media only screen and (max-width:480px){
.navbar {  justify-content:center;}

.top_banner .tag2{font-family:'black-streamer'; color:#feb4e7; font-size:24px; margin-bottom:0px;}
.top_banner .bigtag strong{background-color:#feb4e7; color:#7d278d; font-size:20px; font-weight:700; padding:1px 10px; position: relative; top: -6px;}

}