html, body {
    height: 100%;
    width: 100%;
  }
body {
  background-color: #228be781;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 1em;
  height: 100%;
  width: 100%;
}
.bodybackground {
  background: url(../images/content/bg_price.png) no-repeat center center fixed;
  background-color:#ececec; 
  position: "fixed";
  display: table;
  height: 100%;
  width: 100%;
  background-size:cover;
}
.top_caru {
  margin-top:80px;
}
.spec_treat {
  padding-left:100px; 
  padding-right:100px;
}
.spec_treat2 {
  padding-left:60%; 
  padding-top:10%;
  padding-bottom:10%;
}
.spec_treat3 {
  margin-left:100px; 
  margin-right:100px;
}
.spec_treat4 {
  margin-top:40px; 
  margin-bottom:40px;
}
.spec_treat5 {
  padding-left:20px; 
  padding-right:20px;
  padding-top:20px; 
  padding-bottom:20px;
}
.spec_treat6 {
  margin-left:300px; 
  margin-right:300px;
}
.spec_treat7 {
  margin-left:30px; 
  margin-right:30px;
}
.spec_treat8 {
  padding-left:300px; 
  padding-right:300px;
}
.spec_treat9 {
  padding-top:400px; 
}
.spec_treat10 {
  padding-top:20px;
}
footer {
  background-color:#ececec;
  width: 100%;
}
.container {
  padding-top:20px;
  padding-bottom:20px;
  max-width: 70% !important;/*Set your own width %; */
  background:#1078f65c;
}
.flex-container {
  min-height: 200px;
  margin: 0 auto;
  display: -webkit-flex; /* Safari */     
  display: flex; /* Standard syntax */
}
.flex-container {
  -webkit-flex: 1; /* Safari */
  -ms-flex: 1; /* IE 10 */
  flex: 1; /* Standard syntax */
  margin-left:20px;
  margin-right:20px;
}
.column{
  width:80%;
  margin-left:20px;
  margin-right:20px;
}
.navbar {
    background-color:  #25577e;
}
.navbar_index {
  overflow: hidden;
  background-color: #666666;
  position: fixed;
  top: 0; 
  left: 0; 
}
.navbar-brand {
    min-height: 55px;
    padding-top: 0px 15px 15px;
}
.navbar-brand2 {
    min-height: 55px;
    padding-top: 0px 15px 15px;
    position: fixed;
    top: 30px; 
    right: 30px; 
}
.navbar-expand-sm {
    min-height: 40px;
    padding-top: 0px 15px 15px;
}

.mytooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #25577e; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.mytooltip .tooltiptext {
  top: -5px;
  left: 105%; 
  visibility: hidden;
  width: 300px;
  background-color: #25577e;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 8;
}

/* Show the tooltip text when you mouse over the tooltip container */
.mytooltip:hover .tooltiptext {
  visibility: visible;
}
.newtag {
  font-weight: bold;
}
.btn-lg {
  background-color: #6b8faa;
}
.corner-box {
  background-color: #6b8faa;
  border-radius: 7px;
  margin-right:1px;
  margin-left:1px;
}
.corner-box5 {
  background-color: #6b8faa;
  border-radius: 7px;
  margin-right:1px;
  margin-left:1px;
  width:23%;
}
.corner-box4 {
  background-color: #25577e;
  border-radius: 7px;
  margin-right:10px;
  margin-left:10px;
}
.corner-box3 {
  background-color: #6b8faa;
  border-radius: 7px;
  padding-right:15px;
  padding-left:15px;
  padding-top:15px;
  padding-bottom:15px;
  margin-right:3px;
  margin-left:3px;
}
.frame-box {
  color: #6b8faa;
  border-style: solid;
  border-width: 4px 20px 4px 20px;
  border-radius: 7px;
  padding-top:10px;
  padding-bottom:10px;
}
.frame-box2 {
  color: #6b8faa;
  border-style: solid;
  border-width: 4px 4px 4px 4px;
  border-radius: 7px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:10px;
}
.corner-box-h3 {
  color: #e2e2e2;
  padding-left:20px;
  padding-right:20px;
  padding-top:20px;
  padding-bottom:20px;
}
.separation-bar {
  background-color:  #25577e;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 30px;
}
.separation-bar2 {
  background-color:  #25577e;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.boxes {
  padding-top:5px;
  padding-bottom:5px;
}
tr{
  border-bottom: 1px solid#25577e;
}
h1 {
  font: 32px Arial, Helvetica, sans-serif;
  color: #e2e2e2;
  font-weight: bold;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  
}
.h1-shadow {
  font: 144px Arial, Helvetica, sans-serif;
  color: #e2e2e2;
  text-shadow: 10px 10px #4681f08c;
  font-weight: bold;
  text-align: center;
}
.h1-shadow2 {
  font: 72px Arial, Helvetica, sans-serif;
  color: #e2e2e2;
  text-shadow: 6px 6px #4681f08c;
  font-weight: bold;
  text-align: center;
}
.img-responsive {
  border-radius: 7px;
}
h2 {
  font: 24px Arial, Helvetica, sans-serif;
  color: #e2e2e2;
  font-weight: bold;
  padding-top: 6px;
}
h3 {
  font: 18px Arial, Helvetica, sans-serif;
  color: #e2e2e2;
  font-weight: bold;
  padding-top: 6px;
}
p {
  font: 18px Arial, Helvetica, sans-serif;
  color: #e2e2e2;
}
a {
  color: #7ebbfcf3;
}
label {
  font: 12px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #e2e2e2;
}
#home {
    background: url(../images/content/landing_page.png) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    background-size:cover;
}
#home2 {
    background: url(../images/content/room_ambiente.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    background-size:cover;
}
#home3 {
    background: url(../images/content/spanish_villa.png) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    background-size:cover;
}
#home4 {
    background: url(../images/content/configurator_landing.png) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    background-size:cover;
}
#home5 {
    background: url(../images/content/landing_page5.png) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    background-size:cover;
}
#home6 {
    background: url(../images/content/landing_page6.png) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    background-size:cover;
}
#home7 {
    background: url(../images/content/landing_page7.png) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    background-size:cover;
}
#home8 {
  background: url(../images/content/wintergarden2.png) no-repeat center fixed;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  background-size:cover;
}
.landing-text {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size:500%;
  font-weight:700;
}
.landing-text h3 {
  font-size:250%;
  font-weight:700;
}
.info_scetch {
  width: 560px; 
  height:800px;
}
.padding {
    padding:80px 0;
}
.padding img {
    width:100%;
}
#fixed {
    background: url(../images/content/fixed_pic.png) no-repeat center center fixed;
    display: table;
    height: 60%;
    position: relative;
    width: 100%;
    background-size: cover;
}

.fa-facebook a {
    color: #3B5998;
}
.fa-twitter {
    color: #00ACED;
}
.fa-instagram {
    color: #517FA4;
}
.fa-linkedin {
    color: #2867B2;
}
.fa-youtube {
    color: #BB0000;
}
.social a {
    font-size: 4.5em;
    padding: 3rem;
}
.fa {
    padding: 15px;
    font-size: 25px;
}
.fa:hover {
    color: #D5D5D5;
    text-decoration: none;
}
.icon {
    max-width: 400px;
}
svg {
  background-color: #d8d8d8;
  cursor: pointer;
  height: 44px;
  width: 44px;
}
.scroller__thumb {
  background-color:rgba(0,0,0,0);
}
.buttonsmenu {
  font-family : Verdana, Arial, sans-serif;
  padding-top:10px;
  padding-bottom:10px;
  width:100%;
  float:center;
  margin-bottom:20px;
  background-color:  #25577e;
  color:  #e2e2e2;
  border-color: #041e55;;
}
.buttonsmenufull {
  font-family : Verdana, Arial, sans-serif;
  padding-top:10px;
  padding-bottom:10px;
  width:100%;
  float:center;
  margin-bottom:20px;
  background-color:  #25577e;
  color:  #e2e2e2;
  border-color: #041e55;;
}
.buttonsmenuhalf {
  font-family : Verdana, Arial, sans-serif;
  padding-top:10px;
  padding-bottom:10px;
  width:45%;
  float:center;
  margin-bottom:20px;
  background-color: #25577e;
  color: #e2e2e2;
  border-color: #041e55;;
}
.buttonsmenuthird {
  font-family : Verdana, Arial, sans-serif;
  padding-top:10px;
  padding-bottom:10px;
  width:30%;
  float:center;
  margin-bottom:20px;
  background-color: #25577e;
  color: #e2e2e2;
  border-color: #041e55;;
}
.centertext {
  width: 100%; 
  margin-bottom: 30px;
}
.imgdisplay {
  margin-left:20px;
  margin-right:20px;
  width: 80px;
  height: 40px;
  border:1px solid #d3d3d3;
}
.label_input {
  font-family : 48px Verdana, Arial, sans-serif;
  width: 40%;
  margin-bottom:20px;
}
.label_captcha {
  font-family : 48px Verdana, Arial, sans-serif;
  width: 40%;
  margin-bottom:20px;
}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
  color : #009;
  border : 1px solid #990000;
  background-color : #ffff99;
  font-family : Verdana, Arial, sans-serif;
  width: 50%;
}
input[type="password"]:focus {
  color : #009;
  border : 1px solid #990000;
  background-color : #ffff99;
  font-family : Verdana, Arial, sans-serif;
  width: 100%;
}
input[type="text"], input[type="email"], select, textarea, .div_element {
  font-family : Verdana, Arial, sans-serif;
  width: 50%;
}
input[type="password"] {
  font-family : Verdana, Arial, sans-serif;
  width: 100%;
}
input[type="radio"] {
  font-family : Verdana, Arial, sans-serif;
  width: 1%;
  display:inline-block;
}
.radio_text {
  font: 24px Arial, Helvetica, sans-serif;
  color: #181716;
  font-weight: bold;
  display:inline-block;
  padding-left:3%;
  width:20%;
}
input[type="text"]:focus, #css_camycasa textarea:focus {
  color : #009;
  border : 1px solid #990000;
  background-color : #ffff99;
  font-family : Verdana, Arial, sans-serif;
  width: 50%;
}
.aftertitle {
  margin-top: 30px;
}
.error {
  font-family: Verdana, Arial, sans-serif; 
  font-size: 20px;
  color: #003366;
  background-color : #ffbf00;
}
#antispam {
  padding:2px;
  border-top:1px solid #EEE;
  border-left:0;
  border-right:0;
  border-bottom:0;
  width:450px;
  font-family : Arial, sans-serif;
  font-size: 0.8em;
  font-weight:bold;
  color:#333;   
}
.short_explanation {
  font-family : Arial, sans-serif;
  font: 16px Arial, Helvetica, sans-serif;
  color: #003366;
  position: relative;
  margin-top:30px;
  margin-bottom:30px;
}
/* spam_trap: This input is hidden. This is here to trick the spam bots*/
.spmhidip {
  display:none;
  width:10px;
  height:3px;
}
#scaptcha {
  width:60px;
  height:18px;
}
.overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #6b8faa;
  overflow-x: hidden;
  transition: 0.5s;
}

/* Our wrapper (from imagewrapper) */

.animwrapper{
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  border-radius: 7px;
}
.zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  z-index:2;
}
.zoom2:hover {
  transform: scale(1.1);  
  z-index:2;
}
/* Main Navigation */
#nav {
  position:fixed;
  top:1px;
  left:1px;
  width:1060px;
  height:100px;
  margin:0 auto;
  margin-top:0px;
  padding:10px;
  z-index:10;
}

ul#navigation {
  margin:0px auto;
  position:relative;
  float:left;
  border-right:1px solid #25577e;

}

ul#navigation li {
  display:inline;
  font-size:12px;
  font-weight:bold;
  margin:0;
  padding:0;
  float:left;
  position:relative;
  border-top:1px solid  #25577e;
  border-bottom:2px solid  #25577e;
}

ul#navigation li a {
  padding:10px 25px;
  color: #25577e;
  text-shadow:1px 1px 0px #fff;
  text-decoration:none;
  display:inline-block;
  border-right:1px solid #fff;
  border-left:1px solid #C2C2C2;
  border-top:1px solid #fff;
  background:#ececec;

  -webkit-transition:color 0.2s linear, background 0.2s linear;
  -moz-transition:color 0.2s linear, background 0.2s linear;
  -o-transition:color 0.2s linear, background 0.2s linear;
  transition:color 0.2s linear, background 0.2s linear;
}

ul#navigation li a:hover {
  background:#ececec;
  color: #25577e;
}

ul#navigation li a.first {
  border-left: 0 none;
}

ul#navigation li a.last {
  border-right: 0 none;
}

ul#navigation li:hover > a {
  background:#fff;
}

/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
/*these 2 styles are very important,
being the ones which make the drop-down to appear on hover */
    visibility:visible;
    opacity:1;
}
 
ul#navigation ul, ul#navigation ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;
/*the next 2 styles are very important,
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
    width:180px;
    background:#ececec;
    box-shadow:1px 1px 3px #ccc;
/* css3 transitions for smooth hover effect */
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
    -o-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;
}
 
ul#navigation ul {
    top: 43px;
    left: 1px;
}
 
ul#navigation ul li ul {
    top: 0;
    left: 181px; /* strong related to width:180px; from above */
}
 
ul#navigation ul li {
    clear:both;
    width:100%;
    border:0 none;
    border-bottom:1px solid #c9c9c9;
}
 
ul#navigation ul li a {
    background:none;
    padding:7px 15px;
    color: #25577e;
    text-shadow:1px 1px 0px #fff;
    text-decoration:none;
    display:inline-block;
    border:0 none;
    
    clear:both;
    width:150px;
}
.box-shadow {
  border-radius: 4px 4px 4px 4px;
  box-shadow: #032c5f 0px 1px 4px;
  border-color: white;
  background: #7eb2e75a;
  border-style: solid;
  border-width: 5px;
  padding-top:5px;
  padding-bottom:20px;
}
.bottom-right {
  position: absolute;
  bottom: 10%;
  right: 5%;
  padding: 5%;
}
@media (max-width:768px) {
  h1 {
    font: 18px Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  h2 {
    font: 12px Arial, Helvetica, sans-serif;
    font-weight:bold;
  }
  h3 {
    font: 14px Arial, Helvetica, sans-serif;
    font-weight:bold;
  }
  p {
    font: 12px Arial, Helvetica, sans-serif;
  }
  .h1-shadow {
    font: 36px Arial, Helvetica, sans-serif;
    text-shadow: 3px 3px #4681f08c;
    font-weight: bold;
    text-align: center;
  }
  .landing-text h1 {
    font-size: 50%;
  }
  .landing-text h3 {
    font-size: 200%;
  }
  .corner-box5 {
    background-color: #6b8faa;
    border-radius: 7px;
    margin-right:1px;
    margin-left:1px;
    width:100%;
  }
  .corner-box3 {
    border-radius: 7px;
    padding-right:5px;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    margin-right:1px;
    margin-left:1px;
    margin-bottom:5px;
    margin-top:5px;
  }
  .corner-box-h3 {
    padding-left:2px;
    padding-right:2px;
    padding-top:2px;
    padding-bottom:2px;
  }
  .frame-box2 {
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 5px;
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
  }
  .fa {
      font-size: 20px;
      padding: 10px;
  }
  .icon {
      padding-top: 5px;
      max-width: 100px;
  }
  .spec_treat {
    padding-left:20px; 
    padding-right:20px;
  }
  .spec_treat2 {
    padding-left:6%; 
    padding-top:1%;
    padding-bottom:1%;
  }
  .spec_treat3 {
    margin-left:10px; 
    margin-right:10px;
  }
  .spec_treat4 {
    margin-top:10px; 
    margin-bottom:10px;
  }
  .spec_treat5 {
    padding-left:5px; 
    padding-right:5px;
    padding-top:5px; 
    padding-bottom:5px;
  }
  .spec_treat6 {
    margin-left:30px; 
    margin-right:30px;
  }
  .spec_treat7 {
    margin-left:5px; 
    margin-right:5px;
  }
  .spec_treat8 {
    padding-left:10px; 
    padding-right:10px;
  }
  .spec_treat9 {
    padding-top:50px; 
  }
  .spec_treat10 {
    display: none;
  }
  .bottom-right {
    position: absolute;
    bottom: 0%;
    right: 0%;
    padding:1%;
    margin-bottom: 20px;
  }
  #home2 {
    background-size:contain;
  }
  #home8 {
    background-size:contain;
  }
  #fixed {
    background-size:contain;
  }
  .column{
    margin-left:2px;
    margin-right:2px;
  }
  .separation-bar {
    background-color:  #25577e;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 30px;
  }
  .info_scetch {
    width: 280px; 
    height:400px;
  }
  .label_input {
    font-family : 16px Verdana, Arial, sans-serif;
    margin-bottom:10px;
  }
  .label_captcha {
    font-family : 16px Verdana, Arial, sans-serif;
    margin-bottom:10px;
  }
  .no_display {
    display: none;
  }
}