/* Any CSS entered here will override the default styles. */

.left{


}
.left{
display:inline-block;
padding:1px;
}
.left:hover{
opacity: .75;
    filter:alpha(opacity=90);
}
.right{
float: right; 
width: 49.9%;
}
.right:hover{
opacity: .75;
    filter:alpha(opacity=90);
}
.group{
width:100%;
margin: 0;
}
.image123{
display: inline;
}
 .imgcontainer{
 max-width: 100%;
 vertical-align: middle;
    }

@font-face {font-family: FuturaPTW01-Light; 
src: url ("http://www.ramos-studio.com/httpdocs/fonts/FuturaPTW01-Light.ttf"); 
font-weight: normal; 
}
p {
font-family: 'FuturaPTW01-Light', sans-serif;
}
.image { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

h2 { 
   position: absolute; 
   top: 200px; 
   left: 0; 
   width: 100%; 
}

.content {
    width: 75%; 
    margin: 0px auto;
}

.embed-container {
    height: 0;
    width: 100%;
    padding-bottom: 56.20%;
    overflow: hidden;
    position: relative;
}

.embed-container iframe {
   width: 99%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

.content1 {
    max-width: 1920px; 
    margin: 0px auto;
}

.embed-container1 {
    height: 0;
    width: 100%;
    padding-bottom: 44%;
    overflow: hidden;
    position: relative;
}

.embed-container1 iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}
.content2 {
   width: 99%;
   margin: 0px auto;
}

.embed-container2 {
    height: 0;
    width: 100%;
    padding-bottom: 42.0%;
    overflow: hidden;
    position: relative;
}
			
.embed-container2 iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.content3 {
    width:100%;
 margin: 0px auto;
}

.embed-container3 {
    height: 0px;
    width: 100%;
    padding-bottom: 43%;
    overflow: hidden;
    position: relative;
}
			
.embed-container3 iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.content4 {
max-width:900px;
    width: 100%;
 margin: 0px auto 20px 0px;
}

.embed-container4 {
    height: 0;
    width: 100%;
    padding-bottom: 56.5%;
    overflow: hidden;
    position: relative;
}
			
.embed-container4 iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
}
.content5 {
   max-width:1920px;
    width: 100%;
margin:0 auto;
}

.embed-container5 {
    height: 0;
    width: 100%;
    padding-bottom: 56.5%;
    overflow: hidden;
    position: relative;
-webkit-overflow-scrolling:touch;
}
			
.embed-container5 iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

}
.content6 {
    width: 69%;
    margin: 0px auto; border-radius: 5px;border:10px; border-style:solid; border-color:#d1a762;background-color:black;padding:0px;margin-bottom:10px;border-image: url('https://ramos-studio.com/blog/wp-content/uploads/2017/06/highlights_frame-1.png') 15 15 15 15 stretch stretch;
}

.embed-container6 {
    height: 0;
    width: 100%;
    padding-bottom: 48.6%;
    overflow: hidden;
    position: relative;
}
			
.embed-container6 iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#columns {
        width:auto;
       text-align:center;
       margin: 0 auto;
    }
  #columns .column {
        border-radius: 5px;
        position: relative;
        width: 340px;
        padding:20px 2px 15px 2px;
        border: solid 3px #d1a762;
border-image: url('https://ramos-studio.com/blog/wp-content/uploads/2017/06/highlights_frame-1.png') 15 15 15 15 stretch stretch;
    }
    

    #columns .izquierda {
       margin:10px;display:inline-block;
        
    }

    #columns .derecha {
       margin:10px;display:inline-block;
    }

 #columns .center {
        float: center;
}
}
  #theone {
        border-radius: 5px;
        position: relative;
        width: 360px;
        padding: 10px;
        border: solid 1px #e0c395  ;
    }
.hd-cover-box { width:auto;
       display:inline-block;
       text-align:center;
       margin: 10px auto;}
.hd-cover {
padding:0px 5px 5px 0px;display:inline-block;width:48%;max-width:620px;

}
.hd-cover a, .hd-cover a img {width:100%;}
hr {color:#d1a762}
h1 {text-transform: capitalize;  letter-spacing:0px;font-size:3em; line-height: 1.3em;font-family: 'Futura_LT_Light', serif;padding-top: 5px; color:	#e0c395;/*if no support for background-clip*/background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);background: -o-linear-gradient(transparent, transparent);-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
h1 a {border-bottom: 2px solid #e0c395;border-top:#transparent}
hr.gold {border: 0;
height: 1px;
margin-top: 25px;
background-image: linear-gradient(to right, rgba(224, 195, 149, 0), rgba(224, 195, 149, 0.75), rgba(224, 195, 149, 0));}

.fluidcontainer {width:100%;margin: 0px auto;}
.fluidMedia {
    width:101.6%;
    position: relative;
    padding-bottom: 50%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 0px;
    height: 0;
overflow: hidden;
}

.fluidMedia iframe, object, embed {
    width: 100%;
  position: absolute;
    top: 0; 
    left: 0;
    height: 100%;
Padding:0px;
Margin:0px;
}
#slideshow img{
  position: absolute;
  top: 10em;
  left: 0;
  width: 500px;margin:10px;
}
h3 {
 overflow: hidden;
 text-align: center;
letter-spacing:1px;
font-size:20px;
}
h3:before,
h3:after {
 background-color:  #d1a762;
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
 width: 50%;

}
h3:before {
 right: 0.5em;
 margin-left: -50%;
}
h3:after {
 left: 0.5em;
 margin-right: -50%;
}
.video-box { width:100%;
       height:auto;
       display:inline-block;
       text-align:center;
       margin: 0px;
}
.video-vimeo {
padding:0px 0px 10px 0px;display:inline-block;width:100%;

}
.video-vimeo iframe, .video-box iframe {width:950px;}

.video-page {
text-align:center;display:inline-block;margin: 0px;background-color:#fff;width:100%;height:100%;
}
.video-page img {display:inline-block;width: 470px;float:center;}

.engagement-page {
text-align:center;display:inline-block;margin: 0px;background-color:#ffffff;width:100%;height:100%;
}
.engagement-page img {display:inline-block;width: 615px;float:center;margin:10px 10px 10px 0px;}