@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Regular.ttf");
}
@font-face {
  font-family: "KeepCalm";
  src: url("../fonts/KeepCalm-Medium.woff");
}

*{
	margin:  0;
	padding: 0;
font-family: "Roboto",Sans-serif;
}

.cont-container, .slider, .slider img{
	width:  100%;
}
h1{
	font-family: KeepCalm;
	font-family: KeepCalm;
    color: #2e3b56;
    font-size: 24px;
}
.about{
	padding: 30px;
}
.about p{
    color: #2e3b56;
    line-height: 28px;
    font-size: 16px;
    margin: 18px 10px 18px 10px;
}
svg{
	    width: 20px;
}
nav .nav-link {
	color: #1aadd6;
    font-family: arial;
    font-size: 12px;
}
.nav-link:hover, .nav-link:active, .nav-link:focus{
	color: #8dcd04;
}
body{
	background: #293953;
}
.agendar{
background: #8dc73f;
    border-radius: 20px;
    color: white !important;
    width: 150px;
    padding: 8px;
}
.section-phrase{
background: #9fa0af;
    padding: 63px 105px;
    font-size: 21px;
    font-family: 'Roboto';
}
.text-img{
    width: 240px;
    z-index: 100;
    position: relative;
    top: -44px;
    border-radius: 50%;
    border: 20px solid #acabb7;
}

.navbar-collapse {
    flex-grow: 0 !important;
}
.section{
	   padding: 60px 40px 60px 40px;
	       border-top: 5px dashed #3e4861;
}
.section-inner{
	margin: auto;

    max-width: 1180px;
}
.img-sectores{
	width:  100%;
}
h2{
	    color: #c9de68;
    font-family: lato;
}
.left-menu{
	list-style: none;
	color:  white;
	margin-left: -20px;
}
.cont-btns{
	margin: auto;
    text-align: center;
}
.btns{
	list-style: none;
	list-style: none;
    background: #f6f6f9;
    border-radius: 7px;
}
.btns li{
	 display: inline-block;
}
.btns li img{ 
    width: 63px;
    padding: 3px;
}
p{
	    color: white;
    font-family: lato;
    font-size: 17px;
}
.experiencia img{
	width: 80%;
	margin:  auto;
}
.responsabilidad img{
	width: 100%;
}


* {box-sizing: border-box}
body {font-family: "Lato", sans-serif;}

.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #dfe8eb;
  width: 30%;
  height: 400px;
  border-radius: 10px 0 0 10px;
}

.tab button {
	display: block;
    background-color: inherit;
    color: black;
    /* padding: 22px 16px; */
    width: 90%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    margin: 5%;
    border-radius: 4px;
}

.tab button:hover {
  background-color: #bee9f7;
}

.tab button.active {
  background-color: #6398a8;
}

.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  height: 400px;
  border-radius: 0 10px 10px 0;
}

.tabcontent2{
	display:  none;
}

@media(max-width:  767px){
  .cont-text-img{
  	text-align:  center;
  }

	.text-img{
	width: 240px;
    z-index: 100;
    position: relative;
    top: 36px;
    border-radius: 50%;
    border: 20px solid #acabb7;
    margin: auto;
	}
	.section-phrase{
		padding: 55px 35px;
	}
}