/*
    Theme Name: SKT White
    Theme URI: http://www.sktthemes.net/shop/skt-white/
    Author: SKT Themes
    Author URI: http://www.sktthemes.net
    Description: SKT White is a free responsive premium WordPress theme which is flexible, simple and adaptable for any type of website you want to create. So corporate, business, photography, wedding, industrial, restaurant or any sort of industry. SKT White has the ability to change the link colors. So make it suit your style you want. Comprises of easy to use sections on the homepage which make it super easy for your to manage the content on your homepage. Theme options are also one of the most easy to use and you can edit slider, and the homepage content from options. 100% responsive to the last pixel this theme is retina ready and hd ready and has ability to easily edit any part you want. Comes with default parallax slider.Default page templates, search and other standard pages readily available with this theme. Compatible with popular plugins like WooCommerce making it ecommerce/shop ready and Contact form 7.It is translation ready and can be translated for any language. Has custom header and custom background. Check out the demo at: http://sktthemesdemo.net/skt-white-pro/

    Version: 1.7.0
    License: GNU General Public License version 3
    License URI: license.txt
    Text Domain: skt-white
    Tags: gray, white, blue, light, one-column, two-columns, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging

    SKT White WordPress Theme has been created by SKT Themes(sktthemes.net), 2015.
    SKT White WordPress Theme is released under the terms of GNU GPL
    */

    @import url('https://fonts.googleapis.com/css?family=Playfair+Display');
    @import url('https://fonts.googleapis.com/css?family=Lato');

    *{ margin:0; padding:0;}
    body{ margin:0; padding:0; /*-ms-word-wrap:break-word;*/ font-size:12px; /*word-wrap:break-word;*/ background-color:#ffffff; color:#757575;   font-family: 'Lato', sans-serif;
        line-height: 1.5em;}
    body {
   
    }
    img{ margin:0; padding:0; border:none;}
    section img{max-width:100%;}
    h1,h2,h3,h4,h5,h6{ margin-bottom: 10px; margin-top: 20px;}
    p{ margin:0; padding:0;}
    a{ text-decoration:none; color:#00a8ff;}
    a:hover{ text-decoration:none;}
    ul{ list-style:none; margin:0; padding:0;}
    .clear{ clear:both;}
    .middle-align{ margin:0 auto; padding:0;}
    .wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
    .wp-caption-text{ margin:0; padding:0;}
    .sticky{ margin:0; padding:0;}
    .bypostauthor{ margin:0; padding:0;}
    .gallery-caption{ margin:0; padding:0;}
    .alignleft, img.alignleft {display: inline; float: left; margin-right:45px; margin-top:4px; margin-bottom:20px; padding:0; }
    .alignright, img.alignright { display: inline; float: right; margin-top:140px; }
    .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }
    .comment-list .comment-content ul { list-style:none; margin-left:15px;}
    .comment-list .comment-content ul li{margin:5px;}
    .main-container ol{list-style-position:outside; margin-left:20px;}
    .main-container ol li{margin:5px 0;}
    .toggleMenu{display:none;}
    section{ padding:40px 0 40px; /*border-bottom:1px solid #e6e6e6;*/}
    /*section h2 {font-weight:700; font-size:38px; padding:0 0 50px 0; text-align:center; text-transform:uppercase; color:#404040; font-family:'Roboto Condensed',san-serif; line-height:40px;}*/
    section#featured-first, section#featured-second, section#featured-third, section#featured-forth, section#featured-fifth {
        padding:0 !important;
    }
    a.contact-button{ visibility:hidden; width:15%; margin:0 auto;}

    #slider{ width:100%; margin:0; padding:0; position:relative;}
    .top-bar{ margin:0; padding:16px 0 20px; position:absolute; width:100%; top:120px; text-align:center; font-family:'Roboto'san-serif; color:#ffffff; z-index:99;}
    .top-bar h1{font-size: 34px; font-weight: normal; line-height: 66px; padding: 0; text-align: center; text-transform: uppercase;}
    .top-bar p{ color:#ffffff; font-weight:normal; font-size:20px; margin:0 0 3px 0; line-height:24px; text-align:center;}
    .top-bar a, .contact-banner a{ font:700 26px 'Roboto', sans-serif; padding:10px 40px; margin-top:21px; text-transform:uppercase; display:inline-block; /*border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;*/ color:#ffffff; background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: 2px solid #ffffff; border-radius: 0;}
    /*.top-bar h1, .top-bar p	{ text-shadow:2px 2px 5px #000000;}*/
        .top-bar a:hover, .contact-banner a:hover {
           background-color: #333333 !important; border: 2px solid #333333;
        }
    /*-----------------------------------ANIMATION STYLES---------------------------------------------*/

    a.arrow-down { display: none; z-index:999; /*display: block;*/ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; width:61px; height:64px; margin:auto; background: url(images/arrow-down.png) no-repeat 0 0; position:absolute; bottom:90px; left:48%; -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; -ms-animation-name: bounce; animation-name: bounce; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; animation-direction: normal; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; -ms-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite;}

    @-moz-keyframes bounce {

      0% {-moz-transform: translateY(0); transform: translateY(0);}
      20% { -moz-transform: translateY(0); transform: translateY(0);}
      40% {-moz-transform: translateY(-30px); transform: translateY(-30px);}
      50% {-moz-transform: translateY(0); transform: translateY(0);}
      60% {-moz-transform: translateY(-15px); transform: translateY(-15px);}
      80% {-moz-transform: translateY(0); transform: translateY(0);}
      100% {-moz-transform: translateY(0); transform: translateY(0);}
    }

    @-webkit-keyframes bounce {

      0% {-webkit-transform: translateY(0); transform: translateY(0);}
      20% {-webkit-transform: translateY(0); transform: translateY(0);}
      40% {-webkit-transform: translateY(-30px); transform: translateY(-30px);}
      50% {-webkit-transform: translateY(0); transform: translateY(0);}
      60% {-webkit-transform: translateY(-15px); transform: translateY(-15px);}
      80% {-webkit-transform: translateY(0); transform: translateY(0);}
      100% {-webkit-transform: translateY(0); transform: translateY(0);}
    }

    @-o-keyframes bounce {

      0% {-o-transform: translateY(0); transform: translateY(0);}
      20% {-o-transform: translateY(0); transform: translateY(0);}
      40% { -o-transform: translateY(-30px); transform: translateY(-30px);}
      50% {-o-transform: translateY(0); transform: translateY(0);}
      60% {-o-transform: translateY(-15px); transform: translateY(-15px);}
      80% {-o-transform: translateY(0); transform: translateY(0);}
      100% {-o-transform: translateY(0); transform: translateY(0);}
    }

    @-ms-keyframes bounce {

      0% {-ms-transform: translateY(0); transform: translateY(0);}
      20% {-ms-transform: translateY(0);transform: translateY(0);}
      40% {-ms-transform: translateY(-30px);transform: translateY(-30px);}
      50% {-ms-transform: translateY(0);transform: translateY(0);}
      60% {-ms-transform: translateY(-15px);transform: translateY(-15px);}
      80% {-ms-transform: translateY(0);transform: translateY(0);}
      100% {-ms-transform: translateY(0);transform: translateY(0);}
    }

    @keyframes bounce {

      0% {transform: translateY(0);}
      20% {transform: translateY(0);}
      40% {transform: translateY(-30px);}
      50% {transform: translateY(0);}
      60% {transform: translateY(-15px);}
      80% {transform: translateY(0);}
      100% {transform: translateY(0);}
    }

    .main-container{  /*display: inline-block;*/ margin: 0; padding: 0; width: 100%;}
    body.home .fixed, body.blog .fixed{position:fixed !important; top:0 !important; margin:0; padding:0; z-index:99;  width: 100%; background: rgba(255, 255, 255, 0.8);}
    /*.fixed .header-inner .nav ul li a { padding: 13px !important;}*/
    .fixed .header-inner .nav ul li:hover ul{ top:88px !important;}
    .fixed .header-inner .logo{ margin-top:12px !important;}
    .header .header-inner{ margin:0 auto; padding:0; position:relative; width:1160px;}
    .header .header-inner .logo{margin:0; padding:0; }
    .header .header-inner .logo h1{ font-weight:700; text-transform:uppercase; font-family:'Roboto',san-serif; font-size:28px; line-height:30px; margin: 0 !important;}
    .header .header-inner .logo a{ color:#3e3e3e;}
    .container{ width:1160px; margin:0 auto; padding:0; position:relative;}
    .toggle{display:none;}
    .header{background-color: #fff; border-top: 0 none; height: 88px; padding: 0; position: relative; width: 100%;}
    .header .header-inner .nav{ margin:0; padding:0; text-align:right; float:right;}
    .header .header-inner .nav ul { float:right; margin:0; padding:0; font-family:'Open Sans', sans-serif; font-size:13px; font-weight:600;}
    .header .header-inner .nav ul li{ display:inline-block; margin:0; text-transform:uppercase; position:relative;}
    .header .header-inner .nav ul li a{ color:#3e3e3e; /*padding:41px 13px;*/ padding:0 13px;  line-height: 88px; display:block;}
    .header .header-inner .nav ul li a:hover{color:#3e3e3e !important; background-color:#e6e6e6;  /*padding: 27px 13px;*/}


   /*.header .header-inner .nav ul li.current-menu-parent a,*/ .header .header-inner .nav ul li.current-menu-item a{color:#3e3e3e !important; background-color:#e6e6e6;  /*padding: 27px 13px;*/}

    /*Start Accommodation Facilities list*/
.AccommodationFacilitieslist {
    width:80%; margin:auto;
}
.AccommodationFacilitieslist li {
    display: inline-block;
    font-size: 14px;
    line-height: 27px;
    padding-left: 17px;
    position: relative;
    width: 22%;
}

.AccommodationFacilitieslist li::before {
    background:#555555 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 4px;
}

.AccommodationFacilitieslist.Communalarea {
    margin-top: 42px;
}
    /*End Accommodation Facilities list*/


   .site-main .top-padding > p {
  display: none;
}

.contact-alert {
  color: #6a7850;
  font-size: 13px;
  margin-top: 9px;
  text-transform: uppercase;
}


.phone-no.footerContact strong {
    margin-right: 1px;
}

.phone-no.footerContact {
    margin-top: 0;
}

.phone-no.footerContact a {
    /*color: #ffffff;*/
    color:#afbe97;
}

/*.header .header-inner .nav ul li .sub-menu {
    display:none;
}
.header .header-inner .nav ul li:hover .sub-menu {
    display:block;
}*/


.section-contact-page-content > .container > p {
  display: none;
}
.section-contact-page-content > .container > .row > p {
  display: none;
}


    @media screen and (min-width:999px){

    .header .header-inner .nav ul li ul{display:none; z-index:10;}
    .header .header-inner .nav ul li:hover > ul{display:block; background:#ffffff; width:200px; position:absolute; /*top:85px;*/ top:88px; left:0; text-align:left; box-shadow:5px 5px 5px #666; }
    .header .header-inner .nav ul li ul li{display:block; position:relative; float:none; }
    .header .header-inner .nav ul li ul li a{line-height: 20px; color:#000; display:block; padding-top:10px; padding-bottom:10px; border-top:1px #cccccc solid;}
    .header .header-inner .nav ul li:hover ul li ul{display:none;}
    /*.header .header-inner .nav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0px;}*/
    }
    .header .header-inner .logo{float:left; margin-top:0; width: 22%; }
    .logo img {width: 46%;}

    /* --------- Homepage --------- */
    .services { width:100%; margin:0 auto; position:relative; visibility:hidden;}
    #services-box { width:19.8%; min-height:300px; display:inline-block; float:left; margin:0 1px 0 0; padding:2.4%; position:relative; transition:0.3s; background-color:#ffffff; border:1px solid #f5f3f3;}
    #services-box img { display: block; margin:auto;}
    #services-box h2 { color:#404040; font-family:"Roboto",sans-serif; font-weight:300 !important; font-size:26px; text-transform:capitalize; text-align:center; padding:20px 0;}
    #services-box h2 span { font-weight:bold;}
    #services-box p { line-height:20px;}
    #services-box .read-more { color:#404040; font:300 14px 'Roboto', sans-serif; text-transform:uppercase; text-align:center; border:#fff solid 1px; padding:8px 10px; display:block; margin:30px auto 0 auto; width:50%;  background-color:#f7f6f6;}
    #services-box:hover .read-more { background:#fff; color:#3a3c41;}
    #services-box:hover {cursor:pointer; color:#404040; background-color:#f7f6f6;}
    /*------------------------------------------- SERVICES END -------------------------------------------*/

    .contact-banner { text-align:center;}
    .banner-bg { background:url(images/contact-banner.jpg) no-repeat top center; width:100%; height:100%; padding:55px 0; background-size:cover; background-position:center center;}
    .contact-banner h3 { color:#404040; font-weight:400; font-size:34px; padding:0 0 20px 0; text-align:center; text-transform:capitalize; line-height:42px;}
    /*------------------------------------------- CONTACT BANNER END -------------------------------------------*/

    .gry-row{ margin:0;}
    .message-thumb {background-color: #ffffff; border: 1px solid #f6f6f6; line-height: 9px; overflow: hidden; padding: 7px; visibility: hidden; width: 525px;}
    .message-desc{ visibility:hidden;}


    .latest-news { width:100%; margin-bottom:60px;}
    .news-box { width:23%; border:#f1f1f1 solid 1px; float:left; visibility:hidden; margin-right:2.2%; margin-bottom:25px;}
    .news-box .news-thumb img { margin:0; padding:0; width:100%;}
    .news { padding:15px 0 20px; display:block; margin:0 20px;}
    .news h2 { color:#3d3d3d; font-weight:normal; font-size:18px; text-align:left; padding-bottom:10px; display:table; border-bottom:none; line-height:22px;}
    .more { width:35px; height:35px; background:#4a4a4a url(images/white-arrow.png) no-repeat center center; border-radius:50%; display:inline-block; margin:10% 0 0 22%;}
    .more:hover { background:#00a8ff url(images/white-arrow.png) no-repeat center center;}
    .last { margin-right:0 !important; float:right !important;}

    .see-all-button { border:1px solid #444; display:table; font-size:16px; font-weight:700; margin:50px auto 0; padding:10px 20px; text-align:center; text-transform:uppercase; transition: all 0.3s ease 0s; color:#f0efef;}
    .see-all-button:hover { background:#00a8ff; border:#00a8ff solid 1px; color:#ffffff;}
    /*------------------------------------------- LATEST NEWS END -------------------------------------------*/

    .testimonials { width:100%;}
    .testimonial-box { width:48%; float:left; margin-right:30px; visibility:hidden;}
    .testimonial-box img { margin-right:25px; border:#000 solid 6px; float:left; width:118px; height:132px;}
    .testimonial-post { width:57%; background:#000; border:#232323 solid 1px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; padding:16px 35px; position:relative; float:left;}
    .testimonial-box h2 { color:#c6c5c5; font-weight:normal; font-size:18px; padding:0; text-align:left; border-bottom:#363636 solid 1px; padding-bottom:13px; margin-bottom:13px; }
    .testimonial-arrow { background:url(images/testimonial-arrow.png) no-repeat left top; position:absolute; left:-10px; top:42%; width:10px; height:25px;}
    /*------------------------------------------- TESTIMONIALS END -------------------------------------------*/


    #some-facts { width:auto; margin:0 0 30px 100px;}

    #some-facts li { background-color: #f7f7f7; border: 2px solid #ffffff; border-radius: 50%; box-shadow: 0 0 2px 1px #eaeaea; display: inline-block; height: 160px; margin: 0 40px; text-align: center; text-transform: uppercase; width: 160px; }
    #some-facts li h2 { padding:55px 0 10px 0; font-size:30px;}
    #some-facts li h5{ font:16px "Roboto",sans-serif; color:#757575;}
    /*------------------------------------------- SOME FACTS END -------------------------------------------*/

    .our-team { width:auto;}
    .team-desc{ visibility:hidden;}
    .team-div{ visibility:hidden;}
    .skill { width:46.98%; float:left;}
    .skill-bar { margin:60px 0 0 0;}
    .skill-bg{ width:100%; background-color:#000000;}
    .team-members { margin:0; padding:0;}
    .team-col { width:44.69%; margin:0 0 40px 26px; float:left;}
    .team-col h3 { color:#f0efef; font-weight:normal; font-size:18px; border-bottom:#000 solid 1px; padding:25px 0 15px; margin-bottom:15px;}
    /*------------------------------------------- OUR TEAM END ------------------------------------------- */

    .stat{ visibility:hidden;}
    .client_banner{ margin:0; padding:0;}
    .client_banner .client{ width:18%; margin:0 26px 10px 0; padding:0; display:inline-block;}
    .client_banner .client img{ width:100%; border:7px solid #f4f2f2;}
    .client_banner .client img:hover{ border-color:#00a8ff;}
    /*------------------------------------------- NEWSLETTER END -------------------------------------------*/

    /* --------------------------- SOCIAL ICONS --------------------*/
    .social-icons{ margin:0; padding:0; text-align:center;}
    .icon{/*width:58px; height:58px;*/ width:40px; height:40px; border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; display:inline-block; /*margin:0 7px 7px;*/ margin:0 7px 0; background-repeat: no-repeat; background-position:center center; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; background-color:#302f2f;}
    .facebook{background-image:url(images/social-icons/fb-icon.png); background-size: 20% auto;}
    .twitt{background-image:url(images/social-icons/twitt-icon.png);}
    .gplus{background-image:url(images/social-icons/gplus-icon.png);}
    .linked{background-image:url(images/social-icons/linkedin-icon.png);}
    .pinterest{background-image:url(images/social-icons/pinterest-icon.png);}
    .youtube{background-image:url(images/social-icons/y-tube-icon.png);}
    .vimeo{background-image:url(images/social-icons/vimeo-icon.png);}
    .rss{background-image:url(images/social-icons/rss-icon.png);}
    .instagram{background-image:url(images/social-icons/instagram-icon.png); background-size: 30% auto;}

    /* --------- Pages ------- */
    /*.content-area{ width:1160px; margin:0 auto; padding:50px 0;}*/
    .content-area {
        margin: 0 auto;
        padding:0 0 0;
        width: 100%;
    }.site-main{ width:800px; margin:0; padding:0; float:left;}
    #sitefull{ width:100% !important;}
    #nosidebar{ width:80%; margin:0 auto; float:none; text-align:center;}
    #sidebar{ width:270px; margin:0; padding:0; float:right;}

    /* ------------ Footer -------- */
    #footer-wrapper { position:relative; padding:55px 0 0; /*background-color:#fafafa;*/ background-color: #333333;}
    .footer { width:1160px; margin:auto;}
  
    .footer-col-1 { width:30%; float:left; margin : 0 28px 50px 0; color: #c9c8c8;}
    .footer-col-3 { width:30%; float:left; margin:0 0 50px 0; color: #c9c8c8;}
    .footer-col-1 h2 {  color: #ffffff;font-weight:normal; font-size:22px; margin-bottom:20px; text-transform:uppercase; /*font-family:'Roboto Condensed',san-serif; color:#2c2c2c;*/ line-height:30px;}
    .footer-col-3 h2 { color: #ffffff;font-weight:normal; font-size:22px; margin-bottom:20px; text-transform:uppercase; /*font-family:'Roboto Condensed',san-serif; color:#2c2c2c;*/ line-height:30px;} 

    .footer-nav { margin:0; padding:0;}
    .footer-nav li { display:block; padding:0;}
    .footer-nav li a { color:#8e8d8d; font:normal 12px/24px Arial, Helvetica, sans-serif; background:url(images/gry-arrow.png) no-repeat 0 3px; padding:0 0 0 20px;}
    .footer-nav li a:hover { color:#00a8ff; background:url(images/gry-arrow.png) no-repeat 0 -9px; transition: all 0.5s ease 0s; overflow:hidden;}

    .recent-post { margin:0px; padding:0px; list-style:none;}
    .recent-post ul{ list-style:none !important;}
    .recent-post li { line-height:15px; padding:0 0 15px 0px; background:none; margin-bottom:10px; border-bottom:#3b3b3b dashed 1px;}
    .recent-post li img { float:left; margin:0 20px 0 0; border:#2d2d2d solid 3px;}
    .recent-post li span { color:#00a8ff; font-size:11px;}
    .recent-post li a { color:#b0afaf; text-decoration:none;}
    .recent-post li a:hover, .phone-no a:hover { color:#303030; text-decoration:none;}
    .recent-post li:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;}
    .widget  a:hover{ color:#303030;}

    .phone-no { /*margin-top:40px;*/ margin-top: 20px; line-height:24px;}
    .phone-no strong { /*width:35%; width:14%;*/ width:54px; display:inline-block; /*color:#00a8ff;*/  color:#c9c8c8 !important;}
    .phone-no a {color:#c9c8c8;}
    .phone-no a:hover {color:#c9c8c8; text-decoration:underline;}
    .copyright-wrapper { position:relative; /*padding:25px 0;*/ padding:15px 0 10px; /*background-color:#f4f4f4;*/ background:#211f20;}
    .copyright { /*width:1160px;*/ width:1267px; margin:auto;}
    /*.copyright-txt { float:left; color:#fff;}*/
    /*.copyright-txt {color: #ffffff; float: left; text-align: center; width: 100%;}*/
    .copyright-txt {color: #ffffff; float: left; text-align: left; width: 50%; line-height: 42px;}
    .social-block {float: right; width: 34%;}
    .copyright-txt span { color:#00a8ff;}
    .design-by { float:right; /*font-family:arial;*/ color:#757575; display:none;}

    /* ------ Contact Form ------ */
    .wpcf7{ margin:0; padding:0; /*font:15px 'Roboto',san-serif; color:#ffffff;*/}
    .wpcf7 form{ margin:0; padding:0;}
    .wpcf7 form span.last{ float:none !important;}
    /*.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select{ background-color:#f1f1f1; border:1px solid #cccccc; padding:5px 3px; margin-top:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; font:13px arial; color:#777777;}*/
    .wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select,.wpcf7 form input[type="number"] { background-color: #f1f1f1; border-color: currentcolor currentcolor #cccccc; border-radius: 0; border-style: none none solid; border-width: 0 0 2px; color: #777777; font: 13px arial; margin-top: 10px; padding: 12px 16px; width: 94%;}
    /*.wpcf7 form textarea{height:150px; width:400px; border:1px solid #cccccc; background-color:#f1f1f1; padding:5px 3px; margin-top:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; font:13px arial; color:#777777;}*/
    .wpcf7 form textarea { float:left; background-color: #f1f1f1; border-color: currentcolor currentcolor #cccccc; border-radius: 0; border-style: none none solid; border-width: 0 0 2px; color: #777777; font: 13px arial; height: 150px; margin-top: 10px; padding: 5px 3px; width: 100%; }
    .wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}
    span.wpcf7-list-item{ margin:0 15px 0 0 !important;}
    .wpcf7 form input[type="submit"]{ margin: 8px 15px; background-color: #566639; border: 0 none; border-radius: 0; color: #ffffff; cursor: pointer; /*margin-bottom: 0; margin-left: 0; margin-top: 10px;*/ padding: 10px 27px; text-transform: uppercase;}

    /* --- skills bar --- */
    .skillbar {position:relative; display:block; margin-bottom:15px; width:100%; background:#eee; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color; margin-top:25px;}
    .skillbar-title { font:16px 'Roboto',san-serif; background:#141414; color:#8e8d8d;}
    .skillbar-title span { display:block; background-color:transparent; color:#8e8d8d; padding:0; height:35px; line-height:35px;}
    .skillbar-bar { height:6px; width:0px; background:#00a8ff;}
    .skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#8e8d8d;}
    .pricing_table{font-size:15px;}
    .price_col{transition: left 0.5s;}
    .price_col{float:left; text-align:center; background:#2c3e50; color:#fff; margin-top:10px; z-index:0;}
    .pricing_table .th{font-size:24px; font-weight:bold; color:#fff; padding:10px 0;}
    .pricing_table .highlight{background:#00a8ff; box-shadow:0 0 10px rgba(0,0,0,0.75); z-index:1; margin-top:0; z-index:1; position:relative;}
    .pricing_table .highlight .th{padding-top:20px;}
    .pricing_table .highlight .tf{padding-bottom:30px;}
    .pricing_table .td, .pricing_table .tf{padding:20px 0; border-top:1px #fff solid;}
    .pricing_table .tf a{background:#00a8ff; color:#fff; border:1px #ccc dashed; padding:8px 12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
    .pricing_table .tf a:hover{background-color:#2c3e50;}
    .pricing_table .highlight .tf a{background-color:#2c3e50;}
    .pricing_table .highlight .tf a:hover{background-color:#00a8ff;}
    .error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
    .success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
    .spacer20{height:20px; clear:both;}
    .pagination{display:table; clear:both;}
    .pagination ul{list-style:none; margin:20px 0;}
    .pagination ul li{display:inline; float:left; margin-right:5px;}
    .pagination ul li span, .pagination ul li a{background:#303441; color:#fff; padding:5px 10px; display:inline-block;}
    h1.entry-title, h1.page-title{padding-bottom:20px; font-size:30px; line-height:32px;}
    article.tag-sticky-2{background:#f6f6f6; padding:10px;}
    article img{height:auto;}
    article p{margin:10px 0;}
    .post-date{display:inline;}
    .post-comment{display:inline;}
    .post-categories{display:inline;}
    .post-tags{display:inline;}
    form.search-form{margin-bottom:15px;}
    input.search-field, .post-password-form input[type=password]{border:1px #eee solid; padding:4px;}
    input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:4px 10px; cursor:pointer;}
    aside.widget{margin-bottom:30px;}
    aside.widget ul{ list-style:disc; margin-left:13px;}
    .photobooth .eleven strong {color:#333; font-size:24px; font-style:italic; margin-bottom:13px; display:block; }
    .photobooth .eleven p {color:#555; font-size:18px; }
    .photobooth .five {font-size:24px; color:#555; margin-top:0; padding-top:0; line-height:31px; }
    .photobooth .filter-gallery {position:relative; width:30%; margin:0 auto 30px auto; text-align:center; }
    .photobooth .filter-gallery ul {list-style:none !important; overflow:hidden; background-color:#f7f6f6;}
    .photobooth .filter-gallery ul li {float:left; padding:15px; width:auto;}
    .photobooth .filter-gallery ul li.current {font-weight:bold;}
    .photobooth .gallery ul{list-style:none !important; margin:0;}
    .photobooth .gallery ul li {background:#000; float:left; cursor:pointer; position:relative; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; background:url("images/camera-icon.png") 50% 0 no-repeat #000000; margin:0 1.3% 1.3% 0; width:24%}
    .photobooth .gallery ul li em {color:#111; margin:0; padding:10px 0; position:absolute; width:100%; display:none; text-align:center; bottom:0; opacity:0.8; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; }
    .photobooth .gallery ul li em span {margin-top:0px; display:block; font-weight:bold; }
    .photobooth .gallery ul li strong {color:#fff; margin:0; padding:10px 0; position:absolute; display:none; text-align:center; bottom:0; opacity:0.8; width:100%;}
    .photobooth .gallery ul li img {vertical-align:middle; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; }
    .photobooth .gallery ul li:hover img {opacity:0.3; }
    .photobooth .gallery ul li:hover strong {color:#fff; margin:0; padding:10px 0; position:absolute; display:block; text-align:center; bottom:50%; opacity:0.8; }
    .photobooth .gallery ul li:hover em {color:#111; margin:0; padding:10px 0; position:absolute; display:block; text-align:center; bottom:0; opacity:0.8; }
    .photobooth .gallery ul li:hover em span {margin-top:20px; display:block;}
    .nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
    .nav-next{float:right; margin-top:10px; margin-bottom:10px;}
    nav.post-navigation{padding:10px 0 20px;}
    .accordion-box h2.active{color:#00a8ff;}
    .webicon{font-size:20px;}
    #sidebar ul li{margin:5px 0;}
    .comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
    .comment-list ul, ol.comment-list ul{list-style:none;}
    .comment-list li.comment{margin-top:20px;}
    .comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}
    h3.widget-title{ font-size:18px; border-bottom:1px solid #cccccc; padding-bottom:15px; margin-bottom:15px;}
    .our-projects img{ width:24%; margin:0; padding:0; float:left; margin:0 1.3% 1.3% 0;}
    .our-projects img:hover{ opacity:0.5;}
    .our-projects a{ background-color:#000000;}

    /* ========================== Lightbox ==================== */
    /* Preload images */
    body:after {
      content: url(images/close.png) url(images/loading.gif) url(images/prev.png) url(images/next.png);
      display: none;
    }

    .lightboxOverlay {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9999;
      background-color: black;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8;
      display: none;
    }

    .lightbox {
      position: absolute;
      left: 0;
      width: 100%;
      z-index: 10000;
      text-align: center;
      line-height: 0;
      font-weight: normal;
    }

    .lightbox .lb-image {
      display: block;
      height: auto;
      max-width: inherit;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
    }

    .lightbox a img {
      border: none;
    }

    .lb-outerContainer {
      position: relative;
      background-color: white;
      *zoom: 1;
      width: 250px;
      height: 250px;
      margin: 0 auto;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
    }

    .lb-outerContainer:after {
      content: "";
      display: table;
      clear: both;
    }

    .lb-container {
      padding: 4px;
    }

    .lb-loader {
      position: absolute;
      top: 43%;
      left: 0;
      height: 25%;
      width: 100%;
      text-align: center;
      line-height: 0;
    }

    .lb-cancel {
      display: block;
      width: 32px;
      height: 32px;
      margin: 0 auto;
      background: url(images/loading.gif) no-repeat;
    }

    .lb-nav {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: 10;
    }

    .lb-container > .nav {
      left: 0;
    }

    .lb-nav a {
      outline: none;
      background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
    }

    .lb-prev, .lb-next {
      height: 100%;
      cursor: pointer;
      display: block;
    }

    .lb-nav a.lb-prev {
      width: 34%;
      left: 0;
      float: left;
      background: url(images/prev.png) left 48% no-repeat;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -webkit-transition: opacity 0.6s;
      -moz-transition: opacity 0.6s;
      -o-transition: opacity 0.6s;
      transition: opacity 0.6s;
    }

    .lb-nav a.lb-prev:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1;
    }

    .lb-nav a.lb-next {
      width: 64%;
      right: 0;
      float: right;
      background: url(images/next.png) right 48% no-repeat;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -webkit-transition: opacity 0.6s;
      -moz-transition: opacity 0.6s;
      -o-transition: opacity 0.6s;
      transition: opacity 0.6s;
    }

    .lb-nav a.lb-next:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1;
    }

    .lb-dataContainer {
      margin: 0 auto;
      padding-top: 5px;
      *zoom: 1;
      width: 100%;
      -moz-border-radius-bottomleft: 4px;
      -webkit-border-bottom-left-radius: 4px;
      border-bottom-left-radius: 4px;
      -moz-border-radius-bottomright: 4px;
      -webkit-border-bottom-right-radius: 4px;
      border-bottom-right-radius: 4px;
    }

    .lb-dataContainer:after {
      content: "";
      display: table;
      clear: both;
    }

    .lb-data {
      padding: 0 4px;
      color: #ccc;
    }

    .lb-data .lb-details {
      width: 85%;
      float: left;
      text-align: left;
      line-height: 1.1em;
    }

    .lb-data .lb-caption {
      font-size: 13px;
      font-weight: bold;
      line-height: 1em;
    }

    .lb-data .lb-number {
      display: block;
      clear: left;
      padding-bottom: 1em;
      font-size: 12px;
      color: #999999;
    }

    .lb-data .lb-close {
      display: block;
      float: right;
      width: 30px;
      height: 30px;
      background: url(images/close.png) top right no-repeat;
      text-align: right;
      outline: none;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
      opacity: 0.7;
      -webkit-transition: opacity 0.2s;
      -moz-transition: opacity 0.2s;
      -o-transition: opacity 0.2s;
      transition: opacity 0.2s;
    }

    .lb-data .lb-close:hover {
      cursor: pointer;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1;
    }
    .image-set img{ border:2px solid #ffffff; margin:0 15px 15px 0;}
    /* ========================================== */
    .post-date, .post-comment, .post-categories{ float:left;}

    /* woocommerce */
    a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
    a.added_to_cart:hover{background:#000000;}
    a.button.added:before{content:'' !important;}
    #bbpress-forums ul li{padding:0;}
    #subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
    textarea.wp-editor-area{border:1px #ccc solid;}
    .woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
    form.woocommerce-ordering select{ padding:5px; color:#777777;}
    .woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ /*font-family:'Roboto Condensed',san-serif;*/ color:#00a8ff;}

    .hdr_buy_pro{font-size:14px; font-weight:bold; line-height:18px;}
    .hdr_buy_pro a{color:#fff; background:#00a8ff; padding:3px 10px;}
    .hdr_buy_pro a:hover{background:#fff; color:#00a8ff;}

    .display-none { display:none;}
    .contact-information a.link {font-size: 15px; line-height: 35px;}
    header.entry-header {display: none;}
    .sz_portfolio_slider_wrapper .col-md-3 { width: 17%;}
    .sz_portfolio_slider_trig_wrap p {display: none;}
    .text-center {text-align: center;}
    .sz_image_001_trig p {display: none;}
    .accomodation-Button { background: #4d7a77; border-radius: 2px; color: #ffffff; display: inline-block; margin-top: 15px; padding: 7px 22px;}

    .wpcf7-form label {
     float: left;
    font-size: 14px;
    line-height: 10px;
    margin: 8px 15px;
    width: 45%;
}

    .wpcf7-form label:first-of-type {
    width: 98%;
}
    
.wpcf7-form label:last-of-type {
    /*width: 98%;*/
    width:95%;
}

.logo img {  /*width: 98px;*/ width:89px;}

.YourMessage .gr_ver_2 {background:#f1f1f1 !important; left:0 !important; margin:24px 0 0 !important;
}

    /*section.menu_page {display: none;}*/

    @media screen and (min-width:940px){
	    .hdr_buy_pro{position:absolute; top:0; right:0; }
    }

    @media screen and (min-width:720px) and (max-width:939px){
	    .hdr_buy_pro{position:absolute; top:28px; right:290px; }
    }
    @media screen and (max-width:719px){
	    .hdr_buy_pro{display:block; text-align:center; padding-bottom:10px;}
    }

    /* Text meant only for screen readers. */
    .screen-reader-text {
	    clip: rect(1px, 1px, 1px, 1px);
	    position: absolute !important;
	    height: 1px;
	    width: 1px;
	    overflow: hidden;
    }

    .screen-reader-text:focus {
	    background-color: #f1f1f1;
	    border-radius: 3px;
	    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	    clip: auto !important;
	    color: #21759b;
	    display: block;
	    font-size: 14px;
	    font-size: 0.875rem;
	    font-weight: bold;
	    height: auto;
	    left: 5px;
	    line-height: normal;
	    padding: 15px 23px 14px;
	    text-decoration: none;
	    top: 5px;
	    width: auto;
	    z-index: 100000; /* Above WP toolbar. */
    }






    #loading {
        background-color: #333333;
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 99999;
        margin-top: 0px;
        top: 0px;
        overflow: hidden
    }
    #loading-center {
        width: 100%;
        height: 100%;
        position: relative;
    }
    #loading-center-absolute {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 100px;
        width: 50px;
        margin-top: -50px;
        margin-left: -25px;
    }
    .object {
        width: 50px;
        height: 8px;
        margin-bottom: 15px;
        background-color: #FFF;
        -webkit-animation: animate 0.8s infinite;
        animation: animate 0.8s infinite;
    }
    #object_two {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }
    #object_four {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }
    @-webkit-keyframes animate {
        50% {
            -ms-transform: translate(50%, 0);
            -webkit-transform: translate(50%, 0);
            transform: translate(50%, 0);
        }
    }
    @keyframes animate {
        50% {
            -ms-transform: translate(50%, 0);
            -webkit-transform: translate(50%, 0);
            transform: translate(50%, 0);
        }
    }
    /*------------------------------------------------------------------
	    2. Global
    -------------------------------------------------------------------*/


    .text-block {
        padding: 50px 0;
    }
    .room-img {
        height: 100%;
    }
    img > .center-image {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .white p {
        color: #FFFFFF;
    }
    .no-gutter > [class*='col-'] {
        padding: 0;
    }
    .no-padding {
        padding: 0px;
    }
    .white-bg {
        background-color: #ffffff;
    }
    .gray-bg {
        background-color: #f2f1f1;
    }
    .turq-bg {
        background-color: #2aa5ab;
    }
    .turqdark-bg {
        background-color: #115e61;
    }
    .outlinedark-bg {
        border: 1px solid #333333;
    }
    .charq-bg {
        background-color: #3f3f3f;
    }
    .charqdark-bg {
        background-color: #333333;
    }
    ul.avara-ul {
        list-style: none;
        display: block;
        margin: 0;
        padding: 0;
    }
    /* ------------ Row with equal height columns ------------ */

    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    /* ------------ Row with equal height columns ------------ */

    .container-full {
        margin: 0 auto;
        width: 100%;
    }
    .avara-brand h1 {
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        color: #ffffff;
        text-align: center;
        font-size: 2.5em;
        padding: 20px 0;
        width: 100%;
        white-space: nowrap;
    }
    .avara-brand img {
        text-align: center;
        padding: 10px 0;
        margin: 0 auto;
    }
    .logo {
        position: absolute;
        left: 10px;
        /*padding: 20px;*/
        padding:12px 20px 0;
        /*width:105px;*/
    }
    .logo-basic-nav {
        position: absolute;
        z-index: 999;
        top: -9px;
        left: 10px;
        padding: 20px;
        width: 90px;
    }
    /* ------------ Sticky Header ------------ */

    /*-header {
        width: 100%;
        height: 75px;
      
    
        position: fixed;
        top: 0;
        left: 0;
        z-index: 888;
        background: none;
        -webkit-transition: height 0.3s;
        -moz-transition: height 0.3s;
        -ms-transition: height 0.3s;
        -o-transition: height 0.3s;
        transition: height 0.3s;
        background: rgba(0,0,0,.4);
    }-*/
    header .logo {
        display: inline-block;
        width: 105px;
        float: left;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    header nav {
        display: inline-block;
        float: right;
    }
    header nav a {
        color: #9fdbfc;
        font-weight: 700;
        font-size: 18px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    header nav a:hover {
        color: white;
    }
    header.smaller {
        height: 75px;
        background: #333333;
    }
    header.smaller .logo {
        width: 85px;
        padding: 13px 20px;
    }
    header.smaller nav a {
        line-height: 75px;
    }
    a.reserve {
        font-size: 2.1rem;
        font-weight: 500;
        position: relative;
        color: #ffffff;
        float: right;
        padding: 27px 21px;
        top: -1px;
        right: 80px;
        cursor: pointer;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }
    header.smaller a.reserve {
        /*background-color: #2aa5ab;*/
        background-color:#6a7650;
    }
    /*a.reserve-classic {background-color:#2aa5ab; color:#fff;}*/

    a.reserve:after,
    a.reserve-classic:after {
        /*content: "\f073";*/
        content:"\f1ac";
        font-family: FontAwesome;
        padding-left: 10px;
    }
    a.reserve:hover {
        text-decoration: none;
    }
    /* ------------ Sticky Header ------------ */
    /*Buttons*/

    .btn-global,
    .btn-small,
    .btn-medium,
    .btn-large {
        font-weight: 300;
        padding: 10px 30px;
        cursor: pointer;
        /*display: block;*/
           display: inline-block;
        margin: 10px;
        text-align: center;
        opacity: 1;
    }
    .btn-global {
        border: 2px solid #333333;
        color: #333333;
        font-weight: bold;
    }
    .btn-global:before {
        background-color: #333333;
    }
    .btn-small {
        padding: 12px 15px;
    }
    .btn-medium {
        font-size: .9em;
    }
    .btn-large {
        padding: 20px 25px;
    }
    .btn-featured {
        font-size: .9em;
        position: relative;
        left: 40px;
        font-weight: bold;
    }
    /*Color Fill Buttons*/

    .btn-black {
        background: #333333;
        color: #fff;
    }
    .btn-aqua {
        background: #2e6763;
        color: #fff;
        border: 0px;
    }
    .btn-global,
    .btn-black,
    .btn-white,
    .btn-aqua {
        font-family: 'Lato', sans-serif;
        font-size: .9em;
        text-transform: uppercase;
        border-radius: 0;
        cursor: pointer;
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
    }
    .btn-global:hover,
    .btn-black:hover,
    .btn-white:hover,
    .btn-aqua:hover {
       background: #333333 none repeat scroll 0 0;
    color: #ffffff;
    text-decoration: none;
    }
    .btn-black:hover {
        opacity: 0.90;
    }
    /* ------------ Reservation Form Modal ------------ */

    .overlay.overlay-hugeinc.open {
        z-index: 1001 !important;
        position: fixed;
        height: 100%;
    }
    section.section-reservation-modal .overlay {
        /*z-index: 999 !important;*/
	    z-index:-1 !important;
    }
    .section-reservation-modal,
    .section-reservation-exposed {
        z-index: auto !important;
    }
    .section-reservation-exposed {
	
    }

    .exposed {
	    background-color:#333333;
	    border:10px solid #232323;
	    padding:25px;
    }

    .exposed-footer{
	    background-color: #474747;
        border: 10px solid #3d3c3c;
	    padding:25px;
    }

    header {
        z-index: 1001 !important;
    }
    .ps_control_bsquare .carousel-control {
        z-index: 1000 !important;
    }
    .section-reservation-modal {
        position: relative;
    }
    .section-reservation-modal h1,
    .section-reservation-exposed h1 {
        font-family: 'Playfair Display', serif;
        font-size: 1.4em;
        font-weight: 300;
        color: #ffffff;
        text-transform: none;
        padding: 5px 0px;
    }
    .section-reservation-modal h1:after,
    .section-reservation-exposed h1:after {
        background: none;
        content: "";
        height: 2px;
        left: 0;
        margin: 0px auto;
        position: absolute;
        right: 0;
        top: 43%;
        width: 4%;
    }
    .section-reservation-modal h2,
    .section-reservation-exposed h2 {
        font-size: 1.1em;
        font-weight: 300;
        color: #484848;
        line-height: 1.5em;
        padding: 35px 50px 150px 50px;
    }

    .section-reservation-exposed h1 {
	    position:relative;
	    bottom:25px;
    }

    .section-reservation-modal h3 {
        font-size: .3em;
        font-weight: 300;
        color: #999999;
        padding: 10px 0;
        text-transform: uppercase;
        letter-spacing: .2em;
        text-align: left;
    }

    .section-reservation-exposed h3 {
        font-size: .4em;
        font-weight: 300;
        color: #999999;
        padding: 10px 0px;
        text-transform: uppercase;
        letter-spacing: .2em;
        text-align: left;
	    position:relative;
	    bottom:35px;
    }

    .section-reservation-exposed .questions-wrapper {
	    top:-10px;
	    position:relative;
	    }


    .simform {
        position: relative;
        margin: 0 auto;
        padding: 2em 0;
        max-width: 860px;
        width: 100%;
        text-align: left;
        font-size: 2.5em;
        text-indent: 0px;
    }
    .simform .submit {
        display: none;
    }
    /* Question list style */

    .simform ol {
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
        -webkit-transition: height 0.4s;
        transition: height 0.4s;
    }
    .simform ol:before {
        content: '';
        background-color: rgba(0, 0, 0, 0.1);
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2.35em;
    }
    .questions-wrapper {
        position: relative;
        top: 10px;
    }
    .questions li {
        z-index: 100;
        position: relative;
        visibility: hidden;
        height: 0;
        -webkit-transition: visibility 0s 0.4s, height 0s 0.4s;
        transition: visibility 0s 0.4s, height 0s 0.4s;
    }
    .questions li.current,
    .no-js .questions li {
        visibility: visible;
        height: auto;
        -webkit-transition: none;
        transition: none;
    }
    /* Labels */

    .questions li > span {
        display: block;
        overflow: hidden;
    }
    .questions li > span label {
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        color: #fafafa;
        font-size: .57em;
        display: block;
        padding: 10px 0;
        letter-spacing: .1em;
        text-transform: uppercase;
        -webkit-transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    .questions li.current > span label,
    .no-js .questions li > span label {
        -webkit-transition: none;
        transition: none;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .show-next .questions li.current > span label {
        -webkit-animation: moveUpFromDown 0.4s both;
        animation: moveUpFromDown 0.4s both;
    }
    @-webkit-keyframes moveUpFromDown {
        from {
            -webkit-transform: translateY(100%);
        }
        to {
            -webkit-transform: translateY(0);
        }
    }
    @keyframes moveUpFromDown {
        from {
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
        }
        to {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    /* Input field */

    .questions input {
        display: block;
        font-weight: 300;
        margin: 0.3em 0 0 0;
        padding: 0.5em 1em 0.5em 0.7em;
        width: calc(100% - 2em);
        border: none;
        background: transparent;
        color: #cecece;
        font-size: 1em;
        line-height: 1;
        letter-spacing: .05em;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        z-index: 1;
        position: relative;
    }
    .questions .current input,
    .no-js .questions input {
        opacity: 1;
    }
    .questions input:focus,
    .simform button:focus {
        outline: none;
    }
    /* Modal Buttons */

    .section-reservation-modal .fa-calendar-check-o {
        font-size: 2.2em;
        width: 100%;
        padding-bottom: 15px;
    }
    .section-reservation-modal button {
        float: right;
        display: inline-block;
        background-color: #333333;
        color: #fff;
        font-weight: 500;
        position: absolute;
        right: 0;
        top: 120px;
        z-index: 999;
        border-radius: 0;
        letter-spacing: 1px;
        border: none;
        padding: 17px 7px;
        outline: none;
        text-transform: uppercase;
    }
    #trigger-overlay {}
    /* Next question button */

    .res-next {
        position: absolute;
        right: 0;
        bottom: 2.15em;
        /* padding-bottom of form plus progress bar height */
    
        display: block;
        padding: 0;
        width: 2em;
        height: 2em;
        border: none;
        background: none;
        color: rgba(0, 0, 0, 0.4);
        text-align: center;
        opacity: 0;
        z-index: 100;
        cursor: pointer;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s;
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%);
        pointer-events: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    .res-next:hover {
        color: rgba(255, 255, 255, 0.5);
    }
    .res-next::after {
        font-family: 'FontAwesome';
        content: "\f061";
        position: absolute;
        bottom: 60px;
        left: 0;
        width: 100%;
        height: 100%;
        text-transform: none;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }


    .section-reservation-exposed .res-next::after {
        font-family: 'FontAwesome';
        content: "\f061";
        position: absolute;
        bottom: -70px;
	    color:#ffffff;
        left: 0;
        width: 100%;
        height: 100%;
        text-transform: none;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }


    .res-next.show {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(20px);
        transform: translateX(0) translateY(20px);
        pointer-events: auto;
        background: none;
    }
    /* Progress bar */

    .simform .progress {
        width: 0%;
        height: 0.15em;
        background: rgba(0, 0, 0, 0.3);
        -webkit-transition: width 0.4s ease-in-out;
        transition: width 0.4s ease-in-out;
    }
    .simform .progress::before {
        position: absolute;
        top: auto;
        width: 100%;
        height: inherit;
        background: rgba(0, 0, 0, 0.05);
        content: '';
    }
    /* Number indicator */

    .simform .number {
        color: #e0dede;
        position: absolute;
        right: 0;
        overflow: hidden;
        margin: 0.4em 0;
        width: 3em;
        font-weight: 700;
        font-size: 0.4em;
    }
    .simform .number:after {
        position: absolute;
        left: 50%;
        content: '/';
        opacity: 0.4;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .simform .number span {
        float: right;
        width: 40%;
        text-align: center;
    }
    .simform .number .number-current {
        float: left;
    }
    .simform .number-next {
        position: absolute;
        left: 0;
    }
    .simform.show-next .number-current {
        -webkit-transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    .simform.show-next .number-next {
        -webkit-animation: moveUpFromDown 0.4s both;
        animation: moveUpFromDown 0.4s both;
    }
    /* Error and final message */

    .simform .error-message,
    .simform .final-message {
        font-family: 'Lato', sans-serif;
        position: absolute;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
    }
    .simform .error-message {
        padding: 0.4em 3.5em 0 0;
        width: 100%;
        color: rgba(0, 0, 0, 0.7);
        font-style: italic;
        font-size: 0.4em;
    }
    .final-message {
        font-weight: 300;
        top: 50%;
        color: #fafafa;
        left: 0;
        padding: 0.5em;
        font-size: 1em;
        width: 100%;
        text-align: center;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .error-message.show,
    .final-message.show {
        visibility: visible;
        opacity: 1;
    }
    .final-message.show {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }

    .simform-inner.hide {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
        transition: opacity 0.3s, visibility 0s 0.3s;
    }
    /* No JS Fallback */


    .no-js .simform {
        font-size: 1.75em;
    }
    .no-js .questions li {
        padding: 0 0 2em;
    }
    .no-js .simform .submit {
        display: block;
        float: right;
        padding: 10px 20px;
        border: none;
        background: rgba(0, 0, 0, 0.3);
        color: rgba(0, 0, 0, 0.4);
    }
    .no-js .simform .controls {
        display: none;
    }
    /* Remove IE clear cross */

    input[type=text]::-ms-clear {
        display: none;
    }
    /* Adjust form for smaller screens */


    .featured-block img {
        width:100%;
    }

    @media screen and (max-width: 44.75em) {
        .simform {
            font-size: 1.8em;
        }
    }
    @media screen and (max-width: 33.5625em) {
        .simform {
            font-size: 1.2em;
        }
    }
    /* Overlay style */

    .overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #333333;
        z-index: 999;
    }
    /* Overlay closing cross */

    .overlay .overlay-close {
        width: 80px;
        height: 80px;
        position: absolute;
        right: 20px;
        top: 20px;
        overflow: hidden;
        border: none;
        background: url(../images/cross.png) no-repeat center center;
        text-indent: 200%;
        color: transparent;
        outline: none;
        z-index: 100;
    }
    /* Menu style */

    .overlay nav {
        text-align: center;
        position: relative;
        top: 50%;
        height: 60%;
        font-size: 54px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .overlay ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        display: inline-block;
        height: 100%;
        position: relative;
    }
    .overlay ul li {
        display: block;
        height: 20%;
        height: calc(100% / 5);
        min-height: 54px;
    }
    .overlay ul li a {
        font-weight: 300;
        display: block;
        color: #fff;
        -webkit-transition: color 0.2s;
        transition: color 0.2s;
    }
    .overlay ul li a:hover,
    .overlay ul li a:focus {
        color: #e3fcb1;
    }
    /* Effects */

    .overlay-hugeinc {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
        transition: opacity 0.5s, visibility 0s 0.5s;
    }
    .overlay-hugeinc.open {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s;
    }
    .overlay-hugeinc nav {
        -webkit-perspective: 1200px;
        perspective: 1200px;
    }
    .overlay-hugeinc nav ul {
        opacity: 0.4;
        -webkit-transform: translateY(-25%) rotateX(35deg);
        transform: translateY(-25%) rotateX(35deg);
        -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
        transition: transform 0.5s, opacity 0.5s;
    }
    .overlay-hugeinc.open nav ul {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
    .overlay-hugeinc.close nav ul {
        -webkit-transform: translateY(25%) rotateX(-35deg);
        transform: translateY(25%) rotateX(-35deg);
    }
    @media screen and (max-height: 30.5em) {
        .overlay nav {
            height: 70%;
            font-size: 34px;
        }
        .overlay ul li {
            min-height: 34px;
        }
    }
    /* -------------Reservation Form Modal------------ */
    /*------------------------------------------------------------------
	    3. Homepage Sections
    -------------------------------------------------------------------*/
    /* -------------Hero Slider------------ */

    .hero-brand {
        margin: 0 auto;
        text-align: center;
        width: 10%;
    }
    /* -------------Hero Slider------------ */

    .section-intro {
        background: #ffffff;
    }
    .section-intro h1 {
        font-size: 2.9em;
        font-weight: 300;
        color: #333333;
        text-transform: uppercase;
        /*padding:24px 15px 10px;*/
        padding:0 15px 10px;
        position: relative;
        font-family: 'Playfair Display', serif;
          line-height: 37px;
    }
    .section-intro h1:after {
        background: #333333;
        content: "";
        height: 2px;
        left: 0;
        margin: 0px auto;
        position: absolute;
        right: 0;
        top: 120%;
        width: 4%;
    }
    .section-intro h2 {
        color: #484848;
        display: inline-block;
        /*font-size: 1.2em;*/
        font-size: 1.3em;
        font-weight: 300;
        letter-spacing: 0.5px;
        line-height: 1.5em;
        padding: 0 100px 0;
       text-transform: none;
    }

        .section-intro .featured-blockh2 {
            padding: 1px 50px;
        }

    .section-intro h3 {
         color: #999999;
        font-size: 1.2em;
        font-weight: 400;
        letter-spacing: 0.8px;
        /*padding: 60px 50px 0;*/
        padding: 0 50px;
        text-transform: uppercase;
    }
    /*------------------------------------------------------*/
    /* ROOM SLIDER
    /*------------------------------------------------------*/

    .room-slider {} .room-detail {} .room-slider h1,
    .room-slider h2,
    .room-slider p {
        text-align: left;
        padding: 5px 15px;
        text-transform: none;
    }
    .room-slider a {
        font-family: 'Lato', sans-serif;
        font-size: .9em;
        font-weight: 400;
        color: #333333;
        position: relative;
        padding: 5px 0;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.1em;
        letter-spacing: .2em;
        text-decoration: none;
        border-bottom: 1px solid #525151;
        top: 25px;
    }
    .room-slider a:hover {
        color: #999999;
        border-color: #999999;
    }
    .room-slider p {
        font-family: 'Playfair Display', serif;
        font-weight: 300;
        color: #999999;
        font-size: .9em;
        position: relative;
        top: 3px;
    }
    .price {
        font-family: 'Playfair Display', serif;
        color: #333333;
        font-size: 1.5em;
        padding-left: 2px;
    }
    .room-slider h1 {
        font-family: 'Playfair Display', serif;
        font-size: 2.9em;
        font-weight: 300;
        color: #333333;
        position: relative;
        left: 25px;
    }
    .room-slider h1:before {
        background: none;
        content: "/";
        height: 2px;
        left: -11px;
        margin: 0px auto;
        position: absolute;
    }
    .room-slider h1:after {
        background: none;
        content: "";
        height: 2px;
        left: 0;
        margin: 0px auto;
        position: absolute;
        right: 0;
        width: 4%;
    }
    .room-slider h2 {
        font-size: 1.1em;
        font-weight: 300;
        color: #484848;
        line-height: 1.5em;
    }
    #fw_il_019 {
        overflow: hidden;
        max-height: 645px;
        position: relative;
        background: #000000;
    }
    #fw_il_019:hover {
        cursor: -moz-grab;
        cursor: -webkit-grab;
    }
    #fw_il_019:active {
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
    }
    #fw_il_019 > .carousel-inner > .item {
        width: 100%;
    }
    /*---------- LEFT/RIGHT CONTROL ----------*/

    .ps_control_bradiustrans .carousel-control {
        top: 47%;
        opacity: 0;
        width: 45px;
        height: 45px;
        z-index: 100;
        color: #000000;
        display: block;
        font-size: 14px;
        cursor: pointer;
        overflow: hidden;
        line-height: 45px;
        text-shadow: none;
        position: absolute;
        font-weight: normal;
        background: transparent;
        border: 1px solid #000000;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
        transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    }
    .ps_control_bradiustrans:hover .carousel-control {
        opacity: 1;
    }
    .ps_control_bradiustrans .carousel-control.left {
        left: 1%;
    }
    .ps_control_bradiustrans .carousel-control.right {
        right: 1%;
    }
    .ps_control_bradiustrans .carousel-control.left:hover,
    .ps_control_bradiustrans .carousel-control.right:hover {
        color: #ffffff;
        background: #333333;
        border: 1px solid #333333;
    }
    .ps_control_bradiustrans .carousel-control.left span:nth-child(1) {
        margin-right: 0;
    }
    .ps_control_bradiustrans .carousel-control.right>span:nth-child(1) {
        margin-left: 0;
    }
    /*---------- SLIDE CAPTION ----------*/
    /*---------- BACKGROUND IMAGES ----------*/

    #fw_il_019 > .carousel-inner > .item img {
        width: 100%;
    }
    #fw_il_019 > .carousel-inner > .item > .row {
        margin: 0;
        background-color: #fbfbfb;
    }
    #fw_il_019 > .carousel-inner > .item > .row > div {
        padding: 0;
        margin-top: -14px;
    }
    #fw_il_019 > .carousel-inner > .item > .row > div > img {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
        animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
    }
    /*---------- TEXT ----------*/

    .fw_il_019_slide {
        padding: 75px;
        margin-top: 15%;
        text-align: left;
    }
    .fw_il_019_slide_right {
        text-align: right;
    }
    .fw_il_019_slide_center {
        text-align: center;
    }
    /* Featured Blocks */

    .featured-block {
        background-color: #f2f1f1;
        position: relative;
    }
    .featured-block > .container-fluid .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }
    .featured-block > .container-fluid .col-md-6 > img {
        padding: 0;
    }
    .featured-block > .container-fluid .col-md-6 > .img-right > img {
        padding: 0;
    }
    .featured-block h1,
    .featured-block h2 {
        position: relative;
        padding: 1px 50px;
        text-align: left;
        /*width: 100%;*/
    }
    .featured-block h1 {
        font-size: 3em;
        text-transform: none;
    }
    .featured-block h1:after {
        content: "";
        background: none;
    }
    .featured-block h2 {
        font-size: 1.3em;
        color: #484848;
        width: 85%;
    }
    /* ------------ Paralax background ------------ */

    #bg-paralax {
        /*background: url(http://placehold.it/3264x2448.jpg) no-repeat;*/
        background:url(../images/home-Spa.jpg) no-repeat;
        color: #fff;
        padding: 10% 0;
    }
    #bg-paralax {
        background-size: cover;
        background-position: center center;
        background-attachment: fixed;
        width: 100%;
    }
    #bg-paralax p {
        margin-bottom: 25px;
        color: #fff;
    }
    #bg-paralax h2 {
        font-size: 48px;
    }
    /* ------------ Paralax background ------------ */
    /* ------------ Attraction Blocks ------------ */

    .attraction-block {
        background: none;
        position: relative;
    }
    .attraction-block > .container-fluid .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }
    .attraction-block > .container-fluid .col-md-6 > img {
        padding: 0;
    }
    .attraction-block > .container-fluid .col-md-6 > .img-right > img {
        padding: 0;
    }
    .attraction-block h1,
    .attraction-block h2 {
        position: absolute;
        text-align: center;
        transform: translateY(-50%);
        width: 100%;
    }
    .attraction-block h1 {
        color: #fdfefe;
        font-size: 3em;
        text-transform: none;
        top: 34%;
    }
    .attraction-block h1:after {
        content: "";
        background: none;
    }
    .attraction-block h2 {
        font-size: 1.1em;
        color: #b9b9b9;
        top: 53%;
    }
    .attraction-block a:hover {
        text-decoration: none;
    }
    .attraction-block p {
        padding: 10px;
    }
    .attr-title {
        background-color: #333333;
    }
    .attr-description {
        background-color: #3f3f3f;
    }
    .attr-img {
        background: none;
    }
    .attr-title,
    .attr-description,
    .attr-img {} .attr-img.last {}
    /* ------------ Panel Blocks ------------ */

    .panel-block {
        background: none;
        position: relative;
    }
    .panel-block > .container-fluid .col-md-6,
    .panel-block > .container-fluid .col-md-6 > img,
    .panel-block > .container-fluid .col-md-6 > .img-right > img {
        padding: 0;
        border: 0;
    }
    .panel-featured img {
        margin-left: -1px;
    }
    .panel-block h1,
    .panel-block h2,
    .panel-block p,
    .panel-block a {
        font-family: 'Lato', sans-serif;
    }
    /*.panel-block h1,
    .panel-block h2 { 
		    position:absolute;
		    text-align:center;
		    transform:translateY(-50%);
		    width:100%;
		
    }*/

    .panel-block h1 {
        color: #ffffff;
        font-weight: 500;
        font-size: 8rem;
        text-transform: uppercase;
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 0;
    }
    .panel-block h1:after {
        content: "";
        background: none;
    }
    .panel-block h2 {
        font-size: 1.1em;
        color: #b9b9b9;
        top: 53%;
    }
    .panel-block p,
    .panel-block a {
        color: #333333;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        display: block;
        margin: 0 auto;
    }
    .panel-block p {
        font-size: 1.5rem;
        padding-top: 33%;
    }
    .panel-block a {
        font-size: 1.2rem;
        padding-top: 2%;
        -webkit-transition: color .25s ease-in-out;
        -moz-transition: color .25s ease-in-out;
        -ms-transition: color .25s ease-in-out;
        -o-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out;
    }
    .panel-block a:hover {
        color: #2aa5ab;
        text-decoration: none;
    }
    .panel-title,
    .panel-description {
        background-color: #ffffff;
        position: relative;
    }
    /*	
    .center-container {
      position: relative;
    }

    .absolute-center {
      position: absolute;
      left: 50%;
      transform: translate(-50%, 250%);
    }
	    */

    .panel-img {
        background: none;
    }
    .box {
        /*padding:25px 7%;*/
    
        text-align: center;
        position: relative;
    }
    .box ul,
    .box li {
        margin: 0px;
    }
    /* Attr Global link styles */

    .attr-link {
        outline: none;
        text-decoration: none;
        position: absolute;
        font-size: 3em;
        line-height: 1;
        color: #9e9ba4;
        display: inline-block;
        width: 50%;
        text-align: center;
        top: 34%;
    }
    /* Swift Links */

    .link--swift {
        font-family: 'Playfair Display', serif;
        font-style: italic;
        font-weight: 400;
        padding: 0 10px 30px;
        -webkit-transition: color 0.5s;
        transition: color 0.5s;
    }
    .link--swift:hover {
        color: #1e1a1b;
    }
    .link--swift span {
        font-size: 50%;
        font-weight: 400;
        position: absolute;
        right: 0px;
        left: 0px;
        color: #2aa5ab;
        bottom: 0;
        opacity: 0;
        line-height: 1.3em;
        top: 55px;
        -webkit-transform: translate3d(-10px, -10px, 0);
        transform: translate3d(-10px, -10px, 0);
        -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
        transition: transform 0.5s, opacity 0.5s;
    }
    .link--swift:hover span {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    /* ------------ Attraction Blocks ------------ */
    /* ------------ Testimonials ------------ */

    .section-testimonial {
        background: url(http://placehold.it/3264x2448.jpg) no-repeat; 
        padding: 60px;
    }
    .testimonial-wrapper {
        background: #ffffff;
        position: relative;
    }
    .section-testimonial h1 {
        font-family: 'Playfair Display', serif;
        font-size: 2.9em;
        font-weight: 300;
        color: #333333;
        text-transform: uppercase;
        padding: 5px 15px;
        position: relative;
    }
    .section-testimonial h1:after {
        background: #333333;
        content: "";
        height: 2px;
        left: 0;
        margin: 0px auto;
        position: absolute;
        right: 0;
        top: 120%;
        width: 4%;
    }
    .section-testimonial h2 {
        font-size: 1.1em;
        font-weight: 300;
        color: #484848;
        line-height: 1.5em;
        padding: 35px 50px 150px 50px;
    }
    .section-testimonial h3 {
        font-size: .9em;
        font-weight: 400;
        color: #999999;
        padding: 60px 50px 0px 50px;
        text-transform: uppercase;
        letter-spacing: .2em;
    }
    /*Testimonial Slider Specifics*/

    .testimonial_094_slide > h5 > a {
        color: #115e61;
        font-size: 16px;
    }
    .testimonial_094_indicators > .carousel-indicators {
        height: 105px;
    }
    .testimonial_094_indicators > .carousel-indicators li img {
        border-radius: 50%;
        border: none;
    }
    .testimonial_094_indicators > .carousel-indicators .active img {
        border: none;
    }
    .testimonial_094_slide {
        padding: 40px;
    }
    /* ------------ Testimonials ------------ */
    /* ------------ About ------------ */

    .section-about {
        padding: 20px;
    }
    .section-about h1,
    .section-about h2 {
        position: relative;
        text-align: center;
    }
    .section-about h1 {
        font-family: 'Playfair Display', serif;
        font-size: 2.9em;
        font-weight: 300;
        padding: 1px 50px;
        color: #333333;
        text-transform: uppercase;
    }
    .section-about h1:after {
        background: #333333;
        content: "";
        height: 2px;
        left: 0;
        margin: 0px auto;
        position: absolute;
        right: 0;
        top: 160%;
        width: 12%;
    }
    .section-about h2 {
        font-size: 1.3em;
        padding: 10px 50px 1px;
        font-weight: 300;
        color: #484848;
        line-height: 1.9em;
    }
    .section-about h3 {
        font-size: .9em;
        font-weight: 400;
        color: #999999;
        /*padding: 60px 50px 0px 50px;*/
        padding: 0 50px 0px 50px;
        text-transform: uppercase;
        letter-spacing: .2em;
    }
    #owl-demo .item img {
        display: block;
        width: 100%;
        height: auto;
        padding-bottom: 25px;
    }
    /* Styling Pagination*/

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver */
    }
    .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
    
        opacity: 0.5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #869791;
    }
    .owl-theme .owl-controls .owl-page.active span,
    .owl-theme .owl-controls.clickable .owl-page:hover span {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
    
        opacity: 1;
    }
    /* If PaginationNumbers is true */

    .owl-theme .owl-controls .owl-page span.owl-numbers {
        height: auto;
        width: auto;
        color: #FFF;
        padding: 2px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }
    /* preloading images */

    .owl-item.loading {
        min-height: 150px;
        background: url(AjaxLoader.gif) no-repeat center center
    }
    /* ------------ About ------------ */
    /* ------------ Contact ------------ */

    .section-contact {
        background-color: #ffffff;
        padding:20px 0;
    }
    .section-contact h1,
    .section-contact h2 {
        position: relative;
        text-align: center;
    }
    .section-contact h1 {
        font-family: 'Playfair Display', serif;
        font-size: 2.9em;
        font-weight: 300;
        padding: 1px 50px;
        color: #333333;
        text-transform: uppercase;
    }
    .section-contact h1:after {
        background: #333333;
        content: "";
        height: 2px;
        left: 0;
        margin: 0px auto;
        position: absolute;
        right: 0;
        top: 160%;
        width: 12%;
    }
    .section-contact h2 {
        font-size: 1.3em;
        padding: 10px 50px 1px;
        font-weight: 300;
        color: #484848;
        line-height: 1.5em;
    }
    .section-contact h3 {
        font-size: .9em;
        font-weight: 400;
        color: #999999;
        padding: 60px 50px 0px 50px;
        text-transform: uppercase;
        letter-spacing: .2em;
    }
    /* ------------ Contact ------------ */
    /*------------------------------------------------------------------
	    4. Page - Rooms
    -------------------------------------------------------------------*/
    /* ------------ Static Inside Header Image ------------ */

    .rooms-interior {
        background-image: url(../images/rooms-header-01.jpg);
        height: 530px;
        background-position: center bottom;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .rooms-interior h1 {
        font-family: 'Playfair Display', serif;
        font-size: 4.2rem;
        font-weight: 300;
        color: #ffffff;
        text-transform: uppercase;
        padding: 35px 15px;
        text-align: center;
        position: relative;
    }
    .rooms-interior h1:after {
        background: #333333;
        content: "";
        height: 2px;
        left: 0;
        margin: 0px auto;
        position: absolute;
        right: 0;
        top: 43%;
        width: 4%;
    }
    .rooms-interior h2 {
        font-size: 1.1em;
        font-weight: 300;
        color: #484848;
        line-height: 1.5em;
        padding: 35px 50px 150px 50px;
    }
    .rooms-interior h3 {
        font-size: .9em;
        font-weight: 400;
        color: #999999;
        padding: 60px 50px 0px 50px;
        text-transform: uppercase;
        letter-spacing: .2em;
    }
    /* ------------ Static Inside Header Image ------------ */
    /* ------------ Parallax Inside Background Header Image ------------ */

    #bg-paralax-inside {
        background: url(http://placehold.it/3264x2448.jpg) no-repeat;
    }
    #bg-paralax-rooms {
        /*background: url(http://placehold.it/3264x2448.jpg) no-repeat;
        background:url(../../../wp-content/uploads/2017/03/queenroom.jpg) no-repeat;*/
        background:url(../../../wp-content/uploads/2017/06/Queen-Room.jpg) no-repeat;
    }
    #bg-paralax-queen-room-spa {
         background:url(../../../wp-content/uploads/2017/06/IMG_5538.jpg) no-repeat;
    }

    #bg-paralax-Accomodation-page {
         background:url(../../../wp-content/uploads/2017/04/Accomodation.jpg) no-repeat;
    }

    #bg-paralax-accommodation{
         /*background:url(../../../wp-content/uploads/2017/03/Accommodation-Rates.jpg) no-repeat;*/
         background:url(../../../wp-content/uploads/2017/06/View.jpg) no-repeat;
       
    }

     #bg-paralax-thingstodo{
         /*background:url(../../../wp-content/uploads/2017/03/Accommodation-Rates.jpg) no-repeat;*/
         background:url(../../../wp-content/uploads/2017/06/Honeymoon-1.jpg) no-repeat;
    }

    #bg-paralax-rooms-alt {
        background: url(http://placehold.it/3264x2448.jpg) no-repeat;
    }
    #bg-paralax-about {
        /*background:url(../../../wp-content/uploads/2017/04/Pelicans.jpg) no-repeat;*/
        background:url(../../../wp-content/uploads/2017/06/Pelicans.jpg) no-repeat;
        
    }

     #bg-paralax-welcome {
        background:url(../../../wp-content/uploads/2017/06/House-big.jpg) no-repeat;
    }

    #bg-paralax-contact {
        background:url(../../../wp-content/uploads/2017/06/Murrays-1-1.jpg) no-repeat;
    }

    #bg-paralax-gallery {
        background: url(http://placehold.it/3264x2448.jpg) no-repeat;
    }
    #bg-paralax-inside,
    #bg-paralax-rooms,
    #bg-paralax-rooms-alt,
    #bg-paralax-about,
    #bg-paralax-gallery,
    #bg-paralax-queen-room-spa,
    #bg-paralax-accommodation,
    #bg-paralax-contact,
    #bg-paralax-Accomodation-page,
    #bg-paralax-welcome,
    #bg-paralax-thingstodo {
        color: #fff;
        /*height: 530px;*/
        height:430px;
    }
    #bg-paralax-inside,
    #bg-paralax-rooms,
    #bg-paralax-rooms-alt,
    #bg-paralax-about,
    #bg-paralax-gallery,
    #bg-paralax-queen-room-spa,
    #bg-paralax-accommodation,
    #bg-paralax-contact,
    #bg-paralax-Accomodation-page,
    #bg-paralax-welcome,
    #bg-paralax-thingstodo {
       background-size: cover;
         /*background-size:100% auto;*/
        background-position: center bottom;
        /*background-position:center top;
        background-attachment: fixed;*/
        background-attachment: inherit;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #bg-paralax-rooms-alt {
        background-size: cover;
        background-position: center top;
        background-attachment: fixed;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #bg-paralax-inside h1,
    #bg-paralax-rooms h1,
    #bg-paralax-rooms-alt h1,
    #bg-paralax-about h1,
    #bg-paralax-gallery h1,
    #bg-paralax-queen-room-spa h1,
    #bg-paralax-accommodation h1,
    #bg-paralax-contact h1,
    #bg-paralax-Accomodation-page h1,
    #bg-paralax-welcome h1,
    #bg-paralax-thingstodo h1 {
        font-family: 'Playfair Display', serif;
        font-size: 5.2rem;
        font-weight: 300;
        color: #ffffff;
        text-transform: uppercase;
        padding: 35px 15px;
        text-align: center;
        position: relative;
    }
    #bg-paralax-inside h1:after,
    #bg-paralax-rooms h1:after,
    #bg-paralax-about h1:after,
    #bg-paralax-gallery h1:after,
    #bg-paralax-queen-room-spa h1:after,
    #bg-paralax-accommodation h1:after,
    #bg-paralax-contact h1:after,
    #bg-paralax-Accomodation-page h1:after,
    #bg-paralax-welcome h1:after,
    #bg-paralax-thingstodo h1:after{
        background: #ffffff;
        content: "";
        height: 2px;
        left: 0;
        margin: 0px auto;
        position: absolute;
        right: 0;
        top: 91%;
        width: 4%;
    }
    /* ------------ Parallax Inside Background Header Image ------------ */
    /* ------------ Rooms Blocks ------------ */

    .rooms-block {
        background-color: #ffffff;
        position: relative;
    }
    .rooms-block > .container-fluid .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }
    .rooms-block > .container-fluid .col-md-6 > img {
        padding: 0;
    }
    .rooms-block > .container-fluid .col-md-6 > .img-right > img {
        padding: 0;
    }
    .rooms-block h1,
    .rooms-block h2,
    .rooms-block p {
        text-align: left;
        padding: 10px 0px;
        text-transform: none;
    }
    .rooms-block-link a {
        font-family: 'Lato', sans-serif;
        font-size: .9em;
        font-weight: 400;
        color: #333333;
        position: relative;
        padding: 25px 0 5px 0;
        text-transform: uppercase;
        text-align: right;
        float: right;
        line-height: 1.1em;
        letter-spacing: .2em;
        text-decoration: none;
        border-bottom: 1px solid #525151;
    }
    .rooms-block-link a:hover {
        color: #999999;
        border-color: #999999;
    }
    .rooms-block p {
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        color: #484848;
        font-size: 1em;
        position: relative;
        margin-bottom: 10px;
    }
    .rooms-block h1 {
        font-family: 'Playfair Display', serif;
        font-size: 2.9em;
        font-weight: 300;
        color: #333333;
        position: relative;
        left: 25px;
    }
    .rooms-block h1:before {
        background: none;
        content: "/";
        height: 2px;
        left: -25px;
        margin: 0px auto;
        position: absolute;
    }
    .rooms-block h1:after {
        background: none;
        content: "";
        height: 2px;
        left: 0;
        margin: 0px auto;
        position: absolute;
        right: 0;
        width: 4%;
    }
    .rooms-block h2 {
        font-size: 1.1em;
        font-weight: 300;
        color: #484848;
        line-height: 1.5em;
    }
    .rooms-block h3 {
        font-size: .9em;
        font-weight: 400;
        color: #999999;
        padding: 60px 28px 0px 28px;
        text-transform: uppercase;
        letter-spacing: .2em;
    }
    /* ------------ Rooms Blocks ------------ */
    /* ------------ Tabs ------------ */

    #tabbed-nav-one,
    #tabbed-nav-two,
    #tabbed-nav-three,
    #tabbed-nav-four {
        padding: 20px 50px;
    }
    #tabbed-nav-one a,
    #tabbed-nav-two a,
    #tabbed-nav-three a,
    #tabbed-nav-four a {
        font-family: 'Lato', sans-serif;
        font-size: .9em;
        font-weight: 400;
        color: #333333;
        position: relative;
        text-transform: uppercase;
    }
    #tabbed-nav-one a:hover,
    #tabbed-nav-two a:hover,
    #tabbed-nav-three a:hover,
    #tabbed-nav-four a:hover {
        color: #999999;
        border-color: #999999;
    }
    /* ------------ Tabs ------------ */
    /* ------------ Features ------------ */

    .amenity-list {
        font-family: 'Lato', sans-serif;
        padding-top: 8px;
    }
    .amenity-list li {
        color: #333333;
        padding: 10px 0;
    }
    .amenity-list li > .fa {
        padding: 0 10px;
        width: 15%;
    }
    /* ------------ Features ------------ */
    /* ------------ Rates ------------ */

    .rates > .fa {
        padding: 0 10px;
    }
    /* ------------ Rates ------------ */
    /*------------------------------------------------------------------
	    5. Page - Rooms - Alterative View
    -------------------------------------------------------------------*/

    .rooms-alt {
        background: #ffffff;
        border: 1px solid #d3d3d3;
        padding: 0;
        margin-bottom: 30px;
    }
    .rooms-alt h1 {
        color: #333333;
        font-size: 2.3rem;
        text-align: center;
        text-transform: uppercase;
        position: relative;
    }
    .rooms-alt h1:after {
        background: #333333;
        content: "";
        height: 1px;
        left: 0;
        margin: 0px auto;
        position: absolute;
        right: 0;
        top: 110%;
        width: 9%;
    }
    .rooms-alt p {
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        color: #484848;
        font-size: 1.3rem;
        text-align: center;
        padding: 10px;
    }
    /*------------------------------------------------------------------
	    5. Page - Rooms Single
    -------------------------------------------------------------------*/
    /* Rooms Single Blocks */

    .rooms-single-block {
        background-color: #f2f1f1;
        position: relative;
    }
    .rooms-single-block > .container-fluid .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }
    .rooms-single-block > .container-fluid .col-md-6 > img {
        padding: 0;
    }
    .rooms-single-block > .container-fluid .col-md-6 > .img-right > img {
        padding: 0;
    }
    .rooms-single-block h1,
    .rooms-single-block h2 {
        position: relative;
        padding: 1px 50px;
        text-align: left;
    }
    .rooms-single-block h1 {
        font-size: 3em;
        text-transform: none;
    }
    .rooms-single-block h1:after {
        content: "";
        background: none;
    }
    .rooms-single-block h2 {
        font-size: 1.1em;
        color: #484848;
    }
    .section-callout {
        background: #333333;
    }
    .section-callout h1 {
        font-family: 'Playfair Display', serif;
        font-size: 2.9em;
        font-weight: 300;
        color: #ffffff;
        text-transform: uppercase;
        padding: 5px 15px;
        position: relative;
    }
    .section-callout h1:after {
        background: #ffffff;
        content: "";
        height: 2px;
        left: 0;
        margin: 0px auto;
        position: absolute;
        right: 0;
        top: 120%;
        width: 4%;
    }
    .section-callout h2 {
        /*font-size: 1.1em;*/
        font-size: 1.3em;
        font-weight: 300;
        color: #fafafa;
        line-height: 1.5em;
        padding:10px 100px 0;
    }
    .section-callout h3 {
        font-size: .9em;
        font-weight: 400;
        color: #999999;
        padding:0 50px;
        text-transform: uppercase;
        letter-spacing: .2em;
    }
    .plus-bg {
        background-color: #2aa5ab;
    }
    .section-intro {
        background: #ffffff;
    }
    .section-carousel h1,
    .section-carousel h2,
    .section-carousel h3 {
        text-align: center;
    }
    .section-carousel a {
        font-weight: 300;
        text-transform: uppercase;
    }
    .section-carousel h1 {
        font-family: 'Playfair Display', serif;
        font-size: 2.9em;
        font-weight: 300;
        color: #333333;
        text-transform: uppercase;
        padding: 5px 15px;
        position: relative;
         margin-bottom: 42px;
    }
    .section-carousel h1:after {
        background: #333333;
        content: "";
        height: 2px;
        left: 0;
        margin: 0px auto;
        position: absolute;
        right: 0;
        top: 120%;
        width: 4%;
    }
    .section-carousel h2 {
        font-size: 1.1em;
        font-weight: 300;
        color: #484848;
        line-height: 1.5em;
        padding: 35px 50px 150px 50px;
    }
    .section-carousel h3 {
        font-size: .9em;
        font-weight: 400;
        color: #999999;
        padding: 60px 50px 0px 50px;
        text-transform: uppercase;
        letter-spacing: .2em;
    }
    /*------------------------------------------------------------------
	    6. Page - About
    -------------------------------------------------------------------*/
    /*  ------------ Counters Fact Info  ------------ */

    #facts {
        /*background-color:#333333*;*/
    }
    #facts .counters-item {
        padding: 26% 10%;
        font-weight: bold;
        vertical-align: middle;
        color: #ffffff;
        cursor: pointer;
    }
    #facts .counters-item h2,
    .counters-item p {
        font-family: 'Playfair Display', serif;
    }
    .counters-item i {
        font-size: 50px;
        display: block;
        margin-bottom: 15px;
    }
    .counters-item p {
        color: #ffffff;
        text-transform: capitalize;
        font-weight: bold;
    }
    /*  ------------ Counters Fact Info  ------------ */
    /*  ------------ Amenity List Large  ------------ */

    .amenity-list-large {
        font-family: 'Lato', sans-serif;
        padding-top: 8px;
    }
    .amenity-list-large ul {
        list-style: none;
        line-height: 3em;
    }
    .amenity-list-large > li {
        font-size: 1.6rem;
        color: #333333;
        padding: 12px 40px;
        position: relative;
        list-style: none;
    }
    .amenity-list-large li > .fa {
        padding: 0 25px 0 10px;
        position: relative;
        width: 12%;
    }
    /*  ------------ Amenity List Large  ------------ */
    /*------------------------------------------------------------------
	    7. Page - Contact
    -------------------------------------------------------------------*/

    .section-contact-page,
    .section-contact-page-content {
        background-color: #ffffff;
    }
    .section-contact-page-content {
        padding: 50px 10px 0;
    }

.section-contact-page.contact-map {
  padding-top: 0;
}

    .section-contact-page {
  padding-bottom: 0;
}
        .section-contact-page p {
            display:none;
        }
    .section-contact-page > .container-fluid .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .section-contact-page > .container-fluid .col-md-12 > img {
        padding: 0;
    }
    .section-contact-page > .container-fluid .col-md-12 > .img-right > img {
        padding: 0;
    }
    .section-contact-page h1 {
        font-family: 'Playfair Display', serif;
        font-size: 2.9em;
        font-weight: 300;
        color: #333333;
        text-transform: uppercase;
        padding: 5px 15px;
        position: relative;
    }
    .section-contact-page h1:after {
        background: #333333;
        content: "";
        height: 2px;
        left: 0;
        margin: 0px auto;
        position: absolute;
        right: 0;
        top: 120%;
        width: 4%;
    }
    .section-contact-page h2 {
        /*font-size: 1.1em;*/
        font-size:1.3em;
        font-weight: 300;
        color: #484848;
        line-height: 1.5em;
        padding: 0 15px 16px;
    }
    .section-contact-page h3 {
        font-size: .9em;
        font-weight: 400;
        color: #999999;
        /*padding: 60px 50px 0px 50px;*/
        padding:0 50px 0;
        text-transform: uppercase;
        letter-spacing: .2em;
    }
    .section-contact-form {
        background-color: #fff;
        padding: 0px;
    }
    .contact-form {
        padding: 0 50px 0 0;
    }
    .contact-form h1 {
        font-family: 'Playfair Display', serif;
        font-size: 2.9em;
        font-weight: 300;
        color: #333333;
        text-transform: uppercase;
        padding: 0 0 20px;
        position: relative;
    }
    .contact-form h1:after {
        background: none;
        content: "";
        height: 2px;
        left: 0;
        margin: 0px auto;
        position: absolute;
        right: 0;
        top: 120%;
        width: 12%;
    }
    .contact-form h2 {
        font-size: 1.1em;
        font-weight: 300;
        color: #484848;
        line-height: 1.5em;
        padding: 35px 15px 50px 15px;
    }
    .contact-form h3 {
        font-size: .9em;
        font-weight: 400;
        color: #999999;
        padding: 60px 50px 0px 50px;
        text-transform: uppercase;
        letter-spacing: .2em;
    }
    hr.contact-line {
        background: #cdd6da;
        height: 2px;
        border: 0px;
    }
    .avara-form {
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        border-bottom: 2px solid #cdd6da;
        border-radius: 0px;
        box-shadow: none;
        background: #fafafa;
        display: block;
        font-size: 1.2rem;
        line-height: 1.42857;
        padding: 15px 10px;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        width: 100%;
    }
    .contact-information {
        color: #2e6763;
         margin-top: 51px;
    }
    .contact-information h1 {
        font-family: 'Playfair Display', serif;
        font-size: 1.3rem;
        font-weight: 300;
        color: #333333;
        text-transform: uppercase;
        padding: 10px 0 0;
        position: relative;
    }
    .contact-information h1:after {
        background: none;
        content: "";
        height: 2px;
        left: 0;
        margin: 0px auto;
        position: absolute;
        right: 0;
        top: 120%;
        width: 12%;
    }
    .contact-information h2 {
        font-size: 1.1em;
        font-weight: 300;
        color: #484848;
        line-height: 1.5em;
        padding: 35px 15px 50px 15px;
    }
    .contact-information h3 {
        font-size: .9em;
        font-weight: 400;
        color: #999999;
        padding: 60px 50px 0px 50px;
        text-transform: uppercase;
        letter-spacing: .2em;
    }
    .contact-information a {
        /*padding: 15px 7px;*/
        padding:15px 0;
        font-size: 1.5rem;
        font-weight: 300;
        color: #333333;
        line-height: 4.4rem;
    }
    .contact-information a:hover {
        color: #666666;
        text-decoration: none;
    }
    .contact-information p {
        font-weight: 300;
        color: #333333;
    }
    .contact-social a {
        font-size: 2rem;
        color: #2e6763;
        padding: 15px 7px;
    }
    .contact-social a:hover {
        color: #333333;
    }
    .contact-information li {
        list-style: none;
    }
    .fa-paper-plane {
        padding: 0px 5px 0px 1px;
    }
    #map {
        width: 100%;
        height: 500px;
    }

    /*------------------------------------------------------------------
	    8. Page - Galleries 1/2
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
	    9. Footer
    -------------------------------------------------------------------*/
    /* ------------ Footer ------------ */

    .footer-links,
    .footer-contact {
        list-style: none;
    }
    .footer-main {
        background-color: #333333;
        color: #ffffff;
        padding: 50px 25px;
    }
    .footer-bottom {
        background-color: #211f20;
        color: #9fa9ae;
        padding: 25px;
    }
    .logo-footer {
        position: absolute;
        z-index: 1;
        left: 10px;
        padding: 0;
    }
    .footer-main h1 {
        font-size: 1em;
        font-weight: 300;
        color: #fdfefe;
        padding: 10px;
        text-transform: uppercase;
        letter-spacing: .2em;
        text-align: left;
    }
    .footer-main h2 {
        font-size: .8em;
        font-weight: 300;
        color: #484848;
        line-height: 1.5em;
        padding: 35px 15px 50px 15px;
    }
    .footer-main p {
        font-size: .9em;
        font-weight: 300;
        color: #c9c8c8;
        padding: 5px 10px;
    }
    .footer-social a {
        color: #fff;
        padding: 4px 7px;
    }
    .footer-social a:hover {
        color: #ffffff;
    }
    .footer-contact {
        color: #fff;
        padding: 5px 10px;
    }
    .footer-contact a {
        padding: 5px 7px;
        font-size: .9em;
        font-weight: 300;
        color: #c9c8c8;
    }
    .footer-contact a:hover {
        color: #ffffff;
        text-decoration: none;
    }
    .footer-links {
        padding: 5px 10px;
    }
    .footer-links a {
        font-size: .9em;
        font-weight: 300;
        color: #c9c8c8;
    }
    .footer-links a:hover {
        color: #ffffff;
        text-decoration: none;
    }
    .footer-featured-img {
        padding: 0;
        width: 70%;
        position: relative;
        right: 0;
    }
    /* ------------ Footer ------------ */


    /*custom css*/
    .section-intro h2 > span {
        text-align: center;
        margin: 30px auto 0;
    }
        .section-intro h2 > span > strong {
            float:left;
            width:100%;
            margin-bottom:10px;
            font-size:20px;
        }

        .specialrates {
        float: left;
        width: 100%;
    }
    .footer-bottom p a {
        color: #bcc8a2;
    }

    /*custom css*/




    /*------------------------------------------------------------------
	    10. Media Queries
    ------------------------------------------------------------------*/

 
 
     /* Large Devices, Wide Screens */
        @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1800px) {
        /* Retina-Specific */

	    .fw_al_003_slide .hero-brand,
	    .fw_al_003_slide h1,
	    .fw_al_003_slide p,	
	    .fw_al_003_slide a  {
		    bottom:210px !important;
		    position:relative;
		
	    }
	    .hero-brand {
    	    width: 5%;
	    }
	
    }


     /* Large Devices, Wide Screens */
        @media only screen and (min-device-width : 1800px) {
		
	    .fw_al_003_slide .hero-brand,
	    .fw_al_003_slide h1,
	    .fw_al_003_slide p,	
	    .fw_al_003_slide a {
		    bottom:150px !important;
		    position:relative;
	    }
	    .hero-brand {
    	    width: 5%;
	    }
	
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1799px) {
        /* Retina-Specific */

	    .fw_al_003_slide .hero-brand,
	    .fw_al_003_slide h1,
	    .fw_al_003_slide p,	
	    .fw_al_003_slide a {
		    bottom:0px;
		    padding:10px;
	    }
	    .hero-brand {
    	    width: 10%;
        }
    }

    /* Desktops */

    @media only screen and (max-width: 1799px) {
	
	    .fw_al_003_slide .hero-brand,
	    .fw_al_003_slide h1,
	    .fw_al_003_slide p,	
	    .fw_al_003_slide a  {
		    bottom:0px !important;
	    }
	    .hero-brand {
   		    width: 10%;
        }
    }
@media (min-width: 992px) and (max-width: 1300px) {
 .copyright {
  margin: auto;
  width: 100%;
}
.copyright-txt { padding-left: 15px;}

}
    /* Medium Devices, Desktops */


    @media (min-width: 768px) and (max-width: 992px){

        .copyright-txt { line-height: 60px; width: 53%;}

      .header .header-inner .logo {
  width: 10% !important;
}

      .logo img {
  left: 0;
  width: 100% !important;
}

        .wpcf7 form input[type="submit"] {
            margin:8px 15px 8px 0;
        }

        .contact-form h1 {
  font-size: 2em;
  padding: 0;
}

        .wpcf7-form label {
  margin: 8px 0;
  width: 100% !important;
}

        .section-intro h2{ padding:0 10px;}

        .header .header-inner .logo { width: 98%;}
        .logo img {left: 0; width: 21%;}

        #bg-paralax-inside, #bg-paralax-rooms, #bg-paralax-rooms-alt, #bg-paralax-about, #bg-paralax-gallery, #bg-paralax-queen-room-spa, #bg-paralax-accommodation, #bg-paralax-contact, #bg-paralax-Accomodation-page, #bg-paralax-welcome, #bg-paralax-thingstodo {
  color: #ffffff;
  height: 400px;
}


        #bg-paralax-inside, #bg-paralax-rooms, #bg-paralax-rooms-alt, #bg-paralax-about, #bg-paralax-gallery, #bg-paralax-queen-room-spa, #bg-paralax-accommodation, #bg-paralax-contact, #bg-paralax-Accomodation-page, #bg-paralax-welcome, #bg-paralax-thingstodo {
  /*background-size: auto 100%;*/
  background-attachment:inherit;
}


        .section-intro h1::after {
            top: 101%;
        }

      
     .AccommodationFacilitieslist {
            width:100%;
        }
            .AccommodationFacilitieslist li {
                width: 33%;
            }
            .footer-col-1 {
  width: 29%;
}
}

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

       
        .box {
            height: 300px;
        }
        .attr-link {
            position: absolute;
            top: 100px;
            width: 90%;
            margin: 0 auto;
            text-align: center;
            display: block;
        }
        .attr-img {
            height: 500px;
        }
        .attr-description {
            display: none;
        }
        .link--swift span {
            display: block;
            opacity: 1;
        }
        .section-testimonial {
            padding-top: 150px;
        }
        .section-about,
        .section-contact {
            padding: 10px 20px;
        }
        .section-about h2,
        .section-contact h2 {
            padding: 25px 15px;
        }
        .section-about a,
        .section-contact a {
            margin: 0 0 35px 0;
        }
        .panel-description {
            height: 250px;
        }
        .panel-block p {
            padding: 10% 10% 0 10%;
        }
        .panel-block a {
            font-size: 1.2rem;
            padding-bottom: 10%;
        }
        .panel-block p,
        .panel-block a {
            top: 0%;
        }
        .footer-featured-img {
            width: 35%;
        }

    }
@media only screen and (max-width: 767px) {
    .copyright-txt {line-height: 20px; padding: 10px 0 18px; width: 100%;}
    .social-block {width: 100%;}

    .section-contact-page-content {padding: 0 10px;}

    .header .header-inner .logo {
  width: 98%;
}
    .logo img {
  width: 42%;
}
     
  #bg-paralax-inside, #bg-paralax-rooms, #bg-paralax-rooms-alt, #bg-paralax-about, #bg-paralax-gallery, #bg-paralax-queen-room-spa, #bg-paralax-accommodation, #bg-paralax-contact, #bg-paralax-Accomodation-page, #bg-paralax-welcome, #bg-paralax-thingstodo {
  color: #ffffff;
  height: 300px;
}

    /*#bg-paralax-inside, #bg-paralax-rooms, #bg-paralax-rooms-alt, #bg-paralax-about, #bg-paralax-gallery, #bg-paralax-queen-room-spa, #bg-paralax-accommodation, #bg-paralax-contact, #bg-paralax-Accomodation-page, #bg-paralax-welcome, #bg-paralax-thingstodo {
        background-attachment: inherit;
  background-size: 100% 100%;
   background-position: center center;
}*/

    .AccommodationFacilitieslist li {
        width:100%;
    }

    .section-intro h1::after {
         top: 100%;
    }
    section h1 {
         line-height: 33px !important;
    }


    .section-contact-page-content .row {
    margin: 0;
}

    .col-sm-4.contact-information.pull-right {
    float: left !important;
    width: 100%;
}
    .wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select, .wpcf7 form input[type="number"] { width: 100%;
    }
    .wpcf7 form textarea {
         width: 100%;
    }

    
    .wpcf7-form label:last-of-type {
    width: 100%;
}

    .wpcf7-form label {
        margin: 8px 0;
        width: 100%;
    }
    
.contact-information {
    margin-top: 0 !important;
}

    header {
        background: #333333;
        position: fixed;
    }
    .header {
    padding: 0 !important;
     height: auto;
}
    .header .header-inner {
    padding: 15px 0 0 !important;
}
   
    .logo img {width: 22%;}
    .dark-Accomodation .row {
    margin: 0;
}
    .section-intro .row {
    margin: 0;
}
    .container {
        padding: 0 !important;
    }
     .top-padding .row{
    width: 100%;
    margin:0;
}
    .top-padding .col-md-12.text-center {
    padding: 0;
    width: 100%;
}
    .logo {
    position: relative;
       left: 0;
}
    .section-callout h1::after { width:12%;}

    #fw_al_003,
    #video_avara_classic {
        position: relative;
        top: 75px;
    }

    .home {
        padding-top: 50px;
    }

    .section-reservation-exposed {
        padding: 25px 0 35px;
    }

        .section-reservation-exposed .number {
            bottom: -30px;
        }

        .section-reservation-exposed h1 {
            font-size: 1em;
        }

        .section-reservation-exposed h3 {
            position: relative;
            margin-bottom: -10px;
            font-size: .6em !important;
            line-height: 1.5em;
        }

    .exposed {
        margin-top: 50px;
    }

    .exposed-footer {
        margin-bottom: -35px;
    }

    .section-reservation-modal h3 {
        font-size: 0.5em;
        line-height: 1.5em;
    }

    .overlay .overlay-close {
        height: 8%;
        top: 30px;
    }

    .questions li > span label,
    .section-reservation-modal h1,
    .section-reservation-modal h3 {
        padding: 10px 0px;
    }

    .simform-inner {
        width: 80%;
        margin: 0 auto;
    }

    .section-about,
    .section-contact {
        padding: 15px 20px;
    }

        .section-about h2,
        .section-contact h2 {
            padding: 25px 15px;
        }

        .section-about a,
        .section-contact a {
            margin: 0 0 35px 0;
        }

    .panel-block p,
    .panel-block a {
        top: 10%;
    }

    .contact-form {
        padding: 10px;
    }

    .room-slider a {
        float: right;
        position: relative;
        top: 0px;
        right: 25px;
        margin-bottom: 25px;
    }

    .section-reservation-exposed .res-next::after {
        bottom: -45px;
    }

    
    .header .header-inner .nav {
        z-index: 555;
    }

        .header .header-inner .nav ul li a {
            line-height: 30px;
        }

    .top-bar h1 {
        font-size: 15px;
        margin-top: 2px;
        line-height: 17px;
    }

    .top-bar a, .contact-banner a {
        padding: 7px 27px;
        font-size: 13px;
    }

    .section-intro h3 {
        padding: 0;
    }

    .section-intro h1, .section-about h1, .section-contact h1, .contact-form h1, .section-contact-page h1, .section-callout h1, .section-carousel h1, .section-testimonial h1 {
        font-size: 1.8em !important;
    }

    .section-intro h2 {
        padding: 0 4px;
    }

    .section-intro h1::after {
        width: 18%;
    }

    .text-block {
        padding: 12px 0;
    }

    .featured-block h2 {
        margin-top: 0;
        width: 100%;
    }

    .featured-block h2 {
        margin-top: 0;
        padding: 0 40px;
        width: 100%;
    }

    .btn-featured {
        left: 30px;
    }

    .featured-block h1 {
        font-size: 3em;
        line-height: 27px;
        padding: 0 40px;
        text-transform: none;
    }

    .section-about h3 {
        padding: 0 16px;
        margin-top: 0;
    }

    .section-about h1::after {
        top: 127%;
    }

    .section-about h1 {
        padding: 1px 36px;
    }

    .section-about h2, .section-contact h2 {
        margin-bottom: 0;
        padding: 25px 6px;
    }

    .section-contact h3 {
        padding: 0 32px;
    }

    .section-contact h1::after {
        top: 120%;
    }

    .section-contact h2 {
        margin-bottom: 0;
        padding: 25px 6px;
        margin-top: 0;
    }

    section {
        padding: 14px 0 8px;
    }

    .section-carousel h3 {
        padding: 0 10px;
    }

    .sz_portfolio_slider_wrapper .col-md-3 {
        padding: 0;
        width: 96%;
    }

    .content-area {
        margin: 0 !important;
        padding: 0 0 50px !important;
    }

    

    .sz_portfolio_slider_wrapper .row {
        margin-left: 0;
        margin-right: 0;
    }

    #bg-paralax-inside h1, #bg-paralax-rooms h1, #bg-paralax-rooms-alt h1, #bg-paralax-about h1, #bg-paralax-gallery h1, #bg-paralax-queen-room-spa h1, #bg-paralax-accommodation h1, #bg-paralax-contact h1, #bg-paralax-Accomodation-page h1{font-size: 2rem;}


    #bg-paralax-inside h1::after, #bg-paralax-rooms h1::after, #bg-paralax-about h1::after, #bg-paralax-gallery h1::after, #bg-paralax-queen-room-spa h1::after, #bg-paralax-accommodation h1::after, #bg-paralax-contact h1::after, #bg-paralax-Accomodation-page h1::after{width: 22%;}

    .section-callout h2 {
    padding: 10px 6px 18px;
}

    }
    /* Custom, iPhone Retina */

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

        .featured-block h1 {
  font-size: 2em;
}

        .fw_al_003_slide > a,
        .fw_al_003_slide > a:hover,
        .fw_al_003_slide > a:visited {
            padding: 11px 19px !important;
            font-size: 15px !important;
        }
        .fw_al_003_slide > p {
            line-height: 24px;
        }
        .attr-img {
            height: 320px;
        }
        .carousel-indicators {
            padding-top: 30px;
        }
        .section-testimonial {
            padding: 130px 20px 50px 20px;
        }
        .section-reservation-exposed h3,
	    .section-reservation-modal h3 {
            font-size: 0.7em;
            line-height: 1.5em;
        }
        .overlay .overlay-close {
            height: 8%;
            top: 30px;
        }
        .panel-block p,
        .panel-block a {
            top: 15%;
        }
        .room-slider a {
            float: right;
            position: relative;
            top: 0px;
            right: 25px;
            margin-bottom: 25px;
        }
	    .section-reservation-exposed .res-next::after {
        bottom: -40px;
    }

    }
    /* Extra Small Devices, Phones */

    @media only screen and (max-width: 480px) {
        .logo img {
  width: 30% !important;
}

        .section-intro h1,
        .section-about h1,
        .section-contact h1,
        .contact-form h1,
        .section-contact-page h1,
        .section-callout h1,
        .section-carousel h1,
        .section-testimonial h1 {
            font-size: 2.0em;
        }

	
	    #bg-paralax-inside h1::after, 
	    #bg-paralax-rooms h1::after, 
	    #bg-paralax-about h1::after, 
	    #bg-paralax-gallery h1::after
        .section-intro h1:after,
        .section-about h1:after,
        .section-contact h1:after,
        .contact-form h1:after,
        .section-contact-page h1:after,
        .section-callout h1:after,
        .section-carousel h1:after,
        .section-testimonial h1:after {
            width: 6%;
        }
	
	    .fw_al_003_slide > a,
        .fw_al_003_slide > a:hover,
        .fw_al_003_slide > a:visited {
            padding: 10px 18px !important;
            font-size: 14px !important;
        }
        .fw_al_003_slide > p {
            line-height: 19px;
        }
        .attr-link {
            position: relative;
            top: 100px;
            width: 100%;
        }
        .attr-img {
            height: 290px;
        }
        .section-testimonial {
            padding: 25px 10px 25px 10px;
        }
        #bg-paralax {
            display: none;
        }
        .section-reservation-modal h3 {
            font-size: 0.7em;
            line-height: 1.5em;
        }
	
	    .section-reservation-exposed h1 {
		    font-size:1.2em;
		
	    }
	
	    .section-reservation-exposed h3 {
		    font-size:.7em !important;
	    }
	
        .overlay .overlay-close {
            height: 8%;
            top: 30px;
            position: absolute;
        }
        .simform .number {
            font-size: .6em;
        }
        .simform-inner {
            width: 80%;
            margin: 0 auto;
        }
	
        .section-reservation-modal button {
            top: 99px;
        }
	
	    .section-reservation-exposed .res-next::after {
        bottom: -20px;
    }
	
        .panel-block p,
        .panel-block a {
            top: 25%;
        }
        .room-slider a {
            float: right;
            position: relative;
            top: 0px;
            right: 25px;
            margin-bottom: 25px;
        }
    }
    /* Custom, iPhone Retina */

    @media only screen and (max-width: 320px) {
        .section-testimonial {
            padding: 25px 10px 25px 10px;
        }
    }




    /*--Start Bootstarp --*/

    img {
      vertical-align: middle;
    }
    .img-responsive {
      display: block;
      max-width: 100%;
      height: auto;
    }
    .img-rounded {
      border-radius: 6px;
    }
    .img-thumbnail {
      padding: 4px;
      line-height: 1.42857143;
      background-color: #ffffff;
      border: 1px solid #dddddd;
      border-radius: 4px;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      display: inline-block;
      max-width: 100%;
      height: auto;
    }
    .img-circle {
      border-radius: 50%;
    }
    hr {
      margin-top: 20px;
      margin-bottom: 20px;
      border: 0;
      border-top: 1px solid #eeeeee;
    }
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0;
    }
    .sr-only-focusable:active,
    .sr-only-focusable:focus {
      position: static;
      width: auto;
      height: auto;
      margin: 0;
      overflow: visible;
      clip: auto;
    }
    [role="button"] {
      cursor: pointer;
    }
    .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: 970px;
      }
    }
    @media (min-width: 1200px) {
      .container {
        width: 1170px;
      }
    }
    .container-fluid {
      margin-right: auto;
      margin-left: auto;
      padding-left: 15px;
      padding-right: 15px;
    }
    .row {
      margin-left: -15px;
      margin-right: -15px;
    }
    .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-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
      float: left;
    }
    .col-xs-12 {
      width: 100%;
    }
    .col-xs-11 {
      width: 91.66666667%;
    }
    .col-xs-10 {
      width: 83.33333333%;
    }
    .col-xs-9 {
      width: 75%;
    }
    .col-xs-8 {
      width: 66.66666667%;
    }
    .col-xs-7 {
      width: 58.33333333%;
    }
    .col-xs-6 {
      width: 50%;
    }
    .col-xs-5 {
      width: 41.66666667%;
    }
    .col-xs-4 {
      width: 33.33333333%;
    }
    .col-xs-3 {
      width: 25%;
    }
    .col-xs-2 {
      width: 16.66666667%;
    }
    .col-xs-1 {
      width: 8.33333333%;
    }
    .col-xs-pull-12 {
      right: 100%;
    }
    .col-xs-pull-11 {
      right: 91.66666667%;
    }
    .col-xs-pull-10 {
      right: 83.33333333%;
    }
    .col-xs-pull-9 {
      right: 75%;
    }
    .col-xs-pull-8 {
      right: 66.66666667%;
    }
    .col-xs-pull-7 {
      right: 58.33333333%;
    }
    .col-xs-pull-6 {
      right: 50%;
    }
    .col-xs-pull-5 {
      right: 41.66666667%;
    }
    .col-xs-pull-4 {
      right: 33.33333333%;
    }
    .col-xs-pull-3 {
      right: 25%;
    }
    .col-xs-pull-2 {
      right: 16.66666667%;
    }
    .col-xs-pull-1 {
      right: 8.33333333%;
    }
    .col-xs-pull-0 {
      right: auto;
    }
    .col-xs-push-12 {
      left: 100%;
    }
    .col-xs-push-11 {
      left: 91.66666667%;
    }
    .col-xs-push-10 {
      left: 83.33333333%;
    }
    .col-xs-push-9 {
      left: 75%;
    }
    .col-xs-push-8 {
      left: 66.66666667%;
    }
    .col-xs-push-7 {
      left: 58.33333333%;
    }
    .col-xs-push-6 {
      left: 50%;
    }
    .col-xs-push-5 {
      left: 41.66666667%;
    }
    .col-xs-push-4 {
      left: 33.33333333%;
    }
    .col-xs-push-3 {
      left: 25%;
    }
    .col-xs-push-2 {
      left: 16.66666667%;
    }
    .col-xs-push-1 {
      left: 8.33333333%;
    }
    .col-xs-push-0 {
      left: auto;
    }
    .col-xs-offset-12 {
      margin-left: 100%;
    }
    .col-xs-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-xs-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-xs-offset-9 {
      margin-left: 75%;
    }
    .col-xs-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-xs-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-xs-offset-6 {
      margin-left: 50%;
    }
    .col-xs-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-xs-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-xs-offset-3 {
      margin-left: 25%;
    }
    .col-xs-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-xs-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-xs-offset-0 {
      margin-left: 0%;
    }



    /*col-md-6.text-block.wow.fadeInLeft {
  padding-bottom: 12px;
  padding-top: 12px;
}*/

@media (min-width: 1025px) and (max-width: 1200px) {

     .contact-form h1 {font-size: 2em;}
    .wpcf7-form label {margin: 8px 0; width: 47.4%;}
    .wpcf7 form input[type="submit"] {margin: 8px 15px 8px 0;}

#bg-paralax-inside,
    #bg-paralax-rooms,
    #bg-paralax-rooms-alt,
    #bg-paralax-about,
    #bg-paralax-gallery,
    #bg-paralax-queen-room-spa,
    #bg-paralax-accommodation,
    #bg-paralax-contact,
    #bg-paralax-Accomodation-page,
    #bg-paralax-welcome,
    #bg-paralax-thingstodo {
        background-attachment: inherit;
    }

    .text-block {
        padding: 0;
    }
    .section-intro h1 {
  font-size: 2.5em;
  line-height: 26px;
  margin-bottom: 21px;
  padding-bottom: 2px;
}
      .featured-block h1 {font-size: 2.5em;}
    .section-intro h2 {font-size: 15px; margin-top: 0;}
    .section-intro h1 {
  font-size: 2.5em;
  line-height: 26px;
}
}

@media (min-width: 980px) and (max-width: 1024px) {

    .contact-form h1 {font-size: 2em;}

    .wpcf7-form label {
   margin: 8px 0;
   width: 47.4%;
}

    .wpcf7 form input[type="submit"] {
         margin: 8px 15px 8px 0;
    }


   #bg-paralax-inside,
    #bg-paralax-rooms,
    #bg-paralax-rooms-alt,
    #bg-paralax-about,
    #bg-paralax-gallery,
    #bg-paralax-queen-room-spa,
    #bg-paralax-accommodation,
    #bg-paralax-contact,
    #bg-paralax-Accomodation-page,
    #bg-paralax-welcome,
    #bg-paralax-thingstodo {
        background-attachment: inherit;
    }

     .section-intro h1 {
  font-size: 2em;
  line-height: 26px;
  margin-bottom: 21px;
  padding-bottom: 2px;
}
     


    .text-block {
  padding: 0 ;
}
    .header .header-inner .nav ul li {
    position:relative;
}
.header .header-inner .nav ul li:hover ul.sub-menu { display:block !important; z-index: 999999999;}
.header .header-inner .nav ul li ul.sub-menu {display: none;  background: #ffffff none repeat scroll 0 0;
    box-shadow: 5px 5px 5px #666666;
    left: 0;
    position: absolute;
    text-align: left;
    top: 88px;
    width: 200px;}
.header .header-inner .nav ul li ul li {
  display: block;
  width: 100%;
}

.header .header-inner .nav ul li ul li a {
  border-top: 1px solid #cccccc;
  color: #000000;
  display: block;
  line-height: 20px !important;
  padding-bottom: 10px;
  padding-top: 10px;
}
  .header .header-inner .nav ul li a {
  line-height: 88px !important;
}

}

    @media (min-width: 768px) and (max-width: 1024px){

        .featured-block h1 {font-size: 2em;}
    .section-intro h2 {font-size: 14px; margin-top: 0;}
    .section-intro h1 {
  font-size: 2em;
  line-height: 26px;
}


         /*.logo img {
    width: 15%;
    left:0;
}*/
          /*.logo img {
  left: 0;
  width: 34%;
}*/
        .header .header-inner .nav ul li a {
  line-height: 32px;
}
         /*.header .header-inner .nav ul li a{line-height: 34px;}*/
        .content-area { padding-top: 0 !important;
        }
}
@media (min-width: 768px) {

    


    .header {
    padding: 0 !important;
}
    

       .dark-Accomodation .row {
    margin-left: 0;
    margin-right: 0;
}

       .dark-Accomodation .col-md-12 {
    width: 99%;
}
        .header {
    padding: 0;
    width: auto;
     height: auto;
}
        /*.logo img {
    width: 15%;
    left:0;
}*/
        #bg-paralax-inside h1, #bg-paralax-rooms h1, #bg-paralax-rooms-alt h1, #bg-paralax-about h1, #bg-paralax-gallery h1, #bg-paralax-queen-room-spa h1, #bg-paralax-accommodation h1, #bg-paralax-contact h1, #bg-paralax-Accomodation-page h1, #bg-paralax-welcome h1 { font-size: 3rem;
        }
        .header .header-inner {
            padding-bottom:0 !important;
        }
        .content-area {
            margin: 0 !important;
        }

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

        .featured-block h1, .featured-block h2 {width: 80%;}
        .section-about h1 {font-size: 2.4em;}
        .footer-col-1 { margin-right:32px;}
        .section-intro .col-md-12 { width: 97%;}
        .footer div:nth-child(4) {margin-right: 0;}

      .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;
      }

      .top-padding .col-md-12 {
        width: 98%;
      }

      .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%;
      }
    }
    @media (min-width: 1200px) {
      .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
      }
      .col-lg-12 {
        width: 100%;
      }
      .col-lg-11 {
        width: 91.66666667%;
      }
      .col-lg-10 {
        width: 83.33333333%;
      }
      .col-lg-9 {
        width: 75%;
      }
      .col-lg-8 {
        width: 66.66666667%;
      }
      .col-lg-7 {
        width: 58.33333333%;
      }
      .col-lg-6 {
        width: 50%;
      }
      .col-lg-5 {
        width: 41.66666667%;
      }
      .col-lg-4 {
        width: 33.33333333%;
      }
      .col-lg-3 {
        width: 25%;
      }
      .col-lg-2 {
        width: 16.66666667%;
      }
      .col-lg-1 {
        width: 8.33333333%;
      }
      .col-lg-pull-12 {
        right: 100%;
      }
      .col-lg-pull-11 {
        right: 91.66666667%;
      }
      .col-lg-pull-10 {
        right: 83.33333333%;
      }
      .col-lg-pull-9 {
        right: 75%;
      }
      .col-lg-pull-8 {
        right: 66.66666667%;
      }
      .col-lg-pull-7 {
        right: 58.33333333%;
      }
      .col-lg-pull-6 {
        right: 50%;
      }
      .col-lg-pull-5 {
        right: 41.66666667%;
      }
      .col-lg-pull-4 {
        right: 33.33333333%;
      }
      .col-lg-pull-3 {
        right: 25%;
      }
      .col-lg-pull-2 {
        right: 16.66666667%;
      }
      .col-lg-pull-1 {
        right: 8.33333333%;
      }
      .col-lg-pull-0 {
        right: auto;
      }
      .col-lg-push-12 {
        left: 100%;
      }
      .col-lg-push-11 {
        left: 91.66666667%;
      }
      .col-lg-push-10 {
        left: 83.33333333%;
      }
      .col-lg-push-9 {
        left: 75%;
      }
      .col-lg-push-8 {
        left: 66.66666667%;
      }
      .col-lg-push-7 {
        left: 58.33333333%;
      }
      .col-lg-push-6 {
        left: 50%;
      }
      .col-lg-push-5 {
        left: 41.66666667%;
      }
      .col-lg-push-4 {
        left: 33.33333333%;
      }
      .col-lg-push-3 {
        left: 25%;
      }
      .col-lg-push-2 {
        left: 16.66666667%;
      }
      .col-lg-push-1 {
        left: 8.33333333%;
      }
      .col-lg-push-0 {
        left: auto;
      }
      .col-lg-offset-12 {
        margin-left: 100%;
      }
      .col-lg-offset-11 {
        margin-left: 91.66666667%;
      }
      .col-lg-offset-10 {
        margin-left: 83.33333333%;
      }
      .col-lg-offset-9 {
        margin-left: 75%;
      }
      .col-lg-offset-8 {
        margin-left: 66.66666667%;
      }
      .col-lg-offset-7 {
        margin-left: 58.33333333%;
      }
      .col-lg-offset-6 {
        margin-left: 50%;
      }
      .col-lg-offset-5 {
        margin-left: 41.66666667%;
      }
      .col-lg-offset-4 {
        margin-left: 33.33333333%;
      }
      .col-lg-offset-3 {
        margin-left: 25%;
      }
      .col-lg-offset-2 {
        margin-left: 16.66666667%;
      }
      .col-lg-offset-1 {
        margin-left: 8.33333333%;
      }
      .col-lg-offset-0 {
        margin-left: 0%;
      }
    }
    .clearfix:before,
    .clearfix:after,
    .container:before,
    .container:after,
    .container-fluid:before,
    .container-fluid:after,
    .row:before,
    .row:after {
      content: " ";
      display: table;
    }
    .clearfix:after,
    .container:after,
    .container-fluid:after,
    .row:after {
      clear: both;
    }
    .center-block {
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
    .pull-right {
      float: right !important;
    }
    .pull-left {
      float: left !important;
    }
    .hide {
      display: none !important;
    }
    .show {
      display: block !important;
    }
    .invisible {
      visibility: hidden;
    }
    .text-hide {
      font: 0/0 a;
      color: transparent;
      text-shadow: none;
      background-color: transparent;
      border: 0;
    }
    .hidden {
      display: none !important;
    }
    .affix {
      position: fixed;
    }

    /*-- End Bootstrap --*/



/*AVARA GALLERY CSS*/

/*-----------------------------------------*/
/* Lightbox Gallery
/*-----------------------------------------*/
.carousel:hover{
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.carousel:active{
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
/*----- MAIN WRAPPER -----*/
.sz_image_001_wrapper{
  overflow: hidden;
  padding: 0;
  /*padding: 0 0 20px 0;*/
}


/*---------------------------*/
/* TRIGGER IMAGE
/*---------------------------*/
/*----- GENERAL -----*/

.sz_image_001_trig_col_2{
  padding: 25px 200px;
}
.sz_image_001_trig > .row{
  margin: 0;
}
.sz_image_001_trig > .row > div{
  padding: 0;
}
.sz_image_001_trig_wrap{
  overflow: hidden;
  position: relative;
}
/*----- IMAGE -----*/
.sz_image_001_trig_img{
  overflow: hidden;
  position: relative;
}
.sz_image_001_trig_img > img{
  width: 100%;
  margin: auto;
  display: block;
}
/*----- CART AND TRIGGER BUTTON -----*/
.sz_image_001_trig_btn{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  position: absolute;
  background: rgba(0,0,0,0.75);
  -webkit-transform: translate(-100%,0);
  transform: translate(-100%,0);
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.sz_image_001_trig_wrap:hover .sz_image_001_trig_btn{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}
/*---------- ICONS ----------*/
.sz_image_001_trig_btn > a{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  margin: auto;
  color: #ffffff;
  font-size: 12px;
  text-shadow: none;
  line-height: 50px;
  position: absolute;
  background: #2b2b2b;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.5s cubic-bezier(.075,.82,.165,1);
  transition: all 0.5s cubic-bezier(.075,.82,.165,1);
}
.sz_image_001_trig_btn > a:nth-child(1){
  left: 51px;
}
.sz_image_001_trig_btn > a:nth-child(2){
  right: 51px;
}
.sz_image_001_trig_btn > a:hover{
  color: #ffffff;
  background: #487673;
}
/*-----------------------------------------*/
/* MODAL OR LIGHT BOX
/*-----------------------------------------*/
/*----- FADE IN AND OUT EFFECT -----*/
.modal.fade.sz_img_001_mod_sld .modal-dialog{
  opacity: 0;
  visibility: hidden;
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: all 1s cubic-bezier(0.22,0.81,0.01,0.99);
  -o-transition: all 1s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 1s cubic-bezier(0.22,0.81,0.01,0.99);
}
.modal.in.sz_img_001_mod_sld .modal-dialog{
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*----- BACKDROP -----*/
.modal-backdrop{
  background: transparent;
}
/*----- FIX THE PROBLEM OF POSITIONING CREATED BY CAROUSEL -----*/
.modal.sz_img_001_mod_sld.carousel{
  position: fixed;
}
.sz_img_001_mod_sld{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/*----- MODAL SIZES -----*/
.sz_img_001_mod_sld > .modal-dialog{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  background: transparent;
}
@media (min-width: 1301px){
  .sz_img_001_mod_sld > .modal-dialog{
    width: 100%;
    height: 100%;
	margin: auto;
  }
}
.sz_img_001_mod_sld > .modal-dialog > .modal-content{
  outline: 0;
  width: 100%;
  border: none;
  margin: auto;
  height: 100%;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.sz_img_001_mod_sld > .modal-dialog::-webkit-scrollbar{
  width: 2px;
}
.sz_img_001_mod_sld > .modal-dialog::-webkit-scrollbar-thumb{
  background: #8e8e8e;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/*----- CLOSE BUTTON -----*/
a.sz_image_001_close{
  top: 10px;
  right: 10px;
  width: 40px;
  z-index: 100;
  height: 40px;
  color: #ffffff;
  font-size: 30px;
  font-weight: 100;
  line-height: 40px;
  text-align: center;
  position: absolute;
  background: transparent;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all .6s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all .6s cubic-bezier(0.22,0.81,0.01,0.99);
}
.sz_image_001_close:hover{
  color: #487673;
  background: transparent;
}
/*-----------------------------------------*/
/* SLIDER
/*-----------------------------------------*/
/*----- INDICATORS CONTROL -----*/
.sz_image_001_indicators .carousel-indicators{
  left: 0;
  right: 0;
  top: 15px;
  width: 50%;
  padding: 0;
  height: 20px;
  margin: auto;
  bottom: auto;
  cursor: pointer;
  overflow-x: auto;
  text-align: left;
  overflow-y: hidden;
  white-space: nowrap;
}
.sz_image_001_indicators .carousel-indicators li{
  padding: 0;
  width: 7px;
  height: 7px;
  border: none;
  text-indent: 0;
  margin: 5px 2px;
  cursor: pointer;
  overflow: hidden;
  background: #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.2s;
  transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.2s;
}
.sz_image_001_indicators .carousel-indicators .active{
  width: 7px;
  height: 7px;
  border: none;
  text-indent: 0;
  margin: 5px 2px;
  background: #487673;
}
.sz_image_001_indicators .carousel-indicators::-webkit-scrollbar{
  height: 2px;
}
.sz_image_001_indicators .carousel-indicators::-webkit-scrollbar-thumb{
  background: #c0c0d3;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/*----- LEFT/RIGHT CONTROL -----*/
.sz_image_001_controls .carousel-control{
  top: 45%;
  opacity: 1;
  width: 40px;
  height: 40px;
  z-index: 100;
  color: #ffffff;
  font-size: 30px;
  cursor: pointer;
  font-weight: 100;
  overflow: hidden;
  line-height: 40px;
  text-shadow: none;
  position: absolute;
  background: transparent;
  text-shadow: none;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
}
.sz_image_001_controls .carousel-control.left{
  left: 5%;
}
.sz_image_001_controls .carousel-control.right{
  right: 5%;
  left: auto;
}
.sz_image_001_controls .carousel-control:hover{
  color: #487673;
  background: transparent;
}
/*----- SLIDE IMAGE -----*/
.sz_image_001_slide_img{
  padding: 50px 0 0 0;
}
.sz_image_001_slide_img > img{
  width: 50%;
  margin: auto;
  display: block;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.sz_image_001_slide_txt{
  width: 50%;
  margin: auto;
  padding: 15px 0;
}
.sz_image_001_slide_txt > a{
  color: #ffffff;
  display: block;
  font-weight: 300;
  -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
}
.sz_image_001_slide_txt > a:nth-child(1){
  font-size: 18px;
  margin-bottom: 5px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.sz_image_001_slide_txt > a > span{
  color: #8e8e8e;
  margin-right: 5px;
}
.sz_image_001_slide_txt > a:hover{
  color: #487673;
}
/*-----------------------------------------*/
/* RESPONSIVE
/*-----------------------------------------*/
/*---------- MEDIA 480px ----------*/
@media only screen and (max-width: 480px){
  /*----- HEADER -----*/
  .sz_image_001_header{
    width: 95%;
  }
  .sz_image_001_header > h1{
    font-size: 20px;
  }
  /*----- TRIGGER -----*/
  .sz_image_001_trig{
    padding: 25px 0;
  }
  /*----- 2 COLUMNS -----*/
  .sz_image_001_trig_col_2{
    padding: 25px;
  }
  /*----- INDICATORS CONTROL -----*/
  .sz_image_001_indicators .carousel-indicators{
    top: 50px;
    width: 90%;
  }
  /*----- LEFT/RIGHT CONTROL -----*/
  .sz_image_001_controls .carousel-control{
    top: 0;
  }
  .sz_image_001_controls .carousel-control.left{
    left: 15px;
    right: auto;
  }
  .sz_image_001_controls .carousel-control.right{
    left: 66px;
    right: auto;
  }
  .sz_image_001_slide_img{
    padding: 75px 0 0 0;
  }
  .sz_image_001_slide_img > img{
    width: 90%;
  }
  .sz_image_001_slide_txt{
    width: 90%;
  }
}
/*---------- MEDIA 481px - 600px ----------*/
@media (min-width: 481px) and (max-width: 600px){
  /*----- HEADER -----*/
  .sz_image_001_header{
    width: 75%;
  }
  /*----- TRIGGER -----*/
  .sz_image_001_trig{
    padding: 25px 50px;
  }
  /*----- INDICATORS CONTROL -----*/
  .sz_image_001_indicators .carousel-indicators{
    top: 50px;
    width: 80%;
  }
  /*----- LEFT/RIGHT CONTROL -----*/
  .sz_image_001_controls .carousel-control{
    top: 0;
  }
  .sz_image_001_controls .carousel-control.left{
    left: 15px;
    right: auto;
  }
  .sz_image_001_controls .carousel-control.right{
    left: 66px;
    right: auto;
  }
  .sz_image_001_slide_img{
    padding: 75px 0 0 0;
  }
  .sz_image_001_slide_img > img{
    width: 80%;
  }
  .sz_image_001_slide_txt{
    width: 80%;
  }
}
/*---------- MEDIA 601px - 767px ----------*/
@media (min-width: 601px) and (max-width: 767px){
  /*----- HEADER -----*/
  .sz_image_001_header{
    width: 60%;
  }
  /*----- TRIGGER -----*/
  .sz_image_001_trig{
    padding: 25px 100px;
  }
  /*----- INDICATORS CONTROL -----*/
  .sz_image_001_indicators .carousel-indicators{
    top: 50px;
    width: 70%;
  }
  /*----- LEFT/RIGHT CONTROL -----*/
  .sz_image_001_controls .carousel-control{
    top: 0;
  }
  .sz_image_001_controls .carousel-control.left{
    left: 15px;
    right: auto;
  }
  .sz_image_001_controls .carousel-control.right{
    left: 66px;
    right: auto;
  }
  .sz_image_001_slide_img{
    padding: 75px 0 0 0;
  }
  .sz_image_001_slide_img > img{
    width: 70%;
  }
  .sz_image_001_slide_txt{
    width: 70%;
  }
}
/*---------- MEDIA 768px - 991px ----------*/
@media (min-width: 768px) and (max-width: 991px){
  /*----- 2 COLUMNS -----*/
  .sz_image_001_trig_col_2{
    padding: 25px 50px;
  }
}
/*---------- MEDIA 992px - 1200px ----------*/
@media (min-width: 992px) and (max-width: 1200px){
  /*----- 2 COLUMNS -----*/
  .sz_image_001_trig_col_2{
    padding: 25px 150px;
  }
}
/*-----------------------------------------*/
/* BACKDROP COLORS
/*-----------------------------------------*/

/*-----------------------------------------*/
/* FIVE COLOUMNS
/*-----------------------------------------*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  min-height: 1px;
  position: relative;
}
.col-xs-15 {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
/*-----------------------------------------*/
/* SLIDER TIMING FUNCTIONS
/*-----------------------------------------*/
/*---------- sz_ease ----------*/
.sz_ease .carousel-inner > .item{
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_ease .carousel-inner > .item {
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
  }
}
/*---------- sz_slowSpeedy ----------*/
.sz_slowSpeedy .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(0.3,1,0,1);
  -moz-transition-timing-function: cubic-bezier(0.3,1,0,1);
  transition-timing-function: cubic-bezier(0.3,1,0,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_slowSpeedy .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(0.3,1,0,1);
    -moz-transition-timing-function: cubic-bezier(0.3,1,0,1);
    transition-timing-function: cubic-bezier(0.3,1,0,1);
  }
}
/*---------- sz_easeOutInCubic ----------*/
.sz_easeOutInCubic .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
  -moz-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
  transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_easeOutInCubic .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
    -moz-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
    transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
  }
}
/*---------- sz_swing ----------*/
.sz_swing .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.02,.01,.47,1);
  -moz-transition-timing-function: cubic-bezier(.02,.01,.47,1);
  transition-timing-function: cubic-bezier(.02,.01,.47,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_swing .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.02,.01,.47,1);
    -moz-transition-timing-function: cubic-bezier(.02,.01,.47,1);
    transition-timing-function: cubic-bezier(.02,.01,.47,1);
  }
}
/*---------- sz_easeOutCubic ----------*/
.sz_easeOutCubic .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  transition-timing-function: cubic-bezier(.215,.61,.355,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_easeOutCubic .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
  }
}
/*---------- sz_easeOutCirc ----------*/
.sz_easeOutCirc .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
  -moz-transition-timing-function: cubic-bezier(.075,.82,.165,1);
  transition-timing-function: cubic-bezier(.075,.82,.165,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_easeOutCirc .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
    -moz-transition-timing-function: cubic-bezier(.075,.82,.165,1);
    transition-timing-function: cubic-bezier(.075,.82,.165,1);
  }
}
/*---------- sz_easeOutExpo ----------*/
.sz_easeOutExpo .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
  -moz-transition-timing-function: cubic-bezier(.19,1,.22,1);
  transition-timing-function: cubic-bezier(.19,1,.22,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_easeOutExpo .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    -moz-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1);
  }
}
/*---------- sz_easeOutQuad ----------*/
.sz_easeOutQuad .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
  -moz-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
  transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_easeOutQuad .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    -moz-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
  }
}
/*---------- sz_easeOutQuart ----------*/
.sz_easeOutQuart .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  -moz-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_easeOutQuart .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
    -moz-transition-timing-function: cubic-bezier(.165,.84,.44,1);
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
  }
}
/*---------- sz_easeOutQuint ----------*/
.sz_easeOutQuint .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1);
  -moz-transition-timing-function: cubic-bezier(.23,1,.32,1);
  transition-timing-function: cubic-bezier(.23,1,.32,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_easeOutQuint .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1);
    -moz-transition-timing-function: cubic-bezier(.23,1,.32,1);
    transition-timing-function: cubic-bezier(.23,1,.32,1);
  }
}
/*---------- sz_easeOutSine ----------*/
.sz_easeOutSine .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1);
  -moz-transition-timing-function: cubic-bezier(.39,.575,.565,1);
  transition-timing-function: cubic-bezier(.39,.575,.565,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_easeOutSine .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1);
    -moz-transition-timing-function: cubic-bezier(.39,.575,.565,1);
    transition-timing-function: cubic-bezier(.39,.575,.565,1);
  }
}




/*-----------------------------------------*/
/* Carousel Slider
/*-----------------------------------------*/
.carousel:hover{
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.carousel:active{
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
/*----- MAIN WRAPPER -----*/
.sz_portfolio_slider_wrapper{
  overflow: hidden;
  padding: 20px 0 0 0;
}
/*---------------------------*/
/* HEADER
/*---------------------------*/
.sz_portfolio_slider_trig{
  overflow: hidden;
  position: relative;
}
.sz_portfolio_slider_trig > .carousel-inner > .item{
  overflow: hidden;
}
/*----- FONT -----*/
.sz_portfolio_slider_header > h1,
.sz_portfolio_slider_trig_img > a,
.sz_portfolio_slider_trig_txt > a,
.sz_portfolio_slider_trig_txt > ul > li > a{
  margin: 0;
  text-decoration: none;
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
}
/*----- HEADER -----*/
.sz_portfolio_slider_header{
  margin: auto;
  text-align: center;
  padding: 50px 0 20px 0;
}
.sz_portfolio_slider_header > h1{
  color: #313131;
  font-size: 35px;
  font-weight: 300;
  text-transform: uppercase;
}
/*---------------------------*/
/* TRIGGER SLIDER
/*---------------------------*/
/*----- GENERAL -----*/
.sz_portfolio_slider_trig{
  padding: 90px 10px 50px 10px;
}
.sz_portfolio_slider_trig_col_2{
  padding: 90px 200px 50px 200px;
}
.sz_portfolio_slider_trig .row{
  margin: 0;
}
.sz_portfolio_slider_trig .row > div{
  padding: 10px;
}
.sz_portfolio_slider_trig_wrap{
  overflow: hidden;
  position: relative;
}
/*----- INDICATORS CONTROL -----*/
.sz_portfolio_slider_indicators > .carousel-indicators{
  top: 0;
  left: 0;
  right: 0;
  width: 97%;
  height: 40px;
  font-size: 0;
  margin: 0 auto;
  overflow-x: auto;
  text-align: left;
  overflow-y: hidden;
  padding-left: 15px;
  padding-right: 15px;
  white-space: nowrap;
}
.sz_portfolio_slider_indicators > .carousel-indicators li{
  width: auto;
  height: 35px;
  margin: 0 2px;
  color: #4d5359;
  text-indent: 0;
  padding: 0 15px;
  font-size: 10px;
  overflow: hidden;
  line-height: 33px;
  text-align: center;
  letter-spacing: 1px;
  border: 1px solid #ebebeb;
  text-transform: uppercase;
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transition: background 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.sz_portfolio_slider_indicators > .carousel-indicators > li:first-child{
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.sz_portfolio_slider_indicators > .carousel-indicators > li:last-child{
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.sz_portfolio_slider_indicators > .carousel-indicators .active{
  width: auto;
  height: 35px;
  margin: 0 2px;
  text-indent: 0;
  color: #ffffff;
  background: #487673;
  border: 1px solid #487673;
}
.sz_portfolio_slider_indicators > .carousel-indicators::-webkit-scrollbar{
  height: 2px;
}
.sz_portfolio_slider_indicators > .carousel-indicators::-webkit-scrollbar-thumb{
  background: #ebebeb;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/*----- LEFT/RIGHT CONTROL -----*/
.sz_portfolio_slider_control .carousel-control{
  top: 50px;
  opacity: 1;
  width: 30px;
  bottom: auto;
  height: 30px;
  color: #4d5359;
  font-size: 16px;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  line-height: 27px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: transparent;
  border: 1px solid #ebebeb;
  text-transform: uppercase;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.sz_portfolio_slider_control .carousel-control.left{
  left: auto;
  right: 48px;
  margin: auto;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.sz_portfolio_slider_control .carousel-control.right{
  left: auto;
  right: 15px;
  margin: auto;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.sz_portfolio_slider_control .carousel-control:hover{
  opacity: 1;
  color: #ffffff;
  background: #487673;
  border: 1px solid #487673;
}
/*----- IMAGE -----*/
.sz_portfolio_slider_trig_img{
  overflow: hidden;
  position: relative;
}
.sz_portfolio_slider_trig_img > img{
  width: 100%;
  margin: auto;
  display: block;
}
.sz_portfolio_slider_trig_img > a{
  top: 3px;
  left: 3px;
  height: 18px;
  color: #0b0b0b;
  font-size: 16px;
  padding: 1px 5px;
  line-height: 18px;
  position: absolute;
  -webkit-transition: all .7s cubic-bezier(0.3,1,0,1);
  transition: all .7s cubic-bezier(0.3,1,0,1);
}
.sz_portfolio_slider_trig_img > a > span{
  margin-right: 5px;
}
.sz_portfolio_slider_trig_img > a:hover{
  color: #487673;
}
/*----- TRIGGER BUTTON -----*/
.sz_portfolio_slider_trig_btn{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  display: block;
  visibility: hidden;
  text-align: center;
  position: absolute;
  background: rgba(0,0,0,0.75);
  -webkit-transition: all .7s cubic-bezier(0.3,1,0,1);
  transition: all .7s cubic-bezier(0.3,1,0,1);
}
.sz_portfolio_slider_trig_wrap:hover .sz_portfolio_slider_trig_btn{
  opacity: 1;
  visibility: visible;
}
.sz_portfolio_slider_trig_btn > a{
  top: 0;
  left: 0;
  bottom: 0;
  width: 35px;
  right: 40px;
  height: 35px;
  margin: auto;
  color: #ffffff;
  line-height: 35px;
  text-align: center;
  position: absolute;
  background: #333333;
  display: inline-block;
  -webkit-transition: all .7s cubic-bezier(0.3,1,0,1);
  transition: all .7s cubic-bezier(0.3,1,0,1);
}
.sz_portfolio_slider_trig_btn > a:focus{
  outline: none;
}
.sz_portfolio_slider_trig_btn > a:hover{
  color: #ffffff;
  background: #487673;
}
.sz_portfolio_slider_trig_btn > span{
  display: block;
}
.sz_portfolio_slider_trig_btn > span > a{
  top: 0;
  right: 0;
  bottom: 0;
  left: 40px;
  width: 35px;
  height: 35px;
  margin: auto;
  display: block;
  color: #ffffff;
  line-height: 35px;
  text-align: center;
  position: absolute;
  background: #333333;
  -webkit-transition: all .7s cubic-bezier(0.3,1,0,1);
  transition: all .7s cubic-bezier(0.3,1,0,1);
}
.sz_portfolio_slider_trig_btn > span:hover > a{
  color: #ffffff;
  background: #487673 !important;
}
/*----- TEXT CONTENT -----*/
.sz_portfolio_slider_trig_txt{
  position: relative;
  text-align: center;
  border: 1px solid #ebebeb;
  padding: 25px 5px 25px 5px;
  -webkit-transition: all .7s cubic-bezier(0.3,1,0,1);
  transition: all .7s cubic-bezier(0.3,1,0,1);
}
.sz_portfolio_slider_trig_wrap:hover .sz_portfolio_slider_trig_txt{
  background: #4d5359;
  border: 1px solid #4d5359;
}
.sz_portfolio_slider_trig_wrap:hover .sz_portfolio_slider_trig_txt > a{
  color: #ffffff;
}
/*----- TITLE -----*/
.sz_portfolio_slider_trig_txt > a{
  color: #4d5359;
  display: block;
  font-size:13px;
  font-weight: 600;
  margin-bottom: 5px;
  text-decoration: none;
  text-transform: capitalize;
  -webkit-transition: all .7s cubic-bezier(0.3,1,0,1);
  transition: all .7s cubic-bezier(0.3,1,0,1);
}
.sz_portfolio_slider_trig_wrap:hover .sz_portfolio_slider_trig_txt > a:hover{
  color: #487673;
}
.sz_portfolio_slider_trig_txt > span > a{
  color: #afb0b4;
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  text-transform: capitalize;
  -webkit-transition: all .7s cubic-bezier(0.3,1,0,1);
  transition: all .7s cubic-bezier(0.3,1,0,1);
}
.sz_portfolio_slider_trig_txt > span > a:hover{
  color: #487673;
}
/*-----------------------------------------*/
/* MODAL OR LIGHT BOX
/*-----------------------------------------*/
/*----- FADE IN AND OUT EFFECT -----*/
.modal.fade.sz_prtf_slider_mod_sld .modal-dialog{
  opacity: 0;
  visibility: hidden;
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: all 1s cubic-bezier(0.22,0.81,0.01,0.99);
  -o-transition: all 1s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 1s cubic-bezier(0.22,0.81,0.01,0.99);
}
.modal.in.sz_prtf_slider_mod_sld .modal-dialog{
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*----- BACKDROP -----*/
.modal-backdrop{
  background: transparent;
}
/*----- FIX THE PROBLEM OF POSITIONING CREATED BY CAROUSEL -----*/
.modal.sz_prtf_slider_mod_sld.carousel{
  position: fixed;
}
.sz_prtf_slider_mod_sld{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/*----- MODAL SIZES -----*/
.sz_prtf_slider_mod_sld > .modal-dialog{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  background: transparent;
}
@media (min-width: 768px){
  .sz_prtf_slider_mod_sld > .modal-dialog{
    width: 100%;
    height: 100%;
	margin: auto;
  }
}
.sz_prtf_slider_mod_sld > .modal-dialog > .modal-content{
  outline: 0;
  width: 100%;
  border: none;
  margin: auto;
  height: 100%;
  padding: 60px 0 0 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.sz_prtf_slider_mod_sld > .modal-dialog::-webkit-scrollbar{
  width: 5px;
}
.sz_prtf_slider_mod_sld > .modal-dialog::-webkit-scrollbar-thumb{
  background: #8e8e8e;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/*----- CLOSE BUTTON -----*/
a.sz_portfolio_slider_close{
  top: 10px;
  right: 10px;
  width: 35px;
  z-index: 100;
  height: 35px;
  color: #afb0b4;
  font-size: 18px;
  font-weight: 100;
  line-height: 35px;
  text-align: center;
  position: absolute;
  background: #4d5359;
  text-decoration: none;
  text-shadow: none;
  -webkit-transition: all .6s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all .6s cubic-bezier(0.22,0.81,0.01,0.99);
}
.sz_portfolio_slider_close:hover{
  color: #ffffff;
  background: #487673;
}
/*-----------------------------------------*/
/* SLIDER
/*-----------------------------------------*/
.sz_portfolio_slider_slide_txt > a,
.sz_portfolio_slider_slide_txt > h1,
.sz_portfolio_slider_slide_txt > p,
.sz_portfolio_slider_slide_txt > ul > li > a,
.sz_prtf_sldr_indicators .carousel-indicators > li > div > p,
.sz_prtf_sldr_indicators .carousel-indicators > li > div > span{
  margin: 0;
  text-decoration: none;
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
  
}
.sz_prtf_slider_mod_sld .carousel-inner{
  /*width: 70%;*/
  width: 50%;
  margin: auto;
  background: #4d5359;
}
.sz_prtf_slider_mod_sld .carousel-inner,
.sz_prtf_slider_mod_sld .carousel-inner > .item{
  overflow: hidden;
}
/*----- LEFT/RIGHT CONTROL -----*/
.sz_prtf_sldr_control .carousel-control{
  top: 45%;
  opacity: 1;
  width: 35px;
  bottom: auto;
  height: 35px;
  color: #afb0b4;
  font-size: 16px;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  line-height: 35px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: #4d5359;
  text-transform: uppercase;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.sz_prtf_sldr_control .carousel-control.left{
  left: 5%;
  margin: auto;
}
.sz_prtf_sldr_control .carousel-control.right{
  right: 5%;
  left: auto;
  margin: auto;
}
.sz_prtf_sldr_control .carousel-control:hover{
  opacity: 1;
  color: #ffffff;
  background: #487673;
}
/*----- SLIDE IMAGE -----*/
.sz_sldr_prtf_slider_image{
  width: 100%;
  float: left;
}
.sz_sldr_prtf_slider_image > img{
  width: 100%;
  display: block;
}
/*----- TEXT -----*/
.sz_portfolio_slider_slide_txt{
  width: 25%;
  display: inline-block;
  padding: 50px 25px 15px 25px;
}
/*----- TAGS -----*/
.sz_portfolio_slider_slide_txt > ul{
  padding: 0;
  margin: 30px 0;
  list-style-type: none;
}
.sz_portfolio_slider_slide_txt > ul > li{
  display: inline-block;
}
.sz_portfolio_slider_slide_txt > ul > li > a{
  color: #afb0b4;
  display: block;
  font-size: 12px;
  font-weight: 300;
  padding: 3px 7px;
  border: 1px solid #afb0b4;
  text-transform: capitalize;
  -webkit-transition: color .6s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: color .6s cubic-bezier(0.22,0.81,0.01,0.99);
}
.sz_portfolio_slider_slide_txt > ul > li > a:hover{
  color: #487673;
  border: 1px solid #487673;
}
/*----- HEADING -----*/
.sz_portfolio_slider_slide_txt > a{
  color: #cccccc;
  display: block;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: capitalize;
}
.sz_portfolio_slider_slide_txt > p{
  margin: 25px 0;
  color: #afb0b4;
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-align: justify;
}
.sz_portfolio_slider_slide_txt > a:hover{
  color: #487673;
}

.testimonialForm{ border-top:1px dashed #ccc; padding-top:20px; }
.testimonialForm input[type="text"]{ padding:10px; border:1px solid #ccc; width:94%;}
.testimonialForm textarea{ padding:10px; border:1px solid #ccc; resize:none;}
.katb_input_style{width:70%;}
.katb_submit{ cursor:pointer;   border: 2px solid #333333; background:transparent;
    color: #333333;
    font-weight: bold; padding:5px 15px !important; font-size:14px!important;}
.katb_reset{  cursor:pointer;  border: 2px solid #333333; background:transparent;
    color: #333333;
    font-weight: bold; padding:5px 15px !important; font-size:14px!important;}

.katb_submit:hover{    border: 2px solid #333333;
    color: #333333; background:#333;
    font-weight: bold;  color: #fff; }
.katb_reset:hover{    border: 2px solid #333333;
    color: #fff; background:#333;
    font-weight: bold;}

.katb_widget_sent, .katb_test_sent, .katb_error{ width:100%; float:left; font-size:14px;}





/*-----------------------------------------*/
/* RESPONSIVE
/*-----------------------------------------*/
/*---------- MEDIA 480px ----------*/
@media only screen and (max-width: 480px){
  /*----- TRIGGER -----*/
  .sz_portfolio_slider_trig{
    padding: 90px 35px 50px 35px;
  }
  .sz_prtf_slider_mod_sld > .modal-dialog > .modal-content{
    padding: 75px 0 0 0;
  }
  .sz_prtf_slider_mod_sld .carousel-inner{
    width: 98%;
  }
  /*----- LEFT/RIGHT CONTROL -----*/
  .sz_prtf_sldr_control .carousel-control{
    top: 175px;
  }
  .sz_prtf_sldr_control .carousel-control.left{
    left: 1%;
  }
  .sz_prtf_sldr_control .carousel-control.right{
    right: 1%;
  }
  /*----- SLIDE IMAGE -----*/
  .sz_sldr_prtf_slider_image{
    width: 100%;
    float: none;
  }
  .sz_portfolio_slider_slide_txt{
    width: 100%;
  }
}
/*---------- MEDIA 481px - 600px ----------*/
@media (min-width: 481px) and (max-width: 600px){
  /*----- TRIGGER -----*/
  .sz_portfolio_slider_trig{
    padding: 90px 60px 50px 60px;
  }
  /*----- TEXT CONTENT -----*/
  .sz_portfolio_slider_trig_txt{
    padding: 20px 5px 20px 5px;
  }
  /*----- HEADING -----*/
  .sz_portfolio_slider_trig_txt > a{
    font-size: 18px;
  }
  .sz_portfolio_slider_trig_txt > ul > li > a{
    font-size: 13px;
  }
  .sz_prtf_slider_mod_sld > .modal-dialog > .modal-content{
    padding: 75px 0 0 0;
  }
  .sz_prtf_slider_mod_sld .carousel-inner{
    width: 80%;
  }
  /*----- LEFT/RIGHT CONTROL -----*/
  .sz_prtf_sldr_control .carousel-control{
    top: 200px;
  }
  .sz_prtf_sldr_control .carousel-control.left{
    left: 1%;
  }
  .sz_prtf_sldr_control .carousel-control.right{
    right: 1%;
  }
  /*----- SLIDE IMAGE -----*/
  .sz_sldr_prtf_slider_image{
    width: 100%;
    float: none;
  }
  .sz_portfolio_slider_slide_txt{
    width: 100%;
  }
}
/*---------- MEDIA 601px - 767px ----------*/
@media (min-width: 601px) and (max-width: 767px){
  /*----- TRIGGER -----*/
  .sz_portfolio_slider_trig{
    padding: 90px 125px 50px 125px;
  }
  /*----- TEXT CONTENT -----*/
  .sz_portfolio_slider_trig_txt{
    padding: 20px 5px 20px 5px;
  }
  /*----- TITLE -----*/
  .sz_portfolio_slider_trig_txt > a{
    font-size: 18px;
  }
  .sz_portfolio_slider_trig_txt > ul > li > a{
    font-size: 13px;
  }
  /*----- SLIDE IMAGE -----*/
  .sz_sldr_prtf_slider_image{
    width: 100%;
    float: none;
  }
  .sz_portfolio_slider_slide_txt{
    width: 100%;
  }
}
/*---------- MEDIA 768px - 900px ----------*/
@media (min-width: 768px) and (max-width: 900px){
  .sz_portfolio_slider_trig_col_2{
    padding: 85px 100px 50px 100px;
  }
  .sz_prtf_slider_mod_sld .carousel-inner{
    width: 98%;
  }
  /*----- LEFT/RIGHT CONTROL -----*/
  .sz_prtf_sldr_control .carousel-control{
    top: 10px;
  }
  .sz_prtf_sldr_control .carousel-control.left{
    left: auto;
    right: 50px;
    margin: auto;
  }
  .sz_prtf_sldr_control .carousel-control.right{
    left: auto;
    right: 10px;
    margin: auto;
  }
  /*----- TEXT -----*/
  .sz_portfolio_slider_slide_txt{
    padding: 20px 20px;
  }
  .sz_portfolio_slider_slide_txt > ul{
    margin: 10px 0;
  }
  .sz_portfolio_slider_slide_txt > a{
    font-size: 14px;
  }
  .sz_portfolio_slider_slide_txt > p{
    margin: 5px 0;
    font-size: 12px;
  }
}
/*---------- MEDIA 901px - 991px ----------*/
@media (min-width: 901px) and (max-width: 991px){
  .sz_portfolio_slider_trig_col_2{
    padding: 85px 100px 50px 100px;
  }
  .sz_prtf_slider_mod_sld .carousel-inner{
    width: 95%;
  }
  /*----- LEFT/RIGHT CONTROL -----*/
  .sz_prtf_sldr_control .carousel-control{
    top: 10px;
  }
  .sz_prtf_sldr_control .carousel-control.left{
    left: auto;
    right: 50px;
    margin: auto;
  }
  .sz_prtf_sldr_control .carousel-control.right{
    left: auto;
    right: 10px;
    margin: auto;
  }
  /*----- TEXT -----*/
  .sz_portfolio_slider_slide_txt{
    padding: 20px 20px;
  }
}
/*---------- MEDIA 992px - 1200px ----------*/
@media (min-width: 992px) and (max-width: 1200px){
  .sz_prtf_slider_mod_sld .carousel-inner{
    width: 80%;
  }
  /*----- LEFT/RIGHT CONTROL -----*/
  .sz_prtf_sldr_control .carousel-control{
    top: 10px;
  }
  .sz_prtf_sldr_control .carousel-control.left{
    left: auto;
    right: 50px;
    margin: auto;
  }
  .sz_prtf_sldr_control .carousel-control.right{
    left: auto;
    right: 10px;
    margin: auto;
  }
  /*----- TEXT -----*/
  .sz_portfolio_slider_slide_txt{
    padding: 20px 20px;
  }
  .sz_portfolio_slider_slide_txt > p{
    margin: 5px 0;
    font-size: 12px;
  }
}
/*-----------------------------------------*/
/* BACKDROP COLORS
/*-----------------------------------------*/

/*-----------------------------------------*/
/* FIVE COLOUMNS
/*-----------------------------------------*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  min-height: 1px;
  position: relative;
}
.col-xs-15 {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
/*-----------------------------------------*/
/* SLIDER TIMING FUNCTIONS
/*-----------------------------------------*/
/*---------- sz_ease ----------*/
.sz_ease .carousel-inner > .item{
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_ease .carousel-inner > .item {
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
  }
}
/*---------- sz_slowSpeedy ----------*/
.sz_slowSpeedy .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(0.3,1,0,1);
  -moz-transition-timing-function: cubic-bezier(0.3,1,0,1);
  transition-timing-function: cubic-bezier(0.3,1,0,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_slowSpeedy .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(0.3,1,0,1);
    -moz-transition-timing-function: cubic-bezier(0.3,1,0,1);
    transition-timing-function: cubic-bezier(0.3,1,0,1);
  }
}
/*---------- sz_easeOutInCubic ----------*/
.sz_easeOutInCubic .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
  -moz-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
  transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_easeOutInCubic .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
    -moz-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
    transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
  }
}
/*---------- sz_swing ----------*/
.sz_swing .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.02,.01,.47,1);
  -moz-transition-timing-function: cubic-bezier(.02,.01,.47,1);
  transition-timing-function: cubic-bezier(.02,.01,.47,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_swing .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.02,.01,.47,1);
    -moz-transition-timing-function: cubic-bezier(.02,.01,.47,1);
    transition-timing-function: cubic-bezier(.02,.01,.47,1);
  }
}
/*---------- sz_easeOutCubic ----------*/
.sz_easeOutCubic .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  transition-timing-function: cubic-bezier(.215,.61,.355,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_easeOutCubic .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
  }
}
/*---------- sz_easeOutCirc ----------*/
.sz_easeOutCirc .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
  -moz-transition-timing-function: cubic-bezier(.075,.82,.165,1);
  transition-timing-function: cubic-bezier(.075,.82,.165,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_easeOutCirc .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
    -moz-transition-timing-function: cubic-bezier(.075,.82,.165,1);
    transition-timing-function: cubic-bezier(.075,.82,.165,1);
  }
}
/*---------- sz_easeOutExpo ----------*/
.sz_easeOutExpo .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
  -moz-transition-timing-function: cubic-bezier(.19,1,.22,1);
  transition-timing-function: cubic-bezier(.19,1,.22,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_easeOutExpo .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    -moz-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1);
  }
}
/*---------- sz_easeOutQuad ----------*/
.sz_easeOutQuad .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
  -moz-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
  transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_easeOutQuad .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    -moz-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
  }
}
/*---------- sz_easeOutQuart ----------*/
.sz_easeOutQuart .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  -moz-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_easeOutQuart .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
    -moz-transition-timing-function: cubic-bezier(.165,.84,.44,1);
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
  }
}
/*---------- sz_easeOutQuint ----------*/
.sz_easeOutQuint .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1);
  -moz-transition-timing-function: cubic-bezier(.23,1,.32,1);
  transition-timing-function: cubic-bezier(.23,1,.32,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_easeOutQuint .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1);
    -moz-transition-timing-function: cubic-bezier(.23,1,.32,1);
    transition-timing-function: cubic-bezier(.23,1,.32,1);
  }
}
/*---------- sz_easeOutSine ----------*/
.sz_easeOutSine .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1);
  -moz-transition-timing-function: cubic-bezier(.39,.575,.565,1);
  transition-timing-function: cubic-bezier(.39,.575,.565,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .sz_easeOutSine .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1);
    -moz-transition-timing-function: cubic-bezier(.39,.575,.565,1);
    transition-timing-function: cubic-bezier(.39,.575,.565,1);
  }
}

/*AVARA GALLERY CSS*/

@media screen and (min-width:1100px) and (max-width:1299px) {    


  .footer {
    margin: auto;
    width: 100%;
}
  
    .footer-col-1 {
        margin-left: 14px;
    }
}

@media screen and (min-width:1300px) and (max-width:1500px) {

    .footer {
        margin: auto;
        width: 95%;
    }

    .footer-col-1 {
  width: 31%;
}

    .footer > div:nth-child(4) {
  margin-left: 7px;
  margin-right: 0;
}
}

@media screen and (min-width:1501px) and (max-width:2200px) {
    .footer {
        margin: auto;
        width: 95%;
    }

    .footer-col-1 {
        width: 31%;
    }

    .footer > div:nth-child(4) {
    margin-left: 32px;
    margin-right: 0;
}
}