@charset "UTF-8";
/*
	Hallmark CSS

	1. General
	2. Font Styling
	3. Sections
	4. Headers
	5. Menu
	6. Dropdown Menu
	7. Responsive Menu
	8. Sitemap
	9. Slideshows
	10. Forms
	11. Buttons
	12. Footer
	13. Misc
	14. Slants
	15. Case Studies
	16. Blog
	17. Cookie Policy
	18. FancyBox
*/


/* - - - - - - - - - - -1. General - - - - - - - - - - - */
body {background-color: #fff;}
html {background-color: #e4e4d9;}
.break {width: 100%; height: 30px;}
::selection {background: #ec9a9e;}
::-moz-selection {background: #ec9a9e;}
::-webkit-selection {background: #ec9a9e;}


/* - - - - - - - - - - - 2. Font Styling - - - - - - - - - - - */
#fonts {font-family: 'Work Sans', sans-serif;}
h1, h2, h3, h4, p {-webkit-font-smoothing: antialiased; font-weight: 300;}
h1, h2, h3, h4 {margin-top: 0;}
h1 strong, h2 strong, h3 strong, h4 strong {font-weight: 700;}
h1 {font-family: 'Work Sans', sans-serif; color: #b6121b; font-size: 40px; line-height: 50px; margin-bottom: 20px;}
h2 {font-family: 'Work Sans', sans-serif; color: #b6121b; font-size: 30px; line-height: 40px; margin-bottom: 20px;}
h3 {font-family: 'Work Sans', sans-serif; color: #b6121b; font-size: 30px; line-height: 40px; margin-bottom: 20px;}
h4 {font-family: 'Work Sans', sans-serif; color: #b6121b; font-size: 24px; line-height: 30px; margin-bottom: 20px;}
p {font-family: 'Work Sans', sans-serif; color: #626262; font-size: 16px; line-height: 30px; margin-top: 0; margin-bottom: 20px;}
a {text-decoration: none;}
p strong {font-weight: 400;}
p a {color: #b6121b; text-decoration: none;}
.large {font-size: 30px; line-height: 34px;}
.small {font-size: 14px; line-height: 28px;}
.black {color: #1f1f1f;}
.white {color: #fff;}
.red {color: #b6121b;}
.uppercase {text-transform: uppercase;}
.text-break {display: block;}
.right-half {text-align: right;}
.right-button {float: right;}
.half-list {padding: 0; margin-bottom: 30px;}
.half-list li {width: 48%; float: left; list-style-position: inside; padding: 10px; font-family: 'Work Sans', sans-serif; color: #626262; font-size: 16px; line-height: 20px; -webkit-font-smoothing: antialiased; font-weight: 300;}
.team-image {width: 60%; margin-bottom: 30px!important;}
.align-right {text-align: right;}


/* - - - - - - - - - - - 3. Sections - - - - - - - - - - - */
.white-section {width: 100%; background-color: #fff;}
.cream-section {width: 100%; background-color: #e4e4d9;}
.red-image-section {width: 100%; background: url(../images/backgrounds/red-image-bg.jpg) center repeat #bc4a50;}
.kitchen-section {width: 100%; background: url(../images/backgrounds/kitchen-bg.jpg) center no-repeat #e4e4d9;}
.slanted-section {width: 100%; height: 450px; background: url(../images/backgrounds/slanted-bg-2.jpg) top center no-repeat #fff;}
.yt-bg {background: url(../images/backgrounds/youtube-bg.jpg) top center no-repeat #fff;}
.knife-section {width: 100%; background: url(../images/left/knifes.jpg) 0 100% no-repeat #fff;}
.plans-section {width: 100%; background: url(../images/left/plans.jpg) 0 100% no-repeat #fff;}


/* - - - - - - - - - - - 4. Headers - - - - - - - - - - - */
header {width: 100%; height: 80px; background-color: #b6121b; position: relative; z-index: 1002; margin-top: 20px;}
.shadow {width: 100%; height: 45px; background: url(../images/backgrounds/shadow-bg.png) top left repeat-x; margin-bottom: -46px; position: relative; z-index: 1001;}
.logo-container {width: 170px; height: 80px; background-color: #fff; float: left; text-align: center;}
.logo-container img {margin: 10px auto 0 auto; width: 85px;}
.page-header {width: 100%; height: 280px; margin-top: -150px;}
.ph-about {background: url(../images/backgrounds/page-headers/about.jpg) center repeat #bc4a50;}
.ph-services {background: url(../images/backgrounds/page-headers/services.jpg) center repeat #bc4a50;}
.ph-case-studies {background: url(../images/backgrounds/page-headers/case-studies.jpg) center repeat #bc4a50;}
.ph-contact {background: url(../images/backgrounds/page-headers/contact.jpg) center repeat #bc4a50;}
.ph-services-planning {background: url(../images/backgrounds/page-headers/services-planning.jpg) center repeat #bc4a50;}
.ph-services-equipment {background: url(../images/backgrounds/page-headers/services-equipment.jpg) center repeat #bc4a50;}
.ph-services-solutions {background: url(../images/backgrounds/page-headers/services-solutions.jpg) center repeat #bc4a50;}
.ph-services-maintenance {background: url(../images/backgrounds/page-headers/services-maintenance.jpg) center repeat #bc4a50;}
.ph-aqua-hutong {background: url(../images/backgrounds/page-headers/aqua-hutong.jpg) center repeat #bc4a50;}
.ph-corbin-king {background: url(../images/backgrounds/page-headers/corbin-king.jpg) center repeat #bc4a50;}
.ph-milos-restaurant {background: url(../images/backgrounds/page-headers/milos-restaurant.jpg) center repeat #bc4a50;}
.ph-telecom-plus {background: url(../images/backgrounds/page-headers/telecom-plus.jpg) center repeat #bc4a50;}
.ph-gilead {background: url(../images/backgrounds/page-headers/gilead.jpg) center repeat #bc4a50;}
.ph-grove {background: url(../images/backgrounds/page-headers/grove.jpg) center repeat #bc4a50;}
.ph-conrad-st-james {background: url(../images/backgrounds/page-headers/conrad-st-james.jpg) center repeat #bc4a50;}
.ph-bike-shed {background: url(../images/backgrounds/page-headers/bike-shed.jpg) center repeat #bc4a50;}
.ph-four-seasons-hotel {background: url(../images/backgrounds/page-headers/four-seasons-hotel.jpg) center repeat #bc4a50;}
.ph-basil-wholefoods {background: url(../images/backgrounds/page-headers/basil-wholefoods.jpg) center repeat #bc4a50;}
.ph-isabel {background: url(../images/backgrounds/page-headers/isabel.jpg) center repeat #bc4a50;}
.ph-dishoom {background: url(../images/blog/dishoom/header/1.jpg) center repeat #bc4a50;}
.ph-b-and-i {background: url(../images/blog/b-and-i-project/header.jpg) center repeat #bc4a50;}
.ph-school-catering {background: url(../images/blog/school-catering/header.jpg) center repeat #bc4a50;}
.ph-catering-insight-power-list {background: url(../images/blog/catering-insight-power-list/header.jpg) center repeat #bc4a50;}
.ph-catering-design {background: url(../images/blog/catering-design/header.jpg) center repeat #bc4a50;}
.ph-service-maintenance-expansion {background: url(../images/blog/service-maintenance-expansion/header.jpg) center repeat #bc4a50;}
.ph-osm {background: url(../images/backgrounds/page-headers/osm.jpg) center repeat #bc4a50;}
.page-header h1 {color: #fff; margin: 40px 0; text-align: center;}
.header-number {display: block; margin: 22px 10px; float: right; font-size: 20px; color: #fff;}
.header-number a {color: #fff;}


/* - - - - - - - - - - - 5. Menu - - - - - - - - - - - */
nav {width: 610px; height: 80px; float: right; font-family: 'Work Sans', sans-serif; text-transform: uppercase;}
nav #desktop-menu > ul {height: 80px; position: relative; padding: 0; margin: 0; list-style: none;}
nav #desktop-menu > ul > li {width: auto; height: 80px; float: left; font-size: 14px; color: #fff; line-height: 20px; -webkit-font-smoothing: antialiased;}
nav #desktop-menu > ul > li:hover {color: #fff;}
nav #desktop-menu > ul > li > a {width: 100%; height: 80px; padding: 29px 20px; margin: 0px; display: block; color: #fff; text-align: center; transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out;}
nav #desktop-menu > ul > li > a:hover {margin: 0px; display: block; color: #fff; border-right: none; background-color: #313131;}
nav #desktop-menu ul a {display: block; color: #fff; text-decoration: none; height: auto; width: auto; cursor: pointer; position: relative;}
nav #desktop-menu ul li:hover > a {color: #fff; background-color: #313131;}


/* - - - - - - - - - - - 6. Dropdown Menu - - - - - - - - - - - */
nav #desktop-menu > ul > li > ul {font-family: 'Work Sans', sans-serif; height: auto; background-color: #313131; display: block; left: -999em; position: absolute; list-style: none; padding: 0; z-index: 999; font-size: 14px; line-height: 20px; text-align: left; color: #fff;}
nav #desktop-menu li:hover ul, nav #desktop-menu li.sfhover ul {left: auto;}
nav #desktop-menu > ul > li > ul > li {float: left; clear: both;}
nav #desktop-menu > ul > li > ul > li > a {width: 200px; float: left; margin: 0px; display: block; padding: 20px; color: #fff; clear: both;}
nav #desktop-menu > ul > li > ul > li > a:hover {background-color: #252525;}
nav #desktop-menu ul li ul li:hover {color: #FFF; z-index: 30001; background-color: #252525; background-image: none;}


/* - - - - - - - - - - - 7. Responsive Menu - - - - - - - - - - - */
a.meanmenu-reveal {display: none}
.mean-container .mean-bar {width: 100%; position: absolute; background-color: #212121; padding: 4px 0; min-height: 45px; z-index: 999999; clear: both;}
.mean-container a.meanmenu-reveal {width: 100%; height: 45px; position: absolute; top: 0; right: 0; cursor: pointer; color: #fff; text-decoration: none; font-size: 18px; line-height: 55px; display: block; font-family: 'Work Sans', sans-serif; clear: both; text-align: center; background: url(../images/header/hamburger.html) right center no-repeat; -webkit-font-smoothing: antialiased;}
.mean-container .mean-nav {float: left; width: 100%; background: #252525; margin-top: 45px; font-family: 'Work Sans', sans-serif;}
.mean-container .mean-nav ul {padding: 0; margin: 0; width: 100%; list-style-type: none;}
.mean-container .mean-nav ul li {position: relative; float: left; width: 100%;}
.mean-container .mean-nav ul li a {display: block; float: left; width: 96%; padding: 1em 2%; margin: 0; text-align: left; color: #fff; border-bottom: 1px solid #363636; text-decoration: none;}
.mean-container .mean-nav ul li li a {width: 90%; padding: 1em 5%; border-bottom: 1px solid #f1f1f1; border-bottom: 1px solid rgba(255, 255, 255, 0.25); opacity: 0.75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible;}
.mean-container .mean-nav ul li.mean-last a {margin-bottom: 10px;}§
.mean-container .mean-nav ul li li li a {width: 70%; padding: 1em 15%;}
.mean-container .mean-nav ul li li li li a {width: 60%; padding: 1em 20%;}
.mean-container .mean-nav ul li li li li li a {width: 50%; padding: 1em 25%;}
.mean-container .mean-nav ul li a:hover {background: #1d75a1; background: rgba(255, 255, 255, 0.1);}
.mean-container .mean-nav ul li a.mean-expand {width: 26px; height: 26px; border: none !important; padding: 12px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; line-height: 28px;}
.mean-container .mean-nav ul li a.mean-expand:hover {background: none}
.mean-container .mean-push {float: left; width: 100%; padding: 0; margin: 0; clear: both;}
.mean-nav .wrapper {width: 100%; padding: 0; margin: 0;}
.mean-nav .mobile-hide {display: none;}


/* - - - - - - - - - - - 8. Sitemap - - - - - - - - - - - */
ul.sitemap li {font-family: 'Work Sans', sans-serif; color: #0d242d; font-size: 24px; line-height: 40px; font-weight: 300; text-decoration: none; font-style: italic;margin-top: 0; margin-bottom: 10px; list-style: none;}
ul.sitemap li a {color: #0d242d; text-decoration: none;}
ul.sitemap li a:hover {color: #a27e00;}
ul.sitemap > li > ul > li {font-style: italic;}


/* - - - - - - - - - - - 9. Slideshows - - - - - - - - - - - */
.home-slideshow {width: 100%; height: 760px; margin-top: -150px;}
.slide-container {width: 100%; height: 760px; overflow: hidden!important; padding: 0 30px;}
.slide-content {width: 100%; height: 280px; background: url(../images/backgrounds/slide-content-bg.png) center no-repeat; margin-top: 220px; padding: 30px;}
.slide {width: 940px; height: 280px; display: block; padding-top: 180px; margin: auto; text-decoration: none;}
.slide-title {font-size: 80px; line-height: 80px; color: #e4e4d9; font-weight: 100; font-family: "Work Sans"; text-align: center; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.82);}
.slide-subtitle {margin-bottom: 0; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #e4e4d9; font-weight: 300; font-family: "Work Sans"; text-align: center; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.82);}
.s-grain-layout {background: url(../images/banners/home/grain-layout.jpg) top center repeat-x;}
.s-pall-mall {background: url(../images/banners/home/pall-mall.jpg) top center repeat-x;}
.s-pall-mall-2 {background: url(../images/banners/home/pall-mall-2.jpg) top center repeat-x;}
.s-the-shard {background: url(../images/banners/home/the-shard.jpg) top center repeat-x;}
.s-milos {background: url(../images/banners/home/milos.jpg) top center repeat-x;}
.s-bar {background: url(../images/banners/home/bar.jpg) top center repeat-x;}
.home-slideshow .next {width: 46px; height: 46px; background: url(../images/icons/next.html) center no-repeat; position: absolute; top: 50%; margin-top: -25px; z-index: 999; cursor: pointer;  right: 2%;}
.home-slideshow .prev {width: 46px; height: 46px; background: url(../images/icons/prev.html) center no-repeat; position: absolute; top: 50%; margin-top: -25px; z-index: 999; cursor: pointer; left: 2%;}
.home-slideshow .pager {margin: auto; text-align: center; margin-top: -45px; position: relative; z-index: 1000;}
.home-slideshow .pager span {color: #fff; font-size: 35px; margin: 0 2px;}
.home-slideshow .pager .cycle-pager-active {color: #13a6a4;}
.home-slideshow .pager > * {cursor: pointer;}
.down {width: 124px; height: 124px; background: url(../images/icons/down.png) center no-repeat; margin: 80px auto 0 auto; cursor: pointer;}


/* - - - - - - - - - - - 10. Forms - - - - - - - - - - - */
.main-contact .form-field {width: 48%; float: left; margin: 1%; background-color:#fff; border: 1px solid #cdcdcd; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.main-contact select {width: 48%; float: left; margin: 1%; background-color:#fff; border: 1px solid #cdcdcd; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.main-contact .form-area {width: 98%; float: left; margin: 1%; background-color:#fff; border: 1px solid #cdcdcd; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.main-contact .button {border: none; margin-top: 20px; margin-bottom: 20px;}
.main-contact .form-field::-webkit-input-placeholder {color: #ccc;}
.main-contact .form-field:-moz-placeholder {color: #ccc;}
.main-contact .form-field::-moz-placeholder {color: #ccc;}
.main-contact .form-field:-ms-input-placeholder {color: #ccc;}
.main-contact .form-area::-webkit-input-placeholder {color: #ccc;}
.main-contact .form-area:-moz-placeholder {color: #ccc;}
.main-contact .form-area::-moz-placeholder {color: #ccc;}
.main-contact .form-area:-ms-input-placeholder {color: #ccc;}
.form-field {width: 100%; height: 45px; background-color: #fff; border:none; margin-bottom: 20px; padding: 0 0 0 10px;  font-family: 'Work Sans', sans-serif; font-size: 16px; line-height: 40px; font-weight: 300; color: #333;}
.form-select {width: 100%; height: 45px; background-color: #fff; border:none; margin-bottom: 25px; padding: 0 0 0 10px;  font-family: 'Work Sans', sans-serif; font-size: 16px; line-height: 40px; font-weight: 300; color: #fff;}
.form-area {width: 100%; height: 100px; background-color: #fff; border:none; margin-bottom: 25px; padding: 0 0 0 10px;  font-family: 'Work Sans', sans-serif; font-size: 16px; line-height: 40px; font-weight: 300; color: #fff;}
.date-field {width: 48%; float:left; margin-right: 4%;}
.time-field {width: 48%; float:left;}
.qc-ht {display: none !important;}
.error {color: red; font-weight: bold;}

.mailchimp-form {text-align: center;}
.mailchimp-form .form-field {width: 48%; margin: 1%; background-color:#fff; float:none; border: 1px solid #cdcdcd; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mailchimp-form .button {margin: 20px auto;}

/* - - - - - - - - - - - 11. Buttons - - - - - - - - - - - */
.button {width: 260px; height: 55px; display: block; background-color: #b6121b; cursor: pointer; transition: background-color 0.5s ease; font-family: 'Work Sans', sans-serif; font-size: 16px; text-align: center; color: #fff; line-height: 55px; -webkit-font-smoothing: antialiased; -webkit-appearance: none;}
.button:hover {background-color: #d15a61;}
.button-small {width: 200px; height: 40px; display: block; background-color: #b6121b; cursor: pointer; transition: background-color 0.5s ease; font-family: 'Work Sans', sans-serif; font-size: 16px; text-align: center; color: #fff; line-height: 40px; -webkit-font-smoothing: antialiased; -webkit-appearance: none;}
.button-small:hover {background-color: #d15a61;}
.button-full {width: 100%; height: 55px; display: block; background-color: #b6121b; cursor: pointer; transition: background-color 0.5s ease; font-family: 'Work Sans', sans-serif; font-size: 16px; text-align: center; color: #fff; line-height: 55px; -webkit-font-smoothing: antialiased; -webkit-appearance: none;}
.button-full:hover {background-color: #d15a61;}


/* - - - - - - - - - - - 12. Footer - - - - - - - - - - - */
.twitter {color: #fff; margin-bottom: 0;}
.twitter a {color: #ff8282;}
.twitter a:hover {color: #fff;}
.sticky-social {width: 50px; height: 100px; background-color: #b6121b; position: fixed; top: 150px; right: 0; font-size: 20px; font-weight: 700; text-align: center; line-height: 50px; color: #fff; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; z-index: 1001;}
.sticky-social a {color: #fff;}
footer {background-color: #fff;}
footer ul {width: 100%; margin: 10px 0; float: right; padding: 0; text-align: right;}
footer ul li {font-family: 'Work Sans', sans-serif; font-size: 14px; color: #b6121b; text-transform: uppercase; font-weight: 300; list-style: none; display: inline-block; padding: 4px 10px}
footer ul li a {color: #b6121b;}
footer p {font-size: 14px; color: #626262; margin-bottom: 0; text-align: right;}
.footer-logo {float: left; width: 105px;}
.up {width: 68px; height: 68px; float: left; background: url(../images/footer/up.svg) center no-repeat; display: block; margin-right: 50px; cursor: pointer;}
.terms {width: 100%; height: 50px; background-color: #e4e4d9; text-align: center;}
.terms p {font-size: 14px; display:block; margin: 10px 0; color: #626262;}
.tweet {font-family: 'Work Sans', sans-serif; color: #fff; font-weight: 300; margin-top: 0; margin-bottom: 20px;font-size: 22px; line-height: 26px;}
.tweet a {color: #2e90db; text-decoration: none;}
#google-map {height:350px; width:100%;}
.gm-style-iw * {display: block; width: 100%;}
.gm-style-iw h4, .gm-style-iw p {margin: 0; padding: 0;}
.gm-style-iw a {color: #4272db;}


/* - - - - - - - - - - - 13. Misc - - - - - - - - - - - */
.knife-image {display: none;}
.plans-image {display: none;}
.right-box {width: 100%; padding: 20px; border: 1px solid #ccc;}
.right-box img {margin-bottom: 20px;}
.right-box h3 {font-size: 26px; line-height: 36px; margin-bottom: 10px;}
.right-box p {font-size: 14px; line-height: 24px;}
.right-box .button {width: 100%;}
.image-border {width: 33.3%; float: left; padding: 10px;}
.image-border img {width: 100%; padding: 10px; border: 1px solid #ccc;}


/* - - - - - - - - - - - 14. Slants - - - - - - - - - - - */
.slant{position: relative;}
.slant::before{content: ""; overflow: hidden; display: block; position: absolute; left: 0; width: 100%; top: -26px; height: 80px; z-index: 2; background-color: #fff; -webkit-transform: skewY(-2deg); -moz-transform: skewY(-2deg); -ms-transform: skewY(-2deg); -o-transform: skewY(-2deg); transform: skewY(-2deg);}
.slant::after{content: ""; overflow: hidden; display: block; position: absolute; left: 0; width: 100%; bottom: -26px; height: 80px; z-index: 2; background-color: #fff;  -webkit-transform: skewY(2deg); -moz-transform: skewY(2deg); -ms-transform: skewY(2deg); -o-transform: skewY(2deg); transform: skewY(2deg);}
.slant .main{position: relative; z-index: 5;}
.slant-bottom::before{display: none;}


/* - - - - - - - - - - - 15. Case Studies - - - - - - - - - - - */
.case-study {display: block; cursor: pointer;}
.case-study:hover img {opacity: 0.5;}
.case-study img {margin-bottom: 30px;}
.case-study h3 {font-size: 20px; line-height: 26px;}
.case-study p {border-bottom: 4px solid #b6121b; padding-bottom: 40px;}
.case-study-icon {width: 46px; height: 46px; margin: -90px 0 40px 10px; position: relative; z-index: 100;}
.csi-bars {background: url(../images/key/svg.html) center no-repeat;}
.csi-restaurants {background: url(../images/key/restaurants.svg) center no-repeat;}
.csi-corporate {background: url(../images/key/corporate.svg) center no-repeat;}
.csi-hotels {background: url(../images/key/hotels.svg) center no-repeat;}
.csi-news {background: url(../images/key/news.html) center no-repeat;}


/* - - - - - - - - - - - 16. Blog - - - - - - - - - - - */
.blog-article {display: block; cursor: pointer;}
.blog-article:hover img {opacity: 0.5;}
.blog-article img {margin-bottom: 30px;}
.blog-article h3 {font-size: 16px; line-height: 26px;}
.blog-article p {border-bottom: 4px solid #b6121b; padding-bottom: 40px;}
.blog-date {border-bottom: none!important; padding-bottom: 0!important; font-size: 10px; color: #b6121b; margin-bottom: 10px;}


/* - - - - - - - - - - - 17. Cookie Policy - - - - - - - - - - - */
.cookieMain {width: 100%; height: auto; background-color: #b6121b; /*border-bottom: 1px solid #333;*/ position: relative; z-index: 9999;}
.cookiePolicy {width: 100%; position: fixed; bottom: 0; padding: 10px 20px; margin: 0 auto; background-color: #b6121b; opacity: 0.75;
    font-family: 'Roboto', sans-serif; color: #ebe7dd; font-weight: 300; text-align: center; font-size: 10px; line-height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cookiePolicy a {color: #fff; transition: color 0.5s ease;}
.cookiePolicy a:hover {color: #0d242d}
.cookie-form {display: inline; margin: 0;}
.cookie-form input[type=submit] {font-size: 10px; font-family: sans-serif;}
.cookie-button {font-weight: bold; background-color: #b6121b; color: #fff; border: 0; margin-left: 5px; cursor: pointer; transition: background-color 0.5s ease;}
.cookie-button:hover {background-color: #840A11;}


/* - - - - - - - - - - - 18. FancyBox - - - - - - - - - - - */
#video {display: none;}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {padding: 0; margin: 0; border: 0; outline: none; vertical-align: top;}
.fancybox-wrap {position: absolute; top: 0; left: 0; z-index: 8020;}
.fancybox-skin {position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block; width: 100%; height: 100%;}
.fancybox-image {max-width: 100%; max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('../images/fancybox/fancybox_sprite.png');}
#fancybox-loading {position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060;}
#fancybox-loading div {width: 44px; height: 44px; background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040;}
.fancybox-nav {position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden;}
.fancybox-prev span {left: 10px; background-position: 0 -36px;}
.fancybox-next span {right: 10px; background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important;}
/* Overlay helper */
.fancybox-lock {overflow: hidden !important; width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/fancybox/fancybox_overlay.png');}
.fancybox-overlay-fixed {position: fixed; bottom: 0; right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto; overflow-y: scroll;}
/* Title helper */
.fancybox-title {visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative; margin-top: 10px; color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8);}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('../images/fancybox/fancybox_sprite%402x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/}
    #fancybox-loading div {background-image: url('../images/fancybox/fancybox_loading%402x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/}