#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;
}  #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;
} #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;
} #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;
} #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);
} #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;
} #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; 
} #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;
} #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;
} #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: 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;
} #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%;
} #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;
} #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;
} #cloudics .block_demo, #cloudics .block_buy{
position: relative; 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;
} #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{     top: 50%; left: 50%; transform: translate(-50%, -50%); height: 615px;
width: auto;
} #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;
} #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;
} #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;
} #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;
} #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.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;
} #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;
} #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;
} #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;
} #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;
} #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_area #sidemenu_cloudics_2021.call-to-action, .sidemenu_area #sidemenu_cloudics_2022_eng.call-to-action{
background: #26B93A;
margin-top: 8.35rem;
} #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;
} 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;
}@media screen and (max-width: 1920px){ #cloudics .block_category .wp-block-columns{
max-width: 97%;
}
#cloudics .block_category .wp-block-column:not(:first-child){
margin-left: 1rem;
}
#cloudics .block_category h2.druk{
font-size: 1.5em;
}
}
@media screen and (max-width: 1680px){
}
@media screen and (max-width: 1440px){
#cloudics h1, #cloudics h2, #cloudics h3, #cloudics h4{
line-height: 1.1em;
}
#cloudics h1, #cloudics h1.druk{
font-size: 2.2em;
}
#cloudics h2, #cloudics h2.druk{
font-size: 1.8em;
}
#cloudics h3, #cloudics h3.druk{
font-size: 1.2em;
} #cloudics .block_category img{
height: 200px;
}
}
@media screen and (max-width: 1366px){ #cloudics .block_intro_wrap{
width: 850px;
}
#cloudics .block_intro video{
height: 300px;
}
#cloudics .block_intro_wide .bg{
width: 600px;
}
#cloudics .block_intro_wide .bg img{
object-position: -250px 0;
}
#cloudics .block_intro_wide .text-box{
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 8rem auto;
}
#cloudics .block_intro_wide .img-left figure{
width: 100%;
}
#cloudics .block_intro_wide .img-left img{
width: 100%;
max-height: 700px;
object-fit: cover;
} #cloudics .block_category .wp-block-columns{
display: block;
}
#cloudics .block_category .wp-block-column{
width: 500px;
margin: auto;
}
#cloudics .block_category .wp-block-column:not(:first-child){
margin: 2rem auto 0;
} #cloudics .block_subcategory{
margin: 2rem 0;
}
#cloudics .block_subcategory .wp-block-columns{
max-width: 1000px;
}
#cloudics .block_subcategory figure{
text-align: right;
} #cloudics .block_benefits{
padding: 4rem;
}
#cloudics .block_benefits .wp-block-columns{
flex-wrap: wrap;
}
#cloudics .block_benefits .wp-block-column{
flex-basis: 35% !important;
flex-grow: 1;
}
#cloudics .block_benefits .wp-block-column:nth-child(3), #cloudics .block_benefits .wp-block-column:nth-child(4){
margin-top: 2rem;
}
#cloudics .block_benefits .wp-block-column:nth-child(3){
margin-left: 0;
} #cloudics .block_demo .wp-block-group__inner-container, #cloudics .block_buy .wp-block-group__inner-container{
width: auto;
}
#cloudics .block_demo, #cloudics .block_buy{
padding: 4rem;
}
#cloudics .block_buy .large_image img{
margin: 0;
}
}
@media screen and (max-width: 1200px){ #cloudics .block_intro_wide{
margin: 0;
height: 450px;
}
#cloudics .block_intro_wide .wp-block-group__inner-container{
display: block;
}
#cloudics .block_intro_wide .text-group{
position: absolute;
display: block;
background: rgba(255,255,255,.9);
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
padding: 2rem;
max-width: 750px;
height: 335px; 
}
#cloudics .block_intro_wide .bg{
position: absolute;
width: 100%;
padding: 0;
}
#cloudics .block_intro_wide .bg img{
object-position: center !important;
}
#cloudics .block_intro_wide .text-box{
margin: 1.5rem auto;
padding: 2rem;
} #cloudics .block_contact .contact_form{
max-width: 90%;
}
#cloudics .block_contact .wp-block-column.has-white-background-color{
padding: 1rem 2rem 0;
} #cloudics.cloudics-demo-videos .block_intro_wide .text-group{
background: transparent;
}
#cloudics.cloudics-demo-videos .block_intro_wide .bg img{
display: none;
}  #cloudics.aviation .block_intro_wide .text-group{
height: 420px;
}
#cloudics.aviation .block_tabs .tabcontent .wp-block-columns{
display: block;
}
#cloudics.aviation .block_tabs .tabcontent img{
margin: 0 0 1rem;
}
#cloudics.aviation .block_sectors{
padding: 2rem 1rem;
}
}
@media screen and (max-width: 1024px){ #cloudics .block_subcategory .wp-block-columns{
max-width: 100%;
margin: 0 1rem;
padding: 2rem;
}
#cloudics .block_subcategory .su-spoiler-content{
left: 2rem;
} #cloudics .block_demo .wp-block-columns, #cloudics .block_buy .wp-block-columns{
display: block;
}
#cloudics .block_demo p{
margin: 0;
}
#cloudics .block_demo img{
display: none;
} #cloudics .block_buy .steps{
display: flex;
flex-wrap: nowrap;
}
#cloudics .block_buy .large_image {
text-align: center;
}
#cloudics .block_buy .large_image img{
max-height: 500px;
width: auto;
}
#cloudics .block_buy_carwash .steps{
margin: 1rem 0 4rem;
}
#cloudics .block_buy_carwash .steps .wp-block-columns{
display: flex;
flex-wrap: nowrap;
}
#cloudics .block_buy_carwash .image_large{
margin-top: 2rem;
} #cloudics .block_news img{
height: auto;
} #cloudics .block_contact .wp-block-columns{
display: block;
}
#cloudics .block_contact .bg img{
position: relative;
height: 350px;
}
}
@media screen and (max-width: 991px){ #cloudics .block_intro_wrap{
width: auto;
margin: 0 4rem;
} #cloudics .block_subcategory .wp-block-columns{
display: block;
}
#cloudics .block_subcategory .su-accordion{
margin-bottom: 4rem;
}
#cloudics .block_subcategory p{
max-width: 600px;
margin: 0;
padding: 1rem 0;
}
#cloudics .block_subcategory figure{
text-align: left; }
#cloudics .block_subcategory img{
max-height: 200px;
} #cloudics .block_tabs{
padding: 0 2rem;
}
#cloudics .block_tabs .responsive-tabs .responsive-tabs__list__item{
width: auto;
padding: 1rem 1.5rem;
}
#cloudics .block_tabs .responsive-tabs li{
width: auto;
}
#cloudics .block_tabs .responsive-tabs .list-design li{
margin: 0 0 .3rem 2rem;
}
#cloudics .block_tabs .tabcontent figure.video_block{
width: auto;
height: auto;
}
#cloudics .block_tabs .tabcontent iframe{
max-width: 600px;
height: 335px;
} #cloudics.cloudics-demo-videos .block_videos .responsive-tabs .responsive-tabs__panel{
width: 60%;
}
}
@media screen and (max-width: 782px){
#cloudics h1, #cloudics h1.druk{
font-size: 2em;
}
#cloudics h2, #cloudics h2.druk{
font-size: 1.5em;
}
#cloudics h3, #cloudics h3.druk{
font-size: 1em;
} #cloudics .block_intro_wrap{
position: relative;
margin: 0 1rem;
top: -3rem;
}
#cloudics .block_intro_wide .wp-block-columns{
display: flex;
flex-flow: column-reverse;
margin: 0 2rem;
}
#cloudics .block_intro_wide .text-box{
position: relative;
margin: 0 auto;
width: 100%;
} #cloudics .block_category{
margin: 0 0 2rem;
}
#cloudics .block_category .wp-block-columns{
padding: 0 0 3rem;
} #cloudics .block_subcategory p{
margin-bottom: 1rem;
}
#cloudics .block_subcategory .su-accordion{
display: block;
margin-bottom: 1rem;
}
#cloudics .block_subcategory .su-spoiler-content{
position: relative;
left: 1rem;
padding: 1rem 0;
}
#cloudics .block_subcategory .su-accordion .su-spoiler{
margin: 0;
}
#cloudics .block_subcategory .su-spoiler-title{
margin: 0;
}
#cloudics .block_subcategory figure{
margin: 0;
} #cloudics .block_benefits{
padding: 4rem 2rem;
}
#cloudics .block_benefits .wp-block-columns{
display: block;
}
#cloudics .block_benefits .wp-block-column{
margin: 0;
}
#cloudics .block_benefits .wp-block-column:not(:first-child){
margin: 2rem 0 0;
} #cloudics .block_additional{
margin: 2rem auto 1rem;
} #cloudics .block_demo{
padding: 3rem 2rem;
}
#cloudics .block_buy{
padding: 3rem 2rem 1rem;
}
#cloudics .block_buy_carwash{
padding: 3rem 1rem;
} #cloudics .block_tabs{
margin: 4rem 0;
}
#cloudics .block_tabs .responsive-tabs ul{
display: none;
}
#cloudics .block_tabs #sample_slider ul{
display: block;
}
#cloudics .block_tabs h2.druk{
margin-bottom: 1rem;
}
#cloudics .block_tabs .tabcontent{
padding: 1rem 1rem 3rem;
}
#cloudics .block_tabs .tabcontent p{
max-width: 100%;
}
#cloudics .block_tabs .black, #cloudics .block_tabs .sa_hover_container{
padding: 0 !important;
}
#cloudics .block_tabs .tabcontent iframe{
max-width: 100%;
}
#cloudics .block_tabs .responsive-tabs .tabtitle:nth-child(1){
border-top: 1px solid #ccc;
}
#cloudics .block_tabs .responsive-tabs .responsive-tabs__heading--active, #cloudics .block_tabs .responsive-tabs .responsive-tabs__heading:hover{
border: none;
}
#cloudics .block_tabs .responsive-tabs h2:nth-child(2){
border-top: 1px solid #ccc;
} #cloudics .block_news{
margin: 2rem 0;
} #cloudics .block_contact{
padding: 3rem 0 1rem;
}
#cloudics .block_contact .form_inputs .flex_that li:nth-child(2){
margin: 0;
}
#cloudics .block_contact .form_inputs input.wpcf7-text{
width: 95%;
}
}
@media only screen and (max-width: 768px){ #cloudics .su-tabs-mobile-stack .su-tabs-nav span{
display: inline-block;
} #cloudics.cloudics-demo-videos .responsive-tabs.responsive-tabs--enabled{
display: block;
}
#cloudics.cloudics-demo-videos .block_videos .responsive-tabs ul.responsive-tabs__list{
display: none;
}
#cloudics.cloudics-demo-videos .block_videos .responsive-tabs .responsive-tabs__panel{
width: auto;
margin: 0;
}
#cloudics.cloudics-demo-videos .block_videos iframe{
margin: 0 0 1rem;
}
#cloudics.cloudics-demo-videos .responsive-tabs .responsive-tabs__heading{
font-size: 1.2em;
font-weight: 600;
padding-right: 2rem;
}
#cloudics.cloudics-demo-videos .block_videos .fa{
display: inline-block;
background: url(https://astrobaltics.eu/wp-content/uploads/2021/05/play-button.svg) no-repeat;
width: 15px;
height: 15px;
}
#cloudics.cloudics-demo-videos .block_videos_text{
margin: 0 1rem 2rem;
}
#cloudics.cloudics-demo-videos .block_videos_text h3{
font-size: 1.5em;
}
#tablist1-panel1 h2.active{
background: red;
}
#cloudics.cloudics-demo-videos #tablist1-panel1 > h2, #cloudics.cloudics-demo-videos #tablist1-panel12 > h2{
background: #1ea9e1;
color: #fff;
}
#cloudics.cloudics-demo-videos #tablist1-panel7 > h2{
background: red;
}
} 
@media screen and (max-width: 600px){
#cloudics .hyphen-hide span, #cloudics .hyphen-hide br{
display: inline-block;
}
#cloudics .block_category .wp-block-columns{
max-width: 100%;
}
#cloudics .block_category .wp-block-column, #cloudics .block_category .wp-block-column:not(:first-child){
width: auto;
margin: 0 2rem;
}
#cloudics .block_category .wp-block-column:not(:first-child){
margin: 1rem 2rem 0;
}
#cloudics .block_news .wp-block-latest-posts li{
width: 100%;
} #cloudics.cloudics-demo-videos .block_intro img{
height: 50px;
width: auto;
}
}
@media screen and (max-width: 480px){
#cloudics h1.druk, #cloudics h2.druk, #cloudics h3.druk, #cloudics h4.druk, #cloudics p, #cloudics .wp-block-buttons{
text-align: left;
justify-content: left;
}
#cloudics h1, #cloudics h1.druk{
font-size: 1.5em;
}
#cloudics h2, #cloudics h2.druk{
font-size: 1.2em;
} #cloudics .form_inputs .submit{
padding: .8rem 3rem;
} #cloudics .block_intro_wrap .hyphen-hide span, #cloudics .block_intro_wrap .hyphen-hide br{
display: none;
}
#cloudics .block_intro_wide{
height: auto;
}
#cloudics .block_intro_wide .wp-block-columns{
margin: 0 1rem;
}
#cloudics .block_intro_wide .text-group, #cloudics .block_intro_wide .bg{
position: relative;
height: auto;
}
#cloudics .block_intro_wide .text-group{
padding: 1rem;
}
#cloudics .block_intro_wide .wp-block-image .aligncenter{
margin-left: 0;
}
#cloudics .block_intro_wide .wp-block-image .aligncenter img{
height: 40px;
width: auto;
} #cloudics .block_category .wp-block-column{
padding: 2rem;
margin: 0 1rem;
}
#cloudics .block_category .wp-block-column:not(:first-child){
margin: 1rem 1rem 0;
}
#cloudics .block_category .division_arrow-down figure{
margin: 0 auto 0 0;
} #cloudics .block_subcategory{
padding: 2rem 0;
}
#cloudics .block_subcategory .wp-block-columns{
padding: 2rem 1rem;
}  #cloudics .block_benefits{
padding: 3rem 1rem;
}
#cloudics .block_benefits h4{
text-align: left;
padding: 1rem 2rem;
}
#cloudics .block_benefits h2.druk, #cloudics .block_benefits p.has-white-color{
padding: 1rem 0 0;
}
#cloudics .block_benefits .wp-block-column:not(:first-child){
margin: 1rem 0 0;
} #cloudics .block_buy .steps p{
text-align: center;
font-size: .8em;
line-height: 1.1;
}
#cloudics .block_buy_carwash p{
text-align: center;
} #cloudics .block_demo, #cloudics .block_buy{
margin: 2rem 0;
padding: 2rem 1rem;
} #cloudics .block_additional{
margin: 1rem auto 0;
}
#cloudics .block_additional .wpsm_counterbox .wpsm_number{
font-size: 1em;
} #cloudics .block_tabs{
padding: 0 1rem;
}
#cloudics .block_tabs .wp-block-image .aligncenter{
margin: 0;
} #cloudics .block_news .wp-block-latest-posts{
margin: 1rem 0 0;
}
#cloudics .block_news .news-overlay{
background: #fff;
width: 100%;
}
#cloudics .block_news .wp-block-latest-posts li{
margin: 0 auto 1rem !important;
} #cloudics .block_contact{
padding: 0 1rem;
}
#cloudics .block_contact .contact_form{
max-width: 100%;
}
#cloudics .block_contact .bg img{
height: 220px;
}
#cloudics .block_contact .cloudics_contact_info .wp-block-columns{
margin: 1rem 0 0;
}
#cloudics .block_contact .cloudics_contact_info .wp-block-column{
padding: 1rem 0 0;
}
#cloudics .block_contact .cloudics_contact_info img{
height: 20px;
}
#cloudics .block_contact .wp-block-column.has-white-background-color{
padding: 1rem 1rem 0;
}
#cloudics .block_contact .form_inputs input.wpcf7-text{
padding: .7rem;
}  #cloudics.cloudics-demo-videos .block_intro{
padding: 2rem 0;
}
#cloudics.cloudics-demo-videos .calendly-btn{
width: 140px;
margin: 1rem auto 0 0;
padding: 1rem !important;
font-size: .8em !important;
text-align: center;
}
#cloudics.cloudics-demo-videos .block_videos{
margin: 2rem auto;
}
#cloudics.cloudics-demo-videos .text-group{
margin: 0 1rem;
} #cloudics.aviation .block_intro_wide .text-group{
height: 450px;
}
#cloudics.aviation .block_contact{
padding: 3rem 1rem 2rem;
}
}
@media screen and (max-width: 420px){
#cloudics .wp-block-buttons, #cloudics .wp-block-button{
display: block;
} #cloudics .block_intro_wrap .hyphen-hide span, #cloudics .block_intro_wrap .hyphen-hide br{
display: inline-block;
} #cloudics .block_category .wp-block-buttons>.wp-block-button:last-child{
margin: 0;
}
}
@media screen and (max-width: 359px){
}