.cd-container { width: 90%;
max-width: 1170px;
margin: 0 auto;
}
.cd-container::after { content: '';
display: table;
clear: both;
} #cd-timeline {
position: relative;
padding: 2em 0;
margin-top: 2em;
margin-bottom: 2em;
}
#cd-timeline::before { content: '';
position: absolute;
top: 0;
left: 18px;
height: 100%;
width: 4px;
background: #d7e4ed;
}
@media only screen and (min-width: 1170px) {
#cd-timeline {
margin-top: 3em;
margin-bottom: 3em;
}
#cd-timeline::before {
left: 50%;
margin-left: -2px;
}
}
.cd-timeline-block {
position: relative;
margin: 2em 0;
}
.cd-timeline-block:after {
content: "";
display: table;
clear: both;
}
.cd-timeline-block:first-child {
margin-top: 0;
}
.cd-timeline-block:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
.cd-timeline-block {
margin: 4em 0;
}
.cd-timeline-block:first-child {
margin-top: 0;
}
.cd-timeline-block:last-child {
margin-bottom: 0;
}
}
.cd-timeline-img {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
border-radius: 50%;
box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
display: block;
width: 24px;
height: 24px;
position: relative;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
}
.cd-timeline-img.cd-picture {
background: #75ce66;
}
.cd-timeline-img.cd-movie {
background: #c03b44;
}
.cd-timeline-img.cd-location {
background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
.cd-timeline-img {
width: 60px;
height: 60px;
left: 50%;
margin-left: -30px; -webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
.cssanimations .cd-timeline-img.is-hidden {
visibility: hidden;
}
.cssanimations .cd-timeline-img.bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-1 0.6s;
-moz-animation: cd-bounce-1 0.6s;
animation: cd-bounce-1 0.6s;
}
}
@-webkit-keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5);
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes cd-bounce-1 {
0% {
opacity: 0;
-moz-transform: scale(0.5);
}
60% {
opacity: 1;
-moz-transform: scale(1.2);
}
100% {
-moz-transform: scale(1);
}
}
@keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.cd-timeline-content {
position: relative;
margin-left: 60px;
background: white;
border-radius: 0.25em;
padding: 1em;
box-shadow: 0 3px 0 #d7e4ed;
}
.cd-timeline-content:after {
content: "";
display: table;
clear: both;
}
.cd-timeline-content h2 {
color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
font-size: 13px;
font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
display: inline-block;
}
.cd-timeline-content p {
margin: 1em 0;
line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
float: right;
padding: .8em 1em;
background: #acb7c0;
color: white;
border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
float: left;
padding: .8em 0;
opacity: .7;
}
.cd-timeline-content::before {
content: '';
position: absolute;
top: 16px;
right: 100%;
height: 0;
width: 0;
border: 7px solid transparent;
border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
.cd-timeline-content h2 {
font-size: 20px;
font-size: 1.25rem;
}
.cd-timeline-content p {
font-size: 16px;
font-size: 1rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
font-size: 14px;
font-size: 0.875rem;
}
}
@media only screen and (min-width: 1170px) {
.cd-timeline-content {
margin-left: 0;
padding: 1.6em;
width: 45%;
}
.cd-timeline-content::before {
top: 24px;
left: 100%;
border-color: transparent;
border-left-color: white;
}
.cd-timeline-content .cd-read-more {
float: left;
}
.cd-timeline-content .cd-date {
position: absolute;
width: 100%;
left: 122%;
top: 6px;
font-size: 16px;
font-size: 1rem;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
top: 24px;
left: auto;
right: 100%;
border-color: transparent;
border-right-color: white;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
left: auto;
right: 122%;
text-align: right;
}
.cssanimations .cd-timeline-content.is-hidden {
visibility: hidden;
}
.cssanimations .cd-timeline-content.bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-2 0.6s;
-moz-animation: cd-bounce-2 0.6s;
animation: cd-bounce-2 0.6s;
}
}
@media only screen and (min-width: 1170px) { .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
-webkit-animation: cd-bounce-2-inverse 0.6s;
-moz-animation: cd-bounce-2-inverse 0.6s;
animation: cd-bounce-2-inverse 0.6s;
}
}
@-webkit-keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes cd-bounce-2 {
0% {
opacity: 0;
-moz-transform: translateX(-100px);
}
60% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
-moz-transform: translateX(0);
}
}
@keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
-moz-transform: translateX(-100px);
-ms-transform: translateX(-100px);
-o-transform: translateX(-100px);
transform: translateX(-100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-moz-transform: translateX(100px);
}
60% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
-moz-transform: translateX(0);
}
}
@keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
-o-transform: translateX(100px);
transform: translateX(100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}@font-face{
font-family: 'DrukWideCyrMedium';
font-style: normal;
font-weight: 400;
src: url(//astrobaltics.eu/wp-content/themes/AstroBalticsTheme/font/DrukWideCyrMedium.ttf)  format('truetype');
}
@font-face{
font-family: 'GothaMed';
font-style: normal;
font-weight: 400;
src: url(//astrobaltics.eu/wp-content/themes/AstroBalticsTheme/font/GothaProNarMed.ttf)  format('truetype');
}
@font-face{
font-family: 'GothaBold';
font-style: normal;
font-weight: 600;
src: url(//astrobaltics.eu/wp-content/themes/AstroBalticsTheme/font/GothaProNarBol.ttf)  format('truetype');
}
@font-face {
font-family: 'GothamBook';
font-style: normal;
font-weight: 400;
src: url(//astrobaltics.eu/wp-content/themes/AstroBalticsTheme/font/GothamBook.ttf) format('truetype');
}
body{font-family: 'GothaMed', sans-serif;}
.popmake .popmake-close{font-family:arial, sans-serif!important;}
.druk,.popmake .popmake-title{
font-family: 'DrukWideCyrMedium', arial, sans-serif;
font-size: 36px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
padding: 0;
}   html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,img,a,p{padding:0;margin:0;}
input,textarea,select{box-sizing: content-box;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;}
.grecaptcha-badge { visibility: hidden; }  .campain{
position: absolute;
left: -9px;
top: -9px;
}
.campain img{
width: 150px;
}
@media screen and (max-width: 781px){
.campain{
width: 130px;
left: -8px;
top: -8px;
}
}  body p, li, a{line-height:24px;font-size:16px;}
li{list-style: disc;}
.container{position: relative;overflow: hidden;}
.wrap{
max-width: 1380px;
margin: auto;
padding: 0 16px;
}
.hide{display: none;}
a{color:#1ea9e1;text-decoration:none;outline:none;cursor:pointer;}
a:hover, #news_block ul a:hover{color:#f4a941; text-decoration: none;}
a:active{outline:none;color:#f4a941;}
a img{border:none;}
textarea{resize: vertical;}
h1, h2, h3, h4, h5{word-break: keep-all;overflow-wrap:normal;}
h1{font-size: 36px;}
h2{font-size: 24px;}
.wp-block-button__link{font-size: 16px;padding: 10px 16px;} @media screen and (max-width: 1024px){
.container{padding-top: 57px;}
}
@media screen and (max-width: 781px){
h1, h2, h3, .druk{font-size: 16px;}
}  .back_to_top {
display: inline-block;
background: #fff url(https://astrobaltics.eu/wp-content/uploads/2020/03/arrow_up.svg) center no-repeat;
background-size: 30px;
width: 45px;
height: 45px;
border-radius: 50%;
position: fixed;
bottom: 14px;
right: 14px;
border: 1px solid #ccc;
transition:
background-color .3s,
opacity .5s,
visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
.back_to_top:active {
background-color: #40e0d0;
}
.back_to_top.show {
opacity: .5;
visibility: visible;
}
.back_to_top:hover {
cursor: pointer;
background-color: #333;
opacity: 1;
}  .cc-color-override-698891085.cc-window{
z-index: 2000000001 !important;
}  #header{
position: relative;
display: flex;
justify-content: center;
background: #fff;
z-index: 1024;
}
#header li{
list-style: none;
}
#header .logo{
padding: 1.3rem 1rem 0;
font-size: 1rem;
}
.responisve-header{
display: none;
}
.responisve-header .wpml-ls{
position: absolute;
top: -7px;
right: 0;
z-index: 99999;
} #menu-main_menu,
#menu-main_menu_eng,
#menu-main_menu_ca,
#menu-main_menu_pl,
#menu-main_menu_fin{
z-index: 9999;
font-size: .9em;
padding: 1.5rem 0;
display: flex;
flex-wrap: wrap;
}
#menu-main_menu .menu-item,
#menu-main_menu_eng .menu-item,
#menu-main_menu_ca .menu-item,
#menu-main_menu_pl .menu-item,
#menu-main_menu_fin .menu-item{
padding: .4rem 1.25rem 0;
}
#menu-main_menu .menu-item a,
#menu-main_menu_eng .menu-item a,
#menu-main_menu_ca .menu-item a,
#menu-main_menu_pl .menu-item a,
#menu-main_menu_fin .menu-item a{
color: #333;
font-size: 1em;
position: relative;
padding: .6rem 0;
-webkit-transition: all .35s ease;
transition: all .35s ease;
text-transform: uppercase;
}
#menu-main_menu .menu-item a:hover,
#menu-main_menu .menu-item.current_page_item a,
#menu-main_menu .current-page-ancestor a,
#menu-main_menu_eng .menu-item a:hover,
#menu-main_menu_eng .menu-item.current_page_item a,
#menu-main_menu_eng .current-page-ancestor a,
#menu-main_menu_fin .current-page-ancestor a{
color: #fbb615;
}
.wpml-ls-legacy-list-horizontal{
padding: 1.45rem 1rem 1rem;
}
.wpml-ls .wpml-ls-item a{
padding: .4rem 0;
margin: 0 .4rem;
position: relative;
}
.wpml-ls .wpml-ls-item img{
height: 16px;
width: 26px;
border: 1px solid #ccc;
} #menu-main_menu a:before,
#menu-main_menu a:after,
#menu-main_menu_eng a:before,
#menu-main_menu_eng a:after,
#menu-main_menu_fin a:before,
#menu-main_menu_fin a:after,
.wpml-ls .wpml-ls-item a:before,
.wpml-ls .wpml-ls-item a:after{
position: absolute;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
#menu-main_menu a:before,
#menu-main_menu_eng a:before,
#menu-main_menu_fin a:before,
.wpml-ls .wpml-ls-item a:before{
bottom: 0;
display: block;
height: 2px;
width: 0;
content: "";
background-color: #fbb615;
}
#menu-main_menu a:after,
#menu-main_menu_eng a:after,
#menu-main_menu_fin a:after,
.wpml-ls .wpml-ls-item a:after{
left: 0;
top: 0;
padding: 0.5em 0;
position: absolute;
content: attr(data-hover);
color: #ffffff;
white-space: nowrap;
max-width: 0;
overflow: hidden;
}
#menu-main_menu a:hover:before,
#menu-main_menu .current_page_item a:before,
#menu-main_menu .current-page-ancestor a:before,
#menu-main_menu_eng .current-page-ancestor a:before,
#menu-main_menu_eng a:hover:before,
#menu-main_menu_eng .current_page_item a:before,
#menu-main_menu_fin .current-page-ancestor a:before,
#menu-main_menu_fin a:hover:before,
#menu-main_menu_fin .current-page-ancestor a:before,
.wpml-ls .wpml-ls-item a:hover:before,
.wpml-ls .wpml-ls-current-language a:before{
opacity: 1;
width: 80%;
}
#menu-main_menu a:hover:after,
#menu-main_menu .current_page_item a:after,
#menu-main_menu .current-page-ancestor a:after,
#menu-main_menu_eng .current-page-ancestor a:after,
#menu-main_menu_eng a:hover:after,
#menu-main_menu_eng .current_page_item a:after,
#menu-main_menu_fin .current-page-ancestor a:after,
#menu-main_menu_fin a:hover:after,
#menu-main_menu_fin .current-page-ancestor a:after,
.wpml-ls .wpml-ls-item a:hover:after,
.wpml-ls .wpml-ls-current-language a:after{
max-width: 80%;
} #header .mainmenu_buy > li > a{
display: inline-block;
cursor: pointer;
margin: 1rem 1rem 0 0;
padding: .9em 1em .7em 1em;
font-family: 'GothaMed', sans-serif;
text-transform: uppercase;
background: #26B93A;
border-radius: 10px;
}
#header .mainmenu_buy > li > a:after{
content: "";
width: 0;
height: 0;
opacity: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 10px solid #179128;
position: absolute;
left: 19px;
bottom: -9px;
z-index: 10;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#header .mainmenu_buy > li:hover > a{
background: #179128;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#header .mainmenu_buy > li:hover > a:after{
opacity: 1;
}
#header .mainmenu_buy li{
position: relative;
}
#header .mainmenu_buy a{
color: #fff;
}
#header .mainmenu_buy img{
height: 20px;
margin: 0 1rem 0 0;
}
#header .mainmenu_buy .dropdown{
display: none;
position: absolute;
background: #333;
padding: .5rem 1rem;
border-radius: 10px;
left: -3.5rem;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
z-index: 9;
}
#header .mainmenu_buy .dropdown li:first-child{
border-bottom: 1px solid #666;
}
#header .mainmenu_buy .dropdown a{
font-family: 'GothaMed', sans-serif;
display: flex;
line-height: 1.5rem;
text-transform: uppercase;
padding: .5rem 1rem;
border-radius: 10px;
margin: .5rem 0;
}
#header .mainmenu_buy .dropdown a:hover{
background: #666;
}
#header .mainmenu_buy li:hover .dropdown{
display: block;
} .popmake img{
border-radius: 20px!important;
}
#popmake-18618, #popmake-18655, .pum-theme-astro-baltics-lightbox .popmake{
width: 900px;
}
.pum-theme-astro-baltics-lightbox .popmake{
padding: 32px !important;
width: 760px !important;
margin: auto;
}
.pum-theme-astro-baltics-lightbox .popmake h2, .pum-theme-astro-baltics-lightbox .popmake h3{
font-family: 'DrukWideCyrMedium', arial, sans-serif;
font-weight: 400;
color: #333;
margin: 1rem 0;
text-transform: uppercase;
}
.pum-theme-astro-baltics-lightbox .popmake h3{
font-size: 1em;
margin: 0 0 1rem;
}
.pum-theme-astro-baltics-lightbox .popmake p{
margin: 0 0 2rem;
}
.pum-theme-astro-baltics-lightbox .popmake a.btn{
background: #333;
color: #fff;
padding: 1rem;
border-radius: 10px;
}
.pum-theme-astro-baltics-lightbox .popmake .hor-img_small{
width: 200px;
margin-top: 1rem;
}
#noom-buy_popup{
padding: 2rem 0;
}
#noom-buy_popup img{
height: 40px;
margin-bottom: 10px;
}
#noom-buy_popup .wp-block-buttons .wp-block-button{
margin: .8rem .5rem 0 0;
}
#noom-buy_popup .wp-block-button__link{
color: #333;
background-color: #f1f1f1;
}
#noom-buy_popup .category_btn a:hover{
background: #ccc;
} #header .e_support{
cursor: pointer;
margin-top: 1rem;
padding: .9em 1em .7em 1em;
display: inline-block;
font-family: 'GothaMed', sans-serif;
text-transform: uppercase;
background: #f1f1f1;
color: #333;
border-radius: 10px;
}
#header .e_support_eng{
padding: 1.1em 1em 1em 1em;
}
#header .e_support_eng:hover{
background: #ccc;
}
#header .mainmenu_support > li > a:after{
content: "";
width: 0;
height: 0;
opacity: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 10px solid #179128;
position: absolute;
left: 44px;
bottom: -9px;
z-index: 10;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#header .mainmenu_support > li:hover > a{
background: #179128;
color: #fff;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#header .mainmenu_support > li:hover > a:after{
opacity: 1;
}
#header .mainmenu_support li{
position: relative;
}
#header .mainmenu_support img{
height: 20px;
margin: 0 1rem 0 0;
}
#header .mainmenu_support .dropdown{
display: none;
position: absolute;
background: #333;
padding: .5rem 1rem;
border-radius: 10px;
left: -2rem;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
z-index: 9;
}
#header .mainmenu_support .dropdown li{
border-bottom: 1px solid #666;
}
#header .mainmenu_support .dropdown li:last-child{
border-bottom: none;
}
#header .mainmenu_support .dropdown a{
font-family: 'GothaMed', sans-serif;
display: flex;
line-height: 1.5rem;
text-transform: uppercase;
padding: .5rem 1rem;
border-radius: 10px;
margin: .5rem 0;
color: #fff;
background: transparent;
}
#header .mainmenu_support .dropdown a:hover{
background: #666;
}
#header .mainmenu_support li:hover .dropdown{
display: block;
}
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden]{
padding: 0;
}
.pum-theme-1364 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close{
outline: 0;
font-family: revert;
}
#e_support_form li{
list-style: none;
padding: 0;
}
#e_support_form .flex_that li:not(:first-child){
margin-left: 2rem;
}
#e_support_form label{
display: block;
padding: .5rem 0 0;
}
#e_support_form input,
#e_support_form textarea{
padding: 1rem;
border: 1px solid #ccc;
border-radius: 10px;
}
#e_support_form textarea{
height: 150px;
}
#e_support_form input[type=submit]{
background: #26B93A;
color: #fff;
border: 1px solid #26B93A;
cursor: pointer;
margin: 1rem auto -2rem;
font-size: 1em;
text-transform: uppercase;
width: auto;
}
#e_support_form input[type=submit]:hover{
background: #178227;
}
#e_support_form input:focus{
outline: none;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
text-align: center;
width: 100%;
} #pum-1582 .pum-container.pum-responsive.pum-responsive-medium, #pum-9466 .pum-container.pum-responsive.pum-responsive-medium, 
#pum-36796 .pum-container.pum-responsive.pum-responsive-small, #pum-36805 .pum-container.pum-responsive.pum-responsive-small{
padding: 3rem !important;
width: 1000px;
margin: auto;
}
#pum-1582 .popmake .popmake-title, #pum-9466 .popmake .popmake-title, #pum-36796 .popmake .popmake-title, #pum-36805 .popmake .popmake-title{
font-size: 1.8em;
}
#pum-36796 .pum-container.pum-responsive.pum-responsive-small, #pum-36805 .pum-container.pum-responsive.pum-responsive-small{
width: 700px;
} #header .header_area{
z-index: 9999;
}
#header .header_area .sub-menu{
display: none;
position: absolute;
width: auto;
background: #fff;
color: #333;
padding: 2rem 1rem 1rem;
}
#header .header_area .sub-menu-columns ul.sub-menu li{
display: inline-table;
width: 200px;
}
#header .header_area ul li:hover > ul{
display: block;
}
#header .header_area .sub-menu li{
padding: .5rem 0;
}
#header .header_area .sub-menu li a{
color: inherit;
font-size: .9em;
}
#header .header_area .sub-menu li a:hover,  #header .header_area .sub-menu .current_page_item a{
color: #fbb615;
}
#header .header_area .sub-menu li a::before{
background-color: #fbb615;
width: 0;
}
#header .header_area .sub-menu li a:hover:before,  #header .header_area .sub-menu .current_page_item a:before{
width: 80%;
}
#header .header_area .sub-menu-show ul{
position: relative;
display: block;
left: 0;
padding: 1rem 0 0;
}
#header .header_area .sub-menu-show a{
font-weight: 600;
}
#header .header_area .sub-menu-show ul a{
font-weight: 400;
pointer-events: all;
}
#header .header_area .pointer-none a{
pointer-events: none;
} .hamburger{
padding: 15px;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: .15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
border: 0;
overflow: visible;
display: none;
margin: auto;
text-align: left;
z-index: 99999;
}
.responsive-logo{
display: none;
position: absolute;
top: 17px;
left: 16px;
width: 130px;
margin: auto;
}
.responsive-logo img{
width: 130px;
z-index: 99999;
position: relative;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after{
background-color: #000;
}
.hamburger-box{
width: 40px;
height: 24px;
display: inline-block;
position: relative;
top: 5px;
}
.hamburger-inner{
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
width: 30px;
height: 2px;
background-color: #000;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: .15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after{
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
}
.hamburger--spring .hamburger-inner{
top: 2px;
transition: background-color 0s .13s linear;
}
.hamburger--spring .hamburger-inner::before{
top: 10px;
transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
}
.hamburger--spring .hamburger-inner::after{
top: 20px;
transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
}
.hamburger--spring.is-active .hamburger-inner{
transition-delay: .22s;
background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before{
top: -5px;
transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after{
top: -5px;
transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
transform: translate3d(0, 10px, 0) rotate(-45deg);
} #second_menu{
background: #fff;
font-family: 'Simplon BP', arial, sans-serif;
position: relative;
top: 0;
left: 0;
right: 0;
z-index: 999;
}
#second_menu ul{
display: flex;
align-items: center;
justify-content: center !important;
max-width: inherit;
text-transform: uppercase;
border-top: 1px solid #ccc;
width: 90%;
margin: auto;
padding: 0;
flex-wrap: wrap;
list-style: none;
}
#second_menu.fixed{
position: fixed;
top: 0;
}
#second_menu.fixed ul{
border-top: 1px solid #fff;
}
#second_menu a{
padding: 1rem;
margin: 0 .5rem;
display: block;
color: #333;
}
#second_menu a:hover,
#second_menu li.current-menu-item a{
color: #fbb615;
}
@media screen and (max-width: 1024px){
.hamburger {
display: block;
position: fixed;
z-index: 999999;
right: 0;
width: 60px;
}
.responsive-logo{
display: block;
}
.responisve-header{
display: block;
height: 57px;
background: rgba(255, 255, 255, .9);
position: fixed;
z-index: 99999;
width: 100%;
}
.hamburger.is-active{
position: fixed;
right: 0;
}
#second_menu{
display: none;
}
.menu-main_menu-container,.menu-main_menu_eng-container{
position: relative;
top: 0;
}
html.is-active-menu{
overflow: hidden;
}
#header{
display: none;
position: fixed;
z-index: 9999;
text-align: center;
top: 0;
right: 0;
height: 100%;
overflow: scroll;
padding-top: 15px;
}
#header .mainmenu_buy .dropdown, #header .mainmenu_support .dropdown{
display: none;
left: 0;
position: relative;
margin-top: 1rem;
}
#header .mainmenu_buy > li > a{
margin: 0;
}
#header .mainmenu_buy > li > a::after, #header .mainmenu_support > li > a::after{
display: none;
opacity: 1;
position: absolute;
top: 3rem;
left: 0;
right: 0;
margin: auto;
bottom: inherit;
}
#header .e_support{
margin: 0;
background: #26B93A;
color: #fff;
}
#header .e_support_eng:hover{
background: #179128;
}
#header .logo{
text-align: left;
}
#header .mainmenu_buy, #header .mainmenu_support li:hover .dropdown{
display: none;
}
#menu-main_menu .menu-item, #menu-main_menu_eng .menu-item{
display: block;
width: 100%;
margin: 0;
}
#menu-main_menu .menu-item a, #menu-main_menu_eng .menu-item a{
display: block;
border-bottom: 1px solid #ccc;
}
#header .logo img{
display: none;
}
}
@media screen and (max-width: 480px){ #header{
height: 100%;
overflow: scroll;
}
#header .logo{
padding-top: 10px;
}
}  #home_intro .intro_bg figure, 
#home_intro .intro_bg img{
width: 100%;
}
#home_intro .intro_bg img{
object-fit: cover;
height: 842px;
object-position: 50% top;
}
#home_intro .intro_slogan{
position: absolute;
top: 140px;
max-width: 1370px;
left: 0;
right: 0;
}
#home_intro .intro_slogan .is-layout-flow{
width: 650px;
}
#home_intro .intro_slogan p{
max-width: inherit;
} #home_intro .container_cloudics_noom{
gap: 10px;
padding: 0 16px;
}
#home_intro .section_cloudics_noom .wp-block-column{
border-radius: 10px;
padding: 20px 20px 80px;
margin: 16px auto;
position: relative;
}
#home_intro .section_cloudics_noom{
margin-top: -400px;
z-index: 1;
position: relative;
}
#home_intro .section_cloudics_noom h3{
font-size: 15px;
}
#home_intro .section_cloudics_noom .logo{
width: 170px;
}
#home_intro .section_cloudics_noom .logo img{
height: 40px;
object-fit: contain;
}
#home_intro .section_cloudics_noom .main_img{
display: flex;
justify-content: center;
width: 100%;
}
#home_intro .section_cloudics_noom .main_img img{
width: auto;
margin: 16px auto;
max-height: 235px;
}
#home_intro .section_cloudics_noom p{
padding: 16px 0;
}
#home_intro .section_cloudics_noom .wp-block-buttons{
display: block;
position: absolute;
bottom: 20px;
left: 20px;
width: calc(100% - 40px);
}
#home_intro .section_cloudics_noom .wp-block-buttons a{
margin: 6px 6px 0 0;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
#home_intro .section_cloudics_noom a:hover{
color: #fbb615 !important;
} @media screen and (max-width: 961px){
#home_intro .intro_slogan{
top: 90px;
}
#home_intro .intro_bg img{
height: 722px;
}
#home_intro .section_cloudics_noom .wp-block-column{
width: 600px;
}
#home_intro .container_cloudics_noom{
display: block;
padding: 80px 0 110px;
}
#home_intro .section_cloudics_noom h3{
font-size: 14px;
} 
}
@media screen and (max-width: 781px){
#home_intro h1.druk{
font-size: 30px!important;
}
#home_intro .intro_bg figure{
height: 660px;
}
#home_intro .intro_bg img{
height: 600px;
object-position: 58% top;
}
#home_intro .intro_slogan{
top: 70px;
}
#home_intro .intro_slogan .is-layout-flow{
width: 90%;
}
#home_intro .intro_slogan p{
width: 230px;
}
#home_intro .section_cloudics_noom .wp-block-column{
width: auto;
margin: 16px;
}
#home_intro .section_cloudics_noom .home-slider-container{
width: auto;
padding: 0;
}
}
@media screen and (max-width: 481px){
}  #custom_intro{
background: url(https://astrobaltics.eu/wp-content/uploads/2025/01/Mask-Group-110.svg) center top no-repeat;
}
#custom_dev .wp-block-column{
overflow-wrap:normal;
word-break: normal;
}
@media screen and (max-width: 781px){
#custom_intro{
background: #333;
}
#custom_intro .wrap{
flex-direction: column-reverse;
}
#custom_intro h1{
font-size: 21px !important;
}
}
@media screen and (max-width: 781px){
#custom_intro .numbers{
flex-wrap: inherit!important;
}
#custom_intro .numbers p, #custom_intro .numbers h3{
text-align:center;
}
#custom_intro .numbers .wp-block-column:nth-child(4){
display: none;
}
#custom_intro .wp-block-buttons{
justify-content: center;
}
#custom_intro .wp-block-spacer{
max-height: 50px;
}
}  #circle_slaider.wrap{
width: 970px;
position: relative;
}
#circle_slaider .swiper-slide{
filter: blur(10px);
opacity: 0;
}
#circle_slaider .swiper-slide.swiper-slide-active{
filter: inherit;
}
#circle_slaider .swiper-slide.swiper-slide-active,
#circle_slaider .swiper-slide.swiper-slide-prev, 
#circle_slaider .swiper-slide.swiper-slide-next,
#circle_slaider .swiper-slide-next + .swiper-slide,
#circle_slaider .swiper-slide:has(+ .swiper-slide.swiper-slide-prev) {
opacity: 1;
}
#circle_slaider .swiper-container{
overflow: inherit;
}
#circle_slaider .swiper-pagination-bullets{
bottom: -25px;
}
#circle_slaider .swiper-pagination-bullet{
background: none;
border: 1px solid #C5C5C5;
}
#circle_slaider .swiper-pagination-bullet.swiper-pagination-bullet-active{
background: #C5C5C5;
} @media screen and (max-width: 1024px){
#circle_slaider.wrap{
width: 100%;
}
}
@media screen and (max-width: 481px){
#circle_slaider .wp-spaios-slider-wrap{
overflow: hidden;
}
}  #team_build h2{
font-weight: normal;
}
#team_build strong{
color: #fbb616;
}
#team_build figure::before{
display: none;
}
#team_build figcaption{
background: #fff;
text-shadow: inherit;
color: #333;
font-size: 14px;
position: absolute;
bottom: -250px;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#team_build figure figure:hover > figcaption{
bottom: -2px;
}
#team_build figcaption strong{
display: block;
color: #333;
font-size: 18px;
padding: 10px 0;
}
#team_build figcaption em{
display: block;
padding: 10px 0;
}
#team_build .wp-block-image{
background: #fbb616;
border-radius: 20px;
position: relative;
height: 320px;
overflow: hidden;
}
#team_build .wp-block-image:nth-child(2),
#team_build .wp-block-image:nth-child(6){
top: -50px;
}
#team_build .wp-block-image:nth-child(4){
top: 50px;
}
@media screen and (max-width: 781px){
#team_build h2{
padding-left: 16px;
}
#team_build .wp-block-image:nth-child(4),
#team_build .wp-block-image:nth-child(2),
#team_build .wp-block-image:nth-child(6){
top: 0;
}
#team_build .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
width: calc(32% - var(--wp--style--unstable-gallery-gap, 16px)/3);
}
}  #step_by_step.wrap{
width: 970px;
position: relative;
}
#step_by_step .start_line img{
position: absolute;
top: 20px;
left: -80px;
}
#step_by_step li{
font-family: 'DrukWideCyrMedium', arial, sans-serif;
font-size: 20px;
border-radius: 20px;
border: 2px solid #D9D9D9;
box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
position: relative;
list-style-type: none;
width: 580px;
padding: 20px;
text-align: center;
text-transform: uppercase;
margin: 0 0 100px;
}
#step_by_step li img{
position: absolute;
right: -110px;
top: 35px;
}
#step_by_step li img,
#step_by_step .start_line img{
filter: invert(28%) sepia(79%) saturate(2476%) hue-rotate(1deg) brightness(128%) contrast(119%);
}
#step_by_step p{
max-width: 700px;
}
#step_by_step li strong,
#step_by_step p strong{
background: #C5C5C5;
background: #fbb616;
border-radius: 50%;
position: absolute;
font-size: 48px;
height: 100px;
width: 100px;
top: -60px;
left: -50px;
color: #fff;
padding: 35px 0;
}
#step_by_step p strong{
font-family: 'DrukWideCyrMedium', arial, sans-serif;
text-align: center;
}
#step_by_step li:nth-child(even){
margin-left: auto;
margin-right: 0;
}
#step_by_step li:nth-child(even) strong{
left: inherit;
right: -50px;
}
#step_by_step li:nth-child(even) img{
right: inherit;
left: -110px;
}
#step_by_step .wp-block-columns{
position: relative;
} @media screen and (max-width: 1024px){
#step_by_step.wrap{
width: 100%;
margin: auto;
}
#step_by_step li strong,
#step_by_step p strong{
left: 0;
}
#step_by_step li:nth-child(2n) strong{
right: 0;
}
#step_by_step li img,
#step_by_step .start_line img{
display: none;
}
#step_by_step li{
width: 100%;
font-size: 14px;
margin: 0 0 70px;
}
#step_by_step li::after{
content: ' ';
height: 50px;
border-left: 2px dashed #FBB615;
width: 3px;
display: block;
position: absolute;
z-index: 999;
left: 0;
right: 0;
margin: auto;
bottom: -62px;
}
}
@media screen and (max-width: 781px){
#step_by_step li strong,
#step_by_step p strong{
font-size: 21px;
height: 50px;
width: 50px;
padding: 15px 0;
top: -30px;
}
}  #dev_lang{
position: relative;
}
#dev_lang .wrap{
width: 970px;
position: relative;
}
#dev_lang img{
position: absolute;
top: -280px;
z-index: 3;
}
#dev_lang .code_languages{
height: 640px;
display: block;
width: 310px;
position: absolute;
right: 28px;
top: -250px;
overflow: hidden;
z-index: 1;
}
#dev_lang .wp-block-gallery{
will-change: transform; 
animation: scrolling 30s linear infinite;
padding: 0;
margin: 0;
}
@keyframes scrolling {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
}
}
#dev_lang .wp-block-gallery img{
position: absolute;
right: 5px;
top: inherit;
}
#dev_lang .wp-block-gallery figure:nth-child(even) img{
right: inherit;
left: 10px;
}
#dev_lang .wp-block-gallery figure{
height: 170px;
} @media screen and (max-width: 1024px){
#dev_lang .wrap{
width: 100%;
}
#dev_lang h2{
font-size: 40px!important;
text-align: center;
}
#dev_lang img{
position: relative;
top: 0;
margin: auto;
display: block;
}
#dev_lang .wrap{
display: block;
}
#dev_lang .code_languages{
position: absolute;
top: 130px;
right: 0;
left: 0;
border-radius: 30px;
margin: auto;
}
}
@media screen and (max-width: 781px){
#dev_lang .wrap .wp-block-column:nth-child(2){
height: 350px;
overflow: hidden;
position: relative;
}
#dev_lang .code_languages{
top: 40px;
}
#dev_lang .wp-block-spacer:nth-child(2){
height: 0;
}
#dev_lang .wp-block-spacer.mobile-hide{
display: none;
}
}  #security_cert .wrap{
height: 300px;
position: relative;
}
#security_cert h2{
word-break: keep-all;
}
#security_cert .secured_person img{
position: relative;
top: -290px;
width: 565px;
}
#security_cert .wp-block-gallery{
width: 300px;
}
@media screen and (max-width: 1024px){
#security_cert .secured_person img{
top: -200px;
}
}
@media screen and (max-width: 781px){
#security_cert .wrap{
height: auto;
}
#security_cert .secured_person img{
top: 0;
}
#security_cert .wp-block-spacer{
max-height: 60px;
}
#security_cert .wp-block-gallery{
flex-wrap: nowrap;
}
} #testimonials .metaslider .flex-viewport{
height: 350px;
}
#testimonials .metaslider .slides img{
width: 400px;
margin: 0 0 0 auto;
position: relative;
right: 130px;
}
#testimonials .metaslider .caption{
box-shadow: inherit;
width: 55%;
margin-left: 30px;
background: none;
}
#testimonials .metaslider .flex-direction-nav li a{
background: none;
}
#testimonials .metaslider .flex-direction-nav li a::after{
background-color: #333;
}
#testimonials .metaslider .caption em{
font-family: 'DrukWideCyrMedium', arial, sans-serif;
color: #FBB615;
font-size: 150px;
margin-bottom: 20px;
}
#testimonials .metaslider .caption p{
max-width: 600px;
}
#testimonials .metaslider .caption strong{
font-size: 35px;
}
@media screen and (max-width: 1000px){
#testimonials .metaslider .caption{
left: 0;
}
#testimonials .metaslider .slides img{
right: 50px;
}
} @media screen and (max-width: 781px){
#testimonials .metaslider .flex-viewport{
height: 420px;
}
#testimonials .metaslider .slides img{
width: 250px;
margin: 0 29px;
right: 0;
}
#testimonials .metaslider .caption-wrap{
top: 180px;
}
#testimonials .metaslider .caption{
width: 100%;
max-width: 100%;
margin: 0;
}
#testimonials .metaslider .caption div{
text-align: left!important;
}
#testimonials .metaslider .flex-viewport{
height: 440px;
}
#testimonials .metaslider.ms-theme-databold .flexslider .flex-direction-nav li a{
width: 16px;
}
}  #news_block{
padding: 5rem 16px;
}
#news_block p{
max-width: 1000px;
}
#news_block ul a{
font-size: 1.3em;
color: #333;
padding: 1rem 0;
display: block;
}
#news_block img{
object-fit: cover;
width: 100%;
border-radius: 10px;
}
#news_block .wp-block-button__link:visited{
color: #fff;
}
#news_block .wp-block-button__link:hover{
color: #f4a941;
}
#news_block .wp-block-latest-posts{
display: grid;
grid-template-columns: 2fr 2fr;
margin: 1rem 0 0;
}
#news_block .wp-block-latest-posts li{
list-style: none;
}
#news_block .wp-block-latest-posts li:first-child{
grid-column: 1 / 2;
grid-row: 1 / 5;
padding: .5rem 16px 1rem 0;
width: 640px;
margin: 0;
}
#news_block .wp-block-latest-posts li:first-child img{
height: 400px;
}
#news_block .wp-block-latest-posts li:not(:first-child){
width: 100%;
grid-column: 2 / 3;
display: flex;
padding: .5rem 0;
border-bottom: 1px solid #ccc;
margin: 0;
}
#news_block .wp-block-latest-posts li:last-child{
border: none;
}
#news_block .wp-block-latest-posts li:not(:first-child) img{
width: 200px;
height: 100px;
margin-right: 16px;
}
#news_block .wp-block-latest-posts__featured-image{
margin: 0;
} @media screen and (max-width: 1024px){
#news_block .wp-block-latest-posts{
display: flex;
flex-wrap: wrap;
}
#news_block .wp-block-latest-posts li{
margin: 0;
}
#news_block .wp-block-latest-posts li:first-child{
display: flex;
width: 100%;
border-bottom: 1px solid #ccc;
padding-right: 0;
}
#news_block .wp-block-latest-posts li:first-child img{
margin-right: 30px;
}
#news_block .wp-block-latest-posts li img{
width: 230px !important;
height: 130px !important;
margin-left: 2rem;
}
#news_block .wp-block-buttons{
justify-content: center;
margin: 1rem 0;
}
}
@media screen and (max-width: 781px){
#news_block{
padding: 5rem 16px;
}
#news_block .wp-block-latest-posts li:first-child,
#news_block .wp-block-latest-posts li:not(:first-child){
display: block;
}
#news_block ul a{
text-align: left;
}
#news_block .wp-block-latest-posts li img{
width: 100% !important;
height: 130px !important;
margin: 0 !important;
}
#news_block .wp-block-latest-posts li:first-child img{
margin-right: 0;
}
}  #mail_faq .su-accordion{
padding: 0 40px;
}
#mail_faq h2{
white-space: wrap;
}
#mail_faq .su-spoiler-title{
color: #fff;
text-transform: uppercase;
font-size: 18px;
font-weight: normal;
line-height: 26px;
}
#mail_faq .su-spoiler-title:focus{
outline: none;
}
#mail_faq .wp-block-separator{
width: auto;
border-top: 1px solid;
}
#mail_faq{
border: 1px solid #fbb615;
border-radius: 20px;
padding: 0;
overflow: hidden;
}
#mail_faq .wpcf7-form{
padding: 0 40px 0 0;
}
#mail_faq .form_inputs .flex_that li{
margin: 1rem 20px 0;
width: 100%;
}
#mail_faq .form_inputs li{
margin: 1rem 20px 0;
}
@media screen and (max-width: 1024px){
#mail_faq{
width: 100%;
border-radius: 0;
}
#mail_faq h2{
font-size: 21px!important;
}
#mail_faq .wp-block-columns.person{
padding: 20px;
}
}
@media screen and (max-width: 781px){
#mail_faq .wp-block-columns{
flex-direction: column-reverse; 
}
#mail_faq .su-accordion{
padding: 0 16px;
}
#custom_dev .form_inputs .flex_that li{
margin: 16px 16px 0;
}
#custom_dev .form_inputs textarea{
width: 100%;
}
#mail_faq .consultant_name{
position: absolute;
left: 210px;
margin-top: 90px;
width: 200px;
}
}  #contact .wrap{
}  #category_slider{
padding: 5rem 1rem 4rem;
overflow: hidden;
}
#category_slider .block_buttons{
display: none;
position: absolute;
left: 0;
right: 0;
background: rgba(0,0,0,.5);
opacity: 0;
padding: 16.7rem 0 2rem;
top: -20rem;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#category_slider li:hover .block_buttons{
opacity: 1;
}
#category_slider .metaslider .slides img{
border-radius: 10px;
}
#category_slider .metaslider .slides img:hover{
filter: brightness(.6);
transition: .3s ease-in-out;
} #category_slider .caption-wrap{
position: relative !important;
background: none;
opacity: 1;
}
#category_slider .caption-wrap p{
padding: .5rem 1rem 0;
}
#category_slider .metaslider .caption{
text-align: center;
}
#category_slider h3{
font-family: 'GothaBold';
font-size: 1.3em;
margin: 2rem 0 0;
}
#category_slider p{
padding: 1rem 0 3rem;
max-width: 700px;
margin: auto;
}
#category_slider .flex-control-paging li a, .manufacturing .home_area_slider .flex-control-paging li a{
width: 100px;
height: 3px;
background: #555;
border-radius: 0;
}
#category_slider .flex-control-paging li a.flex-active, .manufacturing .home_area_slider .flex-control-paging li a.flex-active{
background: #fff;
}
#category_slider .metaslider .flexslider .flex-direction-nav li a{
background-image: url(https://astrobaltics.eu/wp-content/uploads/2024/06/arrows-1.svg);
height: 70px;
width: 70px;
background-size: auto 70px;
filter: invert(28%) sepia(79%) saturate(2476%) hue-rotate(1deg) brightness(30%) contrast(119%);
}
#category_slider .metaslider .flex-direction-nav .flex-prev{
position: absolute;
left: -10px;
top: 35%;
transform: translate(-50%);
}
#category_slider .metaslider .flex-direction-nav .flex-next{
position: absolute;
right: -10px;
top: 35%;
transform: translate(50%);
}
#category_slider .metaslider .flexslider:focus-within .flex-prev:focus, .metaslider .flexslider:focus-within .flex-next:focus{
display: none;
}  #noom_intro{
position: relative;
overflow: visible;
}
#noom_intro .wrap{
position: absolute;
left: 0;
right: 0;
top: 75%;
}
#noom_intro .wp-block-group.has-background{
border-radius: 10px;
padding: 30px 16px;
}
#noom_intro .bg img{
width: 100%;
height: 525px;
object-fit: cover;
} @media screen and (max-width: 481px){
#noom_intro .bg img{
margin-top: -130px;
}
#noom_intro .wrap{
top: 260px;
}
#noom_intro .wrap figure{
margin: 10px 0; 
}
}  #features h3{
padding: 20px 0 0;
font-size: 24px;
}
#features .wp-block-column{
border-radius: 10px;
padding: 16px;
}
@media screen and (max-width: 481px){
#features .wrap figure{
margin: 10px 0; 
}
}  #modules .wp-block-column{
border: 1px solid #ccc;
border-radius: 10px;
overflow: hidden;
margin-bottom: 16px;
position: relative;
padding-bottom: 80px;
}
#modules :where(.wp-block-columns.is-layout-flex){
gap: 16px;
}
#modules p{
max-width: 700px;
margin: auto;
padding: 0 16px;
}
#modules h3{
padding: 10px;
font-size: 24px;
}
#modules .wp-block-column img{
height: 220px;
width: auto;
object-fit: cover;
}
#modules .wp-block-buttons{
position: absolute;
bottom: 16px;
left: 0;
right: 0;
}
@media screen and (max-width: 1024px){
#modules .wp-block-column{
padding-bottom: 120px;
}
#modules h3{
font-size: 16px;
}
}
@media screen and (max-width: 781px){
#modules .wp-block-column{
padding-bottom: 0;
}
#modules .wp-block-column img{
width: 100%;
}
#modules h3, #modules h2{
padding: 10px 16px;
font-size: 24px;
}
#modules .wp-block-buttons{
position: relative;
bottom: 0;
padding: 10px 16px 16px;
}
}
@media screen and (max-width: 481px){
#modules .wp-block-buttons{
justify-content: left;
}
}  #tabs .su-tabs{
background: inherit;
}
#tabs .su-tabs .su-tabs-nav{
text-align: center;
}
#tabs .su-tabs-nav span{
border-radius: 10px;
border: 1px solid #ccc;
font-size: 16px;
padding: 15px 25px;
margin: 10px;
text-transform: uppercase;
font-weight: bold;
}
#tabs .su-tabs-nav span.su-tabs-current{
border-color: #f58429;
}
#tabs .su-tabs-nav span:focus{
outline: none;
}
#tabs .su-tabs-pane{
font-size: 16px;
}
#tabs .wp-block-columns{
gap: 16px;
}
#tabs .wp-block-column{
border: 1px solid #f9b417;
}
#tabs .maintenance_package .wp-block-column:nth-child(2){
border: 3px solid #26b93a;
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
}
#tabs .most_popular{
background-color: #26b93a;
position: absolute;
top: -26px;
z-index: 9;
padding: 5px;
border-radius: 5px;
left: 0;
right: 0;
width: 50%;
margin: auto;
}
#tabs .wp-block-columns h3 s{
font-size: 25px;
}
#tabs .wp-block-column{
margin: 31px 0;
position: relative;
}
#tabs .wp-block-list{
padding: 10px 25px;
list-style: none;
}
#tabs .wp-block-list li{
background: url(https://astrobaltics.eu/wp-content/uploads/2025/03/check.png) left 14px no-repeat;
background-size: 16px;
list-style: none;
padding: 10px 0 10px 32px;
border-bottom: 1px solid #ccc;
}
#tabs .wp-block-list li:last-child{
border-bottom: none;
}
#tabs .wp-block-list strong{
color: #333;
font-weight: normal;
} #tabs .su-accordion,
#tabs .su-accordion .su-spoiler{
margin: 0;
}
#tabs .su-accordion .su-spoiler-title{
font-size: 16px;
font-weight: normal;
border-bottom: 1px solid #ccc;
color: #333;
background: #F1FFF5;
padding: 13px 0 14px 55px;
}
#tabs .su-spoiler-content{
padding: 0;
background: #F1FFF5;
box-shadow: inset 0 0 5px #ccc;
} .block_footer_general.maintenance{
max-width: 100%;
}
.maintenance_packages .hyphen-hide span, .maintenance_packages .hyphen-hide br{
display: none;
}
.maintenance_packages .service_plans h4{
font-size: 21px;
padding-bottom: 10px;
}
.maintenance_packages .service_plans h3{
padding: 0;
margin: 0 !important;
font-size: 2em;
}
.maintenance_packages .service_plans p{
padding: 0;
}
.maintenance_packages .service_plans .plan_box{
box-shadow: 0 0 25px 0 rgb(0 0 0 / 10%);
border-radius: 15px;
}
.maintenance_packages .service_plans h3 em{
font-size: 16px;
text-transform: lowercase;
font-family: 'GothaMed', sans-serif;
font-style: normal;
letter-spacing: normal;
}
#tabs h5{
color: #33333370;
font-size: 16px;
padding: 6px;
font-weight: normal;
text-decoration: line-through;
}
.maintenance_packages .service_plans h3 span{
font-size: .4em;
margin: auto;
}
.maintenance_packages .service_plans .plan_box .wp-block-group{
padding: 16px 10px 10px;
border-radius: 15px 15px 0 0;
position: relative;
}
.maintenance_packages .service_plans .benefits{
padding: 1rem 1rem 2rem;
}
.maintenance_packages .service_plans .benefits i{
padding: .2rem 0;
color: #26B93A;
}
.maintenance_packages .service_plans .benefit_line{
display: flex;
line-height: 1.5em;
padding: .5rem 0;
}
.maintenance_packages .service_plans span{
font-size: 16px;
left: 23px!important;
top: 12px;
}
.maintenance_packages .maintenance_plans{
justify-content: center;
}
.maintenance_packages .maintenance_plans .wp-block-column:first-child{
margin-right: 0;
}
.maintenance_packages .tabcontent{
margin: 0;
}
.maintenance_packages .tabcontent .wp-block-column:first-child, .maintenance_packages .tabcontent .wp-block-column:last-child{
padding: 0;
}
.maintenance_packages .block_tabs .tabtitle{
display: none;
}
.maintenance_packages .responsive-tabs ul.responsive-tabs__list{
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: auto;
}
.maintenance_packages .responsive-tabs ul.responsive-tabs__list li{
border-radius: 10px;
padding: 1rem 2rem;
border: .06rem solid #f1f1f1;
}  body.page-template-template_cloudics.page-id-27515 .responisve-header,
body.page-template-template_cloudics.page-id-27515 #header,
body.page-template-template_cloudics.page-id-27515 .hamburger,
body.page-template-template_cloudics.page-id-27515 .artibot-wrapper--3PaNf,
body.page-template-template_cloudics.page-id-27515 #footer{
display: none !important;
}
#cloudics.module-slider .block_tabs .responsive-tabs ul{
margin: 1rem auto 0;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#cloudics.module-slider .block_tabs .responsive-tabs .responsive-tabs__list__item{
font-family: 'DrukWideCyrMedium', arial, sans-serif;
text-transform: uppercase;
font-size: .8em;
border: 2px solid #ddd;
border-radius: 20px;
padding: 10px 15px 10px 10px;
float: none;
}
#cloudics.module-slider .block_tabs .responsive-tabs .responsive-tabs__list__item--active,
#cloudics.module-slider .block_tabs .responsive-tabs .responsive-tabs__list__item:hover{
color: #1171d2;
border: 2px solid #1171d2;
}
#cloudics .sa_owl_theme .owl-item .sa_vert_center_wrap .sa_vert_center,
#cloudics.module-slider .owl-carousel .owl-stage-outer{
height: 100%1important;
}
#cloudics.module-slider p{
height: 100%;
text-align: center;
}
#cloudics.module-slider .owl-carousel .owl-item img{
height: 100%;
}
#cloudics.module-slider .block_tabs{
margin: 0 auto;
}
#cloudics.module-slider .responsive-tabs-wrapper{
margin: 0 !important;
}
#cloudics .block_tabs .responsive-tabs .responsive-tabs__list__item--active:after{
z-index: 999;
}
#cloudics.module-slider .responsive-tabs li{
margin: 10px 5px;
}
#cloudics.module-slider .block_tabs .tabcontent .sa_hover_container{
padding: 0 !important;
text-align: center;
}
#cloudics.module-slider .block_tabs .tabcontent{
padding: 0;
border: none;
max-width: 800px;
margin: auto;
}
#cloudics.module-slider .owl-carousel{
display: block !important;
margin: 0 !important;
}
#cloudics.module-slider #sample_slider{
display: block;
visibility: visible !important;
}
#cloudics.module-slider .block_tabs .owl-dots{
display: none !important;
}
#cloudics.module-slider .block_tabs .tabcontent .sa_hover_container p{
max-width: 1080px;
}
#cloudics.module-slider .landscape .sa_hover_container p{
max-width: 1720px !important;
}
#cloudics.module-slider .block_tabs .tabcontent img{
max-height: 1720px;
} @media screen and (max-width: 782px) {
#cloudics.module-slider .block_tabs .responsive-tabs ul{
display: none;
}
}   .btn_center{
text-align: center;
}
.btn_right{
text-align: right;
}
.p_center{
margin: auto;
}
.p_right{
margin: 0 0 0 auto;
}
.hr_center{
margin: 2rem auto;
}
.hr_right{
margin: 2rem 0 2rem auto;
}
.gallery_center{
justify-content: center;
} .white-shadow{
text-shadow: 1px 1px 2px #fff;
} .popmake{
border-radius: 20px !important;
padding: 1rem 3rem !important;
}
.pum-content{
outline: 0 !important;
} .bg-img{
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: 1;
display: block;
width: auto;
} .wpcf7-form-control-wrap .form-check-input{
position: relative;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output{
border: none;
color: #ffb900;
text-align: center;
margin: 0;
}
.wpcf7 form.sent .wpcf7-response-output{
color: #46b450;
}  #second_menu,#second_menu li{
background: #fff;
position: relative;
top: 0;
left: 0;
right: 0;
z-index: 999;
list-style: none;
}
#second_menu ul{
display: flex;
align-items: center;
justify-content: center !important;
max-width: inherit;
text-transform: uppercase;
border-top: 1px solid #ccc;
width: 90%;
margin: auto;
padding: 0;
flex-wrap: wrap;
list-style: none;
}
#second_menu.fixed{
position: fixed;
top: 0;
}
.admin-bar .container #second_menu.fixed{
top: 32px;
}
#second_menu.fixed ul{
border-top: 1px solid #fff;
}
#second_menu a{
padding: 1rem;
margin: 0 .5rem;
display: block;
color: #333;
}
#second_menu a:hover,
#second_menu li.current-menu-item a{
color: #fbb615;
} #crumbs{
max-width: 880px;
margin: 20px auto;
font-size: 14px;
color: #333;
color: #ccc;
padding: 0 30px;
line-height: 18px; }
#crumbs a{
color: #ccc;
display: inline-block;
}
#crumbs a:hover{
color: #777;
}
#crumbs .current{
color: #777;
}  #footer{
font-size: 14px;
}
#footer li {
list-style: none;
}
#footer .inner-container{
background: #f1f1f1;
padding: 2rem 1rem;
line-height: 1.5em;
}
#footer .footer_container{
display: flex;
flex-wrap: wrap;
max-width: 800px;
margin: auto;
}
#footer .footer_bottom_container{
max-width: 1000px;
margin: 3rem auto 0;
color: #a3a3a4;
text-align: center;
}
#footer .footer_container > .footer_area:nth-child(2){
flex: 0 0 100%;
}
.footer_area{
flex: 1;
}
.footer_area a{
color: #666;
padding: .2rem;
display: block;
}
.footer_area .form_inputs input[type="email"] {
background: #fff;
border: 1px solid #ccc;
padding: 0.5rem;
flex: 1;
}
.footer_area .form_inputs .submit{
background: #333;
padding: .5rem 1rem;
border: none;
cursor: pointer;
margin: 0 0 0 .5rem;
}
.footer_area .form_inputs input:focus, .form_inputs input:focus{
border: 1px solid #0071a1;
}
.footer_area li.menu-item-has-children > a{
font-weight: bold;
margin-top: 1rem;
color: #333;
position: relative;
}
.footer_area li.menu-item-has-children > a:after{
content: "+";
font-size: 1.2em;
position: absolute;
right: 5px;
color: #7a7a7b;
top: 5px;
height: 1rem;
display: none;
width: 1rem;
font-family: "GothaMed", sans-serif;
}
.footer_area li.menu-item-has-children > a.open:after{
transform: rotate(45deg);
top: 7px;
}
.footer_area a:hover, #footer .footer_bottom_container .menu a:hover{
color: #f4a941;
}
.footer_area .wpcf7-spinner{
display: none;
} #newsletter .wpcf7-form-control-wrap{
width: 100%;
}
#newsletter label{
font-weight: bold;
font-size: 18px;
color: #333;
text-align: center;
display: block;
}
#newsletter .flex_container{
display: flex;
margin: .5rem 0 0 0;
}
#newsletter p{
font-size: 12px;
opacity: .4;
margin: 0 0 16px 0;
}
#newsletter a{
display: inline-block;
font-size: 12px;
} .footer-partners{
margin-top: 1rem;
}
.footer-partners a{
margin: .3rem;
}
.footer-partners > div{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.footer-partners img{
height: 70px;
filter: brightness(0.2);
}
.footer-partners img.exception{
height: 40px;
position: relative;
top: 1rem;
}
#footer .iso-group{
margin-right: 1rem;
}
#footer .iso-group img{
filter: none;
} .footer_contact{
border-bottom: 1px solid #a3a3a4;
padding-bottom: .5rem;
margin-bottom: .5rem;
}
#footer .footer_bottom_container .menu{
display: flex;
flex-wrap: wrap;
}
#footer .footer_bottom_container .menu li{
padding: 0 .7rem 0 0;
}
#footer .footer_bottom_container .menu a{
color: #646466;
} .form_inputs .flex_that{
display: flex;
}
.form_inputs li{
list-style: none;
}
.form_inputs .flex_that li{
margin: 1rem 0 0 0;
width: 50%;
}
.form_inputs .privacy{
text-align: center;
padding: 1rem 0;
}
.form_inputs label,.form_inputs i{
display: block;
margin: .5rem 0 .2rem 0;
font-size: .8rem;
color: #777;
cursor: pointer;
font-style: normal;
font-family: 'GothaMed', sans-serif;
}
.form_inputs i, .form_inputs .privacy label{
display: inline-block;
padding: 0 0 0 .5rem;
cursor: auto;
}
.form_inputs input, .form_inputs textarea, .form_inputs select{
padding: 10px 16px;
border-radius: 10px;
border: 1px solid #ccc;
outline: none;
display: block;
width: calc(100% - 32px);
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-family: 'GothaMed', sans-serif;
}
.form_inputs input[type="checkbox"]{
display: inline-block;
width: auto;
}
.form_inputs .submit{
width: auto;
border: none;
cursor: pointer;
background: #26B93A;
color: #fff;
padding: 1rem 5rem;
border-radius: 10px;
margin: .5rem auto 1rem;
display: block;
font-size: 1.125em;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.form_inputs .submit:hover{
background: #1b992d;
}
.form_inputs .hidden,.hidden,
.trial-manu-check{
display: none;
}
@media screen and (max-width: 600px){
input[type='checkbox'] { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none; position: relative;
width: 13px;
height: 13px;
border: 2px solid #455A64;
border-radius: 10px;
cursor: pointer;
}
input[type='checkbox']::before {
content: '';
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
display: block;
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.25s ease-in-out;
transition: -webkit-transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
background: url(https://astrobaltics.eu/wp-content/uploads/2022/11/check.png) center center no-repeat;
background-size: contain;
}
input[type='checkbox']:checked::before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.privacy .wpcf7-list-item-label, .privacy a{
position: relative;
top: -12px;
}
.privacy .wpcf7-not-valid-tip{
position: relative;
top: 30px;
}
} .client_slider .metaslider .flexslider{
margin: 0;
}
.client_slider .metaslider .slides img{
width: 130px;
height: 70px;
object-fit: contain;
padding: 1rem !important;
filter: opacity(.5) grayscale(1) !important;
}
.client_slider .metaslider .slides img:hover{
filter: opacity(1) !important;
transition: .3s;
}    .container p{
padding: 1em 0 0;
} #price_plan{
background: #f1f1f1;
padding: 3rem 0 7rem;
color: #555;
line-height: 1.5;
}
#price_plan ul{
max-width: inherit!important;
}
#price_plan .container{
min-height: 700px;
max-width: 1140px;
margin: auto;
}
#price_plan .bg{
position: absolute;
top: 0;
width: 100%;
height: 750px;
background: linear-gradient(48deg, rgba(18,47,135,1) 0%, rgba(30,169,225,1) 100%);
z-index: 0;
padding-top: 23rem;
}
#price_plan .bg #white-wave,
#price_plan .bg #white-wave-two,
#price_plan .bg #white-wave-three{
position: absolute;
bottom: 0;
margin: 0;
}
#price_plan .intro_text h1,
#price_plan .intro_text p{
color: #fff;
}
#price_plan h1{
font-size: 2.5em;
text-align: center;
}
#price_plan p{
text-align: center;
max-width: 600px;
margin: 1rem auto 2rem;
}
#price_plan .price_list{
margin: 1rem 0 0;
display: flex;
flex-wrap: wrap;
}
#price_plan .price_list .col{
background: #fff;
margin: 3rem 1rem 0;
padding: 1rem;
border-radius: 10px;
text-align: center;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
display: block;
float: left;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
#price_plan .price_list .col.scale{
transform: scale(1.1);
}
#price_plan .price_list h1{
font-size: 2em;
margin: 0 0 1rem;
color: #1ea9e1;
}
#price_plan .price_list img{
height: 50px;
margin: 0 auto 1rem;
display: block;
}
#price_plan .price_list .arrow_down{
height: 20px;
} #price_plan .price_list ul{
padding-bottom: 222px;
}
#price_plan .price_container{
position: fixed;
bottom: 0;
background: #fff;
width: 308px;
padding: 1rem 0 2rem;
border-top: 1px solid #ccc;
}
#price_plan .price_container.absolute{
position: absolute;
}
#price_plan .price_list ul.active{
height: auto;
}
#price_plan .price_list .col.scale ul{
height: 315px;
}
#price_plan .price_list li{
border-top: 1px solid #f1f1f1;
padding: 1rem 0;
}
#price_plan .price_list li span{
color: #000;
font-size: 1.2em;
position: relative;
top: 1px;
}
#price_plan .price_list a{
border-top: 1px solid #f1f1f1;
display: block;
color: #1ea9e1;
text-transform: uppercase;
padding: .5rem 0;
}
#price_plan .price_list h2{
text-align: center;
font-size: 3em;
line-height: normal;
}
#price_plan .price_list h2 span{
font-size: .4em;
display: block;
color: #888;
text-transform: none;
}
#price_plan .price_list h2 span.from_exception{
position: relative;
}
#price_plan .price_list i,
.current_price i{
font-style: normal;
color: #777;
font-size: .4em;
text-transform: lowercase;
}
#price_plan button.btn,
#price_plan #price_submit,
#price_plan .message a{
background: #1ea9e1;
border: none;
color: #fff;
padding: 1rem 2rem;
margin: 1rem auto 0;
border-radius: 10px;
text-transform: uppercase;
cursor: pointer;
}
#price_plan button.btn.back_btn{
background: #ccc;
position: absolute;
left: 1rem;
bottom: 1rem;
margin: 0 1rem 0 0; }
#price_plan .message a{
display: inline-block;
}
#price_plan .price_list .col.scale button.btn,
#price_plan #price_submit{
background: #26B93A;
}
#price_plan .price_form,
#price_plan .price_contact_form{
background: #fff;
padding: 1rem;
margin: 5rem 0 0;
border-radius: 10px;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
text-align: center;
display: none;
position: relative;
}
#price_plan .price_form .col{
padding: 1rem 0;
border-bottom: 1px solid #f1f1f1;
}
#price_plan .price_form a{
display: inline-block;
color: #1ea9e1;
text-transform: uppercase;
}
#price_plan .progress_bar{
text-align: left;
border-bottom: 1px solid #ccc;
margin-bottom: 1rem;
}
#price_plan .progress_bar a{
display: inline-block;
text-transform: none;
color: #1ea9e1;
}
#price_plan .progress_bar span{
opacity: .5;
}
#price_plan .price_form h1{
font-size: 2em;
color: #1ea9e1;
}
#price_plan .so_far{
display: block;
margin-bottom: 3rem;
}
#price_plan .price_form .row{
display: block;
}
#price_plan .price_form .row h2,
#price_plan .price_form label{
font-size: 1.5em;
font-weight: bold;
color: #555;
display: block;
margin: 0;
line-height: normal;
}
#price_plan .price_form .row h2 span{
font-size: .7em;
color: #888;
text-transform: lowercase;
padding: .2rem;
font-weight: normal;
}
#price_plan .price_form .col{
margin: 0;
float: none;
}
#price_plan .manufacturer_list{
display: flex;
justify-content: center;
position: relative;
left: 12px;
}
#price_plan .price_form .col > *:nth-child(2){
left: 0;
display: none;
}
#price_plan .manufacturer_list input,
#price_plan .manufacturer_list select{
padding: .5rem 1rem;
margin: .2rem;
border: 1px solid #ccc;
border-radius: 10px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 180px;
background: none;
position: relative;
z-index: 2;
font-size: inherit;
line-height: inherit;
}
#price_plan .manufacturer_list li{
position: relative;
}
#price_plan .manufacturer_list .arrow_select{
position: absolute;
width: 20px;
left: 185px;
top: 20px;
z-index: 1;
}
#price_plan .manufacturer_list input[type=text]{
width: 150px;
}
#price_plan .input_list input[type=text]{
width: 300px;
}
#price_plan .manufacturer_list input[type=number]{
width: 130px;
}
#price_plan .progress{
width: 200px;
height: .5rem;
margin: 0 auto 4rem;
}
.bg-success {
background-color: #26B93A!important;
}
#price_plan .price_form button.btn{
background-color: #26B93A;
}
#price_plan .back_btn{
position: relative;
}
#price_plan .back_btn img{
height: 30px;
position: absolute;
top: 12px;
left: 1rem;
}
#price_plan .price_form button.back_btn{
background: #ccc;
margin-top: 1rem;
margin-right: 1rem;
position: absolute;
left: 1rem;
}
#price_plan .price_form .current_price{
margin: 4rem 0 0;
font-size: 3em;
line-height: .8em;
display: flex;
justify-content: center;
}
#price_plan .price_form .current_price div,
#price_plan .current_price div{
padding: 1rem; }
#price_plan .price_form .current_price div:first-child,
#price_plan .current_price div:first-child{
border: none;
}
#price_plan .price_form .current_price b,
#price_plan .current_price b{
font-weight: normal;
color: #1ea9e1;
cursor: pointer;
font-size: .4em;
display: block;
}
#price_plan .current_price{
font-size: 3em;
line-height: .8em;
display: flex;
justify-content: center;
}
#price_plan .current_price img{
height: 25px;
position: relative;
top: -9px;
}
#price_plan .from_inputs{
margin: 0;
}
#price_plan .from_inputs .col{
display: block;
float: left;
margin: auto;
padding: 0;
}
#price_plan .price_contact_form label{
display: block;
margin: .5rem 0 .2rem 0;
font-size: .8rem;
color: #777;
cursor: pointer;
}
#price_plan .price_contact_form h1{
font-size: 2em;
color: #1ea9e1;
}
#price_plan .price_contact_form #formCheckLabel{
display: inline-block;
}
#price_plan .privcyCheck a{
color: #1ea9e1;
}
#price_plan .price_contact_form input,
#price_plan #inputGroupDate{
padding: 1rem;
border-radius: 10px;
border: 1px solid #ccc;
outline: none;
width: 240px;
text-align: center;
margin: auto;
height: auto;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
#price_plan .price_contact_form input#formCheck{
width: auto;
margin-top: 3rem;
}
#price_plan .delete_row{
background: none;
border: none;
outline: none;
cursor: pointer;
right: 0;
top: 30px;
color: #1ea9e1;
font-size: 1.3em;
}
#price_plan .delete_row:focus{
outline: none;
}
#price_plan .message{
display: none;
padding: 1rem;
max-width: 600px;
margin: auto;
} #price_plan2{
background: #f1f1f1;
padding: 3rem 0 7rem;
color: #555;
font-size: 1em;
}
#price_plan2 ul{
max-width: inherit!important;
}
#price_plan2 .container{
min-height: 700px;
max-width: 1140px;
margin: auto;
}
#price_plan2 .bg{
position: absolute;
top: 0;
width: 100%;
height: 750px;
background: linear-gradient(10deg, rgba(18,47,135,1) 0%, rgba(30,169,225,1) 100%);
z-index: 0;
padding-top: 23rem;
}
#price_plan2 .bg #white-wave,
#price_plan2 .bg #white-wave-two,
#price_plan2 .bg #white-wave-three{
position: absolute;
bottom: -10px;
margin: 0;
}
#price_plan2 h1{
font-size: 2.5em;
color: #fff;
text-align: center;
}
#price_plan2 p{
text-align: center;
max-width: 600px;
margin: 0 auto 2rem;
}
#price_plan2 .intro_text p{
color: #fff;
}
#price_plan2 .price_list{
display: flex;
flex-wrap: wrap;
}
#price_plan2 .price_list .trial{
width: 100%;
display: none;
}
#price_plan2 .price_list .trial_container{
width: 65%;
background: #fff;
border-radius: 10px;
padding: 2rem 2rem 1.5rem 6rem;
margin: 1rem auto -1rem;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
text-align: center;
position: relative;
}
#price_plan2 .price_list .trial_container img{
position: absolute;
left: 2rem;
}
#price_plan2 .price_list .trial_container h1{
text-align: left;
color: #26B93A;
}
#price_plan2 .price_list .trial_container p{
margin: 0;
text-align: left;
padding: 0;
}
#price_plan2 .trial_container button.btn{
background: #26B93A;
position: absolute;
right: 2rem;
top: 1rem;
}
#price_plan2 .price_list p{
color: #888;
margin: 0 0 1rem;
}
#price_plan2 .price_list .col{
background: #fff;
margin: 3rem 1rem 0;
padding: 1rem;
border-radius: 10px;
text-align: center;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
display: block;
float: left;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
#price_plan2 .price_list .col.scale{
transform: scale(1.1);
}
#price_plan2 .price_list h1{
font-size: 2em;
color: #1ea9e1;
}
#price_plan2 .price_list img{
height: 50px;
margin: 0 auto .4rem;
display: block;
}
#price_plan2 .price_container{
padding: 1rem 0 2rem;
}
#price_plan2 .price_list ul.active{
height: auto;
}
#price_plan2 .price_list .col.scale ul{
height: 315px;
}
#price_plan2 .price_list li{
border-top: 1px solid #f1f1f1;
padding: 1rem;
text-align: left;
}
#price_plan2 .price_list li:nth-child(odd){
background: #f9f9f9;
}
#price_plan2 .price_list li span{
color: #000;
font-size: 1.2em;
position: relative;
top: 1px;
}
#price_plan2 .price_list a{
border-top: 1px solid #f1f1f1;
display: block;
color: #1ea9e1;
text-transform: uppercase;
padding: .5rem 0;
}
#price_plan2 .price_list h2{
text-align: center;
font-size: 3em;
line-height: normal;
}
#price_plan2 .price_list h2 span{
font-size: .4em;
display: block;
color: #888;
text-transform: none;
}
#price_plan2 .price_list h2 span.form_exception{
position: relative;
}
#price_plan2 .price_list i,
#price_plan2 .current_price i{
font-style: normal;
color: #777;
font-size: .4em;
text-transform: lowercase;
}
#price_plan2 button.btn,
#price_plan2 #price_submit,
#price_plan2 .message a{
background: #1ea9e1;
border: none;
color: #fff;
padding: 1rem 2rem;
margin: 1rem auto 0;
border-radius: 10px;
text-transform: uppercase;
cursor: pointer;
}
#price_plan2 button.btn.back_btn{
background: #ccc;
position: absolute;
left: 2rem;
bottom: 2rem;
margin: 0 1rem 0 0;
color: #333;
}
#price_plan2 .message a{
display: inline-block;
}
#price_plan2 .price_list .col.scale button.btn,
#price_plan2 #price_submit{
background: #26B93A;
}
#price_plan2 button.btn:hover{
}
#price_plan2 .price_form,
#price_plan2 .price_contact_form{
background: #fff;
padding: 2rem;
margin: 3rem 0 0;
border-radius: 10px;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
text-align: center;
display: none;
position: relative;
}
#price_plan2 .price_form .col{
padding: 1rem 0;
border-bottom: 1px solid #f1f1f1;
}
#price_plan2 .price_form a{
display: inline-block;
color: #1ea9e1;
text-transform: uppercase;
}
#price_plan2 .progress_bar{
display: flex;
justify-content: center;
text-align: center;
}
#price_plan2 .progress_bar img{
height: 40px;
display: block;
margin: .5rem auto;
}
#price_plan2 .progress_bar img.arrow{
height: 25px;
margin: 2rem 1rem;
}
#price_plan2 .progress_bar span{
opacity: .5;
color: #fff;
}
#price_plan2 .progress_bar span.active{
opacity: 1;
cursor: pointer;
}
#price_plan2 .price_form h1{
font-size: 2em;
color: #1ea9e1;
}
#price_plan2 .so_far{
background: #f1f1f1;
display: inline-block;
margin-bottom: 3rem;
color: #333;
padding: .5rem 1rem .1rem;
border-radius: 10px;
text-transform: uppercase;
}
#price_plan2 .so_far img{
height: 35px; margin: .5rem .5rem .8rem;
}
#price_plan2 .price_form .row{
display: block;
}
#price_plan2 .price_form .row h2,
#price_plan2 .price_form label{
font-size: 1.5em;
font-weight: bold;
color: #555;
display: block;
margin: 0;
line-height: normal;
}
#price_plan2 .price_form .row h2 span{
font-size: .7em;
color: #888;
text-transform: lowercase;
padding: .2rem;
font-weight: normal;
}
#price_plan2 .price_form .col{
margin: 0;
float: none;
}
#price_plan2 .manufacturer_list{
display: flex;
justify-content: center;
position: relative;
left: 12px;
}
#price_plan2 .price_form .col > *:nth-child(2){
left: 0;
display: none;
}
#price_plan2 .manufacturer_list input,
#price_plan2 .manufacturer_list select{
padding: .5rem 1rem;
margin: .2rem;
border: 1px solid #ccc;
border-radius: 10px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 180px;
background: none;
position: relative;
z-index: 2;
font-size: inherit;
line-height: inherit;
}
#price_plan2 .manufacturer_list li{
position: relative;
}
#price_plan2 .manufacturer_list .arrow_select{
position: absolute;
width: 20px;
left: 185px;
top: 20px;
z-index: 1;
}
#price_plan2 .manufacturer_list input[type=text]{
width: 150px;
}
#price_plan2 .input_list input[type=text]{
width: 300px;
}
#price_plan2 .manufacturer_list input[type=number]{
width: 130px;
}
#price_plan2 .progress{
width: 200px;
height: .5rem;
margin: 0 auto 4rem;
}
.bg-success {
background-color: #26B93A!important;
}
#price_plan2 .price_form button.btn{
background-color: #26B93A;
}
#price_plan2 .back_btn{
position: relative;
}
#price_plan2 .back_btn img{
height: 20px;
}
#price_plan2 .price_form button.back_btn{
background: #ccc;
margin-top: 1rem;
margin-right: 1rem;
position: absolute;
left: 2rem;
color: #333;
}
#price_plan2 .price_form .current_price{
margin: 4rem 0 0;
font-size: 3em;
line-height: .8em;
display: flex;
justify-content: center;
}
#price_plan2 .price_form .current_price div,
#price_plan2 .current_price > div{
margin: 1rem;
}
#price_plan2 .current_price.receipt > div{
width: 50%;
border-radius: 10px;
text-align: left;
margin-bottom: 2rem;
position: relative;
padding-bottom: 110px;
border: 1px solid #ccc;
}
#price_plan2 .price_form .current_price b,
#price_plan2 .current_price b{
font-weight: normal;
color: #333;
font-size: .4em;
display: block;
}
#price_plan2 .current_price .price_summery b{
color: #fff;
}
#price_plan2 .current_price .price_summery .trial_discount{
text-decoration: line-through;
opacity: .5;
font-size: 0.8em;
padding-right: 1rem;
}
#price_plan2 .current_price{
font-size: 3em;
line-height: .8em;
display: flex;
justify-content: center;
}
#price_plan2 .current_price img{
height: 25px;
position: relative;
top: -9px;
}
#price_plan2 .current_price .price_content{
margin: 0;
font-size: 16px;
line-height: 1.5em;
text-align: left;
padding: 2rem;
}
#price_plan2 .current_price .price_content .package{
font-weight: bold;
text-transform: uppercase;
}
#price_plan2 .current_price .price_content > div{
border-bottom: 1px solid #ccc;
margin: .5rem 0;
padding: .5rem 0;
}
#price_plan2 .current_price .price_content b{
font-weight: bold;
font-size: 16px;
color: #333;
display: inline-block;
}
#price_plan2 .current_price .price_content .choice_info{
display: block;
}
#price_plan2 .current_price .price_content i{
float: right;
font-size: 1rem;
}
#price_plan2 .current_price .price_summery{
padding: 1rem;
background: #1ea9e1;
position: absolute;
bottom: 0;
width: 100%;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
color: #fff;
}
#price_plan2 .current_price .price_summery i{
color: #fff;
line-height: normal;
}
#price_plan2 .form_inputs{
width: 60%;
margin: auto;
}
#price_plan2 .form_inputs .validationMessage{
color: rgb(220, 20, 60);
text-align: left;
font-size: .8em;
float: left;
padding: .5rem;
}
#price_plan2 .price_contact_form label{
display: block;
margin: 1.5rem 0 .2rem 1rem;
font-size: .8rem;
color: #777;
cursor: pointer;
text-align: left;
}
#price_plan2 .iti{
display: block;
}
#price_plan2 .price_contact_form h1{
font-size: 2em;
color: #1ea9e1;
}
#price_plan2 .price_contact_form #formCheckLabel{
display: inline-block;
}
#price_plan2 .privcyCheck a{
color: #1ea9e1;
}
#price_plan2 .price_contact_form input,
#price_plan2 #inputGroupDate{
padding: 1rem;
border-radius: 10px;
border: 1px solid #ccc;
outline: none;
width: 240px;
height: auto;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
#price_plan2 .price_contact_form input.wpcf7-phonetext{
padding-left: 3rem;
}
#price_plan2 #inputGroupDate{
text-align: left;
}
#price_plan2 .price_contact_form input#formCheck{
width: auto;
margin-top: 3rem;
}
#price_plan2 .delete_row{
background: none;
border: none;
outline: none;
cursor: pointer;
right: 0;
top: 30px;
color: #1ea9e1;
font-size: 1.3em;
}
#price_plan2 .delete_row:focus{
outline: none;
}
#price_plan2 .message{
display: none;
padding: 1rem;
max-width: 600px;
margin: auto;
} #feedback_2{
background: #fff;
position: fixed;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
bottom: 0;
max-width: 500px;
display: none;
left: 0;
border-top-right-radius: 15px;
z-index: 9999;
}
#feedback_submit{
background: #1ea9e1;
border: none;
color: #fff;
padding: 1rem 2rem;
margin: 1rem auto 0;
border-radius: 10px;
text-transform: uppercase;
cursor: pointer;
width: 180px;
display: block;
outline: none;
}
#feedback_submit:hover{
background: #4dbae7;
}
.feedback_responsive{
background: #fff;
position: fixed;
bottom: 1rem;
left: 1rem;
z-index: 99999;
width: 70px;
height: 70px;
border-radius: 50%;
border: 4px solid #fff;
cursor: pointer;
box-shadow: 1px 1px 2px #a6a29a;
display: block;
}
.feedback_responsive img{
width: 70px;
padding: 16px;
}
.pulse {
animation: pulse 5s infinite;
}
@keyframes pulse {
from { transform: scale(1); }
50% { transform: scale(0.85); }
to { transform: scale(1); }
}
#feedback_2 .form-control{
width: 94%;
} #cloudics.cloudics-demo h1, #cloudics.cloudics-demo h2{
padding-bottom: .5rem;
}
#cloudics.cloudics-demo h2{
font-size: 2em;
}
#cloudics.cloudics-demo .intro{
background: linear-gradient(48deg, rgba(18,47,135,1) 0%, rgba(30,169,225,1) 100%);
position: relative;
padding: 7rem 0 10rem;
z-index: 2;
}
#cloudics.cloudics-demo .intro .wp-block-embed{
margin: 0;
}
#cloudics.cloudics-demo .intro h1{
color: #fff;
}
#cloudics.cloudics-demo .intro h1 b{
font-size: 2em;
line-height: 1em;
}
#cloudics.cloudics-demo .intro .bg img{
position: absolute;
top: -200px;
left: -200px;
z-index: 0;
width: 70%;
height: 800px;
opacity: .2;
}
#cloudics.cloudics-demo .container{
position: relative;
z-index: 2;
max-width: 1700px;
margin: auto;
overflow: hidden;
}
#cloudics.cloudics-demo .cloudics_video iframe{
width: 920px;
height: 518px;
border-radius: 10px;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
}
#cloudics.cloudics-demo .video_col, #cloudics.cloudics-demo .contact_form{
display: inline-flex;
}
#cloudics.cloudics-demo .video_col{
padding-right: 5rem;
}
#cloudics.cloudics-demo .contact_form{
background: #fff;
padding: 4rem 3.5rem;
border-radius: 10px;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
}
#cloudics.cloudics-demo .half{
display: none; }
#cloudics.cloudics-demo .contact_form .from_inputs input, #inputGroupDate{
padding: .9rem;
border-radius: 10px;
border: 1px solid #ccc;
outline: none;
width: calc(100% - 2rem);
}
#cloudics.cloudics-demo .contact_form .from_inputs label, #cloudics.cloudics-demo .contact_form .time_label {
display: block;
margin: .5rem 0 .2rem 0;
font-size: .8rem;
color: #777;
cursor: pointer;
}
#cloudics.cloudics-demo .contact_form .privcyCheck {
text-align: center;
margin-top: 2.5rem;
}
#cloudics.cloudics-demo .intro input[type=submit]{
width: 250px;
border: none;
background: #26B93A;
color: #fff;
padding: 1rem;
border-radius: 10px;
margin: .5rem auto;
display: block;
text-transform: uppercase;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
} #cloudics .form_and_manage{
position: relative;
padding: 4rem 0;
z-index: 9;
}
#cloudics .form_and_manage .container p{
margin: auto;
}
#cloudics .form_and_manage .wp-block-columns img{
height: 70px;
margin: 0 0 1rem;
opacity: .8;
}
#cloudics .form_and_manage .container h4.druk{
padding: 0 0 .5rem;
font-size: 2em;
}
#cloudics .form_and_manage .container .wp-block-column{
overflow: hidden;
margin: 0 1rem;
padding: 0 2rem;
border-left: 1px solid #ccc;
}
#cloudics .form_and_manage .container .wp-block-column:first-child{
border: none;
}
#cloudics.cloudics-demo .bg_wave, #cloudics.cloudics-demo .bg_wave_2{
position: absolute;
display: block;
z-index: -1;
bottom: -90px;
}
#cloudics.cloudics-demo .bg_wave img, #cloudics.cloudics-demo .bg_wave_2 img{
width: 100vw;
}
#cloudics.cloudics-demo .bg_wave_2{
bottom: inherit;
top: -90px;
}
#cloudics.cloudics-demo .mobile{
background: #fff;
background: linear-gradient(48deg, rgba(18,47,135,1) 0%, rgba(30,169,225,1) 100%);
padding: 2rem 0;
text-align: center;
position: relative;
}
#cloudics.cloudics-demo .mobile h1, #cloudics.cloudics-demo .mobile h2, #cloudics.cloudics-demo .mobile p{
color: #fff;
margin: 0 auto;
}
#cloudics.cloudics-demo .mobile h2{
font-size: 1em;
padding: 1rem 0 .2rem;
font-weight: bold;
}
#cloudics.cloudics-demo .mobile .owl-carousel .owl-item{
height: 1050px;
}
#cloudics.cloudics-demo .mobile img{
height: 700px;
padding: 3rem 0;
margin: auto;
position: relative;
}
#cloudics.cloudics-demo .mobile .fcc img{
height: 650px;
}
#cloudics.cloudics-demo .mobile .dashboard img{
left: -50px;
}
#cloudics.cloudics-demo .mobile li{
position: absolute;
top: 200px;
left: 300px;
text-align: left;
}
#cloudics.cloudics-demo .mobile li:after{
content: " ";
height: 1px;
width: 300px;
position: absolute;
background: rgba(255,255,255,.4);
bottom: -15px;
right: -100px;
z-index: -1;
}
#cloudics.cloudics-demo .mobile .dashboard li:after{
right: -140px;
}
#cloudics.cloudics-demo .mobile li.right:after{
right: inherit;
left: -130px;
}
#cloudics.cloudics-demo .mobile li p{
margin: 0;
line-height: 1.3em;
padding: 0;
width: 250px;
color: #fff;
opacity: .7;
}
#cloudics_demo_form .book_time{
display: none;
} #cloudics.cloudics-demo .mobile li.fcc{
top: 305px;
left: 120px;
text-align: right;
}
#cloudics.cloudics-demo .mobile li.dispensers{
top: 465px;
left: 150px;
text-align: right;
}
#cloudics.cloudics-demo .mobile li.car_wash{
top: 600px;
left: 200px;
text-align: right;
}
#cloudics.cloudics-demo .mobile li.car_wash:after{
right: -250px;
width: 350px;
}
#cloudics.cloudics-demo .mobile li.wets{
top: 310px;
left: inherit;
right: 140px;
}
#cloudics.cloudics-demo .mobile li.price_dis{
top: 490px;
left: inherit;
right: 100px;
} #cloudics.cloudics-demo .mobile li.old_opt{
text-align: right;
}
#cloudics.cloudics-demo .mobile li.payment{
top: 380px;
left: 170px;
text-align: right;
}
#cloudics.cloudics-demo .mobile li.plate{
top: 530px;
left: 90px;
text-align: right;
}
#cloudics.cloudics-demo .mobile li.geofence{
top: 250px;
left: inherit;
right: 120px;
}
#cloudics.cloudics-demo .mobile li.qr{
top: 400px;
left: inherit;
right: 170px;
}
#cloudics.cloudics-demo .mobile li.fuel_payment{
top: 550px;
left: inherit;
right: 220px;
} #cloudics.cloudics-demo .mobile li.old_offline{
top: 200px;
left: 80px;
text-align: right;
}
#cloudics.cloudics-demo .mobile li.dynamic{
top: 345px;
left: 40px;
text-align: right;
}
#cloudics.cloudics-demo .mobile li.sales_report{
top: 495px;
left: 0;
text-align: right;
}
#cloudics.cloudics-demo .mobile li.fuel_card{
top: 310px;
left: inherit;
right: 0;
}
#cloudics.cloudics-demo .mobile li.real_time{
top: 450px;
left: inherit;
right: 10px;
}
#cloudics.cloudics-demo .mobile li.wetstock{
top: 620px;
left: inherit;
right: 0;
} #cloudics.cloudics-demo .autohide-arrows .owl-nav{
display: block !important;
}
#cloudics.cloudics-demo .white .sa_owl_theme .owl-nav .owl-prev, #cloudics.cloudics-demo .white .sa_owl_theme .owl-nav .owl-next,
#cloudics.cloudics-demo .white .sa_owl_theme .owl-nav .owl-prev:hover, #cloudics.cloudics-demo .white .sa_owl_theme .owl-nav .owl-next:hover{
background-color: transparent !important;
outline: 0;
margin: 0 6rem;
}
#cloudics.cloudics-demo .sa_owl_theme .owl-dots .owl-dot span{
background-color: #fff !important;
opacity: .4;
}
#cloudics.cloudics-demo .sa_owl_theme .owl-dots .active span{
opacity: 1;
} #cloudics.cloudics-livedemo h1{
font-size: 2.5em;
padding-bottom: .5rem;
}
#cloudics.cloudics-livedemo h2{
font-size: 2em;
padding-bottom: .5rem;
}
#cloudics.cloudics-livedemo .intro{
padding: 2rem 0 15rem;
z-index: 2;
background-repeat: no-repeat;
}
#cloudics.cloudics-livedemo .bg-intro{
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
display: block;
width: auto;
z-index: -1;
}
#cloudics.cloudics-livedemo .intro > div{
max-width: 500px;
margin: auto 0 auto auto;
}
#cloudics.cloudics-livedemo .bg-img{
z-index: -1;
}
#cloudics.cloudics-livedemo .intro label{
color: #fff;
line-height: 1.5em;
opacity: .7;
}
#cloudics.cloudics-livedemo .intro input{
background: none;
border: 1px solid #fff; color: #fff;
}
#cloudics.cloudics-livedemo .form_inputs .privacy{
padding: 1rem 0 .5rem;
}
#cloudics.cloudics-livedemo .or{
text-align: center;
color: #fff;
}
#cloudics.cloudics-livedemo input[type=submit]{
width: 250px;
border: none;
background: #26B93A;
color: #fff;
padding: 1rem;
border-radius: 10px;
margin: .5rem auto 0;
display: block;
text-transform: uppercase;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#cloudics.cloudics-livedemo input[type=submit].login{
background: #1ea9e1;
}
#cloudics.cloudics-livedemo .video_container{
background: #F2F2F2;
position: relative;
margin: 5rem 0 0;
padding: 5rem 0 4rem;
}
#cloudics.cloudics-livedemo .responsive-tabs-wrapper{
padding: 5rem 0 0;
}
#cloudics.cloudics-livedemo .responsive-tabs ul{
border-bottom: 1px solid #1ea9e1;
padding: 0 5rem;
}
#cloudics.cloudics-livedemo .responsive-tabs li{
padding: 1rem;
border: none;
margin: 0 1rem;
}
#cloudics.cloudics-livedemo .responsive-tabs .responsive-tabs__panel{
background: none;
}
#cloudics.cloudics-livedemo .container{
position: relative;
z-index: 2;
max-width: 1700px;
margin: auto;
overflow: hidden;
}
#cloudics.cloudics-livedemo .cloudics_video iframe{
width: 920px;
height: 518px;
border-radius: 10px;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
}
#cloudics.cloudics-livedemo .video_col, #cloudics.cloudics-livedemo .contact_form{
display: inline-flex;
}
#cloudics.cloudics-livedemo .video_col{
padding-right: 5rem;
}
#cloudics.cloudics-livedemo .contact_form{
background: #fff;
padding: 4rem 3.5rem;
border-radius: 10px;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
}
#cloudics.cloudics-livedemo .half{
display: none; }
#cloudics.cloudics-livedemo .contact_form .from_inputs input, #inputGroupDate{
padding: .9rem;
border-radius: 10px;
border: 1px solid #ccc;
outline: none;
width: calc(100% - 2rem);
}
#cloudics.cloudics-livedemo .contact_form .from_inputs label, #cloudics.cloudics-livedemo .contact_form .time_label {
display: block;
margin: .5rem 0 .2rem 0;
font-size: .8rem;
color: #777;
cursor: pointer;
}
#cloudics.cloudics-livedemo .contact_form .privcyCheck {
text-align: center;
margin-top: 2.5rem;
}
#cloudics.cloudics-livedemo .bg_wave{
position: absolute;
display: block;
width: 100%;
z-index: 1;
bottom: -80px;
}
#cloudics.cloudics-livedemo .bg_wave img{
width: 100%;
}
#cloudics.cloudics-livedemo .bg_wave_2{
bottom: inherit;
top: -90px;
}
#cloudics.cloudics-livedemo .mobile{
background: #fff;
background: linear-gradient(48deg, rgba(18,47,135,1) 0%, rgba(30,169,225,1) 100%);
padding: 5rem 0;
text-align: center;
position: relative;
}
#cloudics.cloudics-livedemo .mobile h1, #cloudics.cloudics-livedemo .mobile h2, #cloudics.cloudics-livedemo .mobile p{
color: #fff;
margin: 0 auto;
}
#cloudics.cloudics-livedemo .mobile h2{
font-size: 1em;
padding: 1rem 0 .2rem;
font-weight: bold;
}
#cloudics.cloudics-livedemo .mobile .owl-carousel .owl-item{
height: 1050px;
}
#cloudics.cloudics-livedemo .mobile img{
height: 700px;
padding: 3rem 0;
margin: auto;
position: relative;
}
#cloudics.cloudics-livedemo .mobile .fcc img{
height: 650px;
}
#cloudics.cloudics-livedemo .mobile .dashboard img{
left: -50px;
}
#cloudics.cloudics-livedemo .mobile li{
position: absolute;
top: 200px;
left: 300px;
text-align: left;
}
#cloudics.cloudics-livedemo .mobile li:after{
content: " ";
height: 1px;
width: 300px;
position: absolute;
background: rgba(255,255,255,.4);
bottom: -15px;
right: -100px;
z-index: -1;
}
#cloudics.cloudics-livedemo .mobile .dashboard li:after{
right: -140px;
}
#cloudics.cloudics-livedemo .mobile li.right:after{
right: inherit;
left: -130px;
}
#cloudics.cloudics-livedemo .mobile li p{
margin: 0;
line-height: 1.3em;
padding: 0;
width: 250px;
color: #fff;
opacity: .7;
}
#cloudics_demo_form .book_time{
display: none;
} #cloudics.cloudics-livedemo .mobile li.fcc{
top: 305px;
left: 120px;
text-align: right;
}
#cloudics.cloudics-livedemo .mobile li.dispensers{
top: 465px;
left: 150px;
text-align: right;
}
#cloudics.cloudics-livedemo .mobile li.car_wash{
top: 600px;
left: 200px;
text-align: right;
}
#cloudics.cloudics-livedemo .mobile li.car_wash:after{
right: -250px;
width: 350px;
}
#cloudics.cloudics-livedemo .mobile li.wets{
top: 310px;
left: inherit;
right: 140px;
}
#cloudics.cloudics-livedemo .mobile li.price_dis{
top: 490px;
left: inherit;
right: 100px;
} #cloudics.cloudics-livedemo .mobile li.old_opt{
text-align: right;
}
#cloudics.cloudics-livedemo .mobile li.payment{
top: 380px;
left: 170px;
text-align: right;
}
#cloudics.cloudics-livedemo .mobile li.plate{
top: 530px;
left: 90px;
text-align: right;
}
#cloudics.cloudics-livedemo .mobile li.geofence{
top: 250px;
left: inherit;
right: 120px;
}
#cloudics.cloudics-livedemo .mobile li.qr{
top: 400px;
left: inherit;
right: 170px;
}
#cloudics.cloudics-livedemo .mobile li.fuel_payment{
top: 550px;
left: inherit;
right: 220px;
} #cloudics.cloudics-livedemo .mobile li.old_offline{
top: 200px;
left: 80px;
text-align: right;
}
#cloudics.cloudics-livedemo .mobile li.dynamic{
top: 345px;
left: 40px;
text-align: right;
}
#cloudics.cloudics-livedemo .mobile li.sales_report{
top: 495px;
left: 0;
text-align: right;
}
#cloudics.cloudics-livedemo .mobile li.fuel_card{
top: 310px;
left: inherit;
right: 0;
}
#cloudics.cloudics-livedemo .mobile li.real_time{
top: 450px;
left: inherit;
right: 10px;
}
#cloudics.cloudics-livedemo .mobile li.wetstock{
top: 620px;
left: inherit;
right: 0;
} #cloudics.cloudics-livedemo .autohide-arrows .owl-nav{
display: block !important;
}
#cloudics.cloudics-livedemo .white .sa_owl_theme .owl-nav .owl-prev, #cloudics.cloudics-livedemo .white .sa_owl_theme .owl-nav .owl-next,
#cloudics.cloudics-livedemo .white .sa_owl_theme .owl-nav .owl-prev:hover, #cloudics.cloudics-livedemo .white .sa_owl_theme .owl-nav .owl-next:hover{
background-color: transparent !important;
outline: 0;
margin: 0 6rem;
}
#cloudics.cloudics-livedemo .sa_owl_theme .owl-dots .owl-dot span{
background-color: #fff !important;
opacity: .4;
}
#cloudics.cloudics-livedemo .sa_owl_theme .owl-dots .active span{
opacity: 1;
} #cloudics.merchant h2.druk{
font-size: 3.125em;
}
#cloudics.merchant h3{
font-size: 2.5em;
}
#cloudics.merchant .intro{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
overflow: hidden;
position: relative;
max-width: 2200px;
margin: auto;
}
#cloudics.merchant .intro > .wp-block-group__inner-container{
padding: 3rem 0;
}
#cloudics.merchant .intro .wrap{
padding: 0 4rem;
}
#cloudics.merchant .intro h2{
text-shadow: 1px 1px 2px #fff;
}
#cloudics.merchant .intro p{
max-width: 550px;
}
#cloudics.merchant .logo img{
height: 50px;
width: 200px;
margin: 0 2rem 1rem 0;
}
#cloudics.merchant p{
padding: 1.5rem 0;
}
#cloudics.merchant .wp-block-button a{
padding: 1.5rem 2.4rem 1.4rem;
cursor: pointer;
text-transform: uppercase;
}
#cloudics.merchant .merchant_section,
#cloudics.merchant .customer_section{
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;
position: relative;
padding: 3rem 0;
max-width: 2200px;
margin: auto;
}
#cloudics.merchant .merchant_section .wrap,
#cloudics.merchant .customer_section .wrap{
background: rgba(255,255,255,.3);
border-radius: 10px;
width: 750px;
padding: 3rem;
margin: 0 5rem 0 auto;
}
#cloudics.merchant .customer_section .wrap{
margin: 0 auto 0 5rem;
}
#cloudics.merchant h3{
font-size: 1.5em;
border-top: 1px solid #ccc;
padding: 1.5rem 0 0;
}
#cloudics.merchant .how_to{
padding: 1.5rem 0 0;
}
#cloudics.merchant .how_to img{
height: 80px;
width: 124px;
}
#cloudics.merchant .how_to .arrow_right img{
opacity: .2;
margin-top: 2rem;
}
#cloudics.merchant .functions img{
height: 40px;
margin: .5rem 0;
opacity: .7;
}
#cloudics.merchant .functions p{
padding: 0 3rem 1.5rem 0;
}
#cloudics.merchant .mobile_noom{
background-repeat: repeat-x;
background-position: 0 center;
background-size: 4000px auto;
padding: 15rem 0;
}
#cloudics.merchant .mobile_noom .logo img{
width: 450px;
height: auto;
margin: 0;
}
#cloudics.merchant .mobile_noom p{
margin: auto;
}
#cloudics.merchant .contact_section{
padding: 4rem;
}  #cloudics .block_intro_wrap{
position: absolute;
width: 1200px;
left: 0;
right: 0;
top: 28rem;
margin: auto;
padding: 2rem;
}
#cloudics .cloudics_features_2021{
background: #333;
}
#cloudics .cloudics_features_2021 .wp-block-group{
max-width: 1600px;
margin: auto;
}
#cloudics .cloudics_features_2021 .wp-block-group .wp-block-column{
background: #fff;
padding: 2rem 0;
border-radius: 10px;
}
#cloudics .cloudics_features_2021 .wp-block-group .wp-block-column p{
padding: 1rem 1rem 0;
} #search_filter{
text-align: center;
margin: 1.5rem 0;
}
#search_filter input,
#search_filter select{
padding: 1rem;
border-radius: 10px;
border:1px solid #ccc;
outline: none;
}
#search_filter input:focus{
outline: none;
border: 1px solid #999;
}
#search_filter select{
-moz-appearance: none; -webkit-appearance: none; appearance: none;
background: transparent;
background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 10px;
padding-right: 2rem;
}
#search_filter input[type=submit]{
text-transform: uppercase;
cursor: pointer;
background: #26b93a;
border-color: #1a9e2c;
color: #fff;
opacity: .8;
}
#search_filter input[type=submit]:hover{
opacity: 1;
}
#search_filter input[type=text]{
display: none;
}
#news{
display: flex;
flex-wrap: wrap;
}
#news .news_item{
width: 45%;
padding: 1rem;
margin: 2rem auto 0;
box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
border-radius: 10px;
}
@media screen and (max-width: 600px){
#news .news_item{
width: 95%;
}
}
#news .news_item h3{
font-family: 'GothaMed', arial, sans-serif;;
margin-top: 1rem;
}
#news .news_item h3 a{
color: #333;
font-size: 20px;
line-height: 26px;
font-weight: bold;
}
#news .news_item h3 a:hover{
color: #0071a1;
}
#news .news_item p{
padding: .5rem 0; }
#news .news_item .post_date{
color: #999;
font-style: italic;
font-size: .9em;
margin-bottom: .5rem;
}
#news .news_item img{
position: relative;
height: 300px;
width: 100%;
max-width: 100%;
object-fit: cover;
border-radius: 10px;
}
.sidearea_social_container{
position: relative;
right: 150px;
display: none;
}
.sidearea_social{
display: none;
position: absolute;
left: 0;
bottom: 1800px;
}
.wp-container-1 .wp-block-social-links{
display: none;
}
.wp-block-social-links{
display: none!important;
}
.sidearea_social .wp-block-social-links{
display: inline-block;
font-size: 40px;
}
.pagination{
text-align: center;
padding: 3rem;
}
.pagination .page-numbers{
color: #666;
background: #fff;
border-radius: 50%;
width: 35px;
height: 35px;
display: inline-block;
padding: 9px;
margin: .5rem;
color: #666;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next{
width: auto;
border-radius: 5px;
}
.pagination .page-numbers:hover{
background: #666;
color: #fff;
}
.pagination .page-numbers.dots:hover{
background: #fff;
color: #666;
}
.pagination .page-numbers.current,
.pagination .page-numbers.current:hover{
background: #1ea0c3;
color: #fff;
}
#ajax-load-more{
max-width: 1300px;
margin: auto;
padding: 0 1rem;
display: flex;
flex-wrap: wrap;
}
#ajax-load-more .alm-reveal{
display: flex;
flex-wrap: wrap;
}
#ajax-load-more .alm-item{ width: 45%;
padding: 1rem;
margin: 2rem auto 0;
box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
}
#ajax-load-more .alm-item img{
position: relative;
height: 300px;
width: 100%;
max-width: 100%;
object-fit: cover;
}
#ajax-load-more .alm-item h3{ font-family: "GothaMed", sans-serif;
font-weight: 400;
text-transform: uppercase;
margin-top: 1rem;
}
#ajax-load-more .alm-item h3 a{
color: #333;
}
#ajax-load-more .alm-item h3 a:hover{
color: #0071a1;
}  .single-news-post.wrap{
max-width: 850px;
margin-bottom: 2rem;
padding-bottom: 2rem;
}
.single-news-post.wrap > div{
padding: 2rem;
box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
background-color: #fff !important;
color: #333;
margin-top: 1rem;
border-radius: 10px;
}
.single-news-post.wrap > div .wp-block-image img{
border-radius: 10px;
}
.single-news-post figcaption{
margin: .5rem 0 0;
}
.single-news-post h1.druk, .single-news-post h2.druk{
padding: 1rem 0;
font-size: 1.5em;
}
.single-news-post h1.druk strong, .single-news-post h2.druk strong{
font-size: .55em;
font-family: arial, sans-serif;
text-transform: capitalize;
font-weight: normal;
letter-spacing: 0;
display: block;
padding: 1rem 0 0;
}
.single-news-post h3{
padding: 1.5rem 0 0;
}
.single-news-post .post_date{
color: #1ea9e1;
}
.single-news-post p{
max-width: 800px; line-height: 1.7em;
}
.single-news-post a{
display: inline-block;
}
.single-news-post li{ }
.single-news-post ul.bullet-list{
list-style: circle;
margin-top: 1rem;
}
.single-news-post ul.bullet-list li{
margin-left: 2rem;
}
.single-news-post ol{
margin-left: 2rem;
}
.single-news-post .wp-block-embed{
margin: 0;
}
.single-news-post iframe{
width: 100%; }
.single-news-post td{
border: 1px solid #ccc;
padding: .5rem;
}
.single-news-post .wp-block-separator{
width: 100%;
opacity: .1;
}
.single-news-post.wrap .block_special{
padding: 2rem 0;
}
.single-news-post.wrap .block_special img{
clip-path: polygon(0 0,40% 0,50% 100%,0 100%);
padding-right: 25rem;
}  #contact .wrap{
padding: 2rem;
}
#contact h3{
font-size: 1.5em;
padding-top: 2rem;
}
#contact p{
padding: 0 0 1rem;
}
#contact_form{
background: #f1f1f1;
padding: 1rem 3rem;
border-radius: 10px;
margin-right: 2rem;
}
#contact .contact_buttons a:hover,
#contact .contact_buttons .active a{
background: #1ea9e1;
} #contact.about h2{
margin: 0 0 1rem;
}
#contact.about h3{
margin: 1rem 0;
padding: 0;
}
#contact.about h4{
font-size: 1em;
}
#contact.about .intro_video{
padding: 0;
}
#contact.about .intro_video figure{
margin: 0;
}
#contact.about .intro_video video{
width: 1300px;
height: 560px;
object-fit: cover;
object-position: 50% 75%;
} #contact.about .block_first{
padding: 0;
margin: 4rem auto;
}
#contact.about .block_first p{
padding: .5rem 0 0;
}
#contact.about .facts .wp-block-column{
margin: 5px;
background: #f1f1f1;
padding: 1rem;
border-radius: 10px;
text-align: center;
}
#contact.about .facts img,
#contact.about .facts svg{
height: 60px;
width: auto;
}
#contact.about .facts.wrap{
padding-top: 1rem;
}
#contact.about .facts img, #contact.about .facts svg{
height: 40px;
}
#contact.about .facts .exception img{
height: 75px;
} #contact.about .block_company{
padding: 0;
margin: 6rem auto;
}
#contact.about .block_company img{
height: 75px;
width: auto;
} #contact.about .block_timeline p{
margin: auto;
}
#contact.about .block_timeline img{
max-height: 150px;
object-fit: cover;
}
#contact.about .block_timeline .wp-block-button{
margin: 0;
}
#contact.about .cd-timeline-content{
position: relative;
border-radius: 10px;
background: #f1f1f1;
box-shadow: none;
padding: 1em;
width: 42%;
}
#contact.about .cd-timeline-block{
margin: 2rem 0;
}
#contact.about .cd-timeline-content p{
padding: 0;
margin: 0;
}
#contact.about .cd-hidden{
display: none;
}
.cd-timeline-content::before{
border-left-color: #f1f1f1;
border-width: 15px;
top: 18px;
}
.cd-timeline-block:nth-child(2n) .cd-timeline-content::before{
border-right-color: #f1f1f1;
}
.cd-timeline-content .cd-date{
top: 20px;
left: 130%;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{
right: 130%;
}
.cd-timeline-img figure,
.cd-timeline-img img{
width: 34px;
height: 34px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
display: block;
}
#contact.about .wp-block-separator{
margin: 4rem auto;
width: 70%;
position: relative;
z-index: 9;
} #contact.career .wp-block-column .wp-block-image{
margin-bottom: 2rem;
}
#contact.career .wp-block-column:nth-child(2) .wp-block-image:last-child{
margin-bottom: 0;
}
.pum-theme-career .pum-container{
padding: 0 !important;
}
.pum-theme-career p{
text-align: center;
}
.pum-theme-career img{
width: 35vw;
} #contact.eas .wp-block-group__inner-container div{
display: inline-block;
} #contact.block_footer_general ul{
padding: 0;
}
#contact.block_footer_general .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item{
width: 100%;
} #contact.team h2{
padding: 0;
}
#contact.team p{
padding: .2rem 0;
}
#contact.team h4{
padding-bottom: .5rem;
}
#contact.team img{
width: 100%;
border-radius: 15px;
}
#contact.team .wp-block-separator{
margin: 0 auto;
opacity: .5;
}
#contact.team .wp-block-column:not(:first-child){
margin-left: 10px;
} #contact.partners .container{
border: none;
}
#contact.partners h3{
padding-bottom: .5rem;
}
#contact.partners h2.druk{
padding: 0 0 1rem;
}
#contact.partners p{
padding: 0;
}
#contact.partners img{
height: 30px;
width: auto;
}
#contact.partners .wp-block-columns{
margin-top: 2rem;
}
#contact.partners .wp-block-column{
padding: 2rem 2rem;
border: 2px solid #ccc;
}
#contact.partners .wp-block-column:not(:first-child){
margin-left: 1rem;
}
#contact.partners .opacity{
opacity: 0;
}  #thank_you{
margin: 5rem auto;
max-width: 1000px;
}
#thank_you form{
max-width: 400px;
margin: auto;
}
#thank_you .wpcf7-list-item{
display: block;
margin: 1rem 0;
}
#thank_you .social_media img{
height: 50px;
margin: 1rem .5rem;
}
#thank_you input[type=text]{
padding: 1rem;
border-radius: 10px;
border: 1px solid #ccc;
font-size: 16px;
width: 320px;
display: block;
margin: auto;
}
#thank_you input[type=submit]{
width: 50%;
border: none;
cursor: pointer;
background: #26B93A;
color: #fff;
padding: 1rem;
border-radius: 10px;
margin: .5rem auto 1rem;
display: block;
text-transform: uppercase;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#thank_you input[type=submit]:hover{
background: #1b992d;
}  #portfolio{
padding: 0 2rem;
margin-bottom: 2rem;
}
#portfolio > div > h2:first-child{
margin: 2rem 0;
padding: 1rem 0;
border-bottom: 1px solid #ccc;
}
#portfolio p, #portfolio ul{
max-width: inherit;
}
#portfolio img{
margin: 0 1rem;
}
#portfolio ul.blocks-gallery-grid img{
margin: 0;
}
#portfolio ul.blocks-gallery-grid{
padding: 0;
margin: 1rem 0;
}
#portfolio .responsive-tabs .responsive-tabs__panel{
padding: 1rem;
}  .block_footer_general .container,
.block_footer_general{
max-width: 1024px;
margin: 0 auto 2rem;
background-color: #fff;
padding: 2rem 2rem;
}
.block_footer_general h1, .block_footer_general h2{
text-transform: uppercase;
}
.block_footer_general h1{
font-size: 2em;
}
.block_footer_general h2{
padding: 2rem 0 0 0;
}
.block_footer_general p{
max-width: 100%;
}
.block_footer_general ul{
list-style: circle;
padding-left: 2rem;
}
.block_footer_general .wp-block-column:not(:first-child){
margin: 0;
}
.block_footer_general .wp-block-table{
margin: 1rem 0;
}
.block_footer_general td{
padding: 1rem .5rem;
line-height: 1.5em;
}
.block_footer_general tr td:nth-child(2){
width: 130px;
}
.block_footer_general .wp-block-table.is-style-stripes{
border-bottom: none;
}
.block_footer_general .two-col figure{
margin: 0 0 2rem 0;
} .block_footer_general .three-col{
border: none;
}
.block_footer_general .three-col .wp-block-column{
background: #f1f1f1;
padding: 1rem;
}
.block_footer_general .three-col h2{
padding: 1rem 0;
text-transform: none;
color: #f9690e;
}
.block_footer_general .three-col img{
filter: brightness(0);
}
.block_footer_general .three-col ul{
list-style: none;
padding: 0;
}
.block_footer_general .three-col li{
padding: .2rem 0;
list-style: none;
}
.block_footer_general .three-col li a{
color: #0071a1;
}
.block_footer_general .three-col li a:hover{
color: #f4a941;
} .block_footer_general .responsive-tabs ul.responsive-tabs__list{
margin: 1rem 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.block_footer_general .responsive-tabs ul.responsive-tabs__list li{
border-bottom: .06rem solid #eae7e7;
border-color: #eae7e7;
border-radius: 6px;
padding: 1.5rem;
margin: .3rem;
position: relative;
color: #333;
text-transform: uppercase;
font-family: 'GothaMed', sans-serif;
float: inherit;
}
.block_footer_general .responsive-tabs .responsive-tabs__list__item--active{
background: #f1f1f1;
font-weight: bold;
}
.block_footer_general .responsive-tabs .responsive-tabs__list__item--active:hover{
margin: .3rem .6rem .3rem 0;
padding-bottom: 1rem;
}
.block_footer_general .responsive-tabs .responsive-tabs__list__item:hover{
background: #f1f1f1;
transition: .1s ease-in-out;
outline: 0;
} .block_footer_general .tabcontent{
border: none;
min-height: 5rem;
margin-top: 3rem;
}
.block_footer_general .responsive-tabs .responsive-tabs__panel{
border: none;
padding: 0 1rem 0;
}
.block_footer_general .tabcontent .wp-block-columns{
gap: 0;
}
.block_footer_general .tabcontent .side_border{
border-right: 1px solid #ccc;
}
.block_footer_general .tabcontent .wp-block-column .wp-block-column:first-child{
border: none;
margin: 0;
padding: 0;
flex-basis: 11% !important;
}
.block_footer_general .tabcontent .wp-block-column .wp-block-column:last-child{
padding: 0;
}
.block_footer_general .tabcontent h1{
font-size: 1.8em;
padding: 1rem 0 0;
margin: 1rem 0 0;
border-top: 1px solid #ccc;
font-weight: 600;
}
.block_footer_general .tabcontent h2{
padding: 2rem 0 1rem;
font-weight: 400;
}
.block_footer_general .tabcontent .wp-block-column h1:first-child, .block_footer_general .tabcontent .wp-block-column h2:first-child{
margin: 0;
padding: 0;
border-top: transparent;
}
.block_footer_general .tabcontent .wp-block-column h2:first-child{
padding: 0 0 1rem;
}
.block_footer_general .tabcontent p{
padding: 0;
}
.block_footer_general .tabcontent ul{
padding: .5rem 0 0 1rem;
}
.block_footer_general .tabcontent li{
padding-left: 1rem;
}
.block_footer_general .guarantee .responsive-tabs .responsive-tabs__panel{
padding: 0;
}
.block_footer_general .guarantee .tabcontent p{
padding: 1em 0 0;
}
.block_footer_general .guarantee .tabcontent h2{
font-weight: 600;
padding: 2rem 0 0 0;
}  .block_footer_general .block_buttons a{
border-bottom: 1px solid #eae7e7;
border-color: #eae7e7;
border-radius: 6px;
padding: 1.5rem;
margin: .2rem;
position: relative;
color: #333;
text-transform: uppercase;
font-family: 'GothaMed', sans-serif;
float: inherit;
}
.block_footer_general .block_buttons a:hover{
background: #f1f1f1;
font-weight: bold;
}
.block_footer_general .block_buttons .active a{
background: #f1f1f1;
font-weight: bold;
}  .error404 .site-content{
margin: 0 auto;
padding: 5% 0 10%;
}
.error404 .site-content > *{
text-align: center;
padding: 0 0 2rem;
}
.error404 .site-content h1{
width: 500px;
margin: auto;
}
.error404 .site-content p{
padding: 0 0 1rem;
}
.error404 .home-button a:hover{
color: #2f6fd6;
}
.error404 .home-button a::after{
content: "";
position: absolute;
margin: .5rem .5rem 0;
border-right: 1px solid #2f6fd6;
border-bottom: 1px solid #2f6fd6;
width: 8px;
height: 8px;
transform: translate(-50%, -50%) rotate(-45deg);
cursor: pointer;
}  #cloudics.expo-contact .contact_form{
display: block;
max-width: 1000px;
margin: auto;
text-align: center;
padding: 4rem;
}
#cloudics.expo-contact .container .form_inputs{
text-align: left; }
#cloudics.expo-contact .container .form_inputs input[type="checkbox"]{
width: 15px;
height: 15px;
-webkit-appearance: checkbox;
} #cloudics_messid_form .flex_that li{
margin: .5rem;
} #noom_page .block_consultation_demo .consultation_reg ul, .block_footer_general .block_consultation_demo .consultation_reg ul{
list-style: none;
padding-left: 0;
}
.block_consultation_demo .wrap{
max-width: 1400px;
padding: 0 2rem;
}
.block_consultation_demo{
padding: 5rem 0;
}
.block_consultation_demo p{
font-family: 'GothaMed', sans-serif;
}
.contact_img{
align-self: center;
}
.block_consultation_demo .consultation_reg{
padding: 3rem;
border-radius: 10px;
box-shadow: 0 0 25px 0 rgb(0 0 0 / 30%);
}
.block_consultation_demo .form_inputs li{
margin: 1rem;
}
.block_consultation_demo .form_inputs .flex_that li{
margin: 0 1rem;
width: 100%;
}
.block_consultation_demo .consultation_reg h3{
font-size: 1.5em;
margin: .5rem 0;
}
.hear_from_us input{
width: auto;
margin: auto;
}
.hear_from_us .wpcf7-list-item{
margin: 0 1em 0 0;
}
#other-textbox{
display: none;
margin: .5rem 0;
}
#other-textbox input{
width: calc(100% - 2rem);
} .wrap.accordion{
max-width: 800px;
}
.accordion-item{
position: relative;
padding: .5rem 0;
border-bottom: 1px solid #ccc;
color: #333;
cursor: pointer;
}
.accordion-item.open h4{
color: #fbb615;
}
.accordion h3{
margin: 2rem 0 0;
}
.accordion h4{
font-family: 'GothaBold';
text-transform: inherit;
cursor: pointer;
padding: 1rem 0;
}
.accordion-item::after{
content: "+";
position: absolute;
font-size: 1.2em;
top: 20px;
right: 5px;
height: 1rem;
color: #ccc;
width: 1rem;
padding: 0;
}
.accordion-item.open.open::after{
transform: rotate(45deg);
top: 20px;
}
.accordion .accordion-content{
display: none;
padding: 0 0 1rem;
}
.accordion-item:last-child{
border: none;
} .remotehelp{
max-width: 650px;
margin: auto;
}
.remotehelp .wp-block-column{
border-radius: 10px;
border: 1px solid #B0B0B0;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.remotehelp .wp-block-column:hover{
border-color: #44B92F;
}
.remotehelp .wp-block-column a{
color: #7E7E7E;
}
.remotehelp .wp-block-column h2{
text-transform: inherit;
line-height: 32px;
}
.remotehelp .wp-block-column .download{
border: 2px solid #B0B0B0;
border-radius: 50%;
width: 50px;
height: 50px;
margin: auto;
position: relative;
bottom: -25px;
background: #fff;
display: flex;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.remotehelp .wp-block-column a:hover .download{
border-color: #44B92F;
background: #44B92F;
}
.remotehelp .wp-block-column .download figure{
display: flex;
}
.remotehelp .wp-block-column a:hover .download img{
filter: brightness(100);
}  .container #custom_dev p{
padding: 0;
max-width: inherit;
} @media screen and (max-width: 900px){
#custom_dev h1, #custom_dev h3{
font-size: 21px!important;
}
}
@media screen and (max-width: 781px){
#custom_dev h1, #custom_dev h3,
#custom_dev p{
text-align: left;
}
#custom_dev .wp-block-buttons{
justify-content: center;
}
#custom_dev .wp-block-spacer{
max-height: 50px;
}
} .ease, a, .wp-block-button, .footer-partners a, input[type=submit]{
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
/*@media screen and (min-width: 2560px ){
#cloudics .environment_col_reduce{
margin-left: -15rem;
}
}
@media screen and (max-width: 1920px){ #home .home_area_slider .home-wrap{
max-width: 90%;
margin: auto;
} #cloudics .environment_footprint{
padding: 9.93rem 2rem 6.25rem;
}
#cloudics .environment_footprint img{
max-width: 90%;
margin-left: 2rem;
}
#cloudics .environment_stations{
padding: 6.25rem 2rem;
}
}
@media screen and (max-width: 1850px){
#cloudics.environment h2{
font-size: 3.125em;
}
}
@media screen and (max-width: 1680px){ .artibot-wrapper--19YJW .artibot-chatwindow-wrapper--3gTEN.artibot-chatwindow-right--1Qw6w{
height: 70% !important;
} .cloudics-division .divided{
padding: 3rem 1.6rem;
} #cloudics .projectFactsWrap .item{
width: 300px;
margin: .5rem;
}
#cloudics .projectFactsWrap .item p{
padding: 5px;
}
#cloudics .projectFactsWrap .item p.number{
font-size: 3em;
}
#cloudics .cloudics_overview img{
max-width: 100%;
width: 45rem;
margin: auto;
}
#cloudics .cloudics_control img{
width: 100%;
height: auto;
}
#cloudics .cloudics_features_text{
padding-left: 2rem;
}
#cloudics .cloudics_features_img img{
height: 44rem;
object-position: 60% 0;
object-fit: cover;
margin-top: 2rem;
} #cloudics .environment_stations p{
margin: 0;
}
#cloudics.environment .wp-block-column:not(:first-child){
margin-left: 0;
} #cloudics .app .inner-container{
padding: 9.93rem 4rem 6.25rem;
}
#cloudics .app-text{
padding: 6.25rem 4rem;
}
#feedback,#feedback .close{
display: none;
} #cloudics.cloudics-demo .intro .wp-block-columns{
margin: 0 2rem;
}
#cloudics.cloudics-demo .intro .wp-block-columns .wp-block-column:nth-child(2){
flex-basis: 50% !important;
}
#cloudics.cloudics-demo .video_col, #cloudics.cloudics-demo .contact_form{
display: block;
}
#cloudics.cloudics-demo .intro h1 b{
font-size: 1.4em;
}
#cloudics.cloudics-demo .video_col{
padding: 0;
}
#cloudics.cloudics-demo .cloudics_video iframe{
width: 622px;
height: 350px;
}
#cloudics.cloudics-demo .contact_form{
padding: 2rem;
}
#cloudics.cloudics-demo .bg_wave, #cloudics.cloudics-demo .bg_wave_2{
bottom: -60px;
}
#cloudics.cloudics-demo .bg_wave_2{
top: -55px;
}
#cloudics.cloudics-demo .white .sa_owl_theme .owl-nav .owl-prev, #cloudics.cloudics-demo .white .sa_owl_theme .owl-nav .owl-next,
#cloudics.cloudics-demo .white .sa_owl_theme .owl-nav .owl-prev:hover, #cloudics.cloudics-demo .white .sa_owl_theme .owl-nav .owl-next:hover{
margin: 0;
}
#cloudics.cloudics-demo .mobile img, #cloudics.cloudics-demo .mobile .fcc img{
height: 570px;
} .page-template .fifth-block .wp-block-group__inner-container, .page-template .seventh-block .wp-block-group__inner-container{
padding: 4rem 2rem;
} .pum-theme-career img{
width: 80vw;
}
} .cloudics-division .divided h2.druk{
font-size: 1.4em;
}
.cloudics-division .divided .wp-block-button a{
padding: .7rem 1rem;
font-size: 1em;
}
#cloudics h2.druk{
font-size: 3.125em;
line-height: 1.1;
} #cloudics .cloudics_overview p:nth-child(3){
display: none;
}
#cloudics .cloudics_features_text figure{
float: none;
margin: 0;
} #cloudics .benefits_text, #cloudics .how-it-works_text{
margin-right: 10rem;
width: auto;
} #cloudics.environment h4, #cloudics .app-text h4{
font-size: 1.5em;
}
#cloudics .environment_footprint img{
height: 34rem;
object-position: -180px 0;
object-fit: cover;
}
#cloudics .environment_stations p{
font-size: 1em;
margin-left: 1rem;
} #cloudics .app .inner-container{
padding: 9.93rem 4rem 6.25rem
}
#cloudics .app-slides{
display: none;
}
#cloudics .app-text{
padding: 4rem 2rem;
} #cloudics.cloudics-demo h2{
font-size: 2em;
}
#cloudics.cloudics-demo .mobile .owl-carousel .owl-item{
height: 900px;
}
#cloudics.cloudics-demo .mobile li{
left: 150px;
}
#cloudics.cloudics-demo .mobile .dashboard img{
height: 440px;
} #cloudics.cloudics-demo .mobile li.fcc, #cloudics.cloudics-demo .mobile li.plate{
left: 40px;
}
#cloudics.cloudics-demo .mobile li.dispensers{
left: 80px;
}
#cloudics.cloudics-demo .mobile li.car_wash, #cloudics.cloudics-demo .mobile li.old_opt, #cloudics.cloudics-demo .mobile li.payment{
left: 100px;
}
#cloudics.cloudics-demo .mobile li.wets{
right: 15px;
}
#cloudics.cloudics-demo .mobile li.price_dis{
right: 0;
} #cloudics.cloudics-demo .mobile li.geofence{
right: 60px;
}
#cloudics.cloudics-demo .mobile li.qr{
right: 120px;
}
#cloudics.cloudics-demo .mobile li.fuel_payment{
right: 180px;
} #cloudics.cloudics-demo .mobile li.old_offline{
left: 0;
top: 150px;
}
#cloudics.cloudics-demo .mobile li.dynamic{
left: 0;
top: 300px;
}
#cloudics.cloudics-demo .mobile li.sales_report{
left: -40px;
top: 420px;
}
#cloudics.cloudics-demo .mobile li.fuel_card{
right: -25px;
top: 200px;
}
#cloudics.cloudics-demo .mobile li.real_time{
right: -10px;
top: 300px;
}
#cloudics.cloudics-demo .mobile li.wetstock{
top: 420px;
} .page-template .first-block img, .page-template .eight-block img{
height: auto;
margin-top: 10%;
min-width: 600px;
}
.page-template .darkcontainer{
height: 400px;
}
.page-template .fourth-block{
background: none !important;
margin: 4rem 0;
}
.page-template .fourth-block img{
margin: 0;
}
.page-template .fourth-block_text{
left: 0;
bottom: 0;
margin: 0 2rem 2rem;
}
.page-template .fourth-block_text p{
max-width: 100%;
}
.page-template .fifth-block, .page-template .seventh-block{
margin: 0 15rem 0 auto;
}
.page-template .fifth-block img, .page-template .seventh-block img{
display: none;
}
.page-template .fifth-block .wp-block-column:not(:first-child), .page-template .seventh-block .wp-block-column:first-child{
display: none;
}
.page-template .fifth-block .wp-block-column:first-child, .page-template .seventh-block .wp-block-column{
flex-basis: 100% !important;
margin: 0;
}
.page-template .fifth-block p, .page-template .seventh-block p{
max-width: 100%;
}
.page-template .sixth-block{
margin: 5rem 0 5rem auto;
}
.page-template .eight-block_text{
margin: 0 4rem 0 0;
} #pos-solutions.page-template .eight-block .wp-block-column:not(:first-child){
margin: 0;
}
#pos-solutions.page-template .eight-block img{
margin: 4rem 0 0 -3rem;
}
#servers-solutions.page-template .columns-section{
padding: 0 2rem 2rem;
} #contact.about .wrap{
padding: 0 2rem;
}
#contact.about .intro_video video{
width: 100%;
height: auto;
}
}
@media screen and (max-width: 1200px){
#home .section_cloudics_noom .main_img img{
width: 370px;
}
#home .section_cloudics_noom h3{
font-size: 1.3em;
} .footer_area{
margin: 0 1rem;
}
.footer_area a{
font-size: .8em;
} #cloudics .cloudics_intro{
height: 100vh;
}
#cloudics .cloudics_intro  video{
display: none;
}
#cloudics .cloudics_intro img{
display: block;
width: 1500px;
height: auto;
margin: 200px -200px;
}
#cloudics .cloudics_intro_text, #cloudics .cloudics_control_text{
left: 0;
padding-left: 2rem;
max-width: 410px;
margin: 0;
}
#cloudics .cloudics_contact_text{
width: auto;
}
#cloudics.rath_terms h2{
font-size: 2em;
} #price_plan .price_list .col{
margin: 3rem .2rem 0;
min-width: 300px;
}
#price_plan .price_container{
width: 273px;
} #cloudics.cloudics-demo .cloudics_video iframe{
width: 560px;
height: 315px;
} #news{
max-width: 767px;
margin-bottom: 5rem;
}
#news .news_item{
width: 100%;
} #contact_form{
margin: 0;
padding: 1rem;
}
#contact.about .cd-timeline-content{
width: auto;
}
#contact.about #cd-timeline{
padding: 0;
}
#contact.about .cd-timeline-content::before{
border-right-color: #f1f1f1;
border-left-color: transparent;
}
#contact.eas .wrap{
padding: 7rem 4rem;
} #portfolio {
padding: 0 2rem;
} #pos-solutions.page-template .eight-block h2{
font-size: 1.6em;
}
}
@media screen and (min-width: 1025px){
#header{
display: flex !important;
}
#cloudics.cloudics-demo .intro .wp-block-columns{
margin: 0 1rem;
}
}
@media screen and (max-width: 1024px){ #second_menu ul{
width: auto!important;
max-width: inherit!important;
flex-wrap: inherit!important;
justify-content: left!important;
white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
scrollbar-width: none; }
#second_menu ul::-webkit-scrollbar {
display: none;
width: 0;
background: transparent;
} #header .header_area .sub-menu{
display: none !important;
} .sidemenu_area div div.active{
display: none;
}
.home-wrap{
margin: 0 1rem .5rem;
} #home .section_cloudics_noom h2{
width: 100%;
}
#home .section_cloudics_noom{
padding: 0;
}
#home .section_cloudics_noom.special .home-slider-container{
margin: 1rem auto 0;
height: 100%;
width: 600px;
}
#home .section_cloudics_noom .logo img{
width: 100px;
}
#home .section_cloudics_noom.special .main_img img{
height: 350px;
}
#home .section_cloudics_noom.special .container-content{
padding: 0 2rem 1rem;
}
#home .section_cloudics_noom.special .hover_intro_section{
position: relative;
opacity: 1;
background: transparent;
}
#home .section_cloudics_noom.special .logo_cloudics{
display: none;
}
#home .section_cloudics_noom.special .wp-block-buttons{
text-align: left;
margin: 1rem 0;
}
#home .home_area_slider{
padding: 3rem 1rem 2rem;
}
#home .home_area_slider .flex-control-paging li a{
width: 50px;
}
.client_slider{
display: none !important;
} .cloudics-division .wp-block-columns{
display: block;
}
.cloudics-division .divided > div > *{
text-align: center;
justify-content: center;
margin: auto;
}
.cloudics-division .divided{
height: auto;
width: auto;
margin: .5rem 0 0;
}
.cloudics-division .divided h2.druk{
max-width: 400px;
margin: auto;
}
.cloudics-division .front-block-columns .bg-img.wp-block-image img{
width: 100%;
} #cloudics .environment_footprint .wp-block-columns, #cloudics .environment_stations .wp-block-columns:nth-child(1){
display: block;
}
#cloudics .environment_footprint{
padding-bottom: 2rem;
}
#cloudics .environment_footprint .footprint_img-1, #cloudics .environment_stations_img img{
display: none;
}
#cloudics .environment_footprint .footprint_img-2{
display: block;
}
#cloudics .environment_footprint img{
margin: 2rem 0 0;
height: auto;
object-position: left;
max-width: 30%;
}
#cloudics .environment_stations{
padding: 4rem 2rem;
}
#cloudics .environment_stations h4{
width: 65%;
}
#cloudics .environment_stations p{
margin: 0;
}
#cloudics .environment_col_reduce .wp-block-column,
#cloudics .environment_col_result .wp-block-column{
display: contents;
}
#cloudics .environment_col_result{
padding: 4rem 0 0;
}
#cloudics .environment_slogan h4{
width: 90%;
}
#cloudics .cloudics_features_text .wp-block-column:not(:first-child){
margin-left: .5rem;
}
#cloudics .cloudics_features_img{
margin: 0 1rem;
} #cloudics .app .wp-block-column:not(:first-child){
margin: 0;
}
#cloudics .app-text figure{
float: none;
}
#cloudics .app-text img{
padding: 0 0 1rem 0;
} #price_plan2 .trial_container button.btn{
position: relative;
top: 0;
left: 0;
}
#price_plan2 .price_list .col{
margin: 3rem .5rem 0;
} #cloudics.cloudics-demo .container .wp-block-columns, #cloudics.cloudics-demo .video_col, #cloudics.cloudics-demo .contact_form{
display: block;
}
#cloudics.cloudics-demo .cloudics_video iframe{
width: 100%;
margin-bottom: 2rem;
}
#cloudics.cloudics-demo .intro .wp-block-column:not(:first-child){
margin: 0;
}
#cloudics .form_and_manage .container .wp-block-column{
padding: 0 0 2rem;
border: none;
}
#cloudics.cloudics-demo .mobile .owl-carousel .owl-item{
height: 1100px;
}
#cloudics.cloudics-demo .mobile img, #cloudics.cloudics-demo .mobile .fcc img{
height: 300px;
padding: 2rem 0 1rem;
}
#cloudics.cloudics-demo .mobile .dashboard img{
height: 250px;
left: 0;
}
#cloudics.cloudics-demo .mobile ul, #cloudics.cloudics-demo .mobile li p{
max-width: 100%;
width: 560px;
margin: auto;
}
#cloudics.cloudics-demo .mobile ul li{
display: contents;
text-align: center !important;
} #cloudics.merchant .intro > .wp-block-group__inner-container{
background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,.5));
}
#cloudics.merchant .merchant_section .wrap, #cloudics.merchant .customer_section .wrap{
background: rgba(255,255,255,.8);
width: 90%;
margin: auto;
padding: 1rem;
} #contact.partners .wp-block-column:not(:first-child){
margin: 1rem 0 0;
}
#contact.partners .wp-block-column:last-child .wp-block-spacer{
height: 20px !important;
}
#contact.partners .druk,  #contact.partners p{
text-align: left;
} #contact.team .wp-block-column{
margin: 2rem 0;
} .block_footer_general .container{
border: none;
}
.block_footer_general .wp-block-columns{
flex-wrap: wrap;
}
.block_footer_general .wp-block-column{
flex-basis: 100% !important;
}
.block_footer_general .tabcontent .wp-block-column:first-child{
border: none;
margin: 0;
padding: 0;
}
.block_footer_general .tabcontent .wp-block-column:last-child{
margin: 2rem 0 0;
padding: 0;
}
.block_footer_general .tabcontent .wp-block-column .wp-block-columns{
flex-wrap: nowrap;
} .block_footer_general .tabcontent .wp-block-column .wp-block-column:last-child{
flex-basis: 85% !important;
margin-top: 0;
} #cloudics.expo-contact .contact_form{
max-width: none;
margin: 0 4rem;
} .block_consultation_demo .wp-block-columns{
display: block;
}
.block_consultation_demo .sales_person{
width: 200px;
margin: auto;
}
.block_consultation_demo .wp-block-column:nth-child(1){
margin: 0 0 2rem;
}
.maintenance_packages .wp-block-columns{
display: block;
}
.maintenance_packages .wp-block-column .wp-block-spacer{
display: none;
}
.maintenance_packages .tabcontent .wp-block-column:first-child{
margin: 2rem 0;
}
}
@media screen and (min-width: 991px){
#cloudics.app_terms-privacy .inner-container{
max-width: 960px;
}
}
@media screen and (max-width: 991px){ #popmake-18618, #popmake-18655{
width: 100%;
} #cloudics.container #second_menu ul{
justify-content: left !important;
} #home .home_area_slider .home-wrap{
max-width: 85%;
}
#home .metaslider .flexslider .flex-direction-nav li a{
width: 50px;
height: 50px;
background-size: auto 50px;
}
#home .metaslider .flex-direction-nav .flex-prev{
left: -10px;
}
#home .metaslider .flex-direction-nav .flex-next{
right: -10px;
} #cloudics .wp-block-column{
flex-basis: calc(50% - 16px) !important;
flex-grow: 1;
}
#cloudics h4{
font-size: 1.3em;
} #cloudics .cloudics_overview p{
max-width: 100%;
}
#cloudics .cloudics_overview img{
padding-bottom: 2rem;
width: 26rem;
}
#cloudics .cloudics_overview .wp-block-columns:nth-child(1){
flex-wrap: wrap;
display: block;
}
#cloudics .cloudics_overview .wp-block-columns:nth-child(1) .wp-block-column{
margin: 0 2rem;
}
#cloudics .cloudics_environment .inner-container img, #cloudics .cloudics_control .wp-block-column:not(:first-child), #cloudics .cloudics_features_img, #cloudics .app .img-container{
display: none;
}
#cloudics .cloudics_environment .wp-block-columns{
flex-wrap: wrap;
}
#cloudics .cloudics_environment_text{
display: block;
margin: 0 2rem;
}
#cloudics .cloudics_is .responsive-tabs li{
padding: 1rem .5rem;
font-size: .8em;
}
#cloudics .cloudics_features .wp-block-column:not(:first-child), #cloudics .app-text .wp-block-column:not(:first-child){
margin: 0;
}
#cloudics .cloudics_features_text, #cloudics .cloudics_features_img{
padding: 0 2rem;
}
#cloudics .cloudics_features_text .wp-block-column:not(:first-child){
display: none;
}
#cloudics .cloudics_features_text figure{
float: right;
}
#cloudics .cloudics_contact_text{
padding: 6.25rem 2rem;
} #cloudics .benefits_text, #cloudics .how-it-works_text, #cloudics .environment_footprint,
#cloudics .app .inner-container, #cloudics.app_terms-privacy .inner-container{
margin: 0;
padding: 4rem 2rem 2rem;
}
#cloudics.benefits .business_tab .wp-block-column:nth-child(2n-1){
flex-basis: 5% !important;
} #cloudics .environment_stations{
padding: 2rem;
} #cloudics .app p{
width: 100%;
}
#cloudics .app-text{
padding: 4rem 2rem;
}
#cloudics .app-text .wp-block-columns{
display: grid;
padding-top: 1rem;
}
#cloudics .app-text .wp-block-columns .wp-block-column:first-child{
margin: 1rem 0;
}
#cloudics .app-text img{
padding: 0;
}
#cloudics .app-text .wp-block-spacer{
display: none;
}
#cloudics.rath_terms .inner-container{
padding: 6.125rem 2rem 6.125rem;
} #price_plan .price_container,
#price_plan .price_container.absolute{
position: relative;
}
#price_plan .price_container{
width: auto;
}
#price_plan .price_list ul{
padding-bottom: 0;
}
#price_plan .manufacturer_list,
#price_plan .price_form .current_price,
#price_plan .current_price{
flex-wrap: wrap;
} #cloudics.cloudics-demo .bg_wave, #cloudics.cloudics-demo .bg_wave_2{
bottom: -40px;
}
#cloudics.cloudics-demo .bg_wave_2{
top: -40px;
} .page-template .first-block img, .page-template .eight-block img{
object-position: top;
}
.page-template .second-block{
padding: 2rem 1rem;
}
.page-template .second-block .wp-block-column:not(:first-child),
.page-template .sixth-block .wp-block-column:not(:first-child),
.page-template .eight-block .wp-block-column:not(:first-child){
margin-left: 0;
}
.page-template .eight-block .wp-block-columns{
display: flex;
flex-direction: column-reverse;
}
.page-template .eight-block h2, .page-template .eight-block_text p, .page-template .eight-block_text ul{
text-align: left;
direction: ltr;
margin: 0 auto 0 0;
}
.page-template .third-block_text > * {
margin: 5rem auto auto;
}
.page-template .fourth-block_text{
position: relative;
background: none;
margin: 0;
}
.page-template .fourth-block h2, .page-template .fourth-block_text p, .page-template .fourth-block_text li{
text-align: left;
color: #242430 !important;
margin: 0;
}
.page-template .fourth-block img{
height: 30vh;
object-fit: cover;
}
.page-template .sixth-block .wp-block-columns{
display: block;
}
.page-template .sixth-block{
padding: 4rem 2rem;
}
.page-template .sixth-block h2{
margin: 0;
text-align: left;
}
.page-template .seventh-block, .page-template .eight-block{
margin: 5rem 0;
}
}
@media screen and (max-width: 840px){ .single-news-post.wrap .block_special{
padding: 1rem 0;
}
.single-news-post.wrap .block_special img{
padding: 0;
} #footer .footer_container{
display: block;
}
#footer .footer_area li.menu-item-has-children > a{
margin: 0;
border-bottom: 1px solid #ccc;
font-weight: normal;
}
#footer .footer_area li.menu-item-has-children > a:after{
display: block;
}
#footer .sub-menu{
display: none;
}
#footer .sub-menu.open{
display: block;
margin: .5rem 1rem 1rem;
}
}
@media screen and (max-height: 860px) {
#feedback_2{
max-height:100%;
overflow-y:scroll;
overflow-x:hidden;
}
#feedback_2 textarea.form-control{
height: 100px;
}
}
@media screen and (max-width: 782px){  #cloudics .cloudics_is .form_and_manage{
padding: 1rem 0 0 0;
}
#cloudics .cloudics_contact .wp-block-columns{
flex-wrap: nowrap;
} #cloudics .benefits_buttons, #cloudics .how-it-works_buttons{
margin: 1rem 0 2rem;
}
#cloudics .benefits_buttons div, #cloudics .how-it-works_buttons div{
margin-right: 1rem;
}
#cloudics .benefits_buttons div a, #cloudics .how-it-works_buttons div a{
width: 145px;
padding: .6rem 1rem;
font-size: .8em;
}
#cloudics .business_tab, #cloudics .benefits_extra_text, #cloudics .business_tab div, #cloudics .benefits_extra_text div{
display: block;
margin: 0;
}
#cloudics .benefits_extra_text p{
padding: 1rem 0 0;
}
#cloudics.benefits .wp-block-image.is-resized{
display: block;
margin: 1rem 0;
}
#cloudics .how-it-works_in-mobile{
display: block;
} #cloudics .app .wp-block-column:not(:first-child){
margin: 0;
} #popmake-20716, #popmake-22741, .pum-theme-astro-baltics-lightbox .popmake{
padding: 1.5rem 1.5rem 2rem !important;
}
.pum-theme-astro-baltics-lightbox .popmake .popmake-close{
color: #fff;
right: 35px;
background: rgba(0,0,0,.5);
padding: .5rem;
}
.pum-theme-career{
display: none;
} #cloudics.merchant .how_to{
display: block;
}
#cloudics.merchant .how_to > div{
margin: 1rem 0;
}
#cloudics.merchant .how_to .arrow_right{
display: none;
}
#cloudics.merchant p{
max-width: inherit;
} .page-template .third-block .gallery .wp-block-column, .page-template .third-block .gallery .wp-block-column:nth-child(2), .page-template .third-block .gallery .wp-block-column:nth-child(3){
display: block;
margin: auto;
} #cloudics.expo-contact .contact_form{
margin: 0 2rem;
}
}
@media screen and (max-width: 767px){ .form_inputs .flex_that{
display: block;
margin-bottom: 1rem;
}
.form_inputs .flex_that li,
.form_inputs .flex_that li:first-child{
width: auto;
margin: 1rem 0 0;
} #popmake-18618, #popmake-18655{
padding: 0 1rem !important;
}
#noom-buy_popup .wp-block-button__link{
font-size: .8em;
}
#noom-buy_popup img{
height: 25px;
}
#e_support_form .flex_that li:not(:first-child){
margin: 0;
}  #cloudics h2.druk, #cloudics.environment h2, #cloudics.application h2, #cloudics.merchant h2.druk{
font-size: 2.2em;
}
#cloudics .row_space, #cloudics .cloudics_environment .inner-container{
padding: 3rem 0;
}
#cloudics .read_more a{
margin: 3rem 0 0 auto;
}
#cloudics .responsive-tabs-wrapper{
border: none;
}
#cloudics .tabcontent{
border: 1px solid #ccc;
padding: 1rem 0;
}
#cloudics .form_inputs .flex_that li:nth-child(2){
margin: 0;
} #cloudics .projectFactsWrap .item{
width: 275px;
padding: 1rem 0;
}
#cloudics .projectFactsWrap .item img{
margin-bottom: .5rem;
}
#cloudics .projectFactsWrap .item p.number{
font-size: 2em;
}
#cloudics .cloudics_is .responsive-tabs{
padding: 1rem 2rem 0;
}
#cloudics .cloudics_is .responsive-tabs li{
display: none;
}
#cloudics .responsive-tabs .responsive-tabs__heading{
color: #333;
}
#cloudics .responsive-tabs .responsive-tabs__heading--active, #cloudics .responsive-tabs .responsive-tabs__heading:hover{
background: #1ea9e1;
color: #fff;
}
#cloudics .cloudics_contact_text{
padding: 3rem 2rem;
}
#cloudics .wpcf7-form p:nth-child(4), #cloudics .wpcf7-form p:nth-child(5){
display: block;
width: auto;
}
#cloudics .wpcf7-form p:nth-child(5){
padding-left: 0;
} #cloudics.how-it-works .su-tabs-mobile-stack .su-tabs-nav span{
display: inline-block;
width: 200px;
} #cloudics .environment_footprint{
padding: 4rem 2rem 2rem;
}
#cloudics .environment_stations{
padding: 3rem 2rem;
} #cloudics.application h3{
font-size: 2em;
} #cloudics.cloudics-demo h1, #cloudics.cloudics-demo h2, #cloudics .cloudics_is .form_and_manage h2{
font-size: 1.7em;
}
#cloudics.cloudics-demo .intro{
padding: 4rem 0;
}
#cloudics.cloudics-demo .cloudics_video iframe{
height: 200px;
}
#cloudics.cloudics-demo .bg_wave, #cloudics.cloudics-demo .bg_wave_2{
bottom: -30px;
}
#cloudics.cloudics-demo .bg_wave_2{
top: -25px;
}
#cloudics .form_and_manage .container h4.druk{
font-size: 1.5em;
}
#cloudics .form_and_manage .container{
padding: 0 2rem;
}
#cloudics .form_and_manage .container .wp-block-column{
margin: 0;
}
#cloudics .form_and_manage .container .wp-block-spacer:nth-child(7){
display: none;
} #cloudics.merchant .intro .wrap{
padding: 0 2rem;
}
#cloudics.merchant .mobile_noom{
padding: 4rem 1rem;
}
#cloudics.merchant .mobile_noom .logo img{
width: 200px;
}
#cloudics.merchant .contact_section{
padding: 4rem 2rem;
} .single-news-post h1.druk, .single-news-post h2.druk{
font-size: 1.5em;
}
.single-news-post iframe{
height: 26vh;
}
#ajax-load-more .alm-item{
width: 100%;
}
#ajax-load-more .alm-item h3{
font-size: 1em;
word-break: break-word;
} #contact .wrap, #contact.eas .wrap{
padding: 2rem;
}
#contact .wp-block-columns{
display: block;
}
#contact.team .hide_mobile{
display: none !important;
}
#contact .wp-block-column:nth-child(2n){
margin: 0;
}
#contact .druk{
font-size: 1.4em;
}
#contact h3{
font-size: 1.2em;
}
#contact.about .facts{
margin: 1rem 0 0;
} .page-template .third-block_text{
margin: -2rem 2rem;
}
.page-template .fifth-block, .page-template .sixth-block, .page-template .seventh-block{
margin: 0;
width: 100%;
}
.page-template .fifth-block .wp-block-group__inner-container, .page-template .sixth-block, .page-template .seventh-block .wp-block-group__inner-container{
padding: 2rem;
}
.page-template .sixth-block{
margin: 4rem 0;
width: -webkit-fill-available;
} .block_footer_general .responsive-tabs-wrapper{
margin-top: 1rem;
}
.block_footer_general .responsive-tabs .responsive-tabs__panel{
padding: 2rem 1rem;
}
.block_footer_general .responsive-tabs .responsive-tabs__heading{
color: #333;
}
.block_footer_general .responsive-tabs .responsive-tabs__heading--active,
.block_footer_general .responsive-tabs .responsive-tabs__heading--active:hover{
background: #333;
color: #fff;
} .block_consultation_demo .form_inputs li, .block_consultation_demo .form_inputs .flex_that li{
margin: 1rem 0 0;
}
}
@media screen and (max-width: 600px){ .cloudics-division .divided{
height: 500px;
padding: 1.5rem;
}
#cloudics .environment_footprint img{
max-width: 45%;
}
#cloudics .environment_stations h4{
width: 100%;
}
#cloudics .environment_slogan{
padding: 1.5rem 0;
}
#cloudics .environment_slogan h4{
font-size: 1em;
} #cloudics .benefits_buttons div a, #cloudics .how-it-works_buttons div a{
width: auto;
} #cloudics .download-container{
width: 100%;
padding: 1rem 0;
}
#cloudics.rath_terms h2, #cloudics.rath_terms h5{
font-size: 1em;
word-break: keep-all;
} #price_plan2 .price_list .trial_container{
margin: 1rem .5rem;
width: auto;
padding: 1rem;
}
#price_plan2 .price_list .trial_container h1,
#price_plan2 .price_list .trial_container p{
text-align: center;
}
#price_plan2 .price_list .trial_container img{
position: relative;
left: 0;
}
#price_plan #inputGroupDate,
#price_plan .price_contact_form input#form_phone{
width: 275px;
}
#price_plan2 .price_list{
display: block;
width: auto;
float: none;
}
#price_plan2 .price_list .col{
float: none;
width: auto;
}
#price_plan2 .current_price{
display: block;
}
#price_plan2 .current_price.receipt > div{
width: auto;
}
#price_plan2 .price_contact_form input[type=submit]{
width: 100px;
}
div.wpcf7 .ajax-loader{
height: auto;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output{
width: 50%;
margin: auto;
} #cloudics.cloudics-demo .intro h1{
font-size: 1.5em;
} #search_filter{
margin: 1.5rem 0 0;
}
#search_filter input, #search_filter select{
padding: .6rem;
font-size: .5rem;
background-position-y: 60%;
}
#search_filter input[type=submit]{
padding: .6rem 1rem;
}
.single-news-post figure.alignright {
float: none;
margin: 0;
}
.single-news-post.wrap .block_special img{
clip-path: none;
filter: brightness(.7);
}
.single-news-post.wrap .block_special div.ext, .single-news-post.wrap .block_special h2, .single-news-post.wrap .block_special p, .single-news-post.wrap .block_special .wp-block-buttons{
justify-content: left;
text-align: left;
} .page-template ul{
padding: 1rem 0 0 2rem;
}
.page-template .greycontainer{
display: none;
}
.page-template .second-block{
padding: 2rem;
}
.page-template .second-block h2{
text-align: left;
}
.page-template .second-block p{
padding: 1rem 0 0 0;
}
.page-template .second-block .wp-block-column{
flex-basis: 100% !important;
}
.page-template .third-block .gallery .wp-block-image img{
max-width: 100%;
width: 100vw;
height: 30vh;
object-position: center;
object-fit: cover;
}
.page-template .third-block .wp-block-column:not(:first-child){
margin: 0;
}
.page-template .third-block .gallery h3, .page-template .third-block .gallery p{
margin: 0 2rem;
}
.block_footer_general p{
width: 90%;
margin: auto;
} .block_consultation_demo .form_inputs ul{
padding: 0;
}
.block_consultation_demo .consultation_reg h3{
font-size: 1.3em;
}
.maintenance_packages .hyphen-hide span, .maintenance_packages .hyphen-hide br{
display: inline-block;
}
.maintenance_packages .service_plans h3{
font-size: 1.5em;
}
}
@media screen and (max-width: 480px){ #pum-1582 .pum-container.pum-responsive.pum-responsive-medium, #pum-9466 .pum-container.pum-responsive.pum-responsive-medium{
padding: 1rem !important;
}
#e_support_form input[type=submit]{
margin: 1rem auto 0;
} .footer_area{
margin: 0;
}
.footer-partners > div{
display: block;
}
.footer-partners img{
height: 40px;
}
.footer-partners img.exception{
height: 25px;
} .container #second_menu a{
padding: 1rem .5rem;
}
.home-wrap{
margin: 0 .5rem .5rem;
} #home h1.druk, #home h2.druk{
font-size: 1.2em;
text-align: left;
}
#home p, #home h3{
text-align: left;
}
#home .btn_more_dark,
#home .section_cloudics_noom.special .btn_buy a, #home .section_cloudics_noom.special .btn_more_light a{
margin: .3rem;
padding: .5rem 1rem;
font-size: .8em;
}
#home .container_cloudics_noom{
padding: 5rem 0 6rem;
}
#home .section_cloudics_noom .btn_buy, #home .section_cloudics_noom .btn_more_light{
margin: 0 .1rem;
}
#home .section_cloudics_noom .btn_buy a, #home .section_cloudics_noom .btn_more_light a{
font-size: 1em;
}
#home .section_cloudics_noom .category_btn a{
font-size: .8em;
padding: .5rem;
}
#home .home_area_slider{
padding: 2rem 1rem 1rem;
}
#home .home_area_slider h3{
margin: 1rem 0 0;
}
#home .home_area_slider .caption-wrap p{
padding: 1rem 0;
}
#home .home_area_slider .hyphen-hide span,  #home .home_area_slider .hyphen-hide br{
display: inline-block;
}
#home .home_area_slider .metaslider h3{
text-align: left;
font-size: .9em;
}
#home .home_area_slider .metaslider .btn_more_light{
margin: 0 .5rem 0 0;
}
#home .home_area_slider .metaslider .caption-wrap div{
text-align: left;
}
#home .home_area_slider .block_buttons{
display: block;
position: relative;
opacity: 1;
background: transparent;
top: 0;
padding: 0 0 1rem;
}
#home .home_area_slider .flex-control-paging{
padding: 0;
} .cloudics-division .divided{
height: auto;
}
.cloudics-division .divided h2.druk{
font-size: 1.125em;
}
.cloudics-division .front-block-columns .bg-img.wp-block-image img{
width: 700px;
}
#cloudics .wp-block-column{
flex-basis: 100% !important;
}
#cloudics h2.druk, #cloudics h3, #cloudics.environment h2, #cloudics.application h3{
font-size: 1.5em;
line-height: 1;
}
#cloudics .read_more a, #cloudics .cloudics_environment .read_more a{
width: 220px;
} #cloudics .cloudics_intro_text{
max-width: 280px;
padding-left: 1rem;
}
#cloudics .cloudics_overview .wp-block-columns:nth-child(1) .wp-block-column,
#cloudics .cloudics_environment_text, #cloudics.cloudics-demo .intro .wp-block-columns{
margin: 0 1rem;
}
#cloudics .cloudics_environment .wp-block-columns:first-child > div:first-child{
display: none;
}
#cloudics .cloudics_is .responsive-tabs{
padding: 1rem 1rem 0;
}
#cloudics .cloudics_control_text, #cloudics .cloudics_features_text, #cloudics .form_and_manage .container{
padding: 0 1rem;
}
#cloudics .cloudics_control p{
max-width: 320px;
}
#cloudics .cloudics_contact_text{
padding: 3rem 1rem;
} #cloudics .benefits_buttons div, #cloudics .how-it-works_buttons div{
display: block;
margin: .5rem 0 0;
}
#cloudics .benefits_text, #cloudics .how-it-works_text, #cloudics .environment_footprint, #cloudics .app .inner-container,
#cloudics.app_terms-privacy .inner-container{
margin: 0;
padding: 4rem 1rem 2rem;
}
#cloudics .benefits_text, #cloudics .how-it-works_text{
padding-bottom: 4rem;
} #cloudics .environment_stations, #cloudics .app-text{
padding: 2rem 1rem;
}
#cloudics .environment_stations h4{
font-size: 1.4em;
line-height: 1;
}
#cloudics .environment_col_reduce img, #cloudics .environment_col_result img{
height: 40px;
}
#cloudics .environment_col_result{
padding: 2rem 0 0;
} #cloudics .app .wp-block-column{
flex-basis: 100% !important;
}
#cloudics .app .wp-block-spacer, #cloudics.application .faq .wp-block-spacer, #cloudics.app_terms-privacy .wp-block-spacer{
height: 1rem !important;
}
#cloudics .app_bg img{
height: 50%;
}
#cloudics.rath_terms .inner-container{
padding: 6.125rem 1rem 2rem;
}
#cloudics.rath_terms h2, #cloudics.rath_terms h5{
font-size: 1em;
} #cloudics #search_filter li, #news #search_filter li{
float: left;
padding: 5px;
} #price_plan2 .price_form, #price_plan2 .price_contact_form{
padding: .5rem;
}
#price_plan .price_list .col{
min-width: 100%;
}
#price_plan2 .intro_text h1{
font-size: 1.7em;
}
#price_plan2 .price_list h1, #price_plan2 .price_form h1, #price_plan2 .price_contact_form h1{
font-size: 1.5em;
}
#price_plan .price_form .row h2, #price_plan .price_form label{
padding: 0 1rem;
font-size: 1.2em;
}
#price_plan2 .form_inputs{
width: 100%;
}
#price_plan2 button.btn.back_btn{
left: .5rem;
bottom: .5rem;
padding: 1rem;
}
#price_plan2 .row{
margin: 0;
}
#price_plan2 .manufacturer_list{
display: block;
} #feedback_2{
height: 100%;
overflow: scroll;
} #cloudics.cloudics-demo h1, #cloudics.cloudics-demo h2, #cloudics .cloudics_is .form_and_manage h2{
font-size: 1.4em;
}
#cloudics.cloudics-demo .contact_form{
padding: 1rem;
}
#cloudics.cloudics-demo .form_inputs input, #cloudics.cloudics-demo .form_inputs textarea, #cloudics.cloudics-demo .form_inputs select, #cloudics.cloudics-demo #inputGroupDate{
padding: .5rem;
}
#cloudics .form_and_manage .container h4.druk{
font-size: 1em;
}
#cloudics.cloudics-demo .bg_wave, #cloudics.cloudics-demo .bg_wave_2{
bottom: -20px;
}
#cloudics.cloudics-demo .bg_wave_2{
top: -16px;
}
#cloudics.cloudics-demo .mobile img, #cloudics.cloudics-demo .mobile .fcc img{
height: 250px;
}
#cloudics.cloudics-demo .mobile .dashboard img{
height: 200px;
} .pum-theme-astro-baltics-lightbox .popmake h2{
font-size: 1em;
}
.pum-theme-astro-baltics-lightbox .popmake p{
margin: 0 0 1rem;
font-size: .8em;
}
.pum-theme-astro-baltics-lightbox .popmake a.btn{
padding: .8rem;
} #cloudics.merchant .wp-block-columns{
display: block;
}
#cloudics.merchant .wp-block-column{
margin: 0;
}
#cloudics.merchant .intro .wrap{
padding: 0 1rem;
}
#cloudics.merchant h2.druk{
font-size: 1.7em;
}
#cloudics.merchant h3{
font-size: 1.125em;
}
#cloudics.merchant p{
padding: 1rem 0;
}
#cloudics.merchant .functions .wp-block-column{
display: flex;
}
#cloudics.merchant .functions figure{
margin-right: 1rem;
}
#cloudics.merchant .functions img{
min-width: 30px;
}
#cloudics.merchant .functions h3{
padding-bottom: 1rem;
}
#cloudics.merchant .functions p{
padding: 0 0 1rem;
}
#cloudics.merchant .contact_section{
padding: 2rem 1rem;
} #ajax-load-more{
display: none;
}
#news{
padding: 0;
display: block;
margin-bottom: 1rem;
}
#news .news_item{
margin: 1rem .5rem;
height: auto;
}
#news .news_item > div, .single-news-post.wrap > div{
padding: 1rem;
}
#news h1.druk, #news h2.druk{
font-size: 1em;
}
#news .news_item h3{
font-size: 1em;
}
#news .news_item p strong{
font-weight: 400;
}
#news .news_item .wp-block-image img{
height: 150px;
}
#news .more-link{
font-size: .8em;
width: 100px;
}
.single-news-post h1.druk, .single-news-post h2.druk{
font-size: 1em;
}
.single-news-post h3{
font-size: 1em;
} #contact .wrap, #contact.eas .wrap{
padding: 2rem 1rem;
}
#contact iframe{
width: 100%;
}
#contact.about .wrap{
padding: 0 1rem;
}
#contact.about .block_first{
margin: 2rem auto 0;
}
#contact.about .block_company{
margin: 3rem 0;
} #portfolio {
padding: 0 1rem;
} .page-template h2{
text-align: left;
}
.page-template ul{
padding: 1rem 0 0 1rem;
}
.page-template .second-block{
padding: 0 1rem;
margin: 2rem 0;
}
.page-template .third-block_text{
margin: -4rem 1rem 2rem;
}
.page-template .third-block .gallery h3, .page-template .third-block .gallery p{
margin: 0 1rem;
text-align: left;
}
.page-template .fourth-block_text, .page-template .fifth-block .wp-block-group__inner-container, .page-template .sixth-block, .page-template .seventh-block .wp-block-group__inner-container{
padding: 2rem 1rem;
} #servers-solutions.page-template .columns-section{
padding: 0 1rem 2rem;
}
#servers-solutions.page-template .two-col{
padding: 0 1rem;
} .block_footer_general .container{
padding: 2rem 1rem;
}
.block_footer_general h1{
font-size: 1.5em;
}
.block_footer_general .two-col iframe{
width: 88vw;
height: auto;
} #cloudics.expo-contact .contact_form{
padding: 2rem;
margin: 0 1rem;
} #noom_page .block_consultation_demo p{
text-align: center;
}
#noom_page .block_consultation_demo .wp-block-buttons{
justify-content: center;
}
.block_consultation_demo .consultation_reg h3{
font-size: 1em;
word-break: keep-all;
}
.block_consultation_demo .consultation_reg{
padding: 1rem;
}
}
@media screen and (max-width: 420px){  #cloudics .cloudics_contact_info p{
font-size: .8em;
padding: 0;
}
#cloudics .environment_stations .wp-block-columns{
display: flow-root;
}
#cloudics .environment_col_reduce img, #cloudics .environment_col_result img{
height: 30px;
} #price_plan .input_list input[type=text]{
width: 250px;
}
#price_plan .price_form .current_price div, #price_plan .current_price div{
border: none;
border-top: 1px solid #ccc;
}
#price_plan .price_form .buttons,
#price_plan .price_contact_form .buttons{
text-align: right;
}
#price_plan .price_form button.back_btn,
#price_plan button.btn.back_btn{
padding: 1rem;
}
#price_plan #price_submit{
width: 150px;
} #cloudics.cloudics-demo .intro h1 b, #pos-solutions.page-template .eight-block h2{
font-size: 1em;
} #servers-solutions.page-template .first-block h2, #servers-solutions.page-template .fourth-block h2, #servers-solutions.page-template .sixth-block h2{
font-size: 1em;
} .block_footer_general .responsive-tabs .responsive-tabs__panel{
padding: 1rem .5rem;
}
.block_footer_general .tabcontent .wp-block-column .wp-block-column:first-child{
flex-basis: 16% !important;
}
}
@media screen and (max-width: 359px){ #cloudics .app h2, #cloudics .app-text h3{
font-size: 1.4em;
}
#cloudics .read_more a{
font-size: 1em;
}
#cloudics.cloudics-demo .cloudics_video iframe{
height: 100%;
}
#cloudics.cloudics-demo .intro input[type=submit]{
width: 200px;
} #apartments.page-template .first-block span, #apartments.page-template .first-block br:nth-child(3){
display: inline-block;
}
}