/*Theme Name: KeySeo - SEO, Digital Marketing Agency HTML Template
   Author: Bighero
   Version: 1.0

1. General Styles
     1.1 Animations
     1.2 Navbar 
     1.3 Panels
2. Navigation
3. Preloader
4. Social Icons 
5. Sections
6. About us
7. team
8. Services
9. Blog
10. info
11. Widgets
12. Case Study
12. Pricing
14. Clients
15. 404
16. Contact
17. Subscribe
18. trial
19. footer
20. Elements
     20.1 - Buttons
     20.2 - Animated Buttons
     20.3 - Typography
     20.4 - Notifications
     20.5 - Alert Bordered
     20.6 - Forms
21. Responsive

*/

 /* 1. General Styles */

/*  * {
     font-family: "Open Sans" !important;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
     -webkit-tap-highlight-color: transparent;
 } */
 
 * {
    font-family: "OpenSans", Helvetica, Arial, sans-serif !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
}

 *:focus {
     outline: 0;
 }
 
 body {
     background-color: #fff;
     font-size: 16px;
     margin-top: 0px;
 }
 
 a:hover {
     text-transform: none;
 }
 
 a:focus,
 a:active,
 button:active,
 button:focus,
 button:hover,
 button::-moz-focus-inner {
     outline: 0 !important;
 }
 
 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .h1,
 .h2,
 .h3,
 .h4 {
     font-family: "CHANEWEI", Helvetica, Arial, sans-serif !important;
     font-weight: 400;
 }
 
 h1 {
 	font-size: 2.3em;
  }
  
  h2 {
  	font-size: 2em;
  }
 
 h4 {
     font-size: 1.3em;
     line-height: 1.55em;
 }
 
 h6 {
     font-size: 0.9em;
     /*text-transform: uppercase;*/
     font-weight: 500;
 }
 /*
 .btn {
     border: none;
     border-radius: 3px;
     position: relative;
     padding: 8px 28px;
     margin: 10px 1px;
     font-size: 12px;
     font-weight: 400;
     letter-spacing: 0;
     will-change: box-shadow, transform;
     transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
  

  /*
 .btn::-moz-focus-inner {
     border: 0;
 }
 
 .btn {
     box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
 }
 
 .btn,
 .btn:hover,
 .btn:focus,
 .btn:active,
 .btn:active:focus,
 .btn:active:hover {
     background-color: #353535;
     color: #FFFFFF;
 }
 
 .btn:focus,
 .btn:active,
 .btn:hover {
     box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
 }
 
 .btn:disabled,
 .btn:disabled:hover,
 .btn:disabled:focus,
 .btn:disabled:active {
     box-shadow: none;
 }
 
 .btn.btn-simple {
     background-color: transparent;
     color: #353535;
     box-shadow: none;
 }
 
 .btn.btn-simple:hover,
 .btn.btn-simple:focus,
 .btn.btn-simple:active {
     background-color: transparent;
     color: #353535;
 }
 
 .btn.btn-primary {
     box-shadow: 0 2px 2px 0 rgba(255, 211, 0, 0.14), 0 3px 1px -2px rgba(255, 211, 0, 0.2), 0 1px 5px 0 rgba(255, 211, 0, 0.12);
 }
 
 .btn.btn-primary,
 .btn.btn-primary:hover,
 .btn.btn-primary:focus,
 .btn.btn-primary:active,
 .btn.btn-primary:active:focus,
 .btn.btn-primary:active:hover {
     background-color: #fdd306;
 }
 
 .btn.btn-primary:focus,
 .btn.btn-primary:active,
 .btn.btn-primary:hover {
     box-shadow: 0 14px 26px -12px rgba(255, 211, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 211, 0, 0.2);
 }
 
 .btn.btn-primary:disabled,
 .btn.btn-primary:disabled:hover,
 .btn.btn-primary:disabled:focus,
 .btn.btn-primary:disabled:active {
     box-shadow: none;
 }
 
 .btn.btn-danger {
     box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);
 }
 
 .btn.btn-danger,
 .btn.btn-danger:hover,
 .btn.btn-danger:focus,
 .btn.btn-danger:active,
 .btn.btn-danger:active:focus,
 .btn.btn-danger:active:hover {
     background-color: #f44336;
     color: #FFFFFF;
 }
 
 .btn.btn-danger:focus,
 .btn.btn-danger:active,
 .btn.btn-danger:hover {
     box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
 }
 
 .btn.btn-danger:disabled,
 .btn.btn-danger:disabled:hover,
 .btn.btn-danger:disabled:focus,
 .btn.btn-danger:disabled:active {
     box-shadow: none;
 }
 
 .btn.btn-white,
 .btn.btn-white:focus,
 .btn.btn-white:hover {
     background-color: #FFFFFF;
     color: #353535;
 }
 
 .btn.btn-white.btn-simple {
     color: #FFFFFF;
     background: transparent;
     box-shadow: none;
 }
 
 .btn:focus,
 .btn:active,
 .btn:active:focus {
     outline: 0;
 }
 
 .btn.btn-lg {
     font-size: 13px;
     padding: 14px 30px;
 }
 
 .btn.btn-just-icon {
     font-size: 20px;
     padding: 12px 12px;
     line-height: 1em;
 }
 
 .btn.btn-just-icon i {
     width: 20px;
 }
 
 .btn.btn-just-icon.btn-lg {
     font-size: 22px;
     padding: 13px 18px;
 }
 
 .btn .material-icons {
     vertical-align: middle;
     font-size: 17px;
     top: -1px;
     position: relative;
 }
  */
  
  
  /*           Animations              */
@keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
.withripple {
  position: relative;
}


.footer {
    margin-top: 0px !important;
}

span {
    font-size: 16px !important;
    font-family: "OpenSans", Helvetica, Arial, sans-serif !important;
}


p {
    font-size: 16px !important;
    font-family: "OpenSans", Helvetica, Arial, sans-serif !important;
}



p ul li {
    font-size: 14px !important;
}


.ripple-container {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
}

.ripple {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  border-radius: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  transform: scale(1);
  transform-origin: 50%;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}

.ripple.ripple-on {
  transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
  opacity: 0.1;
}

.ripple.ripple-out {
  transition: opacity 0.1s linear 0s !important;
  opacity: 0;
}
.btn.btn-fab .ripple-container,
.navbar .navbar-nav > li > a.btn.btn-fab .ripple-container {
  border-radius: 50%;
}
.animation-transition-general, .carousel .carousel-indicators li {
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}

.animation-transition-slow {
  -webkit-transition: all 370ms linear;
  -moz-transition: all 370ms linear;
  -o-transition: all 370ms linear;
  -ms-transition: all 370ms linear;
  transition: all 370ms linear;
}

.animation-transition-fast, .navbar {
  -webkit-transition: all 150ms ease 0s;
  -moz-transition: all 150ms ease 0s;
  -o-transition: all 150ms ease 0s;
  -ms-transition: all 150ms ease 0s;
  transition: all 150ms ease 0s;
}

 .checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
     animation: rippleOff 500ms;
 }
 
 .checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
     animation: rippleOff 500ms;
 }
 /*  Animations  */
 
 @keyframes rippleOff {
     0% {
         opacity: 0;
     }
     50% {
         opacity: 0.2;
     }
     100% {
         opacity: 0;
     }
 }
 
 .radio label input[type=radio]:not(:checked) ~ .check:after {
     animation: rippleOff 500ms;
 }
 
 @keyframes rippleOff {
     0% {
         opacity: 0;
     }
     50% {
         opacity: 0.2;
     }
     100% {
         opacity: 0;
     }
 }

 .pagination > li > a, .pagination > li > span{
     border-radius: 3px !important;
 }
 
 .title {
     color: #343434;
     text-decoration: none;
 }
 
 .bg-gray {
     background-color: #fafafa;
     padding-bottom: 40px;
 }
 
 .no-mg {
     margin: 0px !important;
 }
 
 .footer hr {
    border-top: 1px solid #ccc;
}
 
 .bg-primary {
    /* background-color: #9158d9; */
     padding: 40px 0;
     color: #fff;
 }

 .icon-primary {
     max-width: 160px;
     /*padding: 0 10px;*/
 }
 
 .bg-primary .description,
 .bg-primary .title {
     color: #fff;
 }
 /* Navbar */
  
 .navbar .navbar-brand:hover,
 .navbar .navbar-brand:focus {
     color: inherit;
     background-color: transparent;
 }
 
 .navbar .navbar-nav > li > a {
     color: inherit;
     padding-top: 15px;
     padding-bottom: 15px;
     /*font-weight: 600;*/
     font-size: 13px;
    /* text-transform: uppercase;*/
     border-radius: 3px;
 }
 
 .navbar .navbar-nav > li > a:hover,
 .navbar .navbar-nav > li > a:focus {
     color: inherit;
     background-color: transparent; 
 }
 
 .navbar .navbar-toggle {
     border: 0;
     padding: 14px 10px;
     top: 20px;
 }
 .navbar-right{ 
   /*margin-top:15px;*/
 }
 .navbar .navbar-toggle:hover,
 .navbar .navbar-toggle:focus {
     background-color: transparent;
 }
 
 .navbar .navbar-toggle .icon-bar {
     background-color: inherit;
     border: 1px solid;
     color: #333;
 }
 
 .navbar .navbar-collapse {
     border-top: none;
     box-shadow: none;
 }
 
 .navbar {
     background-color: #FFFFFF;
     color: #555555;
 }
 .navbar li a{
     height: unset;
 }
 
.navbar-account li:last-of-type a {
    box-shadow: none;
    background-color: transparent;
    border: 1px solid #716f6f !important;
    color: #716f6f;
    transition: background-color .3s ease,color .15s ease;
    border-radius: 4px;
    margin: 6px;
    padding: 5px;
    height: 35px;
}
.navbar-account li:last-of-type a:hover{
 background-color:#716f6f;
 color:#f2d333;
 
}
.navbar-account li:last-of-type a::after {
    font-family: Glyphicons Halflings;
    padding-left: 5px;
    content: '\e008';
}
.loginButton{
    box-shadow: none;
    background-color: transparent;
    border: 1px solid #716f6f !important;
    color: #716f6f;
    transition: background-color .3s ease,color .15s ease;
    border-radius: 4px;
    margin: 6px;
    padding: 5px;
    height: 35px;
    width: 160px;
}
/*
.loginButton::after {
    font-family: Glyphicons Halflings;
    padding-left: 5px;
    content: '\e008';
}*/
.loginButton:hover{
 background-color:#716f6f;
 color:#f2d333;
}

 .border-left{
  border-left: 1px solid #fff;
 }
 .bac-header {
    width: 90px;
    margin-right: 15px;
    background-image: url(../img/bac-header-2.svg), none;
    margin-top: 10px;
    height: 60px;
}
  .navbar-brand {
    float: left;
   
    line-height: 20px;
}
  .sub-brand {
    float: left;
    line-height: 1.7em;
    padding-left: 10px;
    border-left: solid 1px #333;
    margin-top: 10px;
    margin-bottom: 10px;
}
 .navbar.navbar-transparent {
     background-color: transparent;
     box-shadow: none;
     color: #fff;
     padding-top: 25px;
 }
 
 .navbar-absolute {
     position: absolute;
     width: 100%;
     padding-top: 10px;
     z-index: 1029;
 }
 
 .navbar .navbar-nav > li.open > .dropdown-menu {
     border-radius: 2px;
     border-radius: 0px !important;
     padding-top: 0px;
 }
 
 .dropdown-menu li > a {
     color: #525252 !important;
 }
 
 .navbar .dropdown-menu li > a:hover,
 .navbar .dropdown-menu li > a:focus,
 .navbar.navbar-default .dropdown-menu li > a:hover,
 .navbar.navbar-default .dropdown-menu li > a:focus {
     background-color: #fcda59;
     color:#444444!important;
     border-radius: 0px;
 }
 

 .not-onepage .navbar {
     margin-bottom: 0px;
 }
 
 .navbar {
     -webkit-transition: all 150ms ease 0s;
     -moz-transition: all 150ms ease 0s;
     -o-transition: all 150ms ease 0s;
     -ms-transition: all 150ms ease 0s;
     transition: all 150ms ease 0s;
     background-color: transparent;
     box-shadow: none;
 }
 
 .sticky-wrapper {
     /*position: absolute;*/
     width: 100%;
     background-color: #ffffff !important;
     color:#444444!important;
     height: 56px;
     margin-bottom: 0px;
     position: relative;
     top: 6px;
 }             
 
 .navbar,
 .navbar.navbar-default {
     background-color: transparent;
     box-shadow: none;
 }
 
 .page-template .navbar-custom {
     padding: 2px 0px !important;
     box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
     background-color: #ffffff !important;
     color:#444444!important;
 }
 
 .sticky-wrapper.is-sticky .navbar-custom {
     padding: 2px 0px !important;      
     box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
     background-color: #ffffff !important;
     color:#444444!important;
 }
 
 .is-sticky{
   background-color: #ffffff !important;
   color:#444444!important;
 }
 
 .navbar-custom {
     width: 100%;
     border-radius: 0px;
     z-index: 999;
     padding: 10px 0px;
     margin-bottom: 0px;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     background-color: #ffffff !important;
     color:#444444!important;
 }
 
 .navbar-custom .navbar-nav li a {
      color:#444444!important;
     font-size: 15px;
     margin: 5px 0px;
 }

 
 .navbar-custom .nav>li>a:focus,
 .navbar-custom .nav>li>a:hover {
     background-color: transparent;
      color:#888888!important;
 }
 
 
 
 .navbar .navbar-nav > .open > a,
 .navbar .navbar-nav > .open > a:hover,
 .navbar .navbar-nav > .open > a:focus {
     color: #fff;
 }
 
 .header-hero {
     background-color: #3f51b5;
     background-image: url('../img/bg-cover.png');
     background-size: cover;
     /*padding: 56px 5px 2px;*/
     color: #fff;
     height: 270px;
 }
 
 .header-hero::after {
     position: absolute;
     content: '';
     top:0;
     width: 100%;
     height: 270px;
     background-color: rgba(63, 81, 181, 0.85);
     z-index: 5;
 }
 
 .header-hero hr {
     width: 220px;
     /*float: left;*/
 }
 
 .header-hero .container {
     top:120px;
     position: relative;
     z-index: 20;
 }
 /* Panels */
 
 .panel {
     background-color: transparent;
     border: 0 none;
     box-shadow: none;
 }
 
 .panel .panel-heading {
     background-color: transparent !important;
     border-bottom: 1px solid #ddd;
     padding: 25px 10px 5px 0px;
 }
 
 .panel .panel-heading .panel-title {
     font-size: 15px;
     font-weight: bolder;
 }
 
 .panel .panel-heading a:hover,
 .panel .panel-heading a:focus,
 .panel .panel-heading a:active {
     text-decoration: none;
 }
 
 .panel .panel-heading a {
     color: #3C4858;
 }
 
 .panel .panel-heading a:hover,
 .panel .panel-heading a:active,
 .panel .panel-heading a[aria-expanded="true"] {
     color: #9158d9;
 }
 
 .panel .panel-heading a[aria-expanded="true"] .panel-title > i,
 .panel .panel-heading a.expanded .panel-title > i {
     filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 
 .panel .panel-heading i {
     float: right;
 }
 
 .panel .panel-body {
     border: 0 none;
     padding: 15px 0px 5px;
 }
 
 .panel.panel-default .panel-heading + .panel-collapse .panel-body {
     border: 0 none;
 }
 /* Carousel Slider */
 
 .carousel .carousel-indicators li {
     -webkit-transition: all 300ms linear;
     -moz-transition: all 300ms linear;
     -o-transition: all 300ms linear;
     -ms-transition: all 300ms linear;
     transition: all 300ms linear;
 }
 legend,
 .legend {
     display: block;
     width: 100%  !important;;
     padding: 5px  !important;;
     margin-bottom: 0px  !important;;
     font-size: 17px  !important;;
     line-height: inherit  !important;;
     color: #333333  !important;;
     border: 0;
 }
 
 .carousel .carousel-control.left,
 .carousel .carousel-control.right {
     background-image: none;
 }
 .table.no-border tr td, .table.no-border tr th {
     border-width: 0;
 }

 ul.without-bullet {
     list-style-type: none;
     padding-top: 3px;
 }
 li.without-spaces{
     text-indent: -25px;
     padding-top: 3px;
 }
 .carousel .carousel-control.right i {
     right: 0;
 }
 
 .carousel .item {
     text-align: left;
 }
 
 .carousel .carousel-control.left {
     left: -25px;
 }
 
 .carousel .carousel-control.right {
     left: auto;
 }
 
 .carousel .carousel-control .material-icons {
     position: absolute;
     top: 50%;
     z-index: 5;
     display: inline-block;
     font-size: 50px;
     margin-top: -15px;
 }
 
 .carousel .carousel-indicators {
     bottom: 5px;
 }
 
 .carousel .carousel-indicators li,
 .carousel .carousel-indicators .active {
     margin: 11px 2px;
     width: 6px;
     height: 15px;
 }
 
 .carousel .carousel-indicators li {
     background: #FFFFFF;
     box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 10px;
 }
 
 .carousel .carousel-indicators .active {
     margin-top: 10px;
     padding: 14px 0px;
     border-radius: 2px;
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -o-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
 }
 
 .carousel .carousel-control {
     width: 15%;
 }
 
 .yellow-bar{
    background-color:#fdd306;
    min-height:6px;
 }
 
 .navbar-account{
    font-size: 95%;
    font-weight: 600;
    margin: 0;
 }
 
 .sticky-nav{
   top:36px;
 }

.footer-widget ul {
    list-style-type: none;
    margin: 0;
    padding: 0 3% 0 0;
 }
 .footer-widget .social li {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 8px;
}
.footer-widget .social li a {
    width: 25px;
    height: 25px;
    font-size: 0;
    display: inline-block;
}
.footer-widget ul li a {
    font-weight: bold;
    color: #aaaaaa;
    text-decoration: none;
}
.social-fb {
    background-image: url(../img/icons/social-fb.png);
    background-size: cover;
    -ms-behavior: url(http://www.buenosaires.gob.ar/sites/gcaba/themes/gcbaV4/xgcaba/bastrap/backgroundsize.min.htc);
}
.social-tw {
    background-image: url(../img/icons/social-tw.png);
    background-size: cover;
    -ms-behavior: url(http://www.buenosaires.gob.ar/sites/gcaba/themes/gcbaV4/xgcaba/bastrap/backgroundsize.min.htc);
}
.social-li {
    background-image: url(../img/icons/social-li.png);     
    background-size: cover;
    -ms-behavior: url(http://www.buenosaires.gob.ar/sites/gcaba/themes/gcbaV4/xgcaba/bastrap/backgroundsize.min.htc);
}
.social-in {
    background-image: url(../img/icons/social-in.png);
    background-size: cover;
    -ms-behavior: url(http://www.buenosaires.gob.ar/sites/gcaba/themes/gcbaV4/xgcaba/bastrap/backgroundsize.min.htc);
}

 /*** Navigation ***/
 .section{
  padding:0 !important;
  /*margin-top:0 !important;*/
  padding-top: 40px !important;
  padding-bottom: 40px !important;
 } 
 
 .page-header {
     height: 100vh;
     margin: 0;
     padding: 0;
     border: 0;
     /*background-color: #3b5998;  */
     text-shadow: 0px 2px 2px rgba(0,0,0,0.4);
 }
 .page-header.over {
     
    background: unset; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; 
    background-size: cover;
    
    }
    
 .carousel .item {
 background-color: #3b5998;
    }
 
 
 .carousel .item.img-full-interno {
 background: url(../img/slide_interno.png) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    max-height: 188px;
    }
    
 .carousel .item.img-full {
 background: url(../img/fondo-home.png) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

.item.img-full-banner-home-ivc-barrio-olimpico {
 background: url(/barrio-olimpico/files/banner-home-ivc) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.item.img-full-seccion-botones-barrio-olimpico {
 background: url(/barrio-olimpico/files/banner-botones) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.item.img-full-libro-que-es-barrio-olimpico {
 background: url(/barrio-olimpico/files/header-libro-que-es-barrio-olimpico) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.item.img-full-libro-barrio-olimpico-proceso-inscripcion {
 background: url(/barrio-olimpico/files/header-libro-proceso-inscripcion) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.item.img-full-libro-barrio-olimpico-requisitos {
 background: url(/barrio-olimpico/files/header-libro-requisitos) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.item.img-full-libro-barrio-olimpico-preguntas-frecuentes {
 background: url(/barrio-olimpico/files/header-libro-preguntas-frecuentes) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.box {
  transition: box-shadow .3s;
  box-shadow: 0 0 5px #DCDCDC;
  border: 2px solid #DCDCDC;
}

.box:hover {
    box-shadow: -3px 3px #DCDCDC;
}

.overlay-desc {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  justify-content: center;
}

.seccion-libro-barrio-olimpico p {
    text-align: justify;
}

.seccion-requisitos-barrio-olimpico ul {
    text-align: justify;   
    padding-left: 0em;
}

.seccion-requisitos-barrio-olimpico li {
    line-height: 2em;
    list-style: none;    
}

.seccion-requisitos-barrio-olimpico ul li::before {
  color: #900C3F;
  content: "\2022";
  font-size: 2em;
  padding-right: 0.3em;  
  position: relative;
  top: 0.2em;  
}

.seccion-requisitos-barrio-olimpico p {
   /*  margin-left: 25px;    */
}

.seccion-preguntas-frecuentes-barrio-olimpico ul {
    text-align: justify; 
    padding-left: 0em;  
}

.seccion-preguntas-frecuentes-barrio-olimpico li {       
    line-height: 2em;
    list-style: none;
    font-weight: bold;  
}

.seccion-preguntas-frecuentes-barrio-olimpico p {
    margin-left: 25px; 
}

.seccion-preguntas-frecuentes-barrio-olimpico ul li::before {
  color: #A23EE7;  
  content: "\2022"; 
  font-size: 2em; 
  padding-right: 0.3em; 
  position: relative; 
  top: 0.2em;
}

/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider arrow skin 106 css*/
.jssora106 {display:block;position:absolute;cursor:pointer;}
.jssora106 .c {fill:#fff;opacity:.3;}
.jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
.jssora106:hover .c {opacity:.5;}
.jssora106:hover .a {opacity:.8;}
.jssora106.jssora106dn .c {opacity:.2;}
.jssora106.jssora106dn .a {opacity:1;}
.jssora106.jssora106ds {opacity:.3;pointer-events:none;}

/*jssor slider thumbnail skin 101 css*/
.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}


.is-active.submenu-barrio-olimpico-index-0 {
    color:#06A585;
    font-weight: bold;
}

.is-active.submenu-barrio-olimpico-index-1 {
    color:#FFB135;
    font-weight: bold;
}

.is-active.submenu-barrio-olimpico-index-2 {
    color: #E45C50;
    font-weight: bold;
}

.is-active.submenu-barrio-olimpico-index-3 {
    color: #A23EE7;
    font-weight: bold;
}

.hoverlay{
    background-color: rgba(59,89,152,.4) !important; /*#3b5998;*/
     text-shadow: 0px 2px 2px rgba(0,0,0,0.4);
 }
 .page-header .container,
 .single-page-header .container {
     padding-top: 130px;
     color: #FFFFFF;
 }
 
 .page-header .title,
 .single-page-header .title {
     color: #FFFFFF;
     line-height: 45px;
 }
 
 .single-page-header {
     background-attachment: fixed;
 }
 
 .single-page-header .title {
     transition: all 1.3s;
     font-size: 45px;
 }
 
 .header-3 .btn {
     margin: 0;
 }
 
 .header-3 h6 {
     margin-bottom: 0;
 }
 
 .single-page-header {
     height: 450px;
     background-position: center center;
     background-size: cover;
     margin: 0;
     padding: 0;
     border: 0;
 }
 /*  Preloader */
 
 #preloader {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 9999;
     width: 100%;
     height: 100%;
     overflow: visible;
     background: #0389d1;
 }
 
 .loader {
     animation: animate 1.5s linear infinite;
     clip: rect(0, 80px, 80px, 40px);
     height: 80px;
     width: 80px;
     position: absolute;
     left: calc(50% - 40px);
     top: calc(50% - 40px);
 }
 
 @keyframes animate {
     0% {
         transform: rotate(0deg)
     }
     100% {
         transform: rotate(220deg)
     }
 }
 
 .loader:after {
     animation: animate2 1.5s ease-in-out infinite;
     clip: rect(0, 80px, 80px, 40px);
     content: '';
     border-radius: 50%;
     height: 80px;
     width: 80px;
     position: absolute;
 }
 
 @keyframes animate2 {
     0% {
         box-shadow: inset #fff 0 0 0 17px;
         transform: rotate(-140deg);
     }
     50% {
         box-shadow: inset #fff 0 0 0 2px;
     }
     100% {
         box-shadow: inset #fff 0 0 0 17px;
         transform: rotate(140deg);
     }
 }
 /* Social Icons */
 
 .btn.btn-facebook,
 .navbar .navbar-nav > li > a.btn.btn-facebook {
     background-color: #3b5998;
     color: #fff;
     box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
 }
 
 .btn.btn-facebook:focus,
 .btn.btn-facebook:active,
 .btn.btn-facebook:hover,
 .navbar .navbar-nav > li > a.btn.btn-facebook:focus,
 .navbar .navbar-nav > li > a.btn.btn-facebook:active,
 .navbar .navbar-nav > li > a.btn.btn-facebook:hover {
     background-color: #3b5998;
     color: #fff;
     box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2);
 }
 
 .btn.btn-facebook.btn-simple,
 .navbar .navbar-nav > li > a.btn.btn-facebook.btn-simple {
     color: #3b5998;
     background-color: transparent;
     box-shadow: none;
 }
 
 .btn.btn-twitter,
 .navbar .navbar-nav > li > a.btn.btn-twitter {
     background-color: #55acee;
     color: #fff;
     box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
 }
 
 .btn.btn-twitter:focus,
 .btn.btn-twitter:active,
 .btn.btn-twitter:hover,
 .navbar .navbar-nav > li > a.btn.btn-twitter:focus,
 .navbar .navbar-nav > li > a.btn.btn-twitter:active,
 .navbar .navbar-nav > li > a.btn.btn-twitter:hover {
     background-color: #55acee;
     color: #fff;
     box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2);
 }
 
 .btn.btn-twitter.btn-simple,
 .navbar .navbar-nav > li > a.btn.btn-twitter.btn-simple {
     color: #55acee;
     background-color: transparent;
     box-shadow: none;
 }
 
 .btn.btn-pinterest,
 .navbar .navbar-nav > li > a.btn.btn-pinterest {
     background-color: #cc2127;
     color: #fff;
     box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
 }
 
 .btn.btn-pinterest:focus,
 .btn.btn-pinterest:active,
 .btn.btn-pinterest:hover,
 .navbar .navbar-nav > li > a.btn.btn-pinterest:focus,
 .navbar .navbar-nav > li > a.btn.btn-pinterest:active,
 .navbar .navbar-nav > li > a.btn.btn-pinterest:hover {
     background-color: #cc2127;
     color: #fff;
     box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2);
 }
 
 .btn.btn-pinterest.btn-simple,
 .navbar .navbar-nav > li > a.btn.btn-pinterest.btn-simple {
     color: #cc2127;
     background-color: transparent;
     box-shadow: none;
 }
 
 .btn.btn-google,
 .navbar .navbar-nav > li > a.btn.btn-google {
     background-color: #dd4b39;
     color: #fff;
     box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
 }
 
 .btn.btn-google:focus,
 .btn.btn-google:active,
 .btn.btn-google:hover,
 .navbar .navbar-nav > li > a.btn.btn-google:focus,
 .navbar .navbar-nav > li > a.btn.btn-google:active,
 .navbar .navbar-nav > li > a.btn.btn-google:hover {
     background-color: #dd4b39;
     color: #fff;
     box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2);
 }
 
 .btn.btn-google.btn-simple,
 .navbar .navbar-nav > li > a.btn.btn-google.btn-simple {
     color: #dd4b39;
     background-color: transparent;
     box-shadow: none;
 }
 
 .btn.btn-linkedin,
 .navbar .navbar-nav > li > a.btn.btn-linkedin {
     background-color: #0976b4;
     color: #fff;
     box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
 }
 
 .btn.btn-linkedin:focus,
 .btn.btn-linkedin:active,
 .btn.btn-linkedin:hover,
 .navbar .navbar-nav > li > a.btn.btn-linkedin:focus,
 .navbar .navbar-nav > li > a.btn.btn-linkedin:active,
 .navbar .navbar-nav > li > a.btn.btn-linkedin:hover {
     background-color: #0976b4;
     color: #fff;
     box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2);
 }
 
 .btn.btn-linkedin.btn-simple,
 .navbar .navbar-nav > li > a.btn.btn-linkedin.btn-simple {
     color: #0976b4;
     background-color: transparent;
     box-shadow: none;
 }
 
 .btn.btn-dribbble,
 .navbar .navbar-nav > li > a.btn.btn-dribbble {
     background-color: #ea4c89;
     color: #fff;
     box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
 }
 
 .btn.btn-dribbble:focus,
 .btn.btn-dribbble:active,
 .btn.btn-dribbble:hover,
 .navbar .navbar-nav > li > a.btn.btn-dribbble:focus,
 .navbar .navbar-nav > li > a.btn.btn-dribbble:active,
 .navbar .navbar-nav > li > a.btn.btn-dribbble:hover {
     background-color: #ea4c89;
     color: #fff;
     box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2);
 }
 
 .btn.btn-dribbble.btn-simple,
 .navbar .navbar-nav > li > a.btn.btn-dribbble.btn-simple {
     color: #ea4c89;
     background-color: transparent;
     box-shadow: none;
 }
 
 .btn.btn-github,
 .navbar .navbar-nav > li > a.btn.btn-github {
     background-color: #343434;
     color: #fff;
     box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
 }
 
 .btn.btn-github:focus,
 .btn.btn-github:active,
 .btn.btn-github:hover,
 .navbar .navbar-nav > li > a.btn.btn-github:focus,
 .navbar .navbar-nav > li > a.btn.btn-github:active,
 .navbar .navbar-nav > li > a.btn.btn-github:hover {
     background-color: #343434;
     color: #fff;
     box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2);
 }
 
 .btn.btn-github.btn-simple,
 .navbar .navbar-nav > li > a.btn.btn-github.btn-simple {
     color: #343434;
     background-color: transparent;
     box-shadow: none;
 }
 
 .btn.btn-youtube,
 .navbar .navbar-nav > li > a.btn.btn-youtube {
     background-color: #e52d27;
     color: #fff;
     box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
 }
 
 .btn.btn-youtube:focus,
 .btn.btn-youtube:active,
 .btn.btn-youtube:hover,
 .navbar .navbar-nav > li > a.btn.btn-youtube:focus,
 .navbar .navbar-nav > li > a.btn.btn-youtube:active,
 .navbar .navbar-nav > li > a.btn.btn-youtube:hover {
     background-color: #e52d27;
     color: #fff;
     box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2);
 }
 
 .btn.btn-youtube.btn-simple,
 .navbar .navbar-nav > li > a.btn.btn-youtube.btn-simple {
     color: #e52d27;
     background-color: transparent;
     box-shadow: none;
 }
 
 .btn.btn-instagram,
 .navbar .navbar-nav > li > a.btn.btn-instagram {
     background-color: #125688;
     color: #fff;
     box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12);
 }
 
 .btn.btn-instagram:focus,
 .btn.btn-instagram:active,
 .btn.btn-instagram:hover,
 .navbar .navbar-nav > li > a.btn.btn-instagram:focus,
 .navbar .navbar-nav > li > a.btn.btn-instagram:active,
 .navbar .navbar-nav > li > a.btn.btn-instagram:hover {
     background-color: #125688;
     color: #fff;
     box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2);
 }
 
 .btn.btn-instagram.btn-simple,
 .navbar .navbar-nav > li > a.btn.btn-instagram.btn-simple {
     color: #125688;
     background-color: transparent;
     box-shadow: none;
 }
 /* Sections */
 
 section p.description {
     width: 70%;
     margin: 0 auto;
 }
 
 .main-container {
    /*padding-top: 48px;*/
    padding-bottom: 0px;
}
 section {
    
 }
 
 .section-no-padding-top {
     padding-top: 0px !important;
 }
 
 .description {
     color: #333;
 }
 
 .info p {
     color: #333;
 }
 
 .caracteristicas_cred{
    text-align:left;
    margin-top: 30px;
 }
 .caracteristicas_links{
    text-align:left;
    margin-left: 20px;
 }
 .btn-custom{
    margin:5px;    
 }
 .more-about .shortcut {
    min-height: 220px;
 }
 .shortcut p{
    min-height: 75px;
 }
 
 .shortcut > span {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    background-size: 100%;
    box-shadow: 0px 0px 10px 4px rgba(196,196,196,0.5);
    -moz-box-shadow: 0px 0px 10px 4px rgba(196,196,196,0.5);
    -webkit-box-shadow: 0px 0px 10px 4px rgba(196,196,196,0.5);
    transition: box-shadow .25s ease;
}
.shortcut:hover > span {

    box-shadow: 0px 0px 10px 4px rgba(102,102,102,0.5);
    -moz-box-shadow: 0px 0px 10px 4px rgba(102,102,102,0.5);
    -webkit-box-shadow: 0px 0px 10px 4px rgba(102,102,102,0.5);

}
.shortcut:hover {
    background: transparent;
}
.shortcut:hover p, .shortcut:focus p {
    color: #333;
}
.shortcut:hover h3, .shortcut:focus h3, .shortcut:visited h3 {
    color: #333;
}
 
 /*.title,*/
 .card-title,
 .info-title,
 .footer-brand,
 .footer-big h5,
 .footer-big h4,
 .media .media-heading {
     font-weight: normal;
 }
 
 .section-header .title {
     margin-bottom: 0px;
     margin-top: 0px;
 }
 
 .section-header {
     position: relative;
     padding-bottom: 0px;
     margin-top: 75px;
 }
  
 
 .section-header .section-number {
     font-size: 124px;
     color: rgba(74, 74, 74, 0.1);
     position: absolute;
     line-height: 1;
     top: -20px;
     margin: auto;
     left: 0; bottom: 0; right: 0;
 }
 .more-about .img-container{
     margin-top: 0px;
 }
 #comprar{
    padding-top: 40px !important;
 }
 .shortcut-bco{
    border-right: 1px solid lightgrey;
    border-radius: 0px;
 }
 .shortcut:hover, .shortcut:focus {
    background: unset;
    text-decoration: none;
    color: #333;
 }
 .shortcut p {
    color: #333;
}
 .more-about{
    padding-top: 0px !important;      
   
 }
 .more-about .description{
   position:absolute;
   display:none;
 }
 
  #primera-casa-info {
        float:left;max-width:80%;left:-100px;top:60px
    }
  #procrear-info {
        float:left;max-width:80%;right:-120px;top:62px
    }
  #otros-bancos-info {
        float:left;max-width:80%;left:-86px;top:90px
    }
  #vivienda-nueva-info {
        float:left;max-width:80%;right:-80px;top:95px
    }
  #banco-nacion-info {
        float:left;max-width:80%;left:-100px;top:75px
    }
  #fideicomisos-info {
        float:left;max-width:80%;right:-120px;top:75px
    }
 
 /* About us */
 
 .about .more-about .info .icon > i {
     font-size: 1.8em;
 }
 
 .about .more-about .info .info-title {
     margin: 15px 0 5px;
 }
 
 .about .more-about .info {
     padding: 20px 0 10px;
 }
 
 .about .info {
     max-width: initial;
 }
 
 .about .img-container {
     margin-top: 50px;
 }
 
 .img-about {
     margin-top: 45px;
 }
 
 .about-ul li {
     list-style: none;
 }
 .custom-list li{
     list-style: none;
     padding: 2px 0px;
 }
 .custom-list li:before{
     font-family: "FontAwesome";
     content: "\f101";
     padding-right: 8px;
 }
 /* team */
 
 #team {
     /*padding-bottom: 0;*/
     padding-top: 0;
     margin-top: 0;
 }
 
 .team {
     margin-top: 0 !important;
 }
 
 .team .description {
     padding-bottom: 40px;
 }
 
 .card img {
     width: 100%;
 }
 
 .card .header-primary {
     background: #9158d9 !important;
 }
 
 .card-profile .card-avatar,
 .card-testimonial .card-avatar {
     margin: -70px auto 0;
 }
 
 .team .card {
     -webkit-box-shadow: 0px 0px 60px 0px rgb(145, 88, 217);
     box-shadow: 0px 0px 60px 0px rgb(145, 88, 217);
     margin-top: 85px;
 }
 
 .card-profile .card-avatar {
     max-width: 130px;
     max-height: 130px;
     margin: -80px auto 0;
     border-radius: 50%;
     overflow: hidden;
     box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
 }
 
 .skills-lists {
     margin: 35px;
 }
 
 .skill-1,
 .skill-2,
 .skill-3,
 .skill-4,
 .skill-5 {
     position: relative;
 }
 
 .skill-bar-text {
     position: absolute;
     top: 25px;
     color: #000;
     right: 10%;
 }
 /* Services */
 
 .services-2 img {
     margin-top: 65px;
 }
 
 .services-1 {
     margin-bottom: 40px;
 }
 
 .img-thumbnail {
     border-radius: 0;
 }
 
 .services-item img {
     width: 90px;
     display: inline-block;
 }
 
 .row-space {
     margin-top: 30px;
 }
 /* Blog */
 
 .blog {
    
 }
 
 .card.card-blog {
     border-radius: 0;
     -webkit-transition: 0.6s;
     -moz-transition: 0.6s;
     -ms-transition: 0.6s;
     -o-transition: 0.6s;
     transition: 0.6s;
 }
 
 .card.card-blog:hover {
     -webkit-box-shadow: 0px 0px 60px 0px rgba(145, 88, 217, 0.43);
     box-shadow: 0px 0px 60px 0px rgba(145, 88, 217, 0.43);
 }
 
 .blog-tags {
     padding-top: 16px;
 }
 
 .blog-meta {
     margin: 10px 0px;
     font-style: italic;
 }
 
 .post-thumbnail {
     margin: 18px 0px 0px;
 }
 
 .card-profile,
 .card-testimonial {
     background-color: transparent;
     box-shadow: none;
     padding: 15px;
 }
 
 .media .avatar {
     margin: 0 auto;
     width: 64px;
     height: 64px;
     overflow: hidden;
     border-radius: 50%;
     margin-right: 15px;
     box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
 }
 
 .single-post-profile .card-avatar {
     margin: 0px auto 0;
 }
 
 .post-author img {
     display: inline-block;
     max-width: 80px;
     margin-bottom: 15px;
 }
 
 .post-author a {
     color: #fff;
     font-weight: 600;
 }
 
 .post-author a:hover {
     text-decoration: none;
 }
 
 .media .media-heading small {
     font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 }
 
 .media .media-body {
     padding-right: 10px;
 }
 
 .media .media-body .media .media-body {
     padding-right: 0px;
 }
 
 .media .media-footer .btn {
     margin-bottom: 20px;
 }
 
 .media .media-footer:after {
     display: table;
     content: " ";
     clear: both;
 }
 
 a.blog-title {
     font-size: 2.4rem;
 }
 
 a.blog-title:hover {
     text-decoration: none;
 }
 
 .blog .card .header {
     margin: 6px;
     padding: 15px 0;
 }
 
 .blog .card {
     border-radius: 0;
 }
 
 .blog .card-nav-tabs .header,
 .blog .card .header {
     margin-top: -20px;
 }
 
 .nav-tabs > li > a {
     text-transform: none;
     border: 0;
     margin: 0;
     border-radius: 3px;
     line-height: 12px;
     font-size: 13px;
 }
 
 .media p {
     color: #353535;
     font-size: 16px;
     line-height: 1.6em;
 }
 
 .media-left,
 .media > .pull-left {
     padding: 10px;
 }
 
 .blog-title {
     font-size: 2.4rem;
 }
 /* info */
 
 .easypiechart {
     display: inline-block;
     height: 100px;
     position: relative;
     text-align: center;
     width: 100px;
 }
 
 .easypiechart canvas {
     left: 0;
     position: absolute;
     top: 0;
 }

 
 .easypiechart .percent {
     color: #fff;
     display: inline-block;
     font-size: 24px;
     line-height: 100px;
     z-index: 2;
     font-weight: 600;
 }
 .el-list .easypiechart .percent{
     color:#000;
 }
 
 .easypiechart.easypiechart-widget-pie {
     margin-bottom: 5px;
     margin-top: 5px;
 }
 
 .pie-chart > span {
     left: 0;
     margin-top: -2px;
     position: absolute;
     right: 0;
     text-align: center;
     top: 50%;
     transform: translateY(-50%);
 }
 
 .easypiechart > span > img {
     height: 60%;
     left: 0;
     margin: 0 auto;
     position: absolute;
     right: 0;
     text-align: center;
     top: 50%;
     transform: translateY(-50%);
     width: 60%;
 }
 
 .skill-head {
     display: block;
     margin: 18px;
     font-size: 23px !important;
 }
 /* Widgets */
 
 .widget [class*="col"] {
     padding: 5px;
 }
 
 .widget-title {
     font-size: 15px;
     font-weight: 700;
     margin: -1px 0 3px 0;
 }
 
 .widget-header-title {
     font-size: 18px;
     font-weight: 700;
     margin: 3px 0 3px 0;
 }
 
 .widget-space {
     margin: 40px;
 }
 
 .card-nav-tabs {
     margin-top: 0px;
 }
 
 .widget span {
     font-size: 14px;
 }
 
 .card-nav-tabs .nav-tabs {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     justify-content: center;
 }
 
 .blog .tag-cloud .btn {
     text-transform: none;
     margin: 3px;
     padding: 6px 13px;
     background: transparent;
     border-radius: 3px;
     color: #000;
     border: 1px solid #9158d9;
     font-size: 13px;
     box-shadow: none;
 }
 /* Case Study */
 
 .case-study-three-col {
     min-height: 500px;
 }
 

 .case-study-three-col .mix {
     display: none;
 }
 
 .case-study .filter-btn {
     margin-bottom: 30px;
 }
 
 .case-study .btn {
     color: #242424;
     -webkit-box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
     box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
 }
 
 .case-study .btn.active {
     background-color: #9158d9 !important;
     color: #fff;
     border-color: transparent;
 }
 .filter-btn{
     margin-bottom: 20px;
 }
 
 .case-study-item {
     overflow: hidden;
     position: relative;
     margin-bottom: 20px;
 }
 
 .case-study-item .overlay {
     background: rgba(23, 32, 23, 0.7);
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     opacity: 0;
     -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
     -ms-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
 }
 
 .case-study-caption span {
     display: block;
 }
 
 .case-study-caption {
     position: absolute;
     color: #fff;
     top: 10%;
     padding: 30px;
     bottom: 0;
     left: 0;
     right: 0;
     opacity: 0;
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     transform: translateY(200px);
 }
 
 .case-study-caption .btn {
     background-color: transparent;
     color: #fff;
     -webkit-box-shadow: none;
     box-shadow: none;
 }
 
 .case-study-caption .fa-heart:hover {
     color: #f44336;
 }
 
 .case-study-item img {
     -webkit-transition: 1s;
     -moz-transition: 1s;
     -ms-transition: 1s;
     -o-transition: 1s;
     transition: 1s;
 }
 
 .case-study-item:hover img {
     -webkit-transform: scale(1.3);
     -moz-transform: scale(1.3);
     -ms-transform: scale(1.3);
     -o-transform: scale(1.3);
     transform: scale(1.3);
 }
 
 .case-study-item:hover .case-study-caption,
 .case-study-item:hover .overlay {
     opacity: 1;
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
     transform: translateY(0px);
 }


 /*  .case-study-caption .fa-heart{
    padding-right: 30px;
} */
 /* Pricing */
 
.price-table{
     /*padding-top: 30px;*/
     border-radius: 2px;
     background-color: #fff;
     -webkit-box-shadow: 0 16px 26px -10px rgba(63, 81, 181, 0.45);
     box-shadow: 0 16px 26px -10px rgba(63, 81, 181, 0.45);

}
.price-table-1,
.price-table-2,
.price-table-3{
     padding-top: 30px;
}
.price-icon{
     max-width: 100px;
    display: inline-block;
    margin-top: -52px;
    border: 1px dashed;
    border-radius: 50%;
    padding: 12px;

}
.price-table h2{
     font-weight: 600;
     font-size: 2em;
}
.price-table ul{
     padding: 0;
}
.price-table ul li{
     list-style: none;
     text-align: center;
    padding: 5px 0px;
    font-size: 15px;
}

.price-table sup{
     font-size: 14px;
}
.table-active{
     background-color: #7e57c2 !important;
     -webkit-box-shadow: 0 19px 32px -10px rgba(69, 89, 202, 0.75) !important;
     box-shadow: 0 19px 32px -10px rgba(69, 89, 202, 0.75) !important;
}
.table-active ul li{
     color:#fff;
}
.price-table h3{
     font-weight: 600;
     font-size: 2em;
}
.price-table h3 sub{
     font-size: 14px;
}

.table-active .price-icon,
.price-red .price-icon,
.price-blue .price-icon,
.price-green .price-icon{
     border-color: #000;
     border-bottom-color: #fff;
}

.price-red{
     background-color: #f0525c !important;
     color: #fff;
}

.price-green{
     background-color: #4caf50 !important;
     color: #fff;
}
 
.price-blue{
     background-color: #03a9f4 !important;
     color: #fff;
}
 
.price-table-2 [class*='col-md-'],
.price-table-3 [class*='col-md-']{
     padding: 0px;
} 
.price-table-3 .price-table{
     margin: 60px auto;
}
.price-table-3 .table-active{
     -webkit-transform:scale(1.2);
     -ms-transform:scale(1.2);
     -o-transform:scale(1.2);
     transform:scale(1.2);
     position: relative;
     z-index: 10;

}


 /* Clients */
 
 .clients .title,
 .clients .description {
     color: #fff;
     position: relative;
 }
 
 .clients .clients-text {
     padding-bottom: 30px;
 }
 
 .clients .single-review {
     position: relative;
     margin-left: 1rem;
     margin-right: 1rem;
     padding-bottom: 1rem;
     background-color: #fff;
     padding: 49px;
     border-radius: 5px;
     color: #3e3e3e;
 }
 
 .clients .slider {
     background-color: transparent;
 }
 
 .clients .clients-logo {
     margin-bottom: 16px;
     padding: 20px;
 }
 
 .clients .single-review img {
     max-width: 6rem;
     height: 6rem;
 }
 
 .clients .owl-carousel .owl-item img {
     display: inline-block;
 }
 
 .clients .owl-theme .owl-dots .owl-dot span {
     display: block;
     width: 2px;
     height: 12px;
     margin: 5px 7px;
     opacity: 0.5;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     border: solid 3px;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }
 
 .clients .owl-theme .owl-dots .owl-dot.active span,
 .clients .owl-theme .owl-dots .owl-dot:hover span {
     color: #fff;
     opacity: 1;
     height: 20px;
 }
 
 .clients .owl-controls {
     margin-top: 20px;
 }
 
 .clients .owl-controls .owl-dots {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     justify-content: center;
 }
 
.single-review blockquote {
     border: 0;
     color: #969696;
     letter-spacing: 0.3px;
    font-size: 16px;
 }

.clients-img{
     width: 90px !important;
    display: inline-block !important;
}


.clients1,.clients2{
     margin: 80px 10px;
}
.clients1 .owl-carousel .owl-stage,
.clients2 .owl-carousel .owl-stage{
     height: 300px;
     padding: 32px 0px;
}
.clients1 .single-review,
.clients2 .single-review
{
    margin: 15px;
    box-shadow: -1px 5px 66px -14px rgba(0, 0, 0, 0.45);
    padding: 30px 10px;
    border-radius: 4px;
}

.clients1 .owl-carousel .owl-item img{
     margin-bottom: 20px;
}  

/*Clients 2*/

.clients2 .owl-carousel .owl-item img{
    margin: 0px 12px 10px 6px;
    width: 56px !important;
}
.clients2 .media-body h4{
     margin-bottom: 0;
}

.clients2 .media-body p{
     font-size: 14px;
     font-style:italic;
}

/* Team */

.team1 .team-profile{
     padding: 15px;
     box-shadow: -1px 5px 66px -14px rgba(0, 0, 0, 0.45);
     border-radius: 4px;

}

.team2 .team-profile{
     transition: 0.4s;
     padding: 15px;
}
.team2 .team-profile:hover{
     box-shadow: -1px 5px 66px -14px rgba(0, 0, 0, 0.45);
     border-radius: 4px;

}
.team3{
     margin-bottom: 30px;
}
.team3 .team-profile{
     transition: 0.4s;
     padding: 15px;
}
.team3 .team-profile:hover{
     box-shadow: -1px 5px 66px -14px rgba(0, 0, 0, 0.45);
     border-radius: 4px;

}
.team3 .team-profile img{
     -webkit-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
}
.team3 .team-profile:hover img{
     margin-top: -50px;
}

.team-name{
     font-size: 24px;
}
.team-profile img{
     display: inline-block;
     max-width: 120px;
}
.team-profile ul li{
     display: inline-block;
     padding: 5px 10px;
}
.team-profile ul.social{
     margin: 10px;
}
.team-profile ul{
     padding: 0;    
}
.team-skill{
     font-size: 14px;
}
.team-profile p{
     padding: 10px 0px;
}

/* 404 */
.page-404{
     margin-bottom: 40px;
}

.page-404 .wrapper{
     max-width: 700px;
     margin: 0 auto;
}

.cls-1 {
  fill: #f44336;
}

.cls-2 {
  fill: #2b3ea3;
}

.cls-3 {
  fill: #3f51b5;
}

.cls-4 {
  fill: #f78d5e;
}

.cls-5 {
  fill: #ff9800;
}

.cls-6,
.cls-7,
.cls-8 {
  fill: #b65c32;
}

.cls-10,
.cls-6 {
  opacity: 0.6;
}

.cls-7 {
  opacity: 0.4;
}

.cls-9 {
  fill: #f4b73b;
}

.cls-11 {
  fill: #f9c358;
}

.cls-12 {
  fill: #9b462c;
}

.cls-13 {
  fill: #aa512e;
}

.cls-14 {
  fill: #7d6aa5;
}


/* animations */

.wheel {
  animation: wheel-rotate 6s ease infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes wheel-rotate {
  50% {
    transform: rotate(360deg);
    animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  100% {
    transform: rotate(960deg)
  }
}

.clock-hand-1 {
  animation: clock-rotate 3s linear infinite;
  transform-origin: bottom;
  transform-box: fill-box;
}

.clock-hand-2 {
  animation: clock-rotate 6s linear infinite;
  transform-origin: bottom;
  transform-box: fill-box;
}

@keyframes clock-rotate {
  100% {
    transform: rotate(360deg)
  }
}

#box-top {
  animation: box-top-anim 2s linear infinite;
  transform-origin: right top;
  transform-box: fill-box;
}

@keyframes box-top-anim {
  50% {
    transform: rotate(-5deg)
  }
}

#umbrella {
  animation: umbrella-anim 6s linear infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes umbrella-anim {
  25% {
    transform: translateY(10px) rotate(5deg);
  }
  75% {
    transform: rotate(-5deg);
  }
}

#cup {
  animation: cup-rotate 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
  transform-origin: top left;
  transform-box: fill-box;
}

@keyframes cup-rotate {
  50% {
    transform: rotate(-5deg)
  }
}

#pillow {
  animation: pillow-anim 3s linear infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes pillow-anim {
  25% {
    transform: rotate(10deg) translateY(5px)
  }
  75% {
    transform: rotate(-10deg)
  }
}

#stripe {
  animation: stripe-anim 3s linear infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes stripe-anim {
  25% {
    transform: translate(10px, 0) rotate(-10deg)
  }
  75% {
    transform: translateX(10px)
  }
}


#rucksack {
  animation: ruck-anim 3s linear infinite;
  transform-origin: top;
  transform-box: fill-box;
}

@keyframes ruck-anim {
  50% {
    transform: rotate(5deg)
  }
}

.circle {
  animation: circle-anim ease infinite;
  transform-origin: center;
  transform-box: fill-box;
  perspective: 0px;
}

.circle.c1 {
  animation-duration: 2s
}

.circle.c2 {
  animation-duration: 3s
}

.circle.c3 {
  animation-duration: 1s
}

.circle.c4 {
  animation-duration: 1s
}

.circle.c5 {
  animation-duration: 2s
}

.circle.c6 {
  animation-duration: 3s
}

@keyframes circle-anim {
  50% {
    transform: scale(.2) rotateX(360deg) rotateY(360deg)
  }
}

.four,
#ou {
  animation: four-anim cubic-bezier(0.39, 0.575, 0.565, 1) infinite;
}

.four.a {
  transform-origin: bottom left;
  animation-duration: 3s;
  transform-box: fill-box;
}

.four.b {
  transform-origin: bottom right;
  animation-duration: 3s;
  transform-box: fill-box;
}

#ou {
  animation-duration: 6s;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes four-anim {
  50% {
    transform: scale(.98)
  }
}


 /* Contact */
 
 .card-title,
 .info-title {
     font-weight: 700;
 }
 
 .card-title,
 .info-title {
     color: #3C4858;
     text-decoration: none;
 }
 
 .description {
     color: #4a4a4a;
 }
 
 .card {
     display: inline-block;
     position: relative;
     width: 100%;
     margin-bottom: 30px;
     border-radius: 2px;
     color: rgba(0, 0, 0, 0.87);
     background: #fff;
     box-shadow: 0 6px 14px -10px rgba(63, 81, 181, 0.45);
 }
 .card :hover{
     -webkit-box-shadow: 0px 0px 0px 0px;
     box-shadow: 0px 0px 0px 0px;
}
 .card .content {
     padding: 15px 30px;
     min-height:350px;
 }
 .video-container{
    max-height: 202px;
 }
 
 .owl-theme .owl-nav [class*="owl-"]{
  color:#333333;
  background:#fcda59;
 }
 .owl-theme .owl-nav [class*="owl-"]:hover {
    background: #fdd306;
    color: #333333;
    text-decoration: none;
}
 .card .header {
     box-shadow: 0 6px 14px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
     margin: 15px;
     border-radius: 3px;
     padding: 15px 0;
     background-color: #FFFFFF;
 }
 
 .card .header-rose {
     background: linear-gradient(60deg, #ec407a, #c2185b);
 }
 
 .card [class*="header-"] {
     color: #FFFFFF;
 }
 
 .card [class*="header-"] .card-title {
     color: #FFFFFF;
 }
 
 .card .checkbox {
     margin-top: 16px;
 }
 
 .card-contact .header {
     margin-top: -20px;
 }
 
 .card-raised {
    /* box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);*/
 }
 
 .info {
     max-width: 360px;
     margin: 0 auto;
     padding: 5px 0 5px;
 }
 
 .info .icon > i {
     font-size: 4.4em;
 }
 
 .info .info-title {
     color: #3C4858;
     margin: 30px 0 15px;
 }
 
 .info p {
     color: #4a4a4a;
 }
 
 .info-horizontal .icon {
    /* float: left;*/
     margin-top: 24px;
     margin-right: 10px;
 }
 .info-horizontal .icon-right {
    float: right;     
 }
 .p0{padding:0;}
 .info-horizontal .icon > i {
     font-size: 2.6em;
 }
 
 .info-horizontal .description {
     overflow: hidden;
 }
 
 .form-group .help-block {
     display: inline-block;
     position: initial;
 }
 
 .form-group .help-block ul li {
     list-style-type: none;
 }
 /* Theme */
 
 .dropdownjs > ul > li:h > .close:hover:before {
     opacity: .9;
 }
 /*** Navigation ***/
 
 .section-white {
     background: #FFFFFF;
 }
 
 [class*="contact-us-"] {
     padding: 80px 0;
 }
 
 .contact-us {
     padding: 0;
 }
 .contact-us.section{
     padding: 70px 0px;
 }
 
 .contact-us .info-horizontal .icon {
     margin-top: 26px;
 }
 
 .contact-us .info-horizontal .icon > i {
     font-size: 2.2em;
 }
 
 #contactUsMap {
     height: 400px;
     margin-bottom: 30px;
 }
 
 .contact-us .info {
     padding: 0px 0 0px;
 }
 /* Subscribe */
 
 .subscribe .input-group-addon .fa {
     font-size: 22px;
     color: #fff;
 }
 
 .subscribe .btn.btn-info {
     margin-bottom: 0;
     margin-top: 25px;
 }
 /* trial */
 .bg-primary {
    /*color: #fff;*/
    background-color: #037dbf;
  }
 .trial {
     background-color: #037dbf;
     padding: 40px 0;
     color: #fff;
     margin-top: 0px;
 }
 
 .trial .trial-des {
     color: #fff;
     font-size: 20px;
 }
 
 .trial-title {
     font-size: 3.8rem;
 }
 
 .trial .trial-btn {
     margin-top: 5px;
 }
 
 .calculadora-left{
  color:#343434 !important;
 }
 .calculadora-left .row{
    margin:20px;
 }
 .slider.slider-horizontal{
   width:75%!important;
 }
 .slider .slider-selection{
    background:#037dbf!important;
 }
 .slider{
    background:unset!important;
    margin: 0 10px 0 10px;
 }
 .slider .tooltip.top {
    margin-top: -50px !important;
 }
 #simulador {
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    -webkit-transition: height .5s;
    transition: height .5s;
    overflow: hidden;
  }
 #container-calc {
    -moz-transition: height .8s;
    -ms-transition: height .8s;
    -o-transition: height .8s;
    -webkit-transition: height .8s;
    transition: height .8s;
    /*height: 0px;*/
    overflow: hidden;
  }
 #bancos {
  /*  -moz-transition: height .8s;
    -ms-transition: height .8s;
    -o-transition: height .8s;
    -webkit-transition: height .8s;
    transition: height .8s; 
    height: 0px;*/
    overflow: hidden;
  } 
 .bancos_open{
    height: 450px!important; 
 } 
 .calc_open{
    height: 450px!important; 
 }
 .calc_close{
    height: 450px!important; 
 } 
#banner_calc{
  margin-bottom:40px;
}
.tooltip{
  z-index: 999!important;
}
.calculadora{
  /*background-color:#ffffff;*/
  padding:0px!important;
  -webkit-box-shadow: 0px 6px 5px rgba(50, 50, 50, 0.5);
  box-shadow: 0px 6px 5px rgba(50, 50, 50, 0.5);
}
.calculadora-left{
  background-color:#ffffff;
  height:400px;
  border-radius: 5px 0px 0px 5px;
}
.calculadora-right{
  background-color:#666666;
  height:400px;
  border-radius: 0px 5px 5px 0px;
}
.calculadora-right-monto{
  
} 
.calculadora .row{
    margin:20px;
 }
/*
     Cast study
*/





 /* Footer */
 
 .footer {
     padding: 30px 0px 30px 0px !important;
     color:#ffffff !important;
     background-color:#343434;
 }
 
 .footer .social {
     padding-top: 12px;
     justify-content: center;
 }
 
 .footer .typo-light {
     font-size: 16px;
     font-weight: 700;
 }
 
 footer ul li {
     display: block;
     line-height: 26px;
 }
 
 footer ul li a {
     padding: 10px 5px;
     font-size: 14px;
     text-transform: none;
     line-height: 16px;
     display: inline-block;
 }
 #page_title_f{
  font-size:24px;
  font-weight:600;
  vertical-align:middle;
  
 }
 .footer-widget .row{
    margin-top:25px;
    margin-bottom:25px;
 }
 
 .up-hr {
     margin: 16px;
     margin-left: 0;
 }
 
 .footer .social a {
     padding: 10px;
     font-size: 20px;
 }
 
 .footer .footer-btn {
     width: 100%;
 }
 
 .footer-logo {
     width: 120px;
     display: inline-block;
 }
 
 .footer-widget {
     text-align: left;
 }
 
 .newsletter {
     max-width: 400px;
     margin: 0 auto;
 }
 
 .footer .fa-heart {
     color: #ee1a30;
 }

 /* Elements */


/* Buttons */

 .el-list .button-list{
     margin: 20px auto;
 }

 .btn.btn-rounded{
     border-radius: 60px;
 }


.btn.btn-outline {
    border: 1px solid;
    background-color: transparent !important;
}

.btn-default.btn-outline {
    color: #696969;
}

.btn-primary.btn-outline {
    color: #fdd306;
}

.btn-warning.btn-outline {
    color: #ff5722;
}

.btn-danger.btn-outline {
    color: #f44336;
}

.btn-info.btn-outline {
    color: #03a9f4;
}

.btn-success.btn-outline {
    color: #4caf50;
}

.btn.btn-default.btn-outline:hover,
.btn.btn-default.btn-outline:focus,
.btn.btn-default.btn-outline:active {
    color: #636363;
    background: transparent !important;
    border-color: #636363;
}

.btn.btn-primary.btn-outline:hover,
.btn.btn-primary.btn-outline:focus,
.btn.btn-primary.btn-outline:active {
    color: #9158d9;
    background: transparent;
    border-color: #fdd306;
}

.btn.btn-success.btn-outline:hover,
.btn.btn-success.btn-outline:focus,
.btn.btn-success.btn-outline:active {
    color: #8BC34A;
    background: transparent;
    border-color: #8BC34A;
}

.btn.btn-warning.btn-outline:hover,
.btn.btn-warning.btn-outline:focus,
.btn.btn-warning.btn-outline:active {
    color: #ff5722;
    background: transparent;
    border-color: #ff5722;
}

.btn.btn-danger.btn-outline:hover,
.btn.btn-danger.btn-outline:focus,
.btn.btn-danger.btn-outline:active {
    color: #f44336;
    background: transparent;
    border-color: #f44336;
}

.btn.btn-info.btn-outline:hover,
.btn.btn-info.btn-outline:focus,
.btn.btn-info.btn-outline:active {
    color: #19c3e3;
    background-color: transparent;
    border-color: #19c3e3;
}

.btn.btn-icon .fa {
    padding: 0 8px;
}


/* _Animated btn */


.btn.btn-animate,
.wizard > .actions a.btn-animate,
.tablesaw-sortable th.tablesaw-sortable-head button.btn-animate,
.sweet-alert button.btn-animate,
.owl-theme .owl-nav .btn-animate[class*="owl-"],
button.btn-animate.fc-agendaDay-button,
button.btn-animate.fc-month-button,
button.btn-animate.fc-agendaWeek-button,
.btn-animate.fc-prev-button,
.btn-animate.fc-next-button,
.btn-animate.fc-today-button {
    position: relative;
    overflow: hidden;
}

.btn.btn-animate i,
.wizard > .actions a.btn-animate i,
.tablesaw-sortable th.tablesaw-sortable-head button.btn-animate i,
.sweet-alert button.btn-animate i,
.owl-theme .owl-nav .btn-animate[class*="owl-"] i,
button.btn-animate.fc-agendaDay-button i,
button.btn-animate.fc-month-button i,
button.btn-animate.fc-agendaWeek-button i,
.btn-animate.fc-prev-button i,
.btn-animate.fc-next-button i,
.btn-animate.fc-today-button i {
    font-size: 16px;
    height: 100%;
    left: 0;
    padding-top: 10px;
    position: absolute;
    top: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.btn.btn-animate .btn-text,
.wizard > .actions a.btn-animate .btn-text,
.tablesaw-sortable th.tablesaw-sortable-head button.btn-animate .btn-text,
.sweet-alert button.btn-animate .btn-text,
.owl-theme .owl-nav .btn-animate[class*="owl-"] .btn-text,
button.btn-animate.fc-agendaDay-button .btn-text,
button.btn-animate.fc-month-button .btn-text,
button.btn-animate.fc-agendaWeek-button .btn-text,
.btn-animate.fc-prev-button .btn-text,
.btn-animate.fc-next-button .btn-text,
.btn-animate.fc-today-button .btn-text {
    position: relative;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.btn.btn-animate:hover i,
.wizard > .actions a.btn-animate:hover i,
.tablesaw-sortable th.tablesaw-sortable-head button.btn-animate:hover i,
.sweet-alert button.btn-animate:hover i,
.owl-theme .owl-nav .btn-animate[class*="owl-"]:hover i,
button.btn-animate.fc-agendaDay-button:hover i,
button.btn-animate.fc-month-button:hover i,
button.btn-animate.fc-agendaWeek-button:hover i,
.btn-animate.fc-prev-button:hover i,
.btn-animate.fc-next-button:hover i,
.btn-animate.fc-today-button:hover i {
    top: 0;
}

.btn.btn-animate:hover .btn-text,
.wizard > .actions a.btn-animate:hover .btn-text,
.tablesaw-sortable th.tablesaw-sortable-head button.btn-animate:hover .btn-text,
.sweet-alert button.btn-animate:hover .btn-text,
.owl-theme .owl-nav .btn-animate[class*="owl-"]:hover .btn-text,
button.btn-animate.fc-agendaDay-button:hover .btn-text,
button.btn-animate.fc-month-button:hover .btn-text,
button.btn-animate.fc-agendaWeek-button:hover .btn-text,
.btn-animate.fc-prev-button:hover .btn-text,
.btn-animate.fc-next-button:hover .btn-text,
.btn-animate.fc-today-button:hover .btn-text {
    top: 50px;
}

.btn-lg {
    font-size: 18px !important;
}

/*Typography*/

.card-view{
     -webkit-box-shadow: 0 6px 14px -10px rgba(63, 81, 181, 0.45);
     box-shadow: 0 6px 14px -10px rgba(63, 81, 181, 0.45);
     padding: 25px;
     transition: 0.6s;
}
.card-view:hover{
     -webkit-box-shadow: 0px 0px 10px 0px rgba(145, 88, 217, 0.43);
     box-shadow: 0px 0px 10px 0px rgba(145, 88, 217, 0.43);
}
.card-view .panel-heading{
     padding: 0px 0px 16px 0px;
}

/*Notifications*/
.alert-dismissable{
     padding-right: 35px;
}

.alert {
    border-radius: 2px;
}

.alert-icon {
    background: #fff;
    border-color: #d5d5d5;
    color: #404040;
    padding-left: 61px;
    position: relative;
    border: none !important;
}

.alert-icon .icon {
    text-align: center;
    width: 45px;
    height: 103%;
    position: absolute;
    top: -1px;
    left: -1px;
    border: 1px solid #BDBDBD;
    padding-top: 15px;
}

.alert-icon .icon:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid #BDBDBD;
    position: absolute;
    border-left: 0;
    border-bottom: 0;
    top: 50%;
    right: -6px;
    margin-top: -3px;
    background: #fff;
}

.alert-icon.rounded {
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.alert-icon.rounded .icon {
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}

.alert-icon .icon i,
.alert-bordered .icon i{
    font-size: 20px;
    color: #FFF;
    left: 12px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}

.alert-icon.alert-danger .icon,
.alert-icon.alert-danger .icon:after {
    border-color: #eeeeee;
    background: #f44336;
}

.alert-icon.alert-info .icon,
.alert-icon.alert-info .icon:after {
    border-color: #eeeeee;
    background: #19c3e3;
}

.alert-icon.alert-warning .icon,
.alert-icon.alert-warning .icon:after {
    border-color: #eeeeee;
    background: #ff9800;
}

.alert-icon.alert-success .icon,
.alert-icon.alert-success .icon:after {
    border-color: #eeeeee;
    background: #4caf50;
}

.alert-icon.alert-primary .icon,
.alert-icon.alert-primary .icon:after {
    border-color: #eeeeee;
    background: #fdd306;
}

.close {
    text-shadow: none;
}


/*Alert Bordered*/

.alert-primary {
    background-color: #9158d9 !important;
    border-color: #9158d9 !important;
    color: #fff !important;
}

.alert-success {
    background-color: #4CAF50 !important;
    border-color: #4CAF50 !important;
    color: #fff;
}

.alert-info {
    background-color: #19c3e3 !important;
    border-color: #19c3e3 !important;
    color: #fff !important;
}

.alert-warning {
    background-color: #FF9800 !important;
    border-color: #FF9800 !important;
    color: #fff !important;
}

.alert-danger {
    background-color: #F44336 !important;
    border-color: #F44336 !important;
    color: #fff !important;
}

.alert-bordered {
    border:1px solid;
    background-color: #fff !important;
    color: #404040 !important;
    padding-left: 61px;
    position: relative;
}

.alert-bordered .icon {
    text-align: center;
    width: 45px;
    height: 103%;
    position: absolute;
    top: -1px;
    left: -1px;
    border: 1px solid #BDBDBD;
    padding-top: 15px;
    color: #fff;
}

.alert-bordered .icon:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid #BDBDBD;
    position: absolute;
    border-left: 0;
    border-bottom: 0;
    top: 50%;
    right: -6px;
    margin-top: -3px;
    background: #fff;
}

.alert-bordered button.close{
     color: #999;
}  

.alert-bordered.alert-danger .icon,
.alert-bordered.alert-danger .icon:after {
    border-color: #e05749;
    background: #f44336;
}

.alert-bordered.alert-info .icon,
.alert-bordered.alert-info .icon:after {
    border-color: #4099d5;
    background: #4aa3df;
}

.alert-bordered.alert-warning .icon,
.alert-bordered.alert-warning .icon:after {
    border-color: #ff9800;
    background: #ff9800;
}

.alert-bordered.alert-success .icon,
.alert-bordered.alert-success .icon:after {
    border-color: #0fac8e;
    background: #4caf50;
}

.alert-bordered.alert-primary .icon,
.alert-bordered.alert-primary .icon:after {
    border-color: #9158d9;
    background: #9158d9;
}

/* Forms */

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}
.form-group {
    padding-bottom: 10px;
    margin: 6px 0 0 0;
}
.panel .form-horizontal .label-on-left {
    padding: 18px 5px 0 0;
    text-align: right;
}
.radio input[type=radio]:checked ~ .check{
     background-color: #3f51b5;
}

.jumbotron-main {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    


 .navbar-openid{
    border: 0px !important;
 }
 
 .navbar-openid .dropdown-toggle{
    font-size: 17px !important;
 }

/* USAR no-gutter
 .col-sm-12{
     padding-left: 0px; 
     padding-right: 0px;
 }
*/ 
.no-gutters{
   padding-left: 0px; 
     padding-right: 0px; 
}

 .breadcrumb{
     padding-left: 20px;
     font-size: 15px;
 }
 
 .bhoechie-tab-menu .list-group-item {
    padding: 0px;
    height: 65px;
    position: relative;
 }
 
 .bhoechie-tab-menu .list-group-item .doble_logo{
    width: 220px !important;
    left: 10% !important;
    position: absolute;
    max-width: 100%;
 }
 
 .bhoechie-tab-menu .list-group-item img{
    width: 85px;
    left: 35%;
    position: absolute;
    max-width: 100%;
 }
 
 .bhoechie-tab-menu .list-group-item .disabled{
    width: 85px;
    z-index: 99;
    position: absolute;
    display: none;
 }
 
 .bhoechie-tab-content h3{
    font-size: 20px;
 }
 
 .bhoechie-tab-menu .list-group-item .doble_logo_small{
        display:none !important;
     }
     
     
 .calculadora .btn{
  border: 1px solid #fcda59 !important;
    }
 .calculadora .btn:active, .calculadora .btn.active {
        border: 1px solid #ababab !important;
    }
 .calculadora .btn:hover {
        border: 1px solid #ababab !important;
    } 
    
.bhoechie-tab-content .btn{
  border: 1px solid #fcda59 !important;
    }
 .bhoechie-tab-content .btn:active, .bhoechie-tab-content .btn.active {
        border: 1px solid #ababab !important;
    }
 .bhoechie-tab-content .btn:hover {
        border: 1px solid #ababab !important;
    } 
    
    
 .calculadora .trial-title {
    font-size: 2rem !important;
 }
 .bhoechie-tab-content h2 {
    font-size: 2rem !important;
 } 
 
 .calculadora h2 {
    font-size: 2rem !important;
 }
 /* Responsive */
 
 @media (min-width: 768px) {
     .page-header .container {
         
     }
     
     
     
 }
 
 @media (max-width: 768px) {
     /*     .navbar-custom {
         background-color: rgba(0, 0, 0, 0.68);
     }*/
     .bhoechie-tab-menu .list-group-item .doble_logo{
        display:none !important;
     }
     .bhoechie-tab-menu .list-group-item .doble_logo_small{
        display:block;
     }
     .bhoechie-tab-menu .list-group-item img{
        width: 85px;
        left: 0%;
        position: absolute;
        max-width: 100%;
     }
     .bhoechie-tab-menu .list-group-item .disabled {
        width: 85px;
        z-index: 99;
        position: absolute;
        display: none;
        left: 0%;
    }
    
     .navbar.navbar-transparent {
         background-color: rgba(0, 0, 0, 0.4);
         padding-top: 10px;
         border-radius: 0;
     }
     h1 {
         font-size: 2.8em;
     }
     .footer-widget {
         text-align: center;
     }
     .post-footer-meta {
         /*text-align: center;*/
     }
     
     .section-header .section-number {
     font-size: 22vw;
     left: 0%;
    }
   
    .page-header .title{    
      margin-top: 10px;
    }
    .icon-primary {
      max-width: 90px;
      padding: 0 10px;
    }
    .footer-widget .col{
      margin-top:15px;
    }
    .calc_open{
      height: 980px!important; 
    }
    .bancos_open{
      height: 980px!important; 
    }
    .calculadora-left{
      height: auto!important; 
    }
    .calculadora-right{
      height: auto!important;
    }
    
    .carousel .page-header {     
        /*margin-top: 120px;*/
    }
    
    .jumbotron-main {
        padding-top: 5px;
        padding-bottom: 0px;
    }
    .main-container {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    .caracteristicas_links {
        text-align: center;
        margin-top: 10px;
    }
    
    .trial .trial-btn {
        margin-top: 5px;
        margin-bottom: 25px;
    }
            
 }
 
 @media (min-width: 992px) {
     .navbar .navbar-collapse {
         text-align: center;
     }
 }
 
 @media (max-width: 991px) {
     
     .bhoechie-tab-menu .list-group-item img{
        width: 85px;
        left: 0%;
        position: absolute;
        max-width: 100%;
     }
     .bhoechie-tab-menu .list-group-item .disabled {
        width: 85px;
        z-index: 99;
        position: absolute;
        display: none;
        left: 0%;
    }
     
     .navbar .navbar-nav > li > a {
         padding-left: 0px;
         padding-right: 0px;
     }
     .navbar .navbar-nav > li {
         margin-left: 15px;
         margin-right: 15px;
     }
     .page-header {
         height: auto;
         min-height: 100vh;
     }
     .page-header .container{
         padding-top:17%;
     }
     .carousel .page-header {
         /*padding: 0 30px;*/
         padding:20px 0 30px 0;
     }
     .carousel .buttons {
         margin-bottom: 100px;
     }
     .card-profile,
     .card-testimonial {
         text-align: center;
     }
     .card-profile img {
         display: inline-block;
     }
     .price-table-3 .table-active{
          transform: none;
     }
     .navbar .navbar-brand {
     margin-left: 15px;     
    }
    .sub-brand{
      border: 0px;
      font-size: 5.5vw;
     }
     
     .more-about {
    background:unset;
     }
     .more-about .description {
        position: absolute;
        display: unset;
    }
    .border-left{
        border-left: 0px solid #fff;
    }
 }
 
 @media (max-width: 1199px) {
     .navbar {
         /*
        .navbar-form {
          margin-top: 10px;
        }
    */
     }
     .navbar .navbar-nav > li > a {
         padding-top: 15px;
         padding-bottom: 15px;
     }
 }



 .loading{
     font-size:0;
     width:30px;
     height:30px;
     margin-top:5px;
     border-radius:15px;
     padding:0;
     border:3px solid #fcda59;
     border-bottom:3px solid rgba(255,255,255,0.0);
     border-left:3px solid rgba(255,255,255,0.0);
     background-color:transparent !important;
     animation-name: rotateAnimation;
     -webkit-animation-name: wk-rotateAnimation;
     animation-duration: 1s;
     -webkit-animation-duration: 1s;
     animation-delay: 0.2s;
     -webkit-animation-delay: 0.2s;
     animation-iteration-count: infinite;
     -webkit-animation-iteration-count: infinite;
 }

 @keyframes rotateAnimation {
     0%   {transform: rotate(0deg);}
     100% {transform: rotate(360deg);}
 }
 @-webkit-keyframes wk-rotateAnimation {
     0%   {-webkit-transform: rotate(0deg);}
     100% {-webkit-transform: rotate(360deg);}
 }

 .progress-bar.animate {
     width: 100%;
 }

 .vertical-align-center {
     vertical-align: middle;
 }