<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*************************
*******Tipo de Letra******
**************************/
@font-face {
    font-family: "Google";
    src: url("../fonts/googleFont/MerriweatherSans-Regular.ttf");
}

*{
    font-family: "Google";
}


#proyectos .tab-wrap .media .pull-left{
    /* background: #fff; */
    border-radius: 2px;
    /* min-width: 220px; */
    /* padding: 10px; */
} 

.modal-header{
    /* background: #113850; */
    background: #00a953;
}
.modal-title
{
    color: #fff;
}
.modal-body&gt;p,
.modal-body&gt;ul&gt;li,
{
    text-align: justify;
}
.modal-body&gt;ul&gt;li&gt;i
{
    font-size:15px;
} 
.modal-body&gt;p&gt;span
{
    color: black;
    font-weight: bold;
    font-style: italic;
} 
.etiquetas p a
{
    /* color: #113850; */
    color: #666666;
    font-weight: bold;
    font-style: italic;
} 




/*************************
*******Servicios******
**************************/

#services{
    background-image:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.3)),url("../img/main/detalle/coipesa2.png");
    opacity: 0.9;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #fff;
}

#services .list-unstyled li{
    text-align: left;
    color: #fff;
}
#services h5{
    text-align: left;
    color: #f2b202;
}

#services .social-contactanos{
    text-align: center;
}

#services .social-contactanos li{
    background: #989898;
    padding: 7px 7px 5px 7px;
    width: 40px;
    text-align: center;
    border-radius: 5px;
    border: 2px solid #fff;
    margin: 5px 10px;
}

#services .social-contactanos li:hover{
    background: #00a953;
}

#services .social-contactanos li a{
    color: #fff;
    font-size: 12px;
    text-align: center;
}


#services .dividir{
    width: 40px;
    height: 3px;
    background: #fff;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: left;
    border-radius: 10px;
} 
#services .card,
#directorio .card {
	padding: 1rem!important;
	border: none;
	margin-bottom:1rem;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
    transition: .5s all ease;
    text-align: justify;
}
#services .card:hover,
#directorio .card:hover {
	-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
#services .card .card-block,
#directorio .card .card-block

{
	padding-left: 50px;
    position: relative;
}

#services .card .card-block a,
#directorio .card .card-block a

{

	color: #113850 !important;
	font-weight:700;
	text-decoration:none;
}


#services .card .card-block a i,
#directorio .card .card-block a i

{
	display:none;
	
}


#services .card:hover .card-block a i,
#directorio .card:hover .card-block a i
{
	display:inline-block;
	font-weight:700;
	
}

#services .card .card-block:before,
#directorio .card .card-block:before
{
	font-family: FontAwesome;
    position: absolute;
    font-size: 39px;
    color: #113850;
    left: 0;
	-webkit-transition: -webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
}

#services .card .block-1:before
{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
}
#services .card .block-2:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f807";
}
#services .card .block-3:before
{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
}
#services .card .block-4:before
{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f55d";
}
#services .card .block-5:before
{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f7d9";
}
#services .card .block-6:before
{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f065";
}
#services .card .block-7:before
{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f6e3";
}
#services .card:hover .card-block:before,
#directorio .card:hover .card-block:before

{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);	
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}

body {
    background-color: #fff;
    /* font-family: 'Merriweather Sans', sans-serif; */
    /* font-family: 'Merriweather Sans', sans-serif; */
    /* font-family: 'Google'; */
    /* font-family: 'Oxygen', sans-serif; */
    color: #4e4e4e;
    line-height: 22px;
}

h1,
h4,
h5,
h6 {
    font-weight: 600;
    /* font-family: 'Open Sans', sans-serif; */
    color: #4e4e4e;
}

h1 {
    font-size: 36px;
/*    color: #fff;*/
}

h2 {
    font-size: 20px;
}

.widget h3 {
    font-size: 16px;
    color: #787878;
    font-weight: 400;
    line-height: 24px;
}
.title-idea {
    text-transform: uppercase;
    font-size: 16px;
    color: #787878;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Google';
}
img{
    max-width: 100%;
}

h4 {
    font-size: 16px;
}

a {
    color: #000;
    -webkit-transition: color 300ms, background-color 300ms;
    transition: color 300ms, background-color 300ms;
}

/*************************
*******Logo OB******
**************************/

.logo-brand{
    min-width: 190px;
    max-width: 190px;
}

/*************************
***********Redes Sociales***********
**************************/

/*************************
*******Nosotros******
**************************/


#content .text-lista li{
    list-style: none;
    padding-bottom: 6px;
    font-size: 15px;
}

#content .text-lista li i{
    font-size: 20px;
    color: #113850;

}



/*************************
***************************
**************************/


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

hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
}

.btn-primary {
    padding: 8px 20px;
    background: #00ab4b;
    color: #fff;
    border-radius: 4px;
    border: none;
    margin-top: 10px;
}

.btn-primary:hover,
.btn-primary:focus {
    background: #76716a;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-transparent {
    border: 3px solid #fff;
    background: transparent;
    color: #fff;
}

.btn-transparent:hover {
    border-color: rgba(255, 255, 255, 0.5);
}

a:hover,
a:focus {
    color: #111;
    text-decoration: none;
    outline: none;
}

.dropdown-menu {
    /* margin-top: -1px; */
    /* min-width: 160px; */
}

.menu-items{
    /* margin-top: -1px; */
    min-width: 185px;
}

.center h2 {
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 20px;
}

.media&gt;.pull-left {
    margin-right: 10px;
    margin-left: 10px;
}

.media&gt;.pull-right {
    margin-left: 20px;
}

body&gt;#main-slider, 
#novedades, 
#feature, 
#services, 
#testimonial, 
#bottom,
#proyectos
{
    padding: 50px 0;
}
.center {
    text-align: center;
    padding-bottom: 50px;
    /* padding-top: 30px; */
}

.scaleIn {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
}

.lead {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.transparent-bg {
    background-color: transparent !important;
    margin-bottom: 0;
}

@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.page-title{
    padding: 70px 0;
}

.page-title h1{
    color: #F3F3F3;
    margin: 0;
    text-align: center;
    font-size: 58px;
}


/*************************
*******Header******
**************************/

.navbar&gt;.container .navbar-brand {
    margin-left: 0;
}

.top-bar {
    padding: 0px 0px 10px 0px;
    background: #00a953;
    border-bottom: 2px solid #74706a;
    border-top: 2px solid #74706a;
    line-height: 28px;
}

.top-number {
    color: #fff;
}

.top-number p {
    margin: 0
}

.social {
    text-align: right;
}

.social-share {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.social-share li {
    display: inline-block;
}

ul.social-share li a {
    display: inline-block;
    color: #fff;
    background: #404040;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 2px;
}

ul.social-share li a:hover {
    background: #8398E0;
    color: #fff;
}

.search i {
    color: #fff;
}

input.search-form {
    background: transparent;
    border: 0 none;
    width: 60px;
    padding: 0 10px;
    color: #FFF;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

input.search-form::-webkit-input-placeholder {
    color: transparent;
}

input.search-form:hover::-webkit-input-placeholder {
    color: #fff;
}

input.search-form:hover {
    width: 180px;
}

.navbar-brand {
    padding: 0;
    margin: 0;
}


.navbar {
    border-radius: 0;
    margin-bottom: 0;
    background: #00a953;
    padding: 10px 0px 10px 0px;
    padding-bottom: 0;
    border-top: 2px solid #fff;
    outline: 2px solid #fff;
    box-shadow: 0px 2px 25px rgba(0, 0, 0, .25);
    
}

.navbar-nav {
    margin-top: 12px;
    text-transform: uppercase;
    font-size: 13px;
}

.navbar-nav .dropdown .fa-angle-down{
    padding-left: 5px;
}

.navbar-nav&gt;li {
    margin-left: 35px;
    padding-bottom: 28px;
}


.navbar-inverse .navbar-nav&gt;li&gt;a {
    padding: 5px 12px;
    margin: 0;
    border-radius: 3px;
    color: #fff;
    line-height: 24px;
    display: inline-block;
    font-weight: 300;
}

.navbar-inverse .navbar-nav&gt;li&gt;a:hover {
    background-color: #74706a;
    color: #fff;
}

.navbar-inverse {
    border: none;
}

.navbar-inverse .navbar-brand {
    font-size: 36px;
    line-height: 50px;
    color: #fff;
}

.navbar-inverse .navbar-nav&gt;.active&gt;a,
.navbar-inverse .navbar-nav&gt;.active&gt;a:hover,
.navbar-inverse .navbar-nav&gt;.active&gt;a:focus,
.navbar-inverse .navbar-nav&gt;.open&gt;a,
.navbar-inverse .navbar-nav&gt;.open&gt;a:hover,
.navbar-inverse .navbar-nav&gt;.open&gt;a:focus {
    background-color: #74706a;
    color: #fff;
}

.navbar-inverse .navbar-nav .dropdown-menu {
    font-size: 12px;
    background-color: #00a953;
    /* -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125); */
    border: 0;
    padding: 0;
    margin-top: 0;
    border-top: 0;
    border-radius: 0;
    left: 0;
}

.navbar-inverse .navbar-nav .dropdown-menu:before {
    position: absolute;
    top: 0;
}

.navbar-inverse .navbar-nav .dropdown-menu&gt;li&gt;a {
    padding: 8px 15px;
    color: #fff;
 
}
.navbar-inverse .navbar-nav .dropdown-menu&gt;li&gt;.nav-border{
    border-bottom: 2px solid #fff;
}

.navbar-inverse .navbar-nav .dropdown-menu&gt;li:hover&gt;a,
.navbar-inverse .navbar-nav .dropdown-menu&gt;li:focus&gt;a,
.navbar-inverse .navbar-nav .dropdown-menu&gt;li.active&gt;a {
    background-color: #74706a;
    color: #fff;
}

.navbar-inverse .navbar-nav .dropdown-menu&gt;li:last-child&gt;a {
    border-radius: 0 0 3px 3px;
}

.navbar-inverse .navbar-nav .dropdown-menu&gt;li.divider {
    background-color: transparent;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-top: 0;
    padding-bottom: 0;
}


/*************************
*******Home Page******
**************************/

#main-slider,
#novedad-slider
{
    position: relative;
}

.no-margin {
    margin: 0;
    padding: 0;
}

#main-slider .carousel .carousel-content {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 28px;
   
}

#main-slider .carousel .slide-margin {
    margin-top: 140px;
}

#main-slider .carousel h1 {
    font-size: 64px;
    font-weight: 700;
    margin: 0 0 20px;
    color: #fff;
}

@media (max-width:768px){
    .carousel-content {
        text-align: center;
        padding-bottom: 50px;
    } 

    #content .contenido-media {
        /* padding: 22px; */
        padding-left: 21.5px;
        padding-right: 21.5px;
    }

    #content .media-body {
        /* padding: 22px; */
        padding-top: 20px;
        text-align: justify;
    }

    #novedades .contenido-media{
        padding-left: 8px;
        padding-right: 8px;
    }

    #novedades .media-body p,h5 {
        text-align: justify;
        /* padding: 22px; */
    }
    #content .comment-img{
        padding-bottom: 10px;
    }
}


#main-slider .carousel .btn-slide {
    padding: 0 30px;
    line-height: 42px;
    background: #00a953;
    color: #fff;
    border-radius: 4px;
    margin-top: 30px;
    display: inline-block;
    font-size: 18px;
    margin-right: 10px;
    border: 2px solid #fff;

}

#main-slider .carousel .btn-slide:hover,
#main-slider .carousel .btn-slide:focus {
    background: #74706a;
}

#main-slider .carousel .btn-slide.white {
    border: 1px solid rgba(255, 255, 255, 0.44);
    background: rgba(255, 255, 255, 0.26);
    color: #fff;
}

/* #main-slider .carousel .slider-img {
    text-align: right;
    position: absolute;
} */

#main-slider .carousel .item
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0 !important;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block !important;
    height: 650px;
    -webkit-transition: opacity ease-in-out 500ms;
    transition: opacity ease-in-out 500ms;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#novedad-slider .carousel .item {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0 !important;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block !important;
    height: 250px;
    -webkit-transition: opacity ease-in-out 500ms;
    transition: opacity ease-in-out 500ms;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}

#main-slider .carousel .item:first-child,
#novedad-slider .carousel .item:first-child
{
    top: auto;
    position: relative;
}

#main-slider .carousel .item.active ,
#novedad-slider .carousel .item.active
{
    opacity: 1;
    -webkit-transition: opacity ease-in-out 500ms;
    transition: opacity ease-in-out 500ms;
    z-index: 1;
}

#main-slider .prev,
#main-slider .next,
#novedad-slider .prev,
#novedad-slider .next
{
    position: absolute;
    top: 50%;
    background-color: #00a953;
    color: #fff;
    display: inline-block;
    margin-top: -25px;
    height: 50px;
    line-height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 30px;
    z-index: 5;
}

#main-slider .prev:hover,
#main-slider .next:hover {
    background-color: #74706a;
}
#novedad-slider .prev:hover,
#novedad-slider .next:hover {
    background-color: #74706a;
}

#main-slider .prev , #novedad-slider .prev {
    left: 10px;
}


#main-slider .next , #novedad-slider .next  {
    right: 10px;
}

#main-slider .carousel-indicators {
    margin: 0;
    left: 0;
    width: 100%;
    bottom: 80px;
}

#main-slider .carousel-indicators li,
#novedad-slider .carousel-indicators li
{
    width: 10px;
    height: 10px;
    background-color: transparent;
    margin: 0 5px;
    position: relative;
    border: 1px solid #fff;
}

#main-slider .carousel-indicators li.active,
#novedad-slider .carousel-indicators li.active
{
    background-color: #00ab4b;
    border: 3px solid #00ab4b;
}

#main-slider .active .animation.animated-item-1 {
    -webkit-animation: fadeInUp 300ms linear 300ms both;
    animation: fadeInUp 300ms linear 300ms both;
}

#main-slider .active .animation.animated-item-2 {
    -webkit-animation: fadeInUp 300ms linear 600ms both;
    animation: fadeInUp 300ms linear 600ms both;
}

#main-slider .active .animation.animated-item-3 {
    -webkit-animation: fadeInUp 300ms linear 900ms both;
    animation: fadeInUp 300ms linear 900ms both;
}

#main-slider .active .animation.animated-item-4 {
    -webkit-animation: fadeInUp 300ms linear 1200ms both;
    animation: fadeInUp 300ms linear 1200ms both;
}




#feature  {
    padding-bottom: 40px;
}

.features .feature-wrap {
    margin-bottom: 25px;
}
.features .feature-wrap .text-nosotros p {
    padding-top: 60px;
    font-size: 19px;
}

.features .feature-wrap .icon {
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 40px;
    color: #D0D0D0;
    border: 1px solid #D0D0D0;
    font-size: 18px;
    border-radius: 4px;
    -webkit-transition: .4s;
    transition: .4s;
    margin-bottom: 25px;
}


.features .feature-wrap:hover .icon {
    color: #ffffff;
    border: 1px solid #113850;
    background-color: #113850;
}

.features .feature-wrap h2 {
    font-size: 24px;
    color: #333;
    margin: 0;
    margin-bottom: 24px;
}

.features .feature-wrap p {
    font-size: 16px;
    margin: 0;
    line-height: 26px;
    color: #707070;
}

#recent-works {
    background-color: #FAFAFA;
}

#recent-works .single-work {
    padding: 0;
}

#recent-works {
    padding-bottom: 70px;
}

.recent-work-wrap {
    position: relative;
    overflow: hidden;
}

.recent-work-wrap img {
    width: 100%;
}

.recent-work-wrap .recent-work-inner {
    top: 0;
    background: transparent;
    opacity: .8;
    width: 100%;
    border-radius: 0;
    margin-bottom: 0;
}

.recent-work-wrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    vertical-align: middle;
    -webkit-transition: opacity 500ms;
    transition: opacity 500ms;
    padding: 30px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.recent-work-wrap .overlay .preview {
    color: #fff;
    height: 50px;
    width: 50px;
    background-color: #3bb189;
    border-radius: 50%;
    display: inline-block;
    line-height: 50px;
}

.recent-work-wrap:hover .overlay {
    opacity: 1;
}

.services-wrap {
    padding: 40px 30px;
    background: #fff;
    border-radius: 4px;
    margin: 0 0 40px;
    -webkit-transition: .4s;
    transition: .4s;
    color: #707070;
    font-size: 16px;
    line-height: 26px;
}

.services-wrap p:last-child {
    margin: 0;
}

.services-wrap:hover {
    background-color: #FAFAFA;
}

.services-wrap h3 {
    font-size: 20px;
    margin: 0 0 15px;
    color: #333333;
    font-weight: 700;
}

.services-wrap .pull-left {
    margin-right: 40px;
    margin-top: 15px;
}

#middle {
    background-size: cover;
    background-position: center center;
    text-align: center;
    color: #ffffff;
    position: relative;
    z-index: 1;
}

#middle::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #8398E0;
    opacity: .3
}

#middle h2 {
    font-size: 48px;
    color: #ffffff;
}

#middle .skill {
    margin-bottom: 60px;
}

.progress-wrap {
    position: relative;
    padding: 10px 35px;
}

.progress-wrap h3 {
    color: #ffffff;
    text-align: left;
}

.progress .color1,
.progress .color1 .bar-width,
.progress .color1 .bar-width::after {
    background: #2d7da4;
}

.progress .color2,
.progress .color2 .bar-width,
.progress .color2 .bar-width::after {
    background: #6aa42f;
}

.progress .color3,
.progress .color3 .bar-width,
.progress .color3 .bar-width::after {
    background: #ffcc33;
}

.progress .color4,
.progress .color4 .bar-width,
.progress .color4 .bar-width::after {
    background: #db3615;
}

.progress,
.progress-bar {
    height: 10px;
    line-height: 10px;
    background: #e6e6e6;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
    overflow: visible;
    text-align: right;
}

span.bar-width::after {
    content: '';
    height: 16px;
    width: 16px;
    position: absolute;
    bottom: -32.5px;
    border-radius: 50%;
    right: 5px;
    border: 4px solid #fff;
}

.progress {
    position: relative;
}

.progress .bar-width {
    position: absolute;
    width: 40px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    top: -40px;
    border-radius: 2px;
    margin-left: -30px;
}

.progress .progress-bar .bar-width {
    background-color: #fff;
    color: #707070;
}

.progress span {
    position: relative;
}

.progress .progress-bar span:before {
    content: " ";
    position: absolute;
    width: auto;
    height: auto;
    border-width: 8px 5px;
    border-style: solid;
    bottom: -15px;
    right: 8px;
    border-top-color: #ffffff !important;
    color: #222;
}

.progress .color1 span:before {
    border-color: #2d7da4 transparent transparent transparent;
}

.progress .color2 span:before {
    border-color: #6aa42f transparent transparent transparent;
}

.progress .color3 span:before {
    border-color: #ffcc33 transparent transparent transparent;
}

.progress .color4 span:before {
    border-color: #db3615 transparent transparent transparent;
}

.accordion h2 {
    margin-bottom: 25px;
}

/* .panel-default {
    border-color: transparent;
} */

.panel-default&gt;.panel-heading {
    /* color: #000; */
    color: #fff;
    text-transform: uppercase;
}

/* .panel-default&gt;.panel-heading+.panel-collapse .panel-body {
    background: #fff;
    color: #858586;
} */

/* .panel-body {
    padding: 20px 20px 10px;
} */

/* .panel-group .panel+.panel {
    margin-top: 0;
    border-top: 1px solid #d9d9d9;
} */

/* .panel-group .panel {
    border-radius: 0;
}

.panel-heading {
    border-radius: 0;
}

.panel-title&gt;a {
    color: #4e4e4e;
} */

.accordion-inner img {
    border-radius: 4px;
}

.accordion-inner h4 {
    margin-top: 0;
}

.panel-heading.active {
    background: #1f1f20;
}

.panel-heading.active .panel-title&gt;a {
    color: #fff;
}

a.accordion-toggle i {
    width: 45px;
    line-height: 44px;
    font-size: 20px;
    margin-top: -10px;
    text-align: center;
    margin-right: -15px;
    background: #c9c9c9;
}

.panel-heading.active a.accordion-toggle i {
    background: #8398E0;
    color: #fff;
}

.panel-heading.active a.accordion-toggle.collapsed i {
    background: #8398E0;
    color: #fff;
}

/* .nav-tabs&gt;li {
    margin-bottom: 0px;
    border: 1px solid transparent;
} */

/* #content .nav-tabs&gt;li.active&gt;a,
#content .nav-tabs&gt;li.active&gt;a:hover,
#content .nav-tabs&gt;li.active&gt;a:focus {
    color: #8398E0;
    background-color: #F9FAFB;
    border: 1px solid #E9EFF4;
    font-weight: 500;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 5px;
} */





.video-box{
    position: relative;
}

.video-box a.video-icon{
    position: absolute;
    width: 80px;
    height: 80px;
    background-color: #8398E0;
    top: 50%;
    left: 50%;
    color: #fff;
    text-align: center;
    line-height: 76px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 20px;
    border: 2px solid #fff;
}

/* .nav-tabs {
    border: none;
} */

/* .nav-tabs&gt;li&gt;a {
    color: #666;
    border-radius: 0;
    border: 1px solid transparent;
    line-height: 24px;
    margin-right: 0;
    padding: 13px 30px;
}
.nav-tabs&gt;li&gt;a:hover{
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs li:last-child {
    border-bottom: 0 none;
} */

/* .nav-stacked&gt;li+li {
    margin-top: 0;
} */


.tab-wrap {
    margin-bottom: 20px;
}


.tab-content h2 {
    margin-top: 0;
}

.tab-content img {
    border-radius: 4px;
}
/* 
.testimonial h2 {
    margin-top: 0;
}

.testimonial-inner {
    color: #858586;
    font-size: 14px;
}

.testimonial-inner .pull-left {
    border-right: 1px solid #e7e7e7;
    padding-right: 15px;
    position: relative;
}

.testimonial-inner .pull-left:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    top: 50%;
    margin-top: -5px;
    background: #FFF;
    -webkit-transform: rotate(45deg);
    border: 1px solid #e7e7e7;
    right: -5px;
    border-left: 0 none;
    border-bottom: 0 none;
} */

#partner {
    background-image:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.2)),url(../images/skill-bg.png);
    background-size: cover;
    background-position: center center;
}

#partner {
    color: #fff;
    text-align: center;
}

#partner h2,
#partner h3 {
    color: #fff;
}

.partners ul li a img{
    margin: 0 auto;
}

.partners ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.partners ul li {
    display: inline-block;
    /* float: left; */
    width: 20%;
}

#conatcat-info {
    background: #fff url(../images/contact.png) no-repeat 90% 0;
    padding: 30px 0;
}

.contact-info i {
    width: 60px;
    height: 60px;
    font-size: 40px;
    line-height: 60px;
    color: #fff;
    background: #000;
    text-align: center;
    border-radius: 10px;
}

.contact-info h2 {
    margin-top: 0;
    color: #000;
}

.contact-info {
    color: #000;
}

/*************************
********* About Us Page CSS ******
**************************/

.about-img{
    padding-right: 70px;
}

.about-content{
    color: #989898;
    font-size: 16px;
    line-height: 26px;
    margin-top: 80px;
}

.about-content h2{
    font-size: 48px;
    color: #333333;
    font-weight: 700;
    margin: 0 0 25px;
}

#team-area{
    background-color: #FAFAFA;
}

.single-team img{
    width: 100%;
}

.single-team{
    margin-bottom: 30px;
}
.single-team .inner{
    background: #fff;
    text-align: center;    
    color: #989898;
    font-size: 16px;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 5px;
    overflow: hidden;
}

.single-team .inner:hover{
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}


.single-team .team-content{
    padding: 30px 0;
}
.single-team h4{
    font-size: 20px;
    font-weight: 700;
    color: #333;
    margin-top: 0;
}
.single-team .team-social{
    margin-top: 15px;
}
.single-team .team-social a{
    color: #989898;
    padding: 5px;
    margin: 0 10px;
    -webkit-transition: .4s;
    transition: .4s;
}

.single-team .team-social a:hover{
    color: #8398E0;
}



/***********************
****Service page css****
***********************/

.services {
    padding: 0;
}

.get-started {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 3px;
    padding-bottom: 30px;
    position: relative;
    margin-bottom: 18px;
    margin-top: 60px;
}

.get-started h2 {
    padding-top: 30px;
    margin-bottom: 20px;
}

.request {
    bottom: -15px;
    left: 50%;
    position: absolute;
    margin-left: -110px;
}

.request h4 {
    position: absolute;
    width: 220px;
    position: relative;
}

.request h4 a {
    background: #8398E0;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    border-radius: 3px;
    padding: 5px 15px;
}

.request h4:after {
    border-color: #8398E0 transparent transparent;
    border-style: solid;
    border-width: 12px;
    bottom: -18px;
    content: "";
    height: 0;
    position: absolute;
    right: 13px;
    z-index: -99999;
}

.request h4:before {
    border-color: #8398E0 transparent transparent;
    border-style: solid;
    border-width: 12px;
    bottom: -18px;
    content: "";
    height: 0;
    left: 13px;
    position: absolute;
    z-index: -99999;
}

.clients-area {
    padding: 60px;
}

.clients-comments {
    background-image: url("../images/image_bg.png");
    background-position: center 118px;
    background-repeat: no-repeat;
    margin-bottom: 100px;
}

.clients-comments img {
    background: #DDDDDD;
    border: 1px solid #DDDDDD;
    height: 182px;
    padding: 3px;
    width: 182px;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}

.clients-comments h3 {
    margin-top: 55px;
    font-weight: 300;
    padding: 0 40px;
}

.clients-comments h4 {
    font-weight: 300;
    margin-top: 15px;
}

.clients-comments h4 span {
    font-weight: 700;
    font-style: oblique;
}
/* 
.footer {
    background: none repeat scroll 0 0 #2E2E2E;
    border-top: 5px solid #8398E0;
    height: 84px;
    margin-top: 110px;
}

.footer_left {
    padding: 10px;
} */

.text-left {
    color: #FFFFFF;
    font-size: 12px;
    margin-top: 15px;
}


/*************************
********* Portfolio CSS ******
**************************/

#portfolio_page {
    margin-top: 115px;
    padding-bottom: 0;
}

.portfolio-items,
.portfolio-filter {
    list-style: none outside none;
    margin: 0 0 40px 0;
    padding: 0;
}

.portfolio-filter&gt;li {
    display: inline-block;
}

.portfolio-filter&gt;li a {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    margin-right: 20px;
    text-transform: uppercase;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    border: 1px solid #F2F2F2;
    outline: none;
    border-radius: 3px;
}

.portfolio-filter&gt;li a:hover,
.portfolio-filter&gt;li a.active {
    color: #fff;
    background: #8398E0;
    border: 1px solid #8398E0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.portfolio-items&gt;li {
    float: left;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.portfolio-item {
    margin: 0;
    padding: 0;
}


/* Start: Recommended Isotope styles */


/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}


/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}


/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}


/* End: Recommended Isotope styles */


/* disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling {
    -webkit-transition: none;
    transition: none;
}


/**************************
********* Pricing Table CSS *
**************************/
section.pricing{
    background-color: #FAFAFA;
}
.single-pricing{
    display: inline-block;
    background-color: #fff;
    border: 1px solid #E4EBF0;
    padding: 50px;
    text-align: center;
    margin: 50px 0;
}

.single-pricing span{
    text-transform: uppercase;
    font-weight: 700;
    display: block;
}
.single-pricing h1{
    font-weight: 700;
    font-size: 80px;
    position: relative;
    display: inline-block;
    padding: 0 50px 0 15px;
}

.single-pricing h1 span{
    position: absolute;
    top: 10px;
    font-size: 26px;
    left: 0;
    text-transform: lowercase;
}

.single-pricing h1 span:last-child{
    right: 0;
    top: auto;
    bottom: 10px;
    left: auto;
}

.single-pricing ul{
    display: inline-block;
    list-style: none;
    padding: 0;
    text-align: left;
    color: #989898;
    margin-bottom: 50px;
    margin-top: 30px;
}
.single-pricing ul li i{
    margin-right: 7px;
}

.single-pricing a{
    line-height: 45px;
    padding: 0 30px;
    min-width: 140px;
    text-align: center;
    border: 1px solid #D0D7DD;
    display: inline-block;
    font-weight: 700;
    border-radius: 4px;
}

.single-pricing.featured{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.single-pricing.featured a{
    background-color: #8398E0;
    color: #fff;
}

/*************************
********* Contact Us CSS ******
**************************/


#contact-page {
    padding-top: 0;
}

#contact-page .contact-form .form-group label {
    color: #989898;
    font-size: 16px;
    font-weight: 300;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.form-group .form-control {
    padding: 0 12px;
    border-color: #f2f2f2;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 50px;
}

.form-group textarea.form-control{
    height: 235px;
}

.form-group button{
    font-size: 15px;
    padding: 15px 30px;
}

textarea#message {
    resize: none;
    padding: 10px;
}

#contact-page .contact-wrap {
    margin-top: 20px;
}

.large-title{
    text-align: center;
    margin-bottom: 70px;
    margin-top: 50px;
}

.large-title h2{
    font-size: 48px;
    font-weight: 700;
    color: #222;
}


.large-title p{
    font-size: 16px;
    line-height: 26px;
    color: #989898;
    font-weight: 300;
}


/*********************
****blog page css*****
**********************/

.widget {
    margin-bottom: 30px;
    padding-left: 0;
}

aside .widget {
    background: #ddd;
    padding: 25px;
    border-radius: 3px;
}

.widget .entry-meta span {
    display: inline-block;
    margin-right: 10px;
}

.widget h3 {
    color: #464646;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 0;
    font-weight: 700;
}

.popular_post ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

.popular_post ul li:not(:last-child){
    margin-bottom: 50px;
}


.popular_post ul li p{
    margin-top: 14px;
    color: #464646;
    font-size: 13px;
    text-align: justify;
}

.popular_post ul li .ver-mas a,
.regresar a
{

    color: #3bb189;
    font-weight: 800;
    font-size: 13px;
}

.ver-mas a:hover,
.regresar a:hover{
    color: #74706a;
    font-weight: 800;
    text-decoration-line: underline;
}

.popular_post ul li .ver-mas-noticias a{
    color: #040404;
    font-size: 12px;
}

.popular_post ul li .ver-mas-noticias a:hover{
    color: #fff;
    text-decoration-line: underline;
}


.blog_category {
    list-style: none;
    margin: 0;
    padding: 0;
}

.blog_category li {
    float: none;
    margin-bottom: 20px;
}

.blog_category li a {
    background: #f5f5f5;
    border-radius: 4px;
    color: #888;
    display: inline-block;
    padding: 5px 15px;
}

.blog_category li a:hover {
    background: #EC5538;
    color: #fff;
}

/* .badge:before {
    border-color: transparent transparent transparent #EC5538;
    border-style: solid;
    border-width: 10px;
    bottom: -8px;
    content: "";
    height: 0;
    left: 5px;
    position: absolute;
    z-index: -99999;
} */

/* .badge {
    background-color: #8398E0;
    border-radius: 5px;
    color: #fff;
    padding: 8px; 
    font-weight: normal;
    margin-left: 20px;
} */

.blog_archieve {
    list-style: none outside none;
    margin: 0;
    padding: 0px 10px;
}

.blog_archieve li a {
    color: #989898;
    padding: 18px 0;
    display: block;
    font-weight: 300;
}

.blog_archieve li:first-child {
    padding-top: 0;
}

ul.gallery {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.gallery li {
    display: block;
    width: 60px;
    padding: 0;
    margin: 0 4px 4px 0;
    float: left;
}

ul.faq {
    list-style: none;
    margin: 0;
}

ul.faq li {
    margin-top: 30px;
}

ul.faq li:first-child {
    margin-top: 0;
}

ul.faq li span.number {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #34495e;
    color: #fff;
    font-size: 24px;
}

ul.faq li&gt;div {
    margin-left: 70px;
}

ul.faq li&gt;div h3 {
    margin-top: 0;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*blog*/


#blog{
    background-color: #FAFAFA;
}

.blog-item {
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 30px;
    background-color: #fff;
}

.blog .blog-item .img-blog {
    border-radius: 5px;
    margin-bottom: 0;
}


.blog .blog-item .blog-content {
    padding: 25px;
}

.blog .blog-item .blog_cat {
    margin-bottom:25px;
    display: inline-block;
    font-weight: 600;
}

.blog .blog-item .blog-content h2 {
    margin-top: 0;
    font-size: 22px;
}


.blog .blog-item .blog-content h2 a{
    color: #333;
    -webkit-transition: .4s;
    transition: .4s;
}

.blog .blog-item .blog-content a.readmore{
    color: #989898;
    -webkit-transition: .4s;
    transition: .4s;
}

.blog .blog-item .blog-content a.readmore:hover,
.blog .blog-item .blog-content h2 a:hover{
    color: #FF3E24;
}

.readmore {
    margin-top: 0;
}

.blog .blog-item .blog-content h2{
    line-height: 33px;
} 
.blog .blog-item .blog-content h3 {
    color: #989898;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}

.blog .blog-item .blog-content h4 {
    font-size: 14px;
}


.blog .blog-item .entry-meta {
    border-radius: 5px;
    overflow: hidden;
}

.blog .blog-item .entry-meta&gt;span {
    background: #f5f5f5;
    border-top: 1px solid #fff;
    display: block;
    font-size: 12px;
    overflow: hidden;
    padding: 5px;
    text-align: left;
}

.publish_date {
    background: #EC5538;
    border-bottom: 5px solid #4e4e4e;
    color: #fff;
    padding: 5px 0;
    text-align: center;
}

.blog .blog-item .entry-meta&gt;span {
    color: #ccc;
}

.blog .blog-item .entry-meta&gt;span a {
    font-size: 12px;
    margin-left: 3px;
    font-weight: 300;
    color: #888;
}
/* /////////////////////////////// */
/* Paginacion */

ul.pagination{
    margin-top: 40px;
}
ul.pagination&gt;li&gt;a {
    border-radius: 5px;
    font-size: 16px;
    height: 32px;
    width: 32px;
    padding: 0;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    border-radius: 50%;
    margin: 0 5px;
    border: none;
    background-color: transparent;
    font-weight: bold;
}

ul.pagination&gt;li&gt;a i {
    margin-left: 5px;
    margin-right: 5px;
}

ul.pagination&gt;li.active&gt;a,
ul.pagination&gt;li:hover&gt;a {
    background-color: #00ab4b ;
    color: #fff;
}

/* ul.pagination&gt;li:first-child &gt; a, 
ul.pagination&gt;li:last-child &gt; a{
    background-color: transparent;
    color: #989898;
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px)
} */

ul.pagination&gt;li:first-child &gt; a:hover, 
ul.pagination&gt;li:last-child &gt; a:hover{
    background-color: transparent;
    color: #113850 ;
}

.pagination&gt;.active&gt;a:hover,
.pagination&gt;.active&gt;a:focus{
    background-color: #76716a;
}


ul.pagination&gt;li:first-child &gt; a{
    background-color: transparent;
    color: #989898;
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px)
}
 
ul.pagination&gt;li:last-child &gt; a{
    background-color: transparent;
    color: #989898;
    -webkit-transform: translateX(200px);
    transform: translateX(200px)
}
/* ///////////////////////////////////////////////////// */






.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 none;
}

ul.tag-cloud,
ul.sidebar-gallery {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tag-cloud li {
    display: inline-block;
    margin-bottom: 3px;
}

.tag-cloud li a {
    background: #f5f5f5;
    color: #888;
    border: 0;
    border-radius: 4px;
    padding: 8px 15px;
}

.tag-cloud li a:hover {
    background: #EC5538;
    color: #fff;
}

ul.sidebar-gallery{
    margin: -15px;
}
.aside-proyectos .sidebar-gallery li {
    display: inline-block;
    float: left;
    margin: 15px 0px;
    width: 50%;
    
}
  
  /* [2] Transition property for smooth transformation of images */
  .img-hover-zoom img {
    transition: transform .5s ease;
  }
  
  /* [3] Finally, transforming the image when container gets hovered */
  .img-hover-zoom:hover img {
    transform: scale(1.2);
  }

.sidebar-gallery li a {
    border-radius: 4px;
    display: block;
    padding: 0 15px
}


.sidebar-gallery li a  img{
    width: 100%;
}

.widget.social_icon{
    overflow: hidden;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.widget.social_icon a{
    display: inline-block;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    background-color: #D8D8D8;
    color: #6D7784;
    font-size: 18px;
    border-radius: 3px;
}

.widget.social_icon a:hover{
    background-color:  #8398E0;
    color: #fff;
}


/**********************
**blog single page css*
**********************/


.post-meta{
    overflow: hidden;
    margin-top: 20px;
}
.post-meta p{
    display: inline-block;
    margin-right: 15px;
    color: #989898;
}
.post-meta p i{
    color: #EC5538;
}
.post-meta p a{
    color: #989898;
    -webkit-transition: .4s;
    transition: .4s;
}
.post-meta p a:hover{
    color: #EC5538;
}
.post-meta p a.fa{
    padding: 0 6px;
}

.message_heading {
    margin-bottom: 50px;
    margin-top: 60px;
}

.inner-meta .tags{
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
}
.inner-meta .tags li{
    display: inline-block;
}
.inner-meta .tags li a{
    background-color: #F3F5F7;
    padding: 3px 8px;
    color: #989898;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 2px;
}

.inner-meta .social-btns a{
    background-color: #EC5538;
    color: #fff;
    display: inline-block;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 3px;
    margin-right: 10px;
}
.inner-meta .social-btns a i{
    margin-right: 6px;
}

.inner-meta .social-btns .facebook-bg{
    background-color: #3B5998;
}
.inner-meta .social-btns .tweet-bg{
    background-color: #1DA1F2;
}

/*comments*/

.comments{
    margin-top: 40px;
}

.comments .single-comment{
    position: relative;
}

.comments .single-comment.reply{
    padding-left: 80px;
}

.comments .single-comment:first-of-type{
    margin-top: 40px;
}

.comments .single-comment .comment-img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.comments .single-comment.reply .comment-img{
    left: 100px;
    width: 50px;
    height: 50px;
}

.comments .single-comment .comment-content{
    margin-left: 100px;
    background-color: #FAFAFA;
    border: 1px solid #F3F5F7;
    margin-bottom: 60px;
    padding: 30px;
    border-radius: 4px;
    color: #989898;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
}

.comment-count{
    position: absolute;
    right: 0;
    bottom: -35px;
    font-size: 12px;
}

.comment-count a{
    color: #989898;
    margin-left: 15px;
}

.comment-count a i{
    margin-right: 4px;
}

.comment-count a:last-child i{
    color: #EC5538;
}

.comments .single-comment .comment-content h5{
    font-size: 14px;
    color: #333333;
    margin: 0 0 15px;
}

.comments .single-comment .comment-content p:last-child{
    margin: 0;
}


.comments .single-comment .comment-content.comment-form{
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 5px;
}
.comment-form form textarea{
    width: 100%;
    height: 200px;
    resize: none;
    background-color: #FAFAFA;
    border: 1px solid #F3F5F7;
}

.comment-form form input[type="submit"]{
    color: #fff;
    border: none;
    line-height: 42px;
    padding: 0 35px;
    background-color: #EC5538;
    border-radius: 3px;
    margin-left: auto;
    margin-top: 15px;
    display: block;
}


/******************
404
 ******************/

#error .btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success:hover {
    background-color: #EBEBEB;
    border-color: #EBEBEB;
    color: #4E4E4E;
}

#error h1 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 250px;
    line-height: 190px;
    margin-top: 0;
    margin-bottom: 40px;
}

#error p {
    color: #ffffff;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 50px;
}

#error{
    background-position: center center;
    background-size: cover;
    height: 100%;
    padding: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


/******************
shortcodes page css
******************/

.shortcode-item {
    padding-bottom: 0;
}

.shortcode-item h2 {
    color: #4E4E4E;
    font-size: 24px;
    margin-bottom: 22px;
    margin-top: 0;
    font-weight: 600
}


/***********************
********* Footer ******
************************/
.footer-logo{
    display: inline-block;
}
/* #bottom {
    background: #113850;
    border-bottom: 5px solid #EC5538;
    font-size: 14px;
    border-top: 3px solid #fff;
}

#bottom h3 {
    margin-top: 0;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    font-weight: 700;
}

#bottom ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#bottom ul li {
    display: block;
    padding: 4px 0;
}

#bottom ul li a {
    color: #808080;
    font-weight: 300;
}

#bottom ul li a:hover {
    color: #EC5538;
}

#bottom .widget {
    margin-bottom: 0;
    padding-left: 15px;
} */

/* #footer {
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff;
    background: #2e2e2e;
    font-weight: 300;
}

#footer a {
    color: #fff;
}

#footer a:hover {
    color: #EC5538;
}

#footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer ul&gt;li {
    display: inline-block;
    margin-left: 15px;
} */

/* Acerca de Nosotros */


#nosotros {
    padding: 130px 0 110px 0;
    background: #f7f7f7;
}

#nosotros p{
    text-align: left;
    padding-top: 55px;
    font-size: 18px;
}

#nosotros .miembros .Fotomiembros img {
    max-width: 100%;
}

#nosotros .text-lista li{
    list-style: none;
    padding-bottom: 6px;
    
}
#nosotros .text-lista {
    text-align: left;
}

#nosotros .text-lista li i{
    color: #113850;
}

#nosotros .text-lista li a{
    font-size: 18px;
    color: #4E4E4E;
}


@media (max-width:768px){
    /* #nosotros .nosotros-content{
        padding-bottom:1 40px;
    } */

    #nosotros p {
        text-align: justify;
        padding-top: 6px;
        padding-bottom: 10px;
    }

    #proyectos p {
        text-align: justify;
    }
    #clientes p{
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    #nosotros p{
        line-height: 29px;
     }

     #nosotros .text-lista{
        line-height: 26px;
     }

}

/* DetalleProyecto */
#detalle-proyecto {
    background-image:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.3)),url("../img/main/detalle/coipesa2.png");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 430px;
}

#detalle-proyecto .img-detalle {
    padding: 30px 0px;
}
/* #detalle-proyecto .leer-mas .w3-button-leer{
    background: #00a953;
    color: #fff;
} */

#detalle-proyecto .leer-mas .w3-button-leer{
    text-decoration: none;
    padding: 8px;
    padding-left: 20px;
    padding-right: 20px;
    /* font-weight: 300; */
    font-size: 18px;
    color: #fff;
    background-color: #00a953;
    border-radius: 15px;
    border: 2px double #fff;
  }
  #detalle-proyecto .leer-mas .w3-button-leer:hover{
      color: #fff;
      background: #4E4E4E;
  }

#detalle-proyecto .dividir{
    width: 60px;
    height: 6px;
    background: #00a953;
    /* margin: 0 auto; */
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: left;
    border-radius: 10px;
} 

#detalle-proyecto .img-detalle img{
    border-radius: 10px;
    border:3px solid #fff;
}

#detalle-proyecto .nosotros-detalle-title{
    color: #fff;
    text-align: start;
    font-size: 45px;
    padding-top: 20px;
}


#detalle-proyecto .detalle-bg {
    position: relative;
}

#detalle-proyecto .wellcome-text {
    margin: 10px 0;
    padding: 20px 0px;
    color: #fff;
    text-align: justify;
}

#detalle-proyecto .well-text&gt;h2 {
    color: #fff;
    font-size: 44px;
    font-weight: 500;
    line-height: 50px;
}

#detalle-proyecto .well-text p {
    font-size: 18px;
    font-style: italic;
    color: #fff;
}

/* .dividir{
    width: 50px;
    height: 3px;
    background: #113850;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 10px;
} */

/* ///////////////////////////////////////////////////////////////////////////// */

@media (max-width:768px){

    #detalle-ejecutivo .interali-text p {
        text-align: right;  
    }

    #detalle-ejecutivo .interali-text&gt;h2 {
        line-height: -10px;
    }
    
      
}

/* Caracteristicas */
@media (max-width:768px){
    .caracter-valores{
        /* background: red; */
        text-align: center;
    }
      
}

/* /////////////////////////////////////////////////////////////////////// */
/* Contactanos */

.proyectos-contactanos{
    padding: 50px;
}

.contactanos{
    margin-bottom: 40px;
}

.contactanos .contact-icon {
    margin-bottom: 20px;
}

.contactanos .contactanos-icon i {
    font-size: 24px;
    width: 50px;
    height: 50px;
    border: 3px solid #113850;
    line-height: 46px;
    border-radius: 50%;
    margin-bottom: 20px;
}
.contactanos .contactanos-icon i {
    color: #113850;
}
.contactanos .contact-icon p{
    font-size: 15px;
}



@media (max-width:768px){
    .contactanos {
        text-align: center;
    }    
    .contactanos .contact-icon {
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .contactanos .form-contactanos{
        padding:20px 0 20px 0;
    }
}


.icon-servicios i{
    font-size: 55px;
}


/* //////////////////////////////////////////// */
 
#testimonial {
	background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.2)),url(../img/main/clientes/12-min.png);
} 


.carousel-control.left,.carousel-control.right  {background:none;width:25px; z-index: 999;}
.carousel-control.left {left:-25px;}
.carousel-control.right {right:-25px;}

.block-text a {
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}
.mark {
    font-weight: 600; padding: 12px 0;background:none;
}
.block-text p {
    color: #585858;
}


.block-text ins {
    bottom: -44px;
    left: 50%;
    margin-left: -60px;
}


.block {
    display: block;
}
.zmin {
    z-index: 1;
}
.ab {
    position: absolute;
}

.person-text {
	
    padding: 10px 0 0;
    text-align: center;
    z-index: 2;
}
.person-text a {
    display: block;
    margin-top: 10px;
    color: #fff;
	font-weight: 600;
}

.rel {
    position: relative;
}

.person-text img.person {
	margin: 0 auto;
	width: 200px;
	height: 200px;
}




.company-social {
	margin-left: 0;
	padding-left: 0;
	margin-top: 10px;
}

.company-social {
	text-align: left;
	list-style: none;
}

.company-social li{
	margin:0;
	padding:0;
	display: inline-block;
}

.company-social a{
	margin:0 2px 0 0;
}

.company-social a:hover {
    color: #fff;
}

.company-social a i {
	width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
	color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
	text-align: center;
	border-radius: 3px;
	padding:0;
}

.company-social .social-facebook a i{background: #3873ae;}
.company-social .social-twitter a i{background: #62c6f8;}
.company-social .social-dribble a i{background: #d74980;}
.company-social .social-deviantart a i{background: #8da356;}
.company-social .social-google a i {background: #000;}
.company-social .social-vimeo a i {background: #51a6d3;}
.company-social .social-facebook a:hover i {background: #4893ce;}
.company-social .social-twitter a:hover i {background: #82e6ff;}
.company-social .social-dribble a:hover i {background: #f769a0;}
.company-social .social-deviantart a:hover i {background: #adc376;}
.company-social .social-google a:hover i {background: #333;}
.company-social .social-vimeo a:hover i {background: #71c6f3;}


.carousel-inner &gt; .item {
    min-height: 200px;
  margin-left:0;
  padding-left: 0;
  width: 100%;
  /* height: auto; */
}
.carousel-inner &gt; .item &gt; img,
.carousel-inner &gt; .item &gt; a &gt; img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left:0;
  padding-left: 0;
}

.carousel-control {
  position: absolute;
  top: 37%;
  bottom: 0;
  left: 0;
  width: auto;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left,.carousel-control.right {
  background-image: none;
  filter: none;
}
.carousel-control.right {
  right: 20px;
}
.carousel-control.left {
  left: 20px;
}

#testimonial h2{
    color: #fff;
}
#testimonial p{
    color: #fff;
    font-size: 19px;
}

/***********************
********* Footer ******
************************/
.footer-logo{
    display: inline-block;
}

#bottom {
    background: #00ab4b;
    /* border-top: 2px solid #fff; */
    font-size: 14px;
}

#bottom ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#bottom ul li {
    display: block;
    padding: 4px 0;
}

#footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer ul&gt;li {
    display: inline-block;
    margin-left: 15px;
}

/* Nosotros */

@media (min-width:768px){
    .video-nosotros iframe{
        min-width: 500px;
        min-height: 200px;
    }
    #feature .center p {
        text-align: justify;
    }
}


/*Bottom*/



#bottom .widget i{
    font-size: 17px;
    padding-right: 20px;
    width: 12px;
    text-align: center;

}

#bottom .text-footer{
    color: #fff;
    text-align: justify;
}



#bottom .widget {
    margin-bottom: 0;
    padding-left: 15px;
}

#bottom h3 {
    margin-top: 0;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
}

#bottom ul li a:hover {
    color: #8398E0;
}



#bottom ul li a {
    color: #fff;
    font-weight: 300;
}

@media (max-width:768px){
    #bottom .widget{
        padding-top: 20px;
    }
}

/*Footer*/

#footer a {
    color: #fff;
}

#footer a:hover {
    color: #8398E0;
}

footer .wid h3{
    color: #fff;
}

#footer {
    padding-top: 15px;
    padding-bottom: 16px;
    color: #fff;
    background: #00ab4b;
    font-weight: 300;
    border-top: 2px solid #fff; 
}


/*************************
*******Caracteristicas******
**************************/
#feature .card{
	padding: 1rem!important;
	border: none;
	margin-bottom:1rem;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
    transition: .5s all ease;
    text-align: justify;
}
#feature .card:hover{
	-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
#feature .card .card-block{
	padding-left: 50px;
    position: relative;
}
#feature .card .card-block a{
	color: #113850 !important;
	font-weight:700;
	text-decoration:none;
}
#feature .card .card-block a i{
	display:none;
	
}
#feature .card:hover .card-block a i{
	display:inline-block;
	font-weight:700;
	
}
#feature .card .card-block:before{
	font-family: FontAwesome;
    position: absolute;
    font-size: 39px;
    color: #113850;
    left: 0;
	-webkit-transition: -webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
}

#feature .card .block-1:before,
#directorio .card .block-1:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f005";
}
#feature .card .block-2:before,
#directorio .card .block-2:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f14a";
}
#feature .card .block-3:before,
#directorio .card .block-3:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0a1";
}
#feature .card .block-4:before,
#directorio .card .block-4:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f55d";
}
#feature .card .block-5:before,
#directorio .card .block-5:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f7d9";
}
#feature .card .block-6:before,
#directorio .card .block-6:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f065";
}
#feature .card .block-7:before,
#directorio .card .block-7:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f6e3";
}
#feature .card:hover .card-block:before{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);	
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}

/*Contactanos*/

/* .contactanos {
    background: #f7f7f7;
  } */
  
  .contactanos .info {
    /* color: #333333; */
    background: #03C4EB;
  }
  
  .contactanos .info i {
    font-size: 32px;
    color: #03C4EB;
    float: left;
  }
  
  .contactanos .info p {
    padding: 0 0 10px 50px;
    line-height: 24px;
  }
  
  .contactanos .form #sendmessage {
    color: #03C4EB;
    border: 1px solid #03C4EB;
    display: none;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
  }
  
  .contactanos .form #errormessage {
    color: red;
    display: none;
    border: 1px solid red;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
  }
  
  .contactanos .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show {
    display: block;
  }
  
  .contactanos .form .validation {
    color: red;
    display: none;
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 13px;
  }
  
  .contactanos .form input, #contact .form textarea {
    border-radius: 0;
    box-shadow: none;
  }
  
  .contactanos .form button[type="submit"] {
    background: #00a953;
    border: 0;
    padding: 10px 24px;
    color: #fff;
    transition: 0.4s;
    border: 1px solid #fff;
  }
  
  .contactanos .form button[type="submit"]:hover {
    background: #989898;
  }

/*Servicios*/
@media (max-width:768px){
    #services .center p{
        text-align: justify;
    }
    #feature .center p{
        text-align: justify;
    }
}


/*Clientes*/

@media (max-width:768px){

    #testimonial .center p{
        text-align: justify;
    }

}

/*Nosotros*/


#content{
    padding: 50px 0;
}

#proyectos .padding-nosotros{
    padding: 10px;
}

#proyectos .padding-nosotros p{
    text-align: justify;
}

#proyectos .padding-nosotros h2{
    text-transform: uppercase;
    font-size: 19px;
    font-weight: bold;
}

#content .media-body h2{
    font-size: 16px;
 }

 #content .media-body h3{
    font-size: 20px;
 }

 #content .comment-img img{
    max-height: 430px;
}

/* Fundadores */
#content .widget p{
    text-align: justify;
}

/* Mision */

#content .media p {
    text-align: justify;
}


/* Novedades - Noticias */

.breadcrumb{
    text-transform: uppercase;
    font-size: 13px;
}


/* #novedades .breadcrumb
{
    border: 2px solid #113850;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    background: #113850;
    margin-bottom: 0px;
} */

#novedades .contenido-noticia {
    padding-left: 5px;
    margin-bottom: 15px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
}

/* #novedades .breadcrumb &gt; li,
.breadcrumb &gt; li &gt; a{
    color: #fff;
}  */

#novedades .fondo-novedad {
    background: #f3f3f3;
    padding: 15px;
    margin-bottom: 20px;
    border: 2px solid #ddd;
}

#novedades .comment-img img {
    border-radius: 4px;
}

#novedades .descripcion, .titulo {
    text-align: justify;
}

#novedades .fecha i{
    color: #113850;
}

#novedades .fecha a{
    color: #989898;
}

#novedades .widget p b{
    font-weight: 600;
}

/* 
#proyectos .nav-tabs .list-group a {
    background-color: #ddd;
} */


#proyectos .breadcrumb {
    background-color: #3bb189;
    border-radius: 0px;
    
}

#proyectos .breadcrumb .breadcrumb-item a{
    color: #fff;
}

#proyectos .breadcrumb&gt;.active{
    color: #fff;;
}

#proyectos .breadcrumb&gt;li+li:before {
    padding: 0 5px;
    color: #fff;
    content: "/\00a0";
}

/*Novedades*/

#novedades .breadcrumb {
    background-color: #3bb189;
    margin-bottom: 5px;
    border-radius: 0px;
}

#novedades .breadcrumb .breadcrumb-item a{
    color: #fff;
}

#novedades .breadcrumb&gt;.active{
    color: #fff;;
}

#novedades .breadcrumb&gt;li+li:before {
    padding: 0 5px;
    color: #fff;
    content: "/\00a0";
}

#proyectos .fondo-proyecto{
    background: #f3f3f3;
    padding: 15px;
    margin-bottom: 20px;
    border: 2px solid #ddd;
}

#proyectos .panel-heading{
    background-color: #3bb189;
    font-size: 13px;
}



.label-filter{
    font-size:13px;
    text-transform: uppercase;
    color: #454544;
}

#novedades .aside-novedades aside .widget {
    background: #c1a57b;
    border: 2px solid #000;

}

/* #novedades .aside-novedades aside .widget h3{
    color: #ED8600;

} */

/* /////////////////////////////////////////////////////// */
/* Boton de Busqueda */

#proyectos .btn-default{
    border: 1px solid #3bb189;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    background: #3bb189;
    margin-bottom: 0px;
    color: #fff;
}

#proyectos .btn-default:hover,
#proyectos .btn-default:focus {
    background: #76716a;
    border: 1px solid #76716a;
}

#proyectos .contenido-media h3{
    font-size: 15px;
    color: #787878;
    font-weight: 400;
    line-height: 24px;
}

#proyectos .breadcrumb .acerca-title{
    color: #fff;
}

#proyectos .contenido-noticia{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;  
}

#proyectos .contenido-sub-noticia{
    text-transform: uppercase;  
}

#proyectos .bread-project{
    margin: 0px;
}
/* 
#proyectos .breadcrumb-item{
    color: #fff;
} */

/* .breadcrumb a:hover{
    color: #8398E0;
} */

/*************************
*******Nosotros******
**************************/

/*************************
*******404******
**************************/
.padding-directorio{
    margin: 10px 15px 10px 10px ;
}


#directorio  .card .card-heading {
   padding: 0 20px;
   margin: 0;
}

#directorio  .card .card-heading.simple {
   font-size: 20px;
   font-weight: 300;
   color: #777;
   border-bottom: 1px solid #e5e5e5;
}

#directorio .card .card-heading.image img {
   display: inline-block;
   width: 46px;
   height: 46px;
   margin-right: 15px;
   vertical-align: top;
   border: 0;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

#directorio .card .card-heading.image .card-heading-header {
   display: inline-block;
   vertical-align: top;
}

#directorio .card .card-heading.image .card-heading-header h3 {
   margin: 0;
   font-size: 14px;
   line-height: 16px;
   color: #262626;
}

#directorio .card .card-heading.image .card-heading-header span {
   font-size: 12px;
   color: #999999;
}

#directorio .card .card-body {
   padding: 0 20px;
   margin-top: 20px;
}

#directorio .card .card-media {
   padding: 0 20px;
   margin: 0 -14px;
}

#directorio .card .card-media img {
   max-width: 100%;
   max-height: 100%;
}

#directorio .card .card-actions {
   min-height: 30px;
   padding: 0 20px 20px 20px;
   margin: 20px 0 0 0;
}

#directorio .card .card-comments {
   padding: 20px;
   margin: 0;
   background-color: #f8f8f8;
}

#directorio .card .card-comments .comments-collapse-toggle {
   padding: 0;
   margin: 0 20px 12px 20px;
}

#directorio .card .card-comments .comments-collapse-toggle a,
#directorio .card .card-comments .comments-collapse-toggle span {
   padding-right: 5px;
   overflow: hidden;
   font-size: 12px;
   color: #999;
   text-overflow: ellipsis;
   white-space: nowrap;
}

#directorio .card-comments .media-heading {
   font-size: 13px;
   font-weight: bold;
}

#directorio .card.people {
   position: relative;
   display: inline-block;
   width: 170px;
   height: 300px;
   padding-top: 0;
   margin-left: 20px;
   overflow: hidden;
   vertical-align: top;
}

#directorio .card.people:first-child {
   margin-left: 0;
}

#directorio .card.people .card-top {
   position: absolute;
   top: 0;
   left: 0;
   display: inline-block;
   width: 170px;
   height: 150px;
   background-color: #ffffff;
}

#directorio .card.people .card-top.green {
   background-color: #53a93f;
}

#directorio.card.people .card-top.blue {
   background-color: #427fed;
}

#directorio .card.people .card-info {
   position: absolute;
   top: 150px;
   display: inline-block;
   width: 100%;
   height: 101px;
   overflow: hidden;
   background: #ffffff;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

#directorio .card.people .card-info .title {
   display: block;
   margin: 8px 14px 0 14px;
   overflow: hidden;
   font-size: 16px;
   font-weight: bold;
   line-height: 18px;
   color: #404040;
}

#directorio .card.people .card-info .desc {
   display: block;
   margin: 8px 14px 0 14px;
   overflow: hidden;
   font-size: 12px;
   line-height: 16px;
   color: #737373;
   text-overflow: ellipsis;
}

#directorio .card.people .card-bottom {
   position: absolute;
   bottom: 0;
   left: 0;
   display: inline-block;
   width: 100%;
   padding: 10px 20px;
   line-height: 29px;
   text-align: center;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

#directorio .card.hovercard {
   position: relative;
   padding-top: 0;
   overflow: hidden;
   text-align: center;
   background-color: rgba(214, 224, 226, 0.2);
}

#directorio .card.hovercard .avatar {
   position: relative;
   top: -50px;
   margin-bottom: -50px;
}

#directorio .card.hovercard .avatar img {
   width: 100px;
   height: 100px;
   max-width: 100px;
   max-height: 100px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   border: 5px solid rgba(255,255,255,0.5);
}

#directorio .card.hovercard .info {
   padding: 4px 8px 10px;
}

#directorio .card.hovercard .info .title {
   margin-bottom: 4px;
   font-size: 15px;
   line-height: 1;
   color: #262626;
   vertical-align: middle;
}

#directorio .card.hovercard .info .desc {
   overflow: hidden;
   font-size: 12px;
   line-height: 20px;
   color: #737373;
   text-overflow: ellipsis;
}


.modal ul li{
   text-align: justify;
}

#proyectos .btn-vermas{
    margin-left: 45px;
    margin-top: 0px;
}

#proyectos .margin-fecha{
    margin-bottom: 0px;
}





#proyectos .idea-about{
   background: #ffff;
   padding-top: 30px;
}

#proyectos .proyectos-ale{
   padding: 20px;
}
.acerca-nosotros{
   padding: 0px 20px 20px 40px;
}
#proyectos-publicacion p{
   text-align: justify;
}

#proyectos-publicacion .margin-descripcion{
   padding-top: 20px;
}

.red-social {
   margin: 10px 50px 30px 50px;
}

.red-social ul{
   list-style: none;
   padding: 0;
   margin: 0px 0px 0px 0px;

}
.red-social ul li{
   display: block;
   padding: 5px 0px;
}
.red-social ul li a{
   font-family: "Google";
   color: #113850;
   font-weight: 300px;
   font-size: 15px;
}

.red-social ul li a i{
   font-size: 17px;
   padding: 5px;
   padding-right: 20px;
   width: 12px;
}

.actividades-nosotros {
   margin: 20px 50px 20px 50px;
}

.about-valores {
   padding: 10px 20px 20px 20px;
   text-align: center;
}

#directorio .valores li {
   display: block;
   padding: 5px;
   text-align: justify;
}

.img-valores {
   height: 350px;
   width: 300px;
}

#proyectos-publicacion {
   padding: 0px 15px 20px 15px;
}

nav .marco-title{
   text-align: left;
}

/* #proyectos .nav-tabs .list-group-item{
   border: none;
   cursor: pointer;
   /* border: 1px solid red;
   outline: 1px solid blue; */


/* #proyectos .nav-tabs .list-group &gt; a.active, 
#proyectos .nav-tabs .list-group &gt; a.active:hover, 
#proyectos .nav-tabs .list-group &gt; a.active:focus {
   color: #ED8600;
   font-weight: 500;
   -webkit-transition: .4s;
   transition: .4s;
   border-radius: 5px;
} */

#proyectos .aside-proyectos aside .widget {
    background: #C6C6C6;

}

.random-proyecto  ul li p,
.proyectos-ale  ul li p
{
    color: #4e4e4e;
}

#proyectos .dividir-items {
   height: 3px;
   background: #ED8600;
   width: 140px;
   margin: 0px 30px;
}

#proyectos .nav-tabs .list-group a{
    /* background: #A1C0C4 */
    /* border-bottom:1 solid #111; */

}

#proyectos .nav-dividers{
    background: #ED8600;
    /* background: #343434; */
    max-width: 70px;
    height: 3px;
    margin-top: 10px;
    
}

#proyectos #divider{
    background: #fff;
    height: 3px;
    margin: 0px 40px;
    
}

#proyectos .content-nav{
    background: #ddd;
    padding: 10px;
    border-radius: 5px;
}

#proyectos .comment-content .label {
    font-weight: normal;
    font-size: 14px;
    padding:  9px

}

#proyectos .comment-content .label i {
    font-size: 20px;
    /* padding: 20px; */

}

/* #proyectos .padding-icono {
    padding-to
} */

/* #proyectos hr{
    background: #000;
    height: 1px;
} */

.divider-warning{
    background: rgb(240, 173, 78);
    height: 3px;
    width: 100px;

}

.divider-primary {
    background: rgb(51, 122, 183);
    height: 3px;
    width: 100px;
}

.divider-info {
    background: rgb(91, 192, 222);
    height: 3px;
    width: 100px;
}

.divider-danger {
    background: rgb(217, 83, 79);
    height: 3px;
    width: 100px;
}

.divider-success {
    background: rgb(92, 184, 92);
    height: 3px;
    width: 100px;
}


#proyectos .comment-img #img-proyecto{
    padding: 10px 0px;
}

#proyectos .btn-proyecto{
    color: #fff;
    background: #113850;
}

/* #proyectos .nav-tabs a.list-group-item:hover,
#proyectos .nav-tabs a.list-group-item:focus {
    color:  #ED8600;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;

} */



.navbar-inverse .navbar-nav .menu-proyectos {
    /* display: block; */
    width: 180px;
}


#proyectos .list-group li{
    background: #ddd;
    padding: 20px;
    font-size: 14px;
    font-family: 'Google';
}

#proyectos .list-group {
    border-radius: 10px;
}

#proyectos .list-group li a{
    color: #000;
    padding-right: 10px;
}

#proyectos .list-group li a i{
    padding-left: 5px;
}


.color-about {
    background: #ddd;
    border-radius: 5px;
    padding: 10px;
}

.color-about&gt;li&gt;a{
    color: #000;
    text-transform: uppercase;
}

/* #proyectos .nav-tabs&gt;li.active&gt;a, 
#proyectos .nav-tabs&gt;li.active&gt;a:hover, 
#proyectos .nav-tabs&gt;li.active&gt;a:focus {
    color: #ED8600;
    font-weight: 500;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 3px;
    background: #ddd;    
} */


/* #proyectos .nav-tabs&gt;li:hover,
#proyectos .nav-tabs&gt;li:focus {
    color:  #ED8600;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    border-radius: 5px;

} */
#proyectos .list-proyectos&gt;li:hover,
#proyectos .list-proyectos&gt;li:focus {
    color:  #ED8600;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
}

/* #proyectos .list-proyectos&gt;li.active:hover,
#proyectos .list-proyectos&gt;li.active:focus {
    background: #fff;
} */






#proyectos .badge{
    padding: 8px 8px 8px 8px;
    font-weight: normal;
    border-radius: 5px;
    color: #fff;
    background-color: #76716a;
    margin-left: 25px;
    font-size: 13px;
    cursor: pointer;
}

#proyectos .seccion-estadistica .color-estadistica{
    color: #fff;
    font-size: 15px;
}

#proyectos .contenido-estadistica {
    background: #c1a57b;
    border: 2px solid #000;
}




#proyectos .list-group li
{
    border: none;
    line-height: 24px;
    text-transform: uppercase;
    
    /* padding-top:20px;
    padding-bottom: 20px;  */
  
}

#proyectos .list-proyectos li&gt;active{
    background: #ddd;
}

/*Lista de Nuestros Proyectos*/
#proyectos .list-group&gt;li.active&gt;a, 
#proyectos .list-group&gt;li.active&gt;a:hover, 
#proyectos .list-group&gt;li.active&gt;a:focus {
    color: #00ab4b;   
}



#proyectos .list-group&gt;li a:hover,
#proyectos .list-group&gt;li a:focus {
    color:  #00ab4b;
}



#proyectos .list-group-item:last-child {
    margin-bottom: 0px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#proyectos .padding-etiqueta h4{
    text-transform: uppercase;
    font-size: 14px;
}

#proyectos .comment-content h4{
    text-transform: uppercase;
    font-size: 15px;
}

#panel-title{
    text-transform: uppercase;
    font-size: 13px;
}
#filter-text{
    /* border: none;
    background: #fff; */
    /* text-transform: uppercase; */
    /* color: #000; */
    background: #ddd;
}
#proyectos .list-group li #color-selection{
    color: #ED8600;
}

#proyectos .color-item{
    color: #000;
}

#proyectos .seccion-estadistica .color-item{
    color: #fff;
}


#proyectos .seccion-estadistica li{
    background: #c1a57b;
}
#proyectos nav .seccion-estadistica-nav{
    margin: 0px;
    background: #3bb189;
    border-radius: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
#proyectos nav .seccion-estadistica-nav-title{
    margin: 0px;
    background: #c1a57b;
    color: #fff;
}



#proyectos  nav .seccion-estadistica-nav .breadcrumb-item a {
    color: #fff;
}
#proyectos .list-group .color-item {
    font-size: 13px;
}

#proyectos .list-proyectos{
    text-transform: uppercase;
    color: #000;
    background: #ddd;   
    border-radius: 5px;
    padding: 3px 15px; 
}
#proyectos .list-proyectos li a{
    color: #000;    
}
#proyectos .list-proyectos li{
    padding: 0px 0px;
}

#proyectos .list-proyectos li:last-child {
    padding-bottom: 5px;
}
#proyectos .list-proyectos li:first-child {
    padding-top: 5px;
}

#proyectos .seccion-proyecto li{
    background: #edeceb;
}

/*Nosotros*/
#proyectos .fondo-nosotros{
    background: #f3f3f3;
    margin: 10px;
    padding: 20px 5px;
    border: 2px solid #ddd;
}

#proyectos aside .random-proyecto{
    background: #f7f7f7;
    border: 2px solid #757575;
    border-radius: 0px;
}

/*Directorio*/
#directorio td strong{
    text-transform: uppercase;
}

#directorio td ul li{
    list-style: none;
}

#directorio td ul li i{
    color: #ED8600;
    padding-right: 4px;
}

#directorio td ul strong{
    text-transform: unset;
}

#directorio .card .card-title

{

	color: #113850 !important;
	font-weight:700;
	text-transform: uppercase
}

#directorio tr .cargo-directorio i{
    color: #ED8600;
}

/* #directorio .nosotros-color {
    border: 2px solid #ddd;
    margin: 10px;
} */

#directorio .card {
    background: #f8f8f8;
    border: 2px solid #ddd;
    border-radius: 4px;
}

#proyectos .border-color-rojo{
    background: #f7f7f7;
    margin: 0px 10px;
    border: 2px solid #ddd;
    border-radius: 4px;
}

.publicacion-widget{
    margin-bottom: 0px;
    padding: 10px;
}

/*Certificados*/
#certificados {
    background: #f9f9f9;
    min-height: 100px;
    padding: 20px 10px;
    border-top: 6px solid #666666;
}
#certificados img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    padding-top: 5px;
}

#certificados h5 {
    text-transform: uppercase;
    color: #666666;
    margin-bottom: 10px;
}
#certificados h4{
    color: #666666;
    text-transform: uppercase;
}
#contratacion .enlace-contratacion:hover,
#contratacion .enlace-contratacion:focus
{
    color: #ED8600; 
}
#contratacion .fondo-contratacion{
    border-radius: 2px;
    border: 2px solid #ddd;
    margin: 10px;
    background: #fff;

}
#directorio .fondo-valores{
    background: #fff;
}

/* #contratacion img{
    max-height: 300px;
    max-width: 200px;
} */

#directorio tr .directorio-nombres{
    width: 290px;
}

/*Footer*/

#footer .social li {
    font-size: 12px;
}
/* #footer .social li {
    font-size: 20px;
} */
/*Iconos-sociales*/
.widget.social_icon .facebook-icon {
    background-color: #3b5998;
    color: #fff;
}

.widget.social_icon .twitter-icon {
    background-color: #00acee;
    color: #fff;
}

.widget.social_icon .instagram-icon {
    background-color: #3f729b;
    color: #fff;
}
.widget.social_icon .wsp-icon{
    background-color: #00bb2d;
    color: #fff;

}

#proyectos .title-proyectos{
    text-transform: uppercase;
    color: #fff;
}

#proyectos .separar-proyectos{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 10px;
    height: 2px;
    border: 0;
    color: #666;
    background-color: #ddd;
}
#proyectos .fondo-proyectos-items{
    padding: 0px 15px;
    background: #e7eff3;
}

.img-descripcion{
    margin-bottom: 10px;
}

/*LA EMPRESA*/
.nav-empresa{
    background: #ddd;
    text-transform: uppercase;
    border-bottom: 2px solid #3bb189;
    font-size: 13px;
    margin-bottom: 20px;
    margin-top: 10px;
    
}
.nav-tabs&gt;li.active&gt;a, .nav-tabs&gt;li.active&gt;a:hover, .nav-tabs&gt;li.active&gt;a:focus {
    color: #fff;
    background: #3bb189;
    border-radius: 0px;
    border: 2px solid #3bb189;  
}

.nav-tabs&gt;li a:hover,
.nav-tabs&gt;li a:focus
{
    color: #fff;
    background: #3bb189;
    border-radius: 0px;
    border: 2px solid #3bb189;  
}

.nav-tabs li a{
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0px;
    padding-top: 10px;
    color: #00ab4b;
    font-weight: 300;
}

.img-items-nosotros{
    border: 2px solid #646464;
  }

.nosotros-empresa{
    text-align: justify;
}

/* 
.items-nosotros li{
    text-align: justify;

} */

#proyectos .color-dividir{
    background: #3bb189
}

#proyectos .nosotros-proyectos{
    border-radius: 0px;
}
#proyectos .img-nosotros-proyectos-border{
    border-radius: 0px;
}

#proyectos .vermas-nosotros-proyectos a{
    color: #3bb189;
    font-weight: 800;
}

#proyectos .vermas-nosotros-proyectos a:hover,
#proyectos .vermas-nosotros-proyectos a:focus
{
    color: #74706a;
    font-weight: 800;
    text-decoration-line: underline;
}

#proyectos .vermas-btn-nosotros{
    background: #3bb189;
}
#proyectos .vermas-btn-nosotros:hover,
#proyectos .vermas-btn-nosotros:focus
{
    background: #74706a;
}

/*Servicios*/
#feature {
    background: #f2f2f2;
    padding-bottom: 40px;
  }
  #feature.transparent-bg {
    margin-top:-40px;
    
  }
  .features{
    padding: 0;
  }
  
  .feature-wrap {
    margin-bottom: 35px;
    overflow: hidden;
  }
  
  .feature-wrap h2{
    margin-top: 10px;
  }
  
  .feature-wrap .pull-left {
    margin-right: 25px;
  }
  
  .feature-wrap i{
    font-size: 48px;
    height: 110px;
    width: 110px;
    margin: 3px;
    border-radius: 100%;
    line-height: 110px;
    text-align:center;
    background: #ffffff;
    color: #E8CE0E;
    border: 3px solid #ffffff;
    box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    float: left;
    margin-right: 25px;
  }
  
  .feature-wrap i:hover {
    background: #E8CE0E;
    color: #fff;
    box-shadow: inset 0 0 0 5px #E8CE0E;
    -webkit-box-shadow: inset 0 0 0 5px #E8CE0E;
    border: 3px solid #E8CE0E;
  }

  #feature h2{
      font-size: 20px;
  }

  #feature h3{
    font-size: 16px;
    color: #787878;
    font-weight: 400;
    line-height: 24px;
  }

  /*Landing*/
  #nosotros-coipesa,
  #obras
  {
      padding: 80px 0px;
  }

  #obras
  {
      padding-bottom: 60px;
  }

  #nosotros-coipesa .nosotros-block{
      background: #ddd;
      border-radius: 10px;
      text-align: center;
      height: 200px;
      padding: 20px;
      border: 1px solid #636363;
      -webkit-box-shadow: inset 0 0 0 1px #636363;
      -moz-box-shadow: inset 0 0 0 1px #636363;
      box-shadow: inset 0 0 0 1px #636363;
  }

  #nosotros-coipesa .nosotros-block h2{
      color: #000;
}

  #nosotros-coipesa .nosotros-block:hover,
  #nosotros-coipesa .nosotros-block:focus{
    background: #00a953;
    color: #fff;
    }



  #nosotros-coipesa .nosotros-block .nosotros-img{
      font-size: 50px;
}

  /* #nosotros-coipesa .nosotros-block h2{
    color: #000;
} */
#nosotros-coipesa .dividir,
#obras .dividir
 {
    width: 50px;
    height: 3px;
    background: #00a953;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 10px;
}

#nosotros-coipesa .nosotros-coipesa-title {
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
}

#nosotros-coipesa  .active{
    background: #00a953;
    color: #fff;
    border: 1px solid #636363;
    -webkit-box-shadow: inset 0 0 0 1px #636363;
    -moz-box-shadow: inset 0 0 0 1px #636363;
    box-shadow: inset 0 0 0 1px #636363;
    /* border: 3px solid #fff; */
}

#nosotros-coipesa  .active h2{
    color: #fff;
}

#nosotros-coipesa  .nosotros-block:hover h2:not(.active){
    color: #fff;
}


/*Novedades - Noticias*/
.post-module {
    position: relative;
    z-index: 1;
    display: block;
    background: #FFFFFF;
    min-width: 270px;
    height: 350px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    margin-bottom: 20px;
    /* border: 3px solid #ddd; */
  }
  .post-module:hover,
  .hover {
    -webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  }
  .post-module:hover .thumbnail img,
  .hover .thumbnail img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .6;
  }
  .post-module .thumbnail {
    background: #000000;
    height: 350px;
    overflow: hidden;padding: 0;
  }
  .post-module .thumbnail .date {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    background: #f2b202;
    width: 55px;
    height: 55px;
    padding: 12.5px 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    -webkti-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .post-module .thumbnail .date .day {
   font-size: 18px;
      line-height: 31px;
      color: #fff;
  }
  .post-module .thumbnail .date .month {
    font-size: 12px;
    text-transform: uppercase;
  }
  .post-module .thumbnail img {
    display: block;
    width: 120%;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
  }
  .post-module .post-content {
    position: absolute;
    text-align: justify;
    bottom: 0;
    background: #FFFFFF;
    width: 100%;
      padding: 0 30px;
    -webkti-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  }
  .post-module .post-content .category {
    position: absolute;
    top: -34px;
    left: 0;
    background: #00a953;
    padding: 10px 15px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
  }
  .post-module .post-content .title {
    margin: 0;
    padding: 0 0 10px;
    color: #222 !important;
    font-size: 15px !important;
    font-weight: 700;    margin: 40px 0 0 !important;
  }
  .post-module .post-content .sub_title {
    margin: 0;
    padding: 0 0 20px;
    color: #f2b202;
    font-size: 20px;
    font-weight: 400;
  }
  .post-module .post-content .description {
    display: none;
    color: #666666;
    font-size: 14px;
    line-height: 1.8em;
  }
  .post-module .post-content .post-meta {
    margin: 0px 0px 10px;
    color: #999999;
  }
  .post-module .post-content .post-meta .timestamp {
    margin: 0 16px 0 0;
  }
  .post-module .post-content .post-meta a {
    color: #999999;
    text-decoration: none;
  }
  .hover .post-content .description {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
  }
  
  .container .column {
       width: 100%;
      /* padding: 0 25px; */
      -webkti-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
  }
  .container .column .demo-title {
    margin: 0 0 15px;
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
  }
  .container .info {
    width: 300px;
    margin: 50px auto;
    text-align: center;
  }
  .container .info h1 {
    margin: 0 0 15px;
    padding: 0;
    font-size: 24px;
    font-weight: bold;
    color: #333333;
  }
  .container .info span {
    color: #666666;
    font-size: 12px;
  }
  .container .info span a {
    color: #000000;
    text-decoration: none;
  }
  .container .info span .fa {
    color: #f2b202;
  }
  
  /*Footer*/
  footer.nb-footer {
    background: #00ab4b;
    border-top: 4px solid #666666; 
    padding-bottom: 20px;
}
    footer.nb-footer .about {
    margin: 0 auto;
    margin-top: 40px;
    max-width: 1170px;
    text-align: center; 
}
    footer.nb-footer .about p {
    font-size: 13px;
    color: #fff;
    margin-top: 30px; 
}
    footer.nb-footer .about .social-media {
    margin-top: 15px; 
}
    footer.nb-footer .about .social-media ul li a {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff; }
    footer.nb-footer .about .social-media ul li a:hover {
    background: #666666;
    color: #fff;
    border-color: #666666; 
}
    footer.nb-footer .footer-info-single {
    margin-top: 30px; }
    footer.nb-footer .footer-info-single .title {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    border-left: 4px solid #666666;
    padding-left: 5px; }
    footer.nb-footer .footer-info-single ul li a {
    display: block;
    color: #fff;
    padding: 2px 0; }
    footer.nb-footer .footer-info-single ul li a:hover {
    color: #040404; 
}
    footer.nb-footer .footer-info-single p {
    font-size: 13px;
    line-height: 20px;
    color: #fff; 
}
    .copyright {
    /* margin-top: 15px; */
    background: #00ab4b;
    padding: 7px 0;
    color: #ddd; 
    border-top: 4px solid #666666; 
}
    .copyright p {
    margin: 0;
    padding: 0; 
}

#myCarousel .carousel-caption {
    left:0;
	right:0;
	bottom:0;
	text-align:left;
	padding:10px;
	background:rgba(0,0,0,0.6);
	text-shadow:none;
}

#myCarousel .list-group {
	position:absolute;
	top:0;
	right:0;
}
#myCarousel .list-group-item {
	border-radius:0px;
	cursor:pointer;
}
#myCarousel .list-group .active {
    background-color:#74706a;
    color: #fff;	
}

@media (min-width: 992px) { 
	#myCarousel {padding-right:33.3333%;}
	#myCarousel .carousel-controls {display:none;} 	
}
@media (max-width: 991px) { 
	.carousel-caption p,
	#myCarousel .list-group {display:none;} 
}

#obras .nosotros-coipesa-title {
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
}

#noticias-obras .timeline li a{
    text-align: justify;
}


#obras .item h4 a{
    text-transform: uppercase;
    font-family: 'Google';
    color: #f2b202;
}

#obras .carousel-caption p{
    text-align: justify;
}

#obras .label-primary{
    background: #00a953;
}
#obras .label-primary:hover{
    background: #74706a;
}


#obras .item h4 a:hover,
#obras .item h4 a:focus
{
    color: #fff;
}

#obras .item h4{
    text-transform: uppercase;
}

#obras .list-group{
    text-transform: uppercase;
    font-family: 'Google';
}
#obras .list-group li{
    text-align: start;
    background: #00a953;
    padding: 20px;
}
#obras .list-group li h4{
    color: #fff;
}
#obras .list-group li i{
    color: #f2b202;
}
#noticias-obras .text-muted{
    color: #00a953;
}

#noticias-obras .text-muted:hover{
    color: #000;
}

#noticias-obras .timeline li a:hover
{
    color: #00a953;
}

/*Contactanos*/


ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline &gt; li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline &gt; li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #00a953;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
/*Noticias*/
#noticias-obras .noticias-obras-margin{
    padding-bottom: 50px;
}
#noticias-obras .noticias{
    padding: 50px 0px;
}

#noticias-obras .dividir{
    width: 40px;
    height: 3px;
    background: #00a953;
    margin: 0 auto;
    margin-top: 10px;
    text-align: left;
    border-radius: 10px;
} 

#contact-constructora{
    padding: 40px 0px;
    color: #969696;
}

#info-constructora .jumbotron-billboard .img {
    margin-bottom: 0px;
    /* opacity: 0.2; */
    color: #fff;
    background: #000 url("../img/main/detalle/coi1-min.png") top center no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}

#contact-constructora .jumbotron-billboard .img {
    margin-bottom: 0px;
    /* opacity: 0.2; */
    color: #fff;
    background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.5)),url("../img/main/detalle/contact-constructora-min.png") top center no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}
#contact-constructora .jumbotron {
    position:relative;
    padding-top:50px;
    padding-bottom:50px;
    color: #fff;
  }

#contact-constructora .jumbotron .container {
    position:relative;
    z-index:2;
  }

#info-constructora .jumbotron h2 {
    margin-top:0;

}
#info-constructora .jumbotron {
  position:relative;
  padding-top:50px;
  padding-bottom:50px;
}
#info-constructora .jumbotron .container {
  position:relative;
  z-index:2;
}

@media screen and (max-width: 768px) {
    #info-constructora .jumbotron {
    padding-top:20px;
    padding-bottom:20px;
  }
  #contact-constructora .jumbotron {
    padding-top:20px;
    padding-bottom:20px;
  }
}


#info-constructora .circulo {
	width: 15rem;
    height: 15rem;
    border: 3px solid #fff;
	border-radius: 50%;
	background: #00a953;
	display: flex;
	justify-content: center;
	align-items: center;
    text-align: center;
    margin:0px auto;
    padding:3%
}

#info-constructora .circulo &gt; h2 {
	color: white;
    font-size: 18px;
    font-family: 'Google';
}
#info-constructora .circulo &gt; h2 &gt; p {
	color: white;
	font-size: 25px;
	font-weight: bold;
}

/*Regiones*/

#detalle-proyecto .detalle-bg .well-text .ob-logo-portada{
    color: #fff;
}

.img-borde{
    border-radius: 10px;
}

.region-borde{
    border-radius: 6px;
}

.costa{
    background: #113850;
}
.selva{
    background: #53a93f;
}
.sierra{
    background: #7b4005;
}
.gobier{
    background: #7b4005;
}

.region-borde h2{
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;

}

/* .multi-item-carousel .carousel-inner &gt; .item {
    transition: 5000ms ease-in-out left;
  }
  .multi-item-carousel .carousel-inner .active.left {
    left: -33%;
  }
  .multi-item-carousel .carousel-inner .active.right {
    left: 33%;
  }
  .multi-item-carousel .carousel-inner .next {
    left: 33%;
  }
  .multi-item-carousel .carousel-inner .prev {
    left: -33%;
  }
  @media all and (transform-3d), (-webkit-transform-3d) {
    .multi-item-carousel .carousel-inner &gt; .item {
      transition: 1000ms ease-in-out left;
      transition: 1000ms ease-in-out all;
      -webkit-backface-visibility: visible;
              backface-visibility: visible;
      -webkit-transform: none!important;
              transform: none!important;
    }
  }
  .multi-item-carousel .carouse-control.left,
  .multi-item-carousel .carouse-control.right {
    background-image: none;
  } */

  /* .swiper-container {
    width: 600px;
    height: 300px;
} */

.swiper-slide {
    text-align: center;
    font-size: 18px;
    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

@media (max-width: 500px) {

    .img-zona{
        width: 90%;
    }    
    .swiper-container {
        width: 85%;
    }
}

@media (min-width: 500px) and (max-width: 600px) {
    .swiper-container ,
    .img-zona{
        width: 60%;
    }    

}
@media (min-width: 600px) and (max-width: 700px) {
    /* body{
        background: yellow;
    } */
    .swiper-container ,
    .img-zona
    {
        width: 50%;
    }    

}

@media (min-width: 700px) and (max-width: 1000px) {
    /* body{
        background: green;
    } */
    .img-zona{
        width: 50%;
    }    
    .swiper-container {
        width: 100%;
    }

}

@media (min-width: 1000px) and (max-width: 1200px) {
    .img-zona{
        width: 30%;
    }    
    .swiper-container {
        width: 100%;
    }

}

@media (min-width: 1200px)  {
    
    .img-zona{
        width: 35%;
    }
    .swiper-container {
        width: 100%;
    }    

}

/* .swiper-pagination-bullet-active {
    background-color: #000;
  } */


  .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #113850;
  }
  .swiper-pagination .swiper-pagination-bullet {
    background-color: #ffff;
  }

  .comment-img .list-label {
    margin-top: 10px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 4px;
    padding-bottom: 0px;
    color: #fff;
    border-radius: 5px;
  }

  /*Capacidad de Contratacion*/
  .contratacion{
      margin-top: 10px;
  }
  .contratacion .faq .panel-title &gt; a:before {
    float: right !important;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
    padding-right: 5px;
    }
    .contratacion .faq .panel-title &gt; a.collapsed:before {
        float: right !important;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f067";
    }
    .contratacion  .faq h2 {
        color: #ff9800;
        text-align: start;
    }
    .contratacion  .faq a {
        text-decoration: none;
        display: block;
        font-size: 13px;
    }
    .contratacion .faq .panel-default&gt;.panel-heading {
        color: #fff;
        background-color: #FF9800;
        border-color: #ff9800;
        border-radius: 0px;
    }

    .contratacion .panel-group .panel{
        border-radius: 0px;
    } 

    .contratacion .faq .panel-body p{
        text-align: justify;
    }

    .contratacion .enlace-contratacion:hover{
        color: #ff9800;
    }

    /*Lista proyectos*/
    .list-group-item&gt;.badge{
        float: left;
    }

    /*Proyecto similares*/

    #proyectos .aside-proyectos aside .proyecto-similar{
        background: #fff;
        border: 0px;
        font-family: 'Google';
        padding-left: 0px;
        padding-right: 0px; 
    }

    #proyectos .aside-proyectos aside .proyecto-similar .fondo-similar{
        padding-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

    #proyectos .aside-proyectos aside .proyecto-similar .seccion-estadistica-nav{
        border-radius: 0px;
    }



    #proyectos .aside-proyectos aside .proyecto-similar .divider{
        margin: 12px 0px;
    }
    #proyectos .aside-proyectos aside .proyecto-similar h3{
        color: #2a2a2a;
        font-weight: 700;
       
    }

    #proyectos .aside-proyectos aside .proyecto-similar .comment-content{
        text-align: justify;
    }

    #proyectos .aside-proyectos aside .proyecto-similar .dividir-proyecto-similar{
        width: 100%;
        height: 2px;
        background: #898989;
        margin-top: 20px;
        padding-left: 5px;
        padding-right: 5px;
    }

    #proyectos .aside-proyectos aside .proyecto-similar .ver-similar a{
        color: #00a953;
        font-weight: 600;
    }

    #proyectos .aside-proyectos aside .proyecto-similar .ver-similar a:hover{
        color: rgb(240, 173, 78);
    }
    </pre></body></html>