html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block}
body{ line-height:1}
ol, ul{ list-style:none}
blockquote, q{ quotes:none}
blockquote:before, blockquote:after, q:before, q:after{ content:''; content:none}
table{ border-collapse:collapse; border-spacing:0}
body{ font:normal 12px Arial, Helvetica, sans-serif}


@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans500';
    src: url('../fonts/museosans-webfont.eot');
    src: url('../fonts/museosans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans-webfont.woff') format('woff'),
         url('../fonts/museosans-webfont.ttf') format('truetype'),
         url('../fonts/museosans-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;
}

.wrapper{ width:96%; margin:0 auto; max-width:1000px; padding:25px 2% 0; clear:both}
.main-header-container{ width:96%; background:rgba(0,0,0,0.7) repeat 0 0; padding:15px 2%; position:absolute; left:0; top:0; z-index:999}
.main-header-container header{ width:100%; margin:0 auto; max-width:1000px; position:relative}
.main-header-container header aside{ position:absolute; right:0; top:0; color:#fff; padding:35px 0 0; display:inline-block}
.main-header-container header aside p{ font:normal 32px 'bebas_neueregular'; background:url(../images/icon-phone.png) no-repeat 0 8px; padding-left:30px; float:right; clear:both; padding-bottom:27px}
.main-header-container header aside p a{ color:#fff !important; text-decoration:none !important}
.main-header-container header aside ul{float:right; display:inline-block; clear:both}
.main-header-container header aside ul li{ list-style-type:none; float:left; margin:0 0 0 40px}
.main-header-container header aside ul li a{ color:#fff; font-size:16px; font-weight:bold; text-decoration:none}
.main-header-container header aside ul li a:hover{ color:#4c9fdb}
.slider{ width:100%; margin:0 auto}
.slider:before, .slider:after{ clear:both}
.logo{ display:inline-block; position:relative}
ul.occasions{ width:100%; float:left; padding-top:50px}
ul.occasions li{ list-style-type:none; width:23%; padding:0 1%; float:left; text-align:center}
ul.occasions li img{ width:100%}
ul.occasions li figcaption{ font:normal 24px 'bebas_neueregular'; display:inline-block; padding:0 0 10px}
.left{ width:23%; padding:0 1%; float:left}
.right{ width:75%; float:left; padding:5px 0 0}
h1.pagettl{font:normal 47px/47px 'bebas_neueregular'; color:#000}
.left-home h1.pagettl{color:#4ca0db}
.right p{ font:normal 14px/17px 'museo_sans500'; color:#545454; padding:0 0 20px}
.right p strong{ font-weight:bold}
a.link-contact{ background-color:#4c9fdb; color:#fff; text-decoration:none; font:normal 24px 'bebas_neueregular'; display:block; padding:10px 0; text-align:center; width:190px; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
a.link-contact:hover{ background-color:#3a92d2}
.footer-container{ width:100%; float:left; clear:both; background-color:#4c9fdb; margin-top:30px}
.footer-container .main-footer {width:96%; margin:0 auto; max-width:1000px; padding:20px 2%; clear:both; text-align:center}
a.link-book-enquiry{ display:inline-block; font:normal 24px 'bebas_neueregular'; text-decoration:none; color:#2a2a2a; background-color:#fff; padding:7px 25px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px}
a.link-book-enquiry:hover{ background-color:#2a2a2a; color:#fff}
.main-footer ul{ clear:both; display:block; padding:17px 0 10px}
.main-footer ul li{ list-style-type:none; display:inline; font-size:15px; font-weight:bold; margin:0 10px}
.main-footer ul li a{ color:#fff; text-decoration:none}
.main-footer ul li a:hover{ text-decoration:underline}
p.copyright{ font:normal 12px/17px 'museo_sans500'; color:#131313; background:url(../images/logo-creativefeed.png) no-repeat 50% 100%; padding-bottom:20px}
p.copyright a{ color:#131313; text-decoration:none}
p.copyright a:hover{ text-decoration:underline}
.headerimg img{ width:100%; display:block}
.headerimg img.header-img-lg{display:block}
.headerimg img.header-img-md{display:none}
.list-services{ width:100%; float:left}
.list-services li{ border:1px solid #adadad; min-height:610px}
.list-services li h3{font:normal 34px 'bebas_neueregular'; text-align:center; padding:0 0 10px}
.list-services li img{ width:100%}
.list-services li.left{ width:43%; float:left; padding:15px 2% 0; margin:0 2% 4% 0}
.list-services li.right{ width:43%; float:left; padding:15px 2% 0; margin:0 0 4% 2%}
.gallery li{ width:31%; float:left; margin:0 1% 2%}
.gallery li img{ width:100%}
.testimonials li{ position:relative; background-color:#ebebeb; border:1px solid #dadada; padding:15px 15px 0; margin-bottom:30px;
border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px}
.testimonials li .curve{ width:40px; height:19px; float:left; background:url(../images/icon-testimonial.png) no-repeat 0 0;
position:absolute; left:50px; bottom:-19px}
.headerimg-gallery{background:url(../images/header-gallery-bg.jpg) repeat-x 0 0; text-align:center}
.headerimg-gallery img{ width:100%; max-width:1166px}
.headerimg-gallery img.header-gallery-lg{display:inline}
.headerimg-gallery img.header-gallery-sm{display:none}
.ph-num{ width:100%; float:left; padding:0 0 15px}
.ph-num li{ color:#1a1a1a; font:normal 19px 'museo_sans500'; padding:0 0 5px}
.ph-num li span.left{ padding:0; width:25%; float:left}
.ph-num li span.right{ padding:0; width:75%; float:left}
.ph-num li a{ color:#1a1a1a}
a.link-email{ color:#545454; text-decoration:none}
a.link-email:hover{ color:#000}
.formfield{ width:97%; background-color:#e6e6e6; border:1px solid #dadada; float:left; margin:0 0 20px; padding:1%; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; height:25px}
.formfield-wrapper-left,.formfield-wrapper-right{ width:50%; float:left; margin:0 0 20px}
.formfield-sm-left{ width:93%; margin:0 1% 0 0; float:left; padding:2%}
.formfield-sm-right{ width:93%; margin:0 0 0 1%; float:left; padding:2%}
.formfield .input-txt{ border:0; width:100%; background-color:#e6e6e6; font:normal 18px 'museo_sans500'; color:#6b6b6b}
.actions{ float:left}
.actions input{ width:155px; height:44px; background-color:#4c9fdb; border:0;  border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; text-align:left; font:normal 24px 'bebas_neueregular'; color:#fff; padding-left:10px; cursor:pointer}
label.error{ font:normal 11px Tahoma, Arial, Verdana; color:#cf0101; width:100%; float:left; margin:12px 0 0}
.actions input:hover{ background-color:#3a92d2}
.formfield2{ height:100px}
.formfield2 textarea{ height:95px}
.right p.thank-you{ color:#cf0101; font:normal 18px 'museo_sans500'; font-style:italic}
.slider-md{ display:none}

/*  Mobile Menu */
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav{clear:both}
.slicknav_nav ul, .slicknav_nav li { display: block}
.slicknav_nav li{ border-bottom:1px solid #646464}
.slicknav_nav li.last{ border-bottom:0}
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* User Default Style Change the following styles to modify the appearance of the menu.*/
.slicknav_menu{ font-size:16px; z-index:9999; position:relative}
/* Button */
.slicknav_btn{margin:0; text-decoration:none; font-size:18px; font-weight:bold; color:#fff; position:absolute; right:0; top:65px;padding-right:11px}
/* Button Text */
.slicknav_menutxt{ color:#FFF; float:right; padding-left:25px}
/* Button Lines */
.slicknav_icon-bar {background-color: #fff; margin-top:5px}
.slicknav_menu{ background:#000}
.slicknav_nav{ color:#fff; margin:0; padding:10px 0; font-size:15px; font-weight:bold}
.slicknav_nav, .slicknav_nav ul{ list-style:none; overflow:hidden}
.slicknav_nav ul{ padding:0; margin:0 0 0 20px; text-align:center}
.slicknav_nav .slicknav_row{ padding:7px 10px; margin:2px 5px}
.slicknav_nav a{ padding:5px 10px; text-align:center; color:#fff; text-decoration:none}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a{ padding:0; margin:0}
.slicknav_nav .slicknav_row:hover{ -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#ccc; color:#fff}
.slicknav_nav a:hover{ color:#4c9fdb}
.slicknav_nav .slicknav_txtnode{ margin-left:15px}
.slicknav_menu,.slicknav_btn{ display:none}

@media screen and (max-width:1024px){
.slider{ width:100%; clear:both}
.headerimg,.headerimg-gallery{ width:100%; float:left}
.headerimg-gallery img.header-gallery-lg{display:none}
.headerimg-gallery img.header-gallery-sm{display:inline}
.main-header-container-gallery{position:relative; left:0; top:0; float:left}
}

@media screen and (max-width:800px){
a.link-contact{ width:90%; max-width:190px}
.main-header-container header aside ul li{ margin:0 0 0 30px}
.headerimg img.header-img-lg{display:none}
.headerimg img.header-img-md{display:block}
.slider-md{ display:block}
.slider-lg{ display:none}
}

@media screen and (max-width:767px) {
.main-header-container{ width:100%; padding:0 0 15px}
.main-header-container header{ text-align:center}
.logo img{ display:inline-block; width:100%; max-width:300px}	
.main-header-container header aside{ position:relative; width:100%; float:left; padding:15px 0 0}
.main-header-container header aside ul{ position:fixed; top:0; display:none}
.main-header-container header aside p{ display:inline-block; float:none; padding-top:0; padding-bottom:0; color:#fff !important}
.slicknav_menu,.slicknav_btn{ display:block}
ul.occasions li{ width:48%}
.left{ width:100%; padding:0 0 20px}
.right{ width:100%; padding:0}
ul.occasions{ padding-top:0}
.main-footer ul li{ display:block; padding:0 0 5px}
.left-home{ display:none}
.list-services li.left,
.list-services li.right{ width:95%; margin:0 0 20px; min-height:inherit}
.formfield-wrapper-left,.formfield-wrapper-right{ width:100%}
.formfield-sm-left{ width:97%; margin:0; padding:1%}
.formfield-sm-right{ width:97%; margin:0; padding:1%}
}

@media screen and (max-width:320px) {
ul.occasions li{ width:98%; padding-bottom:10px}
}

@media screen and (max-width:600px) {
.gallery li{ width:100%; margin:0 0 2%}
.ph-num li span.left{ width:50%}
.ph-num li span.right{ width:50%}
}

@media screen and (min-width:1500px){
.flexslider{ height:676px; overflow:hidden}	
.headerimg,.headerimg-gallery{ height:379px; overflow:hidden}
}