@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap');

*{
  font-family: 'Poppins', sans-serif !important;
}
.font500 {
	font-weight: 500;
}
.font600 {
	font-weight: 600;
}
.font700 {
	font-weight: 700;
}
.bgc1 {
	background-color: #BF1E57;
}
.bgc2 {
	background-color: #DCD548;
}
.bgc3 {
	background-color: #AED8AA;
}
.border-l {
	border-left: 1px solid #010101;
}
.border-r {
	border-right: 1px solid #010101;
}
.border-t {
	border-top: 1px solid #010101;
}
.border-b {
	border-bottom: 1px solid #010101;
}
body {
	/*animation-name: backgroundColorPalette;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
	background: #AED8AA;*/
}
@keyframes backgroundColorPalette {
	0% { background: #AED8AA; }
	15% { background: #AED8AA; }
	30% { background: #DCD548; }
	45% { background: #DCD548; }
}
/*-- Header --*/
.header {
  margin: 15px 0 10px;
}
/*-- Logo --*/
.logo-dramoda a {
  position: relative;
  width: 140px;
    height: 140px;
  display: inline-block;
}
@keyframes rotate {from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}}
@-webkit-keyframes rotate {from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}}

.logo-dramoda a .recur-1 {
  display: inline-block;
    position: relative;
    width: 140px;
    height: 140px;
    -webkit-animation: 10s rotate linear infinite;
    animation: 10s rotate linear infinite;
    -webkit-animation-direction: reverse;
     animation-direction: reverse;
}
.logo-dramoda a .recur-2 {
  display: inline-block;
    position: absolute;
    width: 65px;
    left: 35px;
    top: 43px;
}
/*-- Menu --*/
.m-items {
  margin-top: 38px;
}
.m-items a:last-child,
.m-items a:last-child:hover {
  border: 0;
  padding: 0;
  margin-left: 20px;
}
.m-items a:last-child img {
  width: 50px;
  height: auto;
  margin-top: -3px;
}
.m-items a, .item-mv a {
    color: #010101;
    padding: 13px 21px;
    border-radius: 30px;
    display: inline-block;
    margin: 5px;
    text-transform: uppercase;
    font-size: 15px;
    border: 1px solid #010101;
}
.m-items a:hover, .m-items a.current-menu-item,
.item-mv a:hover, .item-mv a.current-menu-item {
  color: #BF1E57;
  border: 1px solid #BF1E57;
  background-color: #fff !important;
}
/*.m-items a:nth-child(2),
.m-items a:nth-child(3),
.m-items a:nth-child(4),
.m-items a:nth-child(5),
.page-template-home .header .m-items a:nth-child(1) {
  visibility: hidden;
  display: none;
}*/
/*--Burger Menu movil--*/
.cont-burgermenu {
  position: relative;
  width: 100%;
  display: inline-block;
  margin-top: 30px;
}
.menu {
    position: relative;
}
.menu span {
    position: relative;
    animation: zoom-in-zoom-out 1.5s linear infinite;   
}
@keyframes zoom-in-zoom-out {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1.2);
}
100% {
transform: scale(1, 1);
}
}
.menu span img {
  width: 60px;
  height: 60px;
  margin-top: -14px;
}
.menu span i {
  color: #010101;
  font-style: normal;
  font-size: 38px;
  position: relative;
    margin-right: -4px;
}
/*Fake-Trigger*/
#sized {
    width:100px;
    height:60px;
    color:transparent;
    background-color: transparent;
    border: transparent;
    float: right;
}

/*Modal-Box*/
.modalM {
    display: none;
    position: fixed;
    z-index: 1;
    padding:0.5%;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    overflow: auto;
}

.modalM-content {
    position: relative;
    margin: auto;
    padding: 0;
    width: 100%;
    height: 98vh;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    background-color: #fff;
}

.modalM-header {
    padding: 2px 16px;
    background-color: #fff;
    border-bottom: none;
    height:17vh;
}

.modalM-body {
    padding: 2px 16px;
    background-color: #fff;
}
.modalM-footer {
    padding: 2px 16px;
    background-color: #fff;
    border-top: none;
}
.closeM {
    color: #BF1E57;
    float: left;
    font-size: 5em;
    font-weight: bold;
    opacity: 1;
}

.closeM:hover,
.closeM:focus {
    color: #BF1E57;
    text-decoration: none;
    cursor: pointer;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.animated {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* Text principal */
.corp-mtop {
  margin-top: 40px;
}
.c-text-pr {
  padding: 85px 60px 0;
}
.c-text-pr h1 {
	  margin: 0;
    text-align: right;
}
.c-text-pr .tt-pr {
	  font-size: 70px;
    line-height: 65px;
    display: inline-block;
    margin-bottom: 20px;
}
.c-text-pr .ct-pr {
	  letter-spacing: -0.5px;
    font-size: 33px;
    line-height: 1.1;
    display: inline-block;
    margin-bottom: 30px;
    color: #010101;
}
.c-text-pr a {
	  font-size: 23px;
    color: #BF1E57;
    display: inline-block;
    border: 2px #BF1E57 solid;
    padding: 12px 21px;
    border-radius: 32px;
    background-color: #fff;
    transform: scale(1);
    transition: all 0.3s ease-in-out 0.1s;
}
.c-text-pr a:hover {
	background-color: #DCD548;
	color: #fff;
	border-color: #fff;
	transform: scale(1.1);
  transition: all 0.3s ease-in-out 0.1s;
}
.c-img-pr {
    border: 4px dotted #BF1E57;
    border-radius: 110px;
    width: 90%;
}
.c-img-slid {
    border: 4px dotted #BF1E57;
    border-radius: 110px;
    width: 90%;
    position: relative;
    overflow: hidden;
    height: 526px;
}
.slider-image {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}
.c-img-pr img, .c-img-slid img {
  transform: scale(1.1) rotate(8deg);
}
.tt-slider h2 img {
	height: 37px;
}
/* Form  */
.tt-form h2, .tt-form p {
	text-align: center;
}
.tt-form {
	padding: 40px 0 30px;
}
.tt-form h2 {
	font-size: 30px;
  letter-spacing: -0.5px;
  margin-bottom: 0;
  color: #010101;
}
.tt-form h2 img {
	height: 44px;
}
.tt-form p {
	color: #010101;
	font-size: 17px;
}
.c-form {
	margin-bottom: 40px;
}
.show-m {
  display: none;
}
/*---Text animate---*/
.text-ani-color {
  text-align: center;
  padding: 60px 0 0;
}
.text-ani-color h1 {
  font-size: 70px;
  line-height: 70px;
  letter-spacing: -1px;
}
.text-ani-color h1 span {
  font-size: 90px;
}
.text-ani-color h1 span img {
  width: 85px;
  transform: rotate(12deg);
  margin-left: -6px;
}
.anitext {
  background: linear-gradient(to right, #AED8AA 20%, #DCD548 40%, #DCD548 60%, #AED8AA 80%);
  background-size: 200% auto;
  color: #000;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s linear infinite;
}
 @keyframes shine {
  to { background-position: 200% center; }
}
/*---Text animate 2---*/
.text-ani-color-2 {
  text-align: center;
  padding: 0;
  margin-top: -130px;
}
.text-ani-color-2 h2 {
  font-size: 50px;
  line-height: 55px;
  letter-spacing: -1px;
  color: #010101;
}
.text-ani-color-2 h2 span {
  font-size: 100px;
  line-height: 111px;
}
/*---Image animate---*/
.carousel {
      height: 100vh;
    }
    .slide {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 600px;
      height: 600px;
    }
.action-bt-1 {
  text-align: center;
  margin-bottom: 40px;
}
.action-bt-1 a {
  font-size: 23px;
  color: #BF1E57;
  display: inline-block;
  border: 2px #BF1E57 solid;
  padding: 12px 21px;
  border-radius: 32px;
  background-color: #fff;
  transform: scale(1);
  transition: all 0.3s ease-in-out 0.1s;
  margin-top: 40px;
}
.action-bt-1 a:hover {
  background-color: #DCD548;
  color: #fff;
  border-color: #fff;
  transform: scale(1.1);
  transition: all 0.3s ease-in-out 0.1s;
}
/*---Footer---*/
footer {
  padding: 20px 0;
}
/*---Top content---*/
.t-top-cont {
  width: 100%;
  height: auto;
  text-align: center;
  margin-bottom: 30px;
}
.t-top-cont h1 {
  letter-spacing: -1px;
  font-size: 56px;
  margin: 0;
  padding: 30px 0;
}
.t-top-cont h1 img {
  width: 65px;
  transform: rotate(12deg);
  margin-left: -3px;
}
/*----Content text 3-----*/
.cont-dest-3 .cont-tx3 {
  background: #AED8AA;
  min-height: 440px;
  margin-top: 55px;
  border-radius: 0 0 30px 0;
}
.cont-dest-3 .cont-tx3 p {
  font-size: 40px;
  line-height: 45px;
  letter-spacing: -1px;
  margin-bottom: 0;
  padding: 120px 130px;
}
.cont-dest-3 .cont-tx3 p span {
      font-size: 50px;
    background: #BF1E57;
    padding: 14px 15px;
    margin: 14px 0 0 0;
    display: inline-block;
}
.cont-dest-3 .cont-tx3 p i {
  font-style: normal;
  font-size: 65px;
  color: #BF1E57;
}
.cont-dest-3 .cont-im3 {
  position: relative;
  background: #DCD548;
  padding: 60px;
  height: 89%;
  border-radius: 30px 0 0 0;
}
#slides {
  position: relative;
}
#slides .slide {
  position: absolute;
  opacity: 0;
  transition: all 0.5s ease-in-out 0.1s;
  width: auto;
  height: auto;
}
#slides .showing {
  opacity: 1;
  transition: all 0.5s ease-in-out 0.1s;
}
/*----Blog news-----*/
.blognews {
  margin-bottom: 50px;
}
.tt-blog {
  font-size: 55px;
  letter-spacing: -1px;
  margin-top: 50px;
  margin-bottom: 20px;
}
.tt-blog span {
  color: #010101 !important;
  -webkit-text-fill-color: #010101;
}
.tt-blog span:last-child {
  font-weight: 600 !important;
}
.blognews h3 {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 15px;
    color: #fff;
}
.top-pic-post {
  border-radius: 25px;
  overflow: hidden;
  position: relative;
    margin-bottom: -21px;
}
.post-cont-home {
  padding: 25px 20px;
}
.cont-tt-blog {
  background: rgb(174,216,170);
  background: linear-gradient(205deg, rgba(174,216,170,1) 0%, rgba(220,213,72,1) 100%);
  border-radius: 0 0 25px 25px;
  padding: 50px 30px 30px;
}
/*----Shorts del catalogo----*/
.bgcat {
  background-color: #fff;
  padding: 10px 0 10px;
  margin-top: 35px;
}
.item-tags-cont {
  border: 1px solid #010101;
  margin: 10px;
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 14px;
    border-radius: 30px;
}
.item-tags-cont:hover {
  border-color: #BF1E57;
}
.item-tags-cont span {
    font-size: 20px;
    color: #010101;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 170px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.item-tags-cont:hover span {
  color: #BF1E57;
}
.item-tags-cont img {
  width: 120px;
    height: 120px;
    border: 1px solid #ddd;
    float: left;
    border-radius: 18px;
    margin-right: 10px;
}
/*----Corporativos-----*/
/* Slider  */
.tt-corp-s {
  font-size: 50px;
  letter-spacing: -1px;
  margin-top: 70px;
  margin-bottom: 20px;
  line-height: 43px;
}
.tt-corp-s span {
  color: #010101 !important;
  -webkit-text-fill-color: #010101;
}
.tt-corp-s span:last-child {
  font-weight: 600 !important;
  font-size: 40px;
}
.tt-corp-s img {
  height: 60px;
}
.c-slider {
  background: #fff;
  position: relative;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-412px * 8));
  }
}
.slider {
  background: white;
  /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);*/
  height: 460px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slider::before, .slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 460px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(412px * 16);
}
.slider .slide {
  height: 460px;
  width: 412px;
}
.c-slider::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}
/*----Content client exp----*/
.clientexp {
  margin-bottom: 40px;
}
.cont-cliexp {
    border: 2px dotted #010101;
    border-radius: 30px;
    padding: 20px 22px;
    margin: 10px 10px;
    box-shadow: rgba(11, 43, 158, 0.15) 0px 6px 15px -6px;
}
.cont-cliexp:hover {
  animation: zoom-in-out 1.5s ease-out infinite;
  border-color: transparent;
  background-color: #f1f1f1;
  cursor: pointer;
}
@keyframes zoom-in-out {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.1, 1.1);
}
100% {
transform: scale(1, 1);
}
}
.cont-cliexp h3 {
  font-weight: 600;
  font-size: 26px;
  line-height: 30px;
  color: #BF1E57;
}
.cont-cliexp p {
  margin: 0;
  line-height: 22px;
  font-size: 18px;
}
.mrb-tt-exp {
  margin-bottom: 30px;
}
/*----MaxW----*/ 
.maxw {
  max-width: 1425px;
  margin: 0 auto;
}
/*----Mediaquery----*/
@media (min-width: 1460px) {
    .carousel {
      height: 78vh;
    }
}
@media (max-width: 600px) {
		.tt-form-m {
			width: 90%;
			margin: 0 auto;
		}
    .c-form {
    width: 90%;
    margin: 0 auto;
    height: 600px;
    }
    body {
        height: 850px;
        position: relative;
        overflow: scroll;
    }
    .show-m {
      display: block;
    }
    .hide-m {
    	display: none !important;
    }
    .c-text-pr .tt-pr {
    	font-size: 50px;
      line-height: 43px;
    }
    .c-text-pr .ct-pr {
    	font-size: 30px;
    }
    .tt-slider h2 {
    	font-size: 33px;
			line-height: 38px;
			padding: 20px 0;
    }
    .tt-form h2 {
    	font-size: 33px;
    	line-height: 39px;
    }
    .tt-form p {
    	font-size: 18px;
    	line-height: 24px;
    }
    .slider::after, .slider::before {
      display: none;
    }
    .text-ani-color h1 {
      font-size: 38px;
      line-height: 39px;
    }
    .text-ani-color h1 span {
      font-size: 70px;
    }
    .text-ani-color h1 span img {
      width: 70px;
    }
    .slide {
      width: 410px;
      height: 410px;
    }
    .carousel {
      height: 63vh !important;
    }
    .text-ani-color-2 {
      margin-top: -10px;
    }
    .text-ani-color-2 h2 {
      font-size: 33px;
      line-height: 38px;
    }
    .text-ani-color-2 h2 span {
      font-size: 55px;
      line-height: 71px;
    }
    .cont-dest-3 .cont-tx3 p {
      font-size: 38px;
      line-height: 42px;
      padding: 60px 35px !important;
    }
    .cont-dest-3 .cont-tx3 p span {
      font-size: 45px;
      padding: 7px 9px;
    }
    .cont-dest-3 .cont-tx3 p i {
      font-size: 55px;
    }
    .cont-dest-3 .cont-tx3 {
      min-height: 380px;
    }
    .cont-dest-3 .cont-im3 {
      padding: 40px;
    height: 370px !important;
    }
    .cont-dest-3 .cont-im3 #slides {
      width: auto !important;
    }
    .t-top-cont h1 {
      font-size: 42px;
    }
    .t-top-cont h1 img {
      width: 44px;
    }
    .t-top-cont {
      margin-bottom: 0px;
    }
    .t-top-cont .animv {
      font-size: 33px;
    }
    .item-mv a {
    display: block;
    text-align: center;
    margin: 13px 21px;
    padding: 16px;
    border-radius: 60px;
    font-size: 17px;
    font-weight: 600;
  }
  .tt-blog {
    font-size: 50px;
    line-height: 50px;
  }
  .tt-blog span:last-child {
    font-size: 45px;
  }
  .c-text-pr {
    padding: 45px 30px 45px;
}
.c-img-pr {
  margin: 0 auto;
}
.c-text-pr h1 {
  text-align: center;
}
.tt-corp-s {
  font-size: 50px;
  line-height: 49px;
}
.tt-corp-s span:last-child {
  font-size: 30px;
}
}
@media (max-width: 992px) {
    .tt-form-m {
      width: 90%;
      margin: 0 auto;
    }
    .c-form {
    width: 90%;
    margin: 0 auto;
    height: 600px;
    }
    body {
        height: 850px;
        position: relative;
        overflow: scroll;
    }
    .c-text-pr .tt-pr {
      font-size: 50px;
      line-height: 43px;
    }
    .c-text-pr .ct-pr {
      font-size: 25px;
    }
    .c-text-pr {
      padding-top: 10px;
    }
    .c-img-slid {
      height: 100%;
    }
    .tt-slider h2 {
      font-size: 33px;
      line-height: 38px;
      padding: 20px 0;
    }
    .tt-form h2 {
      font-size: 33px;
      line-height: 39px;
    }
    .tt-form p {
      font-size: 18px;
      line-height: 24px;
    }
    .text-logo a:last-child {
      right: 18px;
		display: none !important;
    }
    .slider::after, .slider::before {
      display: none;
    }
    .carousel {
      height: 70vh;
    }
    .cont-dest-3 .cont-tx3 p {
      padding: 100px 100px;
    }
    .cont-dest-3 .cont-tx3 {
      min-height: 390px;
      border-radius: 0;
    }
    .cont-dest-3 .cont-im3 {
      padding: 40px;
    height: 620px;
    border-radius: 0;
    }
    .cont-dest-3 .cont-im3 #slides {
      width: 620px;
      margin: 0 auto;
    }
    .item-mv a {
    display: block;
    text-align: center;
    margin: 13px 21px;
    padding: 16px;
    border-radius: 60px;
    font-size: 17px;
    font-weight: 600;
}
.c-img-pr {
  margin: 0 auto;
}
.c-text-pr h1 {
  text-align: center;
}
.tt-corp-s {
  font-size: 50px;
  line-height: 49px;
}
.tt-corp-s span:last-child {
  font-size: 30px;
}
}