/*Single News*/
.our-brands-carousel{
    overflow: hidden;
}
.our-brands-carousel .slick-list{
    overflow: visible;
}
.a2a_button_copy_link img {
    content:url("../img/single/icons/share.svg");
}
.a2a_button_email img {
    content:url("../img/single/icons/email.svg");
}
.a2a_button_twitter img {
    content:url("../img/single/icons/twitter.svg");
}
.a2a_button_linkedin img {
    content:url("../img/single/icons/linkedin.svg");
}
.a2a_button_facebook img {
    content:url("../img/single/icons/facebook.svg");
}
.a2a_button_whatsapp img {
    content:url("../img/single/icons/whatsapp.svg");
}
.micro-podcasts{
    content:url("../img/single/icons/micro-podcast.png");
}
.btn_play_podcasts{
    content:url("../img/single//icons/btn-menor.png");
}
.news-icon-spotify{
    content:url("../img/single/spotify.png");
}
.news-icon-apple{
    content:url("../img/single/apple-podcasts.png");
}
.news-icon-google{
    content:url("../img/single/google-podcasts.png");
}
.news-icon-amazon{
    content:url("../img/single/amazon-music.png");
}

.author_whatsapp {
  content: url("../img/single/icons/whatsapp.svg");
}

.author_facebook {
  content: url("../img/single/icons/facebook.svg");
}

.author_linkedin {
  content: url("../img/single/icons/linkedin.svg");
}

.author_twitter {
  content: url("../img/single/icons/twitter.svg");
}
.share_modal {
    content: url("../img/icons/share.svg");
    margin-top: 40px;
}
.mobile-share {
    display: none;
}

.modal.modal-banner-video.show .modal-dialog{
    max-width: 75%;
    margin: auto!important;
    width: 100%;
}

.modal.modal-banner-video .btn-close-modal{
    margin: 5% 20px 80px 0;
}

.modal.modal-banner-video .modal-content{
    background: none;
    border: none;
}

.modal.modal-banner-video .modal-body{
    padding: 0;
}

.modal.modal-banner-video .modal-body iframe{
    height: 645px;
    width: 100%;
}

#slick-carousel-more-nutrien .slick-list,
#slick-carousel-init-nutrien .slick-list,
#slick-carousel-about-sust .slick-list,
#slick-carousel-podcasts .slick-list {
    overflow: visible;
}

.container-init-nutrien h2,
.container-about-sust  h2{
    font-weight: 300;
    font-size: 32px;
    line-height: 150%;
}

.container-more-nutrien #services-arrows span,
.container-init-nutrien #services-arrows span,
.container-about-sust #services-arrows span,
.container-other-episodes #services-arrows span {
  padding: 0;
}

.container-more-nutrien #services-arrows span,
.container-more-nutrien #services-arrows button,
.container-init-nutrien #services-arrows span,
.container-init-nutrien #services-arrows button,
.container-about-sust #services-arrows span,
.container-about-sust #services-arrows button,
.container-other-episodes #services-arrows span,
.container-other-episodes #services-arrows button {
    align-items: center;
    font-size: 16px;
    color: #3C7C00;
    display: flex;
    justify-content: center;
}

.container-init-nutrien a,
.container-about-sust a {
    color: transparent;
    text-decoration: none;
}
.container-more-nutrien h2 .arrows, .default-arrows h2 .arrows,
.container-init-nutrien h4 .arrows, .default-arrows .arrows,
.container-about-sust h4 .arrows, .default-arrows .arrows,
.container-other-episodes .arrows, .default-arrows h2 .arrows {
    float: right;
    display: block ruby;
    white-space: nowrap;
}
.container-more-nutrien h2 .slick-prev, .default-arrows h2 .slick-prev,
.container-init-nutrien h4 .slick-prev, .default-arrows .slick-prev,
.container-about-sust h4 .slick-prev, .default-arrows .slick-prev,
.container-other-episodes .slick-prev, .default-arrows h2 .slick-prev {
    margin-right: 16px;
    color: #3C7C00;
}
.default-arrows h2 .slick-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.default-arrows h2 .slick-disabled::before{
    opacity: 0.5;
}

.container-other-episodes  .slick-disabled,
.container-more-nutrien h2 .slick-disabled {
    opacity: 0.5;
}

.container-more-nutrien h2 .slick-prev:focus, .default-arrows h2 .slick-prev:focus,
.container-init-nutrien h4 .slick-prev:focus, .default-arrows .slick-prev:focus,
.container-about-sust h4 .slick-prev:focus, .default-arrows .slick-prev:focus,
.container-other-episodes .slick-prev:focus, .default-arrows h2 .slick-prev:focus,
.container-more-nutrien h2 .slick-next:focus, .container-more-nutrien h2 .slick-prev:focus,
.container-init-nutrien h4 .slick-next:focus, .container-init-nutrien h4 .slick-prev:focus,
.container-about-sust h4 .slick-next:focus, .container-about-sust h4 .slick-prev:focus,
.container-other-episodes .slick-next:focus, .container-other-episodes .slick-prev:focus {
    box-shadow: inset 0 0 0 2px #3C7C00;
}

.container-more-nutrien h2 .slick-next,
.container-more-nutrien h2 .slick-prev,
.container-init-nutrien h4 .slick-next,
.container-init-nutrien h4 .slick-prev,
.container-about-sust h4 .slick-next,
.container-about-sust h4 .slick-prev,
.container-other-episodes .slick-next,
.container-other-episodes .slick-prev{
    display: inline-block;
    position: relative;
    width: 48px;
    height: 48px;
    background-color: transparent;
    cursor: pointer;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    text-align: center;
    transition: all 0.5s;
    border-radius: 16px;
    border: 1px solid;
    color: #3C7C00;
    margin-top: 56px;
}
.container-other-episodes .slick-next,
.container-other-episodes .slick-prev {
    margin-top: 32px;
}


.container-more-nutrien .slick-next:before,
.container-init-nutrien .slick-next:before,
.container-about-sust .slick-next:before,
.container-other-episodes .slick-next:before {
    content: "\f1df";
    font-family: 'Material Icons';
    font-size: 14px;
    color: #3C7C00;
}
.container-more-nutrien .slick-prev:before,
.container-init-nutrien .slick-prev:before,
.container-about-sust .slick-prev:before,
.container-other-episodes .slick-prev:before {
    content: "\f1e6";
    font-family: 'Material Icons';
    font-size: 14px;
    color: #3C7C00;
}

.container-more-nutrien a {
    line-height: 100%;
    font-weight: 600;
    color: #3C7C00;
    background-color: transparent;
    border: 0;
    padding: 0;
    margin-bottom: 48px;
    display: flex;
    align-items: end;
}

.container-more-nutrien a:hover {
    color: #3C7C00;
}

.container-more-nutrien a .material-icons {
    margin-left: 9.3px;
    font-size: 14px!important;
}

.container-other-episodes #slick-carousel-podcasts,
.container-other-episodes #slick-carousel-init-nutrien,
.container-other-episodes #slick-carousel-about-sust{
    padding-top: 48px;
}

.bg-news-movie {
    background: url("../img/brand/bg-repeat-dark.svg"), linear-gradient(180deg, #2A71A2 0%, #48B1D8 100%);
    border-radius: 0 0 48px 0;
}
.container-top-movie iframe {
    width: 100%;
    height: 528px;
    position: relative;
    top: 80px;
}
.bg-news-article {
    background: url("../img/brand/bg-repeat-dark.svg"), linear-gradient(180deg, #229269 0%, #6BC15D 100%);
    border-radius: 0 0 48px 0;
}
.bg-news-article .container-top-article img, .bg-news-podcast .container-top-podcast img {
    height: 528px;
    width: 100%;
    object-fit: cover;
    position: relative;
    top: 80px;
}
.bg-news-podcast {
    background: #204A00;
    border-radius: 0 0 48px 0;
}
.container-top-podcast .epsode-podcast {
    color: #ffffff;
}
.container-top-podcast .epsode-podcast h4 {
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
}
.container-top-podcast .epsode-podcast .author img {
    width: 14px;
    height: 19px;
    object-fit: none;
    position: inherit;
    margin: 7px 12px 0 0;
}
.container-top-podcast .epsode-podcast .author {
    display: flex;
    justify-content: flex-start;
}
.container-top-podcast .epsode-podcast .container-info {
    position: absolute;
    top: 380px;
    max-width: 600px;
    margin-left: 85px;
    margin-top: -110px;
}
.container-top-podcast .epsode-podcast .container-info h4 {
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
}
.container-top-podcast .epsode-podcast .container-info h2 {
    font-weight: 300;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 40px;
}
.container-top-podcast .epsode-podcast .logo-podcast {
    margin-top: -50px;
}
.container-top-podcast .epsode-podcast .logo-podcast img {
    height: auto;
    margin-right: 10px;
}
.container-single-news-default {
    padding: 120px 0;
}
.padding-bottom-null {
    padding-bottom: 0!important;
}
.padding-top-null {
    padding-top: 0!important;
}
.bg-off-article {
    background: transparent !important;
}
.container-single-news-default h1,
.container-single-news-default h2,
.container-single-news-default h3,
.container-single-news-default h4,
.container-single-news-default h5,
.container-single-news-default h6 {
    color: #222222;
    font-weight: 300;
    text-align: left !important;
}
.container-single-news-default .header-news strong {
    color: #A0A0A0;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}
.container-single-news-default .header-news img {
    margin-bottom: 12px;
    height: auto;
}

.container-single-news-default .header-news .share-modal-icon {
    width: auto;
}
.container-single-news-default .header-news .mrg-top {
    margin-top: 88px;
}

.container-single-news-default .header-news h1 {
    font-size: 40px;
    line-height: 125%;
    margin: 16px 0 40px 0;
}

.container-single-news-default .header-news .title-content {
    font-weight: 300;
    font-size: 40px!important;
    line-height: 125%;
    margin: 16px 0 64px 0;
}
.container-single-news-default .header-news .subtitle-1-content {
    font-weight: 300;
    font-size: 32px!important;
    line-height: 150%;
}

.container-single-news-default .header-news h5 {
    color: #666666;
    font-weight: normal;
    font-size: 20px;
    line-height: 175%;
}

.container-single-news-default .header-news .btn-location {
    background-color: transparent;
    border: 1px solid #3C7C00;
    box-sizing: border-box;
    border-radius: 12px;
    color: #3C7C00;
    font-weight: 600;
    padding: 8px 24px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-right: 10px;
    text-decoration: none;
}
.container-single-news-default .header-news .material-icons {
    font-size: 14px;
    margin-left: 12px;
}

.container-single-news-default p > small{
    color: #666666;
    font-weight: normal;
    font-size: 14px;
    line-height: 175%;
}
.container-single-news-default .episode-py {
    padding: 34px 0 80px 0;
}
.container-single-news-default .header-info img {
    object-fit: none;
    margin-right: 9px;
}
.container-single-news-default .share-md-icons .btn {
    padding: 0 !important;
}
.container-single-news-default .share-md-icons span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.container-single-news-default .header-info p {
    margin-bottom: 5px;
}
.container-single-news-default .share-md-icons input[type="text"] {
    position: absolute;
    top: 0;
    z-index: -1;
}
.swal2-styled.swal2-confirm {
    background-color: #3C7C00 !important;
}
.container-single-news-default .header-info p > a, .container-single-news-default .modal-body button > p {
    color: #3C7C00;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
}
.container-single-news-default .header-info .episode-date {
    float: left;
}
.container-single-news-default .header-info .transcription{
    float: right;
}
.container-single-news-default .header-info .transcription img {
    margin-bottom: 0;
}
/* .container-single-news-default .content-news {
    padding-bottom: 80px;
} */
.container-single-news-default .content-news p {
    font-size: 18px;
    line-height: 200%;
    color: #666666;
}
.container-single-news-default .content-news h5 {
    color: #666666;
    font-weight: normal;
    font-size: 18px;
    line-height: 200%;
}
.container-single-news-default .content-news h5 > small {
    font-size: 14px;
    line-height: 175%;
}
.container-single-news-default .content-news h5 > a {
    color: #3C7C00;
    font-weight: 600;
    text-decoration-line: underline;
}
.container-single-news-default h2,
.container-single-news-default h3,
.container-single-news-default h4,
.container-single-news-default h5 {
    line-height: 150%;
    margin: 64px 0 2px 0;
}
.container-single-news-default .content-news h2 {
    font-size: 32px;
}
.container-single-news-default .content-news h3 {
    font-size: 28px;
}

.container-single-news-default .content-news h4 {
    font-size: 24px;
}
.container-single-news-default .content-news h5 {
    color: #666666;
    font-weight: normal;
    font-size: 18px;
}
.table-experience .td-fix-exp-fit, .table-experience .td-fix-max-wdt{
    padding: 0;
    border-top: transparent;
}
.container-single-news-default .content-news ul,
.container-single-news-default .content-news ol {
    margin-top: 24px;
}
.container-single-news-default .content-news ul > li,
.container-single-news-default .content-news ol > li {
    color: #666666;
    font-size: 18px;
    line-height: 200%;
}
/* .container-single-news-default .content-news img{
    max-width: unset!important;
} */
.container-single-news-default .content-news img,
.container-single-news-default .content-news .media iframe, .single-sustainability-container iframe{
    margin: 64px 0 24px 0;
    width: 760px;
    position: relative;
    /* left: -6rem; */
    border-radius: 8px;
    max-width: unset;
}

/* .container-single-news-default .content-news img{
    left: -6rem;
} */
.container-single-news-default .img-fix-inst p > img{
    margin: 64px 0 24px 0;
    width: 100%!important;
    position: relative;
    left: -12rem;
    border-radius: 8px;
    max-width: unset;
}



.container-single-news-default .content-news .media iframe, .single-sustainability-container iframe {
    height: 426px;
}
@-webkit-keyframes fade-in-up {
    0% {
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
}

.container-single-news-default .content-news iframe {
    width: 100%;
    height: 426px;
    border-radius: 8px;
    margin: 40px 0;
    margin-top: 32px;
}

@keyframes fade-in-up {
    0% {
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.container-single-news-default .content-news .video.stuck {
    position: fixed;
    bottom: 20px;
    left: 20px;
    top: 256px;
    transform: translateY(100%);
    width: 260px;
    height: 145px;
    -webkit-animation: fade-in-up 0.25s ease forwards;
    animation: fade-in-up 0.25s ease forwards;
    z-index: 100;
}

.container-single-news-default .content-podcast iframe {
    margin-bottom: 64px;
}
.container-single-news-default .content-news hr {
    color:#DDDDDD;
    margin: 80px 0 24px 0;
}

.container-single-news-default .content-news .partners .partners-brand-wrapper {
    height: 64px;
    width: 115px;
    left: 0px;
    top: 0px;
    border-radius: 12px;
    margin: 0 24px 0 0;
}
.container-single-news-default .content-news .partners img {
    max-width: 115px;
    margin: 0 24px 0 0;
    width: 100%;
    border-radius: 12px;
    padding: 0;
    position: inherit;
}

.container-single-news-default .content-news .credit {
    padding-top: 80px;
    padding-bottom: 64px;
}
.container-single-news-default .content-news .credit p {
    font-weight: normal;
    font-size: 14px;
    line-height: 175%;
}
.container-single-news-default .content-news .credit p > small > span {
    color: #222222;
}
.container-single-news-default .content-news .material-icons {
    margin-left: 0;
    font-size: 16px;
    margin-right: 13px;
}
.container-single-news-default .content-news .btn-lg {
    background-color: #3C7C00;
    border-color: #3C7C00;
    border-radius: 12px;
    display: flex;
    align-items: center;
    font-size: 16px;
    padding: 8px 24px !important;
}
.container-single-news-default .content-news a {
    color: #3C7C00;
    text-decoration: none;
    text-decoration: underline;
    font-weight: 600;
}
.container-single-news-default .sidebar-media {

    z-index: 1;
}
.container-single-news-default .sidebar-media h4 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 40px;
}
.container-single-news-default .sidebar-media img {
    width: 74px;
    height: 74px;
    padding: 0;
    position: inherit;
    border-radius: 0;
    margin-right: 40px;
}
.container-single-news-default .sidebar-media p {
    color: #222222;
    line-height: inherit;
    font-size: 12px;
    line-height: 175%;
    margin-left: -20px;
}
.container-single-news-default .sidebar-media p > small {
    font-size: 12px;
    color: #666666;
    line-height: 150%;
}
.container-single-news-default .sidebar-media hr {
    color: #DDDDDD;
    margin: 1rem 0;
}

.container-single-news-default .sidebar-media .img-bg {
    object-fit: cover;
    position: relative;
    z-index:-1;
    display:block;
  }

.container-single-news-default .sidebar-media .btn-play{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    width: 24px;
    height: 24px;
    position: relative;
    left: -63px;
    top: 25px;
}

.container-single-news-default .sidebar-media .btn-play > img {
    margin: 0;
}

/*Modal*/
.modal-share-social .btn-close-modal {
    display: flex;
    justify-content: flex-end;
}
.modal-share-social .btn-close-modal .btn-close{
    background: transparent url("../img/single/btn-close.svg") center/1em auto no-repeat;
    border: 0;
    opacity: inherit;
    width: 18.67px !important;
    height: 18.67px !important;
    padding-left: 50px;
    padding-top: 50px;
}
.modal-share-social .modal-content {
border-radius: 0;
}
.modal-share-social .modal-dialog {
    margin: 0 !important;
}
.modal-share-social .modal-body {
    padding: 32px 26px;
}
.modal-share-social .modal-body .transcription {
    padding-top: 0 !important;
}
.modal-share-social .modal-body input[type="text"] {
    color: #222222;
    background: #F6F6F6;
    border: 0;
    border-radius: 16px;
    font-weight: normal;
    font-size: 16px;
    margin: 36px 0 27px 0;
    padding: 12px 16px;
    width: 100%;
}
.modal-share-social .modal-body h4 {
    margin-top: 0;
    font-size: 24px;
}

/*Modal*/
/*About Author*/
.about-author {
    /* padding: 120px 0 64px 0; */
    padding-bottom: 160px;
}
.about-author .container-author {
    background: #ffffff;
    border-radius: 0 48px 0 0;
}
.about-author .container-author .card-author-padding {
    padding: 40px 17px;
}
.about-author .container-author .row > div {
 border-top-right-radius: 50px;
 border: 1px solid #DDDDDD;
}
.about-author .container-author .row div {
 width: 100%;
}
.about-author .container-author strong {
    color: #666666;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}
.about-author .container-author h5 {
    color: #222222;
    font-weight: normal;
    font-size: 20px;
    line-height: 175%;
    margin: 24px 0;
}
.about-author .container-author p {
    color: #666666;
    font-weight: normal;
    font-size: 16px;
    line-height: 175%;
    max-width: 288px;
    margin: 0;
}
.about-author .container-author .info-author {
    margin-top: 60px;
    margin-bottom: 60px;
}
.about-author .container-author .pic-md-author {
    position: relative;
    bottom: -22px;
}
.about-author .container-author .pic-md-author img {
    max-width: 254px;
    width: 100%;
}

.about-author hr {
    color: #CCCCCC;
    margin: 80px 0 0 0;
}
/*About Author*/

/*Related issues*/
.tags-and-category a {
    text-decoration: none;
    margin-right: 1rem;
}
.tags-and-category h4 {
    margin-bottom: 32px;
}
.tags-and-category button {
    color: #3C7C00;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 11px 16px;
    background: #FFFFFF;
    border: 1px solid #F2F2F2;
    box-sizing: border-box;
    border-radius: 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 125%;
}
.tags-and-category button:hover {
    color: #204A00;
    background: #CFE1C0;
}
.tags-and-category button:focus {
    background: #FFFFFF;
    box-shadow: 0 0 0 0.25rem #3c7c0040;
}
/*Related issues*/

/*Listen Too*/
.listen-too {
    background: #FFFFFF;
    border-radius: 0px 48px;
    padding: 64px 0;
    margin-top: 120px;
}
.listen-too h4 {
    color: #222222;
    font-weight: 300;
    font-size: 24px;
    line-height: 150%;
}
.listen-too a {
    margin-right: 10px;
}
/*Listen Toos*/

/*Other Episodes*/
.py-other-episodes {
    padding-bottom: 160px;
    overflow: hidden;
}
.container-other-episodes h2 {
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    line-height: 150%;
    color: #222222;
    margin-bottom: 16px;
}
.container-other-episodes .card-article {
    padding: 32px 0;
    background-color: #ffffff;
    margin-right: 24px;
    height: 600px;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
}

.container-other-episodes .px-article {
    padding: 0 40px;
}
.container-other-episodes .card-article img {
    margin-bottom: 40px;
    width: 100%;
    margin-top: 32px;
    height: 184px;
    object-fit: cover;
}
.container-other-episodes .without-img {
    height: 364px;
}

.container-other-episodes .card-article small {
    color: #666666;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 32px;
    font-weight: bold;
}
.container-other-episodes .card-article p > strong {
    color: #222222;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 175%;
}
.container-other-episodes .card-article .text-title {
    font-size: 16px;
    line-height: 175%;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.container-other-episodes .card-article .text-article {
    color: #666666;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 175%;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 105px;
}
.container-other-episodes .card-article .components {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
}
.container-other-episodes .card-article .components p {
    color: #666666;
    font-size: 12px;
    margin-bottom: 0;
}
.container-other-episodes .card-article .components a {
    text-decoration: none;
}
.container-other-episodes .card-article .components .btn {
    color: #3C7C00;
    background-color: transparent;
    border: 0;
    padding: 0;
    position: relative;
    display: flex;
    align-items: end;
    top: 0;
    border-radius: 12px;
    border: 1px solid #3C7C00;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px;
    font-size: 14px;
}

.container-other-episodes .card-article .components .btn span{
    font-size: 14px;
    line-height: 1;
}
.container-other-episodes .card-article .components .material-icons {
    margin-left: 0;
    font-size: 14px;

}
.mosaic-news .card-article .components .btn .material-icons {
    margin-left: 0;
}
/*Other Episodes*/

/*Tutorials and Guides*/
.tutorials-and-guides {
    background: #222222;
    padding: 120px 0;
}
.tutorials-and-guides h4 {
    color: #FFFFFF;
    font-weight: 300;
    font-size: 32px;
    line-height: 150%;
}
.tutorials-and-guides button {
    color: #ffffff;
    background-color: transparent;
    border: 0;
    padding: 0;
    display: flex;
    align-items: end;
    margin-top: 24px;
}
.tutorials-and-guides a {
    color: transparent;
    text-decoration: none;
}
.tutorials-and-guides button:hover {
    color: #ffffff;
    background-color: transparent;
    border: 0;
}

.tutorials-and-guides h4 .arrows {
    float: right;
}
.tutorials-and-guides h4 .slick-prev {
    margin-right: 16px;
}
.tutorials-and-guides h4 .slick-next,
.tutorials-and-guides h4 .slick-prev {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-top: 56px;
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
    cursor: pointer;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    text-align: center;
    transition: all 0.5s;
    border-radius: 16px;
}

.tutorials-and-guides h4 .slick-next:before {
    content: "\f1df";
}

.tutorials-and-guides h4 .slick-prev:before {
    content: "\f1e6";
}

.tutorials-and-guides .slick-carousel {
    padding-top: 48px;
}
.tutorials-and-guides .slick-carousel .card-media .img-bg {
    max-width: 410px;
    width: 100%;
    height: 494px;
    object-fit: cover;
}
.tutorials-and-guides .slick-carousel .card-media {
    color: #ffffff;
}

.tutorials-and-guides .slick-carousel .card-media .card-body h3 {
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
}

.tutorials-and-guides .slick-carousel .card-media .card-body p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 175%;
}

.tutorials-and-guides .slick-carousel .card-media .card-body .btn-play {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 16px;
    max-width: 48px;
    margin: 120px 0;
}
.tutorials-and-guides .slick-carousel .card-media {
    border: 0px;
    align-items: center;
    height: 500px;
    display:inline-block;
    background: -moz-linear-gradient(top, rgba(177 177 177 / 20%) 0%, rgba(0 0 0 / 70%) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0 0 0 / 70%)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(177 177 177 / 20%) 0%,rgba(0 0 0 / 70%) 100%);
    background: -o-linear-gradient(top, rgba(177 177 177 / 20%) 0%,rgba(0 0 0 / 70%) 100%);
    background: -ms-linear-gradient(top, rgba(177 177 177 / 20%) 0%,rgba(0 0 0 / 70%) 100%);
    background: linear-gradient(to bottom, rgba(177 177 177 / 20%) 0%,rgba(0 0 0 / 70%) 100%);
    max-width: 410px;
    margin-right: 10px;
}
.tutorials-and-guides .slick-carousel .card-media .img-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position:relative;
    z-index:-1;
    display:block;
}
.tutorials-and-guides .slick-carousel .card-media .card-body {
    z-index: 1;
    margin-top: -460px;
    padding: 0;
}
.tutorials-and-guides .slick-carousel .card-media .card-body .px-article {
    padding: 0 40px;
}
.tutorials-and-guides .slick-carousel .card-media .card-body .px-article p{
    font-weight: 600;
    font-size: 16px;
    line-height: 175%;
    max-width: 216px;;
}
.tutorials-and-guides .slick-carousel .card-media .card-body .component {
    padding: 0 40px;
    margin-top: 16px;
}
.tutorials-and-guides .slick-carousel .card-media .card-body .component button{
    position: inherit;
    top: inherit;
}
.tutorials-and-guides .slick-carousel .card-media .card-body .component .material-icons{
    margin-left: 0;
    margin-right: 10px;
}
/*Tutorials and Guides*/

@media (min-width: 1024px) {
    .share-sm-icons {
        display: none;
    }
    .container-author .pic-sm-author {
        display: none;
    }

    .display-sm-sidebar {
        display: none;
    }
}

@media (max-width: 1024px) {
    .container-single-news-default .header-info p > a {
        font-size: 16px;
    }
    .container-single-news-default .content-news img,
    .container-single-news-default .content-news .media iframe {
        /* left: -8rem; */
        width: 640px;
    }
    .share-sm-icons {
        display: none;
    }
    .container-author .pic-sm-author {
        display: none;
    }
    .bg-news-article .container-top-article img, .bg-news-podcast .container-top-podcast img {
        height: auto;
    }
    .container-top-podcast .epsode-podcast .container-info h2 {
        margin-bottom: 10px;
    }
    .container-top-podcast .epsode-podcast .container-info {
        top: 215px;
    }
    .container-top-podcast .epsode-podcast .author {
        margin-top: 30px;
    }
    .about-author .container-author p {
        max-width: 220px;
    }

}
@media (max-width: 820px) {
    .container-single-news-default .content-news .media iframe {
        width: 450px;
        margin-top: 24px;

    }
}
@media (max-width: 768px) {
    .container-single-news-default .content-news iframe {
        height: 300px;
    }
    .container-other-episodes .card-article .text-article {
        height: 103px;
    }
    .container-single-news-default .content-news img,
    .container-single-news-default .content-news .media iframe {
        position: inherit;
        width: 100%;
    }

    .container-single-news-default .content-news .media iframe {
        height: 190px;
        width: 450px;
    }

    .container-single-news-default .header-news h1 {
        font-size: 28px;
    }
    .container-single-news-default .header-news h5 {
        font-size: 16px;
    }
    .container-single-news-default .content-news h2 {
        font-size: 24px;
    }
    .container-single-news-default .content-news h3 {
        font-size: 20px;
    }
    .container-single-news-default .content-news h4 {
        font-size: 18px;
    }
    .container-single-news-default .content-news h5 {
        font-size: 16px;
    }
    .container-single-news-default .content-news ul > li {
        font-size: 16px;
    }
   /*  .container-single-news-default .sidebar-media {
        padding-top: 64px;
        padding-bottom: 64px;
    } */
    .container-single-news-default .header-info .episode-date {
        float: none;
    }
    .container-single-news-default .header-info .transcription {
        float: none;
    }
    .about-author .container-author p {
        font-size: 14px;
        margin-left: 25px;
        width: 100%;
    }
    .about-author .container-author .info-author {
        margin: 0;
    }
    .about-author .container-author .pic-md-author {
        position: inherit;
    }
    .container-single-news-default, .container-single-news-default .sidebar-media {
        background: transparent;
    }
    .container-top-podcast .epsode-podcast .logo-podcast {
        display: none;
    }
    .container-top-podcast .epsode-podcast .container-info {
        top: 230px;
        margin-left: 45px;
    }
    .container-top-podcast .epsode-podcast .container-info .epsode h2{
        font-size: 14px;
        margin: 0;
    }
    .container-top-podcast .epsode-podcast .container-info {
        max-width: 300px;
    }
    .display-sm-sidebar {
        display: none;
    }
    .default-arrows .arrows,
    .container-more-nutrien #services-arrows span,
    .container-other-episodes #services-arrows span {
        display: none;
    }
}
@media (max-width: 540px) {
    .modal.modal-banner-video .modal-body iframe{
        height: 450px;
    }
    .container-single-news-default .share-md-icons span {
        display: none;
    }
    .mobile-share {
        display: block!important;
    }
    .container-single-news-default .content-news iframe {
        height: 200px;
    }


    .bg-news-movie , .bg-news-article , .bg-news-podcast {
        margin-top: 72px;
    }
    .container-single-news-default .header-info .transcription {
        padding-top: 40px;
    }
    .share-sm-icons {
        display: block;
        margin-right: 30px;
        padding: 0;
    }
    .container-single-news-default .header-info {
        padding-bottom: 48px;
    }
    .about-author .container-author p {
        max-width: inherit;
        font-size: 14px;
        margin-left: 0;
    }
    .about-author {
        padding-left: 24px;
        padding-right: 24px;
    }
    .about-author .container-author {
        padding: 40px 32px 0 32px;
    }
    .about-author .container-author h5 {
        font-size: 16px;
    }
    .container-author .pic-md-author {
        display: none;
    }
    .container-author .pic-sm-author {
        display: flex;
        justify-content: center;
    }
    .container-author .info-author {
        margin-bottom: 36px !important;
    }
    .bg-news-article .container-top-article img, .bg-news-podcast .container-top-podcast img {
        top: 20px;
    }
    .logo-podcast {
        display: none;
    }
    .container-top-podcast .epsode-podcast .container-info {
        top: 170px;
        left: 60px;
        max-width: 200px;
    }
    .container-single-news-default {
        padding: 40px 26px 70px 26px;
    }
    .container-top-podcast .epsode-podcast .container-info .epsode {
        display: none;
    }
    .container-single-news-default .sidebar-media {
        display: none;
    }
    .display-sm-sidebar {
        display: inherit;
        background: #F6F6F6;
    }
    .display-sm-sidebar hr {
        color: #DDDDDD;
    }
    .container-top-movie iframe {
        height: 280px;
        top: 20px;
    }
    .tags-and-category a {
        margin-top: 10px;
    }
    .tutorials-and-guides h4 .arrows {
        display: none;
    }

    .container-single-news-default .content-news .media iframe {
        height: 220px;
        width: 380px;
    }
    .container-single-news-default .header-news .title-content {
        font-size: 28px!important;
    }
}
@media (max-width: 414px) {
    .container-top-podcast .epsode-podcast .container-info {
        top: 135px;
        left: 38px;
        margin-left: -7px;
    }
    .container-top-podcast .epsode-podcast .container-info .author p{
        font-size: 10px;
        font-weight: 400;
        line-height: 15px;
    }
    .container-top-podcast .epsode-podcast .container-info .author p strong{
        font-size: 14px;
        font-weight: 700;
        line-height: 21px;
    }
    .container-top-movie iframe {
        max-height: 200px;
    }
    .container-single-news-default .content-news .media iframe {
        width: 352px;
    }
}
@media (max-width: 390px) {
    .container-single-news-default .content-news .media iframe {
        width: 323px;
    }
}
@media (max-width: 375px) {
    .container-top-movie iframe {
        max-height: 180px;
    }
    .container-single-news-default .content-news .media iframe {
        width: 299px;
    }
}
@media (max-width: 360px) {
    .container-top-podcast .epsode-podcast .author p {
        font-size: 10px;
    }
    .container-top-podcast .epsode-podcast .author strong {
        font-size: 14px;
    }
}

@media (max-width: 360px) {
    .container-other-episodes .card-article .text-article {
        height: 103px;
    }
}
@media (max-width: 320px) {
    .container-single-news-default .content-news .media iframe {
        width: 290px;
    }
}
/*Single News*/