body, footer#footer , .footer-bottom {
	background:#200227;
}

.logo {
     padding: 2px 0 6px;
}

.btn, .btn:hover {
    background: linear-gradient(25deg, #c00d47 0%, #3f13a9 100%);
    border: none !important;
}



.other {
    min-height: 85px;
}

footer#footer {
    border-top: unset;
}

 .front h3, .varela {
	        font-family: 'Varela Round', sans-serif;
	    }
	    
         .package ul {
            padding:0px 30px 0px;
            border-top:none;
            color:#333;
        }
        
        .packages li b {
            font-size:3vh;
        }
        
        .packages {
            background:#fafafa;
            padding-bottom:30px;
            border-radius:20px;
        }
        
        .col-md-3:nth-child(3) .packages, .col-md-3:nth-child(3) .packages li  {
            background:#b70e4e;
            color:white;
        }

        .col-md-3:nth-child(3) .packages h3 {
            border-radius:20px 20px 0 0;
            background:#b70e4e;
            color:white;
        }
        
        .package ul li {
            text-align:center;
            padding:12px 0;
            border-bottom:1px solid #eee;
        }
        
        .package a {
            text-align:center;
            padding:15px 30px;
            background: linear-gradient(25deg, #c00d47 0%, #3f13a9 100%);
            border-radius:4px;
            color:white;
            margin-top:15px;
        }
        
        .package {
            text-align:center;
        }
        
        .package u {
            color:black;
            border-radius:20px;
            text-decoration:none;
        }
        
        ul.selected li {
            border-bottom:1px solid #a20c45;
        }
        
        .packages {
            -webkit-box-shadow: 0px 10px 11px -12px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 10px 11px -12px rgba(0,0,0,0.75);
            box-shadow: 0px 10px 11px -12px rgba(0,0,0,0.75);
        }
        
        .packages h3{
            font-size:3.5vh;
            text-align:center;
            color:#410d4f;
            font-family: 'Varela Round', sans-serif;
            padding:25px 15px;
            font-weight:800;
            border-bottom:1px solid #eee;
        }
        
        h3.selected {
            border-bottom:1px solid #a20c45;
        }

        .package .col-md-3 {
            padding:25px 10px 0;
        }
        
        .swiper-container {
          width: 100%;
          height: 100%;
    
        }
        .swiper-slide {
          text-align: center;
          font-size: 18px;
          /* Center slide text vertically */
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
        }        
        



@media (max-width: 768px) {

    .main-menu-section .navbar.navbar-inverse .navbar-collapse ul.nav.navbar-nav li:hover {
        background:transparent;
        border-bottom:1px solid white;
    }

	

	.logo {
		display:none;
	}
	
	header {
		background:transparent;
	}
	
	.logo {
 		padding: 0px 0 10px;
	}	
	
	.main-menu-section .navbar.navbar-inverse .navbar-collapse ul.nav.navbar-nav {
    width: 100%;
	}
	
	.menu {
        background: transparent;
        padding: 0 10px;
	}
	
	.menu .navbar-header {
		padding: 6px 0;
	}
		
	.navbar-inverse .navbar-brand {
    color: white;
	}
	.main-menu-section .navbar.navbar-inverse .navbar-collapse ul.nav.navbar-nav li a {
		color: white;
	}
	
	.navbar-collapse ul.nav.navbar-nav li:hover, .main-menu-section .navbar.navbar-inverse .navbar-collapse ul.nav.navbar-nav li:focus {
		background: unset;
	}
	
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle {
		background-color: white;
	}
	
	.header-top {
		margin: 0px ;
	}
	
	
	.freader {
		width: 100%;
		padding:0;
	}
	
	.other {
		min-height: 85px;
	}

}