/* # General */


/* Spacing (Based on Bootstrap 4 classes)
 ------------------------------ */
/* Margin */
.m-0 {
    margin: 0 !important;
}
.m-1 {
    margin: 1rem !important;
}
.m-2 {
    margin: 2rem !important;
}
.m-3 {
    margin: 3rem !important;
}
.m-4 {
    margin: 4rem !important;
}
.m-5 {
    margin: 5rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}
.mt-1 {
    margin-top: 1rem !important;
}
.mt-2 {
    margin-top: 2rem !important;
}
.mt-3 {
    margin-top: 3rem !important;
}
.mt-4 {
    margin-top: 4rem !important;
}
.mt-5 {
    margin-top: 5rem !important;
}

.mr-0 {
    margin-right: 0 !important;
}
.mr-1 {
    margin-right: 1rem !important;
}
.mr-2 {
    margin-right: 2rem !important;
}
.mr-3 {
    margin-right: 3rem !important;
}
.mr-4 {
    margin-right: 4rem !important;
}
.mr-5 {
    margin-right: 5rem !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: 1rem !important;
}
.mb-2 {
    margin-bottom: 2rem !important;
}
.mb-3 {
    margin-bottom: 3rem !important;
}
.mb-4 {
    margin-bottom: 4rem !important;
}
.mb-5 {
    margin-bottom: 5rem !important;
}

.ml-0 {
    margin-left: 0 !important;
}
.ml-1 {
    margin-left: 1rem !important;
}
.ml-2 {
    margin-left: 2rem !important;
}
.ml-3 {
    margin-left: 3rem !important;
}
.ml-4 {
    margin-left: 4rem !important;
}
.ml-5 {
    margin-left: 5rem !important;
}

/* Padding */
.p-0 {
    padding: 0 !important;
}
.p-1 {
    padding: 1rem !important;
}
.p-2 {
    padding: 2rem !important;
}
.p-3 {
    padding: 3rem !important;
}
.p-4 {
    padding: 4rem !important;
}
.p-5 {
    padding: 5rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}
.pt-1 {
    padding-top: 1rem !important;
}
.pt-2 {
    padding-top: 2rem !important;
}
.pt-3 {
    padding-top: 3rem !important;
}
.pt-4 {
    padding-top: 4rem !important;
}
.pt-5 {
    padding-top: 5rem !important;
}

.pr-0 {
    padding-right: 0 !important;
}
.pr-1 {
    padding-right: 1rem !important;
}
.pr-2 {
    padding-right: 2rem !important;
}
.pr-3 {
    padding-right: 3rem !important;
}
.pr-4 {
    padding-right: 4rem !important;
}
.pr-5 {
    padding-right: 5rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}
.pb-1 {
    padding-bottom: 1rem !important;
}
.pb-2 {
    padding-bottom: 2rem !important;
}
.pb-3 {
    padding-bottom: 3rem !important;
}
.pb-4 {
    padding-bottom: 4rem !important;
}
.pb-5 {
    padding-bottom: 5rem !important;
}

.pl-0 {
    padding-left: 0 !important;
}
.pl-1 {
    padding-left: 1rem !important;
}
.pl-2 {
    padding-left: 2rem !important;
}
.pl-3 {
    padding-left: 3rem !important;
}
.pl-4 {
    padding-left: 4rem !important;
}
.pl-5 {
    padding-left: 5rem !important;
}

.pb-8rem {
    padding-bottom: 8rem;
}

.vr-button {
        background: url('./vistas-360/vr-button.png');
        float: right;
        cursor: pointer;
        margin-bottom: 20px;
        height: 41px;
        width: 145px;
    }
    .vr-button:hover {
        background: url('./vistas-360/vr-button-hover.png');
    }

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .m-xs-0 {
        margin: 0 !important;
    }
    .m-xs-1 {
        margin: 1rem !important;
    }
    .m-xs-2 {
        margin: 2rem !important;
    }
    .m-xs-3 {
        margin: 3rem !important;
    }
    .m-xs-4 {
        margin: 4rem !important;
    }
    .m-xs-5 {
        margin: 5rem !important;
    }

    .mt-xs-0 {
        margin-top: 0 !important;
    }
    .mt-xs-1 {
        margin-top: 1rem !important;
    }
    .mt-xs-2 {
        margin-top: 2rem !important;
    }
    .mt-xs-3 {
        margin-top: 3rem !important;
    }

    .mr-xs-0 {
        margin-right: 0 !important;
    }
    .mr-xs-1 {
        margin-right: 1rem !important;
    }
    .mr-xs-2 {
        margin-right: 2rem !important;
    }
    .mr-xs-3 {
        margin-right: 3rem !important;
    }

    .mb-xs-0 {
        margin-bottom: 0 !important;
    }
    .mb-xs-1 {
        margin-bottom: 1rem !important;
    }
    .mb-xs-1p5 {
        margin-bottom: 1.5rem !important;
    }
    .mb-xs-2 {
        margin-bottom: 2rem !important;
    }
    .mb-xs-3 {
        margin-bottom: 3rem !important;
    }

    .ml-xs-0 {
        margin-left: 0 !important;
    }
    .ml-xs-1 {
        margin-left: 1rem !important;
    }
    .ml-xs-2 {
        margin-left: 2rem !important;
    }
    .ml-xs-3 {
        margin-left: 3rem !important;
    }

    .p-xs-0 {
        padding: 0 !important;
    }
    .p-xs-1 {
        padding: 1rem !important;
    }
    .p-xs-2 {
        padding: 2rem !important;
    }
    .p-xs-3 {
        padding: 3rem !important;
    }
    .p-xs-4 {
        padding: 4rem !important;
    }
    .p-xs-5 {
        padding: 5rem !important;
    }

    .pt-xs-0 {
        padding-top: 0 !important;
    }
    .pt-xs-1 {
        padding-top: 1rem !important;
    }
    .pt-xs-2 {
        padding-top: 2rem !important;
    }
    .pt-xs-3 {
        padding-top: 3rem !important;
    }

    .pl-xs-0 {
        padding-left: 0 !important;
    }
    .pl-xs-1 {
        padding-left: 1rem !important;
    }
    .pl-xs-2 {
        padding-left: 2rem !important;
    }
    .pl-xs-3 {
        padding-left: 3rem !important;
    }

    .pb-xs-0 {
        padding-bottom: 0 !important;
    }
    .pb-xs-1 {
        padding-bottom: 1rem !important;
    }
    .pb-xs-2 {
        padding-bottom: 2rem !important;
    }
    .pb-xs-3 {
        padding-bottom: 3rem !important;
    }

    .pr-xs-0 {
        padding-right: 0 !important;
    }
    .pr-xs-1 {
        padding-right: 1rem !important;
    }
    .pr-xs-2 {
        padding-right: 2rem !important;
    }
    .pr-xs-3 {
        padding-right: 3rem !important;
    }
    .vr-button {
        float: left;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .m-sm-0 {
        margin: 0 !important;
    }
    .m-sm-1 {
        margin: 1rem !important;
    }
    .m-sm-2 {
        margin: 2rem !important;
    }
    .m-sm-3 {
        margin: 3rem !important;
    }
    .m-sm-4 {
        margin: 4rem !important;
    }
    .m-sm-5 {
        margin: 5rem !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }
    .mt-sm-1 {
        margin-top: 1rem !important;
    }
    .mt-sm-2 {
        margin-top: 2rem !important;
    }
    .mt-sm-3 {
        margin-top: 3rem !important;
    }

    .mr-sm-0 {
        margin-right: 0 !important;
    }
    .mr-sm-1 {
        margin-right: 1rem !important;
    }
    .mr-sm-2 {
        margin-right: 2rem !important;
    }
    .mr-sm-3 {
        margin-right: 3rem !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }
    .mb-sm-1 {
        margin-bottom: 1rem !important;
    }
    .mb-sm-2 {
        margin-bottom: 2rem !important;
    }
    .mb-sm-3 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-0 {
        margin-left: 0 !important;
    }
    .ml-sm-1 {
        margin-left: 1rem !important;
    }
    .ml-sm-2 {
        margin-left: 2rem !important;
    }
    .ml-sm-3 {
        margin-left: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }
    .p-sm-1 {
        padding: 1rem !important;
    }
    .p-sm-2 {
        padding: 2rem !important;
    }
    .p-sm-3 {
        padding: 3rem !important;
    }
    .p-sm-4 {
        padding: 4rem !important;
    }
    .p-sm-5 {
        padding: 5rem !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }
    .pt-sm-1 {
        padding-top: 1rem !important;
    }
    .pt-sm-2 {
        padding-top: 2rem !important;
    }
    .pt-sm-3 {
        padding-top: 3rem !important;
    }

    .pl-sm-0 {
        padding-left: 0 !important;
    }
    .pl-sm-1 {
        padding-left: 1rem !important;
    }
    .pl-sm-2 {
        padding-left: 2rem !important;
    }
    .pl-sm-3 {
        padding-left: 3rem !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }
    .pb-sm-1 {
        padding-bottom: 1rem !important;
    }
    .pb-sm-2 {
        padding-bottom: 2rem !important;
    }
    .pb-sm-3 {
        padding-bottom: 3rem !important;
    }

    .pr-sm-0 {
        padding-right: 0 !important;
    }
    .pr-sm-1 {
        padding-right: 1rem !important;
    }
    .pr-sm-2 {
        padding-right: 2rem !important;
    }
    .pr-sm-3 {
        padding-right: 3rem !important;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .mt-md-0 {
        margin-top: 0 !important;
    }
    .mt-md-1 {
        margin-top: 1rem !important;
    }
    .mt-md-2 {
        margin-top: 2rem !important;
    }
    .mt-md-3 {
        margin-top: 3rem !important;
    }

    .mr-md-0 {
        margin-right: 0 !important;
    }
    .mr-md-1 {
        margin-right: 1rem !important;
    }
    .mr-md-2 {
        margin-right: 2rem !important;
    }
    .mr-md-3 {
        margin-right: 3rem !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }
    .mb-md-1 {
        margin-bottom: 1rem !important;
    }
    .mb-md-2 {
        margin-bottom: 2rem !important;
    }
    .mb-md-3 {
        margin-bottom: 3rem !important;
    }

    .ml-md-0 {
        margin-left: 0 !important;
    }
    .ml-md-1 {
        margin-left: 1rem !important;
    }
    .ml-md-2 {
        margin-left: 2rem !important;
    }
    .ml-md-3 {
        margin-left: 3rem !important;
    }

    .pt-md-0 {
        padding-top: 0 !important;
    }
    .pt-md-1 {
        padding-top: 1rem !important;
    }
    .pt-md-2 {
        padding-top: 2rem !important;
    }
    .pt-md-3 {
        padding-top: 3rem !important;
    }

    .pl-md-0 {
        padding-left: 0 !important;
    }
    .pl-md-1 {
        padding-left: 1rem !important;
    }
    .pl-md-2 {
        padding-left: 2rem !important;
    }
    .pl-md-3 {
        padding-left: 3rem !important;
    }

    .pb-md-0 {
        padding-bottom: 0 !important;
    }
    .pb-md-1 {
        padding-bottom: 1rem !important;
    }
    .pb-md-2 {
        padding-bottom: 2rem !important;
    }
    .pb-md-3 {
        padding-bottom: 3rem !important;
    }

    .pr-md-0 {
        padding-right: 0 !important;
    }
    .pr-md-1 {
        padding-right: 1rem !important;
    }
    .pr-md-2 {
        padding-right: 2rem !important;
    }
    .pr-md-3 {
        padding-right: 3rem !important;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

a.btn,
 .btn,
a.btn.white,
 .btn.white,
a.btn_1,
 .btn_1,
a.btn_1.white,
 .btn_1.white {
    background: #006401;
}
a.btn_1:hover,
a.btn_1.white:hover,
 .btn_1.white a:hover,
 .btn_1.white:hover {
    color: #006401 !important;
    background-color: #fff;
}

/* ## Header */

header {
   background: #3C2015 url(https://s3-us-west-2.amazonaws.com/ar.com.sinergiasoluciones.web/publica/patagonia_encantada/pagina/estructura/bg_madera.jpg) no-repeat;
}

#logo img {
    height: 82px;
}

@media only screen and (min-width: 992px) {
    .main-menu {
        top: 26px;
    }
}

.main-menu > ul > li > a {
    color: #ffffff;
    cursor: pointer;
}

@media only screen and (max-width: 991px) {
    #header_menu img {
        width: 130px;
        height: auto;
    }
    .cmn-toggle-switch {
        top: 38px;
    }
    header.sticky .cmn-toggle-switch {
        top: 42px;
    }
    .cmn-toggle-switch span {
        background: #fff;
    }
    .cmn-toggle-switch span::before, .cmn-toggle-switch span::after {
        background-color: #fff;
    }
}

/* ## Footer */

#social_footer {
    text-align: initial;
    padding-top: initial;
    margin-top: initial;
}
#social_footer ul {
	margin: initial;
	text-align: initial;
}

ul#contact_details_footer {
    margin: 0 0;
    padding: 0;
}

ul.social_footer_wrapper {
	display: inline;
}
li.social_footer {
	display: inline;
	margin: 0 5px 10px 5px;
	padding-left: 5px;
	padding-right: 5px;
}
li.social_footer a {
    color: #fff;
    opacity: 1;
    border: 1px solid #FFF;
    line-height: 34px;
    font-size: 16px;
    width:35px;
    height:35px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
li.social_footer a:hover{
    background: #fff;
    color: #ed5434;
}

/* ## Footer */

footer {
    background: #3C2015 url(https://s3-us-west-2.amazonaws.com/ar.com.sinergiasoluciones.web/publica/patagonia_encantada/pagina/estructura/bg_madera.jpg) repeat;
    background-size: auto;
}

footer h3 {
    color: #cca490;
}

footer hr {
    height: 1px;
    opacity: 0.2;
    color: #ffffff
}

/* # Home */
.form-tooltip-icon {
    font-size: 1.3rem;
}
body.home .tooltip-inner {
    color: #000;
    background-color: #fff;
}
body.home .tooltip.top .tooltip-arrow {
    border-top-color: #fff;
}

.section-main-title p.lead.styled {
    padding: 0 0;
}

h1.main_title,
h2.main_title,
h3.main_title {
    color: #006502;
}

.box_feat {
    border-top: 1px solid #513d34;
}
.box_feat i {
    border: 5px solid #DBDBDB;
    background-color: #513d34;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #006401;
}

/* 45px~ overall reduction */
@media (max-width: 767px) {
    .pic {
        margin-bottom: 0;
        height: 105px;
    }
    .comment {
        padding-top: 15px;
    }
}

/* # Estilos para comentarios sin fotos */
/* # @media only screen and (min-width: 768px) {
    .box_overlay {
        padding-left: 180px;
    }
    .pic {
        left: -5px;
    }
    .pic h4 {
        left: 50px;
    }
} */

/* # Cabins */
ul#policies li i {
	color: #006401;
}

/* # Activities */
.grid5 ul li {
    width: 20%;
}

h5.tab-heading {
    color: #222;
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 0;
}

.panel-title a .indicator {
    color: #006401 !important;
}