@charset "utf-8";

#offer {width:100%; display:inline-block; clear:both;; margin:15px;}
#offer img {width:100%; display:block; clear:both;-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#offer_link a {color: #000; display:block; padding-top:5px; padding-bottom:5px;
font: 16px "arial narrow", arial, sans-serif;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
  border-left:2px solid #00163f; padding-left:5px;
  text-decoration:none;
}

#offer_link a:hover, #offer_link a:focus {
  color: #fff;
  background-color:#01205a;
 
}

#offer_wrap-l{width:100%; float:none; display:block;}
#offer_wrap-l img {padding:4px;-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px; border-bottom:1px solid #01205a;  }
#offer-title {font: 18px "arial narrow", arial, sans-serif;font-weight:bold; display:block; padding-bottom:10px; padding-top:10px;  border-bottom:2px solid #ccc; margin-bottom:10px;}
#offer-text {width:100%; display:block; margin-bottom:20px; padding-top:10px; text-align:left; font: 15px "arial narrow", arial, sans-serif;}
#offer-text table, #offer-text table td, #offer-text table th  {border:1px solid #adaf34; border-spacing:-1px;}
.fomr-cal {display:block;  background:url(../img/calc-icon.png) left top no-repeat; float:left; width:17px; height:16px;}
#offer_wrap-r{width:100%; float:none; display:block;}


.date-inpt { width:100%;padding: 7px 12px;
  border:1px soild #666;box-shadow: none;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.contact-form 
.form-group label {
  color: #4E4E4E;
  
  font-weight: bold;
  text-align:left;
  font: 16px "arial narrow", arial, sans-serif;
}

.form-group .form-control {
  padding: 7px 12px;
  border-color:#666;
  box-shadow: none;
  width:95%;
    border:1px soild #666;box-shadow: none;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

textarea#message{
  resize: none;
  padding: 10px;
}
.btn-primary {
  padding: 8px 20px;
  background: #c52d2f;
  color: #fff;
  border-radius: 4px;
  border:none;
  margin-top: 10px;
}


.btn-primary:hover, 
.btn-primary:focus{
  background: #c52d2f;
  outline: none;
  box-shadow: none;
} 
#glavno, #logo-mobi {display:none;}
.form {width:300px;}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {

	
	

}

/* for 700px or less */
@media screen and (max-width: 700px) {
/*table {display:none;}*/

	nav, #glavno, #logo-mobi {display:block;}
	 #logo-mobi img, #offer_wrap-l img  {width:100%;}
	#wrapper, #profile, #offer_wrap-r, #col-sm-12  {width:95%; display:block; margin:0 auto;}
	#right h2 { padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:18px;}
	#right h3 img, #welcome img {display:block; width:95%; float:none;}
	#welcome  {width:85%; display:block; margin:0 auto;}
	#welcome table, .form  { display:block; width:100%;}
	 #copyright{float:none; display:block; width:95%;}
	#right {float:none; display:block; width:95%;margin-top:-180px;}
	#topline, #header-rent, #nav, #logo, #left {display:none;}
	 #footer {background: url(images/footer_bg.gif) repeat; height:100%;float:none; display:block; width:95%;}
	 
	 #header,
#header-rent,
#header-bpm,
#header-apm ,
#header-pool,
#header-garden ,
#header-investor ,
#header-hpm { display:none;

}
	
}

/* for 480px or less */
@media screen and (max-width: 480px) {
     

}