@charset "utf-8";

*{margin:0px;padding: 0px;box-sizing: border-box;} *:not(p){margin: 0px;padding: 0px;text-decoration: none;list-style:none;text-shadow:none;font-weight: normal;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */}
html {margin:0;padding:0; height: 100vh;} table {border-collapse:collapse;border-spacing:0;} h1,h2,h3,h4,h5,h6{margin: 0 auto;padding: 0;} header,nav,main,section,article,footer{margin: 0 auto;padding: 0;}
fieldset,img {border:0;} input{border:0 solid #001d26;padding:0;color:#000;width:100%;} address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;} caption,th {text-align:left;} q:before,q:after {content:'';} abbr,acronym { border:0;} a {outline: none; text-decoration: none;} a:hover {text-decoration-line: underline;}
small {font-size: 15px;} big{font-size: 80px;font-weight: bolder;} strong{font-weight: bolder;}

/* General Ideas Style */

body {
  background: #ffffff;
  font-family: 'champagne__limousinesregular', sans-serif;
  font-weight: 400;
  margin:0px;
  padding:0px;
  color: #000914;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-face-color: #6685CA;
  scrollbar-highlight-color: #6685CA;
  scrollbar-shadow-color: #6685CA;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-track-color:#E5E5E5;
  scrollbar-drakshadow-color:#000000;
  scrollbar-width: thin;
  -webkit-font-smoothing: subpixel-antialiased !important; 
  text-rendering:optimizeLegibility !important;
}

::-webkit-scrollbar { width: 7px;}
 /* Track */
::-webkit-scrollbar-track {background: #000;}
 /* Handle */
::-webkit-scrollbar-thumb {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,0e669e+39,0c478e+50,680202+61,0e669e+61,000000+100&1+0,0.75+50,1+100 */
background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(14,102,158,0.81) 39%, rgba(12,71,142,0.75) 50%, rgba(14,102,158,0.81) 61%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(14,102,158,0.81) 39%,rgba(12,71,142,0.75) 50%,rgba(14,102,158,0.81) 61%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(14,102,158,0.81) 39%,rgba(12,71,142,0.75) 50%,rgba(14,102,158,0.81) 61%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  border-radius: 10px;
  -webkit-border-radius: 10px;    
}

::-webkit-scrollbar-thumb:window-inactive {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,0e669e+39,0c478e+50,680202+61,0e669e+61,000000+100&1+0,0.75+50,1+100 */
background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(14,102,158,0.81) 39%, rgba(12,71,142,0.75) 50%, rgba(14,102,158,0.81) 61%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(14,102,158,0.81) 39%,rgba(12,71,142,0.75) 50%,rgba(14,102,158,0.81) 61%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(14,102,158,0.81) 39%,rgba(12,71,142,0.75) 50%,rgba(14,102,158,0.81) 61%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  

  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.ie7 body {overflow:hidden;} a{text-decoration: none;} .clr{clear: both;} .but{background-color: #255e98;color: white;font-size: 16px;padding: 0;text-align: center;width: 2%;float: right;margin-right: 10px;cursor: crosshair;}

img {width: 100%;height: auto;}



/******************************************************
    [ MEDIA all 4096--3840 ]
*******************************************************/
.banner{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  box-sizing: 0;
  position: absolute;
  bottom: 350px;
  right: 0;
  z-index: 9999;
}

.cerrar{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  text-align: right;
  padding: 0 35px 10px 0;
}

.cerrar img{
  width: 100%;
  max-width: 500px;
  opacity: 1;
}

.cerrar img:hover {
  cursor: pointer;
  opacity: 0.77;
}

/******************************************************
    [ MEDIA all 3840-4095 ]
*******************************************************/
@media all and (min-width: 3840px) and (max-width: 4095px)
{

.banner{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  box-sizing: 0;
  position: absolute;
  bottom: 400px;
  right: 0;
  z-index: 9999;
}

.cerrar{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  text-align: right;
  padding: 0 35px 10px 0;
}

.cerrar img{
  width: 100%;
  max-width: 500px;
  opacity: 1;
}

.cerrar img:hover {
  cursor: pointer;
  opacity: 0.77;
}


}


/******************************************************
    [ MEDIA all 2560-3839 ]
*******************************************************/
@media all and (min-width: 2560px) and (max-width: 3839px)
{

.banner{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  box-sizing: 0;
  position: absolute;
  bottom: 350px;
  right: 0;
  z-index: 9999;
}

.cerrar{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  text-align: right;
  padding: 0 35px 10px 0;
}

.cerrar img{
  width: 100%;
  max-width: 500px;
  opacity: 1;
}

.cerrar img:hover {
  cursor: pointer;
  opacity: 0.77;
}


}

/******************************************************
    [ MEDIA all 2048-2559 ]
*******************************************************/
@media all and (min-width: 2048px) and (max-width: 2559px)
{

.banner{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  box-sizing: 0;
  position: absolute;
  bottom: 250px;
  right: 0;
  z-index: 9999;
}

.cerrar{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  text-align: right;
  padding: 0 35px 10px 0;
}

.cerrar img{
  width: 100%;
  max-width: 500px;
  opacity: 1;
}

.cerrar img:hover {
  cursor: pointer;
  opacity: 0.77;
}


}


/******************************************************
    [ MEDIA all 1601-1920 ]
*******************************************************/
@media all and (min-width: 1601px) and (max-width:1920px)
{

.cerrar{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  text-align: right;
  padding: 0 35px 10px 0;
}

.cerrar img{
  width: 100%;
  max-width: 220px;
}

.banner{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  box-sizing: 0;
  position: absolute;
  bottom: 130px;
  right: 0;
  z-index: 9999;
}

}

/******************************************************
    [ MEDIA all 1500-1600 ]
*******************************************************/
@media all and (min-width: 1500px) and (max-width:1600px)
{

.cerrar{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  text-align: right;
  padding: 0 35px 10px 0;
}

.cerrar img{
  width: 100%;
  max-width: 180px;
}

.banner{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  box-sizing: 0;
  position: absolute;
  bottom: 180px;
  right: 0;
  z-index: 9999;
}

}

/******************************************************
    [ MEDIA all 1400-1499 ]
*******************************************************/
@media all and (min-width: 1400px) and (max-width:1499px)
{

.cerrar{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  text-align: right;
  padding: 0 35px 10px 0;
}

.cerrar img{
  width: 100%;
  max-width: 180px;
}

.banner{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  box-sizing: 0;
  position: absolute;
  bottom: 250px;
  right: 0;
  z-index: 9999;
}

}

/******************************************************
    [ MEDIA all 1300-1399 ]
*******************************************************/
@media all and (min-width: 1300px) and (max-width: 1399px)
{

.cerrar{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  text-align: right;
  padding: 0 35px 10px 0;
}

.cerrar img{
  width: 100%;
  max-width: 180px;
}

.banner{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  box-sizing: 0;
  position: absolute;
  bottom: 30px;
  right: 0;
  z-index: 9999;
}

}


/******************************************************
    [ MEDIA all 7000-1299 ]
*******************************************************/
@media all and (min-width: 700px) and (max-width: 1299px) and (orientation:landscape)
{

.cerrar{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  text-align: right;
  padding: 0 35px 10px 0;
}

.cerrar img{
  width: 100%;
  max-width: 180px;
}

.banner{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  box-sizing: 0;
  position: absolute;
  bottom: 30px;
  right: 0;
  z-index: 9999;
}

}

/******************************************************
    [ MEDIA all 7000-1299 ]
*******************************************************/
@media all and (min-width: 700px) and (max-width: 1299px) and (orientation:portrait)
{

.cerrar{
  background: none; 
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  text-align: right;
  padding: 0 35px 10px 0;
}

.cerrar img{
  width: 100%;
  max-width: 180px;
}

.banner{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  box-sizing: 0;
  position: absolute;
  bottom: 400px;
  right: 0;
  z-index: 9999;
}

}

/******************************************************
    [ MEDIA all 0-699 ]
*******************************************************/
@media all and (min-width: 1px) and (max-width:699px)
{

.cerrar{
  background: white;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
  padding: 0 0 10px 0;
}

.cerrar img{
  width: 100%;
  max-width: 140px;
}

.banner{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  box-sizing: 0;
  height: 200px;
  position: fixed;
  bottom: 50px;
  left: 0;
  z-index: 9999;
}

}