* { outline: none; }



.home-mid-secton {
    background: url(images/home-mid-section.png) center center no-repeat;
    display: block;
    height: 700px;
    margin: 40px auto 0;
    width: 1047px;
	position: relative;
}

.home-logo {
    display: inline-block;
    margin: -25px 275px 0;
    width: 250px;
    margin-right: 0;
    z-index: 999;
    position: relative;
}
.home-social {
    display: block;
    float: right;
    margin: 120px 325px 0 0;
}
.home-social a {
    display: inline-block; 
    color: #fff;
	margin-right: 10px;	
}
.home-social a:hover { color: #000; }
.home-social a.fb {
    background-position: 3px 0;
    position: relative;
    left: 10px;
}
.home-social a.tw {
    background-position: -19px 0;
}
.home-social a.yt {
    background-position: -51px 0;
}
.home-social a.gp {
    background-position: -83px 0;
}
.slider {
    width: 490px;
    margin: -57px auto 0;
    position: relative;
}
ul.lSPager.lSGallery {
    width: 490px !important;
}
ul.lSPager.lSGallery li {
    width: 115px !important;
    border: 4px solid #fff;
	margin-right: 10px !important;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 0 !important; }

ul.lSPager.lSGallery li:last-child { margin-right: 0 !important; }

.lSSlideOuter {
    margin-top: 20px;
}

.lSSlideWrapper.usingCss {
    width: 422px;
    margin: 0 25px 56px;
}

.lSAction > a {
    visibility: hidden;
}

.home-slider-lr {
    position: absolute;
    left: -60px;
    top: 97px;
    right: 0;
    width: 121%;
}
.home-slider-lr .goleft,
.home-slider-lr .goright { height: 50px; width: 50px; display: block; cursor: pointer; }
.home-slider-lr .goleft { float: left; background: url(images/home-slide-left.png) left center no-repeat; }
.home-slider-lr .goright { float: right; background: url(images/home-slide-right.png) right center no-repeat; }
.home-slider-lr .goleft:hover,
.home-slider-lr .goright:hover { opacity: 0.5; }

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-color: #ec008b; }

.home .menu-left { position: absolute; top: 0; left: 0; }
.home .menu-left ul { margin: 0; padding: 0; font-family: 'webfontregular'; }
.home .menu-left ul li { position: absolute; width: 83px; height: 83px; } 

.home .menu-left ul li a { display: block; height: 83px; width: 83px; position: relative; z-index: 9; }
.home .menu-left ul li a span { display: block; text-align: center; font-size: 19px; text-transform: uppercase; margin-top: 2px; white-space: nowrap; }
.home .menu-left ul li a:after { position: absolute; left: 0; right: 0; width: 100%; height: 100%; content: ''; top: 0; }
.home .menu-left ul li a:before { content: ''; display: block; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
.home .menu-left ul li:after { content: ''; height: 12px; width: 99px; display: block; background: #000; position: absolute; bottom: -10px; z-index: 0; border-radius: 100%; border: 4px solid #fff; left: -11px; }

.home .menu-left ul li:nth-child(1) { top: 85px; left: 155px; }
.home .menu-left ul li:nth-child(1) a:before { background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(23,138,196,1) 100%);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,278fc4+100&0+24,1+100 */
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%, rgba(9,33,46,0) 24%, rgba(39,143,196,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%,rgba(9,33,46,0) 24%,rgba(39,143,196,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(0,0,0,0) 1%,rgba(9,33,46,0) 24%,rgba(39,143,196,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#278fc4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.home .menu-left ul li:nth-child(1) a:after { background: center center no-repeat; }
.home .menu-left ul li:nth-child(1):after { background: #0083c6; width: 91px; height: 14px; bottom: -10px; left: -7px; }
.home .menu-left ul li:nth-child(1) a span { color: #0083c6; margin-top: 10px; margin-left: -3px; }
.home .menu-left ul li:nth-child(1) a:before,
.home .menu-left ul li:nth-child(1) a { width: 83px; height: 83px; }


.home .menu-left ul li:nth-child(2) { top: 245px; left: 72px; }
.home .menu-left ul li:nth-child(2) a:before { background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(23,138,196,1) 100%);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,f2924d+100&0+24,1+100 */
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%, rgba(56,34,18,0) 24%, rgba(242,146,77,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%,rgba(56,34,18,0) 24%,rgba(242,146,77,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(0,0,0,0) 1%,rgba(56,34,18,0) 24%,rgba(242,146,77,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f2924d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.home .menu-left ul li:nth-child(2) a:after { background: center center no-repeat; }
.home .menu-left ul li:nth-child(2):after { background: #f38230; width: 91px; height: 14px; bottom: -22px; left: -2px; }
.home .menu-left ul li:nth-child(2) a span { color: #f38230; margin-top: 20px; }
.home .menu-left ul li:nth-child(2) a:before,
.home .menu-left ul li:nth-child(2) a { width: 94px; height: 94px; }


.home .menu-left ul li:nth-child(3) { top: 422px; left: 95px; }
.home .menu-left ul li:nth-child(3) a:before { background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(23,138,196,1) 100%);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,239b4c+100&0+24,1+100 */
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%, rgba(8,36,18,0) 24%, rgba(35,155,76,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%,rgba(8,36,18,0) 24%,rgba(35,155,76,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(0,0,0,0) 1%,rgba(8,36,18,0) 24%,rgba(35,155,76,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#239b4c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.home .menu-left ul li:nth-child(3) a:after { background: center center no-repeat; }
.home .menu-left ul li:nth-child(3):after { background: #239b4c; width: 99px; height: 12px; bottom: -22px; left: -4px; }
.home .menu-left ul li:nth-child(3) a span { color: #239b4c; margin-top: 10px; position: relative; left: 5px; }
.home .menu-left ul li:nth-child(3) a:before,
.home .menu-left ul li:nth-child(3) a { width: 94px; height: 94px; }



.home .menu-left ul li:nth-child(4) { top: 65px; left: 780px; }
.home .menu-left ul li:nth-child(4) a:before { background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(23,138,196,1) 100%);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,219949+100&0+24,1+100 */
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%, rgba(8,36,17,0) 24%, rgba(33,153,73,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%,rgba(8,36,17,0) 24%,rgba(33,153,73,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(0,0,0,0) 1%,rgba(8,36,17,0) 24%,rgba(33,153,73,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#219949',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.home .menu-left ul li:nth-child(4) a:after { background: center center no-repeat; }
.home .menu-left ul li:nth-child(4):after { background: #239b4c; width: 91px; height: 11px; bottom: -10px; left: -7px; }
.home .menu-left ul li:nth-child(4) a span { color: #239b4c; margin-top: 10px; }
.home .menu-left ul li:nth-child(4) a:before,
.home .menu-left ul li:nth-child(4) a { width: 83px; height: 83px; }


.home .menu-left ul li:nth-child(5) { top: 198px; left: 876px; }
.home .menu-left ul li:nth-child(5) a:before { background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(23,138,196,1) 100%);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,2990c4+100&0+24,1+100 */
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%, rgba(10,33,46,0) 24%, rgba(41,144,196,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%,rgba(10,33,46,0) 24%,rgba(41,144,196,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(0,0,0,0) 1%,rgba(10,33,46,0) 24%,rgba(41,144,196,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#2990c4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.home .menu-left ul li:nth-child(5) a:after { background: center center no-repeat; }
.home .menu-left ul li:nth-child(5):after { background: #0083c6; width: 92px; height: 15px; bottom: -27px; left: -2px; }
.home .menu-left ul li:nth-child(5) a span { color: #0083c6; margin-top: 20px; width: 110px; left: -10px; position: relative; }
.home .menu-left ul li:nth-child(5) a:before,
.home .menu-left ul li:nth-child(5) a { width: 97px; height: 97px; }


.home .menu-left ul li:nth-child(6) { top: 390px; left: 845px; }
.home .menu-left ul li:nth-child(6) a:before { background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(23,138,196,1) 100%);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,e5711d+100&0+24,1+100 */
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%, rgba(53,26,7,0) 24%, rgba(229,113,29,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%,rgba(53,26,7,0) 24%,rgba(229,113,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(0,0,0,0) 1%,rgba(53,26,7,0) 24%,rgba(229,113,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e5711d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.home .menu-left ul li:nth-child(6) a:after { background: center center no-repeat; }
.home .menu-left ul li:nth-child(6):after { background: #e8690d; width: 98px; height: 13px; bottom: -20px; left: -13px; }
.home .menu-left ul li:nth-child(6) a span { color: #e8690d; margin-top: 10px; }
.home .menu-left ul li:nth-child(6) a:before,
.home .menu-left ul li:nth-child(6) a { width: 94px; height: 94px; }

.home .menu-left ul li:hover a span { color: #2863d5; }


.home .menu-left ul li:nth-child(7) { top: 630px; left: 110px; }
.home .menu-left ul li:nth-child(7) a { height: 33px; width: 175px; background: center center no-repeat; font-size: 0; text-indent: -99999999px; margin-left: -25px; }
.home .menu-left ul li:nth-child(7) a span,
.home .menu-left ul li:nth-child(7) a:before,
.home .menu-left ul li:nth-child(7) a:after,
.home .menu-left ul li:nth-child(7):after { display: none; }


.home .menu-left ul li:nth-child(8) { top: 615px; left: 810px; }
.home .menu-left ul li:nth-child(8) a { height: 43px; width: 126px; background: center center no-repeat; font-size: 0; text-indent: -99999999px; }
.home .menu-left ul li:nth-child(8) a span,
.home .menu-left ul li:nth-child(8) a:before,
.home .menu-left ul li:nth-child(8) a:after,
.home .menu-left ul li:nth-child(8):after { display: none; }

.home .menu-left ul li:nth-child(7):hover,
.home .menu-left ul li:nth-child(8):hover { opacity: 0.5; }

#footer { margin: 80px 0 0; background: #ffc5df; box-shadow: 0px 0 0 #000; }


.spoons {
    position: absolute;
    bottom: 186px;
	font-family: 'webfontregular';
}

.spoons ul li {
	position: absolute;
    float: left;
}

.spoons ul li a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

.spoons ul li a span {
    font-size: 18px;
    position: absolute;
    background: rgba(255, 139, 55, 0.88);
    padding: 10px;
    left: -128px;
    top: auto;
	bottom: 0;
    border-radius: 5px 5px 0px 5px;
    right: 0;
    text-align: center;
    z-index: 999;
    visibility: hidden;
    text-align: left;
    color: #fff;
}
.spoons ul li:hover a span { visibility: visible; }
	
.home .menu-left ul li:hover { visibility: visible; }

.spoons ul li a span:after {
    content: '';
    position: absolute;
    bottom: -20px;
    right: 0;
    height: 20px;
    width: 15px;
    display: block;
    background: rgba(255, 139, 55, 0.88);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%);
	clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%));
	z-index: 99;
}

.spoons ul li:nth-child(1) {
    background: url(images/home-spoon/1.png) top center no-repeat;
    height: 126px;
    width: 44px;
    left: 260px;
}

.spoons ul li:nth-child(2) {
    background: url(images/home-spoon/2.png) bottom center no-repeat;
    height: 121px;
    width: 46px;
    left: 322px;
}

.spoons ul li:nth-child(3) {
    background: url(images/home-spoon/3.png) top center no-repeat;
    height: 125px;
    width: 46px;
    left: 380px;
}

.spoons ul li:nth-child(4) {
    background: url(images/home-spoon/4.png) bottom center no-repeat;
    height: 142px;
    width: 46px;
    left: 440px;
}

.spoons ul li:nth-child(5) {
    background: url(images/home-spoon/5.png) top center no-repeat;
    height: 141px;
    width: 46px;
    left: 496px;
}

.spoons ul li:nth-child(6) {
    background: url(images/home-spoon/6.png) bottom center no-repeat;
    height: 142px;
    width: 46px;
    left: 554px;
}

.spoons ul li:nth-child(7) {
    background: url(images/home-spoon/7.png) top center no-repeat;
    height: 123px;
    width: 46px;
    left: 615px;
}

.spoons ul li:nth-child(8) {
    background: url(images/home-spoon/8.png) bottom center no-repeat;
    height: 119px;
    width: 46px;
    left: 674px;
}

.spoons ul li:nth-child(9) {
    background: url(images/home-spoon/9.png) top center no-repeat;
    height: 121px;
    width: 46px;
    left: 740px;
}

.spoons ul li:nth-child(1):hover { background: url(images/home-spoon/11.png) top center no-repeat; }
.spoons ul li:nth-child(3):hover { background: url(images/home-spoon/33.png) top center no-repeat; }
.spoons ul li:nth-child(5):hover { background: url(images/home-spoon/55.png) top center no-repeat; }
.spoons ul li:nth-child(7):hover { background: url(images/home-spoon/77.png) top center no-repeat; }
.spoons ul li:nth-child(9):hover { background: url(images/home-spoon/99.png) top center no-repeat; }

.spoons ul li:nth-child(2):hover { background: url(images/home-spoon/22.png) bottom center no-repeat; }
.spoons ul li:nth-child(4):hover { background: url(images/home-spoon/44.png) bottom center no-repeat; }
.spoons ul li:nth-child(6):hover { background: url(images/home-spoon/66.png) bottom center no-repeat; }
.spoons ul li:nth-child(8):hover { background: url(images/home-spoon/88.png) bottom center no-repeat; }


.spoons ul li:nth-child(1) a span { bottom: 90px; right: 23px; left: -151px; }
.spoons ul li:nth-child(2) a span { bottom: 90px; right: 23px; left: -151px; }
.spoons ul li:nth-child(3) a span { bottom: 50px; right: 23px; left: -151px; }
.spoons ul li:nth-child(4) a span { bottom: 105px; right: 23px; left: -151px; }
.spoons ul li:nth-child(5) a span { bottom: 50px; right: 23px; left: -151px; }
.spoons ul li:nth-child(6) a span { bottom: 105px; right: 23px; left: -151px; }
.spoons ul li:nth-child(7) a span { bottom: 50px; right: 23px; left: -151px; }
.spoons ul li:nth-child(8) a span { bottom: 95px; right: 23px; left: -151px; }
.spoons ul li:nth-child(9) a span { bottom: 85px; right: 23px; left: -151px; }


.home .logo { display: none; }