body {background: #fff; background-color: rgb(255, 255, 255); background-position-x: 0%; background-position-y: 0%;  background-repeat: repeat;  background-attachment: scroll; background-image: none; background-size: auto;  background-origin: padding-box;
    background-clip: border-box; color: #666; cursor: auto; font-family: "Open Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-style: normal; font-weight: normal; line-height: 1.5; margin: 0; padding: 0; position: relative;}
h1, h2, h3, h4, h5, h6, .navbar a {font-family: 'Montserrat'; font-weight: 600;}
h1 {margin: 0; font-weight: 600; font-size: 38px; color: #303030; line-height: 60px; padding: 50px 0 30px;}
h2 {padding: 10px 0 20px;}
p {line-height: 1.8em;}
a {-webkit-transition: all 0.3s;transition: all 0.3s;}
a:hover {color: #e95449;}

.color1 {color: #e95449;} /*rgba(233, 84, 73, 1)   stara zelena: 65c93e*/
.nowrap {white-space: nowrap;}
.nolink {pointer-events: none;}
.padd-tb-70 {padding-top: 70px; padding-bottom: 70px;}

header .top {background-color: rgba(248,248,248,1); padding: 20px 0; color: rgba(149,149,149,1);}
header .top .top-box {display: flex; align-items: center;}
header .top .top-box i {font-size: 25px; color: #fff; background-color: #e95449; border: none; border-radius: 50%; display: block; width: 50px; height: 50px; line-height: 48px; text-align: center; margin-right: 10px;}

#nav-section .navbar-default {padding: 15px 0 12px;}
#nav-section .navbar-default .navbar-nav > li > a {text-transform: uppercase; font-size: 14px; font-weight: 300; -webkit-transition: all 0.6s,opacity 0.3s; -moz-transition: all 0.6s,opacity 0.3s; -ms-transition: all 0.6s,opacity 0.3s; -o-transition: all 0.6s,opacity 0.3s;
transition: all 0.6s,opacity 0.3s;}
#nav-section .navbar-default .navbar-nav > li:hover > a {background: #e95449; color: #fff; border-radius: 4px; position: relative;}
#nav-section .navbar-default .navbar-nav > li > a:after {content: ""; position: absolute; width: 1px; height: 50%; background: #eee; right: -1px;}
.solid-menus .no-bg li.active a {background: transparent; font-weight: 700!important;}


.homepage .home-banner {}
.homepage .home-banner .swiper-slide .description {transform: none;}
.homepage .home-banner .swiper-slide .description > div {margin-top: 10%;}
.homepage .home-banner .swiper-slide {text-align: left;}
.homepage .home-banner .swiper-slide img {width: 100%;}
.homepage .home-banner .swiper-slide h2 {z-index: 5; text-transform: capitalize; letter-spacing: 2px; height: auto; color: rgb(255, 255, 255); text-decoration: none; white-space: normal; width: 582px; min-height: 0px; min-width: 0px; max-height: none;
                            max-width: none; text-align: left; line-height: 52px; font-weight: 700; font-size: 38px; border-color: rgb(102, 102, 102); transform-origin: 50% 50% 0px; opacity: 1;  visibility: visible; padding: 0; margin: 0;}
.homepage .home-banner .swiper-slide h3 {z-index: 6;letter-spacing: 2px;height: auto;color: rgb(255, 255, 255);text-decoration: none;white-space: normal;width: 483px;min-height: 0px;min-width: 0px;max-height: none;max-width: none;
text-align: left;font-weight: 400;}
.homepage .home-banner .swiper-slide .description a.baner-link {background-color: #e95449;border-radius: 6px;border: none;color: #fff;font-size: 18px;text-transform: uppercase;letter-spacing: 1.33px;padding: 12px 30px; margin-top: 10px;}

                            
.homepage .head-title h4 {font-weight: 300;} 

.homepage .about {}                           

.homepage .testimonials {padding: 40px 0; background-image: url(../img/back/testimonials-back2.jpg) !important; background-position: center !important; 
                            background-repeat: no-repeat !important; background-size: cover !important; color: #fff;}
.homepage .testimonials .swiperTestimonials {padding: 50px 0!important;}
.homepage .testimonials .swiperTestimonials p {font-style: italic; color: #eee;}
.homepage .testimonials .swiperTestimonials .swiper-slide {flex-direction: column;}
.homepage .testimonials .swiperTestimonials .swiper-slide .blockquote {width: 70%;}
.homepage .testimonials .swiperTestimonials .swiper-slide .blockquote i {color: #e95449;}
.homepage .testimonials .swiperTestimonials .swiper-slide .blockquote .blockquote-footer {color: #aaa; font-size: 16px;}
.homepage .testimonials .swiperTestimonials .swiper-slide .blockquote-footer:before {content: "\2014\00A0";}
.homepage .testimonials .swiper-pagination .swiper-pagination-bullet-active {background-color: #e95449;}                            
.homepage .testimonials .swiper-pagination .swiper-pagination-bullet {width: 30px; height: 4px; margin: 0 8px; border-radius: 0; opacity: .3;}  
.homepage .testimonials .swiper-pagination .swiper-pagination-bullet-active {opacity: 1!important;}
                            
                            
.homepage .services .product-holder {text-align: center;}

.homepage .services .one-service {border-radius: 2px;background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,0.08);transition: all .3s ease-in-out;}
.homepage .services .one-service:hover {transform: translate3d(0, -6px, 0); box-shadow: 5px 8.66px 30px 0 rgba(31,35,37,0.078);}
.homepage .services .one-service .box-text {padding: 10px 25px; min-height: 194px;}
.homepage .services .one-service a {text-decoration: none;}



.homepage .contact input, .homepage .contact textarea, .kontakt input, .kontakt textarea, .postavi-pitanje-pedijatru input, .postavi-pitanje-pedijatru textarea {position: relative; border-color: #6666661a; background: #fff; padding-left: 22px; font-size: 15px; box-shadow: none;border-style: solid; border-width: 1px;}
.homepage .contact input:focus, .homepage .contact textarea:focus, .kontakt input:focus, .kontakt textarea:focus, .postavi-pitanje-pedijatru input:focus, .postavi-pitanje-pedijatru textarea:focus {border-color: #e95449; outline: 0;
                                -webkit-box-shadow: inset 0 1px 1px rgba(233, 84, 73,.075),0 0 8px rgba(233, 84, 73,.6); box-shadow: inset 0 1px 1px rgba(233, 84, 73,.075),0 0 8px rgba(233, 84, 73,.6);}
.homepage .contact input[type=text], .homepage .contact input[type=email], .kontakt input[type=email], .kontakt input[type=text], .postavi-pitanje-pedijatru input[type=text], .postavi-pitanje-pedijatru input[type=email] {height: 64px; margin-bottom: 34px;}
.homepage .contact ::placeholder, .kontakt ::placeholder, .postavi-pitanje-pedijatru ::placeholder {color: #ddd!important; opacity: 1; /* Firefox */}
.homepage .contact :-ms-input-placeholder, .kontakt :-ms-input-placeholder, .postavi-pitanje-pedijatru :-ms-input-placeholde { /* Internet Explorer 10-11 */ color: #ddd!important;}
.homepage .contact ::-ms-input-placeholder, .kontakt ::-ms-input-placeholder, .postavi-pitanje-pedijatru ::-ms-input-placeholder { /* Microsoft Edge */ color: #ddd!important;}
.homepage .contact input[type=submit], .kontakt input[type=submit], .postavi-pitanje-pedijatru input[type=submit] {float: right; background-color: #e95449; border-radius: 6px; border: none; color: #fff; font-size: 18px; text-transform: uppercase; letter-spacing: 1.33px; padding: 20px 50px; }
.homepage .contact .form-group, .kontakt .form-group, .postavi-pitanje-pedijatru .form-group {position: relative;}
.homepage .contact .form-group::after, .kontakt .form-group::after, .postavi-pitanje-pedijatru .form-group::after {font-family: 'Font Awesome 5 Free'; position: absolute; font-style: normal; font-weight: 600; text-decoration: inherit; color: #e95449; font-size: 14px; top: 18px; right: 25px;}
.homepage .contact .row:nth-child(1) .form-group:nth-child(1)::after, .kontakt .form-group:nth-child(1)::after, .postavi-pitanje-pedijatru .form-group:nth-child(1)::after {content:"\f007";}
.homepage .contact .row:nth-child(1) .form-group:nth-child(2)::after, .kontakt .form-group:nth-child(2)::after, .postavi-pitanje-pedijatru .form-group:nth-child(2)::after {content:"\f0c0";}
.homepage .contact .row:nth-child(1) .form-group:nth-child(3)::after, .kontakt .form-group:nth-child(3)::after, .postavi-pitanje-pedijatru .form-group:nth-child(3)::after {content: "\f095";}
.homepage .contact .row:nth-child(1) .form-group:nth-child(4)::after, .kontakt .form-group:nth-child(4)::after, .postavi-pitanje-pedijatru .form-group:nth-child(4)::after {content: "\f0e0";}
.kontakt .textarea-form .form-group::after, .postavi-pitanje-pedijatru .textarea-form .form-group::after  {content: "";}

.istaknuto {display: block; text-align: center; margin-bottom: 50px;}
.istaknuto span {font-weight: 400; font-size: 24px; color: #000000; text-transform: inherit; line-height: 37px; letter-spacing: 0px; font-style: italic; padding: 60px; position: relative;}
.istaknuto span:before {color: #686868; font-weight: 700; opacity: .55; font-size: 38px; content: "\f10d"; font-family: 'Font Awesome 5 Free'; left: 0; position: absolute; color: #e95449;}


.usluge .cenovnik  ul {list-style-type: none; padding: 0;}
.usluge .cenovnik  ul li {line-height: 2em; font-size: 20px; position: relative; display: flex; justify-content: space-between;}
.usluge .cenovnik  ul li:before {position: absolute;content: "";bottom: 20px;left: 0;height: 2px;width: 100%;border-top: 1px dashed black;opacity: 0.4;-webkit-transition: all 0.3s;transition: all 0.3s;}
.usluge .cenovnik  ul li a {padding: 0 10px 10px 0;}
.usluge .cenovnik  ul li span {float: right; color: #e95449; padding: 0 0 10px 10px;}
.usluge .cenovnik  ul li a, .usluge .cenovnik  ul li span {background: #fff; position: relative; z-index: 9;}

.one-product .price {color: #e95449;}

.kontakt h3, .kontakt h4 {color: #e95449;}
.kontakt .contact-info ul {list-style-type: none; padding-left: 0; border-left: 2px solid #e95449;}
.kontakt .contact-info ul li {line-height: 2em; padding-left: 20px; border-bottom: 1px solid #eee; font-size: 15px;}
.kontakt .contact-info ul li:last-child {border-bottom: none;}


footer .logo {margin: 15px 0 10px;}
footer .details {background: transparent url(/img/back/footer-back.jpg) center left no-repeat; border-top: 1px solid #eee; padding: 55px 0; background-size: cover;}
footer .details .row:before {}
footer .details h2 {margin: 0;}
footer .details h2::before {display: none;}
footer .details .row > div:nth-child(1) span {padding-right: 20px;}
footer .details .contact-info ul li {position: relative;}
footer .details .contact-info ul li::before, footer .details .row > div:nth-child(2) ul li::before, footer .details .row > div:nth-child(3) ul li::before {font-family: 'Font Awesome 5 Free'; font-weight: 600; color: #e95449; margin-right: 15px;}
footer .details .contact-info ul li:nth-child(1)::before {content:"\f1ae"; font-size: 15px;}
footer .details .contact-info ul li:nth-child(2)::before {content:"\f124";}
footer .details .contact-info ul li:nth-child(3)::before {content:"\f0ac";}
footer .details .contact-info ul li:nth-child(4)::before {content:"\f095";}
footer .details .contact-info ul li:nth-child(5)::before {content:"\f2b6";}

footer .details .row > div:nth-child(2) ul li::before, footer .details .row > div:nth-child(3) ul li::before {content:"\f0da";}


footer .social-circle li {margin: 0 10px;}
footer .signature {background: #2F414B;}







@media only screen and (max-width: 767px) {
    
    .solid-menus .navbar-pos-search, .solid-menus .navbar-pos-search a {top: 10px; right: 10px;}
    
    .about {text-align: center;}
    
    
    .usluge .cenovnik  ul li {border-bottom: 1px solid #ddd; display: flex; align-items: center;}
    .usluge .cenovnik  ul li:before {display: none;}
    
}

@media only screen and (max-width: 1199px) {
    
    .homepage .home-banner .swiper-slide h2 {font-size: 30px; width: 452px;}
    .homepage .home-banner .swiper-slide h3 {font-size: 22px; width: 452px;}
    
}