html, body {
    overflow-x: hidden;
}

body {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
	overflow-x: hidden;
    font-weight: 400;
    font-size: 22px;
    color: #222222;
}

/* index formatting ======================================================================= */

.section-index-header {
    background: #0e486d;
    position: relative;
    color: #fff;
    margin-top: 150px;
    margin-bottom: 150px;
}

.section-index-header .strip1 {
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 150px 0 0 100vw;
	border-color: #fff #fff #fff #0e486d;
	left: 0px;
	right: 0px;
	top: -150px;
	z-index: 10;
}

.section-index-header .strip2 {
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 150px 100vw 0 0;
	border-color: #0e486d #fff #fff #fff;
	left: 0px;
	right: 0px;
	bottom: -150px;
	z-index: 10;
}

.section-index-header .container {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}

.section-index-header h1 {
    font-weight: 700;
    margin-bottom: 40px;
    font-size: 48px;
    line-height: 58px;
}

.section-index-header p {
    line-height: 34px;
    margin-bottom: 40px;
}

.section-index-header .btn-get-blueprint {
    color: #fff;
    font-size: 24px;
    padding: 15px 40px;
    border-radius: 50px;
    background: #1b1b1b;
    font-weight: 700;
}

.section-index-header .btn-get-blueprint:hover {
    background: #363636;
}

.section-index-header img {
    position: absolute;
    bottom: -150px;
    right: -110px;
    z-index: 20;
    width: 49%;
}

.section-benefits .container {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

.section-benefits h2 {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 30px;
    color: #1097b4;
}

.section-benefits p {
    line-height: 34px;
    margin-bottom: 40px;
}

.section-benefits ul {
    margin-left: 36px;
}

.section-benefits ul li {
    margin: 18px 0px;
    font-size: 24px;
}

.section-benefits ul li i {
    color: #1097b4;
    font-size: 18px;
    left: -41.742857px;
    top: 8.942857px;
}

.section-benefits img {
    position: absolute;
    bottom: 130px;
    left: -50px;
    width: 53%;
}

.section-focus-building {
    background: #1097b4;
    color: #fff;
}

.section-focus-building .container {
    padding-top: 60px;
    padding-bottom: 40px;
}

.section-focus-building h2 {
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 32px;
}

.section-focus-building p {
    line-height: 44px;
}

.section-create-sales {
    background: #f3f3f3;
}

.section-create-sales .container {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section-create-sales .row {
    display: flex;
    align-items: center;
}

.section-create-sales h2 {
    font-weight: 700;
    margin-bottom: 50px;
    font-size: 34px;
    line-height: 48px;
    color: #1097b4;
}

.section-create-sales h3 {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 28px;
}

.section-create-sales p {
    line-height: 34px;
    margin-bottom: 40px;
}

.section-make-shift .container {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section-make-shift h2 {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 34px;
	line-height: 44px;
    color: #1097b4;
}

.section-make-shift p {
    line-height: 34px;
    margin-bottom: 40px;
}

.section-roadmap {
    background: #0e486d;
	color: #fff;
}

.section-roadmap .container {
    padding-top: 90px;
    padding-bottom: 90px;
}

.section-roadmap .row {
    display: flex;
    align-items: center;
}

.section-roadmap h2 {
    margin-bottom: 10px;
    font-size: 28px;
}

.section-roadmap p {
    line-height: 34px;
    margin-bottom: 40px;
}

.section-testimonial1 {
    color: #fff;
    padding-top: 50px;
    padding-bottom: 30px;
    background: #1097b4 url(../bg/bg-quote01.png) no-repeat 98% 50px;
}

.section-testimonial1 .media {
    font-size: 24px;
}

.section-testimonial1 .media .media-left {
    padding-right: 30px;
    padding-bottom: 30px;
}

.section-testimonial1 .media h2 {
    font-size: 34px;
    margin-top: 0;
    margin-bottom: 30px;
}

.section-testimonial1 .media h2 span {
    font-weight: 400;
}

.section-testimonial1 .media p {
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 30px;
}

.section-discover .container {
    padding-top: 80px;
    padding-bottom: 30px;
    position: relative;
}

.section-discover h2 {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 30px;
    color: #1097b4;
}

.section-discover p {
    line-height: 34px;
    margin-bottom: 80px;
}

.section-discover ul {
    margin-left: 36px;
    margin-bottom: 80px;
}

.section-discover ul li {
    margin: 18px 0px;
    font-size: 24px;
}

.section-discover ul li i {
    color: #1097b4;
    font-size: 18px;
    left: -41.742857px;
    top: 8.942857px;
}

.section-discover img {
    position: absolute;
    bottom: -10px;
    right: -240px;
    width: 61%;
}

.section-download-copy .container {
    padding-top: 100px;
    padding-bottom: 170px;
}

.section-download-copy h2 {
    font-weight: 700;
    margin-bottom: 40px;
    font-size: 48px;
    line-height: 58px;
    color: #0e486d;
}

.section-download-copy .btn-get-blueprint {
    color: #fff;
    font-size: 24px;
    padding: 15px 40px;
    border-radius: 50px;
    background: #1b1b1b;
    font-weight: 700;
}

.section-download-copy .btn-get-blueprint:hover {
    background: #363636;
}

/* confirmation formatting ===================================================================== */

.section-confirmation-header {
    background: #0e486d;
    position: relative;
    color: #fff;
    margin-top: 150px;
    margin-bottom: 150px;
}

.section-confirmation-header .strip1 {
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 0 114px 100vw;
	border-color: #fff #fff #0e486d #fff;
	left: 0px;
	right: 0px;
	top: -143px;
	z-index: 10;
}

.section-confirmation-header .strip2 {
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 105px 0 0 105vw;
	border-color: #0e486d #fff #fff #fff;
	left: 0px;
	right: 0px;
	bottom: -105px;
	z-index: 10;
}

.section-confirmation-header .container {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

.section-confirmation-header h1 {
    font-weight: 700;
    margin-bottom: 60px;
    font-size: 33px;
    line-height: 46px;
}

.section-confirmation-header p {
    line-height: 34px;
    margin-bottom: 60px;
    font-size: 30px;
}

.section-confirmation-header .btn-get-blueprint {
    color: #fff;
    font-size: 24px;
    padding: 15px 40px;
    border-radius: 50px;
    background: #1b1b1b;
    font-weight: 700;
}

.section-confirmation-header .btn-get-blueprint:hover {
    background: #363636;
}

.section-confirmation-header img {
    position: absolute;
    bottom: -110px;
    left: 10px;
    z-index: 20;
    width: 46%;
}

.section-implement .container {
    padding-top: 30px;
    padding-bottom: 170px;
    position: relative;
}

.section-implement h2 {
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 34px;
    line-height: 46px;
    color: #1097b4;
}

.section-implement p {
    line-height: 34px;
    margin-bottom: 30px;
    font-size: 20px;
}

.section-implement ul {
    margin-left: -14px;
    margin-bottom: 50px;
}

.section-implement ul li {
    margin: 10px 0px;
    font-size: 20px;
}

.section-implement .btn-book-session {
    color: #fff;
    font-size: 20px;
    padding: 13px 30px;
    border-radius: 50px;
    background: #1097b4;
    font-weight: 700;
}

.section-implement .btn-book-session:hover {
    background: #096b80;
}

/* modal formatting ===================================================================== */

.modal-getblueprint .modal-content {
    border-radius: 0px;
}

.modal-getblueprint .modal-header {
    padding-top: 45px;
    padding-bottom: 5px;
    border-bottom: none;
}

.modal-getblueprint .modal-header .close {
    opacity: 1;
    font-size: 30px;
    margin-top: -34px;
}

.modal-getblueprint h2 {
    font-weight: 700;
    font-size: 38px;
    line-height: 38px;
    color: #1097b4;
}

.modal-getblueprint label {
    font-weight: normal;
    font-size: 16px;
}

.modal-getblueprint .modal-body {
    padding-bottom: 75px;
}

.modal-getblueprint .form-group {
    margin-bottom: 10px;
}

.modal-getblueprint .form-control {
    border: 1px solid #898989;
    border-radius: 0px;
}

.modal-getblueprint .btn-get-blueprint {
    color: #fff;
    font-size: 24px;
    padding: 10px 40px;
    border-radius: 50px;
    background: #1b1b1b;
    font-weight: 700;
    margin-top: 20px;
}

.modal-getblueprint .btn-get-blueprint:hover {
    background: #363636;
}

@media (min-width: 1200px) {
    
	/* index page formatting ===================================================================== */
    
}

@media (max-width: 1199px) and (min-width: 992px) {

	/* index page formatting ===================================================================== */
    
	.section-index-header img {
	    bottom: -50px;
	}
	
	.section-discover img {
	    bottom: 280px;
	    right: -100px;
	    width: 45%;
	}
	
	/* confirmation page formatting ===================================================================== */
    
	.section-confirmation-header img {
	    bottom: -30px;
	}
	
}

@media (max-width: 991px) and (min-width: 768px) {
    
	/* index page formatting ===================================================================== */
    
	.section-index-header img {
	    bottom: 40px;
	}
	
	.section-discover img {
	    position: relative;
	    bottom: 30px;
	    right: auto;
	    width: 100%;
		max-width: 500px;
	}
	
	.section-implement .container {
	    padding-bottom: 100px;
	}
	
	/* confirmation page formatting ===================================================================== */
    
	.section-confirmation-header img {
	    bottom: 80px;
	}
	
}

@media (max-width: 767px) {
    
    body {
        font-size: 16px;
    }
    
	/* index page formatting ===================================================================== */
    
	.section-index-header {
	    margin-top: 0px;
	    margin-bottom: 0px;
		text-align: center;
	}
	
	.section-index-header .container {
	    padding-top: 30px;
	    padding-bottom: 50px;
	    position: relative;
	}
	
	.section-index-header h1 {
	    margin-bottom: 30px;
	    font-size: 28px;
	    line-height: 38px;
	}
	
	.section-index-header p {
	    line-height: normal;
	    margin-bottom: 30px;
	}    
	
	.section-index-header .btn-get-blueprint {
	    font-size: 16px;
	    padding: 10px 20px;
	}
	
	.section-index-header img {
	    position: relative;
		bottom: auto;
		right: -20px;
		width: 100%;
		max-width: 200px
	}    
	
	.section-benefits .container {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	
	.section-benefits h2 {
	    margin-bottom: 20px;
	    font-size: 22px;
	}
	
	.section-benefits p {
	    line-height: normal;
	    margin-bottom: 20px;
	}
	
	.section-benefits ul {
	    margin-left: 20px;
		margin-bottom: 30px;
	}
	
	.section-benefits ul li {
	    margin: 5px 0px;
	    font-size: 16px;
	}
	
	.section-benefits ul li i {
	    font-size: 10px;
	    left: -24.742857px;
	    top: 5.942857px;
	}
	
	.section-benefits img {
	    position: relative;
	    bottom: auto;
	    left: auto;
		width: 100%;
		max-width: 400px
	}
	
	.section-focus-building .container {
	    padding-top: 40px;
	    padding-bottom: 30px;
	}
	
	.section-focus-building h2 {
	    margin-bottom: 20px;
	    font-size: 22px;
	}
	
	.section-focus-building p {
	    line-height: normal;
	    margin-bottom: 20px;
	}
	
	.section-create-sales .container {
	    padding-top: 30px;
	    padding-bottom: 50px;
	}
	
	.section-create-sales .row {
	    display: block;
	}
	
	.section-create-sales h2 {
	    margin-bottom: 20px;
	    line-height: normal;
	    font-size: 22px;
	}
	
	.section-create-sales h3 {
	    line-height: normal;
	    font-size: 20px;
	}
	
	.section-create-sales p {
	    line-height: normal;
	    margin-bottom: 20px;
	}
	
	.section-create-sales img {
		max-width: 200px
	}
	
	.section-make-shift .container {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	
	.section-make-shift h2 {
	    margin-bottom: 20px;
	    line-height: normal;
	    font-size: 22px;
	}
	
	.section-make-shift p {
	    line-height: normal;
	    margin-bottom: 20px;
	}
	
	.section-roadmap .container {
	    padding-top: 30px;
	    padding-bottom: 50px;
	}
	
	.section-roadmap .row {
	    display: block;
	}
	
	.section-roadmap h2 {
	    line-height: normal;
	    font-size: 22px;
	}
	
	.section-roadmap p {
	    line-height: normal;
	    margin-bottom: 20px;
	}
	
	.section-roadmap img {
		max-width: 250px
	}
	
	.section-testimonial1 {
        background-size: 100px;
        padding-top: 30px;
        padding-bottom: 10px;
    }
    
    .section-testimonial1 .media {
        padding: 15px;
        text-align: center;
    }
    
    .section-testimonial1 .media .media-left {
        padding-right: 0px;
        display: block;
    }
    
    .section-testimonial1 .media .media-left img {
        margin: 0 auto;
        width: auto;
        max-width: 100%;
    }
    
    .section-testimonial1 .media h2 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    
    .section-testimonial1 .media p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    
	.section-discover .container {
	    padding-top: 30px;
	    padding-bottom: 50px;
	}
	
	.section-discover h2 {
	    margin-bottom: 20px;
	    font-size: 22px;
	}
	
	.section-discover p {
	    line-height: normal;
	    margin-bottom: 20px;
	}
	
	.section-discover ul {
	    margin-left: 20px;
		margin-bottom: 30px;
	}
	
	.section-discover ul li {
	    margin: 5px 0px;
	    font-size: 16px;
	}
	
	.section-discover ul li i {
	    font-size: 10px;
	    left: -24.742857px;
	    top: 5.942857px;
	}
	
	.section-discover img {
	    position: relative;
		bottom: auto;
		right: -20px;
		width: 100%;
		max-width: 300px
	}    
	
	.section-download-copy .container {
	    padding-top: 30px;
	    padding-bottom: 100px;
	}
	
	.section-download-copy h2 {
	    margin-bottom: 20px;
	    font-size: 24px;
	}
	
	.section-download-copy .btn-get-blueprint {
	    font-size: 16px;
	    padding: 10px 20px;
	}
	
	/* confirmation page formatting ===================================================================== */

	.section-confirmation-header {
	    margin-top: 0px;
	    margin-bottom: 0px;
		text-align: center;
	}
	
	.section-confirmation-header .container {
	    padding-top: 30px;
	    padding-bottom: 50px;
	    position: relative;
	}
	
	.section-confirmation-header h1 {
	    margin-bottom: 30px;
	    font-size: 28px;
	    line-height: 38px;
	}
	
	.section-confirmation-header p {
	    line-height: normal;
		font-size: 16px;
	    margin-bottom: 30px;
	}    
	
	.section-confirmation-header .btn-get-blueprint {
	    font-size: 16px;
	    padding: 10px 20px;
	}
	
	.section-confirmation-header img {
	    position: relative;
		bottom: auto;
		left: 20px;
		width: 100%;
		max-width: 200px
	}    
	
	.section-implement .container {
	    padding-top: 20px;
	    padding-bottom: 70px;
	}
	
	.section-implement h2 {
	    margin-bottom: 20px;
		line-height: normal;
	    font-size: 22px;
	}
	
	.section-implement p {
	    line-height: normal;
		font-size: 16px;
	    margin-bottom: 20px;
	}
	
	.section-implement ul {
	    margin-left: -21px;
	    margin-bottom: 20px;
	}
	
	.section-implement ul li {
	    margin: 0px;
	    font-size: 16px;
	}
	
	.section-implement .btn-book-session {
	    font-size: 14px;
	    padding: 10px 20px;
	}
	
}