/*PANORAMIC STYLES*/
.OC_Panoramic {width: 100%; display:block; text-align: center; margin: 0 auto; max-height: 500px; overflow: hidden;}
.OC_Panoramic img {object-fit: cover;object-position: center;max-height: 500px;width: 100%;}
.OC_Vertical {max-width: 550px; text-align: center; margin: 0 auto}
.OC_Vertical img {max-width: 100%}
.OC_PanoLauncher {width: 100%; display:block; text-align: center; margin: 10px auto; max-height: 300px; overflow: hidden;background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(90,90,92,0.31416316526610644) 100%);}
.OC_PanoLauncher img {margin: 0 auto;text-align: center;max-height: 300px}
.lanzadorDesktop {display: block;max-width: 1100px}
.lanzadorMobiles {display: none}

/*GALLERY STYLES GALLERY01*/
.OC_Gallery01 {max-width:1500px; align-content: center; text-align: center;  margin: 20px auto 0px auto; display: block;}
.OC_Gallery01 span {line-height: 24px;color: #4A4A4A;font-family: "Roboto",sans-serif;font-size: 14px;font-weight: 400;}
.HorizontalPicture {width: 100%; display:inline-block; text-align: center; margin: 0 auto; max-height: 400px; overflow: hidden;}
.HorizontalPicture img {object-fit: cover;object-position: center;max-height: 400px;width: 100%;}
.SquarePics {width: 100%; max-height: 350px; border: none; display:inline-block; margin: 5px auto 0px auto; text-align: center;}
.SquarePics img {object-fit: cover;object-position: center;height: 350px;width: 33%}
/*GALLERY STYLES GALLERY02 y GALLERY03*/
.OC_Gallery02 {max-width:1200px; align-content: center; text-align: center;  margin: 20px auto 0px auto; display: block;}
.TWOPictures {width: 100%; display:inline-block; text-align: center; margin: 0 auto; max-height: 800px; overflow: hidden;}
.TWOPictures img {object-fit: cover;object-position: center;max-height: 800px;width: 50%;float: left;}
/*GALLERY STYLES GALLERY04*/
.VerticalPicture {width: 50%; display:flex; height: 800px; overflow: hidden;float: left}
.VerticalPicture img {object-fit: cover;object-position: center;height: 800px;width: 100%;}
.OtherPics {width: 50%; height: 800px; border: none; display:inline-block;float: none}
.OtherPics img {object-fit: cover;object-position: center;height: 400px;width: 100%;display: block}

/*FRASE*/
.frase {margin: 0 auto;padding: 2% 5%;width: 100%;line-height: 0.5em;
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(90,90,92,0.31416316526610644) 100%);text-align: center}
.frase img {width: 150px;height: 150px;overflow: hidden;margin: 20px auto 0px auto;text-align: center;}
.frase p {margin: 30px auto 0px auto;color: #343434;text-align: center;font-size: 35px;max-width: 1000px;font-weight: 400;
font-family: 'Noto Serif', serif;font-style: italic;line-height: 1.0em;}
.frase .OC_Quote {margin: 30px auto 20px auto;color: #5f5f5f;max-width: 500px;text-align: center;font-size: 12px;
line-height: 16px;letter-spacing: 1px;text-transform: uppercase;font-weight: 700;font-style: normal;padding: 0 30px}

/*CIFRA*/
.OC_pullOut {margin: 40px auto;padding: 2% 5% 1% 5%;max-width: 500px;min-height: 80px; line-height: 0.5em;
background-color: #fff; text-align: center;border-bottom: 10px solid #1B1919}
.OC_pullOut strong {font-size: 80px;line-height: 85px; margin: 10px auto 30px auto;text-align: center;color: #1B1919;font-family: 'Noto Serif', serif;font-weight: 700;letter-spacing: -2px}
.OC_pullOut p {font-size: 20px; line-height: 24px;color: #545454;margin: 10px auto;font-family: "Roboto",sans-serif;font-weight: 300}

   
/*CAPTIONS STYLES*/
.OC_CaptionAndCredit {color: #4A4A4A;font-family: "Roboto",sans-serif;font-size: 14px;line-height:16px;font-weight: 400;margin: 12px auto 15px auto; text-align: center}
.OC_CaptionAndCredit strong, .OC_CaptionAndCredit span {font-size:12px;line-height:13px}
   
/*COLOR STYLES */  
.colorBN {filter: grayscale(100%)}
.colorSepia {filter:sepia(100%)}
.colorNormal {filter:none}
   
/*LINKS*/
.link {text-decoration: none; cursor: pointer}

/*IFRAMES*/
.IframeHorizontal { width: 80%;height: 60%;margin: 5% 10%}
.IframeHorizontal iframe {width: 100%; height: 100%}
.IframeMini {width: 50%;height: 50%;margin: 5% 25%}
.IframeMini iframe {width: 100%; height: 100%}
.OC_Battery, .OC_Battery02 {max-width:1200px;  margin: 20px auto; display: block}
.OC_Battery iframe {width: 100%; height: 400px; margin-bottom:10px;}
.OC_Battery02 iframe {width: 50%; height: 800px; margin-bottom:10px;display: flex;overflow: hidden;float: left}
.BatterySecundarys {margin:0 auto; text-align: center; width: 100%;display:flex}
.BatterySecundarys iframe {width: 48%; height: 560px; border: none; display:flex;margin: 0% 1%}
.BatterySecundarys02 {width: 50%;height: 800px;border: none;display: inline-block;float: none;}
.BatterySecundarys02 iframe {height: 400px;width: 100%;display: block;}
.HorizontalBattery,.Horizontal2xBattery, .Horizontal3xBattery {width: 100%; display:inline-block; text-align: center; margin: 0 auto;overflow: hidden}
.HorizontalBattery iframe {width: 22%; height: 600px; border: none; display:inline-block; margin:0 1%}
.Horizontal2xBattery iframe {width: 42%; height: 600px; border: none; display:inline-block; margin:0 3%}
.Horizontal3xBattery iframe {width: 31%; height: 600px; border: none; display:inline-block; margin:0 1%}


/*EXAMPLES FOR HTML ADVANCED*/
* {box-sizing: border-box;}
.exampleBox {max-width: 1200px;margin: 10px auto 40px auto; padding: 0 30px}
.ba-slider {position: relative;overflow: hidden;}
.ba-slider img {width: 100%;display:block;}
.resize {position: absolute;top:0;left: 0;height: 100%;width: 50%;overflow: hidden;}
.handle { /* Thin line seperator */
position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background: rgba(0,0,0,.5);cursor: ew-resize;}
.handle:after {  /* Big orange knob  */
position: absolute;top: 50%;width: 64px;height: 64px;margin: -32px 0 0 -32px;content:'\21d4';color:white;
font-weight:bold;font-size:36px;text-align:center;line-height:64px;background: #ffb800; /* @orange */
border:1px solid #e6a600; /* darken(@orange, 5%) */border-radius: 50%;transition:all 0.3s ease;
box-shadow:0 2px 6px rgba(0,0,0,.3), inset 0 2px 0 rgba(255,255,255,.5), inset 0 60px 50px -30px #ffd466; /* lighten(@orange, 20%)*/}
.draggable:after {width: 48px;height: 48px;margin: -24px 0 0 -24px;line-height:48px;font-size:30px;}

.pre2 {overflow: auto;font-family: monospace,monospace;border: 1px solid #999;page-break-inside: avoid;font-size: 1em;
display: block;padding: 10px;margin: 12px 0 10px;font-size: 15px;line-height: 1.4em;color: #333;word-break: break-all;
word-wrap: break-word;background-color: #f5f5f5;border: 1px solid #ccc;}
.adapt{white-space:pre-wrap;}

/*ARC STYLES*/
.pb-f-article-body .element-rawhtml iframe {width: none}


   
   
/* MEDIAQUERYS  */
/*MOBILES1 less than 450px Only*/
@media screen and (max-width: 450px){
.OC_CaptionAndCredit  {font-size: 11px;line-height: 12px;}
.OC_CaptionAndCredit strong, .OC_CaptionAndCredit span {font-size:9px;line-height:10px}
.OC_PanoLauncher {max-height: 200px}
.OC_PanoLauncher img {max-height: 200px;width}  
.lanzadorDesktop {display: none}
.lanzadorMobiles {display: block;max-width: 350px}
.OC_Gallery01 span {line-height: 14px;font-size: 12px;}
.HorizontalPicture, .HorizontalPicture img {max-height: 300px;}
.SquarePics {max-height: 900px; float: none; margin-top: 3px}
.SquarePics img {max-height: 300px; width: 100%; display: block; margin: inherit}
.TWOPictures,.TWOPictures img {height: 250px;}
.VerticalPicture, .VerticalPicture img, .OtherPics {height: 400px}
.OtherPics img  {height: 200px}
.frase p {font-size: 20px;max-width: 300px}
.frase .OC_Quote {font-size: 11px;line-height: 13px}
.OC_pullOut {border-bottom: 5px solid #1B1919}
.OC_pullOut strong {font-size: 55px;line-height: 50px }
.OC_pullOut p {font-size: 15px;line-height: 17px}
.IframeMap{width: 90%;height: 60%;margin: 3% 5%}
.IframeMini { width: 90%;height: 60%;margin: 3% 5%}
.OC_Battery, OC_Battery02 {width:95%; margin: 0 2.5%}
.OC_Battery iframe {height: 250px}
.BatterySecundarys {display: block}
.BatterySecundarys iframe {width: 95%; margin: 0 2.5% 10px 2.5%; height: 75%;display: block}
.HorizontalBattery, .Horizontal2xBattery, .Horizontal3xBattery {display:block; width: 95%; margin: 0 2.5%}
.HorizontalBattery iframe, .Horizontal2xBattery iframe, .Horizontal3xBattery iframe {width: 100%; height: 75%; display:block; margin-bottom: 3%}
.OC_Battery02 iframe {height: 400px}
.BatterySecundarys02 {height: 400px}
.BatterySecundarys02 iframe {height: 200px}
}
   
/*MOBILES2 450px to 700px Only*/
@media (min-width: 450px) and (max-width: 700px) {
.OC_PanoLauncher img {margin: 0 auto;text-align: center;width: 100%}
.SquarePics {max-height: 920px; float: none; margin-top: 3px}
.SquarePics img {max-height: 300px; width: 100%; display: block; margin: inherit}
.TWOPictures,.TWOPictures img {height: 420px;}
.VerticalPicture, .VerticalPicture img, .OtherPics {height: 600px}
.OtherPics img {height: 300px}
.frase p {font-size: 22px;max-width: 500px}
.frase .OC_Quote {font-size: 11px;line-height: 14px}
.OC_pullOut {border-bottom: 8px solid #1B1919}
.OC_pullOut strong {font-size: 70px;line-height: 75px }
.OC_pullOut p {font-size: 18px;line-height: 20px}
.IframeMap{width: 85%;height: 60%;margin: 3% 7.5%}
.IframeMini { width: 70%;height: 40%;margin: 5% 15%}
.OC_Battery, OC_Battery02 {width:90%; margin: 0 5%}
.OC_Battery iframe {height: 350px}
.BatterySecundarys iframe {height: 70%}
.HorizontalBattery, .Horizontal2xBattery, .Horizontal3xBattery {display:block; width: 95%; margin: 0 2.5%}
.HorizontalBattery iframe, .Horizontal2xBattery iframe, .Horizontal3xBattery iframe {width: 100%; height: 70%; display:block;margin-bottom: 3%}
.OC_Battery02 iframe {height: 600px}
.BatterySecundarys02 {height: 600px}
.BatterySecundarys02 iframe {height: 300px}
}

/*IPADS AVERAGE*/
@media (min-width: 700px) and (max-width: 1099px) { 
.OC_PanoLauncher img {margin: 0 auto;text-align: center;width: 100%}
.SquarePics img {width: 32%}
.TWOPictures,.TWOPictures img {height: 600px;}
.VerticalPicture, .VerticalPicture img, .OtherPics {height: 700px}
.OtherPics img {height: 350px}
.frase p {font-size: 25px;max-width: 700px}
.IframeMap{width: 80%;height: 60%;margin: 3% 10%}
.IframeMini { width: 60%;height: 40%;margin: 5% 20%}
.OC_Battery, OC_Battery02 {width: 90%; margin: 0 5%}
.OC_Battery iframe {height: 400px}
.OC_Battery02 iframe {height: 700px}
.BatterySecundarys iframe {height: 500px}
.BatterySecundarys02 {height: 700px}
.BatterySecundarys02 iframe {height: 350px}
}

/*LAPTOPS AVERAGE*/
@media (min-width: 1100px) and (max-width: 1499px) { 

}
    
/*HUGE SCREENS*/
@media (min-width: 1500px) {
   
}