.heading-font {
     font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
     font-weight: 200;
     letter-spacing: 1px;
 }

 .body-font {
     font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
 }

 .alt-font {
     font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
     text-transform: uppercase;
     letter-spacing: 2px;
 }

 html,
 body {
     height: 100%;
     width: 100%;
     background-color: white;
 }

 body {
     font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
     background-color: white;
 }

 a {
     -webkit-transition: all 0.35s;
     -moz-transition: all 0.35s;
     transition: all 0.35s;
     color: #efe70a;
 }

 a:hover,
 a:focus {
     color: #fa6c03;
 }

 hr {
     max-width: 100px;
     margin: 25px auto 0;
     border-width: 1px;
     border-color: rgba(34, 34, 34, 0.1);
 }

 hr.light {
     border-color: white;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
     font-weight: 600;
     letter-spacing: 1px;
     text-align: center;
 }

 p {
     font-size: 2.125rem;
     line-height: 1.5;
     margin-bottom: 18px;
     text-align: left;
     font-family: 'nyt-imperial','georgia','times new roman','times',serif;
     line-height: 3.5625rem;
     color: #333;
 }
   .fototexto{
    width: 100%;
    margin-bottom: 40px;
    margin-top: 40px;
    
}

 header {
     position: relative;
     width: 100%;
     height: auto;
     background-color: black;
 }

 /*.navbar {
  position: fixed;
  width: 100%;
  height: 500px;
  z-index: 999;
}
*/
 .main-m:hover,
 .main-m:focus,
 .main-m:active {
     opacity: .8;
 }

 .navbar-default {
     /*  border-color: rgba(34, 34, 34, 0.05);*/
     -webkit-transition: all 0.35s;
     -moz-transition: all 0.35s;
     height: 58px;
     transition: all 0.35s;
     font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
     font-weight: 200;
     letter-spacing: 1px;
     /*  background-color:rgba(23, 170, 221, 0.3);*/
 }

 .navbar-header {
     width: 15%;
     height: auto;
     cursor: pointer;
     transition: background 1s;
     background-color: transparent;
 }

 .navbar-header p {
     color: transparent;
 }

 .navbar-toggle {
     position: absolute;
     right: 0;
 }

 .navbar-collapse {
     width: auto;
     background-color: transparent;
 }

 .navbar-default .navbar-header .navbar-brand {
     font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
     font-weight: 200;
     letter-spacing: 1px;
     color: #2fb0c3;
 }

 .navbar-default .navbar-header .navbar-brand:hover,
 .navbar-default .navbar-header .navbar-brand:focus {
     color: #2fb0c3;
 }

 .navbar-default .navbar-header .navbar-toggle {
     font-size: 12px;
     color: #222222;
     padding: 8px 10px;
     background-color: #fff;
 }

 .navbar-default .nav > li > a {
     font-family: 'Raleway', sans-serif;
     text-transform: none;
     letter-spacing: 2px;
     font-size: 14px;
 }

 .navbar-default .nav > li > a,
 .navbar-default .nav > li > a:focus {
     color: white;
 }

 .navbar-default .nav > li > a:hover,
 .navbar-default .nav > li > a:focus:hover {
     color: #fa6c03 !important;
 }

 .navbar-default .nav > li.active > a,
 .navbar-default .nav > li.active > a:focus {
     color: #fa6c03 !important;
     background-color: transparent;
 }

 .navbar-default .nav > li.active > a:hover,
 .navbar-default .nav > li.active > a:focus:hover {
     background-color: transparent;
 }

 .navbar_logo {
     position: relative;
     top: -16px;
     width: auto;
     height: 50px;
 }

 .titleWhite {
     color: white;
     padding: 10px;
 }

 .btn-gold {
     height: 50px;
     transition: color 1s;
     background-color: #2fb0c3;
     transition: background-color 1s;
 }

 .btn-gold:hover {
     color: #2fb0c3;
     background-color: white;
 }

 .btn-gold > span {
     position: relative;
     top: -3px;
 }

 .btnPodiumVideo {
     display: inline-block;
     position: relative;
     width: 150px;
     top: -5px;
 }

 @media (max-width: 900px) {
     .btnPodiumVideo {
         display: none;
     }

     .btn-gold {
         background-color: transparent;
     }

     #mainNav {
         background-color: #000;
     }

     .navbar-default .nav > li.active > a,
     .navbar-default .nav > li.active > a:focus {
         color: #efe70a !important;
     }

     .magPrev-background {
         margin-top: 25px;
     }
 }

 @media only screen and (max-width: 767px) {
     .navbar-nav {
         margin: 2.5px -15px;
         background-color: #000;
     }

     .navbar-default .navbar-collapse,
     .navbar-default .navbar-form {
         border-color: transparent;
         box-shadow: none;
     }

     .main-m:hover,
     .main-m:focus,
     .main-m:active {
         color: #fa6c03 !important;
         opacity: 1;
     }

     .mt-4 {
         padding-left: 15px;
     }
 }

 .btnBlack {
     color: #2fb0c3;
     background-color: black;
 }

 .btnGoldie {
     transition: color 1s;
     transition: background-color 1s;
     color: black;
     background-color: #2fb0c3;
 }

 .btnGoldie:hover {
     color: #2fb0c3;
     background-color: black;

 }


 /* -- Slider -- */

 #myCarousel {
     padding-top: 50px;
 }

 /* -- Magazine Preview --*/

 .cont-magPreview {
     width: 100%;
     height: auto;
     margin-top: 48px;
 }


 .magPrev-background {
     position: relative;
     width: 100%;
     height: auto;
     margin-top: -19px;
 }

 .magPrev-btn {
     position: absolute;
     width: 150px;
     height: 40px;
     bottom: 4%;
     left: 45%;
     right: 50%;
     color: white;
     background-color: #c58322;
     transition: color 1s;
     transition: background-color 1s;
     line-height: 25px;
     border: 1px solid #fff;
 }

 @media (max-width: 630px) {
     .magPrev-btn {
         left: 30%;
         bottom: 10%;
     }


 }

 .magPrev-btn:hover {
     color: #2fb0c3;
     background-color: white;

 }

 /* --- Article Cards --*/

 .paddingMinimum {
     padding-right: 5px;
     padding-left: 0px;
     padding-bottom: 5px;
 }

 .gart-img {
     display: block;
     margin: 20px auto;
     width: 100%;
     height: auto;
 }

 .art01 h4 {
     margin: 30px 0px 40px 0;
     color: #666666;
     font-weight: 400;
 }

 .art01 h5 {
     color: #2fb0c3;
 }

 .art02 h4 {
     margin: 40px 0px 40px 0;
     color: #5595a3;
     font-weight: 400;
 }

 .art02 h5 {
     color: #0062ad;
 }

 .art03 h4 {
     margin: 30px 0px 40px 0;
     color: #37316b;
     font-weight: 400;
 }

 .art04 h4 {
     margin: 30px 0px 40px 0;
     color: #464d63;
     font-weight: 400;
 }

 .art05 h4 {
     margin: 30px 0px 40px 0;
     color: #9fa289;
     font-weight: 400;
 }

 .art06 h4 {
     margin: 30px 0px 40px 0;
     color: #ec5a30;
     font-weight: 400;
 }

 .art07 h4 {
     margin: 30px 0px 40px 0;
     color: #37316b;
     font-weight: 400;
 }

 .art08 h4 {
     margin: 30px 0px 40px 0;
     color: #ea436f;
     font-weight: 400;
 }

 .art09 h4 {
     margin: 30px 0px 40px 0;
     color: #7f8093;
     font-weight: 400;
 }

 .art10 h4 {
     margin: 30px 0px 40px 0;
     color: #77ab95;
     font-weight: 400;
 }

 .art11 h4 {
     margin: 30px 0px 40px 0;
     color: #8c0025;
     font-weight: 400;
 }

 /* --- Modals --*/

 .modal-dialog {

     width: 65%;
 }

 .modal-header {
     text-transform: uppercase;
 }

 .modal-body {
     width: 80%;
     display: block;
     margin: auto;
 }

 .modal-body > h3,
 h4 {
     text-transform: uppercase;
     color: #c29b02;
     font-size: 14px;
     font-weight: bold;
     line-height: 20px;
     text-align: left;
 }

 .modal-body > h4 {
     text-transform: uppercase;
     color: #c29b02;
     font-size: 14px;
     font-weight: bold;
     line-height: 20px;
 }

 .source {
     margin-top: 20px;
     margin-bottom: 30px;
 }

 .source h5,
 span {
     text-align: left;
     color: #000;
 }

 .source a {
     cursor: pointer;
 }

 .source a > span {
     text-align: left;
     color: #000;
     transition: all 1s;
 }

 .source a > span:hover {
     color: #d87367;
 }



 .modal p {
     font-size: 15px;
     text-align: left;
     color: #333333;
 }

 .quotes {
     display: block;
     margin: 0 auto 75px auto;
     width: 50%;
 }

 .quotes img {
     display: inline-block;
     width: 50px;
     height: auto;
 }

 .quotes h4 {
     font-size: 20px;
     display: inline-block;
 }

 .quotes h5 {
     display: block;
     margin-top: 65px;
     text-align: right;
     color: #010535;
 }

 .quotes > .quo01 {
     float: left;
 }

 .quotes > .quo02 {
     float: right;
 }

 p.italic {
     font-style: italic;
 }

 .cont-modalImg-large {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: auto;
 }

 .cont-modalImg-large > img {
     display: block;
     position: relative;
     width: 100%;
     height: auto;
 }

 .cont-modalImg-large > h2 {

     position: absolute;
     top: 50px;
     right: 35px;
     text-align: right;
     text-transform: uppercase;
     text-shadow: 1px 1px 2px black;
     color: white;
 }

 .carousel-control {
     background-color: rgba(0, 0, 0, 0.5);

 }

 .thumbCarousel-inner {
     display: block;
     margin: auto;
     display: relative;
     left: 12%;
 }


 .bannerSlider a {}

 .bannerSlider a > img {
    width: 63%;
    padding: 10px;
}
 @media (max-width: 1180px) {
     .thumbCarousel-inner {
         left: 0%;
     }


 }



 .thumbCarousel-controllers {
     display: relative;
     margin-top: 100px;

 }


 .podium_large {
     width: 250px;
     height: auto;
     display: block;
     margin: auto;
 }

 /* Hover Effect */

 .hovereffect {
     width: 100%;
     height: 100%;
     float: left;
     overflow: hidden;
     position: relative;
     text-align: center;
     cursor: default;
 }

 .hovereffect .overlay {
     width: 100%;
     height: 100%;
     position: absolute;
     overflow: hidden;
     top: 0;
     left: 0;
 }

 .hovereffect img {
     display: block;
     position: relative;
     -webkit-transition: all 0.4s ease-in;
     transition: all 0.4s ease-in;
 }

 .hovereffect:hover img {
     filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
     filter: grayscale(1) blur(4px);
     -webkit-filter: grayscale(1) blur(4px);
     -webkit-transform: scale(1.2);
     -ms-transform: scale(1.2);
     transform: scale(1.2);
 }

 .hovereffect h2 {
     text-transform: uppercase;
     text-align: center;
     position: relative;
     font-size: 17px;
     padding: 10px;
     background: rgba(0, 0, 0, 0.6);
 }

 .hovereffect a.info {
     display: inline-block;
     text-decoration: none;
     padding: 7px 14px;
     border: 1px solid #fff;
     margin-top: 50%;
     background-color: #000;
     cursor: pointer;
 }

 .hovereffect a.info:hover {
     box-shadow: 0 0 5px #fff;
 }

 .hovereffect a.info,
 .hovereffect h2 {
     -webkit-transform: scale(0.7);
     -ms-transform: scale(0.7);
     transform: scale(0.7);
     -webkit-transition: all 0.4s ease-in;
     transition: all 0.4s ease-in;
     opacity: 0;
     filter: alpha(opacity=0);
     color: white;
     text-transform: uppercase;
 }

 .hovereffect:hover a.info,
 .hovereffect:hover h2 {
     opacity: 1;
     filter: alpha(opacity=100);
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
 }

 /* Ends Hover Effect */



 /* -- Media Queries --*/

 @media (min-width: 768px) {
     .navbar-default {
         /*background-color: rgba(216, 115, 103, 0.6);*/
         background-color: #2fb0c3;
         border-color: transparent;
     }

     .navbar-default .navbar-header .navbar-brand {
         color: rgba(255, 255, 255, 0.7);
     }

     .navbar-default .navbar-header .navbar-brand:hover,
     .navbar-default .navbar-header .navbar-brand:focus {
         color: white;
     }

     .navbar-default .nav > li > a,
     .navbar-default .nav > li > a:focus {
         color: white;
     }

     .navbar-default .nav > li > a:hover,
     .navbar-default .nav > li > a:focus:hover {
         color: white !important;
     }

     .navbar-default.affix {
         /*background-color: #d87367;*/
         /*
    background-color: #000;
    border-color: rgba(34, 34, 34, 0.1);
*/
     }

     .navbar-default.affix .navbar-header .navbar-brand {
         color: #222222;
     }

     .navbar-default.affix .navbar-header .navbar-brand:hover,
     .navbar-default.affix .navbar-header .navbar-brand:focus {
         color: white;
     }

     .navbar-default.affix .nav > li > a,
     .navbar-default.affix .nav > li > a:focus {
         color: #fff;
     }

     .navbar-default.affix .nav > li > a:hover,
     .navbar-default.affix .nav > li > a:focus:hover {
         color: white;
     }
 }

 .navbar-default .navbar-nav > li > a {
     color: #fff;
     font-size: 19px;
     font-family: 'Noto Sans', sans-serif !important;
 }

 @media (min-width: 768px) {
     header {}

     header .header-content {
         text-align: left;
         padding: 0;
         height: 100vh;
     }

     header .header-content .header-content-inner {
         max-width: none;
         margin: 0;
         position: absolute;
         top: 50%;
         transform: translateY(-50%);
     }

     header .header-content .header-content-inner h1 {
         font-size: 35px;
     }

     header .device-container {
         max-width: none;
         max-height: calc(0vh);
         margin: 100px auto 0;
     }
 }

 section {
     padding: 50px 0;
 }

 section h2 {
     font-size: 50px;
 }

 footer {
     background-color: #000;
     padding: 25px 0;
     color: rgba(255, 255, 255, 0.5);
     text-align: center;
 }

 footer p {
     font-size: 12px;
     margin: 0;
 }

 footer ul {
     margin-bottom: 0;
 }

 footer ul li a {
     font-size: 12px;
     color: rgba(255, 255, 255, 0.3);
 }

 footer ul li a:hover,
 footer ul li a:focus,
 footer ul li a:active,
 footer ul li a.active {
     text-decoration: none;
 }

 .bg-primary {
     background: #b8ac78;
     background: -webkit-linear-gradient(#fdcc52, #fdc539);
     background: linear-gradient(#fdcc52, #fdc539);
 }

 .text-primary {
     color: #fdcc52;
 }

 .no-gutter > [class*='col-'] {
     padding-right: 0;
     padding-left: 0;
 }

 .btn-outline {
     color: white;
     border-color: white;
     border: 1px solid;
 }

 .btn-outline:hover,
 .btn-outline:focus,
 .btn-outline:active,
 .btn-outline.active {
     color: white;
     background-color: #fdcc52;
     border-color: #fdcc52;
 }

 .btn {
     font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
     text-transform: uppercase;
     letter-spacing: 2px;
     border-radius: 300px;
 }

 .btn-xl {
     padding: 15px 45px;
     font-size: 11px;
 }

 ::-moz-selection {
     color: white;
     text-shadow: none;
     background: #8E959E;
 }

 ::selection {
     color: white;
     text-shadow: none;
     background: #8E959E;
 }

 img::selection {
     color: white;
     background: transparent;
 }

 img::-moz-selection {
     color: white;
     background: transparent;
 }

 body {
     webkit-tap-highlight-color: #8E959E;
 }

 /*Estilos añadidos por Xime*/
 .pl-0 {
     padding-left: 0 !important;
 }

 .pr-0 {
     padding-right: 0 !important;
 }

 .ft-source {
     color: #ee5f47;
     font-size: 21px;
     font-weight: 600;
 }

 .ft-source:hover,
 .ft-source:active,
 .ft-source:focus {
     color: #5b6f88;
     text-decoration: none;
 }

 .ft-source2 {
     color: #add777;
     font-size: 21px;
     font-weight: 600;
 }

 .ft-source2:hover,
 .ft-source2:active,
 .ft-source2:focus {
     color: #316886;
     text-decoration: none;
 }

 .ft-source3 {
     color: #37316b;
     font-size: 21px;
     font-weight: 600;
 }

 .ft-source3:hover,
 .ft-source3:active,
 .ft-source3:focus {
     color: #ea4850;
     text-decoration: none;
 }

 .ft-source4 {
     color: #464d63;
     font-size: 21px;
     font-weight: 600;
 }

 .ft-source4:hover,
 .ft-source4:active,
 .ft-source4:focus {
     color: #c3d489;
     text-decoration: none;
 }

 .ft-source6 {
     color: #ec5a30;
     font-size: 21px;
     font-weight: 600;
 }

 .ft-source6:hover,
 .ft-source6:active,
 .ft-source6:focus {
     color: #f7bf54;
     text-decoration: none;
 }

 .ft-source7 {
     color: #d83f48;
     font-size: 21px;
     font-weight: 600;
 }

 .ft-source7:hover,
 .ft-source7:active,
 .ft-source7:focus {
     color: #f7bf54;
     text-decoration: none;
 }

 .ft-source9 {
     color: #39b7ee;
     font-size: 21px;
     font-weight: 600;
 }

 .ft-source9:hover,
 .ft-source9:active,
 .ft-source9:focus {
     color: #5c6f89;
     text-decoration: none;
 }

 .mt-4 {
     margin-top: 5px;
 }

 .myFloated {
     float: left;
     position: relative;
     top: -0.30em;
     margin-top: 0;
     margin-left: 15px;
     margin-right: 5px;
     margin-bottom: -0.9em;
     line-height: normal;
     font-weight: bold;
     padding: 0 2px 20px 2px;
     font-size: 80px;
     font-family: 'Playfair Display', serif;
 }

 .color1 {
     color: #ed6254 !important;
 }

 .color2 {
     color: #316886 !important;
 }

 .color3 {
     color: #ea4850 !important;
 }

 .color4 {
     color: #b0bc9a !important;
 }

 .color5 {
     color: #9fa289 !important;
 }

 .color6 {
     color: #ec5a30 !important;
 }

 .color7 {
     color: #f7bf54 !important;
 }

 .color8 {
     color: #ea436f !important;
 }

 .color9 {
     color: #39b7ee !important;
 }

 /**/
 blockquote {
     text-align: center;
     font-size: 20px;
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     position: relative;
     quotes: "\201C""\201D""\2018""\2019";
     border-left: none;
     margin: 0 0 25px 0;
     padding: 15px 20px;
 }

 blockquote:after {
     color: #ccc;
     font-family: Source Sans Pro;
     content: open-quote;
     font-size: 80px;
     position: absolute;
     left: 50%;
     bottom: calc(100% - 20px);
     background: #fff;
     height: 55px;
     width: 55px;
     line-height: normal;
     text-align: center;
     transform: translateX(-50%);
 }

 blockquote p {
     padding: 20px;
 }

 blockquote .qoute-subtitle {
     text-align: center;
     display: block;
     font-size: 15px;
     color: #646464;
     font-weight: 400;
     font-style: normal;
     margin-top: 22px;
 }

 .mt-mb-img {
     margin-top: 25px;
     margin-bottom: 35px;
 }

 /**/
 .zoom-icon,
 .zoom-icon-in {
     display: none !important;
 }

 /**/
 .mb-0 {
     margin-bottom: 0 !important;
 }

 .m-art2 {
     margin: 20px 0 40px 0;
 }

 /**/
 .square-r {
     position: relative;
     width: 100%;
     height: 100%;
     margin: 40px 0px;
     padding: 10px;
 }

 .square-r:after {
     display: block;
     content: "";
     width: 20px;
     height: 20px;
     position: absolute;
     top: -20px;
     right: -5px;
 }

 .square-color1:after {
     border-top: 3px solid #ed6254;
     border-right: 3px solid #ed6254;
 }

 .square-color1:before {
     border-bottom: 3px solid #ed6254;
     border-left: 3px solid #ed6254;
 }

 .square-color2:after {
     border-top: 3px solid #316886;
     border-right: 3px solid #316886;
 }

 .square-color2:before {
     border-bottom: 3px solid #316886;
     border-left: 3px solid #316886;
 }

 .square-color7:after {
     border-top: 3px solid #37316b;
     border-right: 3px solid #37316b;
 }

 .square-color7:before {
     border-bottom: 3px solid #37316b;
     border-left: 3px solid #37316b;
 }

 .square-color8:after {
     border-top: 3px solid #f9c356;
     border-right: 3px solid #f9c356;
 }

 .square-color8:before {
     border-bottom: 3px solid #f9c356;
     border-left: 3px solid #f9c356;
 }

 .square-r:before {
     display: block;
     content: "";
     width: 20px;
     height: 20px;
     position: absolute;
     bottom: -5px;
     left: -5px;
 }

 .text-frame {
     color: #6788A6 !important;
     font-family: 'Crimson Text', serif;
     font-size: 30px !important;
     line-height: 32px;
     text-align: center !important;
     font-weight: 700;
 }

 .text-frame2 {
     color: #999999 !important;
     font-family: 'Crimson Text', serif;
     font-size: 30px !important;
     line-height: 32px;
     text-align: center !important;
     font-weight: 700;
 }

 .text-frame8 {
     color: #272425 !important;
     font-family: 'Crimson Text', serif;
     font-size: 30px !important;
     line-height: 32px;
     text-align: center !important;
     font-weight: 700;
 }

 .txt-l {
     text-align: left !important;
 }

 .txt-r {
     text-align: right !important;
 }

 .inter-ico {
     color: #c3d489;
     font-weight: 600;
     font-size: 21px;
 }

 .inter-ico2 {
     color: #f7bf54;
     font-weight: 600;
     font-size: 21px;
 }

 .d-none-xl {
     display: none;
 }

 @media (max-width: 1250px) {
     .d-sm-none {
         display: none !important;
     }

     .d-none-xl {
         display: block !important;
     }
 }

 /**/
 .round {
     position: absolute;
     border: 3px solid #fff;
     width: 70px;
     height: 70px;
     border-radius: 100%;
     margin-top: -80px;
     left: 48%;
 }

 .ar-s {
     z-index: 999;
     height: 3px;
     margin: 1px;
     width: 20px;
     background: #fff;
     transition: 0.4s ease;
 }

 .ar-s:first-child {
     display: block;
     position: absolute;
     transform: rotate(45deg);
     left: 25%;
     bottom: 35%;
 }

 .ar-s:nth-child(2) {
     display: block;
     position: absolute;
     transform: rotate(-45deg);
     left: 45%;
     bottom: 35%;
 }

 .ar-s:nth-child(3) {
     display: block;
     position: absolute;
     transform: rotate(45deg);
     left: 25%;
     bottom: 54%;
 }

 .ar-s:nth-child(4) {
     display: block;
     position: absolute;
     transform: rotate(-45deg);
     left: 45%;
     bottom: 54%;
 }

 .round:hover .ar-s:nth-child(1) {
     transform: rotate(-135deg);
 }

 .round:hover .ar-s:nth-child(2) {
     transform: rotate(135deg);
 }

 .round:hover .ar-s:nth-child(3) {
     transform: rotate(225deg);
 }

 .round:hover .ar-s:nth-child(4) {
     transform: rotate(-225deg);
 }

 /*Nuevos estilos de viaje*/
 div#Art01 {
     width: 300px;
     height: 250px;
 }

 div#Art01be {
     width: 300px;
     height: 250px;
 }

 div#Art02be {
     width: 300px;
     height: 250px;
 }

 div#Art03be {
     width: 300px;
     height: 250px;
 }

 div#Art04be {
     width: 300px;
     height: 250px;
 }

 div#Art05be {
     width: 300px;
     height: 250px;
 }

 div#Art06be {
     width: 300px;
     height: 250px;
 }

 div#Art07be {
     width: 300px;
     height: 250px;
 }

 div#Art08be {
     width: 300px;
     height: 250px;
 }

 div#Art09be {
     width: 300px;
     height: 250px;
 }

 div#Art10be {
     width: 300px;
     height: 250px;
 }

 div#Art11be {
     width: 300px;
     height: 250px;
 }

 div#Art12be {
     width: 300px;
     height: 250px;
 }

 div#Art02a {
     width: 300px;
     height: 250px;
 }

 div#Art03 {
     width: 300px;
     height: 250px;
 }

 div#Art04 {
     width: 300px;
     height: 250px;
 }

 div#Art05 {
     width: 300px;
     height: 250px;
 }

 div#Art06 {
     width: 300px;
     height: 250px;
 }

 div#Art07 {
     width: 300px;
     height: 250px;
 }

 div#Art09 {
     width: 300px;
     height: 250px;
 }

 div#Art10 {
     width: 300px;
     height: 250px;
 }

 div#Art11 {
     width: 300px;
     height: 250px;
 }

 div#Art12 {
     width: 300px;
     height: 250px;
 }

/*Nuevos estilos responsive*/
@media only screen and (max-width: 700px) {
p.antsig02 {
/*    background-color: magenta;*/
    margin: 15px;
 }
}
@media only screen and (max-width: 700px) {
div#Art01be {
    width: 300px;
    height: 250px;
    margin-left: 35px;
}
div#Art02be {
    width: 300px;
    height: 250px;
    margin-left: 35px;
}
div#Art03be {
    width: 300px;
    height: 250px;
    margin-left: 35px;
}
div#Art04be {
    width: 300px;
    height: 250px;
    margin-left: 35px;
}
div#Art05be {
    width: 300px;
    height: 250px;
    margin-left: 35px;
} 
div#Art06be {
    width: 300px;
    height: 250px;
    margin-left: 35px;
}
div#Art07be {
    width: 300px;
    height: 250px;
    margin-left: 35px;
}
div#Art08be {
    width: 300px;
    height: 250px;
   margin-left: 35px;
}
    }

@media only screen and (max-width: 700px) {
img#spon01 {
    margin-left: 70px;
 }
img#spon02 {
    margin-left: 70px;
 }
img#spon03 {
    margin-left: 70px;
 }
img#spon04 {
    margin-left: 70px;
 }
img#spon05 {
    margin-left: 70px;
 }
img#spon06 {
    margin-left: 70px;
 }
img#spon07 {
    margin-left: 70px;
 }    
}    
 /*
.container {
    background-color: blueviolet;
}
*/
 .navbar-default .navbar-collapse,
 .navbar-default .navbar-form {
     background-color: #000;
 }

 .navbar-default .navbar-nav > li > a {
     color: #fff;
 }

 .navbar-default .navbar-nav > li > a:hover {
     color: #fa6c03 !important;
     /*Color de hover de menú principal*/
 }

 .navbar-default {
     background-color: #000;
 }

 /*estilos flechita hacia abajo*/
 @media only screen and (max-width: 800px) {
     .round {
         border: none !important;
     }
 }

 @media only screen and (max-width: 800px) {
     .ar-s {
         z-index: 999;
         height: 3px;
         margin: 1px;
         width: 20px;
         background: transparent !important;
         transition: 0.4s ease;
     }
 }

 p.credits-01 {
     text-align: left !important;
 }

 p.credits-02 {
     text-align: center !important;
 }

 /*media queries modal dialog*/
 @media only screen and (max-width: 800px) {
     .modal-dialog {
         width: 95%;
     }
 }

 /*********************** Magazine flipbook ***********************/
 #pdf {
     margin-top: 60px;
 }

 .cont-01 {
     font-size: 60px !important;
 }

 /*flipbook*/

 .flip-02 {
     position: relative;
     overflow: hidden;
     width: 100%;
     padding-top: 39.25%;
     /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
 }
@media (max-width: 768px) {
   .flip-02 {
     position: relative;
     overflow: hidden;
     width: 87%;
     padding-top: 39.25%;
     /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
 }
}

 /* Then style the iframe to fit in the container div with full height and width */
 .responsive-iframe {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
 }

 /***************************** BOTONES PARA COMPARTIR ******************************/
 #contbtn01 {
     /*  background-color: aquamarine;*/
     position: fixed;
     bottom: 0px;
     right: 20px;
     margin-bottom: 20px;
 }

 @media only screen and (max-width: 700px) {
     #contbtn01 {
         /*  background-color: aquamarine;*/
         position: fixed;
         bottom: 0px;
         right: 30px;
         margin-bottom: 20px;
     }
 }

 .resp-sharing-button__link,
 .resp-sharing-button__icon {
     display: inline-block;
 }

 .resp-sharing-button__link {
     text-decoration: none;
     color: #fff;
     margin: 0.5em
 }

 .resp-sharing-button {
     border-radius: 5px;
     transition: 25ms ease-out;
     padding: 0.5em 0.75em;
     font-family: Helvetica Neue, Helvetica, Arial, sans-serif
 }

 .resp-sharing-button__icon svg {
     width: 1em;
     height: 1em;
     margin-right: 0.4em;
     vertical-align: top
 }

 .resp-sharing-button--small svg {
     margin: 0;
     vertical-align: middle
 }

 /* Non solid icons get a stroke */
 .resp-sharing-button__icon {
     stroke: #fff;
     fill: none
 }

 /* Solid icons get a fill */
 .resp-sharing-button__icon--solid,
 .resp-sharing-button__icon--solidcircle {
     fill: #fff;
     stroke: none
 }

 .resp-sharing-button--twitter {
     background-color: #55acee
 }

 .resp-sharing-button--twitter:hover {
     background-color: #2795e9
 }

 .resp-sharing-button--pinterest {
     background-color: #bd081c
 }

 .resp-sharing-button--pinterest:hover {
     background-color: #8c0615
 }

 .resp-sharing-button--facebook {
     background-color: #3b5998
 }

 .resp-sharing-button--facebook:hover {
     background-color: #2d4373
 }

 .resp-sharing-button--tumblr {
     background-color: #35465C
 }

 .resp-sharing-button--tumblr:hover {
     background-color: #222d3c
 }

 .resp-sharing-button--reddit {
     background-color: #5f99cf
 }

 .resp-sharing-button--reddit:hover {
     background-color: #3a80c1
 }

 .resp-sharing-button--google {
     background-color: #dd4b39
 }

 .resp-sharing-button--google:hover {
     background-color: #c23321
 }

 .resp-sharing-button--linkedin {
     background-color: #0077b5
 }

 .resp-sharing-button--linkedin:hover {
     background-color: #046293
 }

 .resp-sharing-button--email {
     background-color: #777
 }

 .resp-sharing-button--email:hover {
     background-color: #5e5e5e
 }

 .resp-sharing-button--xing {
     background-color: #1a7576
 }

 .resp-sharing-button--xing:hover {
     background-color: #114c4c
 }

 .resp-sharing-button--whatsapp {
     background-color: #25D366
 }

 .resp-sharing-button--whatsapp:hover {
     background-color: #1da851
 }

 .resp-sharing-button--hackernews {
     background-color: #FF6600
 }

 .resp-sharing-button--hackernews:hover,
 .resp-sharing-button--hackernews:focus {
     background-color: #FB6200
 }

 .resp-sharing-button--vk {
     background-color: #507299
 }

 .resp-sharing-button--vk:hover {
     background-color: #43648c
 }

 .resp-sharing-button--facebook {
     background-color: #3b5998;
     border-color: #3b5998;
 }

 .resp-sharing-button--facebook:hover,
 .resp-sharing-button--facebook:active {
     background-color: #2d4373;
     border-color: #2d4373;
 }

 .resp-sharing-button--twitter {
     background-color: #55acee;
     border-color: #55acee;
 }

 .resp-sharing-button--twitter:hover,
 .resp-sharing-button--twitter:active {
     background-color: #2795e9;
     border-color: #2795e9;
 }

 .resp-sharing-button--email {
     background-color: #777777;
     border-color: #777777;
 }

 .resp-sharing-button--email:hover,
 .resp-sharing-button--email:active {
     background-color: #5e5e5e;
     border-color: #5e5e5e;
 }

 .resp-sharing-button--whatsapp {
     background-color: #25D366;
     border-color: #25D366;
 }

 .resp-sharing-button--whatsapp:hover,
 .resp-sharing-button--whatsapp:active {
     background-color: #1DA851;
     border-color: #1DA851;
 }

 .modal-footer {
     padding: 40px;
     text-align: right;
     border: none;
 }

 /*Responsive para titulos en teléfono celular*/
 @media only screen and (max-width: 700px) {
     .cont-01 {
         font-size: 32px !important;
     }
 }

 /*Estilos para video*/
 .litigio {
     margin-left: 50px;
 }

 @media only screen and (max-width: 700px) {
     .litigio {
         margin: auto;
     }
 }

 video {
     width: 200%;
     height: auto;
 }

 @media only screen and (max-width: 700px) {
     video {
         width: 60%;
         height: auto;
     }
 }

 @media only screen and (max-width: 1200px) {
     video {
         width: 70%;
         height: auto;
     }
 }

 /******************************** Estilos tarifa ********************************/
 a.btn04 {
     background-color: #080535 !important;
     border: none !important;
     color: white !important;
     padding: 12px 30px !important;
     cursor: pointer !important;
     font-size: 15px !important;
     width: 100% !important;
     margin-left: 20px !important;
 }

 img.tarifa {
     margin: 40px !important;
     border: 3px solid #080535 !important;
 }

 /******************************** Botones footer ********************************/
 button.dir-btn {
     background-color: #000 !important;
     border: none;
     font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
     padding: none;
     font-size: 15px;
     display: inline;
     position: inherit;
     text-align: center !important;

 }

.dir-btn {
    background-color: #000 !important;
    border: none;
    font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
    padding: none;
    font-size: 15px;
    display: inline;
    position: inherit;
    text-align: center !important;
    color: #fff;
}

 .th-01 {
     background-color: #666699;
     padding: 20px;
     font-size: 22px;
     color: #fff;
 }

 .th-03 {
     background-color: #666699;
     padding: 20px;
     font-size: 15px;
     color: #fff;
 }

 .th-04 {
     background-color: #52a192;
     padding: 20px;
     font-size: 18px;
     color: #fff;
 }

 .th-05 {
     background-color: #d73e60;
     padding: 20px;
     font-size: 18px;
     color: #fff;
 }

 .th-06 {
     background-color: #d73e60;
     padding: 20px;
     font-size: 18px;
     color: #fff;
 }

 .td-02 {
     background-color: #ff6633;
     padding: 15px;
     font-size: 15px;
     color: #fff;
     text-align: left;
 }

 .td-03 {
     background-color: #fff;
     padding: 15px;
     font-size: 15px;
     color: #000;
     text-align: left;
 }

 .td-04 {
     background-color: #cef7ef;
     padding: 15px;
     font-size: 15px;
     color: #000;
     text-align: left;
 }

 .td-05 {
     background-color: #fff;
     padding: 15px;
     font-size: 15px;
     color: #000;
     text-align: left;
 }

 span.num-01 {
     font-size: 23px;
     color: #fff;
     font-weight: 900;
 }

 p.fnt-01 {
     font-size: 12px;
 }

 a.lnk-01 {
     color: #000;
     font-size: 15px;
 }

 a.lnk-02 {
     color: #fff;
     font-size: 15px;
 }

 h4.empre-01 {
     color: #003300;
     text-transform: inherit;
     font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
     font-weight: 600;
     font-size: 15px;
 }

 h4.acel-01 {
     color: #333399;
     text-transform: inherit;
     font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
     font-weight: 600;
     font-size: 15px;
 }

 h4.quie-01 {
     color: #000;
     text-transform: inherit;
     font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
     font-weight: 600;
     font-size: 15px;
     background-color: #ffff33;
     padding: 15px;
 }

 h4.luj-01 {
     color: #fff;
     text-transform: inherit;
     font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
     font-weight: 600;
     font-size: 15px;
     background-color: #3c3250;
     padding: 15px;
 }

 h4.dig-01 {
     color: #043584;
     text-transform: inherit;
     font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
     font-weight: 600;
     font-size: 15px;
     background-color: none;
     padding: 15px;
 }

 h4.dig-01 {
     color: #043584;
     text-transform: inherit;
     font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
     font-weight: 600;
     font-size: 15px;
     background-color: none;
     padding: 15px;
 }

 h4.pos-01 {
     color: #f9dd00;
     text-transform: inherit;
     font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
     font-weight: 600;
     font-size: 15px;
     background-color: none;
     padding: 15px;
 }

 h4.robo-01 {
     color: #fbf2d4;
     text-transform: inherit;
     font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
     font-weight: 600;
     font-size: 15px;
     background-color: #006869;
     padding: 15px;
 }

 h4.comp-01 {
     color: #ece03a;
     text-transform: inherit;
     font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
     font-weight: 600;
     font-size: 15px;
     background-color: #7a60a2;
     padding: 15px;
 }

 .cereal-01 {
     background-color: #b0d0be;
 }

 .pasion-02 {
     background-color: #d39eac;
 }

 .crea-01 {
     background-color: #deab30;
 }

 .emprend-01 {
     background-color: #dfdfdb;
 }

 .acelera-01 {
     background-color: #c8d3d7;
 }

 .market-01 {
     background-color: #db3950;
 }

 .lujo-01 {
     background-color: #e4e3d6;
 }

 .atenc-01 {
     background-color: #b8cbd0;
 }

 .digitaliza-01 {
     background-color: #63cbb4;
     color: #fff;
 }

 .th-aut-01 {
     background: rgb(111, 183, 161);
     background: linear-gradient(90deg, rgba(111, 183, 161, 1) 0%, rgba(111, 183, 161, 1) 0%, rgba(251, 241, 59, 1) 100%);
     color: #000;
     padding: 8px;
     text-align: left;
 }

 .th-aut-02 {
     background: rgb(111, 183, 161);
     background: linear-gradient(90deg, rgba(111, 183, 161, 1) 0%, rgba(111, 183, 161, 1) 0%, rgba(251, 241, 59, 1) 100%);
     color: #000;
     padding: 10px;
     text-align: left;
     font-size: 28px;
     border-bottom: 2px dotted #000;
 }

 .th-aut-03 {
     background: rgb(111, 183, 161);
     background: linear-gradient(90deg, rgba(111, 183, 161, 1) 0%, rgba(111, 183, 161, 1) 0%, rgba(251, 241, 59, 1) 100%);
     color: #000;
     padding: 10px;
     text-align: center;
     font-size: 20px;
 }

 p.mark-02 {
     color: #fff !important;
 }

 h1.white-01 {
     color: #fff;
 }

 .posi-th-01 {
     background-color: #2e3b87;
     color: #f9dd00;
     padding: 15px;
     font-size: 20px;
 }

 .posi-th-02 {
     background-color: #2e3b87;
     color: #fff;
     font-size: 14px;
     text-align: left;
     padding: 10px;

 }

 .aseso-01 {
     background-color: #006869;
     color: #fff !important;
 }

 .roboth-01 {
     color: #fff;
      !important;
     font-size: 30px;
     font-weight: 900;
     text-transform: uppercase;
     margin-bottom: 20px;
 }

 .roboth-03 {
     color: #8dba6c;
      !important;
     font-size: 30px;
     font-weight: 900;
     text-transform: uppercase;
 }

 .roboth-02 {
     background-color: #006869;
     color: #f6e8cb;
     font-size: 16px;
 }

 .comprar-01 {
     background-color: #7a60a2;
     color: #fff !important;
 }

 .comprar-02 {
     color: #1d1d1d !important;
 }

 .adap-03 {
     background-color: #9bc8bf;
     padding: 15px;
     border-radius: 12px;
     border: solid 3px #f6e8cb;
 }

 .adap-04 {}

 span.sub-01 {
     font-weight: 900;
     color: #000;
 }

 span.sub-02 {
     font-weight: 900;
     color: #dd4e4c;
     font-family: 'Lobster', cursive;
 }

 h4.violet-01 {
     background-color: #666699;
     padding: 20px;
     color: #fff;
     border: 2px dashed #fff;
     font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
     text-transform: uppercase;
     font-size: 13px;
 }

 h4.pasi-01 {
     background-color: transparent;
     padding: 20px;
     color: #d9255a;
     font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
     text-transform: uppercase;
     font-size: 15px;
 }

 h1.crea-01 {
     background-color: #db3e3f;
     color: #f9e7b5;
     border: 3px dotted #f9e7b5;
     padding: 10px;
     font-weight: 400;
 }

 h3.dola-01 {
     background-color: #bee5fa;
     color: #000;
     padding: 10px;
     font-weight: 600;
     border: 1px dotted #000;
 }

 span.dola-01 {
     color: #923a94;
     font-weight: 900;
     font-style: italic;

 }

 /*Estilos destacados*/
 h4.destacado01 {
     background-color: #666699;
     padding: 20px;
     color: #fff;
     border: 2px dashed #fff;
     font-family: 'Roboto Slab', serif;
     text-transform: inherit;
     font-size: 20px;
 }

 h4.dest-robo-01 {
     background-color: transparent;
     padding: 20px;
     color: #fff;
     font-family: 'Roboto Slab', serif;
     text-transform: inherit;
     font-size: 20px;
 }

 h4.dest-dola-01 {
     background-color: transparent;
     padding: 20px;
     color: #f4e021;
     font-family: 'Roboto Slab', serif;
     text-transform: inherit;
     font-size: 20px;
 }

 span.autor01 {
     color: #fff;
     font-family: 'Roboto Slab', serif;
     font-weight: 400;
     font-size: 15px;
 }

 h4.destacado02 {
     color: #aa3b82;
     font-family: 'Roboto Slab', serif;
     font-weight: 400;
     font-size: 19px;
 }

 span.autor02 {
     color: #d9255a;
     font-family: 'Roboto Slab', serif;
     font-weight: 400;
     font-size: 12px;
 }

 h4.destacado03 {
     color: #58458e;
     font-family: 'Roboto Slab', serif;
     font-weight: 400;
     font-size: 19px;
 }

 h4.destacado04 {
     color: #58458e;
     font-family: 'Roboto Slab', serif;
     font-weight: 400;
     font-size: 19px;
 }

 h4.destacado05 {
     color: #fff;
     font-family: 'Roboto Slab', serif;
     font-weight: 400;
     font-size: 19px;
     background-color: #db3e3f;
     padding: 10px;
 }

 h4.destacado06 {
     color: #fff;
     font-family: 'Roboto Slab', serif;
     font-weight: 400;
     font-size: 19px;
     background-color: #db3e3f;
     padding: 10px;
 }

 .pymes-01 {
     border: 2px solid #fff;
     border-radius: 20px;
 }

 h4.destacado09 {
     color: #fff;
     font-family: 'Roboto Slab', serif;
     font-weight: 400;
     font-size: 19px;
     padding: 10px;
 }

 @media only screen and (max-width: 700px) {
     span.sub-011 {
         font-weight: 900;
         color: #000;
         font-size: 25px !important;
     }
 }

 @media only screen and (max-width: 700px) {
     h1.crea-01 {
         background-color: #db3e3f;
         color: #f9e7b5;
         border: 3px dotted #f9e7b5;
         padding: 10px;
         font-weight: 400;
         font-size: 20px;
     }
 }

 @media only screen and (max-width: 700px) {
     h4.destacado05 {
         color: #fff;
         font-family: 'Roboto Slab', serif;
         font-weight: 400;
         font-size: 14px;
         background-color: #db3e3f;
         padding: 10px;
     }
 }

 @media only screen and (max-width: 700px) {
     span.autor01 {
         color: #fff;
         font-family: 'Roboto Slab', serif;
         font-weight: 400;
         font-size: 11px;
     }
 }

 @media only screen and (max-width: 700px) {
     h1.dest-tele-01 {
         text-transform: uppercase !important;
         color: #3d8290;
         font-size: 24px !important;
         font-weight: 900;
     }
 }

 @media only screen and (max-width: 700px) {
     span.dest-tele-01 {
         color: #4c5397;
          !important: ;
         font-size: 25px !important;
         font-weight: 900;
     }
 }


/****************** Nuevo estilo *****************/


@media (max-width: 768px) {
  .fototexto {
    width: 100%;
    margin-bottom: 40px;
    margin-top: 40px;
 }
}
@media (max-width: 768px) {
  p.intro_art {
    font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
    line-height: 25px !important;  
    font-weight: 100;
    color: #000 !important;
    padding-left: 20px;
    font-size: 20px;
    border-left: 2px #000 solid;
    margin-top: 50px;
    text-align: left;
 }
}   
@media (max-width: 768px) {
  p {
    font-size: 2.125rem;
    line-height: 1.5;
    margin-bottom: 18px;
    text-align: left;
    font-family: 'nyt-imperial','georgia','times new roman','times',serif;
    line-height: 3.5625rem;
    color: #333;
 }
}
/*
@media (max-width: 768px) {
p.indent {
    text-indent: 20px !important;
 }
}
*/
a.link03{
     font-size: 2.125rem;
    line-height: 1.5;
    margin-bottom: 18px;
    text-align: left;
    font-family: 'nyt-imperial','georgia','times new roman','times',serif;
    line-height: 3.5625rem;
    color: #333;
 }
    
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
    font-family: 'nyt-imperial','georgia','times new roman','times',serif;
    line-height: 1rem;
    color: #333;
    border:1px solid #e4e2e2;
}

th, td {
    text-align: center;
    padding: 8px;
    font-family: 'nyt-imperial','georgia','times new roman','times',serif;
    line-height: 2.5rem;
    color: #333;
    border:1px solid #e4e2e2;
}

tr:nth-child(even){background-color: #f2f2f2}