@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff2') format('woff2'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans-Bold.ttf');
    font-weight: normal;
    font-style: normal;

}

body
{

}
#titleMap,#titleMap2
{
font-family: 'OpenSans';
}


#menu{
    text-align: left;
    width: 100%;

 overflow: hidden;
  background-color: #f1f1f1;
  padding: 10px 10px;
  transition: 0.4s;
  position: fixed;
  
  top: 0;
  z-index: 99;


}
#menu img{
    margin: 1%;
    margin-left: 5%;
}
#CDL img
{
margin: 1%;
margin-left: 5%;
}


#contentD
{
    padding-top: 15px;
    background-color: #f0d4a4;
    display: inline-block;
    width: 100%;
}

#TextC
{
position:absolute;
}
.textCD
{
padding-top: 2%;
    position: absolute;

    color: white;

}
.insideT
{
border: 2px solid white;
    padding: 50px;
}
.Carousel
{

}
#CDL
{
        float: left;
margin-top: 1%;
    margin-left: 5%;
}
#CDR
{
text-align: left;
    margin: 1%;
    margin-left: 45%;
    font-size: medium;
    font-weight: bold;
    color: #103464;

}

.carousel-caption {
padding-bottom: 30px;
    border: solid;
    margin-bottom: 17%;
border-width: 5px;

}
.carousel-caption h3 {
    font-size: 100px;
}

#mission{
background-color: #000080;
    position: absolute;
    width: 40%;
    height: 50%;
}

#textM
{
    margin-top: 75px;
color:
white;
text-align: left;
background-color:
#103464;
font-size: 15px;
font-family: 'OpenSans';
width: 50%;
float: left;
padding-top: 8%;
padding-bottom: 13%;
padding-left: 8%;
}

#textV
{
background-color:white;

text-align: right;

right: 0%;

font-family: 'OpenSans';

width: 50%;

float: right;

    padding: 5% 6% 8% 10%;

}
#titleS
{
position: absolute;
    padding-top: 10%;
    padding-left: 40%;
    font-size: 50px;
    color: white;
}
#textSU
{
width: 100%;
    border-inline-end: none;
    position: absolute;
    padding-top: 20%;
    display: inline-flex;
    padding-left: 13%;
}
#textSD
{
    width: 100%;
    border-inline-end: none;
    position: absolute;
    padding-top: 32%;
    display: inline-flex;
    padding-left: 3%;
}
.boxT
{
       color: white;
    width: 160px;
    height: 80px;
    padding: 19px;
    border: 2px solid white;
    display: inline;
    font-size: 44px;
    margin: 172px;
    font-family: 'BebasNeue';
}
.boxTD
{
color: white;
    width: 160px;
    height: 80px;
    padding: 20px;
    border: 2px solid white;
    display: inline;
    font-size: 44px;
    margin: 122px;
    font-family: 'BebasNeue';
}
.izqS
{
    float: left;
    width: 50%;
    background-color: white;
    padding-top: 15%;
  
    
}
.textD
{
width: 50%;
    background-color: #103464;
    padding-top: 15%;
    padding-bottom: 36%;
    float: right;
    color: white;
}
.textIS
{
padding-top: 0%;
    text-align: left;
    padding-left: 8%;
    position: absolute;
    font-family: 'OpenSans';
} 
.textID
{
text-align: right;
    right: 75px;
    position: absolute;
    margin-top: -10%;
    font-family: 'OpenSans';

}
.textIDD
{
padding-left: 10%;
    text-align: left;
    font-family: 'OpenSans';
    padding-bottom: 15%;

}
.textIDD h1
{
width: 55%;
    font-size: 70px;
    font-family: 'BebasNeue';
    border-bottom: 3px solid #f0d4a4;
}
.textIS h1
{
font-size: 70px;
font-family: 'BebasNeue';
border-top: 3px solid #f0d4a4;
position: absolute;
}
.textID h1

{
font-size: 70px;
font-family: 'BebasNeue';
border-bottom: 3px solid #f0d4a4;
}
#textM h1
{
padding-top: 8px;
font-size: 50px;
font-family: 'BebasNeue';
border-top: 3px solid #f0d4a4;
height: 100%;
position: absolute;

}
#textV h1
{
    display: inline-block;
font-size: 50px;

font-family: 'BebasNeue';

border-bottom: 3px solid #f0d4a4;


}
.textFS h1
{
font-size: 70px;
font-family: 'BebasNeue';
border-top: 3px solid #f0d4a4;
}

.textIDF h1
{
font-size: 70px;
font-family: 'BebasNeue';
border-top: 3px solid #f0d4a4;
}
.insideT
{
font-size: 70px;
font-family: 'BebasNeue';
}

#titleS
{
font-size: 70px;
font-family: 'BebasNeue';
}

.textIDF
{
    text-align: right;
    padding-right: 15%;
    position: absolute;
    bottom: -235%;
    right: 0%;
font-family: 'OpenSans';
}
.textFS
{
background-color: white;
    position: absolute;
    text-align: right;
    padding: 13%;
    right: 0%;
    margin-top: 11%;
    font-family: 'OpenSans';
}  
.containCube
{

}
#center
{
padding-left: 250px;
    padding-right: 250px;
}
.slick-next{
  display: none !important;
}
#textDC
{
position: absolute;
    margin-top: 10%;
    color: white;
    text-align: left;
    padding: 10%;
    background-color: #103464;
    font-size: 15px;
    font-family: 'OpenSans';
}
#textDC h1
{
font-size: 70px;
font-family: 'BebasNeue';
border-top: 3px solid #f0d4a4;
}
ul li {

display: block;
      width: 18px;
      height: 18px;
      text-decoration: none;
      background-color: white;
      border: 1px solid white;
      border-radius: 50%;
}
#form
{
text-align: left;
padding: 16% 16% 6% 20%;

background-color:
#103464;
color:
white;
font-family: 'OpenSans';
}
#form h1
{
    font-size: 70px;
    position: absolute;
    top: 12%;
    left: 42%;
    font-family: 'BebasNeue';
    /* padding-left: 27%; */
    border-bottom: 3px solid #f0d4a4;
}
#form input 
{
border: 2px solid white;
    
    padding: 10px;
    background-color: #103464;
}
#form textarea
{
width: 100%;
    height: 190px;
background-color: #103464;

border: 2px solid white;

    padding: 10px;
   
}
#form button
{
border: 2px solid white;
    width: 8%;
    position: absolute;
    padding: 10px;
    background-color: #103464;
    left: 46%;
    top: 80%;
}
#btnI
{
 background: none!important;
  border: none;
  color: #103464;
font-family: 'OpenSans';
}#btnN
{
 background: none!important;
  border: none;
  color: #103464;
font-family: 'OpenSans';
}#btnS
{
 background: none!important;
  border: none;
  color: #103464;
font-family: 'OpenSans';
}
#btnC
{
 background: none!important;
  border: none;
  color: #103464;
font-family: 'OpenSans';
}
#centerD
{

}


#menuM
{
    width: 100%;
    height: 135px;
    background-color: white;
    text-align: center;
}
#menuM img
{
    height: 100px;
    padding-top: 20px;
}
#contentM img
{

width: -webkit-fill-available;

}

#contentDM
{
background-color: #f0d4a4;
}

#CDLM {

    
    margin-left: 5%;
    text-align: center;
}

.logoDM
{
width: 50%;
}

#CDRM {

    /* margin: 1%; */
    
    margin-left: 3%;
    font-size: 35px;
    font-weight: bold;
    color: #103464;
    text-align: center;
}
#CDRM img
{
width: 5%;
}
.textCDM
{
position: absolute;
    
    color: white;
    padding-top: 7%;
    width: 3%;
}

.textIAP
{
width: 162%;
    border: 2px solid white;
    padding-left: 10%;
    padding-right: 10%;
    position: absolute;
    font-size: 76px;
    font-family: 'BebasNeue';
}

.textIC
{
    border: 2px solid white;
    padding-left: 30%;
    padding-right: 30%;
    position: absolute;
    font-size: 90px;
    font-family: 'BebasNeue';
}

.textIF
{
border: 2px solid white;
    padding-left: 30%;
    padding-right: 30%;
    position: absolute;
    font-size: 80px;
    font-family: 'BebasNeue';
}
.textIDFA
{

    width: 217%;
    border: 2px solid white;
    padding-left: 25%;
    padding-right: 25%;
    position: absolute;
    font-size: 70px;
    font-family: 'BebasNeue';
}

.textIDL
{
width: 190%;
    border: 2px solid white;
    padding-left: 30%;
    padding-right: 30%;
    position: absolute;
    font-size: 85px;
    font-family: 'BebasNeue';
}

.textIDC
{
width: 240%;
    border: 2px solid white;
    padding-left: 25%;
    padding-right: 25%;
    position: absolute;
    font-size: 86px;
    font-family: 'BebasNeue';
}


#centerCM
{

padding-left: 65%;

}
#centerAM
{
padding-left: 50.5%;
}
#centerFM
{
    padding-left: 60.5%;
}

#centerDM
{
    padding-left: 24%;
}
#centerDLM
{
padding-left: 36%;
}
#centerDCM
{
padding-left: 8.3%;
}
.deploid
{

width: 100%;
    height: 300%;
    position: absolute;
    z-index: 1;
    text-align: center;
    background-color: #103464;
}

#textMM
{
background-color: #103464;
height: 600px;
    width: 100%;
    color: white;
    padding: 60px;
    font-size: 30px;
    padding-bottom: 14.4%;
}
#textMM h1
{
font-size: 130px;
position: absolute;
    font-family: 'BebasNeue';
border-top: 3px solid #f0d4a4;
padding: 20px;
}

#textVM
{
    padding-top: 210px;
    padding-right: 45px;
    /* left: 48px; */
    text-align: end;
    height: 600px;
    width: 100%;
    color: #103464;
    /* padding: 60px; */
    font-size: 35px;
    background-color: white;
}

#textVM h1
{
    top: 1980px;
    right: 41px;
    
    font-size: 130px;
    position: absolute;
    font-family: 'BebasNeue';
    border-bottom: 3px solid #f0d4a4;

    
}



#textSUM
{
width: 88%;
font-size: 18px; 
    color: white;
    text-align: center;
    font-size: 85px;
    padding: 36px;
    position: absolute;
    left: 100px;
    top: 200px;
}
.boxTM
{
padding: 70px;
 font-family: 'BebasNeue';
}

.TIC
{
    left: 200px;
    position: absolute;
    border: 7px solid white;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}
.TICA
{
width: 76%;
    top: 400px;
    left: 50px;
    position: absolute;
    border: 7px solid white;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}
.TICF
{
    width: 50%;
    top: 650px;
    left: 170px;
    position: absolute;
    border: 7px solid white;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}


.boxTDM
{
padding: 70px;
    font-family: 'BebasNeue';
}

.TICDFA
{
    width: 90%;
    top: 950px;
    left: 10px;
    position: absolute;
    border: 7px solid white;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}
.TICDL
{
width: 61%;
    top: 1200px;
    left: 120px;
    position: absolute;
    border: 7px solid white;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}

.TICDM
{

width: 88%;
    top: 1515px;
    left: 10px;
    position: absolute;
    border: 7px solid white;
    color: white;
    padding-left: 10px;
    padding-right: 10px;

}
.textISM
{
font-size: 25px;
    padding-left: 90px;
    padding-top: 64px;
    background-color: white;
    height: 630px;
    font-family: 'OpenSans';
color:#103464;
}
.textISM h1
{
position: absolute;
    font-family: 'BebasNeue';
    border-top: 5px solid #f0d4a4;
    top: 2455px;
    font-size: 85px;
}
.textDM
{


}
.textIDM
{
background-color: #103464;
    padding-right: 78px;
    padding-top: 300px;
    font-size: 29px;
    text-align: right;
    color: white;
    height: 700px;
    width: 100%;
    font-family: 'OpenSans';
}
.textIDM h1
{
position: absolute;
    font-family: 'BebasNeue';
    border-bottom: 5px solid #f0d4a4;
    top: 2735px;
    right: 100px;
    font-size: 90px;
}
.textFSM
{
color:#103464;
height: 300px;
    background-color: white;
    padding-top: 90px;
    padding-left: 75px;
    font-family: 'OpenSans';
    font-size: 25px;
}

.textFSM h1
{
position: absolute;
    font-family: 'BebasNeue';
    border-top: 5px solid #f0d4a4;
    top: 3515px;
    left: 70px;
    font-size: 90px;
}

.textIDDM
{
    font-size: 25px;
    text-align: right;
    padding-right: 90px;
    padding-top: 260px;
    background-color: white;
    height: 733px;
    font-family: 'OpenSans';
    color: #103464;
}
.textIDDM h1
{
position: absolute;
    font-family: 'BebasNeue';
    border-bottom: 5px solid #f0d4a4;
    top: 5124px;
    right: 100px;
    font-size: 90px;
}
#textDCM
{
background-color: #103464;
padding-top: 160px;
    padding-left: 50px;
    font-size: 29px;
    text-align: left;
    color: white;
    height: 750px;
    width: 100%;
    font-family: 'OpenSans';
}
#textDCM h1
{
position: absolute;
    font-family: 'BebasNeue';
    border-top: 5px solid #f0d4a4;
    top: 6275px;
    left: 70px;
    font-size: 90px;
}
#textDC2M
{
background-color: #103464;
padding-top: 400px;
    padding-right: 50px;
    font-size: 30px;
    text-align: right;
    color: white;
    height: 750px;
    width: 100%;
    font-family: 'OpenSans';
}
#textDC2M h1
{

position: absolute;
    font-family: 'BebasNeue';
    border-bottom: 5px solid #f0d4a4;
    top: 7800px;
    right: 70px;
    font-size: 90px;

}
.titleFM h1
{
    font-size: 70px;
    position: absolute;
    top: 10%;
    left: 37%;
    font-family: 'BebasNeue';
    /* padding-left: 27%; */
    border-bottom: 3px solid #f0d4a4;
}



#btnIM
{
position: absolute;
    font-size: 90px;
    top: 250px;
left: 250px;
    background: none!important;
    border: none;
    color: white;
    font-family: 'OpenSans';
    border-bottom: 3px solid #f0d4a4;
}
#btnNM
{
position: absolute;
    font-size: 90px;
    top: 500PX;
left: 250px;
    background: none!important;
    border: none;
    color: white;
    font-family: 'OpenSans';
    border-bottom: 3px solid #f0d4a4;
}
#btnSM
{
    position: absolute;
    font-size: 90px;
    top: 750PX;
left: 250px;
    background: none!important;
    border: none;
    color: white;
    font-family: 'OpenSans';
    border-bottom: 3px solid #f0d4a4;
}
#btnCM
{
position: absolute;
    font-size: 90px;
    top: 1000PX;
    left: 250px;
    background: none!important;
    border: none;
    color: white;
    font-family: 'OpenSans';
    border-bottom: 3px solid #f0d4a4;
}
#formM
{
height: 950px;
    text-align: left;
    padding: 15%;
    padding-left: 10%;
    background-color: #103464;
    color: white;
    font-family: 'OpenSans';
}
#formM h1
{
    font-size: 70px;
    position: absolute;
    top: 10%;
    left: 35%;
    font-family: 'BebasNeue';
    /* padding-left: 27%; */
    border-bottom: 3px solid #f0d4a4;
}
#formM input 
{
border: 2px solid white;
    
    padding: 10px;
    background-color: #103464;
}
#formM textarea
{
width: 100%;
    height: 211px;
background-color: #103464;

border: 2px solid white;

    padding: 10px;
   
}
#formM button
{
border: 2px solid white;
    width: 17%;
    position: absolute;
    padding: 10px;
    font-size: 28px;
    background-color: #103464;
    left: 42%;
    top: 61%;
}
#showmenu
{
left: 30px;
    position: absolute;
}


.formTextAD
{


height: 220px;
width: 100%;
}
.formTextADN
{
width: 100%;
}


.sendD
{
border: 2px solid white;
width: 12%;

padding: 10px;
font-size: 18px;
background-color: #103464;
left: 46%;
top: 70%;
float: unset;
display: inline-block;
text-align: center;
margin-left: 42%;
margin-right: 46%;
margin-top: 5%;
}
.inputtextM
{
width: 100%;
}

.textareaM
{
width: 100%;
height: 230px;
}
.sendM
{
border: 2px solid white;
width: 12%;

padding: 10px;
font-size: 18px;
background-color: #103464;
left: 46%;
top: 70%;
float: unset;
display: inline-block;
text-align: center;
margin-left: 42%;
margin-right: 46%;
margin-top: 5%;
}

.boxCONT
{
    border: 2px solid white;
    color: white;
    font-size: 250%;
    padding: 8px;
    font-family: 'OpenSans';
    margin-right: 10%;
}
.boxAP
{
    border: 2px solid white;
    color: white;
    font-size: 270%;
    padding: 8px;
    font-family: 'OpenSans';
    margin-right: 10%;

}
.boxFID
{
border: 2px solid white;
    color: white;
    font-size: 250%;
    padding: 8px;
    font-family: 'OpenSans';
}
.boxDFA
{
  border: 2px solid white;
    color: white;
    font-size: 250%;
    padding: 8px;
    font-family: 'OpenSans';
    margin-right: 10%;
}
.boxDL
{
    border: 2px solid white;
    color: white;
    font-size: 270%;
    padding: 8px;
    font-family: 'OpenSans';
    margin-right: 10%;
}
.boxDCON
{
border: 2px solid white;
    color: white;
    font-size: 250%;
    padding: 8px;
    font-family: 'OpenSans';
}

.servicios
{
width: 100%;
}

.servicios img
{
width: 100%;
}

.supText
{
 font-family: 'OpenSans';
position: absolute;
padding-top: 23%;
width: 100%;
display: -webkit-inline-box;
}
.boxText
{
margin-left: 10%;
margin-right: 10%;
border: 3px solid
white;
padding: 5px;
font-size: 180%;
color:
white;
}
.infText
{
position: absolute;

padding-top: 35%;

width: 100%;

display: -webkit-inline-box;
}

.boxTextInf
{
margin-left: 5%;
margin-right: 5%;
border: 3px solid white;
padding: 5px;
font-size: 180%;
 font-family: 'OpenSans';
color:white;
}
.Boxes
{
width: 100%;
display: -webkit-inline-box;
}
.leftBox
{
width: 50%;
height: 600px;

background-color:white;
 font-family: 'OpenSans';
}
.rightBox
{
width: 50%;

background-color:  #103464;
    height: 600px;
 font-family: 'OpenSans';
color:white;

}

.rtBox2
{
margin: 15%;
width: 75%;
margin-top: 31%;
text-align: right;
}
.ltBox
{
margin: 12%;
width: 75%;
padding-top: 18%;
color:  #103464;
}

.ltBox h1
{
font-size: 50px;
font-family: 'BebasNeue';
border-top: 3px solid #f0d4a4;
width: 175px;
padding-top: 4%;
margin-top: 8%;
}
.ltBox2
{
margin: 13%;
color:  #103464;
width: 75%;
}
.ltBox2 h1
{
font-size: 53px;
font-family: 'BebasNeue';
border-bottom: 3px solid #f0d4a4;
width: 265px;
margin-bottom: 10%;
padding-bottom: 5%;
}
.rtBox
{
margin: 25%;
    width: 75%;
    text-align: right;
    padding-right: 12%;
}
.rtBox h1
{
font-size: 53px;
font-family: 'BebasNeue';
border-bottom: 3px solid
#f0d4a4;
width: 375px;
margin-bottom: 10%;
padding-bottom: 5%;
}

.rtBox2 h1 
{
font-size: 53px;
font-family: 'BebasNeue';
border-top: 3px solid #f0d4a4;
width: 300px;
margin-left: 39%;
margin-top: 8%;
padding-top: 3%;
}
.fidBox
{
float: right;
    background-color: white;
    width: 50%;
}
.fidTBox
{
background-color: white;
    font-family: 'OpenSans';
    width: 30%;
    color: #103464;
    margin-right: 79%;
    margin-left: 39%;
    margin-top: 15%;
    margin-bottom: 24%;
}
.fidTBox h1
{
font-size: 56px;
font-family: 'BebasNeue';
border-top: 3px solid #f0d4a4;
width: 195px;
margin-top: 20%;
padding-top: 10%;
}
.dcTBox
{
color:
white;

text-align: left;

padding-left: 9%;

background-color:
#103464;

font-size: 15px;

padding-top: 7%;

padding-bottom: 7.123%;

font-family: 'OpenSans';

width: 50%;

float: left;
}

.dcTBox h1
{
font-size: 53px;
font-family: 'BebasNeue';
border-top: 3px solid
#f0d4a4;
width: 425px;
margin-left: 0%;
margin-top: 8%;
padding-top: 3%;
}
.tittleServ h1
{
font-size: 53px;
position: absolute;
font-family: 'BebasNeue';
border-bottom: 3px solid #f0d4a4;
margin-top: 10%;
margin-left: 42%;
color:white;
}

#textHome
{
margin-top: 30%;
position: absolute;
margin-left: 20%;
font-size: 58px;
color:white;
font-family: 'BebasNeue';
}

#textHomeM
{
    margin-top: 80%;
    position: absolute;
    margin-left: 12%;
    font-size: 58px;
    color: white;
    font-family: 'BebasNeue';
}

#posc1
{
margin-left: 1.5%;
}
#posc2
{
margin-left: 2%;
}#posc3
{
margin-left: 1.5%;
}#posc4
{
margin-left: 1.5%;
}#posc5
{
margin-left: 1.3%;
}#posc6
{
margin-left: 0.6%;
}

#Mimg
{
width: 50%;

float: left;

padding-top: 5%;
}
#Vimg
{
width: 50%;
}
#indexImg
{
width: 100%;
}
#Fimg
{
width: 50%;
}
#Dimg
{
width: 50%;
float: right;
}

.Carousel img
{
width: 100%;
width: -moz-available;          
width: -webkit-fill-available;  
width: fill-available;

}

.select {
    border-bottom: 2px solid #f0d4a4;
}

.slick-active {
    background-color: transparent !important;
    border-color: white !important;
    border-width: 1px;
}

.slick-dots li button::before {
    content: "" !important;
}

.background-mision,
.background-vision {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.background-mision {
    background-image: url('../img/AdobeStock_211254592.png');
    height: 600px;
}

.background-vision {
    background-image: url('../img/AdobeStock_254208065.png');
    height: 500px;
}

.background-mision .content-text,
.background-vision .content-text {
    padding: 60px 0;
}

.contenedor-texto {
    display: -webkit-flex;
    display: flex;
}

.remove-padding {
    padding: 0 !important;
}

.contenedor-servicios,
.contenedor-texto {
    display: -webkit-flex;
    display: flex;
}

.contenedor-servicios {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.bg-info-servicios {
    background-image: url('../img/AdobeStock_243092819.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 600px;
}

.box-servicios {
    padding: 5% 15%;
}

.item-servicio {
    border: 1px solid white;
    padding: 4px 8px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.item-servicio p {
    margin: 0;
    color: white;
    line-height: normal;
    font-family: 'OpenSans';
}

.row-servicios {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-evenly;
}

.contenedor-texto {
    -webkit-flex-direction: row;
    flex-direction: row;
}

.box-left,
.box-right {
    width: 50%;
}

@media screen and (max-width: 768px) {
    .contenedor-texto {
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .box-left,
    .box-right {
        width: 100% !important;
    }
}

.box-left {
    background-color: white;
    font-family: 'OpenSans';
}

.box-right.bg-primary,
.box-left.bg-primary {
    background-color: #103464;
}

.box-right.bg-white,
.box-left.bg-white {
    background-color: white;
}

.box-left .content-left-box {
    width: 75%;
    margin: 0 12% 15%;
    padding-top: 10%;
}

.box-right .content-right-box {
    padding: 15% 15% 5%;
    color: white;
    text-align: right;
}

.box-left ul li,
.box-right ul li {
    display: list-item;
    width: 100%;
    height: auto;
    list-style: disc;
}

.box-left ul li::marker {
    color: #103464;
    font-size: 8px;
}

.box-right .content-right-box h1.contTextR,
.title-servicios {
    font-size: 50px;
    font-family: 'BebasNeue';
    border-bottom: 3px solid #f0d4a4;
    display: inline-block;
    color: white;
    text-align: center;
    padding-bottom: 1%;
}

.box-right .content-right-box h1.contTextR {
    margin-bottom: 10%;
}

.box-left .content-left-box h1.contTextH,
.box-right .content-right-box h1.contTextH,
.box-left .content-left-box h1.contTextHB {
    display: inline-block;
    font-size: 50px;
    font-family: 'BebasNeue';
}

.box-left .content-left-box h1.contTextH,
.box-right .content-right-box h1.contTextH,
.box-right .content-right-box h1.contTextRT {
    border-top: 3px solid #f0d4a4;
    padding-top: 4%;
}

.box-left .content-left-box h1.contTextHB {
    border-bottom: 3px solid #f0d4a4;
    padding-bottom: 4%;
}

.bg-admin-nomina,
.bg-derecho-constitucional {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 520px;
}

.bg-admin-nomina {
    background-image: url('../img/AdobeStock_236536932.png');
}

.bg-derecho-constitucional {
    background-image: url('../img/AdobeStock_201815506.png');
}

.content-to-right,
.content-to-left {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.content-to-left {
    align-items: flex-start;
}

.content-to-right {
    align-items: flex-end;

}

.txt-to-upper {
    text-transform: uppercase;
}

.txt-to-right {
    text-align: right !important;
}

.txt-center {
    text-align: center;
}

.txt-color-primary {
    color: #103464;
}

.txt-color-black {
    color: #333;
}

.direction-rtl {
    direction: rtl;
}

@media (min-width: 1025px) {
    .deploid,
    #menuM,
    #contentM,
    #contentDM {
        display: none;
    }
}

@media screen and (max-width: 1025px){
    #menu,
    #content,
    #contentD {
        display: none;
    }
}