/**
 * 
 * INDEX
 * 
 * top of the page
 * out of the box
 * features section
 * quotes
 * only a question
 * bottom banner
 * contact form
 * 
 */

/** top of the page **/

.top-of-the-page {
	height: 577px;
}

.top-of-the-page .container-1019 {
	width: 1200px;
}

.top-of-the-page h1 {
	font-size: 2em;
	color: #272726;
}

.only-a-question .more-questions a {
	border: 2px solid #347ab8;
    border-radius: 55px;
    padding: 5px 15px;
    display: table;
}

@media (max-width: 1250px) {
	.top-of-the-page .container-1019 {
		width: 1019px;
	}
}

@media (max-width: 1069px) {
	.top-of-the-page .container-1019 {
		width: 960px;
	}
}

@media (min-width: 1024px) {
	.top-of-the-page .mobile-background-image {
		display: none;
	}
}

@media (max-width: 1023px) {
	.top-of-the-page {
		height: 819px;
	}

	.top-of-the-page .container-1019 {
		width: 87.5%;
		align-items: unset;
	}
	
	.top-of-the-page .desktop-background-image {
		display: none;
	}
	
	.top-of-the-page .mobile-background-image {
		grid-column: 1 / -1;
		grid-row: 1 / -1;
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	
	.top-of-the-page .container-1019 .headline-icons {
		max-width: 558px;
		margin: 129px auto 0;
		text-align: center;
	}
	
	.top-of-the-page h1 {
		font-size: 2.250em;
	}
	
	.top-of-the-page h1 br {
		display: none;
	}
}

@media (max-width: 640px) {
	.top-of-the-page {
		height: 127.97vw;
	}
	
	.top-of-the-page .container-1019 .headline-icons {
		margin-top: 20.157vw;
	}
	
	.top-of-the-page h1 {
		font-size: 5.6vw;
	}
}

/** top of the page **/

/** out of the box **/

.out-of-the-box {
	margin-top: 118px;
}

.out-of-the-box .container-1019 {
	display: flex;
	justify-content: space-between;
}

.out-of-the-box .content {
	flex-basis: 55.54%;
	margin-top: 67px;
}

.out-of-the-box .content h2 {
	margin: 0;
}

.out-of-the-box .content .list {
	margin-top: 27px;
	padding-right: 20px;
	list-style-type: disc;
}

.out-of-the-box .content .list li:not(:last-child) {
	margin-bottom: 10px;
}

@media (max-width: 1023px) {
	.out-of-the-box {
		margin-top: 92px;
	}
	
	.out-of-the-box .container-1019 {
		justify-content: unset;
		flex-direction: column;
	}
	
	.out-of-the-box .content {
		margin-top: 0;
	}
	
	.out-of-the-box .content > .headline {
		font-size: 3.375em;
	}
	
	.out-of-the-box .content .list li {
		font-size: 1.875em;
	}
	
	.out-of-the-box .container-1019 > .image {
		margin-top: 60px;
		align-self: center;
	}
}

@media (max-width: 640px) {
	.out-of-the-box .content > .headline {
		font-size: 8.5vw;
	}
	
	.out-of-the-box .content .list li {
		font-size: 4.7vw;
	}
}

/** out of the box **/

/** features section **/

.features-section {
	margin-top: 5px;
}

.features-section .container-1019 {
	padding-bottom: 5px;
	border-bottom: 1px solid #d6d6d6;
}

.features-section h2 {
	margin: 0;
}

.features-section .list {
	margin-top: 60px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 60px 50px;
}

.features-section .list li {
	display: flex;
}

.features-section .list li .icon {
	margin-left: 18px;
}

.features-section .list li .icon img {
	max-width: 50px;
	max-height: 50px;
}

.features-section .list li .content h3 {
	margin: 0;
}

.features-section .list li .content .description {
	margin-top: 10px;
}

.features-section .bottom-text {
	margin-top: 80px;
}

@media (max-width: 1023px) {
	.features-section {
		margin-top: 153px;
	}

	.features-section .container-1019 {
		padding-bottom: 152px;
	}
	
	.features-section .container-1019 > .headline {
		font-size: 3em;
	}
	
	.features-section .list {
		display: flex;
		flex-direction: column;
		grid-template-columns: unset;
		grid-gap: unset;
	}

	.features-section .list li {
		flex-basis: 100%;
		padding: 0;
		display: grid;
		grid-template-columns: 110px auto;
		padding: 15px 0;
		border-bottom: 1px solid #d6d6d6;
	}

	.features-section .list li .icon {
		height: unset;
		align-items: unset;
		justify-content: unset;
		display: block;
		grid-column: 1 / 2;
	}

	.features-section .list li .content {
		grid-column: 2 / 3;
	}
	
	.features-section .list li .content .headline,
	.features-section .list li .content .description {
		text-align: unset;
		margin-top: 0;
	}

	.features-section .list li .content .headline {
		font-size: 2.250em;
	}

	.features-section .list li .content .description {
		font-size: 1.875em;
		margin-top: 21px;
	}

	.features-section .list li .icon img {
		max-width: 81.82%;
		max-height: unset;
	}
	
	.features-section .bottom-text {
		text-align: right;
	}
}

@media (max-width: 640px) {
	.features-section .container-1019 > .headline {
		font-size: 7.5vw;
	}
	
	.features-section .list li {
		grid-template-columns: 17.188vw auto;
	}
	
	.features-section .list li .content .headline {
		font-size: 5.6vw;
	}
	
	.features-section .list li .content .description {
		font-size: 4.7vw;
	}
}

/** features section **/

/** quotes **/

.quotes .icons {
	margin-top: -22px;
}

.quotes > .container-1019 {
	padding-bottom: 105px;
	border-bottom: 1px solid #d6d6d6;
}

.quotes > .container-1019 > .headline {
	margin: 26px 0 0;
}

.quotes .customers {
	margin-top: 55px;
	display: flex;
}

.quotes .customers li {
	flex-basis: 33.333333%;
	box-sizing: border-box;
	padding: 0 37px;
}

.quotes .customers li .avatar {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	margin: 0 auto;
}

.quotes .customers li .name {
	margin-top: 30px;
}

.quotes .customers li .quote {
	margin-top: 18px;
}

@media (min-width: 1024px) {
	.quotes .customers-mobile {
		display: none;
	}
}

@media (max-width: 1023px) {
	.quotes > .container-1019 > .headline {
		font-size: 3.375em;
	}
	
	.quotes .customers {
		display: none;
	}
	
	.quotes .customers-mobile {
		margin-top: 82px;
		padding-bottom: 100px;
	}
	
	.quotes .customers-mobile .swiper-slide {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.quotes .customers-mobile .swiper-slide > * {
		max-width: 558px;
	}
	
	.quotes .customers-mobile .swiper-slide .avatar img {
		border-radius: 100%;
	}
	
	.quotes .customers-mobile .name {
		margin-top: 45px;
		font-size: 3.000em;
	}
	
	.quotes .customers-mobile .business {
		font-size: 2.500em;
	}
	
	.quotes .customers-mobile .quote {
		margin-top: 33px;
		font-size: 1.875em;
	}
	
	.quotes .customers-mobile .swiper-pagination {
		bottom: 0;
	}
	
	.quotes .customers-mobile .swiper-pagination .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		background-color: #d6d6d6;
		opacity: 1;
	}
	
	.quotes .customers-mobile .swiper-pagination .swiper-pagination-bullet-active {
		background-color: #009cec;
	}
}

@media (max-width: 640px) {
	.quotes .icons img {
		height: 11.25vw;
	}
	
	.quotes > .container-1019 > .headline {
		font-size: 8.5vw;
	}
	
	.quotes .customers-mobile .name {
		font-size: 7.5vw;
	}
	
	.quotes .customers-mobile .business {
		font-size: 6.3vw;
	}
	
	.quotes .customers-mobile .quote {
		font-size: 4.7vw;
	}
}

/** quotes **/

/** only a question **/

.only-a-question {
	padding-bottom: 0;
}

.only-a-question .question-list li .more {
	display: none;
}

/** only a question **/

/** bottom banner **/

.bottom-banner {
	height: 534px;
	margin-top: 138px;
}

.bottom-banner .desc {
	color: #272726;
	font-size: 2em;
}

@media (max-width: 1023px) {

	.bottom-banner {
		height: 838px;
	}
	
	.bottom-banner .desc br {
		display: none;
	}
	
	.bottom-banner .container-1019 {padding:0;}
	.bottom-banner .container-1019 .desc-icons .desc {
		font-size: 2.250em;
	}
}

@media (max-width: 640px) {
	.bottom-banner {
		height: 130.938vw;
	}
	
	.bottom-banner .container-1019 .desc-icons .desc {
		font-size: 5.7vw;
	}
}

/** bottom banner **/

@media (max-width: 640px) {

}

/** contact form **/

.contact-form fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

/** contact form - end **/