/*! 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;}
body,html{
    font-family: 'Montserrat', sans-serif;
    color: #707070;
    height:100%;
}
/*
 * 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;}
*:focus, a:focus, button:focus{outline: none; -webkit-box-shadow: none !important;box-shadow: none !important;}
/* Browse Happy prompt */
.browsehappy {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.mainCont{max-width: 1140px;padding: 0;}

/**** mobile nav start ****/
.mobNav{background: #fff;}
.mobNav .mobLogo{background: url(../images/avilla_big.png) center center no-repeat;background-size: 130px;text-indent: -267287px;height: 70px;display:block;}
.mobNav .lpNavLink{list-style: none;margin: 0;padding: 0; text-align: center;}
.mobNav .lpNavLink li > a{font-size: 13px;line-height: 32px;color:#707070; text-transform: uppercase;text-decoration: none;}
.mobNav .lpNavLink li > a:hover{color: #D9A46D;}
.mobNav a.mclnow{display:inline-block;width:40px;height:40px;background: url("../images/callnow.png") 0 -4px no-repeat;background-size: 40px;text-indent: -565647px;margin: 16px 0 0 0;}
/**** mobile nav start ****/

/**** left panel start ****/
.leftPanel{width: 100%;max-width: 150px;margin: 0 auto;}
.leftPanel .logo{background: url(../images/avilla_small.png) left center no-repeat;background-size: 130px;text-indent: -267287px;height: 70px;display:block;}
.leftPanel .lpNavLink{list-style: none;margin: 0;padding: 0;}
.leftPanel .lpNavLink li > a{font-size: 13px;line-height: 32px;color:#707070; text-transform: uppercase;text-decoration: none;}
.leftPanel .lpNavLink li > a:hover, .leftPanel .lpNavLink li > a.active{color: #D9A46D;}
.leftPanel .lpNavLink li > a.clnow{display:inline-block;}

.demopadding {text-align:center;display: inline-block;padding: 0;}
.demopadding .icon {position:relative;text-align:center;width:0px;height:0px;padding:12px;border-radius: 20px;color:#FFFFFF;}
.demopadding .icon i {font-size:12px;position:absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.demopadding .icon.social {float:left;margin:0 8px 0 0;cursor:pointer;background:#000;color:#fff;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.demopadding .icon.social:hover {background:#7488A0 ;color:#fff;}
.demopadding .icon.social:last-child{margin: 0;}

.rules{padding: 10px 20px 10px 0;margin-top: 80px;}
.rules a{font-size: 14px;line-height: 18px;color:#707070;text-decoration: underline;}
.rules a:hover{color: #D9A46D;}
/**** left panel end ****/

/**** main body start ****/
.imgCap{position: absolute;bottom: 10px; right: 35px;font-size: 14px;line-height: 18px;color: #fff;}
.mainBody h2, .mainBody h3{font-family: 'Prata', serif;color: #D9A46D;margin: 0;padding: 10px 0;}
.mainBody h2{font-size: 28px;line-height: 40px;}
.mainBody h3{font-size: 24px;line-height: 37px;}
.mainBody p{font-family: 'Prata', serif; margin: 0;padding: 5px 0;font-size: 17px;line-height: 27px;font-weight: 400;}
.mainBody p.sm{padding: 12px 0;font-size: 17px;line-height: 26px;}
.mainBody p.colrSt1{color: #7488A0;}
.mainBody p.colrSt1 .subTxt{font-family: 'Montserrat', sans-serif;font-size: 14px;line-height: 20px;font-weight: 300;display: inline;}
.mainBody .bodyBt{padding: 16px 40px;font-size: 17px;line-height: 22px;text-transform: uppercase;background: #00AC70;border-color: unset;}
.mainBody .bodyBt:hover{background: #707070;}
.mainBody h4{font-size: 16px;line-height:20px;text-transform: uppercase;letter-spacing: 4px;font-weight: bold;color: #7488A0; }
.mainBody h5{font-size: 14px;line-height:18px;text-transform: uppercase;font-weight: 400;color: #7488A0;margin: 14px 0 0 0;letter-spacing: 5px;}

.welImg{float: right;position: relative;margin: -48px 0 10px 40px;width:100%; max-width: 440px;}
.welImg img{width: 100%;}
.welImg .imgCap{bottom: 50px;right: 15px;}
.welImg .imgCapNone{font-family: 'Montserrat', sans-serif;font-size: 14px;line-height: 18px;font-weight: 300;color: #7488A0;}

.packMain{background:#F5F5F5;border-bottom:1px solid #e0e0e0;}
.packMain h4{font-family: 'Prata', serif;font-size: 44px;line-height: 48px;font-weight: normal; color: #7488A0;margin: 0;padding: 0;text-transform: unset;letter-spacing: 0;}
.packMain p{width: 100%;max-width: 360px;margin: 0 auto;padding: 16px 0;}
.packMain .price{font-family: 'Prata', serif;font-size: 28px;line-height: 32px;color: #000000;}
.socialLink{list-style: none;padding: 16px 10px 0;margin: 0;}
.socialLink li{display: inline-block;padding: 0 5px;margin: 4px 0;}
.socialLink li a{display: inline-block;text-indent: -68799px;background-size: 100px;width: 100px;}
.socialLink li a.airbnb{background: url("../images/abnb.png") center center no-repeat;}
.socialLink li a.homeaway{background: url("../images/homeaway.png") center center no-repeat;background-size:75px;}
.socialLink li a.booking{background: url("../images/booking.png") center center no-repeat;background-size:75px;}
.socialLink li a.makemy{background: url("../images/makemytrip.png") center center no-repeat;background-size:75px;}
.socialLink li a.tripad{background: url("../images/tripadvisor.png") center center no-repeat;background-size:75px;}

.galleryMain{padding: 10px 0;}
.galleryMain .swiper-container {
    width: 100%;
    height: 100%;
}
.galleryMain .swiper-slide {
    text-align: left;
    width: 100%;
    max-width: 360px;
    padding: 0 30px 0 0;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.galleryMain .swiper-slide img{width: 100%;max-width: 330px;}
.galleryMain .swiper-slide:last-child{max-width: 330px;padding: 0;}

.galleryMain .swiper-button-next,.galleryMain .swiper-button-prev{top:50px;opacity: .90;background-size: 8px 34px;background-color:#fefefe;width: 40px;height: 40px;border-radius: 40px;border: 1px solid #efefef;}
.galleryMain .swiper-button-prev{left:15px;}
.galleryMain .swiper-button-next{right:15px;}
.galleryMain .swiper-button-next.swiper-button-disabled, .galleryMain .swiper-button-prev.swiper-button-disabled{opacity: 0;}

.address img.map{width: 100%;max-width: 220px;margin-bottom: 20px;}
.address h4{font-size: 12px;line-height: 16px;letter-spacing: 4px;margin:5px 0 4px;}
.address p{max-width: 250px;}
.address p.phone{color: #00AC70;max-width: none;margin-top: 8px;}
.address p.phone a{color: #00AC70;}
.address p.copyright{font-family: 'Montserrat', sans-serif; font-size: 12px;line-height: 16px;}
/**** main body end ****/

/**********************
 common classes start
**********************/
/*** shadow classes start ***/
.effect7{
    -webkit-box-shadow:0 1px 30px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 30px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 30px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset;
}
.effect8 {
    -webkit-box-shadow:0 1px 16px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 16px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 16px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset;
}
.effect9{
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2), 0 0 0px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2), 0 0 0px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.2), 0 0 0px rgba(0, 0, 0, 0.1) inset;
}
.effect10{
    -webkit-box-shadow: 0px 0px 6px 0px rgba(220,220,220,1);
    -moz-box-shadow: 0px 0px 6px 0px rgba(220,220,220,1);
    box-shadow: 0px 0px 6px 0px rgba(220,220,220,1);
}
/*** shadow classes end ***/

.container hr{border-top: 1px solid #cacaca;}
/**********************
 common classes end
**********************/
/* ==========================================================================
   Helper - Common classes 
   ========================================================================== */
/** Hide from both screenreaders and browsers: h5bp.com/u */
.hidden{display: none !important;visibility: hidden;}
/** 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.
 */
.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;}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media screen and (max-width:1280px) {		
}
@media screen and (max-width:1139px) {		
}
@media screen and (max-width:1024px) {
    .mainBody h2 {font-size: 24px;line-height: 34px;}
    .mainBody p{font-size: 15px;line-height: 22px;}
    .mainBody h3 {font-size: 22px;line-height: 34px;}
    .mainBody p.sm{font-size: 15px;line-height: 22px;}

    .packMain h4{font-size: 28px;line-height: 32px;}
}
@media screen and (max-width:960px){
    .welImg{float: unset; margin:20px 0;}
}
@media screen and (max-width:800px) {

}
@media screen and (max-width:750px) {	
}
@media screen and (max-width:575px) {
    .welImg{margin: 20px auto;}
}
@media screen and (max-width:480px) {
    .packMain .price{font-size: 18px;line-height: 22px;padding: 12px 14px 8px;}
    .packMain .bodyBt{padding: 10px 16px;}

}
@media screen and (max-width:360px) {
}
@media screen and (max-width:320px) {
}
@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;}
}