#content_wrapper {
     overflow: hidden;
}
 .animated {
     visibility: hidden;
}
 img#clic2whatsapp {
     float: right;
     position: fixed;
     right: 0px;
     bottom: 0px;
     background: transparent !important;
     border: 0 !important;
     width: 90px;
     border-radius: 0 !important;
}
 .visible {
     visibility: visible;
}
 .animationload {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #262626;
     z-index: 999999;
}
 .loader {
     position: absolute;
     top: 50%;
     left: 50%;
     margin: -100px 0 0 -100px;
     width: 200px;
     height: 200px;
     background-image: url(../img/icons/loader.gif);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 70px 70px;
}
 h1, h2, h3, h4, h5, h6 {
     margin-top: 0;
     margin-bottom: 10px;
}
 ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 a {
     text-decoration: none;
     -webkit-transition: all 250ms ease-in-out;
     -moz-transition: all 250ms ease-in-out;
     -o-transition: all 250ms ease-in-out;
     -ms-transition: all 250ms ease-in-out;
     transition: all 250ms ease-in-out;
}
 a:hover {
     color: #444;
     text-decoration: none;
}
 a:focus {
     color: #f8f8f8;
     outline: none;
     border: none;
     text-decoration: none;
}
 .btn-theme {
     background-color: #838383;
     color: white;
     font-family: 'Montserrat', sans-serif;
     font-size: 15px;
     text-transform: initial;
     font-weight: 700;
     padding: 10px 20px;
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     -ms-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}
 .btn-theme:hover {
     background-color: #1B9CFF;
     color: #fff;
}
 .btn:focus {
     outline: none;
}
 .btn:focus {
     color: #f8f8f8;
     text-decoration: none;
}
 .titlebar {
     margin-bottom: 60px;
     text-align: center;
}
 .titlebar h3 {
     color: #00AEF1;
     font-size: 24px;
     font-weight: 300;
     letter-spacing: 1px;
     margin-bottom: 10px;
}
 .titlebar h2 {
     color: #444;
     font-size: 20px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 500;
     text-align: left;
}
 .titlebar h2:after {
     display: block;
     content: "";
     height: 0px;
     width: 200px;
     background: #636466;
     margin: 15px auto;
     position: relative;
}
 .navbar-brand {
     padding: 18px 15px;
}
 .navbar {
     margin-bottom: 0;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     padding: 13px 0px;
     -webkit-transition: all 350ms ease-in-out;
     -moz-transition: all 350ms ease-in-out;
     -o-transition: all 350ms ease-in-out;
     -ms-transition: all 350ms ease-in-out;
     transition: all 350ms ease-in-out;
}
 .navbar-fixed-top {
     background-color: rgba(255, 255, 255);
     border-bottom: none;
}
 .navbar-nav > li > a {
     color: #fff;
     font-size: 14px;
     line-height: 60px;
     font-weight: 700;
     text-transform: uppercase;
     display: block;
     padding: 0 15px;
     -webkit-transition: all 100ms ease-in-out;
     -moz-transition: all 100ms ease-in-out;
     -o-transition: all 100ms ease-in-out;
     -ms-transition: all 100ms ease-in-out;
     transition: all 100ms ease-in-out;
}
 .scroll-fixed-navbar {
     padding: 10px;
}
 .scroll-fixed-navbar.navbar-fixed-top {
     background-color: #ffffff;
}
 .navbar-nav > li > a:hover, .navbar-nav > li > a.selected-nav {
     color: #ff6900;
     background-color: transparent;
}
 .navbar-toggle {
     position: relative;
     float: none;
     background-color: rgb(28, 228, 13);
     padding: 10px;
     border: none;
     color: #fff;
     border: 2px solid #ddd;
     margin-bottom: 30px;
     font-size: 15px;
}
 .navbar-toggle .icon-bar {
     background-color: #ddd;
}
 #modal {
     width: 60%;
     height: 75%;
     border-radius: 10px 10px 10px 10px;
     -moz-border-radius: 10px 10px 10px 10px;
     -webkit-border-radius: 10px 10px 10px 10px;
     border: 0px solid #000000;
}
 .overlay {
     background-color: rgba(0, 0, 0, 0);
     background-repeat: repeat;
     height: 100%;
}
 #intro_content {
     margin-top: 40px;
}
 #intro h2, #modal h2 {
     font-size: 40px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
     line-height: 73px;
     margin-bottom: 30px;
     letter-spacing: 1px;
}
 #intro h3, #modal h3 {
     font-size: 32px;
     font-weight: 400;
     line-height: 35px;
     margin-bottom: 20px;
}
 #banner {
     width: 100%;
     background-image: url(../img/banner.jpg);
     background-repeat: no-repeat;
     background-position: top left;
     background-size: cover;
     background-color: #fff;
     color: #fff;
}
 #banner .container-fluid, #banner .col-md-5,
 #banner .container-fluid, #banner .col-md-6{
     padding-left: 0px;
}
 #banner .intro_text h2 {
     margin-top: 300px;
     background-color: rgba(27,156,255,0.5);
     font-size: 30px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
     line-height: 35px;
     margin-bottom: 30px;
     padding: 15px 20px 15px 60px;
     letter-spacing: 1px;
}
.intro_text {
     margin-top: 70px;
}
.intro_text p {
     font-size: 22px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
     line-height: 28px;
     margin-bottom: 25px;
     color: #636569;
}

.intro_text ul{ margin-top: 30px; }


/* Lista li con imagen */
.intro_text ul li{ 
	background: url("../img/vineta.png");
	background-repeat: no-repeat;
	padding: 5px 10px 5px 50px;
    list-style: none;
    margin: 0;
    vertical-align: middle;
	font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 26px;
	margin-bottom: 10px;
    color: #636569;
	text-align: left;
}


 .intro_buttons .btn-theme {
     font-size: 16px;
     font-weight: 700;
     margin-right: 10px;
     padding: 9px 18px;
     text-transform: capitalize;
     font-family: 'Montserrat', sans-serif;
     margin-bottom: 15px;
}
 .form_register form {
     background-color: rgb(6 35 66 / 0%);
     border: 0px solid #fff;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 0px;
     padding: 30px 10px 40px;
     margin: 0 0px;
}
 .form_register h4 {
     color: #fff;
     font-size: 28px;
     line-height: 30px;
     font-weight: 700;
     letter-spacing: 1px;
     margin-bottom: 11px;
}
 .form_register p {
     color: #CCC;
     line-height: 20px;
     margin-bottom: 30px;
     padding: 0 10px;
     font-size: 20px;
}
 .form_register ::placeholder {
     color: #FFFFFF;
}
 .form_register :focus::placeholder {
     color: #000000;
}
 .form_register .form-control {
     height: 44px;
     margin-bottom: 11px;
     border: 1px solid #fff;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 11px;
     color: #000000;
     /*background-color: #1B9CFF;*/
	 background-color: #77B9ED;
     font-family: 'Montserrat', sans-serif;
}
 input[type="text"], input[type="email"], textarea {
     background-color: #ffffff;
     color: #262626;
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     -ms-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}
 .form-control:focus {
     background-color: #f0f0f0;
     border-color: #fff;
     outline: 0;
     -webkit-box-shadow: inset 0 1px 1px #fff, 0 0 3px #fff;
     box-shadow: inset 0 1px 1px #fff, 0 0 3px #fff;
}
 .error {
     color: #fc0000;
     font-size: 13px;
     font-weight: 400;
     margin-bottom: 20px;
}
 #about {
     padding-top: 80px;
     padding-bottom: 80px;
}
 #tabs-holder .img-responsive {
     display: inline-block;
}
 .nav-tabs {
     border: none;
}
 .nav-tabs > li > a {
     color: #0093d0;
     font-size: 22px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
     padding: 0;
     border: none;
}
 .nav-tabs > li:first-child {
     padding-right: 20px;
}
 .nav-tabs > li:last-child {
     padding-left: 20px;
}
 .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
     color: #ff6900;
     border: none;
     padding: 0;
}
 .nav-tabs > li > a:hover {
     color: #ff6900;
     border: none;
}
 .tab-content > .tab-pane {
     padding: 25px 0;
     border: none;
     border: none;
}
 .tab-content > .tab-pane p {
     font-size: 16px;
     line-height: 28px;
     font-weight: 300;
}
 .tab-content a {
     margin-top: 20px;
     margin-right: 10px;
}
 #about-1 {
     padding-top: 80px;
     padding-bottom: 80px;
     background-color: #f5f5f5;
}
 #accordion-holder .img-responsive {
     display: inline-block;
}
 .panel-group .panel {
     margin-bottom: 10px;
     background: none;
     border: none;
     border-radius: 0;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .panel-heading {
     padding: 0;
     background: none !important;
     border: 0 !important;
}
 .panel-title {
     color: #222;
     font-size: 20px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
     border-bottom: 1px solid #ccc;
}
 .panel-title > a {
     display: block;
     color: #222;
     padding: 12px 0;
}
 .panel-title > a:hover {
     color: #ff6900;
}
 .panel-title i {
     color: #00aef1;
     font-size: 28px;
     margin-right: 10px;
}
 .panel-body {
     color: #444;
     font-size: 16px;
     line-height: 28px;
     font-weight: 300;
}
 .panel-default > .panel-heading + .panel-collapse .panel-body {
     border: 0 
}
 .panel-default > .panel-heading + .panel-collapse {
     border: none;
     border-top: none;
}
 #skills {
     background-image: url(../img/thumbs/pattern.png);
     background-color: rgb(0, 174, 241);
     background-attachment: fixed !important;
     background-repeat: no-repeat;
     background-position: bottom center;
     background-size: cover;
     padding-top: 80px;
     padding-bottom: 80px;
     color: #fff;
}
 #skills .titlebar {
     margin-bottom: 30px;
}
 #skills .titlebar h2 {
     color: #fff;
}
 #skills .titlebar h2:after {
     display: block;
     content: "";
     height: 2px;
     width: 100px;
     background: #ff6900;
     margin: 15px auto;
     position: relative;
}
 .chart {
     position: relative;
     width: 130px;
     height: 130px;
     margin: 0 auto;
}
 .chart canvas {
     position: absolute;
     top: 0;
     left: 0;
}
 .chart span {
     color: #a9a9a9;
     font-size: 40px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 800;
     line-height: 130px;
     display: inline-block;
}
 .chart span:after {
     content: '%';
     margin-left: 0;
     font-size: 40px;
}
 #skills h4 {
     font-size: 24px;
     font-weight: 700;
     margin-top: 25px;
}
 #services {
     padding-top: 80px;
     padding-bottom: 80px;
}
 #services_image .img-responsive {
     display: inline-block;
     margin-bottom: 80px;
}
 .service-box {
     margin-bottom: 40px;
}
 .service-box h4 {
     color: #222;
     font-size: 20px;
     font-weight: 400;
}
 .service-box i {
     margin-right: 10px;
}
 .service-box p {
     font-size: 16px;
     line-height: 26px;
     font-weight: 300;
}
 #service-buttons {
     margin-top: 30px;
}
 #service-buttons a {
     margin-right: 20px;
}
 #features {
     background-color: #f5f5f5;
     border-top: 1px solid #eee;
     padding-top: 80px;
     padding-bottom: 40px;
     color: #fff;
}
 .features-box {
     margin-bottom: 40px;
}
 .icon-box {
     width: 70px;
     height: 70px;
     line-height: 70px !important;
     text-align: center;
     float: left;
     font-size: 22px;
     color: #fff;
}
 .icon-box i {
     color: #ff6900;
     font-size: 60px;
     margin-top: 10px;
}
 .features-text {
     overflow: hidden;
     padding: 0px 0px 0px 30px;
}
 .features-text h4 {
     color: #333;
     font-size: 20px;
     font-weight: 400;
}
 .features-text p {
     color: #333;
     font-size: 16px;
     font-weight: 300;
     line-height: 26px;
     padding-right: 20px;
}
 #history {
     padding-top: 80px;
     padding-bottom: 80px;
}
 .timeline {
     background-image: url(../img/thumbs/timeline-bg.png);
     background-repeat: repeat-y;
     background-position: center center;
     background-color: transparent;
}
 .timeline-year {
     padding: 30px 0 30px;
}
 .timeline-year.first {
     padding-top: 0;
}
 .timeline-year.last {
     padding-bottom: 0;
}
 .timeline-year span {
     background-color: #ff6900;
     color: #333;
     font-size: 20px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 700;
     padding: 10px 20px;
}
 .timeline-item {
     display: table;
     position: relative;
}
 .timeline-item:before {
     width: 30px;
     height: 30px;
     background-color: #fff;
     border: 2px solid #d5d5d5;
     content: "";
     position: absolute;
     left: 50%;
     top: 50%;
     margin-top: -15px;
     margin-left: -15px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
}
 .timeline-item-content {
     background-color: #f5f5f5;
     border: 1px solid #f5f5f5;
     position: relative;
     padding: 20px;
     font-size: 16px;
     font-weight: 300;
     line-height: 26px;
}
 .timeline-item-content:before {
     width: 20px;
     height: 20px;
     background-color: #f5f5f5;
     content: "";
     position: absolute;
     right: -11px;
     top: 50%;
     margin-top: -9px;
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .timeline-item-content.pull-right:before {
     right: auto;
     left: -10px;
}
 .timeline-item-content h4 {
     font-size: 20px;
     font-weight: 400;
}
 .timeline-item:hover .timeline-item-content {
     border: 1px solid #262626;
     background-color: #262626;
     color: #fff;
}
 .timeline-item:hover .timeline-item-content:before {
     background-color: #262626;
     border-right: 1px solid #262626;
     border-top: 1px solid #262626;
}
 .timeline-item:hover.timeline-item:before {
     background-color: #ff6900;
     border-color: #ff6900;
}
 .timeline-item:hover .timeline-item-content.pull-right:before {
     border-color: transparent transparent #262626 #262626;
}
 #statistic_banner {
     background-image: url(../img/thumbs/pattern.png);
     background-color: rgb(0, 174, 241);
     background-attachment: fixed !important;
     background-repeat: no-repeat;
     background-position: top center;
     background-size: cover;
     padding-top: 80px;
     padding-bottom: 80px;
}
 #statistic_banner .titlebar h3, #statistic_banner .titlebar h2 {
     color: #fff;
}
 .statistic-block {
     text-align: center;
}
 .statistic-icon {
     color: #fff;
     font-size: 80px;
     line-height: 80px;
     font-weight: 700;
     margin-bottom: 30px;
}
 .statistic-number {
     color: #fff;
     font-size: 80px;
     font-family: 'Montserrat', sans-serif;
     line-height: 80px;
     font-weight: 400;
     margin-bottom: 20px;
}
 .statistic-text {
     color: #fff;
     font-size: 24px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 300;
}
 #portfolio {
     padding-top: 0px;
}
 #portfolio .titlebar {
     margin-bottom: 40px;
}
 #gallery-filter {
     margin-bottom: 50px;
}
 .btn-toolbar .btn-group {
     float: none;
}
 #gallery-filter .btn-group > .btn {
     background: #f4f4f4;
     color: #333;
     font-size: 15px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
     text-transform: uppercase;
     margin: 0 3px;
     padding: 8px 16px;
     text-shadow: none;
     -webkit-box-shadow: 0 0 0 0;
     -moz-box-shadow: 0 0 0 0;
     box-shadow: 0 0 0 0;
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     -ms-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}
 .btn-group > .btn:first-child:not(:last-child), .btn-group > .btn:last-child:not(:first-child) {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
}
 #gallery-filter .btn-group > .btn:hover {
     color: #fff;
     background-color: #ff6900;
}
 #gallery-filter .btn-group > .btn.active, #gallery-filter .btn-group > .btn.focus {
     color: white;
     background-color: #ff6900;
     box-shadow: 0 0 0 0;
     cursor: default;
}
 .portfolio-items-list {
     margin: 0;
}
 .portfolio-item {
     position: relative;
     display: none;
     opacity: 0;
     -moz-opacity: 0;
     padding: 6px;
     text-align: center;
	 border: 1px solid #EEEEEE;
}
 .pc{
     padding-right: 59px;
}
 .margen{
     margin-left: 40px;
}
 .portfolio-item a {
     cursor: url(../img/icons/pointer.png), crosshair;
}
 .hover-overlay {
     width: 100%;
     height: auto;
     overflow: hidden;
     position: relative;
}
 .hover-overlay img {
     -webkit-transition: all 600ms;
     -moz-transition: all 600ms;
     -o-transition: all 600ms;
     transition: all 600ms;
}
 .overlay-content {
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 20;
     width: 100%;
     text-align: center;
     zoom: 1;
     opacity: 0;
     -webkit-transition: all 200ms ease-out;
     -moz-transition: all 200ms ease-out;
     -o-transition: all 200ms ease-out;
     transition: all 200ms ease-out;
}
 .overlay-content h4 {
     color: #fff;
     font-size: 22px;
     font-weight: 800;
     text-transform: uppercase;
}
 .overlay-content h5 {
     color: #fff;
     font-size: 15px;
     font-weight: 400;
     text-transform: uppercase;
}
 .item-overlay {
     opacity: 0;
     -moz-opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 147, 208, 0);
     -moz-transition: opacity 400ms ease-out;
     -webkit-transition: opacity 400ms ease-out;
     -o-transition: opacity 400ms ease-out;
     transition: opacity 400ms ease-out;
}
 #barra {
     padding-top: 10px;
     padding-bottom: 10px;
     background-color: #636569;
}
.descripcion{
     position: absolute;
     /* background: rgba(255, 255, 255, 0.75); */
	 background: #EEEEEE;
     bottom: 20px;
     left: 5px;
     color: #636677;
     font-weight: 600;
     z-index: 10;
     font-size: 18px;
     padding: 10px;
}
 .pad-b{
     padding: 0px 10px;
}
 .hover-overlay:hover > img {
     transform: scale(1.2);
     -ms-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -o-transform: scale(1.2);
     -moz-transform: scale(1.2);
}
 .hover-overlay:hover .item-overlay {
     opacity: 1;
     -moz-opacity: 1;
}
 .portfolio-item:hover .overlay-content {
     bottom: 40%;
     opacity: 1;
     -moz-opacity: 1;
}
 #team {
     background-color: #e6dfdf;
     border-top: 1px solid #eee;
     padding-top: 80px;
     padding-bottom: 30px;
}
 .team-member {
     margin-bottom: 50px;
}
 .team-member .img-responsive {
     display: inline-block;
}
 .team-img-meta h5 {
     text-transform: uppercase;
     font-weight: 800;
     margin: 20px 0px 10px 0;
}
 .team-img-meta h6 {
     font-size: 14px;
     color: #ff6900;
     text-transform: uppercase;
     font-weight: 400;
     margin-bottom: 10px;
}
 .team-img-meta p {
     color: #757575;
     font-size: 16px;
     line-height: 24px;
     font-weight: 300;
}
 .team-member-socials {
     text-align: right;
     display: inline-block;
     margin: 10px auto;
}
 .team-member-socials li {
     float: left;
     display: inline-block !important;
     vertical-align: top;
     width: auto !important;
     clear: none !important;
}
 .page_social {
     width: 30px;
     height: 30px;
     color: #666;
     font-size: 16px;
     text-align: center;
     display: block;
     text-decoration: none;
     margin: 0 3px 5px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     -webkit-transition: all 250ms ease-in-out;
     -moz-transition: all 250ms ease-in-out;
     -o-transition: all 250ms ease-in-out;
     -ms-transition: all 250ms ease-in-out;
     transition: all 250ms ease-in-out;
}
 .page_social.ico_facebook:hover {
     color: #3b5998;
}
 .page_social.ico_twitter:hover {
     color: #00a9ed;
}
 .page_social.ico_behance:hover {
     color: #00a8e7;
}
 .page_social.ico_google_plus:hover {
     color: #cd1111;
}
 .page_social.ico_linkedin:hover {
     color: #015886;
}
 .page_social.ico_dribbble:hover {
     color: #d92d84;
}
 .page_social.ico_instagram:hover {
     color: #beb3a8;
}
 .page_social.ico_pinterest:hover {
     color: #ac281a;
}
 .page_social.ico_dropbox:hover {
     color: #008ad2;
}
 .page_social.ico_skype:hover {
     color: #00a9ed;
}
 .page_social.ico_youtube:hover {
     color: #cd1b20;
}
 .page_social.ico_tumblr:hover {
     color: #3a5976;
}
 .page_social.ico_vimeo:hover {
     color: #00adee;
}
 .page_social.ico_flickr:hover {
     color: #d2d2d2;
}
 .page_social.ico_github:hover {
     color: #222;
}
 .page_social.ico_renren:hover {
     color: #364a83;
}
 .page_social.ico_vk:hover {
     color: #3b5998;
}
 .page_social.ico_xing:hover {
     color: #015f5e;
}
 .page_social.ico_weibo:hover {
     color: #be4443;
}
 .page_social.ico_rss:hover {
     color: #ff6600;
}
 .page_social.ico_digg:hover {
     color: #222;
}
 .page_social.ico_deviantart:hover {
     color: #57675d;
}
 .page_social.ico_envelope:hover {
     color: #999;
}
 .page_social.ico_delicious:hover {
     color: #0A0A0A;
}
 #pricing {
     background-color: #f5f5f5;
     border-top: 1px solid #eee;
     border-bottom: 1px solid #eee;
     padding-top: 80px;
     padding-bottom: 50px;
}
 #price_1, #price_2, #price_3, #price_4 {
     margin-bottom: 50px;
     padding: 0 5px;
}
 .pricing-table {
     background-color: #fff;
     border: 1px solid #ccc;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
}
 .pricing-table h3 {
     font-size: 24px;
     font-weight: 700;
     line-height: 100px;
     text-transform: uppercase;
     margin-bottom: 0;
}
 .pricing-table .price {
     background-color: #eee;
     height: 120px;
     color: #222;
     font-family: 'Montserrat', sans-serif;
     font-weight: 700;
     line-height: 120px;
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
}
 .price-row .price span {
     font-size: 75px;
}
 .price-row .price sup {
     top: -35px;
     font-size: 30px;
     font-weight: 300;
}
 .pricing-table ul.features {
     color: #333;
     font-size: 16px;
     font-weight: 300;
     text-transform: uppercase;
     padding: 5px 40px;
}
 .pricing-table ul.features li {
     border-bottom: 1px solid #ccc;
     padding: 13px 0;
}
 .pricing-table .btn {
     margin: 30px 0;
}
 .pricing-table.highlight {
     background-color: #ff6900;
     border-color: #d9a701;
}
 .pricing-table.highlight .price {
     background-color: #d9a701;
     color: #fff;
     border-color: #d9a701;
}
 .pricing-table.highlight ul.features {
     color: #333;
}
 .pricing-table.highlight ul.features li {
     border-color: #d9a701;
}
 .pricing-table.highlight .btn-theme {
     background-color: #333;
     color: #fff;
}
 .pricing-table.highlight .btn-theme:hover {
     background-color: #444;
}
 #clients {
     padding-top: 80px;
     padding-bottom: 10px;
     position: relative;
}
 .customNavigation {
     display: inline-block;
     position: absolute;
     bottom: 80px;
     right: 49%;
}
 .customNavigation .btn {
     padding: 4px 10px;
}
 .customNavigation i {
     font-size: 20px;
     color: #fff;
}
 #testimonials {
     background-color: #f5f5f5;
     border-top: 1px solid #eee;
     border-bottom: 1px solid #eee;
     padding-top: 80px;
     padding-bottom: 80px;
}
 #testimonials h3 {
     font-size: 28px;
     font-weight: 400;
     text-transform: uppercase;
     margin-bottom: 40px;
}
 #testimonials .clients-counter {
     color: #ff6900;
     font-size: 30px;
     font-weight: 700;
}
 .testi-content {
     background-color: #fff;
     position: relative;
     padding: 0;
     margin: 0 0 40px;
     border: 1px solid #e6e6e6;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     -o-border-radius: 6px;
     border-radius: 6px;
}
 .testimonial p {
     color: #777;
     margin: 0;
     padding: 20px 15px;
}
 .testi-arrow {
     height: 32px;
     width: 32px;
     background-image: url(../img/icons/testimonial-arrow-down.png);
     background-attachment: scroll;
     background-position: 0% 0%;
     background-repeat: no-repeat;
     background-color: transparent;
     position: absolute;
     top: 100%;
     left: 47%;
}
 .testimonial .client-img {
     width: 65px;
     height: 65px;
     display: inline-block;
     margin: 0 auto 10px;
}
 .testimonial .client-img img {
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     -o-border-radius: 100%;
     border-radius: 100%;
}
 .testimonial .testi-author {
     display: inline-block;
     padding: 0 0 0 15px;
     text-align: left;
     position: relative;
     top: 10px;
}
 .testimonial h4 {
     color: #000;
     font-size: 20px;
     font-weight: 400;
     margin-bottom: 0;
     display: block;
}
 .testimonial span {
     color: #999;
     font-size: 15px;
     margin: 0 0 20px;
     display: block;
}
 #blog {
     background-color: #fff;
     border-top: 1px solid #eee;
     padding-top: 80px;
     padding-bottom: 50px;
}
 #blog article {
     margin-bottom: 50px;
}
 #blog .blog-post-titlebar h4 {
     font-size: 15px;
     line-height: 24px;
     font-weight: 500;
     margin: 20px 0 5px;
     color: #0093d0;
}
 .blog-post-info {
     color: #666;
     padding-bottom: 10px;
     font-style: italic;
}
 .blog-post-info a {
     color: #ff6900;
}
 .blog-post-desc {
     line-height: 24px;
     margin-bottom: 20px;
}
 #blog .btn-theme {
     font-size: 13px;
     text-transform: uppercase;
     font-weight: 700;
     padding: 8px 16px;
}
 .video-block {
     position: relative;
     padding-bottom: 75.25%;
     padding-top: 0px;
     height: 0;
     overflow: hidden;
}
 .video-block iframe, .video-block object, .video-block embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 0;
}
 #promo_line {
     background-image: url(../img/thumbs/pattern.png) none;
     background-color: rgb(0, 174, 241);
     background-attachment: fixed !important;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     padding-top: 80px;
     padding-bottom: 80px;
}
 #promo_line h2 {
     color: #fff;
     font-size: 36px;
     line-height: 42px;
     font-weight: 400;
     letter-spacing: 2px;
     text-transform: uppercase;
     margin-bottom: 5px;
}
 #promo_line p {
     color: #fff;
     font-size: 20px;
     font-weight: 300;
     line-height: 36px;
     margin-bottom: 20px;
}
 #promo_line a {
     margin-right: 15px;
}
 #contact-info {
     padding-top: 40px;
     padding-bottom: 30px;
     font-family: 'Montserrat', sans-serif;
}
 .contact-info .fa {
     color: #FFF;
     font-size: 25px;
     line-height: 22px;
     margin-right: 10px;
     background: #009fe3;
     padding: 10px;
     width: 40px;
     height: 40px;
     border-radius: 50px;
     text-align: center;
}
 .redes-sociales .fa{
     background: #636569;
     color: #FFFFFF;
}
 .redes-sociales .fa:hover{
     background: #CCCCCC;
     color: #FFFFFF;
}
 #contact-info h2 {
     color: #636569;
     font-size: 24px;
     font-family: 'Montserrat', sans-serif;
     margin-bottom: 30px;
}
#contact-info .text-grande{
     color: #636569;
     font-size: 18px;
}
#contact-info .text-small{
     font-size: 80%;
     margin-top: -5px;
     display: block;
}
 .contact-info h4 {
     color: #222;
     font-size: 18px;
     text-transform: uppercase;
     font-weight: 800;
     font-family: 'Montserrat', sans-serif;
}
 .contact-info p {
     color: #636569;
     font-size: 18px;
     line-height: 28px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
     text-align: left;
}
 .contact-info a {
     color: #0093d0;
     font-weight: 700;
}
 .contact-info a:hover {
     color: #ff6900;
}
 .googlemap-wrapper {
     position: relative;
}
 .googlemap-wrapper img {
     max-width: none !important;
}
 .map-canvas {
     width: 100%;
     height: 500px;
     padding: 6px;
     background-color: #f0f0f0;
     border: 1px solid #ddd;
}
 .map-canvas:before {
     position: absolute;
     top: 50%;
     left: 50%;
     display: block;
     margin: -15px 0 0 -15px;
     width: 30px;
     height: 30px;
     color: #2f2f2f;
     content: '\f110';
     text-align: center;
     font-size: 20px;
     font-family: 'FontAwesome';
     line-height: 30px;
     -webkit-animation: spin 2s infinite linear;
     animation: spin 2s infinite linear;
     font-style: normal;
     font-weight: normal;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
#footer {
     padding-top: 25px;
     padding-bottom: 15px;
     background-color: #1a1a1d;
}
 #newsletter {
     margin-bottom: 10px;
}
 #newsletter h3 {
     color: #ddd;
     font-size: 22px;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 5px;
     margin-bottom: 5px;
}
 #newsletter p {
     color: #ddd;
     line-height: 26px;
     font-weight: 300;
     margin-bottom: 0;
}
 .message {
     font-size: 15px;
     margin-bottom: 20px;
}
 #newsletter_form {
     margin: 15px auto;
     width: 50%;
}
 #newsletter form input[type="email"] {
     background-color: #fff;
     border: 1px solid #ccc;
     width: 74%;
     color: #414141;
     font-size: 16px;
     font-weight: 300;
     padding: 10px 15px;
     -webkit-border-radius: 6px 0 0 6px;
     -moz-border-radius: 6px 0 0 6px;
     -o-border-radius: 6px 0 0 6px;
     border-radius: 6px 0 0 6px;
}
 #newsletter form input[type="submit"] {
     width: 25%;
     background-color: #ff6900;
     border: 1px solid #ff6900;
     color: #fff;
     font-size: 16px;
     font-weight: 900;
     text-transform: uppercase;
     padding: 10px 15px;
     -webkit-border-radius: 0 6px 6px 0;
     -moz-border-radius: 0 6px 6px 0;
     -o-border-radius: 0 6px 6px 0;
     border-radius: 0 6px 6px 0;
     -webkit-transition: all 350ms ease-in-out;
     -moz-transition: all 350ms ease-in-out;
     -o-transition: all 350ms ease-in-out;
     -ms-transition: all 350ms ease-in-out;
     transition: all 350ms ease-in-out;
}
 #newsletter form input[type="submit"]:hover {
     background-color: #d9a701;
}
 #footer_copyright p {
     color: #ddd;
}
 #footer_copyright p span {
     color: #fff;
     font-size: 15px;
     font-weight: 800;
}
 .contact-socials {
     display: inline-block;
     padding-left: 0;
}
 .contact-socials li {
     float: left;
     width: auto !important;
     display: inline-block !important;
     vertical-align: top;
     clear: none !important;
     padding: 0;
}
 .foo_social {
     text-align: center;
     color: #999;
     width: 40px;
     height: 40px;
     font-size: 18px;
     line-height: 40px;
     margin: 0 5px;
     display: block;
     text-decoration: none;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     -webkit-transition: all 250ms ease-in-out;
     -moz-transition: all 250ms ease-in-out;
     -o-transition: all 250ms ease-in-out;
     -ms-transition: all 250ms ease-in-out;
     transition: all 250ms ease-in-out;
}
 .foo_social.ico-facebook:hover {
     background-color: #3b5998;
     color: #fff;
}
 .foo_social.ico-twitter:hover {
     background-color: #00a9ed;
     color: #fff;
}
 .foo_social.ico-behance:hover {
     background-color: #00a8e7;
     color: #fff;
}
 .foo_social.ico-google-plus:hover {
     background-color: #cd1111;
     color: #fff;
}
 .foo_social.ico-linkedin:hover {
     background-color: #015886;
     color: #fff;
}
 .foo_social.ico-dribbble:hover {
     background-color: #d92d84;
     color: #fff;
}
 .foo_social.ico-instagram:hover {
     background-color: #beb3a8;
     color: #fff;
}
 .foo_social.ico-pinterest:hover {
     background-color: #ac281a;
     color: #fff;
}
 .foo_social.ico-dropbox:hover {
     background-color: #008ad2;
     color: #fff;
}
 .foo_social.ico-skype:hover {
     background-color: #00a9ed;
     color: #fff;
}
 .foo_social.ico-youtube:hover {
     background-color: #cd1b20;
     color: #fff;
}
 .foo_social.ico-tumblr:hover {
     background-color: #3a5976;
     color: #fff;
}
 .foo_social.ico-vimeo:hover {
     background-color: #00adee;
     color: #fff;
}
 .foo_social.ico-flickr:hover {
     background-color: #d2d2d2;
     color: #fff;
}
 .foo_social.ico-github:hover {
     background-color: #222;
     color: #fff;
}
 .foo_social.ico-renren:hover {
     background-color: #364a83;
     color: #fff;
}
 .foo_social.ico-vk:hover {
     background-color: #3b5998;
     color: #fff;
}
 .foo_social.ico-xing:hover {
     background-color: #015f5e;
     color: #fff;
}
 .foo_social.ico-weibo:hover {
     background-color: #be4443;
     color: #fff;
}
 .foo_social.ico-rss:hover {
     background-color: #ff6600;
     color: #fff;
}
 .foo_social.ico-digg:hover {
     background-color: #222;
     color: #fff;
}
 .foo_social.ico-deviantart:hover {
     background-color: #57675d;
     color: #fff;
}
 .foo_social.ico-envelope:hover {
     background-color: #999;
     color: #fff;
}
 .foo_social.ico-delicious:hover {
     background-color: #0A0A0A;
     color: #fff;
}
 #scrollUp {
     display: none !important;
     width: 40px;
     height: 40px;
     position: fixed;
     bottom: 20px;
     right: 20px;
     background-image: url(../img/icons/back-to-top.png);
     background-repeat: no-repeat;
     background-position: 50% 48%;
     background-color: rgba(255, 105, 0, 0.87);
     -webkit-transition: all 250ms linear;
     -moz-transition: all 250ms linear;
     transition: all 250ms linear;
}
 #scrollUp:hover {
     background-color: #28a2ff;
}
 nav a#pull {
     display: none;
}
 #form_response {
     margin: 50px auto;
}
 #form_response .img-responsive {
     display: inline-block;
}
 #form_response h1 {
     font-size: 26px;
     font-weight: 400;
     margin-top: 10px;
     text-transform: uppercase;
}
 #form_response p {
     font-size: 16px;
     font-weight: 300;
     line-height: 24px;
     margin-bottom: 20px;
}
 #form_response .btn-theme {
     background-color: #ff6900;
     color: #333;
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 700;
     padding: 10px 20px;
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     -ms-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}
 #form_response .btn-theme:hover {
     background-color: #ff6900;
     color: #fff;
}
/* ========================================================================== 22. SCROLL TO TOP ========================================================================== */
 #scrollUp {
     display: none;
     width: 40px;
     height: 40px;
     position: fixed;
     bottom: 20px;
     right: 20px;
     background-image: url(../img/icons/back-to-top.png);
     background-repeat: no-repeat;
     background-position: 50% 48%;
     background-color:rgba(0, 147, 208, 0.95);
     -webkit-transition: all 250ms linear;
     -moz-transition: all 250ms linear;
     transition: all 250ms linear;
}
 .embed-responsive.embed-responsive-4by3 {
     padding-bottom: 57%;
}
 #scrollUp:hover {
     background-color:rgba(0, 147, 208, 0.45);
}
 nav a#pull {
     display: none;
}
/* FIX 2022 */
.header-telefono{
     font-family: 'Montserrat', sans-serif;
     font-size:30px;
     font-weight: 800;
     margin-top:5px;
     color:#706F6F;
     text-align:right
}
.header-telefono img{
     width: 40px;
     height: 40px;
     margin-top:-8px
}
#intro_form{
     padding-left: 0px;
    padding-top: 0px;
}
#intro_form h3{
     font-family: 'Montserrat', sans-serif;
     font-size: 28px;
     font-weight: 700;
     color: #1B9CFF;
}
.redes-sociales{
     margin: 30px 0px;
}
.redes-sociales li{
     display: table-cell;
     padding-right: 10px;
     margin-bottom: 20px;
}
.redes-sociales .fa-youtube-play{
     font-size: 22px;
}
.redes-sociales img{
     width: 20px;
}
.barra-gris a{
     font-size:15px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 500;
     margin-top:0px;
     color:#fff;
     text-align:right;
     list-style: none;
}
.barra-gris div{
     margin: 0;
     position: relative;
     display: inline-block;
     *display: inline;
     zoom: 1;
     height: 30px;
     text-align: left;
}
.barra-gris div img{
     margin-top: -5px;
     margin-left: 10px;
}
.barra-gris .bt-azul{
     background: #28a2ff;
     padding: 14px;
     margin-left: 10px;
     text-align: center;
}

.iconos-grid{ text-align: center; }
.iconos-grid p{ margin-top: 10px; font-size: 15px; color: #ADADAD; line-height: 1.2;}
.iconos-grid .col-md-1 { width: 10.5%; }

.flt-cotiza {
    position: fixed;
    bottom: 20px;
    left: 10px;
    z-index: 9999;
    width: 160px;
    height: 36px;
    background: url("../img/btn-cotiza-aqui.png") no-repeat;
    background-position: 0 0;
    transition: none;
}

.flt-cotiza:hover {
    background-position: 0 -37px;
}


#gracias{
     padding-top: 100px;
     padding-bottom: 150px;
     margin-top: 100px;
}

#gracias h2{
	text-align: center;
	font-size: 22px;
	font-weight: 600;
}

#gracias h2 b{
	font-size: 26px;
	font-weight: 600;
	color: #009fe3;
	line-height: 45px;
}

/* Estilos 2023 */
.movil{ display: none; }
.mt-3{ margin-top: 30px; }
.img-fluid {
    max-width: 100%;
    max-height: 100%;
}
.footer-left{
	float: left;
	color:#FFF;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
}

.footer-right{
	float: right;
	color:#FFF;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
}

.footer-right a {
    color: #009fe3;
}
.footer-right a:hover {
    color: #FFFFFF;
}



@media (max-width: 992px) {
     .barra-gris .bt-azul{
         line-height: 50px;
         text-align: center;
    }
     .barra-gris div{
         width: 100%;
    }
     #gracias{
         margin-top: 50px;
    }
     .intro_text {
         margin-top: 0px;
    }
	 #banner{ background-position: -90px; }
     #banner .intro_text h2 {
         margin-top: 100px;
         font-size: 25px;
         line-height: 30px;
		 padding: 10px 20px 10px 40px;
    }
     #intro_content {
         margin-top: 10px;
         margin-bottom: 0px;
    }
	 .iconos-grid .col-xs-4 { width: 33.33333333%; }
     .intro_text .lista p{
         margin-bottom: 0px;
    }
     .form_register form{
         padding: 0px 10px 40px;
    }
     .orden-columna{
         display: flex;
         flex-flow: column-reverse;
    }
	.movil{ 
		display: block; 
		text-align: center;
		margin-top: 30px;
	}
	.footer-left {
		font-size: 14px;
	}
	.footer-right {
		padding-bottom: 60px;
		float: none;
	}
	.footer-right span {
		display: none;
	}
	.footer-right a {
		font-size: 14px;
		display: block;
	}
	
	
}
/*------------------------------------------*/
/* SCROLL DOWN MOUSE 
/*------------------------------------------*/
 .scroll-down {
     display: block;
     width: 100%;
     position: absolute;
     z-index: 99;
     left: 0px;
     bottom: 10%;
     text-transform: uppercase;
     color: #ddd;
     font-size: 13px;
     font-weight: 800;
     text-align: center;
     -webkit-animation-name: Floatingx;
     -webkit-animation-duration: 1.8s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-timing-function: ease-in-out;
     -moz-animation-name: Floating;
     -moz-animation-duration: 1.8s;
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: ease-in-out;
}
 @-webkit-keyframes Floatingx{
     from {
         -webkit-transform:translate(0, 0px);
    }
     65% {
         -webkit-transform:translate(0, 10px);
    }
     to {
         -webkit-transform: translate(0, -0px);
    }
}
 @-moz-keyframes Floating{
     from {
         -moz-transform:translate(0, 0px);
    }
     65% {
         -moz-transform:translate(0, 10px);
    }
     to {
         -moz-transform: translate(0, -0px);
    }
}
 .mouse {
     width: 18px;
     height: 28px;
     color: #ddd;
    /*border: 2px solid #ddd;
     */
     border-radius: 9px;
     -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
    /*border-radius: 9px;
     */
     display: block;
     text-align: center;
     margin: 0px auto -25px;
}

.tiktok-icon{
	margin-top: -8px
}