/*
Theme Name: Fullo
Author: Fullo team
Version: 1.0
Text Domain: fullo.dev
*/


html {
    margin-top: 0px !important;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
.container {
    width: 1110px;
    margin: 0 auto;
}

.all_page_logo {
    display: block;
}

.blog_logo {
    display: none;
}



.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 0px !important;
    z-index: 10;
  }
  
  .grecaptcha-badge:hover {
    width: 256px !important;
  }


.shaddow::after {
    content: '';
    background: rgba(35, 70, 112, 0.8);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.fluentform_15_success {
    z-index: 5;
}

@font-face {
    font-family: apercu-regular-pro;
    src: url(fonts/apercu-regular-pro.woff2);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: apercu-bold-pro;
    src: url(fonts/apercu-bold-pro.woff);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Cambon-ExtraBold;
    src: url(fonts/Cambon-ExtraBold.woff);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: OverpassMono-Regular;
    src: url(fonts/OverpassMono-Regular.ttf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: OverpassMono-Medium;
    src: url(fonts/OverpassMono-Medium.ttf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: OverpassMono-Bold;
    src: url(fonts/OverpassMono-Bold.ttf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Arame-Bold;
    src: url(fonts/Arame-Bold.ttf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Arame-Thin;
    src: url(fonts/Arame-Thin.ttf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Inter-Regular;
    src: url(fonts/Inter-Regular.ttf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: Inter-SemiBold;
    src: url(fonts/Inter-SemiBold.ttf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Inter-Bold;
    src: url(fonts/Inter-Bold.ttf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: Inter-Light;
    src: url(fonts/Inter-Light.ttf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: DMSerifDisplay-Regular;
    src: url(fonts/DMSerifDisplay-Regular.ttf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {
    font-family: 'apercu-regular-pro', sans-serif;
    background: #234670;
    margin: 0;
    overflow-x: hidden;
}
.home {
    background-color: #234670;
}

h1, h2, h3 {
    font-family: 'Cambon-ExtraBold', sans-serif;
}

b {
    font-family: 'apercu-bold-pro', sans-serif;
    font-size: 16px;
    line-height: 24px;
}
p, li {
    font-family: 'apercu-regular-pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}
body, button, input, select, textarea {
    font-family: 'apercu-regular-pro', sans-serif;
}
img {
    height: auto;
    max-width: 100%;
}
button, a {
    cursor: pointer;
    text-decoration: none;
    color: #303E50;
}

.quoteSection {
    background: #F9F7F2;
}

.quoteSection h2,
.quoteSection .home_landing p {
    color: #313E50 !important;
}

.quoteSection .home_landing p strong, 
.quoteSection .home_landing p a {
    color: #789FC9;
}

.custom_form_popup {
    /* display: none;*/
    background: #EEE8DC;
    border-radius: 10px;
    padding: 30px 0;
}

.custom_form_popup .flex {
    display: flex;
}

.custom_form_content {
    margin-left: 15px;
    width: 100%;
}

.custom_form_content h4 {
    color: #173151;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.custom_form_content #open_quote_form {
    display: flex;
}

.custom_form_content #open_quote_form input {
    width: 70%;
    background: #FFFFFF;
    border: 2px solid #DFDBD2;
    padding: 10px;
    outline: none;
}  

.custom_form_content #open_quote_form button {
    width: 30%;
    background: #173151;
    border: 2px solid #173151;
    border-radius: 60px;
    margin-left: 20px;
    color: #EEE8DC;
    font-weight: bold;
} 


.home_img {
    position: relative;
}

.quote_terms .ff-el-form-check-input {
    display: block !important;
}


#fluentform_15 .ff_tc_checkbox {
    width: auto !important;
    height: auto !important;
    line-height: initial !important;
    position: static !important;
    background: transparent !important;
}

#fluentform_15 .ff_item_selected label span:after {
    display: none !important;
}




.quote_popup_form {
    display: none;
    position: absolute;
/*    top: 0;*/
    background: #EEE8DC;
    border-radius: 10px;
    z-index: 5;

    width: 540px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.close_custom_quote {
    position: absolute;
    right: 0;
    padding: 15px;
    cursor: pointer;
}


.show_hidden_message {
    background: #F7F3EB;
    padding: 20px;
    border-radius: 10px 10px 0px 0px;
}

.show_hidden_message h3 {
    margin: 0;
    letter-spacing: -0.03em;
    color: #173151;
    padding-bottom: 5px;
    font-size: 22px;
}

.show_hidden_message div i {
    color: #173151;
    margin-right: 10px;
    font-family: 'Cambon-ExtraBold', sans-serif;
    font-size: 17px;
}

.show_hidden_message div span {
    letter-spacing: -0.03em;
    color: #789FC9;
    font-family: 'Cambon-ExtraBold', sans-serif;
    font-size: 20px;
}

.quote_popup_form .fluentform_wrapper_15 {
    margin-top: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
    padding: 20px;
}  

.quote_popup_form .fluentform_wrapper_15::after {
    content: '';
    background: url(/wp-content/uploads/2023/06/microscope_form.svg);
    width: 120px;
    background-size: contain;
    height: 180px;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    top: -35px;
    right: 0;
}

.quote_popup_form .fluentform .ff-el-group {
    width: 100%;
    margin-bottom: 20px !important;
} 


.quote_popup_form .fluentform .ff-el-group label {
    text-align: left;
    font-size: 14px;
    color: #173151;
    font-family: apercu-regular-pro;
    margin-bottom: 3px;
}


.quote_popup_form .ff-btn.ff-btn-submit {
    min-width: inherit !important;
    width: 150px;
    height: 45px;
    margin: 0;
    background-color: #173151 !important;
    border: 2px solid #173151;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quote_popup_form .w_70 {
    width: 70% !important;
}


.quote_popup_form .hide_field {
    display: none;
}


.quote_popup_form input::-webkit-input-placeholder,
.quote_popup_form textarea::-webkit-input-placeholder,
.quote_popup_form select::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 15px !important;
  color: #858585 !important;
}

.quote_popup_form input::-moz-placeholder,
.quote_popup_form textarea::-moz-placeholder,
.quote_popup_form select::-moz-placeholder { /* Firefox 19+ */
  font-size: 15px !important;
  color: #858585 !important;
}

.quote_popup_form input:-ms-input-placeholder,
.quote_popup_form textarea:-ms-input-placeholder,
.quote_popup_form select:-ms-input-placeholder { /* IE 10+ */
  font-size: 15px !important;
  color: #858585 !important;
}

.quote_popup_form input:-moz-placeholder,
.quote_popup_form textarea:-moz-placeholder,
.quote_popup_form select:-moz-placeholder { /* Firefox 18- */
  font-size: 15px !important;
  color: #858585 !important;
}


.home_landing .ff-el-group p {
    color: #173151 !important;
    line-height: 1.3 !important;
    font-size: 14px !important;
    width: 50%;
    margin-left: 10px !important;
}


/* New quote */


.new_quote_form {
    border-radius: 0;
}

.new_quote_form.custom_form_popup .flex {
    align-items: center;
}


.blocks_home .control_wrapper .control p {
    width: 50%;
    margin: auto;
}

.blocks_home .control_wrapper .control h2 {
    width: 54%;
}

.new_quote_form h4 {
    float: left;
    margin: 0;
    font-size: 25px;
    color: #234670;
    font-family: Cambon-ExtraBold;
    padding-right: 20px;
}

.new_quote_form h4 span {
    color: #91CD94;
}

.new_quote_form .custom_form_content {
    margin-left: 0;
}



.header_wrapper {
    position: relative;
}
.logo {
    position: absolute;
}
.menu {
    float: right;
}
.menu {
    float: right;
    padding: 10px 0px;
    margin-right: 40px;
}
#menu {
    padding: 0px;
    margin: 30px 0px;
    list-style: none;
}
.burger {
    margin: 0px 30px 0px 1.3rem;
    float: right;
    position: absolute;
    right: 0px;
    top: 18.5px;
    display: none;
}
.menu li a {
    font-weight: 800;
    font-size: 18px;
    letter-spacing: -0.03em;
    color: #EEE8DC;
    font-family: Cambon-ExtraBold;
}
.menu li.current_page_item a {
    color: #91CD94;
}
.overlay li.current_page_item a {
    color: #234670;
    display: inline-block;
    padding: 0px 15px;
    background-color: #91cd94;
}
.menu li a:hover {
    color: #91CD94;
}
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(145, 205, 148, 1);
}
/* Overlay closing cross */

.overlay .overlay-close {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 26px;
    top: 12px;
    overflow: hidden;
    border: none;
    background: url(img/cross.png) no-repeat center center;
    text-indent: 200%;
    color: transparent;
    outline: none;
    z-index: 100;
}
/* Menu style */

.overlay nav {
    text-align: center;
    position: relative;
    top: 40%;
    height: 60%;
    font-size: 54px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative;
        width: 100%;
}

.custom-menu-class-menu-desktop-overlay ul li.current_page_item{
background-image: url(img/line.jpg);
background-repeat: no-repeat;
background-position: center center;
}

.overlay ul li {
    display: block;
    height: 20%;
    height: calc(100% / 5);
    min-height: 54px;
    margin-bottom: 20px;
}
.overlay ul li a {
    font-weight: 300;
    display: block;
    color: #fff;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    font-style: normal;
    font-weight: 800;
    font-size: 60px;
    line-height: 100px;
    text-align: center;
    letter-spacing: -0.03em;
    font-family: Cambon-ExtraBold, sans-serif;
    color: #F9F7F2;
}
.overlay ul li a:hover, .overlay ul li a:focus {
    color: #303E50;
}
/* Effects */

.overlay-hugeinc {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-hugeinc.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    z-index: 1000;
}
.overlay-hugeinc nav {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}
.overlay-hugeinc nav ul {
    opacity: 0.4;
    -webkit-transform: translateY(-25%) rotateX(35deg);
    transform: translateY(-25%) rotateX(35deg);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
}
.overlay-hugeinc.open nav ul {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.overlay-hugeinc.close nav ul {
    -webkit-transform: translateY(25%) rotateX(-35deg);
    transform: translateY(25%) rotateX(-35deg);
}
.home_landing {
    clear: both;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 100px;
}
.home_landing h1 {
    font-size: 50px;
    line-height: 118%;
    color: #91CD94;
    margin-top: 50px;
    letter-spacing: -0.03em;
    margin-right: 3%;
}

.home_landing h2 {
    color: #EEE8DC;
    font-family: apercu-regular-pro,sans-serif;
    font-weight: 700;
    font-size: 26px;
    margin-top: 5%;
    margin-bottom: 7%;
    line-height: 30px;
}

.home_landing h2 span {
    color: #789FC9;
}

.home_landing p {
    font-size: 16px;
    line-height: 28px;
    color: #EEE8DC;
    width: 90%;
}

.home_landing p strong, .home_landing p a {
    color: #91CD94;
}

.amastyBronze {
    text-align: center;
    margin-top: 30px;
    position: absolute;
    bottom: 100px;
    right: 0;
}

.amastyBronzeMob {
    display: none;
}

.amastyBronze span {
    text-align: center;
    display: block;
    color: #313E50;
    margin-bottom: 10px;
}

.home_img {
    min-width: 450px;
    margin-left: 30px;
    margin-top: 60px;
}
.home_option h2 a, .home_option h2{
     ont-family: Cambon-ExtraBold, sans-serif;
    font-size: 22px;
    text-align: center;
    color: #91CD94;
}
.home_option p {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #EEE8DC;
    padding: 0px 20px;
}
.home_options {
    text-align: center;
    padding: 95.5px 0px 50px 0px;
    display: inline-block;
    width: 100%;
    padding-bottom: 260px;
}


.home_options span.read{
margin: 100px 0px 50px 0px;
    display: inline-block;
    clear: both;
}


.home_options .home_option {
    float: left;
    width: 25%;
    position: relative;
}
.home_option h2 {
    margin-top: 30px;
    min-height: 70px;
    padding: 0px 10px;
}

.pad {
    /*padding-bottom: 350px;*/
    padding-bottom: 240px;
}
.padlast {
    padding-bottom: 175px;
    border: none!important;
}
.pricing {
    padding: 100px 0px;
}
.pricing h3 {
    font-size: 36px;
    line-height: 47px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #91CD94;
    margin: 0;
}
.circle {
    position: absolute;
    z-index: -1;
    left: 0px;
    right: 0px;
    top: -45.5px;
    box-shadow: 0 0 0 0 rgba(212, 175, 55, 1);
  /*  animation: pulse-red 4s infinite;*/
}
@keyframes pulse-red {
    0% {
        transform: scale(0.70);
        /*   box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7);*/
    }
    50% {
        transform: scale(1);
        /* box-shadow: 0 0 0 10px rgba(212, 175, 55, 0);*/
    }
    100% {
        transform: scale(0.70);
        /* box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);*/
    }

}
.circle img {
    max-height: inherit;
}
.pricing_wrapper {
    /*border-top: 2px solid #EEE8DC;
    border-bottom: 2px solid #EEE8DC;*/
    background-color: #173151;
    float: left;
    width: 100%;
    padding-bottom: 150px;
}
.content_inner {
    clear: both;
    padding: 70px 0px 70px 0px;
    float: left;
    width: 100%;
}

.page-id-26 .content_inner {
      padding:0px 0px 70px 0px;
}

.page-id-266 .col5, .page-id-296 .col5, .page-id-247 .col5{
    padding: 0px;
}

.page-id-266 .col4 .control_wrapper, .page-id-296 .col4 .control_wrapper, .page-id-247 .col4 .control_wrapper{
    border-bottom: 0px;
}
.tables_wrapper {
    margin: 50px 0px 0px 0px;
    float: left;
    width: 100%;
}
.tables_wrapper .table {
    width: 100%;
    float: left;
    text-align: center;
    color: #EEE8DC;
    border-bottom: 1px dashed #536378;
    padding: 26px 0px 17px 0px;
    position: relative;
    z-index: 10;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.tables_wrapper .table:hover {
    background: #678CB5;
}
.tables_wrapper .table:first-child:hover:after {
    display: none;
}
.tables_wrapper .table:first-child:hover:before {
    display: none;
}
.tables_wrapper .table:first-child:hover {
    background: none;
}
.tables_wrapper .table:hover:after {
    content: "";
    /*kosong, for it to exist*/
    background-color: #678CB5;
    height: 70px;
    /*dimension of the shape*/
    position: absolute;
    width: 30000px;
    /*dimension of the shape*/
    right: 0px;
    top: 0px;
    z-index: -1;
}
.tables_wrapper .table:hover:before {
    content: "";
    /*kosong, for it to exist*/
    background-color: #678CB5;
    height: 70px;
    /*dimension of the shape*/
    position: absolute;
    width: 30000px;
    /*dimension of the shape*/
    left: 0px;
    top: 0px;
    z-index: -1;
}
.tables_wrapper .table .table1 {
    float: left;
    width: 70%;
    text-align: left;
}
.tables_wrapper .table .table2 {
    float: left;
    width: 15%;
}
.tables_wrapper .table .table3 {
    float: left;
    width: 15%;
}
.tables_wrapper .table .table1 span {
    background-image: url(img/correct.svg);
    background-position: top left;
    background-repeat: no-repeat;
    float: left;
    padding: 5px 0px 5px 40px;
}
.website_builders .table .table1 span {
    background-image: url(img/x.svg);
}
.website_builders .table:first-child .table1 span {
    background: none;
    padding-left: 0px;
}
.website_builders .table:nth-child(9) .table1 span {
    background-image: url(img/x.svg);
}

.website_builders .table:nth-child(7) .table1 span {
    background-image: url(img/correct.svg);
}

.website_agencies .table .table1 span {
    background-image: url(img/x.svg);
}
.website_agencies .table:first-child .table1 span {
    background: none;
    padding-left: 0px;
}
.website_agencies .table:nth-child(5) .table1 span:before, .website_agencies .table:nth-child(9) .table1 span:before{
    background: none;
    content: 'Maybe a few';
    width: 40px;
    position: absolute;
    left: 0px;
    font-size: 13px;
    top: 26px;
}

.website_agencies .table:nth-child(5) .table1 span, .website_agencies .table:nth-child(9) .table1 span{
 background: none;
}
.website_agencies .table:nth-child(7) .table1 span {
    background-image: url(img/x.svg);
}
.website_agencies .table:nth-child(12) .table1 span {
    background: none;
}
.website_agencies .table:nth-child(12) .table1 span:before {
    background: none;
    content: 'Maybe a few';
    width: 40px;
    position: absolute;
    left: 0px;
    font-size: 13px;
    top: 26px;
}
.control h2 {
    margin-top: 250px;
    display: inline-block;
    font-size: 50px;
    line-height: 57px;
    text-align: center;
    color: #91CD94;
    padding: 0px 20%;
    letter-spacing: -0.03em;

    line-height: 57px;
    padding: 0px 0%;
}
.page-id-2 .content{
    background-image: url(img/mermaid_bg_x1.png);
    background-position: top center;
    background-repeat: no-repeat;
        background-size: contain;
}
.page-id-2 .control h2 {
    margin-top: 0px;
}
.page-id-2 .content_inner:last-child{
padding: 0px;
}
.page-id-2 .control_wrapper{
    border: none;
    background: none;
}
.read_services a{
color: #EEE8DC;
line-height: 22px;
    padding-bottom: 70px;
    display: block;
}
.content {
    clear: both;
}


/* PRICELIST PAGE - DESKTOP */

.fullo_pricelist {
    background: #678CB5;
}

.fullo_pricelist .ui-widget {
    font-family: inherit;
    font-size: inherit;
}

.fullo_pricelist #fullo-price-tabs {
    padding: 0px;
    margin-top: -54px;
    display: inline-block;
    position: relative;
}

.fullo_pricelist p, li {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: normal;
}

/* PRICELIST PAGE header */
.fullo_pricelist .ui-widget-header {
    border: 0px!important;
    background: transparent!important;
}
.fullo_pricelist .ui-tabs .ui-tabs-nav li {
    margin-right: 10px;
    background: #3E6696;
    }
.fullo_pricelist .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    padding-bottom: 0px;
}
.fullo_pricelist .ui-tabs .ui-tabs-nav li.ui-tabs-selected.fullo-price-tab-contact
{
    min-width: 155px;
}
.fullo_pricelist .ui-state-active, .fullo_pricelist .ui-widget-content .ui-state-active, .fullo_pricelist .ui-widget-header .ui-state-active {
    background: #678CB5!important;
    color: #ffffff!important;
}
.fullo_pricelist .ui-state-active{
  opacity: 100%!important;  
}
.fullo_pricelist .ui-state-default, .fullo_pricelist .ui-widget-content .ui-state-default, .fullo_pricelist .ui-widget-header .ui-state-default {
    border: 0px;
    background: transparent;
    color: #ffffff!important;
    border-radius: 0px!important;
}
.fullo_pricelist .fullo-price-tab_visited{
    pointer-events: all!important;
    opacity: 100%!important;
}
.fullo_pricelist  .ui-state-active a, .fullo_pricelist  .ui-state-active a:link, .fullo_pricelist  .ui-state-active a:visited {
    color: #ffffff;
}
.fullo_pricelist  .ui-state-default a, .fullo_pricelist  .ui-state-default a:link, .fullo_pricelist  .ui-state-default a:visited {
   color: #ffffff;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 15px;
    min-width: 20px;
}
/* contact/form tabs */
.fullo_pricelist .fullo-price-tab-contact{
    display: none;
    pointer-events: none;
    opacity: 50%;
}
.fullo_pricelist .fullo-price-tab-contact-first {
    /* margin-left: 71px!important;*/
    margin-left: 0 !important;
}
.fullo_pricelist .fullo-price-tab-contact .fullo-price-tab-contact-name{
  display: none;
      color: #ffffff;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 15px;
    padding-left: 0px;
    float: left;
}
.fullo_pricelist .fullo-price-tab-contact.ui-state-active .fullo-price-tab-contact-name{
  display: block!important; 
}

/* PRICELIST PAGE content */
.fullo_pricelist .ui-widget-content {
    border: 0px;
    background: transparent;
}
.fullo_pricelist .ui-tabs .ui-tabs-panel {
    border-radius: 0px;
    padding: 0!important;
}
.fullo_pricelist_tab * {
    box-sizing: border-box;
}
.fullo_pricelist_tab .fullo_pricelist_tab_group {
    margin-bottom: 0px!important;
    text-align: center;
    float: left;
    width: 31.33%;
    margin: 0px 1% 0px 1%;
}
.fullo_pricelist_tab .fullo_pricelist_tab_group h3 {
font-size: 18px;
}
.fullo_pricelist_tab .fullo_pricelist_input_group
{
    width: 100%!important;
}
.podnaslov, .tekst {
    width: 100%!important;
    margin: 0px!important;
}
.fullo_pricelist_tab {
   /* margin-top: -49px;*/
    display: inline-block;
    position: relative;
}
.fullo_pricelist_tab .fullo_pricelist_second_p{
height: 100px;
}
.fullo_pricelist_tab .fullo_pricelist_third_p{
height: 36px;
}
.fullo_pricelist_tab_form {
    display: inline-block;
    position: relative;
}
.home .fullo_pricelist_tab{
    margin-top: 10px;
}
.title_form {
    font-weight: bold;
    font-size: 24px;
    line-height:50px;
    text-align: left;
    color: #FFFFFF;
    font-family: apercu-regular-pro,sans-serif;
    margin: 40px 0px;
    float: left;
}

.title_form strong{
font-size: 14px;
line-height: 40px;
color: #FFFFFF;
}
.fullo_pricelist_tab .title_form span{
font-size: 16px;
}

/* BUTTONS, LABELS, INPUTS */
.fullo_pricelist_tab_group .buttons {
    display: block!important;
}
.fullo_pricelist_tab .buttons>div {
    margin: 0px 14.99px!important;
}
.fullo_pricelist_tab .buttons>div:first-child {
    margin-left: 0px!important;
}
.fullo_pricelist_tab .buttons>div:last-child {
    margin-right: 0px!important;
}
.fullo_pricelist_tab_group .buttons .left_button {
    text-align: center;
    text-transform: uppercase;
    position: relative;
    float: left;
}
.fullo_pricelist_tab_group .buttons_four .left_button {
    width: 255px;
}
.fullo_pricelist_tab_group .buttons .left_button a {
    color: white;
    display: block;
    padding: 30px 0px;
    text-align: left;
}
.fullo_pricelist label
{
    cursor: pointer;
}
.fullo_pricelist_tab .ff-el-input--label label {
    display: inline-block;
}
.fullo_pricelist .fullo_pricelist_label_selected
{
    background: #303E50!Important;
}
.fullo_pricelist .fullo_pricelist_label_selected span:after
{
content: "package selected"!important;
    color: white;
    text-transform: uppercase;
    line-height: 123px;
    height: 123px!important;
    background: #303E50;
    position: absolute;
    left: 0;
    width: 100%;
    top: -36.5px;
    z-index: 10;
}
.fullo_pricelist_tab .ff-el-input--label {
    width: 100%;
    /* text-align: center; */
}
.fullo_pricelist_tab .ff-el-input--label label {
    text-align: center;
    font-size: 14px;
    width: 100%;
}
.ff-el-input--content {
    width: 100%;
}
.fullo_pricelist_tab .ff-el-form-check {
    float: left;
    position: relative;
}
.fullo_pricelist_tab .fullo_pricelist_input_group .ff-el-form-check{
width: 100%;
}
.paketi .ff-el-form-check {
    margin-right: 30px;
}
.paketi .ff-el-form-check:last-child {
    margin-right: 0px;
}
.text_naslov{
    text-align: left;
    padding: 15px;
    color: white;
 background: #3E6696;
}
.text_naslov h3, .text_naslov p{
    margin: 0px;
}

.text_naslov h3{
    margin: 5px 0px;
    min-height: 50px;
}
.text_naslov p a {
    color: white;
    text-decoration: underline;
    text-transform: lowercase;
    letter-spacing: initial;
}
.fullo_pricelist_tab .ff-el-form-check label.ff-el-form-check-label {
    margin: 0px!important;
    position: relative;
    background: #F9F7F2;
    display: block;
    height: 123px!important;
    display: block;
    width: 100%;
}
.fullo_pricelist_tab .ff-el-form-check label.ff-el-form-check-label:before {
    content: '';
    display: inline-block;
    height: 123px;
    width: 349.99px;
    background: beige;
    border-radius: 0%;
    z-index: 2;
    transition: box-shadow .4s ease, background .3s ease;
    display: none;
}
.paketi_four .ff-el-form-check label.ff-el-form-check-label:before {
    width: 254.99px!important;
}
.fullo_pricelist_tab .ff_item_selected label.ff-el-form-check-label:before {
    background: #303E50;
}
.fullo_pricelist_tab-step {
    padding: 0px!important;
}
.fullo_pricelist_tab .ff-el-form-check input.ff-el-form-check-input {
    display: none!important;
}
.fullo_pricelist_tab .ff-el-form-check label.ff-el-form-check-label span {
    font-family: apercu-bold-pro;
    font-size: 14px;
    letter-spacing: .1em;
    width: 208px;
    height: 50px;
    background: #91cd94;
    line-height: 50px;
    text-transform: uppercase;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 36.5px;
    margin: 0 auto;
    color: #fff;
}
.fullo_pricelist_tab .ff_item_selected label:before {
    /* box-shadow: inset 0px 3px 0 2px rgba(89, 202, 89, 1)!important;
    background: #fff!important;*/
    content: "package selected"!important;
    color: white;
    text-transform: uppercase;
    line-height: 126px;
    height: 123px!important;
    display: none!important;
}
.fullo_pricelist_tab .ff-el-form-check label.ff-el-form-check-label span:before {
    content: "select this package";
    height: 129px!important;
    display: none!important;
}
.fullo_pricelist_tab .ff_item_selected label.ff-el-form-check-label span {
    background: #303E50;
}
.fullo_pricelist_tab .ff_item_selected label:before {
    /* box-shadow: inset 0px 3px 0 2px rgba(89, 202, 89, 1)!important;
    background: #fff!important;*/
    content: "package selected"!important;
    color: white;
    text-transform: uppercase;
    line-height: 126px;
    height: 123px!important;
    display: none!important;
}
.fullo_pricelist_tab .fullo_pricelist_tab_group.ff_list_buttons .ff-el-form-check.ff-el-image-holder.ff_item_selected {
    border: 4px solid #303E50!important;
}
.fullo_pricelist_tab .ff_item_selected label span:after {
    content: "package selected"!important;
    color: white;
    text-transform: uppercase;
    line-height: 123px;
    height: 123px!important;
    background: #303E50;
    position: absolute;
    left: -70px;
    right: -70px;
    top: -36.5px;
}
.headeri {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}
.headeri .header:last-child {
    margin-right: 0px!important;
}
.header {
   width: 100%!important;
    height: 253px;
    background: white;
    position: relative;
    padding: 15px;
}
.headeri_four .header, .izaberi {
    /*width: 100%!important;*/
    margin: 0px!important;
}
.header h5 {
    font-weight: bold;
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #303E50;
    position: relative;
    top: 0px;
    margin-top: 0px;
    width: 100%;
    text-align: left;
    margin-bottom: 0px;
}
.header h5 span img {
    float: left;
    margin-right: 6px;
    margin-top: -3px;
}

.mar .header h5 span img{
margin-top: 2px;
}

.bre .header h5 span img{
margin-top: -1px;
}
.header h5 span:nth-child(2) img {
    margin-top: 0px;
}
.header h5 span:nth-child(3) img {
    margin-top: 2px;
}
.header h2 {
    font-weight: 800;
    font-size: 24px;
    line-height: 20px;
    color: #303E50;
    position: relative;
    float: left;
        margin: 15px 0px 6px 0px;
}
.header .stars {
    position: relative;
    text-align: left;
    float: left;
    margin-top: 21px;
    margin-left: 10px;
}
.fullo_pricelist_tab_group .header h3 {
    font-size: 30px;
    line-height: 34px;
    text-align: right;
    color: #96B8DD;
    position: relative;
    font-family: apercu-regular-pro, sans-serif!important;
    float: right;
    margin: 0px;
    width: 100%;
}
.experts {
    float: left;
    clear: both;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    color: #303E50;
    margin: 15px 0px;
}
.experts p {
    margin: 0px;
}
.experts img {
    margin-right: 3px;
    margin-top: 3px;
}
.header h4 {
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    float: right;
    color: #303E50;
    position: relative;
    font-family: apercu-regular-pro, sans-serif!important;
    margin-top: 10px;
    margin-bottom: 0px;
}
.text_wrapper .text {
    background:#557CA7;
    color: white;
}

.text_wrapper .text p a {
    color: white;
    text-decoration: underline;
}
.text_wrapper .text {
    text-align: left;
    padding: 15px;
}
.fullo_pricelist_tab .ff-el-form-check-label .ff-el-form-check-input {
    top: 0px!important;
}
.text_wrapper .text h3 {
    margin-top: 0px;
}
.text_wrapper .text:last-child {
    margin-right: 0px;
}
.fullo_pricelist_tab .radio_button .ff-el-form-check label.ff-el-form-check-label span {
    width: auto!important;
    position: relative;
    height: auto!important;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    background: none;
}
.fullo_pricelist_tab .radio_button .ff-el-form-check label.ff-el-form-check-label{
   position: relative;
    height: auto!important;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    background: none;
        width: auto!important;
    display: inline-block;
        padding: 0px 10px;
}
.fullo_pricelist_tab .radio_button .ff-el-form-check input.ff-el-form-check-input{
display: block!important;
}
.radio_button label{
    text-align: center!important;
}
.fullo_pricelist_tab .radio_button .ff_item_selected label span:after {
    content: ""!important;
     position: relative;
    height: auto!important;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
        line-height: initial;
background: none;
}
.fullo_pricelist_tab_form .fullo_pricelist_tab_group.radio_button{
    width: 98%!important;
    text-align: center!important;
}
.fullo_pricelist_tab .radio_button .ff-el-form-check{
    float: none;
    position: relative;
    display: inline-block;
}
.left_button:hover{
        background-color: #173151
}
.tabela th:nth-child(1), .tabela tr td:nth-child(1){
     background-color: #3E6696;
     width: 25%;
          font-size: 18px!important;
line-height: 20px!important;
  font-family: Cambon-ExtraBold!important;
  text-align: left;
}

.tabela tr:nth-child(1) th h3{
margin-top: 30px;
}
.gettingto{
    margin-top: 68px!important;
}
.tabela th:nth-child(2), .tabela tr td:nth-child(2){
     background-color: #678CB5;
     width: 18.75%;
     padding: 15px;
     font-size: 18px;
line-height: 20px;
  font-family: Cambon-ExtraBold;
  text-align: center;
}
.tabela th{
    border-bottom:2px solid #FFFFFF!important;
}

.tabela th:nth-child(3), .tabela tr td:nth-child(3){
background-color: #557CA7;
    width: 18.75%;
     padding: 15px;
          font-size: 18px;
line-height: 20px;
  font-family: Cambon-ExtraBold;
  text-align: center;
}
.tabela th:nth-child(4), .tabela tr td:nth-child(4){
   background-color: #678CB5;
    width: 18.75%;
     padding: 15px;
          font-size: 18px;
line-height: 20px;
  font-family: Cambon-ExtraBold;
  text-align: center;
}
.tabela th:nth-child(5), .tabela tr td:nth-child(5){
background-color: #557CA7;
     width: 18.75%;
      padding: 15px;
           font-size: 18px;
line-height: 20px;
  font-family: Cambon-ExtraBold;
  text-align: center;
}
.tabela tr td{
font-size: 14px!important;
line-height: 16px!important;
color: #FFFFFF!important;
  font-family: apercu-regular-pro!important;
      padding: 15px!important;
      text-align: center;
}
.tabela table th, .tabela table tr td{
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.tabela table tr td h5, .tabela table tr td p{
margin: 0px!important;
}
.tabela table tr td p{
    font-size: 14px;
    line-height: 16px;
        letter-spacing: 0px;
}
.tabela table tr td h5{
    margin-bottom: 10px!important;
}
.step4 .header h3 {
    margin-top: 20px;
}
.step3 .tabela table th, .step3 .tabela table tr td h5{
margin: 0px;
}
.tabela table th, .tabela table tr td p{
    margin-bottom: 0px;
}
.tabela table {
    border-spacing: 0px;
    width: 100%;
}
.tabela table tr:last-child td{
    border-bottom: none;
}

/* OTHER */
.fullo_pricelist .fullo_pricelist_message_top_pulse {
    text-decoration: underline;
    animation: fullo_pricelist_message_pulse 3s infinite;
}
@keyframes fullo_pricelist_message_pulse {
    0% {
        transform: scale(1);
    }
    70% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}
.fullo_pricelist .error { 
display: none;
}
.fullo_pricelist .fullo_pricelist_error { 
display: none;
}
.fullo_pricelist .fullo-has-conditions { 
display: none;
}
.fullo_pricelist .fullo_pricelist_error:after { 
    content: "This field is required";
    color: #ff0000;
    text-align: left;
    font-size: 14px;
}
/*WEBSITE SWITCHER*/
.fullo_pricelist #fullo_pricelist_website_price_magento
{
 display: none;
}
.fullo_pricelist #fullo_pricelist_website_price_woo
{
  display: block;
}
.header .fullo-pricing-switcher
{
    float: left;
    width: 100%;
}
.header .fullo-pricing-switcher h3 {
    width: auto!important;
}
.fullo-pricing-switcher-box .Switcher {
    position: relative;
    display: flex;
    box-shadow: inset 0 0 0 1px;
    overflow: hidden;
    cursor: pointer;
    animation: fullo-switcher-n .5s;
    user-select: none;
    font-size: 12px;
    will-change: transform;
    background: #d9d0bf;

    border-radius: 50px;
}
 .fullo-pricing-switcher-box .Switcher__checkbox:checked + .Switcher {
     animation-name: fullo-switcher-p;
}
 @keyframes fullo-switcher-p {
     50% {
         transform: rotateY(45deg);
    }
}
 @keyframes fullo-switcher-n {
     50% {
         transform: rotateY(-45deg);
    }
}
 .fullo-pricing-switcher-box .Switcher::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     width: 200%;
     border: 2px solid #ffffff;
     border-radius: inherit;
     background-color: #91cd94;
     transform: translateX(-70%);
     transition: transform 0.5s ease-in-out;
}
 .fullo-pricing-switcher-box .Switcher__checkbox:checked + .Switcher::before {
     transform: translateX(29%);
}
 .fullo-pricing-switcher-box .Switcher__trigger {
    position: relative;
    font-family: 'apercu-bold-pro';
    z-index: 1;
    padding: 8px 12px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    color: #fff;
    font-size: 12px;
}
 .fullo-pricing-switcher-box .Switcher__trigger::after {
     content: attr(data-value);
}
 .fullo-pricing-switcher-box .Switcher__trigger::before {
     --i: var(--x);
     content: attr(data-value);
     position: absolute;
     color: #303e50;
     transition: opacity 0.3s;
     opacity: calc((var(--i) + 1) / 2);
     transition-delay: calc(.3s * (var(--i) - 1) / -2);
     color: #ffffff;
}
 .fullo-pricing-switcher-box .Switcher__checkbox:checked + .Switcher .Switcher__trigger::before {
     --i: calc(var(--x) * -1);
}
 .fullo-pricing-switcher-box .Switcher__trigger:nth-of-type(1)::before {
     --x: 1;
}
 .fullo-pricing-switcher-box .Switcher__trigger:nth-of-type(2)::before {
     --x: -1;
}
 .fullo-pricing-switcher-box .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     border: 0;
}
 .fullo-pricing-switcher-box {
     float: left;
     color: #ffffff;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     overflow: hidden;
     perspective: 750px;
}
/*RADIO ABOUT*/
.fullo-pricing-radio-about-div{
   height: 150px;
}
.fullo-pricing-radio-about {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 13.33333px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 35px;
  width: 35px;
  transition: all 0.15s ease-out 0s;
  background: transparent;
  border: 2px solid #ffffff;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}
.fullo-pricing-radio-about:hover {
  background: #ffffff;
}
.fullo-pricing-radio-about:checked {
  background: #91CD94;
}
.fullo-pricing-radio-about:checked::before {
  width: 20px;
  height: 13px;
  display:flex;
  content: url(https://fullo.dev/wp-content/themes/fullo/img/correct-white.svg);
  left: 5px;
  top: 11px;
  position: absolute;
  align-items:center;
  justify-content:center;
  font-family:'Font Awesome 5 Free';
}
.fullo-pricing-radio-about:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #91CD94;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}

/* PRICELIST PAGE 4 columns */
.fullo_pricelist_column_4 .header {
    height: 275px;
}
.fullo_pricelist_column_4 .fullo_pricelist_tab_group {
    width: 23%;
    margin: 0px 1%;
}
.fullo_pricelist_column_4 .header h2 {
    font-size: 18px;
    text-align: left;
    float: none;
}
.fullo_pricelist_column_4 .header .stars {
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
}
.fullo_pricelist_column_4 .header {
    height: 252px;
}
.fullo_pricelist_column_4 .experts {
    margin: 10px 0px;
}
.fullo_pricelist_column_4 .header h5 span img{
    margin-top: 2px;
}
.fullo_pricelist_column_4 .ff-el-form-check label.ff-el-form-check-label {
/*width: 255.32px!important;*/
}
.fullo_pricelist_column_4 .ff_item_selected label span:after {
    left: -24px;
    right: -23.6px;
    top: -36.5px;
}
.fullo_pricelist_column_4 .buttons .left_button a {
    color: #fff;
    display: block;
    padding: 30px 0;
    font-size: 14px
}
.fullo_pricelist_column_4 .dugme img{
        position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
        transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.fullo_pricelist_column_4 .dugme.rotate img{
        transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); 
}
.fullo_pricelist_column_4 .punaduzina {
    width: 98%!important;
}
.fullo_pricelist_column_4 .fullo_pricelist_tab_group {
    margin-bottom: 0px!important;
    text-align: center;
    float: left;
    width: 23%;
    margin: 0px 1%;
}
/*.fullo_pricelist_column_4 .fullo_pricelist_tab_group:nth-child(5n) {
  margin-left: 0px;
}
.fullo_pricelist_column_4 .fullo_pricelist_tab_group:first-child {
  margin-left: 0px;
}
*/

/* PRICELIST PAGE addons page */
.fullo_pricelist_tab_addons .fullo_pricelist_tab_group
{ 
    margin-bottom: 2%!important;
}

/* PRICELIST PAGE contact/form pages */
.fullo_pricelist_tab .ff-el-form-control {
    border-radius: 0!important;
    border: 1px solid #303E50!important;
}
.fullo_pricelist_tab_wrapper_13 .ff-el-form-control {
    color: #868e96!important;
    border: 2px solid #96B8DD!important;
        margin-bottom: 34px!important;
}
.fullo_pricelist_tab_form label {
    font-family: 'Apercu Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 11px!important;
    text-align: left!important;
    width: 100%!important;
    line-height: 20px!important;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.fullo_pricelist_tab_form .fullo_pricelist_tab_group {
    text-align: center;
    float: left;
    width: 48%;
    margin: 0px 1% 1% 1%;
}
.fullo_pricelist_tab_form .ff-el-form-control {
    display: block;
    width: 100%;
    padding: 12px 12px!important;
    font-size: 16px;
    line-height: 1.5;
    color: #868e96!important;
    border:1px solid #96B8DD!important;
    background: #173151!important;
    margin-bottom: 10px!important;
    box-sizing: border-box;
}
.fullo_pricelist_tab_form .ff-el-form-control:focus {
  background: white!important;
}

.fullo_pricelist_tab_form select{
    height: 50px!important;
    color: #495057!important;
}

/* PRICELIST PAGE summary page */
.fullo-pricing-summary_column {
   float: left;
   width: 48.5%;
   padding-right: 3%;
  }
.fullo-pricing-summary_column_one_time{
  margin-right: 3%;
  }
.fullo-pricing-summary_columns{
  display: flex;
  width: 100%;
}
.fullo-pricing-summary {
   display: none;
}

.fullo_pricelist_tab_summary .fullo_pricelist_tab_group{
    padding-bottom: 2%;
    width: 100% !important;
    border-bottom: 1px solid white;
    margin: 0px 0px 2% 0px!important;
    min-height: 93px;
 }
 .fullo_pricelist_tab_summary .podnaslov{
    border-bottom: 0px;
 }
 .fullo_pricelist_tab .fullo_pricelist_tab_summary .fullo_pricelist_tab_group {
    width: 100%!important;
    margin: 0px 0px 2% 0px!important;
    border-bottom: 1px solid white;
    padding-bottom: 2%;
}
.fullo_pricelist_tab .fullo_pricelist_tab_summary .fullo_pricelist_tab_group.podnaslov {
    width: 100%!important;
    border: none;
}
.fullo_pricelist_tab_summary .header {
    background: none;
    height: auto;
    padding:0px;
    height: auto !important;
}
.fullo_pricelist_tab_summary .header h5, .fullo_pricelist_tab_summary .header h2{
color: white!important;
    float: left;
        margin: 5px 0px;
}
.fullo_pricelist_tab_summary .header h2{
    font-size: 18px;
}
.fullo_pricelist_tab_summary .header .stars {
    margin-top: 0px;
    width: 100%;
    margin-left: 0px;
}
.fullo_pricelist_tab_summary .header h3 {
    color: #fff;
    margin-top: -49px;
    font-size: 28px;
}
.fullo_pricelist_tab_summary .header h4 {
    color: #fff;
    margin-top: -24px;
}
#fullo-pricing-summary-initial-website-advance-price {
   font-size: inherit;
}
.fullo_pricelist_tab_summary  .fullo-pricing-summary-column-headline  {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0px;
    max-width: 48.5% ;
    }
    .fullo_pricelist_tab_summary  .fullo-pricing-summary-column-headline h2  {
    font-size: 24px;
    }
.fullo_pricelist_tab_summary .fullo-pricing-summary-column-result  {
    border-top: 4px solid #FFFFFF;
    border-bottom: 4px solid #FFFFFF;
    margin-top: 50px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0px;
     max-width: 48.5% ;
    }
.fullo_pricelist_tab_summary .fullo-pricing-summary_column_result_one_time, .fullo_pricelist_tab_summary  .fullo-pricing-summary_column_headline_one_time {
margin-right: 3%!important;
  }
.fullo_pricelist_tab_summary .fullo-pricing-summary-column-result .header h3 {
    margin-top: 0px;
    width: auto;
}
.fullo_pricelist_tab_summary .fullo-pricing-summary_thankyou {
    background: #234670;
    color: #ffffff;
    width: 100%;
    height: 260px;
    font-weight: 800;
    font-size: 50px;
    line-height: 118%;
    display: none;
    font-family: 'Cambon';
    text-align: center;
    padding: 105px 0;
    margin-top: 70px;
}

/* PRICELIST PAGE website creation page */
.fullo_pricelist_tab_website_creation .tabela th:nth-child(1), .fullo_pricelist_tab_website_creation .tabela tr td:nth-child(1){
    width: 25%!important;
}
.fullo_pricelist_tab_website_creation .tabela th:nth-child(2), .fullo_pricelist_tab_website_creation .tabela tr td:nth-child(2){
     width: 25%!important;
}
.fullo_pricelist_tab_website_creation .tabela th:nth-child(3), .fullo_pricelist_tab_website_creation .tabela tr td:nth-child(3){
     width: 25%!important;
}
.fullo_pricelist_tab_website_creation .tabela th:nth-child(4), .fullo_pricelist_tab_website_creation .tabela tr td:nth-child(4){
     width: 25%!important;
}
.fullo_pricelist_tab_website_creation .tabela th:nth-child(5), .fullo_pricelist_tab_website_creation .tabela tr td:nth-child(5){
     width: 25%!important;
}
.fullo_pricelist_tab_website_creation .tabela table th, .fullo_pricelist_tab_website_creation .tabela table tr td h5{
margin: 0px!important;
}
.fullo_pricelist_tab_website_creation .tabela table th, .fullo_pricelist_tab_website_creation .tabela table tr td p {
    margin: 0px;
}
.fullo_pricelist_tab_website_creation .button_content1{
/*margin-left: -370px;*/
margin-left: 0;
}
.fullo_pricelist_tab_website_creation .button_content2{
/*margin-left: -740px;*/
margin-left: -370px;
}

.button_content4 {
/*    margin-left: -370px;*/
    margin-left: -277px;
}


.fullo_pricelist_tab_website_creation .left_button{
    width: 100%!important;
    background: #96B8DD;
}
.fullo_pricelist_tab_website_creation .fullo_pricelist_tab_group .buttons .left_button a{
     text-align: center!important;
}
.fullo_pricelist_tab_website_creation .dugme img {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate( 0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate( 0deg);
    -o-transform: rotate(0deg);
}
.fullo_pricelist_tab_website_creation .dugme.rotate img{
  transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.fullo_pricelist_tab_website_creation .tabela table tr:last-child td{
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/* PRICELIST PAGE buttons */
.fullo_pricelist .fullo-pricelist-button-group
{
   width: 100%;
   float: left;
}
.fullo_pricelist .fullo-pricelist-button {
    color: #fff;
    font-family: 'apercu-bold-pro';
    letter-spacing: .1em;
    font-size: 14px;
    padding: 1px 0px 0px 25px;
    text-align: left;
    background: 0 0;
    height: 50px;
    background: 0 0;
    width: auto;
    border-radius: 50px!important;
    text-transform: uppercase;
    margin: 70px 0;
    border: 2px solid #FFF;
    border-color: #FFF!important;
    min-width: 350px;
    cursor: pointer;
}
.fullo_pricelist #btnNext
{
margin-right: 1%;
float: right;
    background-image: url(img/arrow_right.svg);
    background-repeat: no-repeat;
    background-position: 95% 51%;
}
.fullo_pricelist #btnPrevious {
    float: left!important;
    margin-left: 1%;
    background-image: url(img/arrow_left.svg);
    background-repeat: no-repeat;
    background-position: 5% 51%;
    text-align: right;
    padding-right: 25px;
    }
.fullo_pricelist #btnSubmit{
   margin-right: 1%;
float: right;
    background-image: url(img/correct-white.svg);
    background-repeat: no-repeat;
    background-position: 95% 51%;
    background-color: #91CD94!important;
}
.fullo_pricelist #btnSubmit:hover{
background-color: #173151!important;
}
.fullo_pricelist .fullo-pricelist-button:hover {
    background-color: #91CD94;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.fullo_hide_scrollbar::-webkit-scrollbar {
    display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.fullo_hide_scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


.parent-pageid-633 .fluentform label.ff-el-image-input-src, .page-id-633 .fluentform label.ff-el-image-input-src {
    width: 350px!important;
    height: 615px!important;
}
.parent-pageid-633 .fluentform_wrapper_5 .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder span, .page-id-633 .fluentform_wrapper_5 .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder span{
    display: none!important;
}
.parent-pageid-633 .fluentform_wrapper_5 .ff-el-group.ff_list_buttons .ff-el-form-check label, .page-id-633 .fluentform_wrapper_5 .ff-el-group.ff_list_buttons .ff-el-form-check label{
    margin: 0px!important;
    padding: 0px!important;
}
.parent-pageid-633 .fluentform_wrapper_5 .ff-el-form-check label.ff-el-form-check-label:before, .page-id-633 .fluentform_wrapper_5 .ff-el-form-check label.ff-el-form-check-label:before{
    display: none!important;
}
.parent-pageid-633 .fluentform_wrapper_5 .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder.ff_item_selected, .page-id-633  .fluentform_wrapper_5 .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder.ff_item_selected{
    border-color: #91CD94!important;
    box-shadow: 0px 4px 19px #b9ccd0;
}
.parent-pageid-633 .fluentform .ff_el_checkable_photo_holders, .page-id-633  .fluentform .ff_el_checkable_photo_holders{
    display: inline-flex!important;
    flex-wrap: wrap!important;
}
.parent-pageid-633 .fluentform .ff_el_checkable_photo_holders>div, .page-id-633  .fluentform .ff_el_checkable_photo_holders>div{
    margin: 8.99px!important;
}
.parent-pageid-633 .fluentform .ff-el-image-holder .ff-el-form-check-label, .page-id-633  .fluentform .ff-el-image-holder .ff-el-form-check-label{
    padding-left: 0px!important;
}
.parent-pageid-633 .fluentform .ff_el_checkable_photo_holders>div:first-child, .page-id-633  .fluentform .ff_el_checkable_photo_holders>div:first-child{
    margin-left: 0px!important;
}
.parent-pageid-633 .fluentform .ff_el_checkable_photo_holders>div:last-child, .page-id-633  .fluentform .ff_el_checkable_photo_holders>div:last-child{
    margin-right: 0px!important;
}
.parent-pageid-633 .fluentform_wrapper_5 .ff-el-group, .page-id-633 .fluentform_wrapper_5 .ff-el-group{
    margin-bottom: 0px!important;
}
.parent-pageid-633 .ff-el-group .buttons, .page-id-633  .ff-el-group .buttons{
    display: block!important;
}
.parent-pageid-633 .fluentform .buttons>div, .page-id-633  .fluentform .buttons>div{
    margin: 0px 14.99px!important;
}
.parent-pageid-633 .fluentform .buttons>div:first-child, .page-id-633  .fluentform .buttons>div:first-child{
    margin-left: 0px!important;
}
.parent-pageid-633 .fluentform .buttons>div:last-child, .page-id-633  .fluentform .buttons>div:last-child{
    margin-right: 0px!important;
}
.parent-pageid-633 .ff-el-group .buttons .left_button, .page-id-633  .ff-el-group .buttons .left_button{
    text-align: center;
    text-transform: uppercase;
    position: relative;
    float: left;
}
.parent-pageid-633 .ff-el-group .buttons_four .left_button, .page-id-633 .ff-el-group .buttons_four .left_button {
    width: 255px;
}
.parent-pageid-633 .ff-el-group .buttons .left_button a, .page-id-633 .ff-el-group .buttons .left_button a {
    color: white;
    display: block;
    padding: 30px 0px;
    text-align: left;
}

.parent-pageid-633 .stage2 .left_button a, .page-id-633 .stage2 .left_button a{
    text-align: center!important;
}
.parent-pageid-633 .form_wrapper, .page-id-633  .form_wrapper{
    background: #678CB5;
        border-top: 2px solid white;
}

.parent-pageid-633 .form_wrapper_careers, .page-id-633  .form_wrapper_careers{
    background: #678CB5;
    border-top: 2px solid white;
}

.parent-pageid-633 .fluentform.fluentform_wrapper_13, .page-id-633  .fluentform.fluentform_wrapper_13{
    width: 100%;
}

.parent-pageid-633 .form_wrapper_careers .fluentform, .page-id-633 .form_wrapper_careers .fluentform{
    margin-top: 50px;
}

.parent-pageid-633 .form_wrapper_careers .fluentform .ff-el-group, .page-id-633 .form_wrapper_careers .fluentform .ff-el-group{
    width: 100%;
    margin: 0px 0%;
}

.parent-pageid-633 .fluentform_wrapper_13 input, .fluentform_wrapper_13 select, .fluentform_wrapper_13 textarea, .page-id-633 .fluentform_wrapper_13 input, .fluentform_wrapper_13 select{
    background: #173151;
    padding: 12px 12px!important;
}


.krajforme {
     background: #234670!important;
     border: none;
}
.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder {
    border: 4px solid #234670!important;
}
.button_content {
    display: none;
    clear: both;
    width: 1088px;
    margin-top: 30px;
    float: left;
}
.button_content5 {
    /* margin-left: -278px;*/
    margin-left: -555px;
}
.button_content6{
margin-left: -556px;
}
.button_content7{
    margin-left: -833px;
}
.button_content9, .button_content13, .button_content17, .button_content21{
margin-left: -278px!important;
}
.button_content10, .button_content14, .button_content18, .button_content22{
margin-left: -556px!important;
}
.button_content62 {
margin-left: -370px!important; 
}
.button_content11, .button_content19, .button_content23{
    margin-left: -833px!important;
}

.button_content64 {
    margin-left: -277px!important;
}


.button_content15,
.button_content12_b {
    margin-left: -278px!important;
}


.seo_price_list .tabela table tr:last-child td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.seo_price_list .tabela th:nth-child(2), .seo_price_list .tabela tr td:nth-child(2) {
    background-color: #678CB5;
}

.seo_price_list .tabela th:nth-child(3), .seo_price_list .tabela tr td:nth-child(3) {
    background-color: #557CA7;
}

.seo_price_list .tabela tr td {
    padding: 25px 15px!important;
}



.dugmemob {
    display: none!important;
}

span.number {
    width: 18px;
    height: 18px;
    float: left;
    background: white;
    margin-right: 5px;
    margin-top: 2px;
    color: white;
    text-align: center;
    background-color: #fff;
    /* border-radius: 50%; */
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.02em;
   color: #3E6696;
 font-family: apercu-bold-pro;
}

span.number_title {
    margin: 10px 0px;
    font-size: 11px;
    line-height: 18px;
   letter-spacing: 0.03em;
    color: #3E6696;
    text-transform: initial;
    font-family: apercu-bold-pro;
    text-transform: uppercase;
}
.content_desc {
    font-size: 14px;
}
.header h5 span {
    height: 22px;
}
.control_wrapper {
    clear: both;
    text-align: center;
    background: #234670;
    /*border-bottom: 2px solid #EEE8DC;*/
}

.control_wrapper.pad {
    background: #173151;
}

.mg-bottom {
    margin-bottom: 50px;
    display: inline-block;
}

.control_wrapper.light {
    background: #234670;
}


.control_wrapper ul {
    padding-left: 0px;
    list-style: none;
}
.control_wrapper ul li {
    text-align: left;
     font-family: Cambon-ExtraBold, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 50px;
    color: #EEE8DC;
}
.control_wrapper ul li a {
    color: #EEE8DC;
    text-decoration: none;
}
.control_wrapper ul li.green a {
    text-decoration-line: underline;
    color: #91CD94;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.control_wrapper ul li.green a:hover {
    color: #fff;
}


.control_wrapper ul li a:hover {
    color: #91CD94;
}
.control {
    position: relative;
    text-align: center;
}
.header_circle {
    width: 350px;
    height: 350px;
    background: #91CD94;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 0px;
    margin: 0 auto;
}
.header_circle img {
    position: absolute;
    top: 43px;
    left: 43px;
    z-index: 3;
}
@keyframes pulse-fullo {
    0% {
        transform: scale(0.9);
        /*   box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7);*/
    }
    50% {
        transform: scale(1);
        /* box-shadow: 0 0 0 10px rgba(212, 175, 55, 0);*/
    }
    100% {
        transform: scale(0.9);
        /* box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);*/
    }
}
.control p {
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #EEE8DC;
    padding: 0px 20% 70px 20%;
    margin: 0px;
}

.transparent p{
    padding-bottom: 15px;
}

.transparent p:last-child{
    padding-bottom: 70px;
}

.options {
    display: flex;
    padding: 0px 0px 70px 0px;
}
.options .option {
    /* flex-basis: 96%; */
    width: 30%;
    MARGIN-RIGHT: 5%;
}

.options .option:last-child{
    margin-right: 0px;
}

.options .option span {
    width: 85px;
    height: 85px;
    display: inline-block;
    border: 5px solid #91CD94;
    border-radius: 50%;
    line-height: 80px;
    color: #91CD94;
    margin-bottom: 30px;
    font-size: 50px;
    font-family: Cambon-ExtraBold, sans-serif;
}

.options .option h3 {
    text-align: left;
    border-bottom: 1px solid #91CD94;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color:#91CD94;
    position: relative;
    margin-bottom: 30px;
    width:100%;
    font-family: apercu-bold-pro;
}



.options .option h3:after {
    content: '';
    width: 62px;
    height: 2px;
    background-color: #91CD94;
    position: absolute;
    left: 0px;
    top: 26px;
}

.options .option img {
    margin-bottom: 30px;
}
.options .option p {
    padding: 0px 9%;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #EEE8DC;
    width: 80% !important;
}
span.read a {
    border: 2px solid #91CD94;
    box-sizing: border-box;
    border-radius: 60px;
    text-transform: uppercase;
    color: #91CD94;
    display: inline-block;
    padding: 13px 104px;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1em;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
span.read a:hover {
    background-color: #91CD94;
    color: #234670;
}
.dark {
    background: #173151;
}
.fullo-column-image {
    width: 350px;
    height: 350px;
    position: absolute;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: -175px;
    right: 0px;
    left: 0px;
}
.blocks .fullo-column-image {
    position: relative;
    margin-top: 0px;
    float: left;
    margin-right: 30px;
}
.blocks .header_circle img {
    top: 38px;
    left: 38px;
}
.page-id-49 .blocks .header_circle img {
    top: 30px;
    left: 30px;
}
.head_text{
    float: left;
    width: 100%;
    text-align: center;
}
.page-id-26 .head_text, .page-id-633 .head_text, .page-id-654 .head_text, .page-id-670 .head_text, .page-id-686 .head_text, .page-id-699 .head_text,
.page-id-775 .head_text, .page-id-874 .head_text, .page-id-940 .head_text, .page-id-1530 .head_text, .page-id-1500 .head_text{
    width: 50%;
    text-align: left;
}
.head_image{
    float: left;
    width: 50%;
    margin-bottom: -70px;
}

.head_text_right{
    float:left;
    width: 50%;
        order: 3;
            margin: 0 25%;
}
.head_text_right p{
        line-height: 22px;
    color: #EEE8DC;
        text-align: center;
}
.head_text h1 {
    font-size: 50px;
    color: #91CD94;
    margin-top: 50px;
}

.page-id-633 .head_text h1, .page-id-654 .head_text h1, .page-id-670 .head_text h1{
    margin-top: 0px;
}


.head_text h2{
    float: left;
    width: 100%;
    font-size:26px;
    line-height: 118%;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    margin-top:70px;
    margin-bottom: 0px;
}


.page-id-775 .head_text h2 {
    width: 120%;
    margin-top: 50px;
    margin-bottom: 30px;
}


.head_text p {
font-size: 16px;
line-height: 22px;
color: #EEE8DC;
}
.head_text p a{
color:#91CD94;
text-decoration: underline;
}
.content {
    clear: both;
}
.fullo-column-curcle-border {
    position: absolute;
    border-radius: 50%;
    top: 0%;
    left: 0%;
    z-index: 1;
    height: 100%;
    width: 100%;
    transform: rotate( -45deg);
    overflow: hidden;
    background: linear-gradient(to right, #91cd94 20%, #91cd94 40%, #eee8dc 50%, #eee8dc 55%, #91cd94 70%, #91cd94 100%);
    background-size: 200% auto;
    animation: shine 3s linear infinite;
}
/*Begin shimmer code*/

@keyframes shine {
    to {
        background-position: 200% center;
    }
}



.fullo-column-curcle {
    height: 320px;
    width: 320px;
    margin-left: 15px;
    margin-top: 15px;
    background: #91CD94;
    z-index: 2;
    position: relative;
    border-radius: 50%;
}

/* Circle positions image  */

.mermaid_img img {
    height: 340px;
    width: 340px;
    top: 8px !important;
    left: 3px !important;
}

.keys img {
    height: 350px;
    width: 350px;
    top: 0;
    left: 0;
}

.globe img {
    width: 350px;
    height: 350px;
    top: 0;
    left: 0;
}

.shades img {
    width: 350px;
    height: 350px;
    top: 0;
    left: 0;
}

.compass img {
    width: 350px;
    height: 350px;
    top: 0;
    left: 0;
}

.branding img {
    width: 350px;
    height: 350px;
    top: 0 !important;
    left: 0 !important;
}

.three_img img {
    width: 350px;
    height: 350px;
    top: 0 !important;
    left: 0 !important;
}


.back-to-top {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: transparent;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    border: 1px solid #91CD94;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 10;
    text-align: center;
    line-height: 50px;
}
.back-to-top img {
    transform: rotate( -92deg);
}
footer {
    padding: 50px;
    background: #678CB5;
}
.footer ul {
    text-align: center;
    padding-left: 0px;
    list-style: none;
}
.footer .current_page_item a {
    color: #91CD94;
}
.footer ul li a {
    font-size: 16px;
    color: #EEE8DC;
    font-family: Cambon-ExtraBold;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.footer ul li a:hover {
    color: #91CD94;
}

.footer ul li {
    display: inline-block;
    padding: 0px 25px;
}
.copyright {
    text-align: center;
    margin: 50px 0px 0px 0px;
    padding-top: 50px;
    border-top: 1px solid #EEE8DC;
}
.copyright p {
    color: #EEE8DC;
    padding: 50px 0px 0px 0px;
    margin: 0px;
    font-size: 14px;
}
h1.page-title {
    clear: both;
}
.blocks .head_text p {
    width: 86%;
}
.title_form {
 
    font-size: 24px;
    line-height:54px;
    text-align: left;
    color: #FFFFFF;
    font-family: apercu-regular-pro,sans-serif;
    margin: 40px 1%;

    width: 100%;
}



.title_form strong{
font-size: 14px;
line-height: 40px;
color: #FFFFFF;
}

.fluentform .ff-step-header {
    margin-bottom: 0px!important;
     /*   background-color: #173151;*/
        position: relative;
}
.button_content .content_column:last-child {
    margin-right: 0px;
}
.content_column {
    float: left;
    color: white;
    text-align: left;
    width: 100%;
}
.button_content h2{
font-size: 18px;
line-height: 25px;
color: #FFFFFF;
border-bottom: 2px solid #FFFFFF;
text-align: left;
padding-bottom: 5px;
margin-bottom: 0px;
}
.button_content .content_column:last-child{
    border-bottom: 2px solid #FFFFFF;
}
.dugme {
    font-family: 'apercu-bold-pro',sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
}
.dugme img {
    margin-left: 5px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.stage:before {
    content: "";
    background-color: #678CB5;
    height: 70px;
    position: absolute;
    width: 30000px;
    right: 0px;
    top: 0px;
    z-index: -1;
}
.stage {
    width: 98%!important;
    margin: 0px 1%!important;
}
.stage2 {
    width: calc(100% - 0%)!important;
    padding: 0px 0%!important;
    margin: 0px!important;
  
}
.stage2 .left_button {
    width: 100%!important;
    text-align: center!important;
      background: #96B8DD;
}
.punaduzina {
    width: 100%!important;
}
.column1 {
    float: left;
    width: 32%;
    margin-right: 2%;
}
.content_column .column1:nth-child(3n + 3) {
    margin-right: 0px;
}
h3.content_title {
    font-weight: bold;
    font-size: 11px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
        margin: 0px;
            float: left;
    margin-top:30px;
    background-color: white;
    width: 100%;
}

/*
 * Forms pages;
 */

.parent-pageid-633 .fluentform_wrapper_1 .ff-el-input--label label, .page-id-633 .fluentform_wrapper_1 .ff-el-input--label label{
    letter-spacing: 2px;
}

.parent-pageid-633 .fluentform .ff-step-titles li.ff_active, .parent-pageid-633  .fluentform .ff-step-titles li.ff_completed, .page-id-633 .fluentform .ff-step-titles li.ff_active, .page-id-633 .fluentform .ff-step-titles li.ff_completed {
    color: #333!important;
}
.parent-pageid-633 .fluentform .ff-step-titles li.ff_active:before, .parent-pageid-633 .fluentform .ff-step-titles li.ff_completed:before, .page-id-633 .fluentform .ff-step-titles li.ff_active:before, .page-id-633 .fluentform .ff-step-titles li.ff_completed:before{
    background: none!important;
    border-right: 2px solid white!important;
    margin: 0 auto 0px;
}
.parent-pageid-633 .fluentform .ff-step-titles li:before, .page-id-633 .fluentform .ff-step-titles li:before {
    width: 48px!important;
    line-height: 44px!important;
    font-size: 16px!important;
    font-weight: 800;
     line-height: 14px; 
    background: none!important;
    border-radius: 0px!important;
    font-family: "Cambon-ExtraBold", sans-serif!important;
    margin: 0px;
    color: white!important;
}
.parent-pageid-633 .ff_completed, .page-id-633 .ff_completed {
    visibility: hidden!important;
    width: 0px!important;
    height: 0px!important;
    border: none!important;
    margin: 0px!important;
}
.parent-pageid-633 .fluentform .ff-step-titles li, .page-id-633 .fluentform .ff-step-titles li {
    display: block;
    position: relative;
    list-style-type: none;
    color: #333;
    font-size: 12px;
    width: auto;
    padding: 0 10px;
    float: left!important;
    min-width: 162px!important;
    text-transform: uppercase!important;
    line-height: 35px!important;
}
.parent-pageid-633 .fluentform .ff-step-titles li:after, .page-id-633 .fluentform .ff-step-titles li:after{
    display: none!important;
}
.parent-pageid-633 .fluentform .ff-step-titles li:after, .page-id-633 .fluentform .ff-step-titles li:after {
    top: 16px!important;
}
.parent-pageid-633 .fluentform .ff-step-titles li.ff_active:after, .parent-pageid-633 .fluentform .ff-step-titles li.ff_completed:after, .page-id-633  .fluentform .ff-step-titles li.ff_active:after, .page-id-633 .fluentform .ff-step-titles li.ff_completed:after{
    background: #91CD94!important;
}
.parent-pageid-633 .ff-section_break_desk p, .page-id-633 .ff-section_break_desk p {
    font-size: 14px;
}
.parent-pageid-633 .ff-el-section-break hr, .page-id-633 .ff-el-section-break hr{
    display: none;
}
.parent-pageid-633 .fluentform .ff-el-form-control, .page-id-633 .fluentform .ff-el-form-control {
    border-radius: 0!important;
    border: 1px solid #303E50!important;
}
.parent-pageid-633 .fluentform_wrapper_13 .ff-el-form-control, .page-id-633 .fluentform_wrapper_13 .ff-el-form-control{
    color: #868e96!important;
    border: 2px solid #96B8DD!important;
        margin-bottom: 34px!important;
}

.parent-pageid-633 .fluentform_wrapper_13 select, .page-id-633 .fluentform_wrapper_13 select{
    height: 52px!important;
}

.fullo_pricelist_tab_form .fullo_pricelist_tab_group .ff-el-input--label {
    text-align: left;
}   

.fullo_pricelist_tab_form .fullo_pricelist_tab_group .ff-el-input--label{
    margin-bottom: 5px;
}

.fullo_pricelist_tab_form .fullo_pricelist_tab_group .ff-el-input--label label {
    font-family: apercu-regular-pro,sans-serif;
}


.parent-pageid-633 .fluentform .ff-el-input--label, .page-id-633 .fluentform .ff-el-input--label {
    width: 100%;
    text-align: center;
}

.parent-pageid-633 .fluentform .ff-el-input--label label, .page-id-633 .fluentform .ff-el-input--label label {
    text-align: center;
    font-size: 14px;
    width: 100%;
}
.parent-pageid-633 .ff-el-input--content, .page-id-633 .ff-el-input--content {
    width: 100%;
}
.parent-pageid-633 .fluentform .ff-btn, .page-id-633 .fluentform .ff-btn {
    height: 60px;
    background: none;
    width: auto;
    border-radius: 50px!important;
    text-transform: uppercase;
    margin: 70px 0px;
    border: 2px solid #EEE8DC;
    border-color: #EEE8DC!important;
    float: right!important;
    min-width: 350px;
    background-color: initial!important;
}

.parent-pageid-633 .fluentform_wrapper_13 .ff-text-left, .page-id-633 .fluentform_wrapper_13 .ff-text-left{
    text-align: right!important;
}

.parent-pageid-633 .fluentform_wrapper_13 .ff-btn , .page-id-633 .fluentform_wrapper_13 .ff-btn{
    height: auto;
    background: none;
    width: auto;
    border-radius: 50px!important;
    text-transform: uppercase;
    margin: 0px 0px;
    border: 2px solid #fff;
    border-color: #fff!important;
    float: none!important;
    min-width: 270px;
    background-color: initial!important;
    margin-bottom: 20px;
}

.parent-pageid-633 .fluentform_wrapper_13 .ff-btn-submit, .page-id-633 .fluentform_wrapper_13 .ff-btn-submit{
padding: 12px!important;
margin-top: -85px!important;
    border: 2px solid white!important;
}


.parent-pageid-633 .fluentform_wrapper_13 .ff_upload_btn, .page-id-633 .fluentform_wrapper_13 .ff_upload_btn {
    float: left!important;
    letter-spacing: 0.05em;
        min-width: auto;
}

.parent-pageid-633 .fluentform_wrapper_13 .ff-el-input--label label, .page-id-633 .fluentform_wrapper_13 .ff-el-input--label label {
    font-size: 16px;
    text-align: left;
    color: white;
}

.parent-pageid-633 #ff_13_message, .page-id-633 #ff_13_message{
    min-height: 268px;
}

.parent-pageid-633 .fluentform .ff-upload-preview, .page-id-633 .fluentform .ff-upload-preview {
    margin-top: 5px;
    border: 1px solid #white;
    border-radius: 3px;
    color: white;
}

.parent-pageid-633 .fluentform .ff-btn-secondary, .page-id-633 .fluentform .ff-btn-secondary {
    float: left!important;
    margin-left: 1%;
}
.parent-pageid-633 .fluentform .ff-float-right, .page-id-633 .fluentform .ff-float-right{
    float: right!important;
    margin-right: 1%;
    background-image: url('img/arrow_right.svg');
    background-repeat: no-repeat;
    background-position: 95% 51%;
}

.parent-pageid-633 .fluentform_wrapper_1 .ff-btn-submit, .page-id-633 .fluentform_wrapper_1 .ff-btn-submit{
    float: right!important;
    margin-right:0%;
    background-image: url('img/arrow_right.svg');
    background-repeat: no-repeat;
    background-position: 95% 51%; 
}

.parent-pageid-633 .fluentform .ff-btn-prev, .page-id-633 .fluentform .ff-btn-prev{
    float: left!important;
    margin-left: 1%;
    background-image: url('img/arrow_left.svg');
    background-repeat: no-repeat;
    background-position: 5% 51%;
}



.parent-pageid-633 .fluentform .ff-btn:hover, .page-id-633 .fluentform .ff-btn:hover {
    background-color: #91CD94!important;
}
.parent-pageid-633 .fluentform .ff-step-body, .page-id-633 .fluentform .ff-step-body {
    margin-bottom: 0px!important;
}
.parent-pageid-633 .fluentform .ff-btn-submit, .page-id-633 .fluentform .ff-btn-submit {
    background-color: #91CD94!important;
    background-image: url(img/send_arrow_off.svg);
    background-position: 95% 50%;
    background-repeat: no-repeat;

    font-family: apercu-bold-pro;
    letter-spacing: 0.1em;
    opacity: 1  !important;
}

.parent-pageid-633 #fluentform_13 .ff_btn_style:hover, .page-id-633 #fluentform_13 .ff_btn_style:hover {
    background: transparent !important;
    color: #91CD94 !important;
}

.parent-pageid-633 #fluentform_13 .ff_upload_btn, .page-id-633 #fluentform_13 .ff_upload_btn {
    background-color: #91CD94!important;
    color: #fff;
    cursor: pointer;
    border: 2px solid white!important;
}

.parent-pageid-633 #fluentform_13 .ff_upload_btn:hover, .page-id-633 #fluentform_13 .ff_upload_btn:hover{
    background: transparent !important;
    color: #91CD94 !important;
}

.parent-pageid-633 .fluentform_wrapper_1 #ff_1_country-list, .page-id-633 .fluentform_wrapper_1 #ff_1_country-list {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
   background-image: url(img/select-arrow.svg);
    background-repeat: no-repeat;

    background-position: center right 15px;
}


.parent-pageid-633 .fluentform .ff-btn-submit:hover, .page-id-633 .fluentform .ff-btn-submit:hover {
    background-image: url(img/send_arrow_on.svg);
    background-color: #F9F7F2 !important;
    color: #234670;
}


.parent-pageid-633 .fluentform .ff-el-form-check, .page-id-633 .fluentform .ff-el-form-check{
    float: left;
    position: relative;
}
.parent-pageid-633 .fluentform .ff-el-form-check label.ff-el-form-check-label, .page-id-633 .fluentform .ff-el-form-check label.ff-el-form-check-label{
    margin: 0px!important;
    position: relative;
    background: #F9F7F2;
    display: block;
    height: 123px!important;
    display: block;
    width: 347.75px!important;
}


.parent-pageid-633 .fluentform.fluentform_wrapper_15 .ff-el-form-check label.ff-el-form-check-label, .page-id-633 .fluentform.fluentform_wrapper_15 .ff-el-form-check label.ff-el-form-check-label {
    background: transparent !important;
}

.quote_terms {
    position: absolute;
    bottom: -50px;
}

.parent-pageid-633 .fluentform .ff-el-form-check label.ff-el-form-check-label:before, .page-id-633 .fluentform .ff-el-form-check label.ff-el-form-check-label:before{
    content: '';
    display: inline-block;
    height: 123px;
    width: 349.99px;
    background: beige;
    border-radius: 0%;
    z-index: 2;
    transition: box-shadow .4s ease, background .3s ease;
    display: none;
}
.parent-pageid-633 .paketi_four .ff-el-form-check label.ff-el-form-check-label:before, .page-id-633 .paketi_four .ff-el-form-check label.ff-el-form-check-label:before {
    width: 254.99px!important;
}
.parent-pageid-633 .fluentform .ff_item_selected label.ff-el-form-check-label:before, .page-id-633 .fluentform .ff_item_selected label.ff-el-form-check-label:before {
    background: #303E50;
}
.parent-pageid-633 .fluentform-step, .page-id-633 .fluentform-step {
    padding: 0px!important;
}

.parent-pageid-633 .fluentform-step .head_icons img, .page-id-633 .fluentform-step .head_icons img {
    width: auto;
    height: auto;
}

.parent-pageid-633 .fluentform-step .stars img, .page-id-633 .fluentform-step .stars img {
    width: auto;
    height: auto;
}

.parent-pageid-633 .fluentform-step .dugme img, .page-id-633 .fluentform-step .dugme img {
    width: auto;
    height: auto;
    top: auto !important;
}


.parent-pageid-633 .fluentform .ff-el-form-check input.ff-el-form-check-input, .page-id-633 .fluentform .ff-el-form-check input.ff-el-form-check-input {
    display: none !important;
}


.parent-pageid-633 .fluentform.fluentform_wrapper_15 .ff-el-form-check input.ff-el-form-check-input, .page-id-633 .fluentform.fluentform_wrapper_15 .ff-el-form-check input.ff-el-form-check-input {
    display: block !important;
}



.parent-pageid-633 .fluentform .ff-el-form-check label.ff-el-form-check-label span, .page-id-633 .fluentform .ff-el-form-check label.ff-el-form-check-label span {
    width: 208px;
    height: 50px;
    background: #91CD94;
    line-height: 50px;
    text-transform: uppercase;
    display: inline-block;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 36.5px;
    margin: 0 auto;
    color: white;
        font-size: 14px;
    letter-spacing: 0.03em;
    font-family: apercu-bold-pro;
}
.parent-pageid-633 .fluentform .ff_item_selected label:before, .page-id-633 .fluentform .ff_item_selected label:before{
     box-shadow: inset 0px 3px 0 2px rgba(89, 202, 89, 1)!important;
    background: #fff!important;
    content: "package selected"!important;
    color: white;
    text-transform: uppercase;
    line-height: 126px;
    height: 123px!important;
    display: none!important;
}
.parent-pageid-633 .fluentform .ff-el-form-check label.ff-el-form-check-label span:before, .page-id-633 .fluentform .ff-el-form-check label.ff-el-form-check-label span:before{
    content: "select this package";
    height: 129px!important;
    display: none!important;
}
.parent-pageid-633 .fluentform .ff_item_selected label.ff-el-form-check-label span, .page-id-633 .fluentform .ff_item_selected label.ff-el-form-check-label span {
    background: #303E50;
}
.parent-pageid-633 .fluentform .ff_item_selected label:before, .page-id-633 .fluentform .ff_item_selected label:before {
    box-shadow: inset 0px 3px 0 2px rgba(89, 202, 89, 1)!important;
    background: #fff!important;
    content: "package selected"!important;
    color: white;
    text-transform: uppercase;
    line-height: 126px;
    height: 123px!important;
    display: none!important;
}
.parent-pageid-633 .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder.ff_item_selected, .page-id-633 .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder.ff_item_selected {
    border: 4px solid #303E50!important;
}
.parent-pageid-633 .fluentform .ff_item_selected label span:after, .page-id-633 .fluentform .ff_item_selected label span:after {
    content: "package selected"!important;
    color: white;
    text-transform: uppercase;
    line-height: 123px;
    height: 123px!important;
    background: #303E50;
    position: absolute;
    left: -70px;
    right: -70px;
    top: -36.5px;
}

.headeri {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    position: relative;
}
.headeri .header:last-child {
    margin-right: 0px!important;
}
.header {
    width: 100%!important;
    height: 240px;
    background: white;
    position: relative;
    padding: 15px;
}
.headeri_four .header, .izaberi {
    width: 100%!important;
    margin: 0px!important;
}


.col_price {
    position: absolute;
    bottom: 5px;
    right: 15px;
}

.header h5 {
    font-weight: bold;
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #303E50;
    position: relative;
    top: 0px;
    margin-top: 0px;
    width: 100%;
    text-align: left;
    margin-bottom: 0px;
}
.header h5 span img {
    float: left;
    margin-right: 6px;
    margin-top: -3px;
}

.mar .header h5 span img{
margin-top: 2px;
}

.bre .header h5 span img{
margin-top: -1px;
}

.header h5 span:nth-child(2) img {
    margin-top: 0px;
}
.header h5 span:nth-child(3) img {
    margin-top: 2px;
}
.header h2 {
    font-weight: 800;
    font-size: 24px;
    line-height: 20px;
    color: #303E50;
    position: relative;
    float: left;
        margin: 15px 0px 6px 0px;
}
.header .stars {
    position: relative;
    text-align: left;
    float: left;
/*    margin-top: 21px;
    margin-left: 10px;*/

    display: block;
    width: 100%;
    margin: 0;
}
.header h3 {
    font-size: 34px;
    line-height: 20px;
    text-align: right;
    color: #96B8DD;
    position: relative;
    font-family: apercu-regular-pro, sans-serif!important;
    float: right;
    margin: 0px;
    width: 100%;
}
.experts {
    float: left;
    clear: both;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    color: #303E50;
    margin: 15px 0px;
}
.experts p {
    margin: 0px;
}
.experts img {
    margin-right: 3px;
}
.header h4 {
    font-family: apercu-regular-pro,sans-serif!important;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: right;
    float: right;
    color: #303e50;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
}
/*.fluentform .ff-el-group {
    margin-bottom: 0px!important;
    text-align: center;
    float: left;
    width: 31.33%;
    margin: 0px 1%;
}


.fluentform .summary .ff-el-group {
    width: 48%!important;
    margin: 0px 1% 2% 1%!important;
        border-bottom: 1px solid white;
    padding-bottom: 2%;
}
*/
.fluentform .summary .ff-el-group.podnaslov {
    width: 100%!important;
    border: none;
}

.ff_submit_btn_wrapper{
    border: none;
}

.summary .header {
    background: none;
    height: auto;
    padding:0px;
}

.summary .header h5, .summary .header h2{
color: white!important;
    float: left;
        margin: 5px 0px;
}

.summary .header h2{
    font-size: 18px;
}

.summary .header .stars {
    margin-top: 8px;
}

.summary .header h3 {
    color: #fff;
    margin-top: -49px;
    font-size: 28px;
}

.summary .header h4 {
    color: #fff;
    margin-top: -24px;
}

.fluentform-step .ff-el-group:first-child {
    margin-left: 0px!important;
}
.podnaslov, .tekst {
    width: 100%!important;
    margin: 0px!important;
}
.paketi .ff-el-form-check {
    margin-right: 30px;
}
.paketi .ff-el-form-check:last-child {
    margin-right: 0px;
}
.text_naslov{
    text-align: left;
    padding: 15px;
    color: white;
 background: #3E6696;
}


.text_naslov h3, .text_naslov p{
    margin: 0px;
}

.text_naslov h3{
    margin: 5px 0px;
    min-height: 50px;
}
.text_naslov p a {
    color: white;
    text-decoration: underline;
    text-transform: lowercase;
    letter-spacing: initial;
}

.text_wrapper .text {
    background:#557CA7;
    color: white;
}

/* First tab */

.fullo_pricelist .ui-state-default a, 
.fullo_pricelist .ui-state-default a:link, 
.fullo_pricelist .ui-state-default a:visited {
    color: #fff;
    font-family: apercu-bold-pro;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    padding: 15px 14px;
}

#fullo-price-tabs .fullo_pricelist_tab_form input,
#fullo-price-tabs .fullo_pricelist_tab_form  select {
    font-family: 'apercu-regular-pro',sans-serif;
}


#fullo-price-tabs .fullo_pricelist_tab_form input::-webkit-input-placeholder {  
  color: #fff;
}
#fullo-price-tabs .fullo_pricelist_tab_form input::-moz-placeholder { 
  color: #fff;
}
#fullo-price-tabs .fullo_pricelist_tab_form input:-ms-input-placeholder {
  color: #fff;
}
#fullo-price-tabs .fullo_pricelist_tab_form input:-moz-placeholder { 
  color: #fff;
}

#fullo-price-tabs .fullo_pricelist_tab_form select {
    color: #fff !important;
}

#fullo-price-tabs .fullo_pricelist_tab_form select:focus {
    color: #868e96!important;
}

.fullo_pricelist_tab_form label {
    font-family: apercu-regular-pro,sans-serif;
}

.fullo_pricelist .fullo-pricelist-button-group {
    display: flex;
    justify-content: space-between;
}



.fullo_pricelist_tab_form,
.fullo_pricelist #fullo-price-tabs {
    width: 100%;
}

#fullo-price-tabs-1 .fullo_pricelist_tab_website_creation .fullo_pricelist_tab_group .text {
    min-height: 270px;
}

#fullo-price-tabs-1 .fullo_pricelist_tab_growth .text_naslov {
    min-height: 200px;
}

#fullo-price-tabs-1 .fullo_pricelist_tab_growth .text_wrapper .text {
    min-height: 240px;
}



/* Third tab */

#fullo-price-tabs-3 .fullo_pricelist_tab_group .text_naslov {
    min-height: 197px;
}

#fullo-price-tabs-3 .fullo_pricelist_tab_group .text {
    min-height: 314px;
}


#fullo-price-tabs-4 .fullo_pricelist_tab_group .text_naslov {
    min-height: 180px;
}

#fullo-price-tabs-4 .fullo_pricelist_tab_group .text {
    min-height: 315px;
}

/* Fourth tab */

#fullo-price-tabs-4 .fullo_pricelist_tab_services .text_naslov {
    min-height: 200px;
}

#fullo-price-tabs-4 .fullo_pricelist_tab_services .text {
    min-height: 315px;
}


/* Five tab */

#fullo-price-tabs-5 .fullo_pricelist_tab_services .text_naslov {
    min-height: 200px;
}

#fullo-price-tabs-5 .fullo_pricelist_tab_services .text {
    min-height: 145px;
}



/* Second tab */

#fullo-price-tabs-2 .fullo_pricelist_tab_services .text_naslov {
    min-height: 200px;
}

#fullo-price-tabs-2 .fullo_pricelist_tab_services .text {
    min-height: 235px;
}



.text_wrapper .text p {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
}
.text_wrapper .text p a {
    color: white;
    text-decoration: underline;
}
.text_wrapper .text {
    text-align: left;
    padding: 15px;
}
.fluentform .ff-el-form-check-label .ff-el-form-check-input {
    top: 0px!important;
}
.text_wrapper .text h3 {
    margin-top: 0px;
}
.text_wrapper .text:last-child {
    margin-right: 0px;
}
.frm-fluent-form .choices {
    width: 100%;
    border-radius: 0!important;
    border: 1px solid #303E50!important;
}
.frm-fluent-form .choices__inner {
    border: 0!important;
    border-radius: 0!important;
}
.frm-fluent-form .choices__list--dropdown {
    top: 0!important;
}
.frm-fluent-form .choices__list--dropdown {
    border: 1px solid #91CD94!important;
}
.fluentform .ff-step-titles li.ff_active:before, .fluentform .ff-step-titles li.ff_completed:before {
    float: left;
}
.fluentform .ff-step-titles li:before {
    float: left;
    margin: 0 auto 0px!important;
    border: none!important;
    border-right: 2px solid white!important;
    font-family: apercu-regular-pro!important;
}
.fluentform .ff-step-titles li.ff_active, .fluentform .ff-step-titles li.ff_completed {
    background: #678CB5;
    color: white!important;
}
.fluentform .ff-step-titles li {
    border: 2px solid #FFFFFF;
    margin-right: 15px;
    color: white!important;
    padding: 0px!important;
    margin-bottom: 15px;
        z-index: 1;
}
.fluentform .ff-step-titles li span {
    font-weight: bold;
    font-size: 13px;
    line-height: 45px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.fluentform .ff-step-titles {
    overflow: hidden;
    text-align: center;
    width: 98%!important;
    position: relative;
    height:48px;
    overflow: hidden;
    display: block!important;
    margin-left: 1%!important;
}
#tabs {
    display: none;
}
.portfolio .ref:nth-child(1) {
    background-color: #210A33;
}
.portfolio .ref:nth-child(2) {
    background-color: #fff;
}
.portfolio .ref:nth-child(3) {
    background-color: #F7F7F7;
}
.portfolio .ref:nth-child(4) {
    background-color: #000000;
}
.portfolio .ref:nth-child(5) {
    background-color: #F7F7F7;
}
.portfolio .ref:nth-child(6) {
    background-color: #fff;
}
.portfolio .ref:nth-child(7) {
    background-color: #214596;
}
.portfolio .ref:nth-child(8){
 background-color: #F15A22;
}

.portfolio .ref:nth-child(9){
 background-color: #fff;
}

.portfolio .ref:nth-child(10){
 background-color: #00AAAD;
}

.portfolio .ref:nth-child(11){
 background-color: #EEE8DC;
}

.portfolio .ref:nth-child(12){
 background-color: #F1F3FF;
}

.portfolio .ref:nth-child(13){
 background-color: #224C2E;
}

.portfolio .ref:nth-child(14){
 background-color: #000000;
}

.portfolio .ref:nth-child(15){
 background-color: #F7F7F7;
}


.portfolio .ref:nth-child(16){
 background-color: #000000;
}

.portfolio .ref:nth-child(17){
 background-color: #FFFFFF;
}


.portfolio .ref:nth-child(18){
 background-color: #3FBA90;
}


.portfolio .ref:nth-child(19){
 background-color: #ED1C24;
}


.portfolio .ref:nth-child(20){
 background-color: #F2F9FF;
}


.ref {
    float: left;
    width: 25%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 330px;
}

.ref a {
    float: left;
    width: 100%;
        /* line-height: 330px; */
}


.ref img {
    position: relative;
    transition: transform 1s; /* Animation */
    /* -webkit-transform: translateY(30%);
    -ms-transform: translateY(30%);
    transform: translateY(30%); */
    width: 200px;
    object-fit: contain;
}

.ref a:hover img {
  transform: scale(1.25); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.step-nav{
    clear: both;
}

.step2 .ff-el-group {
    margin-bottom: 0px!important;
    text-align: center;
    float: left;
    width: 23%;
    margin: 0px 1%;
}

.step4 .ff-el-group {
    margin-bottom: 2%!important;
}
.step2 .header h2 {
    font-size: 18px;
        text-align: left;
}

.step2 .header .stars {
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
}

.step2 .header {
    height: 242px;
}

.step2 .experts {
    margin: 10px 0px;
}

.step2 .header h5 span img{
    margin-top: 2px;
}

.step2 .ff-el-form-check label.ff-el-form-check-label {
width: 255.32px!important;
}

.step2 .ff_item_selected label span:after {
    left: -24px;
    right: -23.6px;
    top: -36.5px;
}

.step2 .buttons .left_button a {
    color: white;
    display: block;
    padding: 30px 0px;
    text-align: left;
    font-size: 12px;
}

.step2 .dugme img{
        position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
        transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.step2 .dugme.rotate img{
        transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); 
}

.step2 .punaduzina {
    width: 98%!important;
}


.branding .header {
    width: 100%!important;
    height: 158px;
}

.branding .header h2 {
    width: 100%;
    margin: 10px 0px 5px 0px;
}

.branding .header h3 {
    font-size: 28px;
}

.branding .header h5 span img {
    margin-top: -1px;
}

.branding .header h3 {
    margin-top: 10px;
}

.title_form span{
        border: 2px solid #FFFFFF;
    width: 50px;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 50px;
    float: left;
    margin-right: 20px;
}

.home_option span.border {
    background: #91CD94;
    display: inline-block;
    border-radius: 50%;
    width: 192px;
    height: 192px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto;
}

.home_option span.border img{
    width: 192px;
    height: 192px;
    object-fit: contain;
}

.home_options h3 {
    font-size: 45px;
    line-height: 57px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #91CD94;
    margin-bottom: 80px;
}

ul.contact{
    text-align: center;
}

ul.contact li{
font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #EEE8DC;
    margin: 0px 0px 10px 0px;
     font-family: apercu-regular-pro;
}

.personal label {
    text-align: left!important;
    font-size: 14px!important;
    width: 100%!important;
    font-weight: bold!important;
    font-size: 11px!important;
    line-height: 20px!important;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
}


.personal .ff-el-group {
    text-align: center;
    float: left;
    width: 48%;
    margin: 0px 1% 1% 1%;
}


.personal .ff-el-form-control {
    display: block;
    width: 100%;
    padding: 12px 12px!important;
    font-size: 16px;
    line-height: 1.5;
    color: #868e96!important;
border:1px solid #96B8DD!important;
    background: #173151!important;
        margin-bottom: 20px!important;
}


.personal .ff-el-form-control:focus {
  background: white!important;
}

.personal select{
    height: 50px!important;
    color: #495057!important;
}


.fluentform .radio_button .ff-el-form-check label.ff-el-form-check-label span {
    width: auto!important;
    position: relative;
    height: auto!important;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    background: none;
}

.fluentform .radio_button .ff-el-form-check label.ff-el-form-check-label{
   position: relative;
    height: auto!important;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    background: none;
        width: auto!important;
    display: inline-block;
        padding: 0px 10px;
}


.fluentform .radio_button .ff-el-form-check input.ff-el-form-check-input{
display: block!important;
}

.radio_button label{
    text-align: center!important;
}

.fluentform .radio_button .ff_item_selected label span:after {
    content: ""!important;
     position: relative;
    height: auto!important;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    line-height: initial;
    background: none;
}
.personal .ff-el-group.radio_button{
    width: 98%!important;
    text-align: center!important;
}


.fluentform .radio_button .ff-el-form-check{
    float: none;
    position: relative;
    display: inline-block;
}

/*.fluentform {
    margin-top: -49px;
    display: inline-block;
    position: relative;
}*/

.home .fluentform{
    margin-top: 10px;
    width: 100%;
}

.fluentform_wrapper_12 .ff_submit_btn_wrapper{
    float: right;
    margin-right: 2%;
        width: 48%!important;
    border: none!important;
}

.tabela th:nth-child(1), .tabela tr td:nth-child(1){
    background-color: #3E6696;
    width: 25%;
    font-size: 16px!important;
    line-height: 20px!important;
    font-family: Cambon-ExtraBold!important;
    text-align: left;
}


.fullo_pricelist_tab_website_creation .tabela tr td:nth-child(1),
.fullo_pricelist_tab_website_creation .tabela tr td:nth-child(1) h5,
.tabela table tr td h5 {
    font-size: 16px !important;
}



.korak1 .tabela th:nth-child(1), .korak1 .tabela tr td:nth-child(1){
    width: 25%!important;
}
.tabela tr:nth-child(1) th h3{
margin-top: 30px;
}

.gettingto{
    margin-top: 68px!important;
}

.tabela th:nth-child(2), .tabela tr td:nth-child(2) {
    background-color: #678CB5;
    width: 18.75%;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    font-family: Cambon-ExtraBold;
    text-align: center;
}


.new_bgd_color .tabela th:nth-child(2), .new_bgd_color .tabela tr td:nth-child(2) {
    background-color: #678CB5;
}

.site_build .tabela th:nth-child(2), .site_build .tabela tr td:nth-child(2) {
    background-color: #557CA7;
}

.site_build .tabela th:nth-child(3), .site_build .tabela tr td:nth-child(3) {
    background-color: #678CB5;
}

.site_build .tabela th:nth-child(4), .site_build .tabela tr td:nth-child(4) {
    background-color: #557CA7;
}



.tabela th{
    border-bottom:2px solid #FFFFFF!important;
}

.korak1 .tabela th:nth-child(2), .korak1 .tabela tr td:nth-child(2){
     width: 25%!important;
}

.tabela th:nth-child(3), .tabela tr td:nth-child(3) {
    background-color: #557CA7;
    width: 18.75%;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    font-family: Cambon-ExtraBold;
    text-align: center;
}


.new_bgd_color .tabela th:nth-child(3), .new_bgd_color .tabela tr td:nth-child(3) {
    background-color: #557CA7;
}


.korak1 .tabela th:nth-child(3), .korak1 .tabela tr td:nth-child(3){
     width: 25%!important;
}

.tabela th:nth-child(4), .tabela tr td:nth-child(4) {
    background-color: #678CB5;
    width: 18.75%;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    font-family: Cambon-ExtraBold;
    text-align: center;
}


.new_bgd_color .tabela th:nth-child(4), .new_bgd_color .tabela tr td:nth-child(4) {
    background-color: #678CB5 !important;
}


.korak1 .tabela th:nth-child(4), .korak1 .tabela tr td:nth-child(4){
     width: 25%!important;
}

.tabela th:nth-child(5), .tabela tr td:nth-child(5){
background-color: #557CA7;
     width: 18.75%;
      padding: 15px;
           font-size: 18px;
line-height: 20px;
  font-family: Cambon-ExtraBold;
  text-align: center;
}

.korak1 .tabela th:nth-child(5), .korak1 .tabela tr td:nth-child(5){
     width: 25%!important;
}

.tabela tr td{
font-size: 14px!important;
line-height: 16px!important;
color: #FFFFFF!important;
  font-family: apercu-regular-pro!important;
      padding: 15px!important;
      text-align: center;
}

.tabela table th, .tabela table tr td{
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.korak1 .tabela table th, .korak1 .tabela table tr td h5{
margin: 0px!important;
}
.tabela table tr td h5, .tabela table tr td p{
margin: 0px!important;
}
.tabela table tr td p{
    font-size: 14px;
    line-height: 16px;
        letter-spacing: 0px;
}

.tabela table tr td h5{
    margin-bottom: 10px!important;
}
.step4 .header h3 {
    margin-top: 20px;
}
.step3 .tabela table th, .step3 .tabela table tr td h5{
margin: 0px;
}

.tabela table th, .tabela table tr td p{
    margin-bottom: 0px;
}

.korak1 .tabela table th, .korak1 .tabela table tr td p {
    margin: 0px;
}

.step3 .tabela table th, .step3 .tabela table tr td p {
    margin: 0px;
}
.tabela table tr:last-child td{
    border-bottom: none;
}
.korak1 .button_content1{
margin-left: -370px;
}

.korak1 .button_content2{
margin-left: -740px;
}
.korak1 .left_button{
    width: 100%!important;
    background: #96B8DD;
}
.left_button:hover{
        background-color: #173151
}
.korak1 .ff-el-group .buttons .left_button a{
     text-align: center!important;
}
.korak1 .dugme img {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate( 0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate( 0deg);
    -o-transform: rotate(0deg);
}
.korak1 .dugme.rotate img{
  transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.korak1 .tabela table tr:last-child td{
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.tabela table {
    border-spacing: 0px;
    width: 100%;
}
.fluentform_wrapper_1 .ff-el-group {
    width: 100%;
    margin: 0px 0%;
}
.fluentform_wrapper_1 .ff-el-input--label label {
    text-align: left;
    font-size: 11px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.fluentform_wrapper_1 .ff-el-group{
    margin-bottom: 26px!important;
}
.fluentform_wrapper_1 input, .fluentform_wrapper_1 select{
background: #173151;

padding: 12px 12px!important;
}

.fluentform_wrapper_1 select.ff-el-form-control:not([size]):not([multiple]){
    height: 50px;
}
.fluentform_wrapper_1 .iti__flag-container{
    display: none;
}
.fluentform_wrapper_1 .ff-el-form-control{
 color: #868e96!important;   
   border: 2px solid #96B8DD!important;
}

.fluentform_wrapper_1 textarea{
    min-height: 546px;
    border: 2px solid #96B8DD!important;
    background: #173151;
}

.fluentform_wrapper_1 .ff-btn-submit, .ff_submit_btn_wrapper .ff-btn-submit{
    background-color: #91CD94!important;
    border: 2px solid #F9F7F2!important;
    box-sizing: border-box;
    border-radius: 50px!important;
    padding: 6px 20px!important;
    text-align: left!important;

    color: #F9F7F2;
    opacity: 1 !important;
}

.fluentform_wrapper_1 .ff-btn { 
    height: 50px;
    font-family: apercu-bold-pro;
    letter-spacing: 0.1em;
}


.page-id-55 .contact_form .fluentform_wrapper_1 {
    width: 100%;
}


.page-id-55{
    background:#234670 url(img/contact.png) no-repeat top center;
    background-size: initial;
}
.page-id-51,
.page-id-1410 {
    background: #234670 url(img/eye-desktop_bg.png) no-repeat 50% -22%;
}

.page-id-1410 {
    background-size: contain;
}


.page-id-51 .content_inner:last-child{
padding-bottom: 0px;
}
.page-id-49 {
    background: #234670 url(img/how_fullo_works.png) no-repeat 50% 0%;
}
.page-id-49 .col2, .page-id-49 .col3, .page-id-49 .col4{
    padding: 0px;
}

.page-id-51 .content_inner:first-child, .page-id-49 .content_inner:first-child{
    padding: 70px 0px 70px 0px;
}
.page-id-55 .content_inner:nth-child(3){
padding: 0px;
}

.page-id-55 .content_inner:last-child{
padding: 0px;
margin-top: 0px;
}

.contact_data_wrapper{
background-color: #173151;
display: flex;
}

.contact_data ul{
    float: left;
    padding-left: 0px;
    list-style: none;
    margin: 40px 80px 40px 0px;
}
.contact_data ul li{
    font-size: 16px;
    line-height: 16px;
    color: #EEE8DC;
    margin-bottom: 10px;
}
.contact_data ul li a{
    color: #EEE8DC;
 }



.logo_contact{
    float: right;
    margin-top: 55.5px;
}

.fluentform .ff-step-titles::before {
    content: url(img/pricing_menu_gradient.svg);
    background-repeat: no-repeat;
    background-position: top right;
    height: 48px;
    position: absolute;
    top: -1px;
     right: -310px;
    z-index: 3;
}

.ff-step-header a{
    cursor: auto;
}

.services_four_columns{
    padding: 0px 0px;
}

.services_four_columns h2{
font-size: 26px;
}

.services_four_columns img{
    max-height: 150px;
}

.services_four_columns span{
border: 2px solid #91CD94;
box-sizing: border-box;
border-radius: 60px;
display: inline-block;
width: 190px;
padding: 16.5px 0px!important;
margin-bottom: 15px;
}

.services_four_columns span a{
    color: white;
    font-size: 14px;
line-height: 20px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #91CD94;
}

.services_four_columns p {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #EEE8DC;
    padding: 10px 20px;
    min-height: 170px;
}

.page-id-210{
  background-color:#145A64;  
}

.page-id-210 .content {
    background-image: url(img/mermaid_bg_2_x1_website.png);
    background-position: top center;
    background-repeat: no-repeat;
        background-size: contain;
}

.page-id-247{
background: #541F61;  
}

.page-id-247 .content {
    background-image: url(img/mermaid_bg_2_x1_website.png);
    background-position: top center;
    background-repeat: no-repeat;
        background-size: contain;
}

.page-id-266{
  background-color:#372363;  
}

.page-id-296{
   background-color: #145A64;

}
.page-id-266 .content, .page-id-296 .content{
    background-image: url(img/mermaid_bg_2_x1_website.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}


.page-template-template-services .col3, .page-template-template-services .col4,
.page-id-1050 .col3, .page-id-1050 .col4 {
   padding: 0px; 
}



.page-template-template-services .col4 .control_wrapper,
.single-post .control_wrapper.pad,
.page-id-1050 .control_wrapper.pad {
    background: none;
    padding: 30px 0px;
}

.page-template-template-services .col4 .control_wrapper h2,
.single-post .control_wrapper.pad h2,
.page-id-1050 .control_wrapper.pad h2 {
    font-size: 22px;
    margin: 30px 0px 30px 0px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #EEE8DC;
    width: 100%;
    padding: 0px;
    border-bottom: 1px solid #EEE8DC;
    line-height: 35px;
}

.creation_stages_wrapper{
    background-color: #1E1C5E;
    float: left;
    width: 100%;   
    padding-bottom: 60px;
}

.page-id-26 .creation_stages_wrapper{
    background: #173151;
    margin-bottom: 180px;
}

.page-id-26 .creation_stages_border{
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%), #173151;
}

.page-id-26 .creation_stages .creation_stage:nth-child(13n) h2{
    font-size: 20px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #EEE8DC;
    margin-top: 0px;
}

.page-id-26 .creation_stages .creation_stage:nth-child(13n) p {
    font-size: 18px;
    line-height: 24px;
}

.page-id-296 .creation_stages_wrapper{
background-color:#13393C;
}

.page-id-210 .creation_stages_wrapper{
background: #13393B;
}
.page-id-210 .creation_stages_border{
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}
.page-id-247 .creation_stages_wrapper{
background-color: #3B1345;
}

.page-id-266 .creation_stages_wrapper{
background-color:#2B1A4F;
}

.page-id-247 .control_wrapper{
    background: #541F61;
}

.page-id-210 .creation_stages .creation_stage:nth-child(13n) h2{
font-size: 13.5px;
line-height: 18px;
letter-spacing: -0.01em;
color: #EEE8DC;
margin-top: 0px;
}
.page-id-210 .creation_stages .creation_stage:nth-child(13n) p{
font-size: 13.5px;
line-height: 18px;
color: #EEE8DC;
letter-spacing: -0.01em;
}


.creation_stages_border{
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%), #1E1C5E;
   height: 60px; 
}

.page-id-247 .creation_stages_border{
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}

.page-id-266 .creation_stages_border{
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%), #2B1A4F;
}
.page-id-296 .creation_stages_border{
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}

.creation_stages_wrapper h3 {
    font-size: 22px;
    text-align: center;
    color: #789FC9;
    display: inline-block;
    text-align: center;
    width: 100%;
        border-bottom: 2px solid #789FC9;
    padding-bottom: 10px;
    margin-top: 0px;
}

 .page-template-template-services .creation_stage, .page-id-26 .creation_stages_wrapper .creation_stage{
    float: left;
    width: 23.5%;
    padding-right: 2%;
    min-height: 200px;
    position: relative;
}
.creation_stages .creation_stage:nth-child(5), .creation_stages .creation_stage:nth-child(9){
padding-right: 0px;
}
.creation_stage span{
    background: #789FC9;
    width: 23px;
    height: 23px;
    display: block;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    color: white;
}
.creation_stage h2, .creation_stage p{
font-size: 13.5px;
line-height: 18px;
color: #EEE8DC;
letter-spacing: -0.01em;
}

.creation_stage h2{
color: #EEE8DC;
}
.page-id-296 .creation_stages .creation_stage:last-child h2{
    font-size: 13.5px;
    line-height: 18px;
        margin-block-start: 0.83em;
    margin-block-end: 0.83em;
}


.page-id-296 .creation_stages .creation_stage:last-child p{
   font-size: 13.5px;
    line-height: 18px; 
}

.creation_stages .creation_stage:last-child h2:before{
    background-image: url(../3dots.svg);
    background-position: top center;
}

.creation_stages .creation_stage:nth-child(13n) {
    padding-right: 0px;
}

.dots{
    position: absolute;
    right: 8px;
    top: 10px;
}
.navy_wrapper{
    background-color:#173151;
}

.navy_wrapper_blue{
background-color: #234670;
}


.navy{
    display: flex;
    padding: 150px 0px;
}

.navy_left {
    float: left;
    width: calc(50% - 30px);
    margin-right: 30px;
}

.navy_right{
    float: left;
    width: 50%;
}

.navy_right .fullo-column-image {
    left: 102.5px;
}


.navy_left h2{
    font-weight: 800;
font-size: 50px;
color: #91CD94;
letter-spacing: -0.03em;
margin: 0px;
}

.navy_left p{
font-size: 16px;
line-height: 22px;
color: #EEE8DC;
padding:35px 0px;
margin: 0px;
}

.ff-message-success {
    padding: 15px;
    position: relative;
    border: 1px solid #ffffff;
    box-shadow: 0 1px 5px rgb(0 0 0 / 10%);
    color: white!important;
    float: left;
    width: 100%;
    display: inline-block!important;
    margin-bottom: 30px!important;
        background: #91CD94;
}

.hvalavam h1, .hvalavam p{
    color: white;
}

.hvalavam h1{
    font-size: 40px;
}

.hvalavam p{
    font-size: 24px;
}

.hvalavam{
    text-align: center;
}

#page-404{
    padding: 30px 0px;
}

#page-404{
color: white;
}

#page-404 a{
    color: white;
}

.single_portfolio .col1, .single_portfolio .col3, .single_portfolio .col5, .single_portfolio .col7{
background: #F9F7F2;
}

.single_portfolio .col2, .single_portfolio .col4, .single_portfolio .col6, .single_portfolio .col8{
background: #F5F2EA;
}

.portfolio_new {
    padding: 0 0 70px 0;
}

.page-template-template-portfolio-new-php .content_inner.col1 {
    padding: 70px 0px 140px 0px;
}

.port_left h2, .port_right h2{
font-size: 32px;
letter-spacing: -0.03em;
color: #234670;
}

.port_left, .port_right{
    float: left;
    width: calc(50% - 15px);
}

.port_right{
    margin-left: 30px;
}


.port_right span a, .port_left span a{
    border: 2px solid #234670;
box-sizing: border-box;
border-radius: 60px;
float: left;
text-transform: uppercase;
    padding: 11px 30px 9px 30px;
    margin-top: 15px;
}

.port_right span a:hover, .port_left span a:hover{
    background-color: #234670;
    color: white;
}


.port_left p, .port_right p{
font-size: 16px;
line-height: 25px;
color: #313E50;
  font-family: apercu-regular-pro;
}

.portfolio_wrapper .container{
display: flex;
}

.port_right img, .port_left img{
position: relative;
top: 50%;
transform: translateY(-50%);
margin: 0 auto;
    display: inherit;
}


.fluentform .text-danger {
    color: #ff0000!important;
    text-align: left!important;
    font-size: 14px!important;
}

.page-id-633 .col1, .page-id-686 .col1{
    padding:0px 0px 0px 0px;
    overflow: hidden;
}


.job_openings h3{
    font-size: 36px;
line-height: 118%;
letter-spacing: -0.03em;
color: white;
}

.job_openings{
color: white;
}

.job_open{
border-left: 25px solid #91CD94;
background-color: white;
padding: 15px 30px;
float: left;
    width: 100%;
    box-sizing: border-box;
        position: relative;
        margin-bottom: 30px;
}

.job_open h4{
    font-size: 24px;
line-height: 118%;
letter-spacing: -0.03em;
color: #313E50;
margin-bottom: 0px;
}
.job_open p{
    font-size: 16px;
line-height: 22px;
color: #313E50;
}

.job_open_left{
    float: left;
    width: 60%;
}

.job_open_right span a{
    border: 2px solid #313E50;
    box-sizing: border-box;
    border-radius: 50px;
    padding: 17px 83px 13px 27px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    position: absolute;
    bottom: 30px;
    right: 30px;
    background-image: url(img/arrow_black_right.svg);
    background-repeat: no-repeat;
    background-position: 95% 51%;
}
.job_open_right span a:hover{
background-color:#91CD94;
}

.form_wrapper_careers h2 {
    margin-top: 80px;
    padding-top: 80px;
    float: left;
    width: 100%;
    margin-bottom: 0px;
    border-top: 1px solid #FFFFFF;
}

.form_wrapper_careers .ff-el-input--label label {
    margin-bottom: 0;
    display: inline-block;
    font-weight: 600;
    line-height: inherit;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.form_wrapper_careers h2, .form_wrapper_careers h3{
font-size: 36px;
line-height: 118%;
letter-spacing: -0.03em;
color: #FFFFFF;
}

.fluentform_wrapper_14{
    margin-top: 0px;
}


.fluentform_wrapper_14 .ff-el-group {
    text-align: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
}

.fluentform_wrapper_14 .ff-el-form-control {
    margin-bottom: 20px!important;
}
.fluentform_wrapper_14 h2{
    color: white;
    font-size: 26px;
}

.fluentform_wrapper_14 input, .fluentform_wrapper_14 select {
    background: #173151;
    padding: 12px 12px!important;
}


.fluentform_wrapper_14 .ff-el-form-control {
    color: #868e96!important;
    border: 2px solid #96B8DD!important;
}


.fluentform_wrapper_14 .ff-el-input--label label {
    text-align: left;
    font-size: 16px;
    width: 100%;
    color: white;
    font-weight: 100;
}


.tabela{
     pointer-events: none;
}

.fullo_pricelist_tab{
    width: 100%;
}


/* Magento store */

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.dark_logo,
.page-id-792 .light_logo,
.page-id-835 .light_logo,
.page-id-856 .light_logo,
.page-id-918 .light_logo,
.page-id-927 .light_logo,
.page-id-1050 .light_logo {
    display: none;
}

.page-id-792 .dark_logo,
.page-id-835 .dark_logo,
.page-id-856 .dark_logo,
.page-id-918 .dark_logo,
.page-id-927 .dark_logo,
.page-id-1050 .dark_logo {
    display: block;
}

.page-id-792 .menu li a,
.page-id-835 .menu li a,
.page-id-856 .menu li a,
.page-id-918 .menu li a,
.page-id-927 .menu li a,
.page-id-1050 .menu li a {
    color: #313E50;
}

.page-id-792 .menu li a:hover,
.page-id-835 .menu li a:hover,
.page-id-856 .menu li a:hover,
.page-id-918 .menu li a:hover,
.page-id-927 .menu li a:hover,
.page-id-1050 .menu li a:hover {
    color: #91CD94;
}

.page-id-792,
.page-id-835,
.page-id-856,
.page-id-918,
.page-id-927,
.page-id-1050 {
    background: #F9F7F2;
}

.page-id-792,
.page-id-835,
.page-id-856,
.page-id-918,
.page-id-927,
.page-id-1050 {
    position: relative;
}

.page-id-792 .all_page_logo,
.page-id-835 .all_page_logo,
.page-id-856 .all_page_logo,
.page-id-918 .all_page_logo,
.page-id-927 .all_page_logo,
.page-id-1050 .all_page_logo {
    display: none;
}


.page-id-792 .blog_logo,
.page-id-835 .blog_logo,
.page-id-856 .blog_logo,
.page-id-918 .blog_logo,
.page-id-927 .blog_logo,
.page-id-1050 .blog_logo {
    display: block;
}

.page-id-792::after,
.page-id-835::after,
.page-id-856::after,
.page-id-918::after,
.page-id-927::after {
    content: '';
    background-image: url(img/mermaid_bg_2_x1_website.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    top: 0;
    opacity: 0.2;
    width: 80%;
    height: 50%;
    left: 50%;
    transform: translate(-50%);
    top: 50px;
    pointer-events: none;
}


.magento_slide .flex-wrap {
    margin-left: -50px;
}

.magento_slide .mg_left,
.magento_slide .mg_right {
    width: 50%;
    padding-left: 50px;
    box-sizing: border-box;
    position: relative;
    z-index: 5;
}

.magento_slide .mg_left h1 {
    color: #313E50;
    letter-spacing: -0.03em;
    font-size: 50px;
    margin-top: 0;
}

.magento_slide .mg_left p {
    color: #313E50;
    line-height: 22px;
}

.magento_slide .mg_left a {
    width: 256px;
    height: 56px;
    line-height: 56px;
    background: #91CD94;
    border-radius: 60px;
    border: 2px solid #91CD94;
    color: #fff;
    letter-spacing: 0.05em;
    display: inline-block;
    text-align: center;
    font-family: apercu-regular-pro;
    text-transform: uppercase;
    margin-top: 10px;
}

.magento_slide .mg_left a:hover {
    background: transparent;
    color: #91CD94;
}


.m_features .heading {
    text-align: center;
    position: relative;
}

.m_features .heading h2 {
    color: #313E50;
    letter-spacing: -0.03em;
    font-size: 32px;
    font-style: italic;
    font-family: Cambon-ExtraBold;
}

.m_features .heading h2::before {
    content: '';
    width: 40%;
    height: 1px;
    background: #CDD8E3;
    border: none;
    position: absolute;
    top: 55%;
    left: 0;
}

.m_features .heading h2::after {
    content: '';
    width: 40%;
    height: 1px;
    background: #CDD8E3;
    border: none;
    position: absolute;
    top: 55%;
    right: 0;
}

.m_features .flex-wrap {
    margin-left: -30px;
}

.m_features .img_circle {
    width: 25%;
    padding-left: 30px;
    box-sizing: border-box;
    padding-top: 20px;
}

.m_features .img_circle span {
    border-radius: 50%;
    width: 192px;
    height: 192px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto;
    background: #CDD8E3;
}


.page-id-835 .m_features .img_circle span {
    background: #DDEDDE;
}




.m_features .img_circle h3 {
    text-align: center;
    color: #313E50;
    font-size: 26px;
    letter-spacing: -0.03em;
    line-height: 114%;
    min-height: 60px;
    margin-bottom: 20px;
    margin-top: 15px;
}


.m_features .img_circle p {
    color: #313E50;
    line-height: 22px;
}


.m_features a {
    width: 256px;
    height: 56px;
    line-height: 56px;
    background: #91CD94;
    border-radius: 60px;
    border: 2px solid #91CD94;
    color: #fff;
    letter-spacing: 0.05em;
    text-align: center;
    font-family: apercu-regular-pro;
    text-transform: uppercase;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
}

.m_features a:hover {
    background: transparent;
    color: #91CD94;
}


.m_contactUs {
    background: #F3F0E8;
    border-radius: 20px;
    padding: 60px 90px;
    padding-right: 0;
}

.single-post .m_contactUs {
    margin-top: 50px;
}

.m_contactUs .m_message,
.m_contactUs .m_contact_img {
    width: 50%;
}

.m_contactUs .m_message h3 {
    letter-spacing: -0.03em;
    color: #313E50;
    font-family: 'Cambon-ExtraBold', sans-serif;
    font-size: 36px;
    margin: 0;
}

.m_contactUs .m_message p {
    font-size: 16px;
    line-height: 22px;
    color: #313E50;
    margin-right: 50px;
}

.m_contactUs .m_message a {
    width: 271px;
    height: 56px;
    line-height: 56px;
    background: #91CD94;
    border-radius: 60px;
    border: 2px solid #91CD94;
    color: #fff;
    letter-spacing: 0.05em;
    text-align: center;
    font-family: apercu-regular-pro;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 20px;
}

.m_contactUs .m_message a:hover {
    background: transparent;
    color: #91CD94;
}


.page-id-792 .control_wrapper.pad,
.page-id-835 .control_wrapper.pad,
.page-id-856 .control_wrapper.pad,
.page-id-918 .control_wrapper.pad,
.page-id-927 .control_wrapper.pad,
.single-post .control_wrapper.pad,
.page-id-1050 .control_wrapper.pad {
    padding-bottom: 100px;
}

.page-id-792 .control_wrapper.pad h2,
.page-id-835 .control_wrapper.pad h2,
.page-id-856 .control_wrapper.pad h2,
.page-id-918 .control_wrapper.pad h2,
.page-id-927 .control_wrapper.pad h2,
.single-post .control_wrapper.pad h2,
.page-id-1050 .control_wrapper.pad h2 {
    color: #313E50;
    border-bottom: none;
}

.page-id-792 .options .option h3,
.page-id-835 .options .option h3,
.page-id-856 .options .option h3,
.page-id-918 .options .option h3,
.page-id-927 .options .option h3,
.single-post .options .option h3,
.page-id-1050 .options .option h3 {
    color: #313E50;
    border-bottom: 1px solid #313E50;
}

.page-id-792 .options .option h3:after,
.page-id-835 .options .option h3:after,
.page-id-856 .options .option h3:after,
.page-id-918 .options .option h3:after,
.page-id-927 .options .option h3:after,
.single-post .options .option h3:after,
.page-id-1050 .options .option h3:after {
    background-color: #313E50;
}


.page-id-792 .control_wrapper ul li,
.page-id-835 .control_wrapper ul li,
.page-id-856 .control_wrapper ul li,
.page-id-918 .control_wrapper ul li,
.page-id-927 .control_wrapper ul li,
.single-post .control_wrapper ul li,
.page-id-1050 .control_wrapper ul li {
    color: #313E50;
}

.page-id-792 .control_wrapper ul li.green a:hover,
.page-id-835 .control_wrapper ul li.green a:hover,
.page-id-856 .control_wrapper ul li.green a:hover,
.page-id-918 .control_wrapper ul li.green a:hover,
.page-id-927 .control_wrapper ul li.green a:hover,
.single-post .control_wrapper ul li.green a:hover,
.page-id-1050 .control_wrapper ul li.green a:hover {
    color: #313E50;
}


.page-id-792 span.read a,
.page-id-835 span.read a,
.page-id-856 span.read a,
.page-id-918 span.read a,
.page-id-927 span.read a,
.single-post span.read a,
.page-id-1050 span.read a {
    width: 270px;
    height: 56px;
    line-height: 56px;
    padding: 0;
    background: #91CD94;
    color: #fff;
}

.page-id-792 span.read a:hover,
.page-id-835 span.read a:hover,
.page-id-856 span.read a:hover,
.page-id-918 span.read a:hover,
.page-id-927 span.read a:hover,
.single-post span.read a:hover,
.page-id-1050 span.read a:hover {
    background: transparent;
    color: #91CD94;
}


.page-id-792 .content_inner:last-child,
.page-id-835 .content_inner:last-child,
.page-id-856 .content_inner:last-child,
.page-id-918 .content_inner:last-child,
.page-id-927 .content_inner:last-child,
.single-post .content_inner:last-child,
.page-id-1050 .content_inner:last-child {
    padding: 0px;
}

.job_openings ul li{
font-size: 16px;
}



/* other post list */

.page-id-1050 .content_inner {
    float: none;
}

.all_post ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 50px 0;
    margin-bottom: 100px;
}

.all_post ul {
    padding: 0;
}

.all_post ul li {
    display: flex;
    align-items: center;
    margin-top: 50px;
}

.all_post ul li .post_img {
    width: 20%;
}

.all_post ul li .post_img img {
    width: 220px;
    min-width: 220px;
    height: 220px;
    border: 10px solid #91CD94 !important;
    border-radius: 50%;
}

.all_post ul li .post_desc {
    width: 80%;
    padding-left: 5%;
}

.all_post ul li .post_desc h3 {
    letter-spacing: -0.03em;
    color: #313E50;
    font-family: 'Cambon-ExtraBold', sans-serif;
    font-size: 25px;
    margin: 0;
    margin-top: 10px;
    line-height: 29px;
}

.all_post ul li .post_desc .read_more {
    font-family: 'apercu-regular-pro', sans-serif;
    font-weight: bold;
    text-decoration: underline;
}


/* About us page */


.page-id-905 {
    background: #234670 url(img/fullo-about-bg-2.png) no-repeat 50% 0%;
}


.about_us_section .about_flex {
    display: flex;
    flex-wrap: wrap;
}

.about_us_section .about_text {
    width: calc(55% - 30px);
    margin-right: 30px;
}

.about_us_section .about_img {
    width: 45%;
} 


.about_us_section .flying_machine_img img {
    top: 50%;
    transform: translate(-50%,-50%);
    width: 300px;
    object-fit: contain;
    left: 50%;
}

.about_us_section .fullo-column-image {
    left: 100px;
    padding-right: 15px;
}

.about_us_section .head_text {
    text-align: left;
}

.about_us_section .head_text h1 {
    margin-top: 0;
    line-height: 1;
}

.about_us_section {
    font-size: 16px;
    line-height: 22px;
    color: #EEE8DC;
    padding: 35px 0px;
    margin: 0px;
}


.about_us_section .about_text p span {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
}



/* Fullo blog */

.page-template-template-blog .header_wrapper,
.single-post .header_wrapper {
    background: #EEE8DC;
   /* padding-bottom: 50px;*/
}

.page-template-template-blog .header_wrapper::after,
.single-post .header_wrapper::after  {
    content: '';
    display: table;
    clear: both;
}

.page-template-template-blog .menu li a,
.single-post .menu li a {
    color: #313E50;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


.page-template-template-blog .menu li a:hover,
.single-post .menu li a:hover {
    color: #91CD94;
}


.page-template-template-blog .all_page_logo,
.single-post .all_page_logo {
    display: none;
}

.page-template-template-blog .blog_logo,
.single-post .blog_logo {
    display: block;
}

.blog_wrap {
    background: #F9F7F2;
}

.blog_list {
    display: flex;
    flex-wrap: wrap;
    /*margin-top: -40px;*/
    padding-top: 50px;
    position: relative;
    padding-bottom: 100px;
}

.blog_list .blog_inner {
    display: flex;
    align-items: center;
    width: 33.333%;
    padding-top: 60px;
    box-sizing: border-box;
}


.blog_list .blog_inner img {
    border-radius: 50%;
}

.blog_list .blog_inner .blog_post_img {
    margin-right: 10px;
}

.blog_list .blog_inner:first-child .blog_post_img {
    margin-right: 30px;
}

.blog_list .blog_inner:first-child {
    width: 100%;
    padding-top: 0;
}

.blog_list .blog_inner:nth-child(2),
.blog_list .blog_inner:nth-child(3) {
    width: 50%;
    border-top: 1px solid #EEE8DC;
    border-bottom: 1px solid #EEE8DC;
    margin: 50px 0 0;
    padding: 40px 0;
}


.blog_list .blog_inner:nth-child(2) h1,
.blog_list .blog_inner:nth-child(3) h1 {
    width: 100%;
}



.blog_list .blog_inner .post_desc .pinned-trim-words {
    display: none;
}

.blog_list .blog_inner:first-child .post_desc .pinned-trim-words {
    display: block;
}

.blog_list .blog_inner:first-child .post_desc {
    padding-top: 50px;
    display: block;
}


.blog_list .blog_inner .blog_post_img img {
    width: 160px;
    min-width: 160px;
    height: 160px;
    border: 15px solid transparent;
    transition: all 0.35s ease;
    object-fit: cover;
}


.blog_list .blog_inner:first-child .blog_post_img img {
    width: 300px;
    min-width: 300px;
    height: 300px;
    border: 15px solid #91CD94 !important;
}

.blog_list .blog_inner:hover img {
    border: 15px solid #91CD94 
}

.blog_list .blog_inner h1 {
    color: #313E50;
    letter-spacing: -0.03em;
    font-size: 16px;
    font-family: Cambon-ExtraBold;
    margin: 0;
    margin-top: 5px;
}

.blog_list .blog_inner:first-child h1 {
    font-size: 36px;
    margin-top: 0;
}

.blog_list .blog_inner span {
    display: block;
}

.blog_list .blog_inner .date {
    font-size: 12px;
    margin-bottom: 5px;
}

.blog_list .blog_inner .cat_name a {
    pointer-events: none;
    color: #678CB5;
    text-transform: uppercase;
    font-size: 10px;
    font-family: apercu-bold-pro;
}


.blog_list .blog_inner:first-child .cat_name a {
    font-size: 13px;
}


.blog_list .pinned-trim-words {
    color: #313E50;
    font-family: apercu-bold-pro;
}


.blog_wrap .pagination {
    display: flex;
    justify-content: center;
    padding-bottom: 50px;
}

.pagination img {
    -webkit-filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
    filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
    width: 77%;
}

.pagination .page-numbers {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #C4C4C4
}

.pagination .page-numbers.current {
    border: 1px solid #000;
    color: #000;
}


/* Single blog */



.single-post .two_column {
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0 20px;
}

.single-post .two_column .blog_column_text,
.single-post .two_column .blog_column_img {
    width: 50%;
}


.single-post .two_column .blog_column_img {
    text-align: center;
}


.single-post .content_inner {
    background: #f8f6f0;
    padding: 0;
    float: none;
}



.single-post .header_wrapper {
    padding-bottom: 200px;
}

.single-post {
    background: #F9F7F2;
}

.single-post .single_blog_img {
    text-align: center;
    margin-top: -200px;
    margin-bottom: 50px;
    position: relative;
}


.single-post .single_blog_img img {
    width: 410px;
    height: 410px;
    object-fit: cover;
    border: 15px solid #91CD94;
    border-radius: 50%;
}


.single_blog_content .single_title {
    color: #313E50;
    font-size: 45px;
    line-height: 118%;
    font-family: Cambon-ExtraBold;
    margin-top: 10px;
}

.single_blog_content .cat_name a {
    color: #678CB5;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: apercu-bold-pro;
    pointer-events: none;
}

.single_blog_content .wplogout-social-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #EEE8DC;
    padding-top: 10px;
    margin-bottom: 20px;
}

.single_blog_content .wplogout-social-wrapper ul {
    display: flex;
    align-items: center;
    text-decoration: none;
    list-style: none;
    padding-left: 0;
}

.share-text {
    color: #BCBEC0;
    font-family: apercu-bold-pro;
}

.single_blog_content .wplogout-social-wrapper ul li {
    margin-left: 20px;
}

.single_blog_content .wplogout-social-wrapper ul li a {
    display: flex;
}

.single_content {
    padding-bottom: 50px;
}


.single_content,
.single_content p {
    color: #313E50;
    line-height: 28px;
    font-family: apercu-regular-pro;
}

.single_content ol {
    list-style: none;
}

.single_content ul,
.single_content ol {
    padding-left: 20px;
}

.single_content ul li,
.single_content ol li {
    color: #313E50;
    line-height: 28px;
    font-family: apercu-regular-pro;
    font-size: 16px;
}

.single_content a,
.single_content a span {
    font-weight: bold !important;
}

.single_blog_content div h1,
.single_blog_content div h2,
.single_blog_content div h3,
.single_blog_content div h4,
.single_blog_content div h5 {
    color: #313E50;
    font-size: 20px;
}



.blog-refreshing-padding {
	padding-left: 100px;
	padding-right: 100px;
}


.page-id-835 .col5 .control_wrapper {
    background: none;
    padding: 30px 0px;
}


.page-id-835 .col3 .heading-text p {
    color: #96B8DD;
    font-size: 36px;
    text-align: center;
    line-height: 32px;
}


.page-id-835 .col5 .control h2 {
    margin-top: 0;
}


.page-id-835 .col3 .grid-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 100px;
    margin-bottom: 100px;
    row-gap: 25px;
    column-gap: 30px;
}

.page-id-835 .col3 .grid-wrap .item {
    background: #FFFFFF;
    padding: 20px;
    display: flex;
    flex-direction: row;
}

.page-id-835 .col3 .grid-wrap .left-col {
    width: 60%;
    text-align: left;
    border-right: 1px dashed #858585;
    padding-right: 10%;
}

.page-id-835 .col3 .grid-wrap .right-col {
    width: 25%;
    padding-left: 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: right;
}

.page-id-835 #button_content16 {
    margin-bottom: 80px;
}

.page-id-835 .button_content.button_content16 {
    margin-bottom: 100px;
    overflow: scroll;
    width: 100%;
}

.page-id-835 .head_icons {
    display: flex;
    align-items: center;
    width: fit-content !important;
    font-weight: bold!important;
    font-size: 10px !important;
    line-height: 20px!important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #303E50!important;
    text-align: left;
    margin-bottom: 0px!important;
}

.page-id-835 .col3 .left-col h2 {
    font-weight: 800;
    font-size: 24px;
    line-height: 20px;
    color: #303E50;
    position: relative;
    margin-bottom: 60px;
}


.page-id-835 .col3 .left-col span {
    font-size: 20px;
    line-height: 24px;
    color: #96B8DD;
    position: relative;
    margin: 0px;
    width: 100%;
    font-weight: bold;
}

.page-id-835 .col3 .stars img {
    width: 20px;
    height: 20px;
}

.page-id-835 .col3 .right-col p {
    font-size: 30px;
    line-height: 30px;
    color: #96B8DD;
    position: relative;
    margin: 0px;
    width: 100%;
    font-weight: bold;
}

.page-id-835 .col3 .right-col span {
    font-size: 14px;
    line-height: 20px;
    color: #313E50;
    margin: 15px 0px;
}


.page-id-835 .col3 .left-col p {
    font-size: 14px;
    line-height: 20px;
    color: #313E50;
    margin: 15px 0px;
}


.page-id-835 .head_icons img {
    margin-right: 10px
}

.page-id-835 .mg_right p {
    display: flex;
    justify-content: center;
    margin-top: 145px;
    color: #858585;
    font-size: 16px;
    position: relative;
}

.page-id-835 .mg_right p img {
    position: absolute;
    top: -12.5px;
    width: 10px;
    -webkit-filter: brightness(1) invert(1);
    filter: brightness(1) invert(1);
    transform: rotate(270deg);
}

.page-id-835 .col1 .uk-scope .uk-cover, .uk-scope [uk-cover] {
    height: 350px !important;
    width: 100% !important;
    object-fit: contain !important;
}


.page-id-835 .tabela th:nth-child(1),
.page-id-835 .tabela tr td:nth-child(1) {
    background-color: #96B8DD;
}


.page-id-835 .tabela th:nth-child(2), 
.page-id-835 .tabela tr td:nth-child(2) {
    background-color: #FDFBF8;
    color: #162433
}

.page-id-835 .tabela th:nth-child(3), 
.page-id-835 .tabela tr td:nth-child(3) {
    background-color: #FFFFFF;
    color: #162433
}

.page-id-835 .tabela th:nth-child(4),
.page-id-835 .tabela tr td:nth-child(4) {
    background-color: #FDFBF8;
    color: #162433
}

.page-id-835 .tabela th:nth-child(5) {
    background-color: #FFFFFF;
    color: #162433
}

.page-id-835 .tabela tr td:nth-child(5) {
    background-color: #FFFFFF;
    color: #162433
}

.page-id-835 .content {
    width: 100%;
    /* overflow: hidden; */
}

.page-id-835 .col6 {
    margin-top: 100px !important;
}


.page-id-835 .mg_left span {
    color: #789FC9;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: apercu-bold-pro;
    pointer-events: none;
    font-size: 18px;
}

.page-id-835  .social_share {
    width: 1110px;
    margin: 0 auto;
    padding-top: 25px;
}

.page-id-835 .wplogout-social-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 10px;
    margin-bottom: 25px;
    border-bottom: 1px solid #CCC;
    width: 45%; 
}

.page-id-835 .wplogout-social-wrapper ul {
    display: flex;
    align-items: center;
    text-decoration: none;
    list-style: none;
    padding-left: 0;
}

.page-id-835 .share-text {
    color: #000;
    margin-top: 1px;
}

.page-id-835 .wplogout-social-wrapper ul li a {
    display: flex;
}

.page-id-835 .wplogout-social-wrapper ul li a img{
    -webkit-filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
    filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
}

.page-id-835 .wplogout-social-wrapper ul li {
    margin-left: 20px;
}


.page-id-835 .col1 {
    padding-top: 0!important;
}

.page-id-835 .col3 {
    padding-bottom: 0!important;
}

.page-id-835 .col4 {
    padding-bottom: 100px !important;
}

.page-id-835 .uk-scope .uk-position-bottom {
    bottom: -100px;
}


.page-id-835 .uk-scope .uk-light .uk-dotnav>.uk-active>* {
    background-color: #313E50;
    border-color: #313E50;
}

.page-id-835 .uk-scope .uk-light .uk-dotnav>*>* {
    background-color: #DADADA;
    border-color: #DADADA;
}

.page-id-835 .col3 .heading h2::before {
    width: 25%;
}

.page-id-835 .col3 .heading h2::after {
    width: 25%;
}


/* UK Landing */


.page-template-template-uk-landing1 #main_header,
.page-template-template-uk-landing2 #main_header,
.page-template-template-uk-landing3 #main_header {
    height: 100px;
    position: relative;
}

.page-template-template-uk-landing1 #main_header::after,
.page-template-template-uk-landing2 #main_header::after,
.page-template-template-uk-landing3 #main_header::after {
    content: '';
    background: url(/wp-content/uploads/2023/05/header_border.png);
    position: absolute;
    width: 100%;
    display: block;
    height: 90px;
    z-index: 99;
    bottom: -90px;
    background-repeat: no-repeat;
}

.uk_landings_bottom_line {
    position: relative;
    background: #234670;
    height: 100px;
}

.uk_separate {
    height: 150px;
    background: #000;
}

.page-template-template-uk-landing2 .uk_separate,
.page-template-template-uk-landing3 .uk_separate {
    height: 50px;
    background: #fff;
}


.uk_landings_bottom_line::after {
    content: '';
    background: url(/wp-content/uploads/2023/06/footer-line.png);
    position: absolute;
    width: 100%;
    display: block;
    height: 90px;
    z-index: 99;
    top: -80px;
    background-repeat: no-repeat;
}


.uk_section-one {
    height: 780px;
    background: url(/wp-content/uploads/2023/05/section_1.png);
    background-size: cover;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;

}


.uk_section-two_landing {
    background: url(/wp-content/uploads/2023/06/apartment_rent.png);
    background-position: bottom;
}

.uk_section-three_landing {
    background: url(/wp-content/uploads/2023/06/landing-3.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}



.tr_image {
    position: absolute;
    top: 25%;
    right: 10%;
    z-index: 5;
    mix-blend-mode: lighten;
}

.section_one {
    display: flex;
    align-items: center;
}

.section_one .uk_1_left {
    width: 65%;
}

.section_one .uk_2_left {
    width: 40%;
    position: relative;
    left: -9%;
    margin-top: 9%;
    z-index: 10;
}

.section_one .uk_2_left p {
    font-size: 14px;
    color: #fff;
    font-family: OverpassMono-Regular;
}

.uk_section-one h1 {
    color: #FFE600;
    text-shadow: 2px 2px 0px #000000;
    font-size: 70px;
    font-family: Arame-Bold;
    text-transform: uppercase;
    line-height: 68px;
}

.page-template-template-uk-landing2 .uk_section-one h1 {
    margin-bottom: 30px;
    letter-spacing: -2px;
    color: #FFFFFF;
    font-family: Inter-Regular;
    text-shadow: none;
    font-size: 45px;
    text-transform: none;
    font-weight: normal;
    line-height: 50px;
    margin-top: 17px;
}

.page-template-template-uk-landing3 .uk_section-one h1 {
    margin-bottom: 30px;
    letter-spacing: -2px;
    color: #FFFFFF;
    font-family: DMSerifDisplay-Regular;
    text-shadow: none;
    font-size: 48px;
    text-transform: none;
    font-weight: normal;
    line-height: 55px;
    margin-top: 17px;
}


.uk_section-one a,
.uk_section-two a,
.uk_section-three a,
.uk_section-three a,
.uk_prices_box a,
.uk_section-five a {
    background: #FAEA27;
    color: #000;
    border: 1px solid #FAEA27;
    padding: 17px 25px 15px;
    display: inline-block;
    text-transform: uppercase;
    font-family: OverpassMono-Bold;
}

.uk_section-one a:hover,
.uk_section-two a:hover,
.uk_section-three a:hover,
.uk_prices_box a:hover,
.uk_section-five a:hover {
    background: transparent;
    color: #FAEA27;
}


.page-template-template-uk-landing2 .uk_section-one a,
.page-template-template-uk-landing2 .uk_section-two a,
.page-template-template-uk-landing2 .uk_section-three a,
.page-template-template-uk-landing2 .uk_prices_box a,
.page-template-template-uk-landing2 .uk_section-five a {
    background: #4562AD;
    border-radius: 10px;
    font-family: Inter-SemiBold;
    color: #fff;
    border: 1px solid #4562AD;
    font-size: 15px;
}


.page-template-template-uk-landing3 .uk_section-one a,
.page-template-template-uk-landing3 .uk_section-two a,
.page-template-template-uk-landing3 .uk_section-three a,
.page-template-template-uk-landing3 .uk_prices_box a,
.page-template-template-uk-landing3 .uk_section-five a {
    background: #FF7A00;
    font-family: Inter-SemiBold;
    color: #fff;
    border: 1px solid #FF7A00;
    font-size: 15px;
}



.page-template-template-uk-landing2 .uk_section-one a:hover,
.page-template-template-uk-landing2 .uk_section-two a:hover,
.page-template-template-uk-landing2 .uk_section-three a:hover,
.page-template-template-uk-landing2 .uk_prices_box a:hover,
.page-template-template-uk-landing2 .uk_section-five a:hover {
    background: #3a5392;
}


.page-template-template-uk-landing3 .uk_section-one a:hover,
.page-template-template-uk-landing3 .uk_section-two a:hover,
.page-template-template-uk-landing3 .uk_section-three a:hover,
.page-template-template-uk-landing3 .uk_prices_box a:hover,
.page-template-template-uk-landing3 .uk_section-five a:hover {
    background: #cc6300;
}



.page-template-template-uk-landing2 .uk_section-two,
.page-template-template-uk-landing2 .uk_section-three {
    background: #000;
    padding: 100px 0;
    position: relative;
}

.page-template-template-uk-landing3 .uk_section-two {
    background: #DAECFF;
    padding: 100px 0;
}

.page-template-template-uk-landing2 .uk_section-two {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #E2D9CE;
    padding: 0;
}

.page-template-template-uk-landing2 .uk_section-three {
    background: #fefdfd;
}

.page-template-template-uk-landing2 .uk_section-four {
    background: #F9F7F2;   
}

.page-template-template-uk-landing3 .uk_section-four {
    background: #F9F7F2;
}

.page-template-template-uk-landing3 .uk_section-three {
    background: #E9F3FF;
    padding: 80px 0;
}


.page-template-template-uk-landing2 .section_one {
    margin-bottom: 15%;
}

.page-template-template-uk-landing2 .uk_section-two h2,
.page-template-template-uk-landing2 .uk_section-three h2,
.page-template-template-uk-landing2 .uk_section-four h2,
.page-template-template-uk-landing2 .uk_section-five h2 {
    color: #333333;
    text-shadow: none;
    font-family: Inter-Regular;
    letter-spacing: -1px;
    font-size: 35px;
    font-weight: normal;
}


.page-template-template-uk-landing3 .uk_section-two h2,
.page-template-template-uk-landing3 .uk_section-three h2,
.page-template-template-uk-landing3 .uk_section-four h2,
.page-template-template-uk-landing3 .uk_section-five h2 {
    font-family: DMSerifDisplay-Regular;
    color: #333;
    text-shadow: none;
    font-weight: normal;
} 




.page-template-template-uk-landing2 .uk_1_left span,
.page-template-template-uk-landing3 .uk_1_left span {
    font-size: 15px;
    text-transform: uppercase;
    font-family: Inter-SemiBold;
    color: #fff;
}


.page-template-template-uk-landing2 .uk_1_left p,
.page-template-template-uk-landing3 .uk_1_left p {
    color: #fff;
    margin-bottom: 40px;
}



.uk_section-two h2,
.uk_section-three h2,
.uk_section-four h2,
.uk_section-five h2 {
    text-align: center;
    color: #00F0FF;
    text-shadow: 2px 2px 0px #000000;
    font-family: Arame-Bold;
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
}

.uk_section-two .title_img {
    width: 400px;
    margin: auto;
    display: inherit;
    position: relative;
    left: -7%;
    object-fit: contain;
}


.uk_section-two ul,
.uk_section-three ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    padding-left: 0;
    margin-left: -50px;
}

.page-template-template-uk-landing2 .uk_section-two ul,
.page-template-template-uk-landing2 .uk_section-three ul {
    margin-bottom: 0;
}


.uk_section-two ul li,
.uk_section-three ul li {
    width: 33.333%;
    padding-left: 50px;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    margin-bottom: 50px;
    list-style: none;
}

.page-template-template-uk-landing2 .uk_section-three ul li img,
.page-template-template-uk-landing3 .uk_section-three ul li img {
    width: 100%;
}


.page-template-template-uk-landing2 .uk_section-three ul li,
.page-template-template-uk-landing3 .uk_section-three ul li {
    width: 50%;
}

.uk_section-two ul li h3,
.uk_section-three ul li h3 {
    color: #FFE600;
    text-shadow: 2px 2px 0px #000000;
    font-size: 20px;
    line-height: 25px;
    font-family: Arame-Bold;
    margin-top: 30px;
    width: 100%;
    position: relative;
}


.page-template-template-uk-landing3 .uk_section-two ul li h3, 
.page-template-template-uk-landing3 .uk_section-three ul li h3,

.page-template-template-uk-landing2 .uk_section-two ul li h3, 
.page-template-template-uk-landing2 .uk_section-three ul li h3 {
    font-family: Inter-Bold;
    color: #333;
    text-shadow: none;
    font-size: 17px;
    margin-top: 15px;
    margin-bottom: 0;
}

.uk_section-two ul li p,
.uk_section-three ul li p {
    font-size: 14px;
    color: #fff;
    font-family: OverpassMono-Regular;
    width: 95%;
}

.page-template-template-uk-landing2 .uk_section-two ul li p,
.page-template-template-uk-landing2 .uk_section-three ul li p,
.page-template-template-uk-landing3 .uk_section-two ul li p,
.page-template-template-uk-landing3 .uk_section-three ul li p {
    font-family: Inter-Regular;
    color: #333;
}


.text-center {
    text-align: center;
}


.uk_section-two::before {
    content: '';
    background: url(/wp-content/uploads/2023/05/jedan_number.png);
    width: 110px;
    height: 300px;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    left: 7%;
    top: 15%;
}

.page-template-template-uk-landing2 .uk_section-two::before,
.page-template-template-uk-landing2 .uk_section-two::after,
.page-template-template-uk-landing2 .uk_section-three::before,
.page-template-template-uk-landing2 .uk_section-three::after,
.page-template-template-uk-landing2 .uk_section-four::before,
.page-template-template-uk-landing2 .uk_section-four::after,
.page-template-template-uk-landing2 .uk_section-five::before,
.page-template-template-uk-landing2 .uk_section-five::after,

.page-template-template-uk-landing3 .uk_section-two::before,
.page-template-template-uk-landing3 .uk_section-two::after,
.page-template-template-uk-landing3 .uk_section-three::before,
.page-template-template-uk-landing3 .uk_section-three::after,
.page-template-template-uk-landing3 .uk_section-four::before,
.page-template-template-uk-landing3 .uk_section-four::after,
.page-template-template-uk-landing3 .uk_section-five::before,
.page-template-template-uk-landing3 .uk_section-five::after {
    display: none;
}


.uk_section-two::after {
    content: '';
    background: url(/wp-content/uploads/2023/05/jedan_number.png);
    width: 110px;
    height: 300px;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    right: 7%;
    top: 15%;
}


.uk_section-three::before {
    content: '';
    background: url(/wp-content/uploads/2023/05/two_number.svg);
    width: 200px;
    height: 300px;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    left: 7%;
    top: 5%;
}


.uk_section-three::after {
    content: '';
    background: url(/wp-content/uploads/2023/05/two_number.svg);
    width: 200px;
    height: 300px;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    right: 7%;
    top: 5%;
}


.uk_section-four::before {
    content: '';
    background: url(/wp-content/uploads/2023/05/three_number.svg);
    width: 200px;
    height: 300px;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    left: 7%;
    top: 5%;
}


.uk_section-four::after {
    content: '';
    background: url(/wp-content/uploads/2023/05/three_number.svg);
    width: 200px;
    height: 300px;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    right: 7%;
    top: 5%;
}


.uk_section-five::before {
    content: '';
    background: url(/wp-content/uploads/2023/06/number-four.svg);
    width: 200px;
    height: 300px;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    left: 7%;
    top: 5%;
}


.uk_section-five::after {
    content: '';
    background: url(/wp-content/uploads/2023/06/number-four.svg);
    width: 200px;
    height: 300px;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    right: 7%;
    top: 5%;
}


.uk_section-five .title_img {
    width: 700px;
    margin: auto;
    display: inherit;
    position: relative;
    object-fit: contain;
}



.uk_section-two,
.uk_section-three,
.uk_section-four,
.uk_section-five {
    position: relative;
    background: #000;
    padding-top: 100px;
}


.uk_section-three .title_img {
    width: 600px;
    margin: auto;
    display: inherit;
    position: relative;
    left: -7%;
    object-fit: contain;
}


.uk_section-four {
    background: #000;
    padding: 100px 0;
}


.uk_section-four .uk_prices_box {
    color: #fff;
    width: 60%;
    margin: auto;
    margin-top: 50px;
}

.uk_section-four .uk_top_price {
    background: #161616;
    border: 1px solid #FFE100;
    padding: 30px;
    text-align: center;
}

.page-template-template-uk-landing2 .uk_section-four .uk_top_price {
    background: #FFFFFF;
    border: 1px solid #4562AD;
    border-radius: 10px;
}

.page-template-template-uk-landing3 .uk_section-four .uk_top_price {
    background: #FFFFFF;
    border: 1px solid #4562AD;
    border-radius: 0;
}

.uk_section-four .uk_top_price span,
.uk_two_price .uk_two_price_box span, {
    letter-spacing: 3px;
    text-transform: uppercase;
    text-shadow: 2px 2px 0px #000000;
    font-family: Arame-Bold;
}

.page-template-template-uk-landing2 .uk_section-four .uk_top_price span,
.page-template-template-uk-landing2 .uk_two_price .uk_two_price_box span,
.page-template-template-uk-landing3 .uk_section-four .uk_top_price span,
.page-template-template-uk-landing3 .uk_two_price .uk_two_price_box span {
    text-shadow: none;
    color: #333;
    font-family: Inter-SemiBold;
    margin-bottom: 10px;
    display: inline-block;
}

.uk_section-four .uk_top_price h3,
.uk_two_price .uk_two_price_box h3 {
    color: #FFE600;
    text-shadow: 2px 2px 0px #000000;
    font-size: 80px;
    font-family: Arame-Thin;
    margin: 0;
}

.page-template-template-uk-landing2 .uk_section-four .uk_top_price h3,
.page-template-template-uk-landing2 .uk_two_price .uk_two_price_box h3 {
    font-family: Inter-Light;
    text-shadow: none;
    font-weight: normal;
    color: #4562AD;
}

.page-template-template-uk-landing3 .uk_section-four .uk_top_price h3,
.page-template-template-uk-landing3 .uk_two_price .uk_two_price_box h3 {
    font-family: DMSerifDisplay-Regular;
    text-shadow: none;
    font-weight: normal;
    color: #4562AD;
}

.uk_section-four .uk_top_price p,
.uk_two_price .uk_two_price_box p {
    font-size: 14px;
    color: #fff;
    font-family: OverpassMono-Regular;
}

.page-template-template-uk-landing2 .uk_section-four .uk_top_price p,
.page-template-template-uk-landing2 .uk_two_price .uk_two_price_box p,
.page-template-template-uk-landing3 .uk_section-four .uk_top_price p,
.page-template-template-uk-landing3 .uk_two_price .uk_two_price_box p {
    color: #333;
    font-family: Inter-Regular;
}

.uk_prices_box .plus {
    text-align: center;
    box-shadow: 2px 2px 0px #000000;
    color: #FFE600;
    font-size: 65px;
    margin: 20px 0;
}

.page-template-template-uk-landing2 .uk_prices_box .plus,
.page-template-template-uk-landing3 .uk_prices_box .plus {
    box-shadow: none;
    color: #333;
}

.uk_two_price {
    display: flex;
    margin-bottom: 100px;
}

.uk_two_price .or_price {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFE600;
    text-shadow: 2px 2px 0px #000000;
    font-family: Arame-Bold;
    font-size: 20px;
}


.page-template-template-uk-landing2 .uk_two_price .or_price,
.page-template-template-uk-landing3 .uk_two_price .or_price  {
    color: #333;
    text-shadow: none;
    font-family: Inter-SemiBold;
    font-size: 15px;
}



.uk_two_price .uk_two_price_box {
    width: 45%;
    background: #161616;
    border: 1px solid #FFE100;
    padding: 30px 20px 10px;
    text-align: center;
}

.page-template-template-uk-landing2 .uk_two_price .uk_two_price_box,
.page-template-template-uk-landing3 .uk_two_price .uk_two_price_box {
    background: #FFFFFF;
    border: 1px solid #4562AD;
    border-radius: 10px;
}  


.uk_two_price .uk_two_price_box h3 {
    font-size: 55px;
}

.uk_two_price .uk_two_price_box strong {
    color: #FFE600;
    text-shadow: 2px 2px 0px #000000;
    text-transform: uppercase;
    font-family: Arame-Bold;
    font-size: 20px;
    margin: 20px 0 10px;
    display: inline-block;
}

.page-template-template-uk-landing2 .uk_two_price .uk_two_price_box strong,
.page-template-template-uk-landing3 .uk_two_price .uk_two_price_box strong {
    color: #333;
    text-shadow: none;
    font-family: Inter-SemiBold;
    font-size: 15px;
}


.uk_section-four .title_img {
    width: 700px;
    margin: auto;
    display: inherit;
    position: relative;
    object-fit: contain;
}


.uk_section-five {
    background: #000;
    padding: 50px 0 100px;
}

.page-template-template-uk-landing2 .uk_section-five,
.page-template-template-uk-landing3 .uk_section-five {
    background: #fff;
    padding: 100px 0 100px;
}



.page-template-template-uk-landing2 .planet_img,
.page-template-template-uk-landing3 .planet_img {
    text-align: center;
}


.uk_section-five .planet_img {
    margin-top: 50px;
}

.uk_section-five p {
    font-size: 14px;
    color: #fff;
    font-family: OverpassMono-Regular;
}

.uk_section-five p {
    width: 40%;
    margin: auto;
    text-align: center;
}

.page-template-template-uk-landing2 .uk_section-five p,
.page-template-template-uk-landing3 .uk_section-five p {
    color: #333;
    margin-top: 50px;
    font-family: Inter-Regular;
}

.page-template-template-uk-landing3 .uk_section-five p {
    margin-top: 0;
}

.uk_section-five a {
    margin-top: 50px;
}

.page-template-template-services .blocks .fullo-column-image{
    width: 350px;
    height: 350px;
    position: absolute;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: -175px;
    right: 0;
    left: 0;
}

.page-template-template-services .compass img{
    width: 350px;
    height: 350px;
    top: 0;
    left: 0;
}

.page-template-template-services .header_circle img{
    position: absolute;
    z-index: 3;
}

.page-template-template-services .col4 .blocks_home .control_wrapper .control h2 {
    width: 54%;
}

.page-template-template-services .col4 .control h2 {
    margin-top: 250px !important;
    display: inline-block;
    font-size: 50px !important;
    line-height: 57px !important;
    text-align: center !important;
    color: #91cd94 !important;
    letter-spacing: -.03em !important;
    padding: 0 !important;
    border-bottom: none !important;
}

.page-template-template-services .col4 .fluentform{
    margin-top: 10px;
    width: 100%;
}

.page-template-template-services .col5 .control h2{
    margin-top: 70px !important;
}

.page-template-template-services .content{
    background-position: 0px 35px !important;
    background-color: rgb(0 0 0 / 0%)
}

.navbar .navbrand {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    float: right;
}
.navbar .navbrand .burger {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    outline: none;
    background: none;
    margin-top: 10px;
    transition: all 0.35s ease;
    z-index: 1000;
    position: relative;
}
.navbar .navbrand .burger {
    margin-top: 0px;
    width: 63px;
    height: 71px;
    background: #303E50;
}
.fullo-hp {
    margin-top: 0px;
}
.logo {
    margin: 30px 0px 0px 30px;
}
.navbar .navbrand .burger-close {
    display: none;
}
.navbar .navbrand .burger.active .burger-open {
    display: none;
}
.navbar .navbrand .burger.active .burger-close {
    display: flex;
}
.navbar .menu {
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
}
.navbar .menu-item {
    margin: 0.5rem 0;
}
.navbar .menu-link {
    text-rendering: optimizeLegibility;
    transition: all 0.35s ease;
}
.navbar .menu.active {
    width: 100%;
    height: auto;
    margin: 1rem 0;
}

.navbar .social {
    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.navbar .social-item {
    font-size: 1.65rem;
    line-height: inherit;
    margin: 0 0.5rem;
    color: #252a32;
    transition: all 0.35s ease;
}
.navbar .social-item:hover {
    color: #148cb8;
}

/* Support ticketing Odoo */

        .page-template-template-support-odoo-tickets .all_page_logo {
        display: none;
    }
   .page-template-template-support-odoo-tickets .blog_logo{
        display: block;
    }
   .page-template-template-support-odoo-tickets li a {
        color: #313E50;
    }
       .page-template-template-support-odoo-tickets li a {
        color: #313E50;
    }
    .page-template-template-support-odoo-tickets
    {
        background: #F9F7F2;
        color: #173151;
    }

 .page-template-template-support-odoo-tickets .odoo_tickets_header {
    display: block;
    height: 42px;
    margin-bottom: 56px;
}
    .page-template-template-support-odoo-tickets .page-title {
    float: left;
    color: #173151;
    margin-top: 0px;
     width: 50%;
}
   .page-template-template-support-odoo-tickets .odoo_tickets_header_account {
    float: left;
    width: 50%;
    margin-top: 9px;
}
    .page-template-template-support-odoo-tickets .odoo_tickets_header_account a {
    color: #173151;
    font-family: "Apercu Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    float: right;
    margin-left: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* position: relative; */
    margin-left: 44px;
    gap: 10px;
}
    .page-template-template-support-odoo-tickets .odoo_tickets_header_account a p {
    margin: 0px;
}
    .page-template-template-support-odoo-tickets .page-title a svg {
  margin-right: 8px;
    vertical-align: middle;
}
    .page-template-template-support-odoo-tickets .odoo_tickets_pretitle {
    color: #678CB5;
    font-family: Cambon;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 198.5%;
    letter-spacing: -0.54px;
    margin-bottom: 0px;
}
.page-template-template-support-odoo-tickets .fluentform {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 31.7px 0px rgba(0, 0, 0, 0.05);
        padding: 30px;
  position: relative;
}
.page-template-template-support-odoo-tickets .fluentform::before {
  content: "";
  position: absolute;
  left: 0; 
  top: 74px;
  width: 100%;
  height: 2px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1110" height="2" viewBox="0 0 1110 2" fill="none"><path d="M0 1H1110" stroke="%23D9D9D9" stroke-dasharray="2 2"/></svg>') no-repeat;
}
.page-template-template-support-odoo-tickets .fluentform div[data-name="ff_cn_id_2"] {
  margin-top: 30px;
}
.page-template-template-support-odoo-tickets .fluentform .fluent_form_2 {
  position: relative;
}
.page-template-template-support-odoo-tickets .fluentform .fluent_form_2::before {
    content: "";
    position: absolute;
    top: -7px;
    left: 0px;
    width: 34px;
    height: 31px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2231%22%20viewBox%3D%220%200%2034%2031%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M30.9091%204.929L13.2755%2022.63L6.72273%2016.058L8.90182%2013.8725L13.2755%2018.259L28.73%202.759L30.9091%204.929ZM15.4545%2027.9C8.63909%2027.9%203.09091%2022.3355%203.09091%2015.5C3.09091%208.6645%208.63909%203.1%2015.4545%203.1C17.8809%203.1%2020.1527%203.813%2022.0691%205.0375L24.31%202.79C21.7909%201.0385%2018.7464%200%2015.4545%200C6.92364%200%200%206.944%200%2015.5C0%2024.056%206.92364%2031%2015.4545%2031C18.1282%2031%2020.6473%2030.318%2022.8418%2029.109L20.5236%2026.784C18.9782%2027.497%2017.2627%2027.9%2015.4545%2027.9ZM26.2727%2020.15H21.6364V23.25H26.2727V27.9H29.3636V23.25H34V20.15H29.3636V15.5H26.2727V20.15Z%22%20fill%3D%22%23678CB5%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: contain;
}
.page-template-template-support-odoo-tickets .fluentform .fluent_form_2::after {
content: "New ticket";
    position: absolute;
    top: -7px;
    left: 45px;
    color: #173151;
    font-family: "Apercu Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.72px;
}
.page-template-template-support-odoo-tickets .fluentform .ff-el-input--label, .page-template-template-support-odoo-tickets .fluentform .ff-el-group.ff-el-form-top .ff-el-input--label  {
    color: #173151;
    font-family: "Apercu Pro";
font-size: 16px;
font-style: normal;
line-height: 20px; /* 125% */
    float: left;
}
.page-template-template-support-odoo-tickets .fluentform .ff-el-input--label label, .page-template-template-support-odoo-tickets .fluentform .ff-el-group.ff-el-form-top .ff-el-input--label label {

font-weight: 400!important;

}
.page-template-template-support-odoo-tickets .fluentform .odoo-ticket-form-priority-radio .ff-el-input--label {
    margin-right: 10px;
    }
.page-template-template-support-odoo-tickets .fluentform .ff-el-input--label label, .page-template-template-support-odoo-tickets .fluentform .ff-el-group.ff-el-form-top .ff-el-input--label label  {
 text-align: left;
}
.page-template-template-support-odoo-tickets .ff-default input.ff-el-form-control, .page-template-template-support-odoo-tickets .ff-default select.ff-el-form-control
{
    border-radius: 20px!important;
    background: rgba(23, 49, 81, 0.05)!important;
    border-width: 0px !important;
}
.page-template-template-support-odoo-tickets .ff-default textarea.ff-el-form-control
{
    border-radius: 10px!important;
    background: rgba(23, 49, 81, 0.05)!important;
    border-width: 0px !important;
}
.page-template-template-support-odoo-tickets .ff-default .ff-el-form-check label.ff-el-form-check-label {
    cursor: pointer;
    margin-bottom: 7px;
    width: 35px;
    height: 17px;
    display: block;
    flex-shrink: 0;
    border-radius: 20px;
    background: #CDD8E3;
    text-align: center;
}
.page-template-template-support-odoo-tickets .ff-default .ff-el-form-check label.ff-el-form-check-label span {
    color: #173151;
    text-transform: uppercase;
    font-family: "Apercu Pro";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1px;
}
.page-template-template-support-odoo-tickets .ff-default .ff_item_selected label.ff-el-form-check-label {
    background: #91CD94;
}
.page-template-template-support-odoo-tickets .ff-default .ff_item_selected label.ff-el-form-check-label span {
    color: #FFF;
}
.page-template-template-support-odoo-tickets .ff-el-form-check input.ff-el-form-check-input {
    display: none !important;
}
.page-template-template-support-odoo-tickets .fluentform .ff-el-form-check {
    margin-left: 5px;
    float: left;
}
.page-template-template-support-odoo-tickets .fluentform .odoo-ticket-form-priority-radio {
    width: 250px;
    margin-left: auto;
}

.page-template-template-support-odoo-tickets .fluentform .odoo-ticket-form-textarea-desc {
    height: 100%;
    margin-top: 25px;
}
.page-template-template-support-odoo-tickets .fluentform .odoo-ticket-form-textarea-desc .ff-el-input--content {
  height: 100%;
  padding-bottom: 25px;
}
.page-template-template-support-odoo-tickets .fluentform .odoo-ticket-form-textarea-desc .ff-el-input--content div.mce-panel {

    border-width: 0px !important;
}
.page-template-template-support-odoo-tickets .fluentform #tinymce {
    background: rgba(23, 49, 81, 0.05)!important;
}
.page-template-template-support-odoo-tickets .fluentform .odoo-ticket-form-textarea-desc .ff-el-input--content textarea.ff-el-form-control {
  height: 100%;
}
.page-template-template-support-odoo-tickets .fluentform .ff_submit_btn_wrapper_custom
{
     width: 255px;
    float: right;
}
.page-template-template-support-odoo-tickets .fluentform .ff_submit_btn_wrapper_custom .ff-btn-submit
{
       border-radius: 60px;
    border: 2px solid #173151;
    background: #173151!important;
    /* display: flex
; */
    width: 255px;
    height: 50px;
    position: relative;
     padding-right: 30px;
}
.page-template-template-support-odoo-tickets .fluentform div[data-name="ff_cn_id_3"] .ff-t-cell{
       
   align-items: center;
    justify-content: flex-end;
    flex-direction: inherit;

}
.page-template-template-support-odoo-tickets .fluentform div[data-name="ff_cn_id_3"] .ff-t-cell .ff_submit_btn_wrapper_custom button{
       
  margin-bottom: 0px;

}
.page-template-template-support-odoo-tickets .fluentform div[data-name="ff_cn_id_3"] .ff-t-cell .ff-el-group {
    margin-bottom: 0px;
}
.page-template-template-support-odoo-tickets .fluentform div[data-name="ff_cn_id_3"] .ff-t-cell .ff-uploaded-list{
        margin-top: 0px!important;
}
.page-template-template-support-odoo-tickets .fluentform div[data-name="ff_cn_id_3"] .ff-t-cell .ff_upload_btn.ff-btn {
    background: transparent;
    padding: 10px 20px;
    color: #173151;
    font-family: "Apercu Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.page-template-template-support-odoo-tickets .fluentform div[data-name="ff_cn_id_3"] .ff-t-cell .ff_file_upload_holder {
 position: relative;
}
.page-template-template-support-odoo-tickets .fluentform div[data-name="ff_cn_id_3"] .ff-t-cell .ff_upload_btn.ff-btn::before {
    content: "";
    position: absolute;
        top: 50%;
    transform: translateY(-50%);
    left: -2px;
    width: 16px;
    height: 20px;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2220%22%20viewBox%3D%220%200%2016%2020%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M10%200H2C0.9%200%200.0100002%200.9%200.0100002%202L0%2018C0%2019.1%200.89%2020%201.99%2020H14C15.1%2020%2016%2019.1%2016%2018V6L10%200ZM14%2018H2V2H9V7H14V18ZM4%2013.01L5.41%2014.42L7%2012.84V17H9V12.84L10.59%2014.43L12%2013.01L8.01%209L4%2013.01Z%22%20fill%3D%22%23173151%22%2F%3E%3C%2Fsvg%3E) no-repeat center center;
    background-size: contain;
}
.page-template-template-support-odoo-tickets .fluentform div[data-name="ff_cn_id_3"] .ff-t-cell .ff-upload-preview {
    border: 0px;
    border-radius: 10px !important;
    background: rgba(23, 49, 81, 0.05) !important;
    color: #173151;
}
.page-template-template-support-odoo-tickets .fluentform div[data-name="ff_cn_id_3"] .ff-t-cell .ff_submit_btn_wrapper_custom {
        margin: 0;
}
.page-template-template-support-odoo-tickets .fluentform .ff_submit_btn_wrapper_custom .ff-btn-submit:hover{
       
    background: #91CD94!important;

}
.page-template-template-support-odoo-tickets .fluentform .ff_submit_btn_wrapper_custom button::after {
    content: '';
    position: absolute;
    right: 10px; /* Adjust this to position the SVG */
    top: 50%;
    transform: translateY(-50%);
    width: 22px;  /* Width of the SVG */
    height: 18px; /* Height of the SVG */
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18" fill="none"%3E%3Cpath d="M2.51 3.03L10.02 6.25L2.5 5.25L2.51 3.03ZM10.01 11.75L2.5 14.97V12.75L10.01 11.75ZM0.51 0L0.5 7L15.5 9L0.5 11L0.51 18L21.5 9L0.51 0Z" fill="white"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
}
.page-template-template-support-odoo-tickets .fluentform .odoo-ticket-form-input-subject{
        border-bottom: 1px dotted #D9D9D9;
    padding-bottom: 23px;
    margin-bottom: 30px;
}
.page-template-template-support-odoo-tickets .odoo_tickets_footer_help{
 display: flex;
    gap: 129px;
    border-radius: 20px;
    background: #F2EFE9;
    min-height: 146px;
    margin-bottom: 94px;
    padding: 33px 62px;
    margin-top: 30PX;
}
.page-template-template-support-odoo-tickets .odoo_tickets_footer_help div{


        width: 100%;
        }

.page-template-template-support-odoo-tickets .odoo_tickets_footer_help_inner{
    float: left;
    height: auto;
}


.page-template-template-support-odoo-tickets .odoo_tickets_footer_help .odoo_tickets_footer_help_title{
   color: #173151;
font-family: "Apercu Pro";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 20px; 
letter-spacing: -0.5px;
}
.page-template-template-support-odoo-tickets .odoo_tickets_footer_help .odoo_tickets_footer_help_description{
color: #173151;
font-family: "Apercu Pro";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.page-template-template-support-odoo-tickets .odoo_tickets_footer_help .odoo_tickets_footer_help_description b{
color: #789FC9;
font-family: "Apercu Pro";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 30px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
width: 100%;
float: left;
}
/*.page-template-template-support-odoo-tickets .odoo_tickets_footer_help .odoo_tickets_footer_help_hours{
float: left;
width: 189px;
margin-left: 87px;
}*/
.page-template-template-support-odoo-tickets .odoo_tickets_footer_help .odoo_tickets_footer_help_hours .odoo_tickets_footer_help_hours_headline{
float: left;
width: 100%;
color: #173151;
font-family: "Apercu Pro";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 125% */
}
.page-template-template-support-odoo-tickets .odoo_tickets_footer_help .odoo_tickets_footer_help_hours .odoo_tickets_footer_help_hours_days, .page-template-template-support-odoo-tickets .odoo_tickets_footer_help .odoo_tickets_footer_help_hours .odoo_tickets_footer_help_hours_time{
float: left;
width: 100%;
color: #173151;
font-family: "Apercu Pro";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
width: 100px;
}
.page-template-template-support-odoo-tickets .odoo_tickets_footer_help .odoo_tickets_footer_help_hours .odoo_tickets_footer_help_hours_days{
margin-right: 19px;

}
.page-template-template-support-odoo-tickets .odoo_tickets_footer_help .odoo_tickets_footer_help_hours .odoo_tickets_footer_help_hours_days div, .page-template-template-support-odoo-tickets .odoo_tickets_footer_help .odoo_tickets_footer_help_hours .odoo_tickets_footer_help_hours_time div{
float: left;
width: 100%;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing{
border-radius: 20px;
padding-top: 30px;
background: #FFF;
box-shadow: 0px 0px 31.7px 0px rgba(0, 0, 0, 0.05);
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing_headline{
   
    float: left;
    margin-left: 60px;
    margin-bottom: 27px;
    position: relative;
    color: #173151;
    font-family: "Apercu Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.72px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing_headline::before {
    content: "";
    position: absolute;
    left: -35px;
    width: 34px;
    height: 31px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2229%22%20viewBox%3D%220%200%2023%2029%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M14.375%200H2.875C1.29375%200%200.0143753%201.305%200.0143753%202.9L0%2026.1C0%2027.695%201.27937%2029%202.86062%2029H20.125C21.7062%2029%2023%2027.695%2023%2026.1V8.7L14.375%200ZM20.125%2026.1H2.875V2.9H12.9375V10.15H20.125V26.1ZM6.92875%2016.0225L4.8875%2018.067L9.97625%2023.2L18.1125%2014.993L16.0856%2012.9485L9.99062%2019.0965L6.92875%2016.0225Z%22%20fill%3D%22%23678CB5%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: contain;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing_table{
  display: flex;
  flex-direction: column; /* Pravimo listu elemenata jedan ispod drugog */
  width: 100%;
  gap: 0px; /* Razmak između redova */
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box {
  display: flex;
/*  flex-wrap: wrap; /* Omogućava da se poslednji div prebaci u novi red */
  gap: 0px; /* Razmak između ćelija u svakom redu */
  width: 100%; /* Obezbeđuje da celokupni box zauzme širinu 100% */
  align-items: center;
  height: 40px;
  border-bottom: 1px solid #D9D9D9;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box_Solved, .page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box_Canceled{
background: rgba(155, 155, 155, 0.10);
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box:nth-child(1){
border-top: 1px solid #D9D9D9;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box div{

text-align: left;
    vertical-align: middle;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_ticketid {
   width: 40px;
    padding-right: 40px;
    padding-left: 30px;
    color: #173151;
font-family: "Apercu Pro";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box.fullo_odoo_ticketing_listing_box_Solved .fullo_odoo_ticketing_listing_box_ticketid, .page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box.fullo_odoo_ticketing_listing_box_Canceled .fullo_odoo_ticketing_listing_box_ticketid {
color: #858585;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status {
    width: 47px; 
    position: relative;
    padding-right: 23px;
leading-trim: both;
text-edge: cap;
font-family: "Apercu Pro";
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 166.667% */
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status.fullo_odoo_ticketing_listing_box_status_New {
    color: #789FC9; 
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status.fullo_odoo_ticketing_listing_box_status_New::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translatey(-50%);
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%228%22%20fill%3D%22%23789FC9%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%228%22%20r%3D%221%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%221%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%221%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: contain;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status.fullo_odoo_ticketing_listing_box_status_Progress {
    color: #173151; 
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status.fullo_odoo_ticketing_listing_box_status_Progress::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translatey(-50%);
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%228%22%20fill%3D%22%23173151%22%2F%3E%3Cpath%20d%3D%22M8%204V8.5H12%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: contain;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status.fullo_odoo_ticketing_listing_box_status_Pending {
    color: #789FC9;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status.fullo_odoo_ticketing_listing_box_status_Pending::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translatey(-50%);
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%228%22%20fill%3D%22%23789FC9%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%228%22%20r%3D%221%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%221%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%221%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: contain;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status.fullo_odoo_ticketing_listing_box_status_Solved {
    color: #91CD94;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status.fullo_odoo_ticketing_listing_box_status_Solved::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translatey(-50%);
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%228%22%20fill%3D%22%2391CD94%22%2F%3E%3Cpath%20d%3D%22M4.99987%208.77778L6.84607%2011L11%206%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;   
    background-size: contain;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status.fullo_odoo_ticketing_listing_box_status_Canceled {
    color: #FF6969;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status.fullo_odoo_ticketing_listing_box_status_Canceled::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translatey(-50%);
    width: 16px;
    height: 16px;
background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%228%22%20fill%3D%22%23FF6969%22%2F%3E%3Cpath%20d%3D%22M11%2011L5%205%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M11%205L5%2011%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
background-size: contain;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_subject {
    width: 200px;
    color: #173151;
    font-family: "Apercu Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box.fullo_odoo_ticketing_listing_box_Solved .fullo_odoo_ticketing_listing_box_subject, .page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box.fullo_odoo_ticketing_listing_box_Canceled .fullo_odoo_ticketing_listing_box_subject{
color: #858585;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_priority {
    width: 42px;
    padding-left: 84px;
    padding-right: 17px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_priority .fullo_odoo_ticketing_listing_box_priority_box, .page-template-template-support-odoo-tickets .fullo_odoo_ticketing_success_box_priority_value{
  width: 42px;
height: 17px;
border-radius: 20px;
color: #FFF;
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: "Apercu Pro";
font-size: 10px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 200% */
letter-spacing: 1px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_priority .fullo_odoo_ticketing_listing_box_priority_box_LOW, .page-template-template-support-odoo-tickets .fullo_odoo_ticketing_success_box_priority_value_LOW{
background: #91CD94;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_priority .fullo_odoo_ticketing_listing_box_priority_box_MID, .page-template-template-support-odoo-tickets .fullo_odoo_ticketing_success_box_priority_value_MID{
background: #FFBF5F;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_priority .fullo_odoo_ticketing_listing_box_priority_box_HIGH, .page-template-template-support-odoo-tickets .fullo_odoo_ticketing_success_box_priority_value_HIGH{
background: #FF6969;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box.fullo_odoo_ticketing_listing_box_Solved .fullo_odoo_ticketing_listing_box_priority .fullo_odoo_ticketing_listing_box_priority_box, .page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box.fullo_odoo_ticketing_listing_box_Canceled .fullo_odoo_ticketing_listing_box_priority .fullo_odoo_ticketing_listing_box_priority_box{
background: rgba(133, 133, 133, 0.50);
}


.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_desc {
text-overflow: ellipsis;
    display: block;
    width: 450px;
    white-space: nowrap;
    overflow: hidden;
    color: #173151;
    font-family: "Apercu Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_desc::after {
    content: "";
    display: block;
    width: 100%; /* Zauzima celu širinu da bi prešao u novi red */
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box.fullo_odoo_ticketing_listing_box_Solved .fullo_odoo_ticketing_listing_box_desc, .page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box.fullo_odoo_ticketing_listing_box_Canceled .fullo_odoo_ticketing_listing_box_desc{
color: #858585;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing_pagination {
    display: block;
    padding: 31px;
    text-align: right;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing_pagination .page-numbers {
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    color: #173151;
    text-align: center;
    font-family: "Apercu Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-left: 10px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing_pagination .page-numbers.current {
    border-radius: 5px;
    background: #789FC9;
    color: #ffffff;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing_pagination .page-numbers.next, .page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing_pagination .page-numbers.prev {
    border-radius: 5px;
background: rgba(120, 159, 201, 0.20);
}
/* Login form  */
.page-template-template-support-odoo-tickets .login-form-container .button
{
    border-radius: 60px;
    border: 2px solid #173151;
    background: #173151;
    color: #F9F7F2;
    text-align: center;
    font-family: "Apercu Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    width: 255px;
    height: 40px;
    cursor: pointer;
}
.page-template-template-support-odoo-tickets .login-form-container{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 80px;
}
.page-template-template-support-odoo-tickets .login-form-container p {   
    position: relative;
}
.page-template-template-support-odoo-tickets .login-form-container label.label_user_pass svg {   
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translatey(-50%);
}
.page-template-template-support-odoo-tickets .login-form-container label.label_user_login svg:first-child {   
    position: absolute;
    left: 18px;
    top: 11px;
}
.page-template-template-support-odoo-tickets .login-form-container label.label_user_login svg:nth-child(2) {   
    position: absolute;
    left: 15px;
    top: 21px;
}
.page-template-template-support-odoo-tickets .login-form-container .input {   
    width: 213px;
    height: 40px;
    border-radius: 20px;
    border: 2px solid #789FC9;
    color: #173151;
    font-family: "Apercu Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-left: 42px;
}
.page-template-template-support-odoo-tickets .login-form-container .input.user_pass {   
    background: rgba(23, 49, 81, 0.05);
    border: none;
}
.page-template-template-support-odoo-tickets .login-form-container .label_rememberme {   
color: #173151;
font-family: "Apercu Pro";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 166.667% */
}
.page-template-template-support-odoo-tickets .login-form-container p.forgetmenot {
       margin-top: 41px;
}
.page-template-template-support-odoo-tickets .login-form-container_preheadline{
color: #678CB5;
font-family: Cambon;
font-size: 18px;
font-style: normal;
font-weight: 800;
line-height: 198.5%; /* 35.73px */
letter-spacing: -0.54px;
position: relative;
margin-left: 23px;
}
.page-template-template-support-odoo-tickets .login-form-container .login-form-container_preheadline svg {
    position: absolute;
    left: -23px;
    top: 50%;
    transform: translatey(-50%);
}
.page-template-template-support-odoo-tickets .login-form-container .login-form-container_headline{
 color: #173151;
font-family: Cambon;
font-size: 32px;
font-style: normal;
font-weight: 800;
line-height: 36px; /* 112.5% */
letter-spacing: -0.96px;
width: 221px;
    margin-bottom: 30px;
    margin-top: 18px;
}
.page-template-template-support-odoo-tickets .login-form-container .login-error-message{
width: 235px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_success_box{
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_success_box_inside{
   width: 730px;
    height: 500px;
    border-radius: 20px;
    color: #173151;
    background: #FFF;
box-shadow: 0px 0px 31.7px 0px rgba(0, 0, 0, 0.05);
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_success_box_inside .fullo_odoo_ticketing_success_box_message svg:first-child{
    position: absolute;
    top: -132px;
    left: 50%;
    transform: translatex(-50%);
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_success_box_inside .fullo_odoo_ticketing_success_box_message svg:nth-child(2){
    position: absolute;
    top: -112.5px;
    left: 50%;
    transform: translatex(-50%);
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_success_box_message{
 color: #173151;
text-align: center;
font-family: "Apercu Pro";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 87.5% */
letter-spacing: -0.96px;
    position: relative;
    margin-top: 200px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_success_box_subject{
color: #173151;
text-align: center;
font-family: "Apercu Pro";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 125% */
    margin-top: 31px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_success_box_subject i{

font-weight: 400;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_success_box_priority{
    display: flex;
    justify-content: center;
    align-items: center;
margin-top: 11px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_success_box_priority_name{
color: #173151;
font-family: "Apercu Pro";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 125% */
margin-right: 6px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_success_box_divider{
   display: flex;
    justify-content: center;
    align-items: center; 
margin-top: 31px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_success_box_mytasks{
   color: #173151;
text-align: center;
font-family: "Apercu Pro";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 125% */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
margin-top: 29px;
cursor: pointer;
}

/* =========================
   SINGLE TICKET (scoped)
   ========================= */

/* okvir i raspored osnovne kartice */

.ticket-single h3 {
color: #173151;
}
.ticket-single .fullo_odoo_ticketing_listing {
    padding-bottom: 30px;
}

/* -------------------------
   DISCUSSION LIST
   ------------------------- */
.ticket-single .ticket-messages{
  margin-top:14px; padding:8px 22px;
  border-top:1px solid rgba(23,49,81,.12);
  border-bottom:1px solid rgba(23,49,81,.12);
  max-height:60vh; overflow-y:auto;
  background:#fff; border-radius:12px;
}
.ticket-single .ticket-message{
  padding:12px 16px;
  border-bottom:1px solid rgba(23,49,81,.08);
}
.ticket-single .ticket-message:last-child{ border-bottom:0; }

.ticket-single .ticket-message-meta{
  display:flex; gap:8px; align-items:baseline;
  font-weight:600; color:#173151; margin-bottom:6px;
}
.ticket-single .ticket-message-meta span{ color:rgba(23,49,81,.7); font-weight:400; }

.ticket-single .ticket-message-body,
.ticket-single .ticket-message-body *{
  color:#173151 !important;
}
.ticket-single .ticket-message-body p{ margin:0 0 8px; }
.ticket-single .ticket-message-body a{
  color:#678CB5; text-decoration:underline; text-underline-offset:2px;
}
.ticket-single .ticket-message-body ul,
.ticket-single .ticket-message-body ol{ margin:0 0 8px 18px; }
.ticket-single .ticket-message-body blockquote{
  margin:8px 0; padding:8px 12px;
  border-left:3px solid #678CB5; background:rgba(103,140,181,.08);
  color:#173151;
}
.ticket-single .ticket-message-body pre,
.ticket-single .ticket-message-body code{
  font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  background: rgba(23,49,81,.06);
  padding:2px 6px; border-radius:4px;
}

/* -------------------------
   COMMENT FORMA
   ------------------------- */
.ticket-single form textarea[name="ticket_comment"]{
  width:100%; min-height:130px; resize:vertical;
  padding:12px 14px; border-radius:10px;
  color:#173151; background:#fff;
  border:1px solid rgba(23,49,81,.18);
}
.ticket-single form textarea[name="ticket_comment"]::placeholder{ color:rgba(23,49,81,.55); }

.ticket-single form .button.button-primary{
      width: 255px;
    height: 50px;
    color: #ffffff;
    background: #173151 !important;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    border: 2px solid #F9F7F2 !important;
    box-sizing: border-box;
    border-radius: 50px !important;
    padding: 6px 20px !important;
    text-align: left !important;
}
.ticket-single form .button.button-primary:hover{ 
    filter:brightness(1.05);    
    background: #91CD94!important;
    color:#173151;

}

/* -------------------------
   RESPONSIVE
   ------------------------- */
@media (max-width:720px){
  .ticket-single .fullo_odoo_ticketing_listing_box{
    grid-template-columns: 48px 1fr 90px;
    row-gap:8px;
  }
  .ticket-single .fullo_odoo_ticketing_listing_box_priority{
    grid-column:auto / span 1; justify-self:end;
  }
  .ticket-single .fullo_odoo_ticketing_listing_box_desc{
    grid-column:1 / -1;
  }
}

@media (max-width:1500px) {

    .section_one .uk_2_left {
        left: 0;
        padding-left: 2%;
        margin-top: 0%;
    }


    .ref, .ref a{
    min-height: 300px;
    line-height: 300px;
    height: 300px;

    display: flex;
    justify-content: center;
    }

    .overlay ul li {
        margin-bottom: 5px;
    }

    .fullo_pricelist_tab_group .header h3 {
        font-size: 30px;
    }

    .tr_image {
        top: 10%;
    }

    .uk_section-one h1 {
        font-size: 60px;
    }

    .uk_section-two::before,
    .uk_section-three::before,
    .uk_section-four::before,
    .uk_section-five::before {
        left: 1%;
    }
    .uk_section-two::after,
    .uk_section-three::after,
    .uk_section-four::after,
    .uk_section-five::after {
        right: 2%;
    }

    .uk_section-two h2, .uk_section-three h2, .uk_section-four h2, .uk_section-five h2 {
        font-size: 35px;
    }

    .uk_section-one a, 
    .uk_section-two a, 
    .uk_section-three a, 
    .uk_section-three a, 
    .uk_prices_box a, 
    .uk_section-five a {
        font-size: 15px;
    }

}




@media (max-width:1140px) {
    .container {
        width: calc(100% - 30px);
    }

    .header {
        width: 350px;
    }
    .paketi .ff-el-form-check {
        height: 123px;
    }


    .page-id-2 .content, .page-id-210 .content, .page-id-247 .content, .page-id-266 .content, .page-id-296 .content, .page-id-686 .content{
        background-size: contain;
        background-position: 30px 120px;
    }

    .page-template-template-services .creation_stage, .page-id-26 .creation_stages_wrapper .creation_stage{
        min-height: 225px;
    }

    /* Blog page */

    .blog_list .blog_inner:nth-child(2) h1, .blog_list .blog_inner:nth-child(3) h1 {
        width: 85%;
    }

    .blog_list .blog_inner {
        width: 50%;
    }

    .blog_list {
        padding-bottom: 0;
    }


    /* blog single */

    .single_blog_content .single_title {
        font-size: 35px;
    }

    .single_blog_content .cat_name a {
        font-size: 13px;
    }

    .share-text {
        font-size: 13px;
    }

}




@media (max-width:1025px) {


.parent-pageid-633 .fluentform .ff-el-form-check label.ff-el-form-check-label, .page-id-633 .fluentform .ff-el-form-check label.ff-el-form-check-label {
    width: 311.41px!important;
}

.fluentform .ff_item_selected label span:after {
    left: -52px;
    right: -51.6px;
}

.step2 .ff-el-form-check label.ff-el-form-check-label {
    width: 228.61px!important;
}

.step2 .ff_item_selected label span:after {
    left: -10.3px;
    right: -11.2px;
}

.step2 .experts {
    margin: 0px 0px 5px 0px;
}

.header h2 {
    margin: 10px 0px 5px 0px;
}

.header h4 {
    margin-top: 5px;
}

.header h3{
    font-size: 30px;
}

.header .stars {
    margin-top: 16px;
}
.step2 .header h2 {
    font-size: 17px;
}


.dugme{
    display: none!important;
}

.dugmemob{
    display: block!important;
}

}





@media only screen and (min-width: 991px) {


/* Custom form popup */
        .page-template-template-front .all_page_logo {
        display: none;
    }
    .page-template-template-front .blog_logo{
        display: block;
    }

    .page-template-template-front .menu li a{
        color: #313E50;
    }
      .navbar {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
    }
      .navbar .navbrand .burger {
        display: none;
    }
    .navbar .social {
        display: flex;
    }
     .navbar .menu {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: auto;
    }
    .navbar .menu-item {
        padding: 0;
        margin: 0 1rem;
    }
    /* .navbar .menu-item:last-child {
        margin-right: 0px;
    }*/


}




@media (max-width:991px) {

 .quote_popup_form {
        width: 91%;
        z-index: 10;
    }

    .quoteSection .home_text h2 {
        display: none;
    }

    .page-template-template-front .header_wrapper {
        background-color: #faf7f3;
    }

    .page-template-template-front .all_page_logo {
        display: none;
    }

    .page-template-template-front .blog_logo {
        display: block;
    }

    .page-template-template-front .quoteSection {
        padding-top: 20px;
    }

    .amastyBronze {
        display: none;
    }

    .amastyBronzeMob {
        display: block;
        position: static;
    }

    .new_quote_form.custom_form_popup .flex {
        flex-direction: column;
        text-align: center;
    }

    .new_quote_form h4 {
        float: none;
        margin-bottom: 10px;
        padding-right: 0;
        font-size: 20px;
        width: 70%;
        margin: auto;
        padding: 15px 0 20px;
    }

    .page-id-835 .col4 {
        padding-bottom: 0px !important;
    }

    .page-id-835 .col1 .uk-scope .uk-cover, .uk-scope [uk-cover] {
        padding: 0 80px;
    }

    .page-id-835 .col3 .heading h2 {
        font-size: 22px;
    }

    .page-id-835 .col3 .right-col p {
        font-size: 22px !important;
        line-height: 22px !important;
    }

    .page-id-835 .col3 .grid-wrap {
        grid-template-columns: 1fr;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .page-id-835 .social_share {
        width: 100%;
    }

    .page-id-835 .wplogout-social-wrapper {
        justify-content: center;
        margin-bottom: 0px;
        border-bottom: 0;
        width: 100%;
    }

    .page-id-835 .content_inner.col1 {
        margin-top: 15px !important;
    }

    .page-id-835 .blog_logo {
        display: none;
    }

    .page-id-835 .all_page_logo {
        display: block;
    }


.uk_section-one h1 {
    font-size: 45px;
    line-height: 55px;
}



.page-id-775 .head_text h2 {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}
    


/* About */

.about_us_section .head_text h1 {
    font-size: 40px;
    text-align: center;
    margin-top: 130px;
    line-height: 1;
}

.about_us_section .about_text,
.about_us_section .about_img {
    width: 100%;
    margin-right: 0;
}


.about_us_section .about_img {
    padding-top: 40px;
}


.about_us_section .fullo-column-image {
    left: 0;
}


/* Magento landing */

.page-id-792 .dark_logo,
.page-id-835 .dark_logo,
.page-id-856 .dark_logo,
.page-id-918 .dark_logo,
.page-id-927 .dark_logo {
    display: none;
}

.page-id-792 .light_logo,
.page-id-835 .light_logo,
.page-id-856 .light_logo,
.page-id-918 .light_logo,
.page-id-927 .light_logo {
    display: block;
}

.magento_slide .mg_left h1 {
    font-size: 40px;
    text-align: left;
}

.m_features .img_circle h3 {
    font-size: 20px;
    min-height: 45px;
}



/* New pricing */

    .fullo_pricelist_tab_group .header h3 {
        font-size: 25px;
    }

    .fullo_pricelist_tab .ff-el-form-check label.ff-el-form-check-label span {
       width: 85%;
    }

    #fullo-price-tabs-1 .fullo_pricelist_tab_website_creation .fullo_pricelist_tab_group .text {
        min-height: 290px;
    }


    #fullo-price-tabs-1 .fullo_pricelist_tab_growth .text_naslov {
        min-height: 210px;
    }


    #fullo-price-tabs .headeri .header {
        height: 275px;
    }

    #fullo-price-tabs-1 .fullo_pricelist_tab_website_creation .fullo_pricelist_tab_group .text_naslov {
        min-height: 185px;
    }

    #fullo-price-tabs-1 .fullo_pricelist_tab_website_creation .fullo_pricelist_tab_group .text {
        min-height: 310px;
    }

    #fullo-price-tabs-1 .fullo_pricelist_tab_growth .text_naslov {
        min-height: 230px;
    }

    #fullo-price-tabs-1 .fullo_pricelist_tab_growth .text_wrapper .text {
        min-height: 295px;
    }

    #fullo-price-tabs-2 .fullo_pricelist_tab_marketing .text {
        min-height: 400px;
    }

    #fullo-price-tabs-3 .fullo_pricelist_tab_group .text_naslov {
        min-height: 210px;
    }


/**/
    .menu .navbar .menu-item a {
        padding: 1rem 15px;
        width: 100%;
        display: block;
    }
    .ref {
        width: 50%;
    }
    .menu li a:hover {
        color: white;
    }
    .menu .navbar .menu-item:last-child {
        border: none;
    }
    .navbar .navbrand.active {
        z-index: 1000;
        position: relative;
    }
    .menu {
        width: 100%;
        padding: 0px 0px 0px 0px;
        display: none;
    }
    .burger-close svg path {
        fill: white;
    }
    .menu li.current_page_item a {
        color: #fff;
        background: #91CD94;
    }
    .menu li a {
        color: #F0EBE1;
        font-weight: bold;
        font-size: 36px;
        line-height: 40px;
    }
    .navbar .menu-item {
        margin: 0px!important;
    }
    #menu {
        background: #303E50;
        margin: 0px;
        position: absolute;
        top: 71px;
        z-index: 1000;
        color: white;
        left: 0px;
    }
    #down {
        display: block;
        float: right;
        margin-top: 15px;
        margin-right: 15px;
        cursor: pointer;
    }
    .header_wrapper {
        padding: 0px;
        display: flex;
        height: 104px;
        background-color: #234670;
    }
      .page-template-template-support-odoo-tickets .header_wrapper {
       
        background-color: transparent;
    }

    .page-id-1050 .header_wrapper {
        background-color: transparent;
    }

    .page-id-1050 .content_inner.col1 {
        margin: 20px auto 0px auto;
    }

    .page-id-1050 .content_inner {
        margin: 0;
    }

    .burger {
        z-index: 10;
        cursor: pointer;
    }
    .home_landing {
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .home_text {
        width: 100%;
        order: 2;
    }
    .home_img {
        margin-left: 0px;
        order: 1;
        margin: 120px auto 0px auto;
        width: 100%;
        min-width: 100%;
    }
    .home_landing h1, .pricing h3, .control h2, {
        text-align: center;
        font-size: 30px;
    }
    .home_options .home_option {
        width: 50%;
        min-height: 430px;
    }
    .overlay ul li a {
        font-size: 30px;
        line-height: initial;
    }
    .burger {
        margin: 0px 15px 0px 1.3rem;
    }
    .logo {
        margin: 30px 0px 0px 15px;
    }
    .overlay .overlay-close {
        width: 67px;
        height: 67px;
        position: absolute;
        right: 16px;
        top: 19px;
    }

    .fluentform .ff-btn {
    min-width: 160px;
}

 .page-template-template-services .creation_stage, .page-id-26 .creation_stages_wrapper .creation_stage{
    float: left;
    width: 49%;
    padding-right: 0%;
    min-height: 225px;
}


.creation_stages .creation_stage:nth-child(5n + 4), .creation_stages .creation_stage:nth-child(13n){
    padding-right: 0%;
}

.creation_stages .creation_stage:nth-child(even) {
padding-right: 2%;
}

.navy_left, .navy_right{
    width: 100%;
    margin-right: 0px;
}

.navy_wrapper {
    float: left;
    width: 100%;
}

.navy {
    display: block;
        padding: 100px 0px;
    float: left;
    width: 100%;
      -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.navy_right .fullo-column-image {
 left:auto;
}

.page-id-49 .blocks .content_inner .fullo-column-image {
    margin-bottom: 0px;
}

.page-id-49 span.read{
    display: block;
    margin-bottom: 35px;
}

.navy_left h2 {
    font-size: 38px;
}

.navy_right{
order: 2;
}

.navy_left{
order: 1;
}

.fluentform .ff-el-form-check label.ff-el-form-check-label span {
    width: 180px;
}

.parent-pageid-633 .fluentform .ff-el-form-check label.ff-el-form-check-label, .page-id-633 .fluentform .ff-el-form-check label.ff-el-form-check-label{
    width: 245px!important;
}

.header .stars {
    margin-left: 4px;
}

.step2 .ff-el-form-check label.ff-el-form-check-label {
    width: 180px!important;
}

.header h3 {
    font-size: 25px;
}

.fluentform .ff_item_selected label span:after {
    left: -32.5px;
    right: -32.5px;
}

.step2 .ff_item_selected label span:after {
    left: -0.3px;
    right: -0.2px;
}

.experts {
    font-size: 12px;
}

.step2 .header h2 {
    font-size: 15px;
}

.branding .header h3 {
    font-size: 25px;
}

.branding .header h5 span{
    font-size: 9px;
}


.tables_wrapper .table:hover:after {
    width: auto;
}
.tables_wrapper .table:hover:before {
    width: auto;
}
.all_post ul li .post_desc {
    padding-left: 100px;
}

.fullo_hide_scrollbar.ui-tabs-nav.ui-helper-reset {
    display: flex !important;
    overflow: scroll;
}


.inner{
      -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.head_text, .head_image, .head_text_right{
    width: 100%;
}

.head_text_right {
    margin: 0 0px;
}

.page-id-26 .head_text, .page-id-633 .head_text, .page-id-654 .head_text, .page-id-670 .head_text, .page-id-686 .head_text, .page-id-699 .head_text,
.page-id-775 .head_text, .page-id-874 .head_text, .page-id-940 .head_text, .page-id-1530 .head_text, .page-id-1500 .head_text{
    width: 100%;
}



.head_text_right p{
    margin-top: 0px;
}

.head_image{
    order: 1;
    margin-bottom: 0px;
        text-align: center;
}

.blocks .head_text p {
    width: 100%;
}

.head_text{
    order: 2;
}
.head_text h1, .head_text p {
    text-align: center;
}

.page-template-template-services h1 {
    font-size: 40px;
    text-align: center;
    margin-top: 190px;
}
.options .option {
    width: 100%;
    MARGIN-RIGHT: 0%;
}

.head_text h2 {
    margin: 50px 0px;
    text-align: left;
}

.head_text h2 {
    margin-bottom: 80px;
}

.job_open_left {
    width: 100%;
}
.job_open_right span a {
    position: relative;
    bottom: auto;
    right: auto;
    float: left;
    margin-bottom: 15px;
}


.fluentform_wrapper_13 .ff_upload_btn {
height: auto!important;
}

.fluentform .ff-step-titles::before {
    right: 0px;

}

.fluentform .ff-step-titles {
    width: 100%!important;
    margin-left: 0%!important;
}
/* Odoo ticketing mobile */
    .page-template-template-support-odoo-tickets .page-title {
     width: 100%;
}
   .page-template-template-support-odoo-tickets .odoo_tickets_header_account {
    width: 100%;
    margin-top: 0px;
}

.page-template-template-support-odoo-tickets .odoo_tickets_footer_help {
gap: 22px;
flex-wrap: wrap;
}
.page-template-template-support-odoo-tickets .odoo_tickets_footer_help .odoo_tickets_footer_help_description {
        margin-bottom: 12px; /* Adjust the margin between second and third child */
    }
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box {
    height: 76px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_ticketid {
    padding-left: 20px;
     padding-right: 20px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_desc {
    width: 100%;
    padding-left: 20px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status {
    order: -1;
    padding-right: 0px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_priority {
    padding-left: 20px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status .fullo_odoo_ticketing_listing_box_status_text{
    display: none;
  }  
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status.fullo_odoo_ticketing_listing_box_status_New::before {
    left: -9px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status.fullo_odoo_ticketing_listing_box_status_Progress::before {
    left: -9px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status.fullo_odoo_ticketing_listing_box_status_Pending::before {
    left: -9px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status.fullo_odoo_ticketing_listing_box_status_Solved::before {
    left: -9px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status.fullo_odoo_ticketing_listing_box_status_Canceled::before {
    left: -9px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing .fullo_odoo_ticketing_listing_box .fullo_odoo_ticketing_listing_box_status {
    width: 0px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_listing_pagination {
   padding: 22px;
}
.page-template-template-support-odoo-tickets .fullo_odoo_ticketing_success_box_message{
color: #173151;
text-align: center;
font-family: "Apercu Pro";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 116.667% */
letter-spacing: -0.72px;
}

}




@media only screen and (max-width: 768px) {

    .ref a {
        display: flex;
        justify-content: center;
    }

    .section_one .uk_2_left {
        left: auto;
    }

    .uk_section-one h1,
    .page-template-template-uk-landing2 .uk_section-one h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .page-template-template-uk-landing2 .uk_section-one h1 br {
        display: none;
    }


    .uk_section-two h2, .uk_section-three h2, .uk_section-four h2, .uk_section-five h2 {
        font-size: 30px;
    }

    .uk_section-two ul li, .uk_section-three ul li {
        width: 100%;
        text-align: center;
    }


    .uk_section-two::before,
    .uk_section-two::after {
        width: 70px;
        height: 195px;
    }

    .uk_section-three::before,
    .uk_section-three::after,
    .uk_section-four::before,
    .uk_section-four::after,
    .uk_section-five::before,
    .uk_section-five::after {
        width: 140px;
        height: 195px;
    }

    .uk_section-four .uk_top_price h3, .uk_two_price .uk_two_price_box h3 {
        font-size: 60px;
    }

    .uk_section-four .uk_prices_box {
        width: 70%;
    }


    .custom_form_popup {
        padding: 30px 10px;
    }

    .custom_form_popup img {
        width: 85px;
    }

    .custom_form_content #open_quote_form {
        flex-direction: column;
    }

    .custom_form_content #open_quote_form {

    }

    .custom_form_content #open_quote_form input {
        width: 80%;
        margin: auto;
    }

    .custom_form_content {
        margin-left: 5px;
    }

    .quote_popup_form .ff-btn.ff-btn-submit {
        width: 117px;
        font-size: 11px;
        background-size: 7px;
    }

    .custom_form_content #open_quote_form button {
        font-size: 12px;
        min-width: 85px;
        padding: 10px;
        margin: auto;
        margin-top: 20px;
    }

    .quote_popup_form .fluentform_wrapper_15::after {
        width: 80px;
        top: -35px;
        right: 10px;
    }

    .show_hidden_message div,
    .show_hidden_message h3 {
        text-align: left;
    }

    .home_landing .ff-el-group p {
        font-size: 13px !important;
        width: 50%;
    }


    /* Blog */
	
	
	.blog-refreshing-padding {
		padding-left: 50px;
		padding-right: 50px;
	}


    .all_post ul li {
        flex-direction: column;
        text-align: center;
    }

    .all_post ul li .post_desc {
        padding-left: 0;
    }

    .blog_list .blog_inner:first-child h1 {
        font-size: 25px;
    }

    .all_post ul li .post_img,
    .all_post ul li .post_desc {
        width: 100%;
    }

    .all_post ul li .post_desc {
        margin-top: 15px;
    }

    .all_post ul li .post_desc h3 {
        font-size: 20px;
    }


    /* Home new */

    .home_options {
        padding-bottom: 160px;
    }
    .home_landing h1 {
        font-size: 30px;
        text-align: center;
        margin-bottom: 50px;
    }

    .home_landing {
        padding-bottom: 50px;
    }

    .pricing h3,
    .home_options h3,
    .blocks_home .control_wrapper .control h2 {
        width: 100%;
        font-size: 30px;
        line-height: 1.4;
    }

    .blocks_home .control_wrapper .control p {
        width: auto;
    }

    .pricing h3 br {
        display: none;
    }

    .pricing {
        padding: 50px 0px;
    }

    .home_options {
        padding-top: 0px;
    }

    /* About */

    .about_us_section .flying_machine_img img {
        top: 50% !important;
        width: 235px;
        left: 50% !important;
    }


    /* Ispravke */

    .home_options span.read {
        margin: 0px 0px 50px 0px;
    }


    .blocks_home .pricing_wrapper.pad {
        padding-bottom: 0;
    }

    .blocks_home .control_wrapper.pad .control h2 {
        margin-top: 180px;
    }

    .blocks_home .options {
        padding: 0px 0px 30px 0px;
    }

    .blocks_home .pad {
        padding-bottom: 200px;
    }

    .control_wrapper.pad.dark {
        padding-bottom: 150px;
    }

    .control_wrapper.padlast .control h2 {
        margin-top: 210px;
    }

    .contact_form .fluentform_wrapper_1 textarea {
        min-height: 256px;
    }


    /* end */

    .padlast {
        padding-bottom: 50px;
    }

    /* Magento landing */


    .control_wrapper.pad .options {
        padding-bottom: 30px;
    }

    .page-id-792::after,
    .page-id-835::after,
    .page-id-856::after,
    .page-id-918::after,
    .page-id-927::after {
        width: 95%;
        top: 120px;
    }

    .page-id-792 .content_inner,
    .page-id-835 .content_inner,
    .page-id-856 .content_inner,
    .page-id-918 .content_inner,
    .page-id-927 .content_inner {
        margin: 70px auto 0px auto;
    }

    .magento_slide .mg_left h1 br {
        display: none;
    }

    .magento_slide .mg_left, .magento_slide .mg_right {
        width: 100%;
    }

    .magento_slide .mg_left h1 {
        text-align: center;
        font-size: 30px;
    }

    .magento_slide .mg_right {
        margin-top: 100px;
    }


    .fullo_pricelist_tab_group .header h3 {
        font-size: 30px;
    }

    .m_features .heading h2::before {
        width: 35%;
    }

    .m_features .heading h2::after {
        width: 35%;
    }


    .m_features .img_circle {
        width: 100%;
    }

    .m_features .img_circle h3 {
        min-height: initial;
        font-size: 22px;
        margin-top: 30px;
    }

    .m_features .img_circle {
        padding-top: 50px;
    }

    .m_features .img_circle p {
        text-align: center;
    }

    .page-id-792 .content_inner.col4,
    .page-id-835 .content_inner.col4,
    .page-id-856 .content_inner.col4,
    .page-id-918 .content_inner.col4,
    .page-id-927 .content_inner.col4 {
        margin-top: 0;
        margin-bottom: 100px;
    }

    .page-id-792 .control_wrapper.pad,
    .page-id-835 .control_wrapper.pad,
    .page-id-856 .control_wrapper.pad,
    .page-id-918 .control_wrapper.pad,
    .page-id-927 .control_wrapper.pad {
        padding-bottom: 0;
    }

    .magento_slide .mg_right img {
        width: 80%;
    }

    .m_features .heading h2 {
        font-size: 30px;
        margin-bottom: 0;
        margin-top: 100px;
    }

    .page-id-792 .content_inner,
    .page-id-835 .content_inner,
    .page-id-856 .content_inner,
    .page-id-918 .content_inner,
    .page-id-927 .content_inner {
        margin: 50px auto 0px auto;
    }

    .m_features .heading h2::before {
        width: 27%;
    }

    .m_features .heading h2::after {
        width: 27%;
    }

    .m_contactUs {
        margin-top: 50px;
    }

    .m_contactUs {
        padding: 30px 30px;
        padding-right: 30px;
        margin-top: 50px;
    }

    .m_contactUs .m_message h3 {
        font-size: 30px;
    }


    .m_contactUs .m_message, .m_contactUs .m_contact_img {
        width: 100%;
    }

    .m_contactUs .m_contact_img {
        margin-top: 50px;
    }

    .m_contactUs .m_message, .m_contactUs .m_contact_img {
        text-align: center;
    }

    .m_features a,
    .magento_slide .mg_left a,
    .m_contactUs .m_message a {
        width: auto;
        height: auto;
        display: inline-block;
        padding: 18px 60px;
        line-height: initial;
    }

    .m_contactUs .m_contact_img  img {
        width: 85%;
    }

    /* end */


    .title_form.fullo_pricelist_title_website {
        display: flex;
        align-items: center;
    }

    .fullo_pricelist_tab_services.fullo_pricelist_column_3,
    .fullo_pricelist_tab_services.fullo_pricelist_column_4 {
        display: flex;
        overflow: scroll;
        width: 100%;
        grid-gap: 2%;
    }

    .fullo_pricelist_tab .fullo_pricelist_tab_group:last-of-type {
        margin-right: 15px !important;
    }

    .fullo_pricelist .ui-tabs .ui-tabs-panel {
        margin-right: -15px;
    }

    #fullo-price-tabs-5,
    #fullo-price-tabs-6,
/*    #fullo-price-tabs-7,*/
    #fullo-price-tabs-8 {
    /* margin-right: 0;*/
        margin-right: -15px;
    }

    #fullo-price-tabs-7 {
        margin-right: 0;
    }

    .fullo_pricelist_tab .fullo_pricelist_tab_group {
        margin: 0;
    }


    .fullo_pricelist_tab .fullo_pricelist_tab_group {
        width: 80%;
        min-width: 80%;
    }

    #fullo-price-tabs .headeri .header {
        height: 260px;
    }

    #fullo-price-tabs-1 .fullo_pricelist_tab_growth .text_wrapper .text {
        min-height: 240px;
    }

    #fullo-price-tabs-2 .fullo_pricelist_tab_marketing .text {
        min-height: 300px;
    }

    .fullo_pricelist #btnPrevious {
        margin-left: 0;
    }

    .fullo_pricelist #btnNext {
        margin-right: 0;
    }

    .burger {
        display: block;
    }
    .home_landing h1 {
        margin-right: 0;
    }
    .home_landing p {
        width: 100%;
    }
    .home_options .home_option {
        min-height: 500px;
    }
    .options {
        display: block;
    }
    .options .option {
        margin-bottom: 30px;
        margin-top: 15px;
    }
    .control p {
        padding: 0px 15px 70px 15px;
        margin: 0px;
    }
    .home .control p{
        padding: 0px 15px 15px 15px;
    }

    .header_circle {
        width: 270px;
        height: 270px;
    }
    .header_circle img {
        position: absolute;
        top: 30px !important;
        left: 30px !important;
        height: 210px;
        width: auto;
    }
    .fullo-column-curcle {
        height: 240px;
        width: 240px;
        margin-left: 15px;
        margin-top: 15px;
    }
    .fullo-column-image {
        width: 270px;
        height: 270px;
        margin-top: -135px;
    }
    .control h2 {
        margin-top: 270px;
        font-size: 30px;
    }
    .pad {
        padding-bottom: 270px;
    }
    .home_landing h1 {
        font-size: 30px;
        font-weight: 900;
    }

    .home_landing h2 {

    }
    .home_landing h2 {
        font-size: 22px;
        margin-top: 0;
        margin-bottom: 25px;
    }
    .footer ul li {
        display: block;
        padding: 5px 15px;
    }
    .home_options img.fruit {
        
        width: auto;
    }
    .circle {
        top: -56.5px;
    }
    #tabs {
        display: block;
        text-align: center;
        padding-left: 0px;
        margin: 50px 0px 24px 0px;
        position: relative;
        clear: both;
    }
    ul#tabs {
        position: absolute;
        right: 0px;
        left: 0px;
        top: 80px;
        z-index: 11;
    }
    .lasttabs {
        position: relative!important;
        top: 0px!important;
    }
    #tabs li a {
        color: white;
    }
    #tabs li {
        display: inline-block;
    }
    .tables_wrapper .table .table1 {
        width: 100%;
        font-size: 14px;
    }
    .tables_wrapper .table .table1:first-child {
        text-align: center;
    }
    .website_agencies .table:first-child .table1 span, .website_builders .table:first-child .table1 span {
        width: 100%;
    }
    .desktop {
        display: none;
    }
    #tab2, #tab3 {
        font-size: 12px;
        line-height: 14px;
        color: #EEE8DC;
    }
    #tab2 {
        width: 100px;
        position: absolute;
        left: 15px;
        text-align: left;
        top: -5px;
    }
    #tab3 {
        width: 100px;
        position: absolute;
        right: 15px;
        text-align: right;
        top: -5px;
    }
    #tab3 img {
        position: absolute;
        right: -15px;
        top: 12px;
    }
    #tab2 img {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        position: absolute;
        left: -15px;
        top: 12px;
    }
    .tables_wrapper {
        margin-top: 0px;
        margin-bottom: 50px;
    }
    .tables_wrapper .table .table1 span {
        background-position: 8px 0px;
        padding: 5px 0px 5px 50px;
    }
    .centriraj {
        width: 130px!important;
        position: relative!important;
        display: block;
        text-align: center;
        top: 5px;
        font-size: 12px!important;
        line-height: 14px!important;
        color: #EEE8DC;
    }
    .rightposition {
        width: 130px;
        position: absolute;
        right: 0px;
        text-align: right;
        top: 4px;
    }
    .tables_wrapper .table:first-child {
        padding-bottom: 120px!important;
    }
    .content_inner {
        text-align: center;
        margin: 120px auto 0px auto;
        padding: 0px;
    }


    .single-post .content_inner {
        margin-top: 0;
    }

    .blocks .content_inner .fullo-column-image {
        float: none;
        margin-bottom: 30px;
        margin-right: auto;
    }
    .blocks .head_text p {
        width: 100%;
    }
    .ref {
        width: 100%;
            min-height: 220px;
    }


.step2 .ff-el-group {
    width: 46%;
    margin: 0px 2%;
}

.fluentform .ff-el-group {
    width: 46%;
    margin: 0px 2%;
    margin-bottom: 4%!important;
}

.fluentform .ff-el-form-check label.ff-el-form-check-label {
    width: 339.47px!important;
}
.fluentform .ff-el-group .izaberi, .fluentform .ff-el-group .tekst{
    margin-bottom: 0px!important;
}

.fluentform .ff_item_selected label span:after {
    left: -65px;
    right: -66px;
}


.home_options .home_option{
    width: 100%;
        min-height: auto;
        margin-bottom: 50px;
}

.services_four_columns p{
    min-height: auto;
}

.home_option h2, .page-id-296 .home_option h2{
    min-height: auto;
    margin-bottom: 0px;
}

.home_option h2{
    margin-top: 25px;
}

span.read a {
    padding: 18px 60px;
}

.title_form {
    font-size: 16px;
    display: block;
    line-height: 20px;

}


.title_form span {
    margin-right: 15px;
        margin-top: -5px
}

.experts {
    margin: 10px 0px;
}

.fluentform .ff-btn {
    height: 50px;
}

.fluentform .ff-step-titles{
    margin-left: 0px!important;
}


.fluentform_wrapper_1 .ff-el-group{
    width: 100%!important;
    margin: 0px 0px 30px 0px!important;
}

.fluentform_wrapper_1 .ff-btn{
    margin: 15px 0px;
}

.contact_data{
    text-align: center;
}


.contact_data ul {
    float: none;
    margin:50px 0px 0px 0px;
}


.logo_contact {
    float: none;
    margin:50px 0px;
    display: block;
}

.page-id-51, .page-id-55, .page-id-49{
    background: none;
    background-color:#234670;
}

.page-id-51 .head_text h1{
text-align: center;
}

.page-id-51 .content_inner:nth-child(1) {
    background: #234670 url(img/eye-desktop_bg.png) no-repeat top center;
    background-size: contain;
    margin: 0;
    padding: 70px 0 0 !important;
}

.page-id-49 .content_inner:nth-child(1) {
    background: #234670 url(img/how_fullo_works.png) no-repeat top center;
    background-size: contain;
}


.page-id-51 .content_inner:first-child, .page-id-55 .content_inner:first-child, .page-id-49 .content_inner:first-child{
    padding: 0px;
}

.page-template-template-portfolio-new-php .content_inner.col1 {
    padding: 70px 0 0 !important;
    margin: 0;
}


.portfolio_new {
    margin: 65px auto 0px auto;
}

.page-id-1410 {
    background-size: contain;
    background-position: 0% 1%;
}



.page-id-51 .content_inner, .page-id-51 .content_inner{
    margin-top: 70px;
}

.page-id-49 .content_inner{
    margin: 0px;
}

.page-id-55 .head_text, .page-id-49 .head_text{
    margin-top: 200px;
}

.page-id-51 .head_text {
    margin-top: 0;
}

.page-id-55 .content_inner:nth-child(1) {
    background: #234670 url(img/compass-3000px_mobile.png) no-repeat top center;
    background-size: contain;
}

.fluentform_wrapper_1 .ff-btn-submit{
    float: none!important;
}

.fluentform_wrapper_1 .ff-text-left{
    text-align: center!important;    
}

.fluentform-step {
    text-align: center;
}

.fluentform .ff-step-titles::before {
    width: 300px;
}

.fluentform .summary .ff-el-group {
    width: 100%!important;
    margin: 0px 0% 2% 0%!important;
    border-bottom: 1px solid white;
    padding-bottom: 2%;
}

.fluentform form.ff-form-has-steps .ff_submit_btn_wrapper {
    width: 48%!important;
}

.portfolio_wrapper .container{
    display: block;
}

.port_left, .port_right {
    float: left;
    width: calc(100% - 60px);
    padding: 30px 30px;
}

.port_right{
    margin-left: 0px;
}

.port_right img, .port_left img {
    top: auto;
    transform: initial;
}

.single_portfolio .content_inner{
margin: 0px auto 0px auto;
}

.port_right span a, .port_left span a {
    float: none;
    display: inline-block;
}
.fluentform_wrapper_13 .ff-el-form-control {
    margin-bottom: 0px!important;
}

.fluentform_wrapper_13 .ff-btn-submit {
    margin-top: 0px!important;
}

.job_open_right span a {
    font-size: 14px;
        padding: 17px 45px 13px 27px;
}

.form_wrapper_careers h2, .form_wrapper_careers h3 {
    font-size: 30px;
}

.m_contactUs .m_message p {
    margin-right: 0;
}

.page-template-template-services .header_circle img{
    position: absolute;
    top: 30px !important;
    left: 30px !important;
    height: 210px;
    width: auto;
}

.page-template-template-services .col4 .control h2 {
    margin-top: 160px !important;
}


/* Odoo ticketing mobile */
.page-template-template-support-odoo-tickets .odoo_tickets_header_account a
{
    margin-left: 20px;
}
.page-template-template-support-odoo-tickets .odoo_tickets_header_account a:nth-child(3)
{
    margin-left: 0px;
}
.page-template-template-support-odoo-tickets .fluentform div[data-name="ff_cn_id_1"] {
 margin-top: 70px;
}

.page-template-template-support-odoo-tickets .fluentform .ff-el-group.odoo-ticket-form-priority-radio {
    position: relative;
    margin-bottom: 40px!important;
}

/*.page-template-template-support-odoo-tickets .fluentform div[data-name="ff_cn_id_1"] .ff-el-group.odoo-ticket-form-priority-radio .ff-el-input--content{
float: left;
    padding: 15px;
    width: 95px;
    height: 149px;
    border-radius: 20px;
background: #FFF;
box-shadow: 0px 0px 31.7px 0px rgba(0, 0, 0, 0.35);
}*/
.page-template-template-support-odoo-tickets .fluentform div[data-name="ff_cn_id_1"] .ff-el-group.odoo-ticket-form-priority-radio .ff-el-input--content {
    float: left;
    padding: 0px;
    width: 95px;
    height: 0px;
    border-radius: 20px;
    background: #FFF;
    position: relative; /* To position the ::after element correctly */
            z-index: 10;
}

/* Initially, hide all but the first radio button */
.page-template-template-support-odoo-tickets .fluentform .ff-el-input--content .ff-el-form-check:not(:first-child) {
    display: none;
}

/* When clicked, show all radio buttons */
.page-template-template-support-odoo-tickets .fluentform .ff-el-input--content .ff_item_selected {
    display: block;
}


.page-template-template-support-odoo-tickets .fluentform .odoo-ticket-form-priority-radio::after {
    content: "";
    display: block;
    width: 10px;  /* Set the width of the SVG */
    height: 8px;  /* Set the height of the SVG */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none"><path d="M5 8L0.669873 0.5L9.33013 0.500001L5 8Z" fill="%23173151"/></svg>') no-repeat center center;
    background-size: contain;
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translateY(100%);
    left: 130px;
    z-index: 11;
}

.page-template-template-support-odoo-tickets .fluentform .ff-el-group {
    width: 100%;
    margin: 0px;
    margin-bottom: 10px!important;
}
.page-template-template-support-odoo-tickets .ff-default .ff-el-form-check label.ff-el-form-check-label {
    width: 35px!important;
    width: 55px !important;
    height: 23px;
}
.page-template-template-support-odoo-tickets .ff-default .ff-el-form-check label.ff-el-form-check-label span {
   
    line-height: 24px;
}


}




@media only screen and (max-width: 600px) {

.section_one {
    flex-wrap: wrap;
}

.section_one .uk_1_left {
    width: 100%;
}

.section_one .uk_2_left {
    left: auto;
    width: 100%;
}


.uk_section-one h1, 
.page-template-template-uk-landing2 .uk_section-one h1 {
    font-size: 30px;
    line-height: 40px;
}

.page-template-template-uk-landing3 .uk_section-one h1 {
    font-size: 35px;
    line-height: 40px;
}


.tr_image {
    width: 80%;
    left: 50%;
    transform: translate(-50%);
}

.uk_section-one a, 
.uk_section-two a, 
.uk_section-three a, 
.uk_section-three a, 
.uk_prices_box a, 
.uk_section-five a {
    position: relative;
    z-index: 10;
    font-size: 14px;
}

.uk_section-one {
    padding: 150px 0 0;
    height: auto;
}

.section_one .uk_1_left br {
    display: none;
}

.uk_section-two h2, .uk_section-three h2, .uk_section-four h2, .uk_section-five h2 {
    font-size: 25px;
    line-height: 1.3;
}

.uk_section-two .title_img {
    width: 150px;
}

.uk_section-two ul, .uk_section-three ul {
    padding: 0 50px;
}

.page-template-template-uk-landing2 .uk_section-two ul, 
.page-template-template-uk-landing2 .uk_section-three ul,
.page-template-template-uk-landing3 .uk_section-two ul, 
.page-template-template-uk-landing3 .uk_section-three ul {
    padding: 0;
}

.uk_section-three .title_img {
    width: 200px;
}

.uk_section-four .title_img {
    width: 225px;
}

.uk_section-four .uk_prices_box {
    width: 100%;
}


.uk_section-two::before, .uk_section-two::after {
    width: 45px;
    height: 125px;
}

.uk_section-three::before, 
.uk_section-three::after, 
.uk_section-four::before, 
.uk_section-four::after, 
.uk_section-five::before, 
.uk_section-five::after {
    width: 80px;
    height: 115px;
}

.uk_section-two ul li p, .uk_section-three ul li p {
    width: 100%;
}

.uk_section-two ul li h3, .uk_section-three ul li h3 {
    font-size: 18px;
}

.uk_section-four .uk_top_price h3, .uk_two_price .uk_two_price_box h3 {
    font-size: 40px;
}

.uk_two_price {
    flex-wrap: wrap;
    margin-bottom: 50px;
}


.uk_two_price .uk_two_price_box {
    width: 100%;
}

.uk_two_price .or_price {
    width: 100%;
    padding: 40px 0;
}

.uk_section-four {
    padding: 100px 0 50px;
}

.uk_section-five p {
    width: 100%;
}

.uk_section-five {
    padding: 50px 0 0;
}

.uk_landings_bottom_line {
    height: 30px;
}

/*  */

.page-template-template-uk-landing3 .uk_section-three_landing {
    padding-top: 30px;
    background-position: 65% 100%;
}

.page-template-template-uk-landing2 .uk_section-two_landing,
.page-template-template-uk-landing3 .uk_section-three_landing {
    height: 600px;
    background-position: 70% 95%;
}

.page-template-template-uk-landing2 .section_one {
    margin-bottom: 85%;
}

.page-template-template-uk-landing2 .uk_section-one a, 
.page-template-template-uk-landing2 .uk_section-two a, 
.page-template-template-uk-landing2 .uk_section-three a, 
.page-template-template-uk-landing2 .uk_prices_box a, 
.page-template-template-uk-landing2 .uk_section-five a {
    font-size: 14px;
}

.page-template-template-uk-landing2 .uk_section-two h2, 
.page-template-template-uk-landing2 .uk_section-three h2, 
.page-template-template-uk-landing2 .uk_section-four h2, 
.page-template-template-uk-landing2 .uk_section-five h2 {
    font-size: 27px;
    line-height: 1.3;
}

.page-template-template-uk-landing2 .uk_section-three ul li, 
.page-template-template-uk-landing3 .uk_section-three ul li {
    width: 100%;
}

.page-template-template-uk-landing2 .uk_section-three {
    padding-bottom: 50px;
}

.page-template-template-uk-landing2 .uk_section-four {
    padding: 50px 0 50px;
}

.page-template-template-uk-landing3 .uk_section-two {
    background: #DAECFF;
    padding: 50px 0;
}

.page-template-template-uk-landing3 .uk_section-three {
    background: #E9F3FF;
    padding: 50px 0;
}

.page-template-template-uk-landing3 .uk_section-four {
    background: #F9F7F2;
    padding: 50px 0 50px;
}

.page-template-template-uk-landing3 .uk_section-one a, 
.page-template-template-uk-landing3 .uk_section-two a, 
.page-template-template-uk-landing3 .uk_section-three a, 
.page-template-template-uk-landing3 .uk_prices_box a, 
.page-template-template-uk-landing3 .uk_section-five a {
    font-size: 14px;
}



/*  */


.quote_popup_form .fluentform_wrapper_15::after {
    display: none;
}

.quote_popup_form .w_70 {
    width: 100% !important;
}

.show_hidden_message h3 {
    font-size: 20px;
}


.quote_terms {
    position: static;
} 

.home_landing .ff-el-group p {
    position: static;
}   

.fluentform.fluentform_wrapper_15 .ff-el-form-check label.ff-el-form-check-label {
    height: auto !important;
}

.home_landing .ff-el-group p {
    font-size: 13px !important;
    width: 100%;
}

.quote_popup_form .ff_submit_btn_wrapper {
    display: flex;
    justify-content: center;

}


/* Blog */


.single-post .two_column .blog_column_text, .single-post .two_column .blog_column_img {
    width: 100%;
}

.single-post .two_column {
    margin: 50px 0 0px;
}


.single-post .two_column .blog_column_img {
    margin-top: 30px;
}

.single_content, .single_content p {
    text-align: justify;
}


.blog_list .blog_inner {
    flex-wrap: wrap;
    text-align: center;
}

.blog_list .blog_inner .blog_post_img,
.blog_list .blog_inner .post_desc,
.blog_list .blog_inner:nth-child(2), 
.blog_list .blog_inner:nth-child(3),
.blog_list .blog_inner {
    width: 100%;
}

.blog_list .blog_inner .blog_post_img {
    text-align: center;
}


.blog_list .blog_inner:nth-child(2) h1, .blog_list .blog_inner:nth-child(3) h1 {
    width: 85%;
    margin: 15px auto 0;
}


.blog_list .blog_inner:first-child .blog_post_img {
    margin-right: 0;
}

.blog_list .blog_inner:first-child .blog_post_img img {
    width: 250px;
    min-width: 250px;
    height: 250px;
    border: 10px solid #91CD94 !important;
}

.blog_list .blog_inner .blog_post_img img {
    width: 200px;
    min-width: 200px;
    height: 200px;
    border: 10px solid transparent;
}

.blog_list .blog_inner:hover img {
    border: 10px solid #91CD94;
}

.blog_list .blog_inner:nth-child(2), .blog_list .blog_inner:nth-child(3) {
    border-bottom: none;
    margin: 10px 0 0;
    padding: 20px 0;
}

.blog_list .blog_inner .blog_post_img {
    margin-right: 0;
    border-top: 1px solid #EEE8DC;
}

.blog_list .blog_inner:first-child .blog_post_img {
    border-top: none;
}

.blog_list .blog_inner {
    padding: 10px 0 !important;
}

.blog_list .blog_inner:nth-child(2), .blog_list .blog_inner:nth-child(3) {
    border: none;
    margin: 0;
    padding: 0;
}


.blog_list .blog_inner .blog_post_img img {
    margin-top: 10px;
}


.blog_list .blog_inner:first-child .post_desc {
    padding-top: 30px;
}


.single_blog_content .single_title {
    font-size: 30px;
}

.single-post .single_blog_img img {
    width: 250px;
    height: 250px;
    border: 10px solid #91CD94;
}


.page-template-template-blog .header_wrapper, 
.single-post .header_wrapper {
    padding-bottom: 0;
}

.single-post .single_blog_img {
    margin-top: 50px;
    margin-bottom: 35px;
}


.single_blog_content .single_title {
    font-size: 25px;
}



.single_blog_content div h1, 
.single_blog_content div h2, 
.single_blog_content div h3, 
.single_blog_content div h4, 
.single_blog_content div h5 {
    font-size: 18px;
}

.single_blog_content .wplogout-social-wrapper {
    justify-content: center;
    margin-bottom: 10px;
}

.single_content, .single_content p {
    font-size: 15px;
}

.single_blog_content {
    text-align: center;
}


/*  */


.page-id-905 {
    background-size: 145%;
}

.home_landing h2 {
    font-size: 20px;
}

.home_landing h2 br {
    display: none;
}

/* Magento landing */

.page-id-792 .content_inner,
.page-id-835 .content_inner,
.page-id-856 .content_inner,
.page-id-918 .content_inner,
.page-id-927 .content_inner  {
    margin-top: 0;
}

.page-id-792 .content_inner.col1,
.page-id-835 .content_inner.col1,
.page-id-856 .content_inner.col1,
.page-id-918 .content_inner.col1,
.page-id-927 .content_inner.col1 {
    margin: 50px auto 0px auto;
}

.m_contactUs .m_message h3 {
    font-size: 25px;
}


.title_form.fullo_pricelist_title_website,
#fullo-price-tabs-2 .podnaslov:first-child .title_form,
#fullo-price-tabs-3 .podnaslov:first-child .title_form,
#fullo-price-tabs-4 .podnaslov:first-child .title_form,
#fullo-price-tabs-5 .podnaslov:first-child .title_form,
#fullo-price-tabs-6 .podnaslov:first-child .title_form,
#fullo-price-tabs-7 .podnaslov:first-child .title_form,
#fullo-price-tabs-8 .podnaslov:first-child .title_form   {
    margin-top: 0 !important;
}    

.page-id-775 .content_inner {
    margin: 15px auto 0px auto;
}

.page-id-775 .head_text h1 {
    margin-top: 10px;
    font-size: 40px;
}

.page-id-775 .head_text h1, 
.page-id-775 .head_text p {
    text-align: left;
}

.page-id-775 .head_text {
    padding: 0;
}

.page-id-775 .head_text a {
    display: inline-block;
}

.page-id-775 .head_text h2 {
    margin-top: 0;
    width: 100%;
    margin-bottom: 70px;
    font-size: 20px;
    line-height: 1.4;
}



.fullo_pricelist .ui-tabs .ui-tabs-nav {
    border-radius: 0;
}

.fullo_pricelist_tab_services.fullo_pricelist_column_3, 
.fullo_pricelist_tab_services.fullo_pricelist_column_4 {
    grid-gap: 4%;
    margin-left: -15px;
    padding-left: 15px;
}

.header h2 {
    font-size: 22px!important;
}

.title_form span {
    min-width: 50px;
    min-height: 50px;
}




/**/


.addions_title {
    display: flex;
    flex-wrap: wrap;
}

.addions_title strong {
    line-height: 1.8;
}

.fullo_pricelist_tab_summary .header h4 {
    margin-top: 0;
}


.fullo_pricelist #fullo-price-tabs {
    display: block;
    margin-top: 0px;
}
.fullo_pricelist .ui-tabs .ui-tabs-nav {
    overflow-x: auto;
    display: flex;
    padding: 0px;
    position: relative;
    top: -50px;
    margin-right: -15px;
    margin-left: -15px;
    padding-left: 15px;
}
.fullo_pricelist .ui-tabs .ui-tabs-nav li:first-child {
 margin-left: 0;
}
.fullo_pricelist_tab {
    overflow-x: auto;
    display: flex;
    flex-direction: row;
    width: 100%;
}
.fullo_pricelist_tab.fullo_pricelist_tab_summary {
    flex-direction: column;
    margin: 0;
    width: 96%;
    overflow-x: hidden;
}
/*.fullo_pricelist_tab .fullo_pricelist_tab_group {
    width: 266px!important;
    margin-right: 20px!important;
}*/
.fullo_pricelist_tab.fullo_pricelist_tab_summary .fullo_pricelist_tab_group {
    width: 100%!important;
    margin-right: 0px!important;
    max-width: 100%!important;
}
.fullo-pricing-summary_column {
    width: 100%!important;
    max-width: 100%!important;
    margin-right: 0px;
}
.fullo_pricelist_tab_summary .fullo_pricelist_tab_group:first-child {
  margin-left: 20px;
  order: 1;
}
.fullo_pricelist_tab_summary .fullo_pricelist_tab_group:nth-child(2) {
  order: 4;
}
.fullo_pricelist_tab_summary .fullo-pricing-summary_column_one_time {
  order: 2;
}
.fullo_pricelist_tab_summary .fullo-pricing-summary_column_monthly {
  order: 5;
}
.fullo_pricelist_tab_summary .fullo-pricing-summary_column_result_one_time {
  order: 3;
}
.fullo_pricelist_tab_summary .fullo-pricing-summary_column_result_monthly {
  order: 6;
}
.fullo_pricelist_tab_summary .fullo-pricing-summary_thankyou {
    order: 7;
}
.ui-tabs .ui-tabs-nav li {
    top: 0px!important;
    }
.fullo_pricelist_column_4 .fullo_pricelist_tab_group {
    margin: 0px;
}
.fullo_pricelist_tab_form {
   padding: 0 20px;
    margin-right: 0;
    padding-left: 0;
}
.fullo_pricelist_tab_form .fullo_pricelist_tab_group {
    width: 100%;
    margin: 0px;
}
.fullo_pricelist_tab_form .fullo_pricelist_tab_group_half_width {
    width: 48%!important;
}
.fullo_pricelist_tab_form .fullo_pricelist_tab_group:nth-child(2n) {
    float: right;
}
.title_form {
    margin-left: 0;
    display: flex;
    align-items: center;
    width: 70%;
    position: relative;
}



.title_form::after {
    content: '';
    background: url(img/mob_swipe.svg) no-repeat;
    background-size: contain;
    width: 65px;
    height: 65px;
    position: absolute;
    right: -38%;
    top: 0%;
}

#fullo-price-tabs-5 .title_form::after,
#fullo-price-tabs-6 .title_form::after,
#fullo-price-tabs-7 .title_form::after,
#fullo-price-tabs-8 .title_form::after {
    display: none;
}

.fullo_pricelist .fullo-pricelist-button {
    width: 48%;
    min-width: auto;
    font-size: 11px;
    background-size: 8px;
}

#btnNext {
    padding-left: 10px;
}

#btnPrevious {
    text-align: center;
    padding-left: 0;
}
    
.fullo_pricelist #btnNext {
    margin-right: 0px;
    background-size: 8px;
    background-position: 95% 50%;
}
    
.fullo_pricelist #btnPrevious {
    margin-left: 0;
    padding-right: 0;
    text-align: center;
    padding-left: 10px;
}

.fullo_pricelist #btnSubmit {
    margin-left: 20px;
}

#fullo-price-tabs .headeri .header {
    height: 275px;
}

.header .stars {
    display: block;
    width: 100%;
    margin: 0;
}


.title_form span {
    margin-top: 0;
}



.fullo_pricelist_column_4 .header h2 {
    float: none;
    line-height: 24px;
}

.fullo_pricelist_tab .ff-el-form-check {
    width: 100%!important;
}

.fullo_pricelist_tab .fullo_pricelist_tab_form .ff-el-form-check{
width: auto!important;
}

.fullo_pricelist_tab .ff-el-form-check label.ff-el-form-check-label {
    width: 100%!important;
}

.fullo_pricelist_tab .ff_item_selected label span:after {
    right: -56px;
}


.fullo_pricelist_tab .ff-step-titles li{
    min-width: auto!important;
}

.fullo_pricelist_tab .ff-step-titles li span{
    font-size: 10px;
    padding: 0px 5px;
}

.fullo_pricelist_tab .ff-step-titles li:before{
    width: 35px!important;
}
.fullo_pricelist_tab .ff-step-titles li{
    margin-right:8px;
}

.fullo_pricelist_tab .ff_item_selected label.ff-el-form-check-label span{
    width: 100%;
}

 .page-template-template-services .creation_stage, .page-id-26 .creation_stages_wrapper .creation_stage{
    width: 100%;
    min-height: auto;
        margin-bottom: 30px;
        text-align: left;
}

.creation_stages .creation_stage:nth-child(even) {
    padding-right:0%;
}
    

.home_img {
    margin: 0px auto 0px auto;
    text-align: center;
}

.home_img img {
    width: 85%;
}

.home_landing h1 {
    margin-top: 20px;
}

.page-template-template-front .quoteSection .home_landing h1 {
    margin-bottom: 15px;
}


.fluentform .ff-el-group {
    width: 100%;
    margin: 0px;
    margin-bottom: 30px!important;
}

.parent-pageid-633 .fluentform .ff-el-form-check, .page-id-633 .fluentform .ff-el-form-check{
    width: 100%!important;
}

.fluentform .personal .ff-el-form-check{
width: auto!important;
}

.fluentform .ff-el-form-check label.ff-el-form-check-label span {
    width: 280px;
}


.fluentform .ff-el-form-check label.ff-el-form-check-label {
    width: 100%!important;
}

.fluentform .ff_item_selected label span:after {
    right: -56px;
}


.fluentform .ff-step-titles li{
    min-width: auto!important;
}

.fluentform .ff-step-titles li span{
    font-size: 10px;
    padding: 0px 5px;
}

.fluentform .ff-step-titles li:before{
    width: 35px!important;
}
.fluentform .ff-step-titles li{
    margin-right:8px;
}

.fluentform .ff_item_selected label.ff-el-form-check-label span{
    width: 100%;
}

 .page-template-template-services .creation_stage, .page-id-26 .creation_stages_wrapper .creation_stage{
    width: 100%;
    min-height: auto;
        margin-bottom: 30px;
        text-align: left;
}

.creation_stages .creation_stage:nth-child(even) {
    padding-right:0%;
}

.page-template-template-services .col5 .control h2{
    margin-top: 30px !important;
    line-height: 45px;
}
.page-template-template-services h1{
    margin-top: 250px;
}

.page-template-template-services .head_text_right p{
    margin-bottom: 70px;
}

.page-template-template-services .home_option{
    margin-bottom: 40px;
}

.page-template-template-services .services_four_columns span{
    margin-bottom: 20px;
}

.page-template-template-services .options{
    padding: 0px 0px 20px 0px;
}

.page-template-template-services .col4 .control_wrapper{
    padding: 0px 0px;
}

.page-template-template-services .blocks .fullo-column-image{
    margin-top: 25px;
}

.page-template-template-services .col4 .control h2 {
    margin-top: 310px !important;
}

.page-template-template-services .content_inner {
    margin: 0px auto 0px auto;
}

.page-template-template-services .creation_stages_wrapper{
    padding-bottom: 20px;
}

}


@media only screen and (max-width: 480px) {

.page-id-905 {
    background-size: 150%;
}

.fullo_pricelist_tab_summary .fullo-pricing-summary_thankyou {
    height: 216px;
    font-size: 35px;
    line-height: 15%;
}





#fullo-price-tabs-1 .text, #fullo-price-tabs-2 .text, #fullo-price-tabs-3 .text, #fullo-price-tabs-4 .text {
    min-height: 320px !important;
}

#fullo-price-tabs-1 .text_naslov, #fullo-price-tabs-2 .text_naslov, #fullo-price-tabs-3 .text_naslov, #fullo-price-tabs-4 .text_naslov {
    min-height: 210px !important;
}



.header h3 {
    font-size: 30px;
}


.header .stars {
    margin-top: 0;
}

.step2 .header .stars {
    margin-top: 14px;
    margin-left: 4px;
    width: auto;
}
.experts {
    font-size: 14px;
        /*margin: 5px 0px 5px 0px;*/
}

.branding .header {
    width: 100%!important;
    height: 170px;
}

.bizdev .header .stars {
    margin-top: 0px;
    margin-left: 2px;
    width: auto;
}

.step2 .header h2 {
    font-size: 20px!important;
}

.hvalavam{
padding:15px;
}

.hvalavam h1 {
    font-size: 26px;
}

.hvalavam p {
font-size: 18px;
}

.page-template-template-services .col4 .control h2{
    font-size: 40px !important;
}

.page-template-template-services h1{
    font-size: 35px;
}

.page-template-template-services .home_options {
    padding-bottom: 0px;
}

.creation_stages .creation_stage:nth-child(13n) {

}
    .page-template-template-support-odoo-tickets .odoo_tickets_header_account a p {
    display: none;
}



}


@media only screen and (max-width: 375px) {

.fluentform .ff-btn {
    min-width: 135px;
}

.fluentform .ff-el-form-check label.ff-el-form-check-label span {
    width: 210px;
}

}

/* FULLO LANDING 2025 */

@font-face {
    font-display: swap;
    font-family: 'Nohemi';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/nohemi/nohemi-regular.woff') format('woff'),
         url('fonts/nohemi/nohemi-regular.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Nohemi';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/nohemi/nohemi-medium.woff') format('woff'),
    url('fonts/nohemi/nohemi-medium.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Nohemi';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/nohemi/nohemi-bold.woff') format('woff'),
    url('fonts/nohemi/nohemi-bold.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/crimson-pro/crimsonpro-regular.woff') format('woff'),
    url('fonts/crimson-pro/crimsonpro-regular.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Crimson Pro';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/crimson-pro/crimsonpro-italic.woff') format('woff'),
    url('fonts/crimson-pro/crimsonpro-italic.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Crimson Pro';
    font-style: italic;
    font-weight: 500;
    src: url('fonts/crimson-pro/crimsonpro-mediumitalic.woff') format('woff'),
    url('fonts/crimson-pro/crimsonpro-mediumitalic.woff2') format('woff2');
}

#fullo-landing *{
    position: relative;
    box-sizing: border-box;
    font-family: "Nohemi", sans-serif !important;
}
#fullo-landing{
    width: 100%;
    background: transparent;
}

#fullo-landing .container{
    max-width: 1480px;
    width: 100%;
    padding: 0 30px;
}
@media (max-width: 767px) {
    #fullo-landing .container{
        padding: 0 20px;
    }
}

#fullo-landing .landing-heading{
    font-family: "Nohemi";
    font-weight: 400;
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: 1px;
    text-align: center;
    margin: 0;
}
@media (max-width: 767px) {
    #fullo-landing .landing-heading{
        font-size: 30px;
    }
}

/* HEADER */

#landing_header{
    width: 100%;
    display: block;
    z-index: 9999;
    margin-bottom: -100px;
}
#landing_header .header-wrap{
    width:100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 24px 30px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}
@media (max-width:767px){
    #landing_header .header-wrap{
        padding: 16px 20px;
    }
}
#landing_header .logo{
    margin:0;
}
#landing_header .menu-wrapper #hamburger{
    display: none;
    background: transparent;
}
#landing_header .menu-wrapper #menu-landing-meni,
#landing_header .menu-wrapper #menu-landing-menu-german{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: end;
    align-items: center;
    column-gap: 55px;
}
#landing_header .menu-wrapper #menu-landing-meni li a,
#landing_header .menu-wrapper #menu-landing-menu-german li a{
    font-weight: 500;
    font-size: 16px;
    line-height: 199%;
    letter-spacing: 1px;
    color: #234671;
}
#landing_header .menu-wrapper #menu-landing-meni li a:hover,
#landing_header .menu-wrapper #menu-landing-menu-german li a:hover{
    color: #21D800;
}

/* Language switcher */
#landing_header .wpml-ls-menu-item.menu-item-has-children > a:after{
    content: url("./img/menu-sub.svg");
    position: relative;
    display: inline-block;
    margin-left: 3px;
}
#landing_header .wpml-ls-menu-item ul{
    display: none;
    position: absolute;
    background: transparent;
    z-index: 1000;
    list-style-type: none;
    padding: 0;
    margin: 0;
    min-width: 40px;
}
#landing_header .wpml-ls-menu-item:hover ul{
    display: block;
}
#landing_header .wpml-ls-menu-item ul li{
    padding: 8px 12px;
}

@media (max-width: 1200px){
    #landing_header .menu-wrapper #menu-landing-meni,
    #landing_header .menu-wrapper #menu-landing-menu-german{
        column-gap: 30px;
    }
}
@media (max-width: 991px){
    #landing_header .menu-wrapper #menu-landing-meni,
    #landing_header .menu-wrapper #menu-landing-menu-german{
        flex-flow: column nowrap;
        row-gap: 20px;
    }
    #landing_header .menu-wrapper #hamburger{
        display: block;
        padding: 0;
        border: none;
    }
    #landing_header .menu-wrapper #hamburger .close,
    #landing_header .menu-wrapper #hamburger.visible .open{
        display: none;
    }
    #landing_header .menu-wrapper #hamburger .open,
    #landing_header .menu-wrapper #hamburger.visible .close{
        display: block;
    }
    #landing_header .menu-wrapper .fullo-landing-menu{
        position: absolute;
        width: 100vw;
        right: -30px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: opacity 0.3s ease, transform 0.3s ease;
        pointer-events: none;
        z-index: 0;
    }
    #landing_header:has(.fullo-landing-menu.visible){
        background: #D4E5F4;
    }
    #landing_header .menu-wrapper .fullo-landing-menu.visible{
        top: calc(100% + 26px);
        right: -30px;
        background: #D4E5F4;
        z-index: 9999;
        padding: 30px 30px;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
    }
    #landing_header .wpml-ls-menu-item ul{
        position: relative;
        background: transparent;
    }
}
@media (max-width: 767px){
    #landing_header .menu-wrapper .fullo-landing-menu,
    #landing_header .menu-wrapper .fullo-landing-menu.visible{
        right: -20px;
    }
}

/* END HEADER */


/* FOOTER */
#footer-landing {
    background: transparent;
    padding: 0;
}
#footer-landing .logo{
    margin: 0;
    max-width: 188px;
    width: 100%;
}
#footer-landing .logo img{
    width: 100%
}
#footer-landing .footer-main{
    padding: 60px 0 150px;
    background: #234671;
}
#footer-landing .footer-main .container{
    display: grid;
    grid-template-columns: minmax(0,5fr) minmax(0,3fr);
    column-gap: 20px;
}

#footer-landing .footer-main .container .footer-left{
    display: flex;
    flex-flow: row nowrap;
    justify-content: start;
    align-items: start;
    column-gap: 50px;
}
#footer-landing .footer-main .container .footer-left .footer-info p{
    font-weight: 400;
    font-size: 14px;
    line-height: 1.92;
    letter-spacing: 1px;
    color: #FFFFFF;
    margin: 0 0 30px;
}
#footer-landing .footer-main .container .footer-left .footer-info p:last-child{
    margin: 0;
}
#footer-landing .footer-main .container .footer-left .footer-info p a{
    color: #FFFFFF;
}
#footer-landing .footer-main .container .footer-left .footer-info p a:last-child{
    color: #21D800;
}

#footer-landing .footer-copyrights{
    background: #84A7C7;
    padding: 15px 0;
}
#footer-landing .footer-copyrights .container{
    display: flex;
    justify-content: center;
    align-items: center;
}
#footer-landing .footer-copyrights .container p{
    margin: 0;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
#footer-landing .fullo-menu-landing-footer{
    display: flex;
    justify-content: end;
    align-items: start;
}
#menu-landing-meni-1,
#menu-landing-menu-german-1{
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
    column-gap: 100px;
    row-gap: 20px;
    width: fit-content;
}
#menu-landing-meni-1 li a,
#menu-landing-menu-german-1 li a{
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1px;
    color: #FFFFFF;
}
#menu-landing-meni-1 .wpml-ls-item,
#menu-landing-menu-german-1 .wpml-ls-item{
    display: none;
}

@media (max-width: 991px) {
    #footer-landing .footer-main{
        padding: 60px 0 80px;
    }

    #footer-landing .footer-main .container .footer-left{
        column-gap: 30px;
    }
    #menu-landing-meni-1,
    #menu-landing-menu-german-1{
        column-gap: 50px;
    }
}

@media (max-width:767px){
    #footer-landing .footer-main{
        padding: 60px 0;
    }
    #footer-landing .footer-main .container{
        display: grid;
        grid-template-columns: minmax(0,1fr);
        row-gap: 50px;
    }

    #footer-landing .footer-main .container .footer-left{
        flex-flow: column nowrap;
        align-items: center;
        row-gap: 50px;
        order: 1;
    }
    #footer-landing .footer-main .container .footer-left .footer-info p{
        text-align: center;
    }
    #footer-landing .fullo-menu-landing-footer{
        justify-content: center;
    }
    #menu-landing-meni-1,
    #menu-landing-menu-german-1{
        column-gap: 60px;
    }
    #menu-landing-meni-1 li, #menu-landing-meni-1 li a,
    #menu-landing-menu-german-1 li, #menu-landing-menu-german-1 li a{
        text-align: center;
    }
}

/* END FOOTER */


/* HERO SECTION*/

#fullo-landing .hero-section{
    padding: 180px 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    animation: growBackground 24s linear forwards;
    overflow: hidden;
}
@keyframes growBackground {
    from {
        background-size: auto 100% ;
    }
    to {
        background-size: auto 160%;
    }
}
#fullo-landing .hero-section .container{
    display: flex;
    flex-flow: column nowrap;
    justify-content: end;
    align-items: center;
}
#fullo-landing .hero-section .pre-title{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 14px;
    flex-flow: row nowrap;

    font-family: "Crimson Pro", sans-serif !important;
    font-weight: 400;
    font-style: italic;
    font-size: 24px;
    line-height: 1;
    color: #84A7C7;
    margin-bottom: 55px;
}
html[lang="de-DE"] #fullo-landing .hero-section .pre-title{
    flex-wrap: wrap;
    row-gap: 5px;
}
#fullo-landing .hero-section h1{
    font-weight: 400;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: 1px;
    text-align: center;
    color: #234671;
    width: fit-content;
    margin: 0 0 64px;
}
#fullo-landing .hero-section h1 span:not(.cost):not(.nowrp){
    font-family: "Crimson Pro", sans-serif !important;
    font-weight: 500;
    font-size: 64px;
    line-height: 48px;
    font-style: italic;
    color: #FF0000;
    white-space: nowrap;
}
#fullo-landing .hero-section h1 .cost{
    position: relative;
    z-index: 2;
}
#fullo-landing .hero-section h1 .cost:before{
    content: "";
    width: 250px;
    height: auto;
    aspect-ratio: 1.7;
    background-image: url("https://fullo.dev/wp-content/uploads/2022/12/tagpri.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    display: inline-block;
    position: absolute;
    z-index: -1;
    left: calc(80%);
    top: -2px;
}
#fullo-landing .hero-section h1 br.mob{
    display: none;
}
@media(max-width:1200px){
    #fullo-landing .hero-section h1 .cost:before{
        width: 200px;
        left: calc(84%);
        top: 1px;
    }
}

/*
#fullo-landing .hero-section .underline{
    display: flex;
    justify-content: end;
    margin: -5px 0 40px;
    width: 100%;
    max-width: 820px;
}
#fullo-landing .hero-section .underline img{
    width: 100%;
    max-width: 645px;
}
*/

#fullo-landing .hero-section p{
    max-width: 680px;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: center;
    color: #234671;
    margin: 0 0 64px;
}
#fullo-landing .hero-section p b{
    font-size: inherit;
    line-height: inherit;
}
#fullo-landing .hero-section .cta-buttons,
#fullo-landing .services-section .cta-buttons{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
}
html[lang="de-DE"] #fullo-landing .hero-section .cta-buttons,
html[lang="de-DE"] #fullo-landing .services-section .cta-buttons{
    flex-flow: row wrap;
    row-gap: 10px;
}
#fullo-landing .hero-section .cta-buttons{
    margin: 0 0 80px;
}
#fullo-landing .hero-section .cta-buttons a,
#fullo-landing .services-section .cta-buttons a{
    padding: 20px 34px;
    border-radius: 30px;
    background: #FFFFFF;
    display: inline-block;

    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.5px;
    text-align: center;
    color: #234671;

    box-shadow: 0px 3px 7px 0px #2346711A,
                0px 13px 13px 0px #23467117,
                0px 30px 18px 0px #2346710D,
                0px 53px 21px 0px #23467103,
                0px 83px 23px 0px #23467100;
}
#fullo-landing .hero-section .cta-buttons a:last-child,
#fullo-landing .services-section .cta-buttons a:last-child{
    background: linear-gradient(90deg, #1AAE01 0%, #21D800 100%);
    color: #FFFFFF;
}
#fullo-landing .hero-section .cta-buttons a:hover,
#fullo-landing .services-section .cta-buttons a:hover{
    background: #234671;
    color: #FFFFFF;
}

@media (max-width:1024px){
    #fullo-landing .hero-section h1{
        font-size: 40px;
        margin: 0 0 44px;
    }
    #fullo-landing .hero-section h1 span:not(.cost):not(.nowrp){
        font-size: 54px;
        line-height: 48px;
    }
    #fullo-landing .hero-section h1 .cost:before{
        width: 150px;
        left: calc(86%);
        top: 5px;
    }
    #fullo-landing .hero-section p{
        font-size: 18px;
        margin: 0 0 44px;
    }
    /*
    #fullo-landing .hero-section .underline{
        max-width: 620px;
    }
    #fullo-landing .hero-section .underline img{
        max-width: 500px;
    }
     */
}
@media (max-width:767px){
    #fullo-landing .hero-section{
        padding: 140px 0 0;
    }
    #fullo-landing .hero-section .pre-title{
        column-gap: 8px;
        font-size: 20px;
        margin-bottom: 20px;
    }
    #fullo-landing .hero-section .pre-title img{
        width: 40px;
    }
    #fullo-landing .hero-section h1{
        font-size: 30px;
        margin: 0 0 35px;
    }
    #fullo-landing .hero-section h1 span:not(.cost):not(.nowrp){
        font-size: 44px;
        line-height: 30px;
    }
    #fullo-landing .hero-section h1 .cost:before{
        width: 100px;
        left: calc(86%);
        top: 5px;
    }
    #fullo-landing .hero-section p{
        font-size: 14px;
        margin: 0 0 35px;
    }
    #fullo-landing .hero-section h1 .nowrp{
        white-space: nowrap;
    }

    /*#fullo-landing .hero-section .underline{
        justify-content: center;
        margin: 0 0 20px;
    }*/
    #fullo-landing .hero-section .cta-buttons,
    #fullo-landing .services-section .cta-buttons{
        column-gap: 10px;
    }
    #fullo-landing .hero-section .cta-buttons{
        margin: 0 0 40px;
    }
    #fullo-landing .hero-section .cta-buttons a,
    #fullo-landing .services-section .cta-buttons a{
        padding: 16px 24px;
        font-size: 14px;
    }
}
@media (max-width:576px){
    #fullo-landing .hero-section .pre-title{
        font-size: 16px;
    }
    #fullo-landing .hero-section .pre-title img{
        width: 30px;
    }
    #fullo-landing .hero-section h1 br.mob{
        display: inline-block;
    }
    #fullo-landing .hero-section .cta-buttons,
    #fullo-landing .services-section .cta-buttons{
        column-gap: 10px;
    }
    #fullo-landing .hero-section .cta-buttons{
        margin: 0 0 40px;
    }
    #fullo-landing .hero-section .cta-buttons a,
    #fullo-landing .services-section .cta-buttons a{
        padding: 16px 24px;
        font-size: 14px;
    }
}


/* SHOWCASES SECTION*/

#fullo-landing .showcases-section{
    background: #FFFFFF;
    padding: 160px 0;
}

#fullo-landing .showcases-section .container{
    display: flex;
    flex-flow: column nowrap;
    justify-content: start;
    align-items: center;
}
#fullo-landing .showcases-section .landing-heading{
    color: #234671;
    margin-bottom: 100px;
}
#fullo-landing .showcases{
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    column-gap: 40px;
    row-gap: 60px;
}
#fullo-landing .showcase{
    overflow: hidden;
    border-radius: 20px;
    background: #F2F7F9;
    box-shadow: 0px 3px 6px 0px #2446711A,
                0px 11px 11px 0px #24467117,
                0px 26px 15px 0px #2446710D,
                0px 46px 18px 0px #24467103,
                0px 71px 20px 0px #24467100;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
#fullo-landing .showcase:hover{
    transform: scale(1.02);
}
#fullo-landing .showcase .showcase-thumbnail > a{
    display: block;
}
#fullo-landing .showcase .showcase-thumbnail img{
    width: 100%;
    aspect-ratio: 1.83;
    object-fit: cover;
}
#fullo-landing .showcase .showcase-thumbnail span{
    display: flex;
    align-items: center;
    column-gap: 12px;
    padding: 10px 50px;
    background: #D4E5F4;
    border-radius: 0 6px 6px 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: #234671;

    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(calc(50% - 4px));
}

#fullo-landing .showcase .showcase-content{
    padding: 50px 40px 60px 50px;
}
#fullo-landing .showcase h3{
    margin: 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.5px;
    color: #234671;
    margin-bottom: 24px;
    max-width: calc(100% - 140px);
}
#fullo-landing .showcase p{
    margin: 0;
    max-width: min(400px, calc(100% - 140px));
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #84A7C7;
}
#fullo-landing .showcase .readm{
    display: inline-block;
    padding: 15px 25px;
    background: transparent;
    border-radius: 30px;
    border: 1px solid #234671;
    color: #234671;
    font-weight: 700;
    font-size: 14px;
    line-height: 10px;
    letter-spacing: 0.5px;
    text-align: center;
    position: absolute;
    right: 40px;
    top: 50px;
}
#fullo-landing .showcase .readm:hover{
    background: #21D800;
    color: #FFFFFF;
    border-color: #21D800;
}

@media (max-width:991px){
    #fullo-landing .showcases-section{
        padding: 120px 0;
    }
    #fullo-landing .showcases-section .landing-heading{
        margin-bottom: 80px;
    }
    #fullo-landing .showcases{
        column-gap: 20px;
        row-gap: 30px;
    }
    #fullo-landing .showcase:hover{
        transform: none;
    }
    #fullo-landing .showcase .showcase-content{
        padding: 40px 20px 30px 20px;
    }
    #fullo-landing .showcase h3{
        max-width: 100%;
        margin: 0 0 16px;
    }
    #fullo-landing .showcase p{
        max-width: 100%;
    }
    #fullo-landing .showcase .readm{
        position: relative;
        inset: unset;
        margin: 16px 0 0;
    }
}
@media (max-width:767px){
    #fullo-landing .showcases-section{
        padding: 60px 0;
    }
    #fullo-landing .showcases-section .landing-heading{
        margin-bottom: 40px;
    }
    #fullo-landing .showcases{
        row-gap: 20px;
        column-gap: 10px;
    }
    #fullo-landing .showcase .showcase-thumbnail span{
        column-gap: 8px;
        padding: 6px 25px;
        font-size: 14px;
        line-height: 18px;
    }
    #fullo-landing .showcase .showcase-content{
        padding: 40px 20px 30px 20px;
    }
    #fullo-landing .showcase h3{
        font-size: 22px;
    }
}
@media (max-width:576px){
    #fullo-landing .showcases{
        grid-template-columns: minmax(0, 1fr);
    }
}

/* END SHOWCASES SECTION */


/* SERVICES SECTION */

#fullo-landing .services-section{
    background: #D4E5F4;
    padding: 160px 0 200px;
}
#fullo-landing .services-section .container{
    display: flex;
    justify-content: start;
    align-items: center;
    flex-flow: column nowrap;
}
#fullo-landing .services-section .landing-heading{
    color: #234671;
    max-width: 700px;
    margin-bottom: 100px;
}
#fullo-landing .services-section .wd-services-wrap{
    --services-gap: 20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
    gap: var(--services-gap);
    margin-bottom: 80px;
}
#fullo-landing .services-section .wd-service{
    display: flex;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
    linear-gradient(180deg, rgba(212, 229, 244, 0) 0%, rgba(212, 229, 244, 0.2) 100%);
    border-radius: 20px;
    box-shadow: 0px 1px 3px 0px #2446711A,
                0px 5px 5px 0px #24467117,
                0px 12px 7px 0px #2446710D,
                0px 21px 9px 0px #24467103,
                0px 34px 9px 0px #24467100;
    padding: 0 50px 50px;

    width: calc((100% - 2 * (var(--services-gap))) / 3);
    flex-flow: column nowrap;
    justify-content: start;
    align-items: start;
    row-gap: 30px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
#fullo-landing .services-section .wd-service:hover{
    transform: scale(1.02);
}
#fullo-landing .services-section .wd-service:nth-child(5n+4),
#fullo-landing .services-section .wd-service:nth-child(5n+5){
    width: calc((100% - (var(--services-gap))) / 2);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 20%;
    grid-template-rows: auto auto 1fr;
    row-gap: 30px;
    column-gap: 20px;
    justify-items: start;
}
#fullo-landing .services-section .wd-service .wd-tag{
    display: inline-block;
    padding: 8px 10px;
    font-weight: 700;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #F4B522;
}
#fullo-landing .services-section .wd-service .wd-tag.red{
    background: #D96D6D;
}
#fullo-landing .services-section .wd-service .wd-title{
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 1px;
    color: #234671;
    margin: 0;
}
#fullo-landing .services-section .wd-service .wd-desc{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #234671;
    margin: 0;
}
html[lang="de-DE"] #fullo-landing .services-section .wd-service .wd-title,
html[lang="de-DE"] #fullo-landing .services-section .wd-service .wd-desc,
html[lang="de-DE"] #fullo-landing .pricing-features-section .features-table .feature-text{
    overflow-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}
#fullo-landing .services-section .wd-service img{
    margin-top: auto;
    align-self: end;
}
#fullo-landing .services-section .wd-service:nth-child(5n+4) .wd-tag,
#fullo-landing .services-section .wd-service:nth-child(5n+5) .wd-tag,
#fullo-landing .services-section .wd-service:nth-child(5n+4) .wd-title,
#fullo-landing .services-section .wd-service:nth-child(5n+5) .wd-title{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row: span 1;
}
#fullo-landing .services-section .wd-service:nth-child(5n+4) .wd-desc,
#fullo-landing .services-section .wd-service:nth-child(5n+5) .wd-desc{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row: span 1;
    max-width: 360px;
}
#fullo-landing .services-section .wd-service:nth-child(5n+4) img,
#fullo-landing .services-section .wd-service:nth-child(5n+5) img{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row: 1 / -1;
    align-self: center;
    margin: auto;
}

@media (max-width: 991px){
    #fullo-landing .services-section{
        padding: 100px 0 140px;
    }
    #fullo-landing .services-section .landing-heading{
        margin-bottom: 80px;
    }
    #fullo-landing .services-section .wd-services-wrap{
        --services-gap: 20px;
        margin-bottom: 60px;
    }
    #fullo-landing .services-section .wd-service{
        padding: 0 30px 30px;
        row-gap: 20px;
    }
    #fullo-landing .services-section .wd-service:hover{
        transform: none;
    }
    #fullo-landing .services-section .wd-service:nth-child(5n+4),
    #fullo-landing .services-section .wd-service:nth-child(5n+5){
        row-gap: 20px;
    }
    #fullo-landing .services-section .wd-service:nth-child(5n+4),
    #fullo-landing .services-section .wd-service:nth-child(5n+5){
        grid-template-columns: minmax(0, 1fr) 70px;
    }
    #fullo-landing .services-section .wd-service img{
        max-height: 70px;
    }
    #fullo-landing .services-section .wd-service .wd-title{
        font-size: 20px;
    }
    #fullo-landing .services-section .wd-service .wd-desc{
        font-size: 14px;
    }
}
@media (max-width: 767px){
    #fullo-landing .services-section{
        padding: 60px 0 100px;
    }
    #fullo-landing .services-section .landing-heading{
        margin-bottom: 40px;
    }
    #fullo-landing .services-section .wd-services-wrap{
        --services-gap: 10px;
        margin-bottom: 40px;
    }
    #fullo-landing .services-section .wd-service{
        padding: 0 20px 20px;
        row-gap: 16px;
    }
    #fullo-landing .services-section .wd-service:nth-child(5n+4),
    #fullo-landing .services-section .wd-service:nth-child(5n+5){
        row-gap: 16px;
    }
    #fullo-landing .services-section .wd-service:nth-child(5n+4),
    #fullo-landing .services-section .wd-service:nth-child(5n+5){
        grid-template-columns: minmax(0, 1fr) 60px;
    }
    #fullo-landing .services-section .wd-service img{
        max-height: 60px;
    }
    #fullo-landing .services-section .wd-service .wd-title{
        font-size: 16px;
        line-height: 1.2;
    }
    #fullo-landing .services-section .wd-service .wd-tag{
        padding: 4px 6px;
        font-size: 9px;
    }
}

@media (max-width: 576px){
    #fullo-landing .services-section .wd-services-wrap{
        --services-gap: 10px;
    }
    #fullo-landing .services-section .wd-service,
    #fullo-landing .services-section .wd-service:nth-child(5n+4),
    #fullo-landing .services-section .wd-service:nth-child(5n+5){
        width: calc((100% - var(--services-gap)) / 2);
        display: flex;
        flex-flow: column nowrap;
        justify-content: start;
        align-items: start;
    }
    #fullo-landing .services-section .wd-service img{
        max-height: 50px;
    }

    #fullo-landing .services-section .wd-service:nth-child(5n+4) img,
    #fullo-landing .services-section .wd-service:nth-child(5n+5) img {
        align-self: end;
        margin: auto 0 0;
    }
    #fullo-landing .services-section .wd-service:nth-child(4n+3),
    #fullo-landing .services-section .wd-service:nth-child(4n+4){
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 50px;
        grid-template-rows: auto auto 1fr;
        justify-items: start;
    }
    #fullo-landing .services-section .wd-service:nth-child(4n+3) .wd-tag,
    #fullo-landing .services-section .wd-service:nth-child(4n+4) .wd-tag,
    #fullo-landing .services-section .wd-service:nth-child(4n+3) .wd-title,
    #fullo-landing .services-section .wd-service:nth-child(4n+4) .wd-title{
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row: span 1;
    }
    #fullo-landing .services-section .wd-service:nth-child(4n+3) .wd-desc,
    #fullo-landing .services-section .wd-service:nth-child(4n+4) .wd-desc{
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row: span 1;
        max-width: 360px;
    }
    #fullo-landing .services-section .wd-service:nth-child(4n+3) img,
    #fullo-landing .services-section .wd-service:nth-child(4n+4) img{
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row: 1 / -1;
        align-self: center;
        margin: auto;
    }

    #fullo-landing .services-section .wd-service .wd-desc{
        font-size: 12px;
    }
}

/* SERVICES SECTION END */


/* PARTNERS SECTION */

#fullo-landing .partners-section{
    background: #132E50;
    padding: 90px 0;
}
#fullo-landing .partners-section .container{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: stretch;
}

#fullo-landing .partners-heading{
    padding: 24px 24px 6px;
    width: 36%;
    background: #132E50;
    border-radius: 20px 20px 0 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 1px;
    text-align: center;
    color: #FFFFFF;

    position: absolute;
    top: -90px;
    transform: translate(-50%, -100%);
    left: 50%;
}
#fullo-landing .partners-section .splide__slide{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


@media (max-width: 991px){
    #fullo-landing .partners-section{
        padding: 70px 0;
    }
    #fullo-landing .partners-heading{
        font-size: 18px;
        line-height: 24px;
        top: -80px;
    }
}
@media (max-width: 767px){
    #fullo-landing .partners-section{
        padding: 50px 0;
    }
    #fullo-landing .partners-heading{
        width: 280px;
        top: -60px;
        padding: 16px 16px 6px;
        font-size: 16px;
    }
}
@media (max-width: 576px){
    #fullo-landing .partners-wrap{
        column-gap: 15px;
        row-gap: 15px;
        justify-content: center;
    }
    #fullo-landing .partners-section .splide__list{
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center;
        gap: 40px 40px;
    }
    #fullo-landing .partners-section .splide__slide img{
        height: 35px;
        width: auto;
        object-fit: contain;
        max-width: 25vw;
    }
}

/* PARTNERS SECTION END */


/* TESTIMONIALS SECTION */

#fullo-landing .testimonials-section{
    background: #234671;
    padding: 160px 0 190px;
}

#fullo-landing .testimonials-section .container{
    max-width: 1000px;
}

#fullo-landing .testimonials-section .landing-heading{
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 120px;
}
#fullo-landing .testimonials-section .splide{
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: start;
    align-items: stretch;
}
#fullo-landing .testimonials-section .splide__slide{
    display: grid;
    grid-template-columns: minmax(0, 37%) minmax(0, 63%);
    grid-template-rows: 1fr auto auto;
    column-gap: 8%;
}
#fullo-landing .testimonials-section .splide__slide img{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row: 1 / -1;

    width: 100%;
    position: relative;
    border-radius: 50%;
    border: 1px solid #000000;
}
#fullo-landing .testimonials-section .splide__slide .testimonial-text,
#fullo-landing .testimonials-section .splide__slide .testimonial-name,
#fullo-landing .testimonials-section .splide__slide .testimonial-position{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row: span 1;
    color: #FFFFFF;
}

#fullo-landing .testimonials-section .splide__slide .testimonial-text{
    font-family: "Crimson Pro";
    font-weight: 400;
    font-style: italic;
    font-size: 24px;
    line-height: 1.5;
    margin: 0 0 45px;
    align-self: end;
}
#fullo-landing .testimonials-section .splide__slide .testimonial-name{
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 1px;
    margin-bottom: 14px;
}
#fullo-landing .testimonials-section .splide__slide .testimonial-position{
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 1px;
}

#fullo-landing .testimonials-section .splide__pagination{
    order: 1;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
}
#fullo-landing .testimonials-section .splide__pagination .splide__pagination__page{
    margin: 0;
    width: 10px;
    height: 10px;
    opacity: 1;
    background: #84A7C780;
}
#fullo-landing .testimonials-section .splide__pagination .splide__pagination__page.is-active{
    background: #21D800;
    transform: none;
}
#fullo-landing .testimonials-section .splide__arrows{
    order: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: calc(var(--dots-num) * 10px + (var(--dots-num) - 1) * 10px + 60px);
}
#fullo-landing .testimonials-section .splide__arrow{
    position: relative;
    inset: unset;
    transform: translateY(calc(-100% - 4px));
    opacity: 1;
    background: #84A7C780;
    width: 26px;
    height: 26px;
}
#fullo-landing .testimonials-section .splide__arrow svg{
    fill: #FFFFFF;
}

@media (max-width: 991px){
    #fullo-landing .testimonials-section{
        background: #234671;
        padding: 100px 0 140px;
    }
    #fullo-landing .testimonials-section .landing-heading{
        margin-bottom: 80px;
    }

    #fullo-landing .testimonials-section .splide__slide{
        column-gap: 4%;
    }

    #fullo-landing .testimonials-section .splide__slide .testimonial-text{
        font-size: 22px;
        margin: 0 0 30px;
    }
    #fullo-landing .testimonials-section .splide__slide .testimonial-name{
        font-size: 22px;
    }
    #fullo-landing .testimonials-section .splide__slide .testimonial-position{
        font-size: 22px;
    }
}
@media (max-width: 767px){
    #fullo-landing .testimonials-section{
        padding: 60px 0 60px;
    }
    #fullo-landing .testimonials-section .landing-heading{
        margin-bottom: 40px;
    }

    #fullo-landing .testimonials-section .splide__slide{
        column-gap: 4%;
    }

    #fullo-landing .testimonials-section .splide__slide .testimonial-text{
        font-size: 20px;
        margin: 0 0 30px;
    }
    #fullo-landing .testimonials-section .splide__slide .testimonial-name{
        font-size: 18px;
        margin-bottom: 8px;
    }
    #fullo-landing .testimonials-section .splide__slide .testimonial-position{
        font-size: 18px;
    }
}
@media (max-width: 576px){
    #fullo-landing .testimonials-section .landing-heading{
        max-width: 80%;
        text-align: center;
        margin: 0 auto 40px;
    }
    #fullo-landing .testimonials-section .splide__slide{
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto;
    }
    #fullo-landing .testimonials-section .splide__slide > *{
        grid-column: span 1 !important;
        grid-row: span 1 !important;
    }

    #fullo-landing .testimonials-section .splide__slide .testimonial-text{
        font-size: 20px;
        text-align: center;
        margin: 0 0 30px;
        max-width: min(530px, 90%);
        justify-self: center;
    }
    #fullo-landing .testimonials-section .splide__slide .testimonial-name,
    #fullo-landing .testimonials-section .splide__slide .testimonial-position{
        text-align: center;
    }
    #fullo-landing .testimonials-section .splide__slide img{
        max-width: min(340px, 40%);
        justify-self: center;
        margin-bottom: 20px;
    }
}

/* TESTIMONIALS SECTION END */


/* PRICING SECTION */
#fullo-landing .pricing-section{
    padding: 160px 0 150px;
    background: radial-gradient(79.19% 79.19% at 50% 0%, #D4E5F4 0%, #84A7C7 100%);Q
}
#fullo-landing .pricing-section .container{
    display: flex;
    justify-content: start;
    align-items: center;
    flex-flow: column nowrap;
}
#fullo-landing .pricing-section .landing-heading{
    color: #234671;
    margin-bottom: 10px;
}
#fullo-landing .pricing-section .landing-description{
    font-family: "Crimson Pro", sans-serif !important;
    font-weight: 400;
    font-style: Italic;
    font-size: 30px;
    line-height: 1;
    text-align: center;
    color: #234671;
    margin-bottom: 80px;
}
#fullo-landing .pricing-section .pricing-wrap{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 20px;
    margin-bottom: 70px;
}
#fullo-landing .pricing-section .pricing-box{
    background: linear-gradient(0deg, #E5EFF3, #E5EFF3),
    linear-gradient(308.4deg, rgba(255, 255, 255, 0) 49.94%, #FFFFFF 100%);
    box-shadow: 0 3px 7px 0 #2346711A,
                0 13px 13px 0 #23467117,
                0 30px 18px 0 #2346710D,
                0 53px 21px 0 #23467103,
                0 83px 23px 0 #23467100;
    border-radius: 16px;
    padding: 50px 50px 46px;
    display: flex;
    justify-content: start;
    align-items: stretch;
    flex-flow: column nowrap;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
#fullo-landing .pricing-section .pricing-box:hover{
    transform: scale(1.02);
}

#fullo-landing .pricing-section .pricing-box .pricing-header{
    display: flex;
    justify-content: space-between;
    align-items: start;
    column-gap: 10px;
    flex-flow: row nowrap;
    margin-bottom: 40px;
}
#fullo-landing .pricing-section .pricing-box .pricing-header > img{
    max-width: 25%;
    margin-top: -18%;
}
#fullo-landing .pricing-section .pricing-box .pricing-header span{
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
    align-items: center;
    gap: 12px;
    font-weight: 700;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #234671;
}
#fullo-landing .pricing-section .pricing-box h3{
    font-weight: 700;
    font-size: 34px;
    line-height: 1;
    letter-spacing: 0.5px;
    color: #234671;
    margin: 0 0 20px;
}
#fullo-landing .pricing-section .pricing-box .tagline{
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #84A7C7;
}
#fullo-landing .pricing-section .pricing-box > p{
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    color: #234671;
    max-width: 420px;
    margin-bottom: 20px;
}
#fullo-landing .pricing-section .pricing-box .pricing-footer{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    column-gap: 10px;
    row-gap: 20px;
    align-items: center;
    margin-top: auto;
}
#fullo-landing .pricing-section .pricing-box .pricing-footer .all-inclusive{
    width: 100%;
}
#fullo-landing .pricing-section .pricing-box .pricing-footer .magento-experts{
    font-weight: 700;
    font-size: 12px;
    line-height: 1.16;
    letter-spacing: 1px;
    color: #234671;
    grid-column: 1/-1;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    row-gap: 20px;
    padding: 20px 0;
    border-style: dashed;
    border-color: #84A7C7;
    border-width: 1px 0;
}
#fullo-landing .pricing-section .pricing-box .pricing-footer .magento-experts span{
    max-width: 56%;
    text-align: right;
}

#fullo-landing .pricing-section .pricing-box .pricing-footer .price{
    display: flex;
    flex-flow: column nowrap;
    justify-content: start;
    align-items: start;
    margin: 0;
}

#fullo-landing .pricing-section .pricing-box .pricing-footer .price .starts-at{
    font-size: 14px;
    line-height: 1;
    font-style: italic;
    color: #234671;
}
#fullo-landing .pricing-section .pricing-box .pricing-footer .price .price-amount{
    font-weight: 400;
    font-size: 48px;
    line-height: 1;
    letter-spacing: 0.5px;
    text-align: right;
    color: #234671;
    margin: 8px 0 20px;
}
#fullo-landing .pricing-section .pricing-box .pricing-footer .price .price-amount span{
    display: inline-block;
    margin-left: -10px;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.5px;
}
#fullo-landing .pricing-section .pricing-box .pricing-footer .price .footer-note{
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 1.3;
    color: #234671;
}
html[lang="de-DE"] #fullo-landing .pricing-section .pricing-box .pricing-footer .price .footer-note{
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

#fullo-landing .pricing-section .container > a{
    padding: 22px 78px;
    background: linear-gradient(90deg, #1AAE01 0%, #21D800 100%);
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 35px;
    box-shadow: 0px 3px 7px 0px #2346711A,
                0px 13px 13px 0px #23467117,
                0px 30px 18px 0px #2346710D,
                0px 53px 21px 0px #23467103,
                0px 83px 23px 0px #23467100;
    display: inline-block;
    margin-bottom: 30px;
}
#fullo-landing .pricing-section .container > a:hover{
    background: #234671;
}
#fullo-landing .pricing-section .pricing-section-text{
    font-family: "Crimson Pro", sans-serif !important;
    font-weight: 400;
    font-style: italic;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
}
@media (max-width:1300px){
    #fullo-landing .pricing-section .landing-heading{
        font-size: 40px;
    }
    #fullo-landing .pricing-section .landing-description{
        font-size: 26px;
    }
    #fullo-landing .pricing-section .pricing-box{
        padding: 40px 30px 30px;
    }
    #fullo-landing .pricing-section .pricing-box .pricing-footer .price .price-amount{
        font-size: 38px;
        margin: 8px 0 20px;
    }
    #fullo-landing .pricing-section .pricing-box h3{
        font-size: 26px;
    }
    #fullo-landing .pricing-section .pricing-box .pricing-footer .price .footer-note{
        font-size: 12px;
    }
    #fullo-landing .pricing-section .pricing-box .pricing-footer svg{
        height: 16px;
        width: auto;
    }
}

@media (max-width:991px){
    #fullo-landing .pricing-section{
        padding: 100px 0 80px;
    }
    #fullo-landing .pricing-section .landing-heading{
        max-width: 600px;
        font-size: 46px;
    }
    #fullo-landing .pricing-section .landing-description{
        margin-bottom: 80px;
        font-size: 20px;
    }
    #fullo-landing .pricing-section .pricing-box .pricing-header > img{
        margin-top: -14%;
    }
    #fullo-landing .pricing-section .pricing-wrap{
        margin-bottom: 50px;
        row-gap: 60px;
        grid-template-columns: minmax(0,1fr);
    }
    #fullo-landing .pricing-section .pricing-box{
        padding: 30px 20px;
    }
    #fullo-landing .pricing-section .pricing-box:hover{
        transform: none;
    }
    #fullo-landing .pricing-section .pricing-box h3{
        font-size: 32px;
    }
    #fullo-landing .pricing-section .pricing-box .pricing-footer > span{
        font-size: 10px;
        line-height: 12px;
    }
    #fullo-landing .pricing-section .pricing-box .pricing-footer .price{
        font-size: 36px;
        line-height: 56px;
    }

    #fullo-landing .pricing-section .pricing-box .pricing-footer .price .starts-at{
        font-size: 18px;
    }

    #fullo-landing .pricing-section .container > a{
        padding: 16px 40px;
        font-size: 18px;
        line-height: 22px;
    }
}
@media (max-width:767px){
    #fullo-landing .pricing-section{
        padding: 60px 0 80px;
    }
    #fullo-landing .pricing-section .landing-heading{
        font-size: 30px;
        max-width: 400px;
    }
    #fullo-landing .pricing-section .landing-description{
        font-size: 16px;
        margin-bottom: 40px;
    }
    #fullo-landing .pricing-section .pricing-box .pricing-header > img{
        margin-top: -14%;
    }
    #fullo-landing .pricing-section .pricing-wrap{
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        row-gap: 30px;
    }
    #fullo-landing .pricing-section .pricing-box h3{
        font-size: 28px;
        margin: 0 0 22px;
    }
    #fullo-landing .pricing-section .pricing-box .pricing-footer .price .starts-at{
        font-size: 12px;
    }
    #fullo-landing .pricing-section .pricing-box > p{
        font-size: 12px;
        max-width: 500px;
    }
    #fullo-landing .pricing-section .container > a{
        font-size: 18px;
        line-height: 22px;
    }
    #fullo-landing .pricing-section .pricing-section-text{
        font-size: 12px;
    }
    #fullo-landing .pricing-section .container > a{
        margin-bottom: 20px;
    }
    #fullo-landing .pricing-section .pricing-box .pricing-footer .magento-experts span{
        max-width: 65%;
    }
}
@media(max-width:440px){
    #fullo-landing .pricing-section .landing-heading{
        font-size: 28px;
        max-width: 340px;
        margin-bottom: 10px;
    }
    #fullo-landing .pricing-section .landing-description{
        max-width: 300px;
    }
    #fullo-landing .pricing-section .pricing-box .pricing-footer .price .footer-note {
        font-size: 11px;
    }
    #fullo-landing .pricing-section .pricing-box .pricing-footer .magento-experts svg{
        height: 15px;
    }
}
/* PRICING SECTION END*/


/*  FEATURES OVERVIEW SECTION START  */
#fullo-landing .pricing-features-section{
    padding: 160px 0 200px;
    background: #F2F7F9;
}
#fullo-landing .pricing-features-section .landing-heading{
    color: #234671;
    margin-bottom: 80px;
}

#fullo-landing .pricing-features-section .features-table{
    display: block !important;
}
#fullo-landing .pricing-features-section .features-table thead,
#fullo-landing .pricing-features-section .features-table tbody,
#fullo-landing .pricing-features-section .features-table tbody tr,
#fullo-landing .pricing-features-section .features-table tbody tr .section-rows{
    display: block;
    width: 100%;
}

#fullo-landing .pricing-features-section .features-table thead tr,
#fullo-landing .pricing-features-section .features-table tbody tr .section-row{
    display: grid;
    grid-template-columns: 1fr repeat(3,minmax(0,16%));
    column-gap: 20px;
    align-items: center;
    justify-items: center;
}
#fullo-landing .pricing-features-section .features-table thead tr{
    align-items: stretch;
}
#fullo-landing .pricing-features-section .features-table thead th.magento-package{
    background: #84A7C7;
    color: white;
    width: 100%;
    padding: 17px 30px;
    display: grid;
    grid-template-columns: 28% minmax(0,1fr);
    align-items: center;
    column-gap: 10px;
    border-radius: 20px 20px 0 0;
}
#fullo-landing .pricing-features-section .features-table thead th.magento-package p{
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.5px;
    margin: 0;
    text-align: left;
}

#fullo-landing .pricing-features-section .features-table tbody tr .section-row{
    padding: 30px 0;
    background: #FFFFFF;
    border-bottom: 1px solid #84A7C7;
}
#fullo-landing .pricing-features-section .features-table tbody tr .section-rows .section-row:nth-of-type(odd){
    background: transparent;
}

#fullo-landing .pricing-features-section .features-table tbody tr:not(:last-child){
    margin-bottom: 40px;
}

#fullo-landing .pricing-features-section .features-table tbody tr td:first-child{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    column-gap: 10px;
    width:100%;
    padding: 30px;
    background: #D4E5F4;
    border-radius: 20px 20px 0 0;
    border-bottom: 1px solid #D4E5F4;

    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0.5px;
    color: #234671;
}
#fullo-landing .pricing-features-section .features-table tbody tr:first-child td:first-child{
    border-radius: 20px 0 0;
}

#fullo-landing .pricing-features-section .features-table .feature-text{
    padding: 0 50px 0 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.5px;
    color: #234671;
    justify-self: start;
}

#fullo-landing .pricing-features-section .features-table .feature-text strong:first-child{
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 18px;
}

#fullo-landing .pricing-features-section .features-table div.magento-package{
    display: flex;
    flex-flow: column nowrap;
    justify-content: start;
    align-items: center;
    row-gap: 10px;
}
#fullo-landing .pricing-features-section .features-table div.magento-package p{
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.5px;
    text-align: center;
    color: #234671;
    max-width: min(180px, 90%);
    margin: 0;
}

/* ACCORDION */
#fullo-landing .pricing-features-section .features-table tbody tr .section-rows{
    display: none;
}
#fullo-landing .pricing-features-section .features-table tbody tr.open .section-rows{
    display: block;
}
#fullo-landing .pricing-features-section .features-table tbody tr.open td:first-child{
    border-bottom: 1px solid #84A7C7;
}
#fullo-landing .pricing-features-section .features-table tbody tr.open td:first-child svg{
    transform: scaleY(-1);
}

@media(max-width:1200px){
    #fullo-landing .pricing-features-section .features-table thead th.magento-package p{
        font-size: 16px;
    }
    #fullo-landing .pricing-features-section .features-table thead th.magento-package{
        padding: 17px;
    }
}

@media(max-width:991px){
    #fullo-landing .pricing-features-section{
        padding: 100px 0 140px;
    }
    #fullo-landing .pricing-features-section .landing-heading{
        margin-bottom: 60px;
    }
    #fullo-landing .pricing-features-section .features-table thead tr{
        grid-template-columns: repeat(3,minmax(0,1fr));
        column-gap: 20px;
        align-items: center;
        justify-items: center;
    }
    #fullo-landing .pricing-features-section .features-table tbody tr:first-child td:first-child{
        border-radius: 0;
    }
    #fullo-landing .pricing-features-section .features-table thead th.empty{
        display: none;
    }
    #fullo-landing .pricing-features-section .features-table thead th.magento-package{
        padding: 17px 30px;
    }
    #fullo-landing .pricing-features-section .features-table thead th.magento-package p{
        font-size: 20px;
        line-height: 23px;
    }
    #fullo-landing .pricing-features-section .features-table thead th.magento-package.active{
        background: #234671;
    }
    #fullo-landing .pricing-features-section .features-table tbody tr .section-row{
        grid-template-columns: 2fr 1fr;
        column-gap: 40px;
    }
    #fullo-landing .pricing-features-section .features-table div.magento-package{
        display: none;
    }
    #fullo-landing .pricing-features-section .features-table div.magento-package.active{
        display: flex;
    }
}
@media(max-width:767px){
    #fullo-landing .pricing-features-section{
        padding: 60px 0 80px;
    }
    #fullo-landing .pricing-features-section .landing-heading{
        margin-bottom: 30px;
    }
    #fullo-landing .pricing-features-section .features-table thead tr{
        grid-template-columns: repeat(3,minmax(0,1fr));
        column-gap: 5px;
    }
    #fullo-landing .pricing-features-section .features-table tbody tr:not(:last-child) {
        margin-bottom: 15px;
    }
    #fullo-landing .pricing-features-section .features-table thead th.magento-package{
        padding: 15px;
    }
    #fullo-landing .pricing-features-section .features-table thead th.magento-package p{
        font-size: 16px;
        line-height: 20px;
    }
    #fullo-landing .pricing-features-section .features-table tbody tr td:first-child{
        padding: 18px 15px 12px;
        font-size: 18px;
        line-height: 1.2;
        border-radius: 10px 10px 0 0;
    }
    #fullo-landing .pricing-features-section .features-table tbody tr .section-row{
        grid-template-columns: 2fr 1fr;
        column-gap: 10px;
        padding: 15px 0;
    }
    #fullo-landing .pricing-features-section .features-table .feature-text{
        padding: 0 0 0 15px;
        font-size: 12px;
    }
    #fullo-landing .pricing-features-section .features-table .feature-text strong:first-child{
        margin-bottom: 4px;
        font-size: 14px;
        line-height: 16px;
    }
    #fullo-landing .pricing-features-section .features-table div.magento-package{
        row-gap: 5px;
    }
    #fullo-landing .pricing-features-section .features-table div.magento-package p{
        font-size: 12px;
        line-height: 16px;
    }
    #fullo-landing .pricing-features-section .features-table div.magento-package img{
        max-width: 20px;
    }
}
@media(max-width:576px){
    #fullo-landing .pricing-features-section .features-table thead tr{
        align-items: stretch;
    }
    #fullo-landing .pricing-features-section .features-table thead th.magento-package{
        padding: 10px 5px;
    }
    #fullo-landing .pricing-features-section .features-table thead th.magento-package{
        grid-template-columns: minmax(0,20px) minmax(0,60px);
        justify-content: center;
    }
    #fullo-landing .pricing-features-section .features-table thead th.magento-package p{
        font-size: 12px;
        line-height: 16px;
    }
    #fullo-landing .pricing-features-section .features-table tbody tr td:first-child svg{
        width: 10px;
    }
}



/*  FEATURES OVERVIEW SECTION END   */



/* CONTACT SECTION */
#fullo-landing .contact-section{
    background: #FFFFFF;
    padding: 105px 0;
}
#fullo-landing .contact-section .container{
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    column-gap: 20px;
}
#fullo-landing .contact-section .contact-wrap{

}
#fullo-landing .contact-section .contact:first-child{
    margin-bottom: 2px;
}
#fullo-landing .contact-section .contact{
    padding: 40px 13%;
    background: #84A7C7;
    border-radius: 20px;
}
#fullo-landing .contact-section .contact:hover{
    background: #234671;
}
#fullo-landing .contact-section .location{
    padding: 70px 13%;
    background: #D4E5F4;
    border-radius: 20px;
}
#fullo-landing .contact-section .contact > div{
    display: flex;
    justify-content: start;
    align-items: start;
    column-gap: 40px;
}
#fullo-landing .contact-section .contact > div p{
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    max-width: calc(100% - 260px);
}
#fullo-landing .contact-section .contact > div a{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 16px;
    background: #21D800;
    color: white;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.5px;
    text-align: center;
    padding: 17px 48px;
    border-radius: 35px;
}
#fullo-landing .contact-section .preheading{
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 6px;
    text-transform: uppercase;
    color: #E5EFF3;
    margin-bottom: 5px;
    display: inline-block;
}
#fullo-landing .contact-section .location .preheading{
    color: #84A7C7;
}

#fullo-landing .contact-section h2{
    display: flex;
    justify-content: start;
    align-items: center;
    column-gap: 20px;
    font-weight: 400;
    font-size: 36px;
    line-height: 60px;
    color: #FFFFFF;
    margin: 0 0 40px;
}
#fullo-landing .contact-section .contact:last-child:before{
    content: "or";
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 42px !important;
    height: 42px !important;
    border: 1px solid white;
    border-radius: 50%;
    font-family: "Crimson Pro", sans-serif;
    font-weight: 400;
    font-style: Italic;
    font-size: 24px;
    line-height: 0;
    color: white;
    background: #84A7C7;
    padding: 2px 0 5px;
}
#fullo-landing .contact-section .contact:last-child h2{
    margin-bottom: 10px;
}
#fullo-landing .contact-section .location h2{
    font-size: 54px;
    line-height: 80px;
    color: #234671;
}

#fullo-landing .contact-section .location p{
    margin: 30px 0 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #234671;
}
#fullo-landing .contact-section .location p a{
    color: inherit;
}

/* --Kontakt forma */
#fullo-landing .ff-default input.ff-el-form-control,
#fullo-landing .ff-default textarea.ff-el-form-control{
    padding: 15px 23px 11px;
    background: #D4E5F4;
    border: none;
    border-radius: 5px;

    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #234671;
}
#fullo-landing  input.ff-el-form-control:focus,
#fullo-landing  textarea.ff-el-form-control:focus{
    background: #FFFFFF;
}
#fullo-landing .fluentform .ff-el-group{
    margin-bottom: 10px;
}

#fullo-landing .ff-default textarea.ff-el-form-control{
    height: 182px;
}
#fullo-landing .ff-custom_html{
    margin-bottom: 30px;
}
#fullo-landing .ff-custom_html p{
    font-weight: 400;
    font-size: 11px !important;
    line-height: 13px !important;
    letter-spacing: 1px;
    color: #FFFFFF;
    margin: 20px 0 0!important;
}

#fullo-landing .ff-btn-submit{
    padding: 16px 36px !important;
    background: #21D800 !important;
    border: none !important;
    border-radius: 25px;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.5px;
    text-align: center;
    align-self: end;
    max-width: 220px;
    white-space: normal;

    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;

    position: absolute;
    right: 0;
    bottom: 15px;
}
@media(max-width:991px){
    #fullo-landing .ff-btn-submit{
        max-width: 100%;
    }
}


#fullo-landing .ff_submit_btn_wrapper{
    margin: 0;
}
#fullo-landing .ff-btn-submit:after{
    content: url('img/form-button-arrow.svg');
    display: inline-block;
    margin-left: 16px;
}

@media (max-width: 1200px){
    #fullo-landing .contact-section h2{
        font-size: 40px;
        line-height: 60px;
    }
    #fullo-landing .contact-section .contact{
        padding: 40px;
    }
}

@media (max-width: 991px){
    #fullo-landing .contact-section{
        padding: 80px 0;
    }
    #fullo-landing .contact-section .container{
        grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }
    #fullo-landing .contact-section .contact,
    #fullo-landing .contact-section .location{
        padding: 50px 30px;
    }
    #fullo-landing .contact-section .preheading{
        margin-bottom: 10px;
    }
    #fullo-landing .contact-section h2{
        font-size: 38px;
        line-height: 58px;
        margin: 0 0 24px;
    }
    #fullo-landing .contact-section .contact:first-child{
        padding-bottom: 60px;
    }
    #fullo-landing .contact-section .location p{
        margin: 20px 0 0;
    }
    #fullo-landing .contact-section .contact > div{
        flex-flow: column nowrap;
        row-gap: 15px;
    }
    #fullo-landing .contact-section .contact > div p{
        max-width: 100%;
    }
    #fullo-landing .contact-section .contact > div a{
        align-self: end;
    }
    #fullo-landing .ff-btn-submit{
        position: relative;
        inset: unset;
    }
    #fullo-landing .ff-custom_html p{
        margin: 0!important;
    }
    #fullo-landing .contact-section .container{
        grid-template-columns: minmax(0, 1fr);
        row-gap: 20px;
    }
    #fullo-landing .contact-section .fluentform .ff-el-group {
        margin-bottom: 10px!important;
    }
}

@media (max-width: 767px){
    #fullo-landing .contact-section{
        padding: 60px 0;
    }
    #fullo-landing .contact-section .container{
        grid-template-columns: minmax(0, 1fr);
        row-gap: 20px;
    }
    #fullo-landing .contact-section .contact,
    #fullo-landing .contact-section .location{
        padding: 30px 20px;
    }
    #fullo-landing .contact-section h2{
        font-size: 32px;
        line-height: 42px;
        margin: 0 0 20px;
    }

    /* --Kontakt forma */

    #fullo-landing .fluentform .ff-el-group{
        margin: 0;
        width: 100%;
    }
    #fullo-landing .ff-custom_html p{
        font-size: 10px;
        line-height: 14px;
    }
    html[lang="de-DE"] #fullo-landing .ff-btn-submit{
        font-size: 12px;
    }
}

/* CONTACT SECTION END*/


/* SHOWCASE LANDING CONTENT*/
#fullo-landing .showcase-content-section{
    padding: 170px 0 220px;
    background: #F2F7F9;
}

#fullo-landing .showcase-content-section .container{
    display: flex;
    flex-flow: column nowrap;
    justify-content: start;
    align-items: stretch;
}

#fullo-landing .showcase-content-section .showcase-content-wrapper{
    display: grid;
    grid-template-columns: minmax(0,1fr) 340px;
    grid-template-rows: auto;
    column-gap: 20px;
    row-gap: 40px;
}
#fullo-landing .showcase-content-section .pre-title{
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 6px;
    text-transform: uppercase;
    color: #84A7C7;
    margin-bottom: 20px;
}

#fullo-landing .showcase-content-section h1{
    font-weight: 400;
    font-size: 54px;
    line-height: 1.48;
    color: #234671;
    margin: 0 0 40px;
}
#fullo-landing .showcase-content-section h1 strong{
    font-weight: 700;
}
#fullo-landing .showcase-content-section .social-share-wrapper{
    display: flex;
    justify-content: start;
    align-items: center;
    column-gap: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #84A7C7;
    margin-bottom: 60px;
    width: 100%;
}
#fullo-landing .showcase-content-section .social-share-text{
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #84A7C7;
}
#fullo-landing .showcase-content-section .social-share-icons{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: start;
    align-items: center;
    column-gap: 24px;
}
#fullo-landing .showcase-content-section .showcase-content{
    max-width: 940px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: start;
    align-items: stretch;
}
#fullo-landing .showcase-content-section .showcase-featured-photo{
    margin-bottom: 100px;
}
#fullo-landing .showcase-content-section .content:not(:last-child){
    margin-bottom: 100px;
}
#fullo-landing .showcase-content-section .content h2,
#fullo-landing .showcase-content-section .highlights-intro h2{
    font-weight: 400;
    font-size: 40px;
    line-height: 1.35;
    color: #234671;
    margin: 0 0 40px;
}
#fullo-landing .showcase-content-section .content p,
#fullo-landing .showcase-content-section .highlights-intro p{
    font-weight: 400;
    font-size: 20px;
    line-height: 1.7;
    letter-spacing: 1px;
    color: #234671;
    margin: 0 0 40px;
}
#fullo-landing .showcase-content-section .content p strong,
#fullo-landing .showcase-content-section .highlights-intro p strong{
    font-weight: 700;
}
#fullo-landing .showcase-content-section .content p a,
#fullo-landing .showcase-content-section .highlights-intro p a{
    color: #21D800;
    text-decoration: underline;
}
#fullo-landing .showcase-content-section .content > img,
#fullo-landing .showcase-content-section .content .img{
    width: 100%;
    display: inline-block;
    margin: 0 0 40px;
}
#fullo-landing .showcase-content-section .content ul,
#fullo-landing .showcase-content-section .highlights-intro ul{
    padding-left: 22px;
    margin: 0 0 40px;
}
#fullo-landing .showcase-content-section .content ul li,
#fullo-landing .showcase-content-section .highlights-intro ul li{
    font-weight: 400;
    font-size: 20px;
    line-height: 1.7;
    letter-spacing: 1px;
    color: #234671;
}

#fullo-landing .showcase-content-section .content:last-child p:last-child,
#fullo-landing .showcase-content-section .content:last-child img:last-child,
#fullo-landing .showcase-content-section .content:last-child ul:last-child,
#fullo-landing .showcase-content-section .content:last-child img:last-child,
#fullo-landing .showcase-content-section .content p:last-child,
#fullo-landing .showcase-content-section .content img:last-child,
#fullo-landing .showcase-content-section .content ul:last-child,
#fullo-landing .showcase-content-section .content > img:last-child,
#fullo-landing .showcase-content-section .content .img:last-child{
    margin: 0;
}
#fullo-landing .showcase-content-section .highlights-intro:last-child p:last-child,
#fullo-landing .showcase-content-section .highlights-intro:last-child img:last-child,
#fullo-landing .showcase-content-section .highlights-intro:last-child ul:last-child{
    margin: 0;
}

#fullo-landing .showcase-content-section .highlights{
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    grid-template-rows: auto;
    column-gap: 20px;
    row-gap: 20px;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 100px;
}

#fullo-landing .showcase-content-section .highlight{
    background: #FFFFFF;
    padding: 40px;
    border-radius: 10px;
    min-height: 350px;
}
#fullo-landing .showcase-content-section .highlight h3{
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 1px;
    color: #234671;
    margin: 0 0 20px;
}
#fullo-landing .showcase-content-section .highlight p,
#fullo-landing .showcase-content-section .highlight ul li{
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.625;
    letter-spacing: 1px;
    color: #234671;
}
#fullo-landing .showcase-content-section .highlight p strong{
    font-weight: 700;
}
#fullo-landing .showcase-content-section .highlight ul{
    padding-left: 22px;
    margin: 0;
}

#fullo-landing .related-showcases{
    display: flex;
    flex-flow: column nowrap;
    row-gap: 35px;
    position: sticky;
    top: 20px;
    align-self: flex-start;
}
#fullo-landing .related-showcases h2{
    margin: 0;
    padding-bottom: 18px;
    border-bottom: 2px solid #84A7C7;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #84A7C7;
}
#fullo-landing .related-showcases .related-showcase{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    column-gap: 25px;
    align-items: center;
}
#fullo-landing .related-showcases .related-showcase img{
    grid-column: span 1;
    grid-row: span 1;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 5px;
}
#fullo-landing .related-showcases .related-showcase .related-showcase-title{
    margin: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 1px;
    color: #234671;
}
#fullo-landing .related-showcases .related-showcase .related-showcase-title strong{
    display: block;
}

@media (max-width: 991px){
    #fullo-landing .showcase-content-section{
        padding: 100px 0 150px;
    }
    #fullo-landing .showcase-content-section .showcase-content-wrapper{
        grid-template-columns: minmax(0,1fr) 240px;
    }
    #fullo-landing .showcase-content-section h1{
        font-size: 44px;
    }
    #fullo-landing .showcase-content-section .social-share-wrapper{
        margin-bottom: 40px;
    }
    #fullo-landing .showcase-content-section .showcase-featured-photo{
        margin-bottom: 60px;
    }
    #fullo-landing .showcase-content-section .content:not(:last-child){
        margin-bottom: 60px;
    }

    #fullo-landing .showcase-content-section .content p,
    #fullo-landing .showcase-content-section .highlights-intro p{
        font-size: 18px;
    }
    #fullo-landing .showcase-content-section .content ul li,
    #fullo-landing .showcase-content-section .highlights-intro ul li{
        font-size: 18px;
    }

    #fullo-landing .showcase-content-section .highlights{
        margin-bottom: 80px;
    }
    #fullo-landing .showcase-content-section .highlight{
        padding: 20px;
    }

    #fullo-landing .showcase-content-section .highlight p,
    #fullo-landing .showcase-content-section .highlight ul li{
        font-size: 14px;
    }
}

@media (max-width:880px){
    #fullo-landing .showcase-content-section .showcase-content-wrapper{
        grid-template-columns: minmax(0, 1fr);
    }

    #fullo-landing .related-showcases{
        max-width: 340px;
    }
    #fullo-landing .showcase-content-section .highlight{
        padding: 40px;
    }
    #fullo-landing .showcase-content-section .highlight p,
    #fullo-landing .showcase-content-section .highlight ul li{
        font-size: 16px;
    }
}
@media (max-width:767px){
    #fullo-landing .showcase-content-section{
        padding: 120px 0 80px;
    }
    #fullo-landing .showcase-content-section .pre-title{
        margin-bottom: 12px;
        font-size: 12px;
    }

    #fullo-landing .showcase-content-section h1{
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 20px;
    }

    #fullo-landing .showcase-content-section .social-share-wrapper{
        column-gap: 16px;
        margin-bottom: 30px;
    }
    #fullo-landing .showcase-content-section .social-share-text{
        font-size: 14px;
    }
    #fullo-landing .showcase-content-section .social-share-icons{
        column-gap: 16px;
    }

    #fullo-landing .showcase-content-section .showcase-featured-photo{
        margin-bottom: 40px;
    }
    #fullo-landing .showcase-content-section .content:not(:last-child){
        margin-bottom: 40px;
    }
    #fullo-landing .showcase-content-section .content h2,
    #fullo-landing .showcase-content-section .highlights-intro h2{
        font-size: 30px;
        margin: 0 0 20px;
    }
    #fullo-landing .showcase-content-section .content p,
    #fullo-landing .showcase-content-section .highlights-intro p{
        font-size: 16px;
        margin: 0 0 20px;
    }
    #fullo-landing .showcase-content-section .content > img,
    #fullo-landing .showcase-content-section .content .img{
        margin: 0 0 20px;
    }
    #fullo-landing .showcase-content-section .content ul,
    #fullo-landing .showcase-content-section .highlights-intro ul{
        margin: 0 0 20px;
    }
    #fullo-landing .showcase-content-section .content ul li,
    #fullo-landing .showcase-content-section .highlights-intro ul li{
        font-size: 16px;
    }
    #fullo-landing .showcase-content-section .highlights{
        grid-template-columns: minmax(0, 1fr);
        row-gap: 20px;
        margin-bottom: 40px;
    }
    #fullo-landing .showcase-content-section .highlight{
        padding: 30px 20px;
        min-height: 0;
    }
    #fullo-landing .showcase-content-section .highlight h3{
        font-size: 18px;
        margin: 0 0 16px;
    }
    #fullo-landing .showcase-content-section .highlight p,
    #fullo-landing .showcase-content-section .highlight ul li{
        font-size: 16px;
    }
}


/* END SHOWCASE LANDING CONTENT*/

/* FULLO LANDING PORTFOLIO*/
#fullo-landing .portfolio{
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
}
#fullo-landing .portfolio_new{
    margin: 0 !important;
    padding: 0 !important;
}
#fullo-landing .ref{
    width: 100% !important;
}


@media (max-width:1200px){
    #fullo-landing .portfolio{
        grid-template-columns: repeat(3, minmax(0,1fr));
    }
}
@media (max-width:767px){
    #fullo-landing .portfolio{
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}
@media (max-width:576px){
    #fullo-landing .portfolio{
        grid-template-columns:  minmax(0,1fr);
    }
}

/* END FULLO LANDING PORTFLIO*/


/* ANCHOR OFFSET*/
#fullo-landing #services,
#fullo-landing #case-studies,
#fullo-landing #pricing,
#fullo-landing #portfolio,
#fullo-landing #contact{
    scroll-margin-top: 50px;
}


/* FUllo landing novine */
#advantages{
    background: #E5EFF3;
    padding: 100px 0;
}
#advantages .container{
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    grid-template-rows: auto;
    align-items: stretch;
    column-gap: 20px;
    row-gap: 50px;
}
#advantages .advantage{
    display: flex;
    flex-flow: column nowrap;
    justify-content: start;
    align-items: center;
    padding: 45px 35px;
    background: #F2F7F9;
    box-shadow: 0px 3px 6px 0px #2446711A,
                0px 11px 11px 0px #24467117,
                0px 26px 15px 0px #2446710D,
                0px 46px 18px 0px #24467103,
                0px 71px 20px 0px #24467100;
    border-radius: 20px;
}
#advantages img{
    max-width: 64px;
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
}
#advantages h2{
    font-weight: 700;
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: 1px;
    text-align: center;
    color: #234671;
    margin: 30px 0 25px;
}
#advantages p{
    font-weight: 400;
    font-size: 14px;
    color: #234671;
    line-height: 1.43;
    letter-spacing: 1px;
    text-align: center;
    margin: 0;
}
@media (max-width:1300px){
    #advantages h2{
        font-size: 20px;
    }
    #advantages .advantage{
        padding: 45px 20px;
    }
}
@media (max-width:1024px){
    #advantages{
        padding: 80px 0;
    }
    #advantages .container{
        column-gap: 15px;
        row-gap: 30px;
    }
    #advantages .advantage{
        padding: 30px 15px;
    }
    #advantages img{
        max-width: 44px;
    }
    #advantages h2{
        font-size: 18px;
        margin: 20px 0 15px;
    }
    #advantages p{
        font-size: 12px;
    }
}
@media(max-width: 880px){
    #advantages .container{
        grid-template-columns: repeat(3, minmax(0,1fr));
    }
}
@media(max-width: 767px){
    #advantages .container{
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}
@media(max-width: 480px){
    #advantages{
        padding: 60px 0;
    }
    #advantages .container{
        row-gap: 20px;
    }
    #advantages .advantage{
        padding: 20px 10px;
    }
    #advantages h2{
        font-size: 14px;
    }
    #advantages p{
        font-size: 10px;
    }
}

#comparison{
    background: #234671;
    padding: 120px 0;
}
#comparison .container{
    max-width: 1000px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: start;
    align-items: center;
}
#comparison .landing-heading{
    color: white;
    text-align: center;
    margin-bottom: 80px;
}
#comparison .landing-heading span.sm{
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 1px;
    text-align: center;
    color: #84A7C7;
}
.comparison-table {
    display: grid;
    grid-template-columns: minmax(0,30%) minmax(0,1fr) minmax(0,20px) minmax(0,1fr);
    width: 100%;
    align-items: stretch;
}

.comparison-table thead,
.comparison-table tbody,
.comparison-table tfoot,
.comparison-table tr {
    display: contents;
}

.comparison-table th,
.comparison-table td {
    padding: 20px 10px;
    border-bottom: 1px solid #FFFFFF33;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    row-gap: 10px;
}
.comparison-table td:first-child{
    padding: 20px 10px 20px 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: 1px;
    color: white;
    align-items: flex-start !important;
    text-align: left;
    width: 100%;
}
.comparison-table tfoot th{
    border: none
}
.comparison-table thead th:last-child,
.comparison-table td:last-child{
    border-color: #84A7C733;
}
.comparison-table th:nth-child(2),
.comparison-table td:nth-child(2){
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 1px;
    text-align: center;
    color: white;
    background: #FFFFFF0D;
}

.comparison-table p{
    margin: 0;
}
.comparison-table thead th:nth-child(2),
.comparison-table thead th:nth-child(4){
    padding: 32px 20px 26px;
    border-radius: 16px 16px 0 0;
}
.comparison-table thead th p{
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 1px;
    text-align: center;
}
.comparison-table tfoot th:nth-child(2),
.comparison-table tfoot th:nth-child(4){
    border-radius: 0 0 16px 16px;
}
.comparison-table tfoot th:nth-child(2){
    padding: 20px 0;
    min-height: 1px;
    width: 100%;
    align-self: start;
}
.comparison-table th:nth-child(4),
.comparison-table td:nth-child(4){
    font-weight: 700;
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: 1px;
    text-align: center;
    color: #234671;
    background: white;
}
.comparison-table .monthly-magento span{
    color: #21D800;
}
.comparison-table tfoot th:last-child{
    padding: 30px;
}
.comparison-table .button{
    padding: 16px;
    max-width: 160px;
    width: 100%;
    height: auto;
    background: linear-gradient(90deg, #1AAE01 0%, #21D800 100%);
    box-shadow: 0px 3px 7px 0px #2346711A,
                0px 13px 13px 0px #23467117,
                0px 30px 18px 0px #2346710D,
                0px 53px 21px 0px #23467103,
                0px 83px 23px 0px #23467100;
    color: white;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-align: center;
    border-radius: 30px;
    display: block;
}
@media(max-width:1024px){
    #comparison{
        padding: 100px 0;
    }
    #comparison .landing-heading{
        margin-bottom: 60px;
    }
    #comparison .landing-heading span:not(.sm){
        white-space: nowrap;
    }
}
@media(max-width:767px){
    #comparison{
        padding: 60px 0;
    }
    #comparison .landing-heading span.sm{
        font-size: 20px;
        line-height: 32px;
    }
    .comparison-table {
        grid-template-columns: minmax(0,28%) minmax(0,1fr) minmax(0,5px) minmax(0,1fr);
    }
    .comparison-table th,
    .comparison-table td {
        padding: 10px 5px;
        row-gap: 5px;
    }
    .comparison-table td:first-child{
        padding: 10px 5px 10px 0;
        font-size: 12px;
    }
    .comparison-table th:nth-child(2),
    .comparison-table td:nth-child(2){
        font-size: 12px;
    }
    .comparison-table thead th:nth-child(2),
    .comparison-table thead th:nth-child(4){
        padding: 20px 10px;
        border-radius: 10px 10px 0 0;
    }
    .comparison-table thead th p{
        font-size: 12px;
    }
    .comparison-table thead img{
        max-width: 60px;
    }
    .comparison-table td img{
        max-width: 16px;
    }
    .comparison-table tfoot th:nth-child(2),
    .comparison-table tfoot th:nth-child(4){
        border-radius: 0 0 10px 10px;
    }
    .comparison-table tfoot th:nth-child(2){
        padding: 10px 0;
    }
    .comparison-table th:nth-child(4),
    .comparison-table td:nth-child(4){
        font-size: 12px;
    }
    .comparison-table tfoot th:last-child{
        padding: 20px 10px;
    }
    .comparison-table .button{
        padding: 10px;
        font-size: 12px;
    }
    .comparison-table td.traditional span{
        font-size: 10px;
    }
}
@media(max-width:440px){
    #comparison .landing-heading span.sm{
        font-size: 16px;
        line-height: 26px;
    }
    #comparison .landing-heading span:not(.sm){
        white-space: normal;
    }
    #comparison .landing-heading{
        margin-bottom: 40px;
    }
}
@media(max-width:767px){
    #fullo-landing .contact-section .contact > div a{
        font-size: 12px;
    }
}

html[lang="de-DE"] #comparison th,
html[lang="de-DE"] #comparison td{
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

html[lang="de-DE"] #fullo-landing .hero-section h1 .cost:before{
    left: 90%
}
@media(max-width:1200px){
    html[lang="de-DE"] #fullo-landing .hero-section h1 .cost:before{
        left: 93%
    }
}

.map-wrapper {
  position: relative;
}

.map-wrapper iframe {
  width: 100%;
  height: 500px;
  border: 0;
}

.map-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 80, 255, 0.18);
  pointer-events: none;
  mix-blend-mode: multiply;
}