html {
font-family: 'Red Hat Display', sans-serif;
line-height: 1.75;
}
.uk-container {
max-width: 1150px;
}
.white_text {
color: #fff !important;
}
.black_text {
color: #000;
}
.dark_text {
color: #1a1b1e;
}
.bold_text {
font-weight: 900;
}
p {
font-family: 'Open Sans', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #1a1b1e;
font-family: 'Red Hat Display', sans-serif;
}
h1 {
font-size: 42px;
font-weight: 600;
}
h6 {
font-size: 18px;
}
.heading_title {
text-transform: uppercase;
font-weight: 600;
margin-bottom: 30px;
font-family: "Open Sans", Sans-serif;
}
.pre_heading {
color: #4CC6F5;
margin-bottom: 10px!important;
padding: 0!important;
margin-left: 0!important;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
font-family: "Open Sans", Sans-serif;
}
.main_heading {
color: #1a1b1e;
font-size: 30px;
margin-bottom: 25px!important;
margin-top: 0px!important;
font-weight: 900;
letter-spacing: 0px;
word-spacing: 4px;
line-height: 36px!important;
font-family: "Open Sans", Sans-serif;
}
header {
padding: 10px 0;
position: relative;
z-index: 100;
}
header .header_grid {
justify-content: space-between;
flex-wrap: nowrap;
}
header .header_logo img {
height: 55px;
width: auto;
}
header .header_menu {
display: flex;
align-items: center;
}
header .header_menu ul li {
list-style: none;
position: relative;
}
header .header_menu ul li a {
color: #fff;
align-items: center;
padding: 0 15px;
font-size: 14px;
font-family: 'Red Hat Display', sans-serif;
line-height: 1.875;
letter-spacing: 1px;
text-transform: uppercase!important;
text-decoration: none;
text-align: center;
min-height: auto;
white-space: nowrap;
display: inline-block;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
header .header_menu ul li a:hover {
color: #00b2f1 !important;
}
header .header_menu ul li:hover > a {
color: #00b2f1 !important;
}
header .header_menu ul li > a:active {
color: #00b2f1 !important;
}
header .header_menu ul li.uk-active > a {
color: #00b2f1;
}
header .header_menu ul li.uk-parent a svg {
margin-left: 1px;
}
header .header_menu ul li.uk-parent li.uk-parent:active a svg {
transform: rotate(180deg);
}
header .header_menu .uk-navbar-dropdown {
min-width: 290px;
white-space: nowrap;
padding: 25px 0px;
z-index: 10;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
header .header_menu .uk-navbar-dropdown:before {
content: '';
width: 20px;
height: 20px;
background-color: #fff;
position: absolute;
top: -10px;
left: 135px;
transform: rotate(45deg);
border-radius: 3px 0 0 0 ;
}
header .header_menu ul.sub_menu li a {
color: #000;
display: inherit;
text-align: left;
margin-bottom: 7px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
header .header_menu ul.sub_menu li a:hover {
padding-left: 35px;
}
header .header_schedule {
display: flex;
align-items: center;
}
header .header_schedule .uk-button {
box-shadow: 0px 4px 17px rgba(0, 189, 242, 0.4) !important;
padding: 8px 28px;
width: 170px;
}
header .header_schedule .uk-button:hover {
box-shadow: none !important;
}
header .header_schedule a {
color: #00b2f1;
text-decoration: none;
transition: color .2s ease-in-out;
}
header .header_schedule a:hover {
color: #fff;
text-decoration: none;
}
header .icon_mobile_menu a.uk-navbar-toggle {
min-height: auto;
}
header .icon_mobile_menu a.uk-navbar-toggle svg {
color: #fff;
}
header#white_header {
background-color: #fff;
}
header#white_header .header_menu ul li a {
color: #000;
}
header#white_header .btn_trans {
color: #000;
}
header#white_header .icon_mobile_menu a.uk-navbar-toggle svg {
color: #000;
}
#mobile_menu .uk-nav-default > li:last-child a {
border-bottom: 0;
}
#mobile_menu .uk-offcanvas-bar {
background: #343D44 !important;
padding: 20px 20px 0;
top: 90px;
width: 100%;
}
#mobile_menu a {
padding: 9px 0;
display: block;
color: white;
font-weight: 500;
border-bottom: 1px solid #e5e5e5;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
font-family: "Red Hat Display", sans-serif;
}
#mobile_menu a:hover {
color: #00b2f1 !important;
}
#mobile_menu ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#mobile_menu li.uk-parent > a {
position: relative;
}
#mobile_menu li.uk-parent ul.uk-nav-sub li {
margin-bottom: 0px;
padding-left: 15px;
}
#mobile_menu li.uk-parent ul.uk-nav-sub li a {
border: 0;
padding: 5px 0;
}
#mobile_menu li.uk-parent > a:after {
content: '';
width: 16px;
height: 16px;
background: url(/wp-content/uploads/2021/03/right-chevron.png) no-repeat;
background-size: 70%;
text-align: center;
position: absolute;
top: 16px;
right: 0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#mobile_menu li.uk-parent.uk-open > a:after {
content: '';
width: 16px;
height: 16px;
background-size: 70%;
text-align: center;
position: absolute;
top: 16px;
right: 5px;
transform: rotate(90deg);
}
.uk-button {
text-transform: none;
}
.btn_trans {
border-radius: 50px;
box-shadow: none;
border: solid 2px #0cc9e9;
background: transparent;
font-size: 14px;
line-height: 14px;
color: #fff;
font-weight: 400;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
padding: 16px 28px;
}
.btn_trans:hover {
background: #00c3ff !important;
color: #fff !important;
}
.btn_blue {
font-weight: 500!important;
border-radius: 50px!important;
box-shadow: 1px 11px 31px -7px #0cc9e9 !important;
border: 1px solid #00c3ff;
background-color: #00c3ff;
color: #fff;
font-size: 16px;
line-height: 24px;
padding: 14px 28px;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
.btn_blue:hover {
box-shadow: none !important;
background-color: transparent;
border: 1px solid #00c3ff;
color: #00c3ff;
transition: 0.5s;
}
#section_first_main {
background-color: #1E222D;
padding: 0;
margin-top: -75px;
}
#section_first_main h1 {
font-size: 56px;
font-weight: 600;
}
#section_first_main .uk-container {
position: relative;
z-index: 50;
min-height: calc(100vh - 75px);
display: flex;
flex-direction: column;
justify-content: center;
}
#section_first_main .see_more {
position: absolute;
bottom: -70px;
text-transform: uppercase;
text-decoration: none;
}
#section_main_trust {
padding-bottom: 0px!important;
}
#section_main_quote {
padding-top: 0px!important;
}
#section_main_quote .main_quote_right,
#section_main_quote .main_quote_left {
padding-top: 200px;
}
#section_main_quote .ot_heading .pre_heading {
margin-bottom: 0px!important;
}
#section_main_quote .ot_heading .main_heading {
font-size: 30px;
margin-bottom: 4px!important;
margin-top: 4px!important;
font-weight: 900;
letter-spacing: 1px;
word-spacing: 4px;
}
#section_main_quote .ot_heading .post_heading {
font-size: 16px;
line-height: 1.875;
color: #5D5D5D;
font-weight: 400;
margin-top: 10px;
font-family: "Open Sans", Sans-serif;
}
.quote_box img {
border-radius: 50%;
max-height: 55px;
float: left;
margin-right: 20px;
}
.quote_box .quote_text {
color: #000;
font-size: 15px;
font-weight: 400;
line-height: 20px;
padding-right: 150px;
font-family: "Open Sans", Sans-serif;
position: relative;
}
.quote_box .quote_name {
float: left;
margin: 0;
color: #1a1b1e;
font-size: 16px;
font-weight: 600;
line-height: 28px;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
}
.quote_box .quote_company {
float: left;
margin: 0;
font-size: 13px;
font-weight: 400;
color: #000;
}
.quote_box .quote_text:before {
position: absolute;
content: "";
background: url(/wp-content/uploads/2021/03/quote-1.png);
height: 80px;
width: 80px;
background-size: contain;
background-repeat: no-repeat;
background-position-y: bottom;
bottom: 0;
}
.main_quote_left .quote_white_table {
position: absolute;
top: 80%;
left: -10%;
}
.main_quote_left .quote_white_table .first_list li:first-child:before {
background-color: #9772fe;
}
.main_quote_left .quote_white_table .first_list li:nth-child(2):before {
background-color: #ffbe8c;
}
.main_quote_left .quote_white_table .first_list li:nth-child(3):before {
background-color: #f2b8eb;
}
.main_quote_left .quote_white_table .first_list li:nth-child(4):before {
background-color: #41cb98;
}
.main_quote_left .quote_white_table .first_list li:nth-child(5):before {
background-color: #8ce4ff;
}
.main_quote_left .quote_white_table .first_list li:nth-child(6):before {
background-color: #ffbe8c;
}
.main_quote_left .quote_white_table .first_list li:nth-child(7):before {
background-color: #f2b8cb;
}
.main_quote_left .quote_white_table .first_list li:nth-child(8):before {
background-color: #9772fe;
}
.main_quote_left .quote_white_table .first_list li:last-child:before {
background-color: #41cb98;
}
.main_quote_left .quote_white_table .first_list li:before {
content: '';
background-color: #000000;
display: block;
width: 10px;
height: 10px;
border-radius: 50px;
position: absolute;
top: 7px;
left: -16px;
}
.main_quote_left .quote_white_image {
position: absolute;
top: 50%;
left: 4%;
}
.main_quote_right .quote_white_table {
position: absolute;
top: 80%;
right: -4%;
}
.main_quote_right .quote_white_table img {
float: left;
}
.main_quote_right .quote_white_image {
position: absolute;
top: 50%;
right: -5%;
}
.main_quote_right .quote_text_column {
padding-left: 90px;
}
.quote_img_column {
position: relative;
}
.quote_img_column img {
border-radius: 12px
;
}
.quote_img_column .quote_white_table {
background: #fff;
width: 340px;
box-shadow: 0px 0px 14px #0000002e;
padding: 20px;
border-radius: 10px;
}
.quote_img_column .quote_white_table p {
margin-bottom: 8px;
color: #000;
font-size: 14px;
margin-bottom: 10px;
font-weight: 500;
text-transform: uppercase;
padding-top: 10px;
}
.quote_img_column .quote_white_table .first_list {
display: inline-block;
list-style: none;
font-size: 14px;
color: #000000;
font-weight: 500;
margin-bottom: 0;
margin-top: 0;
padding-left: 18px;
}
.quote_img_column .quote_white_table .first_list li {
position: relative;
margin-bottom: 10px;
}
.quote_img_column .quote_white_table .second_list {
display: inline-block;
list-style: none;
font-size: 14px;
color: #000000;
font-weight: 700;
margin-bottom: 0;
margin-top: 0;
padding-left: 18px;
}
.quote_img_column .quote_white_table .second_list li {
list-style: none;
margin-bottom: 10px;
}
.quote_img_column .quote_white_table .second_list li span {
font-weight: 500;
}
.quote_img_column .quote_white_table .second_list.big_font {
font-weight: 700;
font-size: 22px;
margin-bottom: 18px;
padding-left: 0;
}
.quote_img_column .quote_white_table .first_list.big_font li {
margin-bottom: 27px;
color: #5d5d5d;
font-size: 12px;
}
.quote_img_column .quote_white_table .first_list.big_font li strong {
color: #000;
}
#section_main_insights {
padding-bottom: 120px;
}
.iconbox_center {
text-align: center;
}
.iconbox_left {
text-align: left;
}
.iconbox_left a {
color: #00c3ff;
text-decoration: underline;
}
.iconbox img {
margin-bottom: 18px;
}
.iconbox .iconbox_title {
font-size: 20px;
margin-bottom: 6px;
color: #000;
font-weight: 600;
font-family: "Open Sans", Sans-serif;
}
.iconbox .iconbox_text {
font-size: 14px;
font-weight: 400;
line-height: 23px;
margin: 0;
color: #5D5D5D;
font-family: "Open Sans", Sans-serif;
}
#section_main_solutions {
background-color: #F8F9FD;
}
#section_main_solutions .ot_heading {
max-width: 430px;
margin: 0 auto;
}
a.iconbox_link {
text-decoration: none;
}
.iconbox_white {
background: #fff;
padding: 30px 30px;
border-radius: 10px;
margin: 0 20px;
}
.iconbox_white .btn_trans {
color: #000;
font-size: 16px;
line-height: 24px;
font-weight: 700;
margin: 0 25px;
width: calc(100% - 50px);
padding: 16px 28px;
}
.iconbox_white img {
margin-bottom: 40px;
max-width: 95px;
}
.iconbox_white .iconbox_text {
margin: 20px 0 40px 0;
}
.iconbox_white:hover {
box-shadow: 0px 0px 20px #00000014;
}
#section_main_privacy {
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 100px;
}
#section_main_privacy .uk-grid {
justify-content: center;
}
#section_main_privacy .main_heading {
font-family: "Open Sans", Sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 30px;
margin-bottom: 6px;
}
#section_main_privacy p {
margin: 0px auto 20px;
font-size: 14px;
font-weight: 400;
line-height: 19px;
max-width: 300px;
}
#section_main_benefits {
padding-top: 100px;
padding-bottom: 0;
}
#section_main_benefits img {
width: auto;
max-height: 95px;
border-radius: 50%;
box-shadow: 6px 6px 13px 0px rgba(42, 67, 113, 0.2);
}
#section_main_benefits .iconbox_text {
padding-right: 40%;
}
#section_main_benefits .iconbox_left {
padding-bottom: 80px;
}
#section_main_benefits .main_heading {
font-size: 32px;
font-weight: 700;
line-height: 1.2;
}
.mar_pad_remove {
margin: 0;
padding: 0;
}
footer {
font-family: 'Open Sans', sans-serif;
padding-top: 10px!important;
}
footer .uk-container {
border-top: 2px solid #E6E6E6;
padding-top: 60px;
}
footer .footer_logo {
max-width: 140px;
}
footer .footer_logo img {
max-width: 112px;
}
footer .footer_logo p {
margin: 5px 0 0;
padding: 0;
}
footer ul.menu {
list-style: none;
padding: 0px;
margin: 0px;
}
footer ul.menu li {
margin-bottom: 8px;
}
footer ul.menu li a {
margin: 0;
padding: 0;
background: transparent;
color: #666666;
font-weight: 400;
text-decoration: none;
line-height: 20px;
font-size: 16px;
}
footer a:hover {
color: #00c3ff;
transition: 0.4s;
text-decoration: none;
}
#feed_back_form a:not(.btn_blue) {
color: #00c3ff;
text-decoration: none;
}
#feed_back_form .btn_blue {
padding: 16px 50px;
}
#feed_back_form .uk-h2 {
color: #1a1b1e;
margin-top: 0px;
font-family: "Open Sans", Sans-serif;
font-size: 28px;
font-weight: 900;
}
#feed_back_form .uk-container {
background-color: #F8F9FD;
}
#feed_back_form .uk-container form {
padding: 60px 20%;
}
#feed_back_form .uk-container form input.uk-input {
border-top: none;
border-left: none;
border-right: none;
background-color: transparent;
}
#feed_back_form .uk-container form textarea.uk-textarea {
border-top: none;
border-left: none;
border-right: none;
background-color: transparent;
}
#feed_back_form .uk-container form input.uk-radio {
border-radius: 50%;
width: 24px;
height: 24px;
background: #d9d9d9;
border: none;
margin-right: 15px;
}
#feed_back_form .uk-container form input.uk-radio:checked {
background-color: #0cc9e9;
border: 5px solid #d9d9d9;
}
#feed_back_form .uk-container form .radio_wrapper label {
font-weight: 500;
color: #000;
font-size: 16px;
padding-right: 30px;
padding-bottom: 20px;
}
#feed_back_form .uk-container form .radio_wrapper .uk-form-controls {
display: flex;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
}
#feed_back_form .uk-container form .uk-form-label {
margin-bottom: 20px;
color: #999;
font-size: 16px;
}
/*end main page*/
#section_first_image {
margin-top: -75px;
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
#section_first_image .uk-container {
min-height: 400px;
display: flex;
flex-direction: column;
justify-content: center;
}
#section_first_image h1 {
font-family: "Open Sans", Sans-serif;
}
.single_title {
text-align: center;
font-family: "Open Sans", Sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 32px;
}
.table_white .wrapper_table_white {
background: #fff;
box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.14);
padding: 45px 45px 25px 45px;
border-radius: 10px;
}
.table_white .wrapper_table_white img {
max-width: 100px;
}
.table_white .wrapper_table_white .table_white_title {
font-family: "Open Sans", Sans-serif;
font-weight: 900;
}
.table_white .wrapper_table_white .table_white_text p {
color: #000;
line-height: 22px;
font-weight: 500;
position: relative;
}
#section_sol_cases .table_white .table_white_text p {
padding-left: 30px;
}
#section_sol_cases .table_white .table_white_text p:after {
content: "";
position: absolute;
height: 10px;
width: 10px;
background: #0cc9e9;
border-radius: 50px;
left: 0;
top: 6px;
}
#section_sol_analyses {
background-color: #F8F9FD;
}
#section_sol_analyses .slideshow_analyses {
padding: 20px 60px;
}
#section_sol_analyses .slideshow_analyses ul.uk-slideshow-items li {
padding: 0 30px;
border-radius: 20px;
}
#section_sol_analyses .slideshow_analyses .uk-slidenav {
color: #333 !important;
}
#section_sol_analyses .slideshow_analyses .uk-dotnav > * > * {
background-color: #eee !important;
border: 0;
}
#section_sol_analyses .slideshow_analyses .uk-dotnav > .uk-active > * {
background-color: #22C3EF !important;
}
#section_sol_visitor {
background-color: #161A26;
}
#section_sol_visitor ul.uk-subnav {
justify-content: center;
}
#section_sol_visitor ul.uk-subnav li {
padding: 10px 15px 0;
}
#section_sol_visitor ul.uk-subnav li a {
background-color: transparent;
border: 2px solid #20C3EE;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.001) inset;
color: #FFFFFF;
border-radius: 50px;
padding: 10px;
text-transform: none;
font-size: 16px;
text-align: center;
transition: all 0.3s ease-in 0s;
}
#section_sol_visitor ul.uk-subnav li.uk-active a {
background: white;
border-color: #fff;
color: #20c3ee;
}
#section_sol_visitor ul.uk-switcher li {
text-align: center;
}
#section_sol_visitor ul.uk-switcher li img {
border-radius: 10px;
}
/*end solution-cpt*/
#section_tech_title p {
color: #000000;
}
#section_tech_step .wrapper_step .step_col_text {
padding: 0 140px 0 160px;
}
#section_tech_step .wrapper_step .step_col_text .step_title {
font-size: 24px;
font-family: "Open Sans", Sans-serif;
font-weight: 600;
position: relative;
}
#section_tech_step .wrapper_step .step_col_text .step_title:after {
content: '';
font-size: 128px;
line-height: 1;
position: absolute;
left: -26px !important;
top: -50px;
z-index: -9999;
color: #e6e6e6;
font-family: 'Montserrat', sans-serif;
font-weight: 900!Important;
}
#section_tech_step .wrapper_step .step_col_text p {
color: #000;
}
#section_tech_step .wrapper_step:first-child .step_title:after {
content: '1';
}
#section_tech_step .wrapper_step:nth-child(2) .step_title:after {
content: '2';
}
#section_tech_step .wrapper_step:nth-child(3) .step_title:after {
content: '3';
}
#section_tech_step .wrapper_step:nth-child(4) .step_title:after {
content: '4';
}
/*end_technology*/
.grid_centered > div {
margin: 0 auto;
}
#section_privacy_info .privacy_grid {
margin: 40px auto 0;
}
#section_privacy_info h4 {
font-weight: 900;
font-size: 24px;
}
#section_privacy_question {
background-color: #F8F9FD;
}
#section_privacy_question .uk-grid > div {
margin: 40px auto 0;
padding-right: 15%;
}
#section_privacy_question p {
color: #000;
}
.question_wrapper {
margin-bottom: 30px;
}
.question_wrapper .ques_title {
font-family: "Open Sans", Sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 32px;
}
.question_wrapper p {
color: #000;
margin-bottom: 5px;
}
.question_wrapper p.toggle {
padding: 20px 20px 20px 20px;
background-color: #FFFFFF;
border-radius: 10px 10px 10px 10px;
font-family: 'Red Hat Display', sans-serif;
}
.question_wrapper a {
color: #00c3ff;
text-decoration: none;
font-family: "Open Sans", Sans-serif;
}
.question_wrapper .toggle_link span {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.question_wrapper .toggle_link.rotate span {
transform: rotate(180deg);
}
/*end privacy*/
#section_team_info p {
color: #000;
}
#section_team_persons {
background-color: #F8F9FD;
}
#section_team_persons .team_container {
background-color: #fff;
border-radius: 10px;
margin-top: 30px;
margin-bottom: 30px;
padding: 20px;
}
#section_team_persons .team_container .team_card img {
border-radius: 50%;
}
#section_team_persons .team_container .team_card .team_info {
padding: 0 20px;
}
#section_team_persons .team_container .team_card .team_info .member_name {
color: #00B1F1;
font-family: "Open Sans", Sans-serif;
font-weight: 800;
margin-bottom: 8px!important;
}
#section_team_persons .team_container .team_card .team_info .member_job {
color: #000;
font-weight: 600;
font-family: "Red Hat Text", sans-serif;
margin: 0;
}
#section_team_persons .team_container .team_card .team_info .member_text {
margin-top: 8px;
}
#section_team_persons .team_container .member_link {
background-color: #00b2f1;
padding: 7px 7px 10px;
color: #fff;
border-radius: 4px;
}
#section_team_persons .team_container .member_link:hover {
opacity: 0.9;
}
/*end team*/
header#dark_header {
background-color: #1E222D;
}
#section_first_image.section_career {
background-position: center center;
margin-top: 0;
}
#section_career_info {
background-color: #F8F9FD;
}
#section_career_info .title {
font-family: "Open Sans", Sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 32px;
margin-bottom: 10px;
}
#section_career_info hr {
border-top: 6px solid #02BDF2;
width: 26%;
margin-top: 10px;
}
#section_career_map {
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
}
#section_career_map hr {
width: 30%;
text-align: center;
border-top: 6px solid #02BDF2;
margin-top: 10px;
}
#section_career_frame {
padding-top: 0px!important;
}
#section_career_frame iframe {
width: 100%;
}
/*end career*/
#section_first_image.section_internship {
background-position: top center;
margin-top: 0;
}
#section_first_image.section_internship p {
font-size: 24px;
}
#section_intern_offer hr {
width: 12%;
text-align: center;
border-top: 4px solid #02BDF2;
margin-top: 10px;
}
#section_intern_offer h4 {
font-size: 26px;
}
#section_intern_offer ul.list_offer {
margin-top: 40px;
}
#section_intern_offer ul.list_offer li {
font-size: 18px;
}
#section_intern_about {
color: #404041;
}
#section_intern_about p {
font-size: 18px;
color: #404041;
font-family: "Red Hat Text", sans-serif;
}
#section_intern_about .single_title {
color: #404041;
font-family: "Red Hat Text", sans-serif;
}
#section_intern_names .name_col_text .name,
#section_intern_names .name_col_text .name_2 {
font-size: 30px;
font-weight: 800;
font-family: "Red Hat Display", Sans-serif;
color: #1a1b1e;
margin: 10px 0;
}
#section_intern_names .name_col_text .name_2 {
font-weight: 500;
}
#section_intern_names .name_col_text hr {
width: 12%;
text-align: center;
border-top: 4px solid #02BDF2;
margin-top: 10px;
}
#section_intern_names .name_col_text p {
color: #404041;
font-family: "Red Hat Display", Sans-serif;
}
#section_intern_last hr {
width: 12%;
text-align: center;
border-top: 4px solid #02BDF2;
margin-top: 10px;
}
#section_intern_last h4 {
font-size: 26px;
}
#section_intern_last ul li {
font-size: 18px;
}
/*end internship*/
#section_archive_solutions .iconbox_white {
box-shadow: 0px 0px 20px #00000014;
}
#section_archive_solutions .iconbox_white:hover {
box-shadow: 0px 0px 40px #00000014;
}
#section_blog .wrapper_table_white {
padding: 0;
}
#section_blog .wrapper_table_white .wrap_blog_img {
height: 280px;
overflow: hidden;
}
#section_blog .wrapper_table_white .wrap_blog_img img {
border-radius: 10px 10px 0 0;
min-width: 100%;
}
#section_blog .wrapper_table_white .wrap_blog_text {
padding: 30px;
}
#section_blog .wrapper_table_white .wrap_blog_text .table_white_title {
margin-top: 20px;
}
#section_blog .wrapper_table_white .wrap_blog_text .table_white_title a {
color: #1a1b1e;
text-decoration: none;
font-family: "Open Sans", Sans-serif;
font-weight: 700;
font-size: 20px!important;
line-height: 36px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
#section_blog .wrapper_table_white .wrap_blog_text .table_white_title a:hover {
color: #00c3ff;
}
#section_blog .wrapper_table_white .wrap_blog_text .table_white_text p {
color: #606060;
font-family: "Red Hat Text", sans-serif;
line-height: 1.875;
font-weight: 400;
min-height: 60px;
}
#section_blog .wrapper_table_white .wrap_blog_text .table_white_text a {
color: #00c3ff;
font-size: 12px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
}
#section_blog .wrapper_table_white .wrap_blog_text .table_white_text a:hover {
text-decoration: none;
}
.post_cat a {
background-color: #00c3ff;
color: #fff;
padding: 8px 10px;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.post_cat a:hover {
background: #fff;
text-decoration: none;
box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
-webkit-box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
-moz-box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
color: #00c3ff;
}
/* end blog*/
#section_single_blog {
/*share*/
}
#section_single_blog p {
color: #606060;
font-family: "Open Sans", Sans-serif;
}
#section_single_blog h2,
#section_single_blog h3,
#section_single_blog h4,
#section_single_blog h5,
#section_single_blog h6 {
color: #1a1b1e;
font-family: "Open Sans", Sans-serif;
}
#section_single_blog .post_main .post_meta {
margin-top: 30px;
display: flex;
}
#section_single_blog .post_main .post_meta > * {
color: #5D5D5D;
font-weight: 500;
}
#section_single_blog .post_main .post_meta p {
margin: 0;
}
#section_single_blog .post_main .post_meta a {
text-decoration: none;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
#section_single_blog .post_main .post_meta a:hover {
color: #6EC1E4;
}
#section_single_blog .post_main h4 {
font-family: "Red Hat Display", Sans-serif;
font-weight: 900;
font-size: 24px;
}
#section_single_blog .post_main h4 strong {
font-weight: 500;
}
#section_single_blog .post_main h3 {
font-family: "Red Hat Display", Sans-serif;
font-weight: 500;
font-size: 20px;
color: #1a1b1e;
line-height: 1.2;
}
#section_single_blog .post_main em {
color: #1a1b1e;
}
#section_single_blog .post_main .post_content {
padding-left: 25px;
}
#section_single_blog .post_main .post_content a {
color: #00c3ff;
text-decoration: none;
}
#section_single_blog blockquote,
#section_single_blog blockquote em {
font-size: 24px;
line-height: 42px;
margin: 30px 0;
font-weight: 500;
padding: 0 30px;
position: relative;
color: #1a1b1e;
font-family: "Red Hat Text", sans-serif;
letter-spacing: -0.2px;
}
#section_single_blog blockquote {
border-left: 3px solid #00c3ff;
}
#section_single_blog blockquote cite,
#section_single_blog blockquote cite em {
font-size: 14px;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #a5b7d2 !important;
}
#section_single_blog .dpsp-share-text {
text-align: center;
border-top: solid 1px #eee;
margin-top: 40px;
padding-top: 30px;
}
#section_single_blog ul.dpsp-networks-btns-wrapper.dpsp-networks-btns-share {
display: flex;
justify-content: center;
}
#section_single_blog ul.dpsp-networks-btns-wrapper.dpsp-networks-btns-share li {
margin-right: 10px!important;
margin-left: 10px!important;
}
#section_single_blog .dpsp-networks-btns-wrapper .dpsp-network-btn:hover {
box-shadow: none;
color: inherit;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
/*end single blog*/
#section_faq .uk-accordion > li {
margin-bottom: 20px;
padding: 13px 10px 13px 25px;
background: #fff;
box-shadow: 8px 8px 25px 0px rgba(42, 67, 113, 0.15);
-webkit-box-shadow: 8px 8px 25px 0px rgba(42, 67, 113, 0.15);
-moz-box-shadow: 8px 8px 25px 0px rgba(42, 67, 113, 0.15);
border-radius: 28px;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
}
#section_faq .uk-accordion > li.uk-open .uk-accordion-title {
color: #00c3ff;
}
#section_faq .uk-accordion > li.uk-open .uk-accordion-content {
padding-right: 15px;
color: #606060;
line-height: 1.875;
}
#section_faq .uk-accordion > li.uk-open .uk-accordion-content ul {
list-style-image: url(/wp-content/uploads/2021/03/check.png);
}
#section_faq .uk-accordion > li.uk-open .uk-accordion-content strong {
font-weight: 500!important;
}
#section_faq .uk-accordion > li.uk-open .uk-accordion-content p {
font-family: "Red Hat Display", sans-serif;
}
#section_faq .uk-accordion > li.uk-open .uk-accordion-content a {
color: #00c3ff;
text-decoration: none;
}
#section_faq .uk-accordion-title {
color: #1a1b1e;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
font-size: 16px;
font-weight: 500;
line-height: 2;
}
#section_faq .uk-accordion-title:hover {
color: #00c3ff;
}
#section_faq .uk-accordion-title::before {
content: '';
width: 32px;
height: 32px;
margin-left: 10px;
float: right;
color: #fff;
background-color: #00c3ff;
border-radius: 50%;
background-image: url(/wp-content/uploads/2021/03/down-arrow.png);
text-align: center;
}
#section_faq .uk-open > .uk-accordion-title::before {
content: '';
background-image: url(/wp-content/uploads/2021/03/up-arrow.png);
font-size: 22px;
}
/*end privat notice accordion*/
#section_404 .error_wraper {
display: flex;
justify-content: center;
align-items: center;
}
#section_404 .error_wraper .error_h2 {
font-size: 250px;
font-weight: 900;
color: #0039e4;
background-image: -moz-linear-gradient(145deg, #0039e4, #04daf1);
background-image: -webkit-linear-gradient(145deg, #0039e4, #04daf1);
background-image: linear-gradient(145deg, #0039e4, #04daf1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 8px 8px 13px rgba(2, 156, 236, 0.3);
z-index: 100;
}
#section_404 .error_wraper img {
margin-left: -55px;
margin-top: 25px;
z-index: 10;
}
#section_404 .error_text h1 {
font-weight: 900;
}
#section_404 .error_text p {
margin: 0 130px 30px;
}
@media (min-width: 768px) {
#section_main_quote .main_quote_left .quote_text_column {
order: 1;
}
#section_main_quote .main_quote_left .quote_img_column {
order: 2;
}
#section_main_quote .main_quote_right .quote_text_column {
order: 2;
}
#section_main_quote .main_quote_right .quote_img_column {
order: 1;
}
#section_tech_step .step_one .step_col_text {
order: 1;
}
#section_tech_step .step_one .step_col_img {
order: 2;
}
#section_tech_step .step_two .step_col_text {
order: 2;
}
#section_tech_step .step_two .step_col_img {
order: 1;
}
#section_intern_names .name_one .name_col_text {
order: 2;
}
#section_intern_names .name_one .name_col_img {
order: 1;
}
#section_intern_names .name_two .name_col_text {
order: 1;
}
#section_intern_names .name_two .name_col_img {
order: 2;
}
}
@media (min-width: 1023px) {
.main_quote_left .quote_img_column:after {
content: "";
position: absolute;
height: 250px;
/*background: url(https://www.placense.com/wp-content/uploads/2020/10/shape-bg-1.png);*/
width: 72%;
right: -24px;
top: -72px;
z-index: -9;
}
.main_quote_right .quote_img_column:after {
content: "";
position: absolute;
height: 250px;
/*background: url(https://www.placense.com/wp-content/uploads/2020/10/shape-bg-1.png);*/
width: 72%;
left: -43px;
top: -72px;
z-index: -9;
}
#section_first_main h1 {
margin-top: 80px;
}
}
@media (max-width: 1024px) {
#section_main_privacy p {
max-width: 500px;
}
.quote_box .quote_text {
padding-right: 0;
}
.iconbox_center {
border: solid 2px #eee;
padding: 20px;
border-radius: 14px;
max-width: 260px;
margin: auto;
}
#section_first_main p {
font-size: 25px;
}
header .header_menu ul li a {
padding: 0px 8px;
letter-spacing: 0px;
}
header .btn_trans {
letter-spacing: 0px;
padding: 10px;
}
.table_white .wrapper_table_white {
padding: 20px;
}
#section_main_quote .quote_img_column .quote_white_table {
width: 320px;
padding: 15px;
}
#section_main_quote .main_quote_right .quote_text_column {
padding-left: 30px;
}
#section_main_quote .main_quote_right .quote_white_table {
top: 60%;
}
#section_main_quote .main_quote_left .quote_white_table {
left: 0%;
}
#section_tech_step .wrapper_step {
padding-bottom: 30px;
}
#section_tech_step .wrapper_step .step_col_text {
padding: 0 0 0 50px;
}
#section_tech_title p {
text-align: center;
}
#section_privacy_info .privacy_grid .table_white {
padding: 20px;
}
#section_privacy_question .uk-container {
padding-left: 60px;
}
}
@media (max-width: 960px) {
#section_sol_analyses .slideshow_analyses {
padding: 0;
}
#section_tech_step .wrapper_step {
padding-bottom: 60px;
}
#section_privacy_info .privacy_grid .table_white {
padding: 10px;
}
#section_privacy_question .uk-container {
padding-left: 40px;
}
#section_privacy_question .uk-container .uk-grid:nth-child(2) {
margin-top: 0;
}
.table_white .wrapper_table_white {
padding: 30px;
}
#section_team_persons .team_container {
background-color: transparent;
}
#section_team_persons .team_container .uk-grid {
margin-left: -15px;
}
#section_team_persons .team_container .team_wrapper {
background-color: #fff;
border-radius: 10px;
padding-bottom: 20px;
}
#feed_back_form .uk-container form {
padding: 60px 20%;
}
#section_blog .wrapper_table_white .wrap_blog_img {
height: 200px;
}
#section_blog .wrapper_table_white .wrap_blog_text .table_white_text p {
min-height: 90px;
}
}
@media screen and (max-width: 640px) {
p {
line-height: 24px!important;
}
#section_first_main h1 {
font-size: 42px;
}
#section_first_main p {
font-size: 20px;
}
#section_main_trust {
padding-bottom: 10px;
}
.main_quote {
padding-bottom: 50px;
}
#section_main_quote .main_quote_right,
#section_main_quote .main_quote_left {
padding-top: 70px;
}
.main_quote_left .quote_white_table {
position: static;
}
.main_quote_right .quote_white_table {
position: static;
}
.main_quote_right .quote_img_column {
order: 2;
}
.main_quote_right .quote_text_column {
order: 1;
padding-left: 30px;
}
.quote_img_column .quote_white_table {
width: calc(100% - 40px);
margin-top: 30px;
}
#section_first_image.section_technology {
background-position: 65% center;
position: relative;
}
#section_first_image.section_technology .background_overlay {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0.7;
background-color: #161A26;
z-index: 1;
}
#section_first_image.section_technology .uk-container {
position: relative;
z-index: 100;
}
#section_sol_visitor ul.uk-subnav li a {
border: 0;
border-bottom: 2px solid #20C3EE;
border-radius: 0;
padding: 0;
}
#section_sol_visitor ul.uk-subnav li.uk-active a {
background: transparent;
border-color: #20C3EE;
}
#section_main_benefits .iconbox_text {
padding-right: 10%;
}
#feed_back_form {
padding-top: 0!important;
}
#feed_back_form .uk-container form {
padding: 60px 30px;
}
#feed_back_form .uk-container form input.uk-radio {
margin-right: 8px;
}
#feed_back_form .uk-container form .wpcf7-radio > span {
display: block;
margin-bottom: 4px;
}
#section_first_image.section_career {
background-position: center left;
margin-top: 0;
}
.uk-totop {
right: 20px!important;
}
#section_404 .error_wraper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#section_404 .error_wraper .error_h2 {
font-size: 150px;
}
#section_404 .error_wraper img {
margin: 0;
}
#section_404 .error_text p {
margin: 0 0 30px 0;
}
.uk-totop svg:first-child {
display: none;
}
.uk-totop svg:last-child {
display: inherit!important;
}
.uk-totop svg {
margin: 0 auto;
}
}
/** CF7 **/
.wpcf7 .wpcf7-not-valid {
border-color: #f00;
}
.wpcf7 span.wpcf7-not-valid-tip {
display: none;
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 1em;
font-weight: normal;
display: block;
}
.wpcf7-response-output {
margin-top: 10px;
}
.wpcf7 form.sent .wpcf7-response-output {
border: 2px solid #46b450;
/* Green */
background: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border: 2px solid #dc3232;
/* Red */
background: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
}
.wpcf7 form.spam .wpcf7-response-output {
border: 2px solid #f56e28;
/* Orange */
background: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border: 2px solid #ffb900;
/* Yellow */
background: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
}
.screen-reader-response {
display: none;
}
.privacy_footer {
font-size: 14px;
letter-spacing: 0.02em;
}
footer {
position: relative;
}
.uk-totop {
padding: 0px;
transition: color 0.1s ease-in-out;
right: -50px;
position: fixed;
background: #fff;
color: #00c3ff;
cursor: pointer;
width: 46px !important;
height: 46px;
line-height: 33px;
text-align: center;
text-decoration: none;
z-index: 1000;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
bottom: 45px;
box-shadow: 6px 6px 13px 0px #c4c4c4;
-webkit-box-shadow: 6px 6px 13px 0px #c4c4c4;
-moz-box-shadow: 6px 6px 13px 0px #c4c4c4;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.uk-totop svg:last-child {
display: none;
}
.uk-totop svg {
height: 46px;
width: 36px;
}
.uk-totop:focus {
color: #00c3ff;
}
.uk-totop:hover {
bottom: 55px;
color: #00c3ff;
}
.uk-totop.show {
right: 40px;
}
.header_dark {
position: relative;
}
.header_dark header {
background-color: #1F303D;
}
.bg__shadow {
display: none;
width: 100%;
height: 100%;
position: absolute;
z-index: 100;
top: 0;
left: 0;
background-color: rgba(31, 48, 61, 0.8);
}
.promo {
position: relative;
width: 100%;
min-height: 430px;
box-sizing: border-box;
}
.promo__bg {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.promo__bg > * {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
display: block;
}
.promo__content {
font-family: 'Open Sans', sans-serif;
color: #fff;
width: 100%;
padding: 55px 0 59px;
margin: 0 auto 0;
display: flex;
align-items: flex-end;
justify-content: space-between;
box-sizing: border-box;
margin: 0 -10px;
}
@media (max-width: 767px) {
.promo__content {
align-items: flex-start;
flex-direction: column;
}
}
.promo__content .promo__left,
.promo__content .promo__right {
margin: 10px;
}
.promo__content .promo__title {
color: #fff;
font-size: 42px;
font-weight: 700;
margin-bottom: 11px;
text-shadow: 0px 2px 13px #4A9FC9;
}
.promo__features-list {
}
.promo__content .promo__features-list {
color: #fff;
font-size: 24px;
font-weight: 600;
text-shadow: 0px 2px 13px #4A9FC9;
}
.promo__content .promo__features-list ul {
list-style: none;
margin: 0;
padding: 0 0 0 33px;
}
.promo__content .promo__features-list ul li {
padding-top: 5px;
position: relative;
}
.promo__content .promo__features-list ul li:before {
content: "";
height: 23px;
width: 23px;
display: block;
background-position: -6px -7px;
background-repeat: no-repeat;
background-image: url('../img/icons/check.svg');
position: absolute;
left: -33px;
top: 8px;
}
.promo__form > * {
margin: 0;
font-family: 'Open Sans', sans-serif;
color: #fff;
text-align: center;
}
.promo__content-img {
padding: 10px 21px;
background: rgba(255, 255, 255, 0.72);
border: 1px solid rgba(255, 255, 255, 0.7);
backdrop-filter: blur(9px);
border-radius: 4px;
}
.promo__content-img > * {
max-width: 83px;
max-height: 53px;
}
.promo__form {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.promo__form > legend {
margin-bottom: 16px;
font-family: 'Open Sans', sans-serif;
}
.promo__form-fields {
min-height: 80px;
width: 100%;
margin: 0 -12.5px;
padding: 19px 95px 16px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
box-sizing: border-box;
}
.promo__form-fields > * {
width: calc((100% / 5) - 25px);
max-width: 200px;
margin: 0 12.5px 25px;
}
.filter {
position: relative;
}
.filter.disabled {
cursor: not-allowed;
pointer-events: none;
}
.filter::after {
content: '';
width: 24px;
height: 24px;
position: absolute;
z-index: 2;
right: 0;
top: 50%;
transform: translateY(-50%);
background: url('../img/icons/i-dropdown-arr.svg');
transition: all .3s linear;
}
.filter.open::after {
transform: translateY(-50%) rotate(-180deg);
}
.filter.open .filter__field {
background-color: #fff;
border: 1px solid #EDEDED;
border-radius: 4px 4px 0 0;
color: #00B2F1;
}
.filter.open .filter__field::placeholder {
color: #00B2F1;
}
.filter__field {
padding: 11px 5px;
position: relative;
z-index: 2;
width: 100%;
outline: none;
background: transparent;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid #fff;
box-sizing: border-box;
cursor: pointer;
transition: all .3s linear;
font: bold 16px / 22px 'Open Sans', sans-serif;
color: #fff;
}
.filter__field::placeholder {
color: #fff;
}
.filter__dropdown-wrapper {
display: none;
width: 100%;
height: 347px;
padding: 0 9px 0 0;
position: absolute;
z-index: 4;
top: 46px;
left: 0;
background-color: #fff;
border-left: 1px solid #D4D4D4;
border-right: 1px solid #D4D4D4;
border-bottom: 1px solid #D4D4D4;
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
border-radius: 0 0 4px 4px;
box-sizing: border-box;
}
.filter__dropdown {
height: 335px;
margin: 0;
padding: 0 7px 0 0;
list-style: none;
overflow-y: auto;
}
.filter__dropdown::-webkit-scrollbar {
width: 7px;
}
.filter__dropdown::-webkit-scrollbar-track {
background: transparent;
}
.filter__dropdown::-webkit-scrollbar-thumb {
background: #D4D4D4;
}
.filter__dropdown > * {
position: relative;
padding-left: 14px;
border-bottom: 1px solid #EDEDED;
font: 600 16px / 46px 'Open Sans', sans-serif;
color: #1A1B1E;
text-align: left;
cursor: pointer;
transition: all .3s linear;
}
.filter__dropdown > *.selected,
.filter__dropdown > *:hover {
background-color: #00B2F1;
color: #fff;
}
.filter__dropdown > *[data-locked='true']::after {
content: '';
width: 24px;
height: 24px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: url('../img/icons/i-lock.svg');
transition: all .3s linear;
}
.filter__dropdown > *[data-locked='true']:hover::after {
background: url('../img/icons/i-lock-white.svg');
}
.dashboard {
margin-top: -80px;
position: relative;
}
@media (max-width: 1200px) {
.dashboard {
margin-top: -164px;
}
.promo__form-fields {
min-height: 164px;
}
}
@media (max-width: 768px) {
.dashboard {
margin-top: -416px;
}
.promo__form-fields {
min-height: 416px;
}
}
.dashboard__ttl {
margin-bottom: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.dashboard__ttl > h3 {
margin: 0;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
}
.dashboard__about {
width: 20px;
height: 20px;
margin: 5px 0 0 13px;
display: flex;
align-items: center;
justify-content: center;
}
.dashboard__about > * {
width: 100%;
height: 100%;
}
.dashboard__popup {
display: none;
position: fixed;
z-index: 101;
top: 60px;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 1150px;
padding: 30px;
background-color: #FFFFFF;
border: 1px solid #00B2F1;
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
border-radius: 4px;
box-sizing: border-box;
}
.dashboard__popup-close {
width: 24px;
height: 24px;
position: absolute;
top: 30px;
right: 26px;
display: flex;
justify-content: center;
align-items: center;
}
.dashboard__popup-close > * {
width: 100%;
height: 100%;
}
.dashboard__popup > * {
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
line-height: 30px;
}
.dashboard__popup > *:not(:last-child) {
margin-bottom: 10px;
}
.dashboard__popup h1,
.dashboard__popup h2,
.dashboard__popup h3,
.dashboard__popup h4,
.dashboard__popup h5,
.dashboard__popup p b,
.dashboard__popup p strong {
color: #1A1B1E;
}
.dashboard__popup h5 {
font-size: 18px;
}
.dashboard__popup p a {
text-decoration: underline;
}
.partners {
position: relative;
width: 100%;
min-height: 337px;
padding: 49px 16px 56px;
overflow: hidden;
box-sizing: border-box;
margin-bottom: -10px;
}
.partners__bg {
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
top: 0;
left: 0;
}
.partners__bg > * {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
display: block;
}
.block__ttl {
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
}
.block__ttl-main {
margin: 0;
color: #1A1B1E;
font-weight: 600;
text-align: center;
}
.block__ttl-subttl {
margin-bottom: 10px;
color: #00B2F1;
font-weight: bold;
text-align: center;
}
.partners__content {
margin-bottom: 80px;
}
.partners__content .block__ttl-main {
color: #fff;
}
.partners__list {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.partners__list > * {
width: 100%;
max-width: 180px;
height: 86px;
background: rgba(255, 255, 255, 0.9);
border: 2px solid #FFFFFF;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(9px);
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
}
.partners__list > *:not(:first-child) {
margin-left: 20px;
}
.partners__list > * > * {
max-width: 133px;
max-height: 70px;
border-radius: inherit;
}
.technology {
width: 100%;
margin: 0 auto;
box-sizing: border-box;
/** padding-top: 40px; **/
}
.technology__content {
margin-bottom: 59px;
}
.technology__list {
margin: 0 -50px;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.technology__list-block {
width: calc((100% / 3) - 100px);
margin: 0 50px 90px;
display: flex;
align-items: center;
flex-direction: column;
}
.technology__list-block .block__img {
width: 95px;
height: 95px;
margin-bottom: 5px;
}
.technology__list-block .block__img > * {
width: 100%;
height: 100%;
object-fit: contain;
object-position: 50% 50%;
display: block;
}
.technology__list-block .block__ttl {
margin: 0 0 10px;
text-align: center;
}
.technology__list-block > p {
margin: 0;
font-weight: 600;
color: #1A1B1E;
text-align: center;
}
.plans {
background-color: #F5F5F5;
margin-bottom: 24.5px;
box-sizing: border-box;
}
.plans__wrapper {
width: 100%;
max-width: 1182px;
margin: 0 auto;
padding: 40px 16px 70px;
box-sizing: border-box;
}
.plans__content {
margin-bottom: 45px;
}
.plans__table-wrapper {
padding-top: 55px;
overflow-x: auto;
}
.plans__table-wrapper::-webkit-scrollbar {
height: 8px;
}
.plans__table-wrapper::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
.plans__table-wrapper::-webkit-scrollbar-thumb {
background-color: #00B2F1;
border-radius: 10px;
}
.plans__table-wrapper > table {
width: 1150px;
position: relative;
border-collapse: collapse;
}
.plans__table-wrapper > table caption {
font: 800 18px / 25px 'Open Sans', sans-serif;
color: #1A1B1E;
}
.plans__table-wrapper > table tbody .title__td {
font: 800 18px / 25px 'Open Sans', sans-serif;
color: #1A1B1E;
padding-bottom: 10px !important;
text-align: left !important;
}
.plans__table-wrapper > table tbody tr:first-child td {
position: relative;
padding: 0 0 40px;
text-align: center;
vertical-align: top;
}
.plans__table-wrapper > table tbody tr:first-child td::after {
content: '';
width: 1px;
height: 62.5%;
position: absolute;
top: 0;
right: 0;
background-color: #D4D4D4;
}
.plans__table-wrapper > table tbody tr:first-child td:first-child::after ,
.plans__table-wrapper > table tbody tr:first-child td:last-child::after {
display: none;
}
.plans__table-wrapper > table tbody tr:first-child td .plans__img > * {
max-width: 172px;
max-height: 179px;
}
.plans__table-wrapper > table tbody tr:first-child td .plan__desc {
position: relative;
min-height: 25px;
margin-bottom: 20px;
}
.plans__table-wrapper > table tbody tr:first-child td .plan__desc * {
margin: 0;
font: 600 18px / 25px 'Open Sans', sans-serif;
color: #00434B;
}
.plans__table-wrapper > table tbody tr:first-child td .plan__desc .plan__ttl {
font-weight: 800;
}
.plans__table-wrapper > table tbody tr:first-child td .plan__desc .plan__best {
padding: 4px 10px;
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);
background-color: #00B2F1;
border-radius: 5px;
font-size: 16px;
color: #fff;
}
.plans__table-wrapper > table tbody tr:first-child td .plan__price {
display: flex;
align-items: baseline;
justify-content: center;
font: 600 38px / 52px 'Open Sans', sans-serif;
color: #1A1B1E;
}
.plans__table-wrapper > table tbody tr:first-child td .plan__price span:nth-child(1),
.plans__table-wrapper > table tbody tr:first-child td .plan__price span:nth-child(3) {
font-weight: normal;
font-size: 28px;
line-height: 38px;
}
.plans__table-wrapper > table tbody tr:first-child td .plan__price span:first-child {
padding-right: 5px;
align-self: center;
}
.plans__table-wrapper > table tbody tr:first-child td .plan__location {
display: block;
margin-bottom: 20px;
min-height: 23px;
font: 600 16px / 23px 'Open Sans', sans-serif;
color: rgba(0, 0, 0, 0.5);
text-align: center;
}
.plans__table-wrapper > table tbody tr:first-child td .plan__bill {
font: 600 18px / 25px 'Open Sans', sans-serif;
color: #1A1B1E;
text-align: center;
}
.plans__table-wrapper > table tbody tr:first-child td .plan__upgrade {
margin-top: 30px;
}
.plans__table-wrapper > table tbody tr:first-child td .plan__upgrade.plan__upgrade-customized {
margin-top: 11px;
}
.plans__table-wrapper > table tbody tr:first-child td .plan__special {
width: 100%;
max-width: 182px;
margin: 0 auto;
font: 600 16px / 22px 'Open Sans', sans-serif;
color: rgba(0, 0, 0, 0.5);
text-align: center;
}
.plans__table-wrapper > table tbody tr:first-child td .plan__special::first-line {
font-size: 38px;
line-height: 52px;
color: #1A1B1E;
}
.plans__table-wrapper > table tbody tr:not(:first-child) td {
text-align: center;
}
.plans__table-wrapper > table tbody tr:not(:first-child) td * {
margin: 0;
font: 600 14px / 23px 'Open Sans', sans-serif;
}
.plans__table-wrapper > table tbody tr:not(:first-child) td *:not(:last-child) {
margin-bottom: 5px;
}
.plans__table-wrapper > table tbody tr:not(:first-child) td b {
font-size: 18px;
line-height: 30px;
font-weight: bold;
color: #1A1B1E;
}
.plans__table-wrapper > table tbody tr:not(:first-child) td .align_left {
text-align: center;
}
.plans__table-wrapper > table tbody tr:not(:first-child) th,
.plans__table-wrapper > table tbody tr:not(:first-child) td {
width: 19%;
height: 105px;
padding: 15px 30px 17px;
text-align: center;
}
.plans__table-wrapper > table tbody tr:not(:first-child) th,
.plans__table-wrapper > table tbody tr:not(:first-child) td:not(:last-child) {
border-right: 1px solid #EDEDED;
}
.plans__table-wrapper > table tbody tr:not(:first-child) th {
padding: 20px;
text-align: left;
width: 22%;
}
.plans__table-wrapper > table tbody tr:not(:first-child) th > * {
position: relative;
padding-left: 20px;
font: 600 16px / 26px 'Open Sans', sans-serif;
color: #1A1B1E;
}
.plans__table-wrapper > table tbody tr:not(:first-child) th > *::before {
content: '';
width: 10px;
height: 10px;
position: absolute;
top: 6px;
left: 0;
border-radius: 50%;
background-color: #00B2F1;
}
.plans__table-wrapper > table tbody tr:nth-child(even) {
background-color: #fff;
}
.plans__table-wrapper .plan__upgrade-td {
padding-left: 20px !important;
padding-right: 20px !important;
}
.question {
width: 100%;
max-width: 772px;
margin: 0 auto;
padding: 24.5px 16px 26px;
box-sizing: border-box;
overflow: hidden;
}
.question__content {
margin-bottom: 29px;
}
.question__caution {
margin: 0 0 40px;
}
.question__form form {
margin: 0 -50px;
display: flex;
flex-wrap: wrap;
}
.question__form form > * {
position: relative;
width: calc((100%/2) - 100px);
margin: 0 50px 36px;
}
.question__form form .inp_txtarea,
.question__form form .inp_checkbox,
.question__form form .inp_btn {
width: 100%;
}
.question__form form > *.required::after {
content: '';
width: 9px;
height: 9px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
background: url('../img/icons/i-star-symbol.svg') center / contain no-repeat;
}
.question__form form .inp__field input {
position: relative;
width: 100%;
padding: 0 0 2px 0;
border: none;
outline: none;
border-bottom: 1px solid #E5E5E5;
font: 600 16px / 22px 'Open Sans', sans-serif;
color: rgba(0, 0, 0, 0.5);
}
.question__form form .inp__field input::placeholder {
color: rgba(0, 0, 0, 0.5);
}
.question__form form .inp_txtarea {
width: 100%;
height: 62px;
}
.question__form form .inp_txtarea textarea {
width: 100%;
height: 100%!important;
border: none;
outline: none;
border-bottom: 1px solid #E5E5E5;
font: 600 16px / 22px 'Open Sans', sans-serif;
color: rgba(0, 0, 0, 0.5);
}
.question__form form .inp_txtarea textarea::placeholder {
color: rgba(0, 0, 0, 0.5);
}
.question__form form .inp_checkbox {
position: relative;
margin-bottom: 32px;
}
.question__form form .inp_checkbox label {
cursor: pointer;
}
.question__form form .inp_checkbox label * {
margin: 0;
}
.question__form form .inp_checkbox label a {
text-decoration: underline;
}
.question__form form .inp_checkbox label span {
display: flex;
}
.question__form form .inp_checkbox input {
position: absolute;
top: 0;
opacity: 0;
pointer-events: none;
}
.question__form form .inp_checkbox input:checked + span .custom_check {
background: url('../img/icons/i-checkbox-arr.svg') center / 12px no-repeat , #D4D4D4;
}
.question__form form .inp_checkbox .custom_check {
width: 100%;
max-width: 16px;
height: 16px;
margin-right: 10px;
border: 2px solid #D4D4D4;
}
.question__form form .inp_btn {
margin-bottom: 0;
}
.question__form form .inp_btn input {
min-width: 170px;
margin: 0 auto;
}
.question__form .wpcf7 .wpcf7-not-valid {
border-color: #f00;
}
.question__form form .wpcf7-response-output {
width: 100%;
margin: 20px 50px 0;
}
.popup__upgrade {
display: none;
width: 100%;
max-width: 900px;
padding: 20px 34px 33px 27px;
position: fixed;
z-index: 101;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #FFFFFF;
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.6);
border-radius: 10px;
box-sizing: border-box;
}
.popup__upgrade-close {
width: 24px;
height: 24px;
position: absolute;
top: 20px;
right: 27px;
display: flex;
justify-content: center;
align-items: center;
}
.popup__upgrade-close > * {
width: 100%;
height: 100%;
}
.popup__upgrade-content {
margin-bottom: 30px;
}
.popup__upgrade-content > * {
text-align: left;
}
.popup__upgrade-content .block__ttl-subttl {
margin-bottom: 4px;
}
.popup__upgrade-blocks {
display: flex;
justify-content: space-between;
}
.popup__upgrade-blocks > *:not(:first-child) {
margin-left: 20px;
}
.popup__upgrade-blocks .block__img {
width: 100%;
max-width: 400px;
height: 461px;
border-radius: 10px;
}
.popup__upgrade-blocks .block__img > * {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
display: block;
border-radius: inherit;
}
.popup__upgrade-blocks .block__form {
width: 100%;
max-width: 380px;
}
.popup__upgrade-blocks .block__form::-webkit-scrollbar {
width: 8px;
}
.popup__upgrade-blocks .block__form::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
.popup__upgrade-blocks .block__form::-webkit-scrollbar-thumb {
background-color: #00B2F1;
border-radius: 10px;
}
.popup__upgrade-blocks .block__form form > *:not(:last-child) {
margin-bottom: 16px;
}
.popup__upgrade-blocks .block__form form .inp__field,
.popup__upgrade-blocks .block__form form .inp_txtarea,
.popup__upgrade-blocks .block__form form .inp_checkbox,
.popup__upgrade-blocks .block__form form .inp_btn {
width: 100%;
position: relative;
}
.popup__upgrade-blocks .block__form form > *.required::after {
content: '';
width: 9px;
height: 9px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
background: url('../img/icons/i-star-symbol.svg') center / contain no-repeat;
}
.popup__upgrade-blocks .block__form form .inp__field input {
position: relative;
width: 100%;
padding: 0 0 2px 0;
border: none;
outline: none;
border-bottom: 1px solid #E5E5E5;
font: 600 16px / 22px 'Open Sans', sans-serif;
color: rgba(0, 0, 0, 0.5);
}
.popup__upgrade-blocks .block__form form .inp__field input::placeholder {
color: rgba(0, 0, 0, 0.5);
}
.popup__upgrade-blocks .block__form form .inp_txtarea {
width: 100%;
height: 57px;
}
.popup__upgrade-blocks .block__form form .inp_txtarea textarea {
width: 100%;
height: 100%!important;
border: none;
outline: none;
border-bottom: 1px solid #E5E5E5;
font: 600 16px / 22px 'Open Sans', sans-serif;
color: rgba(0, 0, 0, 0.5);
box-sizing: border-box;
}
.popup__upgrade-blocks .block__form form .inp_txtarea textarea::placeholder {
color: rgba(0, 0, 0, 0.5);
}
.popup__upgrade-blocks .block__form form .inp_checkbox {
position: relative;
margin-bottom: 10px;
}
.popup__upgrade-blocks .block__form form .inp_checkbox label {
cursor: pointer;
}
.popup__upgrade-blocks .block__form form .inp_checkbox label * {
margin: 0;
font-size: 14px;
line-height: 19px;
}
.popup__upgrade-blocks .block__form form .inp_checkbox label a {
text-decoration: underline;
}
.popup__upgrade-blocks .block__form form .inp_checkbox label span {
display: flex;
}
.popup__upgrade-blocks .block__form form .inp_checkbox input {
position: absolute;
top: 0;
opacity: 0;
pointer-events: none;
}
.popup__upgrade-blocks .block__form form .inp_checkbox input:checked + span .custom_check {
background: url('../img/icons/i-checkbox-arr.svg') center / 12px no-repeat , #D4D4D4;
}
.popup__upgrade-blocks .block__form form .inp_checkbox .custom_check {
width: 100%;
max-width: 16px;
height: 16px;
margin-right: 10px;
border: 2px solid #D4D4D4;
}
.popup__upgrade-blocks .block__form form .inp_btn {
margin-bottom: 0;
}
.popup__upgrade-blocks .block__form form .inp_btn input {
min-width: 170px;
margin: 0 auto;
}
.popup__upgrade-blocks .block__form .wpcf7 .wpcf7-not-valid {
border-color: #f00;
}
.plans__mob-block {
display: none;
width: 100%;
}
.plans__mob-block .block__top {
padding: 16px;
background-color: #FBFBFB;
display: flex;
align-items: center;
}
.plans__mob-block .block__top > * {
min-height: 39px;
flex: 1 0 33.3333%;
}
.plans__mob-block:nth-child(4) .block__top > *:nth-child(2) {
max-width: 90px;
}
.plans__mob-block .block__top > *:nth-child(2) > * {
text-align: center;
}
.plans__mob-block .block__top > *:last-child > * {
text-align: right;
}
.plans__mob-block .block__top > * > * {
font: 600 10px / 14px 'Open Sans', sans-serif;
color: #1A1B1E;
}
.plans__mob-block .block__top > * > .plan__ttl {
margin: 0;
font-weight: 800;
font-size: 12px;
line-height: 16px;
}
.plans__mob-block .block__top > * > .plan__ttl.free {
font-size: 16px;
line-height: 22px;
}
.plans__mob-block .block__top > * > .plan__special {
margin: 0;
font-size: 9px;
line-height: 12px;
text-align: center;
color: rgba(0, 0, 0, .5);
}
.plans__mob-block .block__top > * > .plan__special::first-line {
font-size: 12px;
line-height: 16px;
color: #1A1B1E;
}
.plans__mob-block .block__top > * > .plan__location {
color: rgba(0, 0, 0, 0.5);
}
.plans__mob-block .block__top > * > .plan__price {
font-size: 18px;
line-height: 25px;
}
.plans__mob-block .block__top > * > *:not(:last-child) {
margin-bottom: 2px;
}
.plans__mob-block .block__top-info {
display: flex;
flex-direction: column;
justify-content: center;
}
.block__more {
position: relative;
z-index: 1;
width: 100%;
padding: 16px;
border: none;
background-color: #00B2F1;
box-shadow: 0px 4px 10px rgba(0, 189, 242, 0.4);
font: bold 14px / 19px 'Open Sans', sans-serif;
text-align: center;
color: #FFF;
}
.block__more.dropdown_open::after {
transform: translateY(-50%);
}
.block__more::after {
content: '';
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%) rotate(180deg);
width: 10px;
height: 6px;
background: url('../img/icons/i-dropdown-arr-white.svg') center/ contain no-repeat;
transition: all .3s linear;
}
.plans__mob-block .block__bottom {
display: none;
position: relative;
padding-top: 10px;
background-color: #F5F5F5;
}
.plans__mob-block .block__bottom .plan__best {
position: absolute;
top: 7px;
right: 16px;
padding: 3px 10px;
background-color: #00B2F1;
border-radius: 4px;
font: 600 14px / 18px 'Open Sans', sans-serif;
color: #FFF;
text-align: center;
}
.plans__mob-block .block__bottom table {
width: 100%;
border-collapse: collapse;
}
.plans__mob-block .block__bottom caption {
margin-bottom: 5px;
padding-left: 16px;
font: bold 16px / 21px 'Open Sans', sans-serif;
text-align: left;
color: #1A1B1E;
}
.plans__mob-block .block__bottom tr:nth-child(odd) {
background-color: #FFF;
}
.plans__mob-block .block__bottom th {
min-height: 30px;
padding: 10px 9px 10px 16px;
border-right: 1px solid #EDEDED;
text-align: left;
}
.plans__mob-block .block__bottom th > * {
position: relative;
padding-left: 14px;
color: #1A1B1E;
font-size: 11px;
line-height: 15px;
}
.plans__mob-block .block__bottom th > *::before {
content: '';
position: absolute;
left: 0;
top: 8px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #00B2F1;
}
.plans__mob-block .block__bottom td {
min-height: 30px;
padding: 10px 16px 10px 11px;
display: flex;
align-items: center;
}
.plans__mob-block .block__bottom td > * {
margin: 0;
color: rgba(0, 0, 0, 0.5);
font: 600 11px / 15px 'Open Sans', sans-serif;
}
.plans__mob-block .block__bottom td > svg {
width: 16px;
height: 16px;
}
.plans__mob-block .block__bottom td > * > b,
.plans__mob-block .block__bottom td > * > strong {
font-weight: bold;
font-size: 14px;
line-height: 19px;
color: #1A1B1E;
}
.plans__mob-block .block__bottom td > *:not(:first-child) {
margin-left: 8px;
}
@media (max-width: 991px) {
.promo__content {
padding: 50px 16px;
}
.promo__form-fields {
padding: 19px 16px 16px;
}
.promo__form-fields > * {
width: calc((100% / 3) - 25px);
}
.dashboard__popup {
max-width: 95%;
}
.technology__list {
margin: 0 -20px;
}
.technology__list-block {
width: calc((100% / 3) - 20px);
margin: 0 10px 50px;
}
.plans__wrapper {
padding: 40px 16px 50px;
overflow: hidden;
}
.plans__table-wrapper {
overflow-x: visible;
margin: 0 -10px;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.plans__mob-block {
display: block;
width: calc((100% / 2) - 20px);
margin: 0 10px 20px;
}
.plans__table-wrapper > table {
display: none;
}
.popup__upgrade {
max-width: 95%;
padding: 20px;
}
}
@media (max-width: 666px) {
.promo__content {
padding: 30px 16px;
}
.promo__form-fields > * {
width: 100%;
}
.dashboard__ttl {
margin-bottom: 40px;
}
.dashboard__about {
margin-left: 5px;
}
.dashboard__popup {
top: 40px;
padding: 30px 15px;
}
.dashboard__popup-close {
top: 5px;
right: 3px;
}
.dashboard__popup > p {
font-size: 14px;
}
.partners {
margin-bottom: 20px;
}
.partners__content,
.technology__content {
margin-bottom: 40px;
}
.dashboard__ttl > h3,
.ttls .block__ttl-main {
font-size: 21px;
}
.partners__list {
flex-direction: column;
}
.partners__list > *:not(:first-child) {
margin-left: 0;
margin-top: 20px;
}
.partners__list > * {
max-width: 150px;
height: 78px;
}
.partners__list > * > * {
max-width: 100px;
max-height: 55px;
}
.technology {
padding: 20px 16px 0;
}
.technology__list {
margin: 0;
flex-direction: column;
align-items: center;
}
.technology__list-block {
width: 100%;
max-width: 375px;
margin: 0 0 40px;
}
.plans {
margin-bottom: 20px;
}
.plans__wrapper {
padding: 40px 0;
}
.plans__table-wrapper {
margin: 0;
justify-content: center;
}
.plans__mob-block {
width: 100%;
max-width: 350px;
margin: 0 0 20px;
}
.plans__mob-block .block__top {
padding: 9px 16px;
}
.block__more {
padding: 5px 16px 6px;
}
.question {
padding: 20px 16px 26px;
}
.question__form form {
margin: 0 -15px;
}
.question__form form > * {
width: calc((100%/2) - 30px);
margin: 0 15px 36px;
}
.popup__upgrade-close {
top: 10px;
right: 10px;
}
.popup__upgrade-blocks {
justify-content: center;
}
.popup__upgrade-blocks > *:not(:first-child) {
margin-left: 0;
}
.popup__upgrade-blocks .block__img {
display: none;
}
.popup__upgrade-content {
width: 100%;
max-width: 400px;
margin-bottom: 15px;
}
.popup__upgrade-blocks .block__form form .inp_checkbox label * {
font-size: 12px;
line-height: 16px;
}
.popup__upgrade-blocks .block__form {
height: 370px;
padding-right: 10px;
overflow-y: auto;
}
}
@media (max-width: 424px) {
.question__form form {
margin: 0;
}
.question__form form > * {
width: 100%;
margin: 0 0 36px;
}
.question__form form .inp_checkbox label p {
font-size: 14px;
}
}
.hidden-button {
height: 0;
visibility: hidden;
position: absolute;
width: 0;
}
.info-tooltip img {
vertical-align: text-bottom;
}
.tooltip {
padding: 22px 34px 22px 22px;
font-size: 15px;
line-height: 1.42;
background: #fff;
border: 1px solid #00b2f1;
color: #000;
border-radius: 6px;
border: 1px solid #00b2f1;
box-shadow: 0px 4px 30px rgba(0,0,0,0.1);
position: relative;
max-width: 300px;
}
.tooltip .close-tooltip {
background: url('../img/icons/clear.svg') no-repeat 50% 50%;
position: absolute;
display: block;
right: 8px;
top: 8px;
padding: 0;
border: none;
cursor: pointer;
height: 24px;
width: 24px;
}
.tooltip.tooltip-locations {
max-width: 700px;
width: 700px;
}
.tooltip.tooltip-locations .locations-box {
display: flex;
max-height: 600px;
overflow: auto;
}
.tooltip.tooltip-locations .locations-box .locations-col {
flex-grow: 1;
}
.tooltip.tooltip-locations .locations-box .locations-col ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.tooltip.tooltip-locations.tooltip-fullscreen {
height: 100%;
left: 0 !important;
max-width: 100%;
position: fixed !important;
top: 0 !important;
transform: none !important;
width: 100%;
z-index: 99999;
}
.tooltip.tooltip-locations.tooltip-fullscreen .tooltip-inner {
display: flex;
flex-direction: column;
height: 100%;
}
.tooltip.tooltip-locations.tooltip-fullscreen .tooltip-inner .locations-box {
flex-grow: 1;
max-height: initial;
}
@media (max-width: 600px) {
.tooltip.tooltip-locations.tooltip-fullscreen .tooltip-inner .locations-box {
flex-direction: column;
}
.tooltip.tooltip-locations.tooltip-fullscreen .locations-box .locations-col {
margin-bottom: 10px;
}
}
.btn_upgrade {
color: #1A1B1E;
font-size: 21px !important;
font-weight: 600;
line-height: 1 !important;
padding: 10px 21px 11px;
}
.page-template-template-placense-hamburg-api > footer {
padding-top: 0 !important;
}
.page-template-template-placense-hamburg-api > footer .uk-container {
border: 0 !important;
}
.footer-mobile-menu {
display: none;
}
.full-content {
min-height: 100vh;
}
/* Search results */
.search-results-page {
padding: 170px 0 50px;
position: relative;
width: 100%;
}
.search-results-page .search-results-page-container {
align-items: flex-start;
display: flex;
justify-content: space-between;
}
@media (max-width: 991px) {
.search-results-page .search-results-page-container {
flex-direction: column;
}
}
.search-results-page .search-results-page-container .search-box {
max-width: 545px;
padding-right: 30px;
width: 50%;
}
@media (max-width: 991px) {
.search-results-page .search-results-page-container .search-box {
max-width: 100%;
padding: 0 0 30px 0;
width: 100%;
}
}
.search-results-page .search-results-page-container .form-box-wrap {
max-width: 442px;
width: 50%;
}
.search-results-page .search-results-page-container .form-box-wrap .form-desc {
color: #000;
font-size: 24px;
font-weight: 600;
margin-bottom: 20px;
}
.search-results-page .search-results-page-container .form-box-wrap .form-box {
background: #F5F5F5;
border-radius: 10px;
padding: 20px 30px;
}
@media (max-width: 991px) {
.search-results-page .search-results-page-container .form-box-wrap {
max-width: 100%;
width: 100%;
}
}
.search-results-page .search-results-page-container .form-box .form-title {
cursor: pointer;
display: flex;
font-size: 24px;
font-weight: 600;
justify-content: space-between;
margin: 0;
}
.search-results-page .search-results-page-container .form-box .form-title .icon {
transition: transform .2s ease-in-out;
}
.search-results-page .search-results-page-container .form-box .form-title:not(.collapsed) .icon {
transform: rotate(180deg);
}
.search-results-page .search-results-page-container .form-box .form-content {
padding-top: 30px;
}
/* material form */
.question__form form .inp_txtarea,
.question__form form .inp_checkbox,
.question__form form .inp_btn {
width: 100%;
}
.material-form form > *.required::after {
content: '';
width: 9px;
height: 9px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
background: url('../img/icons/i-star-symbol.svg') center / contain no-repeat;
}
.material-form form .inp__field {
margin-bottom: 16px;
position: relative;
}
.material-form form .inp__field input {
background: none;
position: relative;
width: 100%;
padding: 0 0 2px 0;
border: none;
outline: none;
border-bottom: 1px solid #E5E5E5;
font: 600 16px / 22px 'Open Sans', sans-serif;
color: rgba(0, 0, 0, 0.5);
}
.material-form form .inp__field input::placeholder {
color: rgba(0, 0, 0, 0.5);
}
.material-form form .inp_txtarea {
width: 100%;
height: 62px;
margin-bottom: 16px;
position: relative;
}
.material-form form .inp_txtarea textarea {
background: none;
width: 100%;
height: 100%!important;
border: none;
outline: none;
border-bottom: 1px solid #E5E5E5;
font: 600 16px / 22px 'Open Sans', sans-serif;
color: rgba(0, 0, 0, 0.5);
}
.material-form form .inp_txtarea textarea::placeholder {
color: rgba(0, 0, 0, 0.5);
}
.material-form form .inp_checkbox {
position: relative;
margin-bottom: 32px;
}
.material-form form .inp_checkbox label {
cursor: pointer;
}
.material-form form .inp_checkbox label * {
margin: 0;
}
.material-form form .inp_checkbox label a {
text-decoration: underline;
}
.material-form form .inp_checkbox label span {
display: flex;
}
.material-form form .inp_checkbox input {
position: absolute;
top: 0;
opacity: 0;
pointer-events: none;
}
.material-form form .inp_checkbox input:checked + span .custom_check {
background: url('../img/icons/i-checkbox-arr.svg') center / 12px no-repeat , #D4D4D4;
}
.material-form form .inp_checkbox .custom_check {
width: 100%;
max-width: 16px;
height: 16px;
margin-right: 10px;
border: 2px solid #D4D4D4;
}
.material-form form .inp_btn {
margin-bottom: 0;
}
.material-form form .inp_btn input {
min-width: 170px;
margin: 0 auto;
}
.material-form .wpcf7 .wpcf7-not-valid {
border-color: #f00;
}
.material-form form .wpcf7-response-output {
width: 100%;
margin: 20px 50px 0;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
transition: none;
}
}
.home-top {
background-size: cover;
background-position: center bottom;
}
@media screen and (max-width: 1200px) {
.home-top {
font-size: 15px;
}
}
@media screen and (max-width: 900px) {
.home-top {
font-size: 14px;
}
}
@media screen and (max-width: 800px) {
.home-top {
font-size: 13px;
}
}
@media screen and (max-width: 700px) {
.home-top {
font-size: 12px;
}
}
@media screen and (max-width: 600px) {
.home-top {
font-size: 16px;
}
}
.home-top .header {
font: 800 2em / 1.375 "Open Sans", sans-serif;
color: #00B2F1;
margin-bottom: 0.5625em;
}
@media screen and (max-width: 600px) {
.home-top .header {
font-size: max(8vw,32px);
line-height: 1.25;
margin-bottom: 5px;
}
}
.home-top .uk-container {
display: flex;
align-items: flex-start;
height: 645px;
box-sizing: border-box;
}
@media screen and (max-width: 1150px) {
.home-top .uk-container {
height: 56.09vw;
align-items: center;
}
}
@media screen and (max-width: 600px) {
.home-top .uk-container {
align-items: stretch;
min-height: calc(100 * var(--vh) - 75px);
height: auto;
}
}
.home-top .wrap {
display: flex;
align-items: flex-start;
position: relative;
padding-top: 11.682%;
flex-grow: 1;
/* padding-top: 9.829%; */
}
@media screen and (min-width: 1250px) {
.home-top .wrap {
margin: 0 -40px;
}
}
@media screen and (max-width: 1150px) {
.home-top .wrap {
padding-top: 0;
}
}
@media screen and (max-width: 600px) {
.home-top .wrap {
padding: 20px 0 5px;
flex-direction: column;
align-items: center;
flex-grow: 1;
}
}
@media screen and (max-width: 600px) and (max-height: 650px) {
.home-top .wrap {
padding: 0 0 20px;
}
}
.home-top .media-part {
flex-shrink: 0;
flex-basis: 60.748%;
margin-left: auto;
align-self: center;
}
@media screen and (max-width: 1200px) {
.home-top .media-part {
flex-shrink: 1;
}
}
@media screen and (max-width: 900px) {
.home-top .media-part {
flex-shrink: 1.3;
}
}
@media screen and (max-width: 600px) {
.home-top .media-part {
flex-basis: auto;
margin: auto 0;
width: 100%;
}
}
@media screen and (max-width: 600px) and (max-height: 650px) {
.home-top .media-part {
padding-bottom: 20px;
}
}
.object-fit {
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.home-top .video-inner {
display: block;
padding-bottom: 56.25%;
position: relative;
overflow: hidden;
border-radius: 0.625em;
filter: drop-shadow(0px 7px 15px rgba(0, 0, 0, 0.3));
}
@media( max-width: 600px ) {
.home-top .video-inner {
padding-bottom: 55.25%;
}
}
.home-top .video-inner iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.home-top .txt-part {
flex-basis: 42.991%;
margin: 1.25em 1.25em 0 0;
padding-bottom: 5.313em;
}
@media screen and (max-width: 600px) {
.home-top .txt-part {
flex-basis: auto;
margin: 0;
padding-bottom: 15px;
}
}
.home-top .anchor-to-form {
position: absolute;
}
.home-top .txt {
/* 20px */
font: 600 1.250em / 1.35 "Open Sans", sans-serif;
color: #1F303D;
margin-bottom: .8em;
}
@media screen and (max-width: 600px) {
.home-top .txt {
font-size: max( 16px, 4vw );
line-height: 1.333;
margin-bottom: 15px;
margin-bottom: 3.33vw;
}
}
.home-top .subtitle {
font: 800 1.5em / 1.375 "Open Sans", sans-serif;
color: #00B2F1;
text-shadow: 5px 3px 5px rgba(255,255,255,1), -5px -5px 5px rgba(255,255,255,1);
}
@media screen and (max-width: 600px) {
.home-top .subtitle {
font-size: max(5vw,20px);
line-height: 1.333;
}
}
.home-top .anchor-to-form {
position: absolute;
left: 0;
bottom: 0.619em;
font: 700 1.313em / 1.38 "Open Sans", sans-serif;
color: #fff;
background-color: #00B2F1;
padding: 0.571em 0.714em;
border-radius: 2.381em;
border: 1px solid #00B2F1;
box-shadow: 0 0.190em 0.714em rgba(47, 63, 74, 0.3);
text-decoration: none;
display: inline-block;
min-width: 8.571em;
text-align: center;
box-sizing: border-box;
transition: all .5s;
box-sizing: border-box;
}
.home-top .anchor-to-form:hover {
color: #00B2F1;
background-color: #fff;
}
@media screen and (max-width: 600px) {
.home-top .anchor-to-form {
position: static;
margin: auto;
}
}
.home-top .stripe {
display: flex;
margin-top: 0.813em;
}
.home header .header_menu ul li a {
color: #1F303D;
}
.home header .header_menu ul li a polyline {
stroke: #00B2F1 !important;
stroke-width: 2px;
}
.home header .header_schedule a:hover {
color: #1F303D;
}