html,body,span,iframe,a,b,img,var,ul,li,fieldset,form,label,tr,td,embed,header,menu,main,nav,footer{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
article,aside,footer,header,main,menu,nav,section{display:block}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
body {text-transform:uppercase;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;overflow-x:hidden;-webkit-text-size-adjust:none;background-image:url(https://pierretravel.rs/media/sys/region/image/zimovanje_srbija_zlatibor.jpg);background-position:60% 50%;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;min-height:100%}
#snow{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:100000000}
.naslov{font-size:50px;text-align:center;line-height:1em;margin:40px 0 60px;font-weight:bold;-webkit-animation:naslov 3s ease-in-out infinite alternate;-moz-animation:naslov 3s ease-in-out infinite alternate;animation:naslov 3s ease-in-out infinite alternate}
.naslov span {font-size:70px;line-height:1.5em}
@-webkit-keyframes naslov {
	from {color:white;text-shadow:1px 1px black, 0 0 30px black, 0 0 30px black}
	to {color:green;text-shadow:1px 1px silver, 0 0 20px white, 0 0 30px yellow}
}
b {font-weight:bold}i {font-style:italic}
h1,h2,h3,h4{color:white;font-weight:bold}
h1{font-size:55pt;letter-spacing:-1px;text-align:center;margin:.7em 0 1em}
h2{font-size:31pt;margin:.8em 0 .6em}
h3{font-size:22pt;margin:0 0 15px}
h4{font-size:15pt}
.img {float:left;margin-right:20px;margin-bottom:10px;width:100px;height:auto;border:1px solid white;border-radius:10px}
a{text-decoration:underline;color:#f0d767;-moz-transition:color 0.1s ease-in-out, border-bottom-color 0.1s ease-in-out;-webkit-transition:color 0.1s ease-in-out, border-bottom-color 0.1s ease-in-out;-ms-transition:color 0.1s ease-in-out, border-bottom-color 0.1s ease-in-out;transition:color 0.1s ease-in-out, border-bottom-color 0.1s ease-in-out;outline:0}
a:hover{color:#a31621;text-shadow:1px 1px blue, 0 0 20px white, 0 0 5px darkblue;border-bottom-color:rgba(255, 255, 255, 0);text-decoration:none}
.line{background-image:url(../../images/line.png);background-repeat:no-repeat;background-position:center;margin:33px 0 0;padding:8px 0;display:block;max-width:100%;height:auto}
code{font-family:Menlo, Monaco, Consolas, "Courier New", monospace;font-size:14pt;color:white}
.pay{display:inline-block;width:100%;margin:0px 0}
#header{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-moz-justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;background:rgba(12, 12, 12, 0.8);background-position:left 25px bottom 49px;box-shadow:inset -0.25em 0 0.25em 0 rgba(0, 0, 0, 0.1);color:#fff;height:100%;left:0;top:0;overflow-y:auto;position:fixed;text-align:right;width:333px;border-right:2px solid white}
#header h3{color:black;text-shadow:1px 1px red, 0 0 35px white, 0 0 5px red;text-align:left;margin:0 0 0 1.2em;font-size:29px}
#header a{color:white}
#logo{border-radius:67px;width:134px;height:auto;margin:1em;padding:0}
nav{padding-bottom:10px;margin:0}
#nav ul{margin-bottom:0;padding-top:5px}
#nav ul li a{display:block;font-size:18pt;padding:.33em .9em;color:rgba(255, 255, 255, .8);text-decoration:none;outline:0;border:0;-moz-transition:none;-webkit-transition:none;-ms-transition:none;transition:none}
#nav ul li a:hover{color:black;text-shadow:1px 1px red, 0 0 35px white, 0 0 5px red}
#nav ul li a span{position:relative;display:block}
#nav ul li a span:before{position:absolute;left:0;color:#41484c;text-align:center;width:1.2em;line-height:1.75em}
#nav ul li a.active{background:rgba(0, 0, 0, 0.4);box-shadow:inset 0 0 0.25em 0 rgba(0, 0, 0, 0.125);color:#fff}
#nav ul li a.active span:before{color:white}
main{margin-left:auto;margin-right:auto;overflow-x:hidden;position:relative;font-style:italic;margin:0 133px 0 333px;background:rgb(0,0,0,0.5)}
section {padding:10px}
section,article{margin-left:auto;margin-right:auto;margin-bottom:2em}
article:last-child,article .container,article:last-child{margin-bottom:0}
article{margin:0 20px;overflow:hidden;padding:1.5em 0}
.logo{background-image:url(../../images/logo.png);background-repeat:no-repeat;background-position:center;margin-bottom:1.7em;display:block;max-width:100%;height:303px}
.map{border:2px double white; width:100%; height:333px}
input{font-size:12pt;border-radius:10px;padding:7px;margin-bottom:10px}
aside{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-moz-justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;background:rgba(12, 12, 12, 0.8) url(../../images/logo_header.png) no-repeat;background-position:right 25px bottom 49px;box-shadow:inset -0.25em 0 0.25em 0 rgba(0, 0, 0, 0.1);color:#fff;height:100%;right:0;top:0;overflow-y:auto;position:fixed;text-align:center;width:133px}
.vertical{background-image:url(../../images/logo_pokretni.gif);background-repeat:repeat-y;background-position:center}
footer{color:white;position:relative;left:0;bottom:7px;text-align:center;font-size:10pt;margin-top:.2em;padding:0;clear:both}
/* Narrow */
@media screen and (min-width:960px) and (max-width:1320px) {
	input{font-size:10pt}
	ul.icons li a{width:1.4em}
	.item{margin-bottom:20px}
	#header{width:25%}
	#nav ul li a{padding-top:0.5em;padding-bottom:0.5em}
	#nav ul li a span{padding-right:2.25em}
	#nav ul li a span:before{left:100%;margin-left:-1.25em;line-height:1.5em}
	h2{font-size:30pt}
	h3{font-size:14pt}
	h4{font-size:12pt}
	main{margin-left:25%}
}
/* iPad */
#headerToggle {display:none}
@media screen and (max-width:959px) {
	body{background-image:url(../../images/bg_portrait.jpg);background-position:50% 50%}
	h1{font-size:60px}
	input{font-size:14pt}
	.item{margin-bottom:15px}
	#header{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-moz-transform:translateX(-200px);-webkit-transform:translateX(-200px);-ms-transform:translateX(-200px);transform:translateX(-200px);-moz-transition:-moz-transform 0.5s ease;-webkit-transition:-webkit-transform 0.5s ease;-ms-transition:-ms-transform 0.5s ease;transition:transform 0.5s ease;-webkit-overflow-scrolling:touch;display:block;height:100%;left:0;overflow-y:auto;position:fixed;top:0;width:200px;z-index:10002;box-shadow:inset -0.25em 0 0.25em 0 rgba(0, 0, 0, 0.125)}
	#nav ul li a{padding:0.5em 1.25em;font-size:15pt}
	#headerToggle{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-moz-transition:-moz-transform 0.5s ease;-webkit-transition:-webkit-transform 0.5s ease;-ms-transition:-ms-transform 0.5s ease;transition:transform 0.5s ease;display:block;height:2.25em;left:0;position:fixed;top:0;width:3.25em;z-index:10001}
	#headerToggle .toggle{position:absolute;left:0;top:0;width:100%;height:100%;outline:0;border:0}
	#headerToggle .toggle:before{text-decoration:none;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\f0c9';color:#fff;font-size:18px;line-height:2.25em;background:rgba(128, 136, 144, 0.5);border:1px solid white;border-radius:.33em;text-align:center;position:absolute;left:0.5em;top:0.5em;display:block;width:3.25em;height:2.25em}
	body.header-visible main, body.header-visible #headerToggle{-moz-transform:translateX(300px);-webkit-transform:translateX(200px);-ms-transform:translateX(200px);transform:translateX(200px)}
	body.header-visible #header{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
	main{-moz-transition:-moz-transform 0.5s ease;-webkit-transition:-webkit-transform 0.5s ease;-ms-transition:-ms-transform 0.5s ease;transition:transform 0.5s ease;margin:0 133px 0 0}
	footer{margin-left:0}
}
/* Phone */
@media screen and (max-width:736px) {
	#header{width:200px}
	#header h3{font-size:21px}
	.naslov{font-size:33px}
	.naslov span{font-size:54px}
	#nav ul li a{padding:.3em 1em;font-size:14pt}
	h2{font-size:22pt}
	h3{font-size:15pt}
	h4{font-size:11pt}
	main{margin:0}
	article{margin:0}
	ul.icons a{width:2em;font-size:1.25em}
	aside {display:none}
	footer{font-size:8pt}
}
/* Old phone */
@media screen and (max-width:500px) {
	.naslov{font-size:20px}
	.naslov span{font-size:34px}
}
/* Subscribe */
#mc_embed_signup {background:inherit;clear:left;width:100%;border:solid 1px black;border-radius:10px;margin:1em 0 2em}
#mc_embed_signup form {text-align:center;padding:10px 0}
.mc-field-group {display:inline-block} /* positions input field horizontally */
#mc_embed_signup input.email {font-size:15px;border:1px solid black;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#343434;background-color:#fff;box-sizing:border-box;height:32px;padding:0px 0.4em;display:inline-block;margin:0;width:350px;vertical-align:top}
#mc_embed_signup label {display:block;padding-bottom:10px}
#mc_embed_signup .clear {display:inline-block} /* positions button horizontally in line with input */
#mc_embed_signup .button {font-size:15px;border:1px solid black;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;letter-spacing:.03em;color:#fff;background-color:#8ebebc;box-sizing:border-box;height:32px;line-height:32px;padding:0 18px;display:inline-block;margin:0;transition:all 0.23s ease-in-out 0s;vertical-align:top}
#mc_embed_signup .button:hover {background-color:#9ececc;cursor:pointer}
#mc_embed_signup div#mce-responses {float:left;top:-1.4em;padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%;clear: both}
#mc_embed_signup div.response {margin:1em 0;padding:1em .5em .5em 0;font-weight:bold;float:left;top:-1.5em;z-index:1;width:80%}
#mc_embed_signup #mce-error-response {display:none}
#mc_embed_signup #mce-success-response {color:#529214;display:none}
#mc_embed_signup label.error {display:block;float:none;width:auto;margin-left:1.05em;text-align:left;padding:.5em 0}
@media (max-width: 480px) {
    #mc_embed_signup input.email {width:95%;margin-bottom:10px}
    #mc_embed_signup .clear {display:block;width:100%}
    #mc_embed_signup .button {width:33%;margin:0}
}
/* --- COLUMNS --- */
.col-sm-1,.col-md-1,.col-lg-1,.col-sm-2,.col-md-2,.col-lg-2,.col-sm-3,.col-md-3,.col-lg-3,.col-sm-4,.col-md-4,.col-lg-4,.col-sm-5,.col-md-5,.col-lg-5,.col-sm-6,.col-md-6,.col-lg-6,.col-sm-7,.col-md-7,.col-lg-7,.col-sm-8,.col-md-8,.col-lg-8,.col-sm-9,.col-md-9,.col-lg-9,.col-sm-10,.col-md-10,.col-lg-10,.col-sm-11,.col-md-11,.col-lg-11,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:20px}
@media (max-width:959px) {
.col-sm-1,.col-md-1,.col-lg-1,.col-sm-2,.col-md-2,.col-lg-2,.col-sm-3,.col-md-3,.col-lg-3,.col-sm-4,.col-md-4,.col-lg-4,.col-sm-5,.col-md-5,.col-lg-5,.col-sm-6,.col-md-6,.col-lg-6,.col-sm-7,.col-md-7,.col-lg-7,.col-sm-8,.col-md-8,.col-lg-8,.col-sm-9,.col-md-9,.col-lg-9,.col-sm-10,.col-md-10,.col-lg-10,.col-sm-11,.col-md-11,.col-lg-11,.col-sm-12,.col-md-12,.col-lg-12{padding:0}
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left}
	.col-sm-12 {width:100%}
	.col-sm-11 {width:91.66666667%}
	.col-sm-10 {width:83.33333333%}
	.col-sm-9 {width:75%}
	.col-sm-8 {width:66.66666667%}
	.col-sm-7 {width:58.33333333%}
	.col-sm-6 {width:50%}
	.col-sm-5 {width:41.66666667%}
	.col-sm-4 {width:33.33333333%}
	.col-sm-3 {width:25%}
	.col-sm-2 {width:16.66666667%}
	.col-sm-1 {width:8.33333333%}
}
@media (min-width:960px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left}
	.col-md-12 {width:100%}
	.col-md-11 {width:91.66666667%}
	.col-md-10 {width:83.33333333%}
	.col-md-9 {width:75%}
	.col-md-8 {width:66.66666667%}
	.col-md-7 {width:58.33333333%}
	.col-md-6 {width:50%}
	.col-md-5 {width:41.66666667%}
	.col-md-4 {width:33.33333333%}
	.col-md-3 {width:25%}
	.col-md-2 {width:16.66666667%}
	.col-md-1 {width:8.33333333%}
}
@media (min-width:1200px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float:left}
	.col-lg-12 {width:100%}
	.col-lg-11 {width:91.66666667%}
	.col-lg-10 {width:83.33333333%}
	.col-lg-9 {width:75%}
	.col-lg-8 {width:66.66666667%}
	.col-lg-7 {width:58.33333333%}
	.col-lg-6 {width:50%}
	.col-lg-5 {width:41.66666667%}
	.col-lg-4 {width:33.33333333%}
	.col-lg-3 {width:25%}
	.col-lg-2 {width:16.66666667%}
	.col-lg-1 {width:8.33333333%}
} /* --- END of COLUMNS --- */