/*--- New  css ---*/
/*--- New  css ---*/
/*--BOOSTRAP---*/
.aligner{top: -100px;}
.aligner1{width:200px;}
.im-centered0 { margin: auto; max-width: 1600px;}
.im-centered { margin: auto; max-width: 1000px;}
.im-centered2 { margin: auto; max-width: 1400px;}
.im-centered3 { margin: auto; max-width: 1200px;}
.im-centered4 { margin: auto; max-width: 1600px;}
.im-centered5 { margin: auto; max-width: 1100px;}
.im-centered6 { margin: auto; max-width: 1300px;}
.im-centered7 { margin: auto; max-width: 580px;}
.im-centered8 { margin: auto; max-width: 200px;}

/*-- Ribbon left --*/

.mt-element-ribbon .ribbon, .mt-element-ribbon .ribbon.ribbon-color-default, .mt-element-ribbon .ribbon.ribbon-color-default > .ribbon-sub, .mt-element-ribbon .ribbon > .ribbon-sub {background-color: #fc5569;color: #fff;}
.mt-element-ribbon {position: relative;margin-bottom: 30px;}
.mt-element-ribbon .ribbon-content {margin: 0;padding: 25px;clear: both;}
.mt-element-ribbon .ribbon {padding: .5em 1em;z-index: 5;float: left;margin: 10px 0 0 -10px;clear: left;position: absolute;}
.mt-element-ribbon .ribbon.ribbon-shadow {box-shadow: 2px 2px 7px rgba(0, 0, 0, .4)}

/*---Ribbon left ---*/
/*--- RESPONSIVE CODE ---*/

.margin_top{margin-top: -30px;}
.label_res{z-index:9999;}
.label_margin{ left: 250px;}
.centered {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.marginal{padding-top: -20px;height: 100%;}
.floater{float: left;}
.responsiveness{padding: 0px 80px 0px 80px;}
.responsiveness2{padding: 0px 80px 0px 80px;}
.responsiveness3{padding: 0px 10px 0px 10px;}
.responsiveness5{padding: 0px 10px 0px 10px;}
#responsiveness2{position: static;}
#responsiveness3{position: static;padding: 0px 0px -60px 0px ;}
.responsiveness_blog{  padding: 0px 0px 0px -100px;}
.blogger{margin-left: -170px}
.button_responsive{width: 100%;padding-left: 25px;}
.footer_rows_responsive2{float: left;}
.footer_rows_responsive{}
/*--- RESPONSIVE CODE ---*/

.box_style{list-style: none;}
.box_style a:hover {color:black;}
.box_style a:visited {color:black;}
.box_style a:link {color:black;}
.box1{list-style-type: none;margin-left: 170px; text-align: right; float: left;text-decoration: none;font-size: 14px;color: #000000;}
.box2{margin-left: 50px; float: left;text-align: center;}
.box3{ list-style-type: none;padding-left: 190px;text-align: left; float: left;text-decoration: none;font-size: 14px;color: black;}
.box1 .box2 box3 a:hover {color:black;}
.box1 .box2 box3 a:active {color:black;}
.box1 .box2 box3 a:visited {color:black;}
.box1 .box2 box3 a:link {color:black;}

.upcomingevents_closer{margin-bottom: -100px}
.about_putter{margin-top: 400px;}
.about_separator{margin-top: -100px;}
.my_box{width: 330px;height: 420px;background-color: #0c9ebc;color: #fff;border: solid 5px #fff;box-shadow: 1px 1px 10px 1px rgba(229,229,229,1);}
.my_box_first{width: 307px;height:40px;background-color: #fecb2d;padding: 12px;color: #222;}
.box_text1{padding-top: 20px; margin-top: 20px ;margin-left: 10px;margin-bottom: -10px;font-size: 18px;}
.select1{margin-left: 20px;margin-top: 20px; width: 280px;height: 45px;font-size: 16px;}
.box_dates{}
.box_date{margin-left: 20px;margin-top: 20px; width: 280px;height: 45px;font-size: 16px;border: none;text-indent: 36px;
background: #fff url(images/icon-date.png) 10px 14px no-repeat;}
.box_button{margin-left: 20px;margin-top: 20px;width: 280px;height: 45px;background-color: #fe5766;color: #fff;font-size: 16px;font-weight: 700;cursor: pointer;border: none;text-indent: 0;font-family: 'Roboto', sans-serif;}
.new_bgr{background-color: #ffffff}
.link_width{ width: 50%;margin-right: 200px;padding-right: 200px;max-width: 200px;}
.checkbox1{text-align: center;width:500px;margin: 0 auto;}
.pusher_contacts{position: relative;width:100%;margin-right:-1200px;}
.page_centering{margin-right: 200px;width: 1204px;position: static;margin:auto;width:100%}
.event_separator3{ margin-bottom:-350px;height:500px;top: 200px; background-color:#e9f3fd;}
.layout_contact{ top:200;margin-top: 100px;}
.event_separator2 {margin-bottom:-340px;height:100%;}
.box_app{background-color: #e4e5e6; margin-top: -20px; height: 400px;}
.box_app2{background-color: #e4e5e6; margin-top: -20px; height: 400px;}
.gall_app{width:700px;}
.app_search {position: static;float: left;margin-left: 1500px;}
.apartment_containr{position: static; float: left;width: 1500px;}
.event_detail_text{width: 740px;margin-top: 160px;} 
.about_us_tittle{background-color: #e9f3fd; height:180px;}
.valid1{text-decoration: none;color: #fff;background:none;text-align: center;padding: 8px 20px 0px 0px;display: none;text-align:right;cursor:pointer;}
#marge{margin-left: -200px;}
#marge2{margin-left: -180px;}
.text_putter{margin-top: 30px;}
.mimi{width: 300px;height: 414px; position: static;}
.mimi2{width: 300px;height: 414px; position: static; left:870px;top: 0px;/*--padding: 0px 10px 0px 10px ---*/}
.separator_text{height: 180px;}
.separator_text2{height: 140px;}
.spanner1{ margin: 5px 5px 5px 5px;padding: 5px 5px 5px 5px;font-weight: 700;font-size: 20px;text-align: left;}
.spanner2{  margin: 5px 5px 5px 5px;padding: 5px 5px 5px 5px;font-family: 'Roboto', sans-serif;color: #222;font-size: 16px;font-weight: 300;}
.spanner3{margin: 5px 5px 5px 5px;padding: 5px 5px 5px 5px;padding: 5px 5px 5px 5px;font-size: 16px;font-weight: 300;text-align: left;}
.spanner4{color: #0d9ebd;font-size: 14px;text-decoration: none !important;background: url(images/arrow-thin.png) right no-repeat;margin: 0px 0px 0px 30px;padding: 0px 20px 0px 0px;float: left;}
.spanner4 a:hover, a:visited, a:link, a:active{text-decoration: none;color: #0d9ebd;}
.spanner1_ev{margin: 20px -50px 5px 5px;padding: 5px 5px 5px 5px;font-weight: 700;font-size: 30px;text-align: left;}
.spanner2_ev{margin: 5px 5px 5px 5px;padding: 5px 5px 5px 5px;font-weight: 700;font-size: 20px;text-align: left;}
.spanner3_ev{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-weight: 300;font-size: 40px;text-align: left;background-color:#ffffff;height: 100px;}
.spanner4_ev{margin-top: -30px;padding: 5px 5px 5px 5px;font-weight: 300;font-size: 20px;text-align: left;}
.pic1{    border: solid 5px #fff;box-shadow: 1px 1px 5px 1px rgba(229,229,229,1);}
.label2 {padding-top: 5px;padding-left: 5px; position: absolute;top:80px;width: 120px;background-color: #0c9dbc;color: #fff;height: 25px;left: 5px;font-family: 'Roboto', sans-serif}
.label3 {padding-top: 5px;padding-left: 5px; position: absolute;top:389px;width: 120px;background-color: #0c9dbc;color: #fff;height: 25px;left: 5px;font-family: 'Roboto', sans-serif;}
.label4 {padding-top: 5px;padding-left: 5px; position: absolute;top:698px;width: 120px;background-color: #0c9dbc;color: #fff;height: 25px;left: 5px;font-family: 'Roboto', sans-serif;}
.pic2{margin-top: 20px; border: solid 5px #fff;box-shadow: 1px 1px 5px 1px rgba(229,229,229,1);}
.pic3{margin-top: 20px; border: solid 5px #fff;box-shadow: 1px 1px 5px 1px rgba(229,229,229,1);}
.left_pics{float: left;background-color: #ffffff; width 160px;}
.left_pics2{float: left;background-color: #f4f5f7; width: 10px;height:486px;}
.center_texts2{ position: static; float: left;width:710px;background-color: #f4f5f7;height:560px; } 
.center_texts3{  float: left;width:300px;}
.floater{float;left;}
.new_in{height: 400px;margin-left: -80px; width:81px;}
.center_putter{width: 724px;float: left;height:643px;}
.center_putter2{float: left;}
.center_column2{padding-left: 35px; width: 375px;height: 714px; position: absolute;margin-left: 760px; float: right;background-color: #f4f5f7;margin-top: -20px;}
.center_column{padding-left: 35px; width: 375px;height: 714px; position: static; float: right;background-color: #f4f5f7;}
.request2{height: 400px;}
.putter_footer{margin-top: -60px;background-color: #ffffff;}
.putter_footer2{ position: static; margin-top: 1930px;background-color: #ffffff;}
.event_detail_text{width: 740px;}
.left_column{float: left;}
.right-column2{position: static; margin-left:760px;width:410px;background-color: #ffffff;}
.right-column4{position: static;margin-left:760px;width:410px;background-color: #ffffff;}
.right-column3{float: left; position: static; margin-left:760px;margin-top: 540px; background-color: #ffffff;}
.thumbnail2{height: 100%;}
.right_operator{margin-top: -1100px}
.right_operator2{margin-top: -730px}
#text1{font-size: 40px;}
#text2{font-size: 40px;margin-left: }
#text3{font-size: 40px;margin-left: }
#text4{font-size: 40px;margin-left: }
.section_bgr{background-color:red; }
.event_separator {margin-top: -100px;background-color:#f4f5f7;}
.social_down{margin-bottom: 20px;margin-right: 10px;}
.social_centered{width:100%;margin: 0 auto;}
.soc {float: left;}
.soc2 {float: left; margin-left: -80px;}
.putt1{margin-left: 5px}
.container_hero{ top: 0;left: 0 position: absolute;left: 50%; top: 50%;}
.detail {height: 1000px;}
.equal {float: left;position: static;}
.container{position: relative;left: 14%;top:50%;}
.equal1 {float: left;position: static;}
.container1{margin-left:5px;}
.equal2 {float: left;position: static;}
.container2{margin-left:5px;}
.equal3 { float:left;position:static;}
.container3{margin-left:5px;}
.equal4 {float: left;position: static;}
.container4{position: static;margin:0 -50px 0 0}
.container_gallery { height: 500px;}
.putter {margin-top: 60px;margin-bottom: 60px;}
.putter2 {background-color: #f4f5f7;}
.putter3 {text-align: center; margin-top: 60px;margin-bottom: 60px;}
.putter_new1{top: 0;left:0; margin-top: 60px;margin-bottom: 200PX}
.putter4 {position: relative;top: 50%;left: 1%; margin-top: 60px;margin-bottom: 60px; }
.putter4_centering{text-align: center;margin-right: 2000px; }
.putter4_centering2{position: absolute;left: 50%;top: 50%;margin-left: -1000px;}
.dett{margin-top: 14px;}
.dett2{width: 90px; margin-left: -100px; margin-top: 18px;color: #0d9ebd;font-size: 14px;text-decoration: none;}
.marg{margin-top: -50px;}
.butach{width:600px;}
.inter{color: #0d9ebd;font-size: 14px;text-decoration: none !important;}

/* --- OLD CSS ---*/
/* --- OLD CSS ---*/
/* --- OLD CSS body{ position: absolute; width: 50%;height:50%;} OLD CSS ---*/

body, html { margin:0px; padding:0px; font-family: 'Roboto', sans-serif; color:#222; font-size:16px; font-weight:300; background-color: #ffffff;}
.layout { margin:0px auto; padding:60px 10pnax 60px 10px; width:auto; max-width:1170px; overflow:hidden; }
.top { position:fixed; top:0px; left:0px; width:100%; height:100px; margin:0px 0px 0px 0px; padding:0px; background-color:#fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); overflow:visible; z-index:200; }
.logo img { width:100%; max-width:180px; height:auto; margin:0px 30px 0px 0px; float:left; }

/* --- Mian Navigation --- */
/* --- Mian Navigation --- */

#nav-container { position:relative; margin:24px 0px 0px 200px; }
#nav-container ul {list-style-type:none;margin:0;padding:0;position: absolute;background-color:#ffffff;width:100%;}

/* --- Create a horizontal list with spacing --- */
/* --- Create a horizontal list with spacing --- */

#nav-container li {display:inline-block;float: left;margin:0px;}

/* --- Style for menu links --- */
/* --- Style for menu links --- */

#nav-container li a { font-size: 14px; display:block;height: 50px; text-align: left;line-height: 50px;color: #222;background: #fff;text-decoration: none;margin:0px 6px 0px 6px;}
#nav-container li a.landlords { color:#fe5866;}
#nav-container li a.tentants { color:#0d9ebd;}
#nav-container li a.hover {color: #fe5866;}

/* --- Hover state for top level links --- */
/* --- Hover state for top level links --- */

li:hover a {background: #fff;color:#fe5866;text-decoration:none;}

/* --- Style for dropdown links --- */
/* --- Style for dropdown links --- */

li:hover ul a {background: #fff; color: #2f3036;height: 40px;line-height: 40px;margin-right:1px;text-align:left;}

/*--- Hover state for dropdown links --- */
/*--- Hover state for dropdown links --- */

#nav-container li:hover ul a:hover {
    background: #fff;
    color: #fe5866;}

/* --- Hide dropdown links until they are needed --- */
/* --- Hide dropdown links until they are needed --- */

li ul {display: none;}

/* --- Make dropdown links vertical --- */
/* --- Make dropdown links vertical --- */

#nav-container li ul li {display: block; float: none;}

/* --- Prevent text wrapping --- */
/* --- Prevent text wrapping --- */

#nav-container li ul li a {width: auto;max-width: 300px;padding: 0px 0px 0px 20px;}

/* --- Display the dropdown on hover --- */
/* --- Display the dropdown on hover --- */

#nav-container ul li a:hover + .hidden, .hidden:hover {position: relative;
    display: inline-block;}

/* --- Style 'show menu' label button and hide it by default --- */
/* --- Style 'show menu' label button and hide it by default --- */

#nav-container .show-menu {text-decoration: none;color: #fff;background:none;text-align: center;padding: 8px 20px 0px 0px;display: none;text-align:right;cursor:pointer;}

/* --- Hide checkbox ---*/
/* --- Hide checkbox ---*/

#nav-container input[type=checkbox]{display: none;}

/* ---Show menu when invisible checkbox is checked ---*/
/* ---Show menu when invisible checkbox is checked ---*/

#nav-container input[type=checkbox]:checked ~ #menu{display: block;}
#nav-container ul .lng-social { float:right; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:14px; background-color:#fff;}
#nav-container ul .lng-social a.lng { text-decoration:none; margin-right:10px; color:#222; display:inline-block;}
#nav-container ul .lng-social a.lng-current { text-decoration:none; background-color:#0d9ebd; color:#fff; padding:5px 10px 5px 10px;}
#nav-container ul .lng-social a.social-top { text-decoration:none; margin-bottom:-35px; margin: 5px;}

/* --- Home --- */
/* --- Home --- */

.hero { width:auto; height:500px; margin:100px 0px 0px 0px; padding:0px; background:url(images/hero92.png) center;background-repeat:no-repeat;overflow:hidden; z-index:100; }
.hero .layout { width:100%; max-width:1170px; padding-top:100px; }
.hero .layout h1 { font-size:40px; font-weight:700; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; }
.hero .layout h2 { font-size:24px; font-weight:300; margin:0px 0px 0x 0px; padding:0px 0px 0px 0px; width:50%;}
.search-home { position:relative; width:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:visible; background-color:#ffffff; text-align:center; }
.search-home .layout { position:relative; margin:0px auto; padding:60px 10px 0px 10px; width:auto; max-width:1170px; overflow:visible; }
.search-home .search { position:relative; margin:-150px 0px 5px 0px; padding:30px; background-color:#0d9ebd; color:#fff; border: solid 5px #fff; box-shadow: 1px 1px 5px 1px rgba(229,229,229,1); clear:both; overflow:hidden; z-index:100; }
.search-home .search .form { width:auto;margin-left: 10px;}
.search-home .search .form .input-holder {display: block; float:left; width:230px; margin:0px -20px 10px 0px; }
.search-home .search .form label { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:none; }
.search-home .search .form input { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:10px;}
.search-home .search .form input.date { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:36px; background:#fff url(images/icon-date.png) 10px 14px no-repeat;}
.search-home .search .form input.price { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:36px; background:#fff url(images/icon-price.png) 10px 14px no-repeat;}
.search-home .search .form select { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:10px;}
.search-home .search .form select.number-people { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:16px; background:#fff url(images/icon-number-people.png) 10px 14px no-repeat; }
.search-home .search .form select.country { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:16px; background:#fff url(images/icon-country.png) 10px 14px no-repeat; }
.search-home .search .form select.city { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:16px; background:#fff url(images/icon-city.png) 10px 14px no-repeat; }
.search-home .search .form select.sortby { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:16px; background:#fff url(images/icon-sortby.png) 10px 14px no-repeat; }
.search-home .search .form .input-holder textarea { float:left; width:100%; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; text-indent:10px; border:none;}
.search-home .search .form .but-submit { width: 100%;padding-right: 25px; background-color:#fe5766; color:#fff; font-size:16px; font-weight:700; cursor: pointer; border:none; text-indent: 0; font-family: 'Roboto', sans-serif; }
.search-home .search .form .but-submit:hover { opacity:0.9; color:#fff; }
.search-home .search .form .input-holder-radio { float:left; display:block; margin:0px 20px 20px 0px; padding:5px; text-align:center;}
.search-home .search .form .input-holder-radio label { display:inline-block; padding:0px 0px 0px 5px; width: auto; }
.search-home .search .form .input-holder-radio input { display:inline-block; padding:0px 0px 0px 0px; height:20px; width: auto; }
.search-home .search .form .input-holder-checkbox { float:left; display:block; margin:0px 20px 20px 0px; padding:5px; text-align:center;}
.search-home .search .form .input-holder-checkbox label { display:inline-block; padding:0px 0px 0px 5px; width: auto; }
.search-home .search .form .input-holder-checkbox input { display:inline-block; padding:0px 0px 0px 0px; height:20px; width: auto; }

/* --- Intro ---*/
/* --- Intro ---*/

.intro { width:auto; margin:0px 0px 0px 0px; padding:0px 0px 100px 0px; overflow:hidden; background:url(images/intro.png) center bottom no-repeat; text-align:center;float: none; }
.intro h2 { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; font-size:26px; color:#0d9ebd; font-weight:300; }
.intro p { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; }
.intro a { border: solid 1px #0d9ebd; text-align:center; color:#0d9ebd; margin:0px 10px 10px 0px; padding:10px 30px 10px 30px; text-decoration:none; display:inline-block; }
.intro a:hover { border: solid 1px #fe5866; color:#fe5866; }

/*--- Top offers ---*/
/*--- Top offers ---*/

.topoffers { width:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; background-color:#f4f5f7; text-align:center; }
.topoffers h2 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-size:26px; color:#222; fnt-weight:300; text-align:center; }
.topoffers a.all { color:#0d9ebd; font-size:14px; text-decoration:none; background: url(images/arrow-thin.png) center no-repeat; margin:0px -65px 20px 0px;  display:block; text-align:center; padding-right: 80px; }
.topoffers a.all:hover { text-decoration:underline; }
.topoffers .offer { width:auto; max-width:370px; margin:0px 16px 30px 0px; padding:-10px 0px 0px 0px; display:inline-block; }
.topoffers .offer h3 { margin:15px 0px 10px 0px; padding:0px 0px 0px 0px; font-weight:700; font-size:20px; text-align:left; }
.topoffers .offer a.thumbnail { position:static; width:auto; max-width:370px; height:260px; border: solid 5px #fff; display:block; background-color:#fff; box-shadow: 10px 10px 5px #888888; box-shadow: 1px 1px 5px 1px rgba(229,229,229,1); text-decoration:none;}
.topoffers .offer a.thumbnail span.label {display: inline; position:absolute; top:100px; left:-5px; background-color:#fc5569; font-size:14px; color:#fff; padding:5px 10px 5px 10px; text-decoration:none;line-height: 150%; }
.topoffers .offer a.thumbnail img { width:100%; height:auto;}
.topoffers .offer p { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; text-align:left; }
.topoffers .offer p.price {font-weight:700; font-size:20px; color:#fc5569; display:inline-block; margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; float:left; }
.topoffers .offer a.details { color:#0d9ebd; font-size:14px; text-decoration:none; background: url(images/arrow-thin.png) right no-repeat; margin:0px 0px 0px 0px; padding:0px 20px 0px 0px; float:left; }
.topoffers .offer a.details:hover { text-decoration:underline; }


/* --- Popular offers ---*/
/* --- Popular offers ---*/

.popularoffers { width:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; background-color:#fff; text-align:center; }
.popularoffers h2 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-size:26px; color:#222; font-weight:300; text-align:center; }
.popularoffers a.all { color:#0d9ebd; font-size:14px; text-decoration:none; background: url(images/arrow-thin.png) center no-repeat; margin:0px -80px 20px 0px; padding-right: 80px; display:block; text-align:center; }
.popularoffers a.all:hover { text-decoration:underline; }
.popularoffers .offer { width:auto; max-width:280px; margin:0px 8px 30px 0px; padding:0px 0px 0px 0px; display:inline-block; }
.popularoffers .offer h3 { margin:15px 0px 10px 0px; padding:0px 0px 0px 0px; font-weight:700; font-size:20px; text-align:left; }
.popularoffers .offer a.thumbnail { position:relative; width:auto; max-width:280px; height:212px; border: solid 5px #fff; display:block; background-color:#fff; box-shadow: 10px 10px 5px #888888; box-shadow: 1px 1px 5px 1px rgba(229,229,229,1); text-decoration:none; }
.popularoffers .offer a.thumbnail img { width:100%; height:auto;}
.popularoffers .offer p { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; text-align:left; }
.popularoffers .offer p.price { font-weight:700; font-size:20px; color:#fc5569; display:inline-block; margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; float:left; }
.popularoffers .offer a.details { color:#0d9ebd; font-size:14px; text-decoration:none; background: url(images/arrow-thin.png) right no-repeat; margin:0px 0px 0px 0px; padding:0px 20px 0px 0px; float:left; }
.popularoffers .offer a.details:hover { text-decoration:underline; }

/* --- Upcoming events ---*/
/* --- Upcoming events ---*/

.upcomingevents {height: 100%; width:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; background-color:#f4f5f7; text-align:center; }
.upcomingevents h2 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-size:26px; color:#222; font-weight:300; text-align:center; }
.upcomingevents a.all { color:#0d9ebd; font-size:14px; text-decoration:none; background: url(images/arrow-thin.png) center no-repeat; margin:0px -60px 20px 0px; padding-right: 80px; display:block; text-align:center; }
.upcomingevents a.all :hover { text-decoration:underline; }
.upcomingevents .offer { width:auto; max-width:370px; margin:0px 16px 30px 0px; padding:0px 0px 0px 0px; display:inline-block; }
.upcomingevents .offer h3 { margin:15px 0px 10px 0px; padding:0px 0px 0px 0px; font-weight:700; font-size:20px; text-align:left; }
.upcomingevents .offer a.thumbnail { position:relative; width:auto; max-width:370px; height:256px; border: solid 5px #fff; display:block; background-color:#fff; box-shadow: 10px 10px 5px #888888; box-shadow: 1px 1px 5px 1px rgba(229,229,229,1); text-decoration:none; }
.upcomingevents .offer a.thumbnail span.label { position:absolute; top:20px; left:-5px; background-color:#0c9dbc; font-size:14px; color:#fff; padding:5px 10px 5px 10px; text-decoration:none; }
.upcomingevents .offer a.thumbnail img { width:100%; height:auto;}
.upcomingevents .offer p { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; text-align:left; }
.upcomingevents .offer p.price {font-weight:700; font-size:20px; color:#fc5569; display:inline-block; margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; float:left; }
.upcomingevents .offer a.details { color:#0d9ebd; font-size:14px; text-decoration:none; background: url(images/arrow-thin.png) right no-repeat; margin:0px 0px 0px 0px; padding:0px 20px 0px 0px; float:left; }
.upcomingevents .offer a.details:hover { text-decoration:underline; }

/* --- Top places ---*/
/* --- Top places ---*/

.topplaces { width:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; background-color:#fff; text-align:center; }
.topplaces .layout { margin:0px auto; padding:60px 10px 0px 10px; width:auto; max-width:1170px; overflow:hidden; }
.topplaces h2 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-size:26px; color:#222; font-weight:300; text-align:center; }
.topplaces a.all { color:#0d9ebd; font-size:14px; text-decoration:none; background: url(images/arrow-thin.png) center no-repeat; margin:0px -60px 20px 0px; padding-right: 80px; display:block; text-align:center; }
.topplaces a.all:hover { text-decoration:underline; }
.topplaces .box a { position:relative; width:auto; max-width:1170px; height:292px; border: solid 5px #fff; display:block; background:#423525 url(images/top-places-to-visit.jpg) right top no-repeat; box-shadow: 10px 10px 5px #888888; box-shadow: 1px 1px 5px 1px rgba(229,229,229,1); text-decoration:none; margin-bottom:5px;}
.topplaces .box a h3 { margin:30px 0px 0px 30px; padding:0px; color:#fec845; font-size:20px; font-weight:700; text-align:left;}
.topplaces .box a p { color:#fff; text-align:left; width:50%; margin:10px 0px 0px 30px;}
.topplaces .box a img.map-location { float:left; margin:8% 0px 0px 30px;}

/* --- Latest news ---*/
/* --- Latest news ---*/

.latestnews { width:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; background-color:#fff; }
.latestnews h2 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-size:26px; color:#222; font-weight:300; text-align:center; }
.latestnews a.all { color:#0d9ebd; font-size:14px; text-decoration:none; background: url(images/arrow-thin.png) center no-repeat; margin:0px -60px 20px 0px; padding-right: 80px; display:block; text-align:center; }
.latestnews a.all:hover { text-decoration:underline; }
.latestnews .offer { width:100%; margin:0px 0px 30px 0px; padding:0px 0px 0px 0px; display:inline-block; }
.latestnews .offer h3 { margin:15px 0px 10px 0px; padding:0px 10px 0px 0px; font-weight:700; font-size:20px; text-align:left; }
.latestnews .offer a.thumbnail { float:left; width:auto; max-width:160px; height:124px; border: solid 5px #fff; display:block; background-color:#fff; box-shadow: 10px 10px 5px #888888; box-shadow: 1px 1px 5px 1px rgba(229,229,229,1); text-decoration:none; margin-right:20px; }
.latestnews .offer a.thumbnail img { width:100%; height:auto;}
.latestnews .offer p { margin:0px 0px 10px 0px; padding:0px 10px 0px 0px; text-align:left; }
.latestnews .offer a.details { color:#0d9ebd; font-size:14px; text-decoration:none; background: url(images/arrow-thin.png) right no-repeat; margin:0px 0px 0px 0px; padding:0px 20px 0px 0px; float:left; }
.latestnews .offer a.details:hover { text-decoration:underline; }

/* --- From the blog ---*/
/* --- From the blog ---*/

.fromtheblog { width:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; background-color:#fff; text-align:center; }
.fromtheblog .layout { margin:0px auto; padding:60px 10px 60px 10px; width:auto; max-width:1170px; overflow:hidden; border-top: solid 1px #eee;}
.fromtheblog h2 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-size:26px; color:#222; font-weight:300; text-align:center; }
.fromtheblog a.all { color:#0d9ebd; font-size:14px; text-decoration:none; background: url(images/arrow-thin.png) center no-repeat; margin:0px -80px 20px 0px; padding-right: 110px; display:block; text-align:center; }
.fromtheblog a.all:hover { text-decoration:underline; }
.fromtheblog .offer { width:auto; max-width:280px; margin:0px 8px 30px 0px; padding:0px 0px 0px 0px; display:inline-block; }
.fromtheblog .offer h3 { margin:15px 0px 10px 0px; padding:0px 0px 0px 0px; font-weight:700; font-size:20px; text-align:left; }
.fromtheblog .offer a.thumbnail { position:static; width:auto; max-width:280px; height:215px; border: solid 5px #fff; display:block; background-color:#fff; box-shadow: 10px 10px 5px #888888; box-shadow: 1px 1px 5px 1px rgba(229,229,229,1); text-decoration:none; }
.fromtheblog .offer a.thumbnail img { width:100%; height:auto;}
.fromtheblog .offer p { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; text-align:left; }
.fromtheblog .offer a.details { color:#0d9ebd; font-size:14px; text-decoration:none; background: url(images/arrow-thin.png) right no-repeat; margin:0px 0px 0px 0px; padding:0px 20px 0px 0px; float:left; }
.fromtheblog .offer a.details:hover { text-decoration:underline; }

/* --- Newslatter ---*/
/* --- Newslatter ---*/

.newsletter { margin-top: 30px; height: 305px; width:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; text-align:center; background:#0c9dbc url(images/newsletter.png) center bottom no-repeat; }
.newsletter h2 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-size:26px; color:#fff; font-weight:300; }
.newsletter p { margin:0px 0px 10px 0px; padding:0px 10px 0px 0px; color:#fff; }
.newsletter .subscribe { clear:both; overflow:hidden; }
.newsletter .subscribe .form { width:auto; margin-top:20px;}
.newsletter .subscribe .form .input-holder { width:60%; margin:0px auto 10px; }
.newsletter .subscribe .form label { width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:none; }
.newsletter .subscribe .form input { width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:10px;}
.newsletter .subscribe .form .but-submit { width:200px; background-color:#fe5766; color:#fff; font-size:16px; font-weight:700; cursor: pointer; border:none; padding: 0x 20px 0px 20px; text-indent: 0; font-family: 'Roboto', sans-serif; }
.newsletter .subscribe .form .but-submit:hover { opacity:0.9; color:#fff; }

/*--- Footer ---*/
/*--- Footer ---*/

.footer { width:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; background-color:#f6f6f6; text-align:center; }
.footer .layout { margin:0px auto; padding:60px 10px 30px 10px; width:auto; max-width:1170px; overflow:hidden; }
.footer .social { width:auto; margin:0px 0px 30px 0px; padding:0px 0px 0px 0px; }
.footer .social a { margin:0px 5px 0px 5px; padding:0px 0px 0px 0px; display:inline-block; width:25px; }
.footer .box {z-index: 1000; width:360px; margin:0px 10px 30px 0px; padding:0px 0px 0px 10px; float:left; border-right: solid 0px #dbdbdb; text-align:left; }
.footer .box ul { list-style-type:none; margin:0px 30px 0px 0px; padding:0px; float:left; }
.footer .box ul li a { text-decoration:none; color:#222; font-size:14px; }
.footer .box ul li a:hover { text-decoration:underline; }
.box2{opacity: 10%;}

/*--- Footer logo ---*/
/*--- Footer logo ---*/

.footer-logo { width:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; background-color:#fff; text-align:center; }
.footer-logo .layout { margin:0px auto; padding:30px 10px 30px 10px; width:auto; max-width:1170px; overflow:hidden; }
.footer-logo a { text-decoration:none; font-size:12px; color:#222; margin-right:10px;}
.footer-logo a img { margin-bottom:10px;}
.footer-logo a:hover { text-decoration:underline;}

/* --- About Us --- */
/* --- About Us --- */

.page-title { position:relative; width:auto; margin:100px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#e9f3fd; overflow:hidden; }
.page-title h2 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:26px; color:#222; font-weight:700; }

.page-content { position:relative; width:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;background-color: #ffffff;; overflow:visible;  }
.page-content .layout { position:relative; margin:0px auto; padding:60px 10px 60px 10px; width:auto; max-width:1170px; overflow:visible; }
.page-content .layout img.main { position:relative; float:right; margin:-150px 0px 30px 30px; z-index:200; width:100%; max-width:458px; height:auto; z-index:100; }
.page-content p.bold { font-weight:700;}

.page-content .message { margin:60px 0px 60px 0px; padding:50px; background-color:#f6f6f6;}
.page-content .message h3 { margin:0px 0px 40px 0px; padding:0px 0px 0px 0px; font-size:26px; color:#222; font-weight:300; text-align:center; }
.page-content .message img { position:relative; width:auto; max-width:143px; height:147px; border: solid 5px #fff; background-color:#fff; box-shadow: 10px 10px 5px #888888; box-shadow: 1px 1px 5px 1px rgba(229,229,229,1); text-decoration:none; float:left; margin:0px 20px 20px 0px; }
.page-content .message p { font-style:italic;}
.page-content .message p.color { color:#0d9ebd; font-weight:700;}
.page-content .message p.color-center { color:#0d9ebd; font-weight:700; text-align:center;}
.page-content .message p.bold { font-weight:700; width:100%;}

.page-content .testimonials { position:relative; margin:60px 0px 60px 0px; padding:50px; background-color:#0d9ebd; color:#fff; text-align:center; }
.page-content .testimonials h3 { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; font-size:26px; color:#fff; font-weight:300; }
.page-content .testimonials .avatar { margin:0px auto;}
.page-content .testimonials p.words { font-style:italic; text-align:center; width:80%; margin:0px auto; }
.page-content .testimonials p.words span { font-weight:700; font-style:italic; }
.page-content .testimonials img.avatar { border-radius: 50%; display: block; margin: 0 auto 20px; }
.page-content .testimonials a.previous { position:absolute; top:48%; left:50px;}
.page-content .testimonials a.next { position:absolute; top:48%; right:50px;}

/* --- Contact Us --- */
/* --- Contact Us --- */

.page-content .layout img.main-contacts { position:relative; float:right; margin:-160px 0px 30px 30px; z-index:200; width:100%; max-width:188px; height:auto; z-index:100; }
.page-content .address { width:280px; margin:0px 15px 20px 0px; float:left; }
.page-content .address.last { width:280px; margin:0px 0px 20px 0px; float:left; }
.page-content .address p.city-name { color:#fe5766; font-weight:700; margin:0px 0px 0px 0px; }
.page-content .address p span.lng { font-style:italic; font-size:12px; }
.page-content .address a.gmaplink { color:#fe5766; text-decoration:none; background: url(images/icon-gmap.png) left no-repeat; padding:4px 0px 4px 34px; }
.page-content .address a.gmaplink:hover { text-decoration:underline; }

.page-content .contactus { position:relative; margin:0px 0px 5px 0px; padding:30px; background-color:#0d9ebd; color:#fff; border: solid 5px #fff; box-shadow: 1px 1px 5px 1px rgba(229,229,229,1); clear:both; overflow:hidden; }

.page-content .contactus .form { width:auto;}
.page-content .contactus .form .input-holder { float:left; width:100%; margin:0px 1.2% 1.2% 0px; }
.page-content .contactus .form label { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:none; }
.page-content .contactus .form input { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:10px;}
.page-content .contactus .form .input-holder textarea { float:left; width:100%; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; text-indent:10px; border:none;}
.page-content .contactus .form .but-submit { float:left; background-color:#fe5766; color:#fff; font-size:16px; font-weight:700; cursor: pointer; border:none; padding: 0x 20px 0px 20px; text-indent: 0; font-family: 'Roboto', sans-serif; }
.page-content .contactus .form .but-submit:hover { opacity:0.10; color:#fff; }
.page-content .contactus .form .input-holder-radio { float:left; display:block; border: solid 1px #ccc; background:#eee; margin:0px 20px 20px 0px; padding:5px; text-align:center;}
.page-content .contactus .form .input-holder-radio label { display:inline-block; padding:0px 0px 0px 5px; width: auto; }
.page-content .contactus .form .input-holder-radio input { display:inline-block; padding:0px 0px 0px 0px; height:20px; width: auto; }

/* --- Apartments For Rent --- */

.page-content .search-apartments { position:relative; margin:0px 0px 5px 0px; padding:30px; background-color:#0d9ebd; color:#fff; border: solid 5px #fff; box-shadow: 1px 1px 5px 1px rgba(229,229,229,1); clear:both; overflow:hidden; }

.page-content .search-apartments .form { width:auto;}
.page-content .search-apartments .form .input-holder { float:left; width:24.1%; margin:0px 0.9% 10px 0px; }
.page-content .search-apartments .form label { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:none; }
.page-content .search-apartments .form input { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:10px;}
.page-content .search-apartments .form input.date { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:36px; background:#fff url(images/icon-date.png) 10px 14px no-repeat;}

.page-content .search-apartments .form input.city { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:36px; background:#fff url(images/icon-city.png) 12px 16px no-repeat;}

.page-content .search-apartments .form input.price { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:36px; background:#fff url(images/icon-price.png) 10px 14px no-repeat;}
.page-content .search-apartments .form select { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:10px;}
.page-content .search-apartments .form select.number-people { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:16px; background:#fff url(images/icon-number-people.png) 10px 14px no-repeat; }
.page-content .search-apartments .form select.country { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:16px; background:#fff url(images/icon-country.png) 10px 14px no-repeat; }
.page-content .search-apartments .form select.city { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:16px; background:#fff url(images/icon-city.png) 10px 14px no-repeat; }
.page-content .search-apartments .form select.sortby { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:16px; background:#fff url(images/icon-sortby.png) 10px 14px no-repeat; }
.page-content .search-apartments .form .input-holder textarea { float:left; width:100%; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; text-indent:10px; border:none;}
.page-content .search-apartments .form .but-submit { float:left; background-color:#fe5766; color:#fff; font-size:16px; font-weight:700; cursor: pointer; border:none; padding: 0x 20px 0px 20px; text-indent: 0; font-family: 'Roboto', sans-serif; }
.page-content .search-apartments .form .but-submit:hover { opacity:0.9; color:#fff; }
.page-content .search-apartments .form .input-holder-radio { float:left; display:block; margin:0px 20px 20px 0px; padding:5px; text-align:center;}
.page-content .search-apartments .form .input-holder-radio label { display:inline-block; padding:0px 0px 0px 5px; width: auto; }
.page-content .search-apartments .form .input-holder-radio input { display:inline-block; padding:0px 0px 0px 0px; height:20px; width: auto; }
.page-content .search-apartments .form .input-holder-checkbox { float:left; display:block; margin:0px 20px 20px 0px; padding:5px; text-align:center;}
.page-content .search-apartments .form .input-holder-checkbox label { display:inline-block; padding:0px 0px 0px 5px; width: auto; }
.page-content .search-apartments .form .input-holder-checkbox input { display:inline-block; padding:0px 0px 0px 0px; height:20px; width: auto;}

/* --- Page title ---*/
/* --- Page title ---*/

.page-title-01 { position:relative; width:auto; margin:100px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#e9f3fd; overflow:hidden; }
.page-title-01 .layout { margin:0px auto; padding:60px 10px 60px 10px; width:auto; max-width:1170px; overflow:hidden; background: url(images/general.png) bottom right no-repeat; }
.page-title-01 h2 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:26px; color:#222; font-weight:700; }

.page-content .apartments-list { width:auto; margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; }
.page-content .apartments-list p.results { font-weight:700; text-align:left; font-size:20px; margin:0px 0px 10px 0px; }
.page-content .apartments-list p.pagination { text-align:right; margin:20px 0px 40px 0px; }
.page-content .apartments-list p.pagination a { color:#0c9ebc; text-decoration:none;}
.page-content .apartments-list p.pagination a:hover { text-decoration:underline;}
.page-content .apartments-list p.pagination a.page { border: solid 1px #0c9ebc; padding:5px 12px 5px 12px; margin:0px 5px 0px 5px; }
.page-content .apartments-list p.pagination a.page-current { border: solid 1px #0c9ebc; background-color:#0c9ebc; color:#fff; padding:5px 12px 5px 12px; margin:0px 5px 0px 5px; text-decoration:none; }
.page-content .apartments-list p.pagination a.page:hover { border: solid 1px #0c9ebc; background-color:#0c9ebc; color:#fff; padding:5px 12px 5px 12px; margin:0px 5px 0px 5px; text-decoration:none; }

.page-content .apartments-list .sortby { width:auto; margin:0px 0px 0px 0px; padding:15px; background-color:#eeeeee; overflow:hidden; }
.page-content .apartments-list .sortby .form { width:auto;}
.page-content .apartments-list .sortby .form .input-holder { float:left; width:300px; margin:0px 0px 0px 0px; }
.page-content .apartments-list .sortby .form label { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:none; }
.page-content .apartments-list .sortby .form input { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:10px;}
.page-content .apartments-list .sortby .form select.sortby { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:16px; background:#fff url(images/icon-sortby.png) 10px 14px no-repeat; }

.page-content .apartments-list .offer { width:100%; margin:0px 0px 30px 0px; padding:40px 0px 40px 0px; display:inline-block; border-bottom: solid 1px #eee; }
.page-content .apartments-list .offer h3 { margin:15px 0px 10px 0px; padding:0px 10px 0px 0px; font-weight:700; font-size:20px; text-align:left; }
.page-content .apartments-list .offer a.thumbnail { position:relative; float:left; width:auto; max-width:272px; height:205px; border: solid 5px #fff; display:block; background-color:#fff; box-shadow: 10px 10px 5px #888888; box-shadow: 1px 1px 5px 1px rgba(229,229,229,1); text-decoration:none; margin:0px 20px 10px 0px; }
.page-content .apartments-list .offer a.thumbnail span.label { position:absolute; top:20px; left:-5px; background-color:#fc5569; font-size:14px; color:#fff; padding:5px 10px 5px 10px; text-decoration:none; }
.page-content .apartments-list .offer a.thumbnail img { width:100%; height:auto;}
.page-content .apartments-list .offer p { margin:0px 0px 10px 0px; padding:0px 10px 0px 0px; text-align:left; }
.page-content .apartments-list .offer p.location { font-weight:700; color:#19a2bf; background: url(images/icon-location.png) 302px 0px no-repeat; padding:2px 0px 2px 336px; }
.page-content .apartments-list .offer p.price { color:#fe5766; font-weight:700; font-size:18px; }
.page-content .apartments-list .offer a.details { color:#fff; font-size:14px; text-decoration:none; background-color:#0c9ebc; margin:0px 0px 0px 0px; padding:10px 30px 10px 30px; float:left;box-shadow: 1px 1px 10px 1px rgba(229,229,229,1); }
.page-content .apartments-list .offer a.details:hover { text-decoration:underline; }


/* --- Apartment Details --- */
/* --- Apartment Details --- */

.page-content .main-photo { position:relative; width:100%; max-width:1170px; height:460px; background-color:#eee; overflow:hidden; }
.page-content .main-photo a img { width:100%; max-width:1170px; height:auto; }
.page-content .main-photo a img.zoom { position: absolute; top:41%; left:46%; width:100%; max-width:94px; height:auto; }

.page-content .details { position:relative; max-width:1170px; background-color:#f4f5f7; overflow:hidden; margin:0px 0px 0px 0px; padding:35px 400px 35px 35px; border-bottom: solid 1px #e4e6ea; overflow:hidden; }


.page-content .details .request { position:absolute; right:35px; top:35px; width:320px; background-color:#0c9ebc; color:#fff; border: solid 5px #fff; box-shadow: 1px 1px 10px 1px rgba(229,229,229,1); }
.page-content .details .request .head { background-color:#fecb2d; padding:12px; color:#222; overflow:hidden; }
.page-content .details .request .head p.amount { width:50%; font-weight:700; font-size:30px; margin:0px; padding:0px; float:left; }
.page-content .details .request .head p.amount span { font-weight:700; font-size:14px; }
.page-content .details .request .head p.pnpp { width:50%; font-weight:300; font-size:14px; margin:0px; padding:0px; text-align:right; float:left; }

/* --- Deatails ---*/
/* --- Deatails ---*/

.page-content .details .request .book { padding:20px; overflow:hidden;}
.page-content .details .request .book .form { width:auto;}
.page-content .details .request .book .form .input-holder { float:left; width:100%; margin:0px 1.2% 10px 0px; }
.page-content .details .request .book .form label { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:none; }
.page-content .details .request .book .form input { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:10px;}
.page-content .details .request .book .form input.date { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:36px; background:#fff url(images/icon-date.png) 10px 14px no-repeat;}
.page-content .details .request .book .form select { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:10px;}
.page-content .details .request .book .form select.number-people { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:42px; border:none; text-indent:16px; background:#fff url(images/icon-number-people.png) 10px 14px no-repeat; }
.page-content .details .request .book .form .input-holder textarea { float:left; width:100%; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; text-indent:10px; border:none;}
.page-content .details .request .book .form .but-submit { float:left; background-color:#fe5766; color:#fff; font-size:16px; font-weight:700; cursor: pointer; border:none; padding: 0x 20px 0px 20px; text-indent: 0; font-family: 'Roboto', sans-serif; }
.page-content .details .request .book .form .but-submit:hover { opacity:0.9; color:#fff; }
.page-content .details .request .book .form .input-holder-radio { float:left; display:block; border: solid 1px #ccc; background:#eee; margin:0px 20px 20px 0px; padding:5px; text-align:center;}
.page-content .details .request .book .form .input-holder-radio label { display:inline-block; padding:0px 0px 0px 5px; width: auto; }
.page-content .details .request .book .form .input-holder-radio input { display:inline-block; padding:0px 0px 0px 0px; height:20px; width: auto; }

/* --- Gallery ---*/
/* --- Gallery ---*/

.page-content .details .gallery { float:left; margin-bottom:35px; }
.page-content .details .gallery a { float:left; width:100px; height:67px; margin:0px 10px 10px 0px; text-decoration:none; }
.page-content .details .gallery a img { width:100%; max-width:100px; height:67px;}
.page-content .details .property-title { float:left; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; font-weight:700; font-size:26px;}
.page-content .details .property-location { float:left; margin:0px 0px 0px 0px; width:100%; }
.page-content .details .property-location span.prop-address { padding:4px 0px 2px 26px; background: url(images/icon-location-2.png) left no-repeat; margin-right:20px; width:100%; }
.page-content .details .property-location span.prop-map { background: url(images/icon-gmap.png) left no-repeat; padding:4px 0px 4px 34px; }
.page-content .details .property-location span.prop-map a { color:#fe5766; text-decoration:none; }
.page-content .details .property-location span.prop-map a:hover { text-decoration:underline; }
.page-content .details .extra { float:left; margin:0px 0px 0px 0px; }
.page-content .details .extra .facility { float:left; text-align:center; margin:35px 30px 15px 0px; font-size:12px; font-weight:300; }
.page-content .details .extra .facility img { width:auto; height:40px; margin-bottom:5px;}

.page-content .more-details { position:relative; width:auto; max-width:1170px; min-height:1000px; background-color:#ffffff; overflow:hidden; margin:0px 0px 0px 0px; padding:35px 400px 35px 0px; }
.page-content .more-details h4 { font-size:26px; font-weight:300; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.page-content .more-details p span.bold { font-weight:700; }

.page-content .more-details .right-column {height: 2000px; position:absolute; right:35px; top:35px; width:320px; background-color:#fff; clear:both; }

.page-content .more-details .right-column .box-1 {; width:320px; background-color:#e4e5e6; margin:0px 0px 20px 0px; padding:0px 0px 15px 0px; }
.page-content .more-details .right-column .box-1 img { width:100%; max-width:320px; height:auto; }
.page-content .more-details .right-column .box-1 p.title { margin:0px 0px 0px 0px; padding:10px 15px 15px 15px; font-size:20px; font-weight:700; }
.page-content .more-details .right-column .box-1 p { margin:0px 0px 0px 0px; padding:0px 15px 15px 15px; }
.page-content .more-details .right-column .box-1 a { color:#0d9ebd; font-size:14px; text-decoration:none; background: url(images/arrow-thin.png) right no-repeat; margin:0px 0px 0px 0px; padding:0px 20px 0px 15px; }
.page-content .more-details .right-column .box-1 a:hover { text-decoration:underline; }

.page-content .more-details .right-column .box-2 { position:relative; width:320px; background-color:#e4e5e6; margin:0px 0px 20px 0px; padding:0px 0px 15px 0px; }
.page-content .more-details .right-column .box-2 .label { position:absolute; color:#fff; font-size:14px; background-color:#0c9ebc; padding:5px 10px 5px 10px; margin-top:20px;}
.page-content .more-details .right-column .box-2 img { width:100%; max-width:320px; height:auto; }
.page-content .more-details .right-column .box-2 p.title { margin:0px 0px 0px 0px; padding:10px 15px 15px 15px; font-size:20px; font-weight:700; }
.page-content .more-details .right-column .box-2 p.location { font-size:14px; padding:0px 0px 15px 35px; background:url(images/icon-location-3.png) 15px 0px no-repeat;}
.page-content .more-details .right-column .box-2 p { margin:0px 0px 0px 0px; padding:0px 15px 15px 15px; }
.page-content .more-details .right-column .box-2 a { color:#0d9ebd; font-size:14px; text-decoration:none; background: url(images/arrow-thin.png) right no-repeat; margin:0px 0px 0px 0px; padding:0px 20px 0px 15px; }
.page-content .more-details .right-column .box-2 a:hover { text-decoration:underline; }

.page-content .more-details .right-column .box-3 { width:320px; height:267px; background: url(images/places.png) no-repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.page-content .more-details .right-column .box-3 a { display:block; width:275px; height:267px; font-weight:700; color:#fec845; font-size:20px; padding:15px 30px 0px 15px; text-decoration:none; }





/* --- Responsive --- */

@media (max-width: 1337px) {

    /* --- main nav --- */

    /*Make dropdown links appear inline*/

    #nav-container { position:relative; margin:24px 0px 0px 0px; }

    #nav-container ul {
        position: static;
        display: none;
    }

    #nav-container ul:hover{
        position: static;
        display: block;
    }

    /*Create vertical spacing*/
    #nav-container li {
        margin: 0px 0px 0px 0px;
        border-bottom: solid 1px #eee;
        background:#fff;
    }
    /*Make all menu links full width*/
    #nav-container ul li, li a {
        width: 100%;
    }

    /*Display 'show menu' link*/
    #nav-container .show-menu {
        display:block;
    }

    #nav-container ul .lng-social { float:left; margin:0px 0px 0px 0px; padding:20px 0px 20px 0px; font-size:14px; background-color:#fff; width:100%; text-align:center;}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

@media (max-width: 980px) {

    .latestnews .offer { width:100%; margin:0px 0px 30px 0px; padding:0px 0px 0px 0px; display:inline-block; }
    .page-content .layout img.main { position:relative; float:right; margin:-150px 0px 30px 30px; z-index:200; width:100%; max-width:300px; height:auto; z-index:100; }

    .page-content .details { position:relative; width:auto; max-width:1170px; background-color:#f4f5f7; overflow:hidden; margin:0px 0px 0px 0px; padding:35px 35px 35px 35px; border-bottom: solid 1px #e4e6ea; }
    .page-content .details .request { position:relative; float:left; width:100%; margin: 0px 0px 35px 35px; background-color:#0c9ebc; color:#fff; border: solid 5px #fff; box-shadow: 1px 1px 10px 1px rgba(229,229,229,1); }
    .page-content .details .property-title { float:left; width:100%; margin:0px 0px 0px 0px;}

}

@media (max-width: 800px) {

    .page-content .more-details { position:relative; width:auto; max-width:1170px; background-color:#fff; overflow:hidden; margin:0px 0px 0px 0px; padding:35px 0px 35px 0px; }
    .page-content .more-details .right-column { position:relative; width:100%; background-color:#fff; }

    .page-content .more-details .right-column .box-1 { width:320px; background-color:#f4f5f7; margin:0px auto 20px; padding:0px 0px 15px 0px; }
    .page-content .more-details .right-column .box-2 { width:320px; background-color:#f4f5f7; margin:0px auto 20px; padding:0px 0px 15px 0px; }
    .page-content .more-details .right-column .box-3 { width:320px; background-color:#f4f5f7; margin:0px auto 20px; padding:0px 0px 15px 0px; }

    .hero .layout h1 { font-size:40px; font-weight:700; margin:0px 0px 0px 0px; padding:15px; }
    .hero .layout h2 { font-size:24px; font-weight:300; margin:0px 0px 0px 0px; padding:15px; width:auto; }

    .search-home .search .form .input-holder { float:left; width:100%; margin:0px 0px 10px 0px; }
}


@media (max-width: 768px) {

    .page-content .main-photo { width:100%; max-width:1170px; height:auto; background-color:#eee; overflow:hidden; }

    .page-content .search-apartments .form .input-holder { float:left; width:100%; margin:0px 0px 10px 0px; }

}

@media (max-width: 640px) {

    .page-content .layout img.main { position:relative; float:none; margin:-150px 0px 0px 50%; z-index:200; width:100%; max-width:200px; height:auto; z-index:100; }

}

@media (max-width: 480px) {

    .page-content .apartments-list .offer p.location { font-weight:700; color:#19a2bf; background: url(images/icon-location.png) 0px 0px no-repeat; padding:2px 0px 2px 36px; }

}


@media (max-width: 400px) {

    .topoffers .offer a.thumbnail { position:relative; width:auto; max-width:370px; height:auto; }
    .popularoffers .offer a.thumbnail { position:relative; width:auto; max-width:280px; height:auto; }
    .upcomingevents .offer a.thumbnail { position:relative; width:auto; max-width:370px; height:auto; }
    .latestnews .offer a.thumbnail { float:none; }

}