/*
Theme Name:     Invent Child
Theme URI:      http://portfoliotheme.org/invent
Description:    Child theme for the Invent Theme by LiveMesh
Author:         LiveMesh
Author URI:     http://themeforest.net/user/livemesh
Template:       invent
Version:        0.1.0
*/

@import url("../invent/style.css");
/*Regular*/
@font-face {font-family:'Swiss 721'; src: url('./fonts/Swiss-721.eot');src: url('./fonts/Swiss-721.eot?#iefix') format("eot"); src: url('./fonts/Swiss-721.woff') format('woff'), url('./fonts/Swiss-721.ttf') format('truetype'); font-weight: normal; font-style: normal;}
/*Bold*/
@font-face {font-family:'Swiss 721 Bold'; src: url('./fonts/Swiss-721-Bold.eot');src: url('./fonts/Swiss-721-Bold.eot?#iefix') format("eot"); src: url('./fonts/Swiss-721-Bold.woff') format('woff'), url('./fonts/Swiss-721-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal;}
/*Light*/
@font-face {font-family:'Swiss 721 Light'; src: url('./fonts/Swiss-721-Light.eot');src: url('./fonts/Swiss-721-Light.eot?#iefix') format("eot"); src: url('./fonts/Swiss-721-Light.woff') format('woff'), url('./fonts/Swiss-721-Light.ttf') format('truetype'); font-weight: 100; font-style: normal;}
body.fluid-width-page #breadcrumbs, body.page-template-template-1c #breadcrumbs{
  display: block;
}

body.page-template-template-1c #content{
  padding: 20px 0 30px;
  margin-top: 0px;
}

html {

text-rendering: optimizeLegibility !important;

-webkit-font-smoothing: antialiased !important;
}
.donation table tr:first-child{
  display: none;
}
.woocommerce-result-count,.woocommerce-ordering,.products,.woocommerce-pagination,.return-to-shop{
  display: none;
}
/*.entry-snippet{
  min-height: 720px;
}*/
*,
body,body button,body .button,body select,body select option,body input[type=button],body input[type="submit"],body input[type="reset"],body .timeline-footer .event-date,body .timeline-footer .event-category,body .subtitle, .client-testimonials2 .header cite,body .page-links a,body .page-links a:visited,body .pagination a,body .pagination a:visited,body .pagination span.current,body .post-snippets .type-course .course-id,body .course-details .course-information .label,body .dropdown-menu-wrap ul li a,body blockquote .author,body blockquote em,body blockquote i,body blockquote cite,body #top-header-area ul.contact-info li,body #top-header-area ul.contact-info li a,body .comment-reply-link,body .comment-edit-link,body .comment-reply-link:visited,body .comment-edit-link:visited,body #course_navigation .learndash_nevigation_lesson_topics_list .lesson a,body .widget_course_return,body #course_navigation .widget_course_return a,body #course_navigation .learndash_topic_widget_list a > span,body #course_navigation .learndash_nevigation_lesson_topics_list .lesson,body .widget_ldcourseinfo #ld_course_info #course_progress_details > strong,body .widget_course_return,body #course_navigation .widget_course_return a,body .wpProQuiz_forms table td label,body .wpProQuiz_maxtrixSortText,body .wpProQuiz_sortable,body .wpProQuiz_sortStringItem,
body h1,body h2,body h3,body h4,body h5,body h6,body .slogan1,body #slider-area .flex-caption a,body ul.tab-list li a,body ul.member-list li a,body .number-stats .number-stat .number,body #mobile-menu .menu-header,body .heading2 .subtitle span,body .video-section .video-header .header-content .text,body .ytp-video-section .video-header .header-content .text,body .single .number-stats .number-stat .number,body #content .marketing-banner ol.simple-list a,body #content .marketing-banner ol.events-list a,body .course-details .header,body .staff-details .header,body .department-details .header,body .department-details .contact-person .name,body .post-snippets .hentry .entry-title,body .post-snippets .type-course .img-wrap .type-info .post-title,body .post-snippets .type-news .img-wrap .type-info .post-title,body .post-snippets .type-staff .img-wrap .type-info .post-title,body .post-snippets .type-department .img-wrap .type-info .post-title,body .single-event .heading-title,body .single-location .heading-title,body .css-events-list .events-table td a,body table.em-calendar thead .month_name,body .tribe-events-venue-widget .tribe-venue-widget-venue .tribe-venue-widget-venue-name a,body .tribe-events-countdown-widget div.tribe-countdown-text,body .tribe-events-countdown-widget .tribe-countdown-number,body .heading2 .title,body .number-stats .number-stat .stats-title,body .image-info .post-title,body ul.post-list .entry-title a,body #learndash_next_prev_link,body #learndash_back_to_lesson,
body .tp-caption.white_heavy_40, .white_heavy_40{
  font-family: 'Swiss 721',sans-serif;  
}
body select option:nth-child(1){
  text-transform: uppercase;
}

.flex-container {
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.flex-container > li{
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.so-widget-sow-editor a,.so-widget-sow-editor a:active,.so-widget-sow-editor a:visited{
  color: #fdbb30;
  /*text-transform: uppercase;*/
  text-decoration: underline;
}
.so-widget-sow-editor .box-frame a,.so-widget-sow-editor .box-frame a:active,.so-widget-sow-editor .box-frame a:visited{
  text-transform: none;
  text-decoration: none; 
}

.lsow-service-details .color-primary{
  font-size: 28px;
}

.so-panel {
  margin: 0;
  padding: 0;
  border: none;
  background: none; }
  body .so-panel ol, body .so-panel ul, body .so-panel li, body .so-panel li:hover {
    list-style: square outside none;
    margin: 0 0 20px 18px;
    padding: 0;
    border: none;
    background: none; }

.so-panel ol.custom-image-grid, .so-panel ul.custom-image-grid, .so-panel .custom-image-grid li, .so-panel .custom-image-grid li:hover{
  padding: 0 0 2px 0;
}
.so-panel ol.custom-image-grid, .so-panel ul.custom-image-grid, .so-panel .custom-image-grid li, .so-panel .custom-image-grid li:hover{
    padding: 0!important;
    margin: 0!important;
    margin-right: 1.9% !important;
    margin-bottom: 22px;
}


#header.sticky #site-logo {
    top: 8px;
    }
#primary-menu > ul.menu > li > a {
  line-height: 125px;
}
#header.sticky #primary-menu > ul.menu > li > a{
  line-height: 110px; 
}
#header.sticky .dropdown-menu-wrap > ul.menu > li > ul.sub-menu{
  top: 90px;
}
#header > .inner{
  max-width: calc(100% - 40px);
}
#title-area h1, #title-area h2,#title-area p{
  color: #ffffff;
  -webkit-text-shadow: -1px 1px 3px rgba(0,0,0,.6);
  -moz-text-shadow: -1px 1px 3px rgba(0,0,0,.6);
  -ms-text-shadow: -1px 1px 3px rgba(0,0,0,.6);
  -o-text-shadow: -1px 1px 3px rgba(0,0,0,.6);
  text-shadow: -1px 1px 3px rgba(0,0,0,.6);
}
#title-area p{
  font-size: 28px;
  font-style: italic;
}

#transparencia .panel-grid-cell .widget div.segment:before{
  content: ' ';
  visibility: visible;
  position: absolute;display: block;
  width: 100%;height: 100%;
  background-color: rgba(0,0,0,.5);
  top: 0;left: 0;
}
.imagenes-center{
	text-align: center;
}
.imagenes-center img{
	display: inline;
	max-height: 108px;
}
.category-noticias .entry-terms{
  display: none;
}
#container {
  background: transparent; }
h1.h-section,h2.h-section,h3.h-section,h4.h-section,h4.h-section,h5.h-section{
	color:#007844;
}
h1.h-section-secondary,h2.h-section-secondary,h3.h-section-secondary,h4.h-section-secondary,h4.h-section-secondary,h5.h-section-secondary{
	color:#f68800;
}
.color-primary{
	color: #007844;
}
.secondary{
  background-color: #f68800;
}
a.secondary{
  background-color: #f68800!important; 
  border-color: #f68800!important;
}
.color-secondary{
	color: #f68800;
}
.color-green{
  color: #7ac142;
}
.color-green-light{
	color: #b9d700;
}
.color-orange-light{
  color: #fdbb30;
}
.button.orange{
  background-color: #f68800;
  border-color: #f68800 #f68800 #f68800 #f68800;
}
.button.orange:hover{
  background-color: #007844 !important;
  border-color: #007844 !important;
}
.section-grid-number{
	font-size: 12em;
    line-height: normal;
    width: 100%;max-width: 40%;
    margin-right: 2%;
    position: relative;display: block;float: left;
    text-align: center;
}
.section-grid-number-content{
	width: 100%;max-width: 58%;    
	position: relative;display: block;float: left;
	font-size: 12px;line-height: 26px;
}
.section-grid-number-content h4{
	font-size: 20px;
}
@media all and (max-width: 1090px){
	.section-grid-number{
		max-width: 100%;
		margin-right: 0%;
	}
	.section-grid-number-content{
		max-width: 100%;
	}
}

.so-panel ol, .so-panel ul, .so-panel li, .so-panel li:hover {
    margin: 0 0 5px 0;
    padding: 0 0 2px 28px;
    list-style: none outside none;
    border: initial;
    background: initial;
}    
.select-input{
	width: 100%;    
    padding: 12px 28px 12px 12px;
    text-transform: uppercase;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    line-height: 24px;
    background-color: #f9f9f9;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;

    text-transform: uppercase;
  color: #4c5152;
  font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  letter-spacing: 2px;
  -webkit-font-smoothing: antialiased;
}
.checkbox-input{  
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  color: #4c5152;
  font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  letter-spacing: 2px;
  -webkit-font-smoothing: antialiased;
}
/*---------- Form Styles ------- */
.sf-form {
  margin-bottom: 25px; }
  .sf-form label {
    text-transform: uppercase;
    display: block;
    font-size: 16px;
    display: none;
    /* Hide the labels */ }
    .sf-form label.form-error{
      float: left;
      color: #EB6666;
      font-style: normal;
      font-size: 13px;
      text-transform: none;
      display: block;
      margin-bottom: 10px; }
  .sf-form input[type=text], .sf-form input[type=tel], .sf-form input[type=url], .sf-form input[type=email], .sf-form input[type=number], .wpcf7-form input[type=text], .wpcf7-form input[type=tel], .wpcf7-form input[type=url], .wpcf7-form input[type=email], .wpcf7-form input[type=number] {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .sf-form textarea{
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

.sf-form ::-webkit-input-placeholder{
  text-transform: uppercase;
  color: #4c5152;
  font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  letter-spacing: 2px;
  -webkit-font-smoothing: antialiased; }
.sf-form ::-moz-placeholder{
  text-transform: uppercase;
  color: #4c5152;
  -moz-osx-font-smoothing: grayscale; }
.sf-form :-ms-input-placeholder{
  text-transform: uppercase;
  color: #4c5152; }
.sf-form.dark-bg ::-webkit-input-placeholder{
  color: #eee; }
.sf-form.dark-bg ::-moz-placeholder{
  color: #eee; }
.sf-form.dark-bg :-ms-input-placeholder{
  color: #eee; }
/* -------- Contact Us etc. -------- */
#content .sf-form input[type=text], #content .sf-form input[type=tel], #content .sf-form input[type=url], #content .sf-form input[type=email], #content .sf-form input[type=number], #content .sf-form input[type=range], #content .sf-form textarea, #content .wpcf7-form input[type=text], #content .wpcf7-form input[type=tel], #content .wpcf7-form input[type=url], #content .wpcf7-form input[type=email], #content .wpcf7-form input[type=number], #content .wpcf7-form input[type=range], #content .wpcf7-form textarea {
  padding: 16px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  line-height: 24px;
  background: #f9f9f9;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s; }
  #content .sf-form input[type=text]:focus, #content .sf-form input[type=text]:hover, #content .sf-form input[type=tel]:focus, #content .sf-form input[type=tel]:hover, #content .sf-form input[type=url]:focus, #content .sf-form input[type=url]:hover, #content .sf-form input[type=email]:focus, #content .sf-form input[type=email]:hover, #content .sf-form input[type=number]:focus, #content .sf-form input[type=number]:hover, #content .sf-form input[type=range]:focus, #content .sf-form input[type=range]:hover, #content .sf-form textarea:focus, #content .sf-form textarea:hover {
    background: #f7f7f7 !important; }
#content .sf-form textarea{
  height: 150px; }
#content .sf-form input[type=text]:focus, #content .sf-form input[type=email]:focus, #content .sf-form input[type=password]:focus, #content .sf-form input[type=url]:focus, #content .sf-form input[type=number]:focus {
  background: #f8f8f8; }
#content .sf-form input[type=text]:hover, #content .sf-form input[type=email]:hover, #content .sf-form input[type=password]:hover, #content .sf-form input[type=url]:hover, #content .sf-form input[type=number]:hover {
  background: #eee; }
#content .sf-form textarea:focus {
  background: #fff; }
#content .sf-form .human-check label{
  display: inline-block; }
#content .sf-form .human-check input{
  display: inline-block;
  margin-left: 15px;
  font-style: normal; }

#content .sf-form p{
  display: inline-block;
  margin-right: 2%;
  width: 48%;
  position: relative; }
  #content .sf-form p.subject{
    width: 98%; }
  #content .sf-form p.human-check{
    display: block;
    clear: both; }
  #content .sf-form p.text-area{
    display: block;
    width: 98%; }
  @media only screen and (max-width: 479px) {
    #content .sf-form p{
      display: block;
      width: 100%;
      margin-right: 0;
      margin-left: 0; } }
/* Footer contact us widget --------*/
#footer .sf-form input, #footer .sf-form textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  height: auto;
  line-height: 24px; }
#footer .sf-form textarea {
  height: 100px; }
#footer .sf-form .text-input, #footer .sf-form textarea {
  width: 100%;
  font-size: 14px;
  padding: 10px;
  float: left;
  background: #606163;
  border-color: #606163;
  margin-bottom: 10px;
  color: #cdcdcd; }
#footer .sixcol .sf-form p {
  width: 46%;
  margin: 0 2% 0 0;
  float: left; }

#content .sf-form input:focus, #content .sf-form textarea:focus,
#footer .sf-form input:focus, #footer .sf-form textarea:focus {
  border: 1px solid rgba(42, 157, 214, 0.8); }



#content .contact-form p, #content .wpcf7-form p,#content .sf-form p{
  margin-right: 1.659%;
}

#content p.clearfix{
  clear: both;
  width: 100%!important;
}
.hesperiden.tparrows:before{
  color: rgb(166, 220, 0);
}
.heading2 h2{
  color: #007844;  
}
.heading2_secondary h2{
  color: #f68800;  
}
.heading2 .pitch{
  font-size: 24px;
}
.tp-caption{
  max-width: 100%!important;
}
/*.tp-caption.white_heavy_40, .white_heavy_40{
  text-transform: none!important;
}*/
.call-to-action div.zero-margin img:hover{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.admin-bar #header.sticky{
  min-height: 86px;
}
.sticky-wrapper,
#header{
  min-height: 106px;
}
.so-widget-mo-responsive-carousel h3{
  color:#f68800;
}
/* PROGRAMAS */
  ul.ja-course-info-row{
    position: relative;display: block;float: left;width: 100%;
  }
  ul.ja-course-info-row li{
    float: left;display: block;width: 50%;margin: 0;
  }
/* /PROGRAMAS */
/* TABS */
@media all and (max-width: 1100px){
  .tabs li{
    min-width: 50%;display: inline-block;margin: 0px !important;
  }
}
@media all and (max-width: 450px){
  .tabs li{
    min-width: 100%;
  }
}
/* /TABS */
.home .call-to-action div.zero-margin .bottom p{
font-size: 16px;
}
/* LOGO */
body #site-logo{
  top: 15px;
}
/* /LOGO */
body .button.rounded, body button.rounded {
    border-radius: 5px;
}
/* ICONOS */
body .lsow-services.lsow-style1 .lsow-service .lsow-icon-wrapper span{
  font-size: 85px;
}
/* /ICONOS */

/* BOX_FRAME */
  .box-image{
    border: 0;box-shadow: none;
    background: white;
    margin: 0 1% 5px;
    width: 48%;
    position: relative;
  }
  @media all and (max-width: 768px){
    .box-image{
      width: 98%;
      max-width: 100%;
    }
  }
  .box-image .box-header{
    background: none;    
  }
  .box-image .box-contents img{
    max-width: 100%;
  }
  .box-image .box-contents p{
    text-align: right;    
  }
  .box-image .box-contents p a{
    color: currentColor;    
  }
/* /BOX_FRAME */

/* TESTIMONIALS */
  body .testimonials .testimonials-title{
    color: #007844!important;
    font-style: italic!important;
    text-align: justify;
  }
  body .testimonials .entry-summary{
    text-align: justify; 
    font-size: 16px!important;
    font-style: normal!important;
  }
  body .author .author-name{
    font-weight: 600;
  }
/* /TESTIMONIALS */

/* STAFF */
.post-snippets .type-staff .staff-title{
  text-transform: uppercase;
}
/* /STAFF */

/* JA-LIST */
ul.l-ja li{
  list-style: none;
  position: relative;
}



ul.l-ja li:before {
  content: url('./img/ico_ja.svg');
  position: absolute;
  left: -25px;
  top: 0px;
}
ul.l-ja li:hover{
  list-style: none!important;
}
/* /JA-LIST */

/* CUSTOM MEDIAS (PARA ARREGLAR EL MENÚ TAAAAAN LARGO)*/
@media only screen and (max-width: 1440px) {
  .sticky-wrapper, #header {
    min-height: 125px;
  }
  #mobile-menu, #mobile-menu-toggle {
    display: block;
  }

  #mobile-menu, body {
    -webkit-transition: left 0.4s ease-in-out 0s;
    -moz-transition: left 0.4s ease-in-out 0s;
    transition: left 0.4s ease-in-out 0s;
  }

  body {
    overflow-x: hidden;
    position: relative;
    left: 0; }
    body.push-right {
      left: 240px; } 
}
@media only screen and (max-width: 1440px) {
    #header.sticky {
      position: static !important; } 
}
    @media only screen and (max-width: 1440px) {
      #site-logo a {
        display: inline-block;
        text-align: center; } 
    }
  @media only screen and (max-width: 1440px) {
    #site-logo {
      display: block;
      float: none;
      position: relative;
      margin: 0 auto;
      top: 0;
      padding: 10px 0; }
      #site-logo a img {
        max-width: 75%;
        margin: 0 auto; } 
  }

      @media only screen and (max-width: 1440px) {
        #top-header-area ul.contact-info li {
          width: 100%;
          text-align: center; } 
      }
  @media only screen and (max-width: 1440px) {
    .dropdown-menu-wrap {
      display: none !important; } 
    #header > .inner {
        text-align: center;
    }
  }

/* /CUSTOM MEDIAS */




/**********************************************************************/
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }

  .table-responsive > table {
    margin-bottom: 0; }

  .table-responsive > table th, .table-responsive > table td {
    white-space: nowrap; } }
    
  @media only screen and (max-width: 479px) {
    #content .contact-form p, #content .wpcf7-form p,#content .sf-form p {
      display: block;
      width: 100%;
      margin-right: 0;
      margin-left: 0; } }

  @media only screen and (max-width: 767px) {
    button, .button, input[type=button], input[type="submit"], input[type="reset"] {
      padding: 8px 16px; } }

/* ------ Gallery Styling for mobile resolutions ------*/
@media only screen and (max-width: 767px) {
  .gallery-columns-1 .gallery-item {
    margin-right: 0;
    width: 100%; }

  .gallery-caption {
    display: none; } }
@media only screen and (max-width: 359px) {
  .gallery {
    margin-left: 0; }
    .gallery .gallery-item {
      max-width: none;
      width: 49%;
      width: -webkit-calc(50% -4px);
      width: calc(50% -4px); }

  .gallery-columns-2.gallery-size-thumbnail .gallery-item {
    max-width: none;
    width: 49%;
    width: -webkit-calc(50% -4px);
    width: calc(50% -4px); }

  .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail {
    display: block; }

  .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail {
    display: block; }

  .gallery-columns-1 .gallery-item, .gallery-columns-1.gallery-size-medium .gallery-item, .gallery-columns-1.gallery-size-thumbnail .gallery-item {
    text-align: center;
    width: 98%;
    width: -webkit-calc(100% -4px);
    width: calc(100% -4px); }

  .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 4px; }

  .gallery br {
    display: none; }
  .gallery .gallery-item:nth-of-type(even) {
    margin-right: 0; } }
    @media only screen and (max-width: 767px) {
      .image-info .terms {
        display: none; } }
  @media only screen and (max-width: 1024px) {
    .type-portfolio .image-info .post-title, .type-gallery .image-info .post-title {
      font-size: 18px;
      line-height: 26px; } }

    @media only screen and (max-width: 1400px) {
      #nivo-slider.loading {
        height: 350px; } }
    @media only screen and (max-width: 1024px) {
      #nivo-slider.loading {
        height: 310px; } }
    @media only screen and (max-width: 767px) {
      #nivo-slider.loading {
        height: 230px; } }
    @media only screen and (max-width: 479px) {
      #nivo-slider.loading {
        height: 140px; } }

    @media only screen and (max-width: 767px) {
      .carousel-container .owl-carousel.owl-theme .owl-buttons {
        display: none; } }
  @media only screen and (max-width: 479px) {
    .carousel-container .type-portfolio .image-info .image-info-buttons {
      display: none; }
    .carousel-container .type-portfolio .image-info h3.post-title {
      top: 25%; } }

    @media only screen and (max-width: 767px) {
      ul.tab-list li, ul.member-list li, .widget ul.tab-list li, .widget ul.member-list li {
        margin-right: 30px; } }
    @media only screen and (max-width: 479px) {
      #footer .widget ul.social-list a {
        margin: 0 8px 5px 0; }
        #footer .widget ul.social-list a i {
          font-size: 24px; } }
    @media only screen and (max-width: 767px) {
      blockquote.big {
        font-size: 18px !important;
        line-height: 28px !important; } }
      @media only screen and (max-width: 767px) {
        blockquote.big .author, blockquote.big em, blockquote.big i, blockquote.big cite {
          font-size: 14px;
          line-height: 24px; } }

  @media only screen and (max-width: 1024px) {
    .box-frame {
      max-width: 280px;
      margin: 0 auto; } }
  @media only screen and (max-width: 767px) {
    .box-frame {
      margin-bottom: 15px; } }
@media only screen and (max-width: 767px) {
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
    margin: 0 0 25px 0;
    width: 100%; } }
@media only screen and (max-width: 479px) {
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
    width: 100%; } }
@media only screen and (max-width: 767px) {
  .threecol.zero-margin, .fourcol.zero-margin, .sixcol.zero-margin {
    margin: 0 0 25px 0; }

  .fourcol.zero-margin, .threecol.zero-margin {
    width: 50%; }

  .sixcol.zero-margin {
    width: 100%; }

  .threecol.equal-margin, .fourcol.equal-margin, .sixcol.equal-margin {
    padding: 30px 0; }

  .threecol.dual-margin, .fourcol.dual-margin, .sixcol.dual-margin {
    padding-right: 0;
    padding-left: 0;
    margin: 0;
    border: none; } }
@media only screen and (max-width: 479px) {
  .fourcol.zero-margin, .threecol.zero-margin {
    width: 100%; } }
@media only screen and (max-width: 1024px) {
  .image-grid .sixcol, .image-grid .fourcol, .image-grid .threecol {
    margin-bottom: 18px; } }
@media only screen and (max-width: 767px) {
  .image-grid .fourcol, .image-grid .threecol {
    width: 48%; }
  .image-grid .sixcol {
    width: 100%; } }
@media only screen and (max-width: 479px) {
  .image-grid .sixcol, .image-grid .fourcol, .image-grid .threecol {
    height: auto;
    width: 100% !important;
    margin-bottom: 25px !important; } }

  @media only screen and (max-width: 1024px) {
    .image-grid .twocol.zero-margin {
      width: 24.96%; } }
  @media only screen and (max-width: 1024px) {
    .image-grid .sixcol.zero-margin, .image-grid .fourcol.zero-margin, .image-grid .threecol.zero-margin, .image-grid .twocol.zero-margin {
      width: 33.3%; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .image-grid .sixcol.zero-margin, .image-grid .fourcol.zero-margin, .image-grid .threecol.zero-margin, .image-grid .twocol.zero-margin {
      width: 49.8%; } }
  @media only screen and (max-width: 479px) {
    .image-grid .sixcol.zero-margin, .image-grid .fourcol.zero-margin, .image-grid .threecol.zero-margin, .image-grid .twocol.zero-margin {
      width: 100%; } }

  @media only screen and (max-width: 1100px) {
    .segment {
      background-attachment: scroll !important;
      background-position: center center !important; } }
  @media only screen and (max-width: 767px) {
    .segment {
      padding: 60px 0; } }

  @media only screen and (max-width: 767px) {
    .piechart {
      float: none; } }
    @media only screen and (max-width: 479px) {
      .piechart canvas {
        margin-bottom: 15px; } }
  @media only screen and (max-width: 956px) {
    .number-stats .number-stat {
      margin: 25px 15px 20px; } }
  @media only screen and (max-width: 767px) {
    .tooltip {
      display: none !important;
      /* Hide them completely on mobile */ } }

  @media only screen and (max-width: 1024px) {
    #header > .inner > .warp {
      min-height: 80px; } }
  @media only screen and (max-width: 767px) {
    #header > .inner {
      text-align: center; }
      #header > .inner > .wrap {
        min-height: 40px; } }

  @media only screen and (max-width: 767px) {
    #header.sticky {
      position: static !important; } }
    @media only screen and (max-width: 767px) {
      #site-logo a {
        display: inline-block;
        text-align: center; } }
  @media only screen and (max-width: 767px) {
    #site-logo {
      display: block;
      float: none;
      position: relative;
      margin: 0 auto;
      top: 0;
      padding: 10px 0; }
      #site-logo a img {
        max-width: 75%;
        margin: 0 auto; } }

      @media only screen and (max-width: 767px) {
        #top-header-area ul.contact-info li {
          width: 100%;
          text-align: center; } }
  @media only screen and (max-width: 767px) {
    .dropdown-menu-wrap {
      display: none !important; } }
    @media only screen and (max-width: 1024px) {
      #primary-menu > ul.menu > li > ul.sub-menu {
        top: 56px; } }
    @media only screen and (max-width: 1024px) {
      #header-menu > ul.menu > li > ul.sub-menu {
        top: 34px; } }

  @media only screen and (max-width: 479px) {
    .single-depth-menu {
      float: left;
      padding: 20px 0 20px 0; } }

      @media only screen and (max-width: 1024px) {
        #sidebar-header .social-list li {
          margin-right: 14px; } }
      @media only screen and (max-width: 1024px) {
        #sidebar-header .social-list a i {
          font-size: 20px;
          line-height: 20px; } }
  @media only screen and (max-width: 767px) {
    #sidebar-header {
      width: 100%;
      float: none; }
      #sidebar-header .widget {
        margin-bottom: 0; }
      #sidebar-header .social-list {
        position: relative;
        top: 0;
        right: 0 !important;
        text-align: center;
        margin: 10px auto 0;
        display: inline-block; } }

  @media only screen and (max-width: 767px) {
    #sidebar-header .phone, #sidebar-header .email {
      position: relative;
      top: 0; } }

@media only screen and (max-width: 767px) {
  #mobile-menu, #mobile-menu-toggle {
    display: block;
    /* Show on mobile only */ }

  #mobile-menu, body {
    -webkit-transition: left 0.4s ease-in-out 0s;
    -moz-transition: left 0.4s ease-in-out 0s;
    transition: left 0.4s ease-in-out 0s;
    /* For slide out effect */ }

  body {
    overflow-x: hidden;
    position: relative;
    left: 0; }
    body.push-right {
      left: 240px; } 
}
    @media only screen and (max-width: 959px) {
      #title-area p {
        width: 100%; } }
  @media only screen and (max-width: 767px) {
    #title-area h3 {
      font-size: 22px; }
    #title-area h1, #title-area h2 {
      font-size: 32px;
      line-height: 38px; } }

  @media only screen and (max-width: 1024px) {
    #content .hentry h2.entry-title {
      font-size: 24px;
      line-height: 34px; } }
  @media only screen and (max-width: 479px) {
    #content .hentry h2.entry-title {
      font-size: 19px;
      line-height: 27px; } }
    @media only screen and (max-width: 479px) {
      #content .hentry .entry-meta span {
        font-size: 12px;
        line-height: 20px; } }
  @media only screen and (max-width: 479px) {
    .entry-header {
      width: auto;
      display: block;
      height: auto;
      position: relative;
      border: 1px solid #5B9AA9;
      margin-bottom: 15px; }
      .entry-header .published {
        font-size: 16px;
        line-height: 24px;
        padding: 2px 10px;
        border-radius: 0;
        display: inline-block; }
        .entry-header .published abbr span {
          display: block;
          text-align: center; }
          .entry-header .published abbr span.month {
            font-size: 16px;
            line-height: 24px;
            font-weight: 300;
            display: inline;
            padding-right: 5px;
            letter-spacing: 1px; }
          .entry-header .published abbr span.date {
            font-size: 16px;
            line-height: 24px;
            display: inline; }
      .entry-header .comments-link {
        display: inline;
        padding: 10px;
        margin: 0; } }

  @media only screen and (max-width: 479px) {
    #comments-number, #reply-title {
      font-size: 24px;
      line-height: 36px; } }

    @media only screen and (max-width: 479px) {
      .comment-text-wrap .entry-content {
        font-size: 13px;
        line-height: 22px; } }

    @media only screen and (max-width: 479px) {
      .comment-author cite {
        font-size: 16px;
        line-height: 28px; } }

  @media only screen and (max-width: 479px) {
    .comment-reply-link, .comment-edit-link {
      font-size: 12px; } }

    @media only screen and (max-width: 479px) {
      #respond input[type=submit] {
        padding: 16px 30px; } }

  @media only screen and (max-width: 767px) {
    #go-to-top {
      height: 30px;
      width: 30px;
      background-size: cover; } }

  @media only screen and (max-width: 767px) {
    .slogan1 {
      font-size: 36px;
      line-height: 50px; }
      .slogan1.big {
        font-size: 48px;
        line-height: 60px; } }
  @media only screen and (max-width: 479px) {
    .slogan1 {
      font-size: 24px;
      line-height: 36px; }
      .slogan1.big {
        font-size: 36px;
        line-height: 44px; } }

    @media only screen and (max-width: 1024px) {
      .heading2 .title {
        font-size: 42px;
        line-height: 58px; } }
    @media only screen and (max-width: 767px) {
      .heading2 .title {
        font-size: 32px;
        line-height: 44px; } }
    @media only screen and (max-width: 479px) {
      .heading2 .title {
        font-size: 23px;
        line-height: 32px; } }
    @media only screen and (max-width: 960px) {
      .heading2 .pitch {
        font-size: 20px;
        line-height: 30px; } }
    @media only screen and (max-width: 767px) {
      .heading2 .pitch {
        font-size: 17px;
        line-height: 26px; } }

@media only screen and (max-width: 1024px) {
  .slogan {
    padding: 160px 0; }
    .slogan blockquote {
      font-size: 32px !important;
      line-height: 48px !important; }
      .slogan blockquote .footer cite {
        font-size: 18px;
        line-height: 28px; } }
@media only screen and (max-width: 767px) {
  .slogan {
    padding: 130px 0; }
    .slogan blockquote {
      font-size: 26px !important;
      line-height: 36px !important; }
      .slogan blockquote .footer cite {
        font-size: 16px;
        line-height: 24px; } }

  @media only screen and (max-width: 1024px) {
    .subtitle {
      font-size: 18px;
      line-height: 24px; } }
  @media only screen and (max-width: 767px) {
    .subtitle {
      font-size: 15px;
      line-height: 22px; } }

      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .pricing-table .plan-details ul li {
          font-size: 17px;
          line-height: 25px; } }
  @media only screen and (max-width: 1024px) {
    .pricing-table .threecol {
      width: 48%;
      margin-right: 2%;
      margin-bottom: 20px; }
      .pricing-table .threecol.zero-margin {
        width: 50%;
        margin-right: 0%; } }
  @media only screen and (max-width: 479px) {
    .pricing-table .pricing-plan h4 {
      font-size: 48px;
      line-height: 48px; }
    .pricing-table .threecol, .pricing-table .threecol.zero-margin {
      width: 100%;
      margin: 0 0 20px 0 !important; } }

@media only screen and (max-width: 767px) {
  .testimonials2-slider-container blockquote {
    padding: 0; }
    .testimonials2-slider-container blockquote p {
      font-size: 18px !important;
      line-height: 32px !important; }
    .testimonials2-slider-container blockquote cite {
      font-size: 13px !important; }
      .testimonials2-slider-container blockquote cite i {
        padding: 20px;
        margin-right: 15px; }
    .testimonials2-slider-container blockquote .text {
      margin: 20px 0 0; } }
  @media only screen and (max-width: 1024px) {
    .testimonials2-slider-container .fourcol img {
      max-width: 100%; } }

  @media only screen and (max-width: 767px) {
    .testimonials2-slider-container .flex-direction-nav {
      display: none; } }

@media only screen and (max-width: 767px) {
  .client-testimonials2 .header img {
    margin: 0 20px 20px 0; }
  .client-testimonials2 .header .title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px; } }
@media only screen and (max-width: 479px) {
  .client-testimonials2 .header {
    text-align: center; }
    .client-testimonials2 .header img {
      float: none;
      margin: 0 auto; }
    .client-testimonials2 .header .title {
      font-size: 22px;
      line-height: 30px;
      margin-bottom: 10px; }
  .client-testimonials2 blockquote p {
    text-align: center;
    font-size: 16px !important;
    line-height: 28px !important;
    margin-top: 15px; } }

@media only screen and (max-width: 767px) {
  #our-premium-clients .twocol {
    width: 30%;
    margin-right: 3.2%; } }

  @media only screen and (max-width: 767px) {
    .action-call h3 {
      font-size: 28px;
      line-height: 36px; } }
  @media only screen and (max-width: 767px) {
    .action-call .threecol.last {
      text-align: center;
      float: none; } }

/*--------- Featured List ------------ */
/*--------- Featured List ------------ */
@media only screen and (max-width: 767px) {
  #featured-sources .twocol {
    width: 46%;
    margin-right: 3%; } }

  @media only screen and (max-width: 767px) {
    .featured-list img {
      margin: 0 auto 15px; } }
    @media only screen and (max-width: 959px) {
      .features-list-alternate .iphone-slider-container, .features-list-alternate .ipad-slider-container {
        margin-top: 0; } }
  @media only screen and (max-width: 767px) {
    .features-list-alternate .sixcol, .features-list-alternate .threecol {
      margin-bottom: 0; } }

/* -------- Other Pages styling ----------*/
    @media only screen and (max-width: 767px) {
      #pricing-faq h4 {
        margin-top: 0 !important; } }
/* ----- Our team -------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* Make the grid blog layout two column in smaller tablets but not phones */
  .team-info .fourcol, .team-info .threecol, .team-info .fourcol.last, .team-info .threecol.last {
    width: 46%;
    margin-right: 4%; } }
/* ----- Our Clients ---- */
    @media only screen and (max-width: 767px) {
      #client-list .twocol {
        width: 33.33%; } }

/* ------ Video styling --------------*/
/*------- Miscelleneous ------------- */
/* Styling for the top page header video */
  @media only screen and (max-width: 1024px) {
    .video-showcase .video-header .header-content, .ytp-video-showcase .video-header .header-content {
      top: 25%; }
      .video-showcase .video-header .header-content h3, .ytp-video-showcase .video-header .header-content h3 {
        font-size: 42px;
        line-height: 56px; }
      .video-showcase .video-header .header-content .subtitle, .ytp-video-showcase .video-header .header-content .subtitle {
        margin-bottom: 20px; } }
  @media only screen and (max-width: 767px) {
    .video-showcase .video-header .header-content h3, .ytp-video-showcase .video-header .header-content h3 {
      font-size: 36px;
      line-height: 48px; }
    .video-showcase .video-header .header-content .subtitle, .ytp-video-showcase .video-header .header-content .subtitle {
      margin-bottom: 15px; } }
  @media only screen and (max-width: 479px) {
    .video-showcase .video-header .header-content h3, .ytp-video-showcase .video-header .header-content h3 {
      font-size: 28px;
      line-height: 36px; }
    .video-showcase .video-header .header-content .subtitle, .ytp-video-showcase .video-header .header-content .subtitle {
      display: none; }
    .video-showcase .video-header .header-content .action-button, .ytp-video-showcase .video-header .header-content .action-button {
      display: none; } }

@media only screen and (min-width: 1525px) {
  .video-showcase .video-header {
    max-height: 800px; } }

/* Display the placeholder image for YouTube videos until users
hit play button. And handle Youtube videos responsiveness */
@media only screen and (min-width: 1400px) {
  .ytp-video-showcase .video-header {
    max-height: 900px; } }
@media only screen and (max-width: 1399px) {
  .ytp-video-showcase .video-header {
    max-height: 800px; } }

/* Styling for the individual sections with video backgrounds */
  @media only screen and (max-width: 1024px) {
    .video-section .video-header .header-content .text, .ytp-video-section .video-header .header-content .text {
      font-size: 32px;
      line-height: 48px; } }
  @media only screen and (max-width: 767px) {
    .video-section .video-header .header-content, .ytp-video-section .video-header .header-content {
      top: 25%; }
      .video-section .video-header .header-content .text, .ytp-video-section .video-header .header-content .text {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 20px; }
      .video-section .video-header .header-content a.button, .ytp-video-section .video-header .header-content a.button {
        padding: 10px 20px; } }
  @media only screen and (max-width: 479px) {
    .video-section .video-header .header-content, .ytp-video-section .video-header .header-content {
      top: 20%; }
      .video-section .video-header .header-content .text, .ytp-video-section .video-header .header-content .text {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 15px; }
      .video-section .video-header .header-content a.button, .ytp-video-section .video-header .header-content a.button {
        padding: 6px 15px; } }

@media only screen and (min-width: 1400px) {
  .video-section .video-header {
    max-height: 800px; } }

@media only screen and (min-width: 1400px) {
  .ytp-video-section .video-header {
    max-height: 800px; } }
@media only screen and (max-width: 1399px) {
  .ytp-video-section .video-header {
    max-height: 650px; } }

  @media only screen and (max-width: 767px) {
    .video-header .play-btn {
      display: none; } }
  @media only screen and (max-width: 1024px) {
    .video-header .play-btn {
      margin-bottom: 10px; }
      .video-header .play-btn i {
        font-size: 64px;
        line-height: 64px; } }
  @media only screen and (max-width: 767px) {
    .video-header .play-btn {
      margin-bottom: 5px; }
      .video-header .play-btn i {
        font-size: 48px;
        line-height: 48px; } }
  @media only screen and (max-width: 1199px) {
    .call-to-action div.zero-margin h3 {
      font-size: 20px;
      line-height: 28px; } }
  @media only screen and (max-width: 479px) {
    .call-to-action div.zero-margin h3 {
      font-size: 18px;
      line-height: 24px; }
    .call-to-action div.zero-margin .bottom p {
      line-height: inherit; } }

  @media only screen and (max-width: 767px) {
    .showcase-section .heading2 {
      margin-bottom: 20px; }
    .showcase-section #showcase-filter {
      position: relative;
      top: 0;
      left: 0; } }

/*---- Our Team section -----------*/
  @media only screen and (max-width: 767px) {
    .profile-header {
      display: block;
      width: 100%;
      color: #f29c74; } }

/* Make that flip-flop possible */
/* responsive layout */
@media only screen and (max-width: 767px) {
  .profile-header, .profile-content, .profile .fivecol {
    width: 100% !important;
    float: none !important; }

  .profile .fivecol {
    display: block;
    text-align: center; }

  .profile-content h3, .profile-content p.employee-title {
    text-align: center !important; }

  .profile-header .socials {
    visibility: visible;
    top: 0; } }
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .profile .profile-content {
    margin-top: 0;
    padding-left: 20px;
    box-sizing: border-box; }
  .profile:nth-child(even) .profile-content {
    padding-right: 20px; } }
/* ------- JQuery Parallax -----------------*/
/* --------------- Page Templates for Staff, Courses, Features, Testimonials -------------*/
      @media only screen and (max-width: 1024px) {
        .post-snippets .type-course .img-wrap .type-info .post-title, .post-snippets .type-news .img-wrap .type-info .post-title, .post-snippets .type-staff .img-wrap .type-info .post-title, .post-snippets .type-department .img-wrap .type-info .post-title {
          margin-bottom: 20px;
          font-size: 18px;
          line-height: 26px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #portfolio-section .image-grid .fourcol:nth-child(n) {
    width: 49%;
    margin-right: 1.9% !important; }
  #portfolio-section .image-grid .fourcol:nth-child(even) {
    margin-right: 0 !important; } }
@media only screen and (max-width: 479px) {
  #portfolio-section .image-grid .fourcol:nth-child(n) {
    width: 100%;
    margin-right: 0 !important; } }

/* Quote Banner */
/*------------------- Timeline Section ---------------------*/
  @media only screen and (max-width: 1200px) {
    .timeline-sections {
      max-width: 600px;
      padding: 0 0 0 25px; }
      .timeline-sections:before {
        left: 25px;
        margin-left: 0; }
      .timeline-sections:after {
        left: 13px;
        margin-left: -10px; } }

  @media only screen and (max-width: 1200px) {
    .timeline-section {
      text-align: left; } }

  @media only screen and (max-width: 1200px) {
    .timeline-item {
      width: auto;
      margin-left: 40px;
      margin-bottom: 30px;
      max-width: 500px; } }
  @media only screen and (max-width: 1200px) {
    .timeline-item.left, .timeline-item.right {
      float: none; }
    .timeline-item.left:before, .timeline-item.right:before {
      left: -50px;
      right: auto; }
    .timeline-item.left:after, .timeline-item.right:after {
      left: -10px;
      right: auto;
      border: 1px solid #dbdbdb;
      border-right: none;
      border-top: none; } }
    @media only screen and (max-width: 479px) {
      .timeline-item img {
        max-width: 100%; } }
/* ------------------------------- Contact Details ------------------------------ */
/*------------------------------------------------------------------
15. Portfolio
-------------------------------------------------------------------*/
/*-------------- Portfolio Templates -------------- */
/* The next, previous and index portfolio entries in a single portfolio page */
  @media only screen and (max-width: 767px) {
    .portfolio-nav span {
      font-size: 16px;
      line-height: 26px; } }

  @media only screen and (max-width: 767px) {
    .single-portfolio .loop-nav {
      margin-top: 0; } }

@media only screen and (max-width: 479px) {
  .portfolio-index {
    position: relative;
    padding: 10px 0; } }

  @media only screen and (max-width: 479px) {
    .single-portfolio .next, .single-portfolio .previous {
      float: none !important;
      display: block;
      text-align: center; } }

  @media only screen and (max-width: 767px) {
    .single-portfolio .next:after, .single-portfolio .previous:before {
      font-size: 18px; } }

/*---------- Full Width Snippets of Posts, raw HTML etc. ---------- */
/*---------------- Post Snippets ----------------------------------------------*/
/*------------------------------------------------------------------
16. Responsive/Mobile
-------------------------------------------------------------------*/
/* =============================== Common responsive styles ============================== */
/* ========================= Media Queries ====================== */
/* --------------------- Desktops and laptops -------------------------------- */
@media screen and (min-width: 1400px) {
  .boxed #container, .boxed #header.sticky {
    max-width: 1220px; } }
/* -------------------------- Small screens -------------------------------------- */
/* -------------------------------------- Smaller than standard 960 (devices and browsers) -------------------------------------- */
/* --------------------------------------Tablet Portrait size to standard 960 (devices and browsers)-------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .flex-caption, .nivo-caption {
    left: 70px;
    bottom: 20%; }

  .flex-caption a, .nivo-caption a {
    font-size: 26px;
    line-height: 30px; } }
@media only screen and (max-width: 767px) {
  h1, h2, h3 {
    margin-bottom: 20px; }

  h1 {
    font-size: 28px;
    line-height: 38px; }

  h2 {
    font-size: 26px;
    line-height: 36px; }

  h3 {
    font-size: 22px;
    line-height: 32px; }

  body {
    -webkit-text-size-adjust: none;
    /* do not adjust size of text on iPhone */ }

  /*No need to worry about sticky menu in mobile */
  .sticky-wrapper {
    height: auto !important; }

  /* Do not disturb the post lists */
  ul.post-list .image-area {
    float: left !important; }

  #content .image-area img {
    width: 100% !important; }

  #content ul.post-list.medium-size .image-area img {
    width: 124px !important; }

  /*  Sidebars */
  .sidebar-right-nav, .sidebar-left-nav {
    background: none; }

  #content, .sidebar-left-nav, .sidebar-right-nav {
    float: none !important; }

  .sidebar-left-nav, .sidebar-right-nav {
    padding: 20px 0 !important; }

  #sidebar-after-singular .widget {
    float: none;
    margin: 0 0 25px 0; }

  /* Comments */
  .comment-wrap .comment-arrow {
    top: 80px;
    left: 30px;
    border-bottom-color: #FFF;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent; }

  .comment-box-wrap, .comment-list .avatar-wrap {
    float: none;
    display: block; }

  .comment-box-wrap {
    max-width: 100%;
    width: 100%;
    top: 20px; }

  .comment ol.children {
    margin-left: 10px; }

  /* Use touch controls */
  .layout-1c #commentform textarea {
    width: 80%; }

  #styleswitcher {
    display: none; }

  #showcase-template .hfeed .clear, #showcase-full-width .hfeed .clear, #showcase-template .sixcol, #showcase-full-width .sixcol, #showcase-template .fourcol, #showcase-full-width .fourcol, #showcase-template .threecol, #showcase-full-width .threecol {
    padding: 0; }

  .quote-wrap.alignright, .quote-wrap.alignleft {
    width: 180px; }

  .pullquote, blockquote {
    font-size: 14px !important;
    line-height: 24px !important; }

  .quote-wrap.alignright, blockquote.alignright {
    margin-left: 15px; }

  .quote-wrap.alignleft, blockquote.alignleft {
    margin-right: 15px; }

  /* Sliders */
  #nivo-slider-wrap {
    padding: 0; }

  .nivo-controlNav {
    display: none; }

  .nivo-caption {
    left: 50px;
    bottom: 20%;
    width: 50%; }
    .nivo-caption a {
      font-size: 22px; }

  .flex-caption .flex-summary, .nivo-caption .nivo-summary {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px; }

  .nivo-directionNav a {
    height: 30px;
    width: 30px; }
  .nivo-directionNav .nivo-prevNav span, .nivo-directionNav .nivo-nextNav span {
    left: 9px;
    top: 6px; }

  .flex-caption {
    left: 0;
    bottom: 20px;
    max-width: 60%;
    padding: 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 50%; }
    .flex-caption a {
      font-size: 16px; }

  #slider-area .flex-control-nav, #slider-area .flex-direction-nav {
    display: none; } }
/* --------------------------------------Mobile Landscape Size to Tablet Portrait (devices and browsers)-------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  ul.image-grid.rounded li.fourcol.showcase-item {
    width: 40%;
    margin-right: 0 !important; }
    ul.image-grid.rounded li.fourcol.showcase-item:nth-child(odd) {
      margin-right: 19% !important; }

  blockquote.alignleft, blockquote.alignright {
    width: 200px;
    padding: 5px 5px 5px 42px; } }
@media only screen and (max-width: 600px) {
  html #wpadminbar {
    top: -46px; } }
/* --------------------------------------Mobile Portrait Size to Mobile Landscape Size (devices and browsers) --------------------------------------*/
@media only screen and (max-width: 479px) {
  #content .image-area {
    float: none; }

  .image-wrapper.alignleft, .image-wrapper.alignright {
    float: none;
    margin: 0; }

  #commentform p {
    margin-bottom: 10px; }
  #commentform input[type="text"] {
    float: none;
    width: 90%;
    margin: 0; }
  #commentform textarea {
    width: 90%;
    clear: both; }

  /* Posts Lists - Blog */
  #content.default-list .hentry {
    margin-bottom: 60px;
    padding-left: 0; }

  #sitemap-template h2, #archives-template h2, .archive h2 {
    font-size: 24px;
    line-height: 32px; }

  .entry-snippet {
    width: auto;
    display: block;
    height: auto; }

  #blog-header h1 {
    font-size: 36px;
    line-height: 48px; }
  #blog-header p {
    font-size: 14px;
    line-height: 24px; }

  /* SLiders */
  .flex-caption a, .nivo-caption a {
    font-size: 18px;
    padding: 5px; }

  .flex-caption .flex-summary, .nivo-caption .nivo-summary {
    display: none; }

  #footer .contact-form .text-input, #footer .contact-form textarea,,#content .sf-form .text-input, #footer .sf-form textarea {
    width: 100% !important; } }
/* -------------------------------------- Retina displays like iPhone 4+ and iPad 3+ --------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .search-form .submit {
    background-image: url(images/icons/search-icon@2x.png);
    background-size: 34px 37px; } }
/* -------------------------------------- prettyPhoto styling for small screens --------------------------------------*/
@media only screen and (max-width: 767px) {
  .pp_pic_holder.pp_default {
    width: 100% !important;
    left: 0 !important;
    overflow: hidden; }

  div.pp_default .pp_content_container .pp_left {
    padding-left: 0 !important; }
  div.pp_default .pp_content_container .pp_right {
    padding-right: 0 !important; }

  .pp_content {
    width: 100% !important;
    height: auto !important; }

  .pp_fade {
    width: 100% !important;
    height: 100% !important; }
    .pp_fade iframe {
      width: 100% !important; }

  a.pp_expand, a.pp_contract {
    display: none !important; }

  .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom {
    display: none !important; }

  #pp_full_res img {
    width: 100% !important;
    height: auto !important; }

  .pp_details {
    width: 94% !important;
    padding-left: 3%;
    padding-right: 4%;
    padding-top: 10px;
    padding-bottom: 20px;
    background-color: #fff;
    margin-top: -2px !important; }

  a.pp_close {
    right: 10px !important;
    top: 10px !important; } }
/* MENU CUSTOMIZATION */
#header .wrap{
    position: relative;
    min-height: 76px;
    min-height: auto;
    float: left;
    display: block;
    width: 100%;
}
#header .wrap h1#site-logo{
    top: 15px;
    top: 0;
    margin-top: 15px;
    position: relative;
    display: block;
    float: left;
}
#header .wrap #primary-menu{
  min-height: 125px;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  float: right;  
}
#header.sticky #primary-menu > ul.menu > li > a,
#primary-menu > ul.menu > li > a{
  line-height: 30px;
}
.dropdown-menu-wrap > ul.menu > li > ul.sub-menu{
  top: 30px!important;
}
#mobile-menu-toggle{
  position: absolute;top:40px;
}
/* /MENU CUSTOMIZATION */
/* NEWS */
.news .entry-summary{  
  margin-bottom: 30px!important;
  margin: 0px;
  border-top: 0px!important;
  padding: 0px!important;  
}
@media all and ( max-width: 935px ){
  .news .entry-summary{  
    margin-bottom: 55px!important;    
  }
}
.byline {
    position: absolute;
    width: 100%;
    bottom: 0;
}
/* /NEWS */
.cart-contents{
  display: none!important;
}

/* FORMS */
  /* COMUN */
.form-programa .nf-form-layout .nf-form-content,
.form-empresas .nf-form-layout .nf-form-content,
.form-voluntarios .nf-form-layout .nf-form-content,
.form-alumni .nf-form-layout .nf-form-content,
.form-historia .nf-form-layout .nf-form-content{
  display: block;float:left;
}
.form-programa .nf-form-layout .nf-form-content nf-fields-wrap,
.form-empresas .nf-form-layout .nf-form-content nf-fields-wrap,
.form-voluntarios .nf-form-layout .nf-form-content nf-fields-wrap,
.form-alumni .nf-form-layout .nf-form-content nf-fields-wrap,
.form-historia .nf-form-layout .nf-form-content nf-fields-wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-programa .nf-form-layout .nf-form-content nf-fields-wrap nf-field,
.form-empresas .nf-form-layout .nf-form-content nf-fields-wrap nf-field,
.form-voluntarios .nf-form-layout .nf-form-content nf-fields-wrap nf-field,
.form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field,
.form-historia .nf-form-layout .nf-form-content nf-fields-wrap nf-field{
  width: 100%;
  display: block;
  float: left;
}
  /* /COMUN */
/* FORM PROGRAMA */
.form-programa .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(1),
.form-programa .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(2),
.form-programa .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(3),
.form-programa .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(4),
.form-programa .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(5),
.form-programa .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(6){
  max-width: calc( 50% - 20px);  
}
@media all and ( max-width: 736px ){
  .form-programa .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(1),
  .form-programa .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(2),
  .form-programa .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(3),
  .form-programa .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(4),
  .form-programa .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(5),
  .form-programa .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(6),
  .form-programa .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(9){
    max-width: 100%;  
  }
}
/* /FORM PROGRAMA */
/* FORM EMPRESA */
.form-empresas .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(1),
.form-empresas .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(2),
.form-empresas .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(3),
.form-empresas .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(4),
.form-empresas .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(5),
.form-empresas .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(6){
  max-width: calc( 50% - 20px);  
}


@media all and ( max-width: 736px ){
  .form-empresas .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(1),
  .form-empresas .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(2),
  .form-empresas .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(3),
  .form-empresas .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(4),
  .form-empresas .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(5),
  .form-empresas .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(6),
  .form-empresas .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(7),
    .form-empresas .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(8),
        .form-empresas .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(9){
    max-width: 100%;  
  }
}
/* /FORM EMPRESA */
/* FORM VOLUNTARIO */
.form-voluntarios .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(1),
.form-voluntarios .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(2),
.form-voluntarios .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(3),
.form-voluntarios .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(4),
.form-voluntarios .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(5),
.form-voluntarios .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(6){
  max-width: calc( 50% - 20px);  
}
@media all and ( max-width: 736px ){
  .form-voluntarios .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(1),
  .form-voluntarios .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(2),
  .form-voluntarios .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(3),
  .form-voluntarios .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(4),
  .form-voluntarios .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(5),
  .form-voluntarios .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(6),
.form-voluntarios .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(7),
      .form-voluntarios .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(8),
  .form-voluntarios .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(9)
    {
    max-width: 100%;  
  }
}
/* /FORM VOLUNTARIO */
/* FORM ALUMNI */
.form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(1),
.form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(2),
.form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(3),
.form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(4),
.form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(5),
.form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(6),
.form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(7),
.form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(8),
.form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(9),
.form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(10){
  max-width: calc( 50% - 20px);  
}
@media all and ( max-width: 736px ){
  .form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(1),
  .form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(2),
  .form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(3),
  .form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(4),
  .form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(5),
  .form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(6),
  .form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(7),
  .form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(8),
  .form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(9),
  .form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(10),
  .form-alumni .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(12){
    max-width: 100%;  
  }
}
/* /FORM ALUMNI */
/* FORM HISTORIA */
.form-historia .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(1),
.form-historia .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(2),
.form-historia .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(3),
.form-historia .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(4),
.form-historia .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(5),
.form-historia .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(6),
.form-historia .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(8){
  max-width: calc( 50% - 20px);  
}
.form-historia .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(8){
  margin-right: 25%;
}
@media all and ( max-width: 736px ){
  .form-historia .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(1),
  .form-historia .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(2),
  .form-historia .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(3),
  .form-historia .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(4),
  .form-historia .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(5),
  .form-historia .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(6),
  .form-historia .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(8){
    max-width: 100%;  
  }
  .form-historia .nf-form-layout .nf-form-content nf-fields-wrap nf-field:nth-child(8){
    margin-right: 0;
  }
}
/* /FORM HISTORIA */
body .course-more{
  margin-top: 30px;
}
body .tabs a{
  font-size: 15px;
}