#header.other-css .header-nav-main nav > ul > li > a {font-family: 'Oswald', sans-serif;font-weight: 400;}
#header.other-css .header__wrapper-social {padding-top: 6px;padding-bottom: 4px;}
#header.other-css .header__wrapper-social .button-in-head {background: #7ed51c;}
#header.other-css .header__wrapper-social .button-in-head:hover {background: #0088CC;color: #fff;}
#header.other-css .header__wrapper-social nav ul li a.nav-link {color: #0088CC;}
#header.other-css .header__wrapper-social nav ul li a.nav-link .far, #header.other-css .header__wrapper-social nav ul li a.nav-link .fas {font-size: 1.5em;}
#header.other-css .header-nav {min-height: 90px;}
html.sticky-header-active #header.other-css .header-logo img {top: 0 !important;}
#header.other-css .header-logo {margin: 6.6rem 0 1rem 0;}


#header.other-css .header-nav-top .nav {align-items: center;}
#header.other-css .header-nav-top .button-tag {margin-bottom:0 !important;}
#header.other-css .header-row .header-nav .nav img {transform: none;}



.main.other-css .pricing-block {border: 0 !important;}
.main.other-css .pricing-block > .row > div:nth-child(1) {padding: 0;}
.main.other-css .pricing-block h2 {
    font-size: 2em !important;
    font-weight: 700 !important;
    color: #fff;
    margin: 0 !important;
    padding: 20px 0;
    text-align: center;
    background: #0088b4;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0 !important;
}
.button-tag .btn.btn-sm {
    padding: .8rem 2rem;
    font-size: 1rem;
}
.tab-button{
    width:100%;
    background-color: #7ed51c;
    border-color: #7ed51c;
    color: #FFF;
    font-size: 22px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    font-size:22px;
    text-transform:uppercase;
    font-weight: 600;
    padding: .8rem 1.5rem;
    &:hover{
        background-color: #93e538;
        border-color: #93e538;
        color: #fff;
        border: 1px solid rgba(255, 255, 255, 0.6);
    }
}
.btn-auto{
    width:auto!important;
    padding: 10px 25px!important;
}
.main.other-css .pricing-block ul.list.list-icons {
    padding: 20px 2em;
    font-size: 1.2em;
    background: #f1f5fd;
}
.main.other-css .pricing-block ul.list.list-icons li {
    position: relative;
    border-top: 1px solid #dfe3ec;
    padding: 8px 0 8px 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    min-height: 41px;
}
.main.other-css .pricing-block ul.list.list-icons li:first-child {
    border-top: 0;
}
.main.other-css .pricing-block > .row > div:nth-child(2) {
    background: #0088b4;
}
.list.list-icons li > [class*="fa-"]:first-child {
    position: static;
    margin-right: 15px;
    color: #FF5400 !important;
}
.main.other-css .pricing-block .plan-price {
    background: transparent;
}
.main.other-css .pricing-block > .row > div:nth-child(2) {
    border-radius: 0 0 4px 4px;
}

.main.other-css .pricing-block h4, .main.other-css .pricing-block .plan-price .price, .pricing-block .plan-price .price-unit, .pricing-block .plan-price .price-label {color: #fff !important;}
.main.other-css .pricing-block .btn-primary {background-color: #7ed51c;border-color: #7ed51c;color: #FFF;font-size: 22px;border: 1px solid rgba(255,255,255, 0.6);}
.main.other-css .pricing-block .btn-primary:hover, .main.other-css .pricing-block .btn-primary:active {background-color: #93e538;border-color: #93e538;color: #fff;border: 1px solid rgba(255,255,255, 0.6);}

.main.other-css .pricing-block.plan-featured:before {
    content: 'NAJPOPULARNIJI ODABIR';
    text-align: center;
    width: 100%;
    display: block;
    position: relative;
    top: 2px;
    margin-top: -48px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #7ed51c;
    color: #fff;
    border-top-left-radius: 1.2rem;
    border-top-right-radius: 1.2rem;
    padding: 10px 15px;
    font-weight: 600;
    font-size: 1.1em;
    background: rgb(117,213,19);
    background: linear-gradient(180deg, rgba(101,190,10,1) 0%, rgba(117,213,19,1) 100%);
}
.tabengleski .plan-featured:before {
    content: 'THE MOST POPULAR CHOICE'!important;
}

.tabfrancuski .plan-featured:before {
    content: 'LE CHOIX LE PLUS POPULAIRE'!important;
}

.tabnjemacki .plan-featured:before {
    content: 'DIE BELIEBTESTE WAHL'!important;
}

.heading.heading-middle-border h1, .heading.heading-middle-border h2, .heading.heading-middle-border h3, .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6{
    white-space:normal!important;
}

.marginatop {margin:20px auto 60px;}
.main.other-css #domains-store {
    font-size: 1.2em;
}



/* Normalize cart icon style to match other header icons */
.nav-link .fa-cart-shopping {
    font-size: 20px !important;
    color: #FF5426 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    transition: color 0.3s ease !important;
}

/* Hover state */
.nav-link:hover .fa-cart-shopping {
    color: #007bff !important;
}


.main.other-css #domains-store form.form {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    margin-top: 0;
    margin-bottom: 70px;
}
.main.other-css #domains-store input[name="domain"] {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #f1f5fd;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    height: calc(1.5em + 1rem + 2px);
    padding: 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;

    position: relative;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0;

    height: auto;

    border-top-right-radius: 0;
    border-bottom-right-radius: 0;

    border-color: #00aaff #00aaff #0088CC;
}
.main.other-css #domains-store input.btn.btn-lg.btn-primary {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 1.1rem;
}
.main.other-css #domains-store input.btn-primary2, .main.other-css #domains-store button.btn-primary2 {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1.5rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    position: relative;
    z-index: 2;

    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    background-color: #7ed51c;
    border-color: #00aaff #00aaff #0088CC #7ed51c;
    color: #FFF;
}
.main.other-css #domains-store input.btn-primary2:hover, .main.other-css #domains-store button.btn-primary2:hover {
    background-color: #93e538;
    border-color: #00aaff #00aaff #0088CC #93e538;
    color: #FFF;
}

.main.other-css .domains-list .btn-primary2 {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.main.other-css .domains-list .table-backup tr th {background: #e6ebf7;}
.main.other-css .domains-list .table thead th {border-bottom: 2px solid #abe9fb; border-color: #abe9fb !important;}
.main.other-css .domains-list .table tr th {background: #abe9fb;}
.main.other-css .domains-list .table tbody tr:hover {background-color: #f1f5fd;}
.main.other-css .domains-list .table tr:last-child td {border-bottom: 1px solid #e6ebf7;}
.main.other-css .domains-list .btn-primary, .main.other-css .domains-list .btn-danger, .main.other-css .domains-list .btn-default {display: inline-block;font-weight: 400;text-align: center;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border-width: 1px;border-style: solid;padding: 0.375rem 0.75rem;font-size: 1rem;line-height: 1.5;border-radius: 0.25rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.main.other-css .domains-list .btn-default {background-color: #65be0a;color: #fff; border-color: #65be0a;}
.main.other-css .domains-list .btn-default:hover, .main.other-css .domains-list .btn-default:active, .main.other-css .domains-list .btn-default:focus {color: #fff;background-color: #7ed51c;border-color: #7ed51c;}
.main.other-css .domain-value {color: #F54626;}
.main.other-css .domname {font-weight: 600;}
.main.other-css .domext {color: #7ed51c;font-weight: 600;}


/* domene i hosting START */
.hostingpaketiContainer {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;margin-bottom: 50px;}
.hostingpaketiContainer .hostingskripte {margin: 0 15px 0 0;padding: 0;font-family: Impact,Sans-serif;letter-spacing: -.02em;color: #fff;font-size: 40px;line-height: 60px;float: left;}
.hostingpaketiContainer .hostingskripte img {margin-right: 13px;float: right;width: auto;}
.blockclear {display: block;clear: both;line-height: 52px;}
.margintop40 {margin-top: 40px;}
.marginright20 {margin-right: 20px;}
.hostingskripte span {float: left;margin-right: 15px;}
.ls1 {letter-spacing: 1px;}
.txtplava {color: #027bb0;}
.txtnarancasta {color: #f73a03;}
.txtcrna {color: #27282c;}
.txtbigger {font-size: 1.1em;}
.hostingpaketiContainer .hostingprobni {text-align: center;border: 1px solid #7ed51c;margin: 0;padding: 27px 54px;letter-spacing: -.03em;background-color: #7ed51c;color: #fff;display: block;}
.hostingpaketiContainer .hostingprobni2 {margin: 0 0 0 30px; background-color: #0088b4; border: 1px solid #0088b4;}
.hostingpaketiContainer .hostingprobni h2 {font-size: 24px;line-height: 30px;font-weight: 600;margin: auto;padding: 0;letter-spacing: normal;color: #fff;}
.hostingpaketiContainer .hostingprobni h2 i {font-size: 48px;font-weight: 400;margin-top: 15px;}
.hostingpaketiContainer a .hostingprobni:hover {border: 1px solid #7ed51c;background-color: #fff;}
.hostingpaketiContainer a .hostingprobni:hover h2 {color: #7ed51c;}
.hostingpaketiContainer a .hostingprobni2:hover {border: 1px solid #0088b4;background-color: #fff;}
.hostingpaketiContainer a .hostingprobni2:hover h2 {color: #0088b4;}
.oko-hostingprobni {margin: 20px 0;text-align: center;display: flex;justify-content: space-between;}
/* domene i hosting END */





/* kontakt START */
.kontaktformadesno .sidebar h5 {
    font-size: 1.5em !important;
    font-weight: 700 !important;
    color: #fff;
    margin: 0 !important;
    padding: 20px 0;
    text-align: left;
    background: #0088b4;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border: 0 !important;
}
.kontaktformadesno .sidebar h5 .fas {
    margin-right: 5px;
}
.kontaktformadesno .sidebar ul {
    padding: 20px 2em;
    font-size: 1em;
    background: #f1f5fd;
    list-style: none;
}
.kontaktformadesno .post-content ol {
    padding-left: 35px;
    list-style: none;
    counter-reset: wmdcount;
}
.kontaktformadesno .post-content ol li {
    counter-increment: wmdcount;
}
.kontaktformadesno .post-content ol li::before {
    content: counter(wmdcount) ". ";
    color: #0088b4;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.5em;
    width: 30px;
    display: inline-block;
    text-align: right;
    margin-left: -35px;
    margin-right: 5px;
}
.kontaktformadesno22 .fui-submit {
    background-color: #0088b4;
    border-color: #0088b4 #0088b4 #0088b4;
    color: #FFF;
}
.kontaktformadesno22 .fui-submit:hover, .kontaktformadesno22 .fui-submit:active, .kontaktformadesno22 .fui-submit:focus {
    background-color: #00a1f2;
    border-color: #00aaff #00aaff #0088b4;
    color: #FFF;
}

.kontaktformadesno .fui-submit {color: #fff; background-color: #0088b4 !important; border:0 !important; font-size:18px !important; text-transform:uppercase; font-weight:600 !important; padding: 15px 30px !important; font-family: 'Poppins', sans-serif !important; border-radius: 30px !important;}
.kontaktformadesno .fui-submit {margin: 0 auto !important;}
.kontaktformadesno .fui-submit:hover {color: #fff;background-color: #00aad4 !important;}


.kontaktformadesno .post div.post-content:nth-child(2) {
    width: 100% !important;
}
.kontaktformadesno .form-entry-block {
    background: #f1f5fd;
    padding: 10px 30px 30px 30px;
}
.kontaktformadesno + .animation-block {
    padding-top: 35px !important;
}
/* kontakt END */


/* footer animacija START */
#footer.other-css .bg img {
    transform:scale(1.4);
    -webkit-animation: moveBannerX 10s linear 0s infinite alternate, moveBannerY 10s linear 0s infinite alternate;
    -moz-animation: moveBannerX 10s linear 0s infinite alternate, moveBannerY 10s linear 0s infinite alternate;
    -o-animation: moveBannerX 10s linear 0s infinite alternate, moveBannerY 10s linear 0s infinite alternate;
    animation: moveBannerX 10s linear 0s infinite alternate, moveBannerY 10s linear 0s infinite alternate;
    animation-play-state:running;
    -webkit-animation-play-state:running;
}

@-webkit-keyframes moveBannerX {
    from { left: -10%; } to { left: 10%; }
}
@-moz-keyframes moveBannerX {
    from { left: -10%; } to { left: 10%; }
}
@-o-keyframes moveBannerX {
    from { left: -10%; } to { left: 10%;; }
}
@keyframes moveBannerX {
    from { left: -10%; } to { left: 10%;; }
}

@-webkit-keyframes moveBannerY {
    from { top: -10%; } to { top: 10%; }
}
@-moz-keyframes moveBannerY {
    from { top: -10%; } to { top: 10%; }
}
@-o-keyframes moveBannerY {
    from { top: -10%; } to { top: 10%; }
}
@keyframes moveBannerY {
    from { top: -10%; } to { top: 10%; }
}
/* footer animacija END */


/* sidebar START */
aside.sidebar h5 {
    font-size: 1.5em !important;
    font-weight: 700 !important;
    color: #fff;
    margin: 0 !important;
    padding: 20px 0;
    text-align: left;
    background: #0088b4;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border: 0 !important;
}
aside.sidebar .container-title {
    background: #0088b4;
    justify-content: left;
    align-items: left;
}
aside.sidebar .container-title i {
    color: #fff;
    margin-left: 10px;
}
.media-order .sidebar .owl-carousel .owl-nav {
    top: -43px;
    right: 10px;
}
.media-order .sidebar .owl-carousel .owl-nav button.owl-prev {
    right: 33px;
}
/* sidebar END */



/* ssl certifikati START */
.main.other-css .d-block {
    display: block;
}
.main.other-css .different-style .pricing-table .plan .plan-header, 
.main.other-css .pricing-table .plan.plan-featured .plan-header.bg-primary {
    background-color: #0088b4 !important;
}
.main.other-css .pricing-table .plan .plan-features ul li, 
.main.other-css .pricing-table .plan.plan-featured .plan-features ul li {
    font-size: 1.2em;
    border-bottom: 1px solid #dfe3ec;
    padding-left: 0px !important;
    margin-top: 6px;
    margin-bottom: 6px;
}
.main.other-css .pricing-table .plan .plan-features ul li:last-child, 
.main.other-css .pricing-table .plan.plan-featured .plan-features ul li:last-child {
    border-bottom: 0;
}
.main.other-css .pricing-table .plan .plan-features {
    background: #f1f5fd;
}
.main.other-css .pricing-table .plan .plan-price {
    background: #0088b4;
}
.main.other-css .pricing-table .plan .plan-price .price, 
.main.other-css .pricing-table .plan .plan-price .price-unit, 
.main.other-css .pricing-table .plan .plan-price .price-label {
    color: #fff !important;
}
.main.other-css .pricing-table .plan .plan-price .btn {
    background-color: #7ed51c;
    border-color: #7ed51c;
    color: #FFF;
    font-size: 22px;
    border: 1px solid rgba(255,255,255, 0.6);
}
.main.other-css .pricing-table .plan .plan-price .btn:hover, 
.main.other-css .pricing-table .plan .plan-price .btn:active {
    background-color: #93e538;
    border-color: #93e538;
    color: #fff;
    border: 1px solid rgba(255,255,255, 0.6);
}
/* ssl certifikati END */




#header.other-css {
    position: fixed;
    top: 0 !important;
    width: 100%;
}
#header.other-css .header-body {
    top: 0 !important;
}
.main.other-css {
    margin-top: 98px;
}
.fade-burger nav ul li a svg {
    position: absolute;
    right: 25px;
    top: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}




.btn-izradawebstranica {
    background: #ff871c;
    color: #fff;
    font-size: 20px;
    /*width: 100%;
    padding: 7px 12px;*/
    padding: 7px 70px;
    border-radius: 3px;
    margin-top: 20px;
}

/* Flip Clock START */
.flipclock-oko {background: #f1f5fd;display: flex;flex-direction: column;align-items: center;padding: 25px;}
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc; }

.flip-clock-wrapper a:hover {
    color: #fff; }

.flip-clock-wrapper ul {
    list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
    content: " ";
    display: table; }

.flip-clock-wrapper.clearfix:after {
    clear: both; }

.flip-clock-wrapper.clearfix {
    *zoom: 1; }

/* Main */
.flip-clock-wrapper {
    font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
    -webkit-user-select: none; }

.flip-clock-meridium {
    background: none !important;
    box-shadow: 0 0 0 !important;
    font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
    text-align: center;
    position: relative;
    margin: 0;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 1px 1px 1px 2px !important;
    /*width: 50px;*/
    width: 42px;
    height: 90px;
    font-size: 80px;
    font-weight: bold;
    line-height: 87px;
    border-radius: 6px;
    background: #000;
}

.flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 87px;
    text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
    z-index: 2; }

.flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
    margin: 0 !important;
    overflow: visible !important;
    cursor: default !important; }

.flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    font-size: 80px;
    overflow: hidden; 
    outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2; }

.flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0; }

.flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 3px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #ccc;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    background-color: #333;
    border-radius: 6px;
    /*font-size: 70px;*/
    font-size: 60px; }

.flip-clock-wrapper ul li a div.up div.inn {
    top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd 0.5s 0.5s linear both;
    -moz-animation: asd 0.5s 0.5s linear both;
    animation: asd 0.5s 0.5s linear both;
    z-index: 5; }

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 100px; }

.flip-clock-divider:first-child {
    width: 0; }

.flip-clock-dot {
    display: block;
    background: #323434;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    left: 5px; }

.flip-clock-divider .flip-clock-label {
    position: absolute;
    top: -1.5em;
    right: -86px;
    color: black;
    text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
    right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
    right: -91px; }

.flip-clock-dot.top {
    top: 30px; }

.flip-clock-dot.bottom {
    bottom: 30px; }

@-webkit-keyframes asd {
    0% {
        z-index: 2; }

    20% {
        z-index: 4; }

    100% {
        z-index: 4; } }

@-moz-keyframes asd {
    0% {
        z-index: 2; }

    20% {
        z-index: 4; }

    100% {
        z-index: 4; } }

@-o-keyframes asd {
    0% {
        z-index: 2; }

    20% {
        z-index: 4; }

    100% {
        z-index: 4; } }

@keyframes asd {
    0% {
        z-index: 2; }

    20% {
        z-index: 4; }

    100% {
        z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn 0.5s 0.5s linear both;
    -moz-animation: turn 0.5s 0.5s linear both;
    animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg); }

    100% {
        -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
    0% {
        -moz-transform: rotateX(90deg); }

    100% {
        -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
    0% {
        -o-transform: rotateX(90deg); }

    100% {
        -o-transform: rotateX(0deg); } }

@keyframes turn {
    0% {
        transform: rotateX(90deg); }

    100% {
        transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 0.5s linear both;
    -moz-animation: turn2 0.5s linear both;
    animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg); }

    100% {
        -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotateX(0deg); }

    100% {
        -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
    0% {
        -o-transform: rotateX(0deg); }

    100% {
        -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
    0% {
        transform: rotateX(0deg); }

    100% {
        transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
    0% {
        opacity: 0; }

    100% {
        opacity: 1; } }

@-moz-keyframes show {
    0% {
        opacity: 0; }

    100% {
        opacity: 1; } }

@-o-keyframes show {
    0% {
        opacity: 0; }

    100% {
        opacity: 1; } }

@keyframes show {
    0% {
        opacity: 0; }

    100% {
        opacity: 1; } }

@-webkit-keyframes hide {
    0% {
        opacity: 1; }

    100% {
        opacity: 0; } }

@-moz-keyframes hide {
    0% {
        opacity: 1; }

    100% {
        opacity: 0; } }

@-o-keyframes hide {
    0% {
        opacity: 1; }

    100% {
        opacity: 0; } }

@keyframes hide {
    0% {
        opacity: 1; }

    100% {
        opacity: 0; } }
/* Flip Clock END */


ol.list.listbodovi {margin-left: 40px;}
ol.list.listbodovi li {font-size: 23px;font-weight: 700;color: #333;margin-bottom: 25px;}
ol.list.listbodovi li span {font-weight: 400;}

.bodovianimation {
    padding-top: 80px !important;
    padding-bottom: 50px !important;
}
.bodovianimation h4 {
    color: #ffc107;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 45px;
    letter-spacing: 0;
}
.bodovianimation .table {
    color: #f1f5fd;
}
.bodovianimation .table thead tr {
    background-color: #ffc107;
}
.bodovianimation .table thead tr th {
    color: #000;
}
.bodovianimation .table thead tr th:last-child, .bodovianimation .table tbody tr td:last-child {text-align: right;}


.bodovitable {
    padding-top: 80px !important;
    padding-bottom: 50px !important;
}
.bodovitable h4 {
    color: #ffc107 !important;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 45px !important;
    letter-spacing: 0;
}
.bodovitable .table {
    color: #f1f5fd;
}
.bodovitable .table thead tr {
    background-color: #ffc107;
}
.bodovitable .table thead tr th {
    color: #000;
}
.bodovitable .table thead tr th:last-child, .bodovitable .table tbody tr td:last-child {text-align: right;}


.bodovilist .bodovilistslika {text-align: center;}
.bodovilist h4 {font-size: 2rem;line-height: 44px;color: #0088b4;margin-bottom: 30px;}
.bodovilist ol {margin-left: 35px;}
.bodovilist ol li {font-size: 23px;font-weight: 700;color: #333;margin-bottom: 25px;}
.bodovilist ol li span {font-weight: 400;}


.bodoviheading .mb-4 {
    max-width: 100% !important;
}


.custom-square-list ol {
    counter-reset: custom-counter;
    list-style: none;
}
.custom-square-list ol li {
    padding-left: 32px;
    position: relative;
    margin-bottom: 13px;
}
.custom-square-list ol li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(custom-counter);
    counter-increment: custom-counter;
    font-weight: bold;
    background-color: #f73a03;
    color: #FFF;
    border: 0;
    border-radius: 0;
    min-width: 26px;
    padding: 0;
    text-align: center;
}


p.note {
    border-left: 4px solid #000;
    padding-left: 1rem;
    color: #000;
}
p.note--info {
    border-left-color: #4a7cf6;
    color: #000;
}
p.note--success {
    border-left-color: #7ed51c;
    color: #000;
}
p.note--warning {
    border-left-color: #f73a03;
    color: #000;
}
p.note--danger {
    border-left-color: #dc3545;
    color: #000;
}
p.note--yellow {
    border-left-color: #ffc107;
    color: #000;
}
p.note--purple {
    border-left-color: #a900a9;
    color: #000;
}

p.okvir {
    padding: 1.2em 2em;
    border-left: 4px solid;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    border-radius: 0;
    margin: 1.5em 0;
    box-shadow: 5px 5px #f1f5fd;
    color: #000;
}

p.okvir.okvir--info {
    border-left-color: #4a7cf6;
    background: #e7eeff;
}

p.okvir.okvir--success {
    border-left-color: #7ed51c;
    background: #E2FFDD;
}

p.okvir.okvir--warning {
    border-left-color: #FF6C1A;
    background: #ffe7da;
}

p.okvir.okvir--danger {
    border-left-color: #dc3545;
    background: #ffd8db;
}

p.okvir.okvir--yellow {
    border-left-color: #ffc107;
    background: #FFFCD9;
}

p.okvir.okvir--purple {
    border-left-color: #a900a9;
    background: #ffd0ff;
}


body, p, h1, h2, h3, h4, h5, h6, 
#header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span, 
#footer .footer-copyright p, 
ul.nav-list li a, 
aside ul.nav-list>li>a, 
#footer a:not(.btn) {
    color: #000;
}

figure.image, figure.image>img, figure>img {
    max-width: 100%;
    height: auto !important;
}

figure.media {
    position: relative;
}
figure.media::before {
    display: block;
    content: "";
    padding-top: 56.25%;
}
figure.media iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
}
.raw-html-embed {
    max-width: 100%;
}
.raw-html-embed iframe {
    max-width: 100%;
}


#header .header-row .header-nav .fade-burger.fade-burger-sidebar .nav.nav-pills a {
    font-size: 1.2rem;
}
#header .header-row .header-nav .fade-burger.fade-burger-sidebar .nav.nav-pills li ul li a {
    font-size: 0.9rem;
}
#header .header-row .header-nav .fade-burger.fade-burger-sidebar .nav.nav-pills a:hover, #header .header-row .header-nav .fade-burger.fade-burger-sidebar .nav.nav-pills li ul li a:hover {
    background-color: #f8f9fa;
}
#header .header-row .header-nav .fade-burger.fade-burger-sidebar .nav.nav-pills li ul.dropdown-menu {
    border: 0;
    padding-left: 10px;
}


.page-header .breadcrumb>li>a {
    color: #fff;
}
.search-full div[id^=results-] {
    top: 98px;
}
.hamburguer-btn-side-header .fade-burger nav ul li a i {
    color: #0088CC;
}



.doment .inside-blog div {
    display: flex;
    justify-content: space-between;
    background: #f5f5f5;
    padding: 15px;
    border-bottom: 2px solid #FFF;
}
.doment .inside-blog div p {
    margin-bottom: 0;
    font-size: 1.2em;
}
#domains-store .single-post h1 {
    color: #0088CC;
}


.genlinks {
    padding-top: 60px;
    padding-bottom: 60px;
}
.genlinks ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.genlinks ul li.col-md-3, .genlinks ul li {
    list-style: none;
    padding-right: 15px;
    padding-left: 15px;
}
.genlinks ul li.col-md-3 a, .genlinks ul li a {
    padding: 5px 10px;
    background: #f5f5f5;
    display: block;
    margin-bottom: 10px;
}
.genlinks ul li.col-md-3 a:hover, .genlinks ul li a:hover {
    background: #f1f5fd;
}
@media (min-width: 768px) {
    .genlinks ul li {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
}

.tabs>.tab-content>.tab-pane .container-xl {
    padding-left: 0;
    padding-right: 0;
}

section.section.section-small {
    padding: 30px 0;
}
.process .process-step-content p:last-child {
    margin-bottom: 0;
}


/* Iva */

body {font-family: 'Poppins', sans-serif; font-size:15px;}
p {font-family: 'Poppins', sans-serif; font-size:15px;}
h1, h2, h3, h4, h5, h6 {letter-spacing: 0; margin: 0.5em 0; font-family: 'Poppins', sans-serif; text-transform: none !important; line-height:1.2em;}

ol.olcircle li::before {background:#0088b4 !important;}

.main.other-css .clear {clear:both !important; height:0px !important;}
.main.other-css .clear10 {clear:both !important; height:10px !important;}
.main.other-css .clear15 {clear:both !important; height:15px !important;}
.main.other-css .clear20 {clear:both !important; height:20px !important;}
.main.other-css .clear30 {clear:both !important; height:30px !important;}
.main.other-css .clear40 {clear:both !important; height:40px !important;}
.main.other-css .clear60 {clear:both !important; height:60px !important;}
.main.other-css .clear75 {clear:both !important; height:75px !important;}
.main.other-css .clear90 {clear:both !important; height:90px !important;}

html.sticky-header-active #header .header-body {
    border-bottom-color: rgba(217,222,232,1) !important;
    box-shadow: 0 0 10px rgba(217,222,232,0.7) !important;
}

section.section {border: none !important;}

.rounded {border-radius: 0px !important;}

.alert {border-radius: 0px !important;}

.btn-strong {font-weight:600 !important;}
.btniva {border-radius:0 !important;}

.heading.heading-middle-border h1,
.heading.heading-middle-border h2,
.heading.heading-middle-border h3,
.heading.heading-middle-border h4,
.heading.heading-middle-border h5,
.heading.heading-middle-border h6 {background: transparent !important;}


.hamburguer-btn {color: #f54626 !important;}
#header .header-nav-features .header-nav-top-icon, #header .header-nav-features .header-nav-top-icon-img {color: #f54626 !important;}

#footer.other-css {border-top: 0;}
#footer.other-css h5 {font-size: 22px !important; font-weight:700 !important;}

#footer.other-css p {font-size: 14px !important; color:#000 !important; margin:0 !important; padding:0 !important; font-weight:300 !important;}

#footer.other-css a:link, #footer.other-css a:visited, #footer.other-css a:active {color: #000 !important; text-decoration: none !important; font-size: 14px !important; font-weight:300 !important;}
#footer.other-css a:hover {color: #0089b4 !important; text-decoration: none !important; font-size: 14px !important;}

#footer.other-css a.text-4:link, #footer.other-css a.text-4:visited, #footer.other-css a.text-4:active {color: #000 !important; text-decoration: none !important; font-size: 14px !important; font-weight:300 !important;}
#footer.other-css a.text-4:hover {color: #0089b4 !important; text-decoration: none !important; font-size: 14px !important;}#footer.other-css .footer-copyright.footer-copyright-style-2 {border-top:1px solid #ddd !important;}

#footer.other-css .footer-copyright .social-icons li a:link {color: #000 !important;}
#footer.other-css .footer-copyright .social-icons li a:hover {color: #f54626 !important;}

#footer.other-css .social-icons li a {background:transparent !important; box-shadow: none !important;}
#footer.other-css .social-icons li {box-shadow: none !important;}

.podlogamapa {
    text-align:center !important; margin-bottom: 0 !important;
    background: rgb(241,245,253);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(241,245,253,1) 100%);
}
.slikapodlogamapa {width:65% !important; max-width:65% !important; margin: 0 auto !important; text-align:center !important;}
.podlogamapa h3 {text-transform: none !important; font-size: 60px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: -60px !important; color:#0088b4 !important;}
.podlogamapa h4 {text-transform: none !important; font-size: 60px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: -60px !important; color:#f54626 !important;}

.mapcounter .counters .counter {padding-top: 45px !important; padding-bottom: 45px !important;}
.mapcounter .counters .counter {padding-top: 45px !important; padding-bottom: 45px !important; color: #fff !important;}
.mapcounterplavigradient .counters .counter {background: linear-gradient(to bottom, #0097c1, #01c5ef) !important;}
.pitanjatoggle {}

.pitanjatoggle .toggle.toggle-minimal .toggle > label,
.pitanjatoggle .toggle.toggle-minimal .toggle > .toggle-title {
    color: #000;
    border-top: 1px solid #000 !important;
    padding: 35px 20px 35px 0;
    font-weight: 500 !important;
    font-size: 24px !important;
    letter-spacing: 0 !important;
}.pitanjatoggle .toggle.toggle-minimal .toggle-content {
    margin-top:-15px !important;
    margin-bottom:30px !important;
    margin-top:-15px !important;
    margin-bottom:30px !important;
}

.pitanjatoggle .toggle.toggle-minimal .toggle-content p,
.pitanjatoggle .toggle.toggle-minimal .toggle-content ul li,
.pitanjatoggle .toggle.toggle-minimal .toggle-content ol li {
    font-size: 1.4em !important;
    color:#000;
    font-weight:300;
}
.pitanjatoggle .toggle.toggle-minimal .toggle-content ul,
.pitanjatoggle .toggle.toggle-minimal .toggle-content ol {
    margin-left: 30px !important;
}

.pitanjatoggle .toggle.toggle-minimal .toggle-content b,
.pitanjatoggle .toggle.toggle-minimal .toggle-content strong {
    font-weight: 500;
}

.pitanjatoggle .toggle.toggle-minimal .toggle-content h3,
.pitanjatoggle .toggle.toggle-minimal .toggle-content h4 {
    text-transform: none !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color:#f54626;
}
.faqnaslov h2 {text-transform: none !important; font-size: 60px !important; font-weight: 700 !important;}
.heading-wrapper .mb-4 {max-width:100% !important;}
.heading.heading-middle-border-center .mb-4 {max-width: 100% !important;}
.faqnaslov h1 {text-transform: none !important; font-size: 60px !important; font-weight: 700 !important;}
.faqnaslov .font-weight-extrabold, .faqnaslov .font-weight-extra-bold {font-weight: 700 !important;}
.spannovired span::after { content: '\A' !important; white-space: pre-line !important;}

.nasikorisnici {margin-top:0 !important; margin-bottom:0 !important;}
.nasikorisnici .owl-item img{display:none !important;}
.nasikorisnici h4 {font-size: 30px !important; font-weight: 600 !important; margin-top: 0 !important; margin-bottom: 20px !important;}
.nasikorisnici .content {background:#f1f5fd !important; padding:60px !important; height: 280px !important; margin-top:0 !important; margin-bottom:30px !important; border-radius:15px !important;}
.nasikorisnici .content p {margin:0 !important; padding:0 !important;}
.nasikorisnici .by-clear-carousel-on-title {margin-top:-75px !important;}

.domenebox-pocetna {padding-top:60px !important; margin-bottom:60px !important;
    background: #01c5ef;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0097c1, #01c5ef);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0097c1, #01c5ef); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.domenebox-pocetna h4 {color:#fff !important;}
.domenebox-pocetna h4.toggle-title {color:#fff !important; padding-left:10px !important;}

.main.other-css #domains-store {
    position: relative !important;
    margin-top: 0px !important;
}

.svgdomenepocetna {
    width: 100%;
    max-height: 700px;
    left: 40%;
    overflow: auto;
    top: -150px;
    margin: 0;
    position: relative !important;
}

.svgdomenepocetna-backup {
    width: 100%;
    max-height: 500px;
    right: -40%;
    overflow: auto;
    top: -30px;
    margin: 0;
    position: absolute;
}

.logotipihosting .by-clear-carousel-center-active-item .owl-carousel .owl-item img,
.logotipihosting .by-clear-carousel-center-active-item .owl-carousel .owl-item .embed-responsive.embed-responsive-16by9 {
    min-height: 0 !important;
    max-height: 100% !important;
    object-fit: contain;
}

html .boxikone-hosting1 .featured-box {border:0 !important; box-shadow:none !important;}

html .boxikone-hosting1 .featured-box-primary .box-content {
    border: none !important;
    background: rgb(0,136,180);
    background: linear-gradient(315deg, rgba(0,136,180,1) 0%, rgba(1,182,221,1) 100%);
    height: 260px;
    overflow: hidden;}
html .boxikone-hosting1 .featured-box-primary .box-content p {margin-top:-20px !important;}
html .boxikone-hosting1 .featured-box-primary .box-content h2.text-6 {font-size: 1.6em !important;}
.boxikone-hosting1 .featured-box .box-content {border-radius: 0;}
html .boxikone-hosting1 .featured-boxes-style-8 .featured-box.featured-box-primary .icon-featured {color: #fff;}
.boxikone-hosting1 .featured-boxes-style-8 .featured-box .icon-featured {background: transparent;}
.boxikone-hosting1 h2 {font-weight:600 !important; margin: 8px 0 0 0; color: #fff;}
.boxikone-hosting1 p span {color: #fff; font-size:16px;}
.domenekategorije {}
.domenekategorije {margin-top: -60px !important;}
.domenekategorije h1, .domenekategorije h2, .domenekategorije h3, .domenekategorije h4, .domenekategorije h5, .domenekategorije h6 {
    text-align: center !important;
    text-align: center !important;
    font-size: 16px;
    font-weight: 500 !important;
    margin-top: 15px !important;
    color: #000 !important;
}

.domenekategorije h1 a, .domenekategorije h2 a, .domenekategorije h3 a, .domenekategorije h4 a, .domenekategorije h5 a, .domenekategorije h6 a {
    color: #000 !important;
}

.other-css .domenekategorije .content h4 a:link,
.other-css .domenekategorije .content h4 a:hover {color: #000 !important;}
.animacija h4 {font-size: 2em !important; font-weight: 600 !important; line-height: 1.2em !important; margin: 0 0 15px 0 !important; color: #f54626 !important;}
.animacija ul {margin: 0 0 1.2em 2em;}
.animacija h1, .animacija h2 {font-size: 2.2 em !important; line-height: 1.2em !important; margin: 0 0 15px 0 !important; font-weight: 500 !important;}
.animacija h3, .animacija h4 {font-size: 1.4em !important; font-weight: 500 !important; line-height: 1.5em !important; margin: 0 0 15px 0 !important; color: #f54626 !important; text-transform: none !important;}
.animacija p, .animacija ul li, .animacija ol li {font-size: 1.4em !important; color:#000; font-weight:300;}
.animacija p  {font-size: 2em !important; color:#000; font-weight:300;}
.animacija p  {font-size: 1.4em !important; color:#000; font-weight:300;}
.animacija ul li, .animacija ol li {font-size: 1.4em !important; color:#000; font-weight:300;}
.animacija .btn-modern {border-radius:30px; background-color: #0088b4 !important;}
.animacija .btn-modern:hover {
    background-color: #00a5da !important;
    border-color: #00afe7 #00afe7 #0088b4 !important;
    color: #FFF !important;
}

.domenebox-pocetna .toggle-content {background:#fff !important;}

.kategorijedomenepopis .btn {
    background:#0088b4 !important;
    border: 0 !important;
    color: #fff !important;
    font-size:12px !important;
    letter-spacing:1px !important;
    padding:10px 15px !important;

}
.kategorijedomenepopis .btn:hover {background:#f54626 !important;}

.kategorijedomenepopis .mt-3{
    float:unset!important;
    margin-top:10px!important;
    transition:0.3s;
    display: block !important;
}
.kategorijedomenepopis  .post-content {
    background: rgb(241,245,253);
    background: linear-gradient(180deg, rgba(250,252,253,1) 0%, rgba(241,245,253,1) 100%);
    padding: 20px;
    border: 1px solid #ddd;
    border-radius:8px;
    border-top-color: #0088b4;
    border-top-width: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.05);
    margin-bottom:50px;
}

.kategorijedomenepopis h4 a {color: #f54626;}
.kategorijedomenepopis h4 a:hover {color: #0088b4; text-decoration: none;}


.page-header {
    background: #01c5ef;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0097c1, #01c5ef);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0097c1, #01c5ef); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.page-header h1 {font-weight: 600 !important;}
.page-header::after {background: rgba(241,245,253,1) !important;}
section.page-header .page-header-title-border {background-color: #01c5ef !important;}

.page-header-gradientplavi {
    background: #01c5ef;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0097c1, #01c5ef) !important;  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0097c1, #01c5ef) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.page-header-gradientplavi::after {background: rgba(241,245,253,1) !important;}
section.page-header-gradientplavi .page-header-title-border {background-color: #01c5ef !important;}

.page-header-gradientcrni {background: rgb(0,0,0); background: linear-gradient(270deg, rgba(27,28,29,1) 0%, rgba(0,0,0,1) 100%);}
.page-header-gradientcrni::after {background: rgba(241,245,253,1) !important;}
section.page-header-gradientcrni .page-header-title-border {background-color: #f54626 !important;}

.page-header-gradienttamnoplavi {background: #015b82; background: linear-gradient(to right, #015b82, #0088b4) !important;}
.page-header-gradienttamnoplavi::after {background: rgba(241,245,253,1) !important;}
section.page-header-gradienttamnoplavi .page-header-title-border {background-color: #f54626 !important;}

.marginagore-30 {margin-top:-30px !important;}
.marginagore-60 {margin-top:-60px !important;}

.boxeviusluge h4.font-weight-normal {font-weight: 500 !important;}
.boxeviusluge .featured-box-full p {opacity: 1 !important; font-weight: 400 !important;}
html .boxeviusluge .featured-boxes-full-scale > .featured-box-full-primary:nth-child(1) {background-color: #045883;}
html .boxeviusluge .featured-boxes-full-scale > .featured-box-full-primary:nth-child(1):hover {background-color: #004060 !important;}
html .boxeviusluge .featured-boxes-full-scale > .featured-box-full-primary:nth-child(2) {background-color: #7ed51c;}
html .boxeviusluge .featured-boxes-full-scale > .featured-box-full-primary:nth-child(2):hover {background-color: #5aaa01 !important;}
html .boxeviusluge .featured-boxes-full-scale > .featured-box-full-primary:nth-child(3) {background-color: #045883;}
html .boxeviusluge .featured-boxes-full-scale > .featured-box-full-primary:nth-child(3):hover {background-color: #004060 !important;}
html .boxeviusluge .featured-boxes-full-scale > .featured-box-full-primary:nth-child(4) {background-color: #7ed51c;}
html .boxeviusluge .featured-boxes-full-scale > .featured-box-full-primary:nth-child(4):hover {background-color: #5aaa01 !important;}

.boxeviusluge-red2 h4.font-weight-normal {font-weight: 500 !important;}
.boxeviusluge-red2 .featured-box-full p {opacity: 1 !important; font-weight: 400 !important;}
html .boxeviusluge-red2 .featured-boxes-full-scale > .featured-box-full-primary:nth-child(1) {background-color: #f54626;}
html .boxeviusluge-red2 .featured-boxes-full-scale > .featured-box-full-primary:nth-child(1):hover {background-color: #f54626 !important;}
html .boxeviusluge-red2 .featured-boxes-full-scale > .featured-box-full-primary:nth-child(2) {background-color: #045883;}
html .boxeviusluge-red2 .featured-boxes-full-scale > .featured-box-full-primary:nth-child(2):hover {background-color: #004060 !important;}
html .boxeviusluge-red2 .featured-boxes-full-scale > .featured-box-full-primary:nth-child(3) {background-color: #f54626;}
html .boxeviusluge-red2 .featured-boxes-full-scale > .featured-box-full-primary:nth-child(3):hover {background-color: #f54626 !important;}
html .boxeviusluge-red2 .featured-boxes-full-scale > .featured-box-full-primary:nth-child(4) {background-color: #045883;}
html .boxeviusluge-red2 .featured-boxes-full-scale > .featured-box-full-primary:nth-child(4):hover {background-color: #004060 !important;}

.ikonesivapodloga .featured-box {border-bottom: 0 !important; border-left: 0 !important; border-right: 0 !important; box-shadow: none !important;}
.ikonesivapodloga .featured-box .box-content {
    background: rgb(241,245,253);
    background: linear-gradient(180deg, rgba(250,252,253,1) 0%, rgba(241,245,253,1) 100%);
    min-height: 200px;}
.ikonesivapodloga .featured-boxes-style-8 .featured-box .icon-featured {background: transparent !important; margin: -12px -15px 0 0 !important;}
.ikonesivapodloga h2.font-weight-normal {font-weight: 500 !important; font-size: 1.6em !important;}
.ikonesivapodloga .featured-box p {line-height: 1.em !important; margin: 0 !important; padding: 0 !important;}
.ikonesivapodloga .featured-box .box-content .mr-4 {margin-right:15px !important;}

.ikone-domeneboxpocetna .featured-box {border-bottom: 0 !important; border-left: 0 !important; border-right: 0 !important; box-shadow: none !important;}
.ikone-domeneboxpocetna .featured-box .box-content {background: #fff !important; min-height: 300px; border-top-color: #045883;}
.narancasteikone .icon-featured {background-color: #f54626 !important;}
.zeleneikone .icon-featured {background-color: #7ed51c !important;}
.ikone-domeneboxpocetna h2.font-weight-normal {font-weight: 500 !important; font-size: 1.4em !important;}
.vecinaslov h2.font-weight-normal {font-size: 1.6em !important; margin-top: 0.3em;}
.ikone-domeneboxpocetna .featured-box p {line-height: 1.em !important; margin: 0 !important; padding: 0 !important;}
.ikone-domeneboxpocetna .featured-box .box-content .mr-4 {margin-right:15px !important;}

.ikone-domeneboxpocetna.narancasteikone .featured-box .box-content.p-5,
.ikone-domeneboxpocetna.zeleneikone .featured-box .box-content.p-5 {padding: 1rem .25rem !important;}


.tabzaobljeniborder .tabs.tabs-simple .nav-tabs {margin-top: 20px !important;}
.tabzaobljeniborder .tabs.tabs-simple .nav-tabs > li {margin-left: 5px; margin-right: 5px;}
.tabzaobljeniborder .tabs.tabs-simple .nav-tabs > li .nav-link {padding: 10px 30px; background: #f1f5fd !important; border-radius: 30px !important; border: 3px solid #f1f5fd;}
.tabzaobljeniborder .tabs.tabs-simple .nav-tabs > li .nav-link:hover,
.tabzaobljeniborder .tabs.tabs-simple .nav-tabs > li .nav-link:focus {border: 3px solid #0088b4 !important;}
.tabzaobljeniborder .tabs.tabs-simple .nav-tabs > li .nav-link > p {font-size: 40px;}

.tabzaobljeniborder .tabs.tabs-simple .nav-tabs > li.active .nav-link,
.tabzaobljeniborder .tabs.tabs-simple .nav-tabs > li.active .nav-link:focus,
.tabzaobljeniborder .tabs.tabs-simple .nav-tabs > li.active .nav-link:hover {border: 3px solid #0088b4 !important; color: #0088b4;}
.tabzaobljeniborder .toggle.toggle-lg .toggle>.toggle-title {font-size: 1.4em;}

.carousel-default .owl-item img, .carousel-default .owl-item .embed-responsive.embed-responsive-16by9 {max-height: initial !important; }


.owlreference .carousel-default .owl-item img,
.owlreference .carousel-default .owl-item .embed-responsive.embed-responsive-16by9 {
    min-height: initial !important;
    max-height: initial !important;
    object-fit: scale-down;
    border: 1px solid #fff;
}
.btnakcija{
    padding: .45rem 1rem!important; font-weight: 600!important;border: 2px solid #28a745; border-radius: 30px!important; color:#28a745!important; background:transparent; transition:0.3s;
    &:focus{
        box-shadow: unset!important;
    }
    &:hover{
        color: #fff!important;
        background-color: #28a745!important;
        border-color: #28a745!important;

    }
}
.owlreference .header-lists {padding-bottom: 0 !important; margin-bottom: 0 !important;}
.owlreference .carousel-default .owl-item {background:#f1f5fd; padding:20px 20px 30px 20px; border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; border-bottom-left-radius: 15px !important; border-bottom-right-radius: 15px !important; border:0 !important;}
.owlreference h4 {margin: 15px 0 0 0 !important; padding: 0; color:#000 !important; height:30px; overflow:hidden;}
.owlreference h4 a {color: #000 !important;}
.owlreference p {padding: 0; color:#000 !important;}

.pitanjabox .article-load .post-content {background-color: #f1f5fd; min-height:330px; padding:20px;}
article.post-large .post-image {margin-bottom: 0px!important;}
.pitanjabox .article-load {margin-bottom:50px!important;}
.pitanjabox .article-load img {height:180px;}
.pitanjabox .post-meta span a {color: #f54626 !important; font-weight:600; text-transform:uppercase;}
.pitanjabox .post-meta span a.btn-light {color:#000 !important; font-weight:500 !important; background:#fff; border:1px solid #000; border-radius:15px; padding:5px 15px !important;}
.pitanjabox .post-meta span a.btn-light:hover {color:#fff !important; background:#f54626; border:1px solid #f54626;}

.main.other-css .different-style .pricing-table .plan .plan-header div {color: #a8fd4a !important; font-weight:500;}

.kontakttraka {margin-bottom:-40px !important;}
.kontakttraka h1, .kontakttraka h2, .kontakttraka h3, .kontakttraka h4 {text-transform: none !important; font-size: 60px !important; font-weight: 700 !important; color: #0088b4 !important;}
.kontaktcenter h1, .kontaktcenter h2, .kontaktcenter h3, .kontaktcenter h4 {text-align:center !important;}


.kontakttraka .fui-submit {color: #fff; background-color: #0088b4 !important; border:0 !important; font-size:18px !important; text-transform:uppercase; font-weight:600 !important; padding: 15px 30px !important; font-family: 'Poppins', sans-serif !important; border-radius: 30px !important;}
.kontaktcenter .fui-submit {margin: 0 auto !important;}
.kontakttraka .fui-submit:hover {color: #fff;background-color: #00aad4 !important;}
.kontakttraka .fui-form-container {background-color: transparent !important; padding:0 0 60px 0;}
.kontakttraka .fui-alert-error {color: #c0050c !important;}
.kontakttraka .fui-alert {font-size: 1.2rem !important; font-weight: 500 !important;}
/*.kontakttraka .fui-row {margin-bottom: 0.2rem !important;}*/
.marginabottom{margin-bottom:50px!important;}
.button-tag {margin-bottom:30px;}
.righttoleft {text-align: right;}
.cart-total-domains {font-size: 1.4em;margin-right: 5rem;}
.cart-total-domains > * {display: inline-block;}

.referenceboxevi .thumb-info-wrapper {width:100% !important; height: auto !important;}
.referenceboxevi .thumb-info img {
    width:100% !important;
    height: auto !important;
    border: 1px solid #fff;
}
.referenceboxevi .post {background:#f1f5fd;  padding:20px !important; border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; border-bottom-left-radius: 15px !important; border-bottom-right-radius: 15px !important; border:0 !important;}
.referenceboxevi .post .post-content {background-color: transparent !important;padding: 0 !important;}
.referenceboxevi h4 {margin: 15px 0 0 0 !important; padding: 0; color:#000 !important; height:40px; overflow:hidden;}
.referenceboxevi h4 a {color: #000 !important; font-size: 1.5rem !important;}
.referenceboxevi p {padding: 0; color:#000 !important;}
.referenceboxevi .article-load {margin-bottom:50px!important;}

.iskustvanavodnici .article-load {margin-bottom:50px!important;}
.iskustvanavodnici .post-content {
    background-image: url("/doc/slike/navodnici-iskustva20-30pxrazmak.png");
    background-color: #f1f5fd;
    background-position: bottom right !important;
    background-repeat: no-repeat !important;
    background-size:156px 131px !important;
    padding:20px;
    min-height:330px;

}
.iskustvanavodnici .post{
    border-bottom: 0!important; 
    margin-bottom: 0; 
    padding-bottom: 0px!important;
}

.animacijasjunakom-lijevo {width:23.4% !important; float:left !important;}
.animacijasjunakom-lijevo .animation-block {position:relative !important; top:20px !important;}
.animacijasjunakom-lijevo .animation-block .container-xl {padding-left:0 !important; padding-right:0 !important;}
.animacijasjunakom-desno {width:76.6% !important; float:left !important; padding-top:15px;}
.animacijasjunakom-desno .container-xl.ikonesivapodloga {padding-right:0 !important;}
.animacijasjunakom-desno .ikonesivapodloga .featured-box .box-content {min-height: 255px;}
.animacijasjunakom-desno .ikonesivapodloga .featured-boxes-style-8 .featured-box .icon-featured {margin: -15px 20px 0 0 !important;}
.animacijasjunakom-desno .ikonesivapodloga h2.font-weight-normal {font-weight: 500 !important; font-size: 1.4em !important;}
.animacijasjunakom-desno .ikonesivapodloga .featured-box p {line-height: 1.em !important; margin: 0 !important; padding: 0 !important; font-size: 15px !important;}
.animacijasjunakom-desno .heading.heading-middle-border-center h2 {width: 100%;}

.animacijasjunakom-lijevo-sira {width:30% !important; float:left !important;}
.animacijasjunakom-lijevo-sira .animation-block {position:relative !important; top:20px !important;}
.animacijasjunakom-lijevo-sira .animation-block .container-xl {padding-left:15px !important; padding-right:15px !important;}
.animacijasjunakom-desno-sira {width:70% !important; float:left !important; padding-top:15px;}
.animacijasjunakom-desno-sira .container-xl.ikonesivapodloga {}
.animacijasjunakom-desno-sira .ikonesivapodloga .featured-box .box-content {min-height: 255px;}
.animacijasjunakom-desno-sira .ikonesivapodloga .featured-box .box-content.p-5 {padding: 2rem !important;}
.animacijasjunakom-desno-sira .ikonesivapodloga .featured-boxes-style-8 .featured-box .icon-featured {margin: -15px 20px 0 0 !important;}
.animacijasjunakom-desno-sira .ikonesivapodloga h2.font-weight-normal {font-weight: 500 !important; font-size: 1.2em !important;}
.animacijasjunakom-desno-sira .ikonesivapodloga .featured-box p {line-height: 1.em !important; margin: 0 !important; padding: 0 !important; font-size: 17px !important;}
.animacijasjunakom-desno-sira .heading.heading-middle-border-center h2 {width: 100%;}

.poklon-bon-oko {
    position: relative;
    margin: 0 auto 50px;
}
.forma {
    position: absolute;
    top: 61.6%;
    left: 31%;
    z-index: 22;
}
.poklon-bon-naslov {
    position: absolute;
    top: -103px;
    left: -37px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 58px;
    line-height: 68px;
    color: #fff;
    text-shadow: -2px 0 #4cbedf, 0 2px #4cbedf, 2px 0 #4cbedf, 0 -2px #4cbedf;
}
.akt-polje {
    float: left;
    color: #003856;
    font: italic bold 24px/24px 'Open Sans',sans-serif;
    border: 0;
    height: 35px;
    width: 222px;
    background: none;
}
.aktiviraj {
    float: left;
    width: 138px;
    height: 48px;
    border: 0;
    margin: -7px 0 0 31px;
    color: #fff;
    font-size: 20px;
    text-shadow: 1px -1px 0 rgb(103 25 25 / 40%);
}
.voucher-register {
    float: left;
    width: 138px;
    height: 48px;
    border: 0;
    margin: -7px 0 0 31px;
    color: #fff;
    font-size: 20px;
    text-shadow: 1px -1px 0 rgb(103 25 25 / 40%);
}
.poklon-bon-uputa {
    font: normal 14px 'Open Sans',sans-serif;
    color: #fff;
    margin: 59px 0 0 -10px;
}
.poklon-bon-uputa .font19 {
    font-size: 19px;
}
.sr-voucher-forma .poklon-bon-arrowl, .sr-voucher-forma .poklon-bon-arrowr {
    width: 27px !important;
    height: 51px !important;
}
img.poklon-bon-arrowl {
    position: absolute;
    left: -30px;
    top: 20px;
}
img.poklon-bon-arrowr {
    position: absolute;
    right: -20px;
    top: 20px;
}

.ikoneuvoz h2.text-6 {font-size: 1.4em !important;}
.ikoneuvoz .box-content.p-5 {padding: 2rem !important;}
.ikoneuvoz .icon-featured.float-left {float:none !important;}

.referencedetaljno .image-thumbnail-block {
    border: 1px solid #ddd !important;
    box-shadow: 0 20px 30px -25px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 20px 30px -25px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 20px 30px -25px rgba(0,0,0,0.25);
}

.referencedetaljno .glightbox-gallary li a {
    border-radius: 10px !important;
    border: 1px solid #eee !important;
    box-shadow: 0 20px 30px -25px rgba(0,0,0,0.50);
    -webkit-box-shadow: 0 20px 30px -25px rgba(0,0,0,0.50);
    -moz-box-shadow: 0 20px 30px -25px rgba(0,0,0,0.50);
}

.py-4.card-reference {padding-top: 0 !important; padding-bottom: 0 !important;}

.card-reference h4.text-4.text-uppercase {text-transform: none !important; font-size: 60px !important; font-weight: 700 !important; text-align:center !important; margin-top: 0 !important; margin-bottom: 30px !important;}
.card-reference .portfolio-item .thumb-info {
    border-radius:20px !important;
    border:1px solid #fff !important;
    box-shadow: 0 20px 30px -25px rgba(0,0,0,0.50);
    -webkit-box-shadow: 0 20px 30px -25px rgba(0,0,0,0.50);
    -moz-box-shadow: 0 20px 30px -25px rgba(0,0,0,0.50);
}
.card-reference .portfolio-item .thumb-info.thumb-info-no-borders .thumb-info-wrapper {width:100% !important; height: auto !important;}
.card-reference .portfolio-item .thumb-info .thumb-info-wrapper img {width:100% !important; height: auto !important;}

.fade-burger {background: #c8f2fe !important;}
.fade-burger .dropdown-item {padding: .25rem 0.8rem; color: #000;}
#header .header-row .header-nav .fade-burger.fade-burger-sidebar .nav.nav-pills a:hover,
#header .header-row .header-nav .fade-burger.fade-burger-sidebar .nav.nav-pills li ul li a:hover {background-color: #fff; border-radius: 20px !important;}
a.crtice:hover, li ul li a.crtice:hover {background:transparent !important; cursor: default !important;}

/*HOSTING*/
.hosting-box{
    .featured-box .box-content {
        min-height: 278px!important;
    }
    .p-5 {
        padding: 3rem 2.8rem !important;
    }
}
.uslugewemdo{
    img{
        margin-top: -138px;
        position: absolute;
        z-index: 1;
    }
}
.hosting-title-top{
    margin-top:65px!important;
}
.hosting-bottom{
    padding-bottom: 100px !important;
}

@keyframes mymove {
    50% {background-position: center;}
}
.animation-text{
    z-index: 3;
    min-height: 0px;
    min-width: 0px;
    line-height: 42px;
    position:absolute;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-size: 25px;
    left: 606.5px;
    top: 331px;
    visibility: visible;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
    transition: all 0s ease 0s;
    -webkit-font-smoothing: antialiased !important;

}
.no-pointer a{
    cursor: auto!important;
}
/* BRAND FONTS START */ 
@font-face {
    font-family: 'brand-logos';
    src:  url('/icon-picker/brand-logos/brand-logos.eot?xh0nk');
    src:  url('/icon-picker/brand-logos/brand-logos.eot?xh0nk#iefix') format('embedded-opentype'),
        url('/icon-picker/brand-logos/brand-logos.ttf?xh0nk') format('truetype'),
        url('/icon-picker/brand-logos/brand-logos.woff?xh0nk') format('woff'),
        url('/icon-picker/brand-logos/brand-logos.svg?xh0nk#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.ico-brand, .ico-brand-ori {
    font-style: normal;
    font-family: brand-logos;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ico-brand:before {
    vertical-align: middle;
}
.ico-brand-ori:before {
    font-size: 1em!important;
    line-height: 1!important;
}
.ico-brand-text:before {
    font-size: 1em !important;
    line-height: inherit !important;
}
@media (max-width: 991px) {
    .ico-brand-ori:before {
        font-size: 0.625em!important;
        line-height: 1.6!important;
    }
}
@media (max-width: 767px) {
    .ico-brand-ori:before {
        font-size: 0.354em!important;
        line-height: 2.825!important;
    }
}

.ico-brand-atomia:before {content: "\e95b";font-size: 0.6211em;line-height: 1.6100;}
.ico-brand-billmanager:before {content: "\e95c";font-size: 0.7512em;line-height: 1.3313;}
.ico-brand-cpanel:before {content: "\e95d";font-size: 0.5795em;line-height: 1.7256;}
.ico-brand-custompanel:before {content: "\e95e";font-size: 0.6193em;line-height: 1.6178;}
.ico-brand-directadmin:before {content: "\e95f";font-size: 0.7101em;line-height: 1.4083;}
.ico-brand-hostingcontroller:before,
.ico-brand-hostingcontroller9:before,
.ico-brand-hostingcontroller10:before {content: "\e961";font-size: 0.6073em;line-height: 1.6467;}
.ico-brand-interworx:before {content: "\e962";font-size: 0.5515em;line-height: 1.8134;}
.ico-brand-ispmanager:before,
.ico-brand-ispmanager4:before,
.ico-brand-ispmanager5:before,
.ico-brand-ispmanager-new:before {content: "\e900";font-size: 0.4595em;line-height: 2.2142;}
.ico-brand-plesk:before {content: "\e963";font-size: 0.7932em;line-height: 1.2606;}
.ico-brand-vesta:before {content: "\e964";font-size: 0.7380em;line-height: 1.3550;}
.ico-brand-webmin:before {content: "\e965";font-size: 0.6365em;line-height: 1.5712;}
.ico-brand-whmcs:before {content: "\e966";font-size: 0.5843em;line-height: 1.7116;}
.ico-brand-zpanelcp:before {content: "\e967";font-size: 0.6446em;line-height: 1.5514;}
.ico-brand-dotshop:before {content: "\e968";font-size: 0.7664em;line-height: 1.3047;}
.ico-brand-cwp:before {content: "\e969";font-size: 0.6345em;line-height: 1.5761;}
.ico-brand-liveconfig:before {content: "\e96b";font-size: 0.5826em;line-height: 1.7165;}
.ico-brand-activeplatform:before {content: "\e92b";font-size: 0.4276em;line-height: 2.3388;}
.ico-brand-hestia:before {content: "\e92c";font-size: 1em;line-height: 1;}

.ico-brand-alibaba:before {content: "\e959";font-size: 2em;line-height: 0.5;}
.ico-brand-clickbank:before {content: "\e96c";font-size: 0.46em;line-height: 2.2;}
.ico-brand-cloudfest:before {content: "\e901";font-size: 0.46em;line-height: 2.2;}

.ico-brand-basekit:before {content: "\e902";font-size: 0.8393em;line-height: 1.5642;}
.ico-brand-cm4all:before {content: "\e903";font-size: 0.8778em;line-height: 1.7306;}
.ico-brand-duda:before {content: "\e904";font-size: 1.2983em;line-height: 1.2170;}
.ico-brand-gomobi:before {content: "\e905";font-size: 0.8199em;line-height: 1.6132;}
.ico-brand-im_creator:before {content: "\e906";font-size: 0.9954em;line-height: 1.0046;}
.ico-brand-kopage:before {content: "\e907";font-size: 0.6323em;line-height: 1.5816;}
.ico-brand-mozello:before {content: "\e908";font-size: 0.7329em;line-height: 1.8766;}
.ico-brand-rvsitebuilder:before {content: "\e909";font-size: 0.7038em;line-height: 1.4208;}
.ico-brand-sitepad:before {content: "\e90a";font-size: 0.5626em;line-height: 1.7775;}
.ico-brand-slimsite:before {content: "\e90b";font-size: 0.6268em;line-height: 1.5953;}
.ico-brand-trendytools:before {content: "\e90c";font-size: 0.5530em;line-height: 1.8082;}
.ico-brand-ucoz:before { content: "\e90d"; font-size: 1.5409em; line-height: 0.8765; }
.ico-brand-ucraft:before {content: "\e90e";font-size: 0.9020em;line-height: 1.4246;}
.ico-brand-websplanet:before {content: "\e90f";font-size: 0.6379em;line-height: 1.5677;}
.ico-brand-weebly:before {content: "\e910";font-size: 1.2983em;line-height: 1.4738;}
.ico-brand-yola:before {content: "\e911";font-size: 1.3983em;line-height: 1.0101;}
.ico-brand-googlesites:before {content: "\e912";font-size: 0.7983em;line-height: 2.1719;}
.ico-brand-joomla:before {content: "\e913";font-size: 0.9983em;line-height: 1.8232;}
.ico-brand-squarespace:before {content: "\e914";font-size: 0.7983em;line-height: 2.1339;}
.ico-brand-tilda:before {content: "\e915";font-size: 1.2983em;line-height: 1.4343;}
.ico-brand-webnode:before {content: "\e916";font-size: 0.9288em;line-height: 1.8912;}
.ico-brand-wix:before {content: "\e917";/* font-size: 0.7707em; *//* line-height: 1.2976; */}
.ico-brand-wordpress:before {content: "\e918";font-size: 0.9983em;line-height: 1.7991;}
.ico-brand-builderall:before {content: "\e919";font-size: 1.2983em;line-height: 1.5268;}
.ico-brand-flazio:before {content: "\e91a";font-size: 0.8534em;line-height: 1.5304;}
.ico-brand-impressly:before {content: "\e91b";font-size: 0.9205em;line-height: 1.9211;}
.ico-brand-jimdo:before {content: "\e91c";font-size: 0.7743em;line-height: 1.7414;}
.ico-brand-moonfruit:before {content: "\e92a";font-size: 1.0968em;line-height: 0.9117;}
.ico-brand-orson:before {content: "\e91d";font-size: 0.8153em;line-height: 1.9407;}
.ico-brand-oxxy:before {content: "\e91e";font-size: 1.2983em;line-height: 1.2596;}
.ico-brand-simplesite:before {content: "\e91f";font-size: 0.9983em;line-height: 1.8525;}
.ico-brand-site123:before {content: "\e920";font-size: 0.9983em;line-height: 1.6294;}
.ico-brand-sitey:before {content: "\e921";font-size: 1.3983em;line-height: 1.0017;}
.ico-brand-ukit:before {content: "\e922";font-size: 1.2983em;line-height: 1.2424;}
.ico-brand-voog:before {content: "\e923";font-size: 0.9983em;line-height: 1.6459;}
.ico-brand-webydo:before {content: "\e924";font-size: 1.2983em;line-height: 1.4728;}
.ico-brand-wopop:before {content: "\e925";font-size: 0.8331em;line-height: 1.8757;}
.ico-brand-zencommerce:before {content: "\e926";font-size: 0.4659em;line-height: 2.7328;}
.ico-brand-c-umi:before {content: "\e927";font-size: 0.9983em;line-height: 1.5126;}
.ico-brand-strikingly:before {content: "\e928";font-size: 0.9958em;line-height: 1.6239;}
.ico-brand-webs:before {content: "\e929";font-size: 0.9983em;line-height: 1.3825;}
.ico-brand-sitestar:before {content: "\e930";font-size: 0.6983em;line-height: 2.2437;}
.ico-brand-parallels:before {content: "\e931";font-size: 1em;line-height: 1;}
.ico-brand-clientsday:before {content: "\e92d";font-size: 1em;line-height: 1;}
.ico-brand-zonat:before {content: "\e92e";font-size: 2em;line-height: 0.5;}
.ico-brand-sitepro:before {content: "\e92f";font-size: 1em;line-height: 1;}

.featured-boxes-modern-style-1 .featured-box .box-content .icon-featured.ico-brand {
    line-height: 120px;
    font-size: 2em;
    width: 130px;
    height: 130px;
}
/* BRAND FONTS END */ 

.heading.heading-middle-border .heading-text-below h1, .heading.heading-middle-border .heading-text-below h2, .heading.heading-middle-border .heading-text-below h3, .heading.heading-middle-border .heading-text-below h4, .heading.heading-middle-border .heading-text-below h5, .heading.heading-middle-border .heading-text-below h6 {
    white-space: normal;
}

aside.sidebar .row.featured-boxes-sidebar {margin-right: -15px !important;margin-left: -15px !important;}

.main.other-css .domains-list .toggle.domain-searching .table tr th {
    background: #d0ff9b;
    border-color: #d0ff9b !important;
}

.main.other-css .slider-container {background: #ebebeb !important;}

.main.other-css .slider-container .rs-background-video-layer {
    position: relative !important;
    padding-bottom: 56.25% !important; /* 16:9 */
    height: 0;
}
.main.other-css .slider-container .rs-background-video-layer iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

h3.text-huge {padding-bottom:30px !important;}

#elc-cookie-consent {bottom: 5em !important;}

.hostpromo .container-xl {padding-right: 15px !important;padding-left: 15px !important;}
.hostpromo .container-xl .container-xl {padding-right: 0 !important;padding-left: 0 !important;}
.hostpromo .blog-posts:not(.blog-posts-no-margins) article {border-bottom: 0;padding-bottom: 0;}

.referenceheading {}
.referenceheading p {color: #fff !important; font-size: 28px !important; line-height: 1.4em !important; font-weight: 500 !important;}
.referenceheading h4 {color: #ffff00 !important; font-size:32px !important; font-weight:700 !important; margin-top:15px !important;}
.referenceheading h3 {color:#fff !important; font-size:28px !important; font-weight:500 !important; margin-top:50px !important;}

.zelenikrugovi .process.process-shapes .process-step-circle .process-step-circle-content,
.zelenikrugovi .process.process-shapes .process-step-circle::before,
.zelenikrugovi .process.process-shapes .process-step-circle::after {
  background-color: #69c402 !important;
}

.embed-responsive-16by9 {padding-bottom: 56.25% !important;}
.youtubevideo-16by9 {aspect-ratio: 16 / 9 !important; width: 100% !important; margin-bottom:40px !important;}