@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,300i,400,600&subset=cyrillic,cyrillic-ext,latin-ext');

 * {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Montserrat', sans-serif;
    background-color: #f8f9fa;
    color: #000;
    line-height: 1.6;
}
p {
    line-height: 1.9;
    /* color: #707070;
    font-size: 18px; */
    font-weight: 400;
}
#page_naslov {
    font-family: 'Georgia', sans-serif;
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #fff;
}
/* #naslov_sajta_ime,
#naslov_sajta_prezime, */
#akcijske_ponude_prvo,
#akcijske_ponude_drugo {
    display: none;
}

/*****************************
        Header TOP 
******************************/
/* Header Top - Lokacija */
#header-top {
    background: #c74254;
    width: 100%;
}
#header-top-navbar {
    padding-top: 0.1rem;
    padding-right: 1rem;
    padding-bottom: 0.1rem;
    padding-left: 1rem;
}
#toggler-contact {
    display: none;
}
.broj_mail_lokacija a {
    color: #f8f9fa;
    font-size: 12px;
    text-decoration: none;
}
.broj_mail_lokacija a:hover {
    color: #ddd;
} 
/* Header Top - Social-Links */
 .social-links dl, ol, ul {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}
#header-top .social-links ul li {
    display: inline;
}
.social {
    font-size: 16px;
    color: #fff;
    height: 28px;
    width: 28px;
    text-align: center;
    padding-top: 5px;
    border: 1px solid #cccccc;
    margin-right: 5px;
}
.fa-facebook:hover {
    background: #3b5998;
}
.fa-twitter:hover {
    background: #1da1f2;
}
.fa-instagram:hover {
    background: #d9366d;
}

/*****************************
        NAVIGATION 
******************************/

#logo {
    float: left;
}
#navigation {
    padding: 0;
    box-shadow: 0 3px 50px rgba(0, 0, 0, 0.2);
}
.navbar-brand {
    padding-top: 2px;
}
.navbar-brand p{
    font-family: Georgia, serif;
    font-size: 32px;
    font-weight: 600;
    color: #000;
    padding-top: 32px;
    padding-left: 70px;
    line-height: 0px;
}
#navigation .active>.nav-link {
    border-bottom: 2px solid #4d4b4b;
}
#navigation .nav-link,
#navigation .dropdown-item {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    outline: none;
}
#navigation .nav-link:hover,
#navigation .dropdown-item:hover {
    background: #c74254;
    color: #fff;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    outline: none;
}
#droplog {
    cursor: pointer;
}
/* SCROLL BUTTON */
#btn_scroll {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    cursor: pointer;
    padding: 10px;
}

/*****************************
        CAROUSEL 
******************************/
.carousel img {
    max-width: 100%;
    height: auto;
}
.carousel h4 {
    font-family: Georgia, 'Times New Roman', Times, serif;
}
.carousel-caption {
    padding-bottom: 10%;
}
.carousel-caption h4 {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: bold;
}
.carousel-caption p {
    font-size: 2px;
    color: #fff;
}

/*******************************************
         POCETNA - SECTION 1 - ABOUT 
********************************************/
#about_section {
    padding-top: 2rem;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
.about, 
.akcijske_ponude {
    width: 50%;
    margin: auto;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
}
.about h1 {
    letter-spacing: 0.1em;
    font-size: 3rem;
    font-weight: 600;
    padding-top: 1rem;
}
#ponuda,
#podnaslov {
    text-transform: uppercase;
}
.about number {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 1.3rem;
    font-weight: 600;
}
#ponuda,
#podnaslov {
    color: #000;
    font-size: 1.1rem;
    font-weight: 600;
}

/***********************************************************
         POCETNA - SECTION 2 - Reklamni Panel Section 
************************************************************/
#reklamni_panel h4 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.4rem;
}
#reklamni_panel p {
    font-size: 1rem;
    font-weight: 500;
    color: #000;
}
#reklamni_panel a {
    color: white;
    text-decoration: none;
}

/***********************************************************
         POCETNA - SECTION 3 - Akcijske Ponude
************************************************************/
.akcijske_ponude h1 {
    font-family: Georgia, 'Times New Roman', Times, serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding-top: 1rem;
    font-size: 3rem;
}
.akcijske_ponude p {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}

/************************************************
         POCETNA - SECTION 4 - AKCIJE
*************************************************/
#akcije_reklama {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
#akcije_reklama h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.4rem;
}
#akcije_reklama h5 {
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}
#akcije_reklama .dugme_akcije a {
    color: #fff;
    text-decoration: none;
}
.akcija_social {
    padding-top: 1rem;
}
.akcija_social .akcija_social_links ul li {
    display: inline;
}
.akcija_social .akcija_social_links ul li a {
    text-decoration: none;
}
.akcija_social .social {
    font-size: 16px;
    color: #fff;
    height: 35px;
    width: 35px;
    text-align: center;
    padding-top: 8px;
    border: 1px solid #cccccc;
    margin-right: 5px;
}
.akcija_social_links .fa-facebook {
    background: #3b5998;
}
.akcija_social_links .fa-twitter {
    background: #1da1f2;
}
.akcija_social_links .fa-instagram {
    background: #d9366d;
}
.akcija_social_links .fa-facebook:hover {
    background: #1da1f2;
}
.akcija_social_links .fa-twitter:hover {
    background: #3b5998;
}
.akcija_social_links .fa-instagram:hover {
    background: #dd0b16;
}

/***************************
    DIOPTRIJSKE NAOCARE
***************************/

.page-headerdn {
    border-bottom: 1px #eee solid;
    padding-top: 80px;
    height: 250px;
    background: url('../img/pageheader/pageheader_diop_high_mod.jpg');
    background-position: -30px -280px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
#diopInfo1,
#diopInfo2 {
    padding-top: 4rem;
}
#diopInfo1 img,
#diopInfo2 img {
    padding-top: 3rem;
}
#naocare_zenske {
    padding-top: 5rem;
}
#naocare_zenske p,
#naocare_muske p {
    line-height: 1.9;
    font-size: 18px;
    font-weight: 400;
    color: #000;
}
#naocare_muske p {
    padding-right: 3rem;
}
#naocare_muske {
    padding-top: 3rem;
}
#diopInfo3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
#diopInfo3 p {
    font-size: 18px;
    color: #000;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
}   

/***************************
    SUNCANE NAOCARE
***************************/

.page-headersn {
    border-bottom: 1px #eee solid;
    padding-top: 80px;
    height: 250px;
    background: url('../img/pageheader/pageheader_sun.jpg');
    background-position: -150px -760px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
#sunInfo1 {
    padding-top: 4rem;
}
#sunInfo1 img {
    padding-top: 4rem;
}
#suncane_zenske {
    padding-top: 2rem;
}
#suncane_zenske p,
#sunInfo2 p {
    line-height: 1.9;
    font-size: 18px;
    font-weight: 400;
    color: #000;
}
#sunInfo2 {
    padding-top: 3rem;
    padding-bottom: 2rem;
}
#sunInfo2 p {
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
}
/***************************
    DECIJE NAOCARE
***************************/

.page-headerdec {
    border-bottom: 1px #eee solid;
    padding-top: 80px;
    height: 250px;
    background: url('../img/pageheader/pageheader_dec.jpg');
    background-position: -150px -310px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.decije {
    color: teal;
    font-weight: 400;
    padding-top: 4rem;
}
#decInfo1,
#decInfo2,
#decInfo4 {
    padding-top: 4rem;
}
#naocare_decije {
    padding-top: 3rem;
}
#naocare_decije p,
#decInfo2 p,
#naocare_decije1 p,
#decInfo5 p {
    line-height: 1.9;
    font-size: 18px;
    font-weight: 400;
    color: #000;
}
#decInfo3,
#decInfo5,
#decInfo6 {
    padding-top: 3rem;
}
#decInfo3 p,
#decInfo6 p {
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
}
#decDruga {
    padding-top: 2rem;
}
#decInfo6 {
    padding-bottom: 3rem;
}


/***************************
    POPRAVKA NAOCARA
***************************/

.page-headerpopravka {
    border-bottom: 1px #eee solid;
    padding-top: 80px;
    height: 250px;
    background: url('../img/pageheader/pageheader_popravka.jpg');
    background-position: -180px -450px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
#popNaoInfo1 {
    padding-top: 4rem;
}
#popNaoInfo1 p,
#popNaoInfo2 p,
#popNaoInfo3 p {
    color: #000;
    font-size: 18px;
}
#popNaoInfo1 img {
    padding-top: 2rem;
}
#popNaoInfo1_text {
    padding-top: 1rem;
    padding-left: 8rem;
}
#popNaoLista {
    color: #000;
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.9;
}
#popNaoLista li {
    list-style-type: none;
}
.popNaoNaslov {
    color: teal;
    font-weight: 400;
    padding-top: 3rem;
}
#popNaoInfo2,
#popNaoInfo3 {
    padding-top: 2rem;
}
#popNaoInfo2 img {
    padding-top: 0.4rem;
}
#popNaoInfo3 {
    padding-bottom: 5rem;
}
#popNaoInfo3 img {
    padding-top: 2rem;
}
#popNaoInfo3_text {
    padding-top: 5rem;
    padding-left: 2rem;
}

/***************************
    KORISNI SAVETI
***************************/
.page-headerkorisnisaveti {
    border-bottom: 1px #eee solid;
    padding-top: 80px;
    height: 250px;
    background: url('../img/pageheader/pageheader_korisni_saveti.jpg');
    background-position: -180px -450px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
#korSavSad01 p,
#korSavSad02 p,
#korSavSad03 p,
#korSavSad04 p,
#korSavSad05 p,
#korSavSad06 p {
    font-size: 18px;
    color: #000;
}
.korSavNaslov {
    color: teal;
    font-weight: 400;
    padding-top: 4rem;
}
#korSavSad01,
#korSavSad02 {
    padding-top: 4rem;
}
#korSavSad01_img {
    padding-top: 1rem;
    padding-left: 3rem;
}
#korSavSad02 p,
#korSavSad06 p {
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
}
#korSavSad03 {
    padding-top: 3rem;
}
#korSavSad04 {
    padding-top: 1rem;
}
#korSavSad04_img {
    padding-top: 0.6rem;
}
#korSavSad05 {
    padding-top: 1rem;
}
#korSavSad06 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}


/***************************
    SOCIVA
***************************/
.page-headersociva {
    border-bottom: 1px #eee solid;
    padding-top: 80px;
    height: 250px;
    background: url('../img/pageheader/pageheader_sociva.jpg');
    background-position: -180px -450px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
#socivaInfo1,
#socivaInfo2,
#socivaInfo3 {
    padding-top: 4rem;
}
#socivaInfo1 p,
#socivaInfo3 p {
    font-size: 18px;
    color: #000;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
}   
#sociva1 {
    padding-left: 8rem;
}
#socivaInfo2 p,
#sociva2 li {
    font-size: 16px;
    color: #000;
}
.socivaVelika {
    text-transform: uppercase;
}
#socivaInfo4 {
    padding-top: 3rem;
    padding-bottom: 4rem;
}
#socivaInfo4 img {
    padding-top: 4rem;
    padding-left: 3rem;
}



/***************************
    AKCIJE - 01 - 1700
***************************/
.page-header-akcija01 {
    border-bottom: 1px #eee solid;
    padding-top: 80px;
    height: 250px;
    background: url('../img/pageheader/akcija_jeftino.jpg');
    background-position: -150px -120px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
#akcija {
    padding-top: 3rem;
}
.akcija01_vazno {
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
}
.akcija01_vazno p {
    color: #000;
    font-size: 1.2em;
    text-transform: uppercase;
    margin-bottom: 0rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.akcija01 h4 {
    text-transform: uppercase;
}
.akcija01 p {
    font-size: 16px;
    color: #000;
}
#akcija01_bottom {
    padding-bottom: 2rem;
}
#akcija01_bottom h4 {
    padding-top: 1rem;
}

/***************************
    AKCIJE - 02 - 2900
***************************/
.page-header-akcija02 {
    border-bottom: 1px #eee solid;
    padding-top: 80px;
    height: 250px;
    background: url('../img/pageheader/akcija_povoljno.jpg');
    background-position: -350px -140px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.akcija02_vazno {
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
}
.akcija02_vazno p {
    color: #000;
    font-size: 1.2em;
    text-transform: uppercase;
}
.akcija02 h4 {
    text-transform: uppercase;
}
.akcija02 p {
    font-size: 16px;
    color: #000;
}
#akcija02_bottom {
    padding-bottom: 2rem;
}

/***************************
    AKCIJE - 03 - 5400
***************************/
.page-header-akcija03 {
    border-bottom: 1px #eee solid;
    padding-top: 80px;
    height: 250px;
    background: url('../img/pageheader/akcija_skuplje.jpg');
    background-position: -190px -80px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.akcija03_vazno {
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
}
.akcija03_vazno p {
    color: #000;
    font-size: 1.2em;
    text-transform: uppercase;
}
.akcija03 h4 {
    text-transform: uppercase;
}
.akcija03 p {
    font-size: 16px;
    color: #000;
}
#akcija03_bottom {
    padding-bottom: 2rem;
}

/***************************
        KONTROLA VIDA
***************************/
.page-headerkontrolavida {
    border-bottom: 1px #eee solid;
    padding-top: 80px;
    height: 250px;
    background: url('../img/pageheader/pageheader_kontrolaVida.jpg');
    background-position: -280px -330px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
#kontrola_vida_vazno p {
    color: #000;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
#kontVidaNaslov {
    padding-top: 3rem;
}
.kontVidaNaslov01 {
    color: teal;
    font-weight: 400;
    padding-top: 3rem;
}
#kontVidaSad01 {
    padding-top: 2rem;
}
#kontVidaSad01 img {
    padding-top: 3rem;
} 
#kontrola_vida01 {
    padding-left: 3rem;
}

#kontrola_vida01 p {
    font-size: 18px;
    color: #000;
    padding-top: 3rem;
}
#kontVidaSad02 p {
    font-size: 18px;
    color: #000;
    padding-top: 2rem;
}
#kontrola_vida_dr {
    border-bottom: 1px #ddd solid;
}
#kontVidaSad03 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.list-group-item {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #f8f9fa;
    border: none;
}
#kontVidaSad03 img {
    padding-left: 4rem;
}

/***************************
        KONTAKT
***************************/
.page-headerkon {
    border-bottom: 1px #eee solid;
    padding-top: 80px;
    height: 250px;
    background: url('../img/pageheader/pageheader_kontakt.jpg');
    background-position: -350px -200px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.kontakt h4,
.kontakt h5,
.kontakt h6 {
    color: teal;
    font-weight: 400;
    text-transform: uppercase;
}
.kontakt p {
    /* font-family: 'Georgia', sans-serif; */
    font-size: 16px;
    color: #000;
}

.kontakt .btn-block {
    display: block;
    width: 100%;
    background-color:#c74254;
    color: white;
}
.kontakt .btn-block:hover{
    display: block;
    width: 100%;
    background-color: teal;
    color: white;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #495057;
    background-color:#fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#odgovor {
    padding-top: 6rem;
}
#odgovorOdg,
#odgovorBtn {
    padding-top: 2rem;
}
#odgovorBtn a {
    color: #f8f9fa;
}
#odgovorBtn a:hover {
    color: #f8f9fa;
    text-decoration: none;
}

#map {
    padding-bottom: 3rem;
}

/*************************
         FOOTER 
**************************/
.footer-area {
    position: relative;
    z-index: 1;
    padding-top: 30px;
}
.bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-gradient-overlay::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #007881;
    background: -webkit-linear-gradient(to right, #007881, #00012c);
    background: linear-gradient(to right, #007881, #00012c);
    opacity: 0.85;
}
.footer_heading {
    color: #fff;
}
#akcija-dioptrijski-ram-I,
#naocare-kompjuter-I,
#akcija-dioptrijski-ram-II {
    display: none;
}

/* O Nama */
.o_nama h4, h5 {
    text-transform: uppercase;
    color: #fff;
}
.o_nama p {
    font-size: 13px;
    color: #fff;
}
.o_nama a {
    text-decoration: none;
    color: #f8f9fa;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 0;
}
.o_nama a:hover {
    color: #c74254;
}
.o_nama a i {
    font-size: 20px;
}
/* Akcije i Novosti */
.akcije_novosti h4 {
    text-transform: uppercase;
    color: #fff;
}
.akcije_novosti a {
    text-decoration: none;
    color: #f8f9fa;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 0;
}
.akcije_novosti a:hover {
    color: #c74254;
}
.akcije_novosti p {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}
/* Informisite Se */
.informisite_se h4 {
    text-transform: uppercase;
    color: #fff;
}
.informisite_se p {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}
.footer-area .social {
    font-size: 18px;
    color: #fff;
    height: 35px;
    width: 35px;
    text-align: center;
    padding-top: 7px;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    margin-right: 5px;
}
.footer_newsletter {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    margin-top: 25px;
}
.footer_newsletter .btn.btn-danger {
    display: block;
    width: 100%;
    background-color:#c74254;
    color: white;
}
.footer_newsletter .btn.btn-danger:hover{
    display: block;
    width: 100%;
    background-color: teal;
    color: white;
}
.newsletter hr {
    border-color: #fff;
}
.newsletter p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 8px;
}
/*************************
       FOOTER BOTTOM
**************************/
#footer_bottom {
    background: #c74254;
    color: #fff;
}
#footer_bottom p{
    margin: 0;
    font-size: 12px;
    color: #fff;
}