/* costum universal classes */
.no-overflow {
    overflow-y: hidden;
    overflow-x: hidden;
}

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

.div--inline-wrap{
    display: inline-block;
    width: 100%;
}

.btn-custom-cancel {
    background-color: #727272;
    color: #fff;
}

.btn-custom-cancel:hover {
    background-color: #434343;
}

.modal-footer button.btn-custom-cancel {
    background: #878787;
    color: #fff;
}
.modal-footer button.btn-custom-cancel:hover {
    background: #434343;
}

.border-bottom {
    border-bottom: 0.01em solid #f2f2f2;
}
.border-bottom-darker {
     border-bottom: solid 1px #e5e5e5;
}

.required {
    color: #b74747;
}

/*
  One of required-options must be entered, but not all.
  (npr. user for contact must enter phone number or mobile or email)
*/
.required-options {
    color: #54b408;
}

@font-face {
    font-family: 'source_sans_prolight';
    src: url('fonts/sourcesanspro-light-webfont.eot');
    src: url('fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/sourcesanspro-light-webfont.woff') format('woff'),
    url('fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
    url('fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('fonts/sourcesanspro-regular-webfont.eot');
    src: url('fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/sourcesanspro-regular-webfont.woff') format('woff'),
    url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
    url('fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_problack';
    src: url('fonts/sourcesanspro-black-webfont.eot');
    src: url('fonts/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/sourcesanspro-black-webfont.woff') format('woff'),
    url('fonts/sourcesanspro-black-webfont.ttf') format('truetype'),
    url('fonts/sourcesanspro-black-webfont.svg#source_sans_problack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_probold';
    src: url('fonts/sourcesanspro-bold-webfont.eot');
    src: url('fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/sourcesanspro-bold-webfont.woff') format('woff'),
    url('fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
    url('fonts/sourcesanspro-bold-webfont.svg#source_sans_problack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "terrakom-ikone";
    src: url("fonts/terrakom-ikone.eot");
    src: url("fonts/terrakom-ikone.eot?#iefix") format("embedded-opentype"),
    url("fonts/terrakom-ikone.woff") format("woff"),
    url("fonts/terrakom-ikone.ttf") format("truetype"),
    url("fonts/terrakom-ikone.svg#terrakom-ikone") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'flexslider-icon';
    src: url('fonts/flexslider-icon.eot');
    src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
    url('fonts/flexslider-icon.woff') format('woff'),
    url('fonts/flexslider-icon.ttf') format('truetype'),
    url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
    url('fonts/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
    url('fonts/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
    url('fonts/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
    url('fonts/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* --------------- RESET ------------------- */
* {
    margin: 0;
    padding: 0;
    list-style: none;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a,
a img {
    outline: none;
}

a,
a * {
    cursor: pointer;
}

a:focus,
a:active,
input:focus,
textarea:focus,
select:focus,
button:focus,
button:active {
    outline: none;
}

a img,
fieldset,
button {
    border: none;
}

img {
    -ms-interpolation-mode: bicubic;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* --------------- TYP ------------------- */
body {
    background: #f1f2f4;
    font-family: 'source_sans_proregular', sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #333;
    padding: 0;
    margin: 0 0 0 0;
}

h1 {
    font-size: 24px;
    line-height: normal;
    font-weight: normal;
    margin: 0 0 20px;
    padding: 0 0 10px;
}

h2 {
    font-size: 60px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 0 10px 0;
}

h2 strong {
    color: #666;
}

h5 {
    font-size: 23px;
    text-transform: uppercase;
    padding: 0 0 2px 0;
    margin: 0;
}

p {
    clear: both;
}

strong {
    font-family: 'source_sans_problack', sans-serif;
    font-weight: normal;
}

a {
    color: #54b408;
    text-decoration: none;
}

a:hover {
    color: #333;
}

H3 a {
    color: #333;
    text-decoration: none;
}

H3 a:hover {
    color: #54b408;
}

.uvodni-tekst H3 a {
    color: #54b408;
    text-decoration: none;
}

.uvodni-tekst H3 a:hover {
    color: #333;
}

.green-text {
    color: #54b408;
}

.gray-text {
    color: #333 !important;
}

.font-bold {
    font-family: 'source_sans_probold', sans-serif;
    font-weight: normal;
}

.font-black {
    font-family: 'source_sans_problack', sans-serif;
    font-weight: normal;
}

.font-light {
    font-family: 'source_sans_prolight', sans-serif;
    font-weight: normal;
}

.text10 {
    font-size: 10px;
}

.text12 {
    font-size: 12px;
}

.text14 {
    font-size: 14px;
}

.text16 {
    font-size: 16px;
}

input, select, option, textarea {
    font-family: 'source_sans_proregular', sans-serif;
    font-weight: normal;
    border: none;
    font-size: 15px;   
}

.width100 {
    width: 100%;
}

.padding1 {
    padding: 0 80px 30px 80px;
}

.ver-margin {
    margin: 10px 0;
}

.hor-margin {
    margin: 0 10px;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.flright {
    float: right;
}

.flleft {
    float: left;
}

.left-margin {
    margin-left: 10px;
}

.right-margin {
    margin-right: 10px;
}

.top-margin {
    margin-top: 20px;
}


.inline {
    display: inline;
}

.no-margins {
    margin: 0 !important;
}

.margin-rb {
    margin-right: 1em;
    margin-bottom: 1em;
}

.margin-lb {
    margin-left: 1em;
    margin-bottom: 1em;
}

.margin-rt {
    margin-right: 1em;
    margin-top: 1em;
}

.margin-lt {
    margin-left: 1em;
    margin-top: 1em;
}

/* --------------- GRID ------------------- */
.wrap {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    clear: both;
}

.mali {
    max-width: 800px;
}

.unutra {
    padding: 0 0 50px 0;
}

.col {
    float: left;
    margin-right: 2.564102564102564%;
}

.col:last-child, .last {
    margin-right: 0;
}

.colr {
    float: right;
    margin-right: 2.564102564102564%;
}

.colr:first-child {
    margin-right: 0;
}

.c1 {
    width: 1.709401709401709%;
}

.c2 {
    width: 5.982905982905982%;
}

.c3 {
    width: 10.25641025641026%;
}

.c4 {
    width: 14.52991452991453%;
}

.c5x {
    width: 17.949502115249%;
}

.c5 {
    width: 18.8034188034188%;
}

.c6 {
    width: 23.07692307692307%;
}

.c7 {
    width: 27.35042735042735%;
}

.c8 {
    width: 31.62393162393162%;
}

.c9 {
    width: 35.89743589743589%;
}

.c10 {
    width: 40.17094017094017%;
}

.c11 {
    width: 44.44444444444444%;
}

.c12 {
    width: 48.71794871794871%;
}

.c13 {
    width: 52.99145299145299%;
}

.c14 {
    width: 57.26495726495726%;
}

.c15 {
    width: 61.53846153846153%;
}

.c16 {
    width: 65.8119658119658%;
}

.c17 {
    width: 70.08547008547008%;
}

.c18 {
    width: 74.35897435897435%;
}

.c19 {
    width: 78.63247863247862%;
}

.c20 {
    width: 82.9059829059829%;
}

.c21 {
    width: 87.17948717948717%;
}

.c22 {
    width: 91.45299145299144%;
}

.c23 {
    width: 95.72649572649572%;
}

.c24 {
    width: 100%;
    margin-right: 0;
}

.width50 {
    width: 50%;
}

.hide,
.tablet,
.mobile {
    display: none;
}

.tranz {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.headerholder {
    width: 100%;
    z-index: 1030;
    position: fixed;
    top: 0;
    height: 100px;
}

.headerholder .wrap {
    margin-bottom: 0;
    position: relative;
}

.cookies-switch .headerholder {
    top: 57px;
}

.top-menu-holder {
    position: absolute;
    right: 7px;
    top: 0;
    color: #333;
    font-size: 13px;
    padding-top: 20px;
}

.top-menu-holder a {
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 30px;
    color: #333;
    display: inline-block;
}

.top-menu-holder a:hover {
    color: #007334;
}

.top-menu-holder .call {
    background: url(../images/phone.png) no-repeat left center;
    padding: 0 0 0 20px;
    font-size: 15px;
    color: #ffffff;
}

.top-menu-holder a.mail {
    background: url(../images/mail.png) no-repeat left center;
    padding: 0 0 0 20px;
    text-transform: lowercase;
    color: #ffffff;
}

.top-menu-holder .top-link {
    color: #fff;
}

.log-menu {
    display: inline-block;
}

.log-menu > li {
    padding: 0;
    margin-left: 20px;
    position: relative;
}

.log-menu > li span {
    background: #fff url(../images/login.png) no-repeat 16px 5px;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, 0.3);
    padding: 7px 33px 6px 32px;
    display: block;
    color: #37393e;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin: 0;
    cursor: default;
}

.log-menu > li span:hover {
    background-color: #fff;
    color: #333;
    border-radius: 4px 4px 0 0;
    border: solid 1px #fff;
}

.log-menu:hover li span {
    background-color: #fff;
    color: #333;
    border-radius: 4px 4px 0 0;
    border: solid 1px #fff;
}

.log-menu .sub {
    position: relative;
}

a.login {
    background: rgba(255, 255, 255, 0.3) url(../images/login.png) no-repeat 16px 5px;
    display: inline-block;
    padding: 7px 23px 6px 32px;
    border: solid 1px rgba(0, 0, 0, 0.3);
    margin-left: 20px;
    border-radius: 4px;
    position: relative;
}

a.login:hover {
    background-color: #7ac142;
    color: #fff;
}

/*** Dropdown ***/
.padajuci {
    text-align: left;
    position: absolute;
    z-index: 100;
    background: #fff;
    padding: 0;
    top: 28px;
    left: 0;
    width: 140px;
    opacity: 0;
    visibility: hidden;
    border-radius: 0 4px 4px 4px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.log-menu .sub .padajuci a {
    display: block;
    text-decoration: none;
    line-height: 35px;
    margin: 0;
    padding: 0 10px;
}

.log-menu .sub .padajuci a:hover {
    color: #7ac142;
}

.sub:hover .padajuci {
    visibility: visible;
    opacity: 1;
}

.sub > a:after, .sub > span:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 4px;
    right: 14px;
    width: 0;
    height: 0;
    border: 5px dashed;
    border-color: #333 transparent;
    pointer-events: none;
    margin-top: 7px;
    border-top-style: solid;
    border-bottom: none;
}

.menu-holder {
    position: absolute;
    right: 0;
    top: 55px;
    padding: 3px 0;
}

.menu {
    float: right;
}

.menu li {
    float: left;
}

.menu li a {
    padding: 10px;
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    font-family: 'source_sans_problack', sans-serif;
    color: #fff;
    letter-spacing: 0.03em;
}

.menu li a:hover, .menu li a.active {
    color: #007334;
}

.menu-holder .top-link {
    display: none;
}

.logo-hide {
    opacity: 0;
    position: absolute;
    top: 12px;
    left: 15px;
}

.logo {
    opacity: 1;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 240px;
}

.tiny .logo-hide {
    opacity: 1;
    top: 12px;
    left: 15px;
}

.tiny .logo {
    opacity: 0;
    top: -105px;
    left: 15px;
}

.tiny .top-menu-holder {
    position: absolute;
    right: 7px;
    top: -30px;
    padding-top: 0;
    color: #333;
    font-size: 13px;
    opacity: 0;
}

.tiny.headerholder {
    width: 100%;
    background-color: #333;
    z-index: 200;
    position: fixed;
    height: 60px;
}

.cookies-switch .tiny.headerholder {
    top: 0;
}

.tiny .menu-holder {
    position: absolute;
    right: 0;
    top: 12px;
    padding: 3px 0;
}

.tiny .menu li a:hover,
.tiny .menu li a.active {
    color: #7ac142;
    text-shadow: none;
}

.tiny .menu li a {
    text-shadow: none;
}

.slider-holder {
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
    text-align: center;
}

.slider-holder img {
    width: 100%;
    height: auto;
    top: 0;
}

.slider-holder .flexslider .slides img {
    display: block;
    width: 100%;
}

#header-slider {
    padding-top: 44.45%; /* aspect ratio 2:1 */
    height: 0;
}

#header-slider .flexslider {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff url(../images/loading.gif) no-repeat 50% 50%;

}

#header-slider .slides LI {
    position: relative;
}

#header-slider .flex-control-nav {
    width: 334px;
    position: absolute;
    bottom: 14%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 50;
}

/* Control Nav */
#header-slider .flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

#header-slider .flex-control-paging li a {
    width: 43px;
    height: 4px;
    display: block;
    background-color: #000;
    background: rgba(0, 0, 0, 1);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

#header-slider .flex-control-paging li a:hover {
    background: #7ac141;
    background: rgba(122, 193, 65, 1);
}

#header-slider .flex-control-paging li a.flex-active {
    background: #7ac141;
    background: rgba(122, 193, 65, 1);
    cursor: default;
    position: relative;
}

#header-slider .flex-control-paging li a.flex-active:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: -7px;
    left: 15px;
    width: 0;
    height: 0;
    border: 7px dashed;
    border-color: #7ac141 transparent;
    pointer-events: none;
    border-bottom-style: solid;
    border-top: none;
}

.dostupnost {
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    padding: 40px 50px 0 50px;
    border-radius: 6px;
    margin-bottom: 0;
    text-align: left;
    background: #f1f2f4; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 242, 244, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(241, 242, 244, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 242, 244, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 242, 244, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 242, 244, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 242, 244, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f2f4', GradientType=0); /* IE6-9 */
    z-index: 10;
}

.klikalica .dostupnost {
    position: relative;
    bottom: 0;
    padding: 50px 70px;
    border-radius: 10px;
    margin-bottom: 20px;
    text-align: left;
    background: #00b054;
    max-width: 100%;
    width: 750px;

}

.novibroj {
    color: #000;
}

.provjera-napomena.custom-info {
    position: relative !important;
    font-size: 13px;
    display: block;
    transition: all 0.2s ease;
    padding: 15px;
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
    border-radius: 2px;
    margin-bottom: 15px;
    left: 0 !important;
    top: 0 !important;
}

.provjera-broja input[disabled] {
    opacity: 0.8;

}

.provjera-broja label + input[disabled] label {
    color: #ff2222 !important;
}

.provjera-broja button[disabled] {
    text-shadow: none;
    opacity: 0.6;
}

.provjera-text h3 {
    color: #fff;
    font-size: 27px;
}

.provjera-text p {
    color: #fff !important;
    font-size: 17px !important;
}

.provjera-text {
    margin-bottom: 20px;
}

.visina {
    padding: 40px 50px 20px 50px;
}

.dostupnost p {
    font-size: 30px;
    text-align: center;
    padding: 0 20px;
    margin: 0;
    color: #666;
}

.dostupnost col {
    margin-bottom: 0;
}

.dostupnost .select-holder {
    border: solid 1px #e5e5e5;
    padding: 2px 0;
    border-radius: 4px;
    background: #fff;
    position: relative;
}

.dostupnost .crveno {
    border: solid 1px #db692a;
}

.dostupnost select {
    padding: 6px 8px;
    border-radius: 4px 0 0 4px !important;
    width: 60px;
}

.dostupnost input[type='text'] {
    padding: 6px 8px;
    border-radius: 0 2px 2px 0;
    width: 72%;
    height: 40px;
}

.dostupnost .dostupnost-c24 {
    position: relative;
}

.dostupnost .provjera-napomena {
    font-size: 13px;
    color: #c43b05;
    position: absolute;
    top: -20px;
    left: 0;
}

.botun-orange, .botun-orange:active, .botun-orange:focus {
    padding: 15px 50px;
    border: none;
    border-radius: 2px;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 0.05em;
    background: #F5AB35;
    background: -moz-linear-gradient(top, #F5AB35 0%, #E87E04 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5AB35), color-stop(100%, #E87E04));
    background: -webkit-linear-gradient(top, #F5AB35 0%, #E87E04 100%);
    background: -o-linear-gradient(top, #F5AB35 0%, #E87E04 100%);
    background: -ms-linear-gradient(top, #F5AB35 0%, #E87E04 100%);
    background: linear-gradient(to bottom, #F5AB35 0%, #E87E04 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5AB35', endColorstr='#E87E04', GradientType=0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.botun-orange:hover {
    background: #E87E04;
    background: -moz-linear-gradient(top, #E87E04 0%, #F5AB35 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E87E04), color-stop(100%, #F5AB35));
    background: -webkit-linear-gradient(top, #E87E04 0%, #F5AB35 100%);
    background: -o-linear-gradient(top, #E87E04 0%, #F5AB35 100%);
    background: -ms-linear-gradient(top, #E87E04 0%, #F5AB35 100%);
    background: linear-gradient(to bottom, #E87E04 0%, #F5AB35 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E87E04', endColorstr='#F5AB35', GradientType=0);
    color: #fff;
}

.btn, .btn:focus, .btn:active {
    padding: 10px 20px;
    border-radius: 2px;
    border: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
}

.btn:hover {
    text-decoration: none;
}

.btn-lg, .btn-lg:focus, .btn-lg:active {
    padding: 13px 40px;
    border-radius: 2px;
    border: none;
    cursor: pointer;
    font-size: 17px;
    font-weight: normal;
    display: inline-block;
}

.btn-lg:hover {
    text-decoration: none;
}

.btn-sm, .btn-sm:focus, .btn-sm:active {
    padding: 8px 12px;
    margin: 2px;
    border-radius: 2px;
    border: none;
    cursor: pointer;
    font-size: 15px;
    display: inline-block;
    letter-spacing: 0.05em;
    text-decoration: none;
}

.btn-sm:hover {
    text-decoration: none;
}

.btn-flat-green, .btn-flat-green:focus, .btn-green,
.btn-flat-green:active, .btn-green:focus, .btn-green:active {
    background: #7ac141;
    color: #fff;
}

.btn-green:hover:enabled,
.btn-green:hover,
.btn-flat-green:hover:enabled {
    background: #007234;
    color: #fff;
}

.btn-green:hover:enabled,
.btn-green:hover {
    background: -moz-linear-gradient(top, #409619 0%, #007234 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #409619), color-stop(100%, #007234));
    background: -webkit-linear-gradient(top, #409619 0%, #007234 100%);
    background: -o-linear-gradient(top, #409619 0%, #007234 100%);
    background: -ms-linear-gradient(top, #409619 0%, #007234 100%);
    background: linear-gradient(to bottom, #409619 0%, #007234 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#409619', endColorstr='#007234', GradientType=0);
}

.btn-flat-red, .btn-flat-red:focus, .btn-flat-red:active,
.btn-red, .btn-red:focus, .btn-red:active {
    background: #e84341;
    color: #fff;
}

.btn-flat-red:hover,
.btn-red:hover {
    background: #d91f18;
    color: #fff;
}

.btn-red:hover {
    background: -moz-linear-gradient(top, #e42912 0%, #d91f18 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e42912), color-stop(100%, #d91f18));
    background: -webkit-linear-gradient(top, #e42912 0%, #d91f18 100%);
    background: -o-linear-gradient(top, #e42912 0%, #d91f18 100%);
    background: -ms-linear-gradient(top, #e42912 0%, #d91f18 100%);
    background: linear-gradient(to bottom, #e42912 0%, #d91f18 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e42912', endColorstr='#d91f18', GradientType=0);
}

.btn-flat-blue, .btn-flat-blue:focus, .btn-flat-blue:active,
.btn-blue, .btn-blue:focus, .btn-blue:active {
    background: #42abe1;
    color: #fff;
}

.btn-flat-blue:hover,
.btn-blue:hover {
    background: #2473a8;
    color: #fff;
}

.btn-blue:hover {
    background: #1e8bc3;
    background: -moz-linear-gradient(top, #1e8bc3 0%, #2473a8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e8bc3), color-stop(100%, #2473a8));
    background: -webkit-linear-gradient(top, #1e8bc3 0%, #2473a8 100%);
    background: -o-linear-gradient(top, #1e8bc3 0%, #2473a8 100%);
    background: -ms-linear-gradient(top, #1e8bc3 0%, #2473a8 100%);
    background: linear-gradient(to bottom, #1e8bc3 0%, #2473a8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e8bc3', endColorstr='#2473a8', GradientType=0);
    color: #fff;
}

.btn-flat-gray, .btn-flat-gray:focus, .btn-flat-gray:active,
.btn-gray, .btn-gray:focus, .btn-gray:active {
    background: #cfd1d4;
    color: #fff;
}

.btn-flat-gray:hover,
.btn-gray:hover {
    background: #9c9d9d;
    color: #fff;
}

.btn-gray:hover {
    background: -moz-linear-gradient(top, #b0b1b2 0%, #9c9d9d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0b1b2), color-stop(100%, #9c9d9d));
    background: -webkit-linear-gradient(top, #b0b1b2 0%, #9c9d9d 100%);
    background: -o-linear-gradient(top, #b0b1b2 0%, #9c9d9d 100%);
    background: -ms-linear-gradient(top, #b0b1b2 0%, #9c9d9d 100%);
    background: linear-gradient(to bottom, #b0b1b2 0%, #9c9d9d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0b1b2', endColorstr='#9c9d9d', GradientType=0);
}

.btn-flat-orange, .btn-flat-orange:focus, .btn-flat-orange:active,
.btn-orange, .btn-orange:focus, .btn-orange:active {
    background: #f39c12;
    color: #fff;
}

.btn-flat-orange:hover:enabled,
.btn-orange:hover:enabled,
.btn-orange:hover {
    background: #ec6509;
    color: #fff;
}

.btn-orange:hover:enabled,
.btn-orange:hover {
    background: -moz-linear-gradient(top, #e67e21 0%, #ec6509 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e67e21), color-stop(100%, #ec6509));
    background: -webkit-linear-gradient(top, #e67e21 0%, #ec6509 100%);
    background: -o-linear-gradient(top, #e67e21 0%, #ec6509 100%);
    background: -ms-linear-gradient(top, #e67e21 0%, #ec6509 100%);
    background: linear-gradient(to bottom, #e67e21 0%, #ec6509 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e67e21', endColorstr='#ec6509', GradientType=0);

}

.social-btn {
    margin-right: 2px;
    margin-bottom: 2px;
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    border-radius: 2px;
    font-size: 17px;
}

.btn-ver-algn {
    vertical-align: middle;
}

.bg-red {
    background: #e84341 !important;
    color: #fff !important;
}

.bg-green {
    background: #7ac141 !important;
    color: #fff !important;
}

.bg-orange {
    background: #f39c12 !important;
    color: #fff !important;
}

.bg-blue {
    background: #42abe1 !important;
    color: #fff !important;
}

.bg-gray {
    background: #cfd1d4 !important;
    color: #fff !important;
}

button {
    transition: all 0s ease;
}

input[type='submit'],
.botun,
.unos-broja button,
.unos-adrese button,
.uvodni-tekst button,
.modal-footer button,
.provjera-domena button {
    padding: 10px 20px;
    border-radius: 2px;
    color: #fff;
    border: none;
    text-shadow: 0 0 2px #2f6a00;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 0.05em;
    background: #7ac141;
    background: -moz-linear-gradient(top, #7ac141 0%, #50a928 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ac141), color-stop(100%, #50a928));
    background: -webkit-linear-gradient(top, #7ac141 0%, #50a928 100%);
    background: -o-linear-gradient(top, #7ac141 0%, #50a928 100%);
    background: -ms-linear-gradient(top, #7ac141 0%, #50a928 100%);
    background: linear-gradient(to bottom, #7ac141 0%, #50a928 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ac141', endColorstr='#50a928', GradientType=0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

input[type='submit']:hover,
.botun:hover,
.modal-footer button:hover,
.modal-footer button.narancasti:hover,
.uvodni-tekst button:hover,
.unos-broja button:hover,
.provjera-domena button:hover {
    background: #02742f;
    background: -moz-linear-gradient(top, #409619 0%, #007234 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #409619), color-stop(100%, #007234));
    background: -webkit-linear-gradient(top, #409619 0%, #007234 100%);
    background: -o-linear-gradient(top, #409619 0%, #007234 100%);
    background: -ms-linear-gradient(top, #409619 0%, #007234 100%);
    background: linear-gradient(to bottom, #409619 0%, #007234 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#409619', endColorstr='#007234', GradientType=0);
    color: #fff;
}

button:disabled,
button[disabled]:hover,
button[disabled]{
    background-color: #cccccc;
    color: #666666;
    cursor: not-allowed;
}


.mob-bot {
    display: block;
    width: 100%;
    margin: 5px 0;
}

.mob-bot:last-child {
    margin-bottom: 30px;
}

.modal-footer button.narancasti {
    background: #cfd1d4;
    text-shadow: 0 0 2px #78797b;
    margin-right: 10px;
}

.botun-gray, .botun-gray:active, .botun-gray:focus, .modal-footer.botun-gray, .modal-footer.botun-gray:active, .modal-footer.botun-gray:focus {
    padding: 10px 20px;
    border-radius: 2px;
    color: #fff;
    border: none;
    text-shadow: 0 0 2px #2f6a00;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 0.05em;
    background: #cfd1d4 !important;
    background: -moz-linear-gradient(top, #cfd1d4 0%, #c5c6c6 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfd1d4), color-stop(100%, #c5c6c6)) !important;
    background: -webkit-linear-gradient(top, #cfd1d4 0%, #c5c6c6 100%) !important;
    background: -o-linear-gradient(top, #cfd1d4 0%, #c5c6c6 100%) !important;
    background: -ms-linear-gradient(top, #cfd1d4 0%, #c5c6c6 100%) !important;
    background: linear-gradient(to bottom, #cfd1d4 0%, #c5c6c6 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfd1d4', endColorstr='#c5c6c6', GradientType=0);
}

.botun-gray:hover, .modal-footer.botun-gray:hover {
    background: #b0b1b2 !important;
    background: -moz-linear-gradient(top, #b0b1b2 0%, #9c9d9d 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0b1b2), color-stop(100%, #9c9d9d)) !important;
    background: -webkit-linear-gradient(top, #b0b1b2 0%, #9c9d9d 100%) !important;
    background: -o-linear-gradient(top, #b0b1b2 0%, #9c9d9d 100%) !important;
    background: -ms-linear-gradient(top, #b0b1b2 0%, #9c9d9d 100%) !important;
    background: linear-gradient(to bottom, #b0b1b2 0%, #9c9d9d 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0b1b2', endColorstr='#9c9d9d', GradientType=0);
    color: #fff;
}

.big {
    font-size: 26px;
    padding: 20px 40px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.sivi {
    background: #cfd1d4;
    text-shadow: 0 0 2px #78797b;
}

.bjeli {
    background: #e7e8ea;
    text-shadow: none;
    color: #7bc144;
    margin-top: 10px;
}

.unos-broja button,
.unos-adrese button {
    font-size: 14px;
    padding: 11px 20px;
    width: 100%;
}

.unos-broja {
    margin-bottom: 10px;
}

.novibroj {
    font-size: 14px;
    color: #666;
}

.unos-adrese input[type='text'] {
    border: solid 1px #e5e5e5;
    padding: 9px 10px;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 10px;
    width: 100%;
}

.unos-adrese label {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

.unos-adrese p {
    font-size: 14px;
    text-align: left;
    padding: 0 0 0 3px;
    margin: 5px 0 5px 0;
}

p.manji-font {
    font-size: 14px;
    padding: 5px 40px 0 40px;
    line-height: 140%;
}

.odabir-label {
    font-size: 24px;
}

button.provjera-dostupnosti-btn {
    margin-top: 18px;
    background: #007233;
    color: #ffffff;
    height: 40px;
    border-radius: 4px;
}

.unos-adrese select {
    border: solid 1px #e5e5e5;
    padding: 9px 10px;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 10px;
    width: 100%;
}

input[type="radio"] + label {
    cursor: pointer;
    color: #999;
}

input[type="radio"] + label:before {
    content: "";
    display: inline-block;
    height: 34px;
    margin: -5px 4px 0 -15px;
    vertical-align: middle;
    width: 19px;
}

input[type="radio"] + label:before {
    background: url(../images/cssradio.png) 0 0 no-repeat;
}

input[type="radio"]:checked + label:before {
    background: url(../images/cssradio.png) 0 -28px no-repeat;
}

input[type="checkbox"] {
    margin-left: 5px;
}

input[type="checkbox"] + label {
    cursor: pointer;
}

input[type="checkbox"] + label:before {
    content: "";
    display: inline-block;
    height: 34px;
    margin: -7px 7px 0 -17px;
    vertical-align: middle;
    width: 19px;
}

input[type="checkbox"] + label:before {
    background: url(../images/csscheckbox.png) 0 0 no-repeat;
}

input[type="checkbox"]:checked + label:before {
    background: url(../images/csscheckbox.png) 0 -28px no-repeat;
}

.odabir {
    background: url(../images/down.png) center top no-repeat #fff;
    padding: 45px 0 0 0;
}

.odabir .wrap {
    padding: 0 10px 0 10px;
}

.odabir-holder {
    padding: 10px 0 40px 0;
    margin-top: 10px;
}

.odabir h5 {
    margin-bottom: 0;
    font-size: 18px;
}

.paketi-klikalica h5 {
    font-size: 18px;
}

.duopaketi {
    padding-left: 240px;
}

.duopaketi .c8 {
    width: 38%;
}

.odabir-napomena {
    padding: 30px 40px 0 40px;
    color: #999;
}

.odabir-top input[type="checkbox"] + label:before {
    margin: -2px 7px 0 -17px;
}

.odabir-top {
    padding: 20px 20px 10px 0;
    position: relative;
    float: left;
    width: 55%;
    text-align: right;
}

.odabir-top button {
    padding: 17px 0;
    border-left: solid 1px #ddd;
    cursor: pointer;
    display: block;
    width: 60px;
    background: none;
    position: absolute;
    top: 5px;
    right: 0;
    text-align: center;
}

.odabir-bottom {
    padding: 5px 0 0 11px;
    margin-top: 15px;
    position: relative;
    border-left: dashed 1px #ddd;
    float: left;
    width: 45%;
}

.odabir-bottom li {
    padding: 4px 0;
}

.odabir-bottom li .novibroj {
    font-size: 16px;
    color: #666;
}

.mali-naslov {
    background: url(../images/sjena.jpg) center 7px no-repeat;
    text-align: center;
    color: #7ac142;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 20px;
}

.mali-naslov p {
    background: #f1f2f4;
    padding: 5px 15px;
    display: inline;
    font-size: 15px;
}

.download {
    padding: 5px 15px 5px 38px;
    border-radius: 4px;
    color: #54b408;
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    border: solid 1px #e9e9e9;
    text-transform: uppercase;
    background: url(../images/pdf.png) 12px 5px no-repeat #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.download:hover {
    background: url(../images/pdf.png) 12px 5px no-repeat #007334;
    color: #fff;
    border: solid 1px #007334;
}

.paketi {
    background: url(../images/down.png) center top no-repeat #fff;
    padding: 70px 0 50px 0;
}

.paketi-klikalica {
    background: #fff;
    padding: 0 0 50px 0;
}

.item {
    border: solid 1px #e9e9e9;
    border-radius: 6px;
    text-align: center;
    background: #fff;
    padding-top: 20px;
}

.item H2 {
    font-size: 40px;
    text-transform: uppercase;
    padding: 5px 10px 0 10px;
    margin: 0;
    line-height: 45px;
    color: #333;
}

.item H4 {
    font-size: 18px;
    color: #7ac142;
    padding: 5px 20px 15px 20px;
    margin: 0;
    line-height: 110%;
}

.item .features {
    text-align: left;
    border-top: solid 1px #e9e9e9;
    padding: 0 20px 0 55px;
    font-size: 14px;
    height: 55px;
    display: table;
    width: 100%;
    position: relative;
}

.item .features span {
    display: table-cell;
    vertical-align: middle;
}

.item .features span img {
    margin: 0 0 -3px 10px;
}

.item .int {
    background: url(../images/ico-int-m.png) 20px center no-repeat;
}

.item .tv {
    background: url(../images/ico-tv-m.png) 20px center no-repeat;
    height: 55px;
    display: table;
    width: 100%;
}

.item .tv span {
    display: table-cell;
    vertical-align: middle;
}

.item .tel {
    background: url(../images/ico-tel-m.png) 20px center no-repeat;
}

.item .check {
    background: url(../images/ico-check-sivi.png) 20px center no-repeat;
    height: 55px;
    display: table;
    width: 100%;
}

.item .check span {
    display: table-cell;
    vertical-align: middle;
}

.item p {
    padding: 0 30px 20px 30px;
    margin: 0;
    font-size: 14px;
    line-height: 22px;
}

.sivi-holder {
    padding: 15px 0 20px 0;
    border-radius: 0 0 6px 6px;
    position: relative;
    background: rgb(244, 245, 247); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(244, 245, 247, 1) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(244, 245, 247, 1)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(244, 245, 247, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(244, 245, 247, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(244, 245, 247, 1) 0%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(244, 245, 247, 1) 0%, rgba(255, 255, 255, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f5f7', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

.sivi-holder .download {
    margin-right: 10px;
}

.item .vec-od {
    font-size: 14px;
}

.single-cjenik {
    padding: 0 15px 0 15px;
    margin: 0;
}

.single-cjenik .cjena-xl {
    font-size: 92px;
    line-height: 92px;
    color: #7ac142;
    padding: 0 0 0 7px;
    margin: 0;
    font-family: 'source_sans_prolight', sans-serif;
    font-weight: normal;
}

.single-cjenik .cjena-xl span {
    font-size: 27px;
    line-height: 27px;
}

.sivi-holder .botun {
    width: 80%;
}

.paketi2 .item {
    height: 610px;
    position: relative;
}

.paketi2 .item .botun {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
}

.mob li {
    padding: 15px 0;
}

.txt-veci {
    padding: 20px 0 40px 0;
    line-height: 28px;
    font-size: 20px;
}

.paketi-slider-holder {
    margin-top: 5px;
    margin-bottom: 30px;
    position: relative;
}

.paketi-slider-holder .slides .item-novi {
    margin: 15px 10px 0 10px;
    position: relative;
    border-top: solid 3px #64bc42;
}

.paketi-slider-holder .item-novi {
    margin: 15px 10px 0 10px;
    position: relative;
    border-top: solid 3px #64bc42;
}

/* Direction Nav */
.paketi-slider-holder .flexslider .flex-prev {
    opacity: 0.2;
    left: -40px;
}

.paketi-slider-holder .flexslider .flex-next {
    opacity: 0.2;
    right: -40px;
}

.paketi-slider-holder .flexslider:hover .flex-prev {
    opacity: 0.7;
    left: -40px;
}

.paketi-slider-holder .flexslider:hover .flex-next {
    opacity: 0.7;
    right: -40px;
}

.paketi-slider-holder .flex-direction-nav .flex-prev {
    left: -40px;
}

.paketi-slider-holder .flex-direction-nav .flex-next {
    right: -40px;
    text-align: right;
}

.paketi-slider-holder .flex-control-nav {
    width: 100%;
    position: absolute;
    top: auto;
    bottom: -50px;
    left: 0;
    text-align: center;
    padding: 25px 0 0 0;
}

.paketi-slider-holder .flex-control-paging li a {
    width: 12px;
    height: 12px;
    background: #7bc144;
    background: rgba(123, 193, 68, 0.3);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.paketi-slider-holder .flex-control-paging li a:hover {
    background: #7bc144;
    background: rgba(123, 193, 68, 1);
}

.paketi-slider-holder .flex-control-paging li a.flex-active {
    background: #007334;
    background: rgba(0, 115, 52, 1);
    cursor: default;
}

.aplikacija {
    padding: 90px 0 50px 0;
    background: rgb(241, 242, 244); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 242, 244, 1)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f2f4', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

.aplikacija h3 {
    font-size: 35px;
    text-transform: uppercase;
    margin-top: 20px;
}

.aplikacija .c11 img {
    max-width: 100%;
    height: auto;
    top: 0;
}

.akcija-holder {
    border-top: solid 1px #e9e9e9;
    padding: 15px 0;
    text-align: center;
    margin-bottom: 0;
    font-size: 17px;
}

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

.akcija .c11 img {
    max-width: 100%;
    height: auto;
    padding-left: 40px;
}

.akcija .single-cjenik {
    padding: 0 0 10px 0;
    margin: 0 0 8px 0;
    border-bottom: solid 1px #e9e9e9;
}

.akcija .single-cjenik h3 {
    font-size: 36px;
    line-height: 43px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.akcija .single-cjenik h2 {
    font-size: 100px;
    line-height: 63px;
    text-transform: uppercase;
    margin-top: 5px;
    color: #7ac142;
    text-align: left;
}

.akcija .single-cjenik h2 span {
    text-transform: none;
}

.uvodni-tekst .odabir-top {
    text-align: left;
}

.uvodni-tekst .odabir-label {
    font-size: 19px;
}

.odabir-top-akcija {
    width: 280px;
    margin: 10px auto 20px auto;
    max-width: 100%;
}

.pogodnosti {
    font-size: 14px;
    padding: 40px 0 40px 0;
    background: #007234;
    text-align: left;
    color: #fff;
}

.pogodnosti div:first-child {
    text-align: center;
    padding-top: 9px;
}

.pogodnosti img {
    float: left;
    margin-right: 7px;
    margin-top: -2px;
}

.pogodnosti .c6 {
    text-align: left;
}

.glavne-usluge {
    background: url(../images/decoration.png) 0 0 no-repeat #007434;
    padding: 90px 0 50px 0;
}

.glavne-usluge .item H2 {
    padding: 10px 0 10px 0;
}

.o-nama-tekst {
    padding: 90px 0 50px 0;
    text-align: center;
}

.o-nama-tekst H3 {
    font-size: 40px;
    text-transform: uppercase;
}

.o-nama-tekst p {
    font-size: 26px;
    color: #999;
    line-height: 40px;
    padding: 20px 60px 40px 60px;
}

.uvodni-tekst {
    padding: 0 0 20px 0;
    text-align: center;
}

.uvodni-tekst h3 {
    font-size: 23px;
    color: #333;
    line-height: 145%;
    padding: 0 60px 25px 60px;
    margin: 0;
}

.klikalica .uvodni-tekst h3 {
    padding: 0 60px 15px 60px;
}

.klikalica .uvodni-tekst h5 {
    font-size: 17px;
}

.dodatni-tekst {
    padding: 50px 0 0 0;
    text-align: center;
}

.dodatni-tekst p {
    font-size: 20px;
    color: #333;
    line-height: 165%;
    padding: 0 30px 20px 30px;
}

.dodatni-tekst strong, .uvodni-tekst strong {
    font-family: 'source_sans_proregular', sans-serif;
    font-weight: 600;
}

.dodatni-tekst .download {
    padding: 0 15px 0 38px;
}

.hosting-temp-tekst {
    font-size: 20px;
    line-height: 34px;
    padding: 20px 200px 40px 200px;
}

.dostupnost H1 {
    font-size: 40px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 15px;
    margin: 0;
    line-height: 100%;
}

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

.dva-naslova H1 {
    font-size: 40px;
    display: inline-block;
}

.dva-naslova H2 {
    font-size: 40px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
    margin: 0;
    line-height: 100%;
    display: inline-block;
}

.hosting-temp-tekst strong {
    color: #65bc45;
}

.hosting-temp-tekst .istaknuto {
    color: #000;
    font-family: 'source_sans_proregular', sans-serif;
    font-weight: normal;
}

.italic {
    font-style: italic;
}

.hosting-temp-tekst ul {
    margin-left: 40px;
}

.hosting-temp-tekst li {
    list-style-type: disc;
    margin-left: 20px;
}

.copyright {
    background-color: #252525;
    color: #555;
    text-align: center;
    width: 100%;
    font-size: 13px;
    padding: 5px;
}

.pretplata {
    width: 100%;
    padding: 10px;
}

.pretplata .btn {
    width: 35%;
    margin: 0;
    margin-left: -5px;
    text-align: center;
    font-size: 13px;
    padding: 0;
    line-height: 35px;
    vertical-align: middle;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pretplata input {
    padding: 4px;
    display: inline-block;
    width: 65%;
    margin: 0;
    height: 35px;
    border-top-left-radius: 2px;
    vertical-align: middle;
    border-bottom-left-radius: 2px;
    padding-left: 6px;
}

.footer {
    background: #333;
    padding: 50px 0 50px 0;
    margin: 0;
    color: #acacac;
    font-size: 14px;
}

.footer .wrap {
    margin-bottom: 0;
}

.footer ul {
    margin-top: 10px;
}

.footer li {
    padding: 4px 0;
}

.foot-logo img {
    width: 185px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.footer a:hover {
    color: #fff;
}

.footer .korisnicka {
    text-align: center;
    border: solid 1px #4c4c4c;
    padding: 45px 30px 30px 30px;
    position: relative;
    margin-top: 15px;
}

.footer .kor-ico {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.footer .korisnicka .verzija {
    position: absolute;
    bottom: -30px;
    right: 10px;
    color: #535353;
}

.footer .korisnicka p {
    line-height: 120%;
}

.footer .soc-icon img {
    float: left;
    margin: 5px 15px 0 0;
}

.zeleno {
    color: #7ac142;
}

.footer p {
    padding: 10px 10px;
}

.footer .adresa p {
    padding: 2px 10px;
}

.footer .linkovi p {
    padding: 4px 10px 4px 40px;
}

.footer .prazno {
    color: #454545;
}

@media screen and (max-width: 990px) {
    .pretplata {
        max-width: 300px;
    }

    .footer .col p:first-of-type {
        margin-top: 20px;
    }
}

.provjera {
    padding: 60px 0 40px 0;
    text-align: center;
}

.provjera H3 {
    font-size: 30px;
    text-transform: uppercase;
}

.provjera p {
    padding: 15px;
    line-height: 28px;
    font-size: 20px;
}

.paketi2 {
    background: #fff;
    padding: 70px 0 50px 0;
    text-align: center;
}

.paketi3 {
    background: #f1f2f4;
}

.paketi3 h5 {
    font-size: 24px;
    text-transform: uppercase;
    padding-bottom: 30px;
}

.paketi3 .download-tekst .download {
    padding: 10px 15px 8px 38px;
}

.paketi3 .download-tekst {
    padding-top: 40px;
}

.paketi2 h3 {
    font-size: 40px;
    text-transform: uppercase;
}

.paketi2 h3.small, .paketi h3.small {
    color: #54b408;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 0 20px 0;
    text-align: center;
}

.paketi h3.small span {
    color: #ddd;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 20px;
}

.uvodni-tekst h3.small {
    color: #54b408;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 0 20px 0;
    text-align: center;
}

.uvodni-tekst h3.small span {
    color: #ddd;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 20px;
}

.mala-slika {
    display: none;
}

.terceti .c3, .dueti .c3 {
    text-align: center;
    font-size: 80px;
}

.podnaslov {
    font-family: 'source_sans_prolight', sans-serif;
    font-weight: normal;
    text-align: center;
    font-size: 20px;
    border-bottom: dashed 1px #e1e1e1;
    margin: 0 0 60px 0;
    padding: 0 60px 20px 60px;
    line-height: 150%;
}

.terceti H3, .dueti H3 {
    font-size: 40px;
    text-transform: uppercase;
}

.terceti H3 img, .dueti H3 img {
    float: left;
    margin-right: 10px;
    margin-top: -16px;
}

.dueti a H3 {
    color: #333;
}

.dueti a:hover H3 {
    color: #7bc144;
}

.paketi-stavke {
    margin-left: 15px;
    margin-top: 30px;
}

.paketi-stavke li {
    background: url(../images/ico-check-sivi.png) 0 8px no-repeat;
    padding: 15px 0 15px 40px;
}

.posao-stavke {
    margin: 10px 0 0 85px;
}

.posao-stavke li {
    background: url(../images/strelica.png) 0 5px no-repeat;
    padding: 0 0 10px 25px;
    line-height: 120%;
}

.dueti .paketi-stavke li {
    padding: 15px 0 15px 40px;
    font-size: 14px;
}

.dueti li.last-button {
    background: none;
    padding: 35px 0 15px 0;
}

.aplikacija .paketi-stavke {
    margin-left: 0;
    margin: 10px 0;
}

.aplikacija .paketi-stavke li {
    background: url(../images/ico-check.png) 0 8px no-repeat;
    padding: 15px 0 15px 45px;
}

.poslovni .paketi-stavke {
    margin-left: 15px;
    width: 60%;
    margin: 30px auto 0 auto;
}

.poslovni .paketi-stavke li {
    background: url(../images/ico-check.png) 0 12px no-repeat;
    font-size: 15px;
    line-height: 20px;
    padding: 15px 0 15px 40px;
}

.poslovni .paketi-stavke strong {
    margin-right: 7px;
    background: url(../images/strelica.png) right 5px no-repeat;
    padding: 0 22px 0 0;
}

#success-msg {
    color: #7bc144;
    font-size: 24px;
    line-height: 34px;
    font-family: 'source_sans_prolight', sans-serif;
    font-weight: normal;
    margin-bottom: 20px;
}

.poslovni-back {
    padding: 90px 0 80px 0;
    text-align: center;
    background: rgb(241, 242, 244); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 242, 244, 1)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f2f4', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

.poslovni-back H3 {
    font-size: 40px;
    text-transform: uppercase;
}

.poslovni-back p {
    font-size: 26px;
    color: #999;
    line-height: 40px;
    padding: 20px 60px 40px 60px;
}

.dueti-poslovni,
.gradient {
    background: rgb(241, 242, 244); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 242, 244, 1)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f2f4', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

.dueti-poslovni .mali {
    margin-bottom: 50px;
}

.kuna {
    color: #7bc144;
    font-size: 22px;
}

.specijal {
    margin: 10px 0;
}

.onama-inside p {
    line-height: 26px;
    padding: 10px 60px 10px 60px;
}

.onama-inside H2 {
    font-size: 23px;
    text-transform: uppercase;
    padding: 10px 60px 10px 60px;
    margin: 0;
    text-align: left;
}

.onama-inside .paketi-stavke {
    margin: 0 0 30px 90px;
}

.onama-inside .paketi-stavke li {
    background: url(../images/ico-check.png) 0 8px no-repeat;
    font-size: 15px;
    line-height: 20px;
    padding: 13px 0 13px 40px;
}

.onama-inside .paketi-stavke strong {
    margin-right: 7px;
    background: url(../images/strelica.png) right 5px no-repeat;
    padding: 0 22px 0 0;
}

.onama-inside .paketi-stavke.strong-bez-strelica strong {
    margin-right: 0;
    background: transparent;
    padding: 0;
}

.osnovni-podaci {
    text-align: left;
    padding: 0 60px 10px 60px;
}

.osnovni-podaci li {
    font-size: 14px;
    padding: 10px 0;
}

.map-holder {
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
    height: 400px;
    overflow: hidden;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 400px;
    overflow: hidden;
    max-width: 100%;
    height: 400px;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
}

.kontakti {
    margin: 0 0 50px 0;
}

.kontakti li {
    padding: 15px 0;
}

.kontakti input[type='text'], .kontakti textarea, .kontakti [type="password"] {
    padding: 8px;
    border-radius: 3px;
    border: solid 1px #ddd;
    width: 100%;
}

.kontakti select {
    padding: 8px;
    border-radius: 3px;
    border: solid 1px #ddd;
    width: 100%;
}

.kontakti textarea {
    margin-bottom: 10px;
}

.kontakti .c5 {
    text-align: right;
    padding: 8px 0 0 0;
}

.kontakti .c4 {
    text-align: right;
    padding: 8px 0 0 0;
}

.kontakti .posalji {
    margin-top: 0;
}

.kontakti .posalji .botun {
    padding: 13px 30px;
    margin-left: 21.3%;
}

.kontakt-podaci {
    margin-top: 20px;
}

.kontakt-podaci li {
    font-size: 15px;
    padding: 5px 0;
}

.podrska-tel {
    color: #7bc144;
    font-size: 70px;
    line-height: 90px;
}

.acc-container {
    width: 100%;
    margin: 30px auto 0 auto;
    border-radius: 2px;
    overflow: hidden;
    border: 1px solid #e9e9e9;
    font-size: 15px;
    line-height: 20px;
}

.acc-container .acc-btn {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    cursor: pointer;
    text-transform: uppercase;
    background: rgb(241, 242, 244); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 242, 244, 1)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f2f4', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

.acc-container .acc-content {
    height: 0;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
}

.acc-container .acc-content-inner {
    padding: 0 20px 20px 20px;
}

.acc-container .open {
    height: auto;
}

.acc-container .selected {
    color: #7ac142;
    text-transform: uppercase;
}

.tooltip {
    text-align: left;
    color: #fff;
    position: absolute;
    z-index: 100;
    font-size: 14px;
    width: auto;
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9;
}

.tooltip.top {
    margin-top: -15px;
}

.tooltip-inner {
    max-width: 250px;
    padding: 10px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    background-color: #535353;
    border-radius: 6px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: -10px;
    left: 8%;
    margin-left: -5px;
    border-width: 10px 10px 0;
    border-top-color: #535353;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 1;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 320px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #7ac142;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #7ac142;
    outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px solid;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

.dokumenti H3 {
    font-size: 30px;
    margin-top: 20px;
}

.pdf {
    margin-left: 15px;
    margin-top: 5px;
}

.pdf li {
    background: url(../images/pdf.png) 0 11px no-repeat;
    padding: 15px 0 15px 25px;
}

.folder {
    margin-left: 15px;
    margin-top: 5px;
}

.folder li {
    background: url(../images/folder.png) 0 11px no-repeat;
    padding: 13px 0 15px 25px;
}

.dokumenti a:visited {
    color: #007435;
}

.error {
    color: red;
    font-size: 18px;
    margin-right: 8px;
}

.modal-open {
    overflow: auto;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.43);
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {

}

.modal.in .modal-dialog {

}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    top: 7%;
    padding-bottom: 3%;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*border: 1px solid #999;*/
    border: 0.01em solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000;
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}

.modal-header {
    min-height: 2em;
    padding: 1em 2em;
    border-bottom: 0.01em solid #e5e5e5;
}

.modal-header H3 {
    font-size: 2em;
    text-transform: uppercase;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 30px 20px 30px 30px;
    overflow: auto;
}

.modal-body .error {
    margin-top: 20px;
    display: inline-block;
    font-size: 17px;
}

.modal-body .obavijest {
    margin-top: 20px;
    display: inline-block;
    color: #7bc144;
}

.modal-body .kontakti {
    margin: 0 0 0 0;
}

.modal-footer {
    padding: 15px 30px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    position: relative;
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

.cookies {
    background: #333333;
    color: #fff;
    left: 0;
    line-height: 25px;
    margin: 0 auto;
    padding: 15px 0 15px 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 999;
    font-size: 14px;
}

.cookies a {
    color: #fff;
    text-decoration: underline;
}

.cookies a:hover {
    color: #007334;
}

.cookies a.botun {
    margin-left: 30px;
    padding: 0 20px;
    text-decoration: none;
    font-size: 12px;
}

.cookies .botun:hover {
    color: #fff;
}

.tiny .cookies {
    position: relative;
}

.kanali h3 {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.lista-kanala h4 {
    font-size: 22px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.lista-kanala {
    padding: 30px;
    border-radius: 4px;
    border: 1px solid #e9e9e9;
    margin-bottom: 20px;
    background: rgb(241, 242, 244); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 242, 244, 1)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f2f4', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

h3.dodatni-paketi {
    margin-top: 80px;
}

.radio-lista-content li {
    background: url(../images/ico-check-sivi.png) 0 8px no-repeat;
    padding: 15px 0 15px 35px;
    width: 32%;
    float: left;
}

.loader-holder {
    position: absolute;
}

.loader-holder img {
    position: relative;
    left: 250px;
    height: 35px;
    width: 35px;
}

.modal-footer .loader-holder img {
    position: relative;
    left: 10px;
    height: 35px;
    width: 35px;
    top: -1px;
}

.modal-footer .loader-holder {
    position: relative;
    display: inline-block;
    text-align: right;
    height: 35px;
    width: 45%;
}

/*** stilovi za obrazac ***/
.cjena-izracun {
    border: solid 1px #e9e9e9;
    border-radius: 6px;
    text-align: left;
    padding: 20px;
    background: rgb(241, 242, 244); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 242, 244, 1)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f2f4', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

.cjena-izracun H2 {
    font-size: 40px;
    text-transform: uppercase;
    padding: 5px 0 0 0;
    margin: 0;
    line-height: 42px;
    color: #333;
    text-align: left;
}

.cjena-izracun H4 {
    font-size: 20px;
    color: #7ac142;
    padding: 0 0 15px 0;
    margin: 0;
}

.cjena-izracun H5 {
    font-size: 16px;
    margin: 0 0 6px 0;
}

.cjena-izracun .novibroj {
    font-size: 14px;
    color: #333;
}

.cjena-obrazac .novibroj {
    font-size: 16px;
    color: #333;
}

.cjena-izracun .c8 {
    text-align: right;
    font-weight: bold;
    font-size: 16px;
}

.padding-bt {
    padding-bottom: 24px;
}

.placanje {
    background-color: #f1f2f4;
    padding: 10px;
    border-top: 1px solid #dddee0;
    font-size: 14px;
}

.greenBack {
    background-color: #7bc144;
    padding: 10px;
    color: white;
    font-size: 14px;
    font-weight: bold;
}

.cjena-obrazac {
    border: solid 1px #e9e9e9;
    border-top: none;
    border-radius: 0 0 6px 6px;
    text-align: left;
    padding: 20px;
    font-size: 16px;
    background: rgb(241, 242, 244); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 242, 244, 1)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f2f4', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

.koraci-obrazac {
    border-radius: 6px 6px 0 0;
    background: #f1f2f4;
    width: 100%;
    border: solid 1px #e9e9e9;
    border-bottom: none;
}

.koraci-obrazac a {
    display: inline-block;
    background: #7bc144;
    padding: 15px 0 13px 0;
    text-align: center;
    margin: 0;
    color: #fff;
    font-size: 14px;
}

.tri-koraka a {
    width: 33%;
}

.cetri-koraka a {
    width: 24.62%;
}

.koraci-obrazac .on {
    background: #f1f2f4;
    color: #333;
    cursor: default;
}

.ko-prvi {
    border-radius: 6px 0 0 0;
}

.ko-zadnji {
    border-radius: 0 6px 0 0;
}

.cjena-obrazac .item {
    text-align: left;
    margin-bottom: 20px;
}

.cjena-obrazac .item H2 {
    font-size: 22px;
    text-transform: uppercase;
    padding: 0 0 0 20px;
    margin: 0;
    line-height: 24px;
    color: #333;
    text-align: left;
    display: inline-block;
}

.cjena-obrazac .item H4 {
    font-size: 18px;
    color: #7ac142;
    padding: 0 0 15px 0;
    margin: 0;
    display: inline-block;
}

.cjena-obrazac H3 {
    font-size: 22px;
    text-transform: uppercase;
    padding: 5px 0 0 0;
    margin: 0 0 0 0;
    line-height: 24px;
    color: #333;
    text-align: left;
}

.cjena-obrazac .peta p {
    padding: 6px 0;
}

.cjena-obrazac .line-height {
    line-height: 120%;
}

.divheader {
    margin: 30px 0 10px 0;
    border-bottom: 1px solid #dddee0;
}

.cjena-obrazac .divheader {
    margin: 15px 0 10px 0;
}

.divheader .c4 {
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 8px;
}

.cjena-obrazac .c4 {
    text-align: right;
}

.greenT {
    color: #7bc144;
    text-transform: uppercase;
    font-size: 20px;
    padding-bottom: 5px;
}

.cjena-obrazac input[type="radio"] + label:before {
    margin: -5px 6px 0 -19px;
}

.request-overview input[type="radio"] + label {
    margin-right: 1em;
}

.opciUvjetiInput input[type="checkbox"] {
    margin-left: 0;
}

.opciUvjetiInput input[type="checkbox"] + label:before {
    margin: -7px 7px 0 -22px;
}

.opciUvjetiInput input[type="checkbox"]:checked + label:before {
    background: url(../images/csscheckbox.png) 0 -28px no-repeat;
    margin: -7px 7px 0 -14px;
}

.opciUvjetiLink {
    padding: 30px;
    border-radius: 3px;
    border: solid 1px #ddd;
    margin-top: 20px;
    background: #fff;
}

.opis {
    font-size: 14px;
    padding: 0 0 10px 28px;
    font-weight: normal;
}

.botuni-holder {
    margin-top: 20px;
    text-align: right;
    padding: 20px 0 0 0;
}

.botuni-holder .botun {
    padding: 10px 50px;
}

.red {
    margin-bottom: 12px;
    position: relative;
}

.kat {
    padding: 0 0 0 20px;
}

.podacioprikljucku {
    margin-top: 30px;
}

.podacioprikljucku,
.adresaPrik,
.korVlasnik,
.dostavaRacuna {
    font-size: 16px;
}

.adresaPrik {
    padding: 60px 0 0 0;
}

.adresaPrik,
.korVlasnik,
.dostavaRacuna {
    padding-bottom: 20px;
}

.podacioprikljucku H3 {
    font-size: 22px;
    text-transform: uppercase;
    padding: 5px 0 0 0;
    margin: 8px 0 20px 0;
    line-height: 24px;
    color: #333;
    text-align: left;
}

.podacioprikljucku .c4,
.adresaPrik .c4,
.korVlasnik .c4,
.dostavaRacuna .c4 {
    padding-top: 10px;
}

.cjena-obrazac input[type='text'],
.cjena-obrazac textarea {
    padding: 6px 8px;
    border-radius: 3px;
    border: solid 1px #ddd;
}

.cjena-obrazac select {
    padding: 6px 4px;
    border-radius: 3px;
    border: solid 1px #ddd;
}

.cjena-obrazac input[type='number'] {
    padding: 3px 8px;
    border-radius: 3px;
    border: solid 1px #ddd;
    width: 80px;
}

.eSignature-front p {
    font-size: 1.2em;
}

.eSignature-front .signature-canvas {
    border: none;
    border-top: 0.01em dotted;
    padding: 1em 0 0;
}

.eSignature-front .signature-canvas canvas {
    min-height: 100px;
    background-color: #ffffff;
    border: 0.15em solid #7ac141;
}

.eSignature-front .signature-canvas .signature {
    min-height: 90px;
    margin-bottom: 2em;
}

.podacioprikljucku .red .botun {
    font-size: 14px;
    margin-bottom: 20px;
}

.zadrzavam {
    border-top: 1px solid #dddee0;
    padding-top: 20px;
}

.cjena-obrazac .onama-inside {
    font-size: 16px;
    height: 400px;
    overflow: auto;
    border: solid 1px #ddd;
    border-radius: 3px;
    background: #fff;
}

.cjena-obrazac .onama-inside p {
    line-height: 22px;
    padding: 10px 30px 10px 30px;
}

.cjena-obrazac input[type='text'].error {
    border: solid 1px #de6540;
    -webkit-box-shadow: 0 0 8px rgba(128, 128, 128, .4);
    box-shadow: 0 0 8px rgba(128, 128, 128, .4);
}

.cjena-obrazac .paketi-stavke li {
    background: url(../images/ico-check-sivi.png) 0 8px no-repeat;
    padding: 15px 0 15px 35px;
}

.napomena {
    color: #afafaf;
    font-size: 14px;
    padding: 5px 0 0 5px;
    display: inline-block;
    font-weight: normal;
}

.podacioprikljucku .dva-reda {
    padding-top: 3px;
}

/*** stilovi stranicu login ***/

.forma-login {
    border: solid 1px #ddd;
    background-color: #fff;
    width: 30%;
    margin: 100px auto 0 auto;
    border-radius: 6px;
    padding: 50px;
}

.forma-login input[type='text'],
.forma-login input[type='password'] {
    border: solid 1px #ddd;
    background-color: #fff;
    width: 100%;
    border-radius: 4px;
    padding: 8px;
    margin: 10px 0 30px 0;
}

.forma-login input[type='submit'] {
    width: 100%;
}

@font-face {
    font-family: "Flaticon";
    src: url("fonts/flaticon01.eot");
    src: url("fonts/flaticon01.eot#iefix") format("embedded-opentype"),
    url("fonts/flaticon01.woff") format("woff"),
    url("fonts/flaticon01.ttf") format("truetype"),
    url("fonts/flaticon01.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: Flaticon;
    font-size: 15px;
    font-style: normal;
    margin-left: 5px;
    margin-right: 13px;
    border-radius: 50%;
    padding: 0;
    color: #7ac142;
}

.icon-podaci:before {
    content: "\e005";
}

.icon-prijava:before {
    content: "\e009";
}

.icon-home:before {
    content: "\e002";
}

.icon-logout:before {
    content: "\e002";
}

.icon-mail:before {
    content: "\e004";
}

.icon-help:before {
    content: "\e006";
}

.icon-ispis:before {
    content: "\e008";
}

.icon-obavjest:before {
    content: "\e007";
}

.moj-terra-menu li a {
    display: block;
    text-transform: uppercase;
    background: #fff;
    border: solid 1px #eaeaea;
    border-radius: 4px;
    padding: 18px 10px 15px 10px;
    margin-bottom: 3px;
    color: #333;
    font-family: 'source_sans_prolight', sans-serif;
    font-weight: normal;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.moj-terra-menu li a:hover, .moj-terra-menu li .on {
    background: #7ac142;
    color: #fff;
}

.moj-terra-menu li a:hover [class^="icon-"]:before,
.moj-terra-menu li a:hover [class*=" icon-"]:before,
.moj-terra-menu li .on [class^="icon-"]:before,
.moj-terra-menu li .on [class*=" icon-"]:before {
    color: #fff;
}

.moj-terrakom p {
    line-height: 26px;
    padding: 10px 0 10px 0;
}

.moj-terrakom h2 {
    text-align: left;
    font-size: 30px;
    margin-bottom: 20px;
}

.moj-terrakom h5 {
    margin-top: 30px;
    font-size: 30px
}

.moj-terrakom .acc-container .acc-btn {
    text-transform: none;
}

.moj-terrakom .acc-container .acc-btn H3 {
    text-transform: none;
    font-size: 24px;
    color: #7ac142;
}

.moj-terrakom .acc-container .acc-btn H4 {
    text-transform: none;
    font-size: 30px;
    padding: 0 15px 0 0;
}

.moj-terrakom .acc-container .acc-btn H4:after {
    content: '';
    position: relative;
    z-index: 2;
    top: 25px;
    right: -14px;
    width: 0;
    height: 0;
    border: 8px dashed;
    border-color: #7ac142 transparent;
    pointer-events: none;
    border-top-style: solid;
    border-bottom: none;
}

.moj-terrakom .acc-container .acc-btn .selected:after {
    content: '';
    position: relative;
    z-index: 2;
    top: -25px;
    right: -14px;
    width: 0;
    height: 0;
    border: 8px dashed;
    border-color: #7ac142 transparent;
    pointer-events: none;
    border-bottom-style: solid;
    border-top: none;
}

.moj-terrakom .acc-container .selected {
    color: #333;
    text-transform: none;
}

.moj-terrakom .placeni .acc-btn H3 {
    text-transform: none;
    font-size: 24px;
    color: #b9b9b9;
}

.moj-terrakom .placeni .acc-btn H4 {
    text-transform: none;
    font-size: 30px;
    padding: 0 15px 0 0;
    color: #b9b9b9;
}

.moj-terrakom .placeni .acc-btn H4:after {
    border-color: #b9b9b9 transparent;
}

.moj-terrakom .placeni .acc-btn .selected:after {
    border-color: #b9b9b9 transparent;
}

.moj-terrakom .acc-container .neplaceno H3 {
    text-transform: none;
    font-size: 24px;
    color: #f72e2a;
}

.moj-terrakom .acc-container .neplaceno H4 {
    color: #f72e2a;
}

.moj-terrakom .acc-container .neplaceno H4:after {
    border-color: #f72e2a transparent;
}

.moj-terrakom .acc-container .neplaceno .selected:after {
    border-color: #f72e2a transparent;
}

.moj-terrakom .acc-container .neplaceno .neplaceno-oznaka {
    font-size: 16px;
}

.uplatnica li {
    border-top: solid 1px #e9e9e9;
    padding: 8px;
}

.uplatnica li:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.racun-txt {
    font-size: 14px;
    margin-top: 30px;
}

.racun-txt p {
    padding: 6px 0;
}

.moj-terrakom select {
    font-family: 'source_sans_proregular', sans-serif;
    font-weight: normal;
    border: solid 1px #ddd;
    border-radius: 4px;
    font-size: 14px;
    padding: 5px;
    width: 90%;
}

#ispis-poziva .greenT {
    color: #7bc144;
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 5px;
}

#ispis-poziva .divbody {
    font-size: 14px;
    padding: 5px 5px;
}

#ispis-poziva .divbody .col:last-child,
#ispis-poziva .divheader .col:last-child {
    text-align: right;
}

#ispis-poziva .divbody .col:nth-child(4),
#ispis-poziva .divheader .col:nth-child(4) {
    text-align: center;
}

#ispis-poziva .divheader {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 14px;
}

#ispis-poziva .divbody:hover {
    background: #f1f2f4;
}

#ispis-poziva .divheader .c4 {
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 0;
}

.paginacija {
    margin-top: 20px;
    text-align: right;
    border-top: solid 1px #ddd;
    padding-top: 20px;
}

.paginacija .botun {
    padding: 5px 10px;
    font-size: 13px;
}

.paginacija span {
    padding: 0 20px;
}

.vasa-usluga {
    margin-bottom: 50px;
}

.vasa-usluga H5 {
    margin: 0 0 20px 0;
    padding: 0;
}

.moj-item {
    text-align: left;
    padding: 20px;
}

.moj-item H2 {
    font-size: 30px;
    padding: 0;
    margin: 0;
}

.moj-item .features {
    text-align: left;
    border-top: solid 1px #e9e9e9;
    padding: 5px 20px 5px 35px;
    font-size: 14px;
    height: 55px;
    min-height: 55px;
    display: table;
    width: 100%;
    position: relative;
}

.moj-item .features span {
    display: table-cell;
    vertical-align: middle;
}

.moj-item .features span img {
    margin: 0 0 -3px 10px;
}

.moj-item .int {
    background: url(../images/ico-int-m.png) 0 center no-repeat;
}

.moj-item .tv {
    background: url(../images/ico-tv-m.png) 0 center no-repeat;
    height: 55px;
    display: table;
    width: 100%;
}

.moj-item .tel {
    background: url(../images/ico-tel-m.png) 0 center no-repeat;
}

.moj-item .cjena-ugovor {
    padding-left: 30px;
}

.moj-item .cjena-ugovor .cjena-xl {
    font-size: 35px;
    line-height: 100%;
    color: #7ac142;
    padding: 0;
    margin: 0;
    font-family: 'source_sans_prolight', sans-serif;
    font-weight: normal;
}

.moj-item .cjena-ugovor .cjena-xl span {
    font-size: 22px;
}

.moj-item .cjena-ugovor .vec-od {
    padding: 0;
    line-height: 120%;
}

.moj-item .cjena-ugovor .botun {
    margin-top: 20px;
}

.moj-item .cjena-ugovor .ugovor {
    margin-top: 10px;
}

.moj-item .promjeni-button {
    border-top: solid 1px #999;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
}

.moj-terra-news {
    border: solid 1px #fdd7c3;
    padding: 20px 60px 20px 20px;
    margin-bottom: 30px;
    background: #f8f5f0;
    font-size: 14px;
    position: relative;
}

.moj-terra-news .datum {
    font-size: 14px;
    line-height: 130%;
    color: #acacac;
}

.moj-terra-news-close {
    background: url(../images/close-crveni.png) 0 0 no-repeat;
    display: block;
    width: 25px;
    height: 24px;
    position: absolute;
    top: 15px;
    right: 15px;
    text-indent: -9999px;
}

.posaljite-osobnu {
    margin-bottom: 30px;
    border: dashed 1px #e21d03;
    padding: 30px;
    background: #f1e3dd;
    border-radius: 6px;
}

/*** stilovi za novosti ***/
.novost {
    width: 80%;
    margin: 0 auto 50px auto;
}

.novost strong {
    margin-right: 7px;
    background: url(../images/strelica.png) right 5px no-repeat;
    padding: 0 22px 0 0;
}

.novost H3 {
    padding-bottom: 6px;
    font-size: 30px;
}

.novost p {
    padding: 0 0 5px 0;
    font-size: 15px;
    line-height: 130%;
}

/*** stilovi za tv kanale na str tel ***/
.tv-kanali {
    padding: 20px 20px;
    border-radius: 4px;
    color: #54b408;
    border: solid 1px #ddd;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 23px;
    display: inline-block;
    font-family: 'source_sans_prolight', sans-serif;
    font-weight: normal;
    margin-bottom: 40px;
    background: rgb(244, 245, 247); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(244, 245, 247, 1) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(244, 245, 247, 1)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(244, 245, 247, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(244, 245, 247, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(244, 245, 247, 1) 0%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(244, 245, 247, 1) 0%, rgba(255, 255, 255, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f5f7', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

.tv-kanali strong {
    color: #000;
}

.tv-kanali:hover {
    background: #007334;
    color: #fff;
    border: solid 1px #007334;
}

.tv-kanali:hover strong {
    color: #7bc144;
}

.kanali-holder {
    text-align: center;
    border-bottom: dashed 1px #e1e1e1;
    margin: 50px 0 60px 0;
    padding: 0 0 50px 0;
}

.crm H5 {
    padding-bottom: 20px;
    text-transform: uppercase;
}

.crm-side-menu {
    text-align: center;
    padding: 10px 0 30px 0;
}

.crm-side-menu a {
    padding: 10px 70px;
    border: solid 1px #7bc144;
    margin: 0 5px;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    display: inline-block;
    background: #7bc144;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.crm-side-menu a.on {
    background: #fff;
    color: #333;
    border: solid 1px #ddd;
}

.crm-side-menu a:hover {
    background: #007434;
    color: #fff;
}

.crm-search {
    text-align: center;
    padding: 0 0 30px 0;
}

.crm-search p {
    padding-bottom: 10px;
}

.crm-search input {
    border: solid 1px #ddd;
    padding: 8px;
    border-radius: 3px;
    width: 50%;
}

.crm-search button {
    padding: 8px 20px;
    border-radius: 2px;
    color: #fff;
    border: none;
    text-transform: uppercase;
    text-shadow: 0 0 2px #2f6a00;
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    background: #7bc144;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.crm-search button:hover {
    background: #007434;
}

.crm-tablica-holder {
    border: solid 1px #ebecef;
    border-radius: 3px;
    margin: 20px 0 50px 0;
}

.crm-tablica-holder .divheader {
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
    background: #ebecef;
}

.crm-tablica-holder .divheader .c12,
.crm-tablica-holder .divheader .c4 {
    font-size: 16px;
    padding: 10px 0 5px 10px;
}

.crm-tablica-holder .divbody {
    margin: 0;
    font-size: 16px;
    background: #fff;
}

.crm-tablica-holder .divbody .c12,
.crm-tablica-holder .divbody .c4 {
    font-size: 16px;
    padding: 15px 0 15px 10px;
}

.korisnik {
    padding: 20px;
}

.korisnik p {
    line-height: 130%;
    font-size: 17px;
}

.crm-produljenje {
    padding: 20px;
    text-align: right;
}

.crm-produljenje-holder {
    border-top: solid 1px #ebecef;
    text-align: left;
    margin-top: 20px;
    padding-top: 20px;
}

.crm-poruka {
    color: Red;
    padding-bottom: 20px;
}

.crm-produljenje-holder .item {
    padding-bottom: 20px;
}

.crm-produljenje-holder .item .botun {
    width: 80%;
}

.crm select {
    border: solid 1px #ebecef;
    border-radius: 3px;
    margin: 10px 0 0 0;
    padding: 5px 10px;
    font-size: 17px;
}

.crm .pager-holder {
    margin: 30px 0;
}

.crm .pager-holder .botun {
    padding: 5px 10px;
    font-size: 14px;
}

.crm .pager-holder .ng-binding {
    font-size: 14px;
    padding: 0 10px;
}

.zahtjevi {
    width: 90%;
    margin: 0 auto 30px auto;
}

.crm .zahtjevi select {
    width: 20%;
    margin: 10px 0 20px 0;
    border: solid 1px #ddd;
}

.crm .zahtjevi .crm-odabir {
    text-align: right;
    padding-right: 380px;
}

.crm-tablica {
    border: solid 1px #ebecef;
    width: 100%;
    font-size: 14px;
    text-align: left;
    margin-top: 20px;
}

.crm-tablica td {
    border: solid 1px #ebecef;
    padding: 5px;
}

.crm-tablica th {
    text-transform: uppercase;
    font-size: 14px;
    background: #ebecef;
    padding: 5px;
    font-weight: bold;
}

.crm .dataTables_filter {
    float: right;
    width: 40%;
    text-align: right;
    margin-top: -75px;
}

.crm .zahtjevi input {
    border: solid 1px #ddd;
    padding: 6px 8px;
    border-radius: 3px;
    width: 40%;
    margin-left: 5px;
}

.crm .zahtjevi .dataTables_info {
    font-size: 14px;
    padding: 20px 0;
}

.crm .zahtjevi .paginate_button {
    padding: 5px 10px;
    margin: 0 5px 0 0;
    border-radius: 2px;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    background: #7bc144;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.crm .zahtjevi .paginate_button:hover {
    background: #007434;
    color: #fff;
}

.crm .zahtjevi .ellipsis {
    margin: 0 5px 0 0;
}

.crm .zahtjevi .previous,
.crm .zahtjevi .next {
    background: #ddd;
    color: #333;
}

.crm .zahtjevi .current {
    background: #007434;
    color: #fff;
}

/* "stilovi za ljp�i search na akcijama */
.ljepisearch {
    display: block;
    position: relative;
    top: 0;
    overflow: hidden;
    height: 50px;
    width: auto;
    border-radius: 3px;
    padding: 0 0 0 0;
    border: solid 1px #ddd;
    background: #f1f2f4; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 242, 244, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(241, 242, 244, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 242, 244, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 242, 244, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 242, 244, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 242, 244, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f2f4', GradientType=0); /* IE6-9 */

}

.ljepisearch:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px dashed;
    border-color: #888 transparent;
    pointer-events: none;
    margin-top: 0;
    border-top-style: solid;
    border-bottom: none;
}

.ljepisearch select {
    position: relative;
    width: 350px;
    margin: 0;
    padding: 6px 8px 6px 10px;
    height: 50px;
    line-height: 18px;
    font-size: 18px;
    /* Fallback for IE 8 */
    background: #f2f2f2;
    /* "transparent" doesn't work with Opera */
    background: rgba(0, 0, 0, 0) !important;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    font-weight: bold;
}

.ljepisearch select:focus {
    z-index: 3;
    width: 350px;
    background: #fff;
}

.ljepisearch select > option {
    margin: 1px;
    padding: 6px 8px;
    background: #fff;
    border-radius: 0;
    cursor: pointer;
    font-weight: normal;
    width: 100%;
}

/* Fix for IE 8 putting the arrows behind the select element. */
.lt-ie9 .ljepisearch {
    z-index: 1;
}

.lt-ie9 .ljepisearch-select {
    z-index: -1;
}

.lt-ie9 .ljepisearch-select:focus {
    z-index: 3;
}

/* Dirty fix for Firefox adding padding where it shouldn't. */
@-moz-document url-prefix() {
    .ljepisearch select {
        padding-left: 10px;
    }
}

/* stilovi za dodatne stranice trio i duo paketa */
.paketi-trio-duo {
    background: url(../images/down.png) center top no-repeat #fff;
    padding: 70px 0 80px 0;
}

.paketi-trio-duo .item {
    height: 610px;
    position: relative;
}

.paketi-trio-duo .item .botun {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
}

.single-actions-wrapper {
    padding-left: 30%;
}

.single-akcija-holder {
    text-align: left;
}

.single-akcija-holder img {
    max-width: 100%;
}

.single-akcija-holder h2 {
    text-align: left;
    font-size: 18px;
    margin-top: 20px;
    padding-left: 15px;
}

.single-akcija-holder .single-cjenik {
    padding: 0 0 10px 15px;
    margin: 0 0 8px 0;
    border-bottom: none;
    text-align: left;
}

.single-akcija-holder .single-cjenik h3 {
    font-size: 28px;
    line-height: 28px;
    text-transform: uppercase;
    margin: 0 0 30px 0;
}

.single-akcija-holder .single-cjenik h2 {
    font-size: 80px;
    line-height: 53px;
    text-transform: uppercase;
    margin-top: 5px;
    color: #7ac142;
    text-align: left;
    padding-left: 0;
}

.single-akcija-holder .single-cjenik h2 span {
    text-transform: none;
}

.b2b .uvodni-tekst {
    padding: 15px 0;
}

.b2b .osobni-podaci {
    text-align: left;
    padding: 15px 0 20px 0;
}

.b2b .osobni-podaci li {
    font-size: 16px;
    padding: 5px 0;
}

.b2b .item p {
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 22px;
}

.b2b .botun {
    padding: 5px 20px;
    margin: 0 0 20px 10px;
}

.b2b .b2b-odabir {
    border-top: solid 1px #ddd;
    padding-top: 30px;
    margin-top: 10px;
}

.b2b .paketi-stavke {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 20px;
}

.b2b .paketi-stavke li {
    background: url(../images/ico-check-sivi.png) 0 4px no-repeat;
    padding: 10px 0 10px 35px;
}

.b2b .paketi-stavke-active {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 20px;
}

.b2b .paketi-stavke-active li {
    background: url(../images/ico-check.png) 0 4px no-repeat;
    padding: 10px 0 10px 35px;
}

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

.b2b .submit .botun {
    padding: 15px 50px;
    margin: 10px 0;
}

.b2b input[type="radio"] + label {
    cursor: pointer;
    color: #333;
    margin: 0;
    padding: 0
}

.b2b .ukljucen {
    font-weight: bold;
}

.b2b input[type="radio"] + label:before {
    margin: -5px 4px 0 -20px;
}

.b2b input[type='text'] {
    border: solid 1px #e5e5e5;
    padding: 5px 10px;
    border-radius: 2px;
    background: #fff;
    margin-bottom: 20px;
}

.b2b select {
    border: solid 1px #e5e5e5;
    padding: 5px 10px;
    border-radius: 2px;
    background: #fff;
    margin-bottom: 20px;
}

.b2b .footer .korisnicka {
    text-align: left;
    border: none;
    padding: 0;
    position: relative;
    margin-top: 0;
}

.b2b .footer .kor-ico {
    display: none;
}

.b2b .footer .korisnicka p {
    line-height: 120%;
}

.b2b .footer .korisnicka p {
    padding: 2px 10px;
}

.b2b-raskidane-usluge {
    margin: 20px 20px 0 20px;
}

.b2b-raskidane-usluge li {
    padding: 8px 0 15px 0;
    margin-bottom: 10px;
    font-size: 16px;
    border-bottom: dashed 1px #e5e5e5;
}

.b2b-raskidane-usluge li div {
    margin: 5px 0 0 25px;
    padding: 0;
}

.b2b-raskidane-usluge li div input[type="text"] {
    margin: 0;
}

.b2b-formular-holder {
    background: #fff;
    padding: 0;
    text-align: left;
}

.b2b-formular {
    width: 90%;
    margin: 0 auto;
    border: solid 1px #e9e9e9;
    border-radius: 6px;
    font-size: 16px;
}

.b2b-formular li {
    border-bottom: solid 1px #e9e9e9;
}

.b2b-formular li .col {
    margin: 0;
}

.b2b-formular li .c12 {
    padding: 15px 20px;
    min-height: 47px;
}

.b2b-formular li div:last-child {
    border-left: solid 1px #e9e9e9;
}

.b2b-formular li input[type="checkbox"] {
    margin: 0;
}

.b2b-formular-naslov {
    background: #f1f2f4;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
}

.b2b-formular li:last-child {
    border-bottom: none;
}

.b2b-odabir-holder {
    margin: 0 0 8px 0;
    padding: 0;
}

.b2b .operateri {
    padding: 20px;
}

.b2b-formular li.operateri div {
    border-left: none;
}

.b2b-formular li.operateri .b2b-odabir-okvir {
    border: solid 1px #e5e5e5;
    padding: 20px;
    border-radius: 2px;
    background: #fff;
    margin: 0 0 0 0;
}

.b2b-botun-holder {
    border-top: solid 1px #e9e9e9;
    width: 100%;
    padding: 40px 0 10px 0;
    text-align: center;
    margin-top: 20px;
}

.b2b-botun-holder .botun {
    padding: 15px 100px;
}

.infrastruktura {
    padding-left: 40px;
    margin-bottom: 30px;
    margin-top: 10px;
}

.izjava_opis {
    display: inline-block;
    width: 40%;
}

.breadcrumbs {
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    border-bottom: dashed 1px #ddd;
    margin: -20px 0 10px 0;
    padding: 0 0 15px 0;
    color: #999;
}

.breadcrumbs a {
    background: url(../images/strelica-mini.png) right 50% no-repeat;
    padding: 0 17px 0 0;
    margin: 0 10px 0 0;
}

.breadcrumbs span {
    padding: 0;
}

.breadcrumbs-crm {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: dashed 1px #ddd;
    margin: -20px 0 40px 0;
    padding: 0 0 15px 0;
    color: #999;
}

.breadcrumbs-crm a {
    background: url(../images/strelica-mini.png) right 50% no-repeat;
    padding: 0 17px 0 0;
    margin: 0 10px 0 0;
}

.breadcrumbs-crm .breadcrumbs-zadnja {
    padding: 0;
    color: #999;
    background: none !important;
}

.breadcrumbs-crm .breadcrumbs-zadnja:hover {
    padding: 0;
    color: #999;
    cursor: default;
}

@media screen and (max-width: 480px) {
    .breadcrumbs-crm {
        margin: 10px 0 40px 0;
    }
}

/*** stilovi za novi homepage ***/

.usluge-home img {
    max-width: 90%;
}

.usluge-home .c14 {
    text-align: left;
}

.usluge-home .usluge-txt {
    margin: 20px 0 90px 0;
}

.usluge-home .usluge-txt p {
    font-size: 20px;
    line-height: 130%;
    margin-top: 5px;
    margin-bottom: 10px;
}

.usluge-home .usluge-txt H2 {
    text-align: left;
}

.usluge-home .paket-izdvojen H3 {
    text-transform: none;
    font-size: 50px;
    line-height: 80%;
}

.usluge-home .paket-izdvojen p.small {
    font-size: 16px;
    line-height: 80%;
}

.usluge-home .paket-izdvojen {
    margin: 35px 0 35px 0;
}

.usluge-home .paketi-stavke {
    margin: 15px 0 30px 0;
}

.usluge-home .paketi-stavke li {
    padding: 15px 0 15px 38px;
    font-size: 16px;
}

.item-novi {
    border: none;
    border-radius: 0;
    text-align: center;
    padding: 20px;
    background: #f1f2f4;
    background: -moz-linear-gradient(top, #f1f2f4 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f2f4), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #f1f2f4 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #f1f2f4 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #f1f2f4 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #f1f2f4 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f2f4', endColorstr='#ffffff', GradientType=0);
}

.item-novi H2 {
    font-size: 40px;
    text-transform: uppercase;
    padding: 10px 10px 0 10px;
    margin: 0;
    line-height: 45px;
    color: #333;
    position: relative;
    z-index: 5;
}

.item-novi H2 a {
    display: block;
}

.item-novi H4 {
    font-size: 16px;
    color: #333;
    padding: 0 20px 15px 20px;
    margin: 0 0 0 0;
    line-height: 110%;
    border-bottom: solid 1px #e9e9e9;
}

.item-novi .features {
    text-align: left;
    padding: 0 0 0 45px;
    font-size: 14px;
    height: 48px;
    display: table;
    width: 100%;
    position: relative;
}

.item-novi .features span {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.item-novi .int {
    background: url(../images/ico-int-m.png) 10px center no-repeat;
}

.item-novi .tv {
    background: url(../images/ico-tv-m.png) 10px center no-repeat;
}

.item-novi .tel {
    background: url(../images/ico-tel-m.png) 10px center no-repeat;
}

.item-novi .features strong {
    display: block;
    line-height: 16px;
}

.item-novi .int strong {
    background: url(../images/info.png) left 0 no-repeat;
    padding-left: 18px;
    color: #7ac142;
    cursor: pointer;
}

.item-novi .single-cjenik {
    padding: 10px 0 20px 0;
    /* margin: 0 0 10px 0; */
    text-align: center;
    /* border-bottom: solid 1px #e9e9e9; */
}

.item-novi .single-cjenik .cjena-xl {
    font-size: 120px;
    line-height: 80px;
    letter-spacing: -0.05em;
    color: #7ac142;
    padding: 0;
    margin: 0 10px 0 -41px;
    font-family: 'source_sans_prolight', sans-serif;
    font-weight: normal;
    display: inline-block;
}

.item-novi .single-cjenik .kn-mj {
    background-color: Gray;
    display: inline-block;
    top: -42px;
    position: relative;
}

.item-novi .single-cjenik .iznad {
    display: inline-block;
    font-size: 38px;
    position: absolute;
    bottom: -5px;
    color: #7ac142;
    border-bottom: solid 1px #cfcfcf;
}

.item-novi .single-cjenik .ispod {
    display: inline-block;
    font-size: 38px;
    position: absolute;
    top: 5px;
}

.item-novi .single-cjenik-hrk {
    padding: 10px 0 20px 0;
    margin: 0 0 10px 0;
    text-align: center;
    border-bottom: solid 1px #e9e9e9;
}

.item-novi .akcija-holder {
    border-top: none;
    padding: 0;
    margin: 20px 0 0 0;
    position: relative;
}

.item-novi .akcija-holder .akcija-title {
    position: absolute;
    font-size: 12px;
    width: 60px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -8px;
    padding: 3px 0 2px 0;
    background-color: #f47e24;
    color: #fff;
    text-transform: uppercase;
}

.item-novi .ili-holder strong {
    font-size: 17px;
    width: 32px;
    margin: 2px auto 0 auto;
    height: 32px;
    border-radius: 50%;
    background: #58b430;
    text-align: center;
    line-height: 34px;
    display: block;
    color: #fff;
}

.item-novi .akcija-content .kuna {
    font-size: 18px;
}

.item-title {
    font-size: 15px;
    background: #007334;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 6px 0;
    margin-top: 16px;
}

.naj {
    background: #58b430;
    padding: 14px 0;
    margin-top: 0;
}

.terceti .paket-izdvojen H3,
.dueti .paket-izdvojen H3 {
    text-transform: none;
    font-size: 55px;
    line-height: 100%;
}

.terceti .paket-izdvojen p.small,
.dueti .paket-izdvojen p.small {
    font-size: 16px;
    line-height: 100%;
}

.terceti .paket-izdvojen,
.dueti .paket-izdvojen {
    margin: 30px 0 45px 0;
}

.terceti .podnaslov,
.dueti .podnaslov {
    margin: 0 0 40px 0;
    padding: 0 60px 20px 60px;
    line-height: 150%;
}

.terceti, .dueti {
    padding-bottom: 80px;
}

.akcija .odabir-top-akcija {
    width: 320px;
    margin: -20px auto 35px auto;
}

/*** novi izgled bannera za akciju ***/
.banner {
    position: relative;
    display: block;
    width: 100%;
    padding: 60px 0;
    text-align: left;
    min-height: 350px;
    background-image: url(../images/banner-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.banner .akcijski-popusti {
    text-align: center;
}

.banner h2 {
    color: #fff;
    margin: 0 0 10px 0;
    font-size: 40px;
    text-align: center;
}

.banner a {
    color: #fff;
}

.banner-opis-p {
    margin: 12px 0 15px 0;
    font-size: 28px;
    text-align: center;
}

.prekrizeno {
    text-decoration: line-through;
}

/*** faza 2 home***/
.na-home {
    position: relative;
    padding-bottom: 120px;
}

.na-home H5 {
    margin-bottom: 30px;
}

.padding-home {
    padding-top: 160px;
}

.dostupnost-novi {
    position: relative;
    bottom: 80px;
    left: 0;
    right: 0;
    padding: 50px 70px;
    border-radius: 10px;
    margin-bottom: -140px;
    text-align: left;
    background: #00b054;
    z-index: 10;
    color: #fff;
    width: 750px;

    max-width: 100%;
}

.dostupnost-novi .select-holder {
    border: solid 1px #e5e5e5;
    padding: 2px 0;
    border-radius: 4px;
    background: #fff;
    position: relative;
}

.dostupnost-novi .crveno {
    border: solid 1px #db692a;
}

.dostupnost-novi input[type='text'] {
    padding: 6px 8px;
    border-radius: 0 2px 2px 0;
    width: 72%;
}

.dostupnost-novi .dostupnost-c24 {
    position: relative;
}

.dostupnost-novi .provjera-napomena {
    font-size: 17px;
    color: #ed620e;
}

.dostupnost-novi p {
    font-size: 30px;
    text-align: center;
    padding: 0 20px;
    margin: 0;
    color: #fff;
}

.dostupnost-novi col {
    margin-bottom: 0;
}

.dostupnost-novi .unos-adrese input[type='text'] {
    border: solid 1px #e5e5e5;
    padding: 9px 10px 10px 10px;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 10px;
    width: 100%;
}

.dostupnost-novi .unos-adrese p {
    font-size: 14px;
    text-align: left;
    padding: 0 0 0 3px;
    margin: 5px 0 5px 0;
}

.dostupnost-novi .novibroj {
    font-size: 14px;
    color: #fff;
}

.dostupnost-novi .unos-broja {
    margin-bottom: 10px;
}

.dostupnost-novi p.naslov {
    font-size: 44px;
    text-align: left;
    padding: 0;
    margin: -5px 0 5px 0;
    color: #fff;
    font-weight: normal;
    line-height: 100%;
}

.dostupnost-novi p.small {
    font-size: 14px;
    text-align: left;
    padding: 0 20px 0 0;
    margin: 0;
    color: #7ac141;
    font-weight: normal;
    line-height: 110%;
}

.dostupnost-novi select {
    padding: 6px 8px;
    border-radius: 2px 0 0 2px;
    width: 60px;
}

#input-prefix {
    width: 65px;
    margin: 0;
    float: left;
    clear: left;
    height: 40px;
}

#input-phone-number {
    width: calc(100% - 65px);
    float: left;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left: none;
}
.dostupnost-input-phone-number {
    width: calc(100% - 65px) !important;
    float: left;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left: none;
}


.provjera-info {
    color: #fff !important;
    font-style: italic;
}

.dostupnost-novi:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: -20px;
    left: 48.1%;
    width: 0;
    height: 0;
    border: 20px dashed;
    border-color: #00b054 transparent;

    pointer-events: none;
    border-bottom-style: solid;
    border-top: none;
}

.crveno {
    background: #ed620e;
}

.crveno:before {
    border-color: #ed620e transparent;
}

.crveno p.small {
    color: #fff;
    padding: 0 20px 0 0;
}

.home .dostupnost {
    position: absolute;
    bottom: -13px;
    padding: 30px 0 0 0;
    text-align: center;
    width: 40%;
}

.new-icon-holder {
    text-align: center;
    width: 75%;
    margin: 0 auto;
    color: #7ac141;
    font-size: 23px;
}

.new-icon-holder .c6 {
    padding: 75px 0 0 0;
}

.new-icon-holder .plus-holder {
    padding: 18px 0 0 0;
    color: #333;
    font-size: 40px;
}

.new-icon-int {
    background: url(../images/new-icon-internet.png) 50% 0 no-repeat;
}

.new-icon-tv {
    background: url(../images/new-icon-tv.png) 50% 0 no-repeat;
}

.new-icon-tel {
    background: url(../images/new-icon-phone.png) 50% 0 no-repeat;
}

.uvodni-home h3 {
    padding: 0 60px 15px 60px;
}

.uvodni-home H1 {
    font-size: 26px;
    text-align: center;
    padding: 30px 50px 0 50px;
    margin: 0;
    line-height: 120%;
    text-transform: none;
}

.uvodni-home {
    padding: 0 0 40px 0;
    text-align: center;
}

.citat {
    text-align: center;
    color: #7ac141;
    font-size: 26px;
    padding: 40px 20px;
}

.citat span {
    display: inline-block;
    text-align: right;
    color: #333;
    font-size: 15px;
}

/*** vezano za provjeru dostupnosti ***/
.broj-provjeren {
    margin: 20px auto 20px auto;
}

.broj-provjeren p {
    font-size: 23px;
    color: #ed620e;
}

.odabir .manji-font {
    font-size: 14px;
    color: #333;
    margin: 10px 0 0 0;
}

.skupljanje img {
    max-width: 100%;
}

.crni {
    color: #333;
}

.crni:hover {
    color: #7ac141;
}

.sivo-izvana-paketi .paketi {
    background: #f2f3f5;
    padding: 90px 0 90px 0;
    text-align: center;
}

.gradient-izvana-paketi .paketi {
    background: #f2f3f5;
    padding: 90px 0 90px 0;
    text-align: center;
    background: rgb(241, 242, 244); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 242, 244, 1)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f2f4', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

.dueti-poslovni {
    padding: 70px 0 0 0;
}

.gradient-izvana-paketi .c8 {
    margin-top: 30px;
}

.sivo-izvana-paketi .c8 {
    margin-top: 30px;
}

.home-izvana-paketi .c8 {
    margin-top: 30px;
}

.paketi-napomena {
    color: Red;
    margin-top: 8px;
    font-size: 14px;
}

.home-izvana-paketi .paketi {
    padding-bottom: 120px;
}

.home-izvana-paketi {
    position: relative;
}

.provjera-popup {
    position: relative;
    background: #00b054;
    border-radius: 6px;
    border: solid 1px #00b054;
    color: #fff;
    width: 750px;
    max-width: 100%;
}

.provjera-popup .provjera-popup-naslov {
    text-align: center;
    margin-bottom: 50px;
}

.provjera-popup .provjera-popup-naslov H3 {
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.provjera-popup .provjera-popup-body {
}

.provjera-popup .modal-footer {
    border: none;
}

.provjera-popup .select-holder {
    border: solid 1px #e5e5e5;
    padding: 2px 0;
    border-radius: 4px;
    background: #fff;
    position: relative;
}

.provjera-popup input[type='text'] {
    padding: 6px 8px;
    border-radius: 0 2px 2px 0;
    width: 72%;
}

.provjera-popup .provjera-napomena {
    font-size: 17px;
    color: #ed620e;
    position: absolute;
    top: -80px;
    left: -47%;
}

.provjera-popup .unos-adrese input[type='text'] {
    border: solid 1px #e5e5e5;
    padding: 9px 10px 10px 10px;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 10px;
    width: 100%;
}

.provjera-popup .unos-adrese p {
    font-size: 14px;
    text-align: left;
    padding: 0 0 0 3px;
    margin: 5px 0 5px 0;
}

.provjera-popup .novibroj {
    font-size: 14px;
    color: #fff;
}

.provjera-popup .unos-broja {
    margin-bottom: 10px;
}

.provjera-popup .modal-footer a {
    color: #fff;
}

@media screen and (max-width: 1100px) {
    .popup-responsive {
        display: none;
    }
}

/*** nove hosting stranice ***/
.hosting-paketi {
    padding: 120px 0;
}

.hosting-paketi-domena {
    padding: 70px 0 120px 0;
}

.hosting-ul {
    text-align: left;
    margin: 30px 0 40px 50px;
}

.hosting-ul li {
    background: url(../images/hosting-check.png) 0 1px no-repeat;
    padding: 5px 0 10px 25px;
    font-size: 14px;
}

.hosting-akcija p {
    color: #7ac141;
    line-height: 120%;
}

.item-novi .hosting-akcija {
    border-top: solid 1px #e9e9e9;
    padding: 30px 0 25px 0;
    margin: 20px 0 0 0;
    position: relative;
}

.provjera-domena {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px 30px;
    border-radius: 6px;
    margin-bottom: 50px;
    text-align: center;
    background: #007234;
    z-index: 10;
    color: #fff;
}

.provjera-domena .select-holder {
    border: solid 1px #e5e5e5;
    padding: 2px;
    border-radius: 4px;
    background: #fff;
    position: relative;
}

.provjera-domena select {
    padding: 6px 8px;
    border-radius: 0;
    width: 22%;
    float: right;
}

.provjera-domena input[type='text'] {
    padding: 6px 8px;
    border-radius: 0;
    width: 76%;
    border-right: solid 1px #ddd;
}

.provjera-domena .provjera-napomena {
    font-size: 17px;
    color: #ed620e;
    position: absolute;
    top: -80px;
    left: -47%;
}

.provjera-domena:before {
    display: none;
}

.provjera-domena button {
    display: block;
    width: 100%;
}

.provjera-domena h5 {
    margin-bottom: 5px;
    text-align: center;
}

.provjera-domena p {
    font-size: 18px;
    text-align: center;
    padding: 0 0 30px 0;
    margin: 0;
    color: #fff;
}

.in-border {
    border-top: solid 3px #64bc42;
}

.hosting-paketi-domena .provjera-domena {
    margin-bottom: 100px;
}

.hosting-ikonice {
    text-align: center;
    padding: 140px 0 90px 0;
    line-height: 130%;
}

.hosting-ikonice h5 {
    font-size: 22px;
    margin: 10px 0;
}

.hosting-izdvojeno {
    font-size: 22px;
    margin-bottom: 10px;
    color: #7ac141;
}

.hosting-ikonice .wrap {
    margin-bottom: 70px;
}

.domene-sakriveni-dio {
    padding: 15px 0 0 0;
}

.domene-cjene {
    font-size: 14px;
}

.domena {
    font-size: 26px;
}

[data-icon]:before,
[class^="tera-icons-"]:before,
[class*=" tera-icons-"]:before {
    font-family: "terrakom-ikone" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
    color: #7ac141;
}

.tera-icons-ico-autoscaling:before {
    content: "b";
}

.tera-icons-ico-data:before {
    content: "c";
}

.tera-icons-ico-djeljenje:before {
    content: "d";
}

.tera-icons-ico-garantirano:before {
    content: "e";
}

.tera-icons-ico-hr:before {
    content: "f";
}

.tera-icons-ico-internet:before {
    content: "g";
}

.tera-icons-ico-panel:before {
    content: "h";
}

.tera-icons-ico-tel:before {
    content: "i";
}

.tera-icons-ico-stit:before {
    content: "j";
}

.tera-icons-ico-tv:before {
    content: "k";
}

.tera-icons-ico-failover:before {
    content: "l";
}

.tera-icons-ico-thumbup:before {
    content: "a";
}

.tera-icons-ico-cjena:before {
    content: "m";
}

.tera-icons-ico-podrska:before {
    content: "n";
}

.inside-domena-holder {
    padding: 60px 0;
    background: #007234;
}

.internet-paketi-extras {
    padding: 50px 10px 10px 10px;
    background-color: #fff;
    text-align: center;
    margin-bottom: -20px;
}

.internet-paketi-extras h1 {
    font-size: 40px;
}

.internet-paketi-custom .paketi {
    padding-top: 20px;
}

/*** press dio ***/
.press-holder {
    line-height: 26px;
    padding: 30px 0 30px 0;
}

.press-holder H4 {
    font-size: 26px;
    padding: 0 0 5px 0;
    margin: 0;
    text-align: left;
    line-height: 120%;
}

.press-item {
    border-bottom: dashed 1px #ddd;
    padding: 0 0 40px 0;
    margin: 0 0 40px 0;
}

.press-link {
    line-height: 150%;
    margin-top: 10px;
    display: inline-block;
    text-align: left;
    padding: 0 24px 0 0;
    background: rgba(0, 0, 0, 0) url("../images/strelica.png") no-repeat scroll right 8px;
}

.press-holder .datum {
    font-size: 14px;
    line-height: 130%;
    color: #acacac;
    margin-bottom: 20px;
}

.press-uvod {
    font-size: 23px;
    color: #333;
    line-height: 145%;
    padding: 0 0 40px 0;
    margin: 0;
}

.press-izdvojeno {
    text-align: center;
    margin-top: 40px;
    font-size: 23px;
    border-top: dashed 1px #ddd;
    padding-top: 40px;
}

.press-izdvojeno p {
    padding-bottom: 20px;
}

.press-holder img {
    max-width: 100%;
    margin-top: 30px;
    border-radius: 4px;
}

.press-item-img img {
    margin: 0;
}

.press-item-right {
    padding: 0 0 0 30px;
}

.press-item-left {
    padding: 0 30px 0 0;
}

.ponovi-provjeru {
    color: #333;
    padding: 0;
    display: inline-block;
    margin-bottom: 25px;
    position: relative;
    top: 0;
    font-size: 14px;
}

/*** dio ma moj terrakom sa uplodom osobne ***/
.upload-osobne {
    width: 100%;
}

.upload-osobne H3 {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.vlasnik {
    margin-top: 50px;
}

.strana-osobne {
    text-transform: uppercase;
}

.drop-box {
    border: dashed 1px #e3e3e3;
    border-radius: 10px;
    width: 100%;
    text-align: center;
    padding: 27% 2.5%;
    text-align: center;
    color: #333;
    background-position: 50% 0;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 5px 0;
    cursor: pointer
}

.prednja {
    background-image: url(../images/upload-osobne-prednja.jpg);
}

.straznja {
    background-image: url(../images/upload-osobne-straznja.jpg);
}

.upload-osobne .botuni-holder {
    margin-top: 30px;
    text-align: center;
    padding: 20px 0 0 0;
}

.upload-osobne .botuni-holder .botun {
    padding: 10px 100px;
    text-transform: uppercase;
}

p.uplodano {
    padding: 0;
    margin: 0;
    line-height: 100%;
    color: #7ac141;
    font-size: 14px;
}

.thumb-holder {
    padding: 20px 0 0 0;
    margin-top: 5px;
    border-top: dashed 1px #e3e3e3;
    text-align: left;
}

.thumb {
    width: 80%;
    display: inline-block;
    margin-bottom: 0 0 10px 0;
}

.thumb-holder button {
    padding: 5px 20px;
    border-radius: 4px;
    margin-top: 15px;
}

.jedan-paket {
    margin: 0 auto;
}

.jedan-paket .item-novi {
    border-top: 3px solid #64bc42;
}

.obrazac-opcije {
    height: 0;
    display: none;
}

.cursor-klasa span:before,
.obrazac-opcije-header .cursor-klasa span:before {
    padding-right: 24px;
    color: #000;
    font-weight: bold;
    position: relative;
    font-size: 28px;
    top: 5px;
}

.cursor-klasa span:before {
    content: '';
    background: url(../images/zatvori.png) 1px 7px no-repeat;
}

.obrazac-opcije-header .cursor-klasa span:before {
    content: '';
    background: url(../images/otvori.png) 1px 7px no-repeat;
}

.cursor-klasa {
    cursor: pointer;
}

/* klasa kreirana jer .cursor-klasa nije modularna */
.cursor-pointer {
    cursor: pointer;
}

.cjena-obrazac .peta input[type="checkbox"] + label {
    cursor: default;
}

.cjena-obrazac p.zadrzavam-uslugu {
    background: url(../images/csscheckbox.png) 0 -33px no-repeat;
    padding: 6px 0 6px 26px;
    margin: 8px 0 12px 0;
}

.zasto-hosting {
    padding: 110px 30px 80px 30px;
    background: #f1f2f4;
}

.zasto {
    margin-bottom: 30px;
    width: 80%;
    line-height: 130%;
}

.zasto .press-item-img {
    text-align: right;
}

.zasto [class^="tera-icons-"]:before,
.zasto [class*=" tera-icons-"]:before,
.zasto [data-icon]:before {
    font-size: 50px;
    margin-right: 0;
}

.zasto .c17 {
    padding-right: 5%;
}

.zasto-hosting h2 {
    font-size: 50px;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

.zasto-hosting h4 {
    font-size: 23px;
    padding: 10px 0 10px 0;
    text-transform: uppercase;
    color: #7ac141;
}

.vec-uneseno {
    padding: 4px 0;
}

.vec-uneseno span {
    padding: 10px 15px;
    background: #ddd;
    border-radius: 2px;
    display: inline-block;
}

.vrsta-zahtjeva {
    margin-bottom: 35px;
}

.ob-polja {
    font-weight: bold;
    color: #7ac141;
    font-size: 18px;
    padding-right: 2px;
}

.provjera-podataka .divbody {
    margin-bottom: 15px;
}

.provjera-podataka {
    margin-bottom: 55px;
}

H3.podnositelj {
    padding: 0;
    margin: 0;
    line-height: 150%;
}

.napomena-tamna {
    font-size: 14px;
}

.akcija-uredaji-holder {
    padding: 90px 0;
}

.akcija-uredaji-holder .akcijski-popusti {
    max-width: 900px;
}

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

.akcijski-popusti img {
    max-width: 100%;
}

.akcijski-popusti .c12 {
    max-width: 100%;
    margin-bottom: 40px;
}

.akcijski-popusti H2 {
    font-size: 50px;
    line-height: 100%;
    margin: 0;
    padding: 0;
}

.akcijski-popusti H3 {
    font-size: 28px;
    text-transform: uppercase;
    line-height: 100%;
}

.akcijski-popusti H4 {
    font-size: 20px;
    margin-top: 40px;
    text-transform: uppercase;
}

.akcija-uredaji {
    padding: 90px 0;
}

.akcija-uredaji .single-akcija-holder {
    text-align: center;
}

.akcija-uredaji .single-akcija-holder h2 {
    text-align: center;
}

.akcija-uredaji .single-akcija-holder .single-cjenik {
    text-align: center;
}

.akcija-uredaji .single-akcija-holder .single-cjenik h2 {
    text-align: center;
}

table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

/* Zebra striping */
td, th {
    padding: 13px 10px;
    text-align: left;
    border-bottom: solid 1px #e5e5e5;
}

th {
    font-weight: bold;
    text-align: left;
    padding: 20px 10px;
    vertical-align: middle;
    text-transform: uppercase;
    background: #f1f2f4;
    border-bottom: solid 1px #7bc144;
}

td {
    vertical-align: middle;
}

.tablica-users {
    margin-top: 20px;
}

.tablica-users th {
    font-size: 14px;
    line-height: 130%;
    text-align: center;
}

.tablica-users td {
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    padding: 15px 0;
}

.tablica-users .sivo {
    color: #7ac142;
}

.odabrano {
    background: url(../images/odabrano.png) 50% 50% no-repeat;
    width: 100%;
    height: 23px;
    text-indent: -9999px;
    display: block;
}

.tablica-users tr:hover {
    background: #f1f2f4;
}

/* Direction Nav */
.user-raspored {
    position: relative;
    padding: 20px 40px;
}

.user-raspored .flex-direction-nav {
    z-index: 100;
    height: 0;
}

.user-raspored .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 35px;
    height: 35px;
    margin: -20px 0 0;
    position: absolute;
    top: 58%;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.user-raspored .flex-direction-nav .flex-prev {
    left: 0;
    opacity: 0.5;
}

.user-raspored .flex-direction-nav .flex-next {
    right: 0;
    opacity: 0.5;
    text-align: right;
}

.user-raspored .flex-prev:hover {
    opacity: 1;
    left: 0;
}

.user-raspored .flex-next:hover {
    opacity: 1;
    right: 0;
}

.user-raspored .flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 35px;
    display: inline-block;
    content: '\f001';
}

.user-raspored .flex-direction-nav a.flex-next:before {
    content: '\f002';
}

.save-holder {
    margin: 20px 40px;
    text-align: center;
}

.save-holder .botun {
    padding: 16px 40px;
}

.termini-zahvala {
    padding-bottom: 200px;
}

.termini-zahvala h3 {
    line-height: 140%;
    font-size: 28px;
}

.termini-zahvala p {
    padding-top: 60px;
}

.karticno-placanje {
    margin-top: 40px;
}

.m-y {
    color: #ddd;
    font-size: 32px;
    padding: 24px 0 0 8px;
    display: inline-block;
}

#cvv,
#card-number,
#expiration-month,
#expiration-year {
    padding: 8px;
    border-radius: 3px;
    border: solid 1px #ddd;
    width: 100%;
    margin: 5px 0 20px 0;
    height: 40px;
    -webkit-transition: border-color 160ms;
    transition: border-color 160ms;
}

#card-number.braintree-hosted-fields-invalid,
#expiration-month.braintree-hosted-fields-invalid,
#expiration-year.braintree-hosted-fields-invalid,
#cvv.braintree-hosted-fields-invalid {
    border-color: tomato;
}

#card-number.braintree-hosted-fields-valid,
#expiration-month.braintree-hosted-fields-valid,
#expiration-year.braintree-hosted-fields-valid,
#cvv.braintree-hosted-fields-valid {
    border-color: limegreen;
}

#expiration-month.braintree-hosted-fields-focused,
#expiration-year.braintree-hosted-fields-focused,
#card-number.braintree-hosted-fields-focused,
#cvv.braintree-hosted-fields-focused {
    border-color: #777;
}

.wrap:after,
.cf:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    opacity: 0;
}

.select:after,
.radio:after,
.checkbox:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    opacity: 0;
}

/*** MEDIA QUERIES ***/
@media screen and (max-width: 1700px) {
    #header-slider .flex-control-nav {
        bottom: 16%;
    }

    .home .dostupnost {
        width: 50%;
    }
}

@media screen and (max-width: 1400px) {
    .menu li a {
        padding: 9px;
        font-size: 15px;
    }

    #header-slider .flex-control-nav {
        bottom: 18%;
    }

    #header-slider .flex-direction-nav .flex-prev {
        left: 20px;
    }

    #header-slider .flex-direction-nav .flex-next {
        right: 20px;
    }

    #header-slider:hover .flex-prev {
        left: 20px;
    }

    #header-slider:hover .flex-next {
        right: 20px;
    }
}

@media screen and (max-width: 1300px) {
    .paketi-slider-holder .flexslider .flex-prev {
        opacity: 0.2;
        left: -15px;
    }

    .paketi-slider-holder .flexslider .flex-next {
        opacity: 0.2;
        right: -15px;
    }

    .paketi-slider-holder .flexslider:hover .flex-prev {
        opacity: 0.7;
        left: -15px;
    }

    .paketi-slider-holder .flexslider:hover .flex-next {
        opacity: 0.7;
        right: -15px;
    }

    .paketi-slider-holder .flex-direction-nav .flex-prev {
        left: -15px;
    }

    .paketi-slider-holder .flex-direction-nav .flex-next {
        right: -15px;
        text-align: right;
    }
}

@media screen and (max-width: 1250px) {
    #header-slider .flex-control-nav {
        bottom: 20%;
    }

    .home .dostupnost {
        width: 50%;
    }

    .uvodni-home H1 {
        font-size: 24px;
        padding: 30px;
        line-height: 110%;
    }
}

@media screen and (max-width: 1200px) {
    .wrap {
        padding-left: 20px;
        padding-right: 20px;
    }

    .headerholder .wrap {
        padding: 0;
    }

    .dostupnost {
        border-radius: 0;
    }

    .home .dostupnost {
        width: 50%;
        border-radius: 6px;
    }

    .dostupnost-novi {
        border-radius: 0;
        width: 100%;
    }

    .uvodni-tekst h3 {
        font-size: 22px;
        line-height: 30px;
        padding: 10px 60px 20px 60px;
    }

    .item H2 {
        padding: 5px 45px 0 45px;
        line-height: 30px;
        font-size: 28px;
    }

    .item H4 {
        font-size: 16px;
    }

    .akcija-holder {
        font-size: 15px;
    }

    .onama-inside p {
        line-height: 26px;
        padding: 10px 0 10px 0;
    }

    .onama-inside H2 {
        font-size: 20px;
        padding: 10px 0 10px 0;
    }

    .onama-inside .paketi-stavke {
        margin: 0 0 30px 30px;
    }

    .osnovni-podaci {
        text-align: left;
        padding: 0 30px 10px 30px;
    }

    .forma-login {
        width: 60%;
    }

    .cjena-izracun H2 {
        padding: 5px 45px 0 0;
        line-height: 30px;
        font-size: 28px;
    }

    .moj-item H2 {
        font-size: 30px;
        padding: 0 0 5px 0;
        margin: 0;
    }

    #header-slider {
        padding-top: 0; /* aspect ratio 2:1 */
        height: auto;
    }

    #header-slider .flexslider {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #fff url(../images/loading.gif) no-repeat 50% 50%;
    }

    .usluge-home .paket-izdvojen H3 {
        font-size: 40px;
        line-height: 100%;
    }

    .terceti .paket-izdvojen H3,
    .dueti .paket-izdvojen H3 {
        font-size: 40px;
        line-height: 100%;
    }

    .duopaketi {
        padding-left: 9%;
    }

    .duopaketi .c8 {
        width: 45%;
    }
}

@media screen and (min-width: 1101px) {
    .offset-1 {
        margin-left: 4.272504273504273%;
    }
}

@media screen and (max-width: 1100px) {
    body {
        margin: 0 0 0 0;
    }

    .cookies-switch .headerholder {
        top: 0;
    }

    #header-slider .flex-direction-nav {
        display: none;
    }

    .hide,
    .logo-hide {
        display: block;
    }

    .top-link, .logo {
        display: none;
    }

    .top-menu-holder .top-link {
        display: none;
    }

    .nav-switch {
        display: block;
        width: 60px;
        height: 50px;
        position: absolute;
        z-index: 30;
        top: 0;
        right: 0;
        cursor: pointer;
        background: rgba(51, 51, 51, 1) url(../images/top-meni.png) no-repeat 19px 13px;
        color: #fff;
        text-align: center;
        text-indent: -9999px;
        padding-top: 14px;
    }

    .nav-switch:hover {
        background-color: #000;
    }

    .openmen .nav-switch {
        background: rgba(51, 51, 51, 1) url(../images/close02.png) no-repeat 19px 13px;
    }

    .headerholder,
    .tiny.headerholder {
        width: 100%;
        margin: 0 auto;
        clear: both;
        position: relative;
        z-index: 10;
        left: 0;
        right: 0;
        padding: 0;
        background: #7ac142;
        height: 50px;
        border: none;
    }

    .tiny.openmen,
    .openmen {
        width: 100%;
        margin: 0 auto;
        clear: both;
        background-color: #7ac142;
        height: 263px;
    }

    .menu-holder {
        display: none;
    }

    .openmen .menu-holder {
        display: block;
        position: relative;
        right: 0;
        top: 50px;
        background-color: #333;
        padding: 20px 0 0 0;
        border-radius: 0;
    }

    .openmen .menu {
        float: none;
        width: 100%;
        clear: both;
        padding: 0 20px 12px 20px;
    }

    .openmen .menu li {
        float: left;
        width: 25%;
        padding: 0 4px 8px 4px;
    }

    .openmen .menu li a {
        padding: 10px;
        margin: 0;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: normal;
        line-height: 30px;
        font-family: 'source_sans_problack', sans-serif;
        color: #fff;
        letter-spacing: 0.03em;
        display: block;
        border: solid 1px #434343;
        text-shadow: none;
    }

    .openmen .menu li a:hover, .menu li a.active {
        color: #7bc144;
        background-color: #434343;
    }

    .top-menu-holder,
    .tiny .top-menu-holder {
        position: absolute;
        right: 60px;
        top: 0;
        padding-top: 0;
        color: #333;
        font-size: 13px;
        opacity: 1;
    }

    .top-menu-holder a:hover,
    .tiny .top-menu-holder a:hover {
        color: #fff;
    }

    .top-menu-holder .openmen {
        width: auto;
        margin: 0 auto;
        clear: both;
        background: none;
        height: auto;
        display: inline-block;
    }

    .top-menu-holder .openmen > li {
        padding: 0;
        margin-left: 20px;
        position: relative;
    }

    .log-menu > li span:hover {
        background-color: #fff;
        color: #333;
        border-radius: 4px;
        border: solid 1px #fff;
    }

    .top-menu-holder .openmen > li span {
        background: #fff url(../images/login.png) no-repeat 16px 5px;
        border-radius: 4px 4px 0 0;
        border: solid 1px #fff;
        padding: 7px 33px 6px 32px;
        display: block;
        color: #37393e;
        text-transform: uppercase;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        margin: 0;
        cursor: default;
    }

    .top-menu-holder .openmen > li span:hover {
        background-color: #fff;
        color: #333;
        border-radius: 4px 4px 0 0;
        border: solid 1px #fff;
    }

    .top-menu-holder .openmen:hover li span {
        background-color: #fff;
        color: #333;
        border-radius: 4px 4px 0 0;
        border: solid 1px #fff;
    }

    .top-menu-holder .openmen .sub {
        position: relative;
    }

    .log-menu > li span {
        background: #00883d url(../images/login.png) no-repeat 16px 18px;
        border-radius: 0;
        border: none;
        padding: 20px 33px 0 37px;
        height: 50px;
        color: #fff;
        cursor: pointer;
    }

    .log-menu > li span:hover {
        border-radius: 0;
        border: none;
        background-color: #ddd;
    }

    .log-menu:hover li span {
        border-radius: 0;
        border: none;
        background-color: #ddd;
    }

    a.login {
        background: #00883d url(../images/login.png) no-repeat 16px 18px;
        padding: 20px 23px 0 37px;
        border: none;
        margin-left: 0;
        height: 50px;
        border-radius: 0;
        color: #fff;
    }

    a.login:hover {
        background-color: #ddd;
        color: #333;
    }

    .sub > a:after, .sub > span:after {
        top: 17px;
    }

    /*** Dropdown ***/
    .top-menu-holder .padajuci {
        text-align: right;
        background: #ddd;
        top: 50px;
        left: auto;
        right: 0;
        width: 100%;
        border-radius: 0;
    }

    .top-menu-holder .sub:hover .padajuci {
        visibility: visible;
        opacity: 1;
    }

    .top-menu-holder .padajuci a {
        padding: 10px 15px;
        border-top: solid 1px #fff;
    }

    .top-menu-holder .padajuci a:hover {
        color: #7ac142;
        background-color: #fff;
    }

    .logo-hide,
    .tiny .logo-hide {
        opacity: 1;
        top: 8px;
        left: 10px;
    }

    .odabir-top {
        padding: 10px 20px 10px 0;
    }

    .odabir-top button {
        padding: 12px 0;
    }

    .dostupnost {
        position: relative;
        border-radius: 0;
        margin: 0;
        bottom: 0;
    }

    .home .dostupnost {
        position: relative;
        border-radius: 0;
        margin: 0;
        bottom: 0;
        width: 100%;
    }

    .new-icon-holder {
        width: 50%;
    }

    .foot-logo img {
        width: 180px;
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .poslovni .paketi-stavke {
        width: 90%;
    }

    #header-slider .flex-control-nav {
        bottom: 10%;
    }

    .visina {
        padding: 40px 50px 40px 50px;
    }

    .moj-terra-menu li a {
        padding: 15px 8px 12px 8px;
        font-size: 14px;
    }

    [class^="icon-"]:before, [class*=" icon-"]:before {
        font-size: 13px;
        margin-right: 8px;
        padding: 5px 6px 7px 6px;
        color: #7ac142;
    }

    .dostupnost input[type='text'] {
        width: 70%;
    }

    .unos-adrese input[type='text'] {
        border: solid 1px #e5e5e5;
        padding: 9px 10px;
        border-radius: 6px;
        background: #fff;
        margin-bottom: 10px;
        width: 100%;
    }

    .manja-recenica {
        font-size: 25px;
    }

    .veca-recenica {
        font-size: 50px;
    }

    .dostupnost-novi p.naslov {
        font-size: 36px;
    }

    .klikalica .dostupnost {
        padding: 40px;
        margin: 0 auto;
    }

    .tri-koraka a {
        width: 32.9%;
    }

    .cetri-koraka a {
        width: 24.58%;
    }

    .banner h2 {
        font-size: 40px;
    }

    .banner .akcijski-popusti h2 {
        font-size: 40px;
    }

    .broj-provjeren {
        margin: 0 auto 15px auto;
    }

    .broj-provjeren p {
        font-size: 20px;
        color: #ed620e;
    }

    .odabir-label {
        font-size: 20px;
    }

    .odabir-bottom {
        padding: 5px 0 0 11px;
        margin-top: 6px;
        position: relative;
        border-left: dashed 1px #ddd;
        float: left;
        width: 45%;
    }
}

@media screen and (max-width: 1030px) {
    .mali-naslov {
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .unos-adrese input[type='text'] {
        margin-bottom: 5px;
    }

    .unos-adrese p {
        margin: 0 0 5px 0;
    }

    .dostupnost H1 {
        font-size: 30px;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .uvodni-home .dostupnost H1 {
        font-size: 30px;
        text-align: center;
        padding-top: 0;
        padding-bottom: 0;
    }

    .dva-naslova H1 {
        font-size: 30px;
    }

    .dva-naslova H2 {
        font-size: 30px;
    }

    .dostupnost .provjera-napomena {
        font-size: 13px;
        color: #c43b05;
        position: relative;
        top: -5px;
        left: 0;
    }

    .new-icon-holder {
        width: 70%;
    }

    .dostupnost-novi p.naslov {
        margin: 5px 0 5px 0;
        text-align: center;
    }

    .dostupnost-novi p.small {
        margin: 0 0 15px 0;
        text-align: center;
    }

    .dostupnost-novi {
        position: relative;
        bottom: 0;
        padding: 20px 30px;
        margin: -130px 0 0 0;
        text-align: left;
        z-index: 10;
        color: #fff;
    }

    .na-home {
        position: relative;
        padding-bottom: 0;
    }

    .na-home H5 {
        margin-bottom: 20px;
    }

    .padding-home {
        padding-top: 80px;
    }

    .dostupnost-novi .dostupnost-c24 {
        width: 100%;
        float: none;
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 0 auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media screen and (min-width: 992px) {
    .modal-lg,
    .modal-lg--custom-responive{
        width: 90vw;
    }
}
@media screen and (min-width: 1250px) {
    .modal-lg,
    .modal-lg--custom-responive{
        width: 80vw;
    }
}


@media (min-width: 1250px) {
    .modal-lg,
    .modal-lg--custom-responive{
        width: 1200px;
    }
}


@media screen and (max-width: 990px) {
    .tablet-c1 {
        width: 1.709401709401709%;
    }

    .tablet-c2 {
        width: 5.982905982905982%;
    }

    .tablet-c3 {
        width: 10.25641025641026%;
    }

    .tablet-c4 {
        width: 14.52991452991453%;
    }

    .tablet-c5 {
        width: 18.8034188034188%;
    }

    .tablet-c6 {
        width: 23.07692307692307%;
    }

    .tablet-c7 {
        width: 27.35042735042735%;
    }

    .tablet-c8 {
        width: 31.62393162393162%;
    }

    .tablet-c9 {
        width: 35.89743589743589%;
    }

    .tablet-c10 {
        width: 40.17094017094017%;
    }

    .tablet-c11 {
        width: 44.44444444444444%;
    }

    .tablet-c12 {
        width: 48.71794871794871%;
    }

    .tablet-c13 {
        width: 52.99145299145299%;
    }

    .tablet-c14 {
        width: 57.26495726495726%;
    }

    .tablet-c15 {
        width: 61.53846153846153%;
    }

    .tablet-c16 {
        width: 65.8119658119658%;
    }

    .tablet-c17 {
        width: 70.08547008547008%;
    }

    .tablet-c18 {
        width: 74.35897435897435%;
    }

    .tablet-c19 {
        width: 78.63247863247862%;
    }

    .tablet-c20 {
        width: 82.9059829059829%;
    }

    .tablet-c21 {
        width: 87.17948717948717%;
    }

    .tablet-c22 {
        width: 91.45299145299144%;
    }

    .tablet-c23 {
        width: 95.72649572649572%;
    }

    .tablet-c24 {
        width: 100%;
        margin-right: 0;
    }

    .tablet-c12:nth-child(2n) {
        margin-right: 0;
    }

    .example3 .tablet-c12:nth-child(2n) {
        margin-right: 2.564102564102564%;
    }

    .desktop {
        display: none;
    }

    .tablet {
        display: block;
    }

    .tablet-c24 .item {
        margin-bottom: 20px;
    }

    .margin-desktop-only {
        margin: 0;
    }

    .paketi2 .tablet-c12 .item {
        height: auto;
        margin-bottom: 20px;
    }

    .paketi2 .item .botun {
        position: relative;
        bottom: 20px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 80%;
    }

    .footer .korisnicka {
        display: block;
        float: none;
        width: 100%;
        clear: both;
        margin-bottom: 30px;
    }

    h2 {
        font-size: 40px;
    }

    .podnaslov {
        margin: 0 0 30px 0;
        padding: 0 20px 20px 20px;
    }

    .terceti .podnaslov,
    .dueti .podnaslov {
        margin: 0 0 40px 0;
        padding: 0 20px 20px 20px;
        line-height: 120%;
    }

    .uvodni-tekst h3 {
        font-size: 18px;
        line-height: 24px;
        padding: 10px 20px 20px 20px;
    }

    .klikalica .uvodni-tekst h3 {
        padding: 10px 20px 20px 20px;
    }

    .item H4 {
        font-size: 18px;
        padding: 5px 0 10px 0;
    }

    .akcija-holder {
        padding: 10px 0;
        margin-bottom: 5px;
        font-size: 15px;
    }

    .terceti H3, .dueti H3 {
        font-size: 30px;
    }

    .terceti H3 img, .dueti H3 img {
        width: 55px;
        margin-right: 8px;
        margin-top: -16px;
    }

    .terceti .paketi-stavke, .dueti .paketi-stavke {
        margin-left: 5px;
        margin-top: 30px;
        font-size: 16px;
    }

    .terceti .paketi-stavke li, .dueti .paketi-stavke li {
        padding: 15px 0 15px 35px;
    }

    .podrska-tel {
        font-size: 50px;
        line-height: 65px;
    }

    .acc-container {
        margin: 12px auto 45px auto;
    }

    .podrska .c8:last-child .acc-container {
        margin: 12px auto 0 auto;
    }

    .aplikacija .c8 {
        padding-left: 20%;
        margin-bottom: 30px;
    }

    .glavne-usluge .c8 {
        margin-bottom: 30px;
    }

    .poslovni-back H3, .o-nama-tekst H3 {
        font-size: 30px;
    }

    .poslovni-back p, .o-nama-tekst p {
        font-size: 20px;
        line-height: 30px;
        padding: 20px 40px 40px 40px;
    }

    .big {
        font-size: 20px;
        padding: 15px 30px;
    }

    .akcija .single-cjenik .cjena-xl {
        font-size: 80px;
        line-height: 80px;
    }

    .akcija .c24 {
        padding: 0 0 5px 160px;
    }

    .akcija H3 {
        font-size: 28px;
    }

    .akcija .single-cjenik span {
        font-size: 22px;
        line-height: 22px;
    }

    .txt-veci {
        padding: 30px 0 30px 0;
        line-height: 26px;
        font-size: 18px;
    }

    .provjera p {
        padding: 15px;
        line-height: 26px;
        font-size: 18px;
    }

    .pogodnosti div:first-child {
        text-align: left;
        padding-top: 9px;
    }

    .pogodnosti .col {
        margin-bottom: 20px;
    }

    .pogodnosti {
        padding: 20px 0 0 50px;
    }

    .paketi-slider-holder .flex-control-nav {
        display: none;
    }

    .paketi-slider-holder {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .odabir-label {
        font-size: 18px;
    }

    .forma-login {
        width: 95%;
    }

    .cjena-izracun {
        margin-top: 20px;
    }

    .dodatni-tekst {
        padding: 20px 0 0 0;
    }

    .dodatni-tekst p {
        font-size: 18px;
        line-height: 145%;
    }

    .usluge-home .c12 {
        text-align: center;
    }

    .usluge-home .c12 H2 {
        text-align: center;
        font-size: 60px;
    }

    .aplikacija .paketi-stavke {
        margin-left: 0;
        margin: 10px 0 30px 0;
    }

    .aplikacija .paketi-stavke li {
        background: none;
        padding: 8px 0 8px 0;
        font-weight: bold;
    }

    .item-title {
        font-size: 15px;
        background: #007334;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        padding: 6px 0;
        margin-top: 16px;
    }

    .naj {
        background: #58b430;
        padding: 6px 0;
        margin-top: 16px;
    }

    .paketi .tablet-c24 .item,
    .tablet-c24 .item-novi,
    .tablet-c24 .item-title {
        margin: 0 20%;
    }

    .tablet-c24 .item-novi,
    .paketi .tablet-c24 .item {
        margin-bottom: 20px;
    }

    .single-actions-wrapper {
        padding-left: 0;
    }

    .single-akcija-holder {
        text-align: center;
    }

    .single-akcija-holder h2 {
        text-align: center;
    }

    .single-akcija-holder .single-cjenik {
        text-align: center;
    }

    .single-akcija-holder .single-cjenik h2 {
        text-align: center;
    }

    .uvodni-home H1 {
        font-size: 20px;
        padding: 20px;
        line-height: 110%;
    }

    .domene-cjene-holder {
        margin: 40px auto 20px auto;
        width: 100%;
        text-align: center;
    }

    .provjera-domena p {
        font-size: 14px;
    }

    .hosting-ikonice .tablet-c12 {
        margin-bottom: 50px;
    }

    .upload-osobne-holder {
        margin-bottom: 30px;
    }

    .drop-box {
        padding: 22% 5% 24% 5%;
        text-align: left;
        background-position: 0 0;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .vlasnik {
        margin-top: 30px;
    }

    .zasto-hosting {
        padding: 110px 30px 80px 30px;
        background: #f1f2f4;
    }

    .zasto {
        width: 100%;
        line-height: 120%;
    }

    .zasto .press-item-img {
        text-align: center;
    }

    .zasto-hosting h2 {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .zasto-hosting h4 {
        font-size: 20px;
    }

    .cjena-izracun {
        margin-bottom: 40px;
    }

    .tri-koraka a {
        width: 33%;
    }

    .cetri-koraka a {
        width: 24.62%;
    }
}

@media screen and (max-width: 950px) {
    .openmen .menu li {
        width: 50%;
    }

    .openmen .menu li a {
        font-family: 'source_sans_proregular', sans-serif;
        padding: 5px 10px;
        font-size: 15px;
        line-height: 24px;
    }

    .tiny.openmen,
    .openmen {
        height: 303px;
    }

    .klikalica .dostupnost {
        padding: 40px 20px;
    }

    #moj-terrakom-wraper .c7,
    .moj-terrakom {
        width: 100%;
        margin: 0;
    }

    .moj-terra-menu {
        width: 100%;
        margin: 0 5% 40px 0;
        float: left;
    }

    .moj-terra-menu LI {
        width: 49%;
        margin: 0 1% 3px 0;
        float: left;
    }

    .odabir-top {
        padding: 20px 10px 10px 0;
        width: 50%;
    }

    .odabir-bottom {
        padding: 5px 0 0 6px;
        margin-top: 15px;
        width: 50%;
    }

    .odabir-bottom .novibroj {
        font-size: 14px;
    }
}

@media screen and (max-width: 850px) {
    .racun-txt {
        width: 30%;
        margin: 0;
        float: left;
    }

    .racun-txt p {
        line-height: 120%;
        padding: 0 0 6px 0;
    }

    .manja-recenica {
        font-size: 23px;
    }

    .veca-recenica {
        font-size: 46px;
    }

    .dostupnost-novi p.naslov {
        font-size: 30px;
    }

    .upload-osobne {
        margin-top: 20px;
    }

    .provjera-domena {
        padding-right: 12px;
        padding-left: 12px;
        margin: 0;
    }

    .inside-domena-holder .provjera-domena {
        padding: 0;
    }

}

@media screen and (max-width: 770px) {
    body {
        font-size: 15px;
    }

    .openmen .menu li a {
        padding: 5px 10px;
        font-size: 15px;
        line-height: 24px;
    }

    .footer .c8 {
        float: none;
        width: 100%;
    }

    .call,
    a.mail {
        display: none;
    }

    .top-menu-holder,
    .tiny .top-menu-holder {
        position: absolute;
        right: 60px;
        top: 0;
        padding: 0;
        opacity: 1;
        width: 100%;
        height: 50px;
        display: block;
        background: none;
        text-align: right;
        z-index: 800;
    }

    .top-menu-holder a {
        margin-left: 0;
    }

    .klikalica .dostupnost {
        padding: 30px 20px
    }

    .headerholder,
    .tiny.headerholder {
        height: 50px;
    }

    .nav-switch {
        top: 0;
    }

    .logo-hide,
    .tiny .logo-hide {
        opacity: 1;
        top: 8px;
        left: 10px;
    }

    .tiny.openmen, .openmen {
        height: 305px;
    }

    .hosting-temp-tekst {
        font-size: 16px;
        line-height: 24px;
    }

    .dostupnost H1 {
        font-size: 20px;
        text-align: center;
    }

    .dva-naslova H1 {
        font-size: 20px;
    }

    .dva-naslova H2 {
        font-size: 20px;
    }

    .hosting-temp-tekst ul {
        margin-left: 20px;
    }

    .mob-c1 {
        width: 1.709401709401709%;
    }

    .mob-c2 {
        width: 5.982905982905982%;
    }

    .mob-c3 {
        width: 10.25641025641026%;
    }

    .mob-c4 {
        width: 14.52991452991453%;
    }

    .mob-c5 {
        width: 18.8034188034188%;
    }

    .mob-c6 {
        width: 23.07692307692307%;
    }

    .mob-c7 {
        width: 27.35042735042735%;
    }

    .mob-c8 {
        width: 31.62393162393162%;
    }

    .mob-c9 {
        width: 35.89743589743589%;
    }

    .mob-c10 {
        width: 40.17094017094017%;
    }

    .mob-c11 {
        width: 44.44444444444444%;
    }

    .mob-c12 {
        width: 48.71794871794871%;
    }

    .mob-c13 {
        width: 52.99145299145299%;
    }

    .mob-c14 {
        width: 57.26495726495726%;
    }

    .mob-c15 {
        width: 61.53846153846153%;
    }

    .mob-c16 {
        width: 65.8119658119658%;
    }

    .mob-c17 {
        width: 70.08547008547008%;
    }

    .mob-c18 {
        width: 74.35897435897435%;
    }

    .mob-c19 {
        width: 78.63247863247862%;
    }

    .mob-c20 {
        width: 82.9059829059829%;
    }

    .mob-c21 {
        width: 87.17948717948717%;
    }

    .mob-c22 {
        width: 91.45299145299144%;
    }

    .mob-c23 {
        width: 95.72649572649572%;
    }

    .mob-c24 {
        width: 100%;
        margin-right: 0;
    }

    .tablet {
        display: none;
    }

    .mobile {
        display: block;
    }

    .mob-no-margin {
        margin: 0;
    }

    h2 {
        font-size: 30px;
    }

    .podnaslov {
        margin: 0 0 30px 0;
        padding: 0 10px 20px 10px;
        font-size: 18px;
    }

    .item H4 {
        font-size: 15px;
        padding: 5px 0 10px 0;
    }

    .paketi2 .mob-c24 .item {
        height: auto;
        margin-bottom: 20px;
    }

    .paketi2 .item .botun {
        position: relative;
        bottom: 30px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 80%;
    }

    .mob-c24 .adresa p, .mob-c24 .linkovi p {
        text-align: center;
    }

    .mob-c24 .linkovi p {
        padding: 8px 0;
    }

    .mob-c24 .linkovi {
        margin-top: 25px;
        border-top: solid 1px #4c4c4c;
        padding-top: 15px;
    }

    .foot-logo img {
        width: 100%;
        max-width: 350px;
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
        text-align: center;
    }

    .footer .soc-icon img {
        float: right;
        margin: 5px 15px 0 0;
    }

    .terceti H3 img, .dueti H3 img {
        width: 35px;
        margin-right: 8px;
        margin-top: -10px;
    }

    .terceti .paketi-stavke, .dueti .paketi-stavke {
        margin-left: 5px;
        margin-top: 30px;
        font-size: 14px;
    }

    .terceti .paketi-stavke li, .dueti .paketi-stavke li {
        padding: 15px 0 15px 35px;
    }

    .aplikacija .c8 {
        padding-left: 10%;
    }

    .podrska-tel {
        font-size: 30px;
        line-height: 45px;
    }

    .poslovni-back H3, .o-nama-tekst H3 {
        font-size: 30px;
    }

    .poslovni-back p, .o-nama-tekst p {
        font-size: 20px;
        line-height: 30px;
        padding: 15px 15px 30px 15px;
    }

    .o-nama-tekst, .poslovni-back {
        padding: 60px 0 40px 0;
    }

    .big {
        font-size: 17px;
        padding: 10px 20px;
    }

    .uvodni-tekst h3 {
        font-size: 17px;
        line-height: 24px;
        padding: 10px 0 20px 0;
    }

    .dueti-poslovni .paketi-stavke {
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .dueti-poslovni .c12:last-child .paketi-stavke {
        margin-bottom: 0;
    }

    .dueti-poslovni .paketi-stavke li {
        background: url(../images/ico-check-sivi.png) 0 8px no-repeat;
        padding: 15px 0 15px 35px;
    }

    .akcija h3 {
        font-size: 38px;
    }

    .akcija .c11 img {
        max-width: 100%;
        height: auto;
        padding-left: 0;
    }

    .akcija .single-cjenik {
        padding: 0;
        margin: 0 0 13px 0;
        border-bottom: solid 1px #e9e9e9;
    }

    .akcija .single-cjenik .cjena-xl {
        font-size: 92px;
        line-height: 92px;
    }

    .akcija .c24 {
        padding: 0 0 5px 180px;
    }

    .akcija .single-cjenik span {
        font-size: 28px;
        line-height: 28px;
    }

    .txt-veci {
        padding: 20px 0;
        line-height: 22px;
        font-size: 17px;
    }

    .provjera p {
        padding: 15px;
        line-height: 22px;
        font-size: 17px;
    }

    .onama-inside .paketi-stavke {
        margin: 0 0 20px 0;
    }

    .osnovni-podaci {
        text-align: left;
        padding: 0 0 10px 0;
    }

    .osnovni-podaci li {
        margin-bottom: 15px;
    }

    .odabir-top {
        margin-top: 15px;
    }

    .c8:first-child .odabir-top {
        margin-top: 0;
    }

    .dokumenti H3 {
        font-size: 20px;
    }

    .pdf {
        margin-left: 0;
    }

    .kontakt-podaci {
        margin-top: 0;
        margin-left: 30%;
    }

    .kontakti .posalji .botun {
        padding: 13px 30px;
        margin-left: 5%;
        margin-top: 0;
        width: 88%;
    }

    .kontakti .posalji {
        margin-top: 0;
    }

    .cjena-obrazac .onama-inside {
        font-size: 14px;
        height: 200px;
    }

    .cjena-obrazac .onama-inside p {
        line-height: 18px;
        padding: 5px 20px 5px 20px;
    }

    .dodatni-tekst p {
        font-size: 15px;
        color: #333;
        line-height: 145%;
        padding: 0 10px 20px 10px;
    }

    .mala-slika {
        display: block;
    }

    .velika-slika {
        display: none;
    }

    .mala-slika img {
        max-width: 100%;
        width: 100%;
        height: auto;
        top: 0;
    }

    /* Control Nav */
    #header-slider .flex-control-nav {
        bottom: 0;
        z-index: 200;
        width: 100%;
    }

    #header-slider .flex-control-nav li {
        margin: 0;
        display: block;
        zoom: 1;
        float: left;
        width: 20%;
        background: #666;
    }

    #header-slider .flex-control-paging li a {
        width: 100%;
        height: 5px;
        display: block;
    }

    #header-slider .flex-control-paging li a.flex-active:before {
        left: 49%;
    }

    .paketi .tablet-c24 .item,
    .tablet-c24 .item-novi,
    .tablet-c24 .item-title {
        margin: 0 15%;
    }

    .tablet-c24 .item-novi,
    .paketi .tablet-c24 .item {
        margin-bottom: 20px;
    }

    .new-icon-holder {
        width: 90%;
        font-size: 18px;
    }

    .new-icon-int {
        background: url(../images/new-icon-internet.png) 50% 0 no-repeat;
    }

    .new-icon-tv {
        background: url(../images/new-icon-tv.png) 50% 0 no-repeat;
    }

    .new-icon-tel {
        background: url(../images/new-icon-phone.png) 50% 0 no-repeat;
    }

    .uvodni-home H1 {
        font-size: 18px;
        padding: 20px 10px;
        line-height: 100%;
    }

    .duopaketi {
        padding-left: 20px;
    }

    .duopaketi .c8 {
        width: 100%;
    }

    .odabir-napomena {
        padding: 10px 0 0 0;
    }

    .domene-select-holder .select-holder {
        margin-bottom: 15px;
    }

    .press-item-img img {
        margin: 0 0 30px 0;
    }

    .press-item-right {
        padding: 0;
    }

    .press-item-left {
        padding: 0;
    }

    .upload-osobne .botuni-holder {
        margin-top: 0;
        text-align: center;
        padding: 0 0 0 0;
    }

    .upload-osobne .botuni-holder .botun {
        padding: 10px 40px;
        text-transform: uppercase;
    }

    .moj-terrakom .acc-container .acc-btn H3 {
        font-size: 18px;
    }

    .moj-terrakom .acc-container .acc-btn H4 {
        font-size: 18px;
    }

    .zasto-hosting {
        padding: 80px 0 40px 0;
        background: #f1f2f4;
    }

    .zasto {
        width: 100%;
        line-height: 120%;
    }

    .zasto .press-item-img {
        text-align: center;
    }

    .zasto-hosting h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .zasto-hosting h4 {
        font-size: 18px;
    }

    .podacioprikljucku .c4,
    .podacioprikljucku .c8,
    .korVlasnik .c4,
    .korVlasnik .c8,
    .dostavaRacuna .c4,
    .dostavaRacuna .c8 {
        width: 100%;
        float: none;
        text-align: left;
    }

    .podacioprikljucku .c4:after,
    .podacioprikljucku .c8:after,
    .korVlasnik .c4:after,
    .korVlasnik .c8:after,
    .dostavaRacuna .c4:after,
    .dostavaRacuna .c8:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    .modal {
        top: 0.5%;
        z-index: 9999;
    }

    .modal .c5,
    .modal .c17 {
        float: none;
        width: 100%;
    }

    .modal .kontakti .c5 {
        text-align: left;
        padding: 0 0 0 0;
    }

    .modal-body {
        padding: 10px 20px 0 20px;
    }

    .modal-footer {
        padding: 15px 10px;
        text-align: center;
    }

    .banner {
        padding: 50px 0;
    }

    .banner h2 {
        font-size: 30px;
        margin: 0 0 0 0;
    }

    .banner .akcijski-popusti h2 {
        font-size: 40px;
    }

    .banner .c9 img {
        width: 65%;
        margin: 20px 0 0 40px;
    }

    .broj-provjeren p {
        font-size: 18px;
        color: #ed620e;
    }
}

@media screen and (max-width: 700px) {
    .dostupnost {
        padding: 40px 3% 0 3%;
        margin-bottom: 0;
    }

    .racun-txt {
        width: 100%;
        margin: 0 0 40px 0;
        float: none;
    }

    .racun-txt p {
        line-height: 120%;
        padding: 0 8px 6px 0;
        display: inline;
    }

    #ispis-poziva H5 {
        font-size: 18px;
    }

    .usluge-home .paket-izdvojen H3 {
        font-size: 30px;
        line-height: 100%;
    }

    .terceti .paket-izdvojen H3,
    .dueti .paket-izdvojen H3 {
        font-size: 30px;
        line-height: 100%;
    }

    .unos-broja .c12, .unos-adrese .c15, .unos-adrese .c9 {
        width: 100%;
        margin: 0;
        float: none;
    }

    .unos-broja button {
        margin: 10px 0 5px 0;
    }

    .unos-adrese button {
        margin: 5px 0 10px 0;
    }

    .moj-item H2 {
        font-size: 24px;
        line-height: 100%;
        margin-bottom: 20px;
    }

    .koraci-obrazac {
        display: none;
    }

    .odabir-holder {
        padding: 0 0 40px 0;
        margin-top: 0;
    }
}

@media screen and (max-width: 600px) {
    .terceti H3, .dueti H3 {
        font-size: 30px;
    }

    .terceti H3 img, .dueti H3 img {
        width: 55px;
        margin-right: 8px;
        margin-top: -16px;
    }

    .terceti .c8, .dueti .c8 {
        float: none;
        width: 100%;
        border: solid 1px #e9e9e9;
        border-radius: 6px;
        padding: 40px 30px 20px 30px;
        margin-bottom: 20px;
    }

    .terceti .paketi-stavke, .dueti .paketi-stavke {
        margin-top: 10px;
        font-size: 17px;
    }

    .podrska .c8, .dueti-poslovni .c8 {
        float: none;
        width: 100%;
        border: none;
        border-radius: 0;
        padding: 0;
        margin-bottom: 0;
    }

    .dueti-poslovni .c8 {
        margin-bottom: 20px;
    }

    .radio-lista-content li {
        background: url(../images/ico-check-sivi.png) 0 8px no-repeat;
        padding: 15px 0 15px 35px;
        width: 49%;
        float: left;
    }

    .modal-footer .loader-holder {
        text-align: left;
        margin-left: -30px;
    }

    .cjena-obrazac .item h4 {
        padding-left: 20px;
        font-size: 18px;
        display: block;
    }

    .podacioprikljucku,
    .adresaPrik,
    .korVlasnik,
    .dostavaRacuna {
        font-size: 14px;
    }

    .cjena-obrazac input, .cjena-obrazac select {
        font-size: 14px;
    }

    .cjena-obrazac select {
        padding: 4px 0;
    }

    .cjena-obrazac {
        padding: 15px;
        font-size: 14px;
    }

    .cjena-obrazac .novibroj {
        font-size: 14px;
    }

    .dodatne-opcije .divheader .c16 {
        width: 57%;
        font-size: 17px;
        margin-right: 0;
    }

    .dodatne-opcije .divheader .c4 {
        width: 20%;
        text-align: right;
        overflow: hidden;
    }

    .moj-terrakom .acc-container .uplatnica {
        font-size: 13px;
    }

    #ispis-poziva .divbody .col:nth-child(2),
    #ispis-poziva .divheader .col:nth-child(2),
    #ispis-poziva .divbody .col:nth-child(3),
    #ispis-poziva .divheader .col:nth-child(3) {
        display: none;
    }

    #ispis-poziva .divbody .c5,
    #ispis-poziva .divheader .c5,
    #ispis-poziva .divbody .c4,
    #ispis-poziva .divheader .c4 {
        width: 31.62393162393162%;
    }

    .paketi .tablet-c24 .item,
    .tablet-c24 .item-novi,
    .tablet-c24 .item-title {
        margin: 0 5%;
    }

    .tablet-c24 .item-novi,
    .paketi .tablet-c24 .item {
        margin-bottom: 20px;
    }

    .banner a .textbox {
        padding: 130px 0 0 0;
    }

    .manja-recenica {
        font-size: 20px;
    }

    .veca-recenica {
        font-size: 40px;
    }

    .new-icon-holder {
        width: 95%;
        font-size: 15px;
    }

    .drop-box {
        padding: 28% 5% 28% 5%;
        text-align: left;
        color: #999;
        background-position: 0 0;
        background-size: 100%;
        background-repeat: no-repeat;
        margin: 8px 0;
    }

    .moj-terra-menu LI {
        width: 100%;
        margin: 0 0 3px 0;
        float: none;
    }

    .moj-terra-menu {
        margin-bottom: 20px;
    }

}

@media screen and (max-width: 530px) {
    .aplikacija .c8 {
        padding-left: 0;
        font-size: 14px;
    }

    .aplikacija .c8 .paketi-stavke li {
        background: none;
        padding: 10px 0 10px 0;
    }

    .poslovni .paketi-stavke {
        margin-left: 0;
        width: 100%;
    }

    .akcija .single-cjenik .cjena-xl, .akcija .single-cjenik .c24 {
        float: none;
        width: 100%;
    }

    .akcija .single-cjenik .c24 {
        padding: 0;
    }

    .akcija h3 {
        margin: 0;
        padding: 0;
    }

    .akcija .single-cjenik {
        padding-bottom: 20px;
    }

    .pogodnosti {
        padding: 20px 0 0 15px;
    }

    .botuni-holder .botun {
        padding: 10px 20px;
    }

    #moj-terrakom-wraper .kontakti .col {
        width: 100%;
        margin: 0;
        text-align: left;
    }

    #moj-terrakom-wraper .kontakti .posalji .botun {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .provjera-domena select {
        width: 32%;
    }

    .provjera-domena input[type='text'] {
        width: 68%;
    }

    .domena {
        font-size: 18px;
    }

    .dostupnost-novi:before {
        left: 46%;
    }

}

@media screen and (max-width: 480px) {
    .banner .akcijski-popusti h2 {
        font-size: 35px;
    }

    .banner .c9 img {
        width: 75%;
        margin: 20px 0 0 20px;
    }
}

@media screen and (max-width: 410px) {
    .openmen .menu li {
        width: 100%;
        float: none;
        padding: 0 4px 2px 4px;
    }

    .tiny.openmen, .openmen {
        height: 525px;
    }

    .openmen .menu li a {
        padding: 8px 10px;
        font-size: 15px;
        line-height: 24px;
    }

    .terceti H3, .dueti H3 {
        font-size: 20px;
    }

    .terceti H3 img, .dueti H3 img {
        width: 35px;
        margin-right: 8px;
        margin-top: -10px;
    }

    .terceti .paketi-stavke, .dueti .paketi-stavke {
        font-size: 14px;
    }

    .akcija h3 {
        font-size: 28px;
    }

    .akcija .single-cjenik span {
        font-size: 18px;
        line-height: 18px;
    }

    .akcija .single-cjenik .cjena-xl span {
        font-size: 28px;
        line-height: 28px;
    }

    .kontakt-podaci {
        margin-top: 0;
        margin-left: 10%;
    }

    .lista-kanala {
        padding: 15px;
    }

    .lista-content img {
        width: 100px;
    }

    .radio-lista-content li {
        background: url(../images/ico-check-sivi.png) 0 8px no-repeat;
        padding: 15px 0 15px 35px;
        width: 100%;
        float: none;
    }

    .item-novi {
        padding: 10px 0;
    }

    .item-novi H2 {
        font-size: 30px;
    }

    .item-novi H4 {
        padding: 0 20px 8px 20px;
    }

    .item-novi .akcija-content .kuna {
        font-size: 16px;
    }

    .paketi .tablet-c24 .item,
    .tablet-c24 .item-novi,
    .tablet-c24 .item-title {
        margin: 0 0;
    }

    .tablet-c24 .item-novi,
    .paketi .tablet-c24 .item {
        margin-bottom: 20px;
    }

    .banner a .textbox {
        padding: 100px 0 0 0;
    }

    .moj-terrakom .acc-container .acc-btn H3 {
        font-size: 14px;
    }

    .moj-terrakom .acc-container .acc-btn H4 {
        font-size: 14px;
    }

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

    .banner .akcijski-popusti h2 {
        font-size: 30px;
    }

    .banner .akcijski-popusti h3 {
        font-size: 20px;
    }

    .banner .akcijski-popusti h4 {
        font-size: 16px;
    }

    .banner .c9 img {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .odabir-top {
        padding: 20px 0 10px 20px;
        width: 48%;
        text-align: left;
    }

    .odabir-bottom {
        width: 52%;
    }

    .odabir-napomena p.manji-font {
        font-size: 14px;
        padding: 0 20px;
        line-height: 140%;
    }
}

.uppercase {
    text-transform: uppercase;
}

.font40 {
    font-size: 35px !important;
    padding: 36px 0 10px 0 !important;
}

.font20 {
    font-size: 20px;
}

.super-paket-info {
    padding: 22px 60px 32px 80px;
}

.super-paket-info p {
    font-style: italic;
    margin: -16px 0 0 60px;
}

.super-paket-info h3 {
    margin-left: 120px;
    padding: 15px 0 5px 0;
    position: relative;
}

.super-paket-info h3 img {
    float: left;
    margin-right: 10px;
    margin-top: 0;
    position: absolute;
    left: -60px;
    width: 40px;
}

.super-paket h2 {
    color: #54b408;
}

.super-paket p {
    text-align: justify;
}

@media screen and (min-width: 1200px) {
    .super-paket h2 {
        margin-left: 60px;
    }
}

@media screen and (max-width: 1200px) {
    .super-paket-info {
        padding: 22px 60px 32px 40px;
    }

    .super-paket-info h3 {
        margin-left: 60px;
    }

    .super-paket-info p:nth-child(3n-2) {
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 770px) {
    .font40 {
        font-size: 20px !important;
    }

    .font20 {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 530px) {
    .super-paket-info {
        padding: 22px 5px 32px 5px;
    }

    .super-paket-info h3 {
        margin-left: 45px;
    }

    .super-paket-info p {
        margin-left: 45px;
    }
}

.istaknuto {
    color: #54b408;
}

.okvir {
    padding: 1em;
    background: #54b408;
    width: 70%;
    margin: auto;
    margin-bottom: 5px;
    border-radius: 5px;
    color: #fff;
}

.okvir .istaknuto {
    background-color: #fff;
    font-size: 1.2em;
    padding: 10px;
    border-radius: 5px;
    margin-left: 10px;
}

.super-paket-infografika {
    width: 100%;
    margin-top: -50px;
    padding: 2em 0;
}

@media screen and (min-width: 1200px) {
    .super-paket-infografika {
        width: 680px;
    }
}

.super-paket-infografika-2 {
    width: 100%;
    padding: 2em 0;
}

@media screen and (min-width: 1200px) {
    .super-paket-infografika-2 {
        width: 680px;
    }
}

.banner .botun {
    padding: 15px 100px;
    text-transform: uppercase;
    font-size: 1.1em;
}

@media screen and (max-width: 530px) {
    .banner .botun {
        padding: 10px 30px;
        text-transform: uppercase;
        font-size: 1em;
    }
}

.banner {
    min-height: 200px;
}

}

.super-paket .center-align-botun {
    text-align: center;
}

.super-paket .center-align-botun .botun {
    margin: 2em 0;
}

.super-paket .center-align-botun-2 .botun {
    margin-top: 2em;
}

.super-trio-container .paketi2 {

    background: rgb(241, 242, 244); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 242, 244, 1)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(241, 242, 244, 1) 0%, rgba(255, 255, 255, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f2f4', endColorstr='#ffffff', GradientType=0); /* IE6-9 */

}

.super-trio-container .botun {
    background-color: #F89406 !important;
    background-image: none;
    text-shadow: none;
}

.super-trio-container .botun:hover {
    background-color: #E87E04 !important;
    background-image: none;
}

#popup-podrska {
    position: fixed;
    z-index: 50;
    bottom: 50px;
    right: 0;
}

.popup-podrska-wrap {
    background-color: #007234;
    width: 500px;
    padding: 15px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    position: relative;
}

@media screen and (max-width: 1200px) {
    .popup-podrska-wrap .wrap {
        padding-left: 0;
        padding-right: 0;
    }
}

.popup-podrska-wrap p {
    color: #FFFFFF;
    line-height: 25px;
}

.popup-podrska-wrap .icon-close {
    position: absolute;
    top: 8px;
    right: 8px;
}

.popup-podrska-wrap .icon-close:hover {
    cursor: pointer;
}

.popup-podrska-wrap .call-agent {
    padding-right: 0;
}

.popup-podrska-wrap input {
    padding: 9px 8px;
    border-radius: 2px 0 0 2px;
    width: 200px;
    margin-right: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.popup-podrska-wrap .botun {
    line-height: 18px;
    margin-left: -4px;
    height: 37px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.popup-podrska-wrap .popup-unos {
    margin-top: 5px;
    display: block;
    min-width: 290px;
}

.popup-podrska-closed {
    background-color: #007234;
    width: 75px;
    height: 75px;
    padding: 10px;
    border-radius: 5px 0 0 5px;
    position: relative;
}

#popup-podrska {
    position: fixed;
    z-index: 50;
    bottom: 50px;
    right: 0;
    transition: 0.7s ease;
}

.popup-podrska-wrap {
    background-color: #007234;
    width: 500px;
    padding: 15px;
    border-radius: 8px 0 0 8px;
    position: relative;
}

@media screen and (max-width: 1200px) {
    .popup-podrska-wrap .wrap {
        padding-left: 0;
        padding-right: 0;
    }
}

.popup-podrska-wrap p {
    color: #FFFFFF;
    line-height: 25px;
}

.popup-podrska-wrap .icon-close {
    position: absolute;
    top: 8px;
    right: 8px;
}

.popup-podrska-wrap .icon-close:hover {
    cursor: pointer;
}

.popup-podrska-wrap .call-agent {
    padding-right: 0;
}

.popup-podrska-wrap input {
    padding: 9px 8px;
    border-radius: 2px 0 0 2px;
    width: 200px;
    margin-right: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.popup-podrska-wrap .botun {
    line-height: 18px;
    margin-left: -4px;
    height: 37px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.popup-podrska-wrap .popup-unos {
    margin-top: 5px;
    display: block;
    min-width: 290px;
}

.popup-podrska-closed {
    position: fixed;
    z-index: 50;
    bottom: 50px;
    right: 0;
    transition: 0.7s ease;
    background-color: #007234;
    width: 75px;
    height: 75px;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    cursor: pointer;
}

.popup-podrska-toggle {
    right: -550px !important;
}

.popup-podrska-closed-toggle {
    right: -100px;
}

/*Zatrazi uslugu - medjustranica*/

.zatrazi-usugu-box {
    background-color: #007234;
    border-radius: 8px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    color: #FFFFFF;
    padding: 50px 30px 30px 30px;
    min-height: 400px;
    margin-bottom: 40px;
}

.zatrazi-usugu-box h5 {
    text-transform: none;
    font-size: 28px;
    font-weight: 600;
}

.zatrazi-usugu-box p {
    font-size: 16px;
}

.zatrazi-usugu-box img {
    margin-bottom: 10px;
}

.zatrazi-usugu-box:nth-child(2) {
    margin-right: 20px;
}

.medjustranica {
    background-color: #FFFFFF;
    padding: 80px 0;
}

.input-holder {
    display: block;
    max-width: 100%;
}

.input-holder input {
    padding: 8px;
    width: 70%;
    float: left;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.input-holder a {
    width: 30%;
    float: left;
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.botun-full-width {
    width: 100%;
}

.popup-toggle {
    display: none;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* maja addition*/

/*////////////////////////////////////// TEST ////////////////////////////////////////// */

/*.modal{*/
/*top: 50%;*/
/*left: 50%;*/
/*bottom: auto;*/
/*right: auto;*/
/*-webkit-transform: translate(-50%, -50%);*/
/*transform: translate(-50%, -50%);*/
/*overflow: auto;*/
/*}*/

/*////////////////////////////////////// END /////////////////////////////////////////// */

/* DATEPICKER --------------------------------START*/

#wand-export--showDays {
    display: inline-block;
}

#wand-export--showMonths {
    display: none;
}

.crm-datepicker button {
    background-color: transparent;
    color: #000;
}

.crm-datepicker ul {
    /*max-width: 500px;*/
    overflow-y: hidden !important;
}
.crm-datepicker .btn-sm, 
.crm-datepicker .btn-sm:focus, 
.crm-datepicker .btn-sm:active,
.crm-datepicker .btn, 
.crm-datepicker .btn:focus, 
.crm-datepicker .btn:active{
    padding: 10px 5px;
    font-size: 13px;
}

.crm-datepicker td,
.crm-datepicker th {
    padding: 5px;
    width: auto;
    background-color: #fff;
    color: #7bc144;
    border-bottom: none;
}

.crm-datepicker td button {
    font-size: 12px;
}

.crm-datepicker button.pull-right,
.crm-datepicker button.pull-left {
    background-color: #54b408;
}

.crm-datepicker td button .text-muted,
.crm-datepicker .h6 {
    color: #b5b5b5;
}

.crm-datepicker .btn-default[disabled],
.crm-datepicker .row .btn-default[disabled] {
    background-color: #fff;
}

.crm-datepicker .btn-default[disabled]:hover {
    background-color: #54b408;
}

.crm-datepicker th {
    text-align: center;
}

/*days of current month*/

.crm-datepicker button,
.crm-datepicker input[type='submit'],
.crm-datepicker .button {
    padding: 10px 5px;
}

.crm-datepicker .btn-default[disabled] {
    background-color: #ccc;
    border-color: #fff;
}

.crm-datepicker .row select,
.crm-datepicker .row .wand-export-datePicker {
    margin-right: 1em;
}

/* DATEPICKER --------------------------------END*/

/* TAB fiskalna blagajna, podtab statisktike ---------------------START*/

.daterangepicker.fiskal-statistic-daterangepicker {
    overflow-y: hidden !important;
}

.fiskal-statistic-daterangepicker table td.active,
.fiskal-statistic-daterangepicker .ranges ul li.active {
    background-color: #54b408;

}

.fiskal-statistic-daterangepicker table td.active:hover,
.fiskal-statistic-daterangepicker .ranges ul li.active:hover {
    background-color: #007234;
}

.fiskal-statistic-daterangepicker .ranges ul li {
    background-color: transparent;
    color: #000;

}

.fiskal-statistic-daterangepicker .ranges ul li:hover {
    background-color: #007234;
    color: #fff
}

.fiskal-statistic-daterangepicker .ranges ul li.active {
    border: 0.01em solid #54b408;
    background-color: transparent;
}

.fiskal-statistic-daterangepicker .range_inputs {
    margin-top: 2em;
}

.fiskal-statistic-daterangepicker .range_inputs button {
    padding: 0.7em;
    margin-right: 0.5em;
}

.fiskal-statistic-daterangepicker .daterangepicker_input .input-mini.active {
    border: 0.01em solid #54b408;
}

.fiskal-statistic-daterangepicker table th {
    background-color: transparent;
}

/* TAB fiskalna blagajna, podtab statisktike ---------------------END*/

@media screen and (max-width: 768px) {
    .crm-datepicker .dropdown-menu {
        /*top: 50%;*!*/
        /*left: 50%;*/
        /*bottom: auto;*/
        /*right: auto;*/
        /*-webkit-transform: translate(-50%, -50%);*/
        /*transform: translate(-50%, -50%);*/
    }
}

.tv-slika {
    margin: 0 auto;
    max-width: 600px;
}

@media screen and (max-width: 800px) {
    .tv-slika {
        margin: 0 auto;
        max-width: 100%;
    }
}

.table-wrap {
    padding: 0 60px;
}

@media screen and (max-width: 1200px) {
    .table-wrap {
        padding: 0;
    }
}

.super-trio-container .caption p {
    line-height: 15px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 15px;
    color: #999;
}

.super-trio-container .super-paket .centrirano-tv p {
    padding-bottom: 0;
    line-height: 13px;
    text-align: center;
}

.memo-header {
    width: 200mm;
}

#radni-nalog {
    width: 210mm;
    background-color: #fff;
    box-sizing: border-box;
    height: 277mm;
}

/**/
#radni-nalog .rn-title-bar {
    margin-top: -30px;
}

#radni-nalog .rn-title-bar p, #radni-nalog .rn-title-bar h2 {
    display: inline;
}

#radni-nalog .rn-title-bar p {
    float: right;
}

#radni-nalog .rn-title-bar p span {
    padding: 0 5px;
}

#radni-nalog .content {
    background-color: #fff !important;
}

#radni-nalog hr {
    border: none;
    height: 3px;
    color: #54b408;
    background-color: #54b408;

    margin-bottom: 5px;
}

#radni-nalog hr.signature {
    height: 1px;
    color: #555;
    background-color: #555;
    width: 150px;
    float: right;
}

#radni-nalog h2 {
    color: #58585B;
    font-size: 18px;
}

#radni-nalog h2.rn-naslov {
    margin-top: 0;
    margin-bottom: 0;
}

#radni-nalog h3 {
    color: #58585B;
    margin-bottom: 2px;
    margin-top: 7px;
    font-size: 14px;
    font-family: 'source_sans_problack', sans-serif;
}

#radni-nalog p, #radni-nalog div, #radni-nalog input, #radni-nalog textarea {
    font-size: 12px;
}

#radni-nalog .klijenti-tablica tbody td, .klijenti-tablica tbody th {
    padding: 1px 4px !important
}

#radni-nalog .adresa-prikljucka-title {
    display: inline;
}

#radni-nalog .adresa-prikljucka p {
    display: inline;
    float: right;
}

#radni-nalog .adresa-prikljucka {
    margin-top: 11px;
}

#radni-nalog textarea {
    border: 1px solid #aaa;
    width: 100%;
    padding: 3px;
}

#radni-nalog input {
    padding: 1px 3px;
    border: 1px solid #aaa;
}

#radni-nalog input[type="checkbox"] {
    margin: 0;
}

#radni-nalog .utroseni-materijal input[type="text"] {
    padding: 0 5px !important;
    width: 194px;
    margin: 0 !important;
}

#radni-nalog .ukupno-materijala {
    width: 100px !important;
}

#radni-nalog .izdatnica-povratnica input[type="text"] {
    padding: 0 5px !important;
    width: 90px;
    margin: 0 0 0 5px !important;
}

#radni-nalog .izdatnica-povratnica input[type="checkbox"] + label:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 34px;
    margin: -10px 0 0 -18px;
    vertical-align: middle;
    width: 25px;
}

#radni-nalog .izdatnica-povratnica input[type="checkbox"] + label {
    margin-right: 5px;
}

#radni-nalog .podaci-teh-pre .teh-pre {
    display: inline;
}

#radni-nalog .podaci-teh-pre input {
    float: right;
}

#radni-nalog .row {
    width: 99%;
    left: 4px;
    position: relative;
}

.radni-nalog-ns#radni-nalog hr {
    margin-bottom: 10px;
}

.radni-nalog-ns#radni-nalog hr {
    margin-bottom: 10px;
}

.radni-nalog-ns#radni-nalog .memo-header {
    width: 210mm;
}

.radni-nalog-ns#radni-nalog h3 {
    margin-top: 15px;
}

.radni-nalog-ns#radni-nalog {
    margin: 0 auto;
    width: 210mm;
    height: 279mm;
}

.radni-nalog-ns#radni-nalog .podaci-o-klijentu-title {
    margin-top: 9px !important;
}

.radni-nalog-ns#radni-nalog .izdatnica-povratnica input[type="text"] {
    margin: 0 0 3px 5px !important;
}

.radni-nalog-ns#radni-nalog .utroseni-materijal input[type="text"] {
    width: 189px;
    margin: 0 0 3px 4px !important;
}

.radni-nalog-ns#radni-nalog hr.signature {
    margin-top: 10px;
}

.radni-nalog-ns#radni-nalog .text10 {
    margin-top: 20px;
}

@media print {
    html, body {
        background-color: #fff !important;
    }
}

.prijava-kvara-detalji p {
    line-height: 22px;
    margin: 10px 0;
}

.prijava-kvara-detalji hr {
    margin-bottom: 10px;
}

.front-status-msg {
    padding: 0.5rem;
    border-radius: 3px;
}

@media only screen and (min-width: 768px) {
    .front-status-msg {
        padding: 0.75rem;
    }
}
/*new shit*/

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.has-error .input-group-addon, .front-status-msg.danger-msg {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.front-status-msg.info-msg{
    color: #31708f;
    background-color: #ccfcff;
    border-color: #31708f;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

textarea.form-control {
    height: auto;
}

.formly-field.section-label {
    margin-bottom: 8px;
    margin-top: 8px;
}

.banner-title {
    color: #7ac141;
    margin-bottom: 0;
    font-family: 'source_sans_problack';
}

@media screen and (min-width: 651px) {
    .infografika-landing-int-paketi {
        margin: 0 auto;
        width: 100%;
    }

    .infografika-landing-int-paketi-mobile {
        display: none;
    }
}

@media screen and (min-width: 1000px) {
    .infografika-landing-int-paketi {
        width: 1000px;
    }
}

@media screen and (max-width: 650px) {
    .infografika-landing-int-paketi {
        display: none;
    }

    .infografika-landing-int-paketi-mobile {
        display: block;
        width: 100%;
        height: auto;
    }
}

.paketi.internet-paketi {
    padding-bottom: 0;
}

.clickable-image:hover {
    cursor: pointer;
}

.istaknuto-u-textu {
    text-align: center !important;
    margin: 0 !important;
    font-weight: bold !important;
}

.center-must {
    text-align: center !important;
}

.imenik .input-type-text {
    display: inline-block;
    border: solid 1px #e5e5e5;
    padding: 9px 10px;
    margin: 0;
    margin-right: -5px;
    width: 230px;
    border-radius: 2px;
    background: #fff;
}

.imenik .item {
    padding-bottom: 20px;
}

.captcha > div {
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.rac-status {
    text-transform: capitalize !important;
    color: #808080;
}

.rac-status.rac-neplaceno {
    color: #e74240;
}

.rac-status.rac-placeno {
    color: #7bc143;
}

.rac-da-toggle {
    position: relative;
}

.rac-dodatne-akcije {
    display: block;
    position: absolute;
    z-index: 50;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #e6e6e5;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}

.rac-dodatne-akcije li {
    border-bottom: 1px solid #e6e6e5;
    padding: 10px 10px 10px 6px;
}

.rac-dodatne-akcije li:hover {
    background-color: #ddd;
    cursor: pointer;
}

.rac-dodatne-akcije li img {
    vertical-align: text-bottom;
}

.chat {
    background: url('../images/flat-internet-chat-bg.jpg');
    background-size: cover;
    padding: 40px 5px;
}

.chat .mali {
    width: 500px;
    max-width: 80%;
}

.msg-wrap {
    padding: 8px;
    margin: 5px 0;
    border-radius: 15px;
}

.msg-in {
    background: #FFAF19;
    float: left;
    clear: both;
}

.msg-in:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 7px solid #FFAF19;
    border-left-color: #FFAF19;
    border-bottom-color: #FFAF19;
}

.msg-in .user-image {
    position: absolute;
    left: -55px;
    top: -5px;
}

.msg-out {
    background: #00B155;
    float: right;
    clear: both;
}

.msg-out:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 7px solid #00B155;
    border-left-color: #00B155;
    border-bottom-color: #00B155;
}

.msg-out .user-image {
    position: absolute;
    right: -55px;
    top: -5px;
}

.msg {
    color: #fff;
    display: inline;
    margin: 0;
    padding: 5px !important;
}

.user-image {
}

.msg-wrap {
    position: relative;
}

/* Accordion */

.onama-inside.accordion {
    padding: 10px 60px 10px 60px;
}

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

    .onama-inside.accordion {
        padding: 0;
    }
}

.accordion .acc-container {
    width: 100%;
    margin: 30px auto 0 auto;
    border-radius: 2px;
    overflow: hidden;
    border: none;
    font-size: 15px;
    line-height: 20px;
}

.accordion .acc-container .acc-btn {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    cursor: pointer;
    text-transform: none;
    background: transparent;
    filter: none;
    position: relative;
    padding-left: 65px;
    font-size: 18px;
    color: #333;
}

.accordion .acc-container .acc-content {
    height: 0;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: transparent;
}

.accordion .acc-container .acc-content-inner {
    padding: 0 20px 20px 20px;
}

.accordion .acc-container .acc-content-inner p {
    padding-left: 45px;
    font-size: 16px;
}

.accordion .acc-container .open {
    height: auto;
}

.accordion .acc-container .selected {
    color: #7ac142;
    text-transform: none;
}

.acc-btn:before {
    border: none;
    height: auto;
    margin: auto;
    padding: 17px 1px 13px 3px;
    text-align: center;
    width: 46px;
    border-radius: 50%;
    background: #7ac142;
    content: "";
    font-family: "fontawesome";
    font-size: 25px;
    position: absolute;
    left: 0;
    top: 8px;
    text-decoration: inherit;
    color: #fff;
}

.acc-wrap {
    position: relative;
    padding-bottom: 8px;
}

.acc-wrap:before {
    content: "";
    border-left: 1px dashed #c3cbd7;
    height: 100%;
    position: absolute;
    left: 25px;
    top: 8px;
    width: 1px;
}

.acc-btn.icon-paket:before {
    content: "\f16b";
}

.acc-btn.icon-brzina:before {
    content: "\f245";
}

.acc-btn.icon-cijena:before {
    content: "\f1c0";
}

.acc-btn.icon-ugovor:before {
    content: "\f044";
}

.acc-btn.icon-potvrda:before {
    content: "\f128";
}

.acc-btn.icon-potvrda2:before {
    content: "\f2a4";
}

.acc-btn.icon-unikat:before {
    content: "\f087";
}

.flat-net-bg {
    background: url('../images/flat-internet-chat-bg.jpg');
    background-size: cover;
    padding: 20px 5px 40px 5px;
}

.landing-list.onama-inside .paketi-stavke {
    margin: 0 0 30px 23px;
}

.accordion h1 {
    text-transform: uppercase;
    font-size: 34px;

}

.big-box-bg {
    background: url('../images/flat-internet-landing-03112017.jpg?eur') no-repeat center center;

    background-size: cover;
    padding: 70px 5px 70px 5px;
    min-height: 575px;
}

.big-box-bg-mobile {
    display: none;
}

@media screen and (max-width: 750px) {
    .big-box-bg {
        background-image: none;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .big-box-bg.stm-landing {
        background-image: none;
        min-height: 200px;
        padding: 0;
    }

    .big-box-bg.st-landing {
        background-image: none;
        min-height: 200px;
        padding: 0;
    }

    .big-box-bg-mobile {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
    }

}

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

.big-box {
    padding: 50px 0;
    margin-left: -25px;
    margin-right: -25px;
}

.big-box p {
    font-size: 22px;
}

.big-box h1 {
    font-size: 35px;
}

.tooltip-wrap {
    position: relative;
}

.tooltip-wrap > .tooltip {
    position: absolute;
    top: -32px !important;
    left: -4px !important;
    width: auto !important;
}

.tooltip.top .tooltip-arrow {
    left: 39%;
}

.opcije-paketa p.kuna {
    padding: 5px;
    text-align: center;
}

.opcije-paketa .item-novi .single-cjenik {
    border-bottom: none;
}

.opcije-paketa .item-novi .akcija-holder .akcija-title {
    width: 100px;
}

.opcije-paketa h2 {
    margin-left: 0;
    text-align: center;
    font-size: 36px;
}

.social-modal {
    display: none;
    position: fixed;
    height: 200px;
    top: calc(50% - 100px);
    right: 0;
    background-color: transparent;
    width: 40px;
    z-index: 1000;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    overflow: hidden;
}

.social-modal ul li:nth-of-type(1) {
    background-color: #4e71a8;
}

.social-modal ul li:nth-of-type(2) {
    background-color: #1686b0;
}

.social-modal ul li:nth-of-type(3) {
    background-color: #ca3737;
}

.social-modal ul li:nth-of-type(4) {
    background-color: #444444;
}

.social-modal ul li:nth-of-type(5) {
    background-color: #7ac142;
}

.social-modal ul li {
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    opacity: 0.8;
    transition: 150ms all ease;
}

.social-modal ul li a {
    color: #fff !important;
    font-size: 20px;
    line-height: 40px;
}

.social-modal ul li:hover {
    opacity: 1;
}

@media screen and (min-width: 991px) {
    .social-modal {
        display: block;
    }
}

.poslovni h3 {
    text-align: center;
    font-size: 40px;
    margin: 30px 0 40px 0;
}

.poslovni h4 {
    font-size: 30px;
    font-family: 'source_sans_prolight';
}

.poslovni h4.font-bold {
    font-size: 30px;
    font-family: 'source_sans_probold';
    color: #00a444;
}

.poslovni .wrap.poslovni-ikone {
    max-width: 900px;
}

.poslovni .poslovni-ikone p {
    font-size: 16px;
    font-family: 'source_sans_proregular';
}

.poslovni h4.under-icons {
    font-size: 25px;
    font-family: 'source_sans_probold';
}

.poslovni-ikone .flex {
    margin-bottom: 30px;
}

.poslovni-ikone .subtitle {
    font-size: 23px !important;
    color: #333;
    line-height: 145%;
    padding: 0 60px 25px 60px;
    margin: 0;
    font-family: 'source_sans_prolight' !important;
    font-weight: normal;
    text-align: center;
}

.poslovni.darker-bg {
    padding: 0 0 50px 0;
}

.poslovni .wrap {
    max-width: 1000px;
}

.poslovni .wrap.full-width {
    max-width: 100%;
    width: 100%;
}

.poslovni .poslovni-title {
    text-align: center;
    padding: 10px 0 50px 0;
    margin-top: -80px;
    padding-top: 90px;
}

.poslovni .poslovni-title h1 {
    text-align: center;
    font-size: 40px;
    margin: 0;
    text-transform: uppercase;
}

.poslovni .poslovni-title h2 {
    text-align: center;
    font-size: 20px;
    margin: 0;
    text-transform: none;
}

.poslovni p {
    font-family: 'source_sans_proregular';
    font-size: 16px;
    color: #333;
    line-height: 1.15em;
    padding: 10px 0;
    margin-bottom: 20px;
}

.poslovni hr {
    border: 0;
    color: #00a444;
    background-color: #00a444;
    height: 2px;
}

.poslovni .poslovni-internet-banner {
    background: #00b155 !important;
    padding: 100px 0 !important;
    color: #fff;
    margin-bottom: 60px;
    text-align: left;
}

.poslovni-internet-banner .font-huge {
    font-size: 70px;
    text-align: left;
}

.poslovni-internet-banner h4 {
    font-size: 36px;
}

.poslovni-internet-banner p {
    font-size: 18px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
}

.poslovni-internet-banner p:nth-of-type(1) {
    font-size: 19px;
    line-height: 1.5em;
}

.poslovni-internet-banner p:nth-of-type(2) {
    font-family: 'source_sans_prolight'
}

.poslovni-internet-banner p:nth-of-type(2) strong {
    font-family: 'source_sans_probold';
    font-weight: normal;
}

.poslovni .poslovni-tel-tarife {
    background-color: #e6e6e6 !important;
    background: #e6e6e6 !important;
    padding: 100px 0 !important;
    text-align: left;
}

.poslovni-tel-tarife h4 {
    font-size: 36px;
    text-transform: none;
    font-family: 'source_sans_prolight';
    line-height: 36px;
    margin-bottom: 20px;
}

.poslovni-tel-tarife h5 {
    font-size: 26px;
    text-transform: none;
    font-family: 'source_sans_prolight';
    line-height: 36px;
}

.poslovni-tel-tarife p {
    padding: 5px 0 !important;
    margin-bottom: 0 !important;
}

.poslovni .poslovni-tel-tarife hr {
    width: 92px;
    margin-bottom: 18px;
}

@media screen and (max-width: 770px) {
    .poslovni-tel-tarife h4 {
        margin-top: -10px;
    }

    .poslovni-tel-tarife h5 {
        margin-top: 40px;
    }
}

.poslovni .poslovni-internet hr:nth-of-type(1) {
    width: 40px;
}

.poslovni .poslovni-internet hr:nth-of-type(2) {
    width: 72px;
}

.poslovni .poslovni-internet hr:nth-of-type(3) {
    width: 67px;
}

.poslovni .poslovni-govorne hr:nth-of-type(1) {
    width: 62px;
}

.poslovni .poslovni-govorne hr:nth-of-type(2) {
    width: 98px;
}

.poslovni .poslovni-data hr:nth-of-type(1) {
    width: 70px;
}

.poslovni .poslovni-data hr:nth-of-type(2) {
    width: 70px;
}

.btn-dark-green {
    background-color: #007234;
    color: #fff;
    font-family: 'source_sans_probold';
    font-weight: normal;
    text-transform: uppercase;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.btn-dark-green:hover {
    background-color: #68bd45;
    color: #fff;
}

.btn-green-terra {
    background-color: #00a444;
    color: #fff;
    font-family: 'source_sans_probold';
    font-weight: normal;
    text-transform: uppercase;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.btn-green-terra:hover {
    background-color: #007234;
    color: #fff;
}

.btn-outline-black, .btn-outline-black:active, .btn-outline-black:focus {
    background-color: transparent;
    color: #000000;
    font-family: 'source_sans_proregular';
    font-weight: normal;
    text-transform: uppercase;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    border: 1px solid #333333;
}

.btn-outline-black:hover {
    background-color: #333333;
    color: #fff;
}

.hosting-ul.ul-in-modal {
    margin-left: 0;
}

.full-image {
    max-width: 100%;
}

.poslovni strong {
    font-family: 'source_sans_proregular', sans-serif;
    font-weight: 600;
}

.poslovni-ikone a:hover {
}

.wrap.poslovni-tel-centrala {
    background: #f1f2f4 !important;
    background-color: #f1f2f4 !important;
    padding: 100px 0 !important;
    margin-bottom: 60px;
    text-align: left;
}

.poslovni-tel-centrala h3 {
    font-size: 40px;
    line-height: 40px;
    font-family: 'source_sans_prolight';
    text-align: left;
    margin-bottom: 10px;
    margin-top: 20px;
}

.poslovni-tel-centrala h5 {
    text-transform: uppercase;
    color: #00a444;
    font-size: 21px;
}

.poslovni-tel-centrala img {
    margin-bottom: 12px;
}

@media screen and (max-width: 770px) {
    .poslovni-tel-centrala h3 {
        margin-top: -10px;
    }

    .poslovni-tel-centrala img {
        margin-top: 40px;
    }
}

.poslovni .botun {
    margin: 30px 0;
}

.poslovni .poslovni-kontakt span {
    display: block;
    line-height: 165%;
}

.wrap.testimonials {
    background: #f1f2f4 !important;
    background-color: #f1f2f4 !important;
    padding: 100px 0 !important;
    text-align: left;
}

.poslovni-usluge .usluga-box {
    max-width: 19%;
    width: 19%;
    height: 250px;
    display: block;
    float: left;
    margin-right: 9px;
    min-width: 170px;
    margin-top: 9px;
    border-radius: 2px;
}

.poslovni-usluge .usluga-box-wrap {
    padding: 25px;
    text-align: center;
    word-break: break-word;
    width: 100%;
    font-size: 13px;
}

.poslovni-usluge .usluga-box-wrap p {
    font-family: 'source_sans_probold';
    color: #fff;
}

.poslovni-usluge .usluga-box-wrap .fa {
    font-size: 50px;
    margin-bottom: 20px;
}

.poslovni-usluge .usluga-box p {
    font-size: 16px;
}

@media screen and (max-width: 950px) {
    .poslovni-usluge .usluga-box {
        max-width: 48%;
        width: 48%;
        height: auto;
        min-height: 180px;
    }

    .poslovni-usluge .usluga-box-wrap {
        padding: 30px 15px 0 15px;
    }
}

@media screen and (max-width: 500px) {
    .poslovni-usluge .usluga-box {
        max-width: 100%;
        width: 100%;
        height: auto;
        min-height: 50px;
    }

    .poslovni-usluge .usluga-box-wrap {
        padding: 30px 10px 0 10px;
    }
}

.poslovni .poslovni-tablica {
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.poslovni-tablica-header, .poslovni-tablica .first {
    background: #7ac142;
    color: #fff;
}

.poslovni-tablica-header .first {
    background: #fff;
    border: none !important;
}

.poslovni .poslovni-tablica td {
    font-size: 18px;
    line-height: 20px;
    border: none;
    text-align: center;
    border: 1px solid #f2f2f2;
    padding: 25px;
}

@media screen and (max-width: 500px) {
    .poslovni .poslovni-tablica {
        width: 100%;
    }

    .poslovni .poslovni-tablica td {
        font-size: 14px;
        line-height: 16px;
        padding: 5px;
    }
}

.poslovni .poslovni-tablica .first {
    text-align: center;
}

.poslovni .wrap-poslovni-usluge {
    background: url("../images/poslovni-usluge-bg-green.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 30px 0 50px 0;
    margin: 40px 0 60px 0;
}

div.slider-wrap {
    position: relative;
}

div.slide {
    display: none;
}

div.slide.active {
    display: block;
}

span.slider-control {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 90px;
    text-align: center;
    cursor: pointer;
    color: #aaaaaa;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

span.slider-control:hover {
    color: #666666;
}

span.slider-control.previous {
    left: 0;
    margin-left: -50px;
}

span.slider-control {
    right: 0;
    margin-right: -50px;
}

span.slider-control i.fa {
    font-size: 40px;
}

div.testimonial-text {
    background-color: #fff;
    border-radius: 2px;
    padding: 60px 60px 40px 60px;
    position: relative;
}

@media screen and (max-width: 1092px) {
    div.testimonial-text {
        margin-left: 30px;
        margin-right: 30px;
    }

    span.slider-control.previous {
        margin-left: -20px;
    }

    span.slider-control {
        margin-right: -20px;
    }
}

div.testimonial-text p {
    font-style: italic !important;
}

div.testimonial-text:before {
    content: '"';
    position: absolute;
    font-size: 150px;
    top: 0;
    left: 0;
    color: #f1f2f4;
}

div.testimonial-text:after {
    content: '"';
    position: absolute;
    font-size: 150px;
    bottom: 0;
    right: 0;
    line-height: 0;
    color: #f1f2f4;
}

.testimonials-triangle {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    content: " ";
    border-top: 35px solid #FFFFFF;
    border-radius: 2px;
    display: block;
    position: absolute;
    right: 100px;
    bottom: -33px;
}

.testimonial-author {
    display: block;
    text-align: right;
    margin-top: 40px;
}

.testimonial-author p {
    display: inline-block;
    line-height: 55px;
    vertical-align: middle;
}

.testimonial-image-wrap {
    display: inline-block;
    margin-left: 10px;
    height: 50px;
    width: auto;
    background: #fff;
    overflow: hidden;
    vertical-align: text-bottom;
    border-radius: 2px;
}

@media screen and (max-width: 1092px) {
    .testimonial-author {
        padding-right: 30px;
    }
}

.bg-green p {
    color: #fff;
    font-size: 18px;
    font-family: 'source_sans_prolight';
}

.bg-green h3 {
    margin-bottom: 10px;
}

.poslovni .bg-green {
    padding: 20px;
    margin-top: 10px;
    text-align: center;
}

.poslovni .wrap-poslovni-usluge h3 {
    color: #fff;
}

.poslovni .wrap .mali {
    margin: 0 auto;
}

.poslovni p.small {
    font-size: 16px;
}

.poslovni td span.small, .poslovni p.caption {
    font-size: 15px;
    color: #888;
}

.poslovni table td, .poslovni table tr {
    padding: 20px;
    color: #646b77;
}

@media screen and (max-width: 500px) {
    .poslovni table td, .poslovni table tr {
        padding: 5px;
    }
}

.poslovni table tr:nth-of-type(odd) {
    background-color: #f3f5f7;
}

.poslovni table tr:first-of-type {
    background-color: #dadde4;
}

@media screen and (min-width: 770px) {
    .poslovni .poslovni-govorne h4,
    .poslovni .poslovni-govorne p {
        text-align: right;
    }

    .poslovni .poslovni-govorne hr {
        float: right;
    }
}

@media screen and (max-width: 770px) {
    /* connect columns on mobile */
    .poslovni-list .hosting-ul {
        margin: 0 10px;
    }

    .poslovni-list-title {
        margin-top: 40px;
        margin-bottom: 20px;
    }
}

.poslovni .isolated-image-container {
    position: relative;
    min-height: 400px;
}

.poslovni .poslovni-govorne .isolated-image-container {
    position: relative;
    min-height: 330px;
}

@media screen and (max-width: 770px) {
    .poslovni .poslovni-govorne .isolated-image-container {
        min-height: 300px;
    }
}

.poslovni .isolated-image {
    max-width: 100%;
    position: absolute;
    bottom: 0;
    max-height: 100%;
}

@media screen and (max-width: 770px) {
    .poslovni .isolated-image {
        position: static;
        max-height: 300px;
        display: block;
        margin: 0 auto;
    }

    .poslovni .isolated-image-container {
        min-height: auto;
    }

    .flex.mobile-reverse {
        flex-direction: row-reverse;
    }

    .flex.flex-center {
        align-items: center;
        justify-content: center;
    }
}

.poslovni .div-under-isolated {
    background: linear-gradient(to bottom, #f2f2f2 0%, #fff 100%); /* Fx 10+, Op 11.6+, Ch 26+, IE 10 */
    margin-top: 0;
    padding: 40px 0;
}

@media screen and (min-width: 771px) {
    .flex {
        display: flex;
    }

    .flex.stretch {
        align-items: stretch;
    }

    .flex .col {
        height: auto;
    }

    .flex.flex-center {
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 770px) {
    .flex.mobile-reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .flex .col {
        width: 100%;
    }
}

.poslovni.paketi {
    padding-bottom: 0;
}

.wrap#kontakt-poslovni {
    background: #00b155;
    padding: 100px 0;
    color: #fff;
}

.wrap#kontakt-poslovni h2,
.wrap#kontakt-poslovni h3,
.wrap#kontakt-poslovni h4,
.wrap#kontakt-poslovni p,
.wrap#kontakt-poslovni a {
    color: #fff;
    text-align: left;
}

.wrap#kontakt-poslovni h3 {
    font-family: 'source_sans_prolight';
    margin-bottom: 0;
    line-height: 14px;
    font-size: 32px;
    margin-top: 10px;
}

.wrap#kontakt-poslovni h3 span {
    font-family: 'source_sans_probold';
    display: inline;
}

.wrap#kontakt-poslovni a {
    font-family: 'source_sans_probold';
}

.wrap#kontakt-poslovni p {
    font-size: 17px;
}

@media screen and (max-width: 770px) {
    .wrap#kontakt-poslovni {
        padding: 50px 0;
    }
}

#forma-poslovni input,
#forma-poslovni textarea {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    width: 100%;
    display: block;
    line-height: 30px;
    padding: 7px 10px;
    margin-bottom: 25px;
    font-size: 17px;
}

#forma-poslovni textarea {
    min-height: 100px;
    line-height: 20px;
}

#forma-poslovni button,
#forma-poslovni button:focus,
#forma-poslovni button:active {
    background: #007234;
    color: #fff;
    border-radius: 2px;
    width: 100%;
    display: block;
    line-height: 30px;
    padding: 7px 10px;
    margin-bottom: 10px;
    font-size: 20px;
    font-family: 'source_sans_prolight', sans-serif;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

#forma-poslovni button:hover {
    background: #68bd45;
}

#forma-poslovni input::-webkit-input-placeholder,
#forma-poslovni textarea::-webkit-input-placeholder {
    color: #fff;
    font-family: 'source_sans_prolight', sans-serif;
}

#forma-poslovni input::-moz-placeholder,
#forma-poslovni textarea::-moz-placeholder {
    color: #fff;
    font-family: 'source_sans_prolight', sans-serif;
}

#forma-poslovni input:-ms-input-placeholder,
#forma-poslovni textarea:-ms-input-placeholder {
    color: #fff;
    font-family: 'source_sans_prolight', sans-serif;
}

#forma-poslovni input:-moz-placeholder,
#forma-poslovni textarea:-moz-placeholder {
    color: #fff;
    font-family: 'source_sans_prolight', sans-serif;
}

form#contact-form-hbo {
    width: 460px;
    margin: 0 auto;
    max-width: 100%;
}

form#contact-form-hbo label {
    display: block;
    line-height: 38px;
    text-align: right;
}

.image-in-text {
    max-width: 100%;
}

.desktop-only {
    display: block;
}

.mobile-only {
    display: none;
}

@media screen and (max-width: 750px) {
    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }
}

.poslovni h3.subtitle {
    text-align: left;
    margin: 15px 0 25px 0;
}

.item.press-item h2 {
    font-size: 30px
}

.item.press-item i.fa {
    font-size: 50px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.super-paket p.center {
    text-align: center;
}

.st-card {
    border: 1px solid #ddd;
    margin-top: 30px;
}

.st-card-title {
    font-family: 'source_sans_prolight';
    display: block;
    width: 100%;
    font-size: 30px;
    padding: 30px 20px;
    min-height: 150px;
    color: #fff;
}

.st-card-subtitle {
    font-family: 'source_sans_proregular';
    display: block;
    width: 100%;
    font-size: 14px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    min-height: 70px;
}

.st-card.st-fact-1 {
    background: url("../images/st-fact-1.jpg") top center;
    background-size: cover;
}

.st-card.st-fact-2 {
    background: url("../images/st-fact-2.jpg") center center;
    background-size: cover;
}

.st-card.st-fact-3 {
    background: url("../images/st-fact-3.jpg") center center;
    background-size: cover;
}

.st-card.st-fact-4 {
    background: url("../images/st-fact-4.jpg") center center;
    background-size: cover;
}

.st-card.st-fact-5 {
    background: url("../images/st-fact-5.jpg") center center;
    background-size: cover;
}

.st-card.st-fact-6 {
    background: url("../images/st-fact-6.jpg") center center;
    background-size: cover;
}

@media screen and (max-width: 750px) {
    .image-responsive img {
        max-width: 270px;
        margin: 0 auto;
    }
}

.lista-kanala.st-lista-kanala img {
    margin-right: 20px;
}

.lista-kanala.st-lista-kanala img:nth-of-type(2) {
    margin-right: 50px;
}

.super-paket .onama-inside h2.center {
    text-align: center !important;
}

@media screen and (max-width: 750px) {
    .lista-kanala.st-lista-kanala img {
        margin: 0 auto !important;
        display: block;
    }

    .lista-kanala.st-lista-kanala {
        text-align: center;
        margin-top: 40px;
    }
}

#popup-podrska.popup-mrcina .popup-podrska-wrap .col:nth-of-type(2) {
    max-width: 335px;
}

@media screen and (max-width: 750px) {
    #popup-podrska.popup-mrcina {
        max-width: 100%;
        width: 100%;
    }

    #popup-podrska.popup-mrcina .popup-podrska-wrap {
        max-width: 100%;
        width: 100%;
    }

    #popup-podrska.popup-mrcina .popup-podrska-wrap .col {
        width: 100%;
        text-align: center;
    }

    #popup-podrska.popup-mrcina .popup-podrska-wrap .col:nth-of-type(2) {
        max-width: 100%;
    }

    .popup-podrska-toggle {
        right: -750px !important;
    }

    #popup-podrska.popup-mrcina .popup-podrska-wrap p {
        font-size: 14px;
        line-height: 1.2em;
        text-align: center;
        width: 100%;
    }

    #popup-podrska.popup-mrcina .popup-podrska-wrap p:first-of-type {
        margin-top: 12px;
    }

    #popup-podrska.popup-mrcina .popup-podrska-wrap p:last-of-type {
        margin-bottom: 12px;
    }

}

.signature-canvas {
    border: 0.01em solid #e5e5e5;;
    padding: 1em;
    position: relative;
    width: 100%;
}

.signature-canvas .signature {
    min-height: 150px;
    margin-bottom: 3em;
}

.signature-canvas canvas {
    border: 0.01em solid #7ac141;
}

.paket-akcija .item-novi{
    border: none !important;
    border-radius: 1%;
    background: linear-gradient(to bottom, #409619 0%, #007234 100%);
    color: #fff;
}
.paket-akcija .item-novi h2,
.paket-akcija .item-novi h2 a,
.paket-akcija .item-novi h4,
.paket-akcija .item-novi .single-cjenik .iznad,
.paket-akcija .item-novi .single-cjenik .kn-mj,
.paket-akcija .item-novi .int strong{
    color: #fff;
}
.paket-akcija .item-novi .single-cjenik .cjena-xl{
    font-size: 140px;
    color: #fff !important;
}
.paket-akcija .item-novi h2 a:hover{
    color:#eee;
}
.paket-akcija .item-novi .botun{
    padding: 15px 40px;
    color: #7ac141;
    background-color: #fff !important;
    background: none;
    text-shadow: none;
    font-family: 'source_sans_problack', sans-serif;
    font-size: 24px;
}
.paket-akcija .item-novi .botun:hover{
    color: #5A9532;
    background-color: #ddd !important;
    background: none;
    text-shadow: none;
    font-family: 'source_sans_problack', sans-serif;
    font-size: 24px;
}
.paket-akcija .botun.mob-bot.posalji-upit-mob {
    width: calc(100% - 10px);
    margin: 0 auto;
    margin-bottom: 0.25em;
    padding: 9px;
    font-size: 1.2em;
}
.paket-akcija .botun.mob-bot.nazovi-telefon {
    width: calc(100% - 10px);
    margin: 0 auto;
    padding: 9px;
    font-size: 1.2em;
}

.align-center{
    margin:0 auto;
}
textarea.textarea{
    padding: 8px;
    border-radius: 3px;
    border: solid 1px #ddd;
    width: 100%;
}

.gt32-infr {
    background: transparent;
    margin-top: 1rem;
}

.gt32-infr li {
    display: flex;
}
.gt32-infr span {
    padding: 0.1rem .2rem;
    width: auto;
}
.gt32-infr .data32-key{
    min-width: 120px;
}
@media only screen and (min-width: 768px){
    .gt32-infr {
        width: 45%;
    }
}

.consents-wrap {
    margin-bottom: .5rem;
}

.consent-wrap #consent {
    font-weight: normal;
    font-size: 1rem;
    /* text-transform: uppercase; */
}

.gdpr-consents Header {
    font-weight: bold;
    margin: 1rem 0;
}


.gdpr-consents .section-label {
    margin-bottom: 1rem;
}

.newUser-consent-box {
    margin-bottom: 2rem;
}

/*.cltable-newUser-consents p.highlighted {*/
.gdpr-consents p.highlighted {
    margin: .7rem 0 .5rem;
    text-transform: uppercase;
    font-size: 1.1rem;
}

.gdpr-consent-box {
    margin-bottom: 1.5rem;
}

.gdpr-consents i {
    margin-right: .3rem;

}
.gdpr-consents i.success {
    color: #7ac142;
}
.gdpr-consents i.warn {
    color: #eee;
}

.gdpr-consents .section-label h3 {
    margin: 1em 0 0 0;
}

.gdpr-consents .gdpr-consent-head {
    margin-bottom: .5rem;
    line-height: 1.3;
    font-size: 1.1rem;
    font-weight: bold;
}
.gdpr-consents .gdpr-consent-body{

}
.gdpr-consents .gdpr-consent-foot{
        margin: .7rem 0;

}