/* Index of CSS
==================================================
1. Global styles

2. Header Section

3. About Section /.about_process

4. Service Section /.service-section

5. Call To Action Section /.calltoaction

6. Pricing Section /.pricing-section

7. Gallery Section /.work-section

8. Team Section /.team-section

9. Testimonial Section /.testimonial-section

10. Blog Section /.blog-section

11. Client Section /.client-section

12. Footer Section /.footer-section

[===== Single Page ===== ]

13. Blog Page / .blog_container
	
14. Sigle Blog Page / .single_blog_container

15. About page / .about_page

16. Gallery page / .work_section_page

17. Contact page / .contact_page

*/

 /*----------------------------------------------------
    1. Global styles
------------------------------------------------------*/
 
 @import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto|Tangerine');
 @import url('https://fonts.googleapis.com/css?family=Oswald');
 div#tipogra {
     padding-top: 40px;
    padding-right: 190px;
    padding-bottom: 45px;
    padding-left: 240px;
     text-align: right;
 }
 div#tipogra{
     letter-spacing: 8px;
     font-weight: 700;
     /*margin-top: -100px;*/
    margin-top: -5%;
     font-size: 35px;
     
    /* font-family: 'Tangerine', cursive;*/
     color: #123488;
     font-family: 'Oswald', sans-serif;
 }
 /*agrege estos stilos para hacer las letras del slider*/
 /*slider1*/
 div#tipogra2 {
    padding-top: 40px;
    padding-right: 190px;
    padding-bottom: 60px;
    padding-left: 240px;
    text-align: right;
}
  div#tipogra2 {
     letter-spacing: 8px;
     font-weight: 700;
     margin-top: 20%;
     font-size: 35px;
     color: #123488;
 }
/*slider2*/
  div#tipogra3 {
    /*padding-top: 40px;*/
    padding-right: 290px;
    padding-bottom: 60px;
    padding-left: 240px;
    text-align: right;
}
  div#tipogra3 {
    letter-spacing: 8px;
    font-weight: 700;
    margin-top: 30%;
    font-size: 40px;
    color: #123488;
 }
/*slider3*/
  div#tipogra4 {
    /*padding-top: 40px;*/
    padding-right: 300px;
    padding-bottom: 60px;
    padding-left: 240px;
    text-align: right;
}
  div#tipogra4 {
    letter-spacing: 8px;
    font-weight: 700;
    margin-top: 30%;
    font-size: 45px;
    color: #123488;
 }
/*finaliza los estilos para la letra de slider*/
 body {
     font-size: 15px;
     font-family: 'Roboto';
     background: transparent;
     line-height: 1.5;
     font-weight: 400;
     color: #123488;
 }
.iconitos  {
     font-size: 15px;
     font-family: 'Roboto', sans-serif;
     background: transparent;
     line-height: 1.5;
     font-weight: 400;
     color: #fedc00;
 }
 img {
     max-width: 100%;

 }
 a {
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
 }
 /* ## Global Class ## */
 
 p {
     font-weight: 400;
     line-height: 24px;
     font-size: 14px;
 }
 h1 {
     font-size: 30px;
     line-height: 40px;
 }
 h1,
 h2,
 h3,
 h4,
 h5 {
     font-weight: 500;
     color: #333;
 }
 h5,
 h6 {
     line-height: 24px;
 }
 h2 {
     font-size: 46px;
     line-height: 32px;
     font-family: 'Montserrat', sans-serif;
 }
 h3 {
     font-size: 40px;
     line-height: 49px;
     font-family: 'Montserrat', sans-serif;
 }
 h4 {
     font-size: 18px;
     line-height: 26px;
 }
 h5 {
     font-size: 14px;
 }
 #top a.trigger {
/* Flecha */
background-image: url(http://3.bp.blogspot.com/-LzmPTNyR6po/TwETZufjSTI/AAAAAAAAATo/oisHmXUjmSY/s1600/arrow_white.gif); 
background-repeat: no-repeat;
padding: 10px 24px 11px 12px;
background-position: right center;
}
 h6 {
     font-size: 13px;
 }
 a,
 a:hover,
 a:focus,
 .btn:focus {
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     outline: none;
 }
 a {
     color: #000;
 }
 .btn.btn-fill {
     background: #fff;
 }
 .btn.btn-fill {
     color: #000;
 }
 .btn {
     border-width: 1px;
     border-style: solid;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     -ms-border-radius: 0px;
     -o-border-radius: 0px;
     border-radius: 0px;
     cursor: pointer;
     padding: 10px 22px;
     display: inline-block;
     text-transform: uppercase;
     letter-spacing: 2px;
     position: relative;
     min-width: 150px;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
     color: #fff;

     background: #fedc00;
     border: 2px solid #ffc445;
 }

 section {
     background: #FFF;
     padding-top: 65px;
     padding-bottom: 100px;
 }
 .base-header {
     padding-bottom: 28px;
 }
 .base-header h3 {
     letter-spacing: 2px;
     text-align: center;
     padding-bottom: 7px;
     position: relative;
     color: #123488;
     line-height: 32px;
     font-size: 30px;
     text-transform: uppercase;
 }
 .base-header p {
     text-align: center;
     font-size: 17px;
     margin-top: -25px;
     margin-bottom: 35px;
     font-family: 'Montserrat', sans-serif;
     /*font-family: 'Tangerine', cursive;*/
     color: #123488;
     font-weight: 400;
     letter-spacing: 3px;
     position: relative;
     text-transform: capitalize;
 }
 .testimonial p {
     text-align: center;
     font-size: 20px;
     margin-top: -25px;
     margin-bottom: 35px;
     font-family: 'Oswald', sans-serif;

     /*font-family: 'Tangerine', cursive;*/
     color: #fedc00;
     font-weight: 400;
     letter-spacing: 3px;
     position: relative;
     text-transform: capitalize;
 }
 .base-header p::before {
     content: "";
     position: absolute;
     left: 46.5%;
     top: 43px;
     height: 2px;
     width: 80px;
     border-top: 1px solid #fedc00;
 }
.base-header2 p::before {
    content: "";
    position: absolute;
    left: 40.5%;
    top: 43px;
    height: 2px;
    width: 80px;
    border-top: 1px solid #fedc00;
 }
 #preloader {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 9999999;
     width: 100%;
     height: 100%;
     overflow: visible;
     background: #fff url("../images/logogif.gif") no-repeat center center;
     color: #000;
 }
 .more-link::before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #fedc00;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: 0 50%;
     transform-origin: 0 50%;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
 }
 .more-link:hover,
 .more-link:focus,
 .more-link:active {
     color: #fedc00;
     border: 2px solid transparent !important;
 }
 .more-link:hover::before,
 .more-link:focus::before,
 .more-link:active::before {
     border: 2px solid #E3BF89
 }
 .more-link:hover::after,
 .more-link:focus::after,
 .more-link:active::after {
     border-left: 1px solid #E3BF89 !important;
 }
 .more-link:hover::before,
 .more-link:focus::before,
 .more-link:active::before {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
 }
 .more-link:hover::after {
     margin-right: -7px;
     transition: all 0.4s ease-out 0s;
 }
 .more-link {
     display: inline-block;
     font-size: 17px;
     padding: 10px 60px 10px 20px;
     color: #151414;
     font-family: "Montserrat", sans-serif;
     font-weight: 300;
     position: relative;
     text-transform: uppercase;
 }
 .more-link {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px transparent;
     position: relative;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
 }
 .more-link::after {
     content: "\f105";
     font-family: fontAwesome;
     width: 39px;
     height: 46px;
     line-height: 45px;
     text-align: center;
     position: absolute;
     top: 0;
     right: 0;
     background: transparent;
     border-left: 2px solid #151414;
 }

/*mormones*/
.more-link1::before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #fedc00;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: 0 50%;
     transform-origin: 0 50%;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
 }
 .more-link1:hover,
 .more-link1:focus,
 .more-link1:active {
     color: #fedc00;
     border: 2px solid transparent !important;
 }
 .more-link1:hover::before,
 .more-link1:focus::before,
 .more-link1:active::before {
     border: 2px solid #E3BF89
 }
 .more-link1:hover::after,
 .more-link1:focus::after,
 .more-link1:active::after {
     border-left: 1px solid #E3BF89 !important;
 }
 .more-link1:hover::before,
 .more-link1:focus::before,
 .more-link1:active::before {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
 }
 .more-link1:hover::after {
     margin-right: -7px;
     transition: all 0.4s ease-out 0s;
 }
 .more-link1 {
     display: inline-block;
     font-size: 17px;
     padding: 10px 60px 10px 20px;
     color: #151414;
     font-family: "Montserrat", sans-serif;
     font-weight: 300;
     position: relative;
     text-transform: uppercase;
 }
 .more-link1 {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px transparent;
     position: relative;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
 }
 .more-link1::after {
     content: "\f105";
     font-family: fontAwesome;
     width: 39px;
     height: 46px;
     line-height: 45px;
     text-align: center;
     position: absolute;
     top: 0;
     right: 0;
     background: transparent;
     border-left: 2px solid #151414;
 }

 /*----------------------------------------------------
   2. Header Section
------------------------------------------------------*/
 /*----- Top bar -----*/
 
 .header {
     background-color: rgba(255, 210, 0, 1);
     
 }
 .navbar-brand {
     float: left;
     height: 50px;
     padding: 4px 15px;
     font-size: 18px;
     line-height: 20px;
 }
 .header i {
     color: #123488;
 }
 .header .top-icon .icon_mail_alt {
      top: -3px;
      position: relative;
 }
 .top-icon {
     float: left;
     font-size: 32px;
     padding-right: 20px;
 }
 .navigation .badge {
     font-size: 10px;
     background-color: #c45d3c;
 }
 .top-title {
     font-size: 10px;
     letter-spacing: 2px;
     color: #000;
 }
 .refit-number {
     font-size: 10px;
     letter-spacing: 2px;
     color: #000;
 }
 .navbar-brand a {
     font-family: 'Tangerine', cursive;
     color: #d4b068;
     font-weight: 700;
     font-size: 46px;
     margin-left: 21px;
     letter-spacing: 2px;
 }
 /*-----Social Nav-----*/
 
 .social-nav ul {
     float: right;
     margin-bottom: 0px;
     list-style: none;
     padding: 12px 0px;
 }
 .social-nav li {
     float: left;
     padding-left: 18px;
 }
 .social-nav li a {
     color: #fedc00;
 }
 /*-----Navigationn-----*/
 
 .navigation {
     background-color: #123488;
     z-index: 9999;
     position: relative;
 }
 #navigation,
 #navigation ul,
 #navigation ul li,
 #navigation ul li a,
 #navigation #menu-button {
     margin: 0;
     padding: 0;
     border: 0;
     list-style: none;
     line-height: 1;
     display: block;
     position: relative;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 #navigation:after,
 #navigation > ul:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
 }
 #navigation #menu-button {
     display: none;
 }
 #navigation {
     font-family: 'Poppins', sans-serif;
 }
 #navigation > ul > li {
     float: left;
 }

 #navigation.align-center > ul {
     font-size: 0;
     text-align: center;
 }
 #navigation.align-center > ul > li {
     display: inline-block;
     float: none;
 }
 #navigation.align-center ul ul {
     text-align: left;
 }
 #navigation.align-right > ul > li {
     float: right;
 }
 #navigation > ul > li > a {
     padding: 30px 20px;
     font-size: 13px;
     letter-spacing: 1px;
     text-decoration: none;
     color: #fff;
     font-weight: 700;
     text-transform: uppercase;
     margin-right: -1px;
 }
 #navigation > ul > li:hover > a {
     color: #d4b068;
 }
 #navigation > ul > li.has-sub > a {
     padding-right: 40px;
 }
 #navigation ul ul {
     position: absolute;
     left: -9999px;
 }
 #navigation.align-right ul ul {
     text-align: right;
 }
 #navigation ul ul li {
     height: 0;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease;
 }
 #navigation li:hover > ul {
     left: auto;
 }
 #navigation.align-right li:hover > ul {
     left: auto;
     right: 0;
 }
 #navigation li:hover > ul > li {
     height: 44px;
 }
 #navigation ul ul ul {
     margin-left: 100%;
     top: 0;
 }
 #navigation.align-right ul ul ul {
     margin-left: 0;
     margin-right: 100%;
 }
 #navigation ul ul li a {
     border-bottom: 1px solid #375b63;
     padding: 18px 15px;
     width: 240px;
     font-size: 13px;
     text-decoration: none;
     color: #fff;
     font-weight: 600;
     background: #333131;
     text-transform: uppercase;
 }
 #navigation ul ul li:last-child > a,
 #navigation ul ul li.last-item > a {
     border-bottom: 0;
 }
 #navigation ul ul li:hover > a,
 #navigation ul ul li a:hover {
     color: #d4b068;
 }
 #navigation.small-screen {
     width: 100%;
 }
 #navigation.small-screen ul {
     width: 100%;
     display: none;
 }
 #navigation.small-screen.align-center > ul {
     text-align: left;
 }
 #navigation.small-screen ul li {
     width: 100%;
     border-top: 1px solid rgba(120, 120, 120, 0.2);
 }
 #navigation.small-screen ul ul li,
 #navigation.small-screen li:hover > ul > li {
     height: auto;
 }
 #navigation.small-screen ul li a,
 #navigation.small-screen ul ul li a {
     width: 100%;
     border-bottom: 0;
 }
 #navigation.small-screen > ul > li {
     float: none;
 }
 #navigation.small-screen ul ul li a {
     padding-left: 25px;
 }
 #navigation.small-screen ul ul ul li a {
     padding-left: 35px;
 }
 #navigation.small-screen ul ul li a {
     color: #acc4ca;
     background-color: #123488;
 }
 #navigation.small-screen ul ul li:hover > a,
 #navigation.small-screen ul ul li.active > a {
     color: #ffffff;
 }
 #navigation.small-screen ul ul,
 #navigation.small-screen ul ul ul,
 #navigation.small-screen.align-right ul ul {
     position: relative;
     left: 0;
     width: 100%;
     margin: 0;
     text-align: left;
 }
 #navigation.small-screen > ul > li.has-sub > a:after,
 #navigation.small-screen > ul > li.has-sub > a:before,
 #navigation.small-screen ul ul > li.has-sub > a:after,
 #navigation.small-screen ul ul > li.has-sub > a:before {
     display: none;
 }
 #navigation.small-screen #menu-button {
     display: block;
     padding: 17px;
     color: #acc4ca;
     cursor: pointer;
     font-size: 12px;
     text-transform: uppercase;
     font-weight: 700;
 }
 #navigation.small-screen #menu-button:after {
     position: absolute;
     top: 22px;
     right: 17px;
     display: block;
     height: 8px;
     width: 20px;
     border-top: 2px solid #acc4ca;
     border-bottom: 2px solid #acc4ca;
     content: '';
 }
 #navigation.small-screen #menu-button:before {
     position: absolute;
     top: 16px;
     right: 17px;
     display: block;
     height: 2px;
     width: 20px;
     background: #acc4ca;
     content: '';
 }
 #navigation.small-screen #menu-button.menu-opened:after {
     top: 23px;
     border: 0;
     height: 2px;
     width: 15px;
     background: #ffffff;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
 }
 #navigation.small-screen #menu-button.menu-opened:before {
     top: 23px;
     background: #ffffff;
     width: 15px;
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }
 #navigation.small-screen .submenu-button {
     position: absolute;
     z-index: 99;
     right: 0;
     top: 0;
     display: block;
     border-left: 1px solid rgba(120, 120, 120, 0.2);
     height: 46px;
     width: 46px;
     cursor: pointer;
 }
 #navigation.small-screen .submenu-button.submenu-opened {
     background: #375b63;
 }
 #navigation.small-screen ul ul .submenu-button {
     height: 34px;
     width: 34px;
 }
 #navigation.small-screen .submenu-button:after {
     position: absolute;
     top: 22px;
     right: 19px;
     width: 8px;
     height: 2px;
     display: block;
     background: #acc4ca;
     content: '';
 }
 #navigation.small-screen ul ul .submenu-button:after {
     top: 15px;
     right: 13px;
 }
 #navigation.small-screen .submenu-button.submenu-opened:after {
     background: #ffffff;
 }
 #navigation.small-screen .submenu-button:before {
     position: absolute;
     top: 19px;
     right: 22px;
     display: block;
     width: 2px;
     height: 8px;
     background: #acc4ca;
     content: '';
 }
 #navigation.small-screen ul ul .submenu-button:before {
     top: 12px;
     right: 16px;
 }
 #navigation.small-screen .submenu-button.submenu-opened:before {
     display: none;
 }
 #navigation.small-screen.select-list {
     padding: 5px;
 }
 /*-----Navigationn end-----*/
/* prueba*/
.jon ul, .jon ul li {
     width:300px; /* Ancho del contenedor de las subpestañas */
} 
.jon ul li {
width:150px; 
float:left;
margin:0;
padding:0;
}
/* fin*/
 
 /*
 Header Transparent CSS Start 
----------------------------------------*/
 
 .header-transparent {
     padding-bottom: 20px;
 }
 .top-bar-transparent {
     margin-bottom: 20px;
 }
 .header-transparent #navigation {
     margin-top: 5px;
     background-color: transparent;
 }
 .header-transparent #navigation > ul > li > a {
     padding: 10px 4px;
     border: transparent;
     color: #fff;
 }
 .header-top {
     border-bottom: 1px solid transparent;
     padding-top: 10px;
     padding-bottom: 10px;
     color: #fff;
     border-color: rgba(250, 250, 250, .2);
 }
 .header-transparent #navigation li a {
     color: #ffffff;
     background-color: transparent;
     border-left: transparent;
     border-right: transparent;
     padding: 14px 30px 14px 10px;
 }
 .header-transparent #navigation li ul li a {
     background-color: #446a73;
     padding: 18px 20px;
 }
 .header-transparent #navigation > ul > li.has-sub > a {
     padding-right: 30px;
 }
 .header-transparent #navigation li ul li a {
     border-bottom: 1px solid #375b63;
 }
 .header-top .top-nav ul li a {
     color: #fff;
 }
 .top-nav-collapse {
     background-color: rgba(18, 45, 52, .8);
 }
 #search-area-v2 {
     position: absolute;
     width: 100%;
     z-index: 1032;
     top: 48px;
 }
 #search-area-v2 .well-bg {
     background-color: #333;
 }
 .phone-img {
     margin-bottom: 60px;
 }
 /*Header Transparent CSS End
----------------------------------------*/
 /*  Slider Area Styling */
 
 .slidernav .navbar {
     padding: 20px 0px;
     border-bottom: 0px none;
     letter-spacing: 1px;
     background: rgba(255, 255, 255, 0.3);
     -webkit-transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
     -moz-transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
     -ms-transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
     -o-transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
     transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
     -webkit-transform: translateX(0px) translateY(3px) translateZ(0px) rotate(0deg) scale(0.95);
     -moz-transform: translateX(0px) translateY(3px) translateZ(0px) rotate(0deg) scale(0.95);
     -ms-transform: translateX(0px) translateY(3px) translateZ(0px) rotate(0deg) scale(0.95);
     -o-transform: translateX(0px) translateY(3px) translateZ(0px) rotate(0deg) scale(0.95);
     transform: translateX(0px) translateY(3px) translateZ(0px) rotate(0deg) scale(0.95);
 }
 .slidernav .top-nav-collapse {
     padding: 20px 0px;
     background-color: #fff;
     -webkit-transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
     -moz-transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
     -ms-transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
     -o-transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
     transition: -moz-transform 0.4s ease 0s, background-color 0.4s ease 0s;
     -webkit-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
     -moz-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
     -ms-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
     -o-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
     transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
     top: 0;
 }
 .slider-area {
     position: relative;
 }
 .slider-progress {
     position: absolute;
     top: 0;
     left: 0;
     background-color: #1b1a1a4d;
 }
 .slider-area .big-title {
     color: rgb(18, 52, 136) !important;
     font-size: 35px;
     text-align: right;
     font-weight: 700;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 10px;
     margin-top: -63px;
     padding-right: 60px;
 }
 /*agrege este estilo (slider) texto secundario*/
 /*slider1*/
  .slider-area .big-title2 { 
     color: #123488 !important;
     font-size: 35px;
     text-align: right;
     font-weight: 700;
     letter-spacing: 10px;
     margin-top: -63px;
     padding-right: 60px;
 }
 /*slider2*/
   .slider-area .big-title3 { 
     color: #123488 !important;
    font-size: 40px;
    text-align: right;
    font-weight: 700;
    letter-spacing: 10px;
    margin-top: -63px;
    padding-right: 60px;
 }
 /*slider3*/
   .slider-area .big-title4 { 
     color: #123488 !important;
    font-size: 40px;
    text-align: right;
    font-weight: 700;
    letter-spacing: 10px;
    margin-top: -63px;
 }
 /*fin stilo*/
 .slider-area .big-title span.title-builder {
     color: #fff !important;
 }
 .slider-area .small-content {
     padding: 40px 240px;
     text-align: center;
 }
 .slider-area .small-content {
     letter-spacing: 9px;
     font-weight: 700;
     margin-top: -100px;
     font-size: 41px;
     font-family: 'Tangerine', cursive;
     color: #fedc00;
 }
 .slider-area .more-link {
     padding: 14px 60px 13px 20px;
     color: #FFF;
     border: 2px solid #FFF;
 }
 .slider-area .more-link::after {
     width: 60px;
     border-left: 1px solid transparent;
 }
 .slider-area .button {
     left: 0;
     margin: auto;
     position: absolute;
     right: 0;
     text-align: center;
     top: 63%;
     white-space: normal;
 }
 .slider-area .button a:hover {
     color: #123488;
 }
 .slider-area .down {
     text-align: center;
 }
 .slider-area .down li {
     display: inline-block;
 }
 .slider-area .down li img {
     position: inherit;
 }
 .preview-2 .nivoSlider .nivo-directionNav a.nivo-prevNav {
     left: 15px;
 }
 .preview-2 .nivoSlider:hover .nivo-directionNav a.nivo-prevNav {
     left: 15px;
 }
 .preview-2 .nivoSlider .nivo-directionNav a.nivo-nextNav {
     right: 65px;
 }
 .preview-2 .nivoSlider:hover .nivo-directionNav a.nivo-nextNav {
     right: 65px;
 }
 .slider-area1 .preview-2 .nivo-directionNav a.nivo-prevNav::before {
     background: transparent;
     content: "";/*siguiente*/
     color: #fedc00;
     transform: rotate(90deg);
     font-size: 17px;
     text-transform: uppercase;
     letter-spacing: 3px;
     font-family: 'Montserrat', sans-serif;
 }
 .slider-area1 .preview-2 .nivo-directionNav a.nivo-nextNav::before {
     background: transparent;
     content: "";/*antes*/
     color: #fedc00;
     transform: rotate(90deg);
     font-size: 17px;
     text-transform: uppercase;
     letter-spacing: 3px;
     font-family: 'Montserrat', sans-serif;
 }
 .nivo-nextNav::after {
     position: absolute;
     content: '';
     width: 25px;
     left: 50%;
     bottom: -15px;
     height: 1px;
     z-index: 5;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
     height: 2px;
     background:rgba(0,0,0,.0001);
     /*background: #123488;*/
     transform: rotate(90deg);
 }
 .nivo-nextNav:hover::after {
     width: 62px;
     margin-left: -6px;
     -webkit-transition-delay: 0.4s;
     transition-delay: 0.4s;
     bottom: -28px;
 }
 .nivo-prevNav::after {
     position: absolute;
     content: '';
     width: 25px;
     left: 50%;
     bottom: -15px;
     height: 1px;
     z-index: 5;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
     height: 2px;
     background: rgba(0,0,0,.0001);
     /*background: #123488;*/
     transform: rotate(90deg);
     margin-left: 22px;
 }
 .nivo-prevNav:hover::after {
     width: 62px;
     margin-left: -6px;
     -webkit-transition-delay: 0.4s;
     transition-delay: 0.4s;
     bottom: -28px;
 }
/*----------------------------------------------------
    3. About Section
------------------------------------------------------*/
 
 .about_process {
     padding-bottom: 0px;
     padding-top: 50px;
 }
 .abt-left h4 {
     font-size: 52px;
     letter-spacing: 4px;
     line-height: 53px;
     position: relative;
     z-index: 99;
     margin-top: 31px;
     text-transform: capitalize;
     font-family: 'Montserrat', sans-serif;
 }
 .abt-left h4 span {
     color: #d4b068;
     text-transform: uppercase;
 }
 .abt-nmbr {
     position: absolute;
     top: -95px;
     font-size: 154px;
     left: 60px;
     color: rgba(221, 221, 221, 0.45);
     z-index: 9;
     font-weight: 900;
 }
 .abt-rght {
     margin-bottom: 93px;
 }
 .abt-pra {
     border-left: 2px solid rgb(254,220,0);
     padding-left: 25px;
 }
 /* About Bottom
------------------------------------*/
 
 .about_process .col-sm-4 {
     padding-right: 0px;
     padding-left: 0px;
 }
 .about_process .about_pro_bac {
     background: #ffffff url("../images/about/a1.jpg") repeat 0% 0% / 100% auto;
     color: #FFF;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 50% 50%;
 }
 .about_process .about_pro_bac2 {
     background: #ffffff url("../images/about/a2.jpg") repeat 0% 0% / 100% auto;
     color: #FFF;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 50% 50%;
 }
 .about_process .about_pro_bac:hover {
     background: #ffffff url("../images/about/a2.jpg") repeat 0% 0% / 100% auto;
     color: #FFF;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 50% 50%;
 }
 .about_process .about_pro_bac:hover .proces p.number {
     color: #ddd;
 }
 .about_process .about_pro_bac:hover .proces h4 {
     color: #ddd;
 }
 .about_process .about_pro_bac:hover .proces p {
     color: #b6b2b2;
 }
 .about_process .about_pro_bac:hover .proces p.number {
     color: #595959;
 }
 .about_process .col-lg-6 {
     padding-right: 0px;
     padding-left: 0px;
 }
 .about_process .proces {
     text-align: center;
     border-right: 1px solid #fff;
     padding: 60px 40px 40px 50px;
 }
 .about_process .proces h4 {
     text-transform: uppercase;
     letter-spacing: 3px;
     font-size: 24px;
     font-weight: 700;
     margin-top: 0px;
     position: relative;
     z-index: 99;
 }
 .about_process .proces p {
     margin: 23px 0;
     text-transform: capitalize;
     text-align: left;
     color: #5C5B5B;
 }
 .about_process .proces p.number {
     margin: 0;
     color: rgba(23, 22, 22, 0.2);
     font-size: 73px;
     font-weight: 700;
     font-family: 'Philosopher';
     position: absolute;
     top: 54px;
     left: 113px;
     z-index: 9;
 }
 .about_pro_bac2 .proces p.number {
     color: #ddd;
 }
 .about_pro_bac2 .proces h4 {
     color: #ddd;
 }
 .about_pro_bac2 .proces p {
     color: #b6b2b2;
 }
 .about_pro_bac2 .proces p.number {
     color: #595959;
 }
 
 /*----------------------------------------------------
  4. Service Section
------------------------------------------------------*/
 
 .services-box-2 {
     position: relative;
     width: 100%;
     overflow: hidden;
 }
 .services-box-2 .number {
     position: relative;
     z-index: 2;
     width: 100%;
     text-align: left;
     font-size: 56px;
     vertical-align: top;
     float: left;
     height: 50px;
     width: 60px;
     margin-right: 29px;
     line-height: 50px;
     color: #000;
 }
 .services-box-2 img {
     width: 100%;
     display: block;
     margin-bottom: 30px;
 }
 .services-box-2 .icon {
     position: relative;
     float: left;
     display: inline-block;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     color: #fff;
     margin-right: 20px;
     text-align: center;
     font-size: 17px;
     line-height: 50px;
     font-weight: normal;
 }
 .services-box-2 .icon:before {
     font-family: 'Simple-Line-Icons';
     speak: none;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 .services-box-2 h4 {
     text-align: left;
     margin-bottom: 6px;
 }
 .services-box-2 .subtext {
     text-align: left;
     color: #787373;
     font-size: 14px;
     line-height: 17px;
     letter-spacing: 2px;
     font-weight: 400;
 }
 .services-box-2 p {
     text-align: left;
     padding-top: 20px;
 }
 
  /*----------------------------------------------------
    5. Call To Action Section 
------------------------------------------------------*/
 
 .calltoaction {
     padding-top: 100px;
     padding-bottom: 80px;
     background: #333 url("../images/background/oficina.jpg") repeat 0% 0% / 100% auto;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
 }
 .callto-icon {
     float: left;
     overflow: hidden;
     margin-right: 25px;
 }
 .callto-icon span {
     font-size: 54px;
 }
 .callto-text h4 {
     margin: 0px;
     font-size: 30px;
     color: #123488;
     letter-spacing: 6px;
     text-transform: uppercase;
 }
 .callto-hover {
     color: #5f8f1b;
 }
 .callto-text p {
     color: #ddd;
 }
 .callto-text p {
     color: #a94242;
     font-size: 17px;
     letter-spacing: 5px;
 }
 .callto-link .more-link {
     color: #123488;
     border: 2px solid #0a2101;
 }
 .callto-link .more-link::after {
     border-left: 2px solid #fff;
 }
 .callto-link .button a:hover {
     color: #fff;
 }
 
 .callto-link1 .more-link1 {
     color: #f5f5f5;
     border: 2px solid #fff;
 }
 .callto-link1 .more-link1::after {
     border-left: 2px solid #fff;
 }
 /*----------------------------------------------------
    6. Pricing Section
------------------------------------------------------*/
 
 .pricing-section {
     padding-bottom: 100px;
     padding-top: 60px;
 }
 .pricing-section .col-sm-3 {
     padding-right: 4px;
     padding-left: 0px;
 }
 .pricing-box {
     position: relative;
     text-align: left;
     transition: all 0.4s ease-out 0s;
     transform: translateX(0px) translateY(-3px) translateZ(0px) rotate(0deg) scale(1);
     padding: 40px 40px 10px 40px;
     background: #F6F6F6 url("../images/background/price1.jpg") repeat 0% 0% / 100% auto;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
     transition: all 0.4s ease-out 0s;
 }
 .pricing-box:hover {
     background: #F6F6F6 url("../images/background/price2.jpg") repeat 0% 0% / 100% auto;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
     transition: all 0.4s ease-out 0s;
 }
 .pricing-box:hover {
     box-shadow: 0px 0px 0px 0px #fff;
     transition: all 0.4s ease-out 0s;
 }
 .pricing-box h3 {
     font-size: 18px;
     letter-spacing: 3px;
     margin: 0;
     position: relative;
     text-transform: uppercase;
 }
 .pricing-box h2 {
     font-size: 60px;
     margin: 20px 0 25px;
     border-bottom: 1px solid #fef1f1;
     padding-bottom: 25px;
 }
 .pricing-box h2 span {
     font-size: 26px;
     position: relative;
     top: -11px;
     padding-right: 6px;
 }
 .pricing-box h2 sub {
     font-size: 16px;
     top: -3px;
 }
 .pricing-box p {
     font-size: 13px;
     letter-spacing: 1px;
     margin-bottom: 24px;
     text-transform: uppercase;
     color: #565454;
 }
 .pricing-box a {
     margin-bottom: 37px;
     border: 2px solid #000;
 }
 .pricing-box a:hover {
     color: #fff;
 }
 .pricing-box h3:before,
 .pricing-box:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     -webkit-opacity: 0;
     -moz-opacity: 0;
     -ms-opacity: 0;
     -o-opacity: 0;
     opacity: 0;
 }

  /*----------------------------------------------------
	7. Gallery Section
------------------------------------------------------*/
 
 .work-section {
     padding-bottom: 50px;
     background: #F5F5F5;
 }
 .work-section .project-list .col-sm-3 {
     padding: 0px 0px;
 }
 /* Work items
------------------*/
 
 .project-list .mix {
     display: none;
 }
 .project-filter {
     margin-top: -7px;
     margin-bottom: 10px;
 }
 .project_menu .hvr-underline-from-center::before {
     bottom: 0px;
     height: 2px;
 }
 .project-filter ul li.hvr-underline-from-center.active:before {
     background: transparent;
 }
 .project_menu .hvr-underline-from-center::before {
     background: #009f9c;
 }
 .project-filter ul {
     margin: 0px;
     padding: 0px;
     list-style: none;
     text-align: center;
 }
 .project-filter ul li {
     padding-bottom: 3px;
     color: #555;
     cursor: pointer;
     margin-bottom: 17px;
     margin-right: 16px;
     display: inline-block;
     text-transform: capitalize;
     letter-spacing: 1px;
     font-size: 14px;
     font-weight: 700;
     font-family: 'Montserrat', sans-serif;
 }
 .project-filter ul li.active {
     display: inline-block;
     color: #d4b068;
 }
 .project-filter ul li i {
     margin-right: 4px;
 }
 .work-item {
     position: relative;
     margin-top: 0px;
 }
 .item {
     -webkit-transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
     -moz-transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
     -ms-transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
     -o-transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
     transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
 }
 .mask2 {
     position: absolute;
     width: 100%;
     height: 73px;
     bottom: 0px;
     -webkit-opacity: 0;
     -moz-opacity: 0;
     -ms-opacity: 0;
     -o-opacity: 0;
     opacity: 0;
     background: rgba(0, 0, 0, 0.7);
     display: inline-block;
     text-align: center;
     text-transform: uppercase;
     -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
     -ms-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     padding-top: 112px;
 }
 .work-item:hover .mask2 {
     -webkit-opacity: 1;
     -moz-opacity: 1;
     -ms-opacity: 1;
     -o-opacity: 1;
     opacity: 1;
     height: 100%;
     width: 100%;
 }
 .work-item:hover .mask2 p {
     margin-right: 0px;
 }
 .work-item:hover .mask2 {
     -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
     -ms-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
 }
 .work-item:hover .items img {
     -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
     -ms-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
 }
 .items img {
     -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
     -ms-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     width: 100%;
 }
 .items {
     -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
     -ms-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
     -ms-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     overflow: hidden;
 }
 .mask2 i {
     font-size: 25px;
     color: #fff;
     background: #d4b068;
     padding: 13px 15px;
 }
 /*
   More Gallery Button Section
======================================*/
 
 .gallery_more {
     background: #123488;
     padding-bottom: 75px;
     padding-top: 75px;
 }
 
 /*----------------------------------------------------
    8. Team Section
------------------------------------------------------*/
 
 .team-section {
     background: #fff;
 }
 .team-medical {
     background: #f9f6f6;
 }
 /* Team Member
--------------*/
 
 .member {
     position: relative;
     padding: 0px 0px;
 }
 .member .img {
     width: 100%;
     position: relative;
 }
 .member .img img {
     width: 100%;
     height: auto;
 }
 .member .info {
     position: absolute;
     text-align: left;
     z-index: 1;
     overflow: hidden;
     background: #ffffffe6;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
     padding-bottom: 10px;
     padding: 0px 20px 0px;
     width: 100%;
     bottom: -54px;
     border: 5px solid #f6ebeb;
     opacity: 0;
 }
 .member .info .social {
     position: absolute;
     width: 100%;
     top: auto;
     -webkit-opacity: 1;
     -moz-opacity: 1;
     -ms-opacity: 1;
     -o-opacity: 1;
     opacity: 1;
     -webkit-transform: translateX(0px) translateY(30px) translateZ(0px) rotate(0deg) scale(1);
     -moz-transform: translateX(0px) translateY(30px) translateZ(0px) rotate(0deg) scale(1);
     -ms-transform: translateX(0px) translateY(30px) translateZ(0px) rotate(0deg) scale(1);
     -o-transform: translateX(0px) translateY(30px) translateZ(0px) rotate(0deg) scale(1);
     transform: translateX(0px) translateY(30px) translateZ(0px) rotate(0deg) scale(1);
     margin-top: -100px;
 }
 .member .info p {
     -webkit-opacity: 0;
     -moz-opacity: 0;
     -ms-opacity: 0;
     -o-opacity: 0;
     opacity: 0;
     font-size: 15px;
     text-transform: capitalize;
     font-weight: 400;
     font-family: inherit;
     color: #1b1a1a;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
 }
 .member:hover .info p {
     -webkit-opacity: 1;
     -moz-opacity: 1;
     -ms-opacity: 1;
     -o-opacity: 1;
     opacity: 1;
     margin-top: -28px;
     margin-bottom: 24px;
     letter-spacing: 2px;
 }
 .member:hover .social {
     bottom: 0px;
 }
 .member:hover .info .social i {
     color: #333;
 }
 .member:hover .info {
     padding: 0px 20px 45px;
     background: #fff;
     opacity: 1;
 }
 .member:hover .social {
     -webkit-opacity: 1;
     -moz-opacity: 1;
     -ms-opacity: 1;
     -o-opacity: 1;
     opacity: 1;
     -webkit-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
     -moz-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
     -ms-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
     -o-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
     transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1);
 }
 .member .info h6 small {
     display: block;
     color: #373737;
     margin-top: 10px;
 }
 .member .info h6 {
     border: none;
     color: #0b0a0a;
     letter-spacing: 2px;
     text-transform: capitalize;
     font-size: 20px;
     font-weight: 700;
     margin: 30px 0px;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
 }
 .member:hover .info h6,
 .member:hover .info h6 small,
 .member:hover .info p {
     color: #333;
 }
 .member .info i {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     line-height: 2.65em;
     font-size: 18px;
     text-align: left;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
 }
 .social li {
     -webkit-transition: all .3s ease-in-out 0s;
     -moz-transition: all .3s ease-in-out 0s;
     -ms-transition: all .3s ease-in-out 0s;
     -o-transition: all .3s ease-in-out 0s;
     transition: all .3s ease-in-out 0s;
     margin-right: 5px;
     font-size: 17px;
 }
 .member .info .social i {
     color: #d4b068 !important;
     -webkit-transform: translateZ(0px);
     -moz-transform: translateZ(0px);
     -ms-transform: translateZ(0px);
     -o-transform: translateZ(0px);
     transform: translateZ(0px);
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
 }
 .member .info .social i:hover {
     color: #333;
     -webkit-transform: translateY(-5px);
     -moz-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     -o-transform: translateY(-5px);
     transform: translateY(-5px);
 }
 
 /*----------------------------------------------------
	9. Testimonial Section
------------------------------------------------------*/
 
 .testimonial-section {
     padding-bottom: 80px;
     padding-top: 100px;
     background: #000 url("../images/background/testimonial1.jpg") repeat 0% 0% / 100% auto;
     background-size: cover;
     background-position: center center;
     /*background-attachment: fixed; */
 }
 .testimonial-section .base-header h3 {
     color: #fff;
 }
 .testimonial-section .base-header p {}
 /*   Testimonial
====================== */
 
 #quote-carousel {
     padding: 0px 10px 13px;
     margin-top: -15px;
 }
 #quote-carousel .carousel-control {
     background: none;
     color: #CACACA;
     font-size: 2.3em;
     text-shadow: none;
     margin-top: 30px;
 }
 #quote-carousel .carousel-control.left {
     left: -60px;
 }
 #quote-carousel .carousel-control.right {
     right: -60px;
 }
 #quote-carousel .carousel-indicators {
     bottom: -88px;
 }
 #quote-carousel .carousel-indicators li {
     width: 50px;
     height: 50px;
     margin: 5px;
     cursor: pointer;
     opacity: 0.4;
     overflow: hidden;
     transition: all 0.4s;
     border-radius: 50%;
     border: 5px solid #fff;
 }
 #quote-carousel .carousel-indicators .active {
     /*!width: 90px;
     height: 90px;
     opacity: 1;
     overflow: hidden;
     border-radius: 1px;*/
     box-shadow: 0px 7px 65px 0px rgba(179, 172, 172, 0.83);
 }
 #quote-carousel .item {
     border-left: none;
     margin: 0;
 }
 #quote-carousel .item p:before {
     content: "\f10d";
     font-family: 'Fontawesome';
     float: left;
     margin-right: 10px;
     color: #ffd200;
     font-size: 25px;
     top: -10px;
     position: relative;
 }
 #quote-carousel .item p {
     line-height: 26px;
     font-size: 14px;
     color: #DBD4D4;
     letter-spacing: 1px;
     text-transform: capitalize;
     text-align: center;
 }
 #quote-carousel .item h5 {
     text-transform: capitalize;
     letter-spacing: 2px;
     font-size: 17px;
     text-align: center;
     margin-top: 30px;
     color: #fedc00;
     font-weight: 900;
     /*font-family: 'Tangerine', cursive;*/
     font-family: 'Oswald', sans-serif;
 }
 #quote-carousel .item h5 span {
     font-size: 13px;
     color: #CBBFBF;
     font-family: 'Roboto', sans-serif;
     font-weight: 400;
     position: relative;
     top: 10px;
     text-transform: capitalize;
 }
 
  /*================================================
    10. Blog Section
==================================================*/
 
 .blog-section {
     background: #F5F5F5;
     padding-bottom: 50px;
 }
 .blog-warp-1 {
     position: relative;
     width: 100%;
     overflow: hidden;
 }
 .blog-warp-1 a {
     text-align: left;
     font-size: 18px;
     line-height: 24px;
     text-transform: uppercase;
     letter-spacing: 3px;
     color: #414141;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
     text-transform: capitalize;
 }
 .blog-warp-1 img {
     width: 140px;
     height: 140px;
     float: left;
     margin-right: 30px;
     display: inline-block;
     margin-bottom: 50px;
 }
 .blog-warp-1 .subtext {
     text-align: left;
     color: #747474;
     font-family: 'Playfair Display', serif;
     text-transform: none;
     letter-spacing: 1px;
     font-size: 13px;
     line-height: 17px;
     font-style: italic;
     margin-top: 5px;
 }
 .blog-warp-1 p {
     text-align: left;
     margin-top: 15px;
 }
 
 
 /*----------------------------------------------------
    11. Client Section
------------------------------------------------------*/
 
 .client-section {
     padding-top: 65px;
     padding-bottom: 90px;
 }
 .client-box {
     width: 100%;
     text-align: center;
     cursor: pointer;
     -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     -ms-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     -o-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     line-height: 120px;
     padding-right: 10px;
 }
 .client-box,
 .client-box img,
 .client-box:hover,
 .client-box:hover img {
     -webkit-transition: all ease .5s;
     -moz-transition: all ease .5s;
     -ms-transition: all ease .5s;
     -o-transition: all ease .5s;
     transition: all ease .5s;
     -webkit-transition: all ease .5s;
     -moz-transition: all ease .5s;
     -ms-transition: all ease .5s;
     -o-transition: all ease .5s;
     transition: all ease .5s;
 }
 .client-section .owl-theme .owl-controls {
     margin-top: 38px;
 }
 .client-section .owl-carousel .owl-item img {
     width: auto;
     display: inline-block;
 }
 /*.client-box img {
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: grayscale(100%);
     -webkit-opacity: .7;
     -moz-opacity: .7;
     -ms-opacity: .7;
     -o-opacity: .7;
     opacity: .7;
 }
 .client-box:hover img {
     -webkit-opacity: 1;
     -moz-opacity: 1;
     -ms-opacity: 1;
     -o-opacity: 1;
     opacity: 1;
     -webkit-filter: grayscale(0);
     -moz-filter: grayscale(0);
     -ms-filter: grayscale(0);
     -o-filter: grayscale(0);
     filter: grayscale(0);
     -webkit-filter: grayscale(0);
     -moz-filter: grayscale(0);
     -ms-filter: grayscale(0);
     -o-filter: grayscale(0);
     filter: grayscale(0);
 }*/
 .client-section .owl-theme .owl-controls .owl-page.active span {
     background: #123488;
 }
 .client-section .owl-theme .owl-controls .owl-page span {
     width: 15px;
     height: 15px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     background: #c3c3c3;
     display: inline-block;
     border: 3px double;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     color: #fff;
 }


 /*----------------------------------------------------
   12. Footer Section
------------------------------------------------------*/
 
 .footer-section {
     float: left;
     width: 100%;
     color: #fff;
     background: #123488;
     padding-bottom: 40px;
     padding-top: 90px;
 }
 .footer-indx {
     margin-top: 0px;
 }
 .footer-section .widget {
     padding-bottom: 15px;
 }
 .footer-section .widget h5 {
     color: #fff;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 18px;
 }
 .footer-section .widget p {
     color: #fff;
     padding-right: 44px;
     margin-top: 20px;
 }
 .footer-section .widget h3 {
     font-family: 'Tangerine', cursive;
     color: #FFF;
     letter-spacing: 5px;
     margin-bottom: 24px;
     margin-top: 27px;
     font-size: 35px;
     font-weight: 700;
 }
 .recent-post {
     margin: 0;
     padding: 0;
 }
 .recent-post li {
    border-bottom: 1px solid transparent;
    list-style: none;
    margin: 0 0 -11px 0;
    position: relative;
    border-color: #3D3E3D;
    padding: 0 0 0px 50px;
 }
 .recent-post li:last-child {
     border-bottom: transparent;
 }
 .footer-section .recent-post li a {
     color: #fff;
     font-family: 'Roboto', sans-serif;
     font-size: 15px;
 }
 .footer-section .recent-post li a:hover {
     color: #fff;
     text-decoration: underline;
 }
 .footer-section .recent-post-date {
     position: absolute;
     width: 37px;
     height: auto;
     text-align: center;
     text-transform: uppercase;
     font-size: 11px;
     line-height: 11px;
     padding: 8px;
     border-radius: 2px;
     left: 0;
     top: 5px;
     color: #fff;
 }
 .footer-section .recent-post-date {
     border: 1px solid #d4b068;
     background: #e1b969;
 }
 .widget_mailchimp .email {
     display: block;
     outline: 0px none;
     margin: 0px 0px 10px;
     text-align: left;
     vertical-align: top;
     height: 40px;
     max-width: ;
     width: 100%;
     padding: 0px 20px;
     line-height: 50px;
     background-color: rgb(255, 255, 255);
     border: 1px solid rgb(224, 224, 224);
     box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05) inset;
     color: rgb(153, 153, 153);
     font-size: 14px;
     position: relative;
     -webkit-backface-visibility: hidden;
     -webkit-transition: all 300ms;
     transition: all 300ms ease 0s;
     padding-left: 55px;
 }
 .mailchimp-subtitle {
     line-height: 24px;
 }
 .widget_mailchimp form {
     margin-bottom: 0;
     position: relative;
     text-align: center;
     margin-top: 13px;
 }
 .widget_mailchimp form > .icon {
     position: absolute;
     top: 8px;
     z-index: 55;
     font-size: 18px;
     left: 20px;
     color: #D1D1D1;
     font-family: 'ElegantIcons';
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
 }
 .icon-mail6::before {
     content: "\e010";
 }
 .widget_mailchimp .mc-embedded-subscribe {
     width: 100%;
     padding: 10px 24px;
     border: transparent;
     color: #123488;
     text-transform: uppercase;
     letter-spacing: 3px;
 }
 .widget_mailchimp .mc-embedded-subscribe:hover {
     box-shadow: 0px 20px 42px -10px rgba(212, 141, 73, 0.2);
     color: #85904D;
 }
 .widget_mailchimp .mc-embedded-subscribe {
     background: #fedc00;
 }
 .footer-social-links ul {
     margin-left: -39px;
 }
 .footer-social-links ul li {
     display: inline-block;
     position: relative;
     margin: 10px 5px 0;
     font-family: "Josefin Sans";
     line-height: 1em;
     vertical-align: top;
 }
 .footer-social-links ul li a {
     display: inline-block;
     text-align: center;
     width: 46px;
     height: 46px;
     line-height: 46px;
     font-size: 21px;
     border: 1px solid #bababa;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     color: #bababa;
     position: relative;
     overflow: hidden;
     z-index: 1;
 }
 .contact_info ul {
     padding: 0;
 }
 .contact_info ul li {
     position: relative;
     padding-left: 30px;
     list-style: none;
 }
 .footer-section .widget.contact_info ul li p {
     margin-top: 16px;
 }
 .contact_info ul li i {
     position: absolute;
     top: 2px;
     left: 0;
     color: #fff;
     font-size: 20px;
 }
 .subfooter {
     text-align: center;
     margin-top: 20px;
     color: #bababa;
 }
 .subfooter p {
     color: rgb(255, 255, 255);
     float: left;
     font-size: 13px;
     margin-top: 0px;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: capitalize;
 }
 .subfooter p a {
     color: rgb(255, 255, 255);
 }
 .scrollup {
     display: inline-block;
     text-align: center;
     font-size: 11px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     color: #FFF;
     float: right;
     font-weight: 700;
     margin-top: 6px;
 }
 .scrollup span {
     line-height: 0px;
     padding-left: 11px;
     font-size: 23px;
     margin-top: -7px;
 }
 .scrollup:hover {
     color: rgba(255, 255, 255, 0.90);
 }
 .footer_arrow::before {
     content: "\f077";
     position: absolute;
     right: 1em;
     padding: 0 1px;
     font-family: FontAwesome;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
 }
 .footer_arrow {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     position: relative;
     padding-right: 2.2em;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
 }
 .scrollup:hover .footer_arrow::before,
 .scrollup:focus .footer_arrow::before,
 .scrollup:active .footer_arrow::before {
     -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
     animation-name: hvr-icon-bob-float, hvr-icon-bob;
     -webkit-animation-duration: .3s, 1.5s;
     animation-duration: .3s, 1.5s;
     -webkit-animation-delay: 0s, .3s;
     animation-delay: 0s, .3s;
     -webkit-animation-timing-function: ease-out, ease-in-out;
     animation-timing-function: ease-out, ease-in-out;
     -webkit-animation-iteration-count: 1, infinite;
     animation-iteration-count: 1, infinite;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     -webkit-animation-direction: normal, alternate;
     animation-direction: normal, alternate;
 }
 /*----------------------------------------------------
		Single Page
------------------------------------------------------*/

 /* Single Page Header
================================= */
 
 header {
     position: relative;
     text-align: center;
     color: #fff;
     background-color: rgba(32, 32, 32, 0.74);
     height: 700px;
 }
 header .container {
     padding-top: 150px;
     padding-bottom: 100px;
     position: relative;
     z-index: 10;
     text-align: center;
 }
 /*<------------------------------------------------------------------midificacion------------------------------------------------------------>*/
 header.blog-bannercj {
     /*background: transparent url("../images/slider/qafinal1.jpg");*//*bicicleta*/
     background: transparent url("../images/slider/portadateclado.jpg");
     /*background: transparent url("../images/slider/baner3.jpg");*/
     color: #FFF;
    /* background-attachment: fixed;*/
     box-sizing: border-box;
     height: 500px;
     background-repeat: no-repeat;
     width: 100%;
     background-size: cover;
     background-position: 50% 60%;
 }
 header.blog-bannerC {
    /* background: transparent url("../images/slider/contactobanner1.jpg");*/
    /*background: transparent url("../images/slider/contacto.jpg");*/
    background: transparent url("../images/slider/portadaciu.jpg");
    /*  color: #FFF;
    background-attachment: fixed;
     box-sizing: border-box;
     height: 500px;
     background-repeat: no-repeat;
     width: 100%;
     background-size: cover;*/
     background-position: 50% 50%;


     width: 100%;
     height: 400px;
     background-repeat: no-repeat;
     background-size: cover;
 }
 header.blog-banner {
     background: transparent url("../images/slider/lancha.jpg");
     color: #FFF;
     background-attachment: fixed;
     box-sizing: border-box;
     height: 500px;
     background-repeat: no-repeat;
     width: 100%;
     background-size: cover;
     background-position: 50% 50%;
 }

 header.blog-bannerN {
     background: transparent url("../images/slider/nosotrosport2.jpg");
     color: #FFF;
     box-sizing: border-box;
     height: 500px;
     background-repeat: no-repeat;
     width: 100%;
     background-size: cover;
     background-position: 60% 0%;

 }
 header {
     position: relative;
     text-align: center;
     color: #fff;
     background-color: rgba(198, 227, 221, 0.39);
     height: 700px;
 }
 .blog-header {
     padding-left: 30px;
     text-align: center;
 }
 .blog-header h4 {
     color: #C8C8C8;
     text-transform: capitalize;
     font-size: 14px;
     letter-spacing: 5px;
     display: block;
     margin-bottom: -25px;
     font-weight: 700;
 }
 .blog-header h4 a {
     color: #C8C8C8;
 }
 .blog-header h3 {
     color: #fff;
     text-transform: uppercase;
     font-size: 45px;
     letter-spacing: 3px;
     padding-bottom: 8px;
     font-weight: 700;
 }
 .blog-header1 h3 {
     color: #123488;
     text-transform: uppercase;
     font-size: 45px;
     letter-spacing: 3px;
     padding-bottom: 8px;
     font-weight: 700;
 }
 .blog-header h4 a:hover {
     color: #fff;
 }
 
 /* =================================
		13. Blog Page
================================= */
 
 .blog_container {
     padding-bottom: 54px;
 }
 .blog-area {
     padding-top: 100px;
     padding-right: 70px;
     /*! padding-bottom: 20px; */
 }
 .blog-post-list {
     margin-bottom: 70px;
 }
 .blog-post-list:last-of-type {
     margin-bottom: 0px;
 }
 .page-content .hvr-shutter-in-horizontal {
     background: #353232;
     color: #fff !important;
 }
 /* - Entry Cover */
 
 .blog-post-list .entry-cover {
     margin-bottom: 30px;
     overflow: hidden;
 }
 .blog-post-list .entry-cover img {
     transition: all 0.4s ease 0s;
     display: block;
     width: 100%;
 }
 .blog-post-list .entry-cover:hover img {
     transform: scale(1.05);
     transition: all 0.4s ease 0s;
     opacity: .7
 }
 /* - Post Meta */
 
 .blog-post-list .post-meta {
     position: absolute;
     border-right: 1px solid #ececec;
     text-align: center;
 }
 .blog-post-list .post-meta [class*="post-"] {
     border-bottom: 1px solid #ececec;
     padding-bottom: 16px;
 }
 .blog-post-list .post-meta [class*="post-"]:last-of-type {
     border-bottom: none;
 }
 .blog-post-list .post-meta a {
     display: inline-block;
     width: 100%;
     padding-top: 16px;
     padding-right: 15px;
     padding-left: 15px;
 }
 .entry-meta a,
 .entry-date a {
     color: RGBA(51, 51, 51, 0.73);
     font-size: 13px;
     margin-right: 20px;
 }
 .entry-date a {
     letter-spacing: 2px;
 }
 /* - Entry Meta */
 
 .blog-post-list .entry-meta {
     color: #232c3b;
     letter-spacing: 1px;
     text-transform: capitalize;
 }
 /* - Entry Title */
 
 .blog-area .single-post .entry-title,
 .blog-area .blog-post-list .entry-title {
     text-decoration: none;
     color: #333;
     font-size: 22px;
     letter-spacing: 2px;
     text-transform: capitalize;
     position: relative;
     top: -8px;
 }
 .blog-post-list .entry-title:hover {
     text-decoration: underline;
     color: #000
 }
 .blog-post-list .entry-content p {
     font-weight: 300;
     color: #8B8B8B;
     line-height: 25px;
     display: inline-block;
     font-size: 14px;
     position: relative;
     margin-bottom: 25px;
 }
 .blog-post-list .entry-content a.hvr-bounce-to-left::before {
     background: #424242;
 }
 .entry-content .more-link {
     border: 2px solid #000;
 }
 /* - Pagination */
 
 .blog-area .pagination {
     width: 100%;
     margin-bottom: 108px;
     margin-top: 13px;
 }
 .blog-area .pagination .pager {
     text-align: left;
     display: inline-block;
     margin: 10px 10px;
     position: relative;
     top: 6px;
 }
 .blog-area .pager li {
     position: relative;
     padding: 0 2px;
 }
 .blog-area .pager .pagi-big a {
     color: #333;
     font-weight: 700;
     color: #333;
 }
 .blog-area .pager li a {
     border-radius: 0;
     letter-spacing: 1px;
     text-transform: uppercase;
     padding: 0;
     color: #8B8B8B;
     font-weight: 700;
     padding: 2px 8px;
     border: 1px solid #8B8B8B;
 }
 .blog-area .pager-icon {
     font-size: 14px;
     left: 0px;
     position: relative;
     top: 6px;
     font-weight: 700;
     letter-spacing: 2px;
 }
 .blog-area .pager-icon:hover {
     color: #000;
 }
 .blog-area .pagination .pager li > a:focus,
 .blog-area .pagination .pager li > a:hover {
     background-color: transparent;
     color: #222;
 }
 /* -- Widget Area */
 
 .widget-area {
     text-align: center;
     padding-top: 100px;
 }
 /* - Widget */
 
 .widget {
     display: inline-block;
     margin-bottom: 40px;
     width: 100%;
 }
 /* - Widget Search */
 
 .widget {
     margin-bottom: 40px;
 }
 .widget-search {
     display: block;
     background: #F8F0F0;
 }
 .widget-search .input-group {
     padding-bottom: 6px;
     padding-top: 6px;
 }
 .widget-search .input-group input {
     background: transparent none repeat scroll 0% 0%;
     border: 0px none;
     border-radius: 0px;
     transition: none 0s ease 0s;
     box-shadow: none;
     font-size: 14px;
     font-weight: 400;
     color: #8D8D8D;
     height: auto;
 }
 .widget-search .input-group button {
     background: #F8F0F0;
     border: medium none;
     font-size: 14px;
     color: #C5C5C5;
     padding: 0px 12px;
 }
 .input-group-btn {
     left: 0px;
 }
 /* - Widget Title */
 
 .widget .widget-title {
     /*! padding: 0px; */
     
     font-size: 18px;
     text-transform: uppercase;
     font-weight: 400;
     text-align: center;
     letter-spacing: 1px;
     margin: 0px 0px 25px;
     position: relative;
     /*! font-family: 'Raleway', sans-serif; */
     
     background: #f8f0f0;
     padding: 10px 0px;
     color: #d4b068;
 }
 /* - Categories Type */
 
 .categories-type li {
     border-bottom: 1px solid #f0f0f0;
     padding: 11px 10px;
     letter-spacing: 0.5px;
     color: #8d8d8d;
     list-style: lower-alpha;
 }
 .widget-post-categories .categories-type {
     text-align: left;
     display: inline-block;
     margin-top: -10px;
     width: 100%;
     margin-left: -53px;
 }
 .categories-type li a {
     color: rgb(141, 141, 141);
 }
 .categories-type li:hover a {
     color: #000;
 }
 .categories-type li span {
     float: right;
     clear: both;
 }
 /* - Recent Post */
 
 .wiget-recent-post {
     margin-bottom: 22px;
 }
 .wiget-recent-post .widget-title {
     margin-top: 10px;
 }
 .recent-post-box {
     display: inline-block;
     border-bottom: 1px solid #f0f0f0;
     padding-bottom: 13px;
     margin-top: 10px;
     width: 100%;
     position: relative;
 }
 .recent-post-box:last-of-type {
     border-bottom: none;
 }
 .recent-title {
     text-align: left;
     padding-right: 100px;
 }
 .recent-title > a {
     font-size: 14px;
     margin-bottom: 10px;
     display: inline-block;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #333;
 }
 .recent-title > a:hover {
     text-decoration: underline;
     color: #333
 }
 .recent-title > p {
     font-size: 13px;
     color: #8B8B8B;
     margin-top: -8px;
 }
 /* - Widget Instagram */
 
 .instagram-photo-list {
     padding: 0px;
     margin: 0px;
     list-style: outside none none;
 }
 .instagram-photo-list li {
     padding: 4px;
     width: 50%;
     float: left;
 }
 .instagram-photo-list li img {
     transition: all 0.2s ease 0s;
 }
 .instagram-photo-list li:hover img {
     transition: all 0.2s ease 0s;
     opacity: 0.5;
 }
 .widget-instagram img {
     width: 300px;
 }
 /* - Widget Tags */
 
 .widget-tags {
     text-align: left;
     width: 100%;
 }
 .widget-tags .widget-title {
     display: inline-block;
     width: 100%;
 }
 .widget-tags > a {
     color: #8D8D8D;
     text-decoration: none;
     border: 1px solid #C3C3C3;
     padding: 6px 13px;
     display: inline-block;
     margin-bottom: 5px;
     font-size: 13px;
 }
 .widget-tags > a:hover {
     color: #d4b068;
     transition: all 1s ease 0s;
     border-color: #d4b068;
 }

 /*=================================
	14. Single Blog Page 
================================= */
 .single_blog_container {
     margin-bottom: -82px;
 }
 .list-comments {
     padding-top: 40px;
 }
 .comments-section-title h4 {
     margin-top: 0px;
     font-size: 24px;
     margin-bottom: 40px;
     letter-spacing: 2px;
     text-transform: uppercase;
     text-align: center;
     font-weight: 700;
     /*! display: inline-block; */
     
     border: 2px solid #f5f2ee;
     padding: 10px 0px;
     color: #123488;
 }
 .comments {
     padding: 0px;
     margin: 0px;
 }
 .comments li {
     list-style: outside none none;
 }
 .comments li .comment {
     border: 1px solid #F2F2F2;
     padding: 30px 30px 30px;
     position: relative;
     overflow: hidden;
     margin-bottom: 40px;
     /*! text-align: center; */
 }
 .comments li .comment img.comment-avatar {
     -webkit-box-shadow: 0px 7px 65px 0px rgba(0, 0, 0, 0.12);
     -moz-box-shadow: 0px 7px 65px 0px rgba(0, 0, 0, 0.12);
     -ms-box-shadow: 0px 7px 65px 0px rgba(0, 0, 0, 0.12);
     -o-box-shadow: 0px 7px 65px 0px rgba(0, 0, 0, 0.12);
     box-shadow: 0px 7px 65px 0px rgba(0, 0, 0, 0.12);
     border: 5px solid #ddd;
     margin-bottom: 20px;
 }
 .comments li .comment strong.commenter-title {
     font-weight: 300;
     font-size: 13px;
     text-transform: uppercase;
     display: block;
     color: #8B8B8B;
     letter-spacing: 2px;
     /*! text-align: center; */
 }
 .comments li .comment strong.commenter-title a {
     color: #000;
 }
 .comments li .comment span.comment-date {
     display: block;
     font-size: 11px;
     margin-bottom: 16px;
     color: #8B8B8B;
     /*! margin-left: 85px; */
     
     margin-top: 0px;
     text-transform: uppercase;
     /*! text-align: center; */
 }
 .comments li .comment span.comment-reply {
     right: 16px;
 }
 .comments li .comment span.comment-reply a {
     color: rgba(39, 39, 39, 0.51);
     background: #FFF;
     transition: all 0.5s ease 0s;
     border: 2px solid #ddd;
     font-size: 11px;
     padding: 5px 15px;
     text-transform: uppercase;
     color: #9e9e9e;
 }
 .comments li .comment span.comment-reply a:hover {
     background: #d4b068;
     color: #fff;
     border: 2px solid #d4b068;
 }
 .comments li .comment span.comment-reply a i {
     font-size: 11px;
 }
 .comments li .comment p:last-child {
     margin-bottom: 0px;
     font-weight: 300;
     color: #8B8B8B;
 }
 .comments li > ul {
     padding-bottom: 7px;
 }
 .comments li .comment p {
     margin-top: 7px;
     font-size: 14px;
 }
 .blog-contact {
     padding: 0px;
     margin-bottom: 100px;
     margin-top: 20px;
 }
 .blog-contact .form-group .col-sm-4,
 .blog-contact .form-group .col-sm-12 {
     padding-left: 0px;
 }
 .form-control {
     color: #555;
     background: transparent;
     border-radius: 1px;
     box-shadow: none;
     border: 1px solid #f2f0f0;
     line-height: 2.429;
     margin-bottom: 20px;
 }
 .form-control:focus {
     border: 1px solid #e9e6e6;
     border-left: 1px solid #d4b068;
     box-shadow: none;
 }
 #contactForm .submit-button:hover {
     /*background: transparent;
     color: #fedc00;
     border: 3px solid #fedc00;*/
     color: #000;
     background: #fedc00;
     font-weight: 700;
     margin-top: 20px;
     padding: 11px 0px;
     border: 3px solid #fedc00;
 }
 #contactForm .submit-button {
     color: #fff;
     background: #fedc00;
     font-weight: 700;
     margin-top: 20px;
     padding: 11px 0px;
     border: 3px solid #fedc00;
 }
 /*====================================================
	15. About Page
====================================================*/
 /*    About Left 
========================== */
 
 .about_page {
     padding-bottom: 100px;
 }
 /*  About Left 
------------------- */
 
 .about-left {
     font-size: 18px;
     margin-top: 35px;
     padding-right: 23px;
     margin-left: 10px;
 }
 .about-left h3 {
     letter-spacing: 2px;
     text-transform: uppercase;
     text-align: left;
     margin-bottom: 30px;
 }
 .about-left small {
     font-size: 28px;
     text-transform: capitalize;
     font-weight: 400;
     display: block;
     line-height: 0.8;
     letter-spacing: 3px;
     margin-bottom: 30px;
     color: #d4b068;
     font-family: 'Tangerine', cursive;
 }
 .about-left .about-more {
     margin-top: 23px;
     text-align: left;
 }
 /*  About Right 
------------------- */
 
 .about-right img {
     margin-top: 35px;
 }
 .about-right .about-img_2 {
     margin-left: 21px;
 }
 /*  Client Section 
========================================= */
 
 .client_section_page {
     padding-top: 0px;
     padding-bottom: 90px;
     margin-top: -37px;
 }
 
 
 /*=========================================
	16. Gallery page
========================================= */
 
 .work_section_page {
     padding-bottom: 100px;
 }
 
 
/*================================
	17. Contact page
===================================*/
 
 .contact_page {
     padding: 64px 0px 100px 0px;
 }
 .contact_page .contact-addrs {
     margin-top: -20px;
 }
 .contact_page .contact-addrs h5 {
     font-size: 20px;
     margin-bottom: 20px;
 }
 .contact_page .contact-addrs p {} .contact_page .submit-button,
 .contact-two .submit-button {
     margin-left: 15px;
 }
 .contact_page .submit-button {
     margin-top: 0px !important;
 }


.myTransparent2{
    position: relative;
    margin: auto;
    width: 100%;
    background-color: rgba(0,0,0,0.73);
    padding-top: 1%;
    padding-right: 2%;
    padding-bottom: 1.7%;
    padding-left: 2%;  
    background-size: auto auto;
}

.myTransparent{
    position: relative;
    margin: auto;
    width: 100%;
    background-color: rgba(0,0,0,0.73);
    padding-top: 1%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-left: 2%; 
}

.separador::after {
    width: 80%;
    background: #123488;
    content: "";
    position: absolute;
    left: 10%;
    height: 2px;
    margin: -2% 0 30px;
}

@media screen and (max-width: 470px) {
        .more-link1 {
                font-size: 10px;
                padding: 10px 33px 10px 7px;
        }
    }
@media screen and (max-width: 470px) {
    .more-link1::after {
        height: 37px;
        line-height: 34px;
        width: 30px;
    }
}
        

#desplegable:hover > ul > li {
     float: left;
 }