/*
	Theme Name: SOS DS 4.0
	Theme URI: http://mweb.rs
	Description: MWEB wordpress template
	Version: 4.0.0
	Author: Marko Milic (@marcomilic)
	Author URI: http://marcomilic.com
	Tags: HTML5, CSS3, WP

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/


/*------------------------------------*\
    MAIN
\*------------------------------------*/


/* global box-sizing */

*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


/* html element 62.5% font-size for REM use */

html {
    font-size: 62.5%;
}

body {
    font: 400 12px/1.4 'Open Sans', sans-serif;
    color: #444;
    margin: 0;
    padding-top: 106px;
}


/* clear */

.clear:before,
.clear:after {
    content: ' ';
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    *zoom: 1;
}

img {
    max-width: 100%;
    vertical-align: bottom;
}

a {
    color: #009ee0;
    text-decoration: none;
}

a:hover {}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}

input:focus {
    outline: 0;
    border: 1px solid #04A4CC;
}

.reset-ul {
    list-style: none;
    float: left;
}

.blue-line {
    height: 3px;
    width: 100px;
    background-color: #0965b3;
    margin: 0 auto 30px auto;
    display: table;
}

.blue-line.medium {
    height: 2px;
    width: 80px;
    display: table;
    margin-bottom: 20px;
}

.blue-line.left {
    margin-left: 0;
    margin-right: 0;
}

.white-line {
    height: 3px;
    width: 100px;
    background-color: #fff;
    margin: 0 auto 30px auto;
    display: table;
}

.white-line.small {
    height: 2px;
    width: 60px;
    margin: 0 auto 20px auto;
}

.cta-btn {
    display: table;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    max-width: 100%;
    vertical-align: middle;
    outline: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    padding: 10px 20px;
    color: #fff;
    background-color: #19b1fc;
    border: 0;
    border-radius: 4px;
    transition: 0.5s all;
}

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

.cta-btn.blue {
    background-color: #19b1fc;
}

.cta-btn.blue:hover {
    background-color: #19b1fc;
    color: #fff;
    background-color: #0965b3;
}

.cta-btn.center {
    margin: 0 auto;
}

.btn {
    color: #FFF;
    background: #009EE0;
    padding: 11px 20px 13px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: .02em;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    border: none;
    text-transform: uppercase;
    text-decoration: none!important;
    white-space: initial;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
}

.btn:hover {
    color: #fff;
}

.btn.center {
    margin: 0 auto;
    display: table;
}

.btn.medium {
    font-size: 20px;
}

.btn.red {
    background-color: #F04E69;
}

.btn.red:hover {
    background-color: #d93d5a;
}

.btn.blue {
    background-color: #19b1fc;
}

.btn.blue:hover {
    background-color: #0965b3;
}

.rev-btn .big-btn {}

.title-section {
    padding: 40px 0;
}

.title-section.gray {
    background-color: #F5F7FA;
}

.title-section .blue-line {
    margin-bottom: 0;
}

.headline h1 {
    color: #5b5d5a;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 48px;
    line-height: 54px;
    margin-bottom: 10px;
}

.headline h1.center {
    text-align: center;
}

.headline h2 {
    color: #5b5d5a;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 48px;
    line-height: 54px;
    text-align: center;
}

.headline h2.center {
    text-align: center;
}

.headline h2.left {
    text-align: left;
}

.block-section {
    padding: 40px 0;
}

.block-section.gray {
    background-color: #F5F7FA;
}

.accordion-icons {
    float: right!important;
}


/* Tim */

.page-template-page-tim .tim-uvod {
    text-align: center;
    display: table;
    margin: 0 auto;
    max-width: 850px;
    color: #73879c;
    font-size: 22px;
    line-height: 28px;
}

.team-items .col-sm-4 {
    margin-bottom: 30px;
}

.profile-img {
    display: table;
    margin: 0 auto 10px auto;
    width: 150px;
}

.profile-img img {}

.profile-name {
    font-size: 22px;
    font-weight: bold;
    color: #00AEEF;
    text-align: center;
}

.profile_position {
    font-size: 16px;
    font-weight: 400;
}


/* Nasi programi */

.programi-content {
    margin: 30px auto 0 auto;
    display: table;
    max-width: 1200px;
    font-size: 22px;
    color: #888;
}

.programi-content strong {
    color: #00AEEF;
}

.upravni-odbor-block {
    background-color: #fff;
    padding: 30px 20px;
}

.upravni-odbor-block h3 {
    color: #5b5d5a;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
}

.clanovi-upravnog-odbora {
    margin: 0 auto;
    max-width: 700px;
}

.clanovi-upravnog-odbora .odbor-item {
    text-align: center;
    font-size: 20px;
    color: #00AEEF;
    font-weight: 700;
    line-height: 24px;
}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/


/* wrapper */

.wrapper {
    max-width: 1280px;
    width: 95%;
    margin: 0 auto;
    position: relative;
}


/* header */

.header {}


/* Top Menu */

.top-header {
    width: 100%;
    background-color: #F5F7FA;
    margin-top: -106px;
}

.top-header .social-icons ul {
    padding: 5px 0;
    margin: 0;
}

.top-header .social-icons ul li {
    float: left;
    padding: 0 10px;
}

.top-header .social-icons ul li a {
    color: #444841;
    opacity: 0.5;
    font-size: 14px;
    transition: 0.5s all;
}

.top-header .social-icons ul li a:hover {
    color: #00AEEF;
    opacity: 1.0;
    text-decoration: none;
}

.top-header .right-nav {
    float: right;
}

.top-header .top-menu ul {
    list-style: none;
    padding: 7px 0;
    margin: 0;
}

.top-header .top-menu ul li {
    float: left;
    margin: 0 7px;
}

.top-header .top-menu ul li a {
    color: #444841;
    font-size: 14px;
    opacity: 0.75;
    font-weight: 500;
    transition: 0.5s all;
}

.top-header .top-menu ul li a:hover {
    color: #00AEEF;
    opacity: 1.0;
    text-decoration: none;
}

.top-header .top-menu li.search-nav a:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f002";
    float: left;
    margin-right: 3px;
    font-size: 12px;
    top: 3px;
    position: relative;
    font-weight: bold;
}

.top-header .top-menu img {
    width: 18px;
    height: 12px;
}

.top-header .lang-selector {
    line-height: 18px;
}

.main-header {
    background: #FFF;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding: 30px 0;
    z-index: 99;
}

.main-header.fixed-header {
    position: fixed;
    top: 0;
    padding: 10px 0;
    width: 100%;
    box-shadow: 2px 5px 10px 0 rgba(0, 0, 0, .25);
}

.main-header .logo {
    float: left;
    margin-right: 30px;
}

.main-header .logo img {
    transition: 0.5s all;
}

.main-header .logo:hover img {
    opacity: 0.6;
}

.main-header .right-nav {
    float: left;
    padding-top: 4px;
}

.main-header .btn {
    float: right;
    margin-top: 8px;
}

.main-header .nav ul {
    list-style: none;
}

.main-header .nav ul li {
    float: left;
}

.main-header .right-side {
    display: table;
    float: right;
}

.main-header .right-side .donate-btn {
    float: left;
    margin-right: 10px;
}

.hamburger {
    display: table;
    top: 20px;
    position: relative;
}

.hamburger .nav-icon {
    width: 25px;
    height: 20px;
    position: relative;
    cursor: pointer;
}

.hamburger .nav-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    opacity: 1;
    left: 0;
}

.hamburger .nav-icon span:nth-child(1) {
    top: 0px;
}

.hamburger .nav-icon span:nth-child(2) {
    top: 9px;
}

.hamburger .nav-icon span:nth-child(3) {
    top: 18px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu {
    max-width: 440px!important;
    position: absolute;
    -webkit-box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.75);
}

ul.mega-sub-menu {
    border-radius: 5px!important;
    overflow: hidden!important;
}

#mega-menu-wrap-header-menu {
    background-color: transparent!important;
    padding: 5px 0 !important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
    background-color: transparent!important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
    background-color: transparent!important;
}

#mega-menu-wrap-header-menu li a {
    font-size: 24px!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
    color: #444841!important;
    font-weight: 400!important;
    transition: 0.5s all!important;
    position: relative!important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link:hover {
    background-color: transparent!important;
    color: #00AEEF!important;
}

#mega-menu-wrap-header-menu .menu-logo-pos {
    height: 214px!important;
}

#mega-menu-wrap-header-menu .menu-col-blue {
    background-color: #33B1E6!important;
}

#mega-menu-wrap-header-menu .menu-col-green {
    background-color: #6DC067!important;
}

#mega-menu-wrap-header-menu .menu-logo-pos img {
    margin: 0 auto;
    display: table;
    padding-top: 70px;
}

#mega-menu-wrap-header-menu .menu-sub-items ul {
    margin: 0!important;
    padding: 0!important;
}

#mega-menu-wrap-header-menu .menu-sub-items ul li {
    width: 100%;
    margin-bottom: 2px;
}

#mega-menu-wrap-header-menu .menu-sub-items ul li i {
    margin-right: 10px;
    width: 20px;
}

#mega-menu-wrap-header-menu .menu-sub-items ul li a {
    color: #428bca;
    font-size: 16px!important;
    text-transform: none!important;
}

#mega-menu-item-3821>.mega-sub-menu {
    width: 585px!important;
    left: -105px!important;
}

#mega-menu-3821-0>.mega-sub-menu {
    width: 600px!important;
}

#mega-menu-wrap-header-menu .menu-sub-items ul li a {
    text-decoration: none!important;
    color: #5b6a7b!important;
    font-size: 16px!important;
    padding-left: 0!important;
}

#mega-menu-wrap-header-menu .menu-sub-items ul li a:hover {
    color: #00AEEF!important;
}

#mega-menu-item-3821>ul.mega-sub-menu {
    left: 10px!important;
}

#mega-menu-item-3822>ul.mega-sub-menu {
    left: 165px!important;
}

#mega-menu-item-5929>ul.mega-sub-menu {
    left: 10px!important;
}

#mega-menu-item-5928>ul.mega-sub-menu {
    left: 165px!important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li#mega-menu-item-5929.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu {
    max-width: 416px!important;
}

.menu-image img {
    border-radius: 2px;
    margin-top: 80px;
}

.menu-second-item .menu-image img {
    margin-top: 25px;
}


/*Block */

.block-part {
    padding: 80px 0 100px 0;
}

.block-part h2 {
    color: #5b5d5a;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 48px;
    line-height: 54px;
}

.block-part h2.center {
    text-align: center;
}


/* Who are we block*/

.who-are-we.block-part .block-content {
    display: table;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.who-are-we.block-part .block-content p {
    text-align: center;
    color: #73879c;
    font-size: 22px;
}

.who-are-we.block-part .block-content strong {
    color: #00AEEF;
}


/* How we help*/

.how-we-help {
    background-color: #F5F7FA;
}

.hwh-items {
    width: 100%;
    max-width: 1300px;
}

.hwh-item {
    width: 33.3333%;
    float: left;
    padding: 1px;
}

.hwh-item .col-head {
    display: table;
    width: 100%;
    margin-bottom: 15px;
}

.hwh-itemimage img {
    width: 100%;
}

.hwh-item h3 {
    color: #fff;
    font-size: 20px;
    text-align: left;
    font-weight: 600;
    margin-bottom: 0;
    display: table;
}

.hwh-item .ilustration {
    float: left;
}

.hwh-item .ilustration img {
    margin-right: 15px;
    display: table;
    max-height: 60px;
    max-width: 70px;
}

.hwh-item .hwh-item-content {
    font-size: 14px;
}

.hwh-item .hwh-item-content ul {
    margin: 0;
    padding: 0;
    padding-left: 0px;
    color: #fff;
    list-style: none;
}

.hwh-item .hwh-item-content ul a {
    color: #fff;
    font-size: 20px;
    display: table;
}

.hwh-item .hwh-item-content ul li {
    margin-bottom: 5px;
}

.hwh-item .hwh-item-content ul li:before {
    content: "\f054";
    font-family: "FontAwesome";
    width: 10px;
    height: 10px;
    margin-right: 5px;
    margin-top: 7px;
    float: left;
}

.btn-ghost {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    border: 2px solid #fff;
    padding: 15px 20px;
    border-radius: 4px;
    transition: 0.5s all;
}

.btn-ghost:hover {
    text-decoration: none;
    background-color: #fff;
    color: #888;
}

.btn-ghost.green:hover {
    color: #6DC067;
}

.hwh-item .bottom-content {
    min-height: 190px;
    padding: 20px 15px 10px 15px;
    min-height: 220px;
}

.hwh-item:nth-child(1) .bottom-content {
    background-color: #F04E69;
}

.hwh-item:nth-child(2) .bottom-content {
    background-color: #6DC067;
}

.hwh-item:nth-child(3) .bottom-content {
    background-color: #00AEEF;
}

.hwh-item:nth-child(4) .bottom-content {
    background-color: #F47920;
}

.hwh-item:nth-child(5) .bottom-content {
    background-color: #F04E69;
}

.hwh-item:nth-child(6) .bottom-content {
    background-color: #6DC067;
}

.hwh-item:nth-child(6) h3 {
    text-align: center;
    padding-top: 30px;
    margin-bottom: 5px;
    margin: 0 auto 5px auto;
}

.hwh-item:nth-child(6) a {
    margin: 0 auto;
    display: table;
}


/**** HWH new solution *****/

.hwh-items.our-stories {
    display: table;
}

.hwh-items.our-stories {}

.hwh-items.our-stories .hwh-item {
    background-color: #fff;
    margin: 0 10px 20px 10px;
    border: 1px solid #F2F2F2;
    border-radius: 4px;
    float: none;
    min-height: 330px;
    transition: 0.5s all;
}

.hwh-items.our-stories .hwh-item:hover {
    -webkit-box-shadow: -2px 4px 17px -2px rgba(0, 0, 0, 0.48);
    -moz-box-shadow: -2px 4px 17px -2px rgba(0, 0, 0, 0.48);
    box-shadow: -2px 4px 17px -2px rgba(0, 0, 0, 0.48);
}

.hwh-items.our-stories .hwh-item-head {
    padding: 15px;
}

.hwh-items.our-stories .ilustration {
    width: 100%;
    padding: 30px 10px;
    margin-bottom: 20px;
}

.hwh-items.our-stories .ilustration img {
    margin: 0 auto;
    display: table;
}

.hwh-items.our-stories h3 {
    color: #5b5d5a;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

.hwh-items.our-stories .hwh-item-content {
    color: #5b5d5a;
    padding: 0 15px;
    text-align: left;
}

.hwh-items.our-stories .hwh-item-content a {
    color: #00AEEF;
    font-size: 18px;
    line-height: 24px;
    text-decoration: none;
    transition: 0.5s all;
}

.hwh-items.our-stories .hwh-item-content a:hover {
    color: #0965b3;
}

.hwh-items.our-stories .hwh-item-content ul li:before {
    content: "\f054";
    font-family: "FontAwesome";
    width: 10px;
    color: #5b5d5a;
    height: 10px;
    margin-right: 5px;
    margin-top: 4px;
    float: left;
}

.how-we-help-item {
    background-color: #fff;
}

.how-we-help-item .hwh-item-content {
    padding: 0 15px;
}

.how-we-help-item .hwh-item-content h3 {
    color: #5b5d5a;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}

.hwh {
    margin-bottom: 30px;
}

.hwh .how-we-help-item {
    transition: 0.5s all;
    height: 100%;
}

.hwh .how-we-help-item:hover {
    -webkit-box-shadow: -2px 4px 17px -2px rgba(0, 0, 0, 0.48);
    -moz-box-shadow: -2px 4px 17px -2px rgba(0, 0, 0, 0.48);
    box-shadow: -2px 4px 17px -2px rgba(0, 0, 0, 0.48);
}

.hwh .ilustration {
    height: 200px;
    margin-bottom: 10px;
}

.hwh .ilustration img {
    display: table;
    margin: 0 auto;
    position: relative;
    height: 120px;
    top: 40px;
}

.hwh:nth-child(1) .ilustration {
    background-color: #00AEEF;
}

.hwh:nth-child(2) .ilustration {
    background-color: #6DC067;
}

.hwh:nth-child(3) .ilustration {
    background-color: #F04E69;
}

.hwh:nth-child(4) .ilustration {
    background-color: #F04E69;
}

.hwh:nth-child(5) .ilustration {
    background-color: #6DC067;
}

.hwh:nth-child(6) .inner {
    background-color: #00AEEF;
}

.hwh .hwh-item-content ul {
    list-style: none;
    padding: 0;
}

.hwh .hwh-item-content ul li {
    margin-bottom: 5px;
}

.hwh .hwh-item-content ul li:before {
    content: "\f054";
    font-family: "FontAwesome";
    width: 10px;
    color: #5b5d5a;
    height: 10px;
    margin-right: 5px;
    margin-top: 4px;
    float: left;
}

.hwh .hwh-item-content a {
    color: #00AEEF;
    font-size: 18px;
    line-height: 24px;
    text-decoration: none;
    transition: 0.5s all;
    display: table;
    font-weight: 600;
}

.hwh .hwh-item-content a:hover {
    color: #0965b3;
}

.hwh .inner {
    width: 100%;
    height: 100%;
}


/* News */

.news-home .news-items {
    margin-bottom: 30px;
}

.news-home .news-items .news-item {
    background: #F5F7FA;
    border: 1px solid #F2F2F2;
    border-radius: 3px;
    height: 100%;
    transition: 0.5s all;
}

.news-home .news-item:hover {
    -webkit-box-shadow: -2px 4px 17px -2px rgba(0, 0, 0, 0.48);
    -moz-box-shadow: -2px 4px 17px -2px rgba(0, 0, 0, 0.48);
    box-shadow: -2px 4px 17px -2px rgba(0, 0, 0, 0.48);
}

.news-home .news-item .news-item-content {
    padding: 15px;
}

.news-home .news-item .news-item-content p {
    opacity: 0.9;
    color: #5b5d5a;
    font-size: 18px;
    margin-bottom: 0;
}

.news-home .news-item a {
    text-decoration: none;
    display: block;
    height: 100%;
}

.news-home .news-items .col-sm-4 {
    margin-bottom: 30px;
}

.news-home .news-item .post-info {
    display: table;
    width: 100%;
    margin-bottom: 5px;
}

.news-home .news-item .post-date {
    font-size: 14px;
    font-weight: 600;
    color: #5b5d5a;
    opacity: 0.7;
    font-weight: bold;
    float: left;
    display: table;
}

.news-items .in-category {
    margin-bottom: 30px;
}

.news-home .news-item .post-category {
    font-size: 14px;
    font-weight: 600;
    color: #00AEEF;
    font-weight: bold;
    float: left;
    display: table;
    text-transform: uppercase;
}

.news-home .news-item .post-category:before {
    font-family: FontAwesome;
    font-size: 5px;
    content: '\f111';
    margin: 0 7px;
    position: relative;
    color: #5b5d5a;
    opacity: 0.8;
    bottom: 3px;
}

.news-home .news-item h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #5b5d5a;
    transition: 0.5s all;
    margin-bottom: 15px;
}

.news-home .news-item:hover h3 {
    color: #00AEEF;
}


/* Home */

.home-story {
    background-color: #F5F7FA;
}

.home-story h2 {
    color: #5b5d5a;
    font-weight: bold;
    margin-bottom: 30px;
}

.home-story .story-cnt {
    margin-top: 50px;
    border-radius: 4px;
    background-color: #6dc067;
    padding: 20px;
}

.home-story .story-cnt h3 {
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
}

.home-story .story-cnt p {
    font-size: 32px;
    color: #fff;
    line-height: 44px;
    font-weight: 600;
}


/* Page Vesti */

.news-home.category-page .post-date {
    margin: 5px 0;
}

.news-home.category-page h3 {
    font-size: 22px;
    line-height: 28px;
}

.news-home.category-page .excerpt p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
    color: #fff;
}

.alm-load-more-btn {
    text-transform: uppercase!important;
    background-color: #19b1fc!important;
    transition: 0.5s all!important;
}

.alm-load-more-btn:hover {
    background-color: #0965b3!important;
}


/* Vest single*/

.wrapper-single {
    width: 100%;
    max-width: 1170px;
    display: table;
    margin: 0 auto;
    padding: 0 30px;
}

.block-single {
    width: 100%;
    background-color: #f5f7fa;
    padding-top: 40px;
}

.block-single.white {
    background-color: #fff;
}

.block-single.sms {
    background-color: #F04E69;
}

.block-single.sms .single-content p {
    color: #fff;
    font-size: 22px;
}

.single-main {
    float: left;
    width: calc(100% - 420px);
}

.single-main section {
    background-color: #fff
}

.single-main .featured-img img {
    width: 100%;
}

.single-main .single-content {
    padding: 20px;
    margin-bottom: 30px;
}

.single-main .single-content img {
    height: auto;
}

.single-main .post-date {
    font-size: 14px;
    color: #a8a8a8;
    font-weight: 500;
}

.single-main .share-buttons {
    margin: 30px 0;
}

.block-single .sidebar {
    max-width: 400px;
    width: 100%;
    float: right;
}

.single-main .single-content iframe {
    max-width: 100%;
}


/* Za kompanije */

.company-content {
    margin: 0 auto;
    display: table;
    max-width: 800px;
}

.simple-table {
    border-color: transparent;
}

.simple-table tr td {
    padding: 5px 5px;
    font-size: 16px;
}

.simple-table tr:nth-child(even) {
    background: #33b1e661
}

.simple-table tr:nth-child(odd) {
    background: #FFF
}

.ser-tab {
    border-color: transparent;
}

.ser-tab tr td {
    padding: 6px 10px;
    font-size: 16px;
    vertical-align: top;
}

.ser-tab tr:nth-child(odd) {
    background: #33b1e661;
}

.ser-tab tr:nth-child(even) {
    background: #b1e1f545;
}

.ser-tab tr:nth-child(odd) td {
    font-size: 22px;
    font-weight: bold;
}


/* Karijera*/

.latest-jobs {
    margin: 30px 0;
}

.latest-jobs h2 {
    color: #5b5d5a;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 38px;
    line-height: 48px;
    text-align: center;
}

.job-items {
    margin: 0 auto;
    display: table;
    max-width: 800px;
    width: 100%;
}

.job-item {
    border: 1px solid #e7ecf3;
    border-bottom-width: 2px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    transition: 0.5s all;
}

.job-item:hover {
    -webkit-box-shadow: -2px 4px 17px -2px rgba(0, 0, 0, 0.48);
    -moz-box-shadow: -2px 4px 17px -2px rgba(0, 0, 0, 0.48);
    box-shadow: -2px 4px 17px -2px rgba(0, 0, 0, 0.48);
}

.job-item a {
    padding: 15px 20px;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    text-decoration: none;
    font-size: 20px;
    transition: 0.5s all;
}


/*SOS contents style*/

.sos-cnt h1 {
    font-size: 48px;
    line-height: 54px;
    color: #00AEEF;
    font-weight: 600;
    margin-bottom: 30px
}

.sos-cnt h2 {
    font-size: 40px;
    line-height: 46px;
    color: #00AEEF;
    font-weight: 600;
    margin-bottom: 20px
}

.sos-cnt h3 {
    font-size: 36px;
    line-height: 42px;
    color: #00AEEF;
    font-weight: 600;
    margin-bottom: 20px
}

.sos-cnt h4 {
    font-size: 24px;
    line-height: 30px;
    color: #00AEEF;
}

.sos-cnt h5 {
    font-size: 18px;
    line-height: 24px;
    color: #00AEEF;
}

.sos-cnt p {
    font-size: 18px;
    line-height: 26px;
    color: #484848;
}

.sos-cnt ol,
.sos-cnt ul {
    margin: 0 0 20px 0;
    padding-left: 30px;
    font-size: 18px;
}


/* Footer */

.footer {
    background-color: #00AEEF;
    padding: 50px 0;
}

.footer .col-item {
    margin-bottom: 30px;
}

.footer h3 {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.footer .bilten p {
    color: #fff;
    font-size: 16px;
}

.footer .member-stats a {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

.footer-credits {
    padding: 5px 0;
}

.footer-credits p {
    font-size: 12px;
    color: #444;
    padding: 10px 0;
    margin-bottom: 0;
}

.footer-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-menu ul li {
    margin-bottom: 10px;
}

.footer-menu ul li a {
    font-size: 18px;
    line-height: 24px;
    color: #89dcff;
    transition: 0.5s all;
}

.footer-menu ul li a:hover {
    text-decoration: none;
    color: #fff;
}

.footer-social ul {
    margin: 0;
    padding: 0;
}

.footer-social ul li {
    float: left;
    margin: 0 5px;
}

.footer-social ul li:first-child {
    margin-left: 0;
}

.footer-social ul li a {
    color: #33B1E6;
    background-color: #fff;
    border-radius: 40px;
    width: 35px;
    height: 35px;
    display: table;
    font-size: 16px;
    text-decoration: none;
    transition: 0.5s all;
}

.footer-social ul li a:hover {
    opacity: 0.7;
}

.footer-social ul li a i {
    margin: 0 auto;
    padding-top: 10px;
    display: table;
}

.footer .sos-logo {
    margin-bottom: 10px;
}

.newsletter-footer {
    width: 289px;
    display: table;
    margin: 0 0 30px 0;
    float: left;
}

.newsletter-footer span {
    font-size: 16px;
    margin: 0 auto;
    display: table;
    color: #1c1c1b;
    font-weight: 400;
    padding-bottom: 15px;
}

.newsletter-footer form {
    width: 100%;
}

.newsletter-footer form input.email {
    width: 200px;
    vertical-align: top;
    display: table;
    height: 35px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 0;
    float: left;
    font-size: 14px;
    padding-left: 10px;
    color: #1c1c1b;
}

.newsletter-footer form input.button {
    width: 35px;
    height: 35px;
    background-color: #F04E69;
    border: none;
    float: right;
    cursor: pointer;
}

.newsletter-footer .s-button {
    position: relative;
    display: table;
    width: 35px;
    height: 35px;
}

.newsletter-footer .s-button:before {
    font-family: FontAwesome;
    font-size: 18px;
    color: #fff;
    content: '\f105';
    position: absolute;
    top: 5px;
    left: 15px;
    z-index: 100;
    cursor: pointer;
}


/* Relevantne politike */

.block-rp {
    padding: 0 0 70px 0;
    background-color: #F5F7FA;
}

.block-rp .cnt {
    color: #fff;
    padding: 30px;
    font-size: 18px;
    height: 100%;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
    box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
}

.block-rp .cnt h2 {
    font-size: 36px;
    font-weight: bold;
}

.block-rp .cnt h2 i {
    margin-right: 10px;
}

.block-rp .cnt a {
    color: #fff;
}

.block-rp .politike .cnt {
    background-color: #6DC067;
}

.block-rp .izvestaji .cnt {
    background-color: #F47920;
}


/* Transparentnost*/

.block-transparentnost {
    padding: 0 0 70px 0;
}


/* SOS decija sela u brojkama */

.about-sos-main {
    padding-bottom: 50px;
}

.about-sos-main .sos-cnt {
    padding-top: 0px;
}

.fact-items {
    margin-bottom: 50px;
}

.fact-items .fact-item {
    padding: 20px 20px 10px 20px;
    font-size: 20px;
    color: #fff;
}

.fact-items .fact-item a {
    color: #fff;
    text-decoration: underline;
}

.fact-items .fact-item:nth-child(1) {
    background-color: #00AEEF;
}

.fact-items .fact-item:nth-child(2) {
    background-color: #6DC067;
}

.fact-items .fact-item:nth-child(3) {
    background-color: #F47920;
}

.fact-items .fact-item:nth-child(4) {
    background-color: #F04E69;
}

.fact-item-icon img {
    display: table;
    margin: 0 auto 15px auto;
}

.about-sos-target {
    background-color: #fff;
    padding: 50px 0;
    color: #5b5d5a;
    font-size: 26px;
}

.sos-ukratko {
    text-align: center;
    color: #73879c;
    font-size: 22px;
}

.clanica-items {
    width: 100%;
}

.clanica-items .clanica-item {
    width: 33%;
    float: left;
}

.clanica-items .clanica-item img {
    max-height: 70px;
    margin: 0 auto;
    display: table;
}


/* Naše priče greenbox */

.news-item-green {
    background-color: #6DC067!important;
    height: 100%;
    padding: 20px;
}

.news-item-green h3 {
    color: #fff!important;
    margin-bottom: 0!important;
    font-size: 22px;
    line-height: 28px;
}

.news-item-green h3 a {
    color: #fff!important;
}

.news-item-green .post-date {
    color: #fff!important;
}

.col-5 {
    -ms-flex: 0 0 10%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}


/* Online donacija */

.page-id-657 .parallax-window {
    height: 800px;
}


/* Potvrda donacije */

.yourModalClass {
    background-color: #fff;
    border: 4px solid #666666;
    padding: 0 1.5em 1em;
    border-radius: 5px;
    max-width: 800px;
    color: #333333;
}

.yourModalClass a {
    color: #333333;
}

.yourModalClass h2 {
    font-size: 22px;
    font-style: normal;
    padding-top: 30px;
}

.potvrda form {
    margin-top: 30px!important;
    margin-bottom: 30px!important;
    margin-left: inherit!important;
    margin-right: inherit!important;
}

.potvrda input[type=checkbox] {
    width: 15px;
    height: 15px;
}

.potvrda fieldset {
    margin-bottom: 15px;
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/


/*------------------------------------*\
    IMAGES
\*------------------------------------*/


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

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


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

::-webkit-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

::-moz-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}


/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky {}

.bypostauthor {}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* Page - Istorijat*/

.history-intro {
    font-size: 18px;
    color: #888;
    margin: 0 auto;
    max-width: 800px;
}

.history-content {
    padding: 40px 0;
}

.history-content h2 {
    color: #009ee0;
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
    text-align: center;
}

.history-content .remark {
    margin: 50px auto 50px auto;
    background-color: #73879c00;
    border-radius: 5px;
    max-width: 1024px;
    padding: 20px;
    color: #5b5d5a;
    font-size: 16px;
    opacity: 0.7;
}

.history-content .remark-head {
    font-size: 18px;
    font-weight: 600;
}

.history-content .remark-head i {
    margin-right: 10px;
    margin-bottom: 5px;
}

.timeline {
    position: relative;
    max-width: 1024px;
    margin: 0 auto;
}

.timeline::after {
    content: ' ';
    position: absolute;
    width: 4px;
    background-color: #dadada!important;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
}

.timeline-container {
    padding: 10px 100px;
    position: relative;
    background-color: inherit;
    width: 50%;
    display: table;
}

.timeline-container::after {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    float: left;
    right: 0px;
    top: 0px;
    z-index: 1;
    background-color: #009ee0;
    display: table;
    right: -3px;
    top: 28px;
}

.timeline-container.right:after {
    left: -5px;
}

.timeline-container.left {
    padding: 10px 40px 10px 0;
}

.timeline-container.right {
    padding: 10px 0 10px 40px;
}

.timeline .left {
    left: 0;
}

.timeline .right {
    left: 50%;
}

.timeline .left::before {
    content: ' ';
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent white;
}

.timeline .right::before {
    content: ' ';
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
}

.timeline .right::after {
    left: -5px;
}

.timeline-container.left h2,
.timeline-container.left p {
    text-align: right;
}

.timeline-container.right h2,
.timeline-container.right p {
    text-align: left;
}


/* The actual content */

.timeline-content {
    position: relative;
    border-radius: 6px;
    background-color: #fff;
    padding: 20px;
}

.timeline-content p {
    color: #888;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

@media screen and (max-width: 600px) {
    .timeline::after {
        left: 31px;
    }
    .tl-img {
        position: initial!important;
    }
    .label-fs {
        margin-left: 70px!important;
        margin-top: -13px!important;
    }
    .bottom-dot {
        margin: 0!important;
        left: 29px!important;
    }
    .final-step {
        margin-left: 70px!important;
        text-align: left!important;
    }
    .timeline-container {
        width: 90%;
        padding-left: 70px;
        padding-right: 25px;
    }
    .timeline-container::before {
        left: 60px!important;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    }
    .timeline .left::after {
        left: 26px!important;
    }
    .timeline .right::after {
        left: -14px!important;
    }
    .timeline .right {
        left: 40px!important;
    }
    .timeline .left .timeline-content {
        left: 50px;
    }
    .timeline .right .timeline-content {
        left: -30px;
    }
    .timeline-container.left h2,
    .timeline-container.left p {
        text-align: left;
    }
    .timeline .left::before,
    .timeline .right::before {
        content: none;
    }
}


/* */

.more-news-block {
    padding: 50px 0 40px 0;
    /* margin-top: 30px; */
    background-color: #fff;
}

.more-news-block.gray {
    background-color: #F5F7FA;
}

.more-news-block h2 {
    color: #5b5d5a;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 48px;
    line-height: 54px;
    text-align: center;
}

.more-news-block .news-item .post-date {
    margin: 5px 0;
    font-size: 16px;
    color: #888;
}

.more-news-block .news-item h3 {
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
}

.more-news-block .news-item h3 a {
    text-decoration: none;
    color: #00AEEF;
    transition: 0.5s all;
}

.more-news-block .news-item h3 a:hover {
    color: #0965b3;
}

.more-news-block .news-item {
    background: #F5F7FA;
    border: 1px solid #E8EAED;
    border-radius: 4px;
    margin-bottom: 30px;
}

.about-sos-target {}


/* --- Pretraga --- */

#search-form {
    display: none;
    background: #fff;
    position: absolute;
    width: 100%;
    float: right;
    z-index: 999999999;
    max-width: 300px;
}

.pretraga img {
    float: right;
}

a.trazi {
    float: left;
    display: table;
    padding: 7px 0 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    transition: 0.5s all;
    text-transform: uppercase;
    margin-left: 10px;
    margin-right: 10px;
}

a.trazi:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f002";
    float: left;
    margin-right: 3px;
    font-size: 12px;
    top: 3px;
    position: relative;
    font-weight: bold;
}

a.trazi:hover {
    text-decoration: none;
}

.pretraga form {
    height: 40px;
}

.pretraga {
    position: absolute;
    right: 0;
    top: 40px;
    max-width: 260px;
    z-index: 2;
}

.pretraga input#s {
    border: 1px solid #999;
    padding: 4px;
    height: 100%;
    width: 70%;
    font-size: 14px;
}

.pretraga input#searchsubmit {
    background-color: #EC7404;
    color: #FFF;
    border: medium none;
    padding: 10px 0;
    font-size: 14px;
    cursor: pointer;
    text-transform: uppercase;
    margin: 0px;
    float: right;
    width: 30%;
    height: 100%;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.pretraga input#searchsubmit:hover {
    background-color: #333;
}

.news-home.search-page .post-date {
    font-weight: bold;
    margin-top: 20px;
}

.search-page #search-f input[type="text" i] {
    border-radius: 0;
    box-shadow: none;
    max-width: 100%;
    vertical-align: middle;
    outline: 0;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #222;
    border: 2px solid #eee;
    transition: border-color .4s;
    width: 100%;
    max-width: 600px;
    display: table;
    margin: 0 auto;
}

.search-page #searchform {
    position: relative;
    max-width: 600px;
    width: 100%;
    margin: 0 auto 30px auto;
}

.search-page #search-f input[type="submit" i] {
    position: absolute;
    right: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: no-repeat;
    border: none;
}

.search-page #search-f input[type="submit" i]::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f002";
}

#search-f button {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 46px;
    font-size: 18px;
    font-weight: bold;
    width: 45px;
    border: 0;
    background: no-repeat;
    cursor: pointer;
    color: #000;
    opacity: 0.6;
    transition: 0.5s all;
}

#search-f button:hover {
    color: #000;
    opacity: 1.0;
}


/* --- /pretraga --- */


/* Paralax*/

.parallax-window {
    min-height: 600px;
    background: transparent;
}


/* -- Donation box -- */

.c-select {
    display: flex;
    position: relative;
}

.c-select__item:first-of-type {
    border-radius: 8px 0 0 8px;
}

.c-select__item:last-of-type {
    border-radius: 0 8px 8px 0;
    border-right: 2px solid #f2f2f2;
}

.c-select__item.is-active:first-of-type::after {
    border-radius: 8px 0 0 8px;
}

.c-select__item.is-active:last-of-type::after {
    border-radius: 0 8px 8px 0;
}

.c-select__item.is-active::after {
    border: 2px solid #cccccc;
    bottom: -2px;
    content: "";
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px;
    z-index: 2;
}

.c-select__item.is-active {
    background-color: #f2f2f2;
    border-color: transparent;
    color: #777777;
}

.c-select__item.is-active input {
    color: #777777 !important;
}

.c-select__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    color: #cccccc;
    border: 2px solid #f2f2f2;
    border-right: none;
    position: relative;
    z-index: initial;
    height: 60px;
    line-height: 60px
}

.c-select__item:hover {
    color: #777777;
    cursor: pointer;
}

.c-button {
    color: #fff!important;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 24px;
    padding: 17px 2rem 15px;
    position: relative;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    background: #e74361;
    width: 100%;
    cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.c-button:hover {
    color: #fff;
    background: #d93d5a;
    text-decoration: none;
}

.fields {
    display: flex;
    flex-direction: row;
}

.two.fields .field {
    width: 50%;
    padding-right: 0.5em;
}

input.alta_suma {
    cursor: text;
    font-size: 1.25rem !important;
    font-weight: 500;
    padding: 0 10px !important;
    z-index: 100;
    color: #cccccc;
    border: 0;
    background: transparent;
}

input.card-field {
    border: 2px solid #f2f2f2 !important;
    border-radius: 8px;
    color: #777777;
    font-size: 1.25rem;
    font-weight: 500;
    height: 60px;
    line-height: 30px;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 14px;
    transition: border 0.2s ease-in-out 0s;
    width: 100%;
}

.field label {
    color: #777777;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4285rem;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.field {
    margin-bottom: 1rem;
}

.pay_form {
    background: #fff;
    width: 98%;
    margin: 1% auto;
    padding: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.3);
}

.pay_header {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 20px;
    font-size: 18px;
    margin: 0;
    color: #606060;
    font-size: 18px;
    line-height: normal;
}

.pay_inner_container {
    padding: 20px;
}

input.card-field.err {
    background-color: #ffe2e9;
    border-color: #fd85a8 !important;
    color: #f42953 !important;
}

.hidden-xs {
    display: none;
}

.floating-button {
    display: none;
}

.button-orange,
.top-header-menu .current-menu-item.button-orange {
    background: #f47920;
    color: #fff !important;
}

.top-header-menu .current-menu-item.button-orange a,
.top-header-menu .current-menu-item.button-orange a:hover {
    color: #fff;
}

.button-orange:hover,
.top-header-menu .current-menu-item.button-orange:hover {
    color: #fff !important;
    background: #ec6c0f;
}

.tip-donacije {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    color: #545454;
    border: 2px solid #ccc;
    position: relative;
    z-index: initial;
    height: 60px;
    line-height: 60px;
    background-color: #f2f2f2;
    border-radius: 4px;
    width: 100%;
}


/* Misija - Vizija*/

.misija-vizija .blue-line {
    margin-bottom: 12px!important;
}

.misija-box,
.vizija-box {
    margin: 0 auto;
    max-width: 730px;
}

.misija-box {
    margin-bottom: 50px;
}

.misija-box p {
    font-size: 24px;
    color: #009ee0;
}

.misija-content {
    font-size: 16px;
    margin-bottom: 30px;
}

.nase-vrednosti-section h3 {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
}

.nase-vrednosti-section h4 {
    font-weight: bold;
    font-size: 22px;
}

.nase-vrednosti-section .field-content {
    font-size: 18px;
}

.sve-vrednosti .inner-content {
    padding: 30px;
}

.sve-vrednosti .col-item {
    color: #fff;
}

.sve-vrednosti .col-item:nth-child(1) {
    background-color: #00AEEF;
}

.sve-vrednosti .col-item:nth-child(2) {
    background-color: #6DC067;
}

.sve-vrednosti .col-item:nth-child(3) {
    background-color: #F47920;
}

.sve-vrednosti .col-item:nth-child(4) {
    background-color: #F04E69;
}


/* Nasi programi */

.program-content {
    margin: 0px auto 50px auto;
    max-width: 1000px;
}


/* Oni nas podržavaju */

.block-support .content-box {
    width: 100%;
    display: table;
    padding: 30px;
    background-color: #009ee0;
}

.block-support .content-box h3 {
    color: #FFF;
    font-size: 22px;
}

.block-support .content-box p {
    font-size: 20px;
    color: #FFF;
    line-height: 1.8;
}

.sos-donators-block {
    margin: 40px 0;
}

.donatori-items {
    max-width: 1000px;
    margin: 0 auto;
}

.donatori-item {
    margin-bottom: 30px;
}

.donatori-item img {
    margin: 0 auto;
    display: table;
}

.block-partneri {
    padding: 40px 0;
}

.block-partneri table {
    border: 1px solid transparent;
    font-size: 16px;
    color: #fff;
}

.block-partneri .institucije,
.block-partneri .organizacije {
    height: 100%;
}

.block-partneri .institucije .inner-content {
    background-color: #F04E69;
    height: 100%;
}

.block-partneri .organizacije .inner-content {
    background-color: #6DC067;
    height: 100%;
}

.block-partneri .inner-content {
    color: #fff;
    font-size: 18px;
    padding: 20px;
}

.block-partneri .inner-content h3 {
    font-size: 36px;
    margin-bottom: 20px;
    font-weight: 600;
}


/* Video Gallery */

.ul-YoutubeGallery li img.img-YoutubeGallery {
    display: table;
    margin: 0 auto;
}

.ul-YoutubeGallery li h3.title-YoutubeGallery {
    font-size: 22px;
    color: #0965b3!important;
    text-align: center;
}

.ul-YoutubeGallery li.li-YoutubeGallery {
    width: 100% !important;
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
}


/* Standardi*/

.svi-standardi {}

.svi-standardi a {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background-color: #33B1E6;
    display: table;
    width: 100%;
    padding: 7px;
    margin-bottom: 2px;
    text-decoration: none;
    transition: 0.5s all;
}

.svi-standardi a:hover {
    background-color: #F47920;
}


/* Home slider */

.home-slider {
    z-index: 98;
    position: relative;
}

.home-slider h2 {
    background-color: #fff;
    color: #00AEEF;
    font-size: 42px;
    line-height: 48px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 4px;
}

.home-payment-box {
    position: absolute;
    top: 130px;
    right: 80px;
    max-width: 420px;
    z-index: 99;
}

.home-slider .blue-bg {
    line-height: 42px!important;
    padding: 20px!important;
    background-color: #00aeef8c;
}

.sidebar-payment-box {
    margin: 30px 0;
}

.donirajte-uvod {
    color: #888;
    font-size: 18px;
    padding-bottom: 30px;
}

.donirajte-uvod h3 {
    font-size: 28px!important;
    color: #00AEEF;
}

.donirajte-uvod h4 {
    font-size: 20px!important;
    color: #00AEEF
}


/* Donator*/

.donation-main {
    max-width: 800px;
    margin: 0 auto;
    display: table;
}

.donation-main .sadrzaj-forme {
    margin-bottom: 40px;
}

.donation-main input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    color: #4c4c4c;
    border: 2px solid #5b5d5a;
    /* border-right: none; */
    position: relative;
    z-index: initial;
    height: 48px;
    line-height: 60px;
    width: 100%;
    max-width: 400px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.donation-main form {
    display: table;
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
}

.platne_kartice {
    margin-bottom: 30px;
}

.donation-main label {
    color: #777;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4285rem;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.donation-main input[type=submit] {
    color: #fff!important;
    display: inline-block;
    font-size: 14;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    background: #6dc067;
    width: 100%;
    cursor: pointer;
    border-color: transparent;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    transition: 0.5s all;
}

.donation-main input[type=submit]:hover {
    opacity: 0.8;
}


/* Kontakt */

.parallax-contact {
    height: 570px;
    position: relative;
}

.contact-box-row {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.contact-box-row .contact-box {
    width: 100%;
    max-width: 600px;
    display: table;
    margin: 0 auto;
    padding: 30px;
    background-color: #fff;
}

.contact-box-row .contact-box h3 {
    color: #009ee0;
    font-size: 22px;
}

.contact-box-row .contact-box p {
    font-size: 20px;
    color: #888;
    line-height: 1.8;
}

.block-kontakt-mape {
    padding: 50px 0;
}

.block-kontakt-mape .row {
    margin-bottom: 20px;
}

.block-kontakt-mape .row::last-child {
    margin-bottom: 0px;
}

.block-kontakt-mape .kontakt-podaci h3 {
    color: #009ee0;
    font-size: 28px;
    font-weight: bold;
}

.block-kontakt-mape .kontakt-podaci p {
    font-size: 20px;
    color: #888;
    line-height: 32px;
}

.block-kontakt-forma {
    background-color: #F5F7FA;
    padding: 40px 0;
}

.block-kontakt-forma h2 {
    color: #5b5d5a;
    font-size: 36px;
    text-align: center;
}

.block-kontakt-forma .kontakt-forma {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.block-kontakt-forma .kontakt-forma input,
.block-kontakt-forma .kontakt-forma textarea {
    padding: 10px;
    font-size: 18px;
    width: 100%;
    color: #888;
}

.block-kontakt-forma .kontakt-forma .label {
    color: #73879c;
    ;
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.block-kontakt-forma .kontakt-forma input[type=submit] {
    color: #fff!important;
    display: table;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 24px;
    padding: 17px 2rem 15px;
    position: relative;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    background: #e74361;
    width: 50%;
    margin: 0 auto;
    cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 0;
}

.block-kontakt-forma .kontakt-forma input[type=submit]:hover {
    opacity: 0.8;
}

.block-kontakt-forma .wpcf7-recaptcha {
    margin: 0 auto 10px auto;
    display: table;
}

.block-kontakt-forma span.contact-msg {
    color: #73879c;
    font-size: 18px;
    text-align: center;
    margin: 0 auto 40px auto;
    display: table;
    max-width: 430px;
}

iframe {
    max-width: 100%;
}

.hwh-items.standard-stories {
    width: 100%;
}

.standard-stories .hwh-item {
    width: 20%;
    float: left;
    padding: 0 20px;
    display: table;
}

.standard-stories .hwh-item h3 {
    color: #0965b3;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
    display: table-cell;
    vertical-align: middle;
}

.standard-stories .hwh-item .hwh-item-content ul a {
    color: #00ADEE;
    font-size: 18px;
    display: table;
}

.standard-stories .hwh-item .hwh-item-content ul li:before {
    content: "\f054";
    color: #00ADEE;
    font-family: "FontAwesome";
    width: 10px;
    height: 10px;
    margin-right: 5px;
    margin-top: 3px;
    float: left;
}

.standard-stories .hwh-item-head {
    min-height: 120px;
    display: table;
}

.standard-stories .hwh-item .ilustration img {
    margin: 20px auto 20px auto;
    display: table;
    max-height: 60px;
    max-width: 70px;
}

.page-template-page-program-php .accordions {
    max-width: 600px;
    margin: 0 auto;
}

.block-quotes {
    display: table;
    margin: 0 auto 30px auto;
    width: 100%;
    position: relative;
}

.block-quotes .quotes-content {
    background-color: #6DC067;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    padding: 20px 20px 30px 20px;
}

.block-quotes .quotes-author {
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    float: right;
    position: relative;
    bottom: -25px;
    right: 0;
}

.cd-fixed-bg {
    height: 600px;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center top;
    background-position: center top;
    background-position-y: 30px;
}

.sos-sms-donate {
    background-color: #00AEEF;
    padding: 40px 0;
}

.sms-box {}

.sms-box h1 {
    font-weight: bold;
    font-size: 42px;
    line-height: 48px;
    color: #fff;
    text-align: center;
}

.sms-box p {
    color: #fff;
    font-size: 22px;
    lighting-color: 32px;
    text-align: center;
}

.page-template-page-donirajte-online .payment-box {
    max-width: 700px;
    margin: 40px auto;
}

.cd-fixed-bg.online-donate {}

.online-donate-hero {
    position: relative;
}

.online-donate-hero .box-content {
    position: absolute;
    /* right: 150px; */
    right: 30px;
    top: 70px;
}

.dgd_stb_box.default {
    background-color: #fff!important;
}

.dgd_stb_box.default .dgd_stb_box_close {
    background-color: #00AEEF!important;
    color: #fff!important;
}

.dgd_stb_box.default h2 {
    color: #00AEEF;
    !important;
    font-size: 22px;
    font-weight: bold;
}

.dgd_stb_box.default img {
    margin-bottom: 20px;
}

.dgd_stb_box.default .btn {
    font-size: 14px;
    padding: 8px 30px;
}

.pop-up-cnt {
    width: 100%;
    display: table;
}

.pop-up-cnt .left {
    width: 50%;
    float: left;
}

.pop-up-cnt .right {
    width: 50%;
    float: left;
}

.program-content img {
    height: auto;
}

.page-id-4206 .cd-fixed-bg {
    display: none;
}

.page-id-4292 ul,
.parent-pageid-783 ul {
    list-style: none;
}

.page-id-4292 .single-content ul li:before,
.parent-pageid-783 .block-single ul li:before {
    content: "\f054";
    font-family: "FontAwesome";
    width: 10px;
    height: 10px;
    margin-right: 5px;
    margin-top: 2px;
    margin-left: -16px;
    font-size: 13px;
    margin-right: 6px;
    color: #009ee0;
}

.accordions {
    margin-bottom: 30px!important;
}


/* Club form addon*/

.club-form {
    width: 100%;
    max-width: 800px;
    background-color: #F5F7FA;
    padding: 20px 0 0px 10px;
}

.club-form h2 {
    color: #00aeef;
    line-height: 32px;
    font-size: 22px;
    text-align: left;
}

.club-form input,
.club-form textarea {
    padding: 5px;
    font-size: 14px;
    width: 100%;
    color: #383838;
    margin-bottom: 10px;
}

.club-form .label {
    color: #383838;
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.club-form input[type=submit] {
    color: #fff!important;
    display: table;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 5px 2rem 5px;
    position: relative;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    background: #e74361;
    width: 130px;
    cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 0;
}

.club-form input[type=submit]:hover {
    opacity: 0.8;
}

.club-form .wpcf7-recaptcha {
    margin: 0 auto 10px auto;
    display: table;
}

.club-form span.contact-msg {
    color: #73879c;
    font-size: 18px;
    text-align: center;
    margin: 0 auto 40px auto;
    display: table;
    max-width: 430px;
}

span.wpcf7-list-item {
    display: block;
    line-height: 10px;
}

.club-form .text-label {
    font-size: 18px;
    color: #383838;
    display: block;
}

.club-form .wpcf7-list-item-label {
    font-size: 16px;
}

.club-form .sub_text {
    padding-left: 36px;
    font-size: 16px;
    margin-bottom: 20px;
}

.wpcf7-list-item input[type=checkbox] {
    width: 20px;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {}

@media only screen and (max-width:480px) {
    .cd-fixed-bg {
        height: 300px;
    }
    .donate-btn {
        display: none;
    }
    .cd-fixed-bg.od-ljubavi {
        max-height: 220px;
    }
}

@media only screen and (max-width:640px) {
    .main-header {
        padding: 10px 0;
    }
    .main-header .donate-btn .btn {
        font-size: 14px;
        padding: 10px 15px;
    }
    .right-nav nav>ul {
        display: none;
    }
    .headline h1 {
        font-size: 32px;
        line-height: 38px;
    }
    .headline h2 {
        font-size: 32px;
        line-height: 38px;
    }
    .more-news-block h2 {
        font-size: 32px;
        line-height: 38px;
    }
    .home-story h2 {
        font-size: 32px;
        line-height: 38px;
    }
    .home-story .story-cnt {
        margin-top: 0;
    }
    .sos-cnt h1 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 30px
    }
    .sos-cnt h2 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 20px
    }
    .sos-cnt h3 {
        font-size: 26px;
        line-height: 22px;
        margin-bottom: 20px
    }
    .sos-cnt h4 {
        font-size: 22px;
        line-height: 28px;
    }
    .sos-cnt h5 {
        font-size: 18px;
        line-height: 24px;
    }
    .block-single .container table {
        overflow-x: scroll;
        display: block;
    }
}

@media only screen and (min-width:480) and (max-width:768) {
    
}

@media only screen and (max-width:768px) {
    .home-payment-box {
        position: inherit;
        top: 20px;
        right: auto;
    }
    .hwh-item {
        width: 100%;
    }
    .donate-lp-hero {background-position-x: 0px!important;}
}

@media only screen and (max-width:960px) {
    .news-items .col-item {
        margin-bottom: 30px;
    }
    .block-single .single-main {
        float: none;
        clear: both;
        width: 100%;
        max-width: 690px;
        margin: 0 auto;
        display: table;
    }
    .block-single .sidebar {
        float: none;
        margin: 0 auto;
    }
    .online-donate-hero .box-content {
        position: inherit;
        left: inherit;
        top: inherit;
        right: inherit;
    }
}

@media only screen and (min-width:1024px) {
    .hamburger {
        display: none;
    }
}

@media only screen and (max-width:1024px) {
    #mega-menu-wrap-header-menu li a {
        font-size: 22px!important;
    }
    .main-header .logo {
        margin-right: 10px;
    }
    .right-nav {
        display: none;
    }
}

@media only screen and (max-width:1140px) {
    #mega-menu-wrap-header-menu li a {
        font-size: 22px!important;
    }
}

@media only screen and (min-width:1280px) {}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {}

@media (min-width: 1200px) {
    .container {
        /* max-width: 1400px; */
    }
}


/* Landing page - Koje je boje srce tvoje */

.srce-scroll-popup {
    height: 200px;
    width: 350px;
    /* background-image: url('http://test.mweb.rs/sos/wp-content/uploads/2019/02/srce-boje-popup.jpg'); */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.srce-scroll-popup a.btn {
    background-color: #fcd963!important;
    color: #131313!important;
    position: absolute!important;
    bottom: 25px!important;
    left: 15px!important;
    transition: 0.5s all;
    font-size: 12px!important;
    padding: 5px 0px !important;
    width: 293px;
}

.srce-scroll-popup a.btn:hover {
    opacity: 0.8;
}


/* Zameniti ID sa kreiranim boxom*/

#dgd_scrollbox-6174,
#dgd_scrollbox-6229,
#dgd_scrollbox-6730,
#dgd_scrollbox-6735 {
    background-color: #EF4D69!important;
    max-width: 1000px!important;
    margin: 0 auto!important;
    display: table!important;
    left: 50%!important;
    transform: translateX(-50%);
    background-position: center;
}

@keyframes heartbeat {
    0% {
        transform: scale( .75);
    }
    20% {
        transform: scale( 1);
    }
    40% {
        transform: scale( .75);
    }
    60% {
        transform: scale( 1);
    }
    80% {
        transform: scale( .75);
    }
    100% {
        transform: scale( .75);
    }
}

.popup-srca-boje .sunce {
    margin: 0 auto;
    width: 200px;
    height: auto;
    animation: heartbeat 2s infinite;
}

.popup-srca-boje .title {}

.popup-srca-boje a,
.popup-srca-boje p {
    color: #fcd963;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 auto;
    display: table;
}

.popup-card-link:hover {
    text-decoration: none!important;
}

#dgd_scrollbox-6229 .dgd_stb_box_close,
#dgd_scrollbox-6174 .dgd_stb_box_close {
    display: none;
}

#dgd_scrollbox-6730 .dgd_stb_box_close,
#dgd_scrollbox-6735 .dgd_stb_box_close {
    display: none;
}

.popup-srca-boje:hover,
.popup-srca-boje:hover p,
.popup-srca-boje:hover a {
    text-decoration: none!important;
}

.popup-srca-boje .tagline-img {
    margin: 0 auto 20px auto;
    display: table;
    max-width: 300px;
}

.lp-srce {
    background-color: #F04D6A;
    min-height: 300px;
    padding: 0px 0 0 0;
}

.lp-srce h1 {
    color: #fff;
    font-size: 68px;
    font-family: 'PrettyGirl';
    text-transform: uppercase;
}

.lp-srce p {
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
}

.lp-srce span {
    color: #FDD863;
    font-weight: bold;
}

.srce-col img {
    margin: 0 auto;
    display: table;
    max-width: 180px;
}

.boja-srca-cnt h2 {
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
}

.block-01-bs {
    padding: 70px 0 50px 0;
    background-color: #fff!important
}

.block-02-bs {
    background-color: #F5F7FA
}

.block-02-bs h2 {
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
}

.block-02-bs {
    font-size: 18px;
}

.block-02-bs .club-form {
    margin: 0;
}

.block-02-bs .club-form label {
    color: #383838;
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.block-02-bs .sos-item-profile {
    margin-bottom: 20px;
}

.block-02-bs .sos-item-profile .profile-name {
    font-size: 16px!important;
}

.block-02-bs .fas {
    margin-right: 10px;
    color: #f04d6a;
}

.header-boja-srca {
    background-color: #F04D6A;
    padding: 10px;
}

.header-boja-srca .title {
    color: #fff;
    font-family: 'PrettyGirl';
    text-transform: uppercase;
    font-size: 36px;
    line-height: 36px;
    padding-top: 10px;
}

.header-boja-srca a {
    font: 700 14px/1.4 'Open Sans', sans-serif;
    color: #FDD863;
    text-transform: uppercase;
}

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

@media only screen and (max-width:540px) {
    .lp-srce {
        padding: 0px 0;
    }
    .lp-srce h1 {
        font-size: 42px;
    }
    .lp-srce p {
        font-size: 16px;
    }
    #dgd_scrollbox-6229,
    #dgd_scrollbox-6174,
    #dgd_scrollbox-6735,
    #dgd_scrollbox-6730 {
        top: 20px!important;
    }
}

.vizual-bottom {
    height: 90px;
    width: 100%;
    background-image: url(images/vizual-bottom.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}

.vizual-top {
    height: 90px;
    width: 100%;
    background-image: url(images/vizual-top.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}


/* Popup Maker */

.pum-theme-6270,
.pum-theme-default-theme {
    background-color: rgba( 0, 0, 0, 0.8)!important;
}

.popmake {
    background-color: #EF4D69!important;
    background-image: url(http://test.mweb.rs/sos/wp-content/uploads/2019/02/pop-up-bg.jpg)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center center!important;
}

.popmake p {
    color: #fcd963;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 auto;
    display: table;
    max-width: 400px;
}

.popmake .popup-srca-boje a {
    width: 100%;
}

@media only screen and (min-width:768px) {
    .popmake {
        top: 260px!important;
    }
}

@media only screen and (max-width:540px) {
    .popmake {
        top: 20px!important;
    }
}


/* SOS predstavnik */

.sos-predstavnik-title {
    background-color: #F5F5F5;
    padding: 30px 0;
    margin-top: 18px;
    border-bottom: 1px solid #EEE;
    box-shadow: inset 0 10px 10px -12px rgba(0, 0, 0, 0.085);
}


}
.sos-predstavnik-title h1 {
    padding: 0;
    text-shadow: 1px 1px 1px #FFF;
    color: #555;
    font-weight: normal;
    font-size: 26px;
    line-height: 34px;
}
.single-unos-donatora .row {
    padding: 20px;
    margin-bottom: 20px;
}
.single-unos-donatora .row.light-blue {
    background-color: #CCECF9;
}
.single-unos-donatora .row.light-green {
    background-color: #E4F1DD;
}
.single-unos-donatora .row.light-orange {
    background-color: #FBE3CD;
}
.single-unos-donatora .row.light-red {
    background-color: #FAD9DF;
}
.single-unos-donatora .input-item {
    margin-bottom: 15px;
}
.single-unos-donatora label {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #444;
}
.single-unos-donatora input,
.single-unos-donatora select {
    width: 100%;
    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;
}
.single-unos-donatora .wpcf7-submit {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #0000;
    border-radius: 4px;
    background-color: #E74361;
    color: #F5F5F5;
    font-weight: bold;
    width: 135px;
}
.sos-ticker {
    background-color: #00ADEE;
    padding: 20px 0;
}
.sos-ticker p {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
    text-align: center;
}
.sos-ticker img {
    width: 25px;
    margin-right: 6px;
}

/* Clanovi kluba */
.clanovi-kluba-items {
    display: flex;
    align-items: center;
    justify-content: center;
}
.clanovi-kluba-items img {
    max-width: 200px;
    max-height: 130px;
}

/* Od ljubavi se */
.sos-ads-landing {
    padding-bottom: 50px;
}
.sos-ads-landing h1 {
    color: #5b5d5a;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 48px;
    line-height: 54px;
    text-align: center;
    text-transform: none;
    margin-bottom: 80px;
}
.sos-ads-landing h2 {
    font-size: 28px;
    margin-bottom: 10px;
    line-height: 34px;
}
.sos-ads-landing .head-line p {
    color: #009ee0;
    font-weight: bold;
}
.cd-fixed-bg.od-ljubavi {
    height: 600px;
    background-size: cover;
    background-attachment: initial;
    background-repeat: no-repeat;
    background-position: center top;
    background-position: center top;
    background-position-y: 0px;
}

/**/
.js .inputfile,
.js .inputfile2 {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.box label {
    max-width: 100%;
    font-size: 16px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 11px 40px;
    color: #414042;
    text-transform: uppercase;
    border: 1px solid #414042;
    transition: 0.5s all;
}
.box label:hover {
    border: 1px solid #00AEEF;
    background-color: #00AEEF;
    color: #fff;
}
.no-js .box label {
    display: none;
}
.box label img {
    position: relative;
    margin-right: 10px;
    display: none;
}
.inputfile:focus+label,
.inputfile.has-focus+label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
.inputfile+label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}
.inputfile+label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    
    margin-right: 0.25em;
    /* 4px */
}

/* style 1 */
.inputfile-1+label {
    color: #f1e5e6;
    background-color: #d3394c;
}
.inputfile-1:focus+label,
.inputfile-1.has-focus+label,
.inputfile-1+label:hover {
    background-color: #722040;
}
#mega-menu-wrap-header-menu li a {
    font-size: 16px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    color: #444841 !important;
    font-weight: 400 !important;
    transition: 0.5s all !important;
    position: relative !important;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    background: #fff;
}

/* Footer Newsletter */
.subscribe-nesletter-form .input-email {
    width: 200px;
    vertical-align: top;
    display: table;
    height: 35px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 0;
    float: left;
    font-size: 14px;
    padding-left: 10px;
    color: #1c1c1b;
    float: left;
}
.subscribe-nesletter-form .input-ok {
    width: 35px;
    height: 35px;
    background-color: #F04E69;
    border: none;
    float: right;
    cursor: pointer;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}

/* Program Add */
.title-logo.sm {
    padding: 70px 0 30px 0;
}
.title-logo.sm h1 {
    font-size: 32px;
    font-weight: bold;
    line-height: 42px;
    margin-top: 25px;
    color: #606a6f;
}
.block-single.white-section {
    background-color: #fff;
}
.side-box {
    border: 1px solid #e4e9f2;
    border-bottom-width: 2px;
    border-radius: 3px;
    padding: calc(14px + 3.2%) calc(14px + 4.2%);
    background-color: #F5F7FA;
    color: #606a6f;
}
.side-box a {
    font-size: 16px;
}
.sos-cnt.sm h2 {
    font-weight: 700;
    letter-spacing: 0;
    color: #454B41;
    margin-top: 0;
    font-size: 21.6px;
    line-height: 120%;
    margin-bottom: 10px;
}

/* Logos in content */
.partner-logos-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.partner-logos-items .item-logo {
    max-width: 220px;
    margin: 20px;
}
.partner-logos-items .item-logo img {}

/* SMS Donacija template styles*/
.page-template-page-sms-donacija .sos-ticker {
    display: none;
}
.sms-donacije-hero {
    margin-top: 40px;
}
.sms-donacije-hero img {
    width: 100%;
}
.page-template-page-sms-donacija h1 {
    color: #76b856;
    font-size: 42px;
    line-height: 44px;
}
.page-template-page-sms-donacija h2 {
    color: #76b856;
    font-size: 36px;
    line-height: 38px;
    font-weight: bold;
    margin: 100px 0 20px 0;
}
.sms-donacija-text-left {
    text-align: left;
}
.sms-donacija-text-right {
    text-align: right;
}
.sms-donacije-kucica-slika-mobile {
    display: none
}
.sms-donacije-malo-pomoci {
    display: none;
}
.sms-donacije-malo-pomoci-telefon {
    display: none;
}
@media screen and (max-width: 768px) {
    .sms-donacija-text-left,
    .sms-donacija-text-right {
        text-align: center;
    }
    
    .page-template-page-sms-donacija h2 {
        margin: 0 0 20px 0;
    }
}
@media screen and (max-width: 767px) {
    .sms-donacije-kucica-slika-desktop {
        display: none
    }
    
    .sms-donacije-kucica-slika-mobile {
        display: block;
    }
    
    .sms-donacije-hero {
        display: none;
    }
    
    .sms-donacije-malo-pomoci {
        display: block;
        margin: 20px 0 20px 0;
    }
    
    .sms-donacije-malo-pomoci-telefon {
        display: block;
        margin-left: -15px;
    }
}

/* Custom Newsletter forms */
.newsletter-custom-form {}
.newsletter-custom-form tr {
    margin-bottom: 15px;
    display: table;
}
.newsletter-custom-form .td-data {
    width: calc(100% - 200px);
}
.newsletter-custom-form .td-data input {
    vertical-align: top;
    display: table;
    height: 35px;
    border: 1px solid #ccc;
    float: left;
    font-size: 14px;
    padding-left: 10px;
    color: #1c1c1b;
    float: left;
}
.newsletter-custom-form .td-label {
    font-size: 16px;
    line-height: 26px;
    color: #484848;
    width: 120px;
}
.newsletter-custom-form .td-radio-group {
    padding-left: 20px;
    font-size: 14px;
}
.newsletter-custom-form .submit-btn {
    width: 100px;
    height: 35px;
    background-color: #F04E69;
    border: none;
    float: right;
    cursor: pointer;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}
.nesletter-footer-btn {
    height: 35px;
    background-color: #F04E69;
    border: none;
    padding: 10px;
    display: table;
    cursor: pointer;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    margin-right: 5px;
    text-decoration: none;
    transition: 0.5s all;
    margin-bottom: 10px;
}
.nesletter-footer-btn:hover {
    background-color: #D93D5A;
    color: #fff;
    text-decoration: none;
}
.single-content .custom-video-block-20 .videoWrapper {
    max-width: 800px;
    width: 100%;
    height: 100%;
    max-height: 350px;
    margin: 0 auto;
    display: block;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**/
.single-content .sos-image-slider {
    max-width: 1110px;
    margin: 0 auto;
}
.block-single.sos-roditelj .single-content {
    width: 100%;
}
.block-single.sos-roditelj .wrapper-single {
    display: block;
}

/* Donate Landing Page */
.only-recurrent-box .pay_inner_container ul li:last-child {
    display: none;
}


@media screen and (max-width: 480px) {
    .page-id-18243 .cd-fixed-bg.online-donate,
    .page-id-18241 .cd-fixed-bg.online-donate{
        background-size: auto 278px;
        background-position-x: left;
    }

    .page-id-36442 .cd-fixed-bg.online-donate,
    .page-id-36478 .cd-fixed-bg.online-donate {
        background-size: auto 278px;
        background-position-x: left;
    }

    .page-id-9509 .cd-fixed-bg.online-donate,
    .page-id-9486 .cd-fixed-bg.online-donate {
        background-size: auto 278px;
        background-position-x: left;
        background-position-x: -90px!important;
    }

    .page-id-9486 .cd-fixed-bg.online-donate {
        background-position-x: -90px!important;
    }
    


}