@import url("/css/fonts/oswald/stylesheet.css");

@import url("/css/fonts/roboto/stylesheet.css");

@import url("/css/fonts/jura/stylesheet.css");

body {
  font-family: "Onest", sans-serif;
}

.roboto {

  /*font-family: "Roboto", sans-serif;
**/
}



.oswald {

/*  font-family: "Oswald", sans-serif;*/

}



.jura {

 /* font-family: "Jura", sans-serif;*/

}



.overflow_body{

  overflow-y: hidden;

}



.menu {

  position: fixed;

  z-index: 10;

  width: 290px;

  height: 100%;

  background-color: #1a1b1e;

  padding-top: 60px;

  padding-left: 25px;

  padding-bottom: 100px;

  overflow-y: auto;

}



.menu_links {

  list-style: none;

  padding: 0;

  margin: 80px 0 0 0;

}



.menu_links a {

  display: block;

  font-size: 13px;

  text-transform: uppercase;

  color: #d6d6d6;

  font-weight: 500;

  transition: all 0.3s ease;

  padding: 5px 0;

  margin-bottom: 10px;

}



.menu_links a.active {

  color: #0983b7;

}



.menu_links a:hover {

  opacity: 0.5;

  color: #ffffff;

  transition: all 0.3s ease;

}



.contact {

  color: #ffffff;

  display: flex;

  align-items: center;

  position: fixed;

  left: 0;

  bottom: 0;

  padding-bottom: 30px;

  padding-left: 20px;

  padding-top: 10px;

  background: #1a1b1e;

  width: 290px;

}





.contact_img img {

  width: 60px;

  height: 60px;

  object-fit: cover;

  object-position: center;

  border-radius: 50%;

}



.contact_data {

  margin-left: 10px;

}



.contact_links {

  margin: 0;

  padding: 0;

  list-style: none;

  font-weight: 300;

  font-size: 13px;

}



.contact_links li{

  margin-bottom: 5px;

}



.contact_links a {

  display: block;

}



.contact_name {

  font-weight: 400;

  margin-bottom: 10px;

  font-size: 14px;

}



.mail_link {

  color: #0983b7;

  text-decoration: underline;

}



.mobile_menu {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  background-color: #1a1b1e;

  padding: 10px;

  z-index: 5;

}



.burger {

  position: absolute;

  right: 20px;

  top: 10px;

  color: white;

  background: none;

  border: none;

  font-size: 30px;

  padding: 0;

}



.mobile_menu_overlay {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 4;

  background: rgba(0, 0, 0, 0.5);

  display: none;

}



.close_menu {

  position: absolute;

  right: 20px;

  top: 10px;

  background: none;

  border: none;

  color: white;

  font-size: 30px;

  padding: 0;

}



.companies_slider .slick-track {

  display: flex !important;

}



.company_slide {

  display: flex !important;

  height: inherit !important;

  align-items: center;

  margin-right: 50px;

}



.company_slide img {

  max-width: 300px;

  filter: grayscale(1);

  transition: all 0.3s ease;

}



.company_slide:hover img {

  filter: none;

  transition: all 0.3s ease;

}



.reviews_full {

  padding-top: 60px;

  background: #f7f7f7;

}



.reviews_slider_header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-bottom: 25px;

}



.rshl {

  font-size: 26px;

  color: #2a2a2a;

  font-weight: 500;

}



.rshr {

  text-align: right;

}



.rncp {

  font-size: 32px;

  color: #2a2a2a;

  font-weight: 500;

}



.rnct {

  font-size: 15px;

  color: #484848;

  font-weight: 500;

}



.reviews_recomendations {

  font-size: 13px;

  text-transform: uppercase;

  color: #ffffff;

  font-weight: 500;

  background: #0c9bd8;

  padding: 3px;

}

.reviews_slider {

  margin: 0 -7px;

}



.reviews_slider .slick-track {

  display: flex !important;

}



.review_slide_wrapper {

  padding: 0 7px;

  display: flex !important;

  height: inherit !important;

}



.review_slide {

  padding: 15px;

  background: #ffffff;

  min-height: 500px;

}



.review_slide_img {

  margin-bottom: 30px;

}



.review_slide_img a {

  position: relative;

  display: block;

}



.review_slide_img a:after {

  content: "";

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background: url(/images/common/play.svg);

  width: 42px;

  height: 42px;

  opacity: 0.7;

  transition: all 0.3s ease;

}



.review_slide_img a:hover:after {

  opacity: 1;

  transition: all 0.3s ease;

}



.review_slide_img img {

  max-width: 360px;

  max-height: 200px;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  margin: 0 auto;

}



.reviewer_name {

  font-size: 19px;

  color: #282828;

  font-weight: 400;

}



.reviewer_function {

  font-size: 15px;

  color: #616161;

  font-weight: 400;

  margin-top: 10px;

  margin-bottom: 25px;

}



.review {

  font-size: 14px;

  line-height: 20px;

  color: #484848;

  font-weight: 300;

}



.team_slider_title {

  font-size: 26px;

  color: #2a2a2a;

  font-weight: 500;

  text-align: center;

}



.team_slider_subtitle {

  font-size: 15px;

  color: #2a2a2a;

  font-weight: 500;

  text-align: center;

  margin-top: 10px;

  margin-bottom: 45px;

}



.team_full {

  padding-top: 60px;

}



.teammate_image {

  max-width: 290px;

  max-height: 290px;

  width: 100%;

  height: 100%;

  position: relative;

  margin-bottom: 15px;

}



.teammate_image img {

  max-width: 290px;

  max-height: 290px;

  height: 100%;

  width: 100%;

  object-fit: cover;

  object-position: center;

  /*filter: grayscale(1);

  transition: all 0.3s ease;*/

}



.team_slide {

  padding: 0 7px;

  display: flex;

  flex-direction: column;

  align-items: center;

}



.team_slider {

  margin: 0 -7px;

}



/*.teammate_image:hover img {

  filter: none;

  transition: all 0.3s ease;

}*/



.tiktok_link {

  position: absolute;

  right: 15px;

  bottom: 15px;

}



.tiktok_link img {

  filter: none;

}



.teammate_name {

  font-size: 16px;

  line-height: 22px;

  color: #0f0f0f;

  font-weight: 500;

}



.teammate_function {

  font-size: 14px;

  color: #585858;

  font-weight: 300;

}



.teammate_info {

  display: flex;

  align-items: center;

}



.teammate_data {

  margin-left: 10px;

}



.teammate_img img {

  max-width: 52px;

  max-height: 52px;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 50%;

}



.rewards_full {

  padding-top: 60px;

}



.rewards_slider_header {

  font-size: 26px;

  color: #2a2a2a;

  font-weight: 500;

  margin-bottom: 35px;

}



.rewards_slider {

  margin: 0 -7px;

}



.reward_slide {

  padding: 0 7px;

}



.reward_img {

  padding: 10px;

  border: 1px solid #e5e5e5;

  margin-bottom: 25px;

}



.reward_img img {

  max-width: 260px;

  max-height: 325px;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  margin: 0 auto;

  display: block;

}



.reward_title {

  font-size: 15px;

  line-height: 20px;

  color: #2a2a2a;

  font-weight: 500;

  min-height: 40px;

  margin-bottom: 20px;

}



.reward_info {

  display: flex;

  align-items: baseline;

  margin-bottom: 10px;

}



.nomination_year {

  font-size: 14px;

  line-height: 20px;

  color: #ffffff;

  font-weight: 300;

  padding: 3px;

  background-color: #0c9bd8;

  margin-right: 10px;

}





.nomination_title{

  font-size: 14px;

  color: #484848;

  font-weight: 300;

}



.services_full {

  padding-top: 60px;

  background: #f7f7f7;

}



.services_slider_header {

  font-size: 26px;

  color: #2a2a2a;

  font-weight: 500;

  text-align: center;

  margin-bottom: 45px;

}



.services_slide_wrapper {

  padding: 7px;

  display: flex !important;

  height: inherit !important;

}



.services_slider {

  margin: 0 -7px;

}



.services_slider .slick-track {

  display: flex !important;

  height: inherit;

}



.service_slide {

  background: #ffffff;

  min-height: 540px;

  filter: drop-shadow(0 0 4.5px rgba(0, 0, 1, 0.18));

  padding-bottom: 10px;

  width: 100%;

}



.service_price {

  padding: 30px 20px;

  text-align: right;

  font-size: 20px;

  font-weight: 500;

}



.big_price {

  font-size: 30px;

}



.service_title {

  font-size: 15px;

  text-transform: uppercase;

  color: #3f3f3f;

  font-weight: 500;

  text-align: center;

  padding: 15px 0;

}



.service_description {

  font-size: 14px;

  line-height: 20px;

  color: #484848;

  font-weight: 400;

  padding: 0 20px;

}



.service_description p {

  margin: 20px 0;

}



.service_description strong {

  font-weight: 500;

}



.timer_title {

  font-size: 15px;

  margin-bottom: 10px;

  color: #ffffff;

  font-weight: 400;

}



.timer {

  font-size: 30px;

  color: #ffffff;

}



.timer_container {

  background: #0b9bd7;

  text-align: center;

  padding-top: 10px;

  padding-bottom: 15px;

  position: fixed;

  right: 0;

  bottom: 0;

  width: calc(100% - 290px);

  z-index: 2;

}



.timer_indent {

  padding: 45px 0;

}



.commercial {

  padding: 5px 0;

}



.commercial_number {

  font-size: 16px;

  text-transform: uppercase;

  color: #ffffff;

  font-weight: 400;

  width: fit-content;

  margin: auto;

  padding: 5px 20px;

  background: #191b1d;

}



.commercial_title {

  font-size: 18px;

  color: #1a1a1a;

  font-weight: 500;

  text-align: center;

  margin-top: 10px;

}



.commercial_service_title {

  margin-top: 40px;

  font-size: 36px;

  color: #2a2a2a;

  font-weight: 500;

  text-align: center;

  margin-bottom: 50px;

}



.payment_conditions h2 {

  font-size: 18px;

  color: #2a2a2a;

  font-weight: 500;

}

.payment_conditions p img {
  height: auto !important;
  max-width: 100%;
}

.payment_conditions p{

  margin: 5px 0;

}



.payment_conditions h3 {

  font-weight: 500;

}



.payment_conditions strong {

  font-size: 19px;

}



.payment_conditions em {

  font-size: 13px;

  color: #2a2a2a;

  font-weight: 300;

  font-style: italic;

}



.doc_link {

  font-size: 18px;

  color: #2a2a2a;

  font-weight: 500;

  display: inline-block;

  border: none;

  background: none;

  cursor:pointer;

  padding-bottom: 3px;

  border-bottom: 3px solid #0c9bd8;

  transition: all 0.3s ease;

}



.doc_link:hover {

  color: white;

  border: 3px solid #0c9bd8;

  padding: 3px;

  background-color: #0c9bd8;

  transition: all 0.3s ease;

}



.additional_data {

  background: #f7f7f7;

  height: 315px;

  padding: 40px 30px;

  font-size: 14px;

  color: #606060;

  font-weight: 300;

}



.additional_data h2 {

  font-size: 18px;

  color: #1a1a1a;

  font-weight: 500;

}



.commercial_description {

  box-shadow: 0 0 0.6rem 0 rgb(0 0 0 / 5%);

  margin-bottom: 25px;

  padding: 40px 30px;

}



.commercial_module_title {
  font-size: 20px;
  color: #1a1a1a;
  font-weight: 500;
  background-color: #f7f7f7;
  padding: 15px 20px;
}



.commercial_module_description {
  font-size: 14px;
  color: #606060;
  font-weight: 300;
  line-height: 1.6;
}



.commercial_module_description strong {
  font-size: 18px;
  color: #2a2a2a;
  font-weight: 400;
  display: block;
}



.mCS-webmaster_theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #078fc9;

}

.mCS-webmaster_theme.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #f7f7f7;

}

.mCS-webmaster_theme.mCSB_scrollTools .mCSB_dragger_bar {

  width: 2px;

}



.webmaster_image{

  display: block;

  object-fit: cover;

  object-position: center;

  width: 100%;

  height: 100%;

}



.examples_full{

  padding-top: 60px;

  border-top: 1px solid #ebebeb;

}



.examples_header {

  font-size: 26px;

  color: #2a2a2a;

  font-weight: 500;

  margin-bottom: 40px;

}



.ain_num {

  font-size: 28px;

  color: #2a2a2a;

  font-weight: 500;

}



.ain_title {

  font-size: 14px;

  color: #2a2a2a;

  font-weight: 400;

}



.num_advantages {

  background: #f7f7f7;

  padding: 10px 25px;

  margin-bottom: 40px;

}



.site_example_title {

  font-size: 30px;

  color: #000000;

  font-weight: 500;

  padding-top: 30px;

}



.site_example_label {

  display: inline-block;

  margin-top: 10px;

  font-size: 16px;

  text-transform: uppercase;

  color: #ffffff;

  font-weight: 400;

  padding: 3px;

  background: #0c9bd8;

  margin-bottom: 5px;

}



.site_example_slide {

  background: white;

  box-shadow: 0 0 6px 0 rgb(0 0 0 / 5%);

  padding: 20px;

  margin: 8px;

}

.wide_slider {

  max-width: 1216px;

  margin: 0 auto;

}



.wide_slider_wrapper {

  position: relative;

  max-width: 1460px;

  margin: 0 auto 60px auto;

}



.slider_btn {

  border: none;

  background: none;

  cursor: pointer;

  opacity: 0.5;

  transition: all 0.3s ease;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 50px;

  height: 50px;

  padding: 0;

}



.slider_btn:hover {

  opacity: 1;

  transition: all 0.3s ease;

}



.slider_btn.prev_btn {

  left: 15px;

}



.slider_btn.next_btn {

  right: 15px;

}



.site_case_title {

  font-size: 17px;

  color: #2a2a2a;

  font-weight: 500;

}



.site_case_company {

  font-size: 30px;

  color: #2a2a2a;

  font-weight: 500;

  margin-bottom: 45px;

}



.scm_title {

  font-size: 15px;

  color: #575757;

  font-weight: 500;

  margin-bottom: 10px;

}



.scm_txt {

  font-size: 15px;

  line-height: 20px;

  color: #000000;

  font-weight: 400;

  padding-bottom: 20px;

}



.site_case_info {

  padding-right: 30px;

}



.scm_txt ul {

  padding-left: 20px;

  margin: 0;

  list-style-image: url(/images/common/list_arrow.svg);

}



.scm_txt ul li {

  margin-bottom: 15px;

}



.site_case_additional_info {

  margin-top: 30px;

  border-top: 1px solid #ebebeb;

  padding-top: 40px;

}



.sca_number {

  font-size: 38px;

  color: #2d2d2d;

  font-weight: 300;

}



.sca_title {

  font-size: 15px;

  color: #2d2d2d;

  font-weight: 500;

}



.sc_link {

  font-size: 18px;

  color: #2a2a2a;

  font-weight: 500;

  display: inline-block;

  padding-bottom: 3px;

  border-bottom: 3px solid #0c9bd8;

  transition: all 0.3s ease;

  margin-top: 35px;

}



.sc_link:hover {

  color: white;

  border: 3px solid #0c9bd8;

  padding: 3px;

  background-color: #0c9bd8;

  transition: all 0.3s ease;

}



.case_full {

  padding-top: 70px;

  border-top: 1px solid #ebebeb;

}



.dev_process_full {

  background-color: #f7f7f7;

  padding: 70px 0;

}



.dev_process_header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-bottom: 40px;

  border-bottom: 1px solid #ebebeb;

}



.dph_left {

  max-width: 350px;

  font-size: 26px;

  line-height: 32px;

  color: #2a2a2a;

  font-weight: 500;

}



.dph_right {

  text-align: right;

}



.dphr_s {

  font-size: 13px;

  color: #414141;

  font-weight: 300;

}



.dphr_b {

  font-size: 26px;

  line-height: 35px;

  color: #2a2a2a;

  font-weight: 500;

}



.site_commercial_title {

  font-size: 18px;

  color: #1a1a1a;

  font-weight: 500;

  margin-top: 5px;

  margin-bottom: 60px;

}



.site_com_service_title {

  font-size: 36px;

  color: #2a2a2a;

  font-weight: 500;

}



.site_company {

  color: #078fc9;

  display: block;

}



.site_commercial_modules {

  box-shadow: 0 0 0.6rem 0 rgb(0 0 0 / 5%);

  padding: 15px;

  overflow: hidden;

}



.site_commercial {

  padding-bottom: 90px;

}



.site_commercial_row {

  display: flex;

}



.scm_desc {

  width: 55%;

  padding: 30px 20px;

  font-size: 14px;

  color: #2a2a2a;

  font-weight: 400;

}



.scmtt {

  width: 25%;

  text-align: center;

  height: 100%;

  font-size: 18px;

  color: #2a2a2a;

  font-weight: 500;

}



.scmpt {

  width: 20%;

  text-align: center;

  height: 100%;

  font-size: 18px;

  color: #2a2a2a;

  font-weight: 500;

}



.scm_time {

  width: 25%;

  font-size: 18px;

  color: #2a2a2a;

  font-weight: 500;

  border-left: 1px solid #ededed;

  border-right: 1px solid #ededed;

  display: flex;

  align-items: center;

  justify-content: center;

}



.scm_price {

  width: 20%;

  font-size: 18px;

  color: #2a2a2a;

  font-weight: 500;

  display: flex;

  align-items: center;

  justify-content: center;

}



.scmhst {

  font-weight: 400;

}



.scm_module_title {

  background-color: #f7f7f7;

  padding:15px 20px;

  font-size: 18px;

  color: #1a1a1a;

  font-weight: 500;

}



.site_modules_header {

  padding-top: 10px;

  padding-bottom: 5px;

}



.site_commercial_row sup {

  margin-left: 3px;

  color: #e72f2f;

}



.scm_desc ol {

  padding: 0;

  margin: 0;

  padding-left: 20px;

}



.scm_desc ol li {

  margin-bottom: 15px;

}



/*.site_modules_content {

  height: 540px;

}
*/



.site_modules_total {

  background-color: #0b9bd7;

  padding: 0 20px 10px 20px;

}



.smt_row {

  display: flex;

  align-items: center;

  justify-content: space-between;

  color: white;

  padding-top: 10px;

}



.smt_title {

  font-size: 20px;

  font-weight: 500;

}



.smt_value {

  font-size: 24px;

  font-weight: 500;

}



.clarification {

  font-size: 13px;

  color: #eb0808;

  font-weight: 300;

  margin-top: 10px;

}



.custom_scroll .mCSB_container {

  margin-right: 0;

}



.custom_scroll .mCSB_scrollTools {

  width: 2px;

}



.commercial_number.start {

  margin: unset;

}



.dm_desc{

  padding: 0 20px;

  margin-bottom: 15px;

}



.dm_desc.first,

.scm_time.first,

.scm_price.first{

  padding-top: 30px;

}



.dm_desc.last{

  padding-bottom: 15px;

}



.scm_time.last,

.scm_price.last{

  padding-bottom: 30px;

}



.flex_wrap{

  display: flex;

  flex-wrap: wrap;

}



.sci_bottom{

  position: absolute;

  bottom: 15px;

}







.stages_start_finish{

  font-size: 13px;

  color: #2a2a2a;

  font-weight: 400;

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin: 20px 0;

}



.start_stage:before{

  content:'';

  display: inline-block;

  width: 12px;

  height: 12px;

  border-radius: 50%;

  background:#0b9bd7;

  position: relative;

  top: 1px;

  margin-right: 5px;

}



.finish_stage:after{

  content:'';

  display: inline-block;

  width: 12px;

  height: 12px;

  border-radius: 50%;

  background:#0b9bd7;

  position: relative;

  top: 1px;

  margin-left: 5px;

}



.dev_process{

  margin-top: 35px;

}



.ds_chart_row{

  height: 100%;

  border-bottom: 1px solid #e3e3e3;

  position: relative;

}



.ds_value{

  display: inline-block;

  position: absolute;

  height: 7px;

  bottom: 0;

  background:#0b9bd7 ;

}



.ds_chart_delimiter{

  width: calc(100% / 8);

  border-right: 1px solid #e3e3e3;

  height: 100%;

  float: left;

}



.ds_chart_delimiter:last-of-type{

  border-right: none;

}



.payment{

  border-right: 1px dashed green;

  height: 100%;

  position: absolute;

}



.dev_stage_wrapper{

  position: relative;

}



.dev_stage_title{

  width: 33.3%;

  float: left;

  min-height:1px;

  font-weight: 500;

  font-size: 15px;

  color: #2a2a2a;

  padding-top: 15px;

}



.dev_stage_value{

  width: 66.6%;

  float: left;

  min-height:1px;

}



.swipe{

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

}



.swipe img{

  width: 50px;

  height: 50%;

  object-fit: contain;

  object-position:center ;

}



.seo_task{

  padding: 25px 20px;

  background: #f7f7f7;

}



.seo_modules{

  padding: 25px 20px;

}



.seo_task strong{

  font-size: 18px;

  color: #1a1a1a;

  font-weight: 500;

  display: block;

}



.seo_task ol{

  padding: 0;

  margin: 0;

  padding-left: 20px;

}



.seo_modules_header{

  font-size: 18px;

  color: #2a2a2a;

  font-weight: 500;

  margin-bottom: 20px;

}



.seo_module{

  margin-bottom: 30px;

}



.seo_module_title{

  font-size: 16px;

  color: #2a2a2a;

  font-weight: 500;

  margin-bottom: 10px;

}



.seo_works{

  font-size: 15px;

  color: #2a2a2a;

  font-weight: 400;

  padding-left: 18px;

}



.seo_content{

  max-height: 650px;

  min-height:400px;

}



.site_link{

  font-size: 22px;

  text-decoration: underline;

  color: #0a89bf;

  font-weight: 500;

}



.analysis_full{

  border-top: 1px solid #ebebeb;

  padding: 70px 0;

}



.packs_full{

  padding: 40px 0;

  border-top: 1px solid #ebebeb;

  border-bottom: 1px solid #ebebeb;

}



.companies_full{

  padding-top: 60px;

  border-top: 1px solid #ebebeb;

}



.packs_block_title{

  font-size: 36px;

  color: #2a2a2a;

  font-weight: 500;

  text-align: center;

}



.packs_block_subtitle{

  font-size: 15px;

  color: #1a1a1a;

  font-weight: 400;

  text-align: center;

  margin: 20px 0;

}



.seo_pack_title{

  font-size: 20px;

  color: #3a3a3a;

  font-weight: 500;

  padding-top: 12px;

  padding-bottom: 18px;

  text-align: center;

  margin-bottom: 50px;

  position: relative;

}



.seo_pack_slide{

  max-width:290px;

  box-shadow: 0 0 0.6rem 0 rgb(0 0 0 / 5%);

  padding: 15px;

  min-height: 365px;

  margin: 10px;

  width: 100%;

}



.seo_pack_slider{

  margin-top: 40px;

}



.seo_pack_slider .slick-track{

  display: flex !important;

}



.seo_pack_slide_wrapper{

  padding-top: 30px;

  padding-bottom: 20px;

  display: flex !important;

  height: inherit;

  justify-content: center;

  position: relative;

}



.most_saled{

  outline: 1px solid #d82424;

  outline-offset: -2px;

}



.most_saled .seo_pack_slide{

  box-shadow: none;

}



.seo_pack_description{

  font-size: 14px;

  color: #2a2a2a;

  font-weight: 300;

  text-align: center;

}



.seo_pack_description p{

  margin:0;

}



.seo_pack_description strong{

  font-size: 36px;

  color: #2a2a2a;

  font-weight: 400;

  font-family: "Oswald";

  display: block;

}



.seo_pack_price{

  text-align: center;

}



.sp_price{

  font-size: 36px;

  color: #2a2a2a;

  font-weight: 400;

}



.most_saled_pack{

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  top: -15px;

  font-size: 10px;

  text-transform: uppercase;

  color: #ffffff;

  font-weight: 900;

  background: #d82424;

  padding: 5px 10px;

  border-radius: 5px;

  width: max-content;

}



.seo_case_full{

  padding-top: 40px;

}



.seo_cases_title{

  font-size: 17px;

  color: #2a2a2a;

  font-weight: 500;

  text-align: center;

}



.seo_cases_subtitle{

  font-size: 30px;

  font-weight: 500;

  text-align: center;

  margin-bottom: 60px;

}



.seo_case_img_label{

  font-size: 14px;

  color: #ffffff;

  font-weight: 400;

  background: #0b9bd7;

  padding: 5px 10px;

  display: inline-block;

}



.image_before{

  margin-bottom: 10px;

}



.case_data_title{

  font-size: 15px;

  color: #575757;

  font-weight: 400;

}



.case_data_txt{

  font-size: 15px;

  color: #000000;

  font-weight: 500;

}



.seo_case_theme,

.seo_case_time,

.seo_case_region{

  margin-bottom: 20px;

}



.seo_additional_block{

  background: #f7f7f7;

  min-height:190px;

  padding: 35px 10px 0 10px;

}



.seo_additional_info_num{

  font-size: 40px;

  color: #111111;

  font-weight: 300;

  text-align: center;

}



.seo_additional_info_title{

  font-size: 15px;

  color: #111111;

  font-weight: 400;

  text-align: center;

}



.case_details_link{

  font-size: 18px;

  color: #2a2a2a;

  font-weight: 500;

  display: inline-block;

  padding-bottom: 3px;

  border-bottom: 3px solid #0c9bd8;

  transition: all 0.3s ease;

  position: absolute;

  bottom: 0;

}



.case_details_link:hover{

  color: white;

  border: 3px solid #0c9bd8;

  padding: 3px;

  background-color: #0c9bd8;

  transition: all 0.3s ease;

}



.flex_slide{

  display: flex;

  flex-wrap:wrap ;

}



.seo_case_data{

  height: 100%;

  position: relative;

  padding-bottom: 50px;

}



.analysis_block_title{

  font-size: 33px;

  color: #2a2a2a;

  font-weight: 500;

  margin-bottom: 50px;

}



.analysis_block_txt{

  font-size: 15px;

  color: #1a1a1a;

  font-weight: 400;

}



.analysis_block_txt strong{

  font-size: 39px;

  color: #343434;

  font-weight: 500;

  display: block;

}



.seo_analysis_data{

  font-size: 15px;

  color: #2a2a2a;

  font-weight: 400;

}



.seo_analysis_data h2{

  font-size: 18px;

  color: #1a1a1a;

  font-weight: 500;

  display: block;

  padding: 20px;

  background: #f7f7f7;

}



.seo_analysis_data strong{

  display: block;

  font-size: 16px;

  color: #2a2a2a;

  font-weight: 500;

}



.seo_analysis_data p{

  padding: 0 20px;

}



.seo_analysis_data{

  padding: 20px;

  box-shadow: 0 0 0.6rem 0 rgb(0 0 0 / 5%);

  max-height: 800px;

}



.seo_case_images{

  padding-right: 50px;

}



.dev_results_full{

  padding: 40px 0;

  border-top:1px solid #ebebeb;

}



.dev_results_title{

  font-size: 26px;

  color: #2a2a2a;

  font-weight: 500;

  padding-right: 30px;

}



.dev_results_txt{

  margin-top: 40px;

  font-size: 16px;

  color: #343434;

  font-weight: 500;

  padding-right: 30px;

}



.dev_results_txt ul {

  padding-left: 20px;

  margin: 0;

  list-style-image: url(/images/common/list_arrow.svg);

}



.dev_results_txt ul li{

  margin-bottom: 20px;

}



.dev_result_thumb{

  background: #f7f7f7;

  height: 100%;

  min-height:230px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding: 20px;

}



.dev_result_thumb_title{

  font-size: 13px;

  text-transform: uppercase;

  color: #0888bf;

  font-weight: 400;

  text-align: center;

  padding-bottom: 25px;

}



.dev_result_thumb_num{

  font-size: 38px;

  color: #343434;

  font-weight: 500;

  text-align: center;

}



.dev_result_thumb_description{

  font-size: 16px;

  color: #343434;

  font-weight: 400;

  text-align: center;

}

.app_case_img{
  padding-right: 30px;
}



.app_case_data{

  height: 100%;

  position: relative;

  padding-bottom: 50px;

}



.app_case_full{

  padding: 70px 0;

  border-top:1px solid #ebebeb;

}



.app_case_title{

  font-size: 17px;

  color: #2a2a2a;

  font-weight: 500;

}



.app_title{

  font-size: 30px;

  font-weight: 500;

  margin-bottom: 30px;

}



.app_case_additional{

  padding-top:30px;

  border-top: 1px solid #ebebeb;

}



.apan{

  font-size: 33px;

  color: #2d2d2d;

  font-weight: 300;

}



.apat{

  font-size: 15px;

  color: #2d2d2d;

  font-weight: 500;

  margin-bottom: 10px;

  min-height: 35px;

}



.app_examples_full{

  padding: 70px 0;

  border-top:1px solid #ebebeb;

}



.app_examples_title{

  font-size: 26px;

  color: #2a2a2a;

  font-weight: 500;

  margin-bottom: 40px;

}



.app_example_title{

  font-size: 40px;

  color: #2a2a2a;

  font-weight: 500;

}



.app_example_label{

  font-size: 11px;

  text-transform: uppercase;

  color: #ffffff;

  font-weight: 400;

  padding: 5px;

  background: #0b9bd7;

  display:inline-block;

}



.app_example_txt{

  font-size: 13px;

  color: #585858;

  font-weight: 300;

  line-height: 19px;

}



.app_example_data{

  padding-right: 50px;

}



.app_example_txt ul{

  list-style-image: url(/images/common/list_arrow.svg);

  padding-left: 20px;

  color: #343434;

  font-weight: 500;

}



.app_example_txt ul li{

  margin-bottom: 10px;

}





.ads_chart_row{

  height: 100%;

  position: relative;

}



.ads_value{

  display: inline-block;

  position: absolute;

  height: 7px;

  bottom: 0;

  background:#0b9bd7 ;

}



.ads_chart_delimiter{

  width: calc(100% / 8);

  border-right: 1px solid #e3e3e3;

  height: 100%;

  float: left;

}



.ads_before{

  position: absolute;

  bottom: 0;

  height: 1px;

  background: #e3e3e3;

}



.ads_total_row{

  width: 800px;

  float: left;

  min-height: 1px;

}



.ads_total{

  background: #414141;

  color: white;

  float: left;

  border-right: 1px solid white;

  min-height:60px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}



.app_dev_total_wrapper{

  margin-top: 3px;

}



.ads_clarification{

  font-size: 13px;

  color: #2a2a2a;

  font-weight: 300;

  margin-top: 20px;

}



.scmptt{

  font-weight: 300;

  font-size: 14px;

}



.dm_delimiter{

  height: 1px;

  background: #0a0a0a;

  width: calc(100% - 40px);

  margin: 0 auto;

  background: #EDEDED;

}



.smimg{

  display: none;

}

.optimisation_case_title{
  font-size: 17px;
  line-height: 25px;
  color: #2a2a2a;
  font-weight: 500;
}

.optimisation_case_company_title{
  font-size: 40px;
  line-height: 42px;
  color: #2a2a2a;
  font-weight: 500;
  margin-bottom: 20px;
}

.optimisation_case_subtitle {
  font-size: 15px;
  line-height: 21px;
  font-weight: 300;
}

.optimisation_case_txt{
  font-size: 14px;
}

.optimisation_case_txt ul{
  padding: 0;
  margin: 0;
  list-style: none;
}

.optimisation_case_txt p{
  margin: 10px 0;
}

.optimisation_case_txt ul li{
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}

.optimisation_case_txt ul li:before{
  content: '';
  display: block;
  background: url(/images/common/ocli.svg) no-repeat center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
}


.optimisation_case_full{
  padding-top: 80px;
  border-top: 1px solid #ebebeb;
}


.optimisation_case_additional{
  margin-bottom: 20px;
}

.optimisation_case_additional_value{
  font-size: 41px;
  color: #2d2d2d;
  font-weight: 400;
}

.optimisation_case_additional_title{
  display: inline-block;
  min-width: 200px;
  font-size: 15px;
  color: #ffffff;
  font-weight: 400;
  background: #0c9bd8;
  padding: 5px 15px;
}

.optimisation_case_data{
  padding-right: 40px;
}

.optimisation_case_img{
  background: white;
  padding-left: 50px;
  padding-top: 60px;
  height:100%;
  filter: drop-shadow(0 0 16.5px rgba(0,0,1,0.03));
}

.optimisation_case_img img{
  width: 100%;
}

.brandbook_case_full{
  padding-top: 80px;
  border-top: 1px solid #ebebeb;
}

.brandbook_case_title{
  font-size: 17px;
  color: #2a2a2a;
  font-weight: 500;
}

.brandbook_company_title{
  font-size: 40px;
  font-weight:500;
  margin-bottom: 40px;
}

.brandbook_case_txt ul{
  padding: 0;
  margin: 0;
  list-style: none;
}

.brandbook_case_txt p{
  margin: 10px 0;
}

.brandbook_case_txt ul li{
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}

.brandbook_case_txt ul li:before{
  content: '';
  display: block;
  background: url(/images/common/list_arrow.svg) no-repeat center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
}

.wide_container{
  max-width: 1216px;
  margin: auto;
}

.wide_slider_title{
  font-size: 26px;
  color: #2a2a2a;
  font-weight: 500;
  margin-bottom: 50px;
}

.brandbook_example_full{
  padding-top: 80px;
  border-top: 1px solid #ebebeb;
}

.brandbook_example_img{
  padding: 0 4px;
}

.brandbook_example_slider .slick-track{
  margin: 0 -4px;
}

.dev_inp{
  display: block;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ebebeb;
}

.dev_btn{
  border-radius: 5px;
  border: 1px solid #ebebeb;
  background: white;
  cursor:pointer;
}

.dev_delete_btn{
  color: red;
}

.dev_accept_btn{
  color: green;
}

.accented{
  border: 1px solid red;
}

.dev_buttons{
  position: absolute;
  right: 0;
  top: 0;
}

.scm_desc p{
  margin: 5px 0;
}

.commercial_module_description img{
  display:block !important;
  max-width:100% !important;
  height:auto !important;
}

.pl{
  background: #0c9bd8;
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
  padding: 32px 0;
  text-align: center;
  cursor: pointer;
  font-weight: 100;
  transition: all .3s ease;
  display: block;
  width: 100%;
  border: 3px solid #0c9bd8;
}

.pl:hover{
  background: white;
  color: black;
  transition: all .3s ease;
}

.our_portfolio,
.bear_container{
  padding: 30px 0;
}


/* bear */
#bear{
  position: relative;
  top: 50px;
}
.bear_title{
  font-size: 26px;
  color: #2a2a2a;
  font-weight: 500;
  margin-bottom: 35px;
  text-align: center;
}
.mask {
  position: absolute;
  top: 40px;
  left: 0;
  background: white;
  width: 100%;
  height: 100px;
  z-index: 4;
}
.bear {
  width: 100%;
  background: transparent;
  transform: translate(0, 100%);
}
.bear__swear {
  display: none;
  position: absolute;
  left: 105%;
  top: 0;
  background: #fff;
  font-weight: bolder;
  padding: 10px;
  border-radius: 8px;
}
.bear__swear:before {
  content: '';
  background: #fff;
  position: absolute;
  top: 90%;
  right: 70%;
  height: 30px;
  width: 30px;
  clip-path: polygon(0 100%, 100% 0, 50% 0);
  -webkit-clip-path: polygon(0 100%, 100% 0, 50% 0);
}
.bear__wrap {
  width: 100px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-15%, -50%) rotate(5deg) translate(0, -75%);
  background: transparent;
}
.bear__arm-wrap {
  background: transparent;
  position: absolute;
  height: 30px;
  width: 90px;
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(0, -50%) rotate(0deg);
}
.bear__arm {
  background: transparent;
  transform-origin: left;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-35%, -50%) scaleX(1);
}
.bear__paw {
  background: #784421;
  border-radius: 100%;
  position: absolute;
  height: 30px;
  width: 30px;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform-origin: right;
  transform: translate(80px, -15px) scaleX(0);
}
.checkbox {
  border-radius: 50px;
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.checkbox [type='checkbox'] {
  cursor: pointer;
  border-radius: 50px;
  position: absolute;
  outline: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 10;
  height: 100%;
  width: 100%;
  margin: 0;
}
.checkbox__bg {
  background: #aaa;
  border-radius: 50px;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.checkbox__indicator {
  background: transparent;
  height: 100%;
  width: 50%;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.checkbox__indicator:after {
  content: '';
  border-radius: 100%;
  height: 85%;
  width: 85%;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.commercial_module_description li strong {
  font-size: 14px;
  font-weight: 600;
}