/*************************** mobile styles */
@media only screen and (max-width:480px) {
.smallquoterequestform
{

}
.smallblock-polovina, .smallblock-trecina, .smallblock-ceo
{
	width:90%;
	 text-align: left;
	 	padding: 2%;
}

.smallui-datepicker-trigger {
  position: absolute;
  right: 55px;
margin-top:10px;
margin-right:5px;
}
.smallqouterequestform select
{
width:96%;
box-sizing: border-box;
 
}


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

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

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

/*******************************desktop styles*/
@media only screen and (min-width:960px) {
.smallquoterequestform
{
width: 65%;
}
.smallblock
{
margin: 0 0 10px 0;
overflow:hidden;
}
	.smallblock-ceo
{
    float: left;
    padding: 0;
    text-align: left;
    width: 98%;
}
	.smallblock-polovina
{
	width:48%;
	float:left;
	padding: 1%;
    text-align: left;
}
.smallblock-trecina
{
width:32%;
	float:left;
	padding: 1% 0.5%;
    text-align: left;
}

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

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

.smallqouterequestform input[type="submit"]{
width: 20%;
    background: #BD151D;
    color: white;
    box-sizing: border-box;
    border: none;
    padding: 1%;
    font-size: 24px;
    float: right;
    margin: 1%;
    height: auto;
    cursor: pointer;
}
.smallbooknowform select
{
width:100%;
box-sizing: border-box;
}
.smallbooknowform input[type="text"],
.smallbooknowform input[type="date"],
.smallbooknowform input[type="datetime"],
.smallbooknowform textarea{
width:100%;
padding:2%;
box-sizing: border-box;
}
.smallbooknowform input[type="submit"]{
width:20%;
background:rgba(164, 0, 1);
color:white;
}
h4
{
  margin: 0 0 15px 0; /*1% */
}
h2
{
  margin: 0 0 10px 0; /*54px */
}
#mobilemenu{
  display: none; }
}
/*************************************************************/
select
{
margin: 0;	
background-color: rgba(0,0,0,0);
}
option { 
background-color: rgba(0,0,0,0.small5);
}
.smallchildages,.smallboxrazmakchildren1,.smallboxrazmakchildren2,.smallboxrazmakchildren3,.smallboxrazmakchildren4,.smallboxrazmakchildren5,.smallboxrazmakchildren6,.smallboxrazmakchildren7,.smallboxrazmakchildren8,.smallboxrazmakchildren9
{
display:none;
}
.smallui-datepicker select.smallui-datepicker-month, .smallui-datepicker select.smallui-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; }
.smallblock-msg
{
height:auto;
    margin: 0 15px;
    padding: 10px;
}
.smallblock
{
	display:block;
overflow:hidden;

	
}
.smallui-datepicker-trigger {
  border: none;
  background: none;
  color: #C2C2C2;
  font-size: 18px;
  outline: none;
  cursor:pointer;
 }
  .smallui-datepicker-trigger:hover {
    background: none;
    color: #636363 !important; }
.smallblock-polovina	img
{
vertical-align:middle;
}
.smallqouterequestform input[type="text"],
.smallqouterequestform input[type="password"],
.smallqouterequestform input[type="date"],
.smallqouterequestform input[type="datetime"],
.smallqouterequestform input[type="email"],
.smallqouterequestform input[type="number"],
.smallqouterequestform input[type="search"],
.smallqouterequestform input[type="tel"],
.smallqouterequestform input[type="time"],
.smallqouterequestform input[type="url"],
.smallqouterequestform select
.smallqouterequestform textarea{
color:#808080;
font-size:12px;
}
img.smallui-datepicker-trigger {
  right: 10%;
    position: relative;
    top: 7px;
}
.smallFooterTop
{
text-align:center;
margin-bottom:10px;
}
.smallFooterTop 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.small18s ease 0s, background-color 0.small18s ease 0s, border-color 0.small18s ease 0s;
	 -webkit-transition: color 0.small18s, background-color 0.small18s ease 0s, border-color 0.small18s ease 0s;
  -moz-transition: color 0.small18s, background-color 0.small18s ease 0s, border-color 0.small18s ease 0s;
  -o-transition: color 0.small18s, background-color 0.small18s ease 0s, border-color 0.small18s ease 0s;
 
    vertical-align: middle;
	cursor:pointer;
	color: #1289d5;
}
.smallFooterTop button:hover
{
color:white;
background-color: #1289D5;
border-color:#1289D5;
color:#fff; 
}

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

.smallformbuttons
{
background: #86232F ;
width: 5%;
float: right;
margin: 0 auto;
padding: 0;
right:0;
height:100%;
font-size:1.small2em;
font-weight:bold;
text-align: center;
text-transform: uppercase;
position:fixed;
z-index:1000;
}
.smallformbuttons nav ul
{
	background-color: #093;
	list-style-type: none;
	display: block;
}
.smallformbuttons nav ul li
{
 
}
.smallformbuttons nav a, .smallformbuttons nav a:link, .smallformbuttons 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.small2em;
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;
}
.smallquoterequest
{
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;
}
.smallquoterequest:hover, .smallzoomquoterequest
{
background:#198BD1;
  z-index: 1000;
 right: 10%;
  
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.small2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.small2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.small2);
	-o-transition: all 200ms ease-in;
	-o-transform: scale(1.small2);
    transition: all 200ms ease-in;
    transform: scale(1.small2);
	
}
.smallbooknow
{
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;
}
.smallbooknow:hover, .smallzoombooknow
{
background:#D1232C;
right: 10%;
z-index: 1000;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.small2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.small2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.small2);
    transition: all 200ms ease-in;
    transform: scale(1.small2);
	
}
.smallresortfinder
{
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;
	
}
.smallresortfinder:hover, .smallzoomresortfinder
{
background:#F1C821;
right: 10%;
z-index: 1000;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.small2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.small2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.small2);
    transition: all 200ms ease-in;
    transform: scale(1.small2);
	
}
.smallslika 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); 
 }  
 .smallslika 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); 
  }
.smallslika {
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); 
}
.smallslika: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); 
}
.smallslikasupport img{
height: auto; 
    width: auto; 
    max-width: 100%; 
    max-height: 100%;
vertical-align: middle; 
}  

.smallslikasupport {
max-height:100%;
padding:20% 0;
}
.smallformbuttonsboxchat
{
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); 
}
.smallformbuttonsboxchat:hover, .smallzoomboxchat
{
	  background:#9F1828;
	    right:10%;
z-index: 1000;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.small2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.small2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.small2);
    transition: all 200ms ease-in;
    transform: scale(1.small2);
}
.smallsocialbox
{
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;
}
.smallsocialbox:hover, .smallzoomsocial
{
  padding-bottom: 0;
    margin-bottom: 0;
	  background:#9F1828;
z-index: 1000;
width:100%;

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

.smallslikasocial {
max-height:100%;
padding:20% 0;
}
.smallquoterequest, .smallbooknow, .smallresortfinder
{
display: block;
	width: 100%;
	height: 21%;
    float:left;
	 text-align: center;
     padding: 20% 0;
	 overflow:hidden;
	  vertical-align: middle;
	
}
.smallquoterequest a, .smallbooknow a, .smallresortfinder a{
 display: block;
	text-decoration: none;
    color: white;
 position: relative;
 height:100%;
 /*width:auto;*/
 }
#formbuttons-mobile {display:none}
.smallart-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;
}
#smallqouterequestform input::-webkit-input-placeholder {
color: white !important;
opacity: 1;
}
 
#smallqouterequestform input:-moz-placeholder {
color: white !important; 
opacity: 1; 
}
 
#smallqouterequestform input::-moz-placeholder { 
color: white !important;  
opacity: 1;
}
 
#smallqouterequestform input:-ms-input-placeholder {  
color: white !important;  
opacity: 1;
}
/*QUOTE REQUEST FORM**************************************************/

.smallquoterequestform{
z-index: 900;
top: 15%;
right: 5%;
height: 300px;
display:inline;
color:#fff;
}
.smallbooknowform{
position: fixed;
z-index: 900;
top: 15%;
right: 5%;
width: 60%;
height: 300px;
display:none;
color:#fff;
}
.smallresortfinderform{
position: fixed;
z-index: 900;
top: 15%;
right: 5%;
width: 60%;
height: 300px;
display:none;
color:#fff;
}
.smallsocialboxform{
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;
}
.smallquoterequestform h4, .smallquoterequestform label, input:placeholder-shown, input[placeholder], [placeholder], *[placeholder] {
font-weight:normal;
 font-family: "museo300" !important;
}

.smalladditionalnotes {
    display: none;
}
.smallsmallpolovina
{
font-size:14px
}
.smallboxrazmakticketsFromTo, .smallboxrazmakticketsSingle, .smallairtransportationbox
{
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;
}
.smallrighttext
{
text-align:right
}
.smallrighttext button
{
background:none;
border:1px solid #white;
color:white;
}
.smallrighttext button:hover
{
background-color: rgba(0,0,0,0.small5);
border:1px solid #white;
color:white;
}
.smallformframe{
margin: 0 0 5px 0;
}
.smallqouterequestform h4{
margin: 5px 0 5px 0;
}
.smallqouterequestformh2{
background:#B10C13;
color:#fff;
}
#smallquotereuestaccordion h3{background: rgba(3, 103, 163, 0.8);color:#fff;font-weight: bold;}
.smallqouterequestform option{
background-color: #000;
}
/***********************KRAJ QUOTE REQUEST************/