/*
 Theme Name: ADONAI STUDIO
 Description: Tema za adonai-studio.hr
 Author: Adonai Studio d.o.o
 Author URI: www.adonai-studio.hr
 */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {
    display: block;
}
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}

/* Responsive images and other embedded objects
 Note: keeping IMG here will cause problems if you're using foreground images as sprites.
 If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img, object, embed {
    max-width: 100%;
}
html {
    overflow-y: scroll;
}
ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th {
    font-weight: bold;
    vertical-align: bottom;
}
td {
    font-weight: normal;
    vertical-align: top;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input, select {
    vertical-align: middle;
}
pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}
input[type="radio"] {
    vertical-align: text-bottom;
}
input[type="checkbox"] {
    vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
    vertical-align: baseline;
}
.ie6 input {
    vertical-align: text-bottom;
}
select, input, textarea {
    font: 99% sans-serif;
}
table {
    font-size: inherit;
    font: 100%;
}
small {
    font-size: 85%;
}
strong {
    font-weight: bold;
}
td, td img {
    vertical-align: top;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
pre, code, kbd, samp {
    font-family: monospace, sans-serif;
}
.clickable, label, input[type=button], input[type=submit], input[type=file], button {
    cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
    margin: 0;
}
/* make buttons play nice in IE */
button, input[type=button] {
    width: auto;
    overflow: visible;
}
/* scale images in IE7 more attractively */
.ie7 img {
    -ms-interpolation-mode: bicubic;
}
/* prevent BG image flicker upon hover
 (commented out as usage is rare, and the filter syntax messes with some pre-processors)
 .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
 */
/* let's clear some floats */
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}

/************************************END RESET*************************************************/

body {
    font: 14px Helmet, 'Open Sans', sans-serif;
}
body, select, input, textarea {
    color: #737373;
}
a {
    color: #03f;
}
a:hover {
    color: #69f;
}

::-moz-selection {
    background: #ffb3f0;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #ffb3f0;
    color: #fff;
    text-shadow: none;
}

a:link {
    -webkit-tap-highlight-color: #fcd700;
    text-decoration: none;
}

ins {
    background-color: #fcd700;
    color: #000;
    text-decoration: none;
}
mark {
    background-color: #fcd700;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

input:-moz-placeholder {
    color: a9a9a9;
}
textarea:-moz-placeholder {
    color: #a9a9a9;
}

p {
    font-size: 15px;
    line-height: 25px;
}

.main-content-title h1 {
    color: #a0498f;
    font-size: 30px;
    border-bottom: 1px solid #dfdfdf;
    margin-left: 118px;
    padding-left: 35px;
    padding-bottom: 7px;
}
h3 {
    color: #a0498f;
    font-size: 22px;
    padding-bottom: 20px;
}
#main-content h2 {
    color: #a0498f;
    font-size: 25px;
    border-top: 1px solid #dfdfdf;
    padding-left: 35px;
    margin-top: 20px;
    padding: 15px 0px 15px;
}
#main-content p {
    font-size: 15px;
    line-height: 28px;
    padding-bottom: 15px;
}
#main-content img {
    padding-bottom: 20px;
}
header {
    height: 90px;
    background: #fff;
    border-bottom: 6px solid #ebebeb;
    position: relative;
}
header nav, a#logo {
    float: left;
}
header nav#main-r {
    margin-left: 190px;
}
header nav li {
    float: left;
}
header nav li a {
    color: #8c8c8c;
    line-height: 90px;
    text-transform: uppercase;
    font-size: 20px;
    display: block;
    font-weight: 400;
    padding: 0px 17px;
}
header nav li.current-menu-item a, header nav li a:hover {
    color: #a62f8d;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.32 ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
nav#main-rwd {
    display: none;
}
nav#main-social {
    margin-left: 17px;
}
nav#main-social li, nav#footer-social li {
    margin-right: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2 ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
nav#main-social li a, i, nav#footer-social li a {
    width: 41px;
    height: 44px;
    margin-top: 20px;
}

nav#main-social li:hover, nav#footer-social li:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
nav#main-social li a.s-fb, nav#footer-social li a.s-fb {
    background: url(images/s-fb.png) no-repeat top;
}
nav#main-social li a.s-gp, nav#footer-social li a.s-gp {
    background: url(images/s-gp.png) no-repeat top;
}
nav#main-social li a.s-tw, nav#footer-social li a.s-tw {
    background: url(images/s-tw.png) no-repeat top;
}
a#logo {
    background: #fff url(images/logo.png) no-repeat center 12px;
    border-bottom: 6px solid #ebebeb;
    width: 190px;
    height: 180px;
    font-size: 18px;
    font-weight: 300;
    padding: 20px 0px 10px;
    text-align: center;
    position: absolute;
    color: #8c8c8c;
    z-index: 9999;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.32 ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a#logo strong {
    color: #a62f8d;
    font-weight: normal;
}
a#logo  span {
    position: absolute;
    bottom: 10px;
    left: 27px;
}
a#logo:hover {
    -webkit-box-shadow: 0 0 32px rgba(0, 1, 1, 0.17);
    -moz-box-shadow: 0 0 32px rgba(0, 1, 1, 0.17);
    box-shadow: 0 0 32px rgba(0, 1, 1, 0.17);
}
.wrap {
    width: 980px;
    margin: 0 auto;
}
#afterheader {
    width: 100%;
    height: 532px;
    overflow: hidden;
    background: url(images/afterheader-bcg.jpg) no-repeat top center;
    overflow: hidden;
}
.afterheader-content {
    height: 140px !important;
}
.afterheader-inside {
    position: relative;
    height: 532px;
}
#afterheader h1 {
    text-align: center;
    color: #f6f0f5;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 160px 30px 30px 30px;
    display: block;
    text-align: center;
}
#izwrap {
    width: 100%;
    text-align: center
}
#bottom-menu {
    display: none
}

a#izdvojeni-projekti {
    background: url(images/izdvojeni-projekti.png) no-repeat left;
    padding-left: 90px;
    line-height: 57px;
    height: 57px;
    width: 340px;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    border: 1px solid #be86b3;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2 ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin: 1px;
}
a#izdvojeni-projekti:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-box-shadow: 0 0 32px rgba(0, 1, 1, 0.17);
    -moz-box-shadow: 0 0 32px rgba(0, 1, 1, 0.17);
    box-shadow: 0 0 32px rgba(0, 1, 1, 0.17);
}
#posljednje-s-bloga {
    position: absolute;
    top: 360px;
    left: 0px;
    text-align: center;
    width: 100%;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4 ease-in-out;
    -o-transition: opacity 0.4 ease-in-out;
    transition: opacity 0.4 ease-in-out;
}
#posljednje-s-bloga.hide {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0) !important;
    opacity: 0 !important;
}
.posljednje-s-bloga-inside {
    overflow: hidden;
    background: #a75397;
    display: inline;
    height: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 40px;
    padding: 10px 45px 10px 25px;
    color: #e19fd3;
    font-size: 15px;
    position: relative;
}

#posljednje-s-bloga a {
    color: #fff;
    font-style: italic;
}
#posljednje-s-bloga i.pb-close {
    background: url(images/pb-close.png) no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    bottom: 5px;
    right: 5px;
}
nav#bignav {
    position: absolute;
    bottom: 0px;
    left: 0px;
}
nav#bignav  li {
    float: left;
    padding: 0px 11px;
}
nav#bignav  a {
    color: #f6f0f4;
    background: url(images/bignav.png) repeat;
    display: block;
    text-transform: uppercase;
    font-size: 22px;
    padding: 30px 65px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2 ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
nav#bignav a:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-box-shadow: 0 0 32px rgba(0, 1, 1, 0.17);
    -moz-box-shadow: 0 0 32px rgba(0, 1, 1, 0.17);
    box-shadow: 0 0 32px rgba(0, 1, 1, 0.17);
}
nav#bignav  li.wd  a {
    border-top: 3px solid #28b8b6
}
nav#bignav  li.im  a {
    border-top: 3px solid #b8d182
}
nav#bignav  li.wh  a {
    border-top: 3px solid #dec76d
}
#whitebox {
    overflow: hidden;
    position: relative;
    padding: 20px 00px 30px 10px;
    text-align: center
}
#whitebox .wb {
    display: inline-block;
    width: 260px;
    text-align: center;
    position: relative;
}
#whitebox .wb h2 {
    display: none;
    overflow: hidden;
}
#whitebox .wb:nth-of-type(2) {
    margin: 0px 70px 0px 75px;
}
#whitebox .wb1 {
    background: url(images/wb1.png) no-repeat top center;
}
#whitebox .wb2 {
    background: url(images/wb1.png) no-repeat top center;
}
#whitebox .wb3 {
    background: url(images/wb1.png) no-repeat top center;
}
.svbox {
    margin-top: 30px;
    overflow: hidden;

    padding-bottom: 0px;
}

#graybox {
    width: 100%;
    height: 401px;
    overflow: hidden;
    background: url(images/greenbcg.jpg) no-repeat top center;
    overflow: hidden;
}
.graybox-inside {
    position: relative;
    height: 401px;
}
#graybox .gb {
    float: left;
    width: 220px;
    text-align: center;
    position: relative;
    height: 370px;
    margin: 0px 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3 ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#graybox .gb:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
#graybox .gb h2 {
    text-align: center;
    font-size: 20px;
    padding: 35px 0px 40px;
}
#graybox a {
    color: #7c7c7c;
}
#greenbox {
    width: 100%;
    height: 655px;
    overflow: hidden;
    background: url(images/greenbox.jpg) no-repeat top center;
    overflow: hidden;
}
.greenbox-inside {
    position: relative;
    height: 655px;
}
h2.greenboxh2 {
    color: #fff;
    text-align: center;
    font-size: 24px;
    padding: 15px 0px 0px;
}
#izdvojeni-projekti-slider {
    overflow: hidden;
    padding-top: 40px;
    color: #fff;
    position: relative;
}
#izdvojeni-projekti-slider .item img {
    height: auto;
}
#izdvojeni-projekti-slider h3 {
    color: #fff;
    text-align: center;
    font-size: 22px;
    padding: 20px 0px 10px;
}
#izdvojeni-projekti-slider p {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
}
.pojedini-projekt-details {
    width: 500px;
    margin-left: 240px;
}
a.izdvojeni-projekti-slider-arrow {
    width: 24px;
    height: 45px;
    display: block;
    position: absolute;
    top: 425px;
}
a.izdvojeni-projekti-slider-l {
    background: url(images/arrow-l.png) no-repeat top;
    left: 10px;
}
a.izdvojeni-projekti-slider-r {
    background: url(images/arrow-r.png) no-repeat top;
    right: 10px;
}
.project-icons {
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    width: 500px;
}
.project-icons  ul {
    text-align: center;
}
.project-icons li {
    width: 63px;
    text-align: center;
    padding-top: 73px;
    margin: 0px 8px;
    display: inline-block;
    color: #6b753b;
}
.project-icons li.ikonahidden {
    display: none;
}
.project-icons li.dizajn {
    background: url(images/pi-dizajn.png) no-repeat top center;
}
.project-icons li.razvoj {
    background: url(images/pi-razvoj.png) no-repeat top center;
}
.project-icons li.wordpress {
    background: url(images/pi-wordpress.png) no-repeat top center;
}
.project-icons li.html5 {
    background: url(images/pi-html5.png) no-repeat top center;
}
footer {
    background: url(images/footer.png) repeat-x;
    overflow: hidden;
}
#footer-inside {
    overflow: hidden;
    height: 744px;
    position: relative;
}
h2.footerh2 {
    color: #6a6a6a;
    text-align: center;
    font-size: 24px;
    padding: 40px 0px 17px;
}
h2.footerh2 a {
   color: #6a6a6a;
}
.footer-levo {
    float: left;
    width: 310px;
}
.footer-desno {
    float: left;
    width: 650px;
    margin-left: 20px;
}
footer h3 {
    padding: 35px 0px 25px 50px;
    font-size: 18px;
}
h3.kontakt-informacije {
    color: #ba5d8d;
    background: url(images/kontakt-informacije.png) no-repeat 0px 30px;
}
h3.kontakt-informacije a {
    color: #ba5d8d;
}
h3.adonai-karta {
    background: url(images/adonai-karta.png) no-repeat 5px 30px;
}
h3.adonai-karta  a {
    color: #98ae2e;
}
footer p {
    color: #878787;
    font-size: 15px;
    line-height: 24px;
}
a.footer-logo {
    position: absolute;
    left: 10px;
    bottom: 0px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2 ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a.footer-logo:hover {
    -webkit-box-shadow: 0 0 32px rgba(0, 1, 1, 0.17);
    -moz-box-shadow: 0 0 32px rgba(0, 1, 1, 0.17);
    box-shadow: 0 0 32px rgba(0, 1, 1, 0.17);
}
.footer-google {
    width: 100%;
    overflow: hidden;
}
.footer-google img {
    float: left;
    margin-right: 20px;
}
.footer-google p {
    font-weight: 600;
    color: #4285f4;
    font-style: italic;
    margin-top: 25px;
    font-size: 16px !important;
    line-height: 26px !important;
}
footer .wpcf7 {
    width: 650px;
    overflow: hidden;
}
footer .wpcf7 input, #formular .wpcf7 input {
    background: #ebebeb;
    border: 1px solid #fff;
    color: #656565;
    font-size: 16px;
    margin: 1px 3px 10px;
    padding: 20px;
    width: 300px;
    float: left;
}

footer .wpcf7 textarea, #formular .wpcf7 textarea {
    background: #ebebeb;
    border: 1px solid #fff;
    color: #656565;
    font-size: 16px;
    width: 612px;
    height: 180px;
    padding: 20px;
}
footer input.wpcf7-submit, #formular input.wpcf7-submit {
    padding: 12px 15px 12px 45px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    display: block;
    border-radius: 22px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: #55b6c2 url(images/sendmessage.png) no-repeat 6px 4px;
    color: #fff;
    border: 2px solid #fff;
    font-weight: 300;
    width: 220px;
    font-size: 14px;
    text-align: right;
    float: right;
    margin: 12px 35px 2px 2px;
    position: relative;
}
footer input.wpcf7-submit:before {
    border-radius: 22px;
    background: none;
    border: 2px solid #55b6c2;
    content: "";
    display: block;
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    pointer-events: none;
}
.mapp-map-links {
    display: none
}
a.saznajvise {
    color: #7b7b7b;
    font-size: 18px;
    font-weight: 300;
    border: 1px solid #d3d3d3;
    padding: 9px 45px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    margin-top: 0px;
    background: #fff url(images/saznajvise-hover.png) no-repeat 6px 6px;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    transition: background 0.4s ease-in-out;
    display: block;
}
a.saznajvise.hover {
    background: #55b6c2 url(images/saznajvise-hover.png) no-repeat 6px 6px;
    color: #fff;
    border: 2px solid #fff;
}
a.saznajvise.hover:before {
    border-radius: 22px;
    background: none;
    border: 2px solid #55b6c2;
    content: "";
    display: block;
    position: absolute;
    top: -13px;
    left: -2px;
    right: -3px;
    bottom: -13px;
    pointer-events: none;
}
.wb a.saznajvise.hover {
    border: none;
}
.wb a.saznajvise.hover:before {
 display: none;
}

nav#footer-nav {
    position: absolute;
    bottom: 70px;
    right: 180px;
}
nav#footer-social {
    position: absolute;
    bottom: 75px;
    right: 0px;
}
nav#footer-social li {
    display: block;
    float: left;
}
nav#footer-social li a {
    display: block;
}
nav#footer-nav li {
    float: left;
    margin: 0px 10px;
}
nav#footer-nav li.current-menu-item a, nav#footer-nav li a:hover {
    color: #a62f8d;
    background: url(images/footer-nav-hover.png) no-repeat center top;
}
nav#footer-nav li a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2 ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 40px 0px 10px;
    float: left;
    color: #8c8c8c;
    text-transform: uppercase;
    display: block;
    font-size: 18px;
}
.copyright {
    position: absolute;
    bottom: 20px;
    right: 0px;
}
#content-ostale {
    overflow: hidden;
}
#sidebar {
    float: left;
    width: 220px;
    background: url(images/sidebar.png) repeat-y right;
    padding: 35px 0px 35px 0;
}
#main-content {
    float: left;
    width: 760px;
    padding: 35px 0 0 35px;
}

nav#sidebar-nav a {
    font-size: 18px;
    color: #a0498f;
    line-height: 33px;
    text-transform: uppercase;
    display: block;
}
nav#sidebar-nav li {
    border-bottom: 1px solid #dfdfdf;
    padding-top: 5px;
    margin-right: 12px;
    position: relative;
}
nav#sidebar-nav li.current-menu-page, nav#sidebar-nav li:hover {
    border-bottom: 1px solid #55b6c2;
    margin-right: 0px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2 ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
nav#sidebar-nav li.current-menu-page a, nav#sidebar-nav li:hover a {
    color: #55b6c2
}
nav#sidebar-nav li.current-menu-page:after {
    content: '';
    position: absolute;
    bottom: -13px;
    right: 0px;
    width: 14px;
    height: 27px;
    background: url(images/sidebar-nav-hover.png) no-repeat right 0px;
}

.main-content-title {
    overflow: hidden;
    padding-top: 30px;
    background: url(images/h1content.png) no-repeat left 0px;
    padding-bottom: 50px;
    position: relative;
}
.main-content-title:after {
    content: '';
    position: absolute;
    top: 32px;
    left: 32px;
    width: 55px;
    height: 55px;
}
.main-content-title.ico-webdizajn:after {
    background: url(images/ico-grafika2.png) no-repeat;
}
.main-content-title.ico-blog:after {
    background: url(images/ico-wd.png) no-repeat;
}
#fullpage {
    padding: 35px 0px;
}
.pojedini_blog {
    margin-top: 30px;
    padding-top: 40px;
    position: relative;
    overflow: hidden;
    background: url(images/pojedini-blog.png) no-repeat top center;
}

.pojedini_blog:nth-of-type(1) {
    background: none;
    margin-top: 20px;
    padding: 0;
}
.pojedini_blog img {
    border: 1px solid #cbcbcb;
    float: left;
    margin-right: 30px;
}
.pojedini_blog .blog-date {
    position: absolute;
    top: 35px;
    right: 5px;
    color: #a5998e;
    font-style: italic
}
.pojedini_blog .blog-sociobox {
    position: absolute;
    top: 0px;
    right: 0px;
}
.pojedini_blog h3 {
display: inline-block;
width: 455px;
}
.zastave {
    position: absolute;
    top: 5px;
    margin-left: 15px;
}
.zastave {
    font-size: 15px;
    text-transform: uppercase;
        color: #a62f8d
}
.zastave a, .zastave span {
     padding: 0px 3px;
}
.zastave a {

    color: #8c8c8c
}
.zastave img {
    margin-left: 5px;
}
a.blog-saznajvise {
    padding: 9px 15px 9px 45px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    display: block;
    border-radius: 22px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: #55b6c2 url(images/sendmessage.png) no-repeat 4px 3px;
    color: #fff;
    border: 2px solid #fff;
    font-weight: 300;
    width: 220px;
    font-size: 14px;
    text-align: right;
    margin: 12px 35px 2px 330px;
    position: relative;
}
a.blog-saznajvise:before {
    border-radius: 22px;
    background: none;
    border: 2px solid #55b6c2;
    content: "";
    display: block;
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    pointer-events: none;
}
.homep p {
    font-size: 13px;
    line-height: 19px;
}
img.alignleft {
    float: left;
    margin-right: 25px;
    border: 1px solid #eee;
}
.pojedina_referenca img {
    border: none;
}
.pojedina_referenca a.blog-saznajvise {
    float: right;
    margin-left: 5px;
}
.pojedina_referenca.pojedina_referenca_parna img {
    float: right;
    margin: 0px 0px 0px 15px;
}
.pojedina_referenca.pojedina_referenca_parna  a.blog-saznajvise {
    float: left;
    margin-left: 5px;
}

#main-content h3 {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 0px 10px 0px;
}
#main-content ul {
    list-style: square;
    padding: 0px 0px 20px 20px;
    font-size: 15px;
    line-height: 25px;
    margin-left: 40px;
}
#main-content table {
    width: 100%;
    margin-bottom: 20px;
}
#main-content table td {
    border: 1px solid #dedede;
    padding: 5px 10px
}
#main-content table tr:nth-of-type(1) {
    background: #eee;
}
@media only screen and (max-width: 1020px) {
    .wrap {
        width: 100%;
    }
}
#hosting-paketi {
    margin-right: 10px;
    color: #000
}
#hosting-paketi ul {
    list-style: none;
    padding: 0px;
    font-size: 15px;
    line-height: 25px;
    margin-left: 0px;
}
#hosting-paketi li {
    float: left;
    width: 177px;
    background: #fff;
    margin-bottom: 18px;
    border-bottom: 2px solid #c55cb0;
    border-top: 2px solid #c55cb0;
    border-right: 1px solid #c55cb0;
    cursor: pointer;
}
#hosting-paketi li:first-child {
    border-left: 2px solid #c55cb0;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#hosting-paketi li:last-child {
    border-right: 2px solid #c55cb0;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#hosting-paketi li:hover {
    background: #fff;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: none;
    -webkit-box-shadow: 0 0 32px rgba(230,185,221, 1);
    -moz-box-shadow: 0 0 32px rgba(230,185,221, 1);
    box-shadow: 0 0 32px rgba(230,185,221, 1);
    z-index: 9999;
}
#hosting-paketi h3 {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}
#hosting-paketi .hp_bandwidth {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    background: #e8e8e8;
    display: block;
    padding: 10px 0px;
}
#hosting-paketi .hp_cijena {
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    background: #c55cb0;
    display: block;
    padding: 10px 0px;
    color: #000;
}
#hosting-paketi .hp_cijena span {
    display: block;
    font-size: 13px;
}
#hosting-paketi p {
    padding: 10px;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
}
#hosting-paketi .hp_odaberi {
    padding: 5px 0px;
    text-align: center;
    display: block;
    color: #000
}
#formular h2 {
    color: #a0498f;
    font-size: 30px;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 10px;
    margin-bottom: 15px;
    text-align: center
}
#bottom-menu ul {
    list-style: none!important;
    width: 100%;
    padding: 0px;
    margin: 0px;
}
#bottom-menu ul li {
    margin-bottom: 5px;
        line-height: 50px;
}

#bottom-menu ul a{

    color: #fff;
    text-transform: uppercase;
    background: #c45dae;
    display: block;
    text-align: center;
}
#bottom-menu ul li.current-menu-page a{
 background: #8e2c79;
}
#formular {
    display: none;
    background: #fff;
    padding: 30px 50px;
    box-shadow: 0px 1px 6px #333;
}
#kontakt_mobile {
    display: none;
}
@media screen and (max-width: 1023px) {
    #main-l, #main-r {
        display: none;
    }
    nav#main-rwd {
        display: block;
        margin-left: 200px;
    }
}
@media screen and (max-width: 1080px) {
    nav#main-social {
        display: none;
    }
}
@media screen and (max-width: 980px) {
    #sidebar, #mapp0_layout, .footer-logo, nav#footer-nav {
        display: none;
    }
    a.blog-saznajvise {
        margin-left: 5px;
    }
    #bottom-menu {
        display: block;
    }
    #main-content{
          padding: 20px ;
             width: 100%;
    }
.pojedini_blog   {

    margin: 0px 20px;

  }
  .pojedini_blog div {
      display: none;
  }
  #main-content img{
      max-width: 95%;
  }
    .pojedini-projekt-details {
        margin-left: 20%;
        max-width: 80%;
    }
    .project-icons {
        width: 100%;
    }

    nav#bignav, #graybox, .adonai-karta, .wpcf7, .kontakt-informacije, .footer-levo p {
        display: none;
    }
    #footer-inside {
        height: 390px;
        width: 90%;
    }
    #afterheader {
        height: 460px;
    }
    #whitebox .wb h2 {
        display: block;
        background: #a62f8d;
        color: #fff;
        display: block;
        height: 72px;
        line-height: 60px;
        margin-bottom: 20px;
        border-top: 5px solid #8d2f7b;
        font-size: 24px;
    }
    #whitebox .wb:nth-of-type(2) {
        margin: 0px 30px;
    }
#kontakt_mobile {
    display: block;
    text-align: center;
    padding-bottom: 20px;
}
}

@media screen and (max-width: 810px) {
    nav#main-rwd {
        display: none;
    }
    header {
        text-align: center;

    }
    a#logo {
        display: inline-block;
        float: none;
        margin: 0;
        position: relative;
    }

}

@media screen and (max-width: 860px) {
    .footer-google img {
        width: 30%;
    }
    #greenbox {
        height: 600px;
    }
    .pojedini-projekt-details {
        margin-left: 20%;
        max-width: 80%;
    }
    .owl-controls, #menu-footer {
        display: none;
    }
    #whitebox .wb:nth-of-type(2) {
        margin: 0px 0px;
    }
    #whitebox .wb:nth-of-type(3) {
        margin-top: 30px;
    }
    #whitebox .wb {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 568px) {
    .footer-google img {
        width: 100%;
        margin-bottom: 10px;
    }
    #footer-inside {
        height: 500px;
    }
    .copyright {
        width: 60%;
    }
    #greenbox {
        height: 520px;
    }
    .pojedini-projekt-details {
        margin-left: 10%;
        max-width: 80%;
    }
    .project-icons {
        width: 100%;
    }
    #afterheader {
        height: 350px;
    }
    a#izdvojeni-projekti {
        padding-left: 50px;
        font-size: 17px;
    }
    #afterheader h1 {
        padding-top: 110px;
        font-size: 28px;
    }
    #posljednje-s-bloga {
        display: none;
    }
    #whitebox .wb {
        width: 90%;
    }
    #whitebox .wb img {
        float: left;
        margin-right: 10px;
    }
    #whitebox .wb p {
        padding-top: 20px;
    }
    .svbox {
        position: relative;
        margin-top: 30px;
        left: 0;
    }
}
@media only screen and (max-width: 460px) {
#whitebox .wb img {
        float: none;
        margin-right: 0px;
    }
}
@media only screen and (max-width: 320px) {
     header {
        text-align: left;
    }
    a#logo {
        display: inline-block;
        float: none;
        margin: 0;
        position: relative;
    }
}
#gallery-1 img {
    border: 0px!important;
    padding: 0px;
}