/** ******************************************************/
/** RESET ***********************************************/
/** ****************************************************/

 /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, label, fieldset, input, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal
}

ol, ul, li {
  list-style: none
}

caption, th {
  text-align: left
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
  font-family: 'Share Tech', sans-serif;
}

q:before, q:after {
  content: ''
}

a {
  text-decoration: none;
  color: #0049b3;
}


/** ******************************************************/
/** WORDPRESS PRESENTATIONAL CLASSES ********************/
/** ****************************************************/

.aligncenter {
  display: block;
  margin: 0 auto
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0px;
}

.alignright {
  float: right;
  margin: 5px 0px 20px 20px;
}

.text-l {
  text-align: left!important;
  padding: 20px 0 0 0;
}

.text-c {
  text-align: center!important;
}

.text-r {
  text-align: right!important;
}

.textbold {
  font-weight: bold;
}


br.clear {
  clear: both;
} /* Use this br class to clear your floated columns */


.clearboth {
  clear: both;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 100%;
}

.showblock {
  display: block;
}
.remarked {
  color: #0049b3 !important;
}

.remarked2 {
  color: #33CC00 !important;
}
/** ******************************************************/
/** BASE COLOR SETTINGS *********************************/
/** ****************************************************/

.base0 {
  color: #0049b3!important;
}

.base1 {
  color: #0b2945!important;
}

.base2 {
  color: #6ba802!important;
}

.BG0 {
  background: #FFF !important;
}

.BGA {
  background: #0049b3 !important;
}

.BGB {
  background: #0B2945;
}

.BGC {
  background: #99CC33;
}

.BGD {
  background: #FF0000!important;
}

.BGE {
  background: #99CC33;
}

.BGF {
  background: #E1E1E1;
}

.BGG {
  background: #F1F1F1;
}

/** ******************************************************/
/** BODY STYLES AND GENERAL TYPOGRAPHY ******************/
/** ****************************************************/

body {
  color: #444;
  background: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
}

p {
  color: #444;
  line-height: 1.25;
  margin: 10px 0px;
  background: transparent !important;
}

strong {
  font-weight: bold
}

em {
  font-style: italic
}

em strong {
  font-weight: bold;
  font-style: italic
}

strong em {
  font-weight: bold;
  font-style: italic
}

a:focus {
  outline: none;
}

a img {
  border: none
}

main h1, main h2, main h3, main h4, main h5, main h6 {
  color: #333;
  padding: .05em 0;
}

main h1 {
  font-size: 300%;

}

main h2 {
  font-size: 200%;color: #0049b3 !important;
}

main h3 {
  font-size: 180%;
}

main h4 {
  font-size: 150%;
}

main h5 {
  font-size: 130%;
}

main h6 {
  font-size: 110%;
}


/** ******************************************************/
/** HTML5 STRUCTURE ***************************************/
/** ****************************************************/

header {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto 0px auto;
  background: ;
  z-index: 99999;
 /* box-shadow: 0 1px 7px rgba(0,0,0,0.2);*/
}

nav {
  display: block;
  position: relative;
  margin: 0 auto;
}


main {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  background:#;
}

section {
  display: block;
  position: relative;
  width: 1200px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 20px 0 20px 0;
  background:#;
}

article {
  display: block;
  position: relative;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 20px 0 20px 0;
}


aside {
  display: block;
  position: relative;
  width: 20%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 20px 0 20px 0;
  background:#;
}


footer {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin: 50px auto 0 auto;
  padding: 50px 0 0 0;
  background: #f5f5f5;
  /*box-shadow: 0 4px 16px 5px rgb(0 0 0 / 5%);
*/
}

.global-wrapper {
  display:  block;
  position: relative;
  width:    1200px;
  height:   auto;
  margin:   0 auto 0 -600px;
  left:     50%;
  clear: both;
}

.full-wrapper{
  display:  block;
  position: relative;
  width:    100%;
  height:   auto;
  margin:   0 auto 0px auto;
  clear: both;
}

.padbtm{
  padding-bottom: 60px!important;
}

.padtop{
  padding-top: 80px!important;
}

.flex-v {
  display: flex;
  justify-content: center;
  align-items: left;
  flex-direction: column;
}

/** ******************************************************/
/** TOPER STYLES ***************************************/
/** ****************************************************/

.toper {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 40px;
  font-size: 90%;
  background: #0049b3;
}

.toper a{
  display: block;
  width: auto; float: left; margin-right: 20px;
  font-size:80%; color: #fff; text-indent: 35px; line-height: 40px;
 
}

.toper A:HOVER {
  opacity: 0.7;
}

.toper.black {
  position: absolute;
  top: -40px;
  background: #000;
  text-align: center;
}

.toper.blue {
  position: relative;
  background: #EFEFEF;
  color: #555;
}

.showtop{
  margin: 40px 0 0 0px;
}

.hidetop{
  margin: 0px 0 0 0px;
}

.toper .phone {
  background: url(../images/icon-tel-0001.svg) scroll transparent no-repeat;
}

.toper .mail {
  background: url(../images/icon-mail-0001.svg) scroll transparent no-repeat;
}

.toper .wapp {
  background: url(../images/icon-wapp-0001.svg) scroll transparent no-repeat;
}

.toper .virus {
  background: url(../images/icon-virus-0001.svg) scroll transparent no-repeat;
}

.toper .social{
  display: block;
  width: auto;
  position: relative;
  float: right;
}

.toper .social .socialItem{
  display: block;
  width: 29px;
  height: 29px;
  margin: 6px 5px;
  position: relative;
  float: right;
}

.socialItem.facebook {
  background: url(../images/icon-facebook-byn.svg) scroll transparent no-repeat;
}
.socialItem.twitter {
  background: url(../images/icon-twitter-byn.svg) scroll transparent no-repeat;
}
.socialItem.linked {
  background: url(../images/icon-linked-byn.svg) scroll transparent no-repeat;
}

.socialItem.facebook.switch:HOVER {
  background: url(../images/icon-facebook-blue.svg) scroll transparent no-repeat;
}
.socialItem.twitter.switch:HOVER {
  background: url(../images/icon-twitter-blue.svg) scroll transparent no-repeat;
}
.socialItem.linked.switch:HOVER {
  background: url(../images/icon-linked-blue.svg) scroll transparent no-repeat;
}


.top-mobile{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 50px;
  background-color: #0049b3;
}

.top-mobile a{
  width: 50%;
  text-indent:30px;
  line-height: 51px;
  text-align: center;
  font-size: 80%;
  color: white;
 }

.top-mobile .tel {
  background: url(../images/icon-tel-0002.svg) scroll transparent no-repeat;
  background-size: auto 40px;
  background-position: 5px 50%; 
}

.top-mobile .mail {
  background: url(../images/icon-mail-0002.svg) scroll transparent no-repeat;
  background-size: auto 40px;
  background-position: 5px 50%;
}

.wapp-mobile{
  position: fixed;
  width: 100%;
  height: 50px;
  bottom: 10px;
  line-height: 50px;
  text-align: center;
  font-size: 100%;color: white;
  border-radius: 10px; 
  z-index: 999;
  background: url(../images/logo-wapp.png) scroll transparent no-repeat;
  background-size: auto 40px;
  background-position: 4% 50%;
  background-color: #6c6;

  box-shadow: 0 2px 10px rgba(0,0,0,0.35);
  -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.35);
 
}


/** ******************************************************/
/** TOPDATA STYLES ***************************************/
/** ****************************************************/

.topData {
  display: none;
  position: fixed;
  width: 100%;
  height: 75px;
  top: 0;
  margin: 0 0 0 0px;
  background: #fff;
  border-bottom: thin solid #0049b3;
  box-shadow: 0 10px 25px rgba(0,0,0,0.035);
  opacity: 0;
  z-index: 9999;
}

.topData-left {
  display: inline-block;
  position: relative;
  width: 550px;
  height: 100%;
  float: left;
  left: 50%;
  margin: 0 0px 0 -480px;
  background: f4f4f4;
}

.topData-left .logo {
  display: inline-block;
  position: relative;
  width:;
  height: 88%;
  margin: 5px 2.5% 0 3%;
  float: left;
}

.topData-right {
  display: inline-block;
  position: relative;
  width: 300px;
  height: 100%;
  padding: 0;
  left: 50%;
  margin-left: 100px;
}

.topData-right P, .topData-right A {
  line-height: 62px;
  color: #aaa;
  font-size: 40px;
  letter-spacing: -.07em!important;
}

.topData-right #phone {
  display: block;
  width: auto;
  margin: 8px 20px 0 0;
  text-align: right;
}

.topData-right #phone A {
  animation: pulso 1.6s infinite;
}

.topData-left .call-pic {
  display: block;
  width: 75px;
  height: 75px;
  margin: 0px 20px 0 40px;
  float: left;
  background: #999;
}

.topData-left .call-pic IMG {
  display: block;
  width: 100%;
}

.topData-left .call-dot {
  display: block;
  position: absolute;
  bottom: 8px;
  left: 48px;
  width: 12px;
  height: 12px;
  background: #33CC00;
  border-radius: 30px;
  animation: pulso 1.75s infinite;
}

.topData-left .call-frase {
  display: block;
  width: auto;
  height: 100%;
}

.topData-left .call-frase H3 {
  color: #0049b3;
  font-size: 26px;
  margin: 3px 0 2px 0;
}

.topData-left .call-frase H5 {
  font-size: 16px;
  margin: 0px 0 3px 0;
}

.topData-left .call-frase H6 {
  font-size: 13px;
  color: #0049b3;
}


/** ******************************************************/
/** SETAMBAR STYLES ***************************************/
/** ****************************************************/

.steamBar {
  display: block;
  position: fixed;
  width: 100%;
  height: 75px;
  bottom: 0;
  font-family: 'Share Tech', sans-serif;
  margin: 0 0 0 0px;
  
  box-shadow: 0 10px 25px rgba(0,0,0,0.035);
  z-index: 9999;
}

.steamBar-left {
  display: inline-block;
  position: relative;
  width: 660px;
  height: 100%;
  float: left;
  left: 50%;
  margin: 0 0px 0 -480px;
}

.steamBar-right {
  display: inline-block;
  position: relative;
  width: 300px;
  height: 100%;
  padding: 0;
  left: 50%;
}

.steamBar-right P, .steamBar-right A {
  line-height: 42px;
  color: #0049b3;
  font-size: 250%;
  letter-spacing: -.05em!important;
}

.steamBar-right #phone {
  display: block;
  width: auto;
  margin: 16px 20px 0 0;
  text-indent:60px;
  

  box-shadow: 0 1px 3px #360;
  border-radius: 30px;
}

.steamBar-right #phone A {
  animation: pulso 1.6s infinite;
}

.steamBar-left .call-dot {
  display: block;
  position: absolute;
  bottom: 8px;
  left: 48px;
  width: 12px;
  height: 12px;
  background: #33CC00;
  border-radius: 30px;
  animation: pulso 1.75s infinite;
}



/** ******************************************************/
/** HEADER STYLES ***************************************/
/** ****************************************************/


/** Logo settings **/
.logo {
  display: block;
  position: relative; 
  float: left;
  width: 150px;
  height: 80px;
  margin: 0px ;
}

.logo IMG {
  display:  block;
  width:    90%;
  height:   auto;
  margin:  5px auto ;
}


/* a#login_button:hover {background-position:0px -50px; color:#FFF;}*/
/** CSS ANIMATIONS **/
@keyframes pulso {
  0% {
    opacity: 1;
  }

  40% {
    opacity: .05;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.scroll-left {
  height: 50px; 
  overflow: hidden;
  position: relative;
  margin: 12px 0 0 0px; 
}
.scroll-left p {
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 50px;
  text-align: left;
  animation: pulso 1.6s infinite;

}


/** ******************************************************/
/** HEAD STYLES  ***************************************/
/** ****************************************************/


.head-main {
  display: flex;
  height: 80px;
  width: 100%;
  letter-spacing: .25px;
  z-index: 999999;
  background: #fff;
}

.head-data{
  display: block;
  position: relative;
  float: left;
  width: 210px;
  height: 75px;
  margin: 0px;
  font-size: 90%;
  line-height: 76px;
  text-indent: 41px;
}

.head-data.phone {
  background: url(../images/icon-tel-0001.svg) scroll transparent no-repeat;
  background-position: 0px 51%;
  background-size: 42px;
}

.head-data.mail {
  background: url(../images/icon-mail-0001.svg) scroll transparent no-repeat;
 background-position: 0px 51%;
  background-size: 42px;
}

.head-data.webinar {
  width: 310px;
  background: url(../images/icon-webinar-0001.svg) scroll transparent no-repeat;
  background-position: 0px 51%;
  background-size: 42px;
}

.head-data.wapp {
  background: url(../images/logo-wapp-top.svg) scroll transparent no-repeat;
  background-position: 13px 51%;
  background-size: 63%;
}

/** ******************************************************/
/** MENU STYLES  ***************************************/
/** ****************************************************/


.sections {
  display: block;
  position: relative;
  width: 1000px;
  height: 80px;
  margin: 0 0 0 180px;
  letter-spacing: .25px;
  background: ;
}

.sections li {
  display: block;
  position: relative;
  float: left;
  margin: 20px 0 0 0;
  width: auto;
  height: 45px;
  text-align: left;
}

.sections li.submenu {
  /*width: 200px;*/
  background-image: url(../images/icon-dropdown.svg);
  background-repeat: no-repeat;
  background-position: 97% 50%;
  background-size: 13px 13px;
}


.sections li a {
  display: block;
  position: relative;
  width: auto;
  padding: 0 25px;
  font-size: 90%;
  line-height: 46px;
  font-weight: 600;
  color: #555;
}

.sections li:hover, .sections li#current {
  visibility: inherit;
  color:#0049b3;
 	background: #e7f1ff;

}

.sections li.submenu:hover{
  background-image: url(../images/icon-dropdown.svg);
  background-repeat: no-repeat;
  background-position: 97% 50%;
  background-size: 13px 13px;
}

.sections li a:hover, .sections li#current a {
  color:#0049b3;
}

/*
	Nav Drop Down
*/
header nav li ul {
  position: absolute;
  top: -999em;
  height: auto;
  background: #e7f1ff;
}

header nav li:hover ul {
  width: 300px;
  height: auto;
  margin: 0 0 0 0px;
  top: 45px;
 /* match top ul list item height */
  z-index: 9999999;
  /*box-shadow: 0 2px 5px #999;*/
}

header nav li:hover ul li {
  float: none;
  height: 45px;
  margin: 0 0 0px 0px;
  color: #999!important;
  background: #e7f1ff;
  box-shadow: none;
}

header nav ul li ul li a {
  height: 100%;
  width: 165px;
  margin: 0 0 0px 0px;
  padding: 0px;
  line-height: 46px!important;
  text-align: left;
}

header nav li ul li a:HOVER {
  color: #fff!important;
  background: #0049b3;
	/*padding-left:18px;*/
}


.inTouch {
  display: block;
  position: relative; overflow: hidden; 
  width: 350px;
  height: 100%;
  letter-spacing: .25px;
  text-align: center;
  font-size: 90%;
  line-height: 75px;
  color: #555;
}

.cuenta {
  float: right !important; 
  color: white !important; 
  padding: 0 0px;
  
}

.cuenta > a{
  
}
.cuenta > a {
  display: block;
  position: relative;
  width: auto;
  height: 45px;
  padding: 0 15px ;
  font-size: 90%;
  line-height: 45px;
  color: #0049b3!important; 
  background-color: #fff;
  border: thin solid #0049b3;
  border-radius: 6px;
}
.cuenta > a:hover, .cuenta li#current a {
  background:#0049b3;
  color: #fff!important; 
}


.ae {
	/*Effects*/
  -webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -o-transition: all .55s ease;
  -ms-transition: all .55s ease;
  transition: all .55s ease;
}

/** ******************************************************/
/** BUSCADOR STYLES 	*********************************/
/** ****************************************************/

.buscador {
  display: inline-block;
  position: absolute;
  width: 190px;
  height: 29px;
  left: 50%;
  margin: 3px 0 0 290px;
}

#buscar-form {
  width: 77%;
  float: left;
}

#buscar-form input {
  display: inline-block;
  float: left;
  padding: 0px;
  line-height: 31px;
  text-indent: 10px;
  color: #555;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 11px;
  background: #F9F9F9;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

#buscar-form input::-webkit-input-placeholder {
  color: #A5A5A5;
}

#buscar-form input:focus {
  background: #fff;
}

#buscar-form input[type="text"] {
  width: 100%;
  height: 30px;
  margin: 0;
  box-shadow: inset 0px 2px 5px #EEE;
}

#buscar-form .search {
  display: inline-block;
  position: absolute;
  float: left;
  left: 60%;
  top: 0;
  width: 30px;
  height: 30px;
  border: none;
  
  border-radius: 30px;
}

#buscar-form:HOVER .search {
  
  cursor: pointer;
}

.buscador .plus {
  display: inline-block;
  width: 28px;
  height: 28px;
  float: left;
  margin: 0 0 0 4%;
  line-height: 30px;
  text-align: center;
  color: #0049b3;
  font-size: 24px;
  border-radius: 30px;
  background: #F9F9F9;
}

.buscador .plus:HOVER {
  color: #33CC00;
  cursor: pointer;
}

/** ******************************************************/
/** BUSCADOR AVANZADO *********************************/
/** ****************************************************/

#buscador-a-form {
  display: none;
  position: fixed;
  width: 250px;
  height: auto;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -145px;
  padding: 10px 18px 20px 18px;
  background: #f9f9f9;
  box-shadow: 0 5px 15px #555;
  z-index: 1000001;
  border-radius: 5px;
}

#buscador-a-form input[type="text"], #buscador-a-form .selector {
  display: inline-block;
  width: 100%;
  float: left;
  margin: 3px 0 10px 0;
  padding: 0px;
  line-height: 32px;
  text-indent: 10px;
  color: #555;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 11px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #CCC;
  box-shadow: inset 2px 2px 2px #EEE;
}

#buscador-a-form input:focus, #buscador-a-form .selector:focus {
  border: thin solid #0049b3;
}

#buscador-a-form input::-webkit-input-placeholder {
  color: #A5A5A5;
}

#buscador-a-form input[type="text"] {
  height: 29px;
}

#buscador-a-form .subtitle4 {
  width: 260px;
  margin-left: -5px;
}

#buscador-a-form .button {
  width: 250px;
  margin: 10px 0 0 0;
}

/** ******************************************************/
/** HOMEPAGE *******************************************/
/** ****************************************************/

.homepage_content {
  display: block;
  position: relative;
  width: 100%;
}

/** Tagline **/

#tagline_wrapper {
  width: 100%;
}

#tagline {
  position: relative;
  width: 950px;
  height: 88px;
  margin: auto;
  margin-top: 0px;
  padding-top: 20px;
}

#tagline_wrapper #tagline h2 {
  color: #FFF;
  width: 690px;
  opacity: 0.85;
}

#tagline_wrapper #tagline p {
  color: #8392a5;
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 0px;
  letter-spacing: 1px;
}

a.tagline_button {
  position: absolute;
  top: 10px;
  right: 20px;
  padding-top: 27px;
  text-align: center;
  display: block;
  color: #FFF;
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: none;
  width: 200px;
  height: 60px;
  background: url(../images/dark_blue_tagline_button.png) scroll transparent no-repeat;
}

a.tagline_button span {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 200px;
  height: 80px;
  display: block;
  background: url(../images/dark_blue_tagline_button.png) scroll transparent no-repeat;
  background-position: 0 -80px;
}

/** Homepage Box Widgets **/

#homepage_icon_boxes {
  display: block;
  position: relative;
  width: 960px;
  left: 50%;
  margin: 0 auto 20px -475px;
  padding: 10px 0 20px 0;
}

.homepage_box {
  position: relative;
  display: block;
  float: left;
  padding: 0 0 10px 0;
  text-align: center;
  font-family: 'Share Tech', sans-serif;
  border-radius: 10px;
  box-shadow: 0 0px 5px rgba(0,0,0,0.05);
}

.center {
  width: 40%;
  height: 420px;
  margin: 0px -10% 30px -2%;
  background: #FFF;
  border: thin solid #0049b3;
  box-shadow: 0 0px 15px rgba(0,0,0,0.2);
  z-index: 999;
}

.center P {
  color: #444;
}

.sides {
  width: 23%;
  height: 285px;
  margin: 60px 0% 10px 9%;
  background: #FFF;
  border: thin solid #CCC;
  box-shadow: 0 0px 5px rgba(0,0,0,0.05);
}

.center .slideshow {
  height: 64%;
}

.single {
  overflow: hidden;
  width: 25%;
  height: auto;
  margin: 0px 1.5% 10px 0%!important;
  background: #FFF;
  box-shadow: 0 0px 5px rgba(0,0,0,0.05);
}

.triple {
  width: 30%;
  margin: 10px 1.25% 25px 1.75%!important;
}

.full {
  width: 96%;
  margin: 10px 0 0 2%;
  background:;
}

.alto {
  height: 430px;
}



.home-title {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin: -10px 0 0px 0;
  padding: 1px 0px 0px 0;
  border-bottom: solid thin #f9f9f9;
  
}

.home-title .subtitle {
  display: block;
  margin: 10px 10px 0 10px;
  text-align: center;
  line-height: 23px;
}

.blue_corner {
  display: block;
  position: absolute;
  width: 33px;
  height: 33px;
  margin: 0px 0 0 0;
  bottom: 0;
  right: 0;
  
  z-index: 999;
}

/** Homepage Box Effectts **/

.doble, .homebox-tt, .rand-icons, .doble .homebox-desc {
/*Effects*/
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
}

.homepage_box:HOVER {
  cursor: pointer;
  box-shadow: 0 0px 8px rgba(0,0,5,0.2);
  border: thin solid #0049b3;
  background: #FFF;
}

.homepage_box:HOVER .homebox-tt {
  text-decoration: underline;
}

.homepage_box:HOVER .button {
  background: #06C!important;
}

.doble:HOVER .homebox-desc {
  bottom: 0px;
}

.doble:HOVER .rand-icons {
  opacity: 1;
}



.highlight {
  display: block;
  margin: 30px 0 8px 0;
  padding: 5px 0 5px 0;
  font-size: 18px;
  color: #0049b3;
  text-transform: uppercase;
  border-top: solid 1px #EAEAEA;
  border-bottom: solid 1px #EAEAEA;
}

.highlight A {
  color: #0049b3;
  text-decoration: underline;
}
/** RSC submenu**/


.pixastic_positioner {
  position: relative;
  display: block;
  float: left;
  margin-left: 40px;
  margin-right: 35px;
  width: 80px;
  height: 80px;
  z-index: 101
}

.pixastic_positioner a {
  position: absolute;
  top: 15px;
  left: 0px;
  width: 80px;
  height: 80px;
  display: block;
  z-index: 102
}

.pixastic_logo {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  opacity: 0.3
}

img.colour_logo {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 101;
}

.bottom-margin {
  width: 100%;
  height: 40px;
} 

/** Logos Bars **/
.barbox-logos {
  display: block;
  position: relative; clear:both;
  width: 100%;
  min-height: 50px;
  max-height: 150px;
  margin: -15px 0 10px 0%;
  border-radius:
}

.barbox-logos.blue {
  background: #008efa;
}

.barbox-logo {
  display: inline-block;
  position: relative;
  width: auto;
  height: 40px;
  float: left;
 
}

.barbox-logo.grey-scale { 
  /* Filtro B&N */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
 /* Firefox 3.5+ */
  filter: gray;
 /* IE6-9 */
  -webkit-filter: grayscale(100%);
 /* Chrome 19+ & Safari 6+ */
}


.barbox-logos.six > .barbox-logo{
  margin: 5px 4% 0 4.5%;
}

.barbox-logo:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}



/** ******************************************************/
/** RIGHT SLIDERS **************************************/
/** ****************************************************/
.slideRight {
  display: inline-block;
  position: relative;
  width: 79%;
  height: 197px;
  margin: 0px auto 5px .5%;
  box-shadow: 0 1px 15px rgba(0,0,0,0.09);
}

.slideRight > div {
  position: absolute;
  width: auto;
  heigth: auto;
}

.slideRight > div IMG {
  width: 100%;
  height: auto;
}

/** ******************************************************/
/** SIMPLE SLIDERS **************************************/
/** ****************************************************/
.slideshow {
  display: block;
  position: relative;
  width: 82%;
  height: 58%;
  margin: 0px auto 15px 9%;
}

.slideshow > div {
  position: absolute;
  width: auto;
  heigth: auto;
}

.slideshow > div IMG {
  width: 95%;
  height: 95%;
}

.mobileshow {
	display:block; position: relative; 
	width:100%; height:250px;
    margin: auto 0px auto; 
}

.mobileshow > div { 
    position: absolute; display:inline-block;
	width:100%;  heigth:auto;
	z-index:47;
}
.mobileshow > div IMG{
	display:inline-block;
	width: 100%;
	margin: 0 auto;
}


/** ******************************************************/
/** TEXT SLIDERS **************************************/
/** ****************************************************/
.slidetext {
  display: block;
  position: relative;
  width: 370px;
  height: 32px;
  margin: 0px 0 0 0;
  float: right;
  background: #0049b3;
  border-radius: 3px;
}

.slidetext > div {
  position: absolute;
  right: 0;
  width: auto;
  heigth: auto;
}
/** ******************************************************/
/** LOGO SLIDERS **************************************/
/** ****************************************************/
.logoshow {
  margin: 0px auto;
  position: relative;
  display: block;
  width: 960px;
  height: 200px;
}

.logoshow > div {
  position: absolute;
  width: auto;
  heigth: auto;
}

.logoshow > div IMG {
  width: 95%;
  height: 95%;
}

/** ******************************************************/
/** MAIN BANNERS ***************************************/
/** ****************************************************/  


.banned {
  display: flex;
  position: relative;
  align-items: center; /* align vertical */
}

.banned h1{
   text-shadow: 0 2px 6px #003366;
}

.banned.port {
  min-height: 650px;
  background: url(../images/alyzta-sitios-web-promocionales.png),  url(../images/back.jpg);
  background-position: 75% 30%, 100% 100%; /* Center the image */
  background-repeat: no-repeat, no-repeat; /* Do not repeat the image */
  background-size:  35% auto, cover ; 
  
}

.banned.proveedor {
  min-height: 500px;
  background: url(../images/alyzta-proveedores-0001.png),  url(../images/back.jpg);
  background-position: 75% 50%, 100% 100%; /* Center the image */
  background-repeat: no-repeat, no-repeat; /* Do not repeat the image */
  background-size: auto 85%, cover ; 
  
}


.banned.faqs {
  min-height: 130px;
  background: url(../images/back.jpg);
  background-position: 100% 100%; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: 100% auto ;
  background-color:#0049b3;  
  
}

.banned.odm {
  min-height: 130px;
  background: url(../images/back-odm.jpg);
  background-position: 00% 00%; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: 100% auto ; 
  
}

.banned.promo {
  height: 370px;
  background-color: #e20429;
  background-image: url(../images/alyzta-promos-buenfin-20212.jpg);
  background-position: 50% 00%; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: 300PX auto ; 
}

.banned.webinar {
  min-height: 400px;
  background: linear-gradient(#26aae2, #4dd1ff);
}

.banned.landing {
  min-height: 400px;
  background: #ffcc00;
}

.banned .logo-svg {
  fill:#ffffff;
}

.banned.landform {
  min-height: 400px;
  background: url(../images/alyzta-sitios-web-promocionaless.png),  url(../images/back.jpg);
  background-position: 50% 30%, 100% 100%; /* Center the image */
  background-repeat: no-repeat, no-repeat; /* Do not repeat the image */
  background-size:  35% auto, cover ; 
  
}

/** ******************************************************/
/** MAIN CONTENT ***************************************/
/** ****************************************************/  

.col-design {

  min-height: 300px;
  margin-top: 30px;
  margin-bottom: 70px;

}

#main_content_two_col {
  width: 100%;
  background: url(../images/main_content_top_grad_blue.png) scroll transparent repeat-x;
}

.two_col_inner {
  width: 100%;
  background: url(../images/main_content_2_col_blue.png) top center scroll transparent no-repeat;
}

.one_col_inner {
  width: 100%;
  background: url(../images/main_content_1_col_blue.png) top center scroll transparent no-repeat;
}

.content_wrapper {
  width: 950px;
  margin: auto;
  padding-bottom: 20px;
}

.full-width {
  padding: 40px 0px;
}

#left_col {
  width: 630px;
  margin-left: 0px;
  padding-top: 50px;
  float: left;
}

.title {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  margin: 50px 0 15px 0;
  font-family: 'Share Tech', sans-serif;
  letter-spacing: -1px;
}

.title span {
  padding: 0 15px 0 2px;
  border-bottom: solid medium #999;
}

.subtitle {
  display: block;
  width: 100%;
  margin: 0px 0 40px 0;
  font-family: 'Share Tech', sans-serif;
  font-weight: lighter;
}

.subtitle2 {
  display: block;
  width: auto;
  margin: 5px 0 5px 0;
  font-size: 1.3em;
  line-height: 1.5em;
  color: #0049b3;
}

.subtitle3 {
  display: block;
  width: auto;
  margin: 5px 0 3px 0;
  font-size: 2em;
  line-height: 1.5em;
  text-transform: uppercase;
  color: #0049b3;
}

.subtitle4 {
  display: block;
  width: auto;
  height: 40px;
  margin: 0;
  font-size: 1.4em;
  line-height: 41px;
  color: #FFF;
  background: #0049b3;
  border-radius: 4px 4px 0 0;
}

.main-div {
  position: relative;
  display: block;
  clear: both;
  margin: 0px auto 0px auto;
  max-width: 100%;
  height: 50px;
  
}


/** ***************************************************************/
/**	 MAIN EXTRA SETTINGS  ***********************************/
/** *************************************************************/

.main_subcontent {
  display: block;
  position: relative;
  overflow: hidden;
  width: 98%;
  height: auto;
  margin: 10px 0 0 0%;
  padding: 0 1% 15px 1%;
}

.main-w-sidebar {
  display: block;
  position: relative;
  float: left;
  width: 77%;
  height: auto;
  margin: -3px 0 20px 0 !important;
  padding: 0 0 0 2%;
	/*background:#F8F8F8;*/
}


/** ***************************************/
/** TABLE SETTINGS  *********************/
/** *************************************/
.tabla_cell {
  display: block;
  overflow: hidden;
  border-bottom: solid thin #fff;
}

.tabla_cell LI {
  display: block;
  height: auto;
  float: left;
  margin: 0;
  padding: 15px 0;
  text-align: center;
  box-shadow: inset -1px 0px 0px #fff;
  border-bottom: solid thin #fff;
}

.tabla_cell.veinte LI {
  width: 20%!important;
  height: 180px;
}

.tabla_cell.once LI {
  width: 10.5%;
  height: 100%;
  padding: 5px 0 6px 0;
}

.tabla_cell.once {
  height: 29px;
  padding: 0px 0 0 0;
}

.tabla_cell LI.wider {
  width: 16%!important;
}

.tabla_cell LI#grey {
  background: #F5F5F5;
}

.tabla_cell LI#blue {
  background: #badef6;
}

.tabla_cell LI SPAN {
  text-transform: uppercase;
  font-weight: 700;
}

.tabla_cell LI P {
  display: block;
  width: 90%;
  height: AUTO;
  margin: 0 auto;
}

.tabla_cell LI IMG {
  display: block;
  width: 80%;
  height: AUTO;
  margin: 0 auto;
}

/** ***************************************/
/** LIST SETTINGS  *********************/
/** *************************************/
.main-list {
  padding: 12px 0 0 0;
}

.main-list LI {
  overflow: hidden;
  line-height: normal;
  padding: 0 0 0 15px;
  margin: 0 0 13px 0;
  border: none;
  
}

.main-list UL {
  margin: 0 0 23px 15px;
}

.main-list UL LI {
  overflow: hidden;
  line-height: normal;
  padding: 0 0 0 13px;
  margin: 0 0 13px 0;
  border: none;
 
}

.alt-list {
  padding: 12px 0 0 0;
  font-weight: bold;
}

.alt-list LI {
  line-height: normal;
  padding: 0 0 0 20px;
  margin: 0 0 13px 0;
  border: none;
  
}


/** ******************************************************/
/** CAT SETTINGS ***************************************/
/** ****************************************************/
.cat_bar {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 40px;
  margin: 10px 0 15px 0;
  padding: 0 0 0 0px;
  font-family: 'Share Tech', sans-serif;
  line-height: 31px;
  background: #EEE;
}

.cat_bar_c {
  display: block;
  position: relative;
  float: right;
  width: 80%;
  height: 40px;
  margin: 0px 0 15px 0;
  padding: 0 0 0 0px;
  font-family: 'Share Tech', sans-serif;
  line-height: 31px;
  background: #EEE;
}

.cat_bar .position {
  display: inline-block;
  position: relative;
  width: 46%;
  height: 100%;
  float: left;
  margin: 0px 0 0 10px;
  line-height: 31px;
  text-indent: 0px;
}

.cat_bar H1, .cat_bar H3, .cat_bar .position A, .cat_bar .position P, .cat_bar .position H1 {
  display: inline-block;
  position: relative;
  margin: 5px 0px 0px 0px;
  padding: 0;
  color: #0049b3;
  font-size: 115%;
  line-height: 31px;
  background: none;
}

.cat_bar .position H1 A {
  margin: -5px 0px 0px 0px;
}

.cat_bar .position A:HOVER, .cat_bar .position P:HOVER {
  color: #666;
  background: none;
}

.cat_bar .pagination {
  display: inline-block;
  overflow: hidden;
  position: aboslute;
  width: auto;
  height: 100%;
  float: right;
  padding: 0;
}

.cat_bar .pagination A {
  display: block;
  width: auto;
  min-width: 7px;
  height: 30px;
  float: left;
  margin: 5px 2px 0px 2px;
  padding: 0 12px 0 12px;
  text-align: center;
  background: #FFF;
  border-radius: 3px;
}

.cat_bar A.in_page, .cat_bar A:HOVER, .prevNext:HOVER {
  background: #0049b3;
  color: #FFF;
}



.cat-title {
  color: #0049b3;
  text-align: right;
  padding: 0 30px 0 0;
  font-size: 32px;
  line-height: 62px;
  text-transform: uppercase;
}

/*
	Drop Down
*/
.cat_bar ul {
  position: absolute;
  top: -999em;
  left: 5px;
}

.cat_bar li:hover {
  visibility: inherit;
 /* fixes IE7 'sticky bug' */
}

.cat_bar li {
  float: left;
  position: relative;
}

.cat_bar li:hover ul {
  width: 180px;
  height: AUTO;
  top: 44px;
 /* match top ul list item height */
  z-index: 99;
  background: #FFF;
  box-shadow: 0 3px 10px #EAEAEA;
}

.cat_bar li:hover ul li {
  float: none;
}

.cat_bar li:hover ul li a {
  height: 100%;
  width: 150px;
  margin: 0 0 0px 0;
  padding-left: 20px;
  color: #0049b3;
  text-align: left;
  line-height: 36px;
  
  border-top: solid thin #f2f2f2;
}

.cat_bar li:hover ul li a:HOVER {
  color: #FFF;
  background: #0049b3;
}

.cat_box {
  position: relative;
  display: block;
  float: left;
  width: 20%;
  height: 270px;
  margin: 0!important;
  text-align: center;
  cursor: pointer;
}

.cat-icons {
  display: block;
  position: relative;
  width: 93%;
  margin: 3% 0 0 3%;
  box-shadow: 0 0px 1px rgba(0,0,0,0.3);
}

.cat-over {
  display: block;
  position: absolute;
  width: 33%;
  margin: 3% 0 0 3%;
  top: 0;
  left: 0;
  z-index: 999;
}

.cat_title {
  display: inline-block;
  width: auto;
  margin: 8px auto 0px auto;
  padding: 4px 12px;
  color: #0049b3;
  font-size: 20px;
  text-transform: uppercase;
  border-radius: 3px;
}

.cat_desc {
  width: 80%;
  margin: 5px 0 0 10%;
  padding: 0 10% 0 0;
  line-height: 1.4;
  font-size: 11px;
  background: #999;
}

.cat_box {
  position: relative;
  display: block;
  float: left;
  width: 20%;
  height: 270px;
  margin: 0!important;
  text-align: center;
  cursor: pointer;
}

.cat_box .button, .cat_box .button-txt {
  position: absolute;
  top: 87%;
  left: 50%;
  opacity: 0;
}

.cat_gallery {
  position: relative;
  display: block;
  float: left;
  width: 10%;
  height: auto;
  margin: 0!important;
}

/** ******************************************************/
/**  CART  ********************************************/
/** ****************************************************/
.cart_over_bar {
  display: block;
  position: relative;
  overflow: hidden;
  width: 221px;
  height: 40px;
  margin: 0 0 -5px 636px;
  text-align: center;
  line-height: 40px;
  background: #F8F8F8;
}

.cart-item {
  display: block;
  position: relative;
  width: 100%;
  height: 60px;
  margin: 5px 0;
  background: #fff;
  box-shadow: 0 0px 4px rgba(0,0,0,0.15);
}

.cart-item DIV {
  display: block;
  position: relative;
  float: left;
  height: 100%;
  margin: 0px 3px;
  line-height: 61px;
  text-align: center;
}

.cart-item INPUT {
  display: block;
  position: relative;
  float: left;
  padding: 0;
  height: 28px;
  width: 90%;
  margin: 3px AUTO 3px AUTO;
  color: #888;
  line-height: 30px;
  text-align: center;
  border-radius: 3px;
  background: #F9F9F9;
  border: solid thin #CDCDCD;
}

.cart-item INPUT[type="checkbox"] {
  display: block;
  position: relative;
  float: left;
  padding: 0;
  width: 15px;
  left: 50%;
  top: 50%;
  margin: -12px AUTO 3px -8px;
  color: #888;
}

.cart-item #cant INPUT {
  display: block;
  position: relative;
  float: left;
  padding: 0;
  height: 28px;
  width: 40px;
  margin: 14px AUTO 3px 12.5px;
  color: #888;
  line-height: 30px;
  text-align: center;
  -webkit-box-shadow: inset 0 2px 3px #d5d5d5;
  -moz-box-shadow: inset 0 2px 3px #d5d5d5;
  box-shadow: inset 0 2px 3px #d5d5d5;
}

.cart-item TEXTAREA {
  display: block;
  position: relative;
  overflow: hidden;
  float: left;
  padding: 0;
  height: 35px;
  width: 125px;
  margin: 6px AUTO 3px 5px;
  padding: 5px;
  color: #888;
  line-height: 20px;
  text-align: left;
  resize: none;
  border-radius: 3px;
  background: #FFF;
  border: 1px solid #CDCDCD;
  -webkit-box-shadow: inset 0 2px 3px #d5d5d5;
  -moz-box-shadow: inset 0 2px 3px #d5d5d5;
  box-shadow: inset 0 2px 3px #d5d5d5;
}

.cart-item DIV#num {
  width: 25px;
}

.cart-item DIV#img {
  width: 50px;
}

.cart-item DIV#img IMG {
  width: 50px;
  margin: 5px 0 0 0;
}

.cart-item DIV#code {
  width: 80px;
  color: #0049b3;
}

.cart-item DIV#info {
  width: 100px;
  overflow: hidden;
}

.cart-item DIV#comment {
  width: 150px;
  margin-left: -2px;
  background: #F8F8F8;
}

.cart-item DIV#impresion {
  width: 85px;
  background: #F8F8F8;
}

.cart-item DIV#cant, .cart-item DIV#color, .cart-item DIV#price, .cart-item DIV#itemTotal {
  width: 70px;
}

.cart-item DIV#act {
  width: 54px;
}

.cart-item DIV.msg {
  position: absolute;
  width: 43%;
  height: 46px;
  margin-top: 7px;
  
  border-radius: 3px;
  color: #FFF;
  line-height: 51px;
}

.cartTools {
  display: block;
  position: relative;
  overflow: hidden;
  float: left;
  width: 46%;
  height: auto;
  margin: 10px 4% 0 0 !important;
  padding: 10px 0;
  background-color: #FFF;
  box-shadow: 0 0px 4px rgba(0,0,0,0.15);
}

.cartTools H4 {
  margin: 0 0 5px 0!important;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 42px;
  color: #0049b3 !important;
  font-size: 16px!important;
  text-transform: uppercase;
  padding: 0 0 0 15px;
  background: #F8F8F8;
}

.totalbtn, .dataForm {
  display: block;
  width: 90%;
  overflow: hidden;
  margin: 0 0 10px 5%;
  padding: 0 0 5px 0;
}
.cartTools .totales{
  padding: 0 0 5px 0;
}

.cartTools .totales .line {
  display: block;
  float: right;
  width: 200px;
  height: 8px;
  border-bottom: solid thin #DDD;
  clear: both;
}

.cartTools .totales .tts {
  display: block;
  width: 100%;
  height: 25px;
  float:right;
  line-height: 26px;
  font-size: 130%;
  text-align: right; 
}

.cartTools .totales .tts H5{
  display: inline-block;
  width: 30%;
}

.cartTools .totales-msg {
  display: INLINE-block;
  width: 50%;
  height: auto;
  position: absolute;
  left: 10px;
  bottom: 0px;
}

.dataForm .texto {
  width: auto;
  height: auto;
  color: #888;
  font-size: 13px;
}

.dataForm div H5 {
  white-space: nowrap;
  overflow: hidden;
  color: #0049b3;
  font-size: 15px;
  float: left;
  margin: 3px 1% 4px 0;
  width: 35%;
  line-height: 35px;
  background: #FFF;
  border: none;
}

.dataForm INPUT[type="image"] {
  float: none;
  margin-top: 10px;
}

.dataForm INPUT {
  width: 60%!important;
  line-height: 30px;
  margin: 5px 0px 10px 0;
  padding: 0 0 0 10px;
}

.dataForm TEXTAREA {
  display: block;
  width: 58.5%!important;
  height: 60px;
  margin: 8px 0px 15px 0;
  padding: 8px;
  resize: none;
}

.dataForm INPUT, .dataForm TEXTAREA {
  background: #F9F9F5;
  border-radius: 2px;
  border: 1px solid #CDCDCD;
  -webkit-box-shadow: inset 0 2px 3px #d5d5d5;
  -moz-box-shadow: inset 0 2px 3px #d5d5d5;
  box-shadow: inset 0 2px 3px #d5d5d5;
}

.dataForm .height_area {
  display: block;
  height: auto;
}

.dataForm #btnsend {
  margin: 0 0 0 36%;
}

.dataForm #pagado-true {
  display: block;
  height: 110px;
  width: 100%;
  
}

.selector {
  height: 31px;
  margin: -10px 50px 0 0;
  padding: 0 25px 0 0;
  background: #F9F9F5;
  border-radius: 3px;
  border: solid thin #BBB;
  -webkit-box-shadow: inset 0 3px 3px #E3E3E3;
  -moz-box-shadow: inset 0 3px 3px #E3E3E3;
  box-shadow: inset 0 3px 3px #E3E3E3;
}

.color.selector {
  width: 30%;
}

.displayOrder.selector {
  max-width: 300px;
  margin: 5px 7px;
}

/** ********************/
/** LOGO UPload
/** ******************/
.file-wrapper {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.file-wrapper input {
  cursor: pointer;
  font-size: 100px;
  height: 100%;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  opacity: 0.01;
  position: absolute;
  right: 0;
  top: 0;
}

.file-wrapper .butt {
  background: #0049b3;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  margin-right: 5px;
  padding: 9px 18px;
}

.logo-wrapper {
  display: block;
  position: relative;
  width: 30%;
  height: auto;
}

.logo-wrapper IMG {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
/** ********************/
/** EFFECTS 
/** ******************/
.cat_box, .cat-icons, .cat_title {
 /*Effects*/
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}

.cat_box:HOVER {
  background: #FFF;
  box-shadow: 0 0px 2px rgba(0,0,0,0.4);
  z-index: 998;
}

.cat_box:HOVER .cat-icons {
  box-shadow: none;
}

.cat_box:HOVER .cat_title {
  background: #0049b3;
  color: #FFF;
}

.transit {
  -webkit-transition: all .55s ease-out;
  -moz-transition: all .55s ease-out;
  -o-transition: all .55s ease-out;
  -ms-transition: all .55s ease-out;
  transition: all .55s ease-out;
}
/** ********************/
/** DETAILS 
/** ******************/
.detail_box {
  position: relative;
  display: block;
  float: left;
  width: 47%;
  height: auto;
  margin: 0 1% 0 1%;
}

.detail_box .cat-zoom {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
  box-shadow: none;
  box-shadow: 0 0px 1px rgba(0,0,0,0.4);
  cursor: pointer;
}

.detail_box .cat-icons {
  display: block;
  position: relative;
  width: 20%;
  height: auto;
  float: left;
  margin: 10px 10px 0 0;
  box-shadow: none;
  box-shadow: 0 0px 1px rgba(0,0,0,0.4);
  cursor: pointer;
}

.detail_box .cat-corner {
  display: block;
  position: absolute;
  width: 27%;
  height: auto;
  left: 0;
  top: 0;
  margin: 0px 10px 0 0;
  box-shadow: none;
  z-index: 999;
}

.detail_info {
  position: relative;
  display: block;
  overflow: hidden;
  width: 31%;
  height: auto;
  padding: 0px 0 10px 0%;
}

.detail_info #remarked {
  font-weight: bold;
  color: #555;
}

.detail_title {
  display: inline-block;
  width: 100%;
  font-size: 30px;
  text-transform: uppercase;
  line-height: 36px;
  color: #0049b3;
  text-indent: 33px;
  border-bottom: thin dotted #CCC;
 
}

.detail_subtitle {
  margin: 8px 0 5px 0;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 18px;
  color: #0049b3;
  border-bottom: thin dotted #BBB;
}

.cotizador {
  display: block;
  position: relative;
  width: 95%;
  height: auto;
  margin: 0;
  padding: 5px 0% 20px 4%;
  background: #f1f1f1;
  border-radius: 4px;
  border: thin solid #0049b3;
}

.cotizador .button{margin: 0 auto 0 20px;}

.output_it {
  display: inline-block;
  position: relative;
  width: 95%;
  float: left;
  height: auto;
  margin: 0px 0 2px 0;
  padding: 0px 0% 0px 0%;
}

.output_it DIV {
  display: block;
  position: relative;
  overflow: hidden;
  float: left;
  width: 50%;
  height: 24px;
  line-height: 25px;
  margin: 0px 0 2px 0;
  text-indent: 5px;
  color: #555;
  border-bottom: 1px solid #cdcdcd;
  background: #e5e5e5;
}

.cotizador-scale {
  display: table;
  position: relative;
  width: 95%;
  height: 23px;
  margin: 0px 0 5px 0;
  padding: 0;
}

.cotizador-scale DIV {
  display: table;
  position: relative;
  width: 50%;
  height: AUTO;
  float: left;
  line-height: 24px;
  color: #555;
  text-indent: 5px;
  margin: 0px 0% 2px 0;
  border-bottom: 1px solid #cdcdcd;
  background: #e5e5e5;
}

.cotizador-scale DIV #SC1, .cotizador-scale DIV #SC2, .cotizador-scale DIV #SC3 {
  color: #0049b3;
}

.cotizador-scale DIV #SC1, .cotizador-scale DIV #SC2, .cotizador-scale DIV #SC3 {
  color: #0049b3;
}

.cotizador-scale DIV SPAN {
  display: table;
  position: relative;
  width: 50%;
  height: auto;
  float: left;
  color: #0049b3;
}

.coti_inner {
  display: block;
  position: relative;
  float: left;
  width: 32%;
  height: 70px;
  margin: 0 0 10px 0;
  padding: 0px 0% 5px 0;
  border-bottom: thin dotted #BBB;
}

.w_border {
  padding: 0 0 10px 0;
  border-bottom: thin dotted #BBB;
}

.detail_title#usb {
 
}



/** ********************/
/** FORM 
/** ******************/
p.error {
  margin-left: 140px;
  margin-top: 10px;
}

#priceform label {
  margin: 0 0 5px 0;
  line-height: 25px;
  text-align: left;
  float: left;
  font-weight: bold;
  color: #555;
}

#priceform input,
#priceform textarea,
#priceform select {
  float: left;
  padding: 2px 0 2px 7px;
  line-height: 24px;
  border: 1px solid #AAA;
  margin: 0 0 5px 0;
  background: #fcfcfc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.3);
  box-shadow: inset 1px 1px 5px rgba(0,0,0,0.3);
}

#priceform input {
  width: 80%;
}

#priceform textarea {
  width: 420px;
  height: 150px;
  resize: none;
}

#priceform input.button {
  float: right;
  margin-top: 5px;
}

/** ******************************************************/
/**  VITUALES  ****************************************/
/** ****************************************************/

.clean-box {
  position: relative;
  display: inline-block; overflow: hidden;
  height: auto;
  float: left;
  padding: 0;
  margin: 5px .5%;
  text-align: center;
  font-family: 'Share Tech', sans-serif;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0px 5px rgba(0,0,0,0.05);
}

.clean-box.four {
  width: 24%;
  height: 250px;
}

.clean-box.five {
  width: 19.75%;
}

.clean-box.six {
  width: 16.45%;
}

.clean-box:HOVER {
  cursor: pointer;
  box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
  z-index: 999;
  opacity: .8;
  box-shadow: 0 4px 16px -2px rgb(0 0 0 / 10%), 0 0 0 1px rgb(0 0 0 / 2%);
}

.clean-box IMG {
  position: relative;
  display: block;
  height: 100%;
  margin: 0px auto 0px -30%;
}

.clean-box H5 {
  margin: 0 0 -7px 0;
  line-height: 30px;
  color: #0049b3;
  text-transform: uppercase;
}
/** ******************************************************/
/** SIDEBAR *********************************************/
/** ****************************************************/
 
.top_bar {
  display: block;
  height: 39px;
  margin: 0 0 0px 0;
  
  line-height: 40px;
  text-indent: 10px;
  font-size: 14px;
  border-bottom: SOLID 1px #FFF;
}

.sidebar {
  overflow: hidden;
  width: 19%;
  float: left;
  margin: 0 1% 0 0;
  padding: 0;
  background: #FFF;
  border-radius: 3px;
  background: #39BEEE;
}

.sidebar ul {
  display: block;
  width: 100%;
  margin: 0 0 0 0%;
  font-size: 11px;
}

.sidebar ul li a {
  display: block;
  padding: 7px 0px 8px 0px;
  color: #FFF;
  text-indent: 15px;
  letter-spacing: 1px;
  border-bottom: thin solid #59acff;
  
  cursor: pointer;
}

.sidebar ul li a:hover, .sidebar ul li a.current {
  
  color: #0049b3;
}

.sidebar ul li a#memorias-usb {
  display: block;
  padding: 7px 0px 8px 0px;
  color: #FFF;
  text-indent: 15px;
  letter-spacing: 1px;
  border-bottom: thin solid #C00;
  cursor: pointer;
}

.sidebar ul li a#memorias-usb:hover, .sidebar ul li a#memorias-usb.current {
  
  color: #F00;
}

.sidebar ul li a#bolsas {
  background-color: #F00;
 
}

.sidebar ul li a#bolsas:hover, .sidebar ul li a#bolsas.current {
  color: #0049b3;
}


.widget {
  display: block;
  height:auto;
}

.widget ul li a {
  display: block;
  margin: 5px;
  line-height: 25px;
  color: #666;
  letter-spacing: 1px;
  background: url(../images/transparent_arrow.png) scroll transparent no-repeat 10px 12px;
}

.widget ul li:hover, ul#menu-sidebar-menu li.current_page_item {
  text-decoration:underline;
}

.widget ul li a:hover{
  color: #0049b3;
}


/** ******************************************************/
/** CATEGORIES STYLE ************************************/
/** ****************************************************/  


.categories{
  background: #333;
  overflow: hidden;
  border-radius: 0 0 3px 3px;
}

.categories li{
  width: 100%;
  background: #0049b3;
  color: #fff;
  line-height: 50px;
  text-indent: 10px;
  border-bottom: thin solid #028cd3;
}

.categories li a:hover, .categories li a.activo{
  background: #4caffd;
  cursor: pointer;
}

.categories li a{
  display: block;
  width: 100%;
  color: #fff; background: #0049b3;
}

.faq-module{}


.faq-module .faq{
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto 20px auto;
  background: #eee;
  border-radius: 2px;
}

.faq-module .faq:hover{
  box-shadow: 0 2px 7px #ccc;
}
.faq-module .faq:hover .faq-q{
  opacity: 1;
}

.faq-module .faq-q, .faq-module .faq-a, .faq-module .faq-b, .faq-module UL{
  display: block;
  position: relative;
  width: 96%;
  margin:0px auto 6px 2%;
 
}

.faq-module .faq-q{
  color: #0049b3;
  opacity: .8; line-height: 49px;
}

.faq-module .faq-q.down{
  background:  url(../images/icon-arrow-down.svg) scroll transparent no-repeat 10px 12px;
  background-position: 98% 50%;
  background-size: 35px;
}

.faq-module .faq-q.up{
  background:  url(../images/icon-arrow-up.svg) scroll transparent no-repeat 10px 12px;
  background-position: 98% 50%;
  background-size: 35px;
}


.faq-module .faq-a{
  display: none;
  padding: 5px 0 21px 0;
  line-height: 1.5;
}



/** ******************************************************/
/** BLOG PAGE *******************************************/
/** ****************************************************/  

.post {
  margin-top: 0px;
}

h2.single_header {
  margin-bottom: 20px;
  padding-bottom: 13px;
  padding-top: 3px
}

h2.blogroll_header {
  margin-bottom: 3px;
  padding-bottom: 13px;
  padding-top: 3px
}

a.blog_title {
  color: #828593;
}

span.blog_frame {
  display: block;
  position: relative;
  width: 358px;
  height: 297px;
  margin: -10px 0px 40px -23px;
  float: left;
  background: url(../images/image_frame_blue.png) scroll transparent no-repeat 0px -5px;
  background-color: #FFF;
}

span.blog_frame img {
  position: absolute;
  left: 33px;
  top: 25px;
}

a.blog_button {
  margin-bottom: 30px;
  width: 127px;
  height: 35px;
  font-size: 14px;
  padding-top: 14px;
  text-align: center;
  background: url(../images/blog_button_orange.png) scroll transparent no-repeat 0px -10px;
  text-transform: uppercase;
  color: #FFF;
  display: block;
  float: left;
}

span.author_time_stamp {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 14px;
  display: block;

  padding: 5px 0px;
  font-variant: small-caps;
  letter-spacing: 3px;
  font-style: italic;
}


/** WP-PAGENAVI Plugin Styles **/

#portfolio_4_col .wp-pagenavi {
  margin-left: 20px;
  margin-top: 30px;
}

.wp-pagenavi {
  margin-bottom: 30px;
  font-weight: bold;
}

.wp-pagenavi span.pages {
  display: none;
}

.wp-pagenavi a:HOVER {
  background: #31506d
}

span.current {
  padding: 4px 7px 4px;
  background: #ddd;
  margin-right: 7px;
  -moz-border-radius: 3px;
  webkit-border-radius: 3px;
  border-radius: 4px;
  color: #FFF;
}

a.page {
  padding: 4px 7px 4px;
  background: #7a8797;
  margin-right: 7px;
  -moz-border-radius: 3px;
  webkit-border-radius: 3px;
  border-radius: 4px;
  color: #FFF;
}

a.nextpostslink {
  padding: 0px 6px 4px;
  background: #7a8797;
  margin-right: 7px;
  -moz-border-radius: 3px;
  webkit-border-radius: 3px;
  border-radius: 4px;
  color: #FFF;
}

a.previouspostslink {
  padding: 0px 6px 4px;
  background: #7a8797;
  margin-right: 7px;
  -moz-border-radius: 3px;
  webkit-border-radius: 3px;
  border-radius: 4px;
  color: #FFF;
}

/** ******************************************************/
/** PRICING STYLES ***************************************/
/** ****************************************************/
.pricing-rich{
  position: relative;
  float: left;
  min-height:300px;
  text-align: center; font-size: 100%;
  padding:30px 0;
  background: #e8f5ff;
  border-radius: 7px;
/*  box-shadow: 0 0 20px #e3e3e3;
*/  margin-left: 14%;margin-top: 50px;
}

.blue.pricing-rich{
   
  margin-bottom:50px;    
  margin-left:  5%; 
}

.green.pricing-rich{
  border: thin solid #fff;
  margin-top: 50px ; margin-bottom:50px;    
}

.pricing-rich .pc-image{
  display: block;
  position: relative; 
  margin:-70px auto -35px auto; 
  width:200px;
  height:200px;
  background: transparent;
  
}
.pricing-rich .pc-image img{
  display: block;
  position: relative; 
  width:100%;
  height:auto;
  
}

.pricing-rich .arrow-image{
  display: block;
  position: absolute; 
  width:100px;
  height:130px;
  left:0px;
  top:-65px;
}

.pricing-rich ul{
  display: block;
  position: relative; 
  width:100%;
  height:auto;
  margin: 10px auto;
  
}

.pricing-rich ul li{
  display: block;
  position: relative; 
  width:60%;
  height:auto;
  line-height: 32px;
  margin: 0 auto; 
}

.pricing-rich ul li.shadowed{
  background: #efefef;
}

.pricing-rich .comments{
  text-align: center; font-size: 85%; color: #888; line-height: 20px;
}

.pricing-note{
  display: inline-block; overflow: hidden;
  width:auto;
  margin: 10px auto;
  text-align: center; color: #fff!important;
  padding:8px 30px 8px 30px;
  background: #9933ff url(https://alyzta.com/public/images/flujo_inicial/flujo-regalo.png) 0 50% no-repeat;
  background-size:40px;
  border-radius: 10px;
  box-shadow: 0 0 10px #bbb; 
}


.pricing-note img{
  width: auto; height: 50px; 
  float: left;
}

.pricing-note H4{
  font-size: 150%!important; color: #fff!important;
}


.blue.pricing-note{
  background: #0049b3;
}

.red.pricing-note{
  background: #ea3434;
}

.package-new-page{
  display: block;
  max-width: 1200px;
  margin: 0 auto;
z-index: 90000000;
}

.package-head{
    background: none, url(../images/back.jpg);
    background-position: 100% 50%;
    border-radius: 15px 15px 0 0;
    padding: 15px;
    text-align: center;
    position: relative;
}

.package-head h3{
    color: #fff;
    font-size: 170%;

}
.package-head h6{
    color: #aaa;
    font-size: 115%;
}

.package-body{
    display: block;
    background: #FFF;
    height: auto; overflow: hidden;
    border-radius: 5px  5px 12px 12px;
    position: relative;
    box-shadow: 0 5px 20px #dedede;
    padding: 15px 0 20px 0;
    margin-top:-50px; 
    margin-bottom:25px;
    
}
/** ******************************************************/
/** PACKAGE STYLES *****************************/
/** ****************************************************/  


.package-list {
  display: block;
  min-height: 320px;
  float: left;
  margin-top:0;
  padding: 0px 0 10px 0;
  font-size: 90%;
  border-radius: 6px;
}

.package-list:hover {
  /*box-shadow: 0 5px 12px #AEAEAE;*/
}

.package-list .package-list-hd {
  display: block;
  width: 93%;
  height: auto;
  margin: 10px 3.5%;
  font-size: 120%;
  color: white;
  line-height: 41px;
  text-align: center;
  border-radius: 6px;
}

.package-list .package-list-info {
  display: block;
  width: 93%;
  height: auto;
  margin: 10px 3.75%;
  color: #333;
}


.package-list .package-list-info LI a.pkg-help-ico {
  display: block; position: absolute;
  height: 25px;
  width: 25px;
  right: 2px; top: 7px;
  background: url(../images/icon-info-blue.svg) no-repeat 50% 50%;
  background-size: 100%;
}


.package-list .package-list-info LI{
  display: block;position: relative;
  width: 100%;
  height: auto;
  font-size: 100%;
  line-height: 40px;
  color: #333;
  text-indent: 23px;
  background: url(../images/icon-check-green.svg) no-repeat -11px 50%;

  border-bottom: #ddd thin solid;
}




/** ******************************************************/
/** FOOTER STYLES ***************************************/
/** ****************************************************/

footer p, footer a, footer h1,footer h2,footer h3,footer h4,footer h5{ color:#333;}

footer h1,footer h2,footer h3,footer h4,footer h5{ margin-bottom:30px; font-weight:bold;}

footer p, footer a{ font-size: 80%; line-height: 24px;}

footer a:hover{ color:#0049b3;}


#footer_inner {
  max-width: 950px;
  margin: auto;
  padding: 0px;
  color: #555!IMPORTANT;
}


footer .social .socialItem {
  position: relative;
  display: block;
  overflow: hidden;
  width: 270px;
  height: 40px;
  margin: 0px 0;
  padding: 0px 0 0 0px;
}

footer .social .socialItem {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  float: left;
  margin: 0px 10px 0 0px;
  opacity: 1;
}

.footer_social .socialItem:HOVER {
  /*opacity: .85;*/
}

.footer_social .socialItem IMG {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.footer-bottom {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 75px;
  margin: 50px 0 0 0;
  text-align: center;
  line-height: 30px;
  border-top: thin solid rgba(136, 136, 136, 0.2); 
}

.footer-bottom P, .footer-bottom A {
  font-size: 70%;
  line-height: 50px;
  color: #888;
}

.footer_logo {
  display: block;
  position: relative;
  width: 80px;
  height: auto;
  left: 50%;
  margin: -57px 0 -10px -45px;
  text-align: center;
}

.footer_logo IMG {
  width: 100%;
}

.footer_boletin {
  width: 100%;
  height: 50px;
  margin: auto;
  padding: 10px 0px 0 0;
  background: #0049b3;
}

.footer_boletin #suscribe-form {
  width: 950px;
  height: 100%;
  margin: auto;
}


/* Footer logos */
.footer-logos {
  display: block;
  position: relative;
  height: 90px;
  margin-bottom:60px; 
  clear: both;
  border-bottom: thin solid rgba(136, 136, 136, 0.2); 
}

.footer-logos .home-logo {
  display: inline-block;
  position: relative;
  width: auto;
  height: 50px;
  float: left;
  margin: 20px 193px 0 0px;
  -webkit-filter: none;
  background: ;
}

.footer-logos .home-logo IMG{
  width: auto;
  height: 100%;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
 }

 .footer-logos .home-logo:HOVER IMG{
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
 }


/** ******************************************************/
/** SHORTCODE STYLES ************************************/
/** ****************************************************/  

/** Multiple layouts ***/
.one_one {
  width: 98%;
}

.one_half {
  width: 48%;
}

.one_third {
  width: 30.3%;
}

.two_third {
  width: 65.33%;
}

.one_fourth {
  width: 22%;
}

.three_fourth {
  width: 74%;
}

.one_fifth {
  width: 16.8%;
}

.two_fifth {
  width: 37.6%;
}

.three_fifth {
  width: 58.4%;
}

.four_fifth {
  width: 73.2%;
}

.one_sixth {
  width: 13.33%;
}

.five_sixth {
  width: 82.67%;
}

.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth {
  margin-right: 4%;
  float: left;
}

.one_one_nm {
  width: 100%;
}

.one_half_nm {
  width: 49.8%;
}

.one_third_nm {
  width: 33.3%;
}

.two_third_nm {
  width: 65.33%;
}

.one_fourth_nm {
  width: 25%;
}

.three_fourth_nm {
  width: 74%;
}

.one_fifth_nm {
  width: 19.8%;
}

.two_fifth_nm {
  width: 37.6%;
}

.three_fifth_nm {
  width: 58.4%;
}

.four_fifth	_nm {
  width: 67.2%;
}

.one_sixth_nm {
  width: 13.33%;
}

.five_sixth_nm {
  width: 82.67%;
}

.one_half_nm,.one_third_nm,.two_third_nm,.three_fourth_nm,.one_fourth_nm,.one_fifth_nm,.two_fifth_nm,.three_fifth_nm,.four_fifth_nm,.one_sixth_nm,.five_sixth_nm {
  margin-right: 0%;
  float: left;
}

.last {
  margin-right: 0!important;
}


/** ******************************************************/
/** BUTTON PAGE STYLES *****************************/
/** ****************************************************/  

.button, .button:visited {
  background: #0049b3;
  display: inline-block;
  position: relative;
  width: auto;
  height: 45px;
  padding: 0 25px; margin-bottom: 5px;
  color: #fff;
  text-align:center;
  text-decoration: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;

  box-shadow: 0 2px 3px rgba(0,0,0,0.35);
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.35);
 
  cursor: pointer;
  font-size: 1em;
  line-height: 46px;
}

.button:active {
  top: 1px;
  opacity: .75;
}


.bottom.button{
  margin-top: 25px;
}

.empty.button{
  color: #0049b3;
  text-decoration: none;
  background: #fff!important;
  border: thin solid #0049b3;
  box-shadow: none!important;
}

.empty.button:hover{
  color: #FFF;
  background: #0049b3!important; 
}

.white.button{
  color: #0049b3;
  text-decoration: none;
  background: #eee!important;

}

.white.button:hover{
  color: #fff;
  text-decoration: none;
  background: #0049b3!important;

}

.green.button, .green.button:hover{
  color: #fff;
  text-decoration: none;
  background: #33cc33!important;
}

.black.button, .black.button:hover{
  color: #fff;
  text-decoration: none;
  background: #000!important;
}

.pink.button, .pink.button:hover{
  color: #fff;
  text-decoration: none;
  background: #ff3366!important;
}

.orange.button{
  color: #fff;
  text-decoration: none;
  background: #0049b3!important;
}

.orange.button:hover{
  color: #fff;
  text-decoration: none;
  background: #000!important;
}

.red.button, .red.button:hover{
  color: #fff;
  text-decoration: none;
  background: #ff0000!important;
}

.yellow.button, .yellow.button:hover{
  color: #000;
  text-decoration: none;
  background: #fecc3c!important;
}

.full.button{
  width: 100%!important;
  margin-left: 0!important;
}

.post .sc_button {
  display: block;
  margin: 20px 20px 20px 0px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  padding: 8px 34px;
}

.sc_button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}

.sc_button:hover {
  background-position: 0px -50px;
}

.shortcode_buttons {
  margin-bottom: 20px;
}

.post .shortcode_buttons a.sc_button {
  float: left;
}


/** Alert Boxes ***/

.button-soc {
  display: block;
  position: relative;
  height: 2.2em;
  width: 70%;
  margin: .5em auto 3em auto;
  border-radius: 500px;
  font-size: 24px;
  color: white;
  line-height: 2.2em;
  text-indent: 45%;
}

.button-soc.fb {

  background-size: 2em 2em;
}

.button-soc.tw {

  background-size: 2em 2em;
}


/** MESSAGES ***/
.warn_box {
  display: none;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 40px;
  margin: 10px 0 0 0;
  line-height: 40px;
  color: #FFFFFF!important;
  text-align: center;
  z-index: 997;
	/* BORDER RADIUS */
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.blue.warn_box, #blue-warn,	 .blue.mess-box {
  background: #0049b3;
}

.red.warn_box, #red-warn, 	 .red.mess-box {
  background: #FF0000;
}

.green.warn_box, #green-warn, .green.mess-box {
  background: #33CC00;
}

.detail.warn_box, .two-lines.warn_box {
  display: inline-block;
  margin: -5px 0 15px 0;
}

.warn_box H4 {
  font-size: 16px;
}


/** jQuery Show/Hide **/

.post div a.show_hide {
  display: block;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
  padding-bottom: 20px;
  color: #828593
}

.jq_show_hide {
  display: none;
  border: 1px solid #eee;
  line-height: 20px;
  margin: 0px 0px 20px 0px;
  color: #828593;
  background-color: #fafafa;
  background-position: 20px center;
  padding: 20px 20px 20px 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 5px;
}


/** Dropcaps **/

.dropcap {
  margin: 5px 8px 3px 0;
  display: block;
  float: left;
  font-family: Georgia, serif;
  font-size: 55px;
  padding: 5px 5px 0px 5px;
  line-height: 40px;
}


/** ******************************************************/
/** servicepad PAGE STYLES *****************************/
/** ****************************************************/  


.servicepad {
  position: relative;
  min-height: 260px; overflow: hidden;
  float: left;
  margin-top:40px;
  padding: 0px 0 10px 0;
  font-size: 100%;
  border-radius: 6px;
  outline: thin solid #fff;
  background: white;
  box-shadow: 0 4px 16px -2px rgb(0 0 0 / 10%), 0 0 0 1px rgb(0 0 0 / 2%);
}

.servicepad:hover {
  /*margin-top:25px;*/

  outline: thin solid #ccc;
  box-shadow: 0 4px 20px -2px rgb(0 0 0 / 19%), 0 0 0 1px rgb(0 0 0 / 2%);
}
.servicepad:hover .content .tit{
  color: #0049b3;
}

.servicepad:hover .heading IMG{
    transition: 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transform: scale(1.25);
    -moz-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -o-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1,M12=0,M21=0,M22=1.1,SizingMethod='auto expand');
}

.servicepad .heading {
  display:  block;
  position: relative;
  overflow: hidden;
  width:    100%;
  height:   25%;
  margin:   0px auto;
  background: #333;
}

.servicepad .heading IMG{
  display:   block;
  position:  relative;
  width: 100%;
  transition: .3s ease-in-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.servicepad .etiqueta {
  display: block;
  position: absolute; 
  width: auto;
  height: 25px;
  top: 20px; left: 7.5%;
  padding: 0 16px;
  color: white;
  font-size: 75%;
  line-height: 26px;
  background: #0049b3;
  z-index: 999;
  opacity: .7;
}

.servicepad .content {
  display: inline-block;
  width: 85%;
  min-height: 220px;
  margin: 0 0 0 7.5%;
  padding: 10px 0; 
  font-size: 90%;
  line-height: 1.75;
  text-align: left;
}

.servicepad .content P{
  color: #909090;
  line-height: 1.75;
}


.servicepad .content .name {
  color: #0049b3;
  bottom: 0;
}

.clientSite {
  min-height: 100px;
  max-height: 102px;
  float: left;
  margin-top: 20px;
  margin-bottom: 15px;
  padding: 0px 0 10px 0;
  text-align: center;
  font-size: 90%;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 15px #ddd;
}

.clientSite:hover {
  box-shadow: 0 2px 25px #bbb;
}

.clientSite .client{
  width: 100%;
  height: 50px;
  margin: 10px 0%;
}

.clientSite .client IMG{
  max-width: 60%;
  max-height: 100%;
}

.clientSite .connect{
  width: 100%;
  margin: 0px 0%;
  font-weight: bold;
  font-size: 85%;
}

.locations {
  position: relative;
  overflow: hidden;
  height: 550px;
  float: left;
  margin:30px 0 ;
  padding: 0px 0;
  border-radius: 6px;
  /*box-shadow: 0 4px 16px -2px rgb(0 0 0 / 10%), 0 0 0 1px rgb(0 0 0 / 2%);*/
}

.locations.move:hover {
  margin-top:25px;
  
}
.locations:hover .content .tit{
  color: #0049b3;
}

.locations .heading {
  display:    block;
  position:   absolute;
  left: 0; top:0;
  width:      100%;
  height:     100%;
  z-index:    0;
}

.locations .heading IMG{
  display:  block;
  width:    100%;
}

.locations .content {
  position:   absolute;
  right: 4%; top:5%;
  height: 90%;
  margin: 0 auto;
  float: right;
  padding: 10px 0;
  font-size: 90%;
  line-height: 1.75;
  background: white url(../imagen/overlay-white.png);
  border-radius: 6px;
  z-index: 1000000;
}

.locations .content .info {
  display: block;  
  position:   relative;
  width: 85%;
  height: 90%;
  margin: 2.5% 7.5%;
  float: right;
  line-height: 1.75;
}

.locations .content P, .locations .content h3, .locations .content h6{
  line-height: 1.75;
  /*color: #fff;*/
}


/** ******************************************************/
/** testimoniasl STYLES *****************************/
/** ****************************************************/  
.testimonial {
  position: relative;
  min-height: 320px; overflow: hidden;
  float: left;
  margin-top:30px;
  padding: 0px 0;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 0px 1px 1px rgb(0 0 0 / 1%), 0 0 0 1px rgb(0 0 0 / 2%);*/
}

.testimonial:HOVER{  
   box-shadow: 0 4px 16px -2px rgb(0 0 0 / 19%), 0 0 0 1px rgb(0 0 0 / 2%);
}
.testimonial .heading {
  display: block;
  position: relative; 
  width: 100%;
  height: 40px;
  margin: 10px auto 0 auto;
}
.testimonial .heading IMG{
  display: block;
  height: 40px;
  margin: 0px auto;
}

.testimonial .content {
  display: inline-block;
  position: relative;
  width: 90%;
  height: 150px; font-size: 90%;
  margin: 0 5% 0 5%;
  padding: 0px 0 10px 0;
  line-height: 1.75;
  z-index: 999;
}
.testimonial P{
  color: #909090;
}

.testimonial .tit {
  font-size: 90%;
  font-weight: bold;
}

.testimonial .name {
  display: inline-block;
  position: relative;
  width: 90%;
  margin: 0px auto;
  font-size: 90%;
  color: #0049b3;
}

.testimonial .brand {
  display: inline-block;
  position: relative;
  width: 90%;
  height: 50px;
  color: #909090;
  margin: 0 5%;
}
.testimonial .brand IMG{
  display: inline-block;
  width: auto;
  height: 30px;
  margin: 10px auto;
}



/** ******************************************************/
/** LOGO STYLES *****************************/
/** ****************************************************/  

.homebox-logos {
  display: flex;
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding: 2.5rem;
}

.home-logo {
  display: block;
  height: 100%;
  margin: 0 25px;
  box-shadow: 0 4px 16px -2px rgb(0 0 0 / 10%), 0 0 0 1px rgb(0 0 0 / 2%);
  animation: animate 50s alternate linear infinite;
}
.home-logo img{
  display: block;
  height: 100%;
  border-radius: 5px;
}

.homebox-logos:hover .home-logo {
  animation-play-state: paused;
}
@keyframes animate {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-2450px, 0, 0);
  }
}


/** ******************************************************/
/** BLOCK STYLES *****************************/
/** ****************************************************/  


.blockBase {
  min-height: 320px;
  margin-top:30px;
  padding: 10px 0 5% 0;
}

.blockBase.b1 {
  background: #e2e9f9;
}


/** ******************************************************/
/** STATS PAGE STYLES *****************************/
/** ****************************************************/  


.statistics {
  background: #0049b3;
  border-radius: 5px;
}

.statistics.blue {
  
}


.statistics .icon {
  display: block; height: 80px; width: 80px;
  margin: 70px auto; border-radius: 50%; background: #0049b3; box-shadow: 0 0 20px #666;
}

.statistics .icon::after { content: "";
  display: block; position: absolute; height: 150px; width: 150px;
  margin: -35px -35px; border-radius: 50%; background: white; opacity: .10;
}


.statistics .data {
  display: block; height: auto; width: 90%; color: white;
  margin: 50px auto;
}

.statistics .DataLabel {
  font-size: 100%; color: white;
}
.statistics .DataMain {
  margin-top: 50px; font-size: 250%; color: white;
}




/** ******************************************************/
/** FUNCTIONS PAGE STYLES *********************************/
/** ****************************************************/


.func-wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 1rem;
}

.func-wrapp {
  float: left;
  position: relative;
  padding: 0 0 35px;
  margin-bottom:35px; 
}

.func-wrapp.padd-top {
  padding-top: 55px;

}

.func-wrapp:nth-child(1){
    grid-column: span 4;
    grid-row: span 2;
}

.func-wrapp:nth-child(2),
.func-wrapp:nth-child(3){
    grid-column: span 2;
}

.func-wrapp:nth-child(4),
.func-wrapp:nth-child(5){
    grid-column: span 3;
}

.func-wrapp:nth-child(6){
    grid-column: span 6;
}

.func-wrapp:nth-child(7),
.func-wrapp:nth-child(8),
.func-wrapp:nth-child(9){
    grid-column: span 2;
}

.func-wrapp:nth-child(10){
    grid-column: span 4;
    grid-row: span 2;
}
.func-wrapp:nth-child(11),
.func-wrapp:nth-child(12){
    grid-column: span 2;
}
.func-wrapp:nth-child(13),
.func-wrapp:nth-child(14),
.func-wrapp:nth-child(15){
    grid-column: span 2;
}


.block-info{
  width: 80%;
  margin-left: 10%;
}


/** ******************************************************/
/** CONTACT PAGE STYLES *********************************/
/** ****************************************************/


/* Contact Form */


.error {
  margin: 0px 0 0 0;
  color: #F00;
  line-height: 25px;
}

.contact-form {
  width: 50%;
  margin-left: 25%;
  clear: both;
}

.contact-form label {
  line-height: 50px;
  width: 50%;
  text-align: left;
  float: left;
  margin-right: 5px;
}

.contact-form input,
.contact-form textarea {
  float: left;
  padding: 2px 0 2px 0px;
  line-height: 28px;
  text-indent: 10px;
  margin: 0px 0 20px 0;
  color: #454545;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 100%;
  background: #FFF;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border: thin solid #888;
}

.contact-form input::-webkit-input-placeholder ,
.contact-form textarea::-webkit-input-placeholder {
  color: #999;
  font-size: 90%;
}

.contact-form input:focus ,
.contact-form textarea:focus {
  box-shadow: inset 3px 3px 3px #ccc;
  border: thin solid #0049b3;
}

.contact-form input {
  width: 100%;
  height: 40px;
}

.contact-form textarea {
  width: 100%;
  height: 60px;
  resize: none;
}

.contact-form input.button {
  float: right;
  margin-top: 10px;
}
	
	/* Contact List */
.contact_list {
  padding: 12px 0 0 0;
}

.contact_list LI {
  height: 20px;
  line-height: 22px;
  padding: 0 0 0 0;
  margin: 0 0 13px 0;
  text-indent: 22px;
  border: none;
  color: #666;
}

.contact_list UL {
  margin: 0 0 23px 15px;
}

.contact_list UL LI {
  line-height: normal;
  padding: 0 0 0 0;
  margin: 0 0 13px 0;
  border: none;
}



/** ******************************************************/
/** SUSCRIBE STYLES *********************************/
/** ****************************************************/

#suscribe-form label {
  line-height: 46px;
  width: 50%;
  text-align: left;
  float: left;
  margin-right: 5px;
}

#suscribe-form input {
  float: left;
  padding: 2px 0 2px 0px;
  line-height: 28px;
  text-indent: 10px;
  margin: 4px 0 10px 0;
  color: #454545;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 11px;
  background: #FFF;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: inset 2px 2px 6px #999;
}

#suscribe-form input::-webkit-input-placeholder {
  color: #0049b3;
}

#suscribe-form input:focus {
  background: #FEFEFE;
}

#suscribe-form input {
  width: 55%;
  height: 27px;
  margin: 0 5px 10px 0;
}

#suscribe-form .button {
  margin-top: -2px;
}



/** ******************************************************/
/** LANDING PAGE STYLES *********************************/
/** ****************************************************/


/* Landing Form */

.landing-form {
  width: 50%;
  clear: both; padding-top: 15px; background: ; margin-left:25%; 
}

/*.landing-form label {
  line-height: 50px;
  width: 50%;
  text-align: left;
  float: left;
  margin-right: 5px;
}*/

.landing-form input,
.landing-form textarea {
  float: left;
  padding: 2px 0 2px 0px;
  line-height: 28px;
  text-indent: 35px;
  margin: 10px 0 10px 0;
  color: #454545;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 100%;
  background-color: #FFF;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border: thin solid #0049b3;
}
.landing-form  input {
  width: 100%;
  height: 40px;background-size: 30px auto;
  background-repeat:no-repeat;
  background-position: 3px 53% ;
}

.landing-form  input.name {
  background-image: url(../images/icon-user-0002.svg);
}

.landing-form  input.mail {
  background-image: url(../images/icon-mail-0003.svg);
}

.landing-form  input.telefono {
  background-image: url(../images/icon-tel-0003.svg);
}


.landing-form input::-webkit-input-placeholder ,
.landing-form textarea::-webkit-input-placeholder {
  color: #999;
  font-size: 90%;
}

.landing-form input:focus ,
.landing-form textarea:focus {
  box-shadow: inset 3px 3px 3px #bbb;
  border: thin solid #0049b3;
}



.arrowDown{
  width: 100px;
  margin:-60px 0 0 -50px; 
  position: absolute;
  left: 50%;
  z-index: 999;
}


/* Global Classes */

.clear {
  clear: both;
  display: block;
  position: relative;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
  height: 1px;
}
/** ******************************************************/
/** POPUP STYLES ********************/
/** ****************************************************/

.popbase {
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  display: none;
  background-color: rgba(22,22,22,0.5);
 /* complimenting your modal colors */
  z-index: 1000000;
}

.popclose {
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  opacity: 1;
}

.popup {
  position: fixed;
  display: block;
  width: 800px;
  height: auto;
  top: 50%;
  left: 50%;
  margin: -300px 0 0 -400px;
  padding: 0px;
  text-align: center;
  color: #777777;
  background: #FFF;
  box-shadow: 0 0 15px #454545;
  border-radius: 6px;
  outline: 0;
}

.popup-txt {
  position: relative;
  width: 90%;
  height: auto;
  padding: 15px 5% 15px 5%;
  background: #FFF;
  border-radius: 5px;
}

.blue.popup-txt {
  color: #FFF;
}
/** POPUP TITLES **/
.popup .title1 {
  font-size: 30px;
  padding: 0px 0;
}

.popup .title2 {
  font-size: 18px;
}

.popup .subtitle1 {
  font-size: 20px;
  margin: 20px auto 15px auto;
}

.popup SPAN {
  font-size: 20px;
  color: #777;
}

.popup .close {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  left: 50%;
  bottom: -20px;
  margin: 20px 0 0 -20px;
  border-radius: 30px;
  border: 2px SOLID #555;
  cursor: pointer;
  text-align: center;
  box-shadow: 0 0 10px #555;
}

.popup .x {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  right: -10px;
  top: -12px;
  margin: 0px;
  font-family: Verdana, Geneva, sans-serif;
  line-height: 27px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  border-radius: 30px;
  background: #ddd;
}

.popup .x:HOVER {
  background: #000;
}

.popup .button-call {
  display: inline-block;
  position: relative;
  width: auto;
  height: 50px;
  margin: 5px auto 25px auto;
  padding: 0 40px 0 65px;
  color: #FFF;
  text-align: center;
  font-size: 28px;
  line-height: 51px;
  border-radius: 30px;
  cursor: pointer;
  box-shadow: 0 6px 10px #ccc;
}


/** ******************************************************/
/** PAYPAL CLASSES ********************/
/** ****************************************************/

.paypalBottom {
  display: block;
  position: relative;
  margin: 10px auto 0 auto;
}

.paypaltop {
  position: relative;
  margin: 16px auto 0 5px
}

/** ******************************************************/
/** LIGHTBOX STYLES ***********************************/
/** ****************************************************/ 


/* Preload images */
body:after {
  content: url(../images/PRI.gif);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


 
/** ******************************************************/
/** SIDENAV *********************************************/
/** ****************************************************/

.open-sidenav {
  position: absolute;
  top: 00px;
  right: 2%;
  width: 40px;
  height: 40px;
}

.menu-icon {
  position: absolute;
  top: 0px;
  right: 2%;
  width: 50px;
  height: 65px;
  background: #fff url(../images/icon-menu.png) 50% 50% no-repeat;
  background-size: 70% auto;
}

.menu-icon:hover {
  background: #f2f2f2 url(../images/icon-menu.png) 50% 50% no-repeat;
  background-size: 70% auto;
} 

.open-sidenav:checked ~ .sidenav{
   	margin-left:0%;
}

.open-sidenav:checked ~ .menu-icon{
  background: #fff url(../images/icon-close.png) 50% 50% no-repeat;
  background-size: 80% auto;
}

/* The side navigation menu */
.sidenav {
  height: 100%;
 /* 100% Full-height */
  width: 100%;
 /* 0 width - change this with JavaScript */
  position: fixed;
  margin-left:-100%;
 /* Stay in place */
  z-index: 1000000;
 /* Stay on top */
  top: 65px;
  left: 0;
  background-color: #fff;
 /* Black*/
  overflow-x: hidden;
 /* Disable horizontal scroll */
  padding-top: 20px;
 /* Place content 60px from the top */
  transition: all 0.35s ease-out;
 /* 0.5 second transition effect to slide in the sidenav */
}


/* The navigation menu links */
.sidenav a {
  padding: 20px 8px 20px 10%;
  text-decoration: none;
  font-size: 100%;
  color: #787878;
  display: block;
  transition: 0.3s
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .sidenav a:active, .offcanvas a:focus {
  color: #787878;
  background: #e9e9e9;
}


.sidenav a.submenu{
}

.sidenav ul {
	display:none; margin: 0 0 20px 0!important}
	
.sidenav ul li{
  padding:	0px!important;
  margin:0; background:#0080ff;
}

.sidenav ul li a{
  width:	100%;
  text-indent:10%;
  color:	#ddd;
  font-size: 135%;
}


/** ******************************************************/
/** MOBILE STYLES 	*****************************************/
/** ****************************************************/ 


.mobile-show {display: none;}
.mobile-hide{ display: block;}

.navbar-fixed {
  top: 0;
  z-index: 200;
  position: fixed;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 110%;
  }
}



@media only screen and (max-width: 1024px) {
/* For mobile phones: */

  header {
    display: block;
    position: fixed;
    height: 65px;
    background: white;
  }

	footer {
    text-align:center;
  }
  nav{ display: flex;}
  
  .mobile-show{display: block!important;}
  .mobile-hide{display: none!important;}
  .not-m{display:none!important;}
  .yes-m{display:block}
  
  .toper, .topData, #topData, .mobile-call, .header-note, #featured, #slides {
    display: none !important;
  }

  .global-wrapper, #footer_inner, .mobile-search, .contact-form {
    left: 0;
    width: 90%;
    margin-left: 5%;
  }
  
  .banned H1{
    font-size: 180%;
  }
  

  .logo {
    display: block;
    position: relative;
    max-height: 60px;
    width: ;
    margin:5px 0 0 0;
  }

  .img-responsive{
    width: 100%;
  }

  .logo IMG {
    width: 75%;
    margin: 0 auto;
  }

  .button, .button:visited {
  	width: auto;
  	height: 45px;
  	text-align:center;
  	font-size: 140%;
  	line-height: 46px;
    padding: 0 30px;
  }

  .cat_box {
    width: 49%;
  }

  .color.selector {
    width: 93.1%;
  }

  .warn_box{ width:100%;}

  .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth,.main-w-sidebar {
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 20px;
    float: left;
  }

 .blue.pricing-rich, .green.pricing-rich {
    width: 99%;
    margin-left: 0%;
  }

  .flex-v {
    display: block;
    justify-content: top;
    align-items: left;
    flex-direction: row;
  }
  .col-design{ min-height: auto; }

  
  .locations .content, .locations .heading  {
    position: relative;
    margin: 0 auto;
    left: 0; right: 0;
  }

  .steam-left {
    display: none;
  }

  .steam-right .button-cta {
    position: absolute;
    width: 250px;
    left: 50%;
    margin-left: -175px;
  }

  .homebox-logos {
    width: 95%;
    border-radius: 0;
    padding: 0;
  }

  .footer-logos .home-logo {
    display: inline-block;
    position: relative;
    width: 15%;
    height: 35px;
    float: left;
    margin: 30px 5% 0 0px;
  }
  
  .popup{
	  width:90%; height:auto; top:50%; left: 50%;
	  margin: -130px 0 0 -45%;
  }
  
  .popup-txt{	width:90%;	margin: 0; }
    
  
  #suscribe-form #subscribemail{
	  width:98.3%;
  }
  
  .landing-form {
    width: 98%; margin-left: 0;
  }

  .func-wrapper{
        display: block;
   }
  .func-wrapp{
        margin-bottom: 1rem;
  }

}