p{font-family:Poppins-Medium;}
.Idioma {
    float: right;
}

.Idioma .flag.nturl.notranslate {
    padding: 0 3px;
}




.Top3{float:right;}

#sp-header{box-shadow:0px!important;}
#sp-menu.col-xl-8  {
    background: #c89b39;
    transform:skew(-30deg);
    z-index:999;
    margin-left:35%;
}

.t-lg-mb--lg {

}

#pp .is-completed .pp-step__no {
    color: #fff;
    background-color: #c89b39;
}
.MenuCargalia .sp-megamenu-parent {
  transform:skew(30deg);
  margin:0 25px;
    
}

.LogoCargalia {
    display: block;
    text-align: right;
  transform: skew(30deg);
    margin-top: 8px;
margin-right: 58px;
}
#sp-logoweb {
background-color: #231f20;
position: absolute;
z-index: 999;
width: 36%;
height: 120px;
margin-bottom: 20px;
transform: skew(-30deg);
margin-left: -20px;
top: -130%;
max-width: 100%;
}
.header-sticky #sp-logoweb {
    margin-top: 4%;
    left: -2%;
}
nav{font-family: TitilliumWeb-SemiBold;text-transform:uppercase;}
body{font-family:HelveticaNeue;}
.PortadaBusqueda h3, .NuestrosServicios h3{font-family:TitilliumWeb-Bold;text-align:center;padding:20px 0 0 0;margin-bottom:30px;text-transform:uppercase;}
h2{font-family:TitilliumWeb-SemiBold;}
h4{font-family:TitilliumWeb-SemiBold;}
.text_area.required, label {
    font-family: TitilliumWeb-SemiBold;
}
label,#sp-top a{font-family:TitilliumWeb-SemiBold;}
.PortadaCamion{}
.PortadaBusqueda{text-align:center;}
#sp-servicios{background:#ce1815;color:white; }
.NuestrosServicios{text-align:center;}
.NuestrosServicios p{text-align:justify;padding:10px 20px}
#submit_button{text-transform:uppercase;font-family:TitilliumWeb-SemiBold!important;}
#submit_button:hover{background:#000!important;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{color:black!important}


.breadcrumb{background-color:transparent;padding-left:0px;padding-top:30px;}

.portada h1 {
    position: absolute;
    top: 15%;
    left: 15%;
    font-family:TitilliumWeb-SemiBold;
    color:white;
    text-transform:uppercase;
    font-size:2.1em;
}
.portadaTexto {
    position: absolute;
    top: 22%;
    left: 14%;
    font-family:Poppins-Regular;
    color:white;
    font-size:1.1em;}

.PortadaBusqueda h4 {
    box-shadow: 0 1px 23px -3px #ddd;
    background: white;
    border-radius: 10px;
    font-family:Poppins-Medium;
    font-size:16px;
    padding:20px;
    margin:15px 40px;
}
.PortadaBusqueda h4 a{color:#003f60}
.PortadaBusqueda {
    text-align: center;
    margin-bottom: 60px;
    background: white;
    border-radius: 20px;
    box-shadow: 0 8px 6px -3px #eee;
}

.PortadaBusqueda .col-md-4 {
    -ms-flex: 0 0 26%;
    flex: 0 0 26%;
    max-width: 26%;
}



.PortadaContent h2.item-title {
text-align: right !important;
padding-right: 52%;
margin-top: 0%;
position: absolute;
left: 40%;
bottom: 88%;
}

.PortadaContent h2.item-title::before {
    content: "";
    margin-top: 10px;
    text-align: center;
    display: inline-block;
    width: 4rem;
    border-bottom: .2rem solid black;
    position: absolute;
    top: 80%;
}
.PortadaContent .col.leading-0 p{
margin-top: 5%;
margin-left: 40%;
font-size: 14px;
line-height: 17px;
margin-bottom: -28px;}





.article-details.PortadaContent p {
    font-size: 14px;
}

.NecesitasAyuda{padding:40px;background:#eee;}
.NecesitasAyuda h3{font-family:TitilliumWeb-SemiBold;padding-left:4%}
.NecesitasAyuda p{font-size:14px;}



#sp-footer ul.menu li {
    display: block;
    margin: 0 10px;
    text-align: left;
    padding-left: 0px;

    line-height: 28px;
}
#sp-footer ul.menu li a{font-family: Poppins-Regular;
    text-transform: uppercase;color:white}
#sp-footer{font-family:Poppins-SemiBold;text-align:left}
#sp-footer1 p, #sp-footer3 p{font-family:Poppins-Regular;}
#sp-footer2, #sp-footer3 {font-family:Poppins-Regular;
}
#sp-footer h3{text-align:center!important;font-size:14px;text-align:left;margin-bottom:20px;font-family:Poppins-SemiBold;}
#sp-footer h3:before{
     content: "";
    margin-top: 4px;
    text-align: center;
    display: inline-block;
    width: 2rem;
    border-bottom: .1rem solid white;
    position: absolute;
    top: 10%;
}
#sp-footer .sp-module-content {
    text-align: center;
}
#sp-footer .sp-module-content a {
    text-align: center;
}

ul.social-icons > li {
    display: inline-block;
    margin: 10px 14px;
    background: #262626;
    padding: 10px 25px;
    border-radius: 15px;
}

ul.social-icons {
    list-style: none;
    padding: 0;
    margin: -5px;
    display: inline-block;
    font-size: 15px;
}


.ot_login .ot_submit{background: black!important;font-weight: 600!important;}

.ot_login .ot_button .md-close {
    position: absolute;
    top: 5%;
    left: 90%;
}
.ot_login .button{background: #242021!important;font-weight: 600;}

.Description {padding:30px 10px;}
.category {


    font-size: 1em;
    margin-left: 2px;
  	color:#231f20;
}

.alert-success {
    color: white!important;
    background-color: #231f20!important;
    border-color: #231f20!important;
}

/* payplans */

.alert.alert-danger {
    display: none;
}
.pp-result__image {
    display: none;
}
#pp .o-label--success{background: #c89b39!important;}
#pp a {
    color: #231f20!important;
}
#pp .btn-pp-primary{background-color:#c89b39 !important }

#pp .pp-plan-card__title{}

.search-field .default{width:500px!important;}


/* Panel de Control */

.PanelDeControl .categories {
   


    text-align: center;
}

.PanelDeControl .form-links a{
    box-shadow: 0 1px 23px -3px #ddd;
    background: white;
    border-radius: 10px;
    font-family:Poppins-Medium;
    font-size:16px;
    padding: 20px;
    display: block;
    margin:15px 40px;
}

.videos-lists img,.videoslists img {
    height: 200px !important;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 1px 23px -3px #ddd;
    border: 1px solid #c89b39;
}

.videos-lists h3,.videoslists h3,.alm-item-details h3{padding-bottom:10px;font-family: Poppins-Medium;text-align: center;}
.videos-lists h3 a,.videoslists h3 a{
font-size: 0.8em;
padding: 10px 0 0 0;
text-align: center;
display: block;


}
.videoslists h4,.alm-item-details h4{font-size: 0.8em;text-align:center;}
.videos-lists h4 a{font-size: 0.5em;display:block;margin:0 auto;text-align: center;padding-bottom:20px;}

h3.sp-module-title {
    font-family: TitilliumWeb-Bold;
}


/* fin panel de control */

/*redes*/

.social-btns {
    text-align: right;
    font-size: 20px;
}

.social-btns::before {
    content: "Compartir en";
    font-size: 18px;
    font-family: TitilliumWeb-SemiBold;
}

/*MEDIA QUERIES*/

/*TABLET IPAD HORIZONTAL*/

/* Portrait */
/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

    #sp-logoweb.col-md-5 {
    top: -72px;
    margin-left: -3%;
    max-width: 100%;
    width: 38%;}

    #sp-menu.col-lg-4{
    -ms-flex: 0 0 66.666666%;
    flex: 0 0 66.666666%;
    max-width: 66.666666%;
    }

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

    #sp-header{display: none!important;}
    #sp-top{display:none!important;}
}


/*FIN MEDIA QUERIES*/

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

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

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

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

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

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

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

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


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

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

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