.qrpageformcontent
{
    /* border: 1px solid #aaaaaa; */
    background: rgba(0,0,0,0.9) 100%
}
 
.qrpageform h2
{
  background:#B10C13;
  color:#fff;
  margin:0;
  padding:2%;
  font-weight: bold;
  font-size: 18px;
  text-transform:uppercase
}
.qrpageqouterequestform select[disabled='disabled']
{
background:#000;
}
.qrpageqouterequestform option{
background:#000;
}
#qrpageselectgroup
{
background:#000;
padding:1% 0;
}
@media only screen and (max-width:600px) {
.qrblackbox{
width:90%;
  margin:1% auto;
}
  .qrpageform h3
{
  background: #198BD1;
  color:#fff;
  padding:1%;
  font-size:200%;
  text-align:center;
}
  .qrpageform input[type="submit"] {
    width: 100%;
    background: #BD151D;
    color: white;
    box-sizing: border-box;
    border: none;
    padding: 1%;
    font-size: 24px;
    float: right;
    margin: 1%;
    height: auto;
    cursor: pointer;
}
}
@media only screen and (min-width: 601px) and (max-width: 960px) {
.qrblackbox{
width:90%;
  margin:1% auto;
}
    .qrpageform h3
{
  background: #198BD1;
  color:#fff;
  padding:1%;
  font-size:200%;
}
  .qrpageform input[type="submit"] {
    width: 100%;
    background: #BD151D;
    color: white;
    box-sizing: border-box;
    border: none;
    padding: 1%;
    font-size: 24px;
    float: right;
    margin: 1%;
    height: auto;
    cursor: pointer;
}
}
@media only screen and (min-width:961px) {
  .qrblackbox{
width:70%;
  margin:1% auto;
}
    .qrpageform h3
{
  background: #198BD1;
  color:#fff;
  padding:1%;
  font-size:200%;
}
  .qrpageform input[type="submit"] {
    width: 100%;
    background: #BD151D;
    color: white;
    box-sizing: border-box;
    border: none;
    padding: 1%;
    font-size: 24px;
    float: right;
    margin: 1%;
    height: auto;
    cursor: pointer;
}
}
/*************************** mobile styles */
@media only screen and (max-width:600px) {
.qrpagequoterequestform
{
font-size:15px;
}
.qrpageblock-polovina, .qrpageblock-trecina, .qrpageblock-ceo
{
	width:96%;
	 text-align: left;
	 	padding: 2%;
}

.qrpageui-datepicker-trigger {
  position: absolute;
  right: 55px;
margin-top:10px;
margin-right:5px;
}
.qrpageqouterequestform select
{
width:96%;
box-sizing: border-box;
 
}
.qrpageqouterequestform input[type="text"],
.qrpageqouterequestform input[type="password"],
.qrpageqouterequestform input[type="date"],
.qrpageqouterequestform input[type="datetime"],
.qrpageqouterequestform input[type="email"],
.qrpageqouterequestform input[type="number"],
.qrpageqouterequestform input[type="search"],
.qrpageqouterequestform input[type="tel"],
.qrpageqouterequestform input[type="time"],
.qrpageqouterequestform input[type="url"],
.qrpageqouterequestform textarea{
width:100%;
padding:2%;
box-sizing: border-box;
}
.qrpageqrpageform select
{
width:96%;
box-sizing: border-box;
 
}
.qrpageqrpageform input[type="text"],
.qrpageqrpageform input[type="date"],
.qrpageqrpageform input[type="datetime"],
.qrpageqrpageform textarea{
width:100%;
padding:2%;
box-sizing: border-box;
}
h4
{
  margin: 0 0 15px 20px;
}
h2
{
  margin: 0 0 10px 34px;
}
img.qrpageui-datepicker-trigger {
    float: right;
    position: relative;
    right: 0;
	top: -40px;
}
.qrpageqouterequestform img {
    float: right;
    position: relative;
    right: 0;
	top: -40px;
    
}
.qrpageboxrazmakticketsFromTo {
    display: none;
    margin-bottom: 5px;
    padding: 10px 0;
}
#formbuttons-mobile {
display:block
}
.qrpageformbuttons
{

}
}
/*********************************tablet styles*/
@media only screen and (min-width:601px) and (max-width:960px) {
.qrpageform
{
width: 80%;
}

	.qrpageblock-ceo
{
	width:90%;
	float:center;
	padding: 5px 20px;
    text-align: left;
}
	.qrpageblock-polovina, .qrpageblock-trecina
{
	width:48%;
	padding: 1%;
    text-align: left;
}
/*	.qrpageblock-polovina
{
	width:49%;
	float:left;
	padding: 1% 0;
    text-align: left;
	font-size:11px;
}
.qrpageblock-trecina
{
width:32%;
	float:left;
	padding: 1% 0;
    text-align: left;
	font-size:11px;
}*/
.qrpageui-datepicker-trigger {
  position: absolute;
  right: 65px;
margin-top:10px;
margin-right:5px;
}
h4
{
  margin: 0 0 15px 20px;
}
h2
{
  margin: 0 0 10px 34px;
}
.qrpageqouterequestform select
{
width:96%;
box-sizing: border-box;
}
.qrpageqouterequestform input[type="text"],
.qrpageqouterequestform input[type="password"],
.qrpageqouterequestform input[type="date"],
.qrpageqouterequestform input[type="datetime"],
.qrpageqouterequestform input[type="email"],
.qrpageqouterequestform input[type="number"],
.qrpageqouterequestform input[type="search"],
.qrpageqouterequestform input[type="tel"],
.qrpageqouterequestform input[type="time"],
.qrpageqouterequestform input[type="url"],
.qrpageqouterequestform textarea{
min-width:80%;
padding:2%;
}
.qrpageqrpageform select
{
width:96%;
box-sizing: border-box;
}
.qrpageqrpageform input[type="text"],
.qrpageqrpageform input[type="date"],
.qrpageqrpageform input[type="datetime"],
.qrpageqrpageform textarea{
min-width:80%;
padding:2%;
}
img.qrpageui-datepicker-trigger, .qrpageblock-polovina img, .qrpageui-datepicker-trigger img {
top: 10px;
}
}

/*******************************desktop styles*/
@media only screen and (min-width:961px) {
.qrpageform
{
width: 65%;
}
.qrpageblock
{
margin: 0 0 10px 0;
}
	.qrpageblock-ceo
{
    float: left;
    padding: 1%;
    text-align: left;
    width: 98%;
}
	.qrpageblock-polovina
{
	width:48%;
	float:left;
	padding: 1%;
    text-align: left;
}
.qrpageblock-trecina
{
width:31.2%;
	float:left;
	padding: 1%;
    text-align: left;
}

.qrpageui-datepicker-trigger {
  position: relative;
  right: 35px;

}
.qrpageqouterequestform select
{
width:100%;
box-sizing: border-box;
 
}
.qrpageqouterequestform input[type="text"],
.qrpageqouterequestform input[type="password"],
.qrpageqouterequestform input[type="date"],
.qrpageqouterequestform input[type="datetime"],
.qrpageqouterequestform input[type="email"],
.qrpageqouterequestform input[type="number"],
.qrpageqouterequestform input[type="search"],
.qrpageqouterequestform input[type="tel"],
.qrpageqouterequestform input[type="time"],
.qrpageqouterequestform input[type="url"],
.qrpageqouterequestform textarea{
width:100%;
padding:2%;
box-sizing: border-box;
}
.qrpageqouterequestform textarea{
min-width:87%;
max-width:96%;
padding:2%;
margin:0;
box-sizing:content-box;
}

.qrpageqouterequestform input[type="submit"]{
width:20%;
background:rgba(164, 0, 1);
color:white;
}
.qrpageqrpageform select
{
width:100%;
box-sizing: border-box;
}
.qrpageqrpageform input[type="text"],
.qrpageqrpageform input[type="date"],
.qrpageqrpageform input[type="datetime"],
.qrpageqrpageform textarea{
width:100%;
padding:2%;
box-sizing: border-box;
}
.qrpageqrpageform input[type="submit"]{
width:20%;
background:rgba(164, 0, 1);
color:white;
}
h4
{
  margin: 0 0 15px 1%;
}
h2
{
  margin: 0 0 10px 52px;
}
#mobilemenu{
  display: none; }
}
/*************************************************************/
select
{
margin: 0;	
background-color: rgba(0,0,0,0);
}
option { 
background-color: rgba(0,0,0,0.qrpage5);
}
.qrpagechildages,.qrpageboxrazmakchildren1,.qrpageboxrazmakchildren2,.qrpageboxrazmakchildren3,.qrpageboxrazmakchildren4,.qrpageboxrazmakchildren5,.qrpageboxrazmakchildren6,.qrpageboxrazmakchildren7,.qrpageboxrazmakchildren8,.qrpageboxrazmakchildren9
{
display:none;
}
.qrpageui-datepicker select.qrpageui-datepicker-month, .qrpageui-datepicker select.qrpageui-datepicker-year
{
min-width:auto;
}

#mobilemenu{
 background:#333333;
color:fff;
padding:2px 5px; }
#mobilemenu a, #mobilemenu a:link, #mobilemenu a:visited{
color:fff;}
#mobilemenu ul{
color:fff;
padding:2px  5px;
 list-style-type: none; }
 #mobilemenu ul li{
color:fff;
padding:10px;
 list-style-type: none; }
.qrpageblock-msg
{
height:auto;
    margin: 0 15px;
    padding: 10px;
}
.qrpageblock
{
	display:block;
	overflow:auto;

	
}
.qrpageui-datepicker-trigger {
  border: none;
  background: none;
  color: #C2C2C2;
  font-size: 18px;
  outline: none;
  cursor:pointer;
 }
  .qrpageui-datepicker-trigger:hover {
    background: none;
    color: #636363 !important; }
.qrpageblock-polovina	img
{
vertical-align:middle;
}
.qrpageqouterequestform input[type="text"],
.qrpageqouterequestform input[type="password"],
.qrpageqouterequestform input[type="date"],
.qrpageqouterequestform input[type="datetime"],
.qrpageqouterequestform input[type="email"],
.qrpageqouterequestform input[type="number"],
.qrpageqouterequestform input[type="search"],
.qrpageqouterequestform input[type="tel"],
.qrpageqouterequestform input[type="time"],
.qrpageqouterequestform input[type="url"],
.qrpageqouterequestform select
.qrpageqouterequestform textarea{
color:#808080;
font-size:15px;
}
img.qrpageui-datepicker-trigger {
  right: 10%;
    position: relative;
    top: 7px;
}
.qrpageFooterTop
{
text-align:center;
margin-bottom:10px;
}
.qrpageFooterTop button
{
background-color:white;
    border: 2px solid #c2c2c2;
    border-radius: 0;
font-family: "museo300" !important;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    outline: medium none;
    padding: 12px 30px;
    transition: color 0.qrpage18s ease 0s, background-color 0.qrpage18s ease 0s, border-color 0.qrpage18s ease 0s;
	 -webkit-transition: color 0.qrpage18s, background-color 0.qrpage18s ease 0s, border-color 0.qrpage18s ease 0s;
  -moz-transition: color 0.qrpage18s, background-color 0.qrpage18s ease 0s, border-color 0.qrpage18s ease 0s;
  -o-transition: color 0.qrpage18s, background-color 0.qrpage18s ease 0s, border-color 0.qrpage18s ease 0s;
 
    vertical-align: middle;
	cursor:pointer;
	color: #1289d5;
}
.qrpageFooterTop button:hover
{
color:white;
background-color: #1289D5;
border-color:#1289D5;
color:#fff; 
}

/*FORMULARI I BUTTONI SA STRANE FIXED***************************************************/

.qrpageformbuttons
{
background: #86232F ;
width: 5%;
float: right;
margin: 0 auto;
padding: 0;
right:0;
height:100%;
font-size:1.qrpage2em;
font-weight:bold;
text-align: center;
text-transform: uppercase;
position:fixed;
z-index:1000;
}
.qrpageformbuttons nav ul
{
	background-color: #093;
	list-style-type: none;
	display: block;
}
.qrpageformbuttons nav ul li
{
 
}
.qrpageformbuttons nav a, .qrpageformbuttons nav a:link, .qrpageformbuttons nav a:visited
{
color:#fff;
text-decoration:none;
}



#formbuttons
{
 background:#86232F ;
/*	background: #f0e7d7;*/
width: 5.1%;
float: right;
margin: 0;
padding: 0;
right:0;
height:100%;
font-size:1.qrpage2em;
font-weight:bold;
text-align: center;
text-transform: uppercase;
position:fixed;
 white-space: nowrap;
 z-index:1000;
}


#formbuttons nav a, #formbuttons nav a:link, #formbuttons nav a:visited
{
display: block;
	text-decoration: none;
    color: white;
 position: relative;
 height:100%;
 width:auto;
}
.qrpage
{
background:#0072BB;
/*top: 0%;*/
right: 0%;
padding:20% 0;
  -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
	-o-transition:all 200ms ease-in;
	-o-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1); 
 position:relative;
}
.qrpage:hover, .qrpagezoomquoterequest
{
background:#198BD1;
  z-index: 1000;
 right: 10%;
  
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.qrpage2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.qrpage2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.qrpage2);
	-o-transition: all 200ms ease-in;
	-o-transform: scale(1.qrpage2);
    transition: all 200ms ease-in;
    transform: scale(1.qrpage2);
	
}
.qrpageqrpage
{
background:#B10C13;
/*top: 30%;*/
right: 0%;
 position:relative;
 -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1); 
	padding:20% 0;
}
.qrpageqrpage:hover, .qrpagezoomqrpage
{
background:#D1232C;
right: 10%;
z-index: 1000;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.qrpage2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.qrpage2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.qrpage2);
    transition: all 200ms ease-in;
    transform: scale(1.qrpage2);
	
}
.qrpageresortfinder
{
background:#EEC008;
right: 0%;
 position:relative;
 -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1); 
	padding:20% 0;
	
}
.qrpageresortfinder:hover, .qrpagezoomresortfinder
{
background:#F1C821;
right: 10%;
z-index: 1000;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.qrpage2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.qrpage2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.qrpage2);
    transition: all 200ms ease-in;
    transform: scale(1.qrpage2);
	
}
.qrpageslika img{
height: auto; 
    width: auto; 
    max-width: 100%; 
    max-height: 100%;
vertical-align: middle; 
 -webkit-transition: all0ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 0ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 0ms ease-in;
    -moz-transform: scale(1);
    transition: all 0ms ease-in;
    transform: scale(1); 
 }  
 .qrpageslika img:hover{
  -webkit-transition: all0ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 0ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 0ms ease-in;
    -moz-transform: scale(1);
    transition: all 0ms ease-in;
    transform: scale(1); 
  }
.qrpageslika {
max-height:100%;
padding:0;
 -webkit-transition: all0ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 0ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 0ms ease-in;
    -moz-transform: scale(1);
    transition: all 0ms ease-in;
    transform: scale(1); 
}
.qrpageslika:hover {
max-height:100%;
padding:0;
 -webkit-transition: all0ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 0ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 0ms ease-in;
    -moz-transform: scale(1);
    transition: all 0ms ease-in;
    transform: scale(1); 
}
.qrpageslikasupport img{
height: auto; 
    width: auto; 
    max-width: 100%; 
    max-height: 100%;
vertical-align: middle; 
}  

.qrpageslikasupport {
max-height:100%;
padding:20% 0;
}
.qrpageformbuttonsboxchat
{
display: block;
	width: 100%;
	height: 10%;
	 position:relative;
    right:0;
    float:left;
	 text-align: center;
     padding: 10% 0;
	 overflow:hidden;
	  vertical-align: middle;
	  background:#86232F;
	  
	   -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1); 
}
.qrpageformbuttonsboxchat:hover, .qrpagezoomboxchat
{
	  background:#9F1828;
	    right:10%;
z-index: 1000;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.qrpage2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.qrpage2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.qrpage2);
    transition: all 200ms ease-in;
    transform: scale(1.qrpage2);
}
.qrpagesocialbox
{
display: block;
	width: 100%;
	height: 8%;
     position:relative;
	   right:0;
    float:left;
	 text-align: center;
     padding-top: 5%;
	 overflow:hidden;
	  vertical-align: middle;
	  background:#86232F;
	   -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1); 
	cursor:pointer;
}
.qrpagesocialbox:hover, .qrpagezoomsocial
{
  padding-bottom: 0;
    margin-bottom: 0;
	  background:#9F1828;
z-index: 1000;
width:100%;

-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.qrpage2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.qrpage2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.qrpage2);
    transition: all 200ms ease-in;
    transform: scale(1.qrpage2);
	
}
.qrpagesocialbuttonsright
{
display: none;
}
.qrpagesocialbox:hover  .qrpagesocialbuttonsright
{
	display: block;
	}
	
.qrpageslikasocial img{
height: auto; 
    width: auto; 
    max-width: 100%; 
    max-height: 100%;
vertical-align: middle; 
}  

.qrpageslikasocial {
max-height:100%;
padding:20% 0;
}
.qrpage, .qrpageqrpage, .qrpageresortfinder
{
display: block;
	width: 100%;
	height: 21%;
    float:left;
	 text-align: center;
     padding: 20% 0;
	 overflow:hidden;
	  vertical-align: middle;
	
}
.qrpage a, .qrpageqrpage a, .qrpageresortfinder a{
 display: block;
	text-decoration: none;
    color: white;
 position: relative;
 height:100%;
 /*width:auto;*/
 }
#formbuttons-mobile {display:none}
.qrpageart-logolink-mobile{display:none}
#quotereuestaccordion input::-webkit-input-placeholder {
color: white !important;
opacity: 1;
}
 
#quotereuestaccordion input:-moz-placeholder {
color: white !important; 
opacity: 1; 
}
 
#quotereuestaccordion input::-moz-placeholder { 
color: white !important;  
opacity: 1;
}
 
#quotereuestaccordion input:-ms-input-placeholder {  
color: white !important;  
opacity: 1;
}
#qrpageqouterequestform input::-webkit-input-placeholder {
color: white !important;
opacity: 1;
}
 
#qrpageqouterequestform input:-moz-placeholder {
color: white !important; 
opacity: 1; 
}
 
#qrpageqouterequestform input::-moz-placeholder { 
color: white !important;  
opacity: 1;
}
 
#qrpageqouterequestform input:-ms-input-placeholder {  
color: white !important;  
opacity: 1;
}
/*QUOTE REQUEST FORM**************************************************/

.qrpageform{
z-index: 900;
top: 15%;
right: 5%;
height: 300px;
display:inline;
color:#fff;
}
.qrpageqrpageform{
position: fixed;
z-index: 900;
top: 15%;
right: 5%;
width: 60%;
height: 300px;
display:none;
color:#fff;
}
.qrpageresortfinderform{
position: fixed;
z-index: 900;
top: 15%;
right: 5%;
width: 60%;
height: 300px;
display:none;
color:#fff;
}
.qrpagesocialboxform{
position: fixed;
z-index: 900;
bottom: 0;
right: 5%;
width: 60%;
height: 10%;
display:none;
color:#000;
background:#86232F;
}
#quotereuestaccordion input[type="text"]
{
color:#fff;
}
.qrpageform h4, .qrpageform label, input:placeholder-shown, input[placeholder], [placeholder], *[placeholder] {
font-weight:normal;
 font-family: "museo300" !important;
	color: #198BD1;
}

.qrpageadditionalnotes {
    display: none;
}
.qrpageqrpagepolovina
{
font-size:14px
}
.qrpageboxrazmakticketsFromTo, .qrpageboxrazmakticketsSingle, .qrpageairtransportationbox
{
display:none;
}
input[type='number'] {
    -moz-appearance:textfield;
	background:none;
	color:white
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
background:none;
	color:white;
    -webkit-appearance: none;
}
input[type="checkbox"] {
   font-size:14px;
}
.qrpagerighttext
{
text-align:right
}
.qrpagerighttext button
{
background:none;
border:1px solid #white;
color:white;
}
.qrpagerighttext button:hover
{
background-color: rgba(0,0,0,0.qrpage5);
border:1px solid #white;
color:white;
}
.qrpageformframe{
margin: 0 0 5px 0;
}
.qrpageqouterequestform h4{
margin: 5px 0 5px 0;
font-size:16px;
color:#fff;
}
.qrpageqouterequestform h2{
background:#B10C13;
color:#fff;
}
.qrpageformcontent h1{
color:#fff;
}
#qrpagequotereuestaccordion h3{background: rgba(3, 103, 163, 0.8);color:#fff;font-weight: bold;}
/***********************KRAJ QUOTE REQUEST************/