html,
body,
#map,
.ng-scope {
	height: 110%;
	width: 100%;
	margin: 0px;
	padding: 0px;
    top: -230px;
	margin: 0 auto;
    overflow: hidden;
}
.banner{
	max-width: 100%;
	width: 100%;
	min-width: 100%;
	height: auto;
}
.colorCrdsRojo{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    margin: 0 auto;
    background-color: #963a29;
    left: 0;
    right:0;
    top: 0;
}
.colorCrdsRosa{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    margin: 0 auto;
    background-color:#de7c94;
    left: 0;
    right:0;
    top: 0;
}
.colorCrdsAzul{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    margin: 0 auto;
    background-color:#83b8d1;
    left: 0;
    right:0;
    top: 0;
}
.colorCrdsMaron{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    margin: 0 auto;
    background-color:#b09166;
    left: 0;
    right:0;
    top: 0;
}
/*
@font-face {
  font-family: 'BaileysDrizzle-Regular';
    src:url('../fonts/BaileysDrizzle-Regular.woff')format('woff');
    font-weight: normal;
    font-style: normal;
}
*/
.colorRojo{
    width: 100%;
    height: 100%;
    background-color: #963a29;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right:0;
    top: 0;
    z-index: -1;
}
.gm-ui-hover-effect>span {
    background-color: #ebddca;
}
@font-face {
    font-family: 'BaileysDrizzle-Regular';
   
    src:
         url('../fonts/BaileysDrizzle-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
         
  }
@font-face {
    font-family: 'Brandon_bld';
    src:url('../fonts/Brandon_bld.otf')format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Brandon_blk';
    src:url('../fonts/Brandon_blk.otf')format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Brandon_blk';
    src:url('../fonts/Brandon_med.otf')format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Brandon_reg';
    src:url('../fonts/Brandon_reg.otf')format('opentype');
    font-weight: normal;
    font-style: normal;
}
.gm-ui-hover-effect{
    left: 380px;
    opacity: 1;
}
.gm-ui-hover-effect>span {
    width: 20px !important;
    height: 20px !important;
    background-repeat: no-repeat;
}
#recalc{
	position: fixed;
	width: 140px;
	height: 40px;
	bottom: 0;
	display: block;
	background-image:url(../img/boton.png);
	z-index: 1;
	right: 0;
	margin: 20px;
	border-radius: 5px;
	cursor: pointer;
	padding: 0px;
	text-align: center;
}
.click-clicktag{
	position: fixed;
	z-index: 9999;
}
.gm-style .gm-style-iw-c {
	position: fixed !important;
    left: -25% !important;
    width: 420px;
    height: 610px;
    margin-top: 13%;
    background-color: #ffe7ca;
    border: transparent;
    border: 0;
    outline: none;
}
.gm-style .gm-style-iw-tc::after {
   display: none !important;
}
.imagedropshadow{
opacity: 1 ;
}
.bannerDes  {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
.boxDescript{
	display: block;
    position: absolute;
    top: 210px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    
}
h3{
	font-size: 50px;
    color: #ecddca;
    font-family: auto;
    position: relative;
    margin-bottom: 10px;
    font-family: 'BaileysDrizzle-Regular', sans-serif;
    line-height: 50px;
    text-transform: uppercase;
}
#h3 {
    font-size: 44px;
    color:#ecddca;
    font-family: auto;
    position: relative;
    margin-bottom: 16px;
    font-family: 'BaileysDrizzle-Regular', sans-serif;
    line-height: 43px;
    text-transform: uppercase;
}
h5{
    font-size: 17px;
    color: #ecddca;
    font-family: auto;
    position: relative;
    margin: 0 auto;
    font-family: 'Brandon_blk', sans-serif;
    top: 0px;
    line-height: 22px;
    text-transform: uppercase;
}
h6{
	font-size: 14px;
    color:#ecddca;
    font-family: 'Brandon_reg', sans-serif;
    position: relative;
    width: 90%;
    margin: 0 auto;
    font-weight: 100;
    margin-top: 10px;
}

.linkDescript {
    text-decoration: none;
    position: relative;
    top: 20px;
    color:#ecddca;
    font-weight: 400;
    font-size: 15px;
    font-family: 'Brandon_blk', sans-serif;

}
.iconDes  {
    display: block;
    position: absolute;
    top: -5px;
    left: -29px;
   
}
.iconGlovo  {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 10px;
    width: 160px;
   
}
.iconDes-Caracola  {
    display: block;
    position: absolute;
    top: -5px;
    left: -29px;
    width: 12%;
}
@media only screen and (max-width : 1680px) {
    .gm-style .gm-style-iw-c {
        position: fixed !important;
        left: -25% !important;
        width: 420px;
        height: 610px;
        margin-top: 23%;
        background-color: #ffe7ca;
        border: transparent;
        border: 0;
        outline: none;
        max-height: 626px !important;
    }

}
@media only screen and (max-width : 1280px) {
    .gm-style .gm-style-iw-c {
        position: fixed !important;
        left: -25% !important;
        width: 350px;
        height: 570px;
        margin-top: 23%;
        background-color: #ffe7ca;
        border: transparent;
        border: 0;
        outline: none;
        max-height: 626px !important;
    }
    .gm-ui-hover-effect {
        left: 310px;
        opacity: 1;
    }
    .boxDescript {
        display: block;
        position: absolute;
        top: 170px;
        text-align: center;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    h3 {
        font-size: 42px;
      
    }

}

@media only screen and (max-width : 1024px) {
    .gm-style .gm-style-iw-c {
        position: fixed !important;
        left: -25% !important;
        width: 350px;
        height: 570px;
        margin-top: 36%;
        background-color: #ffe7ca;
        border: transparent;
        border: 0;
        outline: none;
        max-height: 626px !important;
    }
    .gm-ui-hover-effect {
        left: 310px;
        opacity: 1;
    }
    .boxDescript {
        display: block;
        position: absolute;
        top: 170px;
        text-align: center;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    h3 {
        font-size: 42px;
      
    }

}
@media only screen and (max-width: 490px) {
    html,
    body,
    #map,
    .ng-scope {
        height: 100%;
        width: 100%;
        margin: 0px;
        padding: 0px;
        top: 0px;
        margin: 0 auto;
    }
  
    
    #h3 {
        font-size: 34px;
        color: black;
        font-family: auto;
        position: relative;
        margin-bottom: 16px;
        font-family: 'BaileysDrizzle-Regular', sans-serif;
        line-height: 33px;
    }
    .gm-style .gm-style-iw-c {
        position: fixed !important;
        left: -11% !important;
        width: 311px;
        height: 513px;
        margin-top: 49%;
        background-color: #ffe7ca;
        max-height: 480px !important;
        max-width: 290px !important;
    }
    .gm-style .gm-style-iw-tc::after {
       display: none !important;
    }
   
    .imagedropshadow{
    opacity: 1 ;
    }
    .bannerDes  {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
    }
    .boxDescript{
        display: block;
        position: absolute;
        top: 210px;
        text-align: center;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    h3 {
        font-size: 30px;
        position: relative;
        margin-bottom: 10px;
        margin-top: -34px;
        font-weight: 500;
    }
    h5{
        font-size: 14px;
        position: relative;
        margin: 0 auto;
        top: -10px;
    }
    h6{
        font-size: 12px;
        position: relative;
        width: 90%;
        margin: 0 auto;
        font-weight: 100;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .iconGlovo {
        bottom: 7px;
        width:160px;
    }
    .linkDescript {
        text-decoration: none;
        position: relative;
        font-weight: 400;
        font-size: 12px;
        top: 0;
    
    }
  
    .gm-ui-hover-effect {
        left: 240px;
        opacity: 1;
    }
  }
  .gm-control-active , .gm-fullscreen-control, .gm-svpc, .gmnoprint{
    display: none !important;
  }
@media only screen and (max-width: 375px) {
    .gm-style .gm-style-iw-c {
        position: fixed !important;
        left: -12% !important;
        width: 250px;
        height: 470px;
        margin-top: 52%;
        background-color: #ffe7ca;
        max-height: 478px !important;
        max-width: 290px !important;
    }
    .gm-style .gm-style-iw-tc::after {
       display: none !important;
    }
    .imagedropshadow{
    opacity: 1 ;
    }
    .bannerDes  {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
    }
    .boxDescript{
        display: block;
        position: absolute;
        top: 210px;
        text-align: center;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    #h3 {
        font-size: 34px;
        font-family: auto;
        position: relative;
        margin-bottom: 16px;
        font-family: 'BaileysDrizzle-Regular', sans-serif;
        line-height: 33px;
    }
    h3{
        font-size: 30px;
        position: relative;
        margin-bottom: 10px;
        margin-top:-53px;
        font-weight: 500;
    }
    h5{
        font-size: 12px;
        position: relative;
        width: 100%;
        margin: 0 auto;
        line-height: 20px;
    }
    h6{
        font-size: 12px;
        position: relative;
        width: 90%;
        margin: 0 auto;
        font-weight: 100;
        margin-top: -6px;
    }
    .linkDescript {
        text-decoration: none;
        position: relative;
        top: 10px;
        font-weight: 400;
        font-size: 12px;
    
    }
 
    .gm-ui-hover-effect {
        left: 220px;
        opacity: 1;
    }
    .iconGlovo {
        bottom: 7px;
        width: 140px;
    }
  }
  @media only screen and (max-width:320px) {
    .gm-style .gm-style-iw-c {
        position: fixed !important;
        left: 0% !important;
        width: 250px;
        height: 470px;
        margin-top: 98%;
        background-color: #ffe7ca;
        max-height: 478px !important;
        max-width: 290px !important;
    }
  }