/*
Theme Name: Esant
Theme URI: http://madmonkeystudio.co/
Author: Hector Mancera
Author URI: http://madmonkeystudio.co
Description: Plantilla desarrollada para Esant S.A
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

img {
    max-width: 100%;
    height:auto;
}

a {
    color: inherit;
    text-decoration: none;
}


.logo {

}

.logo img {
    width: 400px;
    margin: 20px 0 20px 0;
}

.wp-caption {
   max-width: 100%;
}

body {
    background: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
    font-family: 'Open Sans', sans-serif;
    background-image: url(img/body-bg.png);
    background-position: center bottom;
    background-repeat: repeat-x;
}


header.mainHeader {

    padding: 10px 0 0 0;
    position: relative;
    z-index: 10;
    margin: 0 auto;
}

header.mainHeader nav {
    margin: 10px auto 0 auto;
    position: relative;
}

header.mainHeader nav ul {
    margin: 0;
    padding: 0;
    color: #8ab5d6;
    text-align: left;
    font-size: 1.1em;
    height: 100%;
}

header.mainHeader nav.mainNav {
    background: #abcc08;
    border-radius: 5px 5px 0 0;
    height: 50px;
}

header.mainHeader nav .main-nav {
    float: left;
    height: 100%;
}

header.mainHeader nav .main-nav > ul:after {
    content: "";
    clear: both;
    display: table;
}

header.mainHeader nav .webmail {
    color: #fff;
    background: #0376B6;
    padding: 12px 20px;
    float: right;
    height: 100%;
    display: block;
}

header.mainHeader nav .webmail i {
    vertical-align: middle;
    position: relative;
    top: -1px;
    left: -3px;
}

header.mainHeader nav .buscar {
    float: right;
    overflow: hidden;
    height: 100%;
    width: 50px;
    position: relative;
    padding: 10px 0 0 10px;
    -webkit-transition: width .3s;
    transition: width .3s;
}

header.mainHeader nav .buscar input[type='text'] {
    background: none;
    color: #fff;
    border: none;
    outline: none;
    padding: 5px 0;
}

header.mainHeader nav .buscar input[type='submit'] {
    color: #fff;
    background: #0376B6;
    padding: 5px 10px;
    border-radius: 3px;
    border: none;
    outline: none;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    position: absolute;
    top: 10px;
    right: 10px;
}

header.mainHeader nav .buscar.open input[type='submit'] {
    opacity: 1;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

header.mainHeader nav .buscar:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ABCC08;
}

header.mainHeader nav .buscar:after {
    content: "\e60d";
    position: absolute;
    top: 14px;
    left: 13px;
    color: #fff;
    font-size: 1.5em;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    cursor: pointer;
}

header.mainHeader nav .buscar.open {
    width: 245px;
}

header.mainHeader nav .buscar.open:after,
header.mainHeader nav .buscar.open:before
{
    display: none;
}

header ::-webkit-input-placeholder {
   color: rgba(255,255,255,.8);
}

header :-moz-placeholder { /* Firefox 18- */
   color: rgba(255,255,255,.8);
}

header ::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(255,255,255,.8);
}

header :-ms-input-placeholder {
   color: rgba(255,255,255,.8);
}

header.mainHeader nav ul > li {
    float: left;
    padding: 12px 20px;
    position: relative;
    color: #3e5506;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 500;

    background: #abcc08;
    -webkit-transition: all .3s;
    transition: all .3s;

}

header.mainHeader .main-nav > ul > li {
    height: 100%;
}

header.mainHeader .main-nav > ul > li:first-child {
    border-radius: 5px 0 0 0;
}

header.mainHeader nav ul > li:hover {
    background: #badd1c;
}

header.mainHeader nav ul > li.current-menu-item {
    background: #0376B6;
}

header.mainHeader nav ul > li.current-menu-item > a {
    color: #fff;
}

header.mainHeader nav li > a:after {
    color: #3e5506;
    content: "\e60a";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-left: 6px;
    vertical-align: middle;
    font-size: .7em;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

header.mainHeader nav li > a:only-child:after {
    display: none;
}

header.mainHeader .social-icons {
    position: absolute;
    top: 60px;
    right: 350px;
    color: #fff;
    z-index: 50;
}

header.mainHeader .social-icons a {
    padding: 8px 8px 5px 8px;
    border-radius: 3px;
    background: #abcc08;
    margin: 2px;
    line-height: .6;
    -webkit-transition: all .3s;
    transition: all .3s;
}

header.mainHeader .social-icons a:hover {
    background: #96b500;
}

header.mainHeader nav ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: .9em;
    pointer-events: none;
    width: auto;
    min-width: 230px;
    opacity: 0;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

nav .main-nav {
    overflow: hidden;
    -webkit-transition: z-index .5s;
    transition: z-index .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

nav .main-nav:hover {
    overflow: visible;
    -webkit-transition: z-index 0s;
    transition: z-index 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

header.mainHeader ul > li:hover > ul {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

header.mainHeader nav ul ul li {
    padding: 8px 20px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    width: 100%;
}

header.mainHeader nav ul li a:hover,
header.mainHeader > nav .main-nav > ul > li.active > a
{
    /*color: #FFD400;*/
}

header.mainHeader nav li i {
    font-size: .7em;
    vertical-align: middle;
}

header.mainHeader .social {
    position: absolute;
    top: 10px;
    right: 5px;
    color: #fff;
    font-size: 1.1em;
}

header.mainHeader .login {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #004884;
    font-size: .8em;
}

header.mainHeader .social a {
    display: inline-block;
    margin: 0 3px;
}

.container {
    position: relative;
    background: #fff;
    z-index: 3;
    border-radius: 0 0 3px 3px;
}

.container .row.main-icons {
    position: relative;
}

.container.borderTop:before {
    position: absolute;
    top: 0;
    content: "";
    left: 16.75%;
    width: 66.6%;
    height: 8px;
    background: #004884;
}

.container .row.main-icons:first-child:before {
    top: auto;
    bottom: 0;
}

.row {
    padding: 30px;
}

.three {
    float: left;
    width: 31%;
    margin: 0 1%;
    background: #F2F2F2;
    padding: 30px;
}

.main-icons .three {
    padding: 30px;
    text-align: center;
}

.main-icons span {
    color: #e5ae0f;
    font-size: 6em;
}

.main-icons p + a {
    color: #004884;
    font-size: .9em;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 20px;
}

.row .three h3 {
    font-weight: 400;
    color: #393939;
}

.row .three p {
    font-weight: 300;
    color: #393939;
    text-align: justify;
    font-size: .9em;
    line-height: 1.5;
}

.home .row h2 {
    text-align: center;
    color: #004884;
    font-weight: 400;
    margin: 0;
    font-size: 2em;
}

.news-widget .three {
    padding: 20px;
}

.news-widget .three h3 {
    color: #003B8C;
    text-transform: capitalize;
    margin-top: 0;
}

.news-widget figcaption {
    padding: 10px 0;
    color: #acabab;
    font-size: .8em;
}

.news-widget figcaption span {
    margin: 0 5px;
}

.news-widget figcaption i {
    margin-right: 4px;
}

.equal-img {
    background-size: cover;
    background-position: center;
    display: block;
}

.news-widget .three a.more {
    text-align: left;
    font-size: 1em;
    color: #004884;
}

.main-article {
    padding: 30px 10% 50px 10%;
}

.main-col .main-article {
    padding: 50px 30px;
}

.main-article > h1:first-child {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 0;
    font-size: 2.5em;
    color: #005ea0;
}

.info,
.imgHeader,
.show
{
    color: #383838;
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

.loaded .info,
.loaded .show,
.loaded .imgHeader
{
    opacity: 1;
}

.info p + h3,
.info p + h2,
.info p + h4
{
    margin-top: 30px;
}

.info .alignleft {
    float: left;
    margin-right: 40px;
    margin-bottom: 20px;
}

.info img {
    margin: 2px;
}

.info img.center {
    display: block;
    margin: 30px auto;
}

.info a:hover {
    color: #004884;
}

.info li {
    margin-bottom: 10px;
}

.info p,
.info ul li
{
    line-height: 1.7;
}

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

.imgHeader {
    height: 350px;
    background-size: cover;
    background-position: center;
    max-width: 1200px;
    margin: 0 auto;
}

.singleHeader {
    /*margin-top: 30px;*/
    text-align: center;
}

.footerNews {
    margin: 0 auto;
}

.footerNews > h3 {
    text-align: center;
    font-size: 2em;
    font-weight: 300;
    border-bottom: 1px solid #005EA0;;
    width: 60%;
    padding-bottom: 10px;
    margin: 30px auto 0 auto;
    color: #005EA0;
}

.footerNews .row .three img {
    border: 5px solid #f2f2f2;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}


footer.site-footer {
    position: relative;
    z-index: 2;
    background-image: url(img/footer-bg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-top: 30px;
    padding-bottom: 1px;
}

footer.site-footer .copyright {
    color: #fff;
    text-align: center;
    font-size: .7em;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

footer.site-footer .copyright p {
    margin: .5em 0;
}

footer.site-footer > .last-footer {
    background: #002B4E;
}

footer.site-footer .footer-item {
    width: 20%;
    float: left;
    font-weight: 300;
    line-height: 1.8;
    font-size: .8em;
}

footer.site-footer .footer-item h5 {
    font-size: 1.2em;
}

footer.site-footer .footer-item:first-child {
    padding-right: 50px;
}

footer.site-footer .footer-item ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

footer.site-footer .footer-item li {
   list-style-type: none;
}

footer.site-footer .contactos-footer {
    margin-bottom: 340px;
}

.final-bar {
   background: #434F2C;
   color: #fff;
   text-align: center;
   font-size: .75em;
   padding: 4px;
}

.final-bar p {
   margin: 0;
}

.maxWidth {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.parallax-mirror img {
    width: 100%;
}

.noticias {
    padding: 50px 6%;
}

.noticias.main-column {
    padding: 50px 20px;
    margin-bottom: 50px;
}

.noticias h1 {
    text-align: center;
    color: #004884;
    font-weight: 400;
    margin: 0 0 50px 0;
    font-size: 2.5em;
}

.noticia {
    margin: 70px 0;
}

.noticia:last-child {
    margin-bottom: 0;
}

.noticia .img-wrapper {
    float: left;
    margin-right: 40px;
    margin-bottom: 30px;
}

.noticia h3 {
    margin-top: 0;
}

.noticia .stats span {
    margin-right: 20px;
    opacity: .8;
}

.noticia .stats span i {
    display: inline-block;
    margin-right: 5px;
}

.noticia .more {
    float: right;
    margin-top: 20px;
    color: #004884;
}

.sky-form footer:before {
    display: none;
}

.sky-form .row {
    padding: 0;
}

.sky-form {
    box-shadow: none;
}

#map img {
    max-width: none;
}

.sky-form .button {
    background: #004884;
}

.main-article .date {
    text-align: center;
    position: relative;
    top: -50px;
    width: 100%;
    display: block;
}

.single-project .single-footer {
    padding: 0 10% 0 10%;
}

.single-footer {
    padding: 0 10% 50px 10%;
}

.main-col .single-footer {
    padding: 0 30px 50px 30px;
}

.nav-single {
    margin-bottom: 80px;
}

.nav-single .nav-next {
    float: right;
}

.nav-single a:hover,
.must-log-in a
{
    color: #004884;
}

.commentlist, .commentlist ul {
    list-style-type: none;
}

.commentlist li {
    border-bottom: 1px solid #eaeaea;
    padding: 50px 30px;
}

.commentlist li li {
    border: none;
}

.commentlist li:nth-child(odd) {
    background-color: #f9f9f9;
}

.commentlist li li:nth-child(odd) {
    background-color: #fff;
}

.comment header cite {
    display: inline-block;
    vertical-align: middle;
    padding: 20px;
}

.comment header cite span {
    font-size: .7em;
    display: none;
    line-height: 1;
}

.comment header > a {
    float: right;
    font-size: .8em;
    opacity: .8;
}

.comment .reply {
    text-align: right;
}

.comment header cite b {
    display: block;
    line-height: 1.2;
}

.comment-form-comment label {
    display: block;
    margin-bottom: 10px;
}

.comment-form-comment label:after {
    content: ":";
}

.comment-form-comment textarea {
    width: 100%;
}

.form-allowed-tags {
    font-size: .8em;
    opacity: .8;
}

.form-submit input[type='submit'] {
    background: #004884;
    border: none;
    color: #fff;
    padding: 8px 12px;
    border-radius: 3px;
    outline: none;
}

.logged-in-as {
    font-size: .8em;
    opacity: .8;
    margin-top: 0;
}

#reply-title {
    margin-bottom: 5px;
}

header.mainHeader nav .social-icons-widget ul li {
    //padding: 0;
    padding-right: 20%;
    margin: 0 5px 5px 0;
}

header.mainHeader nav .social-icons-widget ul {
    background: none;
}

.ms-container p,
.ms-container h1,
.ms-container h2,
.ms-container h3,
.ms-container h4,
.ms-container h5,
.ms-container h6
{
    margin: 0;
}

.plan {
    margin-left: 250px;

}

.plan img {
    width: 250px;
}

.news-box {
    width: 40%;
    padding: 30px;
    background: #ABCC08;
    position: relative;
    display: table-cell;
}

.news-box p {
    text-align: justify;
}

.news-box:before {
    content: "Lo Mas Reciente";
    position: absolute;
    top: -50px;
    right: 0;
    background: #ABCC08;
    padding: 15px 25px;
    color: #003B8C;
    border-radius: 5px 5px 0 0;
    font-weight: 700;
}

.tabs {
    display: table-cell;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    position: relative;
}

.tabs:before {
    content: '';
    position: absolute;
    top: -6px;
    height: 7px;
    width: 100%;
    left: 0;
    background: #00abf8;
    z-index: 4;
}

.tabs .tab-content > div {
    position: absolute;
    top: 30px;
    left: 5%;
    width: 90%;
    height: 100%;
    display: none;
}

.tabs .tab-content > div.active {
    display: block;
}

.tableRow {
    display: table-row;
}

.tableCell {
    display: table-cell;
}

.more {
    color: #003B8C;
    text-transform: uppercase;
    font-weight: 700;
    float: right;
}

.tab-img {
    height: 270px;
    background-size: cover;
    background-position: right bottom;
}

.tabs .tab-nav {
    position: absolute;
    top: -38px;
    right: 0;
    z-index: 3;
}

.tabs .tab-nav a {
    font-size: .9em;
    padding: 12px 15px;
    color: #fff;
    border-radius: 5px 5px 0 0;
    font-weight: 700;

    background: #1c4e87;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMxYzRlODciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MSUiIHN0b3AtY29sb3I9IiMzZDczYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MSUiIHN0b3AtY29sb3I9IiMzZDczYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #1c4e87 30%, #3d73af 91%, #3d73af 91%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1c4e87), color-stop(91%,#3d73af), color-stop(91%,#3d73af));
    background: -webkit-linear-gradient(top,  #1c4e87 30%,#3d73af 91%,#3d73af 91%);
    background: -o-linear-gradient(top,  #1c4e87 30%,#3d73af 91%,#3d73af 91%);
    background: -ms-linear-gradient(top,  #1c4e87 30%,#3d73af 91%,#3d73af 91%);
    background: linear-gradient(to bottom,  #1c4e87 30%,#3d73af 91%,#3d73af 91%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c4e87', endColorstr='#3d73af',GradientType=0 );

    -webkit-transition: all .3s;
    transition: all .3s;
}

.tabs .tab-nav a.active,
.tabs .tab-nav a.active:hover
{
    background: #00abf8;
}

.tabs .tab-nav a:hover {
    background: #0064a1;
}

.percent-70 {
    width: 70%;
    float: left;
}

.percent-30 {
    float: left;
    width: 30%;
}

.infohome-box {
    padding: 30px;
    margin: 30px 0;
    background: #F2F2F2;
}

.infohome-box iframe {
   width: 100%;
   height: 400px;
}

.infohome-box > div.info {
    padding: 20px 30px;
}

.infohome-box > div.info h3 {
    margin-top: 0;
    color: #003B8C;
}

.infohome-box > div.info p {
    text-align: justify;
}

.infohome-box > div:last-child {
    width: 45%;
    float: right;
}

.infohome-box > div:first-child {
    background-size: cover;
    background-position: center center;
    width: 55%;
    float: left;
}

.banners {
    padding-left: 30px;
    margin-top: 20px;
}

.banners a img {
    margin: 10px 0;
}

.divider {
    height: 50px;
    background-image: url(img/divider.png);
    background-position: center center;
    background-repeat: no-repeat;
    margin: 30px 0;
}

.interest-links {
    text-align: center;
    padding: 0 50px 40px 50px;
    height: 200px;
}

.interest-links a img {
   display: inline-block;
   vertical-align: middle;
}

.owl-carousel .owl-item, .owl-carousel .owl-stage-outer, .owl-carousel .owl-stage, .owl-carousel .owl-item > div {
   height: 100%;
}

.owl-carousel .owl-item > div:before {
   content: "";
   display: inline-block;
   vertical-align: middle;
   height: 100%;
}

.nav-previous {
    display: inline-block;
    width: 45%;
    float: left;
}

.nav-next {
    width: 45%;
    float: right;
    display: inline-block;
    text-align: right;
}

.main-col {
    width: 70%;
}

.ms-thumbs-cont {
    clear: both;
}

.home-slider .master-slider-parent {
    margin: 0;
}

.home-slider .ms-thumb-frame {
    /*height: auto!important;*/
    font-size: .8em;
}

.accionistas-table tr td:first-child {
    width: 200px;
}

.main-copy {
    max-width: 700px;
}

.navigation {
    text-align: center;
}

.row .three h3 {
    font-weight: 400;
    color: #393939;
}

.row .three p {
    font-weight: 300;
    color: #393939;
    text-align: justify;
    font-size: .9em;
    line-height: 1.5;
}

.home .row h2 {
    text-align: center;
    color: #004884;
    font-weight: 400;
    margin: 0;
    font-size: 2em;
}

footer .three {
    float: left;
    width: 31%;
    background: none;
}

footer .three h3 a {
    color: #444;
}

footer .three a.more
{
    color: #005EA0;
}

.news-widget {
    background: #fff;
    border-radius: 3px;
    margin-bottom: 40px;
}

.comment-respond {
    margin-top: 50px;
}

.main-column {
    width: 70%;
    float: left;
}

.blog aside {
    width: 30%;
    float: right;
    padding: 50px 20px 50px 50px;
}

.widget-title {
    border-bottom: 7px solid #ABCC08;
    padding-bottom: 10px;
}

.searchform input[type="text"] {
    background: #f3f3f3;
    border: 0;
    padding: 10px 20px;
    color: #666;
    outline: none;
}

.widget-container {
    margin-bottom: 50px;
    padding-bottom: 10px;
}

.widget_archive li,
.widget_wp-category-archive li
{
    text-transform: capitalize;
    color: #666;
    line-height: 2.2;
    list-style-type: none;
}

.widget_archive li:hover a,
.widget_wp-category-archive li:hover a,
.widget_tag_cloud .tagcloud a:hover
{
    color: #024095;
}

.widget_archive li:before,
.widget_wp-category-archive li:before
{
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    content: "\e607";
    position: relative;
    left: -8px;
}

.widget_tag_cloud .tagcloud a {
    font-size: 1em!important;
    display: block;
    margin-left: 35px;
    text-transform: capitalize;
    color: #666;
    line-height: 2.2;
}

.widget_tag_cloud .tagcloud a:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    content: "\e60e";
    position: relative;
    left: -5px;
    top: 3px;
    font-size: 1.3em;
}

.visitas {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: .9em;
}

.widget_whitcounter {
    display: inline-block;
}

.single-proyecto {
    padding: 50px;
}

.single-proyecto .feat-img {
    margin-top: 30px;
    text-align: center;
}

.single-proyecto h1 {
    text-align: center;
    margin-bottom: 5px;
}

.single-proyecto small {
    text-align: center;
    display: block;
}

.project-icons {
    margin: 60px 0;
    text-align: center;
}

.project-icons > div {
    display: inline-block;
    margin: 0 20px;
    text-align: center;
}

.project-icons > div i {
    font-size: 2.5em;
    color: #ABCC08;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.project-icons > div:hover i {
    color: #0376B6;
}

.table-style {
    width: auto;
    overflow: auto;
}
.table-style th {
    background-color: rgb(112, 196, 105);
    font-weight: normal;
    color: white;
    padding: 20px 30px;
    text-align: center;
}

.table-style td {
    padding: 20px 30px;
    color: rgb(111, 111, 111);
}

.table-style tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.table-style tr:nth-child(even) {
    background-color: #f9f9f9;
}

.inversiones .table-style {
    display: none;
}

.inversiones .tag-title {
    background: #f3f3f3;
    padding: 20px;
    margin-top: 10px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.inversiones h1 {
    margin-bottom: 40px;
}

.inversiones .tag-title:hover,
.inversiones .tag-title.active
{
    background: #0376B6;
    color: #fff;
}

.breadcrumb {
    padding-top: 20px;
    text-align: center;
    color: #666;
    font-size: .9em;
}

.archivo {
   margin-top: 30px;
}

.archivo .table-style {
   width: 100%;
   margin: 50px 0 10px 0;
}

.archivo .table-style tbody {
   width: 100%;
}

.mapa-cobertura {
   position: relative;
}

.mapa-cobertura .muninfo {
   position: absolute;
   right: 50px;
   top: 30px;
   text-align: center;
   padding: 30px 50px;
   background: #F3F3F3;
   border: 1px solid #E0E2E1;
   border-radius: 5px;
   display: none;
}


.mapa-cobertura .muninfo h2 {
   color: #0376B6;
   font-size: 2.2em;
   margin-top: 0;
}

.mapa-cobertura svg {
   width: 70%;
}

.mapa-cobertura svg path {
   cursor: pointer;
}

.mapa-cobertura svg path:hover {
   fill: #96C11F;
   -webkit-transition: fill .3s;
   transition: fill .3s;
}

.mapa-cobertura svg path.active {
   fill: #0376B6;
}

header.mainHeader nav ul ul li.iconMenu {
   padding-left: 25px;
}

header.mainHeader nav ul > li.current-menu-item::before {
   color: #fff;
}

header.mainHeader nav ul ul li.iconMenu:before {
   content: "";
   font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
   position: relative;
   left: -8px;
   top: 3px;
   font-size: 1.3em;
}


header.mainHeader nav ul ul li.iconMenu-archivo-de-contratos:before {
	content: "\e612";
}
header.mainHeader nav ul ul li.iconMenu-banco-de-proyectos:before {
	content: "\e613";
}
header.mainHeader nav ul ul li.iconMenu-objetivos-pda:before {
	content: "\e614";
}
header.mainHeader nav ul ul li.iconMenu-participantes-pda:before {
	content: "\e615";
}
header.mainHeader nav ul ul li.iconMenu-agua:before {
	content: "\e616";
}
header.mainHeader nav ul ul li.iconMenu-asamblea-de-accionistas:before {
	content: "\e617";
}
header.mainHeader nav ul ul li.iconMenu-capacitacion-pda:before {
	content: "\e618";
}
header.mainHeader nav ul ul li.iconMenu-cobertura-pda:before {
	content: "\e619";
}
header.mainHeader nav ul ul li.iconMenu-comite-directivo:before {
	content: "\e61a";
}
header.mainHeader nav ul ul li.iconMenu-directorio:before {
	content: "\e61b";
}
header.mainHeader nav ul ul li.iconMenu-energia:before {
	content: "\e61c";
}
header.mainHeader nav ul ul li.iconMenu-estructura-pda:before {
	content: "\e61d";
}
header.mainHeader nav ul ul li.iconMenu-funciones-generales:before {
	content: "\e61e";
}
header.mainHeader nav ul ul li.iconMenu-gas:before {
	content: "\e61f";
}
header.mainHeader nav ul ul li.iconMenu-gestion-de-calidad:before {
	content: "\e620";
}
header.mainHeader nav ul ul li.iconMenu-historia:before {
	content: "\e621";
}
header.mainHeader nav ul ul li.iconMenu-imagen-corporativa:before {
	content: "\e622";
}
header.mainHeader nav ul ul li.iconMenu-informes-pda:before {
	content: "\e623";
}
header.mainHeader nav ul ul li.iconMenu-inversiones-pda:before {
	content: "\e624";
}
header.mainHeader nav ul ul li.iconMenu-junta-directiva:before {
	content: "\e625";
}
header.mainHeader nav ul ul li.iconMenu-normatividad-pda:before {
	content: "\e626";
}
header.mainHeader nav ul ul li.iconMenu-nuestro-gerente:before {
	content: "\e627";
}
header.mainHeader nav ul ul li.iconMenu-oficinas:before {
	content: "\e628";
}
header.mainHeader nav ul ul li.iconMenu-organigrama:before {
	content: "\e629";
}
header.mainHeader nav ul ul li.iconMenu-pda-santander:before {
	content: "\e62a";
}
header.mainHeader nav ul ul li.iconMenu-planeacion-estrategica:before {
	content: "\e62b";
}
header.mainHeader nav ul ul li.iconMenu-politica-ambiental:before {
	content: "\e62c";
}
header.mainHeader nav ul ul li.iconMenu-telecomunicaciones:before {
	content: "\e62d";
}
header.mainHeader nav ul ul li.iconMenu-users:before {
	content: "\e60f";
}
header.mainHeader nav ul ul li.iconMenu-coin-dollar:before {
	content: "\e610";
}
header.mainHeader nav ul ul li.iconMenu-chevron-small-down:before {
	content: "\e606";
}
header.mainHeader nav ul ul li.iconMenu-chevron-small-up:before {
	content: "\e609";
}
header.mainHeader nav ul ul li.iconMenu-chevron-thin-down:before {
	content: "\e60a";
}
header.mainHeader nav ul ul li.iconMenu-chevron-thin-up:before {
	content: "\e60b";
}
header.mainHeader nav ul ul li.iconMenu-briefcase:before {
	content: "\e611";
}
header.mainHeader nav ul ul li.iconMenu-calendar:before {
	content: "\e607";
}
header.mainHeader nav ul ul li.iconMenu-chat:before {
	content: "\e608";
}
header.mainHeader nav ul ul li.iconMenu-location-pin:before {
	content: "\e60e";
}
header.mainHeader nav ul ul li.iconMenu-mail:before {
	content: "\e60c";
}
header.mainHeader nav ul ul li.iconMenu-rss:before {
	content: "\e600";
}
header.mainHeader nav ul ul li.iconMenu-facebook:before {
	content: "\e601";
}
header.mainHeader nav ul ul li.iconMenu-google:before {
	content: "\e602";
}
header.mainHeader nav ul ul li.iconMenu-instagram:before {
	content: "\e603";
}
header.mainHeader nav ul ul li.iconMenu-twitter:before {
	content: "\e604";
}
header.mainHeader nav ul ul li.iconMenu-youtube:before {
	content: "\e605";
}
header.mainHeader nav ul ul li.iconMenu-search:before {
	content: "\e60d";
}

@media only screen and (max-width: 1200px) {
   header.mainHeader nav.mainNav {
      height: auto;
      min-height: 50px;
   }

   header.mainHeader nav .webmail {
      display: none;
   }

   .news-box, .tabs {
      display: block;
      width: 100%;
   }

   .tabs {
      margin-top: 75px;
   }

   .tabs .tab-content {
      height: 480px;
      position: relative;
   }
}

.responsive-label {
   text-align: center;
   display: none;
   font-size: 1.2em;
   padding-top: 10px;
   height: 50px;
}

.responsive-dropdown {
   position: absolute;
   top: 15px;
   right: 20px;
   font-size: 1.2em;
   display: none;
   cursor: pointer;
}

.owl-carousel .owl-item img {
   width: auto;
   display: inline-block;
}

.responsive-dropdown i:last-child {
   display: none;
}

@media only screen and (max-width: 1000px) {
   header.mainHeader nav .main-nav {
      float: none;
      display: none;
   }

   .responsive-label {
      display: block;
   }

   .abierto .responsive-label {
      display: none;
   }

   .responsive-dropdown {
      display: block;
   }

   .abierto .responsive-dropdown i:last-child {
      display: block;
   }

   .abierto .responsive-dropdown i:first-child {
      display: none;
   }

   header.mainHeader .main-nav > ul > li {
      display: block;
      text-align: center;
      float: none;
      height: auto;
   }

   header.mainHeader nav ul ul {
      position: relative;
      display: none;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      width: 100%;
   }

   header.mainHeader nav ul ul li {
      float: none;
   }

   header.mainHeader ul > li:hover > ul {
      display: block;
   }

   .search-wrapper {
      display: none;
   }

   footer.site-footer .footer-item {
      width: 100%;
      float: none;
      padding: 0 30px;
      text-align: center;
   }

   footer.site-footer .footer-item img {
      max-width: 250px;
   }

   .banners {
      display: none;
   }

   .home-content {
      width: 120%;
      float: none;
   }

}

@media only screen and (max-width: 650px) {

   .tabs .tab-nav {
      width: 100%;
      position: relative;
   }

   .tabs .tab-nav a {
      display: block;
      width: 100%;
      text-align: center;
      background: #1c4e87;
      border-radius: 0;
   }

   .tabs:before {
      display: none;
   }

   .news-widget .three {
      width: 100%;
      float: none;
      margin-bottom: 20px;
   }

   .infohome-box > div:first-child {
      display: block;
      width: 100%;
   }

   .infohome-box > div:last-child {
      display: block;
      width: 100%;
   }

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

   /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
    border-radius: 5px;
    border: 1px solid #004884;
    background: #0376B6;
    color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
    /* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}



.imagengov{
    padding-right: 50px;

}


/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}
.tooltipster-base .tooltipster-content {
    overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
    right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}
.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}


/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */



/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}