/* ==========================================================================
Template Name 	: Cleany
Author				: Simplesphere - Anoop Jeewoolall
Theme Url 			: http://websites.simplesphere.net/cleany/
Description		: Cleany - Landing Page
Website				: http://www.simplesphere.net
========================================================================== */

/* ==========================================================================
Basic Styling
========================================================================== */
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

html{
	height: 100%;
	font-size: 14px;
}

body {
	width: 100%;
	min-height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-style: normal;
	font-weight: normal;
	line-height: 1.42857143;
}

h1, h2 {
	font-family: 'Lato', sans-serif;
	color: #000;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

h2 {font-weight: 500; font-size: 25px; }

h3 {font-weight: 500; font-size: 22px; }

h4 {font-weight: 500; font-size: 22px; text-align: center; }

h5 {font-size: 17px; line-height: 1.5; }

h1.tk-heading {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-align: center;
    padding-left: 15%;
    padding-right: 15%;
    margin-top: 6%;
	font-size: 35px;
}

div.testimonial_card_2 {
	width: 45%;
	float: left;
	background: #fff;
	box-shadow: 0 0.375rem 1.25rem 0 rgba(61,66,80,.18);
	border-radius: 14px;
	margin-right: 50px;
	margin-bottom: 22px;
}

div.card-container-width {
	width: 2000px;
}

div.background-image-block {
	padding-top: 60px;
    padding-bottom: 60px;
    margin-left: 50px;
}

.bg-image-inner {
	top: 40%;
}

h2.tk-heading {
	font-weight: 700;
}

h5.tk-heading {
	font-weight: 600;
    text-transform: uppercase;
	color: #5d6366;
	margin-top: 45%;
}

div.subfeature_block {
	float: left;
    margin-top: 9%;
    margin-right: 3%;
    display: block;
    text-align: center;
    background-color: #F5F5F7;
    padding: 4%;
    transition: .3s;
    box-shadow: 0 0.375rem 1.25rem 0 rgba(61,66,80,.18);
    border-radius: .625rem;
    top: 0;
    position: relative;
    margin-bottom: 7%;
    width: 30%;
}

p.feature_title {
	font-size: 16px;
    font-weight: 700;
    margin-top: 9%;
}

div.head-title.tk-heading {
	font-family: 'Lato', sans-serif;
	font-weight: 800;
	margin-top: 50%;
	font-size: 35px;
}

p.quote-card {
	color: #000;
}

div.BackgroundImageBlock {
	top: 40%;
}

a.testimonial_link {
	position: absolute;
	color: #ffffff;
	background-color: rgba(70, 22, 107, 1);
	border-color: rgba(70, 22, 107, 1);
	font-weight: bold;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
	border-radius: 12px;
	float: left;
	margin-top: 17%;
    margin-left: 18%;
	padding: 11px 11px 11px 11px;
	font-size: 14px;
}

a.testimonial_link:hover {
	color: #ffffff;
	background-color: #5b2883;
	border-color: #37184F;
	box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
	transform: translateY(-1px);
}

p.quote-attrib {
	font-size: 15px;
}

div.row.footer-top {
	background-color: #333;
	padding-top: 50px;
	padding-bottom: 50px;
}

h4.media-heading {
    text-align: left;
}

div.review_card {
	background: white;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.25);
	border-radius: 14px;
	width: 100%;
	height: 15em;
}

div.rating {
	content: "\2605";
    position: inherit;
    color: orange;
	padding-top: 8%;
	padding-left: 27%;
	font-size: 34px;
 }

 div.carousel-inner>.item {
	border-radius: 14px;
 }

 .carousel-control.right {
	 background-image: none;
 }

 .carousel-control.left {
	 background-image: none;
 }

 .carousel-inner {
	 border-radius: 14px;
	 box-shadow: 0 0.375rem 1.25rem 0 rgba(61,66,80,.18);
 }

 .review_card_quote {
	margin-left: 27%;
	padding-right: 12%;
 }

 p.review_card_name {
	 font-weight: 700;
 }

img.reviewer_photo {
	border-radius: 50%;
    margin-left: 12%;
    margin-top: 130px;
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.25);
    float: left;
}

.glyphicon-chevron-right {
	color: #000000;
}

.glyphicon-chevron-left {
	color: #000000;
}

.carousel-indicators li {
	background-color: #7D7D7D;
}

.carousel-indicators .active {
	background-color: rgba(70, 22, 107, 1);
}

.carousel-inner>.item {
	transition: transform .7s ease-in-out;
}

form {
    text-align: center;
    background-color: #F5F5F7;
    display: inline-block;
    padding-left: 9%;
    padding-right: 9%;
    padding-top: 3%;
    box-shadow: 0 0.375rem 1.25rem 0 rgba(61,66,80,.18);
	border-radius: 12px;
	margin-bottom: 8%;
	margin-right: 7%;
}

input {
    background: #fcfdfd;
    border-radius: 3px;
    border: 1px solid rgba(3,54,61,.25);
    box-shadow: none;
    color: rgba(17,51,56,.73);
    font: 16px/1 "Proxima Nova",Arial,sans-serif;
    height: 50px;
    padding: 0px 14px;
    width: 100%;
}
/*p { margin-bottom: 20px; line-height: 25px;}*/

a {-webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; transition: all 150ms ease-in; color: #5b2883;}
a:hover, a:focus { text-decoration: none; color: #5b2883; outline: none; }

::-moz-selection { text-shadow: none; background: #5b2883; color: #FFF;}
::selection { text-shadow: none; background: #5b2883;
	color: #FFF; }

	img::selection { background: 0 0;}
	img::-moz-selection { background: 0 0;}

	hr {margin-top: 30px; margin-bottom: 40px; border-top: 1px solid #EFEFEF;}

.banner-content form p label {
	color: white;
}

/* kludge for login.html */
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
	margin-left: 0;
	position: relative;
}

.bg-image {
    position: relative;
	clear: both;
}
.bg-image-padding {
	padding-top: 30px;
	padding-bottom: 30px;
}

.container-padding {
	padding-top: 40px;
	padding-bottom: 40px;
}

.heading-wrapper h1 {
	padding-bottom: 10px;
	font-weight: 1000;
}

ol, ul {
	list-style: none;
}

.template-blog-page ol, ul {
	list-style-type: disc;
}

/* ==========================================================================
Classes
========================================================================== */

.cover {-webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover; background-size: cover; background-attachment: fixed; }

.thin {font-weight: 300;}
.strong {font-weight: 700;}

.subline {font-size: 24px;}

.section {padding: 90px 0;}
.section20 {padding:20px 0;}
.section30 {padding:30px 0;}


.padding50 {padding:50px 0;}
.padding60 {padding: 60px 0;}
.paddingtop-70 {padding-top: 70px;}
.paddingtop-110 {padding-top: 110px;}
.paddingtop-40 {padding-top: 40px;}
.padding-10-p {
	padding-top: 5%;
}
.nopadding-bottom {padding-bottom: 0;}

.bordered {border:1px solid #EFEFEF;}
.border-left {border-left: 1px solid #EFEFEF;}
.border-right {border-right: 1px solid #EFEFEF;}
.border-top {border-top: 1px solid #EFEFEF;}
.border-bottom {border-bottom: 1px solid #EFEFEF;}

.separator30 {margin:30px 0;}
.separator60 {margin:60px 0;}

.margintop-30 {margin-top: 30px;}
.margintop-40 {margin-top: 40px;}
.margintop-70 {margin-top: 70px;}

.marginbottom-10 {margin-bottom: 10px;}
.modal-header-no-line {border-bottom: 0px !important; padding-bottom: 0;}
.modal-content-bg{background-color: rgba(45, 45, 45, 0.8);}
.nomargin-top {margin-top: 0;}
.nomargin-bottom {margin-bottom: 0;}

.divider70 {clear: both; height: 70px;}
.divider50 {clear: both; height: 50px;}
.divider20 {clear: both; height: 20px;}
.divider35 {clear: both; height: 35px;}

.margin50 {margin: 50px 0;}
.margin20 {margin: 20px 0;}
.text-align-center {
	text-align: center;
}
.text-align-left {
	text-align: left;
}
.text-align-right {
	text-align: right;
}
.tick-list {margin: 15px 0;}
.tick-list li {list-style: none; margin-bottom: 10px;}
.tick-list li i {margin-right: 10px; color: #5b2883;}

.normal-list {list-style-type: disc; margin-bottom: 30px; margin-left: 20px;}
.normal-list li {margin-bottom: 5px;}

.green-arrow {list-style: none; margin-bottom: 15px;}
.green-arrow li {position: relative; padding-left: 25px; margin-bottom: 5px;}
.green-arrow li:before {display:inline-block; text-align:center;
	font-family: "Font Awesome 6 Free", sans-serif; content:"\f00c"; position:absolute; left:0; transition:all 0.3s ease-in; color: #72B569;}

.font-icon-list i {color: rgba(0,0,0,0.6); margin-right: 10px;}

.text-center {text-align: center;}
.text-center img {display: block; margin: 0 auto;}

.btn {-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
	font-weight: bold;
}
.btn-nav {-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 0;
	font-weight: bold;
}

.btn-primary:hover, .btn-primary:focus { background-color:#5b2883; color: #FFF;}
.btn-primary {
	color: #ffffff;
	background-color: rgba(70, 22, 107, 1);
	border-color: rgba(70, 22, 107, 1);
	margin-top: -3px;
	font-weight: bold;
	box-shadow: 0 0.375rem 1.25rem 0 rgba(61,66,80,.18);
	border-radius: 12px;
	float: left;
}
.btn-primary:hover {
	color: #ffffff;
	background-color: #5b2883;
	border-color: #37184F;
	box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
	transform: translateY(-1px);
}

.btn-secondary:hover, .btn-secondary:focus { background-color:#7d7d7d; color: #FFF;}
.btn-secondary {
	color: #ffffff;
	background-color: #7D7D7D;
	border-color: #7D7D7D;
	margin-top: -3px;
	font-weight: bold;
	box-shadow: 0 0.375rem 1.25rem 0 rgba(61,66,80,.18);
	border-radius: 12px;
	float: left;
}

.btn-secondary:hover {
	color: #ffffff;
	background-color: #898989;
	border-color:#898989;
	box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
	transform: translateY(-1px);
}

.btn-third:hover, .btn-third:focus { background-color:#5b2883; color: #FFF;}
.btn-third {
	color: #ffffff;
	background-color: rgba(70, 22, 107, 1);
	border-color: rgba(70, 22, 107, 1);
	font-weight: bold;
	box-shadow: 0 0.375rem 1.25rem 0 rgba(61,66,80,.18);
	border-radius: 12px;
	margin-bottom: 25px;
	float: left;
	margin-top: 10px;
	margin-left: 120px;
	font-size: 18px;
    padding: 10px 16px;
}

.btn-third:hover {
	color: #ffffff;
	background-color: #5b2883;
	border-color: #37184F;
	box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
	transform: translateY(-1px);
}

.btn-fourth:hover, .btn-fourth:focus { background-color:#7d7d7d; color: #FFF;}
.btn-fourth {
	color: #ffffff;
	background-color: #7D7D7D;
	border-color: #7D7D7D;
	font-weight: bold;
	box-shadow: 0 0.375rem 1.25rem 0 rgba(61,66,80,.18);
	border-radius: 12px;
	float: left;
	margin-left: 30px;
	margin-top: 10px;
	font-size: 18px;
    padding: 10px 16px;
}

.btn-fourth:hover {
	color: #ffffff;
	background-color: #7d7d7d;
	border-color: #7d7d7d;
	box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
	transform: translateY(-1px);
}

.btn-fifth:hover, .btn-fifth:focus { background-color:#7d7d7d; color: #FFF;}
.btn-fifth {
	color: #ffffff;
	background-color: #7D7D7D;
	border-color: #7D7D7D;
	margin-top: -3px;
	font-weight: bold;
	box-shadow: 0 0.375rem 1.25rem 0 rgba(61,66,80,.18);
	border-radius: 12px;
	float: left;
	margin-left: 25%;
	margin-bottom: 10%;
}

.btn-fifth:hover {
	color: #ffffff;
	background-color: #7d7d7d;
	border-color: #7d7d7d;
	box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
	transform: translateY(-1px);
}

.btn-login:hover, .btn-login:focus { background-color:#7d7d7d; color: #FFF;}
.btn-login {
	color: #ffffff;
	background-color: #7D7D7D;
	border-color: #7D7D7D;
	font-weight: bold;
	box-shadow: 0 0.375rem 1.25rem 0 rgba(61,66,80,.18);
	border-radius: 12px;
	float: left;
	margin-left: 30px;
	margin-top: 10px;
}

.btn-login:hover {
	color: #ffffff;
	background-color: #898989;
	border-color:#898989;
	box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
	transform: translateY(-1px);
}

.demo-button {
	color: #ffffff;
	background-color: rgba(70, 22, 107, 1);
	border-color: rgba(70, 22, 107, 1);
	font-weight: bold;
	box-shadow: 0 0.375rem 1.25rem 0 rgba(61,66,80,.18);
	border-radius: 12px;
	margin-bottom: 25px;
	margin-top: 10px;
	font-size: 18px;
	padding: 10px;
	width: 16%;
}

.demo-button:hover {
	color: #ffffff;
	background-color: #5b2883;
	border-color: #37184F;
	box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
	transform: translateY(-1px);
}

img.img-circle {
	border-radius: 16px 0px 0px 16px;
}

img.center-img {
	display: block;
	float: left;
}

img.partner_source{
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.25);
	margin-right: 38px;
}

.offset-lg-1 {
	margin-left: -3%;
}

.btn-transparent {background-color: transparent; border: 2px solid #FFF;  color: #fff; }
.btn-transparent:hover {background-color: #2a2a2a; border-color: #2a2a2a;}

.btn-price {color: #FFF;}
.btn-price:hover {background-color: #FFF; border-color: #FFF; color: #2a2a2a;}

.arrow-bottom { position: relative; }
.arrow-bottom:after { left: 50%; bottom: -50px; position: absolute; content: ""; border: 25px solid; border-color: #FAFAFA transparent transparent transparent; display: block; margin-left: -13.5px;}

/* ==========================================================================
Color Customizations
========================================================================== */
.bg-white {background-color: #FFF;}
.bg-purple { background-color: #7A5499; }
.bg-blue {background-color: #5b2883;}
.bg-dark {background-color: #333;}
.bg-grey {background-color: #F5F5F7;}

.bg-image .bg-image-inner-purple {
    background-color: rgba(70,22,107,0.5);
}
.bg-image .bg-image-inner-grey {
    background-color: rgba(0,0,0,0.5);
}
.bg-image .bg-image-inner-white {
    background-color: rgba(255,255,255,0.5);
}

.blue {color: #5b2883;}

.white-text {color: #000;}
.white-text li,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5 {
	color: #000;
}

.white-text h1 {
	color: #000;
	padding-bottom: 2%;
}

.white-text p {
	color: #000;
	font-size: 17px;
}
.normal-headline {
	font-weight: normal;
}

/* ==========================================================================
Line Font
========================================================================== */
.line-font {font-size: 48px;}
.line-font-small {font-size: 20px;}

/* ==========================================================================
Headline
========================================================================== */
.headline {text-align: center; position:relative; border-bottom:1px solid rgba(0,0,0,0.03); margin-bottom: 50px;}
.headline h1 {color: #31373a; padding-bottom: 15px; border-bottom: 2px solid #DDD; display: inline-block; font-size: 44px;}
.headline h2 {font-size: 36px;}
.headline p {margin-bottom: 40px; font-weight: 100; font-size: 16px; color: #2b2b2b;}

/* ==========================================================================
 Navigation
 ========================================================================== */
 .menu-right {float: right;}
 .navbar-as { padding: 20px 1rem; margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0; -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out; border: none; background-color: white; font-size: 18px; font-weight: 600 }

 .navbar-as .navbar-nav > li > a { padding: 1rem 0px; color:#333; display: block; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
 .navbar-as .navbar-nav > li a { margin: 0px 15px; }

 @media (max-width: 767px) {
	 .navbar-as .navbar-nav > li > a { padding-bottom: 0px; }
	 .navbar-as .navbar-nav > li > span > a { margin-top: 1rem; }
 }

 .navbar-as .navbar-nav > li > a, .navbar-as .navbar-nav > li {-webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; }

 .navbar-toggler { position: relative; float: right; background-color: transparent; padding: 10px; color: #fff; border: 2px solid #fff; font-size: 16px;}
 .navbar-toggler i.fa.fa-navicon { color: #fff; transition: none; }
 .navbar-toggler:focus,
 .navbar-toggler:active { outline: 0;}

 .navbar-as .navbar-toggler { background: #5b2883; border: none;}
 .navbar-nav {margin: 0;}
 .navbar-nav.navbar-right:first-of-type { margin-left: auto !important; }

 .navbar-as .navbar-nav > .active > a, .navbar-as .navbar-nav > .active > a:hover, .navbar-as .navbar-nav > .active > a:focus {background-color: transparent;}
 .navbar > .container .navbar-brand {margin-left: 0;}
 .navbar-brand { height:auto;}
 .navbar-brand > img { vertical-align: top; }

 .navbar.scroll-fixed-navbar { background-color: #FFF; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); }
 .navbar.scroll-fixed-navbar .navbar-nav > li > a {color: #333; }
 .navbar.scroll-fixed-navbar .navbar-nav > li > a:hover,
 .navbar.scroll-fixed-navbar .navbar-nav > li.active > a,
 .navbar.scroll-fixed-navbar .navbar-nav > li.active > a:hover {color: #000; }



 .navbar-as .navbar-collapse, .navbar-as .navbar-form {border-color: rgba(0,0,0,0.1);}

 .dropdown-toggle:active, .open .dropdown-toggle {background:#FFF !important; color:#000 !important;}
 .dropdown-menu {
    background-color: white !important;
    border: none;
 	padding:1em;
 }

 .login-input{
 	margin-bottom: 0.5em;
 }

/* ==========================================================================
Logo
======================================================.==================== */
.navbar-as .navbar-brand  {color: blue; font-size: 30px; font-weight: 700; padding: 0;}
.navbar.scroll-fixed-navbar.navbar-as .navbar-brand  {color: red; font-size: 30px; font-weight: 700; padding: 0;}
.text-logo {margin-top: 5px}
.text-logo i {margin-right: 10px;}

.brand-img{
	height: 1.5em;
	margin: 0;
}


/* ==========================================================================
Banner
========================================================================== */
/*#banner {
	padding-top: 90px;
	padding-bottom: 70px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover; background-size: cover;
	position: relative;
}
*/

.banner-list {margin-bottom: 20px;}
.banner-list li {color: rgba(255,255,255, 0.8); margin-bottom: 5px;}
.banner-list li i { margin-right: 10px; color:#5b2883; }


/* ====================
Quote1
*/

/* ==========================================================================
Clients Logo
========================================================================== */
.clients-logo li {padding: 0 40px;}

/* ==========================================================================
Process Steps
========================================================================== */
ul.steps-list li {margin-bottom: 25px; border-bottom:1px solid rgba(0,0,0,0.03);}
ul.steps-list li:last-child {border-bottom: none;}
ul.steps-list li span{ float:left; border-radius: 50%; width: 55px; height: 55px; line-height: 55px; display:block; font-size:22px; font-weight:bold; text-align:center; background: #1a1a1a; }
ul.steps-list li h4,
ul.steps-list li p { margin-left: 80px; }
ul.steps-list li h5 { font-weight:600;}

/* ==========================================================================
Main Point
========================================================================== */
.main-point {margin-bottom: 20px; }
.main-point i { display: block; font-size: 56px; color: #1a1a1a;}
.main-point h3 {font-size: 22px; font-weight: 300; margin-top: 20px; }


/* ==========================================================================
Features
========================================================================== */
.front-background {
	background: rgba(45, 45, 45, 0.7);
}
.features {margin-bottom: 40px; text-align: left;}
.features i {float: left; margin-right: 20px;}
.features h3 {font-size: 18px; font-weight: bold; padding-top: 15px; }
.features p { clear: both; padding-top: 10px;}

/* ==========================================================================
Forms
========================================================================== */
.banner-form { -webkit-box-shadow:0 0 10px rgba(0,0,0,.3); -moz-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); background: rgba(0,0,0,0.4);}
.form-title {background-color: rgba(0,0,0,0.5); color: #FFF; text-align: center; padding: 25px 0;}
.form-title h2 {margin-bottom: 0; font-size: 22px;}
.form-body {padding: 30px;}
.form-body p {color: rgba(255,255,255,0.6);}

.banner-form .form-control { color: #5b2883; border: none; outline: none; box-shadow: none; padding: 13px 15px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; border-radius: 0; height: auto; background-color: rgba(0,0,0,0.4); margin-bottom: 15px;}
.btn-demo-regular {
	padding: 15px 35px;
	margin-top: 15px;
	font-size: 20px;
}
.btn-demo-bright {
	background-color: #f66617;
}
.btn.btn-demo-bright:hover {background-color: #f77630 !important;}

.btn-submit { display: block; margin:0 auto; background-color: #5b2883; color: #FFF; border-color:rgba(0,0,0,0.01); width:100%; padding: 11px; border:2px solid #5b2883;}
.btn-submit:hover {background: #5b2883; border-color: #5b2883;}

/* ==========================================================================
Stats
========================================================================== */
.stats i {float: left; margin-right: 20px;}
.stats h3 {font-weight: bold; font-size: 29px; color: #1a1a1a; margin-bottom: 0;}
.stats span {display: block; font-weight: normal; font-size: 14px; margin-top: 10px;}

/* ==========================================================================
Portfolio
========================================================================== */
.hover-details {width: 100%; height: auto; overflow: hidden; position: relative; -moz-transition: all ease 400ms ease-in-out; -webkit-transition: all ease 400ms ease-in-out; -o-transition: all ease 400ms ease-in-out; transition: all ease 400ms ease-in-out; margin-bottom: 40px; }
.hover-details .img-cover { width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; background: rgba(8, 180, 218, 0.9); -moz-transition: all ease 400ms ease-in-out; -webkit-transition: all ease 400ms ease-in-out; -o-transition: all ease 400ms ease-in-out; transition: all ease 400ms ease-in-out;}
.hover-details > img { width: 100%; height: auto; -moz-transition: all ease 400ms ease-in-out; -webkit-transition: all ease 400ms ease-in-out; -o-transition: all ease 400ms ease-in-out; transition: all ease 400ms ease-in-out; }

.img-zoom { width: 45px; height: 45px; background-color: #1a1a1a; line-height: 45px; position: absolute; top: -45%; left: 50%; border-radius: 3px; margin-top: -35px; margin-left:  -25px; -webkit-transition: all ease 400ms ease-in-out; -moz-transition: all ease 400ms ease-in-out; -ms-transition: all ease 400ms ease-in-out; -o-transition: all ease 400ms ease-in-out; transition: all ease 400ms ease-in-out; text-align: center;}
.img-zoom i {color: #FFF; font-size: 18px;}

.img-cover h3 { width: 100%; position: absolute; bottom: -28%; color: #f8f8f8; font-size: 16px; text-align: center;	 padding: 0 10px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}

.hover-details:hover {cursor: pointer;}
.hover-details:hover > img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2);}
.hover-details:hover .img-zoom { top: 45%;}
.hover-details:hover .img-cover h3 { bottom: 28%;}
.hover-details:hover .img-cover { opacity: 1;}
.img-zoom:hover { background-color: #333;}

/* ==========================================================================
Video Container
============================================================================ */
.video-container { position:relative;}
.video-container iframe{ width:100%; height: 480px; border:none;}

/* ==========================================================================
Testimonials
========================================================================== */
.testimonial-inner img {margin-right: 30px; border-radius:4px; border:3px solid #FFF; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); float: left;}
.testimonial-inner small {display: inline-block; border-top: 2px solid #333; padding-top: 10px; font-size: 15px; font-weight: bold; color: #333;}

/* ==========================================================================
Pricing
============================================================================ */
.p-color-white {
	color: white;
}
.price-plan {background: #FFF; border: 1px solid rgba(0,0,0,0.05); border-radius: 0; box-shadow: none;}
.price-plan h4 { color: #FFF; font-size: 17px; text-align: center; margin-bottom: 0;}
.price-plan h3 { color: #fff; text-align: center; font-size: 38px; font-weight: bold; margin-bottom: 0;}
.price-plan h3 span { font-weight: 300; font-size: 18px; }
.price-plan h3 sup {font-size: 18px;}

.price-plan .panel-heading {background:#333; text-align: center; padding: 25px 0; border-radius: 0;}
.price-plan .panel-body {background: #444; padding: 30px 0; margin-bottom: 0; }
.price-plan .panel-footer {background: #333; padding: 25px 0; border-radius: 0;}
.price-plan .list-group-item {padding: 15px 20px; border: 1px dotted #E5E5E5; text-align: center;}
.price-plan .list-group-item:last-child {border-bottom: none;}
.price-plan .list-group-item i {float: right; font-size: 18px; margin-top: 5px;}

.popular .panel-heading {background:#5b2883; }
.popular .panel-body {background: #0AA9CC; }
.popular .panel-footer {background: #5b2883; }

/* ==========================================================================
faq-bodys
============================================================================ */
.faq-body {margin-bottom: 40px;}
.faq-body i {float: left; font-size: 40px; margin-right:15px; margin-bottom: 15px;}
.faq-body h4 {padding-top: 10px; font-size: 18px;}
.faq-body p {clear: both;}

.answer {position: relative;border: 1px solid #E5E5E5; background-color: #FFF; padding: 20px; margin-top: 30px; border-radius: 3px;}
.answer:after { content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px; border-color: #FFFFFF transparent; display: block; width: 0; z-index: 1; margin-left: -15px; top: -15px; left: 10%;}
.answer:before { content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px; border-color: #E5E5E5 transparent; display: block; width: 0; z-index: 0; margin-left: -15px; top: -16px; left: 10%;}

/* ==========================================================================
Footer
========================================================================== */

.footer-sub {background-color: #242424; padding: 20px 0;}
.footer-sub p {text-align: center;}
.footer h3 {color: #FFF; font-weight: bold; font-size: 20px; margin-bottom:15px;}
.footer p {font-size: 18px; color: #ffffff;}
.footer li,
.footer a {color: #CDCDCD;}
.footer li {padding: 3px 0; font-size: 16px; }
.footer i {color: #f8f8f8;}
.footer ul { margin: 0; padding: 0; list-style: none;}

.copyright {float: right;}
.copyright i {color: #FF3D7F; margin:0 5px;}

.contact-list li {color: #ADADAD; margin-bottom: 5px;}

.quick-links li { padding-left:15px; position:relative; }
.quick-links li:before {display:inline-block; text-align:center;
	font-family: "Font Awesome 6 Free", sans-serif; content:"\f105"; position:absolute; left:0px; top:4px; transition:all 0.3s ease-in; color: #f8f8f8;}

/* ==========================================================================
Carousel Settings
========================================================================== */
.carousel-mod .carousel-indicators {position: static; display: block; width: auto; margin: 15px auto;}
.carousel-mod .carousel-indicators li {background-color: #A3A3A3; border: none; margin:0;}
.carousel-mod .carousel-indicators .active {background-color: #31373a; width: 10px; height: 10px;}
.carousel-mod .carousel-control.left, .carousel-mod .carousel-control.right {background: none; background-color: transparent; filter:none;}
.carousel-mod .carousel-control {top: 45%;}

/* ==========================================================================
Social Links
========================================================================== */
li.social {padding:0; display: inline-block; width: 35px; height: 35px; border-radius: 3px; text-align: center; line-height: 35px; -moz-transition: background-color 400ms ease-out 0.2s; -o-transition: background-color 400ms ease-out 0.2s; transition: background-color 400ms ease-out 0.2s; }
li.social a { color: #fff; }
li.facebook { background: #204385; }
li.twitter { background: #000; }
li.google-plus { background: #d3492c; }
li.linkedin { background: #0073b2; }
li.skype { background: #00b0f6; }
li.youtube { background: #e22d24; }
li.social:hover {background:#31373a; cursor: pointer; }

/* ==========================================================================
Media Queries
========================================================================== */
/* ------ Tablet Portrait size to standard 960 (devices and browsers) ------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	img {margin: 20px auto;}
	.img-thumbnail {margin: 0;}
}

/* ------ Mobile Landscape Size to Tablet Portrait (devices and browsers) ------*/
@media only screen and (max-width: 767px) {
	/*.navbar-inverse {background-color: #FFF; padding:0;}*/
	.navbar > .container .navbar-brand {margin-left: 15px; color: #1a1a1a; margin-top: -15px;}
	.menu-right {float: none;}
	.navbar-inverse .navbar-nav > li > a {color: #1a1a1a;}
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus,
	.navbar-inverse .navbar-nav > li > a:hover { color: #551A8B;}
	img {display: block; margin: 20px auto;}
	.section {padding: 70px 0;}
	.main-point {margin-bottom: 40px;}
	.video-container {margin-bottom: 40px;}
	.img-thumbnail {margin: 0;}

	.brand-img {height: 1.2em; margin: 25px auto 0;}
	/*.advisorstream-mac {height: 300px;}*/
}

/* ------ Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ------*/
@media only screen and (max-width: 479px) {
	h2 {font-size: 28px;}
	h4 {font-size: 16px;}
	img {float: none; display: block; margin: 20px auto;}
	iframe {max-height: 200px;}
	.banner-content h1 {font-size: 34px;}
	.headline h1 {font-size: 30px;}
	.headline h2 {font-size: 28px;}
	.section {padding: 50px 0;}
	.separator60 {margin: 30px 0;}
	.steps-list {margin-bottom: 30px;}
	.main-point h3 {font-size: 20px;}
	.video-container {margin-bottom: 40px;}
	.img-thumbnail {margin: 0;}
	.testimonial-inner img {float: none; margin:0 auto; margin-bottom: 20px;}
	.contact-list, .quick-links {margin-bottom: 30px;}
	.copyright {float: none;}
}
/*===========================================================================================
Font styling and sizes
===============================================================================================*/
.advisorstream-play {
	position: absolute;
	display: block;
	height: 150px;
	width: 150px;
	margin: auto !important;
	top: 0; bottom:0; left: 0; right:0;
}
.advisorstream-play:hover {
	height: 180px;
	width: 180px;
	cursor: pointer;
}
.quote-size {
	font-size: 2.2em;
	line-height: 1.2em;

}

.quote-size-63 {
	font-size: 1.8em;
	line-height: 1.2em;

}

.quote-align-left {
	text-align: left !important;
}

.quote-align-right {
	text-align: right !important;
}

.arrow-style {
	cursor: pointer;
	position: absolute;
	display: block;
	color: #5d6366;
}

.arrow-style:hover {
	color: #5b2883;
}


a.hover-arrow {
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
}

/*=====================================================
Quote background Padding
=======================================================*/
.p-black-color {
	color: black;
}
.p-black-weight {
	font-weight: 600;
}
.padding90 {padding:9% 0;}
.padding40 {padding:90px 0;}

.quote-attrib {
  font-family: "Roboto Slab", LiberationSansReg, Helvetica, 'Ubuntu', Arial, Helvetica Neue, Sans-serif  !important;
}
.text-align-left .quote-attrib {
	margin-left: 4em;
}
.quote-attrib:before {
	content: '\2014 \00A0'
}



@media (min-width: 320px) {
	.container-padding { padding-top: 15px; padding-bottom: 15px; }
	.bg-image-padding { padding-top: 15px; padding-bottom: 15px; }

	.padding40-purple {padding:40px 0;}
	.padding40 {padding:30px 0;}

	.quote-size { font-size: 1.1em; line-height: 1.1em; }
	.quote-size-heavy {font-size: 1em; line-height: 1em; }
	.quote-size-bottom {font-size: 1.3em; line-height: 1.1em; }
	.container-wide {width: 325px;}
	.quote-attrib {font-size: 0.7em; line-height: 1em; }

	.quote-size-mega {font-size: 1.0em; line-height: 1.2em; }
	.two-times {font-size: 1.2em; font-weight: 900;}

	.padding-first-page {padding-top: 0px}
	.head-title {font-size: 28px !important;}
	.heading-wrapper .rich-text {font-size: 1.1em !important;}
	.arrow-style {
		font-size: 2em;
		height: 18px;
		width: 18px;
		bottom: 30px;
	}

}
/*super large phone*/
@media (min-width: 480px) {
	.container-padding { padding-top: 15px; padding-bottom: 15px; }
	.bg-image-padding { padding-top: 15px; padding-bottom: 15px; }
	.padding40-purple {padding:70px 0;}
	.padding40 {padding:60px 0;}

	.quote-size { font-size: 1.3em; line-height: 1.2em; }
	.quote-size-heavy {font-size: 1em; line-height: 1em; }
	.quote-size-bottom {font-size: 1.5em; line-height: 1.2em; }
	.container-wide {width: 460px;}
	.quote-attrib {font-size: 0.7em; line-height: 1em; }

	.quote-size-mega {font-size: 1.0em; line-height: 1.2em; }
	.two-times {font-size: 1.3em; font-weight: 900;}

	.padding-first-page {padding-top: 50px}
	.head-title {font-size: 28px !important;}
	.heading-wrapper .rich-text {font-size: 1.1em !important;}
}
/*Nexus 7*/
@media (min-width: 600px) {
	.container-padding { padding-top: 20px; padding-bottom: 20px; }
	.padding40-purple {padding:70px 0;}
	.padding40 {padding:60px 0;}

	.quote-size { font-size: 1.5em; line-height: 1.2em; }
	.quote-size-heavy {font-size: 1em; line-height: 1em; }
	.quote-size-bottom {font-size: 1.7em; line-height: 1.2em; }
	.container-wide {width: 540px;}
	.quote-attrib {font-size: 0.7em; line-height: 0.8em; }

	.quote-size-mega {font-size: 1.0em; line-height: 1.2em; }
	.two-times {font-size: 1.3em; font-weight: 900;}

	.padding-first-page {padding-top: 110px}
	.head-title {font-size: 35px !important;}
	.heading-wrapper .rich-text p {font-size: 1.5em; line-height: 1.2em;}
}

/*ipad and ipad mini*/
@media (min-width: 760px) {
	.padding40-purple {padding:70px 0;}
	.padding40 {padding:60px 0;}

	.quote-size { font-size: 1.5em; line-height: 1.2em; }
	.quote-size-heavy {font-size: 1em; line-height: 1em; }
	.quote-size-bottom {font-size: 1.7em; line-height: 1.2em; }
	.container-wide {width: 650px;}
	.quote-attrib {font-size: 0.7em; line-height: 0.8em; }

	.quote-size-mega {font-size: 1.1em; line-height: 1.2em; }
	.two-times {font-size: 1.3em; font-weight: 900;}

	.padding-first-page {padding-top: 130px}
	.head-title {font-size: 35px !important;}
	.heading-wrapper .rich-text p {font-size: 1.2em; line-height: 1.2em; }

	.arrow-style {
		font-size: 3em;
		height: 28px;
		width: 28px;
		bottom: 50px;
	}
}

/*1024x768p*/
@media (min-width: 900px) {
	.padding40-purple {padding:70px 0;}
	.padding40 {padding:60px 0;}
	.bg-image-padding { padding-top: 40px; padding-bottom: 40px; }

	.quote-size { font-size: 1.7em; line-height: 1.2em; }
	.quote-size-heavy {font-size: 1.7em; line-height: 1.2em; }
	.quote-size-bottom {font-size: 1.9em; line-height: 1.2em; }
	.container-wide {width: 860px;}
	.quote-attrib {font-size: 0.7em; line-height: 0.8em; }

	.quote-size-mega {font-size: 1.1em; line-height: 1.2em; }
	.two-times {font-size: 1.3em; font-weight: 900;}

	.padding-first-page{padding-top: 0px;}
	.head-title {font-size: 35px;}
	.heading-wrapper .rich-text {font-size: 1.5em;}
}

/* 1280x800p resolution*/
@media (min-width: 1024px) {
	.padding40-purple {padding:70px 0;}
	.padding40 {padding:60px 0;}

	.quote-size { font-size: 1.7em; line-height: 1.2em; }
	.quote-size-heavy {font-size: 1.7em; line-height: 1.2em; }
	.quote-size-bottom {font-size: 1.9em; line-height: 1.2em; }
	.container-wide {width: 1040px;}
	.quote-attrib {font-size: 0.7em; line-height: 1.0em; }

	.quote-size-mega {font-size: 1.2em; line-height: 1.2em; }
	.two-times {font-size: 1.3em; font-weight: 900;}

	.head-title {font-size: 35px;}
	.heading-wrapper .rich-text {font-size: 1.5em;}


}
/*1366x768p most popular resolution*/
@media (min-width: 1200px) {
	.padding40-purple {padding:70px 0;}
	.padding40 {padding:60px 0;}
	.bg-image-padding { padding-top: 60px; padding-bottom: 60px; padding-left: 50px; }

	.quote-size { font-size: 1.7em; line-height: 1.2em; }
	.quote-size-heavy {font-size: 1.7em; line-height: 1.2em; }
	.quote-size-bottom {font-size: 1.9em; line-height: 1.2em; }
	.container-wide {width: 1100px;}
	.quote-attrib {font-size: 0.7em; line-height: 1.0em; }

	.quote-size-mega {font-size: 1.4em; line-height: 1.2em; }
	.two-times {font-size: 1.3em; font-weight: 900;}

	.head-title {font-size: 35px;}
	.heading-wrapper .rich-text {font-size: 1.5em;}

	.offset-lg-1 {
		margin-left: -3%;
	}

	.col-lg-6 {
		width: 50%;
	}

}

/*====================================================================================
Arrow animation
======================================================================================*/
@-webkit-keyframes bouncing {
	0%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(-17px);
		transform: translateY(-17px);
	}

}
@-moz-keyframes bouncing {
	0%, 100% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-moz-transform: translateY(-17px);
		transform: translateY(-17px);
	}
}

@keyframes bouncing {
	0%, 100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(-17px);
		-moz-transform: translateY(-17px);
		-ms-transform: translateY(-17px);
		transform: translateY(-17px);
	}

}

.bouncing {
	-webkit-animation: bouncing 2s infinite;
	-moz-animation: bouncing 2s infinite;
	animation: bouncing 2s infinite;
}

/*=========================================================================================
Font families
===========================================================================================*/

@font-face {
	font-family: LiberationSansReg;
	src: url(../fonts/liberation_sans/LiberationSans-Regular.ttf);
}

@font-face {
	font-family: LiberationSansBold;
	src: url(../fonts/liberation_sans/LiberationSans-Bold.ttf);
}

@font-face {
	font-family: LiberationSansBoldItalic;
	src: url(../fonts/liberation_sans/LiberationSans-BoldItalic.ttf);
}

@font-face {
	font-family: LiberationSansItalic;
	src: url(../fonts/liberation_sans/LiberationSans-Italic.ttf);
}
/*=============================================================================================
Scale video size with media
Width: video + 110px;
Height: video + 60px;
==============================================================================================*/

@media (min-width: 320px) {
	.modal-body-lg {
		width: 300px !important;
		height: 260px !important;
	}
	.video-container iframe {
		height: 200px !important;
	}
}

@media (min-width: 400px) {
	.modal-body-lg {
		width: 380px !important;
	}
	.video-container iframe {
		height: 300px !important;
	}
}
@media (min-width: 480px) {
	.modal-body-lg {
		width: 380px !important;
		height:360px !important;
	}
	.video-container iframe {
		height: 300px !important;
	}
}

@media (min-width: 650px) {
	.modal-body-lg {
		width: 640px !important;
		height: 440px !important;
	}
	.video-container iframe {
		height: 360px !important;
	}

}

@media (min-width: 768px) {
	.modal-body-lg {
		width: 768px !important;
		height: 480px !important;
	}
	.video-container iframe {
		height: 410px !important;
	}
}

@media (min-width: 1290px) {
	.modal-body-lg {
		width: 1060px !important;
		height: 656px !important;
	}
	.video-container iframe {
		height: 576px !important;
	}
}
@media (min-width: 1550px) {
	.modal-body-lg {
		width: 1280 !important;
		height: 768 !important;

	}
	.video-container iframe {
		height: 700 !important;
	}
}

@media (min-width: 1870px) {
	.modal-body-lg {
		width: 1390px !important;
		height: 820px !important;
	}
	.video-container iframe {
		height: 760px !important;
	}
}

@media (min-width: 2100px) {
	.modal-body-lg {
		width: 1710px !important;
		height: 960px !important;

	}
	.video-container iframe {
		height: 900px !important;
	}
}

@media only screen and (max-width: 700px) {
    div.testimonial_card_2 {
        width: 100%;
	}
	img.center-img {
		margin-top: 0%;
		margin-bottom: 0%;
	}
	.white-text p {
		font-size: 12px;
	}

	.testimonial-quote {
		text-align: left;
		font-size: 17px;
		padding-top: 1px;
		padding-left: 190px;
		font-weight: 700;
	}

	a.testimonial_link {
		margin-top: 51%;
		margin-left: 51%;
	}

	img.partner_source {
		width: 80px;
		margin-right: 15px;
	}

	.btn-third {
		margin-left: 10%;
	}

	div.head-title.tk-heading {
		width: 100%;
	}

	h3.tk-heading {
		width: 100%;
	}

	h4.tk-heading {
		display: none;
	}

	div.subfeature_block {
		width: 100%;
	}

	.offset-lg-1 {
		margin-left: 0%;
	}

	div.bg-image {
		background-image: none;
	}

	h5.tk-heading {
		margin-top: 15%;
	}
}

@media only screen and (min-width: 701px) and (max-width: 1200px) {

	div.testimonial_card_2 {
		width: 43%;
	}

	a.testimonial_link {
		margin-top: 21%;
		margin-left: 21%;
	}

	h5.tk-heading {
		margin-top: 32%;
	}

	div.head-title.tk-heading {
		font-size: 28px;
	}
}

@media only screen and (min-width: 701px) and (max-width: 990px) {

	.white-text p {
		font-size: 12px;
	}

	a.testimonial_link {
		margin-top: 27%;
		margin-left: 25%;
	}

	.testimonial-quote {
		padding-left: 188px;
	}

	img.partner_source {
		width: 130px;
		margin-right: 15px;
	}

	.img-wrapper > img {
		margin-top: 40%;
	}

	.btn-third {
		margin-left: 30px;
	}

}

@media only screen and (max-width: 370px) {

	.btn-secondary {
		margin-left: 11px;
	}

	a.testimonial_link {
		margin-top: 60%;
		margin-left: 55%;
	}

	h4.tk-heading {
		display: none;
	}

	img.partner-source {
		margin-right: 0px;
	}

}

@media only screen and (max-width: 415px) {

	.review_card_quote {
		margin-left: 50%;
	}

	img.reviewer_photo {
		margin-top: 30%;
	}

	div.rating {
		font-size: 25px;
		padding-left: 49%;
	}

	p.review_card_name {
		font-size: 10px;
	}

}

@media only screen and (max-width: 380px) {

	img.reviewer_photo {
		height: 110px;
		margin-top: 39%;
	}

	p.review_card_name {
		font-size: 9px;
	}

}

@media only screen and (max-width: 325px) {

	div.rating {
		font-size: 20px;
	}

	.white-text p {
		font-size: 11px;
	}

	img.reviewer_photo {
		height: 94px;
		margin-top: 47%;
	}

	div.rating {
		padding-top: 12%;
	}

	p.review_card_name {
		font-size: 8px;
	}

}
/*==========================================================================
	Quote images.
	============================================================================*/
	.add-pixel-height {
		padding: 10px 0;
		background-color: white;
		z-index: 9999;
	}

	.bg-img-q2 {
		background-image: url(../img/womanIpad.jpg);
		background-position: center;
		background-size: cover;
	}

	.bg-img-q3 {
		background-image: url(../img/manSuit.jpg);
		background-position: center;
		background-size: cover;
	}
	.bg-img-q4 {
		background-image: url(../img/KindleRead.jpg);
		background-position: center;
		background-size: cover;
		z-index: -1;
	}


/*============================================================
navbar adjustment for colours and styles
==============================================================*/
.navbar-as .navbar-nav > li > a:hover,
.navbar-as .navbar-nav > li > a:focus {
	color: #5b2883;
	background-color: transparent;
}
.navbar-as .navbar-nav > .active > a,
.navbar-as .navbar-nav > .active > a:hover,
.navbar-as .navbar-nav > .active > a:focus {
	color: #000;
}

/*===============================================================
Form validation styles
===============================================================*/
.form-invalid {
	border: 1px solid red;
	-moz-box-shadow:    inset 0 0 1px red;
    -webkit-box-shadow: inset 0 0 1px red;
   	box-shadow:         inset 0 0 1px red;
}
.form-valid {
	border: 1px solid green;
	-moz-box-shadow:    inset 0 0 1px green;
    -webkit-box-shadow: inset 0 0 1px green;
   	box-shadow:         inset 0 0 1px green;
}


/*
	login form specific stuff
*/
.wider-dropdown-form {
	min-width: 400px;
}

@media (max-width: 767px) {

	.wider-dropdown-form {
		min-width: 100%;
	}
}


.splash-btn-success:hover,
.splash-btn-success:focus,
.splash-btn-success:active,
.splash-btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.panel-info > .panel-heading {
    background-color: #5B2883;
    border-color: #5B2883;
    color: #fff;
}


.social {
    position: none;
    margin-top: 0px !important;
    margin-bottom: none;
    padding: 0px 0px;
    height: none;
    text-align: left;
    background: none;
}

.links a {
    color: #3bafda !important;
    text-decoration: none;
}

.links a:focus, a:hover {
    text-decoration: none;
}


.btn-social>:first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.2);
}

.btn-twitter {
    color: #fff;
    background-color: #000;
    border-color: rgba(0,0,0,0.2);
}

.btn-social {
    position: relative;
    padding-left: 42px !important;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-block {
    display: block;
    width: 100%;
}

.black-text-forms {
    color: #434a54 !important;
}

.nav {
	cursor: default !important;
}


.splash-btn {

    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    touch-action: manipulation;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-transition: none !important;
    transition: none !important;
}

.splash-btn-success:focus, .splash-btn-success:hover, .open .dropdown-toggle.splash-btn-success {
    background-color: #a0d468;
    border-color: #a0d468;
}

.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open>.dropdown-toggle.btn-twitter {
    color: #fff !important;
    background-color: #262626 !important;
    border-color: rgba(0,0,0,0.2) !important;
}

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2);
}

.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open>.dropdown-toggle.btn-facebook {
    color: #fff !important;
    background-color: #2d4373 !important;
    border-color: rgba(0,0,0,0.2) !important;
}

.btn-linkedin {
    color: #fff;
    background-color: #007bb6;
    border-color: rgba(0,0,0,0.2);
}

.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open>.dropdown-toggle.btn-linkedin {
    color: #fff !important;
    background-color: #005983 !important;
    border-color: rgba(0,0,0,0.2) !important;
}
/*
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
*/
.dropdown-overflow-scroll {
	max-height: 90vh;
}