/*!
Theme Name: Bariloche
Theme URI: http://underscores.me/
Author: Themereactor
Author URI: http://www.themereactor.co
Description: Themereactor starter theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bariloche
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

bariloche is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Widgets
# Header
# Footer

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");

@font-face {
  font-family: myfont;
  src: url(assets/fonts/MyFont-Regular.woff);
}
@font-face {
  font-family: NunitoSans;
  src: url(assets/fonts/Nunito_Sans/NunitoSans-Regular.ttf);
}
@font-face {
  font-family: NunitoSansBold;
  src: url(assets/fonts/Nunito_Sans/NunitoSans-Bold.ttf);
}
@font-face {
  font-family: NunitoSansBlack;
  src: url(assets/fonts/Nunito_Sans/NunitoSans-Black.ttf);
}


html {
	font-family: 'NunitoSans', Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	box-sizing: border-box;
}

body {
    font-family: 'NunitoSans', Helvetica, sans-serif;
    margin: 0;
    overflow-x: hidden;
}

p,
a,
ul li,
ol li {
    font-size: 15px;
    color: #666666;
}

p,
ul li,
ol li {
    line-height: 1.6;
}

a {
    font-family: 'NunitoSans', Helvetica, sans-serif;
    color: #2196f3;
    text-decoration: none;
}


p, 
ul li, 
ol li, 
label, 
input, 
textarea, 
select {
	font-family: 'NunitoSans', Helvetica, sans-serif !important;
}


div {
    box-sizing: border-box;
}


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

h1, h2, h3, h4, h5, h6 {
    font-family: 'myfont', sans-serif;
    color: #0278cf;
    font-weight: normal;
    margin:3px 0;
}

h1 {
    font-size: 72px;
}
h2 {
    font-size: 52px;
}
h3 {
    font-size: 40px;
}

p {
    margin: 3px 0 6px 0;
}

@media (max-width: 480px) {
    h2 {
        font-size: 44px;
    }
    h3 {
        font-size: 38px;
    }
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

.hidden {
    display: none;
}
.widget-content h2 {
    font-size: 28px;
}



.tr-social-links-widget a {
    font-size: 18px;
    display: inline-block;
    margin-left: 5px !important;
    margin-bottom: 5px !important;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 200px;
    position: relative;
}
.tr-social-links-widget img {
    width: 100%;
}
.tr-social-links-widget i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.tr-social-links-vertical-orientation a {
    display: block;
}
.tr-square-shape-btn a {
    border-radius: 0;
}
.tr-circle-shape-btn a {
    border-radius: 200px;
}
.tr-social-icon-size-small a {
    width: 32px;
    height: 32px;
    font-size: 18px;
}
.tr-social-icon-size-medium a {
    width: 50px;
    height: 50px;
    margin-left: 7px !important;
    margin-bottom: 7px !important;
    font-size: 22px;
}
.tr-social-icon-size-large a {
    width: 90px;
    height: 90px;
    margin-left: 12px !important;
    margin-bottom: 12px !important;
    font-size: 32px;
}
.tr-social-icon-size-xlarge a {
    width: 124px;
    height: 124px;
    margin-left: 18px !important;
    margin-bottom: 18px !important;
    font-size: 48px;
}


/*
.tr_recent_posts_widget {
    width: 100%;
    display: inline-block;
    padding: 6px;
}
.tr_recent_posts_widget h3 {
    
}
.tr_recent_posts_widget p {
    color: #888888;
    font-size: 14px;
    margin: 0;
}
.tr_recent_posts_widget a {
    text-decoration: none !important;   
    display: inline-block;
    width: 100%;
}
.tr_recent_posts_widget ul {
    padding: 0;
    list-style: none;
}
.tr_recent_posts_widget ul li {
    width: 100%;
    display: inline-block;
    margin-bottom: 12px !important;
}
.tr_recent_posts_widget img {
    width: 64px;
    height: 64px;
    display: inline-block;
    float: left;
    object-fit: cover;
}
.tr_recent_posts_widget_description {
    width: 68%;
    display: inline-block;
    float: left;
    position: relative;
    padding-left: 8px;
}
.tr_recent_posts_widget_description h3 {
    color: #000000;
    font-size: 16px;
    margin: 0 !important;
}
.tr-post-intro-test {
    font-size: 13px !important;
    line-height: 18px !important;
}
.tr-post-date {
    font-size: 13px !important;
    margin-top: 8px !important;
}
*/

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.header-container {
    width: 100%;
    height: auto;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
    position: relative;
    top: 0;
    left: 0;
}

.prehead {
    height: 30px;
    /*line-height: 30px;*/
    width: 100%;
    background-color: #145791;
}
.prehead, .prehead p, .prehead a {
    color: #ffffff;
    margin: 0;
}
.prehead .container {
    display: flex;
    height: 100%;
    align-items: center;
}
.prehead .container .preheader-contact-info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.prehead .container .contact-info-item {
    margin-right:14px;
    font-size: 12px;
    display: flex;
    align-items: center;
}
.prehead .container .contact-info-item img {
    margin-right: 6px;
}

.prehead .container .preheader-social-links {
    display: inline-block;
    width: 100%;
    text-align: right;
}
.prehead .container .preheader-social-links a {
    display: inline-block;
    margin-left: 3px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 120px;
    position: relative !important;
    vertical-align: middle;
    background-color: #ffffff;
    color: #145791;
    text-align: center;
}
.prehead .container .preheader-custom-content {
    width: 100%;
    text-align: left;
}

.prehead .glyphicon {
    font-size: 13px;
    margin-right: 5px;
}

.masthead {
    width: 100%;
    height: 150px;
    background-color: ;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}

.masthead.sticky {
    height: 150px;
}

.masthead .container {
    height: 100%;
    position: relative;
}


.custom-logo-link:hover {
    background-color: transparent !important;
}





.lilogo {
    width: 200px;
    text-align: center;
}

.contact-info-preheader {
    font-size: 13px;
    float: left;
}
.contact-info-preheader i {
    font-size: 15px;
    margin-left: 15px;
}


.social-links-preheader {
    font-size: 16px;
    /*float: right;*/
    display: table-cell;
}
.social-links-preheader a {
    font-size: 15px;
    display: inline-block;
    margin-left: 3px;
    width: 22px;
    height: 22px;
    border-radius: 100px;
    position: relative !important;
    vertical-align: middle;
    background-color: #ffffff;
    color: #145791;
}
.social-links-preheader i {
    
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) translateY(-50%) !important;
       -moz-transform: translateX(-50%) translateY(-50%) !important;
        -ms-transform: translateX(-50%) translateY(-50%) !important;
         -o-transform: translateX(-50%) translateY(-50%) !important;
            transform: translateX(-50%) translateY(-50%) !important;

}







/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer .container {
    position: relative;
    height: 100%;
}


.theme-footer {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #E0E0E0;
    color: #454545;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
}

.theme-footer .row {
    margin-top: 10px;
    margin-bottom: 10px;
}
.theme-footer h1, .theme-footer h2, .theme-footer h3, .theme-footer h4, .theme-footer h5, .theme-footer h6 {
    margin: 0 0 10px 0;
    color: #454545;
}
.theme-footer p, .theme-footer a, .theme-footer ul li, .theme-footer ol li {
    margin: 0;
}



.contact-info-footer p {
    margin:0;
    display: inline-block;
}
.contact-info-footer i {
    display: block;
    float: left;
    width: 24px;
    font-size: 18px;
}




.info-footer-block h1,.info-footer-block h2,.info-footer-block h3, .info-footer-block h4 {
    margin:0;
    font-size: 20px;
}
.info-footer-block p, .info-footer-block a, .info-footer-block a:hover, .info-footer-block a:visited {
    margin:4px 0 0 0;
    display: inline-block;
    color: #ffffff;
    width: 99%;
    font-size: 15px;
    text-decoration: none !important;
}
.info-footer-block i {
    display: block;
    float: left;
    width: 24px;
    font-size: 18px;
    color: #333333;
}




.website-author {
    width: 100%;
    height: 60px;
    display: block;
    position: relative;
    color: #ffffff;
    background-color: #222222;
}

.website-author img {
    width: 35px;
    position: absolute;
    top: 50%;
    left: 16px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.website-author .container {
    position: relative;
    height: 100%;
}
.website-author .copyright-text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 50%;
    text-align: right;
    float: left;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.website-author .dev-logo {
    position: absolute;
    top: 50%;
    right: 0;
    width: 50%;
    text-align: left;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}





.scrolltop {
    position: fixed;
    right: 100px;
    bottom: -200px;
    width: 60px;
    height: 60px;
    background-color: #404040;
    color: #ffffff !important;
    text-decoration: none !important;
    text-align: center;
    line-height: 60px;
    font-size: 40px;
    overflow: hidden;

    box-shadow: 0 0 7px rgba(0,0,0,0.4);

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}


.scrolltop.visible {
    bottom: 68px;
}

.scrolltop.circle {
    border-radius: 100px;
}

.scrolltop.square {
    border-radius: 3px;
}







.content-page {
    overflow: hidden !important;
    /*padding-top: 15px;*/
}

.tr_content {
    width: 70%;
}
.tr_content.left {
    float: right;
}
.tr_content.right {
    float: left;
}
.tr_content.full {
    width: 100%;
}

.tr_sidebar_right {
    float: right;
    width:30%;
}
.tr_sidebar_left {
    float: left;
    width: 30%;
}

/*--------------------------------------------------------------
# Posts
--------------------------------------------------------------*/

.tr-tiled-posts {
    width: 100%;
    display: inline-block;
    margin-bottom: 24px;
}
.tr-post-thumbnail-img {
    width: 48%;
    float: left;
}
.entry-content {
    width: 52%;
    float: left;
    padding-left: 24px;
}
.entry-content-full {
    width: 100%;
}
.tr-grid-post {
    width: 50%;
    height: 400px;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    margin: 0;
    padding: 12px;
    position: relative;
}
.tr-grid-post .tr-grid-cell {
    width: 100%;
    height: 100%;
    position: relative;
}
.tr-grid-cell .bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.tr-grid-cell h2 {
    position: absolute;
    top: 30px;
    left: 30px;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 24px !important;
}
.tr-grid-cell p.excerpt {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    padding: 15px;
    background-color: rgba(0,0,0,0.6);
}
.tr-grid-cell .entry-meta {
    font-size: 13px !important;
    margin-top: 24px !important;
}


.nav-links {
    width: 100%;
    display: inline-block;
}
.nav-previous {
    float: left;
}
.nav-next {
    float: right;
}
.nav-links a {
    font-size: 13px;
}
.nav-links i {
    font-size: 18px;
}


.comment-form-comment {
    width: 100%;
}
.comment-form label {
    display: block;
}
.comment-form textarea {
    display: block;
    width: 100%;
    border: 1px solid #999999 !important;
    height: 160px;
    padding: 12px 8px;
    resize: none;
    box-shadow: none;
}
.comment-form textarea:focus {
    border: 1px solid #111111 !important;
}
.comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form input[type=tel] {
    display: block;
    width: 100%;
    border: 1px solid #999999 !important;
    padding: 3px 8px;
    box-shadow: none;
}
.comment-form input[type=text]:focus, .comment-form input[type=email]:focus, .comment-form input[type=url]:focus, .comment-form input[type=tel]:focus {
    border: 1px solid #111111 !important;
}




.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 960px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 1060px;
  }
}



.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-md-1 img, .col-md-2 img, .col-md-3 img, .col-md-4 img, .col-md-5 img, .col-md-6 img, .col-md-7 img, .col-md-8 img, .col-md-9 img, .col-md-10 img, .col-md-11 img, .col-md-12 img {
  max-width: 100%;
}




/*--------------------------------------------------------------
# inputs
--------------------------------------------------------------*/

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea
{
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    margin-bottom: 5px;
    font-size: 15px;
    border: 1px solid #888888;
    box-shadow: none;
    background-color: #ffffff;
    color: #555555;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

textarea
{
    height: 100px;
    line-height: 26px;
    resize: none;
}

input[type="text"]:focus, input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active
{
    outline: none;
    border: 1px solid #444444;
    background-color: #ffffff;
}


/*--------------------------------------------------------------
# Wp core styles
--------------------------------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.gallery-caption {
    margin-left: 0;
}
.bypostauthor {
    
}

.phonecall-link {
    display: none;
}
.phonecall-label {
    display: block;
}


@media (max-width: 500px) {


    .scrolltop {
        right: initial;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
    }

    .scrolltop.visible {
        bottom: 40px;
    }


    .prehead {
        height: auto;
        line-height: 30px;
        width: 100%;
        text-align: center;
    }

    .contact-data {
        width: 80%;
        display: inline-block;
        text-align: center;
    }

    .social-links-preheader {
        float: none;
        display: inline-block;
        margin: 15px 0;
    }
    .social-links-preheader a {
        font-size: 18px;
        width: 32px;
        height: 32px;
        line-height: 32px;
    }


    .tr-post-thumbnail-img {
        width: 100%;
        float: none;
    }
    .entry-content {
        width: 100%;
        float: none;
        padding-left: 0;
    }


    .tr_content {
        float: none;
        width: 100%;
    }

    .tr_sidebar_right {
        float: none;
        width:100%;
    }
    .tr_sidebar_left {
        float: none;
        width: 100%;
    }


    .phonecall-link {
        display: block;
    }
    .phonecall-label {
        display: none;
    }
}


@media (min-width: 501px) and (max-width: 800px) {

    .scrolltop {
        right: initial;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
    }

    .scrolltop.visible {
        bottom: 40px;
    }

    .prehead .container {
        padding:0 55px !important;
    }
    .contact-info-preheader {
        font-size: 12px;
    }
    .contact-info-preheader i {
        margin-left: 11px;
    }
    .social-links-preheader a {
        margin-left: 1px;
    }


    .tr-post-thumbnail-img {
        width: 38.2%;
    }
    .entry-content {
        width: 61.8%;
    }


    .tr_content {
        float: none;
        width: 100%;
    }

    .tr_sidebar_right {
        float: none;
        width:100%;
    }
    .tr_sidebar_left {
        float: none;
        width: 100%;
    }
    

    .phonecall-link {
        display: block;
    }
    .phonecall-label {
        display: none;
    }
}


@media (min-width: 801px) and (max-width: 1400px) {
}

@media (min-width: 1401px) {
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}










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

.slide {
    position: relative;
    width: 100%;
    height: 470px;
}
@media (max-width: 480px) {
    .slide {
        position: relative;
        width: 100%;
        height: 290px;
    }
}
.slide_content {
    position: absolute;
    top: 50%;
    left: 0;
    margin:0;
    transform: translateY(-50%);
}
.slide_ttl_1 {
    font-family: 'myfont', sans-serif;
    color: #ffffff;
    font-size: 62px;
    text-shadow: 5px 5px 8px rgba(0,0,0,0.7);
    display: inline-block;
    margin-bottom: -21px;
}
.slide_ttl_2 {
    font-family: 'NunitoSans', sans-serif;
    color: #ffffff;
    background-color: #0278cf;
    padding:4px 9px;
    font-size: 18px;
}
@media (max-width: 480px) {
    .slide_ttl_1 {
        font-size: 46px !important;
        line-height: 50px;
        margin-bottom: -12px;
    }
    .slide_ttl_2 {
        font-size: 14px;
    }
}


.form_prereserva {
    z-index: 999;
    box-shadow:0 0 55px -12px rgba(0,0,0,0.5);
    position:relative;
    background-color: #ffffff;
    border-radius: 3px;
}
.form_prereserva p {
    margin:0;
}
.form_prereserva .btn_submit {
    width: 100% !important;
    display: inline-block !important;
    border-width: 0 !important;
    color: #ffffff !important;
    background-color: #0278cf !important;
    height: 38px;
    /*line-height: 38px;*/
    margin-top: 11px;
    font-family: 'NunitoSansBold';
}
.form_prereserva h1, .form_prereserva h2, .form_prereserva h3 {
    font-family: 'NunitoSansBlack', sans-serif !important;
    font-size: 26px !important;
    margin-bottom: 6px;
}

.boton, .back_btn {
    display: inline-block;
    padding: 4px 22px;
    border:1px solid #0278cf;
    color: #0278cf;
    font-family: 'NunitoSansBold';
    background-color: #ffffff;
    -webkit-transition: all 0.15s ease-in-out;
       -moz-transition: all 0.15s ease-in-out;
            transition: all 0.15s ease-in-out;
    text-decoration: none !important;
}
.boton:hover, .back_btn:hover {
    background-color: #0278cf;
    color: #ffffff;
}

input[type='submit'] {
    display: inline-block;
    padding: 4px;
    width: 100%;
    border:1px solid #0278cf;
    color: #0278cf;
    font-family: 'NunitoSansBold';
    background-color: #ffffff;
    -webkit-transition: all 0.15s ease-in-out;
       -moz-transition: all 0.15s ease-in-out;
            transition: all 0.15s ease-in-out;
    text-decoration: none !important;
}
input[type='submit']:hover {
    background-color: #0278cf;
    color: #ffffff;
}

.separador_ttl {
    width: 100px;
    height: 4px;
    background-color: #fcee21;
    display:block;
    margin:0 auto;
}
.separador_ttl2 {
    width: 100px;
    height: 4px;
    background-color: #fcee21;
    display:block;
}
.ttl_seccion h2 {
    font-size: 64px !important;
}
.ttl_seccion2 h2 {
    line-height: 50px !important
}

.feature_ttl {
    font-family: 'NunitoSansBlack' !important;
    color: #161616 !important;
    font-size: 14px !important;
    padding-top: 12px !important;
}

.testimonio_slide {
    background-color: #ffffff;
    padding:16px !important;
}
.testimonio_slide .tr_testimonio, .testimonio_slide .tr_testimonio p {
    width: 100%;
    font-size: 14px !important;
    line-height:20px !important;
}
.testimonio_slide .bandera {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;
    float: left;
    box-sizing: border-box;
}
.testimonio_slide .guest {
    width: 60%;
    float: left;
    box-sizing: border-box;
    margin-left: 9px;
}
.testimonio_slide .guest_name {
    color: #0278cf;
    border-bottom: 1px solid #0278cf;
    display: block;
    font-size: 14px !important;
}
.testimonio_slide .pais {
    display: block;
    font-size: 14px !important;
}

.btn_mas {
    display: inline-block;
    padding: 6px 20px;
    border: 1px solid #ffffff;
    color: #ffffff;
    background-color: transparent;
}

.txt_align_center {
    text-align: center;
}

.g_translator {
    position: absolute;
    display: inline-block;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 120px;
}
.g_translator select {
    font-size: 12px !important;
    width: 100% !important;
    height: 40px !important;
    border:1px solid #b9b9b9 !important;
}


@media (max-width: 480px) {

    .g_translator {
        top: 2px;
        right: initial;
        transform: none;
        left: 50%;
        transform: translateX(-50%);
    }
}


.blogslider h3 {
    font-size: 30px;
    line-height: 34px;
    font-family: 'NunitoSansBlack';
}
.blogslider img {
    margin-right: 50px !important;
}
.blogslider p {
    margin-bottom: 20px;
}


.bariloche_blog .rpwwt-post-title {
    font-family: 'myfont' !important;
    font-size: 35px !important;
    color: #0278cf !important;
    font-weight: normal !important;
}
.bariloche_blog .rpwwt-post-date {
    font-size: 14px !important;
    font-style: italic !important;
    margin: 15px 0 !important;
}
.bariloche_blog .rpwwt-widget ul li {
    margin-bottom: 40px !important;
}
.bariloche_blog .rpwwt-widget ul li img {
    margin-right: 1.5em !important;
}


.preheader_container {
    width: 100%;
    display: inline-block;
}

.preheader_links_container {
    position: relative;
    width: 100%;
    height: 32px;
}
.preheader_links {
    width: 100%;
    text-align: right;
    height: 32px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.preheader_links a {
    display: inline-block !important;
    margin-right: 9px !important;
}
.preheader_links img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

@media (max-width: 500px) {
    .prehead {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .preheader_links {
        top: 50%;
        right: 20%;
    }
}
@media (max-width: 800px) {
    .prehead {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.custom-logo-link img {
    max-width: initial;
}


.pagina_entrada {
    padding: 0 140px 32px 140px;
    text-align: justify;
    margin-top: 20px;
}
.pagina_entrada h1 {
    text-align: center;
    line-height: 70px;
}
.pagina_entrada .entry-meta {
    margin-bottom: 12px;
    font-style: italic;
}
@media (max-width: 800px) {
    .pagina_entrada {
        padding: 25px;
    }   
}
@media (max-width: 480px) {
    .pagina_entrada {
        margin-top: 80px;
    }   
}


.entrada_habitacion {
    padding: 10px 140px 32px 140px;
    text-align: justify;
}
@media (max-width: 800px) {
    .entrada_habitacion {
        padding: 10px 25px;
    } 
}

.entrada_habitacion ul {
    display: inline-block;
    padding-left: 20px;
}
.entrada_habitacion ul li {
    list-style: disc;
}
.entrada_habitacion h1 {
    font-size: 58px !important;
}
.featured_habitacion {
    width: 360px;
    float: left;
    margin: 0 64px 14px 0;
}
@media (max-width: 800px) {
    .featured_habitacion {
        width: 100%;
        float: none;
        margin: 0;
        margin-bottom: 15px;
    }
}
.featured_entrada {
    width: 300px;
    float: left;
    margin: 0 24px 14px 0;
}
.entrada_content {
    /*float: left;*/
}


.back_btn_container {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}

.bariloche_slider {
    height: 470px;
}
@media (min-width: 1500px) {
    .bariloche_slider {
        height: 700px;
    }
}