/*--- FONTS ---*/

@font-face {
  font-family: 'FuturaStd-Bold';
  src:url('/cms-admin/addons/feathers/perchplus/fonts/FuturaStd-Bold/FuturaStd-Bold.woff') format('woff'),
        url('/cms-admin/addons/feathers/perchplus/fonts/FuturaStd-Bold/FuturaStd-Bold.woff2') format('woff2'),
        url('/cms-admin/addons/feathers/perchplus/fonts/FuturaStd-Bold/FuturaStd-Bold.eot'),
        url('/cms-admin/addons/feathers/perchplus/fonts/FuturaStd-Bold/FuturaStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('/cms-admin/addons/feathers/perchplus/fonts/FuturaStd-Bold/FuturaStd-Bold.otf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham-Regular';
  src:url('/cms-admin/addons/feathers/perchplus/fonts/Gotham-Regular/Gotham-Regular.woff') format('woff'),
        url('/cms-admin/addons/feathers/perchplus/fonts/Gotham-Regular/Gotham-Regular.woff2') format('woff2'),
        url('/cms-admin/addons/feathers/perchplus/fonts/Gotham-Regular/Gotham-Regular.eot'),
        url('/cms-admin/addons/feathers/perchplus/fonts/Gotham-Regular/Gotham-Regular.eot?#iefix') format('embedded-opentype'),
        url('/cms-admin/addons/feathers/perchplus/fonts/Gotham-Regular/Gotham-Regular.otf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*--- GENERIC ---*/

body {
    background-color: #ffffff;
    color: #3D3935;
    font-family: 'Fredoka', sans-serif;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
}

h1 {
    color: #cf3874;
    font-family: 'Fredoka-Bold', sans-serif;
    font-weight: normal;
    font-size: 50px;
    line-height: 54px;
    margin-bottom: 50px;
}

h2 {
    color: #69568c;
    font-family: 'Fredoka-Bold', sans-serif;
    font-weight: normal;
    font-size: 40px;
    line-height: 44px;
    margin-bottom: 25px;
}

h3 {
    color: #3E2B2F;
    font-family: 'Fredoka-Bold', sans-serif;
    font-weight: normal;
    font-size: 30px;
    line-height: 34px;
}

p {
	color: #3D3935;
	font-family: 'Fredoka-Regular', sans-serif;
	font-weight: normal;
    font-size: 24px;
    line-height: 28px;
}

a {
    color: #3D3935;
    font-family: 'Fredoka-Regular', sans-serif;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
}

a:hover {
    color: #cf3874;
    transition: all 0.5s;
}

strong {
    color: #3D3935;
    font-weight: 900;
}

::marker {
    font-weight: 900;
}

img.border-image {
	border-radius: 25px;
}

/*---------- HOME PAGE ----------*/

/*--- SLIDER SECTION ---*/

div#slider {
    background-color: #ffffff;
    padding: 0px;
}

/*div#slider .slick-slide img {
    display: block;
    width: 100%;
}*/

/*--- STEPS SECTION ---*/

div#steps {
    background-color: #F2F2F2;
    padding: 100px;
}

div#steps .columns.is-multiline.is-mobile {
    align-items: center;
}

.coral-number {
    background-color: #cf3874;
    border-radius: 25px;
    width: 100%;
    max-width: 175px;
    height: auto;
    min-height: 150px;
    padding: 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin: 0 auto;
}

span.big-number {
    color: #ffffff;
    font-family: 'Fredoka-Bold', sans-serif;
    font-weight: normal;
    font-size: 100px;
    line-height: normal;
}

.text.is-hidden-desktop {
    margin: 25px 0px;
    text-align: center;
}

img.dotted-line.is-hidden-desktop {
    width: 10px;
    display: block;
    margin: 0 auto;
}

/*--- HOW WE DO IT SECTION ---*/

div#how {
    background-image: url(/images/How-we-do-it.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100%;
    padding: 100px;
}

/*.block {
    padding: 100px 0px 0px 200px;
}*/

div#how h1 {
    color: #69568c;
}

/*--- TESTIMONIAL SECTION ---*/

div#testimonial {
    padding: 0px;
}

div#testimonial .column.is-12 {
    padding: 0px;
}

div#testimonial img.slick-slide.slick-current.slick-active {
    border-radius: 0px 100px 0px 0px;
}

/*img.testimonial {
	border-radius: 0px 100px 0px 0px;
}*/

/*--- GET IN TOUCH SECTION ---*/

div#contact {
    background-color: #cf3874;
    padding: 100px;
}

div#contact h1 {
    color: #ffffff;
}

div#contact h3 {
	color: #ffffff;
	margin-bottom: 10px;
}

div#contact p {
    color: #ffffff;
    margin-bottom: 10px;
}

form#form1_contact {
    padding: 25px 0px 0px 0px;
}

.text-field {
    display: flex;
    flex-direction: row; 
    align-items: center;
    margin-bottom: 25px;
}

.textarea-field {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 25px;
}

.checkbox-field {
    display: inline-flex;
    align-items: center;
    margin-bottom: 25px;
}

input#form1_checkbox {
    width: 30px;
    height: 30px;
    border: 3px solid #3E2B2F;
    margin-right: 15px;
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
}

.checkbox-field label {
    width: 100%;
}

.checkbox-field label a:hover {
    color: #69568c;
    transition: all 0.5s;
}

/*.textarea-field label {
    margin-top: 10px;
}*/

label {
    color: #fff;
    font-family: 'Fredoka-Bold', sans-serif;
    font-weight: normal;
    font-size: 24px;
    line-height: normal;
    width: 20%;
}

input#form1_name, input#form1_email, input#form1_phone {
    color: #3E2B2F;
    font-family: 'Fredoka-Bold', sans-serif;
    font-weight: normal;
    font-size: 24px;
    line-height: normal;
    padding: 10px;
    border: 0px;
    border-radius: 0px;
    width: 100%;
    height: auto;
}

textarea#form1_message {
    color: #3E2B2F;
    font-family: 'Fredoka-Bold', sans-serif;
    font-weight: normal;
    font-size: 24px;
    line-height: normal;
    padding: 10px;
    border: 0px;
    border-radius: 0px;
    width: 100%;
    height: auto;
}

input#form1_submit {
    color: #3E2B2F;
    font-family: 'Fredoka-Bold', sans-serif;
    font-weight: normal;
    font-size: 24px;
    line-height: normal;
    background-color: #ffffff;
    border: 0px;
    border-radius: 0px;
    width: 33.333%;
    height: auto;
    padding: 15px 10px 10px 10px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    -webkit-appearance: none;
}

input:hover#form1_submit {
    color: #3E2B2F;
    background-color: #69568c;
    transition: all 0.5s;
}

/*---------- ABOUT US PAGE ----------*/

/*--- ABOUT US SECTION 1 ---*/

div#about-us-1 {
    padding: 100px 100px 0px 100px;
}

/*--- ABOUT US SECTION 2 ---*/

div#about-us-2 {
    background-image: url(/images/grey-bend.png);
    background-size: inherit;
    background-repeat: no-repeat;
    background-position: 100% 0%;
    padding: 100px;
    /*height: 1300px;
    margin-bottom: 100px;*/
}

.empty-space {
    height: 25px;
}

/*---------- TIPS & ADVICE PAGE ----------*/

/*--- TIPS SECTION 1 ---*/

.text-block-1, .text-block-3{
	z-index: 999 !important;
}
div#tips-1 {
    background-image: url(/images/dashed-line-01.png);
    background-size: 350px;
    background-repeat: no-repeat;
    background-position: -5% 6.5%;
    padding: 100px 100px 0px 100px;
}

.dark-grey-block-1 {
    background-color: #69568c;
    border-radius: 25px;
    padding: 50px;
    margin-top: 60px;
    width: 600px;
    overflow: overlay;
}

.dark-grey-block-1 p {
    color: #ffffff;
}

.dark-grey-block-1 h2 {
    color: #f7d7e3;
}

.light-grey-block {
    background-color: #dad5e2;
    border-radius: 25px;
    padding: 50px;
}

.light-grey-block li {
    color: #452c70;
}

.light-grey-block h2 {
    color: #452c70;
}

img.yellow-dash-2 {
	width: 900px;
	max-width: 1000px;
	margin-bottom: -225px;
	margin-left: -175px;
}

/*--- TIPS SECTION 2 ---*/

div#tips-2 {
    /*background-image: url(/images/yellow-dashed-line-2.png);
    background-size: 550px;
    background-repeat: no-repeat;
    background-position: 100% 100%;*/
    padding: 0px 100px 0px 100px;
}

.dark-grey-block-2 {
    background-color: #69568c;
    border-radius: 25px;
    padding: 50px;
    margin-top: 150px;
    width: 500px;
    overflow: overlay;
    margin-left: -125px;
}

.dark-grey-block-2 h2 {
    color: #f7d7e3;
}

.dark-grey-block-2 p {
    color: #ffffff;
}

img.yellow-dash-3 {
    width: 425px;
    max-width: 1000px;
    margin-bottom: -250px;
    margin-left: -200px;
}

/*--- TIPS SECTION 3 ---*/

div#tips-3 {
    /*background-image: url(/images/yellow-dashed-line-3.png);
    background-size: 350px;
    background-repeat: no-repeat;
    background-position: 0% 0%;*/
    padding: 0px 100px 100px 100px;
}

.dark-grey-block-3 {
    background-color: #69568c;
    border-radius: 25px;
    padding: 50px;
    margin-top: 60px;
    width: 600px;
    overflow: overlay;
}

.dark-grey-block-3 h2 {
    color: #f7d7e3;
}

.dark-grey-block-3 p {
    color: #ffffff;
}

/*--- TIPS SECTION 4 ---*/

div#tips-4 {
    background-image: url(/images/dashed-line-005.png);
    background-size: 475px;
    background-repeat: no-repeat;
    background-position: 102% -2%;
    padding: 0px 100px 100px 100px;
}

.dark-grey-block-4 {
    background-color: #69568c;
    border-radius: 25px;
    padding: 50px;
    margin-top: 150px;
    width: 500px;
    overflow: overlay;
    margin-left: -125px;
}

.dark-grey-block-4 h2 {
    color: #f7d7e3;
}

.dark-grey-block-4 p {
    color: #ffffff;
}

a.contact-us {
    color: #69568c;
    font-family: 'Fredoka-Bold', sans-serif;
    font-weight: normal;
    font-size: 50px;
    line-height: 54px;
}

a:hover.contact-us {
    color: #cf3874;
    transition: all 0.5s;
}

/*---------- FAQ PAGE ----------*/

/*--- SEARCH SECTION ---*/

div#search {
    background-color: #482b73;
    padding: 100px;
}

div#search h1, div#search h3 {
    color: #e187a8;
}

input#form1_q {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 50px;
    color: #3D3935;
    font-family: 'Fredoka-Regular', sans-serif;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
}

/*--- QUESTIONS SECTION ---*/

div#qanda {
    background-image: url(/images/grey.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    padding: 100px;
}

.questions {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 3px dashed #cf3874;
}

p.question {
    color: #cf3874;
    font-family: 'Fredoka-Bold', sans-serif;
    font-weight: normal;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 10px;
}

/*---------- CONTACT US PAGE ----------*/

/*--- MAP SECTION ---*/

div#map {
    padding: 0px;
}

.mapouter {
    width: 100%;
    height: 400px;
}

/*--- CONTACT INFO SECTION ---*/

div#contact-details {
    background-color: #F2F2F2;
    padding: 50px;
}

.contact-info {
    display: inline-flex;
    align-items: center;
}

/*---------------------------------------- MEDIA QUERIES ----------------------------------------*/

@media (min-width: 320px) and (max-width: 480px) {

/*--- GENERIC ---*/

    /*h1 {
        font-size: 42px;
    }

    h2 {
        font-size: 42px;
    }

    h3 {
        font-size: 42px;
    }

    p {
        font-size: 42px;
    }*/

/*---------- HOME PAGE ----------*/

/*--- SLIDER SECTION ---*/

/*--- STEPS SECTION ---*/

    div#steps {
        padding: 50px;
    }

    .coral-number {
        width: fit-content;
        padding: 25px 50px;
    }

/*--- HOW SECTION ---*/

    div#how {
    	background-position: 0% 100%;
    	padding: 50px;
        height: 1900px;
    }

    div#testimonial img.slick-slide.slick-current.slick-active {
    	border-radius: 0px 50px 0px 0px;
	}

    /*img.testimonial {
		border-radius: 0px 50px 0px 0px;
	}*/

/*--- GET IN TOUCH SECTION ---*/

	div#contact {
    	padding: 50px;
	}

	.text-field {
    	display: block;
    	flex-direction: inherit; 
    	align-items: center;
    	margin-bottom: 25px;
	}

	.textarea-field {
    	display: block;
    	flex-direction: inherit;
    	margin-bottom: 25px;
	}

	input#form1_name, input#form1_email, input#form1_phone, textarea#form1_message {
		margin-top: 10px;
	}

	.textarea-field label {
		margin-top: 0px;
	}

	input#form1_submit {
		width: 100%;
	}

/*---------- ABOUT PAGE ----------*/

/*--- ABOUT US SECTION 1 ---*/

	div#about-us-1 {
    	padding: 50px 50px 5px 50px;
	}

/*--- ABOUT US SECTION 2 ---*/

	div#about-us-2 {
    	background-image: url(/images/grey-bend.png);
    	background-size: cover;
    	background-position: top;
    	padding: 50px;
    	/*height: auto;
    	margin-bottom: 0px;*/
	}

/*----- TIPS AND ADVICE PAGE -----*/

/*--- TIPS 1 SECTION ---*/

	div#tips-1 {
    	background-image: url(/images/dashed-line-01.png);
    	background-size: 250px;
    	background-repeat: no-repeat;
    	background-position: -50% 7%;
    	padding: 50px 50px 0px 50px;
	}

	.dark-grey-block-1 {
    	padding: 25px;
    	width: 100%;
	}

	.dark-grey-block-2, .dark-grey-block-3, .dark-grey-block-4 {
    	padding: 25px;
    	margin-top: 0px;
    	margin-left: 0px;
    	width: 100%;
	}

	.light-grey-block {
		padding: 25px 50px;
	}
	
	.light-grey-block li {
		color: #452c70;
	}

	img.yellow-dash-2 {
    	width: 140%;
    	max-width: 1000px;
    	margin-bottom: -50px;
    	margin-left: -75px;
	}

/*--- TIPS 2 SECTION ---*/

	div#tips-2 {
    	padding: 0px 50px 0px 50px;
	}

	img.yellow-dash-3 {
    	width: 100%;
    	max-width: 1000px;
    	margin-bottom: -70px;
    	margin-left: -50px;
	}

/*--- TIPS 3 SECTION ---*/

	div#tips-3 {
    	padding: 50px 50px 0px 50px;
	}

/*--- TIPS 4 SECTION ---*/

	div#tips-4 {
    	background-size: contain;
    	background-position: top;
    	padding: 250px 50px 50px 50px;
	}

/*----- FAQ PAGE -----*/

/*--- SEARCH SECTION ---*/

	div#search {
    	padding: 50px;
	}

/*--- QUESTIONS SECTION ---*/

	div#qanda {
    	background-size: contain;
    	background-position: top;
    	padding: 50px;
	}

/*----- CONTACT US PAGE -----*/

/*--- CONTACT INFO SECTION ---*/

    div#contact-details {
        padding: 50px 25px;
    }

}

@media (min-width: 481px) and (max-width: 768px) {

/*---------- HOME PAGE ----------*/

/*--- HOW SECTION ---*/

    div#how {
    	background-position: 0% 100%;
    	padding: 50px;
        height: 1775px;
    }

/*--- GET IN TOUCH SECTION ---*/

	div#contact {
    	padding: 50px;
	}

	.text-field {
    	display: block;
    	flex-direction: inherit; 
    	align-items: center;
    	margin-bottom: 25px;
	}

	.textarea-field {
    	display: block;
    	flex-direction: inherit;
    	margin-bottom: 25px;
	}

	input#form1_name, input#form1_email, input#form1_phone, textarea#form1_message {
		margin-top: 10px;
	}

	.textarea-field label {
		margin-top: 0px;
	}

/*---------- ABOUT PAGE ----------*/

/*--- ABOUT US SECTION 1 ---*/

    div#about-us-1 {
        padding: 50px 50px 0px 50px;
    }

/*--- ABOUT US SECTION 2 ---*/

    div#about-us-2 {
        background-image: url(/images/grey-bend.png);
        background-size: inherit;
        background-position: -25% 0%;
        padding: 50px;
        /*height: auto;
        margin-bottom: 0px;*/
    }

/*----- TIPS AND ADVICE PAGE -----*/

/*--- TIPS 1 SECTION ---*/

    div#tips-1 {
        background-image: url(/images/dashed-line-01.png);
        background-size: 250px;
        background-repeat: no-repeat;
        background-position: 0% 4%;
        padding: 50px 50px 0px 50px;
    }

    .dark-grey-block-1, .dark-grey-block-2, .dark-grey-block-3, .dark-grey-block-4 {
        /*padding: 25px;*/
        margin-top: 0px;
        margin-left: 0px;
        width: 100%;
    }

    /*.light-grey-block {
        padding: 25px 50px;
    }*/

    img.yellow-dash-2 {
        width: 125%;
        max-width: 1000px;
        margin-bottom: -50px;
        margin-left: -100px;
    }

/*--- TIPS 2 SECTION ---*/

    div#tips-2 {
        padding: 0px 50px 0px 50px;
    }

    img.yellow-dash-3 {
        width: 50%;
        max-width: 1000px;
        margin-bottom: -70px;
        margin-left: -50px;
    }

/*--- TIPS 3 SECTION ---*/

    div#tips-3 {
        padding: 50px 50px 0px 50px;
    }

/*--- TIPS 4 SECTION ---*/

    div#tips-4 {
        background-position: 105% -1%;
        padding: 150px 50px 50px 50px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {

/*---------- HOME PAGE ----------*/

/*--- STEPS SECTION ---*/

	div#steps .columns.is-multiline.is-mobile {
		display: inline-flex;
    	align-items: baseline;
	}

	div#steps .text.is-hidden-desktop {
	   	display: none;
	}

	div#steps img.dotted-line.is-hidden-desktop {
    	display: none;
	}

	/*div#steps .columns.is-multiline.has-text-centered.is-hidden-mobile {
    	display: none;
	}*/

/*--- HOW SECTION ---*/

    div#how {
    	background-position: 0% 100%;
    	padding: 50px;
        height: 1825px;
    }

/*--- GET IN TOUCH SECTION ---*/

	div#contact {
    	padding: 50px;
	}

/*---------- ABOUT PAGE ----------*/

/*--- ABOUT US SECTION 2 ---*/

	img.women-chart {
    	bottom: 0%;
    	position: absolute;
    	width: 50%;
	}

/*----- TIPS AND ADVICE PAGE -----*/

/*--- TIPS 1 SECTION ---*/

    div#tips-1 {
        background-image: url(/images/dashed-line-01.png);
        background-size: 250px;
        background-repeat: no-repeat;
        background-position: 0% 1.5%;
        padding: 50px 50px 0px 50px;
    }

    .dark-grey-block-1, .dark-grey-block-2, .dark-grey-block-3, .dark-grey-block-4 {
        /*padding: 25px;*/
        margin-top: 0px;
        margin-left: 0px;
        width: 100%;
    }

    /*.light-grey-block {
        padding: 25px 50px;
    }*/

    img.yellow-dash-2 {
        width: 125%;
        max-width: 1000px;
        margin-bottom: -50px;
        margin-left: -100px;
    }

/*--- TIPS 2 SECTION ---*/

    div#tips-2 {
        padding: 0px 50px 0px 50px;
    }

    img.yellow-dash-3 {
        width: 50%;
        max-width: 1000px;
        margin-bottom: -70px;
        margin-left: -50px;
    }

/*--- TIPS 3 SECTION ---*/

    div#tips-3 {
        padding: 50px 50px 0px 50px;
    }

/*--- TIPS 4 SECTION ---*/

    div#tips-4 {
        background-position: 105% -1%;
        padding: 150px 50px 50px 50px;
    }
}