* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* GENERAL */
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,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,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;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
b,strong,.strong {font-weight:bold;}
i,em {font-style:italic;}

/* BASIC */
html,body {padding:0px;margin:0px;width:100%;height:100%;}
body {background:#181f23;font-size:28px;color:#b0bec5;font-family: 'Open Sans Condensed', sans-serif;}
a, td a {color:#b0bec5;text-decoration:underline;outline:none;}
a:hover {color:#b0bec5;text-decoration:none;}
a img, img {border:none;outline:none;max-width:100%;}
p {margin:0;}
ul, li {margin:0px 0px 0px 9px;padding:0;list-style-position:outside;}
ol {margin:5px 0px 5px 15px;padding:0;list-style-position:inside;}
li {padding: 4px 0px;}
.cf {clear:both;}
hr {border:none;border-bottom:1px #B9BFCA solid;padding:0px;margin:0px;line-height:1px;}

h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}
h1, h1 a, h1 a:hover {color:#cfd8dc;font-size:65px;line-height:80px;font-weight:700;}
h2, h2 a, h2 a:hover {color:#b0bec5;font-size:23px;line-height:33px;}
h3, h3 a, h3 a:hover {color:#4d4d4f;font-size:18px;line-height:22px;text-decoration:none;}
h4, h4 a, h4 a:hover {color:#4d4d4f;font-size:15px;line-height:19px;text-decoration:none;}

h3,h4 {margin-bottom:5px;}

/* PARTS */
#wrapper {width:100%;min-height:100%;height: auto !important;height:100%;position:relative;}

#content {width:780px;margin:30px auto;}
a.logo {float:right;border:none;}

#lang {float:left;margin-top:20px;}
#lang,#lang a {color:#b0bec5;border:none;text-decoration:none;}
#lang a:hover,#lang a.active {color:#FF4400;}

#main {margin:100px 0;}

a.button {display:inline-block;color:#263238;background:#FF4400;padding: 15px 100px;text-decoration:none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.hidden-content .content {display:none;}
.hidden-form .content {padding:10px;margin-bottom:25px;}
#sb-player.html {padding:30px 20px 0 20px}
#sb-wrapper {width:90% !important;left:5% !important;}
#sb-wrapper-inner {height:540px !important;}


#sb-info, #sb-info-inner {height:250px;background:#101010;}
#sb-nav,#sb-nav #sb-nav-close {width:100%;height:250px;text-align:center;background:none;text-decoration:none;}
#sb-nav #sb-nav-close:after {content:'\f00d';color:#FF4400;font-size:50px;font-family: FontAwesome;font-style:normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

#copyright,#copyright a {color:#B9BFCA;font-size:18px;text-decoration:none;}
.linkedin {float:right;}


/* Kontaktna forma *********************/
#main #simpleContact {width:400px !important;margin:0 auto 25px auto;}
#main #simpleContact a {text-decoration:none;}
#main .star {color:#FF4400;}
#main .sf-label {display:block;width:100% !important;padding:15px 0;text-align:center;color:#b0bec5;}
#main .sf-textfield,#main .sf-textarea,#main .sf-select {width:100% !important;background:#b0bec5;padding:6px 10px;font-size: 15px;line-height: 15px;outline:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-family: Arial, sans-serif;}
#main .sf-textarea {min-height:100px;}
#main .sf-html {width:100% !important;text-align:center;}

#main .sf-html div,#main .sf-html span {font-family: 'Open Sans Condensed', sans-serif;text-align:center;font-size:20px;line-height:30px;}

#main #recaptcha_image {width:100% !important;height:auto !important;margin-bottom:5px;}
#main img#recaptcha_challenge_image {width:100% !important; height:auto !important;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#main .recaptcha_only_if_image {display:inline-block;margin:0 auto;font-size:22px;line-height:30px;width:100%;text-align:center;margin-bottom:5px;}
#main #recaptcha_response_field {background:#b0bec5;border:none;padding:5px 10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:10px 0;font-size:22px;text-align:center;}

#main .sf-buttons-bar input,#main .sf-buttons-bar input:hover {background:#FF4400;color: #263238;font-size:20px;line-height:20px;text-transform:capitalize;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display: inline-block;font-family: 'Open Sans Condensed', sans-serif;padding:10px 20px;width:48%;cursor:pointer;}
#main .sf-buttons-bar input:hover {background:#cfd8dc;color:#181f23;}


@media screen and (max-width:850px){
    #sb-wrapper-inner {height:730px !important;}
    .en_us #sb-wrapper-inner {height:750px !important;}

}

@media screen and (max-width:780px){
    #content {width:94%;}
    #sb-wrapper {top:0px !important;}
    #sb-wrapper-inner {height:800px !important;}
    .en_us #sb-wrapper-inner {height:830px !important;}
}

@media screen and (max-width:460px){
    #main #simpleContact {width:100% !important;}
}
@media screen and (max-width:420px){
    a.button {padding:15px 50px;}
    #lang {clear:both;width:100%;}
    #copyright {text-align: center;}
    .lyteeBar {display:block;width:100%;margin-top:5px;}

    body {font-size:23px;line-height:30px;}
    #main {margin:50px 0;}
    h1 {font-size:40px;line-height:50px;}

    #sb-nav #sb-nav-close:after {font-size:45px;}
}