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

@charset "utf-8";@font-face{font-family:'Graphik';font-style:normal;font-weight:300;src:local('Graphik Light'),url(fonts/Graphik-Light.otf) format("opentype")}@font-face{font-family:'Graphik';font-style:italic;font-weight:300;src:local('Graphik Light Italic'),url(fonts/Graphik-LightItalic.otf) format("opentype")}@font-face{font-family:'Graphik';font-style:normal;font-weight:400;src:local('Graphik Regular'),url(fonts/Graphik-Regular.otf) format("opentype")}@font-face{font-family:'Graphik';font-style:italic;font-weight:400;src:local('Graphik Regular Italic'),url(fonts/Graphik-RegularItalic.otf) format("opentype")}@font-face{font-family:'Graphik';font-style:normal;font-weight:500;src:local('Graphik Medium'),url(fonts/Graphik-Medium_0.otf) format("opentype")}@font-face{font-family:'Graphik';font-style:italic;font-weight:500;src:local('Graphik Medium Italic'),url(fonts/Graphik-MediumItalic.otf) format("opentype")}@font-face{font-family:'Graphik';font-style:normal;font-weight:600;src:local('Graphik Semibold'),url(fonts/Graphik-Semibold.otf) format("opentype")}@font-face{font-family:'Graphik';font-style:italic;font-weight:600;src:local('Graphik Semibold Italic'),url(fonts/Graphik-SemiboldItalic.otf) format("opentype")}@font-face{font-family:'Graphik';font-style:normal;font-weight:700;src:local('Graphik Bold'),url(fonts/Graphik-Bold_0.otf) format("opentype")}@font-face{font-family:'Graphik';font-style:italic;font-weight:700;src:local('Graphik Bold Italic'),url(fonts/Graphik-BoldItalic.otf) format("opentype")}

/* custom font sizes */
body{
	font-family: 'Graphik', Helvetica, Arial;
	font-size: 16px;
	color: #2c3e50;
	font-weight: 400;
	letter-spacing: 0.5px;
}

p{
	line-height: 30px;
	font-weight:400;
}

h1, h2, h3, h4, h5, h6{
	color: #3498db;
	text-transform: uppercase;
	font-family: 'Graphik', Helvetica, Arial;
	font-weight: 600;
}

a{
	color: #3498db;
	text-decoration:none;
}

a:hover, a:focus{
	color: #2c3e50;
}

.btn-active{
	box-shadow:none;
	}
/* End */

.pull-left {
    margin-right: 20px;
}


/* logo */
.navbar-brand {
    padding: 0;
	margin: 0;
}
/* End */


/* navigation */
.navbar-default{
	background: none;
	border: none;
	padding-top: 30px;
	padding-bottom:20px;
	margin: 0;
}

.navbar-default .navbar-nav > li > a{
	font-size: 16px;
	font-weight: 500;
	text-transform:uppercase;
	color: #2c3e50;
	padding: 14px;
	border-bottom: 1px solid #E5E5E5;
	text-align:center;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	opacity: 0.4;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #2c3e50;
	background:none;
	outline:0;
}

.navbar-toggle{
	margin-top:0;
	margin-right:0;
	padding: 11px 10px;
}

.navbar-default .navbar-collapse{
	border:none;
	background: rgba(44,62,80,0.05);
	border-radius:2px;
	box-shadow:none;
	margin-top: 10px;
}
/* End */


/* Contact Details */
.contact-details{
	background-color: #2c3e50;
	color: #fff;
	font-weight:300;
	font-size: 14px;
	padding: 20px 0;
}


.header-text-padding {
	padding-top: 10px;
}

.contact-details .small-text{
	font-size:85%;
}

.contact-details a{
	color:#fff;
}
/* End */


/* Jumbotron */
.jumbotron{
	background: url(img/jumbotron-img.jpg) no-repeat;
	background-size: cover;
	max-height: 800px;
	padding: 30px 0;
	margin:0;
}

.jumbotron h2{
	color: #2c3e50;
	font-weight:600;
	text-transform: uppercase;
	font-size: 36px;
	line-height:60px;
	padding-bottom: 10px;
	text-shadow: 2px 0 rgba(255,255,255,1);
}

.jumbotron h3 {
	text-transform:none;
	color: #2c3e50;
	font-weight:500;
}

.jumbotron p {
	font-size:18px;
	font-weight:300;
	font-style:italic;
	color: #2c3e50;
}

.icon-sprite {
	width: 39px;
	height: 26px;
	display: inline-block;
	background: url(img/quotation-sprite-green.png) no-repeat;
	background-position: left top;
	}

.icon-sprite.sprite-quote-left {
	background-position: left top;	
}

.icon-sprite.sprite-quote-right {
	background-position: -39px top;
}

.jumbotron .btn-primary {
	border-radius: 0;
    border: none;
    background: #8e44ad none repeat scroll 0% 0%;
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
	font-weight: 500;
    padding: 20px 30px;
}


.jumbotron .btn-primary:hover{
	background: #9b59b6;
}
/* End */


/* Intro Form Section */
.intro-form{
	background:#2c3e50;
	padding: 30px 0;
}

h1 {
	font-size:30px;
	margin-top:0;
}

.intro-form h3{
	color:#27ae60;
}

.intro-form p{
	color:#fff;
}

.intro-form p span{
	color:#3498db;
}


.intro-form p em{
	font-weight:300;
	font-style:italic;
}

.intro-form li{
	list-style:none;
	font-size:18px;
	line-height:36px;
	color:#27ae60;
	font-weight:500;
	margin-left: -15px;
}

.intro-form .form-horizontal {
    padding: 5px 0px;
    margin-right: 0px;
    margin-left: 0px;
}

.intro-form a:hover {
    color: #fff;
}


.intro-form .btn-default {
	border-radius: 5;
    border: none;
    background: #8e44ad none repeat scroll 0% 0%;
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
	font-weight: 500;
    padding: 20px 30px;
}

.intro-form .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #E6E6E6;
    border-color: #ADADAD;
}


.intro-form a:hover {
    color: #fff;
}

.intro-form .form-horizontal {
    padding: 5px 0px;
    margin-right: 0px;
    margin-left: 0px;
}

.intro-form h2 {
	font-size:36px;
	line-height:48px;
	margin-bottom: 20px;
}

.glyphicon-ok {
	font-size:24px;
	color: #27ae60;
	}


.grey-box {
	overflow:hidden;
	background: #bdc3c7;
	padding: 20px 35px;	
	border-left: 15px solid #2c3e50;
	border-right: 15px solid #2c3e50;
	color: #fff;
	margin-top: 30px;}

.grey-box h3{
	font-size: 30px;
	color: #2c3e50;
}
	
.grey-box p {
	color: #3498db;
	font-weight:400;
	font-size: 15px;
}

.grey-box p span{
	color: #3498db;
	font-size: 18px;
}

.form-horizontal {
	padding: 5px 0;
    margin-right: -12px;
    margin-left: -12px;
}

.form-horizontal .control-label {
	font-weight: 400;
	color: #666666;
}

 .form-group {
	 padding-top: 5px;
}

.btn-default {
	border-radius: 5;
    border: none;
    background: #8e44ad none repeat scroll 0% 0%;
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
	font-weight: 500;
    padding: 20px 30px;
}
/* End */


/* Debt Issues section */
.debt-issues{
	background:#fff;
	padding: 30px 0;
}

.debt-issues h2{
	color:#3498db;
	margin:0;
}

.debt-issues h2 span{
	color:#2c3e50;
}

.debt-issues h3 {
	padding-top:10px;
	color: #2c3e50;
	font-size:18px;
	font-weight:500;
}

.debt-issues p{
	color:#2c3e50;
}

.debt-issues li{
	line-height:26px;
}

.debt-issues .btn-primary {
	border-radius: 0;
    border: none;
    background: #2c3e50 none repeat scroll 0% 0%;
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
	font-weight: 500;
    padding: 20px 30px;
}


.debt-issues .btn-primary:hover{
	background: #34495e;
}

.debt-issues img{
	margin-top: 0px;
}
/* End */


/* glyphicon custom sizes */
.glyphicon.glyphicon-pencil {
    font-size: 36px;
	padding-bottom: 15px;
	color: #2c3e50;
}
/* End */


/* Examples section */
.example{
	padding: 30px 0;
}

.example h2{
	color:#3498db;
	margin:0;
}

.example h2 span{
	color:#2c3e50;
}

.example h3 {
	padding-top:10px;
	color: #3498db;
	font-size:18px;
	font-weight:500;
}

.example img{
	margin-top: 30px;
}

.example p span {
	color:#2c3e50;
	font-weight:500;
}

.example .btn-primary {
	border-radius: 0;
    border: none;
    background: #3498db none repeat scroll 0% 0%;
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
	font-weight: 500;
    padding: 20px 30px;
}

.example .btn-primary:hover{
	background: #2980b9;
}
/* End */


/* Debt Solutions section */
.debt-solutions{
	padding: 30px 0;
}

.debt-solutions h2{
	color:#3498db;
	margin:0;
}

.debt-solutions h2 span{
	color:#2c3e50;
}

.debt-solutions h3 {
	padding-top:10px;
	color: #3498db;
	font-size:18px;
	font-weight:500;
}

.debt-solutions p{
	color:#2c3e50;
}

.debt-solutions .btn-primary {
	border-radius: 0;
    border: none;
    background: #3498db none repeat scroll 0% 0%;
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
	font-weight: 500;
    padding: 20px 30px;
}


.debt-solutions .btn-primary:hover{
	background: #2980b9;
}

.debt-solutions img{
	margin-top: 0px;
}
/* End */


/* Debt apps section */
.debt-apps{
	background: #2c3e50;
	padding: 30px 0;
}

.debt-apps h3 {
	padding-top:10px;
	color: #27ae60;
	font-size:18px;
	font-weight:500;
}

.debt-apps p{
	color:#fff;
}

.debt-apps .btn-primary {
	border-radius: 0;
    border: none;
    background: #27ae60 none repeat scroll 0% 0%;
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
	font-weight: 500;
    padding: 20px 30px;
}


.debt-apps .btn-primary:hover{
	background: #2ecc71;
}

.debt-apps img{
	margin-top: 30px;
}
/* End */

/* Debt Solutions section */
.links{
	padding: 30px 0;
}


.links ul {list-style-type: none;    padding-left: 0; margin-bottom:0;}
.links li {    line-height: 36px;  }


.links img{margin-left:auto;margin-right:auto;padding:30px 0px;}
	
.social-icons{padding-top:0px;}
.social-icons a {border:none;}	
	
/* End */


/* Debt Solutions section */
footer{padding:30px 0px;}

footer p{
	line-height:24px;
	font-size:80%}
/* End */

.top-page{
	padding-top:30px;
}


/* Calculator Form Section */
.calculator-form{
	background:#2c3e50;
	padding: 30px 0;
}

.calculator-form h3{
	color:#27ae60;
}

.calculator-form p{
	color:#fff;
}

.calculator-form p span{
	color:#3498db;
}


.calculator-form p em{
	font-weight:300;
	font-style:italic;
}

.calculator-form li{
	list-style:none;
	font-size:18px;
	line-height:36px;
	color:#27ae60;
	font-weight:500;
	margin-left: -15px;
}

.calculator-form .form-horizontal {
    padding: 5px 0px;
    margin-right: 0px;
    margin-left: 0px;
}

.form-horizontal .control-label {
	font-weight: 400;
	color: #fff;
}

.calculator-form .form-horizontal input {
	margin: 14px 0px;
	}

.calculator-form a:hover {
    color: #fff;
    text-decoration: underline;
}
/* End */


/* Unsecured debts Section */
.unsecured-debts{
	background:#ffffff;
	padding: 30px 0;
}

.unsecured-debts h3{
	color:#27ae60;
}

.unsecured-debts p{
	color:#2c3e50;
}

.unsecured-debts p span{
	color:#3498db;
}


.unsecured-debts p em{
	font-weight:300;
	font-style:italic;
}

.unsecured-debts li{
	list-style:none;
	font-size:18px;
	line-height:36px;
	color:#27ae60;
	font-weight:500;
	margin-left: -15px;
}

.unsecured-debts .red li{
	list-style:none;
	font-size:18px;
	line-height:36px;
	color:#bdc3c7;
	font-weight:500;
	margin-left: -15px;
}

.unsecured-debts .btn-default {
	border-radius: 5;
    border: none;
    background: #8e44ad none repeat scroll 0% 0%;
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
	font-weight: 500;
    padding: 20px 30px;
}

.unsecured-debts .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #E6E6E6;
    border-color: #ADADAD;
}


.unsecured-debts a:hover {
    color: #fff;
}

.unsecured-debts .form-horizontal {
    padding: 5px 0px;
    margin-right: 0px;
    margin-left: 0px;
}

.white-box {
	overflow:hidden;
	background: #bdc3c7;
	padding: 20px 35px;	
	color: #fff;
	margin-top: 0px;
	border-radius: 10px;}

.white-box h3{
	font-size: 30px;
	color: #2c3e50;
}
	
.white-box p {
	color: #3498db;
	font-weight:400;
	font-size: 15px;
}

.white-box p span{
	color: #3498db;
	font-size: 18px;
}

.blue-box {
	overflow:hidden;
	background: #3498db;
	padding: 30px 50px;	
	color: #fff;
	margin-top: -10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;}

.blue-box h3{
	font-size: 30px;
	color: #2c3e50;
}

.blue-box p{
	color: #ffffff;
	}

.green-box {
	overflow:hidden;
	background: #27AE60;
	padding: 20px 20px;	
	color: #fff;
	margin-top: 30px;}

.green-box h3{
	font-size: 30px;
	color: #2c3e50;
}

.dk-blue-sprite {
	width: 39px;
	height: 26px;
	display: inline-block;
	background: url(img/quotation-sprite.png) no-repeat;
	background-position: left top;
	}

.dk-blue-sprite.sprite-quote-left {
	background-position: left top;	
}

.dk-blue-sprite.sprite-quote-right {
	background-position: -39px top;
}	

.blue-box .btn-default {
	border-radius: 0;
    border: none;
    background: #8e44ad none repeat scroll 0% 0%;
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
	font-weight: 500;
    padding: 20px 30px;
	margin-top: 20px;
}




.blue-box .btn-default:hover{
	background: #9b59b6;
}
/* End */


.debt-solutions {
    padding: 60px 0;
}
.debt-solutions {
    background: #bdc3c7;
    padding: 30px 0;
}


/* Examples Section */
.examples{
	background:#2c3e50;
	padding: 30px 0;
}

.examples h3{
}

.examples p{
	color:#fff;
}

.examples p span{
	color:#3498db;
}


.examples p em{
	font-weight:300;
	font-style:italic;
}

.examples li{
	list-style:none;
	font-size:18px;
	line-height:36px;
	color:#27ae60;
	font-weight:500;
	margin-left: -15px;
}

.red li{
	list-style:none;
	font-size:18px;
	line-height:36px;
	color:#bdc3c7;
	font-weight:500;
	margin-left: -15px;
}

.examples .form-horizontal {
    padding: 5px 0px;
    margin-right: 0px;
    margin-left: 0px;
}


.examples a:hover {
    color: #fff;
	text-decoration:none;
	border-bottom: 1px solid #fff;
	padding-bottom: 2px;
}
/* End */


table {
    background-color: #fff;
}

/*responsive section*/
@media(min-width:768px){
	.navbar-default .navbar-collapse { background: none; float:left; padding-top:10px; padding-left:0;}
	.navbar-nav > li {padding-right: 10px;}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
		text-decoration: none; border-bottom: 1px solid #2c3e50; color: #2c3e50; padding-bottom: 2px; }	 
	.contact-details{ font-size:16px;}
	.container-fluid { padding: 0;}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: 0;}
	.navbar-default .navbar-nav > li > a{font-size:15px; padding:11px 0px; margin: 0px 0px; border:none;}
	.calculator-form .form-horizontal input {	margin: 0px;	}
	.social-icons{padding-top:30px;}
}

@media(min-width:992px){
	.navbar-nav > li {padding-left: 5px;}
	.jumbotron{	padding: 60px 0;}
	.jumbotron h2 {	font-size: 40px; line-height:72px; padding-bottom: 10px;}
	.intro-form{padding: 60px 0;}	
	.debt-issues {padding: 60px 0;}
	.grey-box {	margin-top: 0;}
	h1 {padding-bottom:10px;}
	.example{padding: 60px 0;}
	.debt-solutions {padding: 60px 0;}
	.debt-apps {padding-bottom: 60px;}
	.links{padding: 60px 0;}
	.links img{padding:0; margin-top:-5px;}
	.calculator-form{padding: 60px 0;}	
	.unsecured-debts{padding: 60px 0;}	
	.white-box {	margin-top: 0;}

}

@media(min-width:1200px){
	.navbar-default{padding: 40px 0px;}
	.navbar-default .navbar-collapse {float:right; padding-top:0;}
	.debt-apps p{ min-height: 90px;}
}
/* End */