@charset "utf-8";
body,html{margin:0;padding:0;width:100%;height:100%!important}
*{font-family:"Source Sans Pro",sans-serif}
p{
	font-size: 17px;
	font-weight: 400;
	padding-top: 5px;
	padding-bottom: 5px;
	word-wrap: break-word;
}
ul{
	font-size: 16px;
	color: #333;
	font-weight: 400;
	padding-top: 5px;
	padding-bottom: 5px;
}
img,object,embed,video{
	max-width: 100%;
	height: auto;
	display: block;
}
.ie6 img{width:100%}
/* KONTAJNERI */
.gridContainer{margin-left:auto;margin-right:auto;width:100%;margin-top:0}
.container1{width:100%;max-width:1200px;margin-right:auto;margin-left:auto;margin-top:0}
.container2{margin-left:auto;margin-right:auto;width:100%;margin-top:0}
.container3{margin-left:auto;margin-right:auto;width:100%;margin-top:0}
/* HEDER I LOGO */
#header{clear:both;float:left;margin-left:0;width:100%;display:block;background-color:#000}
.logo{clear:none;float:left;width:100%;display:block}
#logo3 {
	height: auto;
	width: 30%;
	position: absolute;
	z-index: 5000001;
	top: 60px;
	margin-right: auto;
	margin-left: auto;
	display: none;
}
/* BOKSOVI */
#boxZaMenije{clear:none;float:left;width:100%;display:block}
#boxStoPosto{clear:none;float:left;width:100%;display:block;height:auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
.boxStoPosto2{clear:none;float:left;width:100%;display:block;height:auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
.boxStoPosto3{clear:none;float:left;width:100%;display:block;height:auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
#boxSlikaStoPostoMobil {
	clear: none;
	float: left;
	width: 100%;
	display: block;
	height: auto;
	padding-top: 0%;
}
#boxSlikaStoPosto {
	clear: none;
	float: left;
	width: 100%;
	display: none;
	height: auto;
}
.boxColorBgStoPosto1{
	width: 100%;
	display: inline-block;
	background: linear-gradient(to right,#3d2b29 0%,#803323 100%);
	padding-top: 4%;
	padding-bottom: 4%;
	color: #FFF;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	clear: none
}
.boxColorBgStoPosto2{
	width: 100%;
	display: inline-block;
	background: linear-gradient(to right,#007e8c 0%,#0d363b 100%);
	padding-top: 4%;
	padding-bottom: 4%;
	color: #FFF;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	clear: none
}
.boxSlikaMala{clear:none;float:left;margin-left:1%;width:98%;display:block;margin-right:1%;margin-bottom:1%;height:auto}
.boxSlikaMala1 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto;
}
.boxPodaci{
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto;
	text-align: center;
	color: #333
}
.boxPodaci1 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto;
	text-align: justify;
	color: #333;
}
#boxNaslov4{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:center}
.boxNaslov5{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:center}
/* MENI */
#meniBox{
	clear: both;
	float: left;
	width: 100%;
	height: 50px;
	display: block;
	background-color: #243F81;
	padding-top: 5px;
	padding-bottom: 5px;
}

#meniBox2{clear:both;float:left;width:100%;height:auto;display:block}
#meniBox3 {
	clear: both;
	float: left;
	width: 100%;
	height: 50px;
	display: block;
	background-color: #97341f;
	padding-top: 5px;
	padding-bottom: 5px;
	position: absolute;
	z-index: 10000;
}
/* NASLOVI */
#naslovPortfolioBox{clear:both;float:left;width:100%;display:block;text-align:left;color:#333}
.linija {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.infoBox {
	clear: both;
	float: left;
	width: 96%;
	display: block;
	text-align: center;
	color: #333;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #997f66;
	padding-left: 1%;
	margin-bottom: 2%;
}
.naslovBox{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 20px;
}
.naslovBox1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 20px;
}


#naslovBox2{clear:both;float:left;width:98%;display:block;font-size:17px;color:#333;margin-right:1%;margin-left:1%;text-align:justify}
#naslovBox3{clear:both;float:left;width:98%;display:block;font-size:17px;color:#333;margin-right:1%;margin-left:1%;text-align:center}
#naslovBox4{clear:both;float:left;width:98%;display:block;font-size:17px;color:#333;margin-right:1%;margin-left:1%}
.naslovNovostiDogadjajiKontakt{font-size:18px;font-weight:400;color:#FFF;background-color:#1D1D1D;text-align:center;display:block;float:left;width:100%;margin-top:5px;margin-bottom:0;height:30px;padding-top:5px;padding-bottom:5px}
#naslov4uRedu{float:left;height:auto;width:100%;min-height:100px;text-align:left}
.naslovSirokiSadrzaj{font-size:17px;color:#FFF;background-color:red;text-align:center;display:block;float:left;width:100%;height:35px;margin-top:5px;margin-bottom:5px;padding-top:10px}
.naslovSirokiSadrzaj2{color:#0A5E89;text-align:left;display:block;float:left;width:100%;margin-top:5px;margin-bottom:5px;height:auto;padding-top:5px}
/* DRUSTVENE MREZE */
.socialNet{clear:none;width:30px;display:block;padding-right:10px;padding-top:5px;height:auto}
#fb{position:absolute;left:0;top:130px;width:85px;height:40px;z-index:100;display:none}
#twitter{position:absolute;left:5px;top:190px;width:50px;height:50px;z-index:100;display:none}
#youtube{position:absolute;left:5px;top:250px;width:50px;height:50px;z-index:100;display:none}
#blog{position:absolute;left:0;top:200px;width:69px;height:105px;z-index:100;display:none}
/* INFO */
.napomena{float:left;height:auto;width:100%;margin-top:1%;margin-bottom:1%}
.uzvicnik{float:left;height:60px;width:60px;margin-right:10px;margin-bottom:5px}
.novosti{clear:both;float:left;margin-left:3%;width:94%;display:block;margin-right:3%}
.dogadjaji{clear:both;float:left;margin-left:3%;width:94%;display:block;margin-right:3%}
.kontakt{clear:both;float:left;margin-left:3%;width:94%;display:block;margin-right:3%}
.vesti{font-size:17px;color:#333;width:95%;margin-top:10px;padding-right:2%;padding-left:3%;padding-bottom:5px;margin-bottom:10px;height:auto;text-align:justify}
/* SLIKE */
#linijaVelikaRazdvajanje{clear:both;float:left;margin-left:0;width:100%;display:block}
.slike2uRedu{float:left;height:auto;width:48%;margin-right:1%;margin-left:1%;text-align:center}
#slikaBox{float:left;width:100%;display:block;clear:both;text-align:center;padding-top:100px}
.senka{clear:both;float:left;width:100%;display:block;text-align:center}
/* SADRZAJ */
.sadrzajBox{clear:both;float:left;margin-left:1%;width:98%;display:block;margin-right:1%}
.tekstPozadinaObojena {
	clear: none;
	float: left;
	width: 94%;
	display: block;
	text-align: left;
	background-color: #EBEBEB;
	margin-right: 1%;
	margin-left: 1%;
	padding: 2%;
}
#sirokiSadrzaj{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:justify}
.sirokiSadrzajStoPosto {
	clear: none;
	float: left;
	width: 98%;
	display: block;
	text-align: left;
	font-size: 16px;
	padding: 0;
	margin-top: 0;
	margin-right: 1%;
	margin-bottom: 0;
	margin-left: 1%;
}
.sirokiSadrzaj1{
	clear: none;
	float: left;
	width: 98%;
	display: block;
	text-align: left;
	font-size: 16px;
	padding: 0;
	margin: 0 1%
}
.sirokiSadrzaj2{clear:none;float:left;margin-left:1%;width:98%;display:block;text-align:justify;margin-right:1%;margin-bottom:1%}
.sirokiSadrzaj3{
	clear: none;
	float: left;
	width: 100%;
	display: block;
	background-color: #97341f;
}
.sirokiSadrzaj3-2 {
	clear: none;
	float: left;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-left: 1%;
}

.sirokiSadrzaj4{clear:none;float:left;width:98%;display:block;text-align:justify;font-size:16px;padding:0;margin:0 1%}
.sirokiSadrzaj5 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align: left;
	margin-right: 0%;
	font-size: 16px;
	margin-top: 0%;
	padding: 0px;
	margin-bottom: 0px;
	background-color: #DADADA;
}
.sirokiSadrzaj6 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 96%;
	display: block;
	text-align: left;
	margin-right: 0%;
	font-size: 16px;
	margin-top: 0%;
	padding: 2%;
	margin-bottom: 0px;
	background-color: #242E49;
	color: #CCC;
}
.sirokiSadrzaj7 {
	float: left;
	width: 100%;
	display: inline-block;
	background-color: #97341f;
	height: auto;
}
.sirokiSadrzaj8 {
	float: left;
	width: 100%;
	display: block;
	height: auto;
	clear: none;
	background-color: #333;
}
.sirokiSadrzaj9 {
	float: left;
	width: 100%;
	display: inline-block;
	background-color: #F3F3F3;
	height: auto;
}
.sirokiSadrzaj10 {
	float: left;
	width: 100%;
	display: block;
	height: auto;
	clear: none;
	background-color: #F3F3F3;
}
.sirokiSadrzaj11 {
	float: left;
	width: 100%;
	display: inline-block;
	background-color: #333;
	height: auto;
}
.sirokiSadrzaj12 {
	float: left;
	width: 100%;
	display: block;
	height: auto;
	clear: none;
}
.sirokiSadrzajBeliFont{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:left;font-size:16px;color:#FFF;margin-bottom:0}
.sirokiSadrzaj3beliFont {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 16px;
	color: #FFF;
	margin-bottom: 0%;
	margin-top: 0px;
}
.sirokiSadrzaj3beliFont2 {
	clear: both;
	float: left;
	margin-left: 10%;
	width: 80%;
	display: block;
	font-size: 16px;
	text-align: justify;
	color: #FFF;
	margin-bottom: 1%;
	margin-right: 10%;
	margin-top: 5%;
}
.sirokiSadrzaj3siviiFont {
	clear: both;
	float: left;
	margin-left: 10%;
	width: 80%;
	display: block;
	font-size: 16px;
	text-align: left;
	color: #333;
	margin-bottom: 1%;
	margin-right: 10%;
	margin-top: 5%;
}
.sadrzaj2uRedu{float:left;height:auto;width:99%;margin:1% .5%}
.sadrzaj3uRedu{float:left;height:auto;width:96%;text-align:justify;padding-right:1%;padding-left:1%;margin:0 .5%}
.sadrzaj4uRedu{
	float: left;
	height: auto;
	width: 98%;
	margin-right: 1%;
	margin-left: 1%;
	text-align: center;
	margin-top: 1%
}
.sadrzaj5uRedu {
	float: left;
	height: auto;
	width: 48%;
	text-align: center;
	margin-top: 5%;
	margin-right: 1%;
	margin-left: 1%;
}
.sadrzaj7uRedu {
	float: left;
	height: auto;
	width: 48%;
	text-align: center;
	margin-top: 5%;
	margin-right: 1%;
	margin-left: 1%;
}

.sadrzaj9uRedu {
	float: left;
	height: auto;
	width: 31%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}

/* BROJEVI STRANICA */
#brojeviStranica{float:left;width:100%;display:block;text-align:center}
#stranicaBroj{height:35px;width:35px;margin-right:5px;float:left}
/* LINKOVI */
.linkovi{font-size:90%;color:#333;text-decoration:none}
.linkovi a{font-size:90%;color:#333;text-decoration:none}
.linkovi a:hover{font-size:90%;color:#FFF;text-decoration:none}
.linkovi2{font-size:17px;color:#0C4D8F;text-decoration:none;font-weight:700}
.linkovi2 a{font-size:17px;color:#0C4D8F;text-decoration:none;font-weight:700}
.linkovi2 a:hover{font-size:17px;color:red;text-decoration:none;font-weight:700}
.linkovi3{font-size:17px;color:#333;text-decoration:none;font-style:normal}
.linkovi3 a{font-size:17px;color:#333;text-decoration:none;font-style:normal}
.linkovi3 a:hover{font-size:17px;color:#0A5E89;text-decoration:underline;font-style:normal}
.linkovi4{font-size:17px;color:#0A5E89;text-decoration:none;font-style:italic}
.linkovi4 a{font-size:17px;color:#0A5E89;text-decoration:none;font-style:italic}
.linkovi4 a:hover{font-size:17px;color:red;text-decoration:none;font-style:italic}
.linkovi5{
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
.linkovi5 a{
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
.linkovi5 a:hover{
	font-size: 24px;
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
/* DUGMICI */
.dugme{-webkit-border-radius:5;-moz-border-radius:5;border-radius:5px;font-family:'Poppins',sans-serif;color:#fff;font-size:16px;background:#464a4d;padding:10px 20px;text-decoration:none}
.dugme:hover{background:#948b60;text-decoration:none}
.dugme2{display:block;height:auto;width:100%;padding:1%;background-color:#7B6444;text-align:center;margin-bottom:1%;float:left;margin-right:70%;margin-top:2%}
.dugme3{-webkit-border-radius:19;-moz-border-radius:19;border-radius:19px;font-family:'Poppins',sans-serif;color:#000;font-size:15px;background:#fff;border:solid #000 2px;text-decoration:none;display:inline-block;margin-top:10px;padding:10px 20px}
.dugme3:hover{background:#3cb0fd;text-decoration:none}
.dugme4{-webkit-border-radius:5;-moz-border-radius:5;border-radius:5px;font-family:'Poppins',sans-serif;color:#FFF;font-size:15px;border:1px solid #FFF;text-decoration:none;display:inline-block;margin-bottom:10px;padding:10px 20px}
.dugme4:hover{background:#1876BC;text-decoration:none;color:#FFF}
.dugme5{
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: 'Poppins',sans-serif;
	color: #fff;
	font-size: 18px;
	padding: 10px 20px;
	border: solid #fff 1px;
	text-decoration: none;
	display: inline-block;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	z-index: 8000;
	background-color: #1b4b4b
}
.dugme5:hover{background:#ce3c32;text-decoration:none;z-index:8000}
.dugme6{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-family:'Poppins',sans-serif;color:#fff;font-size:15px;padding:10px 20px;border:solid #fff 1px;text-decoration:none}
.dugme6:hover{background:#000;text-decoration:none}
#traka{position:absolute;left:0;top:0;width:100%;height:110px;z-index:-100;min-width:300px;background-repeat:repeat;display:block;background-color:#000;border-top-width:5px;border-top-style:solid;border-top-color:#188AAB}
#galerijaSlika{float:left;height:auto;width:98%;margin-right:1%;margin-bottom:1%;margin-left:1%}
/* FONTOVI EFEKAT */
.fontPlavi{color:#1876BC}
.fontCrveni{color:red}
.fontBeli{
	color: #FFF;
	text-align: left;
}
.fontVelicina50{font-size:30px;text-align:center}
.fontVelicina20 {
	font-size: 20px
}

.velikiFont{
	font-size: 2em;
	color: #FFF;
	font-weight: 700;
	font-family: 'Poppins',sans-serif;
	text-transform: none;
	line-height: normal
}
.velikiFont2{
	font-size: 2em;
	color: #333;
	font-weight: 700;
	font-family: 'Poppins',sans-serif;
	text-transform: none;
	line-height: normal
}
/* POVRATAK NA VRH */
.back-to-top{
	position: fixed;
	bottom: 5em;
	right: 0;
	text-decoration: none;
	color: #000;
	background-color: rgba(235,235,235,0.80);
	font-size: 12px;
	padding: 1em;
	display: none;
	z-index: 1500
}
.back-to-top:hover{background-color:rgba(135,135,135,0.50)}
/* SLIKE EFEKTI */
.img-zoom{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.img-zoom:hover{-webkit-transform:scale(1.03);transform:scale(1.03);opacity:.9}
.img-u-liniji {
	display: inline;
}
.img-u-liniji2 {
	display: inline;
}

.img-rotate {
  border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
.img-rotate:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.img-circle{
width: 27%;height: 40%;border-radius: 50%;border: 5px solid #ebe6e6;opacity: 1;transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-webkit-transition: opacity 1s ease-in-out}
.img-circle:hover{opacity:.7;transition:opacity .55s ease-in-out;-moz-transition:opacity .55s ease-in-out;-webkit-transition:opacity .55s ease-in-out}
mg-border-radius{border-radius:2%}
.my-image-skaling {
	width: 100%;
	height: auto;
	min-height: 200px;
}
/* KLIZAČ VESTINE */
.skillsBox{clear:none;width:95%;display:block;height:auto;padding-top:5px}
.skills{list-style-type:none;position:relative;margin:0}
.skills li{margin-bottom:20px;height:10px;padding:0;background-color:#E8E8E8}
.skills li h3{position:relative;font-size:14px;margin:0;left:10px;z-index:1;color:#FFF;padding:8px 0 0}
.skills li .bar{height:10px;position:absolute;background:linear-gradient(to right,#ce3c32 0%,#9d1a11 100%)}
/* KOMENTARI PREPORUKE */
#jquery-script-menu{position:fixed;height:90px;width:100%;top:0;left:0;border-top:5px solid #316594;background:#fff;-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);z-index:999999;padding:10px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.jquery-script-center{width:100%;margin:0 auto}
.jquery-script-center ul{width:212px;float:left;line-height:45px;margin:0;padding:0;list-style:none}
.jquery-script-center a{text-decoration:none}
.jquery-script-ads{width:100%;height:90px;float:right}
.jquery-script-clear{clear:both;height:0}
#carousel{position:relative;width:100%;margin:0 auto}
#slides{overflow:hidden;position:relative;width:100%;height:305px}
#slides ul{list-style:none;width:100%;height:400px;margin:0;padding:0;position:relative}
#slides li{width:100%;height:250px;float:left;text-align:center;position:relative;font-family:lato,sans-serif}
.btn-bar{width:100%;display:inline;position:relative;top:10px;padding-left:0;padding-right:0;margin:0 auto}
#buttons{padding-top:0;padding-bottom:5px;width:100%;text-align:center}
#buttons a{text-align:center;display:block;font-size:50px;outline:0;color:#000;text-decoration:none;display:inline;padding:9px;width:35px;margin:0 50px}
a#prev:hover,a#next:hover{color:#cfdd2c;text-shadow:.5px 0 #b14943}
.quote-phrase,.quote-author{font-family:sans-serif;font-weight:300;display:table-cell;vertical-align:middle;padding:5px 20px;font-family:Lato,Calibri,Arial,sans-serif}
.quote-phrase{height:200px;font-size:18px;color:#333;font-style:italic;text-shadow:.5px 0 #b14943}
.quote-marks{font-size:30px;padding:0 3px 3px;position:inherit}
.quote-author{font-style:normal;font-size:20px;color:#b14943;font-weight:400;height:30px}
.quoteContainer,.authorContainer{display:table;width:100%}
/* VIDEO */
.touch video{display:none}
.touch .hero:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:url(video/be-memorable.jpg);background-size:cover;opacity:.25}
.hero{position:relative;background-color:#000;overflow:hidden;height:auto;width:100%;display:table}
.hero video{opacity:.25}
#tekstUvideo{position:absolute;width:auto;height:auto;z-index:101;margin-left:auto;margin-right:auto;padding-top:0;padding-left:0;display:none;left:35%;top:30%}
/* Video drugi nacin odredjene dimenzije */
video {
    width: 100%;
    height: auto;
}
/* Tabele */
#tabela {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#tabela td, #tabela th {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: center;
}

#tabela tr:nth-child(even){background-color: #f2f2f2;}

#tabela tr:hover {background-color: #ddd;}

#tabela th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	background-color: #243F81;
	color: white;
}
.tabela1 {
	border: 1px solid #333;
	background-color: #CCC;
	padding: 1%;
	float: left;
	height: auto;
	width: 99%;
}
.tabela2 {
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	margin-bottom: 1%;
}
.tabela3 {
	float: left;
	height: auto;
	width: 99%;
	margin-right: 1%;
	text-align: center;
	margin-bottom: 1%;
}
#tabela4 {
	float: left;
	height: auto;
	width: 98%;
	margin-right: 1%;
	text-align: center;
	margin-bottom: 1%;
}
/* Forme */
.input {font-size: 16px;height: 45px;border: 2px solid #FFF;background: rgba(255, 255, 255, .01);color: #FFF;font-family: 'Poppins', sans-serif;display: inline-block;width: 32%;} 
.input2 {
	font-size: 16px;
	height: 50px;
	background-color: #FFFFFF;
	border: 1px solid #999;
	padding-left: 10px;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: 'Poppins', sans-serif;
}
.input3 {font-size: 16px;height: 35px;background-color: #E4E4E4;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;font-family: 'Poppins', sans-serif;} 
.textarea {
	font-size: 16px;
	height: 200px;
	border: 1px solid #999;
	padding-left: 10px;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	;
	background: rgba(255, 255, 255, .01);
	color: #333;
	font-family: 'Poppins', sans-serif;
	padding-top: 10px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #000;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #000;
}
.textarea2 {font-size: 16px;background: rgba(228, 228, 228, .9);font-family: 'Poppins', sans-serif;padding-top: 10px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
.inputRadio {display:inline-block;width:19px;height:19px;margin:-2px 10px 0 0;vertical-align:middle;font-family: 'Poppins', sans-serif;}
.neradi {font-family: 'Poppins', sans-serif;color: #ffffff;font-size: 20px;padding: 10px 20px 10px 20px;border: solid #ffffff 0px;text-decoration: none;background-color: #80BEE5;}
.neradi:hover {font-family: 'Poppins', sans-serif;color: #ffffff;font-size: 20px;padding: 10px 20px 10px 20px;border: solid #ffffff 0px;text-decoration: none;background-color: #80BEE5;}
/* VIDEO */
.touch video{display:none}
.touch .hero:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:url(video/be-memorable.jpg);background-size:cover;opacity:.25}
.hero{position:relative;background-color:#000;overflow:hidden;height:auto;width:100%;display:table}
.hero video{opacity:.25}
#tekstUvideo{position:absolute;width:auto;height:auto;z-index:101;margin-left:auto;margin-right:auto;padding-top:0;padding-left:0;display:none;left:35%;top:30%}
/* Footer */
.footer {
	clear: both;
	height: 750px;
	width: 100%;
	margin-top: 0px;
	display: block;
	padding-top: 20px;
	font-size: 16px;
	background-color: #262626;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: #666666;
}	
.dole{
	clear: both;
	height: 1000px;
	width: 100%;
	background-color: #0d363b;
	display: block
}
#dizajn {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align: center;
	margin-right: 0%;
	background-color: #0b4147;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0d363b;
}
.ulUvuceno {
	padding-left: 15px;
}
#pozoviOdmah {
	position: fixed;
	width: 100%;
	height: auto;
	background-color: #97341f;
	float: left;
	bottom: 0px;
	padding-bottom: 10px;
	z-index: 500;
	display: block;
	padding-top: 10px;
}
.viberWhatsappTelefon {
	height: auto;
	width: 100%;
	display: block;
}
/* H1...H6 */
h1{
	font-size: 30px;
	color: #7b6754
}
h2{
	font-size: 20px;
	color: #997f66
}
h3{
	font-size: 20px;
	color: #997f66
}
h4{font-size:18px;color:#333;font-weight:400}
h5{
	font-size: 18px;
	color: #99B24F;
	font-weight: 400
}
h6{font-size:18px;color:#333;font-weight:400}





@media only screen and (min-width: 481px) {
/* KONTAJNERI */	
.gridContainer{width:100%;padding-left:0;padding-right:0;margin-top:0}
.container1{width:100%;max-width:1200px;margin-right:auto;margin-left:auto;margin-top:0}
.container2{width:100%;padding-left:0;padding-right:0;margin-top:0}
.container3{width:100%;padding-left:0;padding-right:0;margin-top:0}
/* HEDER I LOGO */
#header{clear:both;float:left;margin-left:0;width:100%;display:block}
.logo{clear:none;float:left;width:35%;display:block;margin-right:2%}
#logo3 {
	height: auto;
	width: 30%;
	position: absolute;
	z-index: 1;
	top: 60px;
	margin-right: auto;
	margin-left: auto;
	display: none;
}
/* BOKSOVI */
#boxZaMenije{clear:none;float:left;width:63%;display:block}
#boxStoPosto{clear:none;float:left;width:100%;display:block;height:auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
.boxStoPosto2{clear:none;float:left;width:100%;display:block;height:auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
.boxStoPosto3{clear:none;float:left;width:100%;display:block;height:auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
#boxSlikaStoPostoMobil {
	clear: none;
	float: left;
	width: 100%;
	display: none;
	height: auto;
	padding-top: 2%;
}
#boxSlikaStoPosto {
	clear: none;
	float: left;
	width: 100%;
	display: block;
	height: auto;
}
#boxStoPosto {
	clear: none;
	float: left;
	width: 100%;
	display: block;
	height: auto;
	background-color: #E0441C;
	margin-top: 3%;
}
.boxColorBgStoPosto1{
	width: 100%;
	display: inline-block;
	background: linear-gradient(to right,#3d2b29 0%,#803323 100%);
	padding-top: 4%;
	padding-bottom: 4%;
	color: #FFF;
	margin-top: 0;
	margin-bottom: 0;
	clear: none;
	float: left
}
.boxColorBgStoPosto2{
	width: 100%;
	display: inline-block;
	background: linear-gradient(to right,#007e8c 0%,#0d363b 100%);
	padding-top: 4%;
	padding-bottom: 4%;
	color: #FFF;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	clear: none
}
.boxSlikaMala{clear:none;float:left;margin-left:1%;width:98%;display:block;margin-right:1%;margin-bottom:1%;height:auto}
.boxSlikaMala1 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto;
}
.boxPodaci{
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto;
	text-align: center;
	color: #333
}
.boxPodaci1 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto;
	text-align: justify;
	color: #333;
}
#boxNaslov4{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:center}
.boxNaslov5{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:center}
/* MENI */
#meniBox{
	clear: both;
	float: left;
	width: 100%;
	height: 50px;
	display: block;
	background-color: #243F81;
	padding-bottom: 5px;
	padding-top: 5px;
}

#meniBox2{clear:both;float:left;width:100%;height:auto;display:block}
#meniBox3 {
	clear: both;
	float: left;
	width: 100%;
	height: 50px;
	display: block;
	background-color: #97341f;
	padding-bottom: 5px;
	padding-top: 5px;
	position: absolute;
	z-index: 10000;
}
/* DRUSTVENE MREZE */
.socialNet{clear:none;width:30px;display:block;padding-right:10px;padding-top:5px;height:auto}
#fb{position:absolute;left:0;top:130px;width:85px;height:40px;z-index:100;display:none}
#twitter{position:absolute;left:5px;top:190px;width:50px;height:50px;z-index:100;display:none}
#youtube{position:absolute;left:5px;top:250px;width:50px;height:50px;z-index:100;display:none}
#blog{position:absolute;left:0;top:250px;width:69px;height:105px;z-index:100;display:none}
/* NASLOVI */ 
#naslovPortfolioBox{clear:both;float:left;width:100%;display:block;text-align:left;color:#333}
.linija {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.infoBox {
	clear: both;
	float: left;
	width: 96%;
	display: block;
	text-align: center;
	color: #333;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #997f66;
	padding-left: 1%;
	margin-bottom: 2%;
}
.naslovBox{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 20px;
}
.naslovBox1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 20px;
}


#naslovBox2{clear:both;float:left;width:98%;display:block;font-size:17px;color:#333;margin-right:1%;margin-left:1%;text-align:justify}
#naslovBox3{clear:both;float:left;width:98%;display:block;font-size:17px;color:#333;margin-right:1%;margin-left:1%;text-align:center}
#naslovBox4{clear:both;float:left;width:98%;display:block;font-size:17px;color:#333;margin-right:1%;margin-left:1%;text-align:center}
.naslovNovostiDogadjajiKontakt{font-size:18px;font-weight:700;color:#FFF;background-color:#1D1D1D;text-align:center;display:block;float:left;width:100%;margin-top:5px;margin-bottom:0;height:30px;padding-top:5px;padding-bottom:5px}
.naslovSirokiSadrzaj{font-size:18px;font-weight:400;color:#FFF;background-color:red;text-align:center;display:block;float:left;width:100%;height:35px;margin-top:5px;margin-bottom:5px;padding-top:10px}
#naslov4uRedu{float:left;height:auto;width:100%;min-height:100px;text-align:left}
/* INFO */
.napomena{float:left;height:auto;width:100%;margin-top:1%;margin-bottom:1%}
.uzvicnik{float:left;height:60px;width:60px;margin-right:10px;margin-bottom:5px}
.novosti{clear:both;float:left;margin-left:3%;width:94%;display:block;margin-right:3%}
.dogadjaji{clear:none;float:left;margin-left:3%;width:94%;display:block;margin-right:3%}
.kontakt{clear:none;float:left;margin-left:3%;width:94%;display:block;margin-right:3%}
.vesti{font-size:17px;color:#333;width:95%;margin-top:10px;margin-bottom:10px;padding-right:2%;padding-left:3%;padding-bottom:5px;height:auto}
/* SLIKE */
.slike2uRedu{float:left;height:auto;width:48%;margin-right:1%;margin-left:1%;text-align:center}
#linijaVelikaRazdvajanje{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:center}
.senka{clear:both;float:left;width:100%;display:block;text-align:center}
#slikaBox{clear:both;float:left;margin-left:0;width:100%;display:block}
/* SADRZAJ */
.sadrzajBox{clear:both;float:left;margin-left:1%;width:98%;display:block;margin-right:1%}
.tekstPozadinaObojena {
	clear: none;
	float: left;
	width: 94%;
	display: block;
	text-align: left;
	background-color: #EBEBEB;
	margin-right: 1%;
	margin-left: 1%;
	padding: 2%;
}

#sirokiSadrzaj{clear:both;float:left;margin-left:0;width:100%;display:block}
.sirokiSadrzajStoPosto {
	clear: none;
	float: left;
	width: 98%;
	display: block;
	text-align: left;
	font-size: 16px;
	padding: 0;
	margin-top: 0;
	margin-right: 1%;
	margin-bottom: 0;
	margin-left: 1%;
}

.sirokiSadrzaj1{
	clear: none;
	float: left;
	width: 98%;
	display: block;
	text-align: left;
	font-size: 16px;
	padding: 0;
	margin: 0 1%
}
.sirokiSadrzaj2{clear:none;float:left;margin-left:1%;width:98%;display:block;text-align:justify;margin-right:1%;margin-bottom:1%}
.sirokiSadrzaj3{
	clear: none;
	float: left;
	width: 100%;
	display: block;
	background-color: #97341f;
}
.sirokiSadrzaj3-2 {
	clear: none;
	float: left;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-left: 1%;
}

.sirokiSadrzaj4{clear:none;float:left;width:98%;display:block;text-align:justify;font-size:16px;padding:0;margin:0 1%}
.sirokiSadrzaj5 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align: left;
	margin-right: 0%;
	font-size: 16px;
	margin-top: 0%;
	padding: 0px;
	margin-bottom: 0px;
	background-color: #DADADA;
}
.sirokiSadrzaj6 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 96%;
	display: block;
	text-align: left;
	margin-right: 0%;
	font-size: 16px;
	margin-top: 0%;
	padding: 2%;
	margin-bottom: 0px;
	background-color: #242E49;
	color: #CCC;
}
.sirokiSadrzaj7 {
	float: left;
	width: 100%;
	display: inline-block;
	background-color: #97341f;
	height: auto;
}
.sirokiSadrzaj8 {
	float: left;
	width: 100%;
	display: block;
	height: auto;
	clear: none;
	background-color: #333;
}
.sirokiSadrzaj9 {
	float: left;
	width: 100%;
	display: inline-block;
	background-color: #F3F3F3;
	height: auto;
}
.sirokiSadrzaj10 {
	float: left;
	width: 100%;
	display: block;
	height: auto;
	clear: none;
	background-color: #F3F3F3;
}
.sirokiSadrzaj11 {
	float: left;
	width: 100%;
	display: inline-block;
	background-color: #333;
	height: auto;
}
.sirokiSadrzaj12 {
	float: left;
	width: 100%;
	display: block;
	height: auto;
	clear: none;
}
.sirokiSadrzajBeliFont{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:left;font-size:16px;color:#FFF;margin-bottom:0}
.sirokiSadrzaj3beliFont {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 16px;
	color: #FFF;
	margin-bottom: 1%;
}
.sirokiSadrzaj3beliFont2 {
	clear: both;
	float: left;
	margin-left: 10%;
	width: 80%;
	display: block;
	font-size: 16px;
	text-align: justify;
	color: #FFF;
	margin-bottom: 1%;
	margin-right: 10%;
	margin-top: 5%;
}
.sirokiSadrzaj3siviiFont {
	clear: both;
	float: left;
	margin-left: 10%;
	width: 80%;
	display: block;
	font-size: 16px;
	text-align: left;
	color: #333;
	margin-bottom: 1%;
	margin-right: 10%;
	margin-top: 5%;
}
.naslovSirokiSadrzaj2{color:#0A5E89;text-align:left;display:block;float:left;width:100%;margin-top:5px;margin-bottom:5px;height:auto;padding-top:5px}
.sadrzaj2uRedu{
	float: left;
	height: auto;
	width: 99%;
	margin: 1% .5%
}
.sadrzaj3uRedu{
	float: left;
	height: auto;
	width: 96%;
	text-align: justify;
	padding-right: 1%;
	padding-left: 1%;
	margin: 1% .5% 3%
}
.sadrzaj4uRedu{float:left;height:auto;width:98%;margin-right:1%;margin-left:1%;margin-top:1%}
.sadrzaj5uRedu {
	float: left;
	height: auto;
	width: 12%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}
.sadrzaj7uRedu {
	float: left;
	height: auto;
	width: 18%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}

.sadrzaj9uRedu {
	float: left;
	height: auto;
	width: 14.5%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}


/* BROJEVI STRANICA */
#brojeviStranica{float:left;width:100%;display:block;text-align:center}
#stranicaBroj{height:35px;width:35px;margin-right:5px;float:left}
/* LINKOVI */
.linkovi{font-size:18px;color:#333;text-decoration:none}
.linkovi a{font-size:18px;color:#333;text-decoration:none}
.linkovi a:hover{font-size:18px;color:#FFF;text-decoration:none}
.linkovi2{font-size:17px;color:#0C4D8F;text-decoration:none;font-weight:700}
.linkovi2 a{font-size:17px;color:#0C4D8F;text-decoration:none;font-weight:700}
.linkovi2 a:hover{font-size:17px;color:red;text-decoration:none;font-weight:700}
.linkovi3{font-size:18px;color:#333;text-decoration:none;font-style:normal}
.linkovi3 a{font-size:17px;color:#333;text-decoration:none;font-style:normal}
.linkovi3 a:hover{font-size:18px;color:#0A5E89;text-decoration:underline;font-style:normal}
.linkovi4{font-size:18px;color:#0A5E89;text-decoration:none;font-style:italic}
.linkovi4 a{font-size:18px;color:#0A5E89;text-decoration:none;font-style:italic}
.linkovi4 a:hover{font-size:18px;color:red;text-decoration:none;font-style:italic}
.linkovi5{
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
.linkovi5 a{
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
.linkovi5 a:hover{
	font-size: 24px;
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
/* DUGMICI */
.dugme{-webkit-border-radius:5;-moz-border-radius:5;border-radius:5px;font-family:'Poppins',sans-serif;color:#fff;font-size:16px;background:#464a4d;padding:10px 20px;text-decoration:none}
.dugme:hover{background:#948b60;text-decoration:none}
.dugme2{display:block;height:auto;width:100%;padding:1%;background-color:#7B6444;text-align:center;margin-bottom:1%;float:left;margin-right:75%;margin-top:2%}
.dugme3{-webkit-border-radius:19;-moz-border-radius:19;border-radius:19px;font-family:'Poppins',sans-serif;color:#000;font-size:20px;background:#fff;padding:10px 20px;border:solid #000 2px;text-decoration:none}
.dugme3:hover{background:#3cb0fd;text-decoration:none}
.dugme4{-webkit-border-radius:5;-moz-border-radius:5;border-radius:5px;font-family:'Poppins',sans-serif;color:#FFF;font-size:20px;padding:10px 20px;border:1px solid #FFF;text-decoration:none}
.dugme4:hover{background:#1876BC;text-decoration:none;color:#FFF}
.dugme5{
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: 'Poppins',sans-serif;
	color: #fff;
	font-size: 18px;
	padding: 10px 20px;
	border: solid #fff 1px;
	text-decoration: none;
	background-color: #1b4b4b
}
.dugme5:hover{background:#ce3c32;text-decoration:none}
.dugme6{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-family:'Poppins',sans-serif;color:#fff;font-size:12px;padding:10px 20px;border:solid #fff 1px;text-decoration:none}
.dugme6:hover{background:#000;text-decoration:none}
#traka{position:absolute;left:0;top:0;width:100%;height:80px;z-index:-100;min-width:300px;background-repeat:repeat;display:block;background-color:#000;border-top-width:5px;border-top-style:solid;border-top-color:#188AAB}
#galerijaSlika{float:left;height:auto;width:48%;margin-right:1%;margin-bottom:1%;margin-left:1%}
/* FONTOVI EFEKAT */
.fontPlavi{color:#1876BC}
.fontCrveni{color:red}
.fontBeli{
	color: #FFF;
	text-align: left;
}
.fontVelicina50{
	font-size: 40px;
	text-align: center;
}
.fontVelicina20 {
	font-size: 20px
}

.velikiFont{
	color: #FFF;
	font-weight: 700;
	font-family: 'Poppins',sans-serif;
	text-transform: none;
	line-height: normal;
	font-size: 2em
}
.velikiFont2{
	color: #333;
	font-weight: 700;
	font-family: 'Poppins',sans-serif;
	text-transform: none;
	line-height: normal;
	font-size: 2em
}
/* POVRATAK NA VRH */
.back-to-top{
	position: fixed;
	bottom: 5em;
	right: 0;
	text-decoration: none;
	color: #000;
	background-color: rgba(235,235,235,0.80);
	font-size: 12px;
	padding: 1em;
	display: none;
	z-index: 1500
}
.back-to-top:hover{background-color:rgba(135,135,135,0.50)}
/* SLIKE EFEKTI */
.img-zoom{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.img-zoom:hover{-webkit-transform:scale(1.03);transform:scale(1.03);opacity:.9}
.img-u-liniji {
	display: inline;
}
.img-u-liniji2 {
	display: inline;
}

.img-rotate {
  border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
.img-rotate:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.img-circle{width:15%;height:auto;border-radius:50%;border:3px solid #ebe6e6;opacity:1;transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-webkit-transition:opacity 1s ease-in-out}
.img-circle:hover{opacity:.7;transition:opacity .55s ease-in-out;-moz-transition:opacity .55s ease-in-out;-webkit-transition:opacity .55s ease-in-out}
.img-border-radius{border-radius:2%}
.my-image-skaling {
	width: 100%;
	height: auto;
	min-height: 400px;
}
/* KLIZAČ VESTINE */
.skillsBox{clear:none;width:95%;display:block;height:auto;padding-top:5px}
.skills{list-style-type:none;position:relative;margin:0}
.skills li{margin-bottom:20px;height:10px;padding:0;background-color:#E8E8E8}
.skills li h3{position:relative;font-size:14px;margin:0;left:10px;z-index:1;color:#FFF;padding:8px 0 0}
.skills li .bar{height:10px;position:absolute;background:linear-gradient(to right,#ce3c32 0%,#9d1a11 100%)}
/* KOMENTARI PREPORUKE */
#jquery-script-menu{position:fixed;height:90px;width:100%;top:0;left:0;border-top:5px solid #316594;background:#fff;-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);z-index:999999;padding:10px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.jquery-script-center{width:100%;margin:0 auto}
.jquery-script-center ul{width:212px;float:left;line-height:45px;margin:0;padding:0;list-style:none}
.jquery-script-center a{text-decoration:none}
.jquery-script-ads{width:100%;height:90px;float:right}
.jquery-script-clear{clear:both;height:0}
#carousel{position:relative;width:100%;margin:0 auto}
#slides{overflow:hidden;position:relative;width:100%;height:300px}
#slides ul{list-style:none;width:100%;height:450px;margin:0;padding:0;position:relative}
#slides li{width:100%;height:450px;float:left;text-align:center;position:relative;font-family:lato,sans-serif}
.btn-bar{width:100%;display:inline;position:relative;top:10px;padding-left:0;padding-right:0;margin:0 auto}
#buttons{padding-top:0;padding-bottom:5px;width:100%;text-align:center}
#buttons a{text-align:center;display:block;font-size:50px;outline:0;color:#000;text-decoration:none;display:inline;padding:9px;width:35px;margin:0 50px}
a#prev:hover,a#next:hover{color:#cfdd2c;text-shadow:.5px 0 #b14943}
.quote-phrase,.quote-author{font-family:sans-serif;font-weight:300;display:table-cell;vertical-align:middle;padding:5px 20px;font-family:Lato,Calibri,Arial,sans-serif}
.quote-phrase{height:200px;font-size:24px;color:#333;font-style:italic;text-shadow:.5px 0 #b14943}
.quote-marks{font-size:30px;padding:0 3px 3px;position:inherit}
.quote-author{font-style:normal;font-size:20px;color:#b14943;font-weight:400;height:30px}
.quoteContainer,.authorContainer{display:table;width:100%}
/* VIDEO */
.touch video{display:none}
.touch .hero:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:url(video/be-memorable.jpg);background-size:cover;opacity:.25;width:100%}
.hero{position:relative;background-color:#000;overflow:hidden;height:auto;width:100%;display:table}
.hero video{opacity:.25}
#tekstUvideo{width:auto;height:auto;z-index:101;display:none;top:40%;position:absolute}
/* Video drugi nacin odredjene dimenzije */
video {
    width: 100%;
    height: auto;
}
/* Tabele */
#tabela {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#tabela td, #tabela th {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: center;
}

#tabela tr:nth-child(even){background-color: #f2f2f2;}

#tabela tr:hover {background-color: #ddd;}

#tabela th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	background-color: #243F81;
	color: white;
}
.tabela1 {
	border: 1px solid #333;
	background-color: #CCC;
	padding: 1%;
	float: left;
	height: auto;
	width: 99%;
}
.tabela2 {
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	margin-bottom: 1%;
}
.tabela3 {
	float: left;
	height: auto;
	width: 99%;
	margin-right: 1%;
	text-align: center;
	margin-bottom: 1%;
}
#tabela4 {
	float: left;
	height: auto;
	width: 98%;
	margin-right: 1%;
	text-align: center;
	margin-bottom: 1%;
}
/* Forme */
.input {font-size: 16px;height: 45px;border: 2px solid #FFF;background: rgba(255, 255, 255, .01);color: #FFF;font-family: 'Poppins', sans-serif;display: inline-block;width: 32%;} 
.input2 {
	font-size: 16px;
	height: 50px;
	background-color: #FFFFFF;
	border: 1px solid #999;
	padding-left: 10px;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: 'Poppins', sans-serif;
}
.input3 {font-size: 16px;height: 35px;background-color: #E4E4E4;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;font-family: 'Poppins', sans-serif;} 
.textarea {font-size: 16px;height: 200px;border: 1px solid #999;padding-left: 10px;-webkit-border-radius: 5;-moz-border-radius: 5;border-radius: 5px;background: rgba(255, 255, 255, .01);color: #333;font-family: 'Poppins', sans-serif;padding-top: 10px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #000;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #000;
}
.textarea2 {font-size: 16px;background: rgba(228, 228, 228, .9);font-family: 'Poppins', sans-serif;padding-top: 10px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
.inputRadio {display:inline-block;width:19px;height:19px;margin:-2px 10px 0 0;vertical-align:middle;font-family: 'Poppins', sans-serif;}
.neradi {font-family: 'Poppins', sans-serif;color: #ffffff;font-size: 20px;padding: 10px 20px 10px 20px;border: solid #ffffff 0px;text-decoration: none;background-color: #80BEE5;}
.neradi:hover {font-family: 'Poppins', sans-serif;color: #ffffff;font-size: 20px;padding: 10px 20px 10px 20px;border: solid #ffffff 0px;text-decoration: none;background-color: #80BEE5;}
/* VIDEO */
.touch video{display:none}
.touch .hero:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:url(video/be-memorable.jpg);background-size:cover;opacity:.25;width:100%}
.hero{position:relative;background-color:#000;overflow:hidden;height:auto;width:100%;display:table}
.hero video{opacity:.25}
#tekstUvideo{width:auto;height:auto;z-index:101;display:none;top:40%;position:absolute}
/* Footer */
.footer {
.footer {
	clear: both;
	height: 550px;
	width: 100%;
	margin-top: 0px;
	display: block;
	padding-top: 20px;
	font-size: 16px;
	background-color: #262626;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: #666666;
}
.dole{
	clear: both;
	height: 900px;
	width: 100%;
	background-color: #0d363b;
	display: block
}
#dizajn {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align: center;
	margin-right: 0%;
	background-color: #0b4147;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0d363b;
}
.ulUvuceno {
	padding-left: 15px;
}
#pozoviOdmah {
	position: fixed;
	width: 100%;
	height: auto;
	background-color: #97341f;
	float: left;
	bottom: 0px;
	padding-bottom: 10px;
	z-index: 500;
	display: block;
	padding-top: 10px;
}
.viberWhatsappTelefon {
	height: auto;
	width: 100%;
	display: block;
}
/* H1...H6 */
h1{
	font-size: 46px;
	color: #7b6754;
	font-weight: 400
}
h2{
	font-size: 40px;
	color: #997f66;
	font-weight: 300
}
h3{
	font-size: 30px;
	color: #997f66
}
h4{font-size:18px;color:#333;font-weight:400}
h5{
	font-size: 18px;
	color: #99B24F;
	font-weight: 400
}
h6{font-size:18px;color:#333;font-weight:400}
}





@media only screen and (min-width: 769px) {
/* KONTAJNERI */	
.gridContainer{width:100%;max-width:1600px;padding-left:0;padding-right:0;margin-right:auto;margin-left:auto;margin-top:0}
.container1{width:100%;max-width:1200px;margin-right:auto;margin-left:auto;margin-top:0}
.container2{width:100%;max-width:1600px;padding-left:0;padding-right:0;margin-right:auto;margin-left:auto;margin-top:0}
.container3{width:100%;max-width:1600px;padding-left:0;padding-right:0;margin-right:auto;margin-left:auto;margin-top:0}
/* HEDER I LOGO */
#header{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.logo{clear:none;float:left;width:25%;display:none;margin-right:2%}
#logo3 {
	height: 100px;
	width: 250px;
	position: absolute;
	z-index: 5000001;
	left: 15px;
	top: 10px;
	display: block;
}
/* BOKSOVI*/
#boxZaMenije{
	clear: none;
	float: left;
	width: 73%;
	display: block
}
#boxStoPosto{clear:none;float:left;width:100%;display:block;height:auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
.boxStoPosto2{clear:none;float:left;width:100%;display:block;height:auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
.boxStoPosto3{clear:none;float:left;width:100%;display:block;height:auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
#boxSlikaStoPostoMobil {
	clear: none;
	float: left;
	width: 100%;
	display: none;
	height: auto;
	padding-top: 2%;
}
#boxSlikaStoPosto {
	float: left;
	width: 100%;
	display: block;
	height: auto;
	clear: none;
}
.boxColorBgStoPosto1{
	width: 100%;
	display: inline-block;
	background: linear-gradient(to right,#3d2b29 0%,#803323 100%);
	padding-top: 4%;
	padding-bottom: 4%;
	color: #FFF;
	margin-top: 0;
	margin-bottom: 0;
	clear: none;
	float: left
}
.boxColorBgStoPosto2{
	width: 100%;
	display: inline-block;
	background: linear-gradient(to right,#007e8c 0%,#0d363b 100%);
	padding-top: 2%;
	padding-bottom: 2%;
	color: #FFF;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	clear: none
}
.boxSlikaMala{
	clear: none;
	float: left;
	margin-left: 1%;
	width: 38%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto
}
.boxSlikaMala1 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 68%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto;
}
.boxPodaci{
	clear: none;
	float: left;
	margin-left: 1%;
	width: 58%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto;
	text-align: left;
	color: #333
}
.boxPodaci1 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 28%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto;
	text-align: justify;
	color: #333;
}
#boxNaslov4{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:center}
.boxNaslov5{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:center}
/* MENI */
#meniBox{
	clear: both;
	float: left;
	width: 100%;
	height: 50px;
	display: block;
	background-color: #243F81;
	padding-top: 10px;
	padding-bottom: 10px;
}

#meniBox2{clear:both;float:left;margin-left:0;width:100%;height:auto;display:none}
#meniBox3 {
	clear: both;
	float: left;
	width: 100%;
	height: 50px;
	display: block;
	background-color: #97341f;
	padding-top: 10px;
	padding-bottom: 10px;
	position: absolute;
	z-index: 10000;
}
/* DRUSTVENE MREZE */
.socialNet{clear:none;width:30px;display:block;padding-right:10px;padding-top:5px;height:auto}
#fb{position:absolute;left:5px;top:130px;width:50px;height:50px;z-index:100;display:block}
#twitter{position:absolute;left:5px;top:190px;width:50px;height:50px;z-index:100;display:block}
#youtube{position:absolute;left:5px;top:250px;width:50px;height:50px;z-index:100;display:block}
#blog{position:absolute;left:0;top:310px;width:69px;height:105px;z-index:100;display:block}
/* NASLOVI */ 
#naslovPortfolioBox{clear:both;float:left;width:100%;display:block;text-align:left;color:#333}
.linija {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	text-align: center;
	color: #333;
	margin-top: 20px;
	margin-bottom: 20px;
}
.infoBox {
	clear: both;
	float: left;
	width: 96%;
	display: block;
	text-align: center;
	color: #333;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #997f66;
	padding-left: 1%;
	margin-bottom: 2%;
}
.naslovBox{clear:both;float:left;width:100%;display:block;text-align:center;color:#333}
.naslovBox1 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	text-align: left;
	color: #333
}


#naslovBox2{clear:both;float:left;width:98%;display:block;font-size:17px;color:#333;margin-right:1%;margin-left:1%;text-align:justify}
#naslovBox3{clear:both;float:left;width:98%;display:block;font-size:17px;color:#333;margin-right:1%;margin-left:1%;text-align:center}
#naslovBox4{clear:both;float:left;width:98%;display:block;font-size:17px;color:#333;margin-right:1%;margin-left:1%;text-align:center}
.naslovNovostiDogadjajiKontakt{font-size:18px;font-weight:700;color:#FFF;background-color:#1D1D1D;text-align:center;display:block;float:left;width:100%;height:30px;margin-top:5px;padding-top:10px;padding-bottom:5px;margin-bottom:0}
.naslovSirokiSadrzaj{font-size:18px;font-weight:400;color:#FFF;background-color:#0F1840;text-align:center;display:block;float:left;width:100%;margin-top:5px;margin-bottom:5px;height:35px;padding-top:10px}
#naslov4uRedu{float:left;height:auto;width:100%;min-height:140px;text-align:left}
/* INFO */
.napomena{float:left;height:auto;width:100%;margin-top:1%;margin-bottom:1%}
.uzvicnik{float:left;height:60px;width:60px;margin-right:10px;margin-bottom:5px}
.novosti{clear:both;float:left;width:31%;display:block;margin-right:1%;margin-left:1%}
.dogadjaji{clear:none;float:left;width:31%;display:block;margin-right:1%;margin-left:1%}
.kontakt{clear:none;float:left;width:32%;display:block;margin-right:1%;margin-left:1%}
.vesti{font-size:17px;color:#333;width:95%;margin-top:10px;margin-bottom:10px;height:auto;padding:5px 2% 5px 3%;text-align:justify}
/* SLIKE */
.senka{float:left;width:100%;display:block;text-align:center;height:auto}
#slikaBox{clear:both;float:left;width:100%;display:block;padding-top:100px}
.slike2uRedu{float:left;height:auto;width:48%;margin-right:1%;margin-left:1%;text-align:center}
#linijaVelikaRazdvajanje{clear:both;float:left;width:100%;display:block;margin-top:5px;margin-bottom:5px;padding:0}
.sadrzajBox{clear:both;float:left;margin-left:1%;width:98%;display:block;margin-right:1%;font-size:17px}
.tekstPozadinaObojena {
	clear: none;
	float: left;
	width: 44%;
	display: block;
	text-align: left;
	background-color: #EBEBEB;
	margin-right: 1%;
	margin-left: 1%;
	padding: 2%;
	min-height: 400px;
}

#sirokiSadrzaj{clear:both;float:left;margin-left:0;width:66.3003%;display:block}
.sirokiSadrzajStoPosto {
	clear: none;
	float: left;
	width: 98%;
	display: block;
	text-align: left;
	font-size: 16px;
	padding: 0;
	margin-top: 0;
	margin-right: 1%;
	margin-bottom: 0;
	margin-left: 1%;
}

.sirokiSadrzaj1{
	clear: none;
	float: left;
	width: 68%;
	display: block;
	text-align: left;
	font-size: 16px;
	padding: 0;
	margin-top: 0;
	margin-right: 1%;
	margin-bottom: 0;
	margin-left: 1%;
}

.sirokiSadrzaj2{
	clear: none;
	float: left;
	margin-left: 1%;
	width: 48%;
	display: block;
	text-align: justify;
	margin-right: 1%;
	margin-bottom: 1%
}

.sirokiSadrzaj3{
	clear: none;
	float: left;
	width: 100%;
	display: block;
	margin-bottom: 0%;
	background-color: #97341f;
}
.sirokiSadrzaj3-2 {
	clear: none;
	float: left;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-left: 1%;
}

.sirokiSadrzaj4{
	clear: none;
	float: left;
	width: 38%;
	display: block;
	text-align: justify;
	font-size: 16px;
	padding: 0;
	margin: 0 1%
}
.sirokiSadrzaj5 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 50%;
	display: block;
	text-align: left;
	margin-right: 0%;
	font-size: 16px;
	margin-top: 0%;
	padding: 0px;
	margin-bottom: 0px;
	background-color: #DADADA;
}
.sirokiSadrzaj6 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 46%;
	display: block;
	text-align: left;
	margin-right: 0%;
	font-size: 16px;
	margin-top: 0%;
	padding: 2%;
	margin-bottom: 0px;
	background-color: #242E49;
	color: #CCC;
}
.sirokiSadrzaj7 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	background-color: #97341f;
	height: 100%;
	max-height: 1300px;
	min-height: 400px;
}
.sirokiSadrzaj8 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	background-color: #333333;
	height: 100%;
	max-height: 1300px;
	min-height: 400px;
}
.sirokiSadrzaj9 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	background-color: #F3F3F3;
	height: 100%;
	max-height: 1300px;
	min-height: 400px;
	margin-bottom: 0px;
}
.sirokiSadrzaj10 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	background-color: #f3f3f3;
	height: 100%;
	max-height: 1300px;
	min-height: 400px;
	margin-bottom: 0px;
}
.sirokiSadrzaj11 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	background-color: #333;
	height: 100%;
	max-height: 1300px;
	min-height: 400px;
}
.sirokiSadrzaj12 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	background-color: #333333;
	height: 100%;
	max-height: 1300px;
	min-height: 400px;
}
.sirokiSadrzajBeliFont{clear:both;float:left;margin-left:0;width:100%;display:block;font-size:16px;text-align:left;color:#FFF;margin-bottom:0}
.sirokiSadrzaj3beliFont {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 17px;
	text-align: center;
	color: #FFF;
	margin-bottom: 1%;
}
.sirokiSadrzaj3beliFont2 {
	clear: both;
	float: left;
	margin-left: 10%;
	width: 80%;
	display: block;
	font-size: 17px;
	text-align: justify;
	color: #FFF;
	margin-bottom: 1%;
	margin-right: 10%;
	margin-top: 5%;
}
.sirokiSadrzaj3beliFont3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 17px;
	text-align: left;
	color: #FFF;
	margin-bottom: 1%;
}
.sirokiSadrzaj3siviiFont {
	clear: both;
	float: left;
	margin-left: 10%;
	width: 80%;
	display: block;
	font-size: 16px;
	text-align: left;
	color: #333;
	margin-bottom: 1%;
	margin-right: 10%;
	margin-top: 5%;
}
.naslovSirokiSadrzaj2{color:#0A5E89;text-align:left;display:block;float:left;width:100%;margin-top:5px;margin-bottom:5px;height:auto;padding-top:5px}
.sadrzaj2uRedu{float:left;height:auto;width:49%;margin:1% .5%}
.sadrzaj3uRedu{float:left;height:auto;width:30%;text-align:justify;padding-right:1%;padding-left:1%;margin:1% .5% 3%}
.sadrzaj4uRedu{
	float: left;
	height: auto;
	width: 23%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%;
}
.sadrzaj5uRedu {
	float: left;
	height: auto;
	width: 18%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}
.sadrzaj7uRedu {
	float: left;
	height: auto;
	width: 12%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}

.sadrzaj9uRedu {
	float: left;
	height: auto;
	width: 9%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}



/* BROJEVI STRANICA */
#brojeviStranica{width:100%;display:block;text-align:center;float:left}
#stranicaBroj{height:35px;width:35px;margin-right:5px;float:left}
/* LINKOVI */
.linkovi{font-size:18px;color:#333;text-decoration:none}
.linkovi a{font-size:18px;color:#333;text-decoration:none}
.linkovi a:hover{font-size:18px;color:#FFF;text-decoration:none}
.linkovi2{font-size:17px;color:#0C4D8F;text-decoration:none;font-weight:700}
.linkovi2 a{font-size:17px;color:#0C4D8F;text-decoration:none;font-weight:700}
.linkovi2 a:hover{font-size:17px;color:red;text-decoration:none;font-weight:700}
.linkovi3{font-size:18px;color:#333;text-decoration:none;font-style:normal}
.linkovi3 a{font-size:18px;color:#333;text-decoration:none;font-style:normal}
.linkovi3 a:hover{font-size:18px;color:#0A5E89;text-decoration:underline;font-style:normal}
.linkovi4{font-size:18px;color:#0A5E89;text-decoration:none;font-style:italic}
.linkovi4 a{font-size:18px;color:#0A5E89;text-decoration:none;font-style:italic}
.linkovi4 a:hover{font-size:18px;color:red;text-decoration:none;font-style:italic}
.linkovi5{
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
.linkovi5 a{
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bolder;
}
.linkovi5 a:hover{
	font-size: 24px;
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
#traka{position:absolute;left:0;top:0;width:100%;height:110px;z-index:-100;min-width:300px;background-repeat:repeat;display:block;background-color:#000;border-top-width:5px;border-top-style:solid;border-top-color:#188AAB}
#galerijaSlika{float:left;height:auto;width:23%;margin-right:1%;margin-bottom:1%;margin-left:1%}
/* DUGMICI */
.dugme{-webkit-border-radius:5;-moz-border-radius:5;border-radius:5px;font-family:'Poppins',sans-serif;color:#fff;font-size:16px;background:#464a4d;padding:10px 20px;text-decoration:none}
.dugme:hover{background:#948b60;text-decoration:none}
.dugme2{display:block;height:35px;width:100%;background-color:#7B6444;text-align:center;margin-bottom:1%;float:left;margin-top:2%;color:#FFF;font-size:18px}
.dugme3{-webkit-border-radius:19;-moz-border-radius:19;border-radius:19px;font-family:'Poppins',sans-serif;color:#000;font-size:20px;background:#fff;padding:10px 20px;border:solid #000 1px;text-decoration:none}
.dugme3:hover{background:#3cb0fd;text-decoration:none}
.dugme4{-webkit-border-radius:5;-moz-border-radius:5;border-radius:5px;font-family:'Poppins',sans-serif;color:#FFF;font-size:20px;padding:10px 20px;border:1px solid #FFF;text-decoration:none}
.dugme4:hover{text-decoration:none;color:#FFF;background-color:#1876BC}
.dugme5{
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5;
	font-family: 'Poppins',sans-serif;
	color: #fff;
	font-size: 18px;
	padding: 10px 20px;
	border: solid #fff 1px;
	text-decoration: none;
	background-color: #1b4b4b
}
.dugme5:hover{text-decoration:none;background-color:#ce3c32}
.dugme6{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-family:'Poppins',sans-serif;color:#fff;font-size:15px;padding:10px 20px;border:solid #fff 1px;text-decoration:none}
.dugme6:hover{background:#000;text-decoration:none}
/* FONTOVI EFEKAT */
.fontPlavi{color:#1876BC}
.fontCrveni{color:red}
.fontBeli{
	color: #FFF;
	text-align: left;
}
.fontVelicina50{font-size:50px;text-align:center}
.fontVelicina40{font-size:40px}
.fontVelicina20 {
	font-size: 20px
}

.velikiFont{
	color: #FFF;
	font-weight: 700;
	font-family: 'Poppins',sans-serif;
	text-transform: none;
	line-height: normal;
	font-size: 2em
}
.velikiFont2{
	color: #333;
	font-weight: 700;
	font-family: 'Poppins',sans-serif;
	text-transform: none;
	line-height: normal;
	font-size: 2em
}
/* POVRATAK NA VRH */
.back-to-top{
	position: fixed;
	bottom: 5em;
	right: 0;
	text-decoration: none;
	color: #000;
	background-color: rgba(235,235,235,0.80);
	font-size: 12px;
	padding: 1em;
	display: none;
	z-index: 1500
}
.back-to-top:hover{background-color:rgba(135,135,135,0.50)}
/* SLIKE EFEKTI */
.img-zoom{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.img-u-liniji {
	display: inline;
}
.img-u-liniji2 {
	display: inline;
}

.img-rotate {
  border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
.img-rotate:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.img-zoom:hover{-webkit-transform:scale(1.03);transform:scale(1.03);opacity:.9}
.img-circle{width:15%;height:auto;border-radius:50%;border:3px solid #ebe6e6;opacity:1;transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-webkit-transition:opacity 1s ease-in-out}
.img-circle:hover{opacity:.7;transition:opacity .55s ease-in-out;-moz-transition:opacity .55s ease-in-out;-webkit-transition:opacity .55s ease-in-out}
.img-border-radius{border-radius:3%;opacity:1;transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-webkit-transition:opacity 1s ease-in-out}
.img-border-radius:hover{opacity:.7;transition:opacity .55s ease-in-out;-moz-transition:opacity .55s ease-in-out;-webkit-transition:opacity .55s ease-in-out}
.my-image-skaling {
	width: 100%;
	height: auto;
	min-height: 400px;
	margin: 0px;
	padding: 0px;
}
/* KLIZAČ VESTINE */
.skillsBox{clear:none;width:95%;display:block;height:auto;padding-top:5px}
.skills{list-style-type:none;position:relative;margin:0}
.skills li{margin-bottom:20px;height:10px;padding:0;background-color:#E8E8E8}
.skills li h3{position:relative;font-size:14px;margin:0;left:10px;z-index:1;color:#FFF;padding:8px 0 0}
.skills li .bar{height:10px;position:absolute;background:linear-gradient(to right,#ce3c32 0%,#9d1a11 100%)}
/* KOMENTARI PREPORUKE */
#jquery-script-menu{position:fixed;height:90px;width:100%;top:0;left:0;border-top:5px solid #316594;background:#fff;-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);z-index:999999;padding:10px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.jquery-script-center{width:100%;margin:0 auto}
.jquery-script-center ul{width:212px;float:left;line-height:45px;margin:0;padding:0;list-style:none}
.jquery-script-center a{text-decoration:none}
.jquery-script-ads{width:100%;height:90px;float:right}
.jquery-script-clear{clear:both;height:0}
#carousel{position:relative;width:50%;margin:0 auto}
#slides{overflow:hidden;position:relative;width:100%;height:280px}
#slides ul{list-style:none;width:100%;height:400px;margin:0;padding:0;position:relative}
#slides li{width:100%;height:250px;float:left;text-align:center;position:relative;font-family:lato,sans-serif}
.btn-bar{width:100%;display:inline;position:relative;top:10px;padding-left:0;padding-right:0;margin:0 auto}
#buttons{padding-top:0;padding-bottom:5px;width:100%;text-align:center}
#buttons a{text-align:center;display:block;font-size:50px;outline:0;color:#000;text-decoration:none;display:inline;padding:9px;width:35px;margin:0 50px}
a#prev:hover,a#next:hover{color:#cfdd2c;text-shadow:.5px 0 #b14943}
.quote-phrase,.quote-author{font-family:sans-serif;font-weight:300;display:table-cell;vertical-align:middle;padding:5px 20px;font-family:Lato,Calibri,Arial,sans-serif}
.quote-phrase{height:200px;font-size:24px;color:#333;font-style:italic;text-shadow:.5px 0 #b14943}
.quote-marks{font-size:30px;padding:0 3px 3px;position:inherit}
.quote-author{font-style:normal;font-size:20px;color:#b14943;font-weight:400;height:30px}
.quoteContainer,.authorContainer{display:table;width:100%}
/* VIDEO prvi nacin 100% */
.touch video{display:none}
.touch .hero:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:url(video/be-memorable.jpg);background-size:cover;opacity:.25}
.hero{position:relative;background-color:#000;overflow:hidden;height:auto;width:100%;display:table}
.hero video{opacity:.25}
#tekstUvideo{width:100%;height:auto;z-index:101;display:inline-block;top:40%;position:absolute;text-align:center;left:0;font-size:80px}
/* Video drugi nacin odredjene dimenzije */
video {
    width: 100%;
    height: auto;
}
/* Tabele */
#tabela {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 95%;
}

#tabela td, #tabela th {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: center;
}

#tabela tr:nth-child(even){background-color: #f2f2f2;}

#tabela tr:hover {background-color: #ddd;}

#tabela th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	background-color: #243F81;
	color: white;
}
.tabela1 {
	border: 1px solid #333;
	background-color: #CCC;
	padding: 1%;
	float: left;
	height: auto;
	width: 99%;
}
.tabela2 {
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	margin-bottom: 1%;
}
.tabela3 {
	float: left;
	height: auto;
	width: 99%;
	margin-right: 1%;
	text-align: center;
	margin-bottom: 1%;
}
#tabela4 {
	float: left;
	height: auto;
	width: 98%;
	margin-right: 1%;
	text-align: center;
	margin-bottom: 1%;
}
/* Forme */
.input {font-size: 16px;height: 45px;border: 2px solid #FFF;background: rgba(255, 255, 255, .01);color: #FFF;font-family: 'Poppins', sans-serif;display: inline-block;width: 32%;} 
.input2 {
	font-size: 16px;
	height: 50px;
	background-color: #FFFFFF;
	border: 1px solid #999;
	padding-left: 10px;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: 'Poppins', sans-serif;
}
.input3 {font-size: 16px;height: 35px;background-color: #E4E4E4;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;font-family: 'Poppins', sans-serif;} 
.textarea {
	font-size: 16px;
	height: 200px;
	border: 1px solid #999;
	padding-left: 10px;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	;
	background: rgba(255, 255, 255, .01);
	color: #333;
	font-family: 'Poppins', sans-serif;
	padding-top: 10px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #000;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #000;
}
.textarea2 {font-size: 16px;background: rgba(228, 228, 228, .9);font-family: 'Poppins', sans-serif;padding-top: 10px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
.inputRadio {display:inline-block;width:19px;height:19px;margin:-2px 10px 0 0;vertical-align:middle;font-family: 'Poppins', sans-serif;}
.neradi {font-family: 'Poppins', sans-serif;color: #ffffff;font-size: 20px;padding: 10px 20px 10px 20px;border: solid #ffffff 0px;text-decoration: none;background-color: #80BEE5;}
.neradi:hover {font-family: 'Poppins', sans-serif;color: #ffffff;font-size: 20px;padding: 10px 20px 10px 20px;border: solid #ffffff 0px;text-decoration: none;background-color: #80BEE5;}
/* VIDEO */
.touch video{display:none}
.touch .hero:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:url(video/be-memorable.jpg);background-size:cover;opacity:.25}
.hero{position:relative;background-color:#000;overflow:hidden;height:auto;width:100%;display:table}
.hero video{opacity:.25}
#tekstUvideo{width:100%;height:auto;z-index:101;display:inline-block;top:40%;position:absolute;text-align:center;left:0;font-size:80px}
/* Footer */
.footer {
	clear: both;
	height: 250px;
	width: 100%;
	margin-top: 0px;
	display: block;
	padding-top: 20px;
	font-size: 16px;
	background-color: #262626;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: #666666;
}
.dole{
	clear: both;
	height: 400px;
	width: 100%;
	background-color: #0d363b;
	display: block;
	padding-top: 20px
}
#dizajn {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align: center;
	margin-right: 0%;
	background-color: #0b4147;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0d363b;
}
.ulUvuceno {
	padding-left: 15px;
}
.icon {
  position: relative;
  /* Adjust these values accordingly */
  top: 5px;
  left: 5px;
}
#pozoviOdmah {
	position: fixed;
	width: 100%;
	height: auto;
	background-color: #97341f;
	float: left;
	bottom: 0px;
	padding-bottom: 10px;
	z-index: 500;
	display: none;
	padding-top: 10px;
}

.viberWhatsappTelefon {
	height: auto;
	width: 100%;
	display: none;
}


/* H1...H6 */
h1{
	font-size: 46px;
	color: #7b6754;
	font-weight: 400
}
h2{
	font-size: 40px;
	color: #997f66;
	font-weight: 300
}
h3{
	font-size: 30px;
	color: #997f66;
	font-weight: 300;
}
h4{font-size:18px;color:#333;font-weight:700}
h5{
	font-size: 18px;
	color: #99B24F;
	font-weight: 400
}
h6{font-size:18px;color:#333;font-weight:400}
}