@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
._historia {
  margin-top:50px;
  padding-bottom:20px;
}
._historia .carousel{
  padding-bottom:50px;
}
._historia h3{
  text-align:center;
  margin-bottom:20px;
}


.varios .itemi{
  min-height:400px;
}
._footer ul li a, ._footer p {
  color:#4b6079;
}
._footer ul li a:hover {
  color:#fff;
}

a.icors{
  background-color:#4b6079;
  color:#fff;
  width:30px;
  height:30px;
  display:inline-block;
  line-height:30px;
  font-size:16px;
}
a.icors:hover{
  background-color:#fff;
color:#19314f;
}
._logof{
  text-align:center;
  color:#ccc;
}

.trabaja{
  margin-top:50px;
}
._destacado .itemi{
  min-height:460px;
}

._derechos{
  text-align:center;
  color:#ccc;
  font-size:10px;
}

._videohome, ._videohome iframe{

  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}  
}

._noticias .noti{
padding:30px;  
}
._noticias img{
  width:100%;
  height:auto;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

._noticias .btn-right{
  float:right;
}

.btn-orange{
  background-color:#ea5b0c;
  color:#fff;
}

.dm-flip-card {
  
  position:relative; 
  width : 400px;
  height : 450px;
  background:transparent;
  transform-style: preserve-3d;
  perspective: 2000px;
    
} 

.dm-front-card {
  
   position:absolute;
   height:100%;
   width:100%;   
   backface-visibility: hidden;
   transition: transform 1s;

   background-image:url('http://dmmotionarts.com/wp-content/uploads/2024/02/DMmotionarts-Mayuresh-portfolio-image-1000x1000-1.jpg');
   background-size:cover;
   background-position:center center;
     
}

/*Just overlay color of front image*/

.dm-front-card:after {
  
  content:'';
  position:absolute;
  height:100%;
  width:100%;
  background:#1B0036;
  top:0;
  left:0;
  opacity:0.5;
  
}
  
.dm-back-card {
  
   position:absolute;
   height:100%;
   width:100%;
   background:orange;
   backface-visibility: hidden;
   transform:rotateY(180deg); /*-180deg to flip direction*/
   transition: transform 1s;
   justify-content:center;
   align-items:center;
   display:flex;
   flex-direction:column;
   
  
}

.dm-flip-card:hover .dm-front-card {
        
    transform: rotateY(-180deg); /*180deg to flip direction*/
        
}
    
.dm-flip-card:hover .dm-back-card {
        
    transform:rotateY(0deg);
        
}



/* Same Code as above but instead of rotateY we use rotateX*/


.dm-flip-card2 {
  
  position:relative; 
	width:100%;
  max-width : 400px;
  height : 450px;
  background:transparent;
  transform-style: preserve-3d;
  perspective: 2000px;

  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  margin-bottom:20px;
    
} 
.dm-front-card2-item1 {
   background-image:url('../../../images/landicorp/nuestra-historia-1983.jpg');
}
.dm-front-card2-item2 {
   background-image:url('../../../images/landicorp/nuestra-historia-1988.jpg');
}
.dm-front-card2-item3 {
   background-image:url('../../../images/landicorp/nuestra-historia-1996.jpg');
}
.dm-front-card2-item4 {
   background-image:url('../../../images/landicorp/nuestra-historia-2012.jpg');
}
.dm-front-card2-item5 {
   background-image:url('../../../images/landicorp/nuestra-historia-2016.jpg');
}
.dm-front-card2-item6 {
   background-image:url('../../../images/landicorp/nuestra-historia-2023.jpg');
}
.dm-front-card2 {
  
   position:absolute;
   height:100%;
   width:100%;   
   backface-visibility: hidden;
   transition: transform 0.5s;

   background-size:cover;
   background-position:center center;
     
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/*Just overlay color of front image*/

.dm-front-card2:after {
  
  content:'';
  position:absolute;
  height:100%;
  width:100%;
  background:none;
  top:0;
  left:0;
  opacity:0.5;
  
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.dm-front-card2 h3{
  text-align:center;
  margin-top:400px;
  background-color:#f5f5f5;
  height:50px;
  line-height:50px;
  
  -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
  
}
.dm-back-card2 {
  
   position:absolute;
   height:100%;
   width:100%;
   background:#2d2e83;
   backface-visibility: hidden;
   transform:rotateX(180deg); /*-180deg to flip direction*/
   transition: transform 0.8s;
   justify-content:center;
   align-items:center;
   display:flex;
   flex-direction:column;
     color:#fff;
  padding:20px;

  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  
}

.dm-flip-card2:hover .dm-front-card2 {
        
    transform: rotateX(-180deg); /*180deg to flip direction*/
        
}
    
.dm-flip-card2:hover .dm-back-card2 {
        
    transform:rotateX(0deg);
        
}





.item-page h1{
  margin-top:-70px;
  padding:30px;
  
  max-width:600px;
  background-color:#fff;
  
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
  
}


._top img{
  max-width:1600px;
  width:100%;
  height:auto;
  
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

._footer h3{
  font-size:18px;
  font-weight:400;
  
}

._footer a{
  color:#fff;
  text-decoration:none;
}

.menutopfixed{
  border-bottom: solid #999 1px;
  margin-bottom:20px;
}

._noticias{
  
  padding-top:50px;
  padding-bottom:50px;
}

._trabajat h3{
  font-weight:600;
  color:#565656;
}

._trabaja{
  background-color:#ea5b0c;
  padding:30px;
  
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
._trabaja .input-group>.form-control{
  background-color: #4a4a4a;
  border-color: #4a4a4a;
  color: white;
}

._trabaja input::placeholder{
  color: #ccc;
}

._trabaja .input-group-text{
  background-color:#333;
  border-color:#333;
  color:#fff;
}

.destacado{
  margin-top:30px;
  margin-bottom:30px;
  padding-top:80px;
  padding-bottom:80px;
    background-color:#f5f5f5;

}

.destacado ._destacado h3{
  text-align:center;
  font-size:40px;
  font-weight:600;
  color:#565656;
  margin-bottom:50px;
}

.itemi{
  background-color:#f5f5f5;
  
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.itemi a{
  text-decoration:none;
}
.itemis{
  padding:15px;
}

.itemis h4{
  font-size:24px;
  font-weight:600;
  color:#565656;
}
.itemis p{
  margin:0px;
}
.itemif{
  text-align:right;
}

.itemif a{
  width:20px;
  height:20px;
  text-align:center;
  line-height:20px;
  background-color:#fff;
  display:inline-block;
  margin-right:15px;
  margin-bottom:15px;
  
  
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}

.itemi img{
  
  width:100%;
  height:auto;
  
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

}


.itemi:hover{
  background-color:#fff;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.29);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.29);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.29);
}
.itemi:hover .itemis h4{
color:#213b82;
}
.itemi:hover .itemif a{
background-color:#213b82;
  color:#fff;
}

#camera_wrap_111{
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.destacado .itemi{
  background-color:#fff;
}

.destacado .itemi .itemif a{
color:#fff;
  background-color:#213b82;
}

.destacado .itemis h4{
  font-size:20px;
}
.destacado .itemi:hover{
  color:#fff;
  background-color:#213b82;

}
.destacado .itemi:hover .itemis h4{
  color:#fff;
}
.destacado .itemi:hover .itemis a{
  color:#fff;
}

.destacado .itemi:hover .itemif a{
background-color:#e85b22;
  color:#213b82;
}

._mtrayectoria .itemi{
	min-height:560px;
  
}

.noticias .itemi{
  background-color:#fff;
  border:solid #999 1px;
  padding:20px;
  min-height:450px;

  
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}



.noticias .itemis{
  padding:0px;

}

.noticias .itemi img{
  
  width:100%;
  height:auto;
  
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}

.noticias .itemif a{
  width:auto;
  height:auto;
  text-align:left;
  line-height:auto;
  padding:5px;
  padding-left:15px;
  padding-right:15px;
  font-size:12px;
  background-color:#4a4a4a;
  color:#fff;
  text-decoration:none;
  display:inline-block;
  margin-top:20px;
  
}

.noticias .itemi .itemif a i{
  margin-left:5px;
}

.noticias .itemif{
  text-align:left;
}


.noticias .itemi:hover .itemif a{
  background:none;
  color:#213b82;
}

.noticias .itemi:hover .itemif a i{
  margin-left:10px;
}


.noticias .itemis h4{
  margin-top:15px;
  font-size:20px;
}

._noticias h3{
  font-weight:600;
  color:#565656;
}

._logo {
  margin-top:10px;
  margin-bottom:10px;
}

._logo p{
  margin:0px;
}

footer {
    background-color: #19314f;
  color:#fff;
  padding-top:50px;
  padding-bottom:50px;
}

ul.menu_leftp {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.menu_leftp li {
    position: relative;
}

ul.menu_leftp li a {
    background-color: #fff;
    color: #666;
    text-indent: 10px;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    display: block;
    max-width: 270px;
    text-transform: uppercase;
    border-top: 1px solid #f0f0f0;
    border-left: 4px solid #ec8827;
}

ul.menu_leftp li a:hover {
    background-color: #ec8827;
    color: #fff;
    border-left: solid 8px #666;
}

ul.menu_leftp li ul {
    position: absolute;
    top: -999999px;
    z-index: 3;
}

ul.menu_leftp li:hover ul {
    left: 270px;
    top: 0px;
}

ul.menu_leftp li ul li {
    float: none;
}

ul.menu_leftp li ul li a {
    float: none;
    background-color: #fafafa;
    font-size: 13px;
    width: 210px;
    text-transform: none;
}

.moduletable_leftp h3 {
    color: #ec8827;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 14px;
    text-align: center;
    margin: 0px;
    background-color: #565656;
    border-bottom: 1px solid #ec8827;
}

.menuoculto {
    opacity: 0;
}

.menutopfixed {}


.menutopfixed ._menu {
    position: relative;
    margin: 0px;
    margin-top: 30px;
}

nav.desktop ._menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-top: 10px;
}

nav.desktop ._menu ul li {
    position: relative;
    float: left;
}

nav.desktop ._menu ul li a {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #000;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 300;
text-decoration:none;
    border-bottom: #fff solid 5px;

}

nav.desktop ._menu ul li a:hover {
    background: none;
    border-bottom: #ccc solid 5px;
}

nav.desktop ._menu ul li.current a {
    border-bottom: #e85b22 solid 5px;
}

nav.desktop ._menu ul li a.live {
    background-color: #ff0000;
    color: #fff;
    animation: parpadeo 1s;
    -webkit-animation: parpadeo 1s;
    -moz-animation: parpadeo 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
}

nav.desktop ._menu ul li ul {
    position: absolute;
    left: -99999px;
    z-index: 2;
    padding: 0px;
    top: 20px;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
}

nav.desktop ._menu ul li:hover ul {
    left: 0px;
}

nav.desktop ._menu ul li ul li {
    position: relative;
}

nav.desktop ._menu ul li ul li a {
    width: 200px;
    background-color: #fff;
    color: #333;
    height: 30px;
    line-height: 30px;
    border-top: #f0f0f0 solid 1px;
    text-transform: none;
}

nav.desktop ._menu ul li ul li a:hover {
    background: none;
    background-color: #f0f0f0;
    color: #ec8827;
    text-decoration: none;
}

nav.desktop ._menu ul li ul li a span {
    display: none;
}

} ul li ul li ul {
    position: absolute;
    top: -99999px;
    z-index: 3;
}

nav.desktop ._menu ul li ul li:hover ul {
    /*left:240px;*/
    left: 220px;
    top: 0px;
}

nav.desktop ._menu ul li ul li ul li {
    float: none;
}

nav.desktop ._menu ul li ul li ul li a {
    float: none;
    width: 180px;
}

a {
    transition: all 0.20s linear;
    -webkit-transition: all 0.20s linear;
    -moz-transition: all 0.20s linear;
    color: #000;
}

a:hover {
    transition: all 0.20s linear;
    -webkit-transition: all 0.20s linear;
    -moz-transition: all 0.20s linear;
    color: #666;
}

body {
    margin: 0px;
    padding: 0px;
  font-family: "Poppins", sans-serif;
    font-size: 14px;
    color: #000;
}


/*********************************************************************************************************/

@media only screen and (max-width: 1199px) {

nav.desktop ._menu ul li a {
    padding-left: 15px;
    padding-right: 15px;
}  
 
.varios .itemi{
  min-height:340px;
}

.itemis h4{
  font-size:20px;
  font-weight:600;
  color:#565656;
}  
._destacado .itemi{
  min-height:440px;
}
.noticias .itemis h4{
  margin-top:15px;
  font-size:16px;
}

.noticias .itemi{
  min-height:390px;
}

.noticias .itemi p a{
  font-size:12px;
}
    
  
  
}
@media only screen and (max-width: 1400px) {
  ._mtrayectoria .itemi{
	min-height:590px;
  
}
}
@media only screen and (max-width: 1200px) {
  ._mtrayectoria .itemi{
	min-height:650px;
  
}
}
@media only screen and (max-width: 1030px) {
    .menuoculto {
        opacity: 1;
        filter: alpha(opacity=100);
        transition: all 0.20s linear;
        -webkit-transition: all 0.20s linear;
        -moz-transition: all 0.20s linear;
    }
    nav.desktop {
        display: none;
    }
    .custom_redes-sociales {
        margin-right: 25px;
    }

._mtrayectoria .itemi{
	min-height:650px;
  
}
}

@media only screen and (max-width: 991px) {
._mtrayectoria .col-md-6{
margin-bottom:30px;
  
}  
  ._mtrayectoria .itemi{
	min-height:450px;
  
}  
  
}

@media only screen and (max-width: 767px) {}

@media only screen and (max-width: 640px) {
    .menutopfixed {
        position: relative;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 0px;
        height: auto;
    }
}