@charset "utf-8";
/* 
CSS Main
Author: Andrés Díaz
Project: Eventos y Sistemas
Created on: 14/11/2015
*/

/* Base */
body {font:14px/1em 'Open Sans', sans-serif; max-width:100%; overflow-x:hidden;}
h1, h2 {font:700 36px/1em 'Montserrat', sans-serif;}
iframe {border:none; max-width:100%; width:100%;}
a {color:#14b6c6;}
.cf:before, .cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}
.btn {border:1px solid #14b6c6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px !important; color:#14b6c6; font:700 18px/1em 'Roboto Slab', serif; padding:12px 30px ; text-transform:uppercase;}
.btn:hover {background:#14b6c6; color:#fff;}
.btn.btn-white {border-color:#fff; color:#fff;}
.btn.btn-white:hover {background:#fff; color:#14b6c6;}
.btn.small {font-size:16px; padding:12px 30px;}
.btn-arrow, .btn-arrow.btn-blue:hover {background:url(images/sprite.png) 82% -192px no-repeat; border:1px solid #14b6c6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px !important; color:#14b6c6; font:700 18px/1em 'Roboto Slab', serif; padding:12px 60px 12px 30px; text-transform:uppercase;}
.btn-arrow:hover, .btn-arrow.btn-blue {background:url(images/sprite.png) #14b6c6 82% -160px no-repeat; color:#fff;}
.btn-arrow.btn-blue:hover {background-color:#333; border-color:#333;}

/* Transitions */
 .btn, .btn-arrow, #header, #logo, .header-content, .menu-mobile, #menu-content ul li a, #header .search form label input, #events-carousel .carousel-item .item-url a, #home-services .service-title, #home-services .service-title h3, #home-services .service-content, .search .search-mobile {-webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s;}


/* Header */
#header {background:#fff; left:0; padding:10px 0; position:fixed; width:100%; z-index:998;box-shadow: 2px 2px 1px rgba(0,0,0,.3)}
#header #logo {float:left;}
#header .header-content {float:right;}
#main-menu {float:left; font:700 14px/1em 'Montserrat', sans-serif; /*width:74.1573%*/; display: flex;-o-display: flex;-moz-display: flex;-ms-display:flex;-webkit-display:flex;text-transform:uppercase;}
#menu-content {display:inline-block;}
#menu-content ul li a {color:#000;}
#menu-content ul li a:hover {background:#14b6c6; color:#fff;}
.menu-mobile {border:1px solid #14b6c6; border-radius:3px; cursor:pointer; height:35px; position:relative;width:35px;}
.menu-mobile:hover {background:#14b6c6;}
.menu-mobile:hover span {background:#fff;}
.menu-mobile span {background:#14b6c6; display:block; height:2px; left:5px; position:absolute; width:23px;}
.menu-mobile .menu-first {top:10px;}
.menu-mobile .menu-middle {top:15px;}
.menu-mobile .menu-last {top:20px;}
.menu-social-container {/*float:right*/display: inline-block;
    width: 100%;
    margin-left: 70px;}

.redes-sociales-cont {
    width: 100%;
}

.redes-sociales-cont > a.rs {
    display: inline-block;
    margin-right: 5px;
    text-decoration: none;
}

.redes-sociales-cont > a.rs > i{
	display: block;
    padding: 9px;
    box-sizing: border-box;
    border: 1px solid #666;
    color: #666;
    transition:all .3s;
}

#home-whoweare > .wrap{
	overflow: hidden;
}

#home-whoweare > .wrap > .acomodar{
	float: left;
}

#home-whoweare > .wrap > .acomodar .mision-vision h2{
	margin-bottom: 30px
}

#home-whoweare > .wrap > .acomodar .mision-vision:nth-child(1){
	margin-bottom: 70px
}

.redes-sociales-cont > a.facebook:hover > i{
	background: #425F9C;
	color: #fff;
	border: 1px solid #425F9C;
}

.redes-sociales-cont > a.instagram:hover > i{
	background: #C0286D;
	color: #fff;
	border: 1px solid #C0286D;
}

.redes-sociales-cont > a.youtube:hover > i{
	background: #F50002;
	color: #fff;
	border: 1px solid #F50002;
}

.redes-sociales-cont > a.google-plus:hover > i{
	background: #DD4E40;
	color: #fff;
	border: 1px solid #DD4E40;
}





.menu-social-container ul li a {background:url(images/sprite.png) no-repeat; height:30px; padding:0; position:relative; text-indent:-9999em; width:30px;}
.menu-social-container ul li.social-fb a {background-position:9px 5px;}
.menu-social-container ul li.social-fb a:hover {background-position:9px -25px;}
.menu-social-container ul li.social-tw a {background-position:5px -64px;}
.menu-social-container ul li.social-tw a:hover {background-position:5px -92px;}
#header .search {float:right; width:23.5955%;}
#header .search form {border:1px solid #dcdcdc; max-height:35px;}
#header .search form label {display:inline-block; width:83.33%;}
#header .search form label .screen-reader-text {display:none;}
#header .search form label input {background:none; border:none; box-shadow:none; color:#999; font:12px/1em 'Montserrat', sans-serif; height:35px; margin:0;}
#header .search form label input:focus {background:#f1f1f1; color:#333;}
#header .search form .search-submit {background:url(images/sprite.png) 9px -128px no-repeat; border:none; float:right; height:35px; margin:0; padding:0; position:relative; text-indent:-9999em; width:16.66%;}

/* Home Sections */
.home-section {padding:80px 0;}
.home-section h2.section-title, h1.entry-title {color:#14b6c6; margin-bottom:80px; text-align:center; text-transform:uppercase;}
.home-section h2.section-title .title-line, h1.entry-title .title-line {background:#14b6c6; display:block; height:2px; margin:15px auto 0; width:120px;}
#home-whoweare {background:url(images/bg-whoweare.jpg) #14b5c5 center no-repeat; color:#fff; text-align:center;}
#home-whoweare h2 {margin-bottom:80px;}
#home-whoweare h3 {font:700 24px/1em 'Roboto Slab', serif;}

/** Home Video **/
#home-video {background-image:url(images/video-poster.jpg); background-position:center; background-size:cover; height:724px; overflow:hidden; position:relative; z-index:1;}
#main-video {height:auto; left:50%; min-height:100%; min-width:100%; overflow:hidden; position:absolute; top:50%; z-index:-100; width:auto; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
#home-video .wrap {height:100%; position:relative;}
#home-video .featured-event {position:absolute; right:0; top:35%;}
#events-featured .event-date {background:#333; color:#14b6c6; display:inline-block; font:700 36px/1em 'Montserrat', sans-serif; padding:15px 20px;}
#events-featured .event-content {background:rgba(255,255,255,0.9); margin-bottom:20px; padding:20px;}
#events-featured .event-name {font:700 30px/1em 'Montserrat', sans-serif;}
#events-featured .event-location {font:18px/1em 'Roboto Slab', serif; margin-bottom:20px;}
#events-featured .event-summary {color:#333; font-size:13px; line-height:1em;}
#events-featured .event-summary p {margin:0;}
#events-featured .more-button a {display:inline-block;}

/* Events Carousel */
#events-carousel {position:relative;}
#events-carousel .carousel-content {margin:0 5.4687%; overflow:hidden;}
#events-carousel .carousel-content .carousel-content-items {width:300%;}
#events-carousel .carousel-content .carousel-content-items .carousel-item {margin:0 20px; max-width:340px; float: left;}
#events-carousel .carousel-item .item-image {position:relative;}
#events-carousel .carousel-item .item-date {background:#333; bottom:0; color:#fff; font:700 24px/1.2em 'Montserrat', sans-serif; padding:10px 0; position:absolute; right:0; text-align:center; width:45px;}
#events-carousel .carousel-item .item-url {float:right;}
#events-carousel .carousel-item .item-url a {background:url(images/sprite.png) #bababa 12px -376px no-repeat; display:block; font-size:0; height:45px; width:45px;}
#events-carousel .carousel-item .item-url a:hover {background-color:#14b6c6;}
#events-carousel .carousel-item .item-title {font:700 18px/1em 'Montserrat', sans-serif; margin-right:55px; padding:10px 0;}
#events-carousel .carousel-item .item-title a {color:#333;}
#events-carousel .carousel-controls div {background:url(images/sprite.png) #14b6c6 no-repeat; cursor:pointer; height:80px; position:absolute; text-indent:-9999px; top:40%; width:40px;}
#events-carousel .carousel-controls .control-prev {background-position:12px -235px; left:0;}
#events-carousel .carousel-controls .control-next {background-position:14px -304px; right:0;}

/* Home Services */
#featured-services {margin-bottom:50px;}
#home-services .service-item {height:300px; overflow:hidden;}
#home-services .service-container {background-position:center; background-size:cover; height:100%; position:relative;}
#home-services .service-title {background:rgba(0,0,0,0.6); height:100%; position:relative; z-index:1;}
#home-services .service-title h3 {color:#fff; font-size:22px; position:relative; text-transform:uppercase; top:46%; text-align:center; width:100%;}
#home-services .service-content {background:url(images/bg-services_body.png) center top; height:100%; position:absolute; top:100%; width:100%; z-index:10;}
#home-services .content-body {color:#fff; font-size:14px; height:190px; padding:50px 10% 0; text-align:center;}
#home-services .link-more {text-align:center;}
#home-services .link-more .btn {display:inline-block;}
#home-services .service-item:hover .service-title {background:rgba(0,0,0,0.8);}
#home-services .service-item:hover .service-title h3 {top:6%;}
#home-services .service-item:hover .service-content {top:15%;}
#home-services .services-page {text-align:center;}
#home-services .services-page a {display:inline-block;}

/* Home Clients */
#home-clients {background:#eee;}
#home-clients .metaslider .flexslider {margin:0; padding-bottom:80px;}
#home-clients .metaslider .flex-control-nav {bottom:0;}
#home-clients .metaslider .flex-control-paging li a {background:transparent; border:1px solid #999; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; box-shadow:none; height:20px; width:20px;}
#home-clients .metaslider .flex-control-paging li a.flex-active {background:#999;}

/* Home Contact */
.contact-maps .tabs {border:none;}
.contact-maps .tabs .tabs-title {width:50%;}
.contact-maps .tabs .tabs-title a {background:#eee; color:#999; font:700 22px/1.2em 'Montserrat', sans-serif; padding:12px 10px; text-align:center; text-transform:uppercase;}
.contact-maps .tabs .tabs-title a:hover {background:#dedede;}
.contact-maps .tabs .tabs-title.is-active a {background:#333; color:#fff;}
.contact-maps .tabs .tabs-title.is-active a:hover {background:#333; color:#fff;}
.contact-maps .tabs-content {border:none;}
.contact-maps .tabs-content .tabs-panel {padding:0;}
.contact-maps .tabs-content .map-address {background:#333; color:#fff; font-size:12px; padding:10px 0;text-align:center;}
.contact-maps iframe {height:360px;}
.contact-form .field-wrap {margin-bottom:15px;}
.contact-form input {margin:0;}
.contact-form .ninja-forms-required-items {display:none;}
.contact-form #ninja_forms_field_6_div_wrap h3 {font-size:24px; font-weight:400; margin-bottom:40px;}
.contact-form #ninja_forms_field_2_div_wrap {display:inline-block; width:48.5%;}
.contact-form #ninja_forms_field_7_div_wrap {float:right; width:48.5%;}
.contact-form #ninja_forms_field_3_div_wrap textarea {margin:0; max-height:145px;}
.contact-form .ninja-forms-field-error, .contact-form .ninja-forms-field-error p {font-size:11px; margin:0;}
.contact-form .ninja-forms-response-msg {text-align:center;}
.contact-form .ninja-forms-response-msg h4 {color:#14b6c6; font:22px/1em 'Roboto Slab', serif;}
.contact-form .spam-wrap {float:left}
.contact-form .spam-wrap input {display:inline; max-width:40px;}
.contact-form .submit-wrap {float:right;}

/* Content */
.main-container {padding:150px 0 120px;}
.main-container .right-column {padding:0;}
.right-column > h2 {color:#14b6c6; font-size:24px; margin-bottom:40px;}
.right-column .upcoming-item {list-style:none; margin-bottom:40px;}
.right-column .upcoming-item .item-image {float:left; margin-right:20px; max-width:33.33%;}
.right-column .upcoming-item .item-content .item-date {color:#333; font:700 24px/1em 'Montserrat', sans-serif;}
.right-column .upcoming-item .item-content .item-name {color:#333; font:700 16px/1em 'Montserrat', sans-serif; margin-bottom:20px;}
.right-column .upcoming-item .item-content .btn.btn-small {display:inline-block; font-size:14px;}

/*** Services ***/
.page .service-item.odd .service-image {float:right;}
.page .service-item.odd .service-content {float:left;}
.page .service-item .service-image {background-size:cover; background-repeat:no-repeat;}
.page .service-item .service-content h2 {font-size:30px; margin:40px 30px 30px;}
.page .service-item .service-content ul {list-style-image:url(images/bullet-services.png); margin-left:22px;}
.page .service-item .service-content .service-body {margin:0 30px 20px;}
.page .more-info {clear:both; padding:40px 0; text-align:center;}
.page .more-info a {display:inline-block;}

/*** Event ***/
.event-heading {margin-bottom:10px;}
.event-heading .heading-wrap {margin-top:-70px; position:relative; z-index:10;}
.event-heading .heading-wrap .event-date {background:#333; color:#14b6c6; font:700 30px/1em 'Montserrat', sans-serif; height:100%; margin-right:20px; padding:20px;}
.event-heading .heading-wrap .event-title {font:700 30px/1em 'Montserrat', sans-serif;}
.event-details {margin-bottom:80px; padding:10px 0;}
.event-details .event-info {display:inline-block; width:50%;}
.event-details .event-apps {float:right; padding:7px 0;}
.event-details .event-apps a[href='']{display:none;}
.event-details .event-time, .event-details .event-email {color:#333; font:14px/1em 'Montserrat', sans-serif; float:left; padding:10px 0 10px 30px; width:48%;}
.event-details .event-time {background:url(images/sprite.png) 0 -420px no-repeat; margin-right:4%;}
.event-details .event-email {background:url(images/sprite.png) 0 -455px no-repeat;}
.event-details .event-booking {float:right; margin-left:8px; width:19%;}
.event-details .event-booking a {background:#14b6c6; color:#fff; border-radius:3px; display:block; font:15px/1em 'Roboto Slab', serif; padding:8px; text-align:center; text-transform:uppercase;}
.event-details .event-appstore, .event-details .event-googleplay {float:left;}
.event-details .event-appstore {margin-right:8px;}
.event-details .event-appstore a, .event-details .event-googleplay a {display:block; font-size:0; height:35px; position:relative; width:105px; }
.event-details .event-appstore a {background:url(images/btn-appstore.jpg);}
.event-details .event-googleplay a {background:url(images/btn-googleplay.jpg);}
.event-body {border-bottom:1px dotted #ccc; margin-bottom:20px; padding-bottom:30px;}
.event-share {text-align:right; margin-bottom:40px;}
.event-share .fb-like {display:inline-block; position:static; margin-right:10px;}
.event-share .fb-like span {position:static;}
.event-share .fb-like iframe {margin-top:-6px;}
.event-share > p {display:inline-block; margin:0;}
.event-location .event-address {background:#333; color:#fff; font:14px/1em 'Montserrat', sans-serif; padding:15px; text-align:center;}
.event-location .em-location-map-container {height:350px !important; width:100% !important;}

/* Search */
.search h1 {margin-bottom:60px;}
.search .search-item {border-bottom:1px dotted #999; margin-bottom:30px; padding-bottom:20px;}
.search .search-item p {margin:0;}

/* Footer */
#footer {background:#333; color:#fff;}
#footer .footer-content {font-size:14px; line-height:1em; padding:40px 0;}
#footer .footer-content h3 {font-size:18px; color:#14b6c6; margin-bottom:20px;}
#footer .footer-content p {margin:0;}
#footer .footer-rights {border-top:1px dotted #898989; font-size:12px; line-height:1em; padding:20px 10px; text-align:center;}

@media screen and (min-width: 1281px){
.wrap {margin:0 auto; width:1280px;}
}
@media screen and (max-width: 1280px){
.event-heading .heading-wrap .event-title, .event-body, .event-share, .main-container .right-column {padding-left:10px; padding-right:10px;}
}
@media screen and (min-width: 769px){
#header {}
#header #logo {max-width:100px;}
#header .header-content {
    width: 73.75%;
        padding: 27px 0;}
.single-event .main-content {float:left; width:66.4062%;}
.menu-mobile, .search-mobile {display:none;}
#menu-content .menu-close {display:none;}
}
@media screen and (max-width: 768px){
#header {height:75px;}
#header #logo {max-width:140px;}
#header .header-content {margin-top:10px; width:55%;}
#menu-content {display:none;}
#menu-content ul li {display:block; font-size:24px; text-align:center;}
#menu-content ul li a {color:#fff;}
#menu-content ul li a:hover {background:#333;}
#main-menu {width:54.1573%;}
.menu-mobile {display:inline-block; float:right; margin-left:5px; margin-right:5px;}
#menu-content {background:#14b6c6; height:100%; left:0; max-height:100%; min-height:1024px; overflow:hidden; position:absolute; top:0; width:100%; z-index:999;}
#menu-content .menu-main-menu-container {position:relative; top:30%;}
#menu-content .menu-close {cursor:pointer; height:40px; position:absolute; right:0; top:0; width:40px;}
#menu-content .menu-close span {background:#fff; display:block; height:2px; position:absolute; right:10px; top:20px; width:30px;}
#menu-content .menu-close .close-left {transform:rotate(45deg);}
#menu-content .menu-close .close-right {transform:rotate(-45deg);}
#header .search {width:30.5955%;}
#header .search form .search-submit {background-position:0 -128px}
#home-services .service-item {margin-bottom:15px; padding:0;}
#home-services .service-item .service-title {background:rgba(0,0,0,0.5);}
#home-services .service-item .service-title h3 {top:6%;}
#home-services .service-item .service-content {top:15%; background:none;}
#home-services .content-body {padding:40px 10% 0px;}
.event-heading .event-details {padding-left:10px; padding-right:10px;}
.footer-content .textwidget div:first-child {margin-bottom:20px;}
}
@media screen and (width: 768px){
#main-menu {width:48%;}
#header .search {width:48%;}
}
@media screen and (min-width: 569px){
.event-heading .event-image {height:350px; overflow:hidden; position:relative; z-index:1;}
.event-heading .event-image img {left:0; margin-top:-225px; position:absolute; top:50%;}
.event-heading .heading-wrap {height:70px;}
.event-heading .heading-wrap .event-date {float:left;}
.event-heading .heading-wrap .event-title {color:#fff; display:table-cell; height:70px; text-shadow:0px 2px 10px rgba(0,0,0,0.9); vertical-align:middle;}
.page .service-item .service-image {min-height:340px;}
}
@media screen and (max-width: 568px){
#header .search {width:35px;}
.search .search-form {background:#fff; display:none; position:absolute; right:35px; top:20px; width:165px;}
.search .search-mobile {background:url(images/sprite.png) #333 9px -493px no-repeat; cursor:pointer; height:35px; width:35px;}
.search .search-mobile.close-search {background-position:10px -530px;}
#menu-content {min-height:768px;}
#header .search form .search-submit {background-position:3px -128px;}
#home-video #main-video {display:none;}
#home-video .featured-event {bottom:6%;top:auto;}
#home-video .wrap {height: 47%;top: 53%;}
.event-heading .heading-wrap .event-date {display:inline-block;}
.event-heading .heading-wrap .event-title {margin-bottom:10px; padding-top:15px; padding-bottom:15px;}
.event-details .event-info {float:none; margin-bottom:10px; width:100%;}
.event-details .event-info .event-time, .event-details .event-info .event-email {float:none; margin:0; width:100%;}
.event-details .event-booking {float:none; width:100%;}
.event-details .event-booking a {padding:12px;}
.event-details .event-apps {float:none; text-align:center; width:100%;}
.event-details .event-apps .event-appstore {margin-bottom:5px;}
.event-details .event-apps .event-appstore, .event-details .event-apps .event-googleplay {display:inline-block; float:none;}
.right-column .textwidget {text-align:center;}
.page .service-item .service-image {min-height:200px;}
#events-carousel .carousel-controls div {width:30px;}
#events-carousel .carousel-controls .control-prev {background-position:7px -235px;}
#events-carousel .carousel-controls .control-next {background-position:10px -304px;}
#events-carousel .carousel-content .carousel-content-items {width:900%;}
#events-carousel .carousel-content .carousel-content-items .carousel-item {max-width:295px;}
.btn-arrow, .btn-arrow.btn-blue:hover {padding: 10px 52px 10px 20px;}
.contact-form .spam-wrap {float:none; margin-bottom:30px; text-align:right; width:100%;}
.contact-form .submit-wrap {float:none; text-align:right; width:100%;}
}
@media screen and (max-width: 360px){
#events-carousel .carousel-content .carousel-content-items .carousel-item {max-width:280px;}
}
@media screen and (max-width: 320px){
#events-carousel .carousel-content .carousel-content-items .carousel-item {max-width:245px;}
#menu-content {min-height:480px;}
}