body{
    font-family: 'Roboto';
    font-size: 15px;
    line-height: 26px;
    color: #555;
    overflow-x: hidden;
}
.fancybox-lock .fancybox-overlay{
	overflow-x: hidden !important;
}
body.home footer {
	border-top: 0;
	margin: 0;
	padding: 30px 0;
}
body.home .navbar-default{
	margin: 20px 0 0;
}
.navbar-nav > li > a{
	padding-top:6px;
}
.navbar-brand > img{
	position: relative;
	z-index: 1000;
}
.wow-slider-wrapper{
	position: relative;
}
.modal-body .thumbnail, .small-gallery .thumbnail{
	padding: 0;
	border: 0;
	border-radius: 0;
}
body.home .intro img{
	display	: none;
}
button.close{
	outline: none;
}
a.navbar-brand span{
    font-size: 22px;
    margin: 16px 0 0;
    display: none;
    color: #003471;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}
.navbar-toggle{
    margin-right: 0;
}
h1, h3{
    margin-top: 0;
    color: #000;
}
h1{
    font-family: "Playfair Display script=all rev=3", "Adobe Blank";
    font-weight: 400;
    font-style: italic;
}
.left-col{
    position: relative;
    height: 100vh;
    padding: 50px;
    transition: all 0.5s ease;
}
.nav-control{
    position: absolute;
    top: 50px;
    right: 50px;
    z-index: 999;
}
.nav-control a{
    color: #333;
    text-decoration: underline;
    font-size: 18px;
}
.logo{
    float: left;
}
.right-col{
    height: 100vh;
}
.slide-wrapper {
  display: table;
  width: 100%;
  height: 100%;
}
.intro{
    position: absolute;
	left: 20px;
    bottom: 20px;
	width: 580px;
	z-index: 2000;
	background: #fff;
	padding: 30px;
}
.intro h1{
    margin: 0 0 20px;
    font-family: "Playfair Display script=all rev=1";
    font-weight: 400;
    font-style: italic;
}
.intro p{
    font-size: 18px;
    line-height: 28px;
	margin: 0 0 0;
}
.accordion-menu{
    margin: 50px 0 0;
}
ul.accordion-lists{
    margin: 20px 0;
    padding: 0;
}
ul.accordion-lists li{
    list-style: none;
    margin: 5px 0 0;
}
ul.accordion-lists a{
    font-size: 18px;
    font-style: italic;
    color: #333;
}
.navbar-brand{
    padding: 0;
}
.navbar-default .navbar-nav > li > a{
    font-size: 18px;
}
.navbar-default{
    margin: 50px 0 0;
}
nav.navbar{
    background-color: transparent;
    border-color: transparent;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover
{
    background-color: transparent;
}
.dropdown-menu > li > a{
    text-transform: uppercase;
    font-size: 13px;
}
.dropdown-menu{
    border: 0;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    background-color: #f0f6f9;
}
.navbar-right .dropdown-menu{
    right: auto;
}
.dropdown-menu>li>a{
    padding: 8px 20px;
}
.page-title{
    margin: 50px auto;
    max-width: 660px;
    background: transparent url("../img/brush.png") no-repeat center center;
    text-align: center;
    padding: 34px 0;
}
.page-title h1{
    font-family: "Playfair Display script=all rev=3", "Adobe Blank";
    font-weight: 400;
    font-style: italic;
    font-size: 60px;
    color: #000;
}
.page-title p{
    margin: 0 30px;
    font-size: 18px;
    line-height: 28px;
}
.page-title a{
    display: inline-block;
    margin: 50px 0 0;
    background: #000;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    outline: none;
    border: 0;
    letter-spacing: 1px;
    padding: 3px 15px 2px;
}
.page-title a:hover, .page-title a:focus{
    background: #003575;
    text-decoration: none;
}
.floor-wrapper{
    text-align: center;
}
.floor-wrapper h3{
    margin: 0 0 30px;
}
.floor-wrapper img{
    margin: auto;
}
footer{
    border-top: 1px solid #eee;
    text-align: center;
    margin: 50px 0 0;
    padding: 40px 0;
}
.box-1, .box-2{
    position: relative;
}
.box-1 .box-description{
    right: 0;
}
.box-2 .box-description{
    left: 0;
}
.box-2 img{
    float: right;
}
.box-description{
    position: absolute;
    width: 350px;
    background: #fff;
    top: 50px;
    padding: 40px;
    z-index: 100;
}
.box-description h3{
    margin: 0 0 30px;
}
.google-map{
    width: 75%;
    height: 600px;
    background: #eee;
}
.panorama{
    position: relative;
    height: 600px;
}
.panorama-menu{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}
.dn-box{
    background: #fff;
    margin: -50px 0 0;
    padding: 50px;
}
.dn-box span{
    display: block;
    margin: 20px 0 0;
    padding: 20px 0 0;
    font-family: "Playfair Display script=all rev=3", "Adobe Blank";
    font-weight: 400;
    font-style: italic;
    font-size: 22px;
    color: #000;
    border-top: 1px solid #eee;
}
.dn-box strong{
    display: block;
    color: #00346e;
}
.cf-box .form-control, .cf-box button{
    border-radius: 0;
    box-shadow: none !important;
    outline: none !important;
}
.cf-box textarea{
    resize: none;
}
.ctg-block button{
    border: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    outline: none;
    border-radius: 0;
}

/* Calendar */
#calendarTitle{
    display: none !important;
}

/* Custom Accordion */
.panel-default>.panel-heading{
    background: none;
    border: 0;
}
.panel-heading{
    padding: 0;
}
.panel-body{
    padding: 0;
}
#accordion .panel-default{
    border: 0;
}
#accordion .panel{
    box-shadow: none;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{
    border-top: none;
}
.panel-title{
    font-size: 36px;
    font-family: "Playfair Display script=all rev=1";
    font-weight: 400;
    font-style: italic;
}
.panel-title a{
    text-decoration: none;
}
.panel-title a:hover{
    color: #003366;
}
.panel-group .panel+.panel{
    margin-top: 20px;
}

/* No Gutter */
.row.no-pad {
  margin-left: 0;
  margin-right: 0;
}
.row.no-pad [class*='col-']:not(:first-child),
.row.no-pad [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

.custom-collapse-menu {
    position: absolute;
    transition: all 0.5s ease;
    width: 100%;
    left: -100%;
    background-color: #fff;
    z-index: 100;
}

.custom-collapse-menu.active {
    left: 0;
}

@media (max-width: 768px) and (min-height: 1024px){
    .nav > li > a{
      padding: 10px 15px !important;
    }
    .nav > li:last-child > a{
      padding-right: 0 !important;
    }
    .navbar-nav{
      margin-top: 5px;
    }
    img.img-do{
      width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1200px){
	.navbar-default .navbar-nav > li > a{
		font-size: 16px;
	}
}
@media (min-width: 768px) and (max-width: 992px){
	.intro{
		padding: 19px 25px 21px;
		width: 500px;
	}
	.intro h1{
		font-size: 24px;
		margin: 0 0 15px;
	}
	.intro p{
		font-size: 16px;
		line-height: 20px;
	}
   .navbar-header{
	   width: 100%;
   }
   .navbar-brand{
	   float: none;
	   display: block;
	   height: auto;
   }
   .navbar-default{
	   margin: 20px 0 0;
   }
   .navbar-brand > img{
	   margin: auto;
   }
   .page-title h1{
	   font-size: 40px;
   }
   .navbar-default .navbar-nav > li > a{
	   font-size: 16px;
   }
   .navbar-nav{
	   margin: 30px 0 0;
   }
   .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3{
      margin-left: 0;
    }
    .col-sm-3, .col-sm-8, .col-sm-9, .col-sm-10{
      width: 100%;
    }
	.col-sm-6{
      width: 100%;
    }
}

@media only screen and (max-width : 768px) {
    body.home .intro{
			position: relative;
			left:0;
      width: auto;
      bottom: auto;
      text-align: center;
    }
		.intro p, .intro h1{
			padding: 0 20px;
		}
		body.home .intro img{
			display: block;
			margin: 30px 0 0;
		}
    body.home .left-col{
            height: auto;
            padding: 50px 0;
        }
		    body.home .left-col .panel-title a{
			      padding: 0 0 0 30px;
		    }
        body.home .nav-control{
            position: absolute;
            top: 20px;
            right: 20px;
        }
        body.home .logo{
            float: none;
            margin: 30px 0 0;
        }
        body.home .logo img{
            margin: auto;
        }
        body.home .accordion-menu{
            margin: 20px 0 0;
        }
        a.navbar-brand img, body.home .right-col{
            display: none;
        }
		.right-col{
			height: auto;
		}
        a.navbar-brand span{
            display: inline-block;
        }
        .navbar-default{
            margin: 20px 0 0;
        }
        .page-title{
            margin: 30px 0 40px;
			background: none;
			padding: 0;
			text-align: left;
        }
        footer{
            padding: 20px 0;
			margin: 30px 0 0;
        }
        .box-description{
            position: relative;
            width: 100%;
            top: 0;
            padding: 0 0 30px;
        }
        .box-description ul{
            margin: 0 0 0 20px;
            padding: 0;
        }
        .google-map{
            width: 100%;
        }
        .form{
            text-align: center;
        }
		.page-title h1{
			font-size: 36px;
			margin: 0 0 20px;
		}
		.page-title p{
			margin: 0;
		}
		.nav > li > a{
			padding: 10px 0;
		}
		.dn-box{
			margin: 0;
			padding: 0;
		}
		.dn-box p{
			margin: 20px 0 0;
			line-height: 23px;
		}
		.dn-box span{
			font-size: 20px;
		}
		ul.cd-filters{
			margin: 0 0 20px !important;
		}
		ul.cd-filters li{
			display: inline-block;
			padding: 0 !important;
		}
		ul.cd-filters a{
			padding: 1px 4px;
		}

		ul.cd-filters a:focus{
			background: #333;
			border-radius: 2px;
			color: #fff;
			text-decoration: none;
		}
		ul.cd-filters a:hover{
			text-decoration: none;
		}
		.box-description h3{
			margin: 0 0 20px;
		}
		.google-map, .clndr-box, .panorama{
			height: 300px;
		}
		.wow {
		  visibility: visible !important;
		  -webkit-animation: none !important;
			 -moz-animation: none !important;
			   -o-animation: none !important;
			  -ms-animation: none !important;
				  animation: none !important;
		}
		.floor-wrapper h3{
			text-align: left;
			margin: 0 0 20px;
		}
		.page-title a{
			letter-spacing: 0;
			margin: 20px 0 0;
			padding: 3px 10px 2px;
		}
		.default-slide{
			display: block;
		}
    }
@media only screen and (max-width : 480px) {
		.panel-title, .intro h1, .page-title h1{
			font-size: 24px;
		}
		.page-title{
			margin: 20px 0 30px;
		}
		.page-title p{
			font-size: 15px;
			line-height: 22px;
		}
		.page-title h1, .box-description h3{
			margin: 0 0 15px;
		}
		h3{
			font-size : 18px;
		}
	}