*,:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
body,html{
    height:100%
}
body{
    font-size:107%;
    background-color:#f9f9f9
}
a{
    text-decoration:none
}
.cd-img-replace{
    display:inline-block;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap
}
.overflow-hidden{
    overflow:hidden
}
.cd-main-content{
    min-height:100%;
    position:relative;
    background-color:#f9f9f9;
    z-index:2;
    padding-top:0;
    -webkit-backface-visibility:hidden;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    transition-property:transform;
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    transition-duration:.4s
}
.cd-main-content.lateral-menu-is-open{
    -webkit-transform:translateX(-260px);
    -moz-transform:translateX(-260px);
    -ms-transform:translateX(-260px);
    -o-transform:translateX(-260px);
    transform:translateX(-260px)
}
.cd-main-content{
    padding-top:0
}
@media all and (max-width:1121px){
    .cd-main-content{
        margin-top:-1px;
        overflow:hidden
    }
}
#cd-lateral-nav .item-has-children>a,#cd-lateral-nav .menu-item-has-children>a,#cd-lateral-nav a,#cd-menu-trigger,#cd-menu-trigger .cd-menu-text,#cd-top-nav a{
    font-family:'Fjalla One',sans-serif!important;
    font-weight:300;
	font-size:15px;
}
body#home_page header{
    height:49px!important
}
header{
    top:0;
    left:0;
    right:0;
    height:49px!important;
    width:100%;
    background:#333;
    -webkit-transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    transition-property:transform;
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    transition-duration:.4s
}
header.lateral-menu-is-open{
    -webkit-transform:translateX(-260px);
    -moz-transform:translateX(-260px);
    -ms-transform:translateX(-260px);
    -o-transform:translateX(-260px);
    transform:translateX(-260px)
}
header.is-fixed{
    position:fixed
}
@media only screen and (min-width:1122px){
    header{
        height:49px
    }
}
#cd-logo{
    position:absolute;
    left:10px;
    display:block
}
#cd-logo img{
    position:relative;
    top:0;
    left:0
}
#cd-logo,#cd-logo img{
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
@media all and (max-width:1121px){
    #cd-logo{
        top:9px;
        width:190px;
        height:48px;
        overflow:hidden
    }
}
@media all and (min-width:1122px){
    #cd-logo{
        top:9px;
        width:190px
    }
    .header__content.is-fixed #cd-logo{
        top:9px;
        width:190px;
        height:48px;
        overflow:hidden
    }
    body#home_page .header__content #cd-logo{
        top:9px;
        width:190px;
        height:48px;
        overflow:hidden
    }
    .header__content.is-fixed #cd-logo img{
        width:190px
    }
    body#home_page .header__content #cd-logo img{
        width:190px
    }
}
#cd-logo img{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
@media all and (min-width:1122px){
    #cd-logo{
        margin:0 0 0 20px
    }
    #cd-logo img{
        display:block
    }
}
@media all and (max-width: 550px) and (min-width: 300px) {
    #cd-logo{
        top:15px;
        width:145px;
        height:37px;
        overflow:hidden
    }
}
#cd-top-nav{
    position:absolute;
    top:8px;
    right:132px;
    display:none;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    margin-right:20px
}
@media all and (min-width:1122px){
    .header__content.is-fixed #cd-top-nav{
        top:8px
    }
}
@media all and (min-width:1122px){
    body#home_page .header__content #cd-top-nav{
        top:8px
    }
}
#cd-top-nav ul{
    margin-bottom:0
}
#cd-top-nav li{
    display:inline-block;
    margin-right:.15em
}
 #cd-top-nav li:last-child {
    display:inline-block;
    margin-right:.45em
}
 #cd-top-nav a{
    display:inline-block;
    padding:.55em;
    color:#000;
    font-weight:300
}
#cd-top-nav a.current,#menu-sidebar-3 li:first-child a{
    background-color:#d94c00;
    color:#fff!important;
    margin-right:-10px;
    margin-bottom:5px
}
@media all and (min-width:1122px){
    .no-touch #cd-top-nav a:hover{
        padding-bottom:11px; /* IZMENJENO sa 11px na 7px! */
        border-bottom:4px solid #218cb5;
        color:#218cb5!important;
        -webkit-transition:border-bottom 50ms;
        -moz-transition:border-bottom 50ms;
        -ms-transition:border-bottom 50ms;
        -o-transition:border-bottom 50ms;
        transition:border-bottom 50ms
    }
}
@media only screen and (min-width:1122px){
    #cd-top-nav{
        display:block
    }
}
#cd-menu-trigger{
    position:fixed;
    right:0;
    top:0;
    width:54px;
    text-shadow:none;
    color:#333!important;
    border-left:2px solid #ddd;
    padding:15px 0;
    z-index:120;
    -webkit-transition:all .1s ease;
    -moz-transition:all .1s ease;
    transition:all .1s ease
}
@media all and (min-width:1122px){
    #cd-menu-trigger{
        height:50px
    }
}
@media all and (min-width:1122px){
    body#home_page #cd-menu-trigger{
        height:50px
    }
}
@media all and (max-width:1121px){
    #cd-menu-trigger{
        height:50px;
        border-left:1px solid #ddd
    }
}
#cd-menu-trigger.is-fixed{
    position:fixed;
    top:0;
    right:0;
    height:50px;
    line-height:49px;
    z-index:1000
}
#cd-menu-trigger .cd-menu-text{
    text-transform:uppercase;
    color:#0b8bba;
    font-weight:300;
    display:none;
    -webkit-transition:all .4s ease;
    -moz-transition:all .s ease;
    transition:all .4s ease
}
#cd-menu-trigger .cd-menu-icon{
    display:inline-block;
    position:absolute;
    left:50%;
    top:48%;
    bottom:auto;
    right:auto;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    width:29px;
    height:4px;
    background-color:#222
}
@media all and (max-width:1121px){
    #cd-menu-trigger .cd-menu-icon{
        left:50%;
        top:51%
    }
}
#cd-menu-trigger .cd-menu-icon::before,#cd-menu-trigger .cd-menu-icon:after{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    background-color:inherit;
    left:0
}
#cd-menu-trigger .cd-menu-icon::before{
    bottom:8px
}
#cd-menu-trigger .cd-menu-icon::after{
    top:8px
}
#cd-menu-trigger{
    -webkit-transition-property:all;
    -moz-transition-property:all;
    transition-property:all;
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    transition-duration:.4s
}
#cd-menu-trigger.is-clicked{
    -webkit-transform:translateX(-260px);
    -moz-transform:translateX(-260px);
    -ms-transform:translateX(-260px);
    -o-transform:translateX(-260px);
    transform:translateX(-260px)
}
#cd-menu-trigger.is-clicked .cd-menu-icon{
    background-color:rgba(255,255,255,0)
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after,#cd-menu-trigger.is-clicked .cd-menu-icon::before{
    background-color:#222
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before{
    bottom:0;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after{
    top:0;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
#cd-menu-trigger.is-fixed .cd-menu-text{
    line-height:1px;
    top:26px;
    left:18px
}
body#home_page #cd-menu-trigger .cd-menu-text{
    line-height:1px;
    top:26px;
    left:18px
}
@media only screen and (min-width:1122px){
    #cd-menu-trigger{
        width:88px;
        padding-left:1.25em
    }
    #cd-menu-trigger .cd-menu-text{
        display:inline-block;
        line-height:1;
        position:absolute;
        top:37px;
        left:18px
    }
    #cd-menu-trigger .cd-menu-icon{
        left:1.75em;
        right:auto;
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }
}
#cd-lateral-nav{
    position:fixed;
    height:100%;
    right:0;
    top:0;
    visibility:hidden;
    padding-right:10px;
    z-index:1;
    width:260px;
    border-left:2px solid #ddd;
    background-color:#242c30;
    overflow-y:auto;
    -webkit-transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    -webkit-transition:-webkit-transform .4s 0s,visibility 0s .4s;
    -moz-transition:-moz-transform .4s 0s,visibility 0s .4s;
    transition:transform .4s 0s,visibility 0s .4s;
    -webkit-transform:translateX(80px);
    -moz-transform:translateX(80px);
    -ms-transform:translateX(80px);
    -o-transform:translateX(80px);
    transform:translateX(80px)
}
#cd-lateral-nav .cd-navigation{
    margin:10px 0 16px
}
#cd-lateral-nav .sub-menu{
    padding:0 10px 18px 15px;
    display:none
}
#cd-lateral-nav li{
    display:block;
    text-align:left
}
#cd-lateral-nav a{
    display:block;
    line-height:2em;
    padding:0 16px 0 32px;
    color:#bec7c9;
    text-shadow:none
}
#cd-lateral-nav .sub-menu a{
    padding:0 16px
}
#cd-lateral-nav a.current{
    background-color:#0d8bba;
    color:#fff
}
.no-touch #cd-lateral-nav a:hover{
    color:#fff!important
}
@media only screen and (min-width:768px){
    #cd-lateral-nav .cd-navigation{
        margin:20px 0
    }
}
#cd-lateral-nav.lateral-menu-is-open{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
    visibility:visible;
    -webkit-transition:-webkit-transform .4s 0s,visibility 0s 0s;
    -moz-transition:-moz-transform .4s 0s,visibility 0s 0s;
    transition:transform .4s 0s,visibility 0s 0s;
    -webkit-overflow-scrolling:touch
}
#cd-lateral-nav .item-has-children>a,#cd-lateral-nav .menu-item-has-children>a{
    position:relative;
    text-transform:uppercase;
    font-weight:300;
    text-shadow:none
}
#cd-lateral-nav .item-has-children>a::after,#cd-lateral-nav .menu-item-has-children>a::after{
    content:'';
    display:block;
    height:11px;
    width:8px;
    position:absolute;
    top:50%;
    bottom:auto;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    right:1em;
    background:url(../svg/cd-arrow.svg) no-repeat center center;
    background-size:8px 11px;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    transition-property:transform;
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s;
    transition-duration:.2s
}
#cd-lateral-nav .item-has-children>a.submenu-open::after,#cd-lateral-nav .menu-item-has-children>a.submenu-open::after{
    -webkit-transform:translateY(-50%) rotate(90deg);
    -moz-transform:translateY(-50%) rotate(90deg);
    -ms-transform:translateY(-50%) rotate(90deg);
    -o-transform:translateY(-50%) rotate(90deg);
    transform:translateY(-50%) rotate(90deg)
}
#cd-lateral-nav .socials{
    padding:0 32px
}
#cd-lateral-nav .socials:after{
    content:"";
    display:table;
    clear:both
}
#cd-lateral-nav .socials a{
    height:32px;
    width:32px;
    float:left;
    padding:0;
    background-image:url(../svg/cd-socials.svg);
    background-repeat:no-repeat;
    background-size:128px 64px;
    background-color:#fff;
    margin-right:.4em;
    border-radius:.15em
}
#cd-lateral-nav .socials a.cd-twitter{
    background-position:0 0
}
#cd-lateral-nav .socials a.cd-github,#cd-lateral-nav .socials a.cd-googleplus{
    background-position:-32px 0
}
#cd-lateral-nav .socials a.cd-facebook{
    background-position:-64px 0
}
#cd-lateral-nav .socials a.cd-google,#cd-lateral-nav .socials a.cd-linkedin{
    background-position:-96px 0
}
.no-touch #cd-lateral-nav .socials a:hover{
    background-color:#0d8bba
}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter{
    background-position:0 -32px
}
.no-touch #cd-lateral-nav .socials a:hover.cd-github,.no-touch #cd-lateral-nav .socials a:hover.cd-googleplus{
    background-position:-32px -32px
}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook{
    background-position:-64px -32px
}
.no-touch #cd-lateral-nav .socials a:hover.cd-google,.no-touch #cd-lateral-nav .socials a:hover.cd-linkedin{
    background-position:-96px -32px
}