.block-banner { background: #E8EDFA; position: relative; /*
.image { position: absolute; right: 0; z-index: 1; .no-edit & { img { position: absolute;  right: 0; } }
}
*/ }
.block-banner:before { content: ''; display: inline-block; width: 100vw; height: 100vw; background-color: #fff; border-radius: 50%; position: absolute; bottom: 0; left: -15%; }
@media (max-width: 992px) { .block-banner:before { display: none; } }
.block-banner:after { content: ''; display: inline-block; width: 50vw; height: 50vw; background-color: #fff; border-radius: 50%; position: absolute; bottom: 20%; right: -10%; }
@media (max-width: 1210px) { .block-banner:after { bottom: 40%; } }
@media (max-width: 992px) { .block-banner:after { display: none; } } 
.block-banner .text { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; flex-direction: column; padding-top: 50px; padding-bottom: 100px; }
@media (max-width: 992px) { .block-banner .text { padding-bottom: 0; } }
.block-banner .text h1 { font-family: "latobold"; font-size: 48px; color: #4A90E2; letter-spacing: 0; margin: 0 0 30px; }
@media (max-width: 1210px) { .block-banner .text h1 { font-size: 36px; } }
@media (max-width: 768px) { .block-banner .text h1 { font-size: 28px; } }
.block-banner .text h2 { font-family: "noirregular"; font-size: 29px; color: #303B56; letter-spacing: 0; line-height: 40px; margin: 0 0 15px; }
@media (max-width: 768px) { .block-banner .text h2 { font-size: 20px; line-height: 30px; } }
.block-banner .text p { font-family: "robotolight", Helvetica, Arial, sans-serif; font-size: 18px; color: #878A9D; letter-spacing: 0; line-height: 29px; }
@media (max-width: 1210px) { .block-banner .text p { font-size: 16px; } }
@media (max-width: 768px) { .block-banner .text p { font-size: 14px; } }
.block-banner .image { position: absolute; right: 0; z-index: 1; }
.edit .block-banner .image { position: inherit; z-index: inherit; }
@media (max-width: 1210px) { .block-banner .image { padding-left: 10vw; } }
@media (max-width: 992px) { .block-banner .image { position: inherit; height: 400px; } }
.block-banner .image .mask { display: inline-block; width: auto; position: absolute; right: 0; /*
&--main { position: relative; z-index: 4; left: -10px; 
}
*/ }
.edit .block-banner .image .mask { position: inherit; }
@media (max-width: 992px) { .block-banner .image .mask { width: 450px; } }
@media (max-width: 768px) { .block-banner .image .mask { width: 400px; } }
@media (max-width: 500px) { .block-banner .image .mask { width: inherit; padding-left: 10vw; } }
.block-banner .image .mask--image { opacity: 0; position: absolute; z-index: -1; }
.block-banner .image .mask--background { opacity: 0; }
.block-banner .image .mask--ball { position: absolute; }
.block-banner .image .mask--ball__one { top: 20px; }
.block-banner .image .mask--ball__one img { max-width: inherit; width: 100%; }
.block-banner .image .mask--ball__two { top: -10px; right: 120px; z-index: 5; }
@media (max-width: 1600px) { .block-banner .image .mask--ball__two img { -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -o-transform: scale(0.65); -ms-transform: scale(0.65); transform: scale(0.65); } }
.block-banner .image .mask--ball__three { right: 60%; bottom: 10%; }
@media (max-width: 1600px) { .block-banner .image .mask--ball__three img { -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -o-transform: scale(0.65); -ms-transform: scale(0.65); transform: scale(0.65); } }

.block-survey-list { padding: 100px 0 200px 0; background: #E8EDFA; position: relative; }
.block-survey-list .graphic-dot { content: ''; width: 145px; height: 109px; background: url("../images/graphic_dot_purple.svg"); position: absolute; top: -70px; }
.block-survey-list .row { margin-left: -25px; margin-right: -25px; }
.block-survey-list .block-item { position: relative; padding-right: 25px; padding-left: 25px; padding-bottom: 50px; -webkit-transform: translateY(0em); -moz-transform: translateY(0em); -o-transform: translateY(0em); -ms-transform: translateY(0em); transform: translateY(0em); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; }
.block-survey-list .block-item.elem-plus-3 { position: relative; -webkit-transform: translateY(10em); -moz-transform: translateY(10em); -o-transform: translateY(10em); -ms-transform: translateY(10em); transform: translateY(10em); }
.block-survey-list .block-item:hover .content .image img { box-shadow: -2px 28px 39px 1px #A8B1C9; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; }
.block-survey-list .block-item:hover .content .title h3 { color: #320E82; }
.block-survey-list .block-item:hover .content .onhover { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; }
.block-survey-list .block-item .content { position: relative; z-index: 1; padding-bottom: 10px; }
.block-survey-list .block-item .content .image { height: 250px; }
.block-survey-list .block-item .content .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 12px; }
.block-survey-list .block-item .content .title { padding-top: 30px; }
.block-survey-list .block-item .content .title h3 { font-family: "latoblack"; font-size: 14px; color: #878A9D; letter-spacing: 0; text-transform: uppercase; text-align: center; max-width: 90%; margin: 0 auto; }
.block-survey-list .block-item .content .onhover { opacity: 0; position: absolute; z-index: -1; width: 100%; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; }
.block-survey-list .block-item .content .onhover > div { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.block-survey-list .block-item .content .onhover .desc { text-align: center; max-width: 90%; margin: 0 auto; font-family: "robotoregular", Helvetica, Arial, sans-serif; font-size: 14px; color: #878A9D; letter-spacing: 0; display: block; display: -webkit-box; /* max-width: 200px; */ -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-top: 10px; }

.block-survey-detail { padding: 50px 0; }
.block-survey-detail p, .block-survey-detail li { font-family: "robotoregular", Helvetica, Arial, sans-serif; font-size: 18px; color: #878A9D; letter-spacing: 0; line-height: 29px; }
@media (max-width: 1080px) { .block-survey-detail p, .block-survey-detail li { font-size: 16px; } }
@media (max-width: 768px) { .block-survey-detail p, .block-survey-detail li { font-size: 14px; } }
.block-survey-detail strong, .block-survey-detail b { font-family: "latoblack"; font-size: 18px; color: #000000; letter-spacing: 0; text-transform: uppercase; }
.block-survey-detail .content-title h2 { font-family: "latobold"; font-size: 48px; color: #4A90E2; letter-spacing: 0; text-align: center; text-transform: uppercase; max-width: 800px; margin: 0 auto; }
@media (max-width: 1080px) { .block-survey-detail .content-title h2 { font-size: 30px; } }
@media (max-width: 768px) { .block-survey-detail .content-title h2 { font-size: 24px; } }
.block-survey-detail .content-cover { margin-top: 50px; }
.block-survey-detail .content-cover img { width: 100%; }
.block-survey-detail .content { padding: 50px 0; }
.block-survey-detail .content .wrapper h2 { font-family: "latoblack"; font-size: 24px; color: #000000; letter-spacing: 0; margin-bottom: 20px; }
@media (max-width: 1080px) { .block-survey-detail .content .wrapper h2 { font-size: 20px; } }
@media (max-width: 768px) { .block-survey-detail .content .wrapper h2 { font-size: 18px; } }
.block-survey-detail .content .wrapper p { font-family: "robotoregular", Helvetica, Arial, sans-serif; font-size: 18px; color: #878A9D; letter-spacing: 0; line-height: 29px; }
@media (max-width: 1080px) { .block-survey-detail .content .wrapper p { font-size: 16px; } }
@media (max-width: 768px) { .block-survey-detail .content .wrapper p { font-size: 14px; } }
.block-survey-detail .content-block { padding-top: 50px; }
.block-survey-detail .content-block .title h3 { font-family: "noirmedium"; font-size: 32px; color: #000000; letter-spacing: 0; text-transform: uppercase; margin-bottom: 0; }
@media (max-width: 1080px) { .block-survey-detail .content-block .title h3 { font-size: 20px; } }
@media (max-width: 768px) { .block-survey-detail .content-block .title h3 { font-size: 18px; } }
.block-survey-detail .content-block .block-list { padding: 50px 0; width: 100%; }
@media (max-width: 1080px) { .block-survey-detail .content-block .block-list .block-item { flex-wrap: wrap; } }
@media (min-width: 992px) { .block-survey-detail .content-block .block-list .block-item:nth-child(even) .block-image { order: 2; } }
.block-survey-detail .content-block .block-list .block-item .block-image, .block-survey-detail .content-block .block-list .block-item .block-text { width: 50%; }
.block-survey-detail .content-block .block-list .block-item .block-image img { width: 585px; height: 575px; object-fit: cover; object-position: center; }
@media (max-width: 1080px) { .block-survey-detail .content-block .block-list .block-item .block-image img { width: 100%; height: 400px; } }
@media (max-width: 768px) { .block-survey-detail .content-block .block-list .block-item .block-image img { height: 250px; } }
@media (max-width: 1080px) { .block-survey-detail .content-block .block-list .block-item .block-image { width: 40%; flex: 0 0 40%; } }
@media (max-width: 992px) { .block-survey-detail .content-block .block-list .block-item .block-image { width: 100%; flex: 0 0 100%; margin-bottom: 30px; } }
.block-survey-detail .content-block .block-list .block-item .block-text { padding: 0 50px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; flex-direction: column; }
@media (max-width: 1080px) { .block-survey-detail .content-block .block-list .block-item .block-text { width: 60%; flex: 0 0 60%; } }
@media (max-width: 992px) { .block-survey-detail .content-block .block-list .block-item .block-text { width: 100%; flex: 0 0 100%; padding: 0; } }
.block-survey-detail .content-block .block-list .block-item .block-text h4 { font-family: "latoblack"; font-size: 18px; color: #000000; letter-spacing: 0; text-transform: uppercase; }
@media (max-width: 1080px) { .block-survey-detail .content-block .block-list .block-item .block-text h4 { font-size: 16px; } }
.block-survey-detail .content-block .block-list .block-item .block-text p { font-family: "robotoregular", Helvetica, Arial, sans-serif; font-size: 18px; color: #878A9D; letter-spacing: 0; line-height: 29px; }
@media (max-width: 1080px) { .block-survey-detail .content-block .block-list .block-item .block-text p { font-size: 14px; } }
.block-survey-detail .content-block .block-list .block-item .block-text b, .block-survey-detail .content-block .block-list .block-item .block-text strong { font-family: "robotobold", Helvetica, Arial, sans-serif; color: #000; }
.block-survey-detail .content-action { padding: 25px 0; border-top: 1px solid rgba(135, 138, 157, 0.27); }
@media (max-width: 768px) { .block-survey-detail .content-action { flex-direction: column; } }
.block-survey-detail .content-action > div { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
@media (max-width: 992px) { .block-survey-detail .content-action > div:last-child { margin-top: 30px; } }
.block-survey-detail .content-action .link-hover { margin-top: 0; }
.block-survey-detail .content-action .link-hover a:hover:before { border: solid #fff; border-width: 0 1px 1px 0; padding: 4px; }
.block-survey-detail .content-action .link-hover a:before { content: ''; border: solid #4A90E2; border-width: 0 1px 1px 0; display: inline-block; padding: 4px; height: 8px; margin-right: 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.block-survey-detail .content-action p { font-family: "latoregular"; font-size: 18px; color: #878A9D; letter-spacing: 0; margin-bottom: 0; margin-right: 30px; }
.block-survey-detail .content-action ul { list-style-type: none; display: flex; display: -webkit-flex; padding-left: 0; margin-bottom: 0; }
.block-survey-detail .content-action ul li { margin-right: 20px; }
.block-survey-detail .content-action ul li:last-child { margin: 0; }
.block-survey-detail .content-action ul li .twitter, .block-survey-detail .content-action ul li .facebook, .block-survey-detail .content-action ul li .instagram { width: 46px; height: 46px; border-radius: 50%; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; -webkit-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -moz-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -o-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -ms-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; }
.block-survey-detail .content-action ul li .twitter { background: #DFF1FF; border: 1px solid #DFF1FF; }
.block-survey-detail .content-action ul li .twitter:hover { background: transparent; }
.block-survey-detail .content-action ul li .facebook { background: #E3E6F1; border: 1px solid #E3E6F1; }
.block-survey-detail .content-action ul li .facebook:hover { background: transparent; }
.block-survey-detail .content-action ul li .instagram { background: #F2F2F2; border: 1px solid #F2F2F2; }
.block-survey-detail .content-action ul li .instagram:hover { background: transparent; }

.block-related { padding: 100px 0; background: #E8EDFA; }
@media (max-width: 1080px) { .block-related { padding: 50px 0; } }
.block-related h2 { font-family: "noirmedium"; font-size: 100px; color: #E8EDFA; letter-spacing: 0; text-shadow: -1px 0 #320E82, 0 1px #320E82, 1px 0 #320E82, 0 -1px #320E82; }
@media (max-width: 1080px) { .block-related h2 { font-size: 60px; } }
.block-related .block-survey-related { padding: 70px 0; background: #E8EDFA; }
@media (max-width: 1080px) { .block-related .block-survey-related { padding: 0; } }
.block-related .block-survey-related .block-item { margin-bottom: 50px; }
.block-related .block-survey-related .block-item .image img { width: 100%; height: 242px; object-fit: cover; object-position: center; border-top-left-radius: 13px; border-top-right-radius: 13px; }
.block-related .block-survey-related .block-item .text { background: #fff; padding: 30px; height: 270px; flex-direction: column; box-shadow: 9px 9px 20px -12px #C7CEDF; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; }
.block-related .block-survey-related .block-item .text.onhover { box-shadow: 9px 47px 51px 0 #B2BAD1; }
.block-related .block-survey-related .block-item .text h3 { font-family: "latoblack"; font-size: 14px; color: #000000; letter-spacing: 0; }
.block-related .block-survey-related .block-item .text .desc { font-family: "robotoregular", Helvetica, Arial, sans-serif; font-size: 14px; color: #878A9D; letter-spacing: 0; display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.block-related .block-survey-related .block-item .text .link-hover { margin-top: 50px; }
.block-related .block-survey-related .block-item .text .link-hover:hover a { color: #fff; }
.block-related .block-survey-related .block-item .text .link-hover a { color: #4A90E2; }

/*# sourceMappingURL=survey.css.map */