@import url("https://use.typekit.net/vfp5lzg.css");

/* browsers reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, em, img, small, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, m, figure, figcaption { margin : 0; padding : 0; border : 0; outline : 0; font-size : 1em; vertical-align : baseline; } blockquote { quotes : none; } h1, h2, h3, h4, h5, h6, .strong { font-weight : bold; } table { border-collapse : collapse; border-spacing : 0; } td { vertical-align : top; } fieldset, img, table { border : 0; } ol, ul, li { list-style-type : none; } :focus { outline : 0; } del { text-decoration : line-through; } html, input { font-size : 100%; } dt, address, caption, cite, code, dfn, big, small, em, i, th, var { font-style : normal; font-weight : normal; } input, select, th, td, li li, li p, td p, blockquote p { font-size : 1em;}
div, ul, ol, li, p, a, span, strong, input, select, textarea, footer, section, header, aside, article, nav, time, figure, figcaption, h1, h2, h3, h4, h5, h6, pre, table, td, th { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body { min-height : 100%; }
body { position : relative; font-size : 62.5%; font-family:"proxima-nova"; overflow-x : hidden; }
p { padding: 0; margin: 0 0 1.5em 0; line-height: 1.4em; color: #252B33; font-style: normal; font-weight: normal; font-size: 1.6em; font-family: inherit; background: none; border: none; }
p.splitText,.split-title { font-size: 30px; margin-top: 20px; margin-bottom: 0px; font-weight: 500; line-height: 1.1; color: inherit; }

/* font awesome */
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
.fa,.fas{font-family:"FontAwesome";font-weight:900}
.fa-exclamation-triangle:before{content:"\f071"}
.fa-check-circle:before{content:"\f058"}
.fa-exclamation-triangle:before{content:"\f071"}

/* logo */
.container {
    width: 100%; max-width: 1160px; margin: auto; padding: 0 10px; min-width: 300px;
}
.logo {
    padding: 10px 0; margin-bottom: 20px; text-align: center;
}
.logo img {
    margin: 0 auto; width: 210px; height: auto;
}
.logo .ribbon {
    margin-top: 3px; text-transform: uppercase; border-top: 3px solid #2CA44B; border-bottom: 3px solid #2CA44B; letter-spacing: 8px; min-width: 300px; font-size: 24px; margin-bottom: 0;
}


/* error message */
div.errorMessage, div.successMessage, div.noticeMessage {
    margin: 0 0 2em 0; padding: 15px 10px 15px 0; background: #f8f8f8; position: relative; border: none;
}
div.errorMessage {
    background: #ff4200;
}
div.successMessage {
    background: #2CA44B;
}
div.noticeMessage {
    background: #e2e3e5;
}
div.errorMessage i, div.successMessage i, div.noticeMessage i {
    position: absolute; left: 20px; font-size: 24px; color: #fff; top: 50%; margin-top: -12px !important;
}
div.errorMessage h4, div.successMessage h4, div.noticeMessage h4 {
    color: #ffffff; padding: 0; margin: 0 0 0 60px; font-size: 2.2em; border-left: 3px solid #ffffff; padding-left: 15px; border-bottom: none;
}
div.errorMessage p, div.successMessage p, div.noticeMessage p {
    color: #ffffff; margin: 0 0 0 60px; border-left: 3px solid #ffffff; padding-left: 15px;
}
div.noticeMessage i, div.noticeMessage h4, div.noticeMessage p {
    color: #383d41; border-color: #383d41;
}

/* form */
.form-group {
    margin-bottom: 15px; width: 100%; display: table; position: relative;
}
.form-group label,legend {
    max-width: 100%; margin-bottom: 5px; width: 100%; display: block; color: #252B33; font-size: 16px; font-weight: bold !important;
}
.form-group.has-error label.control-label {
    color: #f00;
}
.form-group span.has-error {
    color: #f00; font-size: 14px;
}
.form-group .form-control {
    display: block; width: 100%; height: 36px; padding: 6px 12px; font-size: 16px; line-height: 1.42857143; color: #555555; margin-left: 0; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s, 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; background: #fff; border: 1px solid #AEB7C2;
}
.form-group  .form-control:focus {
    border-color: #cccccc; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(204 204 204 / 60%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(204 204 204 / 60%);
}
.form-control.has-error{
    border-color: #ff4200;
}
/* radio */
.form-group .form-check label, .form-group .form-check input {
    display: inline-block; width: initial;
}
.form-group .form-check input[type=radio],.form-group .form-check input[type=checkbox] {
    opacity: 0; z-index: 1; position: absolute; line-height: 21px; height: 21px; margin: 0;
}
.form-group .form-check label, .form-group .checkbox label {
    width: auto; cursor: pointer; position: relative; margin-right: 35px; padding-left: 25px; font-weight: normal !important; transition: all .2s;
}
.form-group .form-check input[type=radio] + label:before {
    font-family:"Font Awesome 5 Pro"; display: inline-block; content: "\f111"; color: #2ea443; position: absolute; left: 0; padding-right: 10px; top: 0px; font-size: 1.2em; z-index: 1; transition: all .2s;
}

.form-group .form-check input[type=checkbox] + label:before {
    font-family:"Font Awesome 5 Pro"; display: inline-block; content: "\f0c8"; color: #2ea443; position: absolute; left: 0; padding-right: 10px; top: 0px; font-size: 1.2em; z-index: 1; transition: all .2s;
}

.form-group .form-check input:checked + label:before {
    content: "\f058";
    font-weight: bold;
}
.form-group .form-check input[type=checkbox]:checked + label:before {
    content: "\f14a";
    font-weight: bold;
}

.form-group .form-check a, .form-group .checkbox a {
    color: #2ea443; transition: all .2s;
}
.form-group .form-check a, .form-group .checkbox a:hover {
    text-decoration: none;
}


/* submit btn */
.btn {
    display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 28px; font-size: 16px; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; transition: all .2s;
}
.btn:disabled {
    opacity: .65;
}
.btn-primary {
    color: #2ea443; background: #fff; border-radius: 25px; border: 2px solid #2ea443;
}
.btn-primary:hover {
    color: #ffffff; background-color: #2ea443; border-color: #000;
}
#button-zrebaj {
    font-size: 50px;
    margin: 30px auto 0 auto;
    display: block;
    width: 250px;
    height: 100px;
    border: 3px solid #2CA44B;
    background: #eee;
    text-decoration: none;
    color: #000!important;
    line-height: 80px;
}

#content-zrebaj {
    max-width: 760px;
    margin: 30px auto;
    height: 100px;
    text-align: center;
}

#content-zrebaj h2{
    color: #2CA44B;
    font-size: 14px;
    margin: 0 0 10px 0;
}

#content-zrebaj p{
    text-transform: uppercase;
    font-size: 30px;
    line-height: 35px;
}

#content-zrebaj p span.red{
    color: #C2311E;
}

.partners {
    max-width: 750px;
    margin: 20px auto 0 auto;
}

.partners img{
    max-width: 100%;
    height: auto;
}

.d-none {
    display: none;
}
/* other */