body { font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.7; color: #777; font-weight: 400; overflow-x: hidden }

.playball { font-family: 'Playball', cursive }

h1,
h2,
h3,
h4,
h5,
h6 { color: #333; line-height: 1.4; font-weight: 700 }

.w960 { max-width: 960px; margin: 0 auto }

a,
a:hover { color: #cc580c; text-decoration: none }

img { max-width: 100% }

.isFixed { left: 0; width: 100% }

.menu { margin-top: 0; position: absolute; z-index: 999; margin-top: 20px; left: 0; right: 0; bottom: 0 }

.navwrapper .container { padding: 0; width: auto }

.navbar-header { display: none }

.nav>li>a { display: inline-block }

.navbar-nav>li { float: none; display: inline-block }

.navbar-nav { margin: 0 auto; text-align: center; float: none }

.navbar-toggle { margin-top: 14px }

.navbar-wrapper { margin-top: 0; height: 80px; position: relative; z-index: 15 }

.navbar-wrapper .container { padding: 0 }

.navbar-collapse { padding: 0 }

.navbar-collapse.in { max-height: 100% }

.navbar.navbar-inverse.navbar-static-top { margin: 0 auto; background: none; color: #c3c8d6; border: none; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase }

.navbar.navbar-inverse.navbar-static-top a { color: #fff; padding: 31px 16px; line-height: 18px; text-align: center }

.navbar.navbar-inverse.navbar-static-top a:hover { background: none; color: #fff }

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus { background: none; color: #fff!important }

.navbar-inverse .navbar-nav>.active>a:hover { color: #fff }

.hideClass { display: none }

.isFixed .navbar-inverse .navbar-nav>.active>a,
.isFixed .navbar-inverse .navbar-nav>.active>a:focus { background: #cc580c; color: #fff }

.isFixed .navbar.navbar-inverse.navbar-static-top a:hover { background: #cc580c; color: #fff }

.isFixed .navbar.navbar-inverse.navbar-static-top a { color: #fff }

.stuckMenu { -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; background: #E17700 }

.isFixed { background: #E17700; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s }

.collapse { display: block!important }

.black-grid { height: 720px; padding-top: 200px; }

.new-class { position: absolute; top: 0; left: 0; }

.mainTitle { font-size: 6.2em !important; text-shadow: 1px 1px 5px #000; margin-top: 0 !important; }

.subTitl { font-size: 1.5em !important; color: #FFF; font-family: Raleway !important; margin-left: 25px; }

.isoTitle { font-family: 'Bree Serif', serif; padding-top: 20px; display: block; font-weight: 400; font-size: 2.75rem; text-shadow: 1px 1px 5px #000; }

.caption { color: #FFF; padding-left: 35px; font-size: 1.8rem; }

.btn-custom { border-radius: 50px; padding: 8px 40px; margin-top: 30px !important; background-color: rgba(225,119,0,1); color: rgba(255,255,255,1.00); border: solid #E17700 1px; font-size: 1.6rem; display: block; margin: 0 auto; transition: all .3s ease-in-out; }

.btn-custom:hover,
.btn-custom:focus { color: rgba(255,255,255,1.00); background-color: rgba(225,119,0,.3); }

.nav-btn { display: none; outline:none; }

@media (max-width: 655px) {
	
.menu { bottom:auto; }	

.black-grid { height: 665px; padding-top: 160px; }

.parallax-pattern-overlay { width: 100% !important; }

.carousel-inner img { height: 675px !important; object-fit: cover; }

.heading { padding-top: 20px !important; }

.menu { top: -120px; margin-top: 0 !important; }

.mainTitle { font-size: 5em !important; text-shadow: 1px 1px 5px #000; margin-top: 0 !important; }

.subTitl { font-size: 1.3em !important; }

.isoTitle { padding-top: 20px; font-size: 2rem; }

.caption { font-size: 1.4rem; }

.btn-custom { margin-top: 20px !important; }

.nav-btn { position: fixed; top: 10px; right: 5px; z-index: 99999; display: block; background-color: #E17700; border: none; outline:none !important;}

.nav-btn:hover,
.nav-btn:focus { background-color: #E17700; }

.collapse { background: #E17700; }

.navbar.navbar-inverse.navbar-static-top a { padding: 15px 11px; line-height: 25px; font-size: 13px }
}

header { padding-bottom: 50px }

.intro { font-family: 'Playball', cursive; font-size: 60px; line-height: 1; font-weight: 900; color: #fff }

.parallax { text-align: center; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed!important; overflow: hidden }

.parallax-pattern-overlay { background-image: url(../img/pattern.png); background-repeat: repeat }

.heading { padding-bottom: 15px; text-align: center; max-width: 960px; margin: 0 auto; padding-top: 80px }

.heading h2 { font-weight: 700; font-family: 'Playball', cursive; font-size: 35px; color: #333; margin: 0; padding: 5px }

.heading h2::first-letter { color: #cc580c }

.heading h3 { font-size: 16px; line-height: 1.7 }

img#site-title { max-width: 130px; margin-left: 6px; }

.papers,
.papers:before,
.papers:after { background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0 0 30px rgba(0,0,0,0.1), 1px 1px 3px rgba(0,0,0,0.2) }

.papers { position: relative; width: 90%; padding: 2em; margin: 0 auto; margin-top: 40px; font-size: 12px }

.papers:before,
.papers:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: rotateZ(2.5deg); -o-transform: rotate(2.5deg); transform: rotateZ(2.5deg); z-index: -1 }

.papers:after { -webkit-transform: rotateZ(-2.5deg); -o-transform: rotate(-2.5deg); transform: rotateZ(-2.5deg) }

.papers h1 { font-size: 1.8em; font-weight: 400; text-align: center; padding: .2em 0; margin: 0; border-top: 1px solid #ddd; border-bottom: 2px solid #ddd }

.papers p { text-align: left; margin: 1.5em 0 }

.papers img { max-width: 100%; margin-bottom: 5px }

.restmenuwrap { box-shadow: inset 0 0 0 16px #fff, inset 0 0 0 17px #eee, inset 0 0 0 18px #fff, inset 0 0 0 19px #eee, inset 0 0 0 20px #fff, inset 0 0 0 21px #eee, 0 4px 20px rgba(0,0,0,0.1); -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; pointer-events: auto }

.restmenuwrap h5 { margin: 0; font-size: 14px }

.restmenuwrap .rm-thumb { width: 100px; height: 100px; background-repeat: no-repeat; background-position: center center; float: left; margin: 0 20px 0 0; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2), 1px 1px 1px rgba(255,255,255,0.1); border-radius: 50% }

.restmenuwrap { font-size: 12px; padding: 40px 40px 20px }

.restitem { margin-bottom: 40px }

.restitem p { margin-bottom: 0 }

.restmenuwrap h3.maincat { margin: 0 0 20px; font-size: 19px; padding-bottom: 10px; color: #cc580c; border-bottom: 4px double #eee }

.grid-gallery ul { list-style: none; margin: 0; padding: 0 }

.grid-gallery figure { margin: 0 }

.grid-gallery figure img { display: block; width: 100% }

.grid-gallery figcaption h3 { margin: 0; padding: 0; color: #fff; font-size: 17px; font-weight: 300 }

.grid-gallery figcaption p { margin: 0; font-size: 12px }

.grid-wrap { margin: 0 auto }

.grid { margin: 0 auto }

.grid li { width: 25%; float: left; cursor: pointer }

.grid figure { padding: 15px; -webkit-transition: opacity .2s; transition: opacity .2s }

.grid li:hover figure { opacity: .7 }

.grid figcaption { background: #333; padding: 25px }

.slideshow { position: fixed; background: rgba(0,0,0,0.6); width: 100%; height: 100%; top: 0; left: 0; z-index: 500; opacity: 0; visibility: hidden; overflow: hidden; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transition: opacity 0.5s, visibility 0 .5s; transition: opacity 0.5s, visibility 0 .5s }

.slideshow-open .slideshow { opacity: 1; visibility: visible; -webkit-transition: opacity .5s; transition: opacity .5s }

.slideshow ul { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate3d(0, 0, 150px); transform: translate3d(0, 0, 150px); -webkit-transition: -webkit-transform .5s; transition: transform .5s }

.slideshow ul.animatable li { -webkit-transition: -webkit-transform .5s; transition: transform .5s }

.slideshow-open .slideshow ul { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }

.slideshow li { width: 660px; height: 560px; position: absolute; top: 50%; left: 50%; margin: -280px 0 0 -330px; visibility: hidden }

.slideshow li.show { visibility: visible }

.slideshow li:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255,255,255,0.8); -webkit-transition: opacity .3s; transition: opacity .3s }

.slideshow li.current:after { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0 .3s; transition: opacity 0.3s, visibility 0 .3s }

.slideshow figure { width: 100%; height: 100%; background: #fff; border: 50px solid #fff; border-bottom: 10px!important; overflow: hidden; margin-top: 40px }

.slideshow figcaption { padding-bottom: 20px }

.slideshow figcaption h3 { font-weight: 300; font-size: 200%; color: #333 }

.slideshow nav span { position: fixed; z-index: 1000; color: #fff; text-align: center; padding: 2%; cursor: pointer; font-size: 2.2em; background: rgba(0,0,0,0.1) }

.slideshow nav span.nav-prev,
.slideshow nav span.nav-next { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }

.slideshow nav span.nav-next { right: 0 }

.slideshow nav span.nav-close { top: 75px; right: 0; padding: 10px 25px; color: #999 }

.icon:before,
.icon:after { font-family: 'fontawesome'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }

span.nav-prev:before { content: "\f104" }

span.nav-next:before { content: "\f105" }

span.nav-close:before { content: "\f00d" }

.info-keys { position: fixed; top: 10px; left: 10px; width: 60px; font-size: 8px; padding-top: 20px; text-transform: uppercase; color: #fff; letter-spacing: 1px; text-align: center }

.info-keys:before,
.info-keys:after { position: absolute; top: 0; width: 16px; height: 16px; border: 1px solid #fff; text-align: center; line-height: 14px; font-size: 12px }

.info-keys:before { left: 10px; content: "\e603" }

.info-keys:after { right: 10px; content: "\e604" }

@media screen and (max-width:60em) {

.grid li { width: 33.3% }

.slideshow li { width: 100%; height: 100%; top: 0; left: 0; margin: 0 }

.slideshow li figure img { width: auto; margin: 0 auto; max-width: 100% }

.slideshow nav span,
.slideshow nav span.nav-close { font-size: 1.8em; padding: .3em }

.info-keys { display: none }
}

@media screen and (max-width:35em) {

.grid li { width: 50% }
}

@media screen and (max-width:24em) {

.grid li { width: 100% }
}

input.contact { background: #fff; border: solid 1px #ddd; color: #000; padding: 15px 30px; margin-right: 3%; margin-bottom: 30px; outline: none }

input.contact.noMarr { margin-right: 0 }

textarea.contact { background: #fff; color: #000; border: solid 1px #ddd; padding: 15px 30px; margin-bottom: 40px; outline: none; height: 150px }

.contact.submit { background: #333; font-family: 'Montserrat', sans-serif; color: #fff; font-size: 16px; font-weight: 400; text-align: center; margin: 0; border: none!important; border-radius: 3px }

.contact.submit:hover { background: #cc580c }

.done { display: none }

.error input,
input.error,
.error textarea,
textarea.error { background-color: #fff; border: 1px solid red!important; -webkit-transition: border linear 0.2s, box-shadow linear .2s; -moz-transition: border linear 0.2s, box-shadow linear .2s; -o-transition: border linear 0.2s, box-shadow linear .2s; transition: border linear 0.2s, box-shadow linear .2s }

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

input.contact.col-md-6 { width: 48.5% }
}

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

.menu { top: 320px !important; }

.black-grid { padding-top: 10px; }
}

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

.menu { top: 320px !important; }

.black-grid { padding-top: 10px; height: 350px; }

.parallax-pattern-overlay { width: 100% !important; }
}

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

.menu { top: 550px !important; }

.black-grid { padding-top: 150px; height: 580px; }

.parallax-pattern-overlay { width: 100% !important; }
}

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

.menu { top: 580px !important; }

.black-grid { padding-top: 150px; height: 600px; }

.parallax-pattern-overlay { width: 100% !important; }
}

.footer { background: #333; margin-top: 120px; position: relative; }

.footer .container { padding: 60px 0 20px }

.footer ul { margin: 0 auto; margin-bottom: 30px; margin-top: 10px; text-align: center; list-style-type: none; padding-left: 0 }

.footer ul li { display: inline-block; text-align: center; background: rgba(0,0,0,0.2); color: #fff; line-height: 45px; margin: 0 4px; width: 45px!important; height: 45px!important; -webkit-border-radius: 3px; border-radius: 3px }

.footer ul li:hover { background: #2a2a2a }

.footer ul li:hover a { color: #fff }

.footer ul li a { color: #fff; width: 42px!important; height: 42px!important }

.footer ul li a i { line-height: 45px; color: #fff }

.footer p { color: #fff; font-size: 13px; line-height: 24px; font-weight: 300; text-align: center; text-transform: uppercase }

.gototop { display: inline-block; width: 60px; height: 60px; background: #fff; position: absolute; margin-left: -30px; top: -35px; border-radius: 50% }

.gototop i { color: #cc580c; line-height: 70px }

.footer a,
.footer a:hover { color: #fff }

blockquote { font-style: italic; margin: 0; padding: 20px 70px 10px; position: relative; font-size: 13px; border: 0 }

blockquote:before { display: block; content: "\201C"; font-size: 120px; position: absolute; left: 10px; top: -30px; color: #cc580c; font-family: Georgia }

blockquote cite { color: #cc580c; font-size: 14px; display: block; margin-top: 5px; text-align: right }

blockquote cite:before { content: "\2014 \2009" }