html, body {
    overflow-x: hidden;
}

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

/* navbar formatting ======================================================================= */
			
.section-sub-nav {
    background: #fff;
    -webkit-box-shadow: 0px 2px 5px -3px #222;
    -moz-box-shadow: 0px 2px 5px -3px #222;
    box-shadow: 0px 2px 5px -3px #222;
    border-radius: 0px;
    border: none;
    font-size: 13px;
    font-weight: 700;
}

.section-sub-nav .container {
    position: relative;
}

.section-sub-nav .navbar-brand {
    padding: 10px 15px;
}

.section-sub-nav .navbar-right {
    margin-right: 120px;
}

.section-sub-nav .navbar-nav>li>a {
    color: #0f51b9;
}

.section-sub-nav .btn-get-it-now {
    position: absolute;
    top: 1px;
    right: 15px;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-weight: 700;
    background: #fff;
    border: 1px solid #0f51b9;
    color: #0f51b9;
    padding: 5px 20px;
    font-size: 14px;
    border-radius: 0px;
    text-transform: uppercase;
}

.section-sub-nav .btn-get-it-now:hover {
    background: #507bc0;
    color: #fff;
}

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

.section-header {
    background: #f3f3f3;
    margin-top: -20px;
}

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

.section-header .promo-banner {
    position: absolute;
    top: 0px;
    left: 11px;
}

.section-header .promo-badge {
    position: absolute;
    bottom: 60px;
    left: 620px;
    z-index: 5;
}

.section-header .title {
	margin-bottom: 30px;
}

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

.section-header .btn-get-started {
    color: #fff;
    font-size: 24px;
    padding: 15px 50px;
    border-radius: 50px;
    background: #0f51b9;
    font-weight: 600;
}

.section-header .btn-get-started:hover {
    background: #05327a;
}

.section-header .heroshot {
    position: absolute;
    bottom: 90px;
    right: -250px;
    width: 68%;
}

.section-spent-hours .container {
    padding-top: 70px;
    padding-bottom: 80px;
}

.section-spent-hours .container p {
    margin-bottom: 30px;
    line-height: 34px;
}

.section-great-presentations {
    background: #0f51b9;
    color: #fff;
    clip-path: polygon(0 0, 100% 29%, 100% 75%, 0% 100%);
}

.section-great-presentations .container {
    padding-top: 210px;
    padding-bottom: 230px;
}

.section-great-presentations h2 {
    margin-bottom: 30px;
    font-size: 32px;
    margin-top: 0;
}

.section-great-presentations ul {
    margin-left: 12px;
}

.section-great-presentations ul li {
    margin-top: 15px;
    margin-bottom: 15px;
}

.section-great-presentations ul li i {
    font-size: 5px;
    top: 10px;
    left: -2.5em;
}

.section-testimonial {
	margin-top: -180px;
	z-index: 30;
	position: relative;
}

.section-testimonial .container {
	padding-bottom: 130px
}

.section-testimonial .media {
	background: #252525;
	color: #fff;
	padding: 20px;
	max-width: 800px;
}

.section-testimonial p {
    margin-bottom: 10px;
    line-height: 35px;
}

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

.section-use-presentation {
	background: url(../bg/bg-female-laptop01.png) no-repeat top center;
	background-size: cover;
	font-size: 20px;
	font-weight: 600;
}

.section-use-presentation .container-fluid {
    padding-top: 90px;
    padding-bottom: 220px;
}

.section-use-presentation .col-sm-6 {
    padding-left: 90px;
}

.section-use-presentation h2 {
    color: #0f51b9;
    font-size: 42px;
    margin-bottom: 50px;
}

.section-use-presentation ul {
    margin-left: 42px;
}

.section-use-presentation ul li {
    margin-top: 30px;
    margin-bottom: 30px;
}

.section-use-presentation ul li i {
    font-size: 27px;
    top: 2px;
    left: -2.1em;
    color: #0f51b9;
}

.section-visually-appealing {
    background: #222;
	height: 200px;
	margin-bottom: 150px;
}

.section-visually-appealing .box {
    background: #0f51b9;
    padding: 30px 30px 40px;
    color: #fff;
	margin-top: -60px;
}

.section-visually-appealing h2 {
	font-size: 39px;
	line-height: 60px;
	margin-bottom: 30px;
}

.section-visually-appealing p {
	font-size: 20px;
    line-height: 34px;
}

.section-sample-powerpoint {
    padding-bottom: 100px;
}

.section-sample-powerpoint h2 {
	font-size: 39px;
	line-height: 60px;
	margin-bottom: 50px;
}

.section-sample-powerpoint h2 span {
    color: #0f51b9;
}

.section-sample-powerpoint .media {
	background: #0f51b9;
	color: #fff;
	padding: 30px;
	max-width: 960px;
	margin-top: 70px;
}

.section-sample-powerpoint p {
    margin-bottom: 10px;
    line-height: 35px;
}

.section-sample-powerpoint .media-left {
	padding-right: 30px;
}

.section-how-it-works {
	background-color: #0f51b9;
	background-image: url(../img/img-gear-icon01.png), url(../img/img-pc-brush-icon01.png);
	background-repeat: no-repeat, no-repeat;
	background-position: top right, bottom left;
    border-top: 20px solid #222;
    color: #fff;
}

.section-how-it-works .container {
    padding-top: 70px;
    padding-bottom: 40px;
	position: relative;
}

.section-how-it-works .container::before {
	position: absolute;
	top: 0;
	left: 15px;
    content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 30px 60px 30px;
	border-color: transparent transparent #222 transparent;
	transform: rotate(180deg);
}

.section-how-it-works h2 {
	font-size: 34px;
	line-height: 40px;
	margin-bottom: 20px;
}

.section-how-it-works p {
	font-size: 20px;
    line-height: 44px;
}

.section-with-our-service {
	background: #f3f3f3;
}

.section-with-our-service .container {
    padding-top: 60px;
    padding-bottom: 60px;
	position: relative;
}

.section-with-our-service h2 {
	font-size: 34px;
	line-height: 40px;
	margin-bottom: 40px;
}

.section-with-our-service ul {
    margin-left: 39px;
}

.section-with-our-service ul li {
    margin-top: 18px;
    margin-bottom: 38px;
	font-size: 20px;
    line-height: 44px;
	font-weight: 500;
}

.section-with-our-service ul li i {
    font-size: 27px;
    top: 10px;
    left: -2.1em;
    color: #0f51b9;
}

.section-with-our-service img {
    position: absolute;
    bottom: 290px;
    right: -250px;
    width: 68%;
}

.section-how-we-compare .container {
    padding-top: 70px;
    padding-bottom: 90px;
}

.section-how-we-compare h2 {
    color: #0f51b9;
    font-size: 39px;
    margin-bottom: 20px;
}

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

.section-pricing {
    background: #f3f3f3;
}

.section-pricing .container {
    padding-top: 60px;
    padding-bottom: 220px;
}

.section-pricing h2 {
	font-size: 39px;
	line-height: 50px;
	margin-bottom: 50px;
}

.section-pricing h2 span {
    color: #0f51b9;
}

.section-pricing .card {
    box-shadow: 5px 6px 9px 0px #bbb;
}

.section-pricing .card.price1 .card-header {
	padding: 26px 10px;
}

.section-pricing .card.price2 .card-header {
	padding: 26px 10px;
}

.section-pricing .card-header {
    background: #0f51b9;
	padding: 10px;
	color: #fff;
	font-size: 22px;
}

.section-pricing .card-header p {
    margin: 0;
}

.section-pricing .card-body {
	padding: 30px 10px 40px;
}

.section-pricing .text-reg-price {
	font-size: 40px;
	margin-bottom: 30px;
}

.section-pricing .text-reg-price-slashed {
	font-size: 40px;
}

.section-pricing .text-reg-price-slashed {
	font-size: 30px;
	margin: 0;
}

.section-pricing .text-save {
	font-size: 30px;
	color: #ea2020;
	font-weight: 700;
	margin-bottom: 20px;
}

.section-pricing .text-now {
	font-size: 34px;
	display: flex;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	margin-bottom: 20px;
}

.section-pricing .text-now strong {
	font-size: 66px;
	font-weight: 700;
	margin-left: 10px;
}

.section-pricing .btn-get-this {
    color: #fff;
    font-size: 22px;
    padding: 7px 60px;
    border-radius: 50px;
    background: #0f51b9;
}

.section-pricing .btn-get-this:hover {
    background: #05327a;
}


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

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

	/* index page formatting ===================================================================== */
    
	.section-header .heroshot {
	    width: 60%;
	    right: -130px;
	    bottom: 50px;
	}

	.section-with-our-service img {
		right: -150px;
	}

}

@media (max-width: 991px) and (min-width: 768px) {
    
    /* navbar formatting ======================================================================= */
    
    .section-sub-nav .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 15px 10px 40px;
    }

    .section-sub-nav>.container .navbar-brand {
        margin-left: 20px;
    }
    
    .section-sub-nav .btn-get-it-now {
        right: 40px;
    }    

	/* index page formatting ===================================================================== */
   
	.section-header .promo-badge {
		left: 400px;
		max-width: 250px;
	}

	.section-header .heroshot {
		bottom: 10px;
		right: -70px;
		width: 63%;
	}

	.section-pricing .container {
		padding-bottom: 130px;
	}
	
	.section-pricing .text-now strong {
		font-size: 40px;
	}

	.section-pricing .btn-get-this {
		padding: 7px 40px;
	}
	
}

@media (max-width: 991px) {
     
    /* navbar formatting ======================================================================= */

    .section-sub-nav .container {
        width: auto !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    .section-sub-nav .container>.navbar-header {
        float: none;
        margin-left: 0px;
        margin-right: 0px;
    }

    .section-sub-nav .navbar-brand {
        height: 50px;
        padding: 12px 0px 10px 16px;
    }
    
    .section-sub-nav .navbar-brand img {
        max-width: 150px;
    }
    
    .section-sub-nav .navbar-toggle {
        display: block;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 17px 15px 13px;
        border: none;
        color: #1655b2;
        background: #fff !important;
        float: left;
    }
    
    .section-sub-nav .navbar-nav {
        float: none !important;
        margin: 0px 0px;
        clear: both;
    }
    
    .section-sub-nav .container>.navbar-collapse {
        margin-right: 0px;
        margin-left: 0px;
        padding-right: 0px;
        padding-left: 0px;
        background: #fff;
    }
    
    .section-sub-nav .navbar-collapse.collapse {
        display: none !important;
        height: 1px !important;
        padding-bottom: 0;
    }
    
    .section-sub-nav .navbar-collapse.collapse.in {
        display: block !important;
        height: auto !important;
        visibility: visible !important;
        overflow-y: visible;
        border-top: 1px solid #e7e7e7;
    }
    
    .section-sub-nav .navbar-nav>li {
        float: none !important;
        border-bottom: 1px solid #ddd;
    }
    
}

@media (max-width: 767px) {
    
    body {
        font-size: 16px;
    }
    
	/* index page formatting ===================================================================== */
        
	.section-header .container {
		padding-top: 30px;
		padding-bottom: 40px;
		text-align: center;
	}

	.section-header .promo-banner {
		position: relative;
		top: auto;
		left: auto;
		margin-bottom: 20px;
	}

	.section-header .promo-badge {
		position: relative;
		bottom: auto;
		left: auto;
		margin-bottom: 20px;
	}

	.section-header .title {
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	.section-header p {
		margin-bottom: 20px;
		line-height: 26px;
	}

	.section-header .btn-get-started {
		font-size: 16px;
		padding: 10px 30px;
	}
	
	.section-spent-hours .container {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.section-spent-hours .container p {
		margin-bottom: 20px;
		line-height: 26px;
	}

	.section-great-presentations {
	    clip-path: none;
	}
	
	.section-great-presentations .container {
		padding-top: 40px;
		padding-bottom: 50px;
	}

	.section-great-presentations h2 {
		margin-bottom: 20px;
		font-size: 22px;
	}

	.section-great-presentations ul li {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.section-testimonial {
		background: #0f51b9;
	}

	.section-testimonial {
		margin-top: 0px;
	}

	.section-testimonial .container {
		padding-top: 0px;
		padding-bottom: 30px;
	}

	.section-testimonial p {
		line-height: 26px;
	}

	.section-use-presentation {
		background: none;
		font-size: 16px;
	}

	.section-use-presentation .container-fluid {
		padding-top: 40px;
		padding-bottom: 60px;
	}

	.section-use-presentation .col-sm-6 {
	    padding-left: 15px;
	}
	
	.section-use-presentation h2 {
		margin-bottom: 30px;
		font-size: 22px;
	}

	.section-use-presentation ul li {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	.section-use-presentation ul li i {
		top: -3px;
	}
	
	.section-visually-appealing {
		height: auto;
		margin-bottom: 30px;
	}

	.section-visually-appealing .container {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.section-visually-appealing .box {
		padding: 10px 30px 30px;
		margin-top: 0;
	}

	.section-visually-appealing h2 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.section-visually-appealing p {
		font-size: 16px;
		line-height: 26px;
	}

	.section-sample-powerpoint {
		padding-bottom: 50px;
	}

	.section-sample-powerpoint h2 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.section-sample-powerpoint .media p {
		line-height: 26px;
	}

	.section-how-it-works {
		background-color: #0f51b9;
		background-image: none;
	}

	.section-how-it-works .container {
		padding-top: 30px;
		padding-bottom: 40px;
	}

	.section-how-it-works .container::before {
		border-width: 0 20px 40px 20px;
	}

	.section-how-it-works h2 {
		font-size: 22px;
		line-height: 30px;
	}

	.section-how-it-works p {
		font-size: 16px;
		line-height: 26px;
	}

	.section-with-our-service .container {
		padding-top: 20px;
		padding-bottom: 30px;
	}

	.section-with-our-service h2 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.section-with-our-service ul li {
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 26px;
	}

	.section-with-our-service ul li i {
		top: 1px;
	}

	.section-how-we-compare .container {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.section-how-we-compare h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.section-how-we-compare p {
		font-size: 16px;
		line-height: 26px;
	}

	.section-how-we-compare img {
		margin-bottom: 20px;
	}

	.section-pricing .container {
		padding-top: 30px;
		padding-bottom: 100px;
	}

	.section-pricing h2 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 50px;
	}

	.section-pricing .card.price1 .card-header {
		padding: 10px;
	}

	.section-pricing .card.price2 .card-header {
		padding: 10px;
	}

	.section-pricing .card-header {
		font-size: 16px;
	}

	.section-pricing .text-reg-price {
		font-size: 20px;
	}

	.section-pricing .text-reg-price-slashed {
		font-size: 20px;
		margin: 0;
	}

	.section-pricing .text-save {
		font-size: 20px;
		color: #ea2020;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.section-pricing .text-now {
		font-size: 24px;
		display: block;
	}

	.section-pricing .text-now strong {
		font-size: 46px;
		margin-left: 0px;
	}

	.section-pricing .btn-get-this {
		font-size: 16px;
		padding: 7px 40px;
	}
	
}

@media (max-width: 400px) {
	
	.section-testimonial .media {
		padding: 15px;
		text-align: center;
	}

	.section-testimonial .media-left {
		padding-right: 0px;
		display: block;
		margin-bottom: 20px;
	}

	.section-testimonial .media-left img {
		margin: 0 auto;
	}

	.section-sample-powerpoint .media {
		padding: 15px;
		text-align: center;
	}

	.section-sample-powerpoint .media-left {
		padding-right: 0px;
		display: block;
		margin-bottom: 20px;
	}

	.section-sample-powerpoint .media-left img {
		margin: 0 auto;
	}

}