@charset "utf-8";
/* CSS Document */
/*inicio tipos requeridas ֎  Θ*/
@font-face
{
	font-family: '__Museo Slab_5';
	src: url('../fuentes/30a801_9_0.eot');
	src: local('☺'), url('../fuentes/30a801_9_0.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}

@font-face
{
	font-family: '__Museo Slab_5';
	src: url('../fuentes/30a801_4_0.eot');
	src: local('☺'), url('../fuentes/30a801_4_0.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face
{
	font-family: '__Museo Slab_5';
	src: url('../fuentes/30a801_2_0.eot');
	src: local('☺'), url('../fuentes/30a801_2_0.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face
{
	font-family: '__Museo Slab_5';
	src: url('../fuentes/30a801_6_0.eot');
	src: local('☺'), url('../fuentes/30a801_6_0.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face
{
	font-family: '__Museo Slab_5';
	src: url('../fuentes/30a801_7_0.eot');
	src: local('☺'), url('../fuentes/30a801_7_0.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}

/*==========fin fuentes de sitio=============*/


header, article, footer,nav,figure {display:block;}
*{margin:0; padding:0; 
/*bonus
-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/}

ul,ol{list-style: none;}

#pagina {width:100%;
         height:auto;
		 font-family: '__Museo Slab_5';
		 font-weight:normal;
		 /*overflow:hidden;*/
		 margin:0 auto;
         }
a {text-decoration:none;}

#cabecera {width:100%;
           height:/*85px*/auto;
	       position: fixed;
	       z-index: 3;
		   background-color:#FFF;
		   -webkit-box-shadow: 0px 13px 27px -21px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 13px 27px -21px rgba(0,0,0,0.44);
box-shadow: 0px 13px 27px -21px rgba(0,0,0,0.44);
}
/*estilosr21*/
/*
#cabecera_r21 {width:100%;
           height:85px;
	       position: fixed;
	       z-index: 3;
		   background-color:#e5e4df/*#16572a*//*;
		   -webkit-box-shadow: 0px 13px 27px -21px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 13px 27px -21px rgba(0,0,0,0.44);
box-shadow: 0px 13px 27px -21px rgba(0,0,0,0.44);
}

#banner_encuestoso {width: 100%;
                    height: auto;
                    margin: 0 auto;
                    padding-top: 4%;
                    text-align: center;}

#banner_encuestoso iframe {margin: 0 auto;
                           width: 100%;
                           height: 6670px;}

.menu_21 {margin-right:3%;
	      margin-top: 4%;}

.menu_21 ul {list-style:none;
          width:auto;
	      display: flex;
	      justify-content: flex-end;
}

.menu_21 li {color:#9e9e9e;
	     /* padding-top:7%;*//*
	      margin:0 8px 0 8px;
	      text-align:center;
	      font-size:0.9em;
}

.menu_21 li a {color:#315c00;}

.menu_21 li a:hover {color: #39a449;
                cursor:pointer;}
/*finr21*/

#cabeza {width:93.7%;
         height:auto;
		 overflow:hidden;
		 margin:0 auto;
}

#cabeza img{display:inherit;
            float:left;
			margin-left:3%;
			margin-top:0.8%;
}

/*menu*/

#bot_menu {display: none;
           /*justify-content: flex-end;*/}

#cabeza label {color: #e7b037;
	           display: none;
	           /*justify-content: flex-end;*/
	           float: right;
               font-size: 2.3em;}

#cabeza label :hover {color: #c60;
                      cursor: pointer;}

/*#cabeza nav {margin-right:3%;
	         margin-top: 2%;}*/

.menu {margin-right:3%;
	   /*margin-top: 4%;*/
       margin-top: 2.5%;}


.menu ul {list-style:none;
          width:auto;
	      display: flex;
	      justify-content: flex-end;
}

.menu li {color:#9e9e9e;
	     /* padding-top:7%;*/
	      margin:0 8px 0 8px;
	      text-align:center;
	      font-size:0.9em;
}

.menu li a {color:#9e9e9e;}

.menu li a:hover {color: #e7b037;
                cursor:pointer;}

/*fin menu*/

/*=====slider====*/
#banner {overflow: -webkit-paged-x;
         padding-top: 85px;}

#banner img {width: 100%;
             height: auto;
             z-index: 0;}

#banner_slider {overflow: -webkit-paged-x;
                padding-top: 85px;
}

.slideshow{
	width: 100%;
	position: relative;
	
}

.slider li, ul{
	width: 100%;
}

.slider li{
	overflow: hidden;
}

.slider li img{
	width: 100%;
}

.slider .caption{
	position: absolute;
	width: 100%;
	height: 90.2%;
	top: 0;
	left: 0;
	padding: 1.5% 9%;
	
    background-color: rgba(0, 0, 0, 0.33);
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*align-items: center;

	text-align: center;*/
	color: #fff;
	z-index: 1;
	
	/*background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.40) , rgba(0, 0, 0, 0.05)); 
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.05)); 
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.05));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.40) , rgba(0, 0, 0, 0.05)); 
	
	/*-webkit-box-shadow: 10px 0px 14px 3px rgba(0,0,0,0.31);
    -moz-box-shadow: 10px 0px 14px 3px rgba(0,0,0,0.31);
    box-shadow: 10px 0px 14px 3px rgba(0,0,0,0.31);
	
	/*-webkit-box-shadow: inset -11px 0px 37px 0px rgba(0,0,0,0.32);
    -moz-box-shadow: inset -11px 0px 37px 0px rgba(0,0,0,0.32);
    box-shadow: inset -11px 0px 37px 0px rgba(0,0,0,0.32);*/
}

.slider .caption h1{font-size: 50px;
	                font-weight: 400;
}

.slider .caption h2{font-size: 50px;
	                line-height: 1.6em;
	                /*margin-top: 5%;*/
	                font-weight: 400;
}

.slider .caption h3 {/*margin-top: 1%;*/
                     font-size: 40px;
                    font-weight: 300;
                    line-height: 2em;}

.slider .caption p{margin-top: 1%;
	               font-size: 40px;
	               font-weight: 300;}

.pagination {position: absolute;
             top: 102%;
	         width: 100%;
             display: flex;
             justify-content: center;
}

.pagination li{
	font-size: 20px;
	margin: 2px 5px;
	color: #858585;
	cursor: pointer;
}

.left, .right{
	position: absolute;
	top: 0;
	height: 100%;

	display: flex;
	align-items: center;

	color: #fff;
	font-size: 35px;
	cursor: pointer;
	z-index: 2;
}

.left{
	left: 10px;
}

.right{
	right: 10px;
}


/*=====slider====*/
/*articulos de sitio*/

#innovacion, #metodo, #cliente, #equipo, #social, #casos, #hacemos {padding-top: 5em;}

/*articulos de sitio*/


footer {width:100%;
        /*text-align:center;*/
		background-color:#000;
}
#pie_pag {padding:2%;}

#pie_pag p {color:#FFF;
            font-size:0.7em;
}

#pie_pag span {color:#e7b037;}

/*inicio de estilo clases*/

.relleno {width: 100%;
          /*height: 10px;*/
	      padding-top: 85px;
	      z-index: -1;
	      position: relative;
}

.blanco {width:100%;
	     height: auto;
         padding-top:2%;
		 padding-bottom:2%;
}

.negro {width:100%;
        padding-top:2%;
		padding-bottom:2%;
		background-color:#000000;
}

.gris {width: 100%;
       padding:0;
	   overflow: hidden;
       background-color: #ecf2f2;}

.naranjo {width:100%;
         padding-top:2%;
		 padding-bottom:2%;
		 background-color:#e7b037;
	     -webkit-box-shadow: 0px 7px 15px 0px rgba(50, 50, 50, 0.34);
-moz-box-shadow:    0px 7px 15px 0px rgba(50, 50, 50, 0.34);
box-shadow:         0px 7px 15px 0px rgba(50, 50, 50, 0.34);
}

.naranjo_2 {width:100%;
            padding-top:2%;
		    padding-bottom:2%;
		    background-color:#e7b037;}

.contenido {margin:auto;
            width:90%;
	        text-align: center;
	        /*el overflow es para q' el wn flote en el div y no se salga*/
	        overflow: hidden;
			height:auto;
}

.contenido h1 {font-size: 2.5em;
               font-weight: 400;}

.contenido h2 {font-size: 1.5em;
               font-weight: lighter;}

.contenido h3 {font-size: 1.7em;
	           font-weight: normal;}

.contenido h4 {font-size: 1.5em;
               font-weight: lighter;
	           text-align: left;
	          color: #e7b037;}

.contenido h5 {color:#666;
	           text-align: left;
               font-size: 1em;
	           font-weight: 300;}

.contenido h6 {font-size: 1.6em;
               font-weight: normal;
               color: #666;}

.negro_izq {width: 50%;
	        height: auto;
	        float: left;
	        background-color: #000;
	        padding: 1% 0;
	        text-align: center;
            margin: 0;}

.flotar_derecha {width: 48%;
	             height: 287px;
	             float: right;
	             padding: 2% 1%;
                 margin: 0;
                 text-align: center;}

.flotar_derecha h1 {margin: 4.5% 1%;
                    font-weight: normal;}

.flotar_derecha p {margin: 3% 1%;
                   color: #000;
                   font-weight: lighter;}

.negro_der {width: 50%;
	        height: auto;
	        float: right;
	        background-color: #000;
	        padding: 1% 0;
	        text-align: center;
            margin: 0;}

.flotar_izquerda {width: 48%;
	              height: 287px;
	             float: left;
	             padding: 2% 1%;
                 margin: 0;
                 text-align: center;}

.flotar_izquerda h1 {margin: 4.5% 1%;
                    font-weight: normal;}

.flotar_izquerda p {margin: 3% 1%;
                   color: #000;
                   font-weight: lighter;}

.txt_flotante {/*float: left;*/
               width: 20%;
	           display: inline-table;
               height: auto;
               margin: 0 1.2%;}

.txt_flotante h1 {font-size: 1.6em;
                  color: #e7b037;}

.txt_flotante p {font-size: 0.9em;
	             text-align: left;
                 font-weight: lighter;}

.txt_flotante h4 {color: #fff;
	              text-align: left;
                  font-size: 1em;
                  font-weight: 100;}

.txt_flotante h2 {font-size: 1.065em;
	                padding-top: 8%;
	                font-weight: 200;
                    text-align: left;
                    color: #e7b037;}

.txt_flotante h3 {font-size: 0.9em;
	               text-align: left;
	               font-weight: 100;
                   color:#fff;}

.conta {margin: 0 auto;
	    overflow: hidden;
        width: 70%;}

.txt_img {text-align: justify;
          /*display: inline-table;*/
	      width: 70%;
	      float: left;
          margin: 1.3% 2%;}

.txt_img h1 {color: #e7b037;
             font-size: 1.8em;
             font-weight:bold;}

.txt_img h2 {color: #fff;
             font-size: 1.6em;
             font-weight: 500;}

.img_flotante {width: auto;
               float: left;}

.txt_img img {width: auto;}

.txt_img_2 {text-align:right;
          /*display: inline-table;*/
	      width: 43%;
	      float: left;
          margin: 4% 2%;}

.txt_img_2 h1 {color: #e7b037;
               font-size: 3em;}

.txt_img_2 p {font-weight: 100;}

.txt_img_2 a {color: #e7b037;}

.txt_img_3 {display: inline-table;
	        width: 43%;
	        /*float: left;*/
            margin: 4% 2%;}

.txt_img_3 h1 {font-size: 1.5em;
               font-weight: lighter;
	           text-align: right;
	           color: #e7b037;}

.txt_img_3 h2 {font-size: 1.5em;
               font-weight: lighter;
	           text-align: left;
	           color: #e7b037;}

.txt_img_3 h3 {font-size: 1em;
               font-weight: 100;
	           color: #666;
               text-align: right;}

.txt_img_3 h4  {font-size: 1em;
               font-weight: 100;
	           color: #666;
	           text-align: left;}

.txt_img_3 h5 {font-size: 1em;
               font-weight: 100;
               text-align: left;}

.txt_img_3 p {font-weight: 100;
              text-align: right;}

.txt_img_3 a {color: #e7b037;}

.txt_flotante_2 {/*float: left;*/
                width: 28%;
	            display: inline-table;
                height: auto;
                margin: 0 1.2%;}

.txt_flotante_2 p {color: #fff;
                   font-size: 1em;
                   font-weight: lighter;}

.txt_flotante_2 h1 {font-size: 1.2em;
	                color: #3E3E3E;
	                margin-top: 3%;
	                font-weight: lighter;}

.txt_flotante_2 img {margin-top: 5%;
                     border-radius: 100px;}

.txt_flotante_2a {/*float: left;
                  width: 28%;*/
	              display: inline-table;
                  height: auto;
                  margin: 0 1.8%;}

.txt_flotante_3 {/*float: left;*/
                 width: 30%;
	             display: inline-table;
                 height: auto;
                 margin: 0 auto;
                 padding: 0 3%;}

.txt_flotante_3 h1 {font-size: 1em;
                    color: #ddd;
	                font-weight: 100;
                    text-align: left;}

.txt_flotante_3 h2 {font-size: 1.065em;
	                padding-top: 8%;
	                font-weight: 200;
                    text-align: left;
                    color: #e7b037;}

.txt_flotante_3 p {font-size: 0.9em;
	               text-align: left;
	               margin-bottom: 30%;
	               font-weight: 100;
                   color:#fff;}

.txt_flotante_4 {float: left;
                 width: 20%;
	             display: inline-table;
                 height: auto;
                 margin: 0 5%;}

.txt_flotante_4 img {margin: 0 2%;}

.txt_flotante_4 h4 {color: #fff;
	              text-align: left;
                  font-size: 1em;
                  font-weight: 100;}

/*contacto*/
.contactoso {width: 100%;
             height: auto;
	         /*background-image:url(../img/contacto_teclado_02.png);
	         background-size: cover;*/
	         background-color:#e7b037;
	         padding: 8% 0 2% 0;
	         text-align: center;
	         overflow: hidden;
             margin: 0 auto;
             -webkit-box-shadow: 0px 7px 15px 0px rgba(50, 50, 50, 0.34);
-moz-box-shadow:    0px 7px 15px 0px rgba(50, 50, 50, 0.34);
box-shadow:         0px 7px 15px 0px rgba(50, 50, 50, 0.34);}

.contactoso ul {list-style:none;
                width:auto;
	            justify-content: center;
	           display: flex;}

.contactoso li {padding: 1.5em;
                margin: 1.5em 0.85;
	            /*cursor: pointer;*/
                color: #fff;}

.contactoso li a {color: #4a4a4a;}

.contactoso li span:hover {color: #ecf2f2;}

.contactoso li span {margin:1em 0.85em;
	                /*text-align:center;
	                color: #fff;*/
	                cursor: pointer;
	                font-size: 3em;}

.caja {width: 70%;
	   margin: 0 auto;
	   overflow: hidden;
       height: auto;}

.conta_01 { width: 40%;
	        color: #ADADAD;
            margin: 2% 0.3%;
	        border-radius: 6px;
	        background-color: #ecf2f2;
            /*float: left;*/
            display: inline-block;}

.conta_01:hover {color:#e7b037;}

.conta_01 input {width: 80%;
	             height: auto;
	             color: #e7b037;
	             border: 0;
	             border-left: solid 1.3px #ADADAD;
	             padding: 0.85em 0.5em;
                 background-color:rgba(0,0,0,0.00);}

.conta_01 span {/*color: #ADADAD;*/
                font-size: 1.3em;
	            position: relative;
	            /*border-right: solid 1px #C48101;*/
	            top:5px;
	            right: 5px;
                padding: 0.44em;}

.conta_02 {width: 80%;
	       /*display: block;*/
	       border-radius: 6px;
	       color: #ADADAD;
	       background-color: #ecf2f2;
           margin: 2% auto;}

.conta_02:hover {color:#e7b037;}

.conta_02 textarea {width: 90%;
	                height: auto;
	                border: 0;
	                color:#e7b037;
	                padding: 0.85em 0.5em;
	                border-left:  solid 1.3px #ADADAD;
	                min-height: 15em;
                    background-color:rgba(0,0,0,0.00);}

.conta_02 span {font-size: 1.3em;
	            position: relative;
	            top:-9em;
	            right: 5px;
                /*color:#e7b037;*/}

.conta_03 {width: 95%;
	       margin: 4% 0;
          }

.conta_03 input {margin: 0 3em;
                 padding: 0.85em 3em 0.85em 3em;
	             border: 0;
	             background-color:#979797;
	             color: #ecf2f2;
                 border-radius: 5px;}

.conta_03 input:hover {background-color:#ecf2f2;
	                   cursor: pointer;
                       color: #e7b037;}
/*contacto*/

/*clientes*/

.main {width: 80%;
       margin: 0 auto;}

.ch-grid {
	margin: 3% auto;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 180px;
	height: 180px;
	display: inline-block;
	margin: 5%;
}

/*parte2*/

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 0 rgb(231, 176, 55),
		inset 0 0 0 5px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ch-img-1 { 
	background-image: url(../img/clientes_partner/latam.png);
}

.ch-img-2 { 
	background-image: url(../img/clientes_partner/tam.png);
}

.ch-img-3 { 
	background-image: url(../img/clientes_partner/lan.png);
}

.ch-img-4 { 
	background-image: url(../img/clientes_partner/msd.png);
}

.ch-img-5 { 
	background-image: url(../img/clientes_partner/ashoka.png);
}

.ch-img-6 { 
	background-image: url(../img/clientes_partner/wcs.png);
}

.ch-img-7 { 
	background-image: url(../img/clientes_partner/gob_agri.png);
}

.ch-img-8 { 
	background-image: url(../img/clientes_partner/tecnofap.png);
}

.ch-img-9 { 
	background-image: url(../img/clientes_partner/bolsa.png);
}

.ch-img-10 { 
	background-image: url(../img/clientes_partner/usil.png);
}

.ch-img-11 { 
	background-image: url(../img/clientes_partner/mada.png);
}

.ch-img-12 { 
	background-image: url(../img/clientes_partner/resiliente.png);
}

.ch-img-13 { 
	background-image: url(../img/clientes_partner/boald.png);
}

.ch-img-14 { 
	background-image: url(../img/clientes_partner/triciclos.png);
}

.ch-img-15 { 
	background-image: url(../img/clientes_partner/vida_camara.png);
}

.ch-img-16 { 
	background-image: url(../img/clientes_partner/fox.png);
}

.ch-img-17 { 
	background-image: url(../img/clientes_partner/ey.png);
}

.ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden; /*for a smooth font */

}

.ch-info h3 {
	color: #4a4a4a;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: auto;
	padding: 65px 0 0 0;
	/*height: 110px;
	text-shadow: 0 0 1px #fff, 
		          0 1px 2px rgba(0,0,0,0.3);*/
}

.ch-info p {
	color: #4a4a4a;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(99,99,99,0.5);
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover {
	box-shadow: 
		inset 0 0 0 110px rgba(255,255,255,0.56),
		inset 0 0 0 5px rgba(255,255,255,0.8),
		0 1px 2px rgba(0,0,0,0.1);
}

.ch-item:hover .ch-info {
	opacity: 1;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}
 /*fin parte 2 kgandola*/

/*)))))casos(((((*/
.fade {
  opacity: 0;
  -webkit-transition: opacity .60s linear;
       -o-transition: opacity .25s linear;
          transition: opacity .25s linear;
}
.fade.in {
  opacity: 1;
}


.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 14px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  /*background-color: #eee;*/
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {margin-bottom: 2%;
           /*border-bottom: 1px solid #ddd;*/}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 5px;
  color: #ddd;
 /* background-color: #ecf2f2;
  line-height: 1.42857143;
  border: 1.5px solid #ccc;
  border-radius: 100px;*/
}
.nav-tabs > li > a:hover {color: #000;
  border-color: #eee;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #e7b037;
  cursor: default;
  /*background-color: #000;
  border: 1.5px solid #e7b037;
  border-bottom-color: transparent;*/
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

/*.-.*/

/*,,,,,,,*/

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}

/*,,,,,,,*/

.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/*aers*/

.tab-content {border-bottom: solid 1px #ddd;
              border-top: solid 1px #ddd;}

.mit_x {width: 45%;
      display: inline-block;
      margin: 3% auto;
      padding: 2% 1%;}

.mit_x h1 {font-size: 1.59em;
           text-align: left;
           color: #e7b037;}

.mit_x h2 {font-size: 1.4em;
           text-align: left;
           color: #7F7F7F;}

.mit_x h3 {font-size: 1.133em;
           text-align: left;
	       font-weight: 100;
           color: #7F7F7F;}

.mit_x h4 {font-size: 1.067em;
           text-align: left;
	       font-weight: 500;
           color: #e7b037;}

.mit_x p {font-size: 1em;
          text-align: left;
	      font-weight: 100;
          color: #000;}

.mit_x p strong {color: #515151;
                 font-style: italic;}