:root {

    --red: #ab1d3f;

    --grey: #f0f0f0;

    --grey2: #c9c9c9;

    --grey3: #848484;

    --grey-line: #e3e3e3;

    --dark: #231f20;

    --dark2: #3a3a3a;

    --dark3: #212121;

    --black: #231f20;

    --title: #373737;

}

@font-face {

    font-family:Georgia-Regular;

    src: url(/National_Library/oe_/https://www.savezjos.org/cms/fonts/Georgia\ Regular\ font.ttf);

}

@font-face {

    font-family:Droid-sans-regular;

    src: url(/National_Library/oe_/https://www.savezjos.org/cms/fonts/DroidSans.ttf);

}

@font-face {

    font-family:DroidSans-Bold;

    src: url(/National_Library/oe_/https://www.savezjos.org/cms/fonts/DroidSans-Bold.ttf);

}

@font-face {

    font-family:georgia-bold;

    src: url(/National_Library/oe_/https://www.savezjos.org/cms/fonts/georgia\ bold.ttf);

}

@font-face {

    font-family:AvantGarGotItcTEEDem;

    src: url(/National_Library/oe_/https://www.savezjos.org/cms/fonts/AvantGarGotItcTEEDem.ttf);

}

body{

    /* background-color:red; */

    font-family:Droid-sans-regular;

}

.doc-title{

	font-family:DroidSans-Bold;

	font-size:14px;

}

table.doc-table{

	font-size:14px;

}

table.doc-table tr td{

	padding:10px;

	padding-left:0px;

}

a{

    /*color: unset!important;*/

    font-family:Droid-sans-regular;

    color:#000;

    font-size:14px;

}

a:hover{

	color:#000;

    outline: none !important;

}

a:focus{

    outline: none !important;

}



h1{

    font-size: 23px;

}

h5{

    font-size: 16px;

}

p{

    font-size: 13px;

}



.container{

    /* padding-left: 0px;

    padding-right: 0px; */

    padding: 0px!important;

}

.row{

    margin-left: 0px!important;

    margin-right: 0px !important;

}

.col-sm-3{

    padding-left: 0px!important;

    padding-right: 0px!important;

}

.header-top-bar{

    height:35px;

    width:100%;

    background-color:#ab1d3f;

    color:white;

}

.header-middle-div{

    height:200px;

    width:100%;

    background-color:#0095da;

}

.header-top-bar-inner{

    display: flex;

}

.header-right-info{

    margin-left: auto;

    margin-top: -4px;

    font-family: Droid-sans-regular;

    font-size:12px;

}

.header-right-info a{
	color:#fff;

	font-size:12px;

}

.header-right-info a:hover{

	text-decoration:underline;

}

.header-address{

    margin-top: 9px;

    font-family: Droid-sans-regular;

    font-size:12px;

}

.a-small{

    font-size: 15px;

}

.a-middle{

    font-size: 20px;

}

.a-large{

    font-size:25px;

}

.menu-ul{

    padding: 0px;

    margin: 0px;

    padding-top: 15px;

    font-family: Georgia-Regular;

    font-size: 16px;

}

.menu-ul li{

    list-style-type: none;

    text-decoration: none;

    display: inline;

    padding-left:31px;

    padding-right:31px;

    cursor:pointer;

    transition: color 0.2s;

    text-transform:uppercase;

   

}

.menu-ul li a.link{

	font-family:Georgia-Regular;

	color:#414141;

	font-size:18px;

}

.menu-ul li:hover{

   

}

.menu-div{

    width:100%;

        display: inline-flex;

    justify-content: center;

}

.line-w{

    font-size: 25px;

    font-weight: 100;

    position: relative;

    left: 22px;

    top: 2px;

    border-right:1px solid #cacaca;

}

.main-cover{

    display: inline-block;

    /*margin-top: 15px;*/

    width:100%;

    /* background-color:red; */

    height:400px;

    position:relative;

    background-position: center;

    background-size: cover;

}

.main-cover-left{

    width: 50%;

}

.main-cover-right{

       width: 50%;

    background-color: #466c7dba;

    position: absolute;

    z-index: 2;

    height: 400px;

    right: 0px;

}

.header-middle-div-inner{

    display: flex;

}

.middle-div-logo-left{

    padding-top: 30px;

}

.middle-div-logo-right{

    margin-left: auto;

    padding-top: 50px;

}

.main-cover-news{

    /* background-color: orange; */

    padding-top: 80px;

    color: white;

}

.main-cover-news-img{

    display: flex;

    padding: 10px;

}

.main-cover-news-img img{

    height:110px;

    width:110px;

    object-fit: cover;

    border-style:solid;

    border-width: 2px;

    border-color: white;

    margin-left: 15px;



}

.main-cover-news-img img.active{

	border-color:#ab1d3f;

}

.main-cover-news-text{

    margin-left: 26px;

    font-family:Georgia-Regular;

    position:relative;

    z-index:2;

}

.main-cover-news-text h5{

	font-size:18px !important;

	    padding-top: 12px;

    padding-bottom: 10px;

    text-transform:uppercase;

}

.main-cover-news-text p{

    font-family: Droid-sans-regular;

}

.red-btn{

    background-color: #ab1d3f;

    padding: 13px 33px;

    color: white !important;

    /* font-family: Doria-sans-regular; */

    font-family: Droid-sans-regular;

    font-size: 12px;

    transition: background-color 0.2s;

}

.gray-line{

    width: 100%;

    height:50px;

    background-color: #f4f3f0;

}



.page-content{

    padding-top: 50px;

}

.page-content-inner{

    display: flex;

}

.left-aside-div{

    width:65%;

    /* background-color:yellow; */

}

.left-aside-div{

    padding-right: 25px;

}

.right-aside-div{

    width:35%;

    /* background-color: orange; */

}



.pointed-out-div{

   

}

.bold-title{

    font-family:DroidSans-Bold;

    font-size: 14px;

}

.pointed-out-div-inner{

    width:100%;

    background-color: #e6e6e5;

}

.pointed-out-article{

    background-color: #f4f3f0;

    /* height:100px; */

    font-size: 13px;

    display: flex;

}

.article-marker{
    background-color:#e6e6e5;
    width: 33px;
    overflow: hidden;
}

.single-article{

    padding-left: 20px;

    border-bottom-style: solid;

    border-color: #e6e6e5;

    padding-top:15px;

    padding-bottom: 10px;

    width:100%;

    height:123px;

}

.single-article-title{

    font-size: 13px;

    font-family: DroidSans-Bold;

}

.single-article-title a{

	font-size: 13px;

    font-family: DroidSans-Bold;

}

.newsletter-div-header{

    background-color: #ab1d3f;

    color: white;

    padding: 12px;

    font-family:Georgia-Regular;

    font-size: 14px;

        height: 52px;

    display: flex;

    align-items: center;

    padding-left: 20px;

    font-weight: normal;

}

.newsletter-icon{

    background-color: #1c4c62;

    margin-left: auto;

    height:40px;

}

.newsletter-icon img{

    height:100%;

}

.newsletter-subscribe{

    background-color: #f4f3f0;

    padding-top: 0px;

    padding-bottom: 25px;

    font-family:Droid-sans-regular;

    font-size: 13px;

  

}

.newsletter-subscribe-inner{

    display: flex;

    padding-left: 20px;

}

.newsletter-input{

    width:350px;

    height:40px;

    border:none;

    padding: 10px;

}

.newsletter-div{

    padding-top: 23px;

}

.newsletter-text{

    padding-top: 15px;

    padding-bottom: 14px;

    padding-left: 20px;

}

.pointed-out-div-header{

    color:white;

    background-color:#ab1d3f;

    height: 52px;

    display: flex;

    align-items: center;

    padding-left: 20px;

    font-weight: normal;

}

.pointed-out-div-header span{

    font-family:Georgia-Regular;

    font-size: 14px;

}

.pointed-out-menu{

    display: flex;

}

.pointed-out-menu-item{

    /* padding-left: 50px; */

    width:33%;

}

.pointed-out-menu-item-inner{

    text-align: center;

    /* border-bottom-style: solid;

    border-color: #ab1d3f;

    width: 70%; */

    margin: 0 auto;

    font-size: 11px;

    border-width:4px;

    cursor:pointer;

}

.pointed-active{

    border-bottom-style: solid;

    border-color: #1c4c62;

    width: 70%;

}

.introduction-text h1{

    font-family:Georgia-Regular;

    color:#414141;

    font-size:26px;

}

.introduction-text p{

        padding-bottom: 10px;

    font-family: Droid-sans-regular;

    padding-top: 10PX;

    line-height: 22px;

    padding-right:30px;

}



.post-div{

    padding-top: 113px;

}

.single-post, .single-post2{

    width:100%;

    height: 240px;

    display: flex;

    margin-bottom: 23px;

}

.single-post2{

	height:165px;

}

.single-post-img, .single-post-img2{

    width:330px;

    height:240px;

    position: relative;  

}

.single-post-img img, .single-post-img2 img{

    width:100%;

    height:100%;

    object-fit: cover;

}

.single-post-img2 img{

	height:165px;

	}

.single-post-text{

 width:400px;

 

}

.overlay-div{

    background-color:#1e4b60d9;

    width:100%;

    height:100%;

    position: absolute;

    left: 0;

    top: 0;

}

.category-label{

    position: absolute;

    top: 15px;

    left: 15px;

    color: white;

    background-color: #fff;

    padding: 5px 15px;

    font-size: 14px;

}

.category-label span{

    font-family:Georgia-Regular;

    font-weight: bold;

    color: #414141;

    font-size:15px;

    text-transform:uppercase;

}

.overlay-div-text{

    font-family:Georgia-Regular;

    position: absolute;

    top: 57px;

    left: 15px;

    color: white;

    font-size: 18px;

    width: 85%;

}

.overlay-div-text a{

	font-family:Georgia-Regular;

	color: white;

    font-size: 17px;

    text-transform:uppercase;

}

.single-post-text{

    display: flex;

    background-color: #ab1d3f;

    color: white;

    

}

.single-post-text-inner{

    

    padding-top:20px;

    width:360px;

    font-size: 13px;

    line-height: 25px;

    font-family: Droid-sans-regular;

    padding-left:30px;

}

.dark{

    background-color:#ab1d3f;

}



.news-div{

    background-color: #f4f3f0;

    width:100%;

    height: auto;

    padding-top: 20px;

    padding-bottom: 50px;

}

.news-div h4.news-footer-title{

	padding-bottom:10px;

	color:#414141;

	font-family:Georgia-Regular;

	font-size:26px;

	margin-bottom:40px;

	border-bottom:1px solid #cacaca;

}

.single-news-img{

    width:100%;

    height:230px;

    position: relative;

}

.post-category{

	text-transform:uppercase;

    position: absolute;

    top: -15px;

    left: 10px;

    background-color: #1c4c62;

    padding: 6px 20px;

    color: white;

    font-size: 13px;

    font-family: Droid-sans-regular;

}

.single-news-img img{

    width:100%;

    height:100%;

    object-fit: cover;

    border: 4px solid #fff;

}

.single-new-text h5{

    font-size: 17px!important;

}
.single-news{

    width: 260px;

}

.single-new-text p{

    font-size: 14px;

    padding-bottom:10px;
	
}
.single-new-text h5{

    font-weight: bold!important;

    font-size: 15px!important;

    padding-top: 20px;

    font-family:georgia-bold;

}

.single-new-text h5 a{

	font-family:Georgia-Regular;

	text-transform:uppercase;

	font-size: 17px;

}

.dark-btn{

    background-color: #1c4c62;

}

.news-div h4{

    /* padding-bottom: 25px; */

    padding-top: 20px;

    font-family: Georgia-Regular; 

}



.footer{

    background-color: #1c4c62;

    overflow: hidden;

}

.footer-top-bar{

    background-color: #0095da;

    width:100%;

    height: 15px;

}

.footer-inner{

    display: flex;

}

.footer-left{

    width:50%;

}

.footer-right{

    width:50%;

}

.footer-bottom-bar{

    background-color:#ab1d3f;

    width:100%;

    height: 35px;

}

.footer-bottom-bar a{

	color:#fff;

	font-size:13px;

}

.footer-info{

    padding-top: 20px;

    width: 80%;

    border-top: solid;

    border-width: 1px;

    border-color: white;

    margin-top: 20px;

    color: white;

}

.footer-info h4{

    font-family:Georgia-Regular;

    font-size: 26px;

    padding-bottom:25px;

}

.footer-info p img{

	float:left;padding-right:15px;

}

.footer-info p{

    font-family:Georgia-Regular;

    font-size: 15px;

    line-height: 20px;

    display:inline-block;

    width:100%;

	padding-bottom: 5px;

}

.footer-info p span{

	    padding-top: 10px;

    display: inline-block;

}

.footer-info p span a{

	color:#fff;

	font-family:Georgia-Regular;

    font-size: 15px;

}

/*****************************************************/

.main-cover-other-page{

    width: 100%;

    height: 244px;

    background-image: url(/National_Library/oe_/https://www.savezjos.org/cms/template/coverimg.jpg);

    background-position: center -275px;

    background-size: cover;

}

.page-wrapper{
    display: flex;
}

.left-aside-page{

    width:30%;

    padding-bottom:40px;
   
    /* background-color: red; */

}

.right-aside-page{

    width:70%;

    /* background-color: blue; */

    padding-left: 30px;
   
}

.left-page-menu-ul{

    list-style: none;

    padding: 0px;

    font-family: Droid-sans-regular;

    font-size: 14px;

    cursor:pointer;



}

.left-page-menu-ul li{

    border-bottom: solid;

    border-width: 1px;

    border-color: #cacaca;

    padding: 16px 0px 13px 4px;

}

.left-page-menu-ul li.active a{

	color:var(--red);

}



.actuality-box{

    display: flex;

    padding-top: 10px;

}

.actuality-box-img{

    width:120px;

    height: 120px;

    border-style: solid;

    border-color: #dcdcdc;

}

.actuality-box-img img{

    width:100%;

    height: 100%;

    object-fit: cover;

}

.red-btn-small{

    padding: 11px 24px;

    background-color: #ab1d3f;

    color: white !important;

    font-family: Droid-sans-regular;

    font-size: 12px;

    transition: background-color 0.2s;

}

.red-btn-small:hover{

    background-color: #1c4c62;

    color:white!important;

}

.actuality-title{
    width: 200px;
    padding-bottom: 10px;

}

.actuality-box-text{

    padding-left: 15px;

}

.actuality-div-title{

    padding-top: 10px;

    padding-bottom: 5px;

    border-bottom-style: solid;

    border-width: 1px;

    border-color: #cecece;

    font-size: 20px;

    font-family: Georgia-Regular;

    color:#7d7d7d;

}



.page-main-text{

    font-family: Droid-sans-regular;

    font-size: 15px;

    padding-top:20px;

}

.page-main-text p{

    font-size: 15px;

}

.actuality-div{

    padding-top: 50px;

}

.page-title, .menu-title{

    border-bottom: solid;

    border-width: 1px;

    border-color: #cacaca;

    padding-bottom: 10px;

    font-family: Georgia-Regular;

    font-size: 25px;

    color: #7d7d7d;

}

.bread .container {

    text-align: right;

    font-size: 13px;

    color: #000;

}

.bread .container a {

    color: #000;

    font-size: 13px;

}

.bpath{

	    display: inline-flex;

    align-items: center;

    height: 55px;

}

.bread .container a.active {

    color: #ab1d3f;

 

    text-decoration: underline;

}

.menu-title{

	text-transform:uppercase;

}



.red{

    background-color: #ab1d3f;

    color:white;

}

.overlay-cover{

    background-color: #4f7180b5;

    width: 100%;

    height: 100%;

}

.overlay-cover h1{

    color:white;

    padding-top:70px;

    font-size: 39px!important;

    font-family: Georgia-Regular;

    text-transform:uppercase;

}

.middle-page-gallery-item{

    width:270px;

    height: 240px;

    overflow: hidden;

    padding: 10px;

}

.middle-page-gallery-item img{

    width:100%;

    height:100%;

    object-fit: cover;

}

.middle-page-gallery{

    display: flex;

}

.all-news-single-news{

    display: flex;

    padding-bottom: 45px;

}

.all-news-single-news-img{

    border-width:4px;

    border-style: solid;

    border-color:#dcdcdc;

    width: 270px;

    height:240px;

    position: relative;

}

.all-news-single-news-img img{

    width:100%;

    height:100%;

    object-fit: cover;

} 

.all-news-single-news-info{

    width: 498px;

    padding: 15px;

}

.single-news-title, .single-news-title a{

    font-family:DroidSans-Bold;

    line-height: 25px;

        padding-bottom: 10px;

}

.single-news-text{

    font-family: Droid-sans-regular;

}

.single-news-text p{

	font-size:14px !important;

	line-height: 25px;

}

.single-news-btn-padding{

    margin-top: 20px;

}

.all-news-div{

    padding-top: 30px;

    padding-bottom: 30px;

}

.news-date{

    position: absolute;

    background-color: #ab1d3f;

    padding: 9px 14px;

    color: white;

    top: -20px;

    left: 10px;

    font-family: Droid-sans-regular;

    font-size: 12px;

}





.nagradni-konkurs-text{

    padding-top: 10px;

    font-family: Droid-sans-regular;

}

.download-table{

    width:100%;

}

.right-position{

    float: right;

}

.right-content{

    padding-right: 20px;

    text-align: right;

}

.right-content img{

    transition: transform .2s;

}

.right-content img:hover{

    transform: scale(1.2);

    cursor: pointer;

}

.download-table tr td{

    padding-top: 20px;

}

.center-content{

    padding-left: 55px;

}

.size-file{

    padding-left: 10px;

}



.w20 {

    max-width: 20%;

}



/* .parent {

    display: flex;

    flex-wrap: wrap;

  }

  

  .child {

    flex: 1 0 21%; /* explanation below */

    /*margin: 5px;

    height: 100px;

    background-color: blue;

  } */



  .red-btn:hover{

      background-color: #1c4c62;

      color: white!important;

  }

  .menu-ul li:hover{

      color:#ab1d3f;

  }

  .load-content{

      min-height: 370px;

      background-color: #f4f3f0;

  }

  .nagradni-konkurs-text{

    /* background: gray; */

    width: 100%;

    /* height: 300px; */

    display: flex;

    flex-flow: row wrap;

    border-bottom-style: solid;

    border-width: 0px;

    padding-bottom: 10px;

  }

  .item-konkurs{

    background-color:#ab1d3f;

    margin: 4px;

    flex: 0 1 calc(20% - 8px);

  }

.item-konkurs h4{

    font-size: 16px;

    color:white;

    font-family: Droid-sans-regular;

    padding: 10px;

    text-decoration: underline;

}

.item-konkurs h4 a{

	color:#fff;

}

.konkurs-logo{

    text-align: center;

    padding-bottom: 10px;

}

  /******************************************/

  .bilteni a:hover{

        color:#ab1d3f!important;

        font-weight: bold;

  }

  .zakoni-active{

      display:block;

  }

  .kalendari-a a:hover{

    color:#ab1d3f!important;

    text-decoration: underline!important;

    font-weight: bold;

  }









/* contact form start */

.formZakazivanje .formIn {position: relative;display: block;width: 500px;height: 315px;font-family: 'MonseratLight';color: #616361;padding: inherit;}

.formZakazivanje .formIn.formContact {padding: 20px 0;height: auto;}

.formZakazivanje .formIn input {width: 303px;border: 1px solid #dadada;outline: none;padding: 12px 15px;font-size: 13px;letter-spacing: .5px;word-spacing: .8px;margin-bottom: 10px;-o-transition: .5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s; /*font-family: 'MonseratLight'*/;}

.formZakazivanje .formIn input:hover {border: 1px solid var(--red)}

.formZakazivanje .formIn input:focus {border: 1px solid var(--red)}

.formZakazivanje .formIn #howFindOut:focus {border: 1px solid var(--red)}

.formZakazivanje .formIn #howFindOut:hover {border: 1px solid var(--red)}

.formZakazivanje .formIn input.datepickerIco {/* text-transform: uppercase; */background: white url(/National_Library/oe_/https://www.savezjos.org/cms/template/dateIco.png) no-repeat;background-position: 93% 50%;width: 140px;border-radius: 0;height: 40px;padding: 0 10px;}

.formZakazivanje .formIn .selectpickerTime {width: 160px;float: right;}

.formZakazivanje .formIn .selectpickerCheck {width: 100%;}

.formZakazivanje .formIn .selectIn {width: 100%;}

.formZakazivanje .formIn .selectpickerTime button {width: 160px;background: white url(/National_Library/oe_/https://www.savezjos.org/cms/template/timeIco.png) no-repeat !important;background-position: 97% 50% !important;}

.formZakazivanje .formIn button:hover {}

.formZakazivanje .formIn button:focus {}

.formZakazivanje .formIn p {width: 100%;margin: 0;}

.formZakazivanje .formIn input.btnSend {margin-top: 5px;width: 155px;height: 43px;background: #eb5352;color: #fff;font-family: 'Roboto', sans-serif;font-weight: 300;font-size: 12px;letter-spacing: .2px;border: 1px solid #eb5352;}

.formZakazivanje .formIn input.btnSend:hover { background: transparent; color: #eb5352; border: 1px solid #eb5352; }

.formZakazivanje .formIn .input-group.time input {width: 130px;display: inline-block;float: right;height: 16px;}

.formZakazivanje .formIn.formContact input.datepicker { width: 263px; }

.formZakazivanje .formIn textarea {width: 532px;max-width: 532px;height: 164px;max-height: 164px;border: 1px solid #dadada;outline: none;padding: 10px 15px;font-size: 13px;letter-spacing: .5px;word-spacing: .8px;margin-bottom: 15px;resize: none;-o-transition: .5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;font-family: 'MonseratLight';}

.formZakazivanje .formIn textarea:hover {border: 1px solid var(--red)}

.formZakazivanje .formIn textarea:focus {border: 1px solid var(--red)}

.formZakazivanje .formIn input.btnSend.contact {float: left;margin: 0;}

.formZakazivanje .formIn button {font-family: 'MonseratLight';font-size: 13px;width: 335px;padding: 5px 15px;text-transform: uppercase;letter-spacing: .5px;word-spacing: .8px;outline: none;}

.formZakazivanje ul.dropdown-menu.inner { list-style: none; padding: 0; margin: 0; }

.formZakazivanje ul.dropdown-menu.inner a {font-size: 13px;}

/*.formZakazivanje .formIn button.g-recaptcha { margin: 0;display: inline-block;color: #fff;font-size: 20px;text-transform: uppercase;font-family: 'MonseratMedium';width: 125px;letter-spacing: .8px;text-shadow: 1px 1px 3px rgba(0,0,0,0.3);border-radius: 0;padding: 5px 0 3px;outline: none;border: 0;text-align: center; }*/

.formZakazivanje .formIn button.g-recaptcha { 

 margin-top: 20px;

    background: var(--dark);

    height: 38px;

    width: 126px;

    font-family: 'MonseratLight', Arial;

    color:#fff;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    font-size: 12px;

    }

    

    

    

    

    

    

    

    

    

/* MAIN MENU */



ul.main-menu{

    list-style-type: none;

    margin: 0px;

    padding:0px;

    height:55px;

    position: relative;

    

    display: inline-block;

  

}

ul.main-menu li.item {

   

   display: inline-block;

   color:#fff;

   font-size:15px;

   font-family: geoSlabBold;

   

}

ul.main-menu li.item a.link.sale{

    color:#ff0000;

}

ul.main-menu li.item i.fa-chevron-down{

    font-size:12px;

    padding-left: 8px;

}

ul.main-menu li.item.active, ul.main-menu li.item:hover{

    

    font-family:Georgia-Regular;

    text-decoration:none;

    

    /* ovde ide plavi bg */

    

}

ul.main-menu li.item.active{

		

}



ul.main-menu li.item.active a{

	background-image: url(/National_Library/oe_/https://www.savezjos.org/cms/template/blue-hover.jpg);

    background-position: center;

    background-size: cover;

}

ul.main-menu li.item.active:hover{

	

}

ul.main-menu li.item:hover{

    

}

ul.main-menu li.item a.link{

    color: #fff;

    text-transform: uppercase;

    height: 55px;

    width: 155px;

    text-align: center;

    justify-content: center;

    display: inline-flex;

    align-items: center;

   

    

}

ul.main-menu li.item a.link:hover, ul.main-menu li.has-sub a.link:hover{

	text-decoration:none;

	font-family:Georgia-Regular;

	/* ovde ide plavi bg */

	background-image: url(/National_Library/oe_/https://www.savezjos.org/cms/template/blue-hover.jpg);

    background-position: center;

    background-size: cover;

}

ul.main-menu li.has-sub:first-child{

	padding-left:0px;

}

ul.main-menu li.has-sub:last-child{

	padding-right:0px;

	}

ul.main-menu li.has-sub{

    position: relative;

    /*width:155px;*/

    display:inline-block;

    padding-left:30px;

    padding-right:30px;

}

ul.main-menu li.line{

width: 1px;

    display: inline-block;

    background: #cacaca;

    margin: 0px;

    padding: 0px;

    position: relative;

    /* left: -18px; */

    z-index: 999999999;

    height: 22px;

    top: 4px;

}

ul.main-menu li.line-w{

	position: relative;

    width:1px;

    borde-right:1px solid #cacaca;

    display:inline-block;

}

ul.main-menu li.has-sub ul.submenu{

    width: 100%;

    padding: 0px;

    margin: 0px;

    position: absolute;

    background: #1c4c62;

    top: 55px;

    z-index: 999;

    left:-1px;

    display: block;

    visibility: hidden;

    opacity:0.9;

}

ul.main-menu li.has-sub ul.submenu.not-nasted{

	position:absolute;

	max-width:300px;

	/*top:0px !important;*/

	right:0px !important;

}

ul.main-menu li.has-sub ul.submenu.not-nasted a.link{

	color:#fff;

	font-size:14px;

	text-transform:initial;

    padding:10px;

    height:auto;
    transition: background-color 0.3s;

}

ul.main-menu li.has-sub ul.submenu.not-nasted a.link:hover{

        /*background: #245269;*/
        background-color:#0095da;

}

ul.main-menu li.has-sub a.link i{

	    font-size: 12px;

    padding-left: 8px;

}

ul.main-menu li.has-sub ul.submenu li:hover{

	

}

ul.main-menu li.has-sub ul.submenu a.link{

	text-align: left;

	font-size:12px;

}

ul.main-menu li.has-sub a.link{

	color: #414141;

    text-transform: uppercase;

    height: 55px;

    width: 100%;

    text-align: center;

    /*justify-content: center;*/

    

    display: inline-flex;

    align-items: center;

    font-family:Georgia-Regular;

    font-size:15px;

    

    

}

ul.main-menu li.has-sub ul.submenu .mega-cat-item  a.link{

	font-family:Georgia-Regular;

	color:#373737;

}

ul.main-menu li.has-sub ul.submenu .mega-cat-item  a.link:hover{

	background:none;

	text-decoration:underline;

}

ul.main-menu li.has-sub ul.submenu .mega-cat-item.active a.link{

	color: #0e7cd9;

    text-decoration: underline;

}

ul.main-menu li.has-sub .mega-cat-item a.link{

    display: inline;

    margin-left: 14px;

}

ul.main-menu li.has-sub:hover{

    

}

    

ul.main-menu li.has-sub ul.submenu li{

    display: inline-block;

    width: 100%;

    border: 0px;

    border-bottom:1px solid #f5f5f6;

}

ul.main-menu li.has-sub ul.submenu li:last-child{

	border:none;

}

ul.main-menu li.has-sub ul.submenu li:hover{



}

ul.main-menu li.has-sub ul.submenu li.has-sub{

    position: relative;

    min-width: 140px;

}

ul.main-menu li.has-sub ul.submenu li.has-sub:hover ul.submenu{



    display: block;

}

ul.main-menu li.has-sub ul.submenu li.has-sub ul.submenu{

    position: absolute;

    top: 0px;

    left: 140px;

    display: none;

}

ul.main-menu li.has-sub ul.submenu li.has-sub ul.submenu li{

    min-width: 140px;

}

ul.main-menu li.has-sub .submenu{

    /*display: none;

    visibility: hidden;*/

}

ul.main-menu li.has-sub:hover ul{

    padding: 0px;

    margin: 0px;

    display: block;

    

}



.mega{

    

    display: flex;

}

.mega-cat{

    float:left;

    margin-bottom: 20px;

    

    position: relative;

    display: inline-flex;

}

.mega-cat-title{

    background: #0d7cd9;

    text-transform: uppercase;

    color:#fff;

    

    font-size: 15px;

    text-align: left;

    padding-left: 30px;

    margin-bottom:7px;

    font-family:geoSlabBold;

    height: 58px;

    display: inline-flex;

    align-items: center;

    min-width: 220px;

}

.mega-cat-box{

    float: left;

        float: left;

    

}

.mega-cat-item.active{

    /*background: #080808;*/

}

.mega-cat-item{

    text-transform: uppercase;

    color:#fff;

    font-size: 15px;

    text-align: left;

    padding-left: 3px;

    padding-bottom: 5px;

}

.mega-cat-item::before{

    content: '.';

    font-size: 60px;

    color:#fff;

    position: relative;

    top: -2px;

    line-height: 1px;

}

.mega-recom{

	display:inline-block;

	padding:20px;

}

.mega-recom-item{

	color:#373737;

}

.mega-recom-item-left{

	    width: 100px;

    float: left;

}

.mega-recom-item-left img{

	width:87px;

	height:85px;

	border:1px solid #e2e2e2;

}

.mega-recom-item-right{

	    width: 185px;

    float: left;

    

    font-family:Georgia-Regular;

}

.mega-recom-item-title{

	display: inline-block;

}

.mega-recom-item-title a{

	color: #373737;

    font-size: 12px;

    font-family:Georgia-Regular;

}



.submenu{

	display:none;

}

.menu-cat-name{

	font-size:25px;

	color:#464646;

	font-family:geoSlabBold;

	margin-top: 45px;

	text-transform:uppercase;

	margin-bottom:20px;

}

.menu-cat-name i{

	color:var(--red);

	    margin-right: 5px;

}

/* End main menu */

.page-main-text a{

	color:#0593da;

	text-decoration:underline;

}

.page-main-text a:hover{

	text-decoration:none;

}

.main-img{

	-o-transition: .5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;

	opacity:0;

	display: flex;

    /* margin-top: 15px; */

    width: 100%;

    /* background-color: red; */

    height: 400px;

    background-position: center;

    background-size: cover;

    position: absolute;

}

.main-img-small{

	cursor:pointer;

}





.font-size-big{

	

	font-size:1.4em !important;

}



.font-size-big .page-main-text p{

	font-size:1.4em !important;

}

.font-size-big .left-page-menu-ul li a{

	font-size:1.4em !important;

}

.font-size-big .bread .container a{

	font-size:1em !important;

}

.font-size-big .bpath{

	font-size:1.4em !important;

}

.font-size-big .header-address,

.font-size-big .header-right-info a,

.font-size-big .bold-title,

.font-size-big .bold-title a{

	font-size:1rem !important;

}

.font-size-big .single-new-text h5 a{

	font-size:1.4em !important;

}

.font-size-big .single-new-text p{

	font-size:1rem !important;

}

.font-size-big .red-btn{

	font-size:1rem !important;

}

.font-size-big .footer-info p{

	    font-size: 1.2rem !important;

    line-height: 1.4em;

}

.font-size-big .footer-info p span a{

	font-size:1.2em !important;

}
#mc_embed_signup_scroll{
    background-color: #f4f3f0!important;
}
.newsletter-text{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    font-size: 13px;
}
.newsletter-div{
    padding-top:0px;
}
#mc_embed_signup h2{
    font-size: 14px!important;
    font-weight: unset!important;
    padding-left: 20px!important;
}
#mc_embed_signup .button{
    background-color:#0094da!important;
    border-radius: 0px;
    font-size: 12px!important;
}
#mc_embed_signup form{
    padding: 0px!important;
}
#mc_embed_signup .clear{
    padding-left: 20px;
}
#mc_embed_signup input{
    border: 1px solid #ABB0B2;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
}
.newsletter-input::-webkit-input-placeholder {
    font-size: 13px;
}
.newsletter-input{
    outline:none!important;
    border: none!important;
}
.mobile-nav-icon-div{
	display: none;
}
.mob-top-div-logos{
    display: none;
}
.blue-btn{
    background-color: #1c4c62;
    padding: 13px 33px;
    color: white !important;
    /* font-family: Doria-sans-regular; */
    font-family: Droid-sans-regular;
    font-size: 12px;
    transition: background-color 0.2s;
}
.single-new-text h5{
    height: 60px;
    overflow: hidden;
}
.single-new-text p{
    height: 60px;
    overflow: hidden;
}

.article-marker img:hover {
    /*transform: scale(1.5); */
}
ul.main-menu li.has-sub ul.submenu{
   min-width: 320px!important; 
}

#howFindOut{
    width: 303px;
    height: 45px;
    margin-bottom: 10px;
    color:gray;
    letter-spacing: 0.5px;
    font-size: 13px;
    padding-left:15px;
    font-family: 'Droid-sans-regular'!important;
    border: 1px solid #dadada;
    outline: none;
    cursor: pointer;
}
.contat-form-btn{
    border: none!important;
    color: white!important;
    background-color: #ab1d3f!important;
    cursor: pointer;
}
.formZakazivanje .formIn input{
    font-family: 'Droid-sans-regular'!important;
}
.formZakazivanje .formIn input[type="submit"]{
    cursor: pointer;
}
.formZakazivanje .formIn textarea::placeholder{
    font-family: 'Droid-sans-regular'!important;
}
.description-min{
    height: 40px;
    overflow: hidden;
}
/*ytVideo with 50% & full width*/
.ytVideoView {margin: 15px 0;overflow: hidden;}
.ytVideoView .ytVideo {position: relative;float: left;margin-right: 10px;margin-left: 0;margin-bottom: 10px;}
.ytVideoView .ytVideo:nth-child(2n) { margin-right: 0; }
.ytVideoView .ytVideo.full {max-width: 820px;margin: 0 0 30px 0;width: 820px;}
.ytVideoView .ytVideo.ytVideoFull { max-width: 100%; width: 100%; }
.ytVideoView img.ytPlay {-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.ytVideoView img.ytPlay:hover { opacity: .7; cursor: pointer; }
.ytVideoView .ytVideo:hover { cursor: pointer; }
.ytVideoView .ytVideo:hover img.ytPlay { opacity: .7; cursor: pointer; }
.ytVideoView .imgVidPlay {left: calc(100% / 2 - 53px);width:100px;margin-left: -10px;outline:none !important;margin-top: -10px;opacity: 1;position: absolute;top: 34%;border: none;z-index: 9;}
.ytVideo.full .imgVidPlay {top: calc(50% - 25px);