:root {
	--blue:#4b85a8;
	--red:#e73a04;
}
::selection {background-color:#4b85a8; color:#FFFFFF;}



header {padding: 20px;text-align: center;background: #F4F4F4;box-shadow: inset 0px -7px 12px 0px rgba(0, 0, 0, 0.05);}
header img {margin: 0px auto;width: 220px;}

body{color:#212529;font-size: 24px;line-height: 36px;font-family: 'Quicksand', Arial;}
p {margin-bottom: 24px;}
p.mbs {margin-bottom: 12px;}
p.mbn {margin-bottom: 32px;}
ul {margin-bottom: 36px;}
li {margin-bottom: 24px;}
li p {margin-bottom: 16px;}
img {max-width: 100%;}

.program {margin:24px auto;font-family: 'Roboto',Arial,Verdana,Helvetica,sans-serif; font-weight: 900; font-size: 46px; text-align:center; text-transform: uppercase; color: var(--red);}
.program .underline {}

h1,h2,h3 {font-family: 'Roboto',Arial,Verdana,Helvetica,sans-serif; font-weight: 900; text-align:center;}

h1.title {color:#32363a; font-size: 48px; line-height: 66px; max-width: 880px; margin:0px auto 24px auto;font-weight: 700;}
h1 strong {font-weight: 900;color:#212529}
.subtitle {text-align: center;font-size: 29px; line-height: 48px; margin: 0px auto 48px auto; max-width:640px;}

h2 {margin-top: 60px;font-size: 32px; line-height: 48px; margin-bottom: 48px;}


div.ghidul {font-family: "Quicksand"; font-size: 27px; text-align: center;margin-bottom: 20px;}
h2.prod-title {font-size: 54px; line-height: 80px;margin-top: 0px; margin-bottom: 20px;}
h2.prod-subtitle {font-family: "Quicksand";font-size: 27px;font-weight: 300;margin-top: 20px;margin-bottom: 80px;line-height: 48px;}

h3 {font-size: 36px;margin-top: 48px;margin-bottom: 36px;line-height: 48px;}

.t-wrap {    background-color: #fff;padding: 15px;border-radius: 5px;margin-left: 45px;margin-bottom: 48px;border: 1px solid #eaeaea;}
.t-wrap img {display: block; margin: 0px auto 30px auto;}
.t-wrap p {font-size: 14px; line-height: 21px;}

footer {font-size: 14px;text-align: center;background: #F4F4F4;box-shadow: inset 0px 7px 12px 0px rgba(0, 0, 0, 0.05);padding:20px 0px;}

h2.acces {font-size: 52px; line-height: 72px; margin-top: 90px; margin-bottom: 20px;}
.red {color:var(--red);}

/* SECTIONS */
#intro {padding-top:50px;position: relative; z-index: 1;}


/* COMMON MODIFIERS */
.blue {color:#4b85a8;}
.red {color:#fa5c2f;}
.bold {font-weight:700;}
.bolder {font-weight:900;}
img.md {width: 240px;}
p.larger {font-size: 23px; line-height: 37px;}
p.smaller {font-size:16px;line-height: 25px;}
.mt-m {margin-top: 38px !important;}
.mt-l {margin-top: 57px !important;}
.mb-l {margin-bottom: 57px !important;}
.mt-xl {margin-top: 76px !important;}
.mt-xxl {margin-top: 180px !important;}
.mb-xl {margin-bottom: 76px !important;}
.alert-info {background-color: #4b85a830;}
.py-5 {padding-top:40px; padding-bottom:40px;}
.pt-8 {padding-top:80px;}
.bolder {font-weight:900;}

/* OTHERS */

img.autor {width: 180px; margin-left: auto; margin-right: auto;}


ul { margin-left: 0px; }
ul.arrow, ul.checklist {list-style: outside none none; padding-left: 45px; position: relative;margin-bottom: 48px;}
ul.arrow li, ul.checklist li {margin-bottom: 36px;}
ul.arrow li::before {
    display: inline-block;
    position: absolute;
    left: 0px;
    content: '\276F';
    color: #4b85a8;
    background-color: #ffef0044;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    padding-top: 0px;
    font-weight: bold;
		margin-top: 5px;
}
ul.checklist li::before {
    display: inline-block;
    position: absolute;
    left: 0px;
    content: '\2713';
    color: #4b85a8;
    background-color: #ffef0044;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    font-size: 27px;
    line-height: 27px;
    text-align: center;
    padding-top: 0px;
    font-weight: bold;
}



.parere p {font-size: 14px; line-height: 22px; margin-bottom: 12px;}

.order-wrap {text-align: center;}
.order-text {color: #1b2a6b;font-weight: 700;font-size: 17px;padding: 12px 0px;}

.strikethrough {position: relative;color: #ff0000;font-weight: 700;padding-left: 3px;padding-right: 3px;}
.strikethrough::before {position: absolute;content: '';left: 0;top: 45%;right: 0;border-top: 2px solid;border-top-color: currentcolor;border-color: inherit;-webkit-transform: skewY(-8deg);-moz-transform: skewY(-8deg);transform: skewY(-8deg);}

.spacer {display: block; height:200px;}


.faq {margin: 0px;padding-left: 40px;}
.faq dt {cursor: pointer;font-weight: 400;margin-bottom: 24px;}
.faq dt::before {content: '\2799'; margin-left: -40px; float:left;}
.faq dt:hover {color:#4b85a8;}
.faq dt.open::before {content: '\2798';}
.faq dd 	{margin-bottom:24px;}
.faq dd p {}


.lined-text {display: block;width: 100%;padding: 0px;text-align: center;border-top: 1px solid #4b85a8;}
.lined-text span {padding: 20px; margin-top:-37px ;color: #4b85a8; background-color: #fff;display: inline-block;font-size: 24px;font-weight: 300;}




@media (max-width: 575px) {
	body {font-size: 17px; line-height: 27px;}
	p {margin-bottom: 22px;}
	p.larger {font-size: 19px; line-height: 32px;}

  .program {font-size: 28px; line-height: 44px; margin-bottom: 0px;}
	h1.title{font-size: 37px; line-height: 53px;}
	h2.prod-title {font-size: 48px;line-height: 66px;}
	h2.prod-subtitle {font-size: 21px;line-height: 36px;}
	h2.acces {font-size: 38px;line-height: 56px;}
  h3 {font-size: 24px;line-height: 36px;margin-top: 36px;margin-bottom: 24px;}

	.t-wrap {margin-bottom: 0px;}
	img.autor {float:none;margin: 0px auto;display: block;}

	.order-text {font-size: 13px; line-height: 21px;}

	.mt-m-xl {margin-top: 60px;}
	.d-m-none {display: none;}
	.spacer {height: 100px;}

}