/* --- OVERALL STYLE --- */
#cloudics{
  font-family: arial, sans-serif;
}
#cloudics .wrap{
  max-width: 1080px;
  padding: 0;
}
#cloudics h1{
  font-size: 2.5em;
}
#cloudics h2, #cloudics h2.druk{
  font-size: 2em;
}
#cloudics h3{
  font-size: 1.5em;
}
#cloudics h4{
  font-size: 1em;
}
#cloudics p{
  max-width: 800px;
  padding: .5rem 0 0;
  margin: 0 auto;
  line-height: 1.7em;
}
#cloudics p.has-text-align-center{
  margin: auto;
}
#cloudics .wp-block-button a{
  font-size: 1.125em;
  padding: .667em 1.333em;
  text-transform: inherit;
  border-radius: 10px;
}
#cloudics .hyphen-hide span, #cloudics .hyphen-hide br{
  display: none;
}
#cloudics .hyphen-show span, #cloudics .hyphen-show br{
  display: inline-block;
}
#cloudics #second_menu{
  position: fixed;
}
/*eof overall style*/



/*block intro*/
#cloudics .block_intro{
  position: relative;
  overflow: visible;
  text-align: center;
}
#cloudics .block_intro .bg img{
  width: 90%;
  height: 800px;
  object-fit: cover;
  object-position: 0 -270px;
  filter: brightness(.7);
}
#cloudics .block_intro video{
  object-fit: cover;
}
#cloudics .block_intro h2{
  margin-top: .5rem;
}
#cloudics .block_intro h2 span{
  color: #1ea9e1;
}



/*block intro: jaotus*/
#cloudics .block_intro_wrap{
  position: absolute;
  width: 1200px;
  left: 0;
  right: 0;
  top: 85%;
  margin: auto;
  padding: 2rem;
  border-radius: 10px;
}
#cloudics .block_intro_wrap .hyphen-hide br:nth-child(3){
  display: inline-block;
}



/*block intro wide: alamlehed*/
#cloudics .block_intro_subpage .block_intro_wrap{
  top: 25%;
  padding: 4rem 2rem;
}

#cloudics .block_intro_subpage .bg_wave_2 img{
  position: absolute;
  bottom: -12rem;
  transform: scaleX(-1);
  display: none;
}



/*block category*/
#cloudics .block_category{
  background: #f1f1f1;
  margin: 2rem 2rem 4rem;
}
#cloudics .block_category .wp-block-columns{
  max-width: 1800px;
  padding: 12rem 0 5rem;
  margin: auto;
}
#cloudics .block_category .wp-block-column{
  background: #fff;
  padding: 2rem 3rem 3rem;
  box-shadow: 10px 20px 23px 0 rgb(0 0 0 / 20%);
  border-radius: 10px;
  color: #333;
}
#cloudics .block_category .wp-block-column:hover{
  cursor: pointer;
}
#cloudics .block_category img{
  height: 300px;
  width: auto;
}
#cloudics .block_category .toggle{
  margin: 2rem 0 0;
}
#cloudics .block_category .toggle h3{
  font-size: 1.17em;
}
#cloudics .block_category .division_arrow-down img{
  height: 25px;
  margin: 1rem 0 0;
  transform: rotate(180deg);
}



/*block subcategory*/
#cloudics .block_subcategory{
  background: #f1f1f1;
  margin: -12rem 0 2rem;
  padding: 0 0 5rem;
}
#cloudics .block_subcategory h3{
  margin: 1.5rem 0 .5rem;
}
#cloudics .block_subcategory .wp-block-columns{
  position: relative;
  border-radius: 15px;
  max-width: 1600px;
}
#cloudics .block_subcategory .wp-block-column{
  padding: 2rem;
  border-radius: 10px;
  box-shadow: 0 0 25px 0 rgb(0 0 0 / 20%);
}
#cloudics .block_subcategory img{
  max-height: 200px;
  width: auto;
}
/*block subcategory: keywords open*/
#cloudics .block_subcategory .su-accordion{
  display: flex;
}
#cloudics .block_subcategory .su-spoiler-title{
  background: #1ea9e1;
  color: #fff;
  font-size: 1em;
  font-weight: 600;
  padding: 1rem 1.5rem;
  margin: 1rem .5rem 0 0;
  border-radius: 10px;
}
#cloudics .block_subcategory .su-spoiler-closed .su-spoiler-title{
  opacity: .6;
  font-weight: 400;
}
#cloudics .block_subcategory .su-spoiler-title:hover, #cloudics .block_subcategory .su-spoiler:active{
  opacity: 1;
}
#cloudics .block_subcategory .su-spoiler-title>.su-spoiler-icon{
  display: none;
}
#cloudics .block_subcategory .su-spoiler-content{
  position: absolute;
  padding: 1.5rem 0 0 0;
  left: 4rem;
  max-width: 650px;
  font-weight: 600; 
}



/*block_benefits*/
#cloudics .block_benefits{
  padding: 5rem 0;
}
#cloudics .block_benefits .wp-block-column{
  position: relative;
  box-shadow: 10px 20px 23px 0 rgb(0 0 0 / 20%);
  border-radius: 10px;
  padding-bottom: 2rem;
}
#cloudics .block_benefits img{
  margin: 1rem 0;
  object-fit: cover;
  height: 150px;
  width: auto;
}
#cloudics .block_benefits .icon img{
  height: 100px;
}

#cloudics .block_benefits h4{
  background: #1ea9e1;
  color: #fff;
  padding: 1.5em 0;
}
#cloudics .block_benefits p{
  padding: 1rem 0 0;
}
#cloudics .block_benefits .wp-block-column p{
  padding: 1rem 2rem 0;
}
#cloudics .block_benefits .wp-block-column .wp-block-buttons{
  margin: 0 2rem;
}
#cloudics .block_benefits .bg img{
  position: absolute;
  top: 145px;
  width: 100%;
  height: auto;
}



/*block additional - jaotus*/
#cloudics .block_additional{
  margin: 3rem auto 2rem;
}
#cloudics .block_additional .wpsm_row{
  max-width: 900px;
  margin: auto;
}
#cloudics .block_additional .wpsm_counterbox{
  margin: 0;
}
#cloudics .block_additional .wpsm_counterbox .wpsm_number{
  font-family: 'DrukWideCyrMedium', arial, sans-serif;
  font-weight: 400;
  font-size: 1.5em;
}



/*block how it works*/
#cloudics .block_how-it-works{
  position: relative;
}
#cloudics .block_how-it-works .wp-block-column:first-child h2{
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
#cloudics .block_how-it-works .bg{
  position: absolute;
  /*top: -35rem;*/
  /*opacity: .5;*/
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.8);
}
#cloudics .block_how-it-works .bg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#cloudics .block_how-it-works .wp-block-columns{
  gap: 4em;
}
#cloudics .block_how-it-works .wp-block-column{
  position: relative;
}
#cloudics .block_how-it-works .wp-block-column:last-child{
  padding: 2rem 0;
}
#cloudics .block_how-it-works ul{
  list-style: circle;
  margin-left: 1rem;
}
#cloudics .block_how-it-works li{
  padding: .2rem 0;
}
/*tab content: shortcode tabs*/
#cloudics .block_how-it-works .su-tabs{
  background: transparent;
  margin-top: 2rem;
}
#cloudics .block_how-it-works .su-tabs-nav, #cloudics .block_how-it-works .su-tabs-panes{
  background: transparent;
  text-align: center;
}
#cloudics .block_how-it-works .su-tabs-nav span{
  border: 1px solid #1ea9e1;
  border-radius: 3.125rem;
  color: #1ea9e1;
  margin: .2rem;
  font-family: "GothaMed", sans-serif;
  font-weight: 600;
  outline: 0;
}
#cloudics .block_how-it-works .su-tabs-nav span.su-tabs-current {
  background: #1ea9e1;
  color: #fff;
}
#cloudics .block_how-it-works .su-tabs-panes img{
  width: 80%;
}
/*download container*/
#cloudics .block_how-it-works .download-container{
  position: relative;
  background: #f1f1f1;
  max-width: 500px;
  width: auto;
  line-height: initial;
  margin: auto;
  padding: 2rem;
  text-align: center;
}
#cloudics .block_how-it-works .download-container h3{
  font-size: 1.5em;
  margin-bottom: .5rem;
}
#cloudics .block_how-it-works .download-container figure{
  display: inline-block;
  margin: auto;
}
#cloudics .block_how-it-works .download-container img{
  width: 150px;
  height: auto;
  margin: .2rem 0;
}

/*carwash*/
#cloudics .block_tabs_carwash .cloudics-scheme img{
  width: 900px;
}
#cloudics .block_tabs_carwash .download-container{
  max-width: max-content;
  background: transparent;
  padding: 1rem 0 0;
}
#cloudics .block_tabs_carwash .download-container img{
  height: 50px;
}
#cloudics .block_tabs_carwash .tabcontent .slider-items li h4{
  color: #1ea9e1;
  text-transform: uppercase;
}



/*block demo*/
#cloudics .block_demo, #cloudics .block_buy{
  position: relative;
  /*padding: 3rem 0;*/
  max-width: 1300px;
  margin: 2rem auto;
  box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
}
#cloudics .block_demo .wp-block-group__inner-container{
  margin: auto;
}
#cloudics .block_demo img{
  position: absolute;
  height: 100%;
  width: auto;
  right: 0;
  border-radius: 0 10px 10px 0;
}
#cloudics .block_demo .wp-block-column .wp-block-group{
  padding: 4rem;
  border-radius: 10px;
  margin: 2rem 0;
}
#cloudics .block_demo .wp-block-column .wp-block-buttons{
  margin-top: 1rem;
}
#cloudics .calendly-btn{
  width: 215px;
  border: none;
  cursor: pointer;
  background-COLOR: #26B93A !important;
  color: #fff !important;
  padding: 1rem 3rem !important;
  border-radius: 10px;
  margin: 1rem 0;
  display: block;
  text-transform: uppercase;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  font-size: 1em !important;
}



/*block buy*/
#cloudics .block_buy{
  position: relative;
  padding: 4rem;
  z-index: 1;
  border-radius: 10px;
}
#cloudics .block_buy p{
  max-width: 600px;
}
#cloudics .block_buy .bg img{
  position: absolute;
  top: 4rem;
  z-index: -1;
  right: 0;
  opacity: .2;
}
#cloudics .block_buy .steps .arrow_right img{
  height: 20px;
  margin: 4rem auto 0;
}
#cloudics .block_buy .wp-block-columns:first-child{
  gap: 4em;
}
#cloudics .block_buy .wp-block-column:not(:first-child){
  margin: 0;
}
#cloudics .block_buy .steps{
  display: flex;
  justify-content: center;
  display: none;
}
#cloudics .block_buy .steps figure{
  text-align: center;
}
#cloudics .block_buy .steps img{
  height: 40px;
  text-align: center;
  margin: 2rem 0 .5rem;
}
#cloudics .block_buy .buy_plans{
  text-align: center;
}
#cloudics .block_buy .buy_plans .wp-block-column{
  padding: 1rem;
  border-radius: 10px;
}
#cloudics .block_buy .buy_plans img{
  margin: 0 0 1rem;
}
#cloudics .block_buy .buy_plans p{
  font-family: "GothaMed", sans-serif;
}
#cloudics .block_buy .buy_plans p span{
  font-size: 1.5em;
}


#cloudics .block_buy_test .bg img{
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  /*left: 0;*/
  /*right: 0;*/
  /*text-align: center;*/

  top: 50%;  /* position the top  edge of the element at the middle of the parent */
  left: 50%; /* position the left edge of the element at the middle of the parent */
  transform: translate(-50%, -50%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */
  height: 615px;
  width: auto;
}


  /*block buy carwash*/
#cloudics .block_buy_carwash img{
  display: block;
  margin: auto;
}
#cloudics .block_buy_carwash .steps{
  margin-top: 2rem;
}
#cloudics .block_buy_carwash .steps .arrow_right img{
  margin: 5rem auto 0;
}
#cloudics .block_buy_carwash .steps .wp-block-group:not(:first-child){
  margin-left: 4rem;
}
#cloudics .block_buy_carwash .steps .wp-block-group__inner-container{
  max-width: 500px;
  width: -webkit-fill-available;
}
#cloudics .block_buy_carwash .image_large{
  margin-top: 2rem;
}



/*news*/
#cloudics .block_news{
  padding: 3rem 1rem;
  max-width: 100%;
  margin: 2rem;
}
#cloudics .block_news .wp-block-group__inner-container{
  max-width: 1800px;
  margin: auto;
}
#cloudics .block_news .wp-block-latest-posts{
  max-width: 100%;
  margin: 2rem auto 0;
}
#cloudics .block_news .wp-block-latest-posts li{
  background: #fff;
}
#cloudics .block_news .wp-block-latest-posts li, #cloudics .block_news img, #cloudics .block_news .news-overlay{
  border-radius: 10px;
}
#cloudics .block_news .news-overlay h3{
  font-size: 1.3em;
}



/*contact*/
#cloudics .block_contact{
  padding: 4rem 0;
}
#cloudics .block_contact .contact_form{
  display: table;
  background: #fff;
  margin: auto;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
  box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
  width: 1300px;
  overflow: hidden;
}
#cloudics .block_contact .wp-block-column{
  position: relative;
}
/*left col*/
#cloudics .block_contact .cloudics_contact_info{
  position: absolute;
  margin-left: 2rem;
  z-index: 1;
  top: 50%;
  transform: translate(0, -50%);
}
#cloudics .block_contact .cloudics_contact_info .wp-block-columns{
  display: block;
  margin: 1rem 0;
}
#cloudics .block_contact .cloudics_contact_info .wp-block-column{
  display: flex;
  align-items: center;
  padding: 1rem 0;
  border: 1px solid transparent;
}
#cloudics .block_contact .cloudics_contact_info .wp-block-column:not(:first-child){
  margin: 0;
}
#cloudics .block_contact .cloudics_contact_info .wp-block-column:hover{
  border-radius: 10px;
  background: rgba(0,0,0,.2);
  width: 270px;
  cursor: pointer;
}
#cloudics .block_contact .cloudics_contact_info .wp-block-columns a{
  color: #fff;
}
#cloudics .block_contact .cloudics_contact_info img{
  filter: invert(1);
  height: 30px;
}
#cloudics .block_contact .cloudics_contact_info p{
  margin: 0 0 0 1rem;
  font-weight: 600;
}
#cloudics .block_contact .bg img{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .8;
}
/*right col*/
#cloudics .block_contact .wp-block-column.has-white-background-color{
  padding: 1rem 4rem 0;
  border-radius: 0 10px 10px 0;
  margin: 0;
}
#cloudics .block_contact .form_inputs input.wpcf7-text{
  width: 90%;
}
#cloudics .block_contact .form_inputs .flex_that li:nth-child(2){
  margin-left: 1rem;
}
#cloudics .block_contact .form_inputs .flex_that:nth-child(3) li{
  width: 100%;
}
#cloudics .block_contact textarea{
  height: 150px;
}



/*--- CLOUDICS DEMO PAGE ---*/
#cloudics.cloudics-demo-videos .block_intro_wide .bg img{
  object-position: 0;
}
#cloudics.cloudics-demo-videos .block_subcategory{
  padding: 0;
}
#cloudics.cloudics-demo-videos .bg_wave{
  position: relative;
  display: block;
  z-index: -1;
  bottom: 0;
  top: 0;
}
#cloudics.cloudics-demo-videos .bg_wave img{
  width: 100vw;
  margin: -6rem 0 0;
}
#cloudics.cloudics-demo-videos .bg_wave_2 img{
  margin: 0 0 -6rem;
}

/*block_intro*/
#cloudics.cloudics-demo-videos .block_intro{
  padding: 4rem 0;
  margin: 0;
}
#cloudics.cloudics-demo-videos .block_intro .bg{
  width: auto;
  height: auto;
}
#cloudics.cloudics-demo-videos .block_intro .bg img{
  height: 370px;
}
#popmake-20391 iframe, #popmake-22657 iframe{
  display: block;
  margin: auto;
  width: 1000px;
  height: 560px;
}

/*block_videos*/
#cloudics.cloudics-demo-videos .block_videos{
  margin: 4rem auto;
}
#cloudics.cloudics-demo-videos .text-group{
  max-width: 700px;
  margin: auto;
}
#cloudics.cloudics-demo-videos .responsive-tabs.responsive-tabs--enabled{
  display: flex;
  flex-direction: row-reverse;
}

/*tab panel*/
#cloudics.cloudics-demo-videos .block_videos .responsive-tabs ul{
  width: 45%;
  margin: 0;
}
#cloudics.cloudics-demo-videos .block_videos .responsive-tabs .responsive-tabs__list__item{
  display: block;
  font-weight: 600;
  padding: 1rem;
  margin: 0;
  width: 100%;
  top: 0;
  background: #fff;
  color: #000;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  cursor: pointer;
  white-space: break-spaces;
  word-break: keep-all;
}
#cloudics.cloudics-demo-videos #tablist1-tab1,
#cloudics.cloudics-demo-videos #tablist1-tab3,
#cloudics.cloudics-demo-videos #tablist1-tab7,
#cloudics.cloudics-demo-videos #tablist1-tab12,
#cloudics.cloudics-demo-videos #tablist1-tab15{
  font-family: 'DrukWideCyrMedium', arial, sans-serif;
  font-size: 1.125em;
  font-weight: 400;
  background: #1ea9e1 !important;
  color: #fff;
  padding: 1rem;
  border: none;
  border-radius: 0;
}
#cloudics.cloudics-demo-videos .block_videos .responsive-tabs .responsive-tabs__heading:focus,
#cloudics.cloudics-demo-videos .block_videos .responsive-tabs .responsive-tabs__list__item:focus{
  outline: 0;
}
#cloudics.cloudics-demo-videos .block_videos .responsive-tabs .responsive-tabs__list__item--active,
#cloudics.cloudics-demo-videos .block_videos .responsive-tabs .responsive-tabs__list__item--active:hover{
  border: none;
  border-bottom: 1px solid #ccc;
  background: #0071a1 !important;
  color: #fff;
}
#cloudics.cloudics-demo-videos .block_videos .responsive-tabs .responsive-tabs__list__item:hover{
  background: #f1f1f1;
}
#cloudics.cloudics-demo-videos .block_videos .responsive-tabs .responsive-tabs__list__item--active > .fa-play_icon,
#cloudics.cloudics-demo-videos .block_videos .responsive-tabs .responsive-tabs__list__item--active:hover > .fa-play_icon{
  filter: invert(1);
}
#cloudics.cloudics-demo-videos .block_videos .responsive-tabs .responsive-tabs__list__item .fa-play_icon{
  display: inline-block;
  background: url(https://astrobaltics.eu/wp-content/uploads/2021/05/play-button.svg) no-repeat;
  width: 15px;
  height: 15px;
}
/*video panel*/
#cloudics.cloudics-demo-videos .block_videos .responsive-tabs .responsive-tabs__panel{
  width: 49%;
  margin: 0 1rem;
  padding: 0;
}
#cloudics.cloudics-demo-videos .block_videos figure{
  margin: 0;
}
#cloudics.cloudics-demo-videos .block_videos iframe{
  margin: 0 0 2rem;
  width: 100%;
  min-height: 200px;
  height: 370px;
}
#cloudics.cloudics-demo-videos .block_videos_text h3{
  background: none;
  font-size: 1.5em;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
#cloudics.cloudics-demo-videos .block_videos_text h4{
  font-size: 1em;
  text-transform: uppercase;
  color: #333;
  margin: 2rem 0 1rem;
}
#cloudics.cloudics-demo-videos .block_videos .responsive-tabs .block_videos_text ul{
  margin: 0;
  width: 100%;
}
#cloudics.cloudics-demo-videos .block_videos .responsive-tabs .block_videos_text li{
  color: #000;
  border: none;
  padding: .5rem 0;
  text-transform: capitalize;
}
#cloudics.cloudics-demo-videos .block_videos .responsive-tabs .block_videos_text li img{
  height: 20px;
  margin-right: .5rem;
}



/*second menu*/
#cloudics.cloudics-demo-videos #second_menu{
  position: sticky;
  background: #333;
  color: #fff;
  border: 1px solid #333;
  border-bottom: 0;
  display: none;
}
#cloudics.cloudics-demo-videos #second_menu a{
  color: #fff;
}
#cloudics.cloudics-demo-videos #second_menu ul{
  border: none;
}
#cloudics.cloudics-demo-videos #second_menu li.current-page-ancestor:first-child a{
  color: #1ea9e1;
}
#cloudics.cloudics-demo-videos #second_menu .menu-item-11995 a{
  background-color: #26B93A;
  color: #fff;
}



/*sidemenu*/
.sidemenu_area #sidemenu_cloudics_2021.call-to-action, .sidemenu_area #sidemenu_cloudics_2022_eng.call-to-action{
  background: #26B93A;
  margin-top: 8.35rem;
}



/*--- AVIATION page ---*/
#cloudics.aviation .block_special{
  padding: 2rem;
  margin-top: 2rem;
}
#cloudics.aviation .block_special h4.highlight{
  filter: drop-shadow(0px 2px 6px #737373);
}
#cloudics.aviation .mobile-img img{
  margin-left: 10rem;
  height: 420px;
  width: auto;
}
#cloudics.aviation .block_sectors{
  padding: 3rem 2rem;
}





/*SHORTCODE tabs*/
body.page-template-template_cloudics.page-id-28004 .responisve-header,
body.page-template-template_cloudics.page-id-28004 #header,
body.page-template-template_cloudics.page-id-28004 .hamburger,
body.page-template-template_cloudics.page-id-28004 .artibot-wrapper--3PaNf,
body.page-template-template_cloudics.page-id-28004 #footer{
  display: none !important;
}

#cloudics.module-slider .su-tabs-nav{
  text-align: center;
}
#cloudics.module-slider .sa_hover_container{
  padding: 0;
}