/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */

.my-container {padding-bottom: 0 !important; padding-top: 20px !important;}

.section-border {border-top: 5px solid #faf9fe;}

.opacity-box:before {opacity: 0.7;}

.top-menu-logo {margin: 10px 30px 10px 0 !important;}
.goal-box {min-height: 180px;}
.goal-box p {color: #000;}

ul.main-menu {float: right; color: #000;}
ul.main-menu > li {display: inline-block; padding: 18px 0; float: left;}
ul.main-menu > li > a {font-size: 13px; font-weight: 600; padding: 0px 16px; color: #000; display: inline-block; text-decoration: none; outline: 0; border-left: 1px solid #ccc; line-height: 13px; }
ul.main-menu > li:last-child > a { border-right: 1px solid #ccc; }

ul.main-menu > li ul { width: 100%; }
ul.main-menu > li ul li { width: 100%; }
ul.main-menu > li ul li a { padding: 5 20px !important; }



.thmb-box h4 a { color: #000; }
.thmb-box .btn-info { display: block; margin: 0 auto; width: 175px; background-color: #F26522 !important; color: #FFF !important; padding: 10px; }
.thmb-box .btn-info:hover { background-color: #FFF !important; color: #F26522 !important; }

.volonter-name{ margin-bottom: 0 !important; }


.mobile-menu {display: inline; float: right; position: relative; cursor: pointer; width: 36px; height: 25px; font-family: "Open Sans", sans-serif;}
.mobile-menu span {height: 5px; position: relative; width: 100%; background-color: #777; margin-bottom: 5px; display: block;}

.slider-boxes p {color: #000;}

.read-more {padding: 8px 60px; text-transform: uppercase; font-weight: 600; font-size: 14px;}

.my-footer .post-date {color: #777 !important;}
.my-footer .list-border li {color: #fff !important;}
.my-footer .list-border li a {color: #fff !important;}

.mt-23 {margin-top: 23px;}

.activity-box { min-height: 260px; position: relative; }

.button-more { position: absolute; bottom: 20px; }

.text-years { width: 100%; display: block; position: relative; float: left; padding: 50px 15px; border-bottom: 1px solid #ccc;}
.text-years .year { width: 100%; display: table; position: relative; float: left; }
.text-years .year .year-big { width: 110px; display: table-cell; vertical-align: top; padding-right: 30px; }
.text-years .year .year-big span { float: left; font-size: 46px; line-height: 50px; font-family: 'Playfair Display', serif; }
.text-years .year .year-text { display: table-cell; vertical-align: top; padding-top: 5px; }
.text-years .year .year-text p { font-size: 14px; line-height: 18px; }

.video-box { width: 100%; margin-bottom: 30px; }
.descr { font-size: 12px; line-height: 14px; width: 100%; float: left; display: block; padding: 0 15px; margin-top: 15px; }


.section-content a { text-decoration: underline; color: #F26522; }

.cover-image { width: 100%; height: auto; margin: 50px 0; }
.cover-image img { width: 100%; height: auto; }

.bg-silver-light { background-color: #FFF !important; }

.arhiva-link { background-color: #F26522 ; padding: 10px; margin-top: 10px; color: #fff !important; font-weight: 600; display: block; width: 300px; margin-top: 20px; text-align: center; }
.arhiva-link:hover { color: #000; }

.btn-theme-colored { color: #FFF !important; }

.box-index { border-bottom: 1px solid #ccc; padding: 50px 20px; }

.btn-slider { width: 200px !important; padding: 10px 0 !important; font-size: 14px !important; line-height: 18px !important; }

.podnaslov { padding: 0 20px; }

.small-box a {color: #000; text-decoration: none;}

.image-iapb {  width: 200px; margin: 25px auto; display: block; }

.narancasta { color: #F26522; }

.product-details a {text-decoration: none;}

.box-index p a { color: #F26522; text-decoration: underline; }

.button-center { display: block; width: 100%; text-align: center; }

.center { text-align: center; }

.form-margin { margin-bottom: 25px; }

input[type=checkbox], input[type=radio] { margin: 8px 7px 0 0 !important; }

.btn-send { max-width: 300px; width: 100%; }

.partners {  }
.partners .partners-box {  }
.partners .partners-box h3 { margin-bottom: 50px; text-align: center; }
.partners .partners-box .items { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
.partners .partners-box .items .item { flex: 0 0 100%; padding: 0 25px; margin-bottom: 40px; }
.partners .partners-box .items .item a { text-decoration: none !important; }
.partners .partners-box .items .item .item-img { width: 100%; max-width: 190px; height: auto; margin: 0 auto; margin-bottom: 20px; }
.partners .partners-box .items .item .item-img img { width: 100%;  }
.partners .partners-box .items .item.item-detail .item-img img {  max-width:190px; max-height:100px; width: auto; height: auto; display: block; margin: 0 auto; }
.partners .partners-box .items .item p { text-align: center; color: #000; font-size: 14px; line-height: 18px; }

@media (min-width: 992px){

.partners .partners-box .items .item { flex: 0 0 25%; padding: 0 25px; margin-bottom: 40px; }


}