@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');









html, body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

*{
	outline: none!important;
}

a, a:hover{
  text-decoration: none!important; 
}

body {
  background:#fff!important; 
  font-family:"Lato",  Arial, sans-serif!important; 
  color:#333!important; 
  font-weight: 400!important;
  font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {color:#333;}


.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%!important;
    padding: 0 30px!important;
}

.container-800{
  max-width: 55%!important;
}
.container-1100{
  max-width: 1000px!important;
  margin: 0 auto;
}
.container-1240{
  max-width: 1240px!important;
  margin: 0 auto;
}

.contenedor-1000{
  max-width: 1000px!important;
  margin: 0 auto;
}
.contenedor-1100{
  max-width: 1140px!important;
  margin: 0 auto;
}
.contenedor-1200{
  max-width: 1200px!important;
  margin: 0 auto;
}

header{
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    padding: 0;
}

.has-search .form-control {
    padding-left: 2.375rem;
    border-radius: 15px;
    max-width: 350px;
    background: #f2f2f2;
    border: 0;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

/*Ricardo*/

.correos {	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #36F;
}
.negritas {	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000;
}
.textonormal {	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000;
}
.correos1 {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #36F;
}
.negritas1 {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000;
}
.negritas111 {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000;
}
.textonormal1 {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000;
}
.thin{
font-weight:100;
}

.soypartner {
    width: 200px;
    background-color: #00bceb;
    color: #fff;
    padding: 10px;
    border-radius: 20px;
    text-align: center;
}
.quieroserpartner{
    width: 200px;
    background-color: #75bf4a;
    color: #fff;
    padding: 10px;
    border-radius: 20px;
    text-align: center;
}
.gris{
color:#404040;
}

.azul{
color:#0D274D;
}

.verde{
color:#75BF4A;
}

.fs10{
 font-size: 10px; 
}

.fs11{
 font-size: 11px; 
}

.fs12{
 font-size: 12px; 
}

.fs14{
 font-size: 14px; 
}

.fs16{
 font-size: 16px; 
}

.fs18{
 font-size: 18px; 
}

.fs20{
 font-size: 20px!important; 
}
.fs23{
 font-size: 23px!important; 
}
.fs40{
 font-size: 40px; 
}
.fs30{
 font-size: 30px; 
}

.pt15{
  padding-top: 15px;
}

.pt25{
  padding-top: 25px;
}

.margen-video{
 padding: 20px;
 margin-right: 20px;
}

.mt-20{
 margin-top: 20px; 
}

.texto-videos{
  color: #fff;
  font-size: 18px;
}
.white{
color:#fff
}

.c-page{
  max-width: 1400px;
  margin: 0 auto;
  background:#FFF;
}
.top_links{
  list-style:none;
}

.text-blue{
  color:#0d274d;
}

.text-blue-2{
  color:#00BCEB;
}

.cisco{
  height: 120px;
}

.fw700{
  font-weight:700; 
}

.icon-link{
border-radius: 50%;
    height: 30px;
    width: 30px;
  background: #9e9ea3;
    color: #FFF;
    display: inline-block;
    text-align: center;
    padding-top: 3px;
    padding-left: 3px;
}

.icon-link:hover{
  background:#00BCEB; 
  color: #FFF;
}
.hs-breadcrumb-menu img{
   display: none; 
}
a.hs-breadcrumb-label,a.hs-breadcrumb-label:active,a.hs-breadcrumb-label:visited,a.hs-breadcrumb-label:hover{
  color:#9e9ea3; 
}
span.hs-breadcrumb-label{
  color:#00BCEB;
}

.filtro select{
    border-radius: 6px!important;
  border-top-left-radius: 6px!important;
    border-bottom-left-radius: 6px!important;
    border: 0;
  color:#9e9ea3;
}

.bb{ 
   border-bottom: 1px solid #000!important; 
}

header.sticky {
    -webkit-box-shadow: 0 2px 10px -2px rgba(0,0,0,.41);
    -moz-box-shadow: 0 2px 10px -2px rgba(0,0,0,.41);
    box-shadow: 0 2px 10px -2px rgba(0,0,0,.41);
    padding: 0;
}

header.sticky #top_line {
    height: 0;
    margin:0;
    overflow: hidden;
    padding: 0;
    opacity: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.sticky nav{ margin-top:10px}
.sticky .mt-2{ margin-top:0!important}
.sticky #logo_home img {
    margin: 0!important;
}

.help-block{
   color:red;
    font-size:14px;
  
}

@keyframes appear{
    0% {
        top: -100%;
    }

    100% {
        top: 0;
    }
}


#header_menu{
	display: none;
}

.layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 100%;
	z-index: 100;
	min-height: 100%;
	background-color: #000;
	z-index: 99;
	background-color: rgba(0,0,0,.8);
	-webkit-transition: transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s;
	-moz-transition: transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s;
	-ms-transition: transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s;
	-o-transition: transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s;
	transition: transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s;
	opacity: 0;
	visibility: hidden;
}
.layer-is-visible {
	opacity: 0.5;
	visibility: visible;
	-webkit-transition: opacity .3s ease 0s,transform .3s ease 0s;
	-moz-transition: opacity .3s ease 0s,transform .3s ease 0s;
	-ms-transition: opacity .3s ease 0s,transform .3s ease 0s;
	-o-transition: opacity .3s ease 0s,transform .3s ease 0s;
	transition: opacity .3s ease 0s,transform .3s ease 0s;
}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	bottom: 0;
	background-color: #fff;
	z-index: 999999999;
}
.sk-spinner-wave.sk-spinner {
	margin: -15px 0 0 -25px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50px;
	height: 30px;
	text-align: center;
	font-size: 10px;
}

.sk-spinner-wave div {
	background-color: #ccc;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
	animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}
.sk-spinner-wave .sk-rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.sk-spinner-wave .sk-rect3 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
.sk-spinner-wave .sk-rect4 {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s;
}
.sk-spinner-wave .sk-rect5 {
	-webkit-animation-delay: -.8s;
	animation-delay: -.8s;
}

@-webkit-keyframes sk-waveStretchDelay {
	0%, 40%, 100% {
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4);
	}
	20% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}
}

@keyframes sk-waveStretchDelay {
	0%, 40%, 100% {
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4);
	}
	20% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}
}

.filtro{
  background: #f1f1f2;
  padding: 15px;
  width:100%;
}
.filtro label{
  color:#0d274d; 
  font-size: 16px!important;
}

.form-control {
  font-size: 16px!important;
}

.c-item{
  
  background:#0d274d; 
}
.c-item-h{
  background:#00BCEB!important; 
}
 

.c-item-event{
  background:#00bceb; 
}

.c-item-event .btn-blue, .c-item-event .btn-blue:hover, .c-item-event .btn-blue:visited, .c-item-event .btn-blue:active{
   background: #0d274d!important;
}

.c-item-event-home{
  background:#0d274d; 
}


.c-item-meraki{
  background:#75BF4A; 
}

.c-item-colab{
  background:#000000; 
}

.c-item-herramientas{
  background:#9E9EA3; 
}

.c-item-promocion{
  background:#75BF4A; 
}

.c-item{
  border-radius:20px;
  /*padding-bottom:20px;*/
  height:100%;
}

.c-item img{
  width:100%;
  border-top-left-radius:20px; 
  border-top-right-radius:20px; 
}
.c-item .contenido{
   margin-top:-50px;
    color:#FFF;
  padding:0 20px;
}

.c-item .contenido h3{
  color:#FFF; 
  font-size:22px;
}

.grid-item {
    width: 24%;
    height: 380px;
}

.gutter-sizer {
    width: 1.33%;
}

.active-branch .sidebar-submenu{
  display: block; 
}

#top_line {
    color: #fff;
    height: 28px;
    border-bottom: 1px solid rgba(255,255,255,.2);
    font-size: 14px;
    visibility: visible;
    opacity: 1;
    margin-bottom: 5px;
    position: relative;
    z-index: 999999;
}

#top_line a, #top_line a:active, #top_line a:hover, #top_line a:visited{
 color: #FFF; 
}

.error{
  color: #e04f67;
}
.hide{
 display: none; 
}

.swal2-title {
  font-size: 18px!important;
}

#toTop.visible {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

#toTop {
	position: fixed;
	right: 0;
	opacity: 0;
	visibility: hidden;
	bottom: 25px;
	margin: 0 25px 0 0;
	z-index: 9999;
	transition: .35s;
	transform: scale(.7);
	width: 46px;
	height: 46px;
	background-color: rgba(0,0,0,.6);
	opacity: 1;
	transition: all .3s;
	border-radius: 50%;
	text-align: center;
	font-size: 21px;
	color: #fff;
	cursor: pointer;
}
#toTop:after {
	content: "\e899";
	font-family: fontello;
	position: relative;
	display: block;
	top: 50%;
	-webkit-transform: translateY(-55%);
	transform: translateY(-55%);
}

.opacity-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

@media (max-width: 767px) {
   
  .hidden-xs{
    display: none!important; 
  }
  
  #top_line {
    display: none;
}
  
  
}

.btn,.btn:hover, .btn:visited, .btn:active {
   border:0;
}

#sign-in-dialog .btn,#sign-in-dialog .btn:hover,#sign-in-dialog .btn:visited,#sign-in-dialog .btn:active,
.btn-blue,.btn-blue:hover, .btn-blue:visited, .btn-blue:active {
    text-align: center!important;
    display: inline-block!important;  
    background: #00BCEB!important;
    font-weight: 600!important;
    text-decoration: none!important;
    font-size: 16px!important;
    color: #FFF !important;
    /*margin: 0!important;*/
    padding: 5px 20px!important;
    border-radius: 80px!important;
     border:0;
}
.btn-blue-obscuro,.btn-blue-obscuro:hover, .btn-blue-obscuro:visited, .btn-blue-obscuro:active {
    text-align: center!important;
    display: inline-block!important;  
    background: #0d274d!important;
    font-weight: 600!important;
    text-decoration: none!important;
    font-size: 16px!important;
    color: #FFF !important;
    /*margin: 0!important;*/
    padding: 5px 20px!important;
    border-radius: 80px!important;
     border:0;
}


  
@media (max-width: 767px) {
	

footer ul{
  margin:0;
  padding:0;
  list-style:none;
}

footer a, footer a:hover, footer a:visited, footer a:active{  
  color: #333;  
}

  .logo-footer img{
    max-width: 200px; 
  }

/*Menu*/
#logo_home img {
margin: 0;
    padding: 0;
    max-width: 100%;
}
nav {
    margin-top: 10px;
    position: relative;
}
#close_in, #header_menu, .cmn-toggle-switch {
    display: none;
}
/*-------- 1.4 menu --------*/
.main-menu {position: relative;z-index:9;width:auto;text-align:right;} 
.main-menu a {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.main-menu ul,
.main-menu ul li,
.main-menu ul li a {position: relative; margin-bottom:0; margin: 0;padding: 0;}

/* Submenu styles */
.main-menu ul li a {display: block; line-height: 20px;padding:10px;color:#333;font-weight:600}

#hs_menu_wrapper_menu>ul>li{
  margin-right:15px;
}
#hs_menu_wrapper_menu>ul>li:last-child{
  background: #0d274d;
  border-radius:6px;
  margin-right:0;
}
#hs_menu_wrapper_menu>ul>li:last-child a{
  color:#FFF;
}
			
/*First level styles */			
.main-menu > ul > li > a {color: #fff; padding: 0 15px 15px  15px; font-size:16px;text-transform: none; font-weight: 700;text-align:left;}
.main-menu > ul > li > a.active, .main-menu > ul > li > a:hover {color: !important}
.sticky .main-menu > ul > li > a {color: #fff;}
.sticky .main-menu > ul > li:hover > a {color: #e04f67;}
.main-menu > ul > li:hover > a {}

/*First level styles header plain */		
header#plain .main-menu > ul > li > a {color: #333;}
header#plain .main-menu > ul > li:hover > a {color: #e04f67;}

/*First level styles header colored */		
header#colored.sticky .main-menu > ul > li > a {color: #fff;}

/* All styles for screen size between 992px and 1200px
================================================== */
@media (min-width: 992px) and (max-width: 1200px) {
	
/*First level styles */			
.main-menu > ul > li > a {padding: 0 5px 15px  5px;}

}
#sidebar{
  margin-top:0;
  }
#sidebar ul{
  list-style: none;
  margin:0;
  padding:0;  
  }

#sidebar .hs-menu-depth-1 {
  position:relative;
  padding: 8px 0 0 0;
  clear:both;
  }

  #sidebar .hs-menu-depth-1:first-child:before{
    margin-bottom:8px;
    content:'';
    display: block;
    height: 2px;
    background:;  
    width: 1000px;
    float:right;    
  }
  #sidebar .hs-menu-depth-1:first-child{
    padding-top:0; 
  }
  #sidebar .hs-menu-depth-1:first-child > a{
    clear:both 
  }
  #sidebar .hs-menu-depth-1:after{
    margin-top:8px;
    content:'';
    display: block;
    height: 2px;
    background:;  
    width: 1000px;
    float:right;    
  }
  
  #sidebar .hs-menu-depth-1:nth-child(1) > a{
      height:30px;
      display:inline-block;
      padding-left:45px;
      background: url(https://19847302.fs1.hubspotusercontent-na1.net/hubfs/19847302/pages/icono-1.jpg) no-repeat left center;
    }
  
  #sidebar .hs-menu-depth-1:nth-child(2) > a{
      height:30px;
      display:inline-block;
      padding-left:45px;
      background: url(https://19847302.fs1.hubspotusercontent-na1.net/hubfs/19847302/pages/icono-2.jpg) no-repeat left center;
    }
  
  #sidebar .hs-menu-depth-1:nth-child(3) > a{
      height:30px;
      display:inline-block;
      padding-left:45px;
      background: url(https://19847302.fs1.hubspotusercontent-na1.net/hubfs/19847302/pages/icono-3.jpg) no-repeat left center;
    }
  
  #sidebar .hs-menu-depth-1:nth-child(4) > a{
      height:30px;
      display:inline-block;
      padding-left:45px;
      background: url(https://19847302.fs1.hubspotusercontent-na1.net/hubfs/19847302/pages/icono-4.jpg) no-repeat left center;
    }
  
  #sidebar .hs-menu-depth-1 > a{  
    font-size: 20px; 
    color: ;
  }
  
  #sidebar .hs-menu-depth-1 ul{
    margin: 8px 0;
    padding-left:45px;
  }
  #sidebar .hs-menu-depth-2 a{
     font-size: 16px; 
    color:#333;
  }		
  
  
  
  
/* All styles for screen size over 992px
================================================== */
@media only screen and (min-width: 1100px) {
  #sidebar ul{
   padding-right: 50px; 
  }
}
@media only screen and (min-width: 992px) {
 
.main-menu {width: auto;}
.main-menu a {white-space: nowrap;}	
.main-menu ul li {display: inline-block;}

.main-menu ul li.submenu:hover > a:before,
.main-menu ul li.submenu:hover > a:after {bottom: -20px;opacity: 0;}
		
/* Submenu + megamenu*/
.main-menu ul ul, .main-menu ul li .menu-wrapper {
	position: absolute;
	border-top: 2px solid #e04f67;
	z-index: 1;
	visibility: hidden;
	left: 3px;
	top: 100%;
	margin: 0;
	display:block;
	padding: 0;
	background: #fff;
	min-width:210px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	-webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
	}
.main-menu ul li .menu-wrapper {
	padding:10px 15px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.main-menu ul li:hover > ul, .main-menu ul li:hover .menu-wrapper{
	padding: 0;
	visibility:visible;
	-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
	}
.main-menu ul .menu-wrapper ul {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	border-top: none; 
	margin:0; 
	position:static; 
	-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
	}
.main-menu ul .menu-wrapper ul:before{border:0;}

.main-menu ul ul li {display: block;height: auto;padding: 0;}		
.main-menu ul ul li a {font-size: 12px;color: #666;border-bottom:1px solid #ededed;display: block;text-align:left; font-weight:400;}
.main-menu ul ul li:last-child a {border-bottom:none;}

.main-menu ul ul li:hover > a {background-color:#f9f9f9;color:#e04f67; padding-left:15px;}

/* Megamenu */
.main-menu ul li.megamenu {position:static;}
.main-menu ul li.megamenu .menu-wrapper {width:1115px;float:left;left:auto;right:0; padding: 10px 30px 15px 30px!important;}
.main-menu ul li:hover.megamenu .menu-wrapper {visibility:visible; opacity:1;}
.main-menu ul li:hover.megamenu .menu-wrapper ul{visibility:visible; opacity:1;}

.main-menu ul .menu-wrapper h3 {font-size: 13px;text-transform:uppercase;border-bottom:2px solid #ededed;padding-bottom:10px;margin-bottom:0;}

/* Submenu 3rd level */
.main-menu ul ul ul{position: absolute;border-top: 0;z-index: 1;height: auto;left: 100%;top: 0;margin: 0;padding: 0;background: #fff;min-width:190px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}	
.main-menu ul ul:before{bottom: 100%;left: 15%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-bottom-color: #e04f67;border-width: 7px;margin-left: -7px;}
.main-menu ul ul ul:before{border-width: 0;margin-left: 0;}

 
 .main-menu ul ul li.third-level > a:hover {
    background-color: #f9f9f9;
    color: #e04f67;
    padding-left: 18px;
    opacity: 1;
  }
  .main-menu ul ul li.third-level > a:after {
    font-family: 'ElegantIcons';
    content: "\35";
    float: right;
    font-size: 16px;
    font-size: 1rem;
    margin-top: -1px;
  }
	
}

@media only screen and (max-width: 991px) {
	
#header_menu{text-align:center;padding:25px 15px 10px 15px;position:relative;display:block;}
.sticky ul#top_tools, ul#top_tools {
    margin: 3px 45px 0 0;
}
  .dropdown, .dropleft, .dropright, .dropup {
    position: relative;
    top: -10px;
}
.main-menu ul li a:hover,
a.show-submenu:hover,
a.show-submenu:focus,
a.show-submenu-mega:hover,
a.show-submenu-mega:focus{color:#e04f67 !important;background-color:#f9f9f9;}	
	
.main-menu ul li  {border-top: none;border-bottom: 1px solid #ededed;color: #fff;}

/* Menu mobile first level */	
.main-menu ul li a  {padding:10px 15px !important;}

.main-menu h3 {font-size: 12px; line-height:14px;margin: 0;padding: 0 0 15px 15px;color: #333;text-transform:uppercase;}
.megamenu .menu-wrapper > div {padding:0;}	
	
.main-menu li,
.main-menu a {display: block;color:#333 !important;}
.main-menu li {position: relative;}
	
.main-menu a:hover {color:#e04f67 !important;}
	
.main-menu ul > li {padding-bottom: 0;}
.main-menu ul > li i{float:right;}

/* Menu mobile second level */	
.main-menu ul li.submenu ul{font-size: 12px;border-left:1px solid #ededed;margin:0 0 15px 25px;}
.main-menu ul li.submenu ul li{font-size: 12px;border:0;}

/* Menu mobile 3rd level */	
.main-menu ul li.submenu ul ul{margin:0 0 0 25px;}


/* Menu mobile left panel */	
.main-menu {
	overflow: auto;
	transform: translateX(-105%);
	top:0;
	left:0;
	bottom: 0;
	width: 55%;
	height: 100%;
	position:fixed;
	background-color:#fff;
	z-index:999999;
	-webkit-box-shadow: 1px 0px 5px 0px rgba(50, 50, 50, 0.55);
	-moz-box-shadow:    1px 0px 5px 0px rgba(50, 50, 50, 0.55);
	box-shadow:         1px 0px 5px 0px rgba(50, 50, 50, 0.55);
	-webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.main-menu.show {transform: translateX(0);}

.main-menu .show-submenu + ul,
a.show-submenu-mega + .menu-wrapper{display: none;visibility: hidden;}
a.show-submenu-mega + .menu-wrapper.show_mega,
.main-menu a.show-submenu + ul.show_normal  {display: block;visibility: visible;}
	
/* Hamburger menu button*/
.cmn-toggle-switch {
  position: relative;
  display:block;
  overflow: visible;
  position:absolute; 
  top:0;
  right:20px;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
}

.cmn-toggle-switch:focus {outline: none;}
.cmn-toggle-switch span {display: block;position: absolute;top: 10px;left: 0;right: 0;height: 2px;background: white;}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {position: absolute;display: block;left: 0;width: 100%;height:2px;background-color: #fff; content: "";}

.sticky .cmn-toggle-switch span::before,
.sticky .cmn-toggle-switch span::after,
.sticky .cmn-toggle-switch span {background-color: #333;}

/* Header plain */
header#plain .cmn-toggle-switch span::before,
header#plain .cmn-toggle-switch span::after,
header#plain .cmn-toggle-switch span,
header#plain.sticky .cmn-toggle-switch span::before,
header#plain.sticky .cmn-toggle-switch span::after {background-color: #333;}

/* Header transparent colored */
header#colored.sticky .cmn-toggle-switch span::before,
header#colored.sticky .cmn-toggle-switch span::after, header#colored.sticky .cmn-toggle-switch span {background-color: #fff;}

.cmn-toggle-switch span::before {top: -10px;}
.cmn-toggle-switch span::after {bottom: -10px;}

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after { -webkit-transition-duration: 0.3s, 0.3s;transition-duration: 0.3s, 0.3s;-webkit-transition-delay: 0.3s, 0;transition-delay: 0.3s, 0;}
.cmn-toggle-switch__htx span::before { -webkit-transition-property: top, -webkit-transform;transition-property: top, transform;}
.cmn-toggle-switch__htx span::after {-webkit-transition-property: bottom, -webkit-transform;transition-property: bottom, transform;}

/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active span{background:none !important;}
.cmn-toggle-switch__htx.active span::before {top: 0; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.cmn-toggle-switch__htx.active span::after {bottom: 0;-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {-webkit-transition-delay: 0, 0.3s;transition-delay: 0, 0.3s;}

}

@media only screen and (max-width: 480px) {
	
.main-menu {width: 100%;}
a#close_in {display:block;position:absolute;right:15px;top:10px;width:20px;height:20px;}
#close_in i{color:#555 !important;font-size:16px;}

}

  
  
@media (max-width: 768px){
  .container, .container-md, .container-sm {
      max-width: 100%!important;
  }

}
  
@media (min-width: 1300px){
  .slide-text p {
    font-size: 28px;
    }
  h2.titulo-commit {
    margin-top: -60px;
    margin-left: 6%;
}
  
}

  h2.titulo-commit2 {
    font-size:1.5em!important;
}
  
  .margin-30{
margin: 0 -30px!important;
  }
  .containt{
  background-size: contain;!important
  }
  
  
  .botondemo {
    color: #fff;
    width: 200px;
    height: 45px;
    background-color: #00BCEA;
    border-radius: 10px;
    padding: 8px;
    text-align: center;
    margin-bottom: 20px;
    margin-left: 20px;
}