/* CSS Document
CRVENA iz loga #c10d59
font-family: 'Raleway', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Quicksand', sans-serif;
font-family: 'Titillium Web', sans-serif;
font-family: 'Dosis', sans-serif;
font-family: 'Josefin Sans', sans-serif;
font-family: 'Hind', sans-serif;
font-family: 'Oswald', sans-serif;
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap'); /*font za meni*/
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;1,100;1,200;1,300;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,400;0,500;1,100;1,200;1,300;1,400;1,500&display=swap');
body { font-family: 'Montserrat', sans-serif; font-size:14px; color:#181818; overflow-x: hidden; line-height: 1.4; }
.margintop { padding-top: 82px; }
.margintopkontakt { padding-top: 122px; }
.margintoplista { padding-top: 100px; }
.marginaispod { margin-bottom: 20px; }
/*---------------------------------------------------------------------------------meni----------------------*/
.meni { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; padding-right: 20px; padding-left: 20px; background-color: rgba(255,255,255,1); transition: all .6s ease; border-bottom: solid 1px #dedede; }
.transparent { background-color: rgba(255,255,255,1) !important; transition: all .6s ease; }
.logo { margin-top: 10px; margin-bottom: 10px; }
.logo img { height: 60px; }
.meni2 { background-color:transparent; border-bottom:0px; margin-bottom:0px; min-height: auto !important; margin-top: 30px; }
.meni2 ul { list-style:none; padding-left:0px; margin-top:0px; }
.meni2 ul li { display:inline-block; }
.meni2 ul li a { font-family: 'Oswald', sans-serif; font-size:16px; letter-spacing:1px; font-weight:400; display:table-cell; vertical-align:middle; padding:5px 0 5px 25px; text-align:center; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; color: #181818; }
.meni2 ul li a:hover { color:#c10d59 !important; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.meni2 i { margin-left:10px; }
.navbar-default .navbar-nav>li>a { color: #181818; }
.navbar-right .dropdown-menu { right:auto; left:20px; }
.navbar-right .dropdown-menu li { width: auto; display: block; }
.dropdown-menu li { border-right: 0 !important; }
.dropdown-menu>li>a { color:#333; text-align: left !important; font-size: 14px !important; padding: 8px 20px !important; }
.navbar-nav>li>.dropdown-menu{ margin-top: 15px; background-color: rgba(255,255,255,1) !important; }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: transparent; }
.navbar-right { margin-right: 0px; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #c10d59; background-color: #fff; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color: transparent; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #c10d59; }
/*---------------------------------------------------------------------------------meni----------------------*/
/*---------------------------------------------------------------------------------cookies-------------------*/
.kolacici { display: none; background-color: rgba(0,0,0,0.9); color:#fff; padding: 20px 0; text-align: center; position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999 !important; }
.dugmekolacici { color: #fff; border: 2px solid rgba(255,255,255,0.75); background: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: auto; padding: 5px 15px; font-size: 12px; font-weight: 400; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: all .6s ease; }
.dugmekolacici:hover { color: #000; background: #fff; transition: all .6s ease; }
/*---------------------------------------------------------------------------------cookies-------------------*/
/*---------------------------------------------------------------------------------top slider----------------*/
.padingslider { padding: 1px; }
.visinasrednja { height: 300px; }
.visinaveca { height: 502px; }
.visinamanja { height: 250px; }
.box {  position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; cursor: pointer; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)); background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)); background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)); background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)); -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.box:hover { background: -webkit-linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)); background: -o-linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)); background: -moz-linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)); background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)); -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.boxtext { padding: 50px 15px 20px 15px; position: absolute; bottom: 0; left: 0; right: 0; color: #fff; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.boxtext h3 { font-size: 24px; font-weight: 400; margin-top: 0; margin-bottom: 10px; }
.box4:hover .boxtext { padding: 50px 15px 30px 15px; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.datumobjave { display: block; font-size: 14px; }
.grupa { padding: 5px 18px 2px 18px; border-radius: 4px; margin-right: 10px; display: inline-block; margin-bottom: 10px; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; color: #fff !important; }
.bojavesti { background-color: #c10d59; }
.bojaprojekti { background-color: #7b7eeb; }
.bojalifestyle { background-color: #f5a26f; }
.bojaistrazivanja { background-color: #63c383; }
.bojatrendovi { background-color: #dc77c1; }
.bojastaznate { background-color: #5577c5; }
.bojabg { background-color: #668de5; }
.bojasr { background-color: #668de5; }
.bojasvet { background-color: #668de5; }
/*---------------------------------------------------------------------------------top slider----------------*/
/*---------------------------------------------------------------------------------futer---------------------*/
.futer { background-color: #05131e; padding-top: 30px; padding-bottom: 10px; }
.futermeni h2 { font-size: 16px; color: #fff; position: relative; display: inline-block; padding-bottom: 13px; margin-bottom: 0px; }
.futermeni h2:before { content: ''; display: block; height: 3px; width: 100%; background-color: #fff; position: absolute; bottom: -2px; z-index: 1; }
.futermeni ul { border-top: .5px solid #8b8d8f; padding-top: 22px; padding-bottom: 20px; list-style:none; padding-left:0px; }
.futermeni ul li { color:#fff; margin-bottom:5px; font-size: 15px; }
.futermenilink ul li a { color:#fff; text-decoration: none; cursor:pointer; font-size: 15px; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.futermenilink ul li a:hover { padding-left: 5px; color:#7d8993; text-decoration:none; cursor:pointer; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.socialfuter { display: inline-block; margin-right: 5px; margin-bottom: 25px; color: #fff !important; font-size: 18px !important; }
.bgface { background-color: #3f5798; padding: 4px 7px 2px 7px; }
.bginstagram { background-color: #d62976; padding: 4px 7px 2px 7px; }
.bgtwitter { background-color: #657786; padding: 4px 7px 2px 7px; }
.bgyoutube { background-color: #c92428; padding: 4px 7px 2px 7px; }
.bglinkedin { background-color: #0E76A8; padding: 4px 7px 2px 7px; }
.futerbox { background-color:transparent; border-color:#4D4D4D; border-radius:0; color:#fff }
.futerbox:focus { border-color:#4D4D4D; }
.futerbutton { background-color:#4D4D4D; border-color:#4D4D4D; color:#fff; border-radius:0; }
.futer2 { background-color: #880f42; color:#fff; padding:7px 50px 7px 50px; font-size:13px; }
.futer2 a { color:#fff; text-decoration:none; cursor:pointer; }
.futer2 a:hover { color:#ffffff; text-decoration:none; }
.futer2-desno { text-align:right; }
/*---------------------------------------------------------------------------------futer---------------------*/
/*---------------------------------------------------------------------------------lista---------------------*/
.sivapozadina { background-color: #e9e9eb; }
.naslovgrupe h2 { font-family: 'Josefin Sans', sans-serif;display: inline-block; position: relative; margin-bottom: 30px; color: #000; font-size: 26px; font-weight: 600; }
.naslovgrupe h2:before { content: ''; width: 100%; height: 3px; background-color: #c10d59; position: absolute; bottom: -2px; left: 0; }
.vidisve { float: right; font-size: 18px; color: #c10d59; display: inline-block; margin-top: 26px; font-weight: 600; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.vidisve:hover { color: #000; text-decoration: none; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.blog { background-color: #fff; margin-bottom: 25px; -webkit-box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.3); -moz-box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.3); box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.3); }
.stan { position: relative; height: 200px; }
.blognaslov { font-size: 16px; text-transform: uppercase; color: #c10d59; margin-top: 0px; text-decoration: none; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; line-height: 20px; margin-bottom: 15px; display: inline-block; }
.blognaslov:hover { color: #000; text-decoration: none; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.blogkratakopis { padding: 15px; height: 210px; font-size: 14px; color: #181818; line-height: 18px; position: relative; }
.grupalista { padding: 5px 18px 2px 18px; border-radius: 4px; margin-left: 10px; display: inline-block; margin-top: 10px; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; color: #fff !important; }
.blogkratakopis span { color: #666; margin-bottom: 10px; }
.dugmevise { color: #fff; background: #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: auto; padding: 5px 20px 2px 20px; font-size: 12px; font-weight: 400; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: all .6s ease; display: inline-block; position: absolute; bottom: 0px; right: 0px; }
.dugmevise:hover { color: #fff; background: #c10d59; transition: all .6s ease; text-decoration: none; }
/*---------------------------------------------------------------------------------lista---------------------*/
/*---------------------------------------------------------------------------------info page-----------------*/
.infotext { padding-bottom: 40px; }
.infotext p  { font-size: 18px; color: #181818; }
.infotext h2 { font-size: 28px; color: #c10d59; }
.infotext h1 { display: inline-block; position: relative; margin-top: 40px; margin-bottom: 30px; color: #000; font-size: 32px; font-weight: 600; }
.infotext h1:before { content: ''; width: 100%; height: 3px; background-color: #c10d59; position: absolute; bottom: -10px; left: 0; }
.infotext ul { margin: 0; list-style: disc; }
.infotext ul li { font-size: 18px; color: #181818; }
/*---------------------------------------------------------------------------------info page-----------------*/
/*---------------------------------------------------------------------------------kontakt-------------------*/
.kontaktikonica { display: block !important; font-size: 48px; margin-bottom: 30px; color: #c10d59; }
.border { border-left: solid 1px #dedede; border-right: solid 1px #dedede; }
.infoheight { height: 180px; }
.infoheight a { color: #181818; text-decoration: none; transition: all .6s ease; }
.infoheight a:hover { color: #c10d59; text-decoration: none; transition: all .6s ease; }
.kontaktpod { font-size: 18px; font-weight: 400; margin-bottom: 25px; margin-top: 0; text-transform: uppercase; color: #242424; }
.mojbox { border-radius: 0px !important; border-color: #ccc !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.pogledajsve { margin-top: 30px; margin-bottom: 40px; color: #05131e; border: 2px solid #05131e; background: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: auto; padding: 10px 40px; font-size: 13px; font-weight: 400; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: all .6s ease; display: inline-block; }
.pogledajsve:hover { color: #fff; background: #05131e; transition: all .6s ease; text-decoration: none; }
/*---------------------------------------------------------------------------------kontakt-------------------*/
/*---------------------------------------------------------------------------------pagging-------------------*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #c10d59; border-color: #c10d59; }
.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #c10d59; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
/*---------------------------------------------------------------------------------pagging-------------------*/
/*---------------------------------------------------------------------------------detaljno------------------*/
.detaljnotext { padding-bottom: 40px; font-size: 18px; line-height: 1.8; color: #181818; }
.detaljnotext h1 { margin-top: 10px; font-size: 30px; margin-bottom: 30px; }
.detaljnotext img { margin-bottom: 5px; }
.detaljnotext ul { margin: 0; list-style: disc; }
.detaljnotext ul li { font-size: 18px; color: #181818; }
.datumobjavedetaljno { display: inline-block; font-size: 14px; margin-bottom: 20px; color: #666; }
.pregledanodetaljno { display: inline-block; float:right; font-size: 14px; margin-bottom: 20px; color: #666; }
.socialshare { display:inline-block; margin-right:5px; color: #fff !important; padding: 10px !important; }
.facecolor { background-color:#334f8d; }
.twittercolor { background-color:#00acee; }
.linkedincolor { background-color:#0E76A8; }
.emailcolor {background-color:#cccccc; }
/*---------------------------------------------------------------------------------detaljno------------------*/
/*---------------------------------------------------------------------------------detaljno desno------------*/
.visinaright { height: 200px; }
.boxright {  position: absolute; top: 0px; left: 15px; right: 15px; bottom: 0px; cursor: pointer; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)); background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)); background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)); background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)); -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.boxright:hover { background: -webkit-linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)); background: -o-linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)); background: -moz-linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)); background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)); -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.boxtextright { padding: 50px 15px 20px 15px; position: absolute; bottom: 0; left: 0; right: 0; color: #fff; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.boxtextright h3 { font-size: 18px; font-weight: 400; margin-top: 0; margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
@media (max-width: 1200px){
	.meni2 ul li a { padding:5px 0 5px 15px; }
	.logo img { height: 34px; margin-top: 12px; margin-bottom: 13px; }
	.visinaveca { height: 402px; }
	.visinamanja { height: 200px; }
	.blogkratakopis { height: 220px; }
	.visinasrednja { height: 250px; }
	.futer2 { padding: 7px 30px 7px 30px; }
}
@media (max-width: 992px){
	.logo { margin-top: 10px; margin-bottom: 5px; }
	.logo img { margin-top: 0px; margin-bottom: 0px; }
	.meni2 { margin-top: 0px; }
	.meni2 ul li a { font-size: 14px; }
	.boxtext h3 { font-size: 20px; }
	.grupa { padding: 3px 14px 2px 14px; margin-right: 5px; margin-bottom: 10px; font-size: 9px; letter-spacing: 1px; }
	.stan { height: 160px; }
	.blognaslov { font-size: 14px; }
	.blogkratakopis { padding: 10px; height: 250px; }
	.infotext h1 { margin-top: 20px; margin-bottom: 30px; font-size: 26px; }
	.infotext h2 { font-size: 24px; }
	.infotext p { font-size: 16px; }
	.infotext ul li { font-size: 16px; }
	.visinasrednja { height: 200px; }
	.detaljnotext h1 { font-size: 24px; }
	.naslovgrupe h2 { font-size: 24px; }
	.detaljnotext { font-size: 16px; line-height: 1.6; }
	.datumobjave { font-size: 12px; }
}
@media (max-width: 768px){
    .navbar-nav { max-height: calc(100vh - 60px); overflow-y: scroll; }
	.moblogo { height: 50px; margin-top: 10px; margin-bottom: 10px; }
	.navbar-toggle { margin-right: 0px; border: 0px solid transparent; border-radius: 0px; padding: 9px 0px 9px 10px; margin-top: 15px; }
	.navbar-toggle .icon-bar { width: 40px; height: 3px; }
	.navbar-toggle .icon-bar+.icon-bar { margin-top: 6px; }
	.navbar-default .navbar-toggle .icon-bar { background-color: #c10d59; }
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; }
	.meni2 ul li { display: block; }
	.meni2 ul li a { padding: 15px 0; display: block; font-size: 18px; }
	.navbar-collapse { padding-right: 0px; padding-left: 0px; border-top: 0px solid transparent; -webkit-box-shadow: none; box-shadow: none; }
	.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #181818; text-align: center !important; }
	.dropdown-menu>li>a { font-size: 16px !important; padding: 10px 20px !important; }
	.margintop { padding-top: 72px; }
	.boxtext h3 { font-size: 24px; }
	.blog { margin-bottom: 10px; }
	.stan { height: 190px; }
	.blognaslov { font-size: 18px; }
	.blogkratakopis { height: 180px; font-size: 15px;  }
	.naslovgrupe h2 { font-size: 20px; }
	.vidisve { font-size: 16px; margin-top: 20px; }
	.margintoplista { padding-top: 72px; }
	.detaljnotext { margin-top: 10px; padding-bottom: 0px; }
	.datumobjavedetaljno { margin-bottom: 10px; }
	.pregledanodetaljno { margin-bottom: 10px; }
	.boxtextright h3 { font-size: 20px; }
}