@charset "utf-8";

@font-face { font-family: 'Roboto'; src: url('../fonts/roboto-bold-webfont-webfont.eot'); src: url('../fonts/roboto-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold-webfont-webfont.woff2') format('woff2'), url('../fonts/roboto-bold-webfont-webfont.woff') format('woff'), url('../fonts/roboto-bold-webfont-webfont.ttf') format('truetype'), url('../fonts/roboto-bold-webfont-webfont.svg#robotobold') format('svg'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('../fonts/roboto-regular-webfont-webfont.eot'); src: url('../fonts/roboto-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular-webfont-webfont.woff2') format('woff2'), url('../fonts/roboto-regular-webfont-webfont.woff') format('woff'), url('../fonts/roboto-regular-webfont-webfont.ttf') format('truetype'), url('../fonts/roboto-regular-webfont-webfont.svg#robotoregular') format('svg'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Playfair'; src: url('../fonts/playfairdisplay-bold-webfont.eot'); src: url('../fonts/playfairdisplay-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/playfairdisplay-bold-webfont.woff2') format('woff2'), url('../fonts/playfairdisplay-bold-webfont.woff') format('woff'), url('../fonts/playfairdisplay-bold-webfont.ttf') format('truetype'), url('../fonts/playfairdisplay-bold-webfont.svg#playfair_displaybold') format('svg'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Playfair'; src: url('../fonts/playfairdisplay-regular-webfont.eot'); src: url('../fonts/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/playfairdisplay-regular-webfont.woff2') format('woff2'), url('../fonts/playfairdisplay-regular-webfont.woff') format('woff'),
    url('../fonts/playfairdisplay-regular-webfont.ttf') format('truetype'), url('../fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg'); font-weight: 400; font-style: normal; }

html, body{ margin: 0 auto; padding: 0; font-family:'Roboto', sans-serif; font-size: 14px; font-weight: 400; line-height: 22px; color: #7e7e7d; }
.noscroll{ overflow: hidden; }
section{ padding: 25px 0; }

h1, h2, h3, h4, h5, h6{ font-family:'Playfair',sans-serif; font-weight: 700; margin-bottom: 25px; color: #222221; }
h1{ font-size: 36px; line-height: 44px; }
h2{ font-size: 28px; line-height: 36px; }
h3{ font-size: 22px; line-height: 30px; }
h4{ font-size: 18px; line-height: 26px; }
h5{ font-size: 16px; line-height: 24px; }
h6{ font-size: 14px; line-height: 22px; }


p{ margin-bottom: 25px; }
a, .slick-slide{ outline: none !important; }


a{ color: #c19b76; text-decoration: none !important; }
a:hover{ color: #92794e; }
a:focus, a:active, a:visited{ color: #c19b76; }
button{ text-decoration: none !important; }

ul.not_default{ margin: 0; }
ul.not_default li{ padding: 0; margin: 0; background: none; }
ul{ margin: 0 0 25px 10px; padding: 0; list-style-type: none; }
ul li{ padding-left: 26px; margin-bottom: 3px; background-repeat: no-repeat; -webkit-background-size: 14px 14px; -moz-background-size: 14px 14px; -ms-background-size: 14px 14px; -o-background-size: 14px 14px; background-size: 14px 14px; -webkit-background-position: left top 4px; -moz-background-position: left top 4px; -ms-background-position: left top 4px; -o-background-position: left top 4px; background-position: left top 4px; background-image: url(../images/icon_list_bullet.svg); }

.por{ position: relative; }
.poa{ position: absolute; }
.pof{ position: fixed; }
.pos{ position: static; }

/* COLORS */
.c_black{ color: #222221 !important; }
.c_yellow{ color: #c19b76 !important; }
.bg_black{ background-color: #222221 !important; }
.bg_yellow{ background-color: #c19b76 !important; }
.bg_red_light{ background-color: #f9f4f5; }


/* TRANSITIONS */
.trans03{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }


/* BUTTONS */
.button{ font-family: 'Playfair',sans-serif; display: inline-block; border: 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; color: #c19b76; text-transform: uppercase; font-weight: 700; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: none !important; padding:8px 25px; height: 40px; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.button:hover{ border-color: transparent; }
.button:before, .button:after{ content: " "; height: 1px; background-color: #c19b76; position: absolute; display: block; width: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.button:hover:before, .button:hover:after{ width: 100%;  }
.button:before{ left: 0; top: 0; }
.button:after{ right: 0; bottom: 0; }
.button_red{ color: #92283c; }
.button_red:before, .button_red:after{ background-color: #92283c; }
.button_read_more{ font-family: 'Playfair', sans-serif; font-weight: 700; display: inline-block; color: #222221; padding-left: 30px; background-repeat: no-repeat; -webkit-background-size: 20px; -moz-background-size: 20px; -ms-background-size: 20px; -o-background-size: 20px; background-size: 20px; -webkit-background-position: center left; -moz-background-position: center left; -ms-background-position: center left; -o-background-position: center left; background-position: center left; background-image: url(../images/icon_readmore_button.svg);  }
.button_read_more:hover{ -webkit-background-position: center left 6px; -moz-background-position: center left 6px; -ms-background-position: center left 6px; -o-background-position: center left 6px; background-position: center left 6px; }
.button_primary{ border: 0; display: block; text-align: center; width: 100%; text-transform: none; padding: 18px 35px; height: auto; font-size: 18px; }
.button_read{ background-color: #92283c; color: #fff; }
.button_read:hover, .button_read:focus, .button_read:active, .button_read:visited{ background-color: #701d2e; }
.button_primary:before, .button_primary:after{ display: none; }
.bookNowButton{ width:auto; position: absolute; right: 15px; bottom: 0px; }
.button_default{ padding: 15px 35px; border: 2px solid #fff; height:auto; color: #fff; }
.button_default:hover, .button_default:active:hover, .button_default:focus:hover, .button_default:visited:hover{ border: 2px solid #fff; background-color: #fff; color: #c19b76;}
.button_default:active, .button_default:focus, .button_default:visited{ color: #fff;}
.button_default:before, .button_default:after{ display: none; }
.button_default.button_yellow{ color: #c19b76; border-color: #c19b76; }
.button_default.button_yellow:hover, .button_default.button_yellow:active:hover, .button_default.button_yellow:focus:hover, .button_default.button_yellow:visited:hover{ border: 2px solid #c19b76; background-color: #c19b76; color: #fff;}
.button_default.button_yellow:active, .button_default.button_yellow:focus, .button_default.button_yellow:visited{ color: #c19b76;}
.button_default_small{ padding: 10px 45px; }
.button_more_about{ display: inline-block; text-transform: uppercase; font-family: 'Playfair', sans-serif; font-weight: 700; color: #7e7e7d; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-repeat: no-repeat; -webkit-background-size: 34px; -moz-background-size: 34px; -ms-background-size: 34px; -o-background-size: 34px; background-size: 34px; -webkit-background-position: top 3px left; -moz-background-position: top 3px left; -ms-background-position: top 3px left; -o-background-position: top 3px left; background-position: top 3px left; background-image: url(../images/icon_restoran.png); padding:10px 0 10px 45px; }
.button_more_about:hover{ color: #c19b76 !important; }
.button_more_about:focus, .button_more_about:active, .button_more_about:visited{ color: #7e7e7d; }

/* HEADER */
header{  font-family:'Playfair', sans-serif; font-size: 16px; background-color: #222221; position: relative; z-index: 99; }
.home header{ background: transparent; position: absolute; top: 0; right: 0; left: 0; }
.main_menu,.main_menu ul{ margin: 0; padding: 0; list-style-type: none; }
.main_menu{ text-align: right; display: inline-block; vertical-align: middle; }
.main_menu > li{ display: inline-block; position: relative; }
.main_menu > li.active > a, .main_menu > li > a:hover{ color: #c19b76; }
.main_menu li a, .lang_menu li a{ display: block; color: #fff; padding: 31px 20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.main_menu ul, .lang_menu li ul{ display: none; position: absolute; top: 100%; left: 0; min-width: 200px; max-width: 250px; text-align: left; background-color: rgba(193, 155, 118, 0.85); }
.main_menu ul ul{ top:0; left: 100%; }
.main_menu ul li a, .lang_menu li ul a{ padding: 7px 20px; border-bottom: 1px dotted rgba(255, 255, 255, 0.22); font-size: 13px; }
.main_menu ul li a:hover, .lang_menu li ul a:hover{ background-color: rgba(0, 0, 0, 0.12); border-bottom: 1px dotted rgba(255, 255, 255, 0.32); }
.main_menu ul li:last-child a, .lang_menu li ul li:last-child a{ border-color: transparent; }
.main_menu ul .dropdown > a{ background-repeat: no-repeat; -webkit-background-size: 13px 13px; -moz-background-size: 13px 13px; -ms-background-size: 13px 13px; -o-background-size: 13px 13px; background-size: 13px 13px; -webkit-background-position: right 10px center; -moz-background-position: right 10px center; -ms-background-position: right 10px center; -o-background-position: right 10px center; background-position: right 10px center; background-image: url(../images/icon_menu_right.svg); }
.rOptions, .menu_responsive ul{ display: none; }
.rOptions{ background-color: #c19b76; }
.rOptions ul{ margin: 0 !important; }
.menu_responsive a{ border-bottom: 1px solid #9c7b5b; display: block; color: #222221; padding: 7px 15px; position: relative; }
.menu_responsive a.expand{ padding-right: 40px; }
.menu_responsive a.expand:before{ content: " "; display: block; width: 20px; height: 20px; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-background-position: center center; -moz-background-position: center center; -ms-background-position: center center; -o-background-position: center center; background-position: center center; background-image: url(../images/icon_mobile_menu_right.svg); position: absolute; right: 10px; top: 50%; margin-top: -10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.menu_responsive a.expanded:before{ -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
.menu_responsive ul{ background-color: #ad8762; }
.menu_responsive ul a{ padding-left: 30px; font-size: 13px; }
.menu_responsive ul ul{ background-color: #907152; }
.menu_responsive ul ul a{ padding-left: 60px; border-color: #795e43 }
.menu_responsive > li:last-child a { border-color: transparent;}
.rButton{ display: inline-block; width: 34px; height: 34px; position: relative; margin-top: 4px; vertical-align: middle; }
.hamburger{ display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.hamb_item{ position: relative; display: block; width: 34px; height: 4px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; background-color: #fff; margin-bottom: 5px; top: 0; left: 0; }
.hamburger .hamb_item:nth-child(1){ -webkit-transition: all 0.3s ease-in-out 0.3s; -moz-transition: all 0.3s ease-in-out 0.3s; -ms-transition: all 0.3s ease-in-out 0.3s; -o-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s; }
.hamburger .hamb_item:nth-child(2){ -webkit-transition: all 0.3s ease-in-out 0.4s; -moz-transition: all 0.3s ease-in-out 0.4s; -ms-transition: all 0.3s ease-in-out 0.4s; -o-transition: all 0.3s ease-in-out 0.4s; transition: all 0.3s ease-in-out 0.4s; }
.hamburger .hamb_item:nth-child(3){ -webkit-transition: all 0.3s ease-in-out 0.3s; -moz-transition: all 0.3s ease-in-out 0.3s; -ms-transition: all 0.3s ease-in-out 0.3s; -o-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s; }
.rButton.active .hamburger .hamb_item:nth-child(1){ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 9px; }
.rButton.active .hamburger .hamb_item:nth-child(2){ left:-60px; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0;  -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.rButton.active .hamburger .hamb_item:nth-child(3){ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: -9px; }
.hamburger .hamb_item:last-child{ margin-bottom: 0; }
.lang_menu{ display: inline-block; vertical-align: middle; }
li.lang_list > a{ color: #c19b76; }
li.lang_list{ position: relative; }
li.lang_list ul{ min-width: 60px; max-width: 70px; position: absolute; top: 100%; left: 0; text-align: left; margin: 0 !important; }
.lang_mobile_wrap{ display: inline-block; vertical-align: middle; margin-right: 15px !important; position: relative; top: 3px; }
.lang_mobile_wrap ul{ display: none; position: absolute; top:100%; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); text-align: center; margin-left: 0 !important; background-color: rgba(193, 155, 118, 0.85); margin-top: 15px !important; }
.lang_mobile_wrap li.lang_list ul{ left: 50%; }
.lang_mobile_wrap a{ display: block; padding:5px 15px; text-transform: uppercase; font-weight: 700; }
.lang_mobile_wrap ul a{ color: #fff; }

/* LOGO */
.logo_wrap{ position: absolute; width: 500px; height: 254px; top: 0; left: -100px; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-background-position: center bottom; -moz-background-position: center bottom; -ms-background-position: center bottom; -o-background-position: center bottom; background-position: center bottom; background-image: url(../images/logo_triangle.svg); }
.logo{ margin:0 auto; display: block; width: 177px; height: 139px; background-repeat: no-repeat; -webkit-background-size: 177px; -moz-background-size: 177px; -ms-background-size: 177px; -o-background-size: 177px; background-size: 177px; -webkit-background-position: center center; -moz-background-position: center center; -ms-background-position: center center; -o-background-position: center center; background-position: center center; background-image: url(../images/logo-second.png); }
.home .logo_wrap{ background: transparent; }
.home header .logo{ width: 270px; height: 219px; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain;  background-image: url(../images/home_logo.png); margin: 0 auto; margin-top: 10px; }
.page .logo{ margin-top: 30px; }

/* SUBHEADER */
.subheader_wrap{ padding-top: 237px; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-background-position-x: 50%; -moz-background-position-x: 50%; -ms-background-position-x: 50%; -o-background-position-x: 50%; background-position-x: 50%; -webkit-background-position-y: 50%; -moz-background-position-y: 50%; -ms-background-position-y: 50%; -o-background-position-y: 50%; background-position-y: 50%; position: relative; }
.subheader_wrap .overlay{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.32) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.32) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.32) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#52000000',GradientType=0 ); }

/* SUBHEADER SMJESTAJ */
.subheader_smjestaj{ padding-top:441px; }
.subheader_smjestaj .titlePodnaslov, .subheader_wrap .title{ color: #fff; }
.subheader_smjestaj .titlePodnaslov{ font-family: 'Playfair', sans-serif; text-transform: none; font-weight: 400; font-size: 16px; }
.subheader_smjestaj .title{ margin-bottom: 0; }
.price_wrap{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 20px 0; font-family: 'Playfair', sans-serif; color: #fff; }
.price_wrap .price_amount{ font-size: 74px; }
.price_wrap .price_amount sup{ font-size: 25px; top: -22px; left: -13px; }
.price_wrap .per_night{ position: relative; left: -30px; }

/* ARTICLE */
article{ padding-left: 45px; padding-right: 25px; }
.article_img{ width: 100%; margin-bottom: 20px; }
.article_info{ padding:10px 0 5px 3px; border-top: 1px solid #e9e6e4; border-bottom: 1px solid #e9e6e4; margin-bottom: 25px; }
.published_date p{ margin-bottom: 0; font-family:'Playfair', sans-serif; font-size: 16px; color: #222221; margin-top: 3px;  }
.izdvojeno{ font-family:'Playfair', sans-serif; font-size: 16px; font-weight: 700; color: #c19b76; line-height: 24px; }
blockquote{ font-style: italic; font-family: 'Playfair', sans-serif; font-size: 14px; line-height: 24px; }
.table{ margin-bottom: 22px; }
.table>thead>tr>th, .table>thead>tr>td{ color: #C19B76; border-bottom-color: #C19B76; font-family: 'Playfair', sans-serif; font-size: 16px; font-weight: 700; }
.table>tbody>tr>td{ font-size: 12px; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ border-top: 1px solid #eeeff0; }
.table-responsive{ border: 0 !important; }
.embed-responsive{ margin-bottom: 22px; }

/* GALLERY */
.gallery_wrap{ overflow: hidden; }
.gallery{ margin:0 -10px 65px -10px !important; }
.gallery > li {width:33.33333%;float:left;}
.gallery > li > a {
    padding: 0 10px;
    display: block; }
.gallery > li:nth-child(n+4){
    display: none; }
.gallery img{
    width: 100%; }
.gallery .slick-slide a{ display: block; padding: 0 10px !important; }
.gallery_wrap .slick-slide a{ padding: 0; }
.gallery .slick-slide a img, .gallery_wrap .slick-slide a img{ width: 100%; }

/* GALLERY WIDE */
.gallery_wide_wrap{ padding: 0; overflow: hidden; }
.slick-no-slide .slick-track{ width: 100% !important; text-align: center; transform: inherit !important; }
.slick-no-slide .slick-slide{ float: none; display: inline-block; }
.gallery_wide a{ position: relative; display: block; }
.gallery_wide .overlay{ display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #c19b76; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.gallery_wide a:hover .overlay{ -webkit-opacity: 0.77; -moz-opacity: 0.77; -ms-opacity: 0.77; -o-opacity: 0.77; opacity: 0.77; }
.view_button_wrap{ display: block; position: absolute; text-align: center; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.gallery_wrap .button{ -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; color: #fff; border:0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.gallery_wrap .button:before, .gallery_wrap .button:after{ background-color: #fff; -webkit-transition: all 0.3s ease-in-out 0.3s; -moz-transition: all 0.3s ease-in-out 0.3s; -ms-transition: all 0.3s ease-in-out 0.3s; -o-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s; }
.gallery_wrap a:hover .button:before, .gallery_wrap a:hover .button:after{ width: 100%; }
.gallery_wrap a:hover .button{ -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }

/* SLICK */
.slick-dots {
    bottom: auto;
    top: 100%;
    margin-top: 15px;
}
.slick-dots li{ width: 20px; height: 20px; padding: 0; margin: 0 7px 0 7px !important; }
.slick-dots li button{ width: 100%; height: 100%; padding: 0; margin: 0; background-repeat: no-repeat; -webkit-background-size: 20px 40px; -moz-background-size: 20px 40px; -ms-background-size: 20px 40px; -o-background-size: 20px 40px; background-size: 20px 40px; -webkit-background-position: bottom center; -moz-background-position: bottom center; -ms-background-position: bottom center; -o-background-position: bottom center; background-position: bottom center; background-image: url(../images/icon_gallery_bullets.svg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.slick-dots li.slick-active button{ -webkit-background-position: top 1px center; -moz-background-position: top 1px center; -ms-background-position: top 1px center; -o-background-position: top 1px center; background-position: top 1px center; }
.slick-dots li button:before{ display: none; }

/* FORM */
form{ margin-bottom: 25px; }
label{ font-family: 'Playfair', sans-serif; font-size: 13px; color: #222221;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .form-control{ font-family: 'Playfair', sans-serif; font-weight: 700; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: 40px; font-size: 14px; border: 1px solid transparent; background-color: #faf6f3; color: #222221; }
.form-control:focus, .form-control:hover{ border-color: #c19b76; }
.form-control::-webkit-input-placeholder { font-family:'Playfair', sans-serif; font-weight: 700; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; color: #222221; }
.form-control::-moz-placeholder { font-family:'Playfair', sans-serif; font-weight: 700; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; color: #222221; }
.form-control:-ms-input-placeholder { font-family:'Playfair', sans-serif; font-weight: 700; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; color: #222221; }
.form-control:-moz-placeholder { font-family:'Playfair', sans-serif; font-weight: 700; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; color: #222221; }
.datepicker_form_control{ background-repeat: no-repeat; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -ms-background-size: 20px 20px; -o-background-size: 20px 20px; background-size: 20px 20px; -webkit-background-position: center right 5px; -moz-background-position: center right 5px; -ms-background-position: center right 5px; -o-background-position: center right 5px; background-position: center right 5px; background-image: url(../images/icon_form_control_arrow_down.svg); }
.nice-select:after{ border: 0 !important; content: " "; width: 20px; height: 20px; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-background-position: center center; -moz-background-position: center center; -ms-background-position: center center; -o-background-position: center center; background-position: center center; background-image: url(../images/icon_form_control_arrow_down.svg); margin-top: 0; -webkit-transform: rotate(0deg) translateY(-50%); -moz-transform: rotate(0deg) translateY(-50%); -ms-transform: rotate(0deg) translateY(-50%); -o-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%); right: 5px; }
.form-control::-ms-clear {display: none;}


/* ASIDE */
aside{ margin-top: 35px; color: #222221; }
.widget{ margin-bottom:50px; }
.widget .title, .reservation_item_wrap h2{ padding-top: 20px; position: relative; margin-bottom: 25px; font-size: 22px; line-height: 30px; color: #222221; font-weight: 700; }
.widget .title:before, .reservation_item_wrap h2:before{ content: " "; width: 66px; height: 5px; position: absolute; display: block; left: 0; top: 0; background-color: #c19b76; }

/* RELATED ARTICLES */
.related_articles_list{ margin-top: 35px !important; }
.related_item{ display: block; padding: 0 0 16px 100px; margin-bottom: 10px; font-family: 'Playfair', sans-serif; font-weight: 700; position: relative; border-bottom: 1px solid #dedad6; min-height: 95px; }
.related_item img{ width: 83px; position: absolute; top: 0; left: 0; }
.related_item .date{ font-size: 12px; color: #60605f; }
.related_item h4{ font-size: 14px; margin: 0; line-height: 18px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.active > .related_item h4, .related_item:hover h4{ color: #c19b76; }

/* NICESELECT */
.nice-select{ height: 40px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border-color: transparent; background-color: #FAF6F3; color: #222221; font-family: 'Playfair', sans-serif; font-weight: 700; padding-left: 15px;}
.nice-select:hover{ border-color: #c19b76; }
.nice-select.not_default .list{ margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid #c19b76; border-top: 0; left: -1px !important; right: -1px !important; }
.nice-select.not_default .list li{ background: none; }
.nice-select:active, .nice-select.open, .nice-select:focus{ border-color: #c19b76; }
.nice-select.open:after{ -webkit-transform: rotate(0deg) translateY(-50%); -moz-transform: rotate(0deg) translateY(-50%); -ms-transform: rotate(0deg) translateY(-50%); -o-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%); }

/* SECTION - CONTACT US */
.contact_wrap{ padding: 0; position: relative; }
.map_wrap{ position: relative; }
#map{ height: 570px; }
.contact_wrap #map{ margin-right: -15px; margin-left: -15px; }
.contact_wrap .contact_us_wrap{ width: 570px; display: inline-block; padding: 75px 75px 75px 0; position: relative; }
.title{ font-size: 52px; line-height: 60px; margin-top: 0; color: #c19b76; font-weight: 400; margin-bottom: 40px; }
.titlePodnaslov{ font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #222221; margin-bottom: 0; }
.contact_wrap .button{ margin-top: 20px; }
.contact_widget_list{ position: absolute; top: 50%; left: -63px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.contact_item{ display: block; width: 98px; height: 98px; background-color: #fff; background-color: rgba(192, 161, 107, 0.23); position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-bottom: 20px; }
.contact_widget_list li:last-child .contact_item{ margin-bottom: 0; }
.contact_item span{ display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.contact_item_icon{ width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-position: center center; -moz-background-position: center center; -ms-background-position: center center; -o-background-position: center center; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; transform-origin: center; }
.contact_item .inner_circle{ width: 86px; height: 86px; background-color: #c19b76; }
.contact_item_mail .inner_circle{ background-color: #49341d; }
.contact_item_phone .contact_item_icon{ background-image: url(../images/icon_phone_white.svg); }
.contact_item_phone:hover .contact_item_icon{ -webkit-animation: phoneanimation 2s ease-in-out infinite alternate; -moz-animation: phoneanimation 2s ease-in-out infinite alternate; -ms-animation: phoneanimation 2s ease-in-out infinite alternate; -o-animation: phoneanimation 2s ease-in-out infinite alternate; -khtml-animation: phoneanimation 2s ease-in-out infinite alternate; animation: phoneanimation 2s ease-in-out infinite alternate; transform-origin: center; }
.contact_item_mail:hover .contact_item_icon{ -webkit-animation: mailanimation 2s ease-in-out infinite alternate; -moz-animation: mailanimation 2s ease-in-out infinite alternate; -ms-animation: mailanimation 2s ease-in-out infinite alternate; -o-animation: mailanimation 2s ease-in-out infinite alternate; -khtml-animation: mailanimation 2s ease-in-out infinite alternate; animation: mailanimation 2s ease-in-out infinite alternate; transform-origin: center; }
.contact_item_mail .contact_item_icon{ background-image: url(../images/icon_mail_white.svg); }
@keyframes phoneanimation{
    0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); -moz-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg);}
    4% {-webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);}
    8% { -webkit-transform: translate(-50%, -50%) rotate(0deg); -moz-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg);}
    12% {-webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);}
    16% { -webkit-transform: translate(-50%, -50%) rotate(0deg); -moz-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg);}
    20% {-webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);}
    24% { -webkit-transform: translate(-50%, -50%) rotate(0deg); -moz-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg);}
    100% { -webkit-transform: translate(-50%, -50%) rotate(0deg); -moz-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg);}
}
@keyframes mailanimation{
    0% { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
    4% { -webkit-transform: translate(-42%, -50%); -moz-transform: translate(-42%, -50%); -ms-transform: translate(-42%, -50%); -o-transform: translate(-42%, -50%); transform: translate(-42%, -50%); }
    8% { -webkit-transform: translate(-58%, -50%); -moz-transform: translate(-58%, -50%); -ms-transform: translate(-58%, -50%); -o-transform: translate(-58%, -50%); transform: translate(-58%, -50%);}
    12% {-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
    16% { --webkit-transform: translate(-42%, -50%); -moz-transform: translate(-42%, -50%); -ms-transform: translate(-42%, -50%); -o-transform: translate(-42%, -50%); transform: translate(-42%, -50%); }
    20% {-webkit-transform: translate(-58%, -50%); -moz-transform: translate(-58%, -50%); -ms-transform: translate(-58%, -50%); -o-transform: translate(-58%, -50%); transform: translate(-58%, -50%);}
    24% { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
    100% { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
}

/* NEWSLETTER SECTION */
.section_newsletter{ position: relative; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -ms-background-position: center center; -o-background-position: center center; background-position: center center; text-align: center; padding: 80px 0; }
.section_newsletter .overlay{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.35); }
.section_newsletter .title{ font-size: 36px; line-height: 44px; margin-top: 5px; }
.section_newsletter .titlePodnaslov{ letter-spacing: 5px; }
.section_newsletter .title, .section_newsletter p, .section_newsletter .titlePodnaslov{ color: #fff; }
.newsletter_form_group_wrap{ position: relative; width: 40%; margin: 0 auto; }
.newsletter_form_group_wrap:after{ content: " "; display: block; width: 0; bottom: 0; height: 1px; background-color: #c19b76; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; left:0; }
.newsletter_form_group_wrap.active:after{ width: 100%; }
.newsletter_form_group_wrap .form-group{ margin: 0; }
.newsletter_form_group_wrap .form-control{ background-color: transparent; border: transparent; border-bottom: 1px solid #fff; text-align: center; font-size: 14px; color: #fff; }
.newsletter_form_group_wrap button{ position: absolute; right: 5px; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; background-color: transparent; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-background-position: center center; -moz-background-position: center center; -ms-background-position: center center; -o-background-position: center center; background-position: center center; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-image: url(../images/icon_newsletter_input_white.svg); }
.newsletter_form_group_wrap .form-control::-webkit-input-placeholder { color: #fff; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }
.newsletter_form_group_wrap .form-control::-moz-placeholder { color: #fff; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }
.newsletter_form_group_wrap .form-control:-ms-input-placeholder { color: #fff; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }
.newsletter_form_group_wrap .form-control:-moz-placeholder { color: #fff; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }
.newsletter_form_group_wrap .form-control:-webkit-autofill, .newsletter_form_group_wrap .form-control:-webkit-autofill:hover, .newsletter_form_group_wrap .form-control:-webkit-autofill:focus, .newsletter_form_group_wrap .form-control:-webkit-autofill:active { transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s; color: #fff !important; }


/* FOOTER */
footer{ background-color: #161616; font-size: 13px; padding: 25px 0 0 0; }
.footer_bottom{ background-color: #0a0a0a; }
footer .logo_wrap{ position: relative; left:auto; top:auto; background: transparent; width: 177px; height: 139px; }
footer .logo{ margin-top: 0; }
footer, footer a, footer h6{ color: #fff; }
footer h6{ font-family:'Roboto', sans-serif; text-transform: uppercase; letter-spacing: 3px; }
.recent_posts_list .publish_date{ font-family: 'Playfair', sans-serif; color: #7b7b7b; font-size: 13px; }
.recent_posts_list p{ font-weight: 700; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.contacts_list_footer.not_default li{ padding-left: 30px; padding-top: 2px; background-repeat: no-repeat; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -ms-background-size: 20px 20px; -o-background-size: 20px 20px; background-size: 20px 20px; -webkit-background-position: left top 4px; -moz-background-position: left top 4px; -ms-background-position: left top 4px; -o-background-position: left top 4px; background-position: left top 4px; color: #777777; margin-bottom:10px;}
.contacts_list_footer .address{ background-image: url(../images/icon_pin.svg); }
.contacts_list_footer .mail{ background-image: url(../images/icon_mail_white_footer.svg); margin-top: 55px; }
footer a{ color: #c19b76; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
footer a:focus, footer a:visited, footer a:active{ color: #fff; }
footer a:hover{ color: #c19b76; }
.contacts_list_footer a:hover{ color: #fff; }

.social_icons{ text-align: right; }
.social_icons li{ display: inline-block; }
.social_icons li a{ display: block; width: 20px; height: 20px; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-background-position: center center; -moz-background-position: center center; -ms-background-position: center center; -o-background-position: center center; background-position: center center; margin: 0 7px; -webkit-opacity: 0.55; -moz-opacity: 0.55; -ms-opacity: 0.55; -o-opacity: 0.55; opacity: 0.55; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.social_icons li a:hover{ -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }
.footer_bottom{ padding: 20px 0 10px 0; }
.social_icon.icon_facebook{ background-image: url(../images/icon_facebook.svg); }
.social_icon.icon_twitter{ background-image: url(../images/icon_twitter.svg); }
.social_icon.icon_google_plus{ background-image: url(../images/icon_google_plus.svg); }
.social_icon.icon_instagram{ background-image: url(../images/icon_instagram.svg); }

/* ARTICLE LIST */
.article_list_wrap{ padding: 45px 0; }
.article_list{ margin: 0 -25px !important; }
.article_list li{ display: block; width: 50%; float: left; padding: 0 25px !important; margin-bottom: 55px !important; }
.article_list li:nth-child(2n + 1){ clear: both; }
.article_list_item{ display: block; }
.article_list_item .img_wrap{ position: relative; }
.article_list_item .img_wrap img{ width: 100%; }
.article_list_item .img_wrap .overlay{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #c19b76; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.article_list_item:hover .img_wrap .overlay{ -webkit-opacity: 0.57; -moz-opacity: 0.57; -ms-opacity: 0.57; -o-opacity: 0.57; opacity: 0.57; }
.article_list_item .article_type{ display: inline-block; padding: 2px 10px; background-color: #92283c; font-size: 12px; font-family: 'Playfair', sans-serif; text-transform: uppercase; font-weight: 700; color: #fff; position: absolute; top: 10px; left: 10px; }
.article_list_item .img_wrap:after{ content: " "; display: block; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: 50px; margin-left: -20px; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-background-position: center center; -moz-background-position: center center; -ms-background-position: center center; -o-background-position: center center; background-position: center center; background-image: url(../images/icon_loupe.svg); -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.article_list_item:hover .img_wrap:after{ -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; margin-top: -20px; }
.article_list_item:hover .button, .article_list_item:hover .button{ border-color: transparent; }
.article_list_item:hover .button:before, .article_list_item:hover .button:after{ width: 100%; }
.article_list_item p{ color: #7e7e7d; }
.article_list_item_content{ padding: 0 15px; }

/* PAGINATION */
.pagination_wrap{ position: relative; }
.pagination_wrap:before{ content: " "; width: 100%; height: 1px; display: block; position: absolute; top: 50%; margin-top: -1px; background-color: #e0e0e0; }
ul.pagination{ background-color: #fff; padding: 0 20px; position: relative; }
.pagination>li>a, .pagination>li>span{ -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; border: 0 !important; background-color: #fff !important; font-family:'Playfair', sans-serif; font-weight: 700; color: #cec8c8; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ color: #222221; }
.pagination>li>a:hover, .pagination>li>span:hover{ color: #222221 !important; }

/* SMJESTAJ */
.smjestaj_wrap aside{ margin-top: -25px; }
.book_second_wrap{ padding: 20px; background-color: #f6f0eb; }
.book_second_wrap form{ margin-bottom: 0; }
.book_second_wrap .title{ padding-top: 0; }
.book_second_wrap .title:before{ display: none; }
.book_second_wrap .form-control{ background-color: #fbf9f7; }
.smjestaj_wrap article .indent{ margin-left: -45px; }
.amenities_list{ padding: 15px 0 5px 0; border-top: 1px solid #ccc6c0; border-bottom: 1px solid #ccc6c0; margin-bottom: 25px !important; }
.amenities_item{ width: 20%; float: left; padding-left: 30px !important; background-repeat: no-repeat !important; -webkit-background-size: 20px !important; -moz-background-size: 20px !important; -ms-background-size: 20px !important; -o-background-size: 20px !important; background-size: 20px !important; -webkit-background-position: top 1px left !important; -moz-background-position: top 1px left !important; -ms-background-position: top 1px left !important; -o-background-position: top 1px left !important; background-position: top 1px left !important; font-family:'Playfair', sans-serif; color: #222221; font-size: 16px; font-weight: 700; margin-bottom: 10px !important; }
.amenities_list li:nth-child(5n+1){ clear: both; }
.icon_sea_view{ background-image: url(../images/icon_sea_view.png) !important; }
.icon_ok{ background-image: url(../images/icon_ok.svg) !important; }
.icon_breakfast{ background-image: url(../images/icon_breakfast.png) !important; }
.icon_terrace{ background-image: url(../images/icon_terrace.png) !important; }
.icon_king_size{ background-image: url(../images/icon_king_size.png) !important; }
.icon_persons{ background-image: url(../images/icon_persons.png) !important; }
.additional_charges_list{ font-family: 'Playfair', sans-serif; color: #c19b76; font-weight: 700; font-size: 14px; }
.additional_charges_list li{ border-bottom: 1px solid #dedad6; padding: 10px 0 !important; }
.additional_charges_list li p{ position: relative; padding-right: 80px; margin-bottom: 0; }
.additional_charges_list li p .additional_price{ color: #222221; position: absolute; right: 0; top: 0; }
.notice{ margin-top: 10px; font-size: 12px; color: #a7a7a7; line-height: 18px; }

/* OTHER ROOMS */
.other_rooms_wrap{ background-color: #f7f2ed; padding:80px 0 45px 0; }
.other_rooms_list{ margin: 0 -38px 55px -38px !important; }
.other_rooms_item{ position: relative; display: block; margin: 0 38px !important; }
.other_rooms_item img{ width: 100%; }
.other_rooms_item .other_rooms_item_content{ position: absolute; right: 0; bottom: 15px; left: 0; padding: 0 35px; }
.other_rooms_item, .other_rooms_item .title, .other_rooms_item .price_wrap, .other_rooms_item .titlePodnaslov{ color: #fff; }
.other_rooms_item .title{ font-size: 30px; line-height: 38px; margin: 0 0 15px 0; }
.other_rooms_item .price_wrap{ display: inline-block; }
.other_rooms_item .titlePodnaslov{ font-family: 'Playfair', sans-serif; text-transform: none; font-weight: 400; }
.other_rooms_item .price_wrap{ padding: 15px 0; }
.other_rooms_item .price_wrap .price_amount{ font-size: 54px; }
.other_rooms_item .price_wrap .price_amount sup{ font-size: 21px; top: -14px; left: -10px; }
.other_rooms_item .price_wrap .per_night{ left: -26px; top: 3px; font-size: 13px; }
.other_rooms_item .overlay{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #46361f; -webkit-opacity: 0.45; -moz-opacity: 0.45; -ms-opacity: 0.45; -o-opacity: 0.45; opacity: 0.45; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.other_rooms_item:hover .overlay{ -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; }
.other_rooms_wrap .slick-dots{ bottom:-55px; }
.other_rooms_list.slick-dotted{ margin-bottom:85px !important; }

/* ROTATOR */
.rotator_wrap{ padding: 0; position: relative; overflow: visible; background-color: #c19b76; }
.royalSlider{ width: 100%; height: 837px; color: #fff; }
.royalSlider > .rsContent{ visibility: hidden; }
.rotator_wrap .overlay{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.7) 19%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.7) 19%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.7) 19%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );}
.rsABlock{ position: absolute; top: 50%; right: 0; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: -60px; }
.royalSlider .title{ margin-bottom: 0; margin-top: 0; font-size: 44px; font-weight: 700; }
.royalSlider .podnaslov{ padding-right: 150px; }
.booking_form_wrap{ position: absolute; z-index:98; top: 50%; right: 0; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; margin-top: 42px; -webkit-font-smoothing: subpixel-antialiased; }
.booking_form_wrap .book_second_wrap{ pointer-events:auto; background-color: rgba(246, 240, 235, 0.90); }
.booking_form_wrap .title{ font-size: 34px; font-weight: 400; color: #222221; line-height: 42px; margin-bottom: 30px; }
.booking_form_wrap .nice-select, .booking_form_wrap .form-control{ height: 52px; line-height: 52px; }
.booking_form_wrap .form-group{ margin-bottom: 25px; }
.button_down_wrap{ position: absolute; right: 0; bottom: 0; left: 0; height: 50px; background-color: rgba(193, 155, 118, 0.44); cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:10; }
.button_down_wrap:hover{ background-color: rgba(193, 155, 118, 0.74); }
.button_down{ display: block; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px;  background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-background-position: center center; -moz-background-position: center center; -ms-background-position: center center; -o-background-position: center center; background-position: center center; background-image: url(../images/icon_rotator_arrow_down_white.svg);  }


.bk-list-desc {display:block; line-height:16px; font-size:11px;  margin-top:-10px; margin-bottom: 10px; color:#72726f; padding-bottom: 8px}
.nice-select.not_default .list li { border-bottom:1px solid #f6f6f6;  min-height: auto !important; line-height:35px !important; margin-bottom:0}
.nice-select.not_default .list li:hover { background-color: #faf6f3}
.nice-select.not_default .list li:last-child {border-bottom: 0}
form.frmBooking .nice-select .option {}
.nice-select span.current {white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;}


/* ABOUT US */
.onama_wrap{ padding:80px 0; background-repeat: no-repeat; -webkit-background-size: 337px; -moz-background-size: 337px; -ms-background-size: 337px; -o-background-size: 337px; background-size: 337px; -webkit-background-position: center center; -moz-background-position: center center; -ms-background-position: center center; -o-background-position: center center; background-position: center center; background-image: url(../images/logo_slovo.svg); }

/* NASI APARTMANI */
.nasiapartmani_wrap{ padding: 80px 0; }
.nasiapartmani_wrap .other_rooms_list{ margin-top: 50px !important; }

/* LATEST NEWS */
.latest_news_wrap{ padding:80px 0; }
.article_list_slick{ margin:0 -30px 80px -30px !important; }
.article_list_slick .article_list_item{ margin:0 30px; }
.article_list_slick .slick-dots{ bottom: -45px; }

/* RESTORAN */
.restoran_wrap{ padding: 0; overflow: hidden; }
.restoran_left_column{ z-index:2; }
.restoran_content{ padding: 100px 0; }
.restoran_tabs{ font-family: 'Playfair', sans-serif; text-transform: uppercase; font-weight: 700; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px !important; }
.restoran_tabs li{ display: inline-block;}
.restoran_tabs li a{ display: block; padding: 14px 20px; color: #7e7e7d; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.restoran_tabs li:first-child a{ padding-left: 0; }
.restoran_tabs li.active a, .restoran_tabs li a:hover{ color: #c19b76; }
.restoran_img{ margin-left: -150px; height: 100%; }

/* RESERVATION */
.article_wrap_reservation{ /*padding-top: 0;*/ }
.title.titleReservation{ font-weight: 700; font-size: 34px; border-bottom: 1px solid; }
.reservation_item_wrap{ margin-top: 35px; }
.reservation_item p strong{ font-family: 'Playfair', sans-serif; }
/*.reservation_item_wrap h2{ font-size: 22px; margin-bottom: 15px; }*/
.iradio_minimal-aero + label, .icheckbox_minimal-aero + label{ margin-top: 5px; margin-left: 5px; }
.submit_wrap{/* border-top: 3px solid #c19b76; */margin-top: 27px; }
.submit_wrap .button{ width:auto; display: inline-block; padding:9px 25px; font-size: 14px; }

/* MOBILE RESERVATION */
.mobile_reservation_wrap{ position: fixed; top: 100%; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.98); z-index:9999; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-top: -52px; display: none;}
.mobile_reservation_wrap.active{ top: 0; overflow-y: auto;  }
.mobile_reservation_wrap.active .mobile_reservation_head .button{ background-color: #fff; color: #222221; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; }
.mobile_reservation_head .button:hover, .mobile_reservation_head .button:visited, .mobile_reservation_head .button:active, .mobile_reservation_head .button:focus{ color: #fff; background-color: #92283c; }
.mobile_reservation_body{ padding-top: 25px; position: relative; }
.mobile_reservation_body form{ margin-top: 25px; }
.button_close_reservation_modal{ display: block; position: absolute; width: 30px; height: 30px; top: 15px; right: 15px; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-background-position: center center; -moz-background-position: center center; -ms-background-position: center center; -o-background-position: center center; background-position: center center; background-image: url(../images/icon_close.svg); -webkit-opacity: 0.15; -moz-opacity: 0.15; -ms-opacity: 0.15; -o-opacity: 0.15; opacity: 0.15; }

/* RESERVATION PORUKE */
.poruka_wrap {
    margin-top: 35px;
}
.poruka-uspjeh {
    display: block;
    width: 100%;
    height: 60px;
    background: url(../images/icon-success.svg) no-repeat;
    background-size: 60px 60px;
    background-position: center right;
}
.poruka-fail {
    display: block;
    width: 100%;
    height: 60px;
    background: url(../images/icon-cancel.svg) no-repeat;
    background-size: 60px 60px;
    background-position: center right;
}
label.error {
    font-size: 12px;
    padding-left: 15px;
    color:#92283c;
    margin-bottom: 0;
}

/* DOCUMENT LIST */
.document_list{ margin-bottom: 25px; }
.document_item{ display: block; padding: 10px 40px 10px 15px; background-color: #faf6f3; color: #585858 !important; font-size: 13px; position: relative; border-bottom: 1px solid; border-color: #efe4dc; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.document_list li:last-child .document_item{ border-color: transparent; }
.document_item:after{ content: " "; display: block; width: 20px; height: 20px; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-background-position: center center; -moz-background-position: center center; -ms-background-position: center center; -o-background-position: center center; background-position: center center; background-image: url(../images/icon_download.svg); position: absolute; right: 10px; top: 10px; -webkit-opacity: 0.2; -moz-opacity: 0.2; -ms-opacity: 0.2; -o-opacity: 0.2; opacity: 0.2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.document_item:hover{ background-color: #f7eae0; }

.vec_od_text{ display: block; margin-top: -9px; margin-bottom: 9px; }
.vec_od_subheader{ margin-bottom: 22px; }

@media only screen and (max-width: 1400px){

    /* BUTTONS */
    .button_primary{ font-size: 16px; padding: 15px 35px; }

    /* ROTATOR */
    .royalSlider{ height: 100vh; }
    .rsABlock{ margin-top: 0; }

    /* ROTATOR */
    .booking_form_wrap .nice-select, .booking_form_wrap .form-control{ height: 40px; line-height: 40px; }
    .booking_form_wrap .form-group{ margin-bottom: 15px; }
    .booking_form_wrap .title{ font-size: 28px; line-height: 36px; margin-bottom: 15px; }

}

@media only screen and (max-width : 1200px){
    section{ padding: 20px 0; }
    .smjestaj_wrap aside{ margin-top: -20px; }

    h1, h2, h3, h4, h5, h6{ margin-bottom: 20px; }
    h1{ font-size: 34px; line-height: 42px; }
    h2{ font-size: 26px; line-height: 34px; }
    h3{ font-size: 20px; line-height: 28px; }
    h4{ font-size: 16px; line-height: 24px; }
    h5{ font-size: 14px; line-height: 22px; }
    h6{ font-size: 12px; line-height: 20px; }
    p{ margin-bottom: 20px; }


    /* HEADER */
    .main_menu li a{ font-size: 14px; }
    .logo_wrap{ width: 370px; height: 180px; left: -60px; }
    .logo{ -webkit-background-size: 126px; -moz-background-size: 126px; -ms-background-size: 126px; -o-background-size: 126px; background-size: 126px; }
    .home header .logo_wrap{ width: 260px; height: 160px; }
    .home header .logo{ height: 190px; width: 154px; }
    .page .logo{ margin-top: 0px; }

    /* SECTION - CONTACT */
    .contact_wrap .contact_us_wrap{ width: 470px; }

    /* SUBHEADER SMJESTAJ */
    .subheader_smjestaj{ padding-top: 241px; }

    /* OTHER ROOMS */
    .other_rooms_list{ margin: 0 -10px 55px -10px !important; }
    .other_rooms_item{ position: relative; display: block; margin: 0 10px !important; }

    /* LATEST NEWS */
    .article_list_slick{ margin-left: -10px !important; margin-right: -10px !important; }
    .article_list_slick .article_list_item{ margin: 0 10px; }


}
@media only screen and (max-width : 992px){

    .smjestaj_wrap aside{ margin-top: 0; }

    .onama_wrap, .nasiapartmani_wrap, .latest_news_wrap{ padding:50px 0; }
    .other_rooms_wrap{ padding-top: 50px; }

    h1{ font-size: 30px; line-height: 38px; }
    h2{ font-size: 24px; line-height: 32px; }
    h3{ font-size: 18px; line-height: 26px; }
    h4{ font-size: 14px; line-height: 22px; }
    h5{ font-size: 13px; line-height: 20px; }
    h6{ font-size: 12px; line-height: 18px; }
    .title{ font-size: 50px; line-height: 58px; margin-bottom: 38px; }

    /* HEADER */
    .logo_wrap{ left: -110px; }
    .header_bottom{ padding:15px 0; }
    .menu_responsive li.lang_list{ display: none; }
    .home header{ background-color: #222221; }
    .home header .logo_wrap{ background-image: url(../images/logo_triangle.svg); background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-background-position: top center; -moz-background-position: top center; -ms-background-position: top center; -o-background-position: top center; background-position: top center; width: 370px; height: 180px; }
    .home header .logo{ width: 177px; height: 139px; -webkit-background-size: 126px; -moz-background-size: 126px; -ms-background-size: 126px; -o-background-size: 126px; background-size: 126px; margin-top: -4px; }
    .home header{ position: relative; }

    /* ROTATOR */
    .royalSlider{ height: 550px; }
    .rsABlock{ margin-top: -60px; }

    /* ARTICLE */
    article{ padding: 0; }
    .indent{ margin-left: 0 !important; }

    /* SECTION - CONTACT */
    .contact_wrap .contact_us_wrap{ width: 360px; }

    /* SMJESTAJ */
    .price_wrap{ display: inline-block; padding:12px 15px 12px 0; margin-top: 15px; }
    .price_wrap .price_amount{ font-size: 44px; }
    .price_wrap .price_amount sup{ font-size: 16px; top: -11px; left: -8px;}
    .price_wrap .per_night{ left: -22px; font-size: 12px; top: 5px; }

    /* SMJESTAJ LIST */
    .other_rooms_list li{ margin-bottom: 20px !important; }


    /* OTHER ROOMS */
    .other_rooms_item .other_rooms_item_content{ bottom: 15px; padding: 0 15px; }
    .other_rooms_item .price_wrap{ padding:6px 0 12px 0; margin-top: 6px; }
    .other_rooms_item .price_wrap .price_amount{ font-size: 30px; }
    .other_rooms_item .price_wrap .price_amount sup{ font-size: 14px; top: -5px; left: -5px; }
    .other_rooms_item .price_wrap .per_night{ left: -17px; top: 8px; font-size: 11px; }
    .other_rooms_item .title{ font-size: 26px; line-height: 34px; margin:0; }
    .other_rooms_item .titlePodnaslov{ font-size: 10px; line-height: 14px; }

    .vec_od_text{ margin-bottom: 0; margin-top: 0; }

    /* MOBILE RESERVATION */
    .mobile_reservation_wrap{ display: block; }

    /* RESERVATION PORUKE */

    .poruka-uspjeh {
        height: 60px;
        background: url(../images/icon-success.svg) no-repeat;
        background-size: 60px 60px;
        background-position: center left;
    }
    .poruka-fail {
        display: block;
        width: 100%;
        height: 60px;
        background: url(../images/icon-cancel.svg) no-repeat;
        background-size: 60px 60px;
        background-position: center left;
    }
    h3.moj-racun.poruka-naslov {
        margin-top: 10px;
    }
    .rezervacija-poruka h3, .rezervacija-poruka p {
        margin-left:-30px;
    }

    .vec_od_subheader{ margin-bottom: 5px; }

}
@media only screen and (max-width : 768px){
    section{ padding: 15px 0; }
    .onama_wrap, .nasiapartmani_wrap, .latest_news_wrap{ padding:40px 0;}
    .other_rooms_wrap{ padding-top: 40px; }

    h1, h2, h3, h4, h5, h6{ margin-bottom: 20px; }
    h1{ font-size: 28px; line-height: 36px; }
    h2{ font-size: 24px; line-height: 30px; }
    h3{ font-size: 18px; line-height: 24px; }
    h4{ font-size: 14px; line-height: 20px; }
    h5{ font-size: 12px; line-height: 18px; }
    h6{ font-size: 11px; line-height: 16px; }
    p{ margin-bottom: 15px; }
    .title{ font-size: 48px; line-height: 56px; margin-bottom: 36px; }

    /* BUTTONS */
    .button_default{ padding:10px 25px; }

    /* HEADER */
    .logo_wrap{ width: 300px; height: 130px; left: -80px; }
    .logo{ width: 100px; height: 79px; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; margin-top: -26px; }
    .rOptions ul.menu_responsive{ margin:0 -15px !important; }

    /* ROTATOR */
    .royalSlider .title{ font-size: 40px; line-height: 48px; }
    .royalSlider .podnaslov{ padding-right: 0; font-size: 13px; line-height: 21px; }

    /* ARTICLE */
    .published_date{ text-align: left; }

    /* SECTION - CONTACT */
    .contact_wrap .contact_us_wrap{ width: 100%; padding-right: 0; text-align: center; }
    .contact_widget_list{top: -49px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
    .contact_widget_list li{ display: inline-block; }
    .contact_widget_list li a{ margin-bottom: 0; margin-right: 10px; }
    .contact_widget_list li:last-child a{ margin-right: 0; }
    #map{ height: 370px !important; }

    /* SECTION - NEWSLETTER */
    .newsletter_form_group_wrap{ width: 80%; }
    .section_newsletter .title{ font-size: 28px; line-height: 34px; }

    /* FOOTER */
    .footer_widget{ margin-bottom: 45px; }
    .contacts_list_footer .mail{ margin-top: 0; }
    .social_icons{ text-align: left; }

    /* ARTICLE LIST */
    .article_list{ margin: 0 -5px !important; }
    .article_list li{ padding: 0 5px !important; }

    /* SMJESTAJ */
    .amenities_item{ width: 33.333333333333%; font-size: 14px; }
    .amenities_list li:nth-child(3n+1){ clear: both; }
    .amenities_list li:nth-child(5n+1){ clear: none; }

    /* RESTORAN */
    .restoran_content{ padding:50px 0; }
    .restoran_tabs li a{ padding:14px 15px; }

    /* SECTION OTHER ROOMS */
    .other_rooms_list{ margin-left: -15px !important; margin-right: -15px !important; }
    .other_rooms_item{ margin: 0 !important; }

    footer{ padding-bottom: 52px; }

    /* RESERVATION PORUKE */

    .poruka-uspjeh {
        height: 40px;
        background: url(../images/icon-success.svg) no-repeat;
        background-size: 40px 40px;
        background-position: center left;
    }
    .poruka-fail {
        display: block;
        width: 100%;
        height: 40px;
        background: url(../images/icon-cancel.svg) no-repeat;
        background-size: 40px 40px;
        background-position: center left;
    }
    h3.moj-racun.poruka-naslov {
        margin-top: 10px;
    }
    .poruka_wrap {
        margin-top: -15px;
    }

    .other_rooms_item .title{ font-size: 20px; line-height: 26px; }
    .other_rooms_item .price_wrap .price_amount{ font-size: 24px; }
    .vec_od_text{ font-size: 10px; line-height: 12px; }

}
@media only screen and (max-width: 560px){

    .other_rooms_list{ margin-left: 0 !important; margin-right: 0 !important; }
    .other_rooms_list > li{ float: none; width: 100%; }

}
@media only screen and (max-width : 480px){

    html, body{ font-size: 13px; }
    .onama_wrap, .nasiapartmani_wrap, .latest_news_wrap{ padding:30px 0;}
    .other_rooms_wrap{ padding-top: 30px; }

    .title{ font-size: 36px; line-height: 44px; margin-bottom: 25px; }
    .izdvojeno{ font-size: 14px; }

    /* HEADER */
    header{ background: none; }
    body.page header{ margin-bottom: -70px; }
    .lang_mobile_wrap{ float: left; }
    .logo_wrap{ left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: none; width: 177px; height: 139px; z-index:9; }
    .logo{ width: 100%; height: 100%; margin-top: 5px; }
    .lang_mobile_wrap{ top: 6px; }
    .lang_mobile_wrap ul{ margin-top: 5px !important; }
    .home header{ background-color: transparent; }
    .home header .logo_wrap{ background-image: none; width: 177px; height: 139px; }
    .home header .logo{ -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; margin-top: 5px; }

    /* ROTATOR */
    body.home .rotator_wrap{ top: -70px; margin-bottom: -70px; }
    .royalSlider{ height: 440px; }
    .rsABlock{ text-align: center; margin-top: -55px; }
    .royalSlider .title{ font-size: 26px; line-height: 30px; margin-bottom: 5px; }
    .royalSlider .podnaslov{ font-size: 13px; line-height: 18px; }
    .button_down_wrap{ height: 40px; }

    /* SECTION - CONTACT */
    .contact_item{ width: 70px; height: 70px; }
    .contact_item .inner_circle{ width: 60px; height: 60px; }
    .contact_widget_list{ top: -35px; width: 100%; text-align: center; }
    #map{ height: 270px !important; }

    /* ARTICLE LIST */
    .article_list{ margin: 0 !important; }
    .article_list li{ float: none; width: 100%; padding:0 !important; }

    /* SMJESTAJ */
    .amenities_list{ padding-bottom: 0; }
    .amenities_item{ width: 50%; margin-bottom: 15px !important; }
    .amenities_list li:nth-child(2n+1){ clear: both; }
    .amenities_list li:nth-child(3n+1){ clear: none; }
    .bookNowButton{ position: relative; left: auto; right: auto; margin-left: -15px; margin-right: -15px; margin-top: 15px; }

    /* NASI APARTMANI */
    .nasiapartmani_wrap .other_rooms_list{ margin-left: -15px !important; margin-right: -15px !important; }
    .nasiapartmani_wrap .other_rooms_list .other_rooms_item{ margin: 0 !important; }
    .other_rooms_list.slick-dotted{ margin-bottom: 60px !important; }
    .other_rooms_list.slick-dotted .slick-dots{ bottom: -41px; }

    /* LATEST NEWS */
    .article_list_slick{ margin-left: -15px !important; margin-right: -15px !important; margin-bottom: 40px !important; }
    .article_list_slick .article_list_item{ margin: 0; }
    .article_list_slick .article_list_item{ text-align: center; }

    /* CONTACT US */
    .contact_wrap .contact_us_wrap{ padding-top: 30px; padding-bottom: 60px; }

    /* RESTORAN */
    .restoran_img{ margin-left: -200px; }

    .rezervacija-poruka h3, .rezervacija-poruka p {
        margin-left:0;
    }
    .poruka-uspjeh, .poruka-fail {
        width: 40px;
    }

    /* GALLERY */
    .gallery > li{
        width: 100%; }

    .gallery > li:nth-child(n+2){
        display: none; }

    .other_rooms_item .titlePodnaslov{ font-size: 11px; line-height: 16px; }


}
@media only screen and (max-width: 440px){
    .restoran_tabs li a{ padding: 8px 8px; font-size: 12px; }
}
@media only screen and (max-width: 320px){

    .restoran_left_column{ width: 100%; }
    .restoran_right_column{ display: none; }

}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2){
    
    /* BUTTONS */
    .button_more_about{ background-image: url(../images/icon_restoran_retina.png); }
    
    /* HEADER */
    .logo{ background-image: url(../images/home_logo_retina.png); }

    .icon_sea_view{ background-image: url(../images/icon_sea_view_retina.png); }
    .icon_breakfast{ background-image: url(../images/icon_breakfast_retina.png); }
    .icon_terrace{ background-image: url(../images/icon_terrace_retina.png); }
    .icon_king_size{ background-image: url(../images/icon_king_size_retina.png); }
    .icon_persons{ background-image: url(../images/icon_persons_retina.png); }

}

@media (min-width: 1200px){
    .visible-lg{ display: block !important; }
    .hidden-lg{ display: none !important; }
}

@media (max-width: 1200px) and (min-width: 992px){
    .visible-md{ display: block !important; }
    .hidden-md{ display: none !important; }
}

@media (max-width: 992px) and (min-width: 768px){
    .visible-sm{ display: block !important; }
    .hidden-sm{ display: none !important; }
}
@media (max-width: 768px){
    .visible-xs{ display: block !important; }
    .hidden-xs{ display: none !important; }
}

/* custom */
.ui-datepicker-title select{color:#333 !important;}