/* Created by Artisteer v4.1.0.60046 */
.header-position
{
z-index:1;
}
.responsive body
{
   min-width: 240px;
}
  
.responsive .art-content-layout img,
.responsive .art-content-layout video
{
  /* max-width: 100%;*/
   height: auto !important;
}

.responsive.responsive-phone .art-content-layout img 
{
   /*float: none !important;*/
   margin: 0;
}

.responsive.responsive-phone .art-collage {
   margin: 1% !important;
}
    
.responsive .art-content-layout .art-sidebar0, 
.responsive .art-content-layout .art-sidebar1, 
.responsive .art-content-layout .art-sidebar2 
{
   width: auto !important;
}
    
.responsive .art-content-layout, 
.responsive .art-content-layout-row, 
.responsive .art-layout-cell 
{
   display: block;
}
    
.responsive .image-caption-wrapper 
{
   width: auto;
}

.responsive.responsive-tablet .art-vmenublock,
.responsive.responsive-tablet .art-block
{
   margin-left: 1%;
   margin-right: 1%;
   width: 48%;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.responsive .art-responsive-embed 
{
   position: relative;
   padding-bottom: 56.25%;
   /* 16:9 */
	height: 0;
}

.responsive .art-responsive-embed iframe,
.responsive .art-responsive-embed object,
.responsive .art-responsive-embed embed
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

/* dynamic width nav */
.responsive nav.art-nav,
.responsive .art-nav-inner
{
   width: auto !important;
   position: relative !important;
   top: auto !important;
   left: auto !important;
   right: auto !important;
   bottom: auto !important;
   margin-top: 0;
   margin-bottom: 0;
   min-width: 0;
   text-align: justify !important;
}

.responsive nav.art-nav
{
   min-width: 1%;
   margin-top: 1%;
   margin-right: 1% !important;
   margin-left: 1% !important;
}

.responsive .art-nav 
{
   padding-left: 0;
   padding-right: 0;
}

/* full width hmenu, instead of inline-block */
.responsive .art-nav ul.art-hmenu 
{
   float: none;
   text-align: center;
   display: none;
}

/* elements on different lines */
.responsive .art-nav ul.art-hmenu li,
.responsive .art-hmenu-extra1,
.responsive .art-hmenu-extra2
{
   float: none;
}
  
/* horizontal margins */
.responsive .art-nav ul.art-hmenu>li:first-child, 
.responsive .art-nav ul.art-hmenu>li:last-child, 
.responsive .art-nav ul.art-hmenu>li
{
   margin-left: 0;
   margin-right: 0;
}
 
/* separator */ 
.responsive .art-nav ul.art-hmenu>li:before
{
   display: none;
}

/* vertical distance between items */
.responsive .art-nav ul.art-hmenu a
{
   margin-top: 1px !important;
   margin-bottom: 1px !important;
   height: auto;
   white-space: normal;
}

.responsive .art-nav ul.art-hmenu>li:first-child>a
{
   margin-top: 0 !important;
}

.responsive .art-nav ul.art-hmenu>li:last-child>a
{
   margin-bottom: 0 !important;
}

/* fixes for extended menu */
.responsive .art-nav .ext, 
.responsive .art-nav ul.art-hmenu>li>ul, 
.responsive .art-nav ul.art-hmenu>li>ul>li,
.responsive .art-nav ul.art-hmenu>li>ul>li a
{
   width: auto !important;
}

/* submenu position on hover */
.responsive .art-nav ul.art-hmenu ul
{
   left: auto !important;
   right: auto !important;
   top: auto !important;
   bottom: auto !important;
   display: none !important;
   position: relative !important;
   visibility: visible !important;
}

.responsive .art-nav ul.art-hmenu li.active>ul
{
   display: block !important;
}
.responsive .art-nav ul.art-hmenu ul li.active>a
{
   font-weight: bold;
}

.art-nav .art-menu-btn 
{
   border: 1px solid #404040;
   border-radius: 3px;
   box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
   display: none;
   background: -ms-linear-gradient(top, #707070 0, #000 100%);
   background: -moz-linear-gradient(top, #707070 0, #000 100%);
   background: -o-linear-gradient(top, #707070 0, #000 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000));
   background: -webkit-linear-gradient(top, #707070 0, #000 100%);
   background: linear-gradient(to bottom, #707070 0, #000 100%);
   margin: 3px;
   padding: 5px;
   position: relative;
   width: 20px;
}

.art-nav .art-menu-btn span 
{
   background: #E0E0E0;
   border-radius: 2px;
   display: block;
   height: 3px;
   margin: 3px 1px;
   position: relative;
   -moz-transition: background .2s;
   -o-transition: background .2s;
   -webkit-transition: background .2s;
   transition: background .2s;
}

.art-nav .art-menu-btn:hover span
{
   background: #f3f3f3;
}

.responsive .art-nav .art-menu-btn 
{
   display: inline-block;
}

.responsive .art-nav .art-hmenu.visible 
{
   display: block;
}

.responsive .art-nav ul.art-hmenu>li>ul>li:first-child:after 
{
   display: none;
}
.responsive .art-nav ul.art-hmenu ul a
{
   padding-left: 4% !important;
}
.responsive .art-nav ul.art-hmenu ul ul a
{
   padding-left: 6% !important;
}
.responsive .art-nav ul.art-hmenu ul ul ul a
{
   padding-left: 8% !important;
}
.responsive .art-nav ul.art-hmenu ul ul ul ul a
{
   padding-left: 10% !important;
}
.responsive .art-nav ul.art-hmenu ul ul ul ul ul a
{
   padding-left: 12% !important;
}
  
.responsive .art-nav ul.art-hmenu>li>ul
{
   padding: 4px;
}
  
.responsive .art-nav ul.art-hmenu>li>ul:before
{
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.responsive .art-header 
{
   width: auto;
   height: auto;
   min-height: 100px;
   min-width: 1%;
   margin-top: 1%;
   background-position: center center !important;
   background-size: cover !important;
   background-repeat: repeat !important;
}

.responsive .art-header .art-headline, 
.responsive .art-header .art-slogan 
{
   display: block !important;
   top: 0 !important;
   left: 0 !important;
   margin: 2% !important;
}
    
.responsive .art-header .art-headline a, 
.responsive .art-header .art-slogan 
{
   white-space: normal !important;
}
  
.responsive .art-header *
{
   position: relative;
  /* text-align: center;*/
   -webkit-transform: none !important;
   -moz-transform: none !important;
   -o-transform: none !important;
   -ms-transform: none !important;
   transform: none !important;
   min-height:30px;
}

.responsive .art-header #art-flash-area,
.responsive .art-header .art-shapes>*
{
   display: none;
}

.responsive #art-header-bg 
{
   background-position: center center !important;
   background-size: cover !important;
   background-repeat: repeat !important;
}

/* Search and other elements in header element directly */
.responsive .art-header>.art-textblock
{
   position: relative !important;
   display: block !important;
   margin: 1% auto !important;
   width: 75% !important;
   top: auto !important;
   right: auto !important;
   bottom: auto !important;
   left: auto !important;
}

/* For icons like facebook, rss, etc. */
.responsive .art-header>.art-textblock>div 
{
   width: 100%;
}
.responsive .art-sheet
{
   width: auto !important;
   min-width: 240px !important;
   max-width: none;
   margin-right: 1% !important;
   margin-left: 1% !important;
}

#art-resp {
   display: none;
}

.responsive .art-content-layout, 
.responsive .art-content-layout-row, 
.responsive .art-layout-cell 
{
   display: block;
}

.responsive .art-layout-cell 
{
   width: auto !important;
   height: auto !important;
   border-right-width: 0 !important;
   border-left-width: 0 !important;
   border-radius: 0 !important;
}

.responsive .art-content-layout:after, 
.responsive .art-content-layout-row:after, 
.responsive .art-layout-cell:after 
{
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.responsive .art-post
{
   border-radius: 0;
}

.responsive .art-footer-inner
{
   width: auto;
   padding: 2% !important;
   min-width: 0;
}

.responsive .responsive-tablet-layout-cell 
{
   width: 50% !important;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.header-top-left img
{
width: auto;
max-width: 184px;
min-width:50px;
height:auto;}



/*--------------------------------SVE PREKO 768px----------------------------------------*/
@media all and (max-width: 768px)
{
    #art-resp, #art-resp-t { display: block; }
    #art-resp-m { display: none; }

.desktop .art-nav{
   min-width: 80%;
   width: 50%;
   padding-left: 3px;
   padding-right: 3px;
}
.header-position
{
background: none repeat scroll 0 0 #fff;
    height: 120px;
    margin: 0 auto;
   /* max-width: 1344px;
    min-width: 700px;*/
    position: relative;
    width: 100%;
}

}

.skifooter-cell h2
{
font-size:18px;
padding: 8px 0;
font-weight:normal;
font-family: Lobster,Arial,"Arial Unicode MS",Helvetica,sans-serif;
color: #abadb3;
}
/*--------------------------------MOBILNI----------------------------------------*/
@media all and (max-width: 480px)
{
    #art-resp, #art-resp-m { display: block; }
    #art-resp-t { display: none; }
.art-logo-1927588690
{  
  position: relative;
  top: 10%;
  left: 0;
right:0;
  margin-left: -2px !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
      z-index: 101;

}
.header-position
{
background: none repeat scroll 0 0 #fff;
    height: 120px;
    margin: 0 auto;
  /*  max-width: 1344px;
    min-width: 700px;*/
    position: relative;
    width: 90%;
text-align:center;
}
.header-top-left
{
 display: inline-block;
    width: 100%;
text-align:center;

}
.header-top-right
{
display: inline-block;
    margin-top: 15px;
    width: 100%;
text-align:center;

}
.art-sheet{
background: #FFFFFF;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  margin: 0 auto;
  position: relative;
  cursor: auto;
  width: 90%;
  /*min-width: 700px;
  max-width: 1344px;*/
  z-index: auto !important;
}
.header-top
{
color: #abadb3;
    font-family: Cabin;
    margin: 0 auto;
    width: 90%;
}
.top-visible
{
display:inline-block;
}
.top-notvisible
{
display:none;
}
.art-nav
{
display:none
}
.art-logo-1927588690 img
{  
  max-height: 90%;
  max-width: 90%;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="url"], input[type="submit"], textarea, select
{
 /*  background: #F9FAFB;*/
   border:1px solid rgba(171, 171, 171, 0.2);
   margin:5px 0;
background:none;
   width: 100%;
   padding: 5px;
  font-size:12px;
color: #abadb3;
   font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: none;
outline: none;
background:none;
    box-sizing: border-box;
}

.formular
{
width:90%;
margin:10px auto 15px;
padding: 10px 0 0;
text-align:left;
}
.metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
font-size:2em;
top:50%;
}
  img.ui-datepicker-trigger {
margin: 7px -35px;
    position: absolute;
    top: 7px;
}
.InntopiaSearchDesktop
{
display:none;
}
.InntopiaSearchTablet
{
display:none;
}
.InntopiaSearchMobile
{
display:inline-block;
width:100%;
}
.bottom-logo
{
    position: relative;
    width: 100%;
	text-align:center
}
.art-layout-cell1
{
width:100%;
display: inline-block;
}
.art-layout-cell-p1
{
text-align:center;
}
.art-layout-cell-p2
{
text-align:center;
}

.header-position
{
background:none;
}
.responsive .art-header
{
margin-top:-120px;
}
.art-postcontent p
{

   margin: 12px;
}
.art-postcontent h2
{
 margin: 12px;
}
.art-postcontent h3 
{
 margin: 12px;
}
.halfpage
{
width:100%;
display:inline-block;
vertical-align:top;
}
.art-layout-cell
{
display:block;
width:100%;
}
.art-content-layout .art-sidebar1
{
width:100%;
}
}


/*--------------------------------TABLET----------------------------------------*/
@media screen and (min-width: 481px) and (max-width: 768px) { 

.header-position
{
background: none repeat scroll 0 0 #fff;
    height: 120px;
    margin: 0 auto;
   max-width: 90%;
    min-width: 90%;
    position: relative;
    width: 90%;
text-align:center;
}
.art-sheet{
background: #FFFFFF;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  margin: 0 auto;
  position: relative;
  cursor: auto;
  width: 95%;
  /*min-width: 700px;
  max-width: 1344px;*/
  z-index: auto !important;
}
.header-top
{
color: #abadb3;
    font-family: Cabin;
    margin: 0 auto;
    width: 90%;
}
.header-top-left
{
 display: inline-block;
    width: 100%;
text-align:center;
}
.header-top-right
{

display: inline-block;
   margin-top: 15px;
    width: 100%;
text-align:center;

}

.art-logo-1927588690
{  
  position: relative;
  top: 10%;
 left: 0;
right:0;
  margin-left: -2px !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
      z-index: 101;

}

  .desktop .art-nav{
   min-width: 90%;
   width: 50%;
   padding-left: 3px;
   padding-right: 3px;
}

.top-visible
{
display:inline-block;
margin:0 10px;
padding: 2px 0;

}
.top-notvisible
{
display:none;
}
.art-nav
{
display:none
}
.art-logo-1927588690 img
{  
  max-height: 100%;
  max-width: 100%;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="url"], input[type="submit"], textarea, select
{
 /*  background: #F9FAFB;*/
   border:1px solid rgba(171, 171, 171, 0.2);
   margin:5px 0;
background:none;
   width: 100%;
   padding: 5px;
  font-size:12px;
color: #abadb3;
   font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: none;
outline: none;
background:none;
    box-sizing: border-box;
}
 input[type="submit"]
 {
 text-align:center;
     box-sizing: border-box;
 }

.formular
{
width:90%;
margin:10px auto 15px;
padding: 10px 0 0;
text-align:center;
}
.metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
font-size:3em;
top:50%;
}
  img.ui-datepicker-trigger {
  right: 10%;
    position: relative;
    top: 7px;
}
.InntopiaSearchDesktop
{
display:none;
}
.InntopiaSearchTablet
{
display:inline-block;
width:100%;
}
.InntopiaSearchMobile
{
display:none;
}
.bottom-logo
{
    position: relative;
    width: 100%;
	text-align:center
}
.art-layout-cell1
{
width:100%;
display: inline-block;
}
.art-layout-cell-p1
{
text-align:center;
}
.art-layout-cell-p2
{
text-align:center;
}
.header-position
{
background:none;
}
.responsive .art-header
{
margin-top:-120px;
}
.art-postcontent p
{
   margin: 12px;
}
.art-postcontent h2
{
 margin: 12px;
}
.art-postcontent h3 
{
 margin: 12px;
}
.halfpage
{
width:100%;
display:inline-block;
vertical-align:top;
}
}
/*--------------------------------DESKTOP MANJI----------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 960px) { 


  .header-position
{
    max-width: 90%;
    min-width: 90%;
   }
.art-sheet{
background: #FFFFFF;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  margin: 0 auto;
  position: relative;
  cursor: auto;
  width: 90%;
  /*min-width: 700px;
  max-width: 1344px;*/
  z-index: auto !important;
}
.header-top
{
color: #abadb3;
    font-family: Cabin;
    margin: 0 auto;
    width: 90%;
}
.header-top-left
{
 display: inline-block;
    width: 25%;
text-align:left;

}
.header-top-right
{

display: inline-block;
    float: right;
    margin-top: 15px;
    width: 75%;
text-align:right;

}
.top-visible
{
display:inline-block;
margin:0 10px;
font-size:11px;
}
.top-notvisible
{
display:inline-block;
}
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="url"], input[type="submit"], textarea, select
{
 /*  background: #F9FAFB;*/
   border:1px solid rgba(171, 171, 171, 0.2);
   margin:5px 0.5%;
background:none;
   width:14%;
   padding: 5px 5px 6px;
  font-size:12px;
color: #abadb3;
   font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: none;
outline: none;
background:none;
    box-sizing: border-box;
}
 input[type="submit"]
 {
 text-align:center;
     box-sizing: border-box;
 }
.formular
{
width:99%;
margin:10px auto 15px;
padding: 10px 0 0;
 text-align: center;
}
.art-hmenu>li>a, 
.art-hmenu>li>a:link, 
.art-hmenu>li>a:visited, 
.art-hmenu>li>a.active, 
.art-hmenu>li>a:hover
{
   font-size: 15px;
   font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: 0.7px 0.7px 1px rgba(255, 255, 255, 0.5);
}
.desktop .art-nav
{
  min-width: 78%;
  width: 78%;
}
.metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
font-size:3em;
top:65%;
}
img.ui-datepicker-trigger {
    margin: 0px 0 0 -30px;
    position: absolute;
    bottom: 0;
    top: 28px;
}
.InntopiaSearchDesktop
{
display:inline-block;
width:100%;
}
.InntopiaSearchTablet
{
display:none;
}
.InntopiaSearchMobile
{
display:none;
}
.skifooter
{
border-bottom:1px solid #C4C4C4;
}
.skifooter-box
{
 margin: 0 auto;
  width:1200px;
   padding:8px 0;
   color:#C4C4C4;
}

.skifooter-cell
{
  width:23%;
padding:1% 1% 2%;
   display:inline-block;
   text-align:left;
   vertical-align: top;
   font-family:Cabin;
   font-size:13px;
}
.bottom-logo
{
bottom: 10px;
    left: 50%;
    position: absolute;
    width: 50px;
}
.art-layout-cell1
{
width:50%;
display: inline-block;
}
.art-layout-cell-p1
{
text-align:left;
}
.art-layout-cell-p2
{
text-align:right;
}
.halfpage
{
width:48%;
display:inline-block;
vertical-align:top;
}
.ubermenu-sub-indicators .ubermenu-item-has-children, .ubermenu-sub-indicators .ubermenu-item-has-children > .ubermenu-target.ubermenu-noindicator,  .ubermenu .ubermenu-target, .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target
{
padding-right: 10px;
padding-left: 7px;
font-size:11px;
}
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target
{
font-size: 11px;
}
}

/*--------------------------------DESKTOP----------------------------------------*/
@media all and (min-width: 1200px) { 


  .header-position
{
    max-width: 1200px;
    min-width: 1200px;
   }
.art-sheet{
background: #FFFFFF;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  margin: 0 auto;
  position: relative;
  cursor: auto;
  width: 1200px;
  /*min-width: 700px;
  max-width: 1344px;*/
  z-index: auto !important;
}
.art-sheet.clearfix.fullwidthstyle{
  width: 100% !important;
}
.header-top
{
color: #abadb3;
    font-family: Cabin;
    margin: 0 auto;
    width: 1200px;
}
.header-top-left
{
 display: inline-block;
    width: 25%;
text-align:left;

}
.header-top-right
{
display: inline-block;
    float: right;
    margin-top: 15px;
    width: 75%;
text-align:right;

}
.top-visible
{
display:inline-block;
margin:0 10px;
}
.top-notvisible
{
display:inline-block;
}
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="url"], input[type="submit"], input[placeholder], textarea, select
{
 /*  background: #F9FAFB;*/
   border:1px solid rgba(171, 171, 171, 0.2);
   margin:0 0.5%;
background:none;
   width: 14.4%;
   padding: 5px 5px 6px;
  font-size:12px;
color: #abadb3;
   font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: none;
outline: none;
background:none;
    box-sizing: border-box;
}
 input[type="submit"]
 {
 text-align:center;
     box-sizing: border-box;
 }
.formular
{
width:1200px;
margin:10px auto 15px;
padding: 10px 0 0;
text-align:center;
}
 
.InntopiaSearchDesktop
{
display:inline-block;
width:100%;
}
.InntopiaSearchTablet
{
display:none;
}
.InntopiaSearchMobile
{
display:none;
}
.art-footer-inner
{
   margin: 0 auto;
   width:1200px;
   padding:8px;
   padding-right: 8px;
   padding-left: 8px;
}

.skifooter
{
border-bottom:1px solid #C4C4C4;
}
.skifooter-box
{
 margin: 0 auto;
  width:1200px;
   padding:8px 0;
   color:#C4C4C4;
}

.skifooter-cell
{
  width:23%;
padding:1% 1% 2%;
   display:inline-block;
   text-align:left;
   vertical-align: top;
   font-family:Cabin;
   font-size:13px;
}
.bottom-logo
{
bottom: 10px;
    left: 50%;
    position: absolute;
    width: 50px;
}
.art-layout-cell1
{
width:50%;
display: inline-block;
}
.art-layout-cell-p1
{
text-align:left;
}
.art-layout-cell-p2
{
text-align:right;
}
img.ui-datepicker-trigger {
    margin: 0px 0 0 -30px;
    position: absolute;
    bottom: 0;
    top: 23px;
}
.halfpage
{
width:49%;
display:inline-block;
vertical-align:top;
}
}
@media screen and (min-width: 481px) and (max-width: 550px) { 
{
	.groupprice
{
	font-size:22px;
}
}
/*PROBLEM*/
@media screen and (min-width: 768px) and (max-width: 786px) { 
.InntopiaSearchDesktop {
    margin-top: 15px;
	}
	.formularline {
	background: white;
    margin-top: 20px;
	padding-top: 5px;
	}

}