@charset "utf-8";
/* Custom Styles for Global Debt Records website created by Monsters Edge */

/* FONTS */
a { transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; outline: none; color: #000; text-decoration: none;}
a:hover { text-decoration:none; color: #006aa6;}
a:focus { outline: none;}

/* SPACING CLASSES */
.pad30 { padding: 30px;}
.pad60 { padding: 60px;}
.pad90 { padding: 90px;}
.pad120 { padding: 120px;}
.padX30 { padding: 0 30px;}
.padX60 { padding: 0 60px;}
.padX90 { padding: 0 90px;}
.padX120 { padding: 0 120px;}
.padY30 { padding: 30px 0;}
.padY60 { padding: 60px 0;}
.padY90 { padding: 90px 0;}
.padY120 { padding: 120px 0;}

/* HEADINGS & TEXT */
h1,h2,h3,h4,h5,h6 { font-family: "montserrat", sans-serif; font-weight: 600; margin: 0 0 1.5rem 0;}
#hero h1 { font-size: 4rem; line-height: 4rem;}
#hero h2 { font-weight: 500; font-size: 1.75rem;}
p { font-size: 1rem; margin: 0 0 1rem 0;}

/* GENERAL */
html,body { overflow-x: hidden;}
body { font-family: "museo-sans", sans-serif; font-weight: 300;}

#page-title { background-color: #f0efef; color: #003a5d;}

#hero { position: relative;}
#hero.internal { background: url("../images/hero-bg.png") bottom right no-repeat;}
#hero #hero-img { position: absolute; bottom: -82px; right: 0; z-index: 10;}
#hero.internal #hero-img { bottom: 0;}
#hero #scroll { position: absolute; bottom: 30px; left: 50%; z-index: 15;}

#slides { background-color: #14435e; background-image: url('../images/slides-bg.jpg'); background-position: center center; background-repeat: no-repeat; color: #fff; position: relative;}
#vertical-carousel { min-height: 500px;}
#vertical-carousel h2 { font-size: 3rem; line-height: 3rem; margin: 0 0 2.5rem 0;}
#vertical-carousel p { font-family: "montserrat", sans-serif; font-weight: 600; font-size: 1.2rem;}
#vertical-carousel .blue-box { border: 1px solid #006aa6; border-radius: 10px; padding: 25px;}
#vertical-carousel .blue-box p { font-weight: 400; margin: 0; font-size: 1rem;}
#vertical-carousel .carousel-item { padding: 30px 0; min-height: 750px;}
#vertical-carousel .carousel-item .plus-row { position: relative;}
#vertical-carousel .carousel-item .plus-row .plus { position: absolute; top: 32px; left: 50%; transform: translateX(-50%); width: inherit; height: inherit;}
.carousel-inner, .carousel, .carousel-item, .carousel-container { height: 100%; width: 100%; background-position: center center; background-size: cover;}
.carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
.carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}

.owl-screenshots .owl-item { opacity: 0.25;}
.owl-screenshots .owl-item.center { opacity: 1;}
.owl-screenshots .owl-nav { width: 60%; position: absolute; top: 42%; left: 20%;}
.owl-screenshots .owl-nav button { font-size: 2rem !important; margin: 0 !important; color: #006aa6 !important; border-radius: 0 !important;}
.owl-screenshots .owl-nav button:hover { background-color: transparent !important;}
.owl-screenshots .owl-nav .owl-prev { float: left;}
.owl-screenshots .owl-nav .owl-next { float: right;}
.owl-screenshots .owl-dots { padding-top: 60px;}
.owl-screenshots .owl-dots .owl-dot span { background: url('../images/indicator-blue.png') 0 0 no-repeat !important; width: 12px !important; height: 12px !important;}
.owl-screenshots .owl-dots .owl-dot.active span { background: url('../images/indicator-blue-active.png') 0 0 no-repeat !important;}

#testimonials { background-color: #f4fafc;}
.quote-box { background-color: #fff; border-radius: 20px; box-shadow: 0 0 20px #e7edef; padding: 40px 40px 100px 40px; height: 100%; position: relative;}
.quote-box p { font-size: 1.2rem; font-weight: 100;}
.quote-box .author { font-family: "sculpin", sans-serif; font-weight: 500; font-size: 0.8rem; position: absolute; bottom: 40px; left: 0; width: 100%;}
.logos { position: relative;}
.logos #shadow-left { position: absolute; top: 0; left: 0; width: 230px; height: 100%; background: url('../images/logos-shadow-left.png') top left repeat-y; z-index: 100;}
.logos #shadow-right { position: absolute; top: 0; right: 0; width: 230px; height: 100%; background: url('../images/logos-shadow-right.png') top left repeat-y; z-index: 100;}

#process { background-color: #14435e; background-image: url('../images/slides-bg.jpg'); background-position: center center; background-repeat: no-repeat; color: #fff; position: relative;}
#process .message-bar { background: rgb(242,242,243); background: linear-gradient(90deg, rgba(242,242,243,1) 0%, rgba(209,210,212,1) 100%); padding: 15px 30px; color: #000; border-radius: 40px; box-shadow: 0 0 15px #ccc; font-weight: 500; font-size: 1.2rem;}
#process .up { position: relative; top: -93px;}
#process p a { font-weight: bold; color: #00b2e2;}
#process p a:hover { color: #fff;}

#benefits { background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff; position: relative;}
#benefits hr { border-color: #fff; opacity: 1; margin: 40px 0;}

#where { background-image: url('../images/where-bg.png'); background-position: bottom center; background-repeat: no-repeat; background-size: cover;}
#where .benefit { position: relative;}
#where .benefit .plus { position: absolute; top: 6px; right: -10px;}

.content { background-color: #f7f7f7;}

ul#cats { list-style: none; padding: 0; margin: 0;}
ul#cats li { margin: 0 0 20px 0;}
ul#cats li a { color: #000; font-weight: 700; font-size: 1.2rem; padding: 0 0 3px 0; border-bottom: 3px solid transparent;}
ul#cats li.active a, ul#cats li a:hover { color: #00577d; border-bottom: 3px solid #00577d;}

tbody { box-shadow: 0 0px 5px 5px rgba(0,0,0,0.05); border-radius: 20px 0 0 20px;}
.pricing-table-header td { padding: 0; border-bottom: 0;}
.pricing-table-header td:first-child { padding: 0 0 10px 30px; font-weight: 600;}
.pricing-table-item { background-color: #00577d; color: #fff; text-align: center; padding: 15px 0 25px 0; box-shadow: inset 12px 0 9px -7px rgba(0,0,0,0.4);}
.pricing-table-item p { font-weight: 600; font-size: 1.2rem; margin: 0;}
.pricing-table-item p.small { font-weight: 600; font-size: 0.7rem; margin: 0 0 10px 0; line-height: 1rem; padding: 0 15px;}
.pricing-table-item.first { border-radius: 20px 0 0 0; box-shadow: none;}
.pricing-table-item.middle { background-color: #003a5d;}
.pricing-table-item.last { border-radius: 0 20px 0 0;}
.pricing-table-item-price p { font-weight: 600; font-size: 1.5rem; margin: 0;}
.pricing-table-item-price p.small { font-weight: 600; font-size: 0.7rem; margin: 0 0 10px 0; line-height: 1rem; padding: 0 15px;}
.pricing-table-item-price p span { font-weight: 300; font-size: 1rem;}
.pricing-table-item-purchase .btn { border-radius: 20px; padding: 5px 25px; font-size: 0.8rem;}
.pricing-table-list { font-weight: 600;}
.pricing-table-list td { padding: 15px 30px; background-color: #fff; box-shadow: inset 12px 0 9px -7px rgba(0,0,0,0.1);}
.pricing-table-list td:first-child { color: #00577d; box-shadow: none;}
.pricing-table-list td:nth-of-type(3) { background-color: #00577d; color: #fff;}
.pricing-table-list td:nth-of-type(3) .fa-circle-check { color: #fff;}
/*.pricing-table-list td:last-of-type { background-color: #00577d; color: #fff;}*/
.pricing-table-list .fa-circle-check { color: #00577d;}
/*.pricing-table-list td:last-of-type .fa-circle-check { color: #fff;}*/
.pricing-table-list.first td:first-of-type { border-radius: 20px 0 0 0;}
.pricing-table-list.last td, .pricing-table tbody > tr:last-child td { border-bottom: 0;}
.pricing-table-list.last td:first-of-type, .pricing-table tbody > tr:last-child td:first-of-type { border-radius: 0 0 0 20px;}
.plans-note { color: #fff;}
.plans-note td { padding: 15px; background-color: #6c6462; border-bottom: 0; font-weight: 600; font-size: 0.9rem;}
.plans-note td span { font-weight: 300; color: #b6aeac; font-size: 0.8rem;}
.plans-note td:first-of-type { background-color: transparent;}
.buttons td { border-bottom: 0; background-color: #fff; padding: 25px 15px; box-shadow: inset 12px 0 9px -7px rgba(0,0,0,0.1);}
.buttons td:first-of-type { background-color: transparent; box-shadow: none;}
.buttons td:nth-of-type(2) { box-shadow: none;}
.buttons td.first { border-radius: 0 0 0 20px;}
.buttons td.last { border-radius: 0 0 20px 0;}
.buttons td:nth-of-type(3) { background-color: #00577d; color: #fff;}
.buttons td:nth-of-type(3) .btn { background-color: #fff; color: #003a5d;}
.buttons td:nth-of-type(3) .btn:hover { background-color: #003a5d; color: #fff;}

.pricing-table.mobile { box-shadow: 0 0px 5px 5px rgba(0,0,0,0.05); border-radius: 20px;}
.pricing-table.mobile tbody { box-shadow: none; border-radius: 0;}
.pricing-table.mobile .pricing-table-item { border-radius: 20px 20px 0 0; box-shadow: none;}
.pricing-table.mobile .pricing-table-list td:last-of-type { background-color: #fff; color: #000;}
.pricing-table.mobile .pricing-table-list td:last-of-type .fa-circle-check { color: #00577d;}
.pricing-table.mobile .pricing-table-list.first td:first-of-type { border-radius: 0;}
.pricing-table.mobile .plans-note td:first-of-type { background-color: #6c6462;}
.pricing-table.mobile .buttons td:first-of-type { background-color: #fff; box-shadow: inherit; border-radius: 0 0 20px 20px;}

.article h5 { font-weight: 900; margin: 20px 0 10px 0;}
.article img { border-radius: 30px;}
.article a { color: #00577d; font-weight: 600;}
.article a:hover { color: #006aa6;}
.article .category { color: #00577d; font-weight: 700; font-size: 0.9rem; margin-top: 15px;}
.article p { font-size: 0.9rem;}
.article-detail .main-img { border-radius: 30px; margin: 0 auto 40px auto;}
.article-detail h2 { font-size: 1.4rem; font-weight: 900;}
.article-detail h5 { font-size: 1.2rem; font-weight: 900; margin: 0 0 5px 0;}
.article-detail .category { color: #00577d; font-weight: 700; font-size: 0.9rem; margin-bottom: 15px;}
.outcome-stats { background-color: #fff; border: 1px solid #000; border-radius: 20px; padding: 20px 35px; margin: 0 auto 30px auto; display: inline-block; font-weight: 700; line-height: 1rem; max-width: 420px;}
.outcome-stats .stat { font-size: 2.2rem;}
.video { display: block; position: relative;}
.video .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

ul.page-numbers { list-style: none; padding: 0; margin: 0 auto;}
.pagination .page-item, ul.page-numbers li { display: inline-block; font-size: 1rem; margin: 0 5px;}
.pagination .page-item .page-link, ul.page-numbers li a, ul.page-numbers li .current { font-weight: 600; font-size: 0.9rem; border-radius: 50%; border: 1px solid #ccc; background-color: #fff; color: #000; padding: 0.375rem 0.65rem;}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link, ul.page-numbers li:first-child a, ul.page-numbers li:last-child a { border-radius: 12px;}
.pagination .page-item.active .page-link, .pagination .page-item .page-link:hover, ul.page-numbers li.active a, ul.page-numbers li a:hover, ul.page-numbers li .current { background-color: #00577d; border-color: #00577d; color: #fff;}

.accordion-item { margin-bottom: 15px; border-radius: 20px !important;}
.accordion-item:not(:first-of-type) { border-top: 1px solid var(--bs-border-color);}
.accordion-item .accordion-header { border: none !important;}
.accordion-item .accordion-header .accordion-button { border-radius: 20px !important; box-shadow: none !important; font-weight: 700; padding: 20px 25px !important;}
.accordion-item .accordion-header .accordion-button:not(.collapsed) { background-color: #fff; color: #000;}
.accordion-item .accordion-header .accordion-button:not(.collapsed)::after { color: #000;}
.accordion-item .accordion-body { padding: 0 25px 15px 25px;}

form fieldset { background-color: #fafafb; border: 1px solid #e4e2e2; border-radius: 20px; padding: 50px 30px;}
form h5 { color: #00577d; font-weight: 500; margin: 0 0 15px 0 !important;}
form hr { margin: 25px 0;}
form .form-check-label { font-size: 0.9rem;}
form .form-check-label a { text-decoration: underline;}
form .form-check-input { border-radius: 0 !important;}
.form-control, .form-select { border-color: #e7e7e8; border-radius: 12px; color: #000; font-size: 0.9rem; padding: 10px 15px;}
.form-select { color: #808080;}
.form-control::placeholder { color: #808080; opacity: 1;}
.form-control::-ms-input-placeholder { color: #808080;}

footer { background: rgb(0,87,125); background: linear-gradient(0deg, rgba(0,87,125,1) 0%, rgba(0,54,78,1) 100%); color: #fff;}
footer h3 { font-family: "sculpin", sans-serif; font-weight: 500; font-size: 2rem;}
footer h6 { margin: 0 0 10px 0;}
footer .lr { border-right: 1px solid #fff;}
footer a { color: #fff; font-family: "sculpin", sans-serif; font-weight: normal; display: block; font-size: 0.8rem; margin-bottom: 4px;}
footer hr { margin: 30px 0;}
footer .form-control { border-radius: 0; border: 0; border-bottom: 1px solid #0a7696; background-color: transparent; padding: 10px 0; color: #fff; font-size: 0.9rem;}
footer .form-control:focus { background-color: transparent; box-shadow: none;}
footer .form-control::placeholder { color: #abc8d6; opacity: 1;}
footer .form-control::-ms-input-placeholder { color: #abc8d6;}
footer input[type="checkbox"] { border-radius: 0 !important; border-color: #fff !important; background-color: transparent !important;}
footer .form-check-label, .wpcf7-list-item-label, .wpcf7-list-item-label a { font-size: 0.8rem !important;}
.wpcf7-list-item-label a { display: inline-block !important;}
.wpcf7-list-item { margin: 0 !important;}
.wpcf7-spinner { display: none !important;}

#copyright { font-size: 0.8rem;}

/* NAVIGATION */
.navbar-nav .nav-item { margin-right: 25px;}
.navbar-nav .nav-item .nav-link { font-family: "sculpin", sans-serif; font-weight: 500; font-size: 0.9rem; color: #000; border-bottom: 2px solid transparent; padding: 0; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;}
.navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item.active .nav-link { border-bottom: 2px solid #000;}
#btn-mob { display: none;}

/* BUTTONS */
.btn { font-family: "sculpin", sans-serif; font-weight: 500; font-size: 0.9rem; border-radius: 10px; padding: 8px 25px; border: 0; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;}
.btn-grey { background: rgb(243,243,244); background: linear-gradient(90deg, rgba(243,243,244,1) 0%, rgba(209,210,212,1) 100%); color: #1e506e;}
.btn-grey:hover { background: rgb(0,106,166); background: linear-gradient(90deg, rgba(0,106,166,1) 0%, rgba(20,68,96,1) 100%); color: #fff;}
.btn-primary { background-color: #00577d;}
.btn-primary:hover { background-color: #3c3533;}
.btn-primary.light { background-color: #006aa6;}
.btn-primary.light:hover { background-color: #003a5d;}
.btn-secondary { background-color: #3c3533;}
.btn-secondary:hover { background-color: #00577d;}
.btn-outline-light { border: 1px solid #fff;}
.btn-outline-dark { border: 1px solid #00577d;}
.btn-outline-dark:hover { background-color: #00577d; border-color: #00577d;}
.btn-outline-light.blue { background-color: #006aa6; min-width: 180px;}
.btn-outline-light.blue:hover { background-color: #00577d; border-color: #00577d; color: #fff;}
.btn-back { background-color: #fff; border: 1px solid #e7e7e8;}

/* RESPONSIVE AMENDED STYLES */
@media only screen and (min-width: 668px) {
	.carousel-indicators { top: 50%; transform: translateY(-50%); margin: auto; height: auto; right: 10px; left: auto; display: block; bottom: inherit;}
	.carousel-indicators [data-bs-target] { background: url('../images/indicator.png') 0 0 no-repeat; width: 12px; height: 12px; margin-bottom: 5px; opacity: 1; position: relative;}
	.carousel-indicators [data-bs-target]::after { width: 1px; height: 15px; background-color: #cfcbca; display: block; content: ''; position: absolute; top: 18px; left: 5.5px;}
	.carousel-indicators [data-bs-target]:last-of-type { margin-bottom: 0;}
	.carousel-indicators [data-bs-target]:last-of-type::after { display: none;}
	.carousel-indicators li.active { background: url('../images/indicator-active.png') 0 0 no-repeat;}
}

/* #Tablet (Landscape)
================================================== */
/* Note: Design for a width of 1080px */
@media only screen and (min-width: 960px) and (max-width: 1080px) {
	#hero #hero-img { bottom: -62px; width: 600px;}
	.owl-screenshots .owl-nav { width: 80%; top: 40%; left: 10%;}
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#hero #hero-img { bottom: -46px; width: 400px;}
	.owl-screenshots .owl-nav { width: 86%; top: 38%; left: 7%;}
	#process .up { top: -65px;}
}

/* #Mobile & Tablet (Portrait)
================================================== */
@media only screen and (max-width: 959px) {
	.padY30,.padY60,.padY90,.padY120 { padding: 30px 0;}
	header .container { max-width: 100%; padding: 0 10px !important;}
    header, header .col-12 { padding: 0 !important;}
    .navbar-brand { z-index: 120; margin: 10px 0 0 30px;}
    .navbar-nav { background-color: #f0efef; margin: 110px 0 0 0; height: calc( 100vh - 110px ) !important; padding-top: 120px; position: absolute; top: 0px; left: 0; width: 100% !important; z-index: 100; text-align: center;}
	.navbar { background-color: #fff;}
	.navbar .nav-item { width: 100%; border-bottom: none; margin-bottom: 15px;}
	.navbar .nav-item .nav-link { border-bottom: none !important; margin: 0;}
    .navbar .nav-item .nav-link, .navbar .nav-item .nav-link span { color: #000; font-size: 1.1rem; border-bottom: none; padding: 5px 0;}
    .navbar .nav-item .nav-link.active, .navbar .nav-item .nav-link:hover { color: #006aa6; border-bottom: none;}
    .navbar-toggler { border: none; margin-right: 15px; z-index: 120;}
    .navbar-toggler span { display: block; background-color: #000; height: 2px; width: 30px; margin-top: 5px; margin-bottom: 5px; position: relative; left: 0; opacity: 1; transition: all 0.35s ease-out; transform-origin: center left;}
    .navbar-toggler span:nth-child(1) { margin-top: 0.3em;}
    .navbar-toggler:not(.collapsed) span:nth-child(1) { transform: translate(10%, -100%) rotate(45deg);}
    .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0;}
    .navbar-toggler:not(.collapsed) span:nth-child(3) { transform: translate(10%, 260%) rotate(-45deg); width: 30px; margin-left: 0;}
    .navbar-toggler span:nth-child(1) { transform: translate(0%, 0%) rotate(0deg);}
    .navbar-toggler span:nth-child(2) { opacity: 1;}
    .navbar-toggler span:nth-child(3) { transform: translate(0%, 0%) rotate(0deg);}
	.navbar-toggler:focus { box-shadow: none;}
	#btn-mob { position: absolute; top: 160px; left: 50%; transform: translateX(-50%); z-index: 125; font-size: 1.1rem; padding: 10px 60px; display: block;}
	#process, #benefits { text-align: center;}
}

/* #Mobile (Both)
================================================== */
/* Note: Landscape and portrait */
@media only screen and (max-width: 767px) {
	.container { padding-left: 20px !important; padding-right: 20px !important;}
	.navbar-brand { margin: 10px 0 0 20px;}
	.navbar-toggler { margin-right: 10px;}
	#btn-mob { width: 80%;}
	#hero { padding: 0 0 180px 0 !important;}
	#hero h1 { font-size: 2rem; line-height: 2.4rem;}
	#hero h2 { font-size: 1.4rem; margin: 0;}
	#hero #hero-img { bottom: -24px; width: 320px;}
	#hero p.w-50 { width: 100% !important;}
	#hero.internal { padding: 30px 15px !important;}
	#vertical-carousel h2 { font-size: 2rem; line-height: 2rem; margin: 0 0 1.5rem 0;}
	#vertical-carousel p { font-size: 1rem;}
	#vertical-carousel .carousel-item .btn { width: 100%;}
	.carousel-indicators { margin-bottom: 0px; bottom: -15px;}
	.carousel-indicators [data-bs-target] { background: url('../images/indicator.png') 0 0 no-repeat; width: 12px; height: 12px; margin-bottom: 0px; opacity: 1; position: relative; margin: 0 10px;}
	.carousel-indicators [data-bs-target]::after { width: 10px; height: 1px; background-color: #cfcbca; display: block; content: ''; position: absolute; top: 6px; left: 17px;}
	.carousel-indicators [data-bs-target]:last-of-type::after { display: none;}
	.carousel-indicators li.active { background: url('../images/indicator-active.png') 0 0 no-repeat;}
	.owl-screenshots .owl-nav { width: 90%; top: 84%; left: 5%;}
	footer hr { margin: 30px 0;}
	#process .message-bar { padding: 15px; font-size: 1rem; line-height: 1.2rem;}
	#process .message-bar img { float: left;}
	#process .message-bar span { display: block; float: right; text-align: left !important; width: 80%;}
	#process .up { top: -70px;}
	.outcome-stats { font-size: 0.8rem;}
	.outcome-stats .stat { font-size: 1.8rem;}
	footer .lr { border: 0;}
	#benefits, #where { padding: 40px 0;}
	.carousel-buttons { position: absolute; bottom: 0; left: 0; width: 100%;}
}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}
	
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
 
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}