/* CUSTOM CSS STYLES PLACED HERE SHOULD OVERRIDE OTHER STYLES 

If they do not seem to work, then consider using an !important declaration 
rather than editing core template styles. It can make changes easier to 
track and troubleshoot in the future.

*/

body {background:none !important;}

#homepage #sk-showcase {
background: #ffffff /* url(../img/tablet-expanded-450.png) 80% no-repeat */;
    background-size: contain;
    color: #000000 !important;
    text-align: left !important;
    /* box-shadow: 0px -72px 73px #fafafa inset; */
}
#homepage #sk-showcase h1 {
    font-size: 400%;
}
#homepage #sk-showcase h3 {
    font-size: 300%;
	margin-bottom:20px;
	color: #41a7ff;
}
#homepage #sk-showcase a.btn {
	margin-right: 15px;
	margin-bottom: 20px;
    margin-top: 20px;
	}

@media (max-width: 500px){
	#homepage #sk-showcase a.btn {
	width:100%;
	margin-bottom:10px;
	margin-top:10px;
	}
	#homepage #sk-showcase h1 {
    font-size: 300%;
	}
}
#sk-showcase {
background: rgb(2,0,36);
background: linear-gradient(150deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
padding: 25px;
}

div#sk-header-top {
    background: #f2f2f2;
}

#menu-top p {
    padding: 10px;
	margin-bottom:0px;

}
#menu-top p a {
    margin-right: 10px;
	margin-left: 10px;
}
#sk-feature1 {
	display: block;
	box-sizing: border-box;
	background-color: #174A97;
	clip-path: ellipse(93% 100% at 44.08% 100%);
	color:#ffffff;
	padding:45px 0px;
}

#sk-promotion h1{margin-bottom:50px;}
#sk-promotion h3{font-size: 130%;}
#sk-promotion p {
    font-size: 90%;
}
#sk-bottom-row p {font-size: 100%;}
#sk-bottom-row h2 {
    font-size: 175%;
}
#sk-bottom-row .nav > li > a {
    position: relative;
    display: block;
    padding: 0px 15px;
}
.item-image img {
    width: 150px;
    margin: 0 auto !important;
    display: block;
    margin-bottom: 40px !important;
	border: none !important;
}

.curvedBorder {
	display: block;
    box-sizing: border-box;
    height: 50px;
    background-color: #174a97;
	clip-path: ellipse(76% 93% at 49.2% -68%);
}
.content-section-b {
    margin-bottom: 10px;
	padding: 50px 0px;
}
.container.main-container {
    background: #ffffff !important;
    box-shadow: 0px 0px 0px #ffffff;
}
.btn-lg {
    border-radius: 0px;
}
.btn-primary {
    color: #fff;
    background-color: #191B4E;
    border-color: #191B4E;
}

button.btn.btn-primary.validate {
    margin-top: 20px;
}
.contact h3 {display:none;}

#sk-bottom-row {
    background: #191b4e;
    color: #ffffff !important;
	padding: 45px;
	display: block;
box-sizing: border-box;
background-color: #191b4e;
clip-path: ellipse(105% 100% at 35.74% 100%);
}
footer {
    background-color: #000000;
    padding: 10px;
    color: #ffffff;
    font-size: 75%;
}
.navbar-default {
    background-color: #ffffff;
}
#homepage .navbar-default {
    background-color: #ffffff;
	box-shadow: 5px 20px 33px #f4f4f4;
	-moz-box-shadow: 5px 20px 33px #f4f4f4;
	-webkit-box-shadow: 5px 20px 33px #f4f4f4;
}
.navbar-default .navbar-nav > li > a {
    color: #191B4E;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > a:hover {
    background-color: #ffffff;
    display: block;
    color: #046edb;
}

.navbar-default .navbar-toggle {
	background: #ffffff !important;
	margin-top: 20px;
    margin-right: 15px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #191B4E;
}
ul.nav.navbar-nav {
    margin-top: 15px;
}
@media (max-width: 1001px){
	.navbar {margin-top: -7px;}
	#sk-feature1 {clip-path: ellipse(264% 100% at 44.08% 100%);}
}
.menu-text {color:#191B4E !important;}
.navbar-default .navbar-toggle:hover {
    border-color: #ffffff !important;
    background-color: #ffffff !important;
}

@media (min-width: 1001px){
.navbar-nav > li:hover {
    background-color: #ffffff !important;
 
}
.navbar-nav > li:hover a:hover{   color: #046edb;}
}
@media (max-width: 1001px){
.navbar .nav > li {
    border-bottom: 1px dotted #646464;
    background: #191B4E;
}
.navbar-default .navbar-nav > li > a {
    color: #ffffff;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > a:hover {
    background-color: #ececec;
}
}