/* Copyright 2018 Zooz Digital Private Limited
 *
 *  You may obtain a copy of the License from
 *
 * Zooz Digital Private Limited */
/*===============all commons=============*/

/* Blog banner mobile*/
@media (max-width: 414px) {
	.blog-banner {
    background-image: url(/content/dam/open-digital/asma-mx/es/images1/blog-banner-temp.jpg)!important;
    max-width:414px;
}
}

/* Blog banner mobile ends*/


.no-link {
  text-decoration: none !important;
}

.the-break {
  display: block;
}

.para-text {
	/*padding:10px;*/
  ;
}

.para-space {
  padding: 30px 0px 0px 0px;
  margin-bottom: 16px;
}

.article-middle-text {
  /*padding: 10px;*/
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: unset !important;
}

.social-buttons hr {
  display: none;
}

.padding-left-min {
  padding-left: 1.5% !important;
}

/*===========DEKSTOP===START=========*/

/*-------------BLOG PAGE START--------------*/

/* 
.blog-banner .section-blur-layer {
  background-color: rgba(108,117,125,0.40) !important;
} */

.blog-banner {
  height: 515px;
  background-position: center;
}

.banner-color {
  background-color: #902e66;
  width: 55%;
  display: flex;
  justify-content: center;
  margin-right: 25%;
  margin-left: 25%;
  margin-top: 10%;
}

h1.banner-title {
  text-align: center;
  color: white;
  width: 100%;
  padding-top: 3vh;
  padding-bottom: 5vh;
  font-family: "Oswald-Regular", Sans-serif;
  font-size: 80px;
  font-weight: 500;
}

.common-column {
  margin-top: 5%;
  margin-bottom: 5%;
}

.date-text {
  font-size: 14px;
  color: #444444;
  font-family: helvetica;
}

.article-title-text {
  margin-top: 10%;
}

.article-title-text a {
  font-size: 30px;
  font-family: Helvetica, Sans-serif;
  color: #902E66;
}

/*CTA component*/


.common-column .cta .cta-container .info-link a {
  font-family: helvetica !important;
  background-color: #f1f1f1 !important;
  color: #902e66 !important;
  font-size: 14px !important;
  padding: 10px 10px !important;
  margin-top: 8px !important;
  border-radius: 5px !important;
  font-weight: normal !important;
}

.common-column .cta .cta-container .info-link a:hover {
  color: white !important;
  background-color: #902e66 !important;
}

.common-column .cta.section {
  margin-top: 35%;
  margin-left: 60%;
}


/*last column cta*/
.last-column .cta .cta-container .info-link a {
  font-family: helvetica !important;
  background-color: #f1f1f1 !important;
  color: #902e66 !important;
  font-size: 14px !important;
  padding: 10px 10px !important;
  margin-top: 8px !important;
  border-radius: 5px !important;
  font-weight: normal !important;
}

.last-column .cta .cta-container .info-link a:hover {
  color: white !important;
  background-color: #902e66 !important;
}

.last-column .cta.section {
  margin-top: 25%;
  margin-left: 60%;
}


/*----bottom banner title-----*/

.bottom-banner-title {
  font-size: 43.2px;
  font-family: Helvetica, sans-serif;
  color: #FFFFFF;
  background-color: #902E66;
  width: 100%;
  max-width: 100%;
  height: 70px;
  padding-top: 1%;
  text-align: center;
  margin-top: 5%;
}

.adj-column-one {
  margin-top: -5%;
}
.notas-desec {
    padding: 20px 0px 20px;
}
/*-------------BLOG PAGE END--------------*/


/*------entrada-1 and entrada-1-2--common---start---*/

.bottom-column .new-image-desktop {
  height: 200px !important;
    width:111% !important;
}

.article-banner-sec {
  height: 130px;
  background-position: center;
}

.article-banner-sec .section-blur-layer {
  background-color: rgba(108,117,125,0.75) !important;
}

h2.article-title {
  color: #902E66;
  font-family: "Helvetica", Sans-serif;
  font-size: 40px;
  font-weight: bold;
  padding-bottom: 2%;
  padding-top: 1%;
  padding-left: 2.5%;
}

.divider-yellow {
  background-color: #ffb400;
  height: 5px;
  margin-left: 2.5%;
  width: 10%;
}

p.para-text {
  font-size: 16px;
  color: #888888;
  font-family: Helvetica, sans-serif;
  /*text-align: justify;*/
}

.article-middle-text {
  font-size: 20px;
  font-family: Helvetica, sans-serif;
  color: #3C1053;
  font-weight:bold;
}

.para-text a {
  font-size: 16px;
  font-family: Helvetica, sans-serif;
  color: #007bff;
  text-decoration: none !important;
}

.social-buttons {
  margin-top: 5%;
}

.social-buttons a.btn.btn-grey.btn-lg.icon-left {
  color: white;
  border-radius: 5px;
  font-size: 16px;
  font-family: Oswald;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  /*margin-top: 20%;*/
    padding-top: 0.9rem;
    padding-right: 1.5rem;
    padding-bottom: 0.9rem;
    padding-left: 1.5rem;
}

/*spacing between the item*/
.social-buttons .linked-list.horizontal li {
    margin-right: 0.50% !important;
}

/*--facebook---*/
.social-buttons .list-item-0 a.btn.btn-grey.btn-lg.icon-left {
  background-color: #3b5998;
}
/*--- twitter ----*/
.social-buttons .list-item-1 a.btn.btn-grey.btn-lg.icon-left {
  background-color: #1c94dd;
}
/*---linked in----*/
.social-buttons .list-item-2 a.btn.btn-grey.btn-lg.icon-left {
  background-color: #0868a0;
}


/*bottom card-image-link*/

.bottom-column {
  padding-bottom: 3%;
  margin-top: -5%;
}

.bottom-column .bottom-ques-img {
  width: 70% !important;
  height: auto;
  margin-right: 30%;
}

.bottom-column img {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.card-bottom {
  border: 1px solid rgba(0,0,0,0.125);
  border-radius: 0.25rem;
  width: 77.5%;
  text-align: left;
  padding-left: 7% !important;
  height: 5rem;
  padding: 10px;
}

.card-bottom-1 {
  height: 8rem !important;
}

.card-bottom a {
  text-decoration: none !important;
  font-size: 13px;
  font-family: helvetica, sans-serif;
  color: #212529;
}

.card-bottom a:hover {
  color: #212529 !important;
  text-decoration: underline !important;
}


/*------entrada-1 and entrada-1-2--common---end---*/


/*------entrada-1-----start--*/

.padding-in {
  padding: 20px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.adj-width .page-section-inner {
  width: 1090px !important;
}
/*-------Updates---------*/
.headingbox{
	display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 15px;
    border: 3px solid;
    margin: 0 auto;
    width: 55%;
    border-color: #902E66;


}
.boxtext{
	color: #902E66;
    font-size:16px;
    padding-left:3%;
	padding-right:3%;
	text-align:center;
	font-family: Helvetica, sans-serif;

}
.boxtext2{
	padding: 5% 1% 2% 1%;
}
.article-title2{
	text-align:center;
	padding-bottom:0 !important;        
}
/*------entrada-1-----end--*/



/*------entrada-1-2-----start--*/

.asma-cc .column-1 {
     padding-right: 0.5%;
}

.reference-column {
  margin-top: 1.5%;
}

.asma-cc img {
  padding-top: 7px;
}

p.para-text.adj-line {
  line-height: 17px;
}

.purple-head {
  color: #902e66;
}

.yellow-head {
  color: #ffb400;
}

p.article-middle-text.second-middle-text {
  padding-left: 2%;
  padding-top: 1%;
  padding-bottom: 3%;
}

ol.order-one {
  padding-left: 9%;
}

.order-one li {
  font-size: 16px;
  color: #888888;
  font-family: Helvetica, sans-serif !important;
  text-align: justify;
}

.ref-link-sec {
  margin-top: 7%;
}
/*------entrada-1-2-----end--*/



/*===========DEKSTOP===END=========*/



/*=======RESPONSIVENESS==MOBILE===START====*/
@media (max-width:767px) {

  .adj-width .page-section-inner {
    width: unset !important;
  }

/*=============BLOG PAGE START=====================*/

  .blog-banner {
    height: 400px;
   /*  max-width:414px; */
  }

  .banner-color {
    /*--oldone--
    background-color: #902e66;
    width: 70vw;
    display: flex;
    margin-left: 15%;
    margin-right: 12%;*/
    background-color: #902e66;
    width: 77vw;
    display: flex;
    height: fit-content;
    margin-left: 13%;
    margin-top: 25%;
  }

  h1.banner-title {
        /*---old one ----
    text-align: center;
    color: white;
    width: 69vw;
    font-family: "Oswald", Sans-serif;
    font-size: 44px;
    font-weight: 500;*/
    text-align: center;
    color: white;
    width: 70vw;
    font-family: "Oswald-regular", Sans-serif;
    font-size: 44px;
    font-weight: 500;
    padding-top: 0vh;
    padding-bottom: 0vh;
  }

  .common-column .cta.section {
    margin-top: 15%;
    margin-left: 60%;
    margin-bottom: 10%;
  }

  .last-column .cta.section {
    margin-top: 15%;
    margin-left: 60%;
    margin-bottom: 10%;
  }

  .bottom-banner-title {
    font-size: 43.2px;
    font-family: Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #902E66;
    width: 100%;
    max-width: 100%;
    height: 15rem;
    padding-top: 5%;
    text-align: center;
    margin-top: 5%;
  }

/*=============BLOG PAGE END=====================*/


/*=============ARTICLE PAGES START========*/

/*------entrada-1 entrada-1-2 common start ---------*/

.article-banner-sec {
    height: 100px;
    background-position: center;
}


  .divider-yellow {
    margin-top: 10%;
    margin-bottom: 0%;
  }

  .bottom-column .bottom-ques-img {
    width: 100% !important;
    height: auto;
    margin-right: 30%;
    margin-top: 40%;
  }

  .card-bottom {
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 0.25rem;
    width: 100%;
    /*text-align: center; */;
  }

  .social-buttons ul {
    display: flex;
    justify-content: center;
    padding-left: 2.5%;
  }

.bottom-column .column-1 {
    padding-left: 5px;
    padding-right: 5px;
}

/*------entrada-1 entrada-1-2 common end ---------*/

/*------entrada-1 start ---------*/
.headingbox{
    width:90%;
}    
h2.article-title {
    font-size: 33px;
}
/*------entrada-1 end ---------*/

/*------entrada-1-2 start ---------*/

.asma-cc .column-1 {
     padding-right: 15px;
}
  .article-middle-text {
    line-height: unset !important;
  }

  .asma-cc img {
    padding-top: 7px;
    height: 300px;
  }

.social-buttons .linked-list.horizontal li {
    margin-right: 3.5% !important;
}

.social-buttons {
  margin-top: 20%;
}

/*------entrada-1-2 end ---------*/

/*============ARTICLE PAGES END==========*/
}/*-------Media 767px end-----*/

@media (min-width:768px) and (max-width:1023px) {
/*-------Media iPad start-----*/

  .adj-width .page-section-inner {
    width: unset !important;
  }

/*=============BLOG PAGE START=====================*/

  .banner-color {
    /*---old-one--
    background-color: #902e66;
    width: 55%;
    display: flex;
    justify-content: center;
    margin-left: 22.5%;*/
    background-color: #902e66;
    width: 55%;
    display: flex;
    justify-content: center;
    margin-left: 25.5%;
    margin-top: -3%;
  }

  h1.banner-title {
        /*----old-one-----
    text-align: center;
    color: white;
    width: 35vw;
    font-family: "Oswald", Sans-serif;
    font-size: 47px;
    font-weight: 500;*/
    text-align: center;
    color: white;
    width: 50vw;
    font-family: "Oswald-regular", Sans-serif;
    font-size: 80px;
    font-weight: 500;
    /*height: 21vh;*/
    line-height: 100%;
  }

  h2.article-title {
    padding-left: 0;
  }

  .divider-yellow {
    margin-left: 0;
  }

  .common-column .cta.section {
    margin-top: 15%;
    margin-left: 0%;
  }

  .last-column .cta.section {
    margin-left: 2%;
    margin-top: 0%;
  }

  .bottom-banner-title {
    font-size: 40px;
    font-family: Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #902E66;
    width: 90%;
    max-width: 100%;
    height: 100px;
    padding-top: 1%;
    text-align: center;
    margin-top: 5%;
  }


/*=============BLOG PAGE END=====================*/


/*=============ARTICLE PAGES START====================*/


/*-------ENTRADA-1 ENTRADA-1-2 COMMON START-----*/


	.bottom-column .new-image-desktop{
		width:100% !important;
        }


  .bottom-column .bottom-ques-img {
    width: 175% !important;
    height: auto;
    margin-right: 30%;
    margin-top: 40%;
  }

  .card-bottom {
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 0.25rem;
    width: 175%;
    text-align: center;
  }

/*-------ENTRADA-1 ENTRADA-1-2 COMMON END-----*/

/*------entrada 1-2 start -----*/

.asma-cc img {
    padding-top: 7px;
    height: 345px;
}

/*entrada 1-2 stop----*/

/*=============ARTICLE PAGES END==================*/
}/*-------Media iPad end-----*/




@media (min-width:1024px) and (max-width:1365px) {
/*-------Media iPad Pro start-----*/

  .adj-width .page-section-inner {
    width: unset !important;
  }

/*=============BLOG PAGE START=====================*/

  h2.article-title {
    padding-left: 0;
  }

  .divider-yellow {
    margin-left: 0;
  }

  h1.banner-title {
    /*--old-one---
    text-align: center;
    color: white;
    width: unset;
    padding-top: 3vh;
    padding-bottom: 5vh;
    font-family: "Oswald", Sans-serif;
    font-size: 80px;
    font-weight: 500;*/
    text-align: center;
    color: white;
    width: 40vw;
    font-family: "Oswald-regular", Sans-serif;
    font-size: 80px;
    font-weight: 500;
    padding-top: 0vh;
    line-height: 120%;
    padding-bottom: 0vh;
  }

  .common-column .cta.section {
    margin-top: 30%;
    margin-left: 55% !important;
  }

  .last-column .cta.section {
    margin-top: 25%;
    margin-left: 55% !important;
  }

  .bottom-banner-title {
    font-size: 43.2px;
    font-family: Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #902E66;
    width: 96%;
    max-width: 100%;
    height: 70px;
    padding-top: 1%;
    text-align: center;
    margin-top: 5%;
  }


/*=============BLOG PAGE END=====================*/
}/*-------Media iPad pro end-----*/



@media (min-width:1024px){
.bottom-column .row {
  margin-top:15%;
}
}

@media (min-width:768px) and (max-width:1023px) {



.bottom-column .row {
  margin-top:5%;
}
}


/****** FB icon blog ********/


.social-links>a>img{
height:15px;
width:15px;
display:unset;
}

.social-links>a{
border-radius: 0;
border: 1px solid #cccccc;
}
.social-links:hover{
background: none repeat scroll 0 0 #3a589d;
border-color: #3a589d;
color: #fff !important;
}
.social-links:hover.social-links>a>img
{
content: url('/content/dam/open-digital/asma-mx/es/images1/icono-fb-white.png');
}


.social-links{
margin-top:32%;
}

@media (max-width:767px) {
  .social-links{
margin-top:0;
position:relative;
top:95px;
}

/* Blog - Article -images */
.notas-desec .new-image-mobile{
  max-width:354px;
}

}

@media (min-width:768px) and (max-width:1023px) {
  .social-links{
margin-top:15%;
}
}


@media (min-width:1024px) and (max-width:1365px) {
    .social-links{
margin-top:30%;
}
}



/******* FB icon blog end ********/

.carousel-hashtag{
  text-align:center;
  color:rgba(144,46,102,0.87);
  font-size:20px;
  padding-bottom:10px;
}





/*******multimedia section begins******/
/*
.multimedia-cc-2{
  padding-top:10%
}
 .multi-text3{
  padding-top:10%
}
.multi-text{
  margin-top:10%
}  */


/******* multimedia section ends ******/