/* fashion */
.fashion-subtitle { border:8px solid #000; padding:55px; font-size:45px; width: 350px; display:inline-block; line-height:55px; margin:25px 0;  letter-spacing: 3px; }
.model-details { margin-bottom:40px;}
.model-details-text {padding:25px 45px}
.architecture-team {padding:30px 45px; margin-bottom: 45px;}

/* spa */
.spa-slider h1 { border: 4px solid #fff; display: inline-block; font-size: 45px; font-weight: 600; line-height: 85px; padding: 0 45px; }
.slider-strip {height:15px;}
.special-gifts-box {border:1px dashed rgba(0,0,0,.25); padding:25px 15px;}
.gifts-off {padding:0 15px; line-height:27px; margin:10px 0 0 0; display:inline-block}
.spa-packages-img {max-width:110%;}

/* agency */
.agency-header h1 {font-size: 70px; font-weight: 700; letter-spacing: -2px; line-height: 70px; text-transform: unset; }
.agency-header span {font-size:16px; font-weight:400; display:block; margin:19% 0 12%}
.agency-header img { margin-bottom: 2%; width: 22%;}
.agency-title {border-left:4px solid #fac32f; padding-left:25px;}
.agency-team .team-details {left:0; right:0; padding-left: 0; padding-right: 0; height: 100%; bottom: -100px}
.agency-team figure { bottom:0; width:100%;}
.agency-team .team-details {padding-top:30%}
.agency-team .team-details .person-social i {color: #fff}

/* restaurant */
.restaurant-header h1 span { font-size:40px;}
.restaurant-header h1 { font-size:14px; line-height:30px; letter-spacing:5px}
.restaurant-features-main {border: 5px solid #cec687; padding:7px;}
.restaurant-features {border:1px dashed rgba(0,0,0,.3); padding:40px 10px;}
.about-restaurant-text {min-height:753px; padding:7% 11%}
.about-restaurant-img {min-height:753px;}
.img-border {  border: 10px solid rgba(255, 255, 255, 0.5); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px;  position: absolute; }
.img-border-small {  border: 5px solid rgba(255, 255, 255, 0.5); height: calc(100% - 0px); width: calc(100% - 30px); left: 15px; top: 0;  position: absolute; }
.img-border-full {  border: 5px solid rgba(255, 255, 255, 0.5); height: calc(100% - 0px); width: calc(100% - 30px); left: 15px; top: 0;  position: absolute; }
.img-border-small-gray {  border: 5px solid rgba(0, 0, 0, 0.2); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px;  position: absolute; }
.img-border-small-fix {  border: 5px solid rgba(255, 255, 255, 0.5); height:100%; width: 90%; left: 5%; top: 0;  position: absolute; }
.img-bg-color { background:rgba(0,0,0,.5); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px;  position: absolute; }
.img-bg-color-gray { background:rgba(0,0,0,.03); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px;  position: absolute; }
.popular-dishes { position: absolute; width: 100%; padding: 0 15px; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index:1 }
.popular-dishes-border {  border: 4px solid #cec687; height: calc(100% - 59px); width: calc(100% - 59px); left: 35px; top: 25px;  position: absolute; }
.popular-dishes img {width:auto; margin-bottom:18px}
.starting { padding:6px 24px;}
.food-services-inner {padding:25px; background:rgba(0,0,0,.7);}
.food-services-border {border:5px solid rgba(255, 255, 255, 0.3); padding:50px;}
.food-services-inner:hover {background:rgba(178,156,78,.95); }
.food-time {padding:3px 25px}
.restaurant-menu-img {min-height:669px;}
.restaurant-menu-text {padding:6%}
.restaurant-menu-text-main {padding:4%}
.menu-item {border-top:1px dotted rgba(0, 0, 0, 0.2); padding:20px 0}
.menu-item:first-child{border:none; padding-top: 0}
.menu-item:last-child {padding-bootom:0}
.menu-item p {margin:0}
.menu-item span:after {content:".........."; margin:0 15px}
.menu-item span:nth-child(2):after {content:""; margin:0}
.chef-img {min-height:625px;}
.chef-text {min-height:625px; padding:10%}

/* travel */
.travel-slider { min-height:750px; position: relative; z-index:1}
.travel-slider .item { min-height:750px;}
.travel-booking {  position: relative; padding-bottom: 60px}
.travel-booking .tab-style3 .nav-tabs {border-bottom:none; position: relative; z-index:2; margin-top:-60px}
.travel-booking .tab-style3 .nav-tabs li {border:none}
.travel-booking .tab-style3 .nav-tabs li.active a {top:0; background: #d94378; color:#fff}
.travel-booking .tab-style3 .nav-tabs li.active i { color:#fff}
.travel-booking .tab-style3 .nav-tabs li i {top:0; margin-right:12px}
.travel-booking .tab-style3 .nav-tabs li a {font-size:14px; letter-spacing:2px; line-height: 60px; padding:0 40px; background: #fff}
.travel-booking input, .travel-booking input:focus {border:none; padding:7px 15px; height: 37px;}
.travel-booking .select-style select {padding:6px 15px 9px 15px; border: none; height:37px}
.travel-booking  .select-style { background: #fff url("http://honda.natalioautomotores.com.ar/images/select-arrow.png") no-repeat right 10px top 50%; }
.travel-adventure img {opacity:.7}
.travel-adventure:hover img  { opacity:.5; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); cursor:url("http://honda.natalioautomotores.com.ar/images/icon-zoom-white.png"), pointer; }
.travel-adventure figure { position:absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index:3; width:100%; top:50%;}
.travel-adventure a {display:block; position:relative; z-index:2}
.special-offers {min-height:378px}
.special-offers-sub { left: 0; position: absolute; right: 0; text-align: center; top: 26%; }
.best-hotels-img {padding:30px;}
.best-hotels-text {padding:35px 25px;}
.best-hotels-text .small-icon { font-size:17px !important; margin:0 3px;}
.hotels-price { top: 0; padding: 25px; position: absolute; right: 0;}
.hotels-price span {display:block; font-size:20px;}
.destinations-offer {position: absolute; padding:12px 15px; right:0}

/* corporate */
.corporate-slider h1 { font-size:50px; text-transform: inherit; line-height: 55px;}
.highlight-link-text {padding:0 25px; display:inline-block; line-height:30px !important;}
.highlight-link { padding:5px 13px; font-size:10px; font-weight:600; letter-spacing:2px; background: #e75e50 }
.highlight-link:hover { background:#000}
.highlight-link i {position:relative; top:2px; margin:0 0 0 5px}
.corporate-about-img {min-height:600px}
.corporate-about-text { min-height:300px; padding:70px 30px}
.corporate-standards .nav-tabs li a { padding:0 70px !important; display: inline-block !important; min-height: 65px}
.corporate-standards-img {min-height:600px}
.corporate-standards-text {/*min-height:600px;*/ padding:5% 11%;}
.corporate-standards-title { left: 0; position: absolute; right: 0; text-align: center; top: 68%; z-index:5 }
.corporate-standards-img i { color:#fe6e39 !important}
.corporate-standards-text .img-border-small-fix {z-index:-1}
.sub-title {  border-bottom: 1px solid #e75e50; display: inline-block; font-weight: 500; margin-top: 10px; text-transform: uppercase; }

/* photography */
.photography-slider h1 {font-size:90px; letter-spacing:50px; font-weight:700}
.photography-grid figcaption {opacity:1; bottom: 0 !important; height: 100%; padding:12%; z-index:2; position: absolute; text-align: center; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.photography-grid figure { position:static; text-align: center}
.photography-grid figure img {display: inline; cursor: pointer}
.photography-grid figcaption p {text-transform:none}
.photography-grid-details {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.photography-title { font-size:20px; letter-spacing:15px;}
.photography-services li .btn-small {opacity:0; position:relative; bottom:-160px;}
.photography-services li:hover .btn-small {opacity:1; bottom:-280px;}
.photography-services li:hover .img-border-small-gray {background:rgba(0,0,0,.6)}
.photography-services li:hover img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); }
.photography-section-title{top:-3px; margin:0 40px; letter-spacing: 15px }

/* demo */
.main-demo .container  { width: 76%}
.main-demo .mfp-ajax-holder .container{ width:1183px }
.navbar .container { width: 1183px}
.demo .container {min-height:400px;}
.demo h1 span {font-size:14px; display:block; font-weight:400; letter-spacing:8px;}
.demo .highlight-button {    border:0; font-size: 12px; padding: 6px 0; position: relative; margin-right: 30px;}
.demo .highlight-button:after {border-right: 1px solid #9f9f9f; height: 12px; right: -15px; top: 11px; content: ''; position: absolute;}
.demo .highlight-button:hover {background-color: inherit; color: #000; text-decoration: underline}
.demo .highlight-button:last-child:after {display: none}
.html-pages { background:#000; color:#fff; display:inline-block; font-size:14px; font-weight:600; letter-spacing:4px; line-height:40px; margin-bottom:20px; padding: 0 28px; text-transform:uppercase;}
.demo-down {padding:50px}
.demo-down strong { font-size:24px; position:relative; top:3px; margin-right:7px}
.demo-image [class^="col-"] { margin-bottom:65px}
.demo-link {margin:25px 0 0; text-transform:uppercase; font-size:11px; font-weight: 600; letter-spacing: 2px; display: block}
.demo-link span { padding:3px 10px; background:#f1191a; color:#fff !important; margin-left:15px; }
.demo-image img:hover{ opacity:0.7;}
.demo-figure {background:#ffe400; text-transform: uppercase; font-size: 13px; padding: 10px 25px; color: #393939; font-weight: 600; letter-spacing:3px}
.main-demo .demo-box {padding: 12%;}
.main-demo .demo-box .counter-number {font-size: 100px; line-height: 100px; letter-spacing: -2px;}
.main-demo .demo-box .counter-number span {font-size: 40px; vertical-align: top; display: inline-block; line-height: 60px;}
.main-demo .demo-box .title {font-size: 50px; line-height: 52px; letter-spacing: -1px;}

.buy-theme-in {position:fixed; top:125px; border-radius: 4px; right: -140px; background: 14px center #fff; z-index: 10}
.buy-theme-fb {position:fixed; top:125px; border-radius: 4px; right: -135px; background: 14px center #fff; z-index: 10}
.buy-theme-ln {position:fixed; top:125px; border-radius: 4px; right: -134px; background: 14px center #fff; z-index: 10}
.buy-theme-ms {position:fixed; top:125px; border-radius: 4px; right: -136px; background: 14px center #fff; z-index: 10}

.buy-theme:hover, .quick-question:hover {right: -26px}
.buy-theme span, .quick-question span {padding:0 28px; position: relative; top:0; opacity: 0}
.buy-theme:hover span, .quick-question:hover span {opacity: 1}
.buy-theme a, .quick-question a { color: #fff; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; padding:8px 15px; display: block }
.quick-question {position:fixed; top:175px; border-radius: 4px; right: -153px; background: 14px center rgba(50,50,50,.8); z-index: 10}
/*.quick-question-1 {position:fixed; top:250px; border-radius: 4px; right: -153px; background: url("../images/quick-question.png") no-repeat 14px center rgba(50,50,50,.8); z-index: 10}*/

/* onepage agency option 2 */
.short-history .fill {top: 0;}
.slider-home ol.carousel-indicators {display: none;} 
.sub-headline {color: #fff; font-size: 17px; font-weight: 600; background-color: #191919; padding: 30px 35px; width: auto; bottom:0px; position: absolute; left: -230px; letter-spacing: 0.30px; margin: 0 auto;-ms-transform: rotate(-90.3deg); -webkit-transform: rotate(-90.3deg); transform: rotate(-90.3deg);}
.our-services ul {margin: 0; padding: 0 0 0 40px;}
.our-services ul li {padding-left: 90px;} 
.our-services ul li .number {position: absolute; left: 0; font-size: 45px; top: 10px;} 
.box-min-height {min-height: 750px;}
.our-process {clear: both;}
.our-process .icon {display: inline-block; min-height: 85px; margin-bottom: 20px;}
.our-process .icon img {display: inline-block; vertical-align: middle; margin-right: 20px;}
.our-process .icon .title {line-height: 23px !important;}
.our-process .underline-bg {background-color: #ef824c; position: absolute; left: 0;} 
.our-team-agency-social div {float: left}
.our-team-agency-social {cursor: auto}
.our-team-agency-social div span {font-size: 20px; color: #ef824c; margin: 0 15px; vertical-align: bottom;}
.our-team-agency-social a i { color: #191919;}
.bottom-arrow-pagination .owl-pagination {display: none;}
.bottom-arrow-pagination .owl-controls .owl-prev {display: block;}
.bottom-arrow-pagination .owl-controls .owl-next {display: block;}
.bottom-arrow-pagination .owl-buttons { bottom: 56px; position: absolute; width: 100%;}
.bottom-arrow-pagination .owl-prev, .bottom-arrow-pagination .owl-next {position: inherit; top: inherit; float: left; margin: 0; width: 56px; height: 56px; background-color: #2a2a2a; padding-top: 16px; text-align: center;}
.bottom-arrow-pagination .owl-buttons .owl-prev {left:  50%; margin-left: -56px;}
.bottom-arrow-pagination .owl-buttons .owl-next {right: 50%; margin-right: -56px;}
.bottom-arrow-pagination .owl-buttons .owl-prev::before, .bottom-arrow-pagination .owl-buttons .owl-next::before {position: inherit; background-color: inherit; box-shadow:none;}
.bottom-arrow-pagination .owl-buttons .owl-prev .fa, .bottom-arrow-pagination .owl-buttons .owl-next .fa {color: #fff; vertical-align: middle; display:table; margin: 0 auto; top: 0;}
.bottom-arrow-pagination .owl-buttons .owl-prev:hover, .bottom-arrow-pagination .owl-buttons .owl-next:hover {background-color: #ffffff;}
.bottom-arrow-pagination .owl-buttons .owl-prev:hover .fa, .bottom-arrow-pagination .owl-buttons .owl-next:hover .fa {color: #2a2a2a}
.latest-blogs .blog-image {position: relative;}
.latest-blogs .blog-image:hover .blog-content {opacity: 1;}
.latest-blogs .blog-content {position: absolute; top: 0; opacity: 0; width: 100%; height: 100%; background-color: rgba(42, 42, 42, 0.9); color: #fff; padding:10px 40px; z-index: 2}
.latest-blogs .post-author {color: #c1c1c1; font-size: 11px; text-transform: uppercase; margin-bottom: 20px; display: inline-block;}
.latest-blogs .post-title {color: #fff; font-size: 25px; text-transform: none; font-weight: 700; margin: 0 0 25px; line-height: 30px; letter-spacing: 1px}
.latest-blogs .blog-listing p {font-size: 14px; font-weight: 300; color: #c1c1c1; margin: 0 0 25px; line-height: 22px;}
.latest-blogs .like-share i {margin-right:6px;}
.latest-blogs .like-share a {color:#c1c1c1; letter-spacing: 0.55px; font-size: 11px; margin-right:15px }
.btn-underline {font-size: 20px; letter-spacing: 0.55px; position: relative;}
.btn-underline .underline-bg {background-color: #ef824c; left: 0; position: absolute; top: 12px; margin: 0;}
.latest-blogs .like-share .fa {color: #ef824c;}  
.contact-map { padding: 60px 40px }
.map-contact {padding: 10% 10% 0 10%;  min-height:440px;}
.map-contact ul li {font-size: 14px; font-weight: 400; color: #fff; margin-bottom:30px; padding: 0 0 0 40px; text-transform: uppercase; position: relative;}
.map-contact ul li a { color: #fff;}
.map-contact ul li span { position: absolute; left: 0; top: 5px;}
.map-contact ul li .fa {font-size: 21px; color: #fff;} 

/* about us option 2 */
.specialise-box { min-height: 410px;}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
  #safari { display: block; } 
}


/*==============================================================*/
/* Custom CSS                                                   */
/*==============================================================*/


.titulo-slider-green {
    font-family:'Gotham Bold', sans-serif;
    font-size: 37px;    
    font-weight: bold;
    color: #416e56;
    margin-bottom: 15px;
}

.link-slider-green {
    color: #416e56;
    font-weight: bold;
    font-size: 20px;      
}

.link-slider-green:hover {
    color: #416e56;    
}

.titulo-slider-lightblue {
    font-family:'Gotham Bold', sans-serif;
    font-size: 37px;    
    font-weight: bold;
    color: #51c7ff;
    margin-bottom: 15px;
}

.link-slider-lightblue {
    color: #0071B7;
    font-weight: bold;
    font-size: 20px;      
}

.link-slider-lightblue:hover {
    color: #51c7ff;    
}

.titulo-slider-black {
    font-family:'Gotham Bold', sans-serif;
    font-size: 37px;    
    font-weight: bold;
    color: #2d2d2d;
    margin-bottom: 15px;
}

.link-slider-black {
    color: #2d2d2d;
    font-weight: bold;
    font-size: 20px;      
}

.link-slider-black:hover {
    color: #2d2d2d;    
}

.titulo-slider-red {
    font-family:'Gotham Bold', sans-serif;
    font-size: 37px;    
    font-weight: bold;
    color: #da4646;
    margin-bottom: 15px;
}

.link-slider-red {
    color: #da4646;
    font-weight: bold;
    font-size: 20px;      
}

.link-slider-red:hover {
    color: #da4646;    
}

.titulo-slider-white {
    font-family:'Gotham Bold', sans-serif;
    font-size: 37px;    
    font-weight: bold;
    color: #545454;
    margin-bottom: 15px;
}

.link-slider-white {
    color: #545454;
    font-weight: bold;
    font-size: 20px;      
}

.link-slider-white:hover {
    color: #545454;    
}

.titulo-slider-yellow {
    font-family:'Gotham Bold', sans-serif;
    font-size: 37px;    
    font-weight: bold;
    color: #ffd03e;
    margin-bottom: 15px;
}

.link-slider-yellow {
    color: #ffd03e;
    font-weight: bold;
    font-size: 20px;      
}

.link-slider-yellow:hover {
    color: #ffd03e;    
}

.titulo-slider-lightgreen {
    font-family:'Gotham Bold', sans-serif;
    font-size: 37px;    
    font-weight: bold;
    color: #46debc;
    margin-bottom: 15px;
}

.link-slider-lightgreen {
    color: #46debc;
    font-weight: bold;
    font-size: 20px;      
}

.link-slider-lightgreen:hover {
    color: #46debc;    
}

.zoom{
        /* Aumentamos la anchura y altura durante 1 segundos */
        transition: width 1s, height 1s, transform 1s;
        -moz-transition: width 2s, height 2s, -moz-transform 2s;
        -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
        -o-transition: width 2s, height 2s,-o-transform 2s;
    }
    .zoom:hover{
        /* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
        -webkit-transform:scale(1.15);
        -moz-transform:scale(1.15);
        -ms-transform:scale(1.15);
        -o-transform:scale(1.15);
        transform:scale(1.15);
    }
.texto-popup {
    text-align: center;
    font-size: 16px;
    line-height: 35px;
    font-weight: 500;
}
.texto-popup-negrita {
    text-align: center;
    font-size: 16px;
    line-height: 35px;
    font-weight: 800;
}
.cerrar-popup {
    background-color: #000 !important;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 60px;
    opacity: 1 !important;
    position: relative;
    bottom: 10%;
    left: 4%;
}
.cerrar-popup:hover {
    background-color: #fff !important;
}
.icono-popup {
    position: relative;
    bottom: 15px;
}
.boton-popup { border:2px solid #ed1b2f; display: inline-block; padding: 8px 20px 9px; font-size: 18px !important;font-weight: 900; color:#eee; background-color: #ed1b2f;border-radius: 10px;  }
.boton-popup:hover { background-color: #eee; border: 2px solid #ed1b2f; color:#ed1b2f}
.boton-popup i { color: #fff}
.boton-popup:hover i {color:#ed1b2f}
.contenedor-popup {
    width: 80%;
    margin-left: 10%;
}
.cuerpo-popup {
    height: 350px;
    background-color: #eee;
    border-radius: 10px;
}
@media only screen and (max-width: 600px) {
    .cuerpo-popup {
        height: 500px;
    }
    .contenedor-popup {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .modal-dialog {
        margin-top: 10%;
    }
    .nav-white.sticky-nav .navbar-nav li a { color: #fff}
    .nav-white.shrink-nav .navbar-nav li a { color: #fff}
}
.slider {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

.slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide {
  min-width: 100%;
  box-sizing: border-box;
}

.slide img {
  width: 100%;
  height: auto;
}

.padding-slider {
    padding: 100px 0 0 0 !important;
}