/* Home page Special Menu SECTION
=================================================== */
.spmenu span {
font-size: 14px;
text-transform:capitalize;
/*color:#edd285;*/
color:white;
font-weight:100;
display:block;
}
.sptext{ 
-ms-transition:0.6s;
-moz-transition:0.6s;
-webkit-transition:0.6s;
transition:0.6s;
line-height: 16px;
text-shadow: 0px 0px 3px #1a0900;
}
.sptext span{/* font-size:13px;*/
display:block;
/*color: #edd285;*/
color:white;
font-family:inherit;
text-transform:inherit;
font-weight:inherit; 
}
.spcontainer {
height: 150px;
width: 420px;
}

.spmenu1
{
top:20px;
left:15px;
-ms-transform: rotate(330deg); /* IE 9 */
-webkit-transform: rotate(330deg); /* Chrome, Safari, Opera */
transform: rotate(330deg);
z-index: 144;
}
.spmenu1.forefront {
top:20px;
left:15px;
-ms-transform: rotate(360deg); 
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}

.spmenu2{
z-index: 144;
top:20px;
left:105px;
-ms-transform: rotate(40deg); /* IE 9 */
-webkit-transform: rotate(40deg); /* Chrome, Safari, Opera */
transform: rotate(40deg);
}
.spmenu2.forefront {
top:20px;
left:105px;
-ms-transform: rotate(0deg); 
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.spmenu3 {
top:40px;
left:200px;
-ms-transform: rotate(30deg); 
-webkit-transform: rotate(30deg); 
transform: rotate(30deg);
z-index: 143;
}
.spmenu3.forefront {
top:20px;
left:200px;
-ms-transform: rotate(0deg); 
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

.spmenu4
{
top:20px;
left:290px;
-ms-transform: rotate(300deg); /* IE 9 */
-webkit-transform: rotate(300deg); /* Chrome, Safari, Opera */
transform: rotate(300deg);
z-index: 144;
}
.spmenu4.forefront {
top:20px;
left:290px;
-ms-transform: rotate(360deg); 
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}


.spmenu
{
background:url(/website/assets/img/coffee-sp.png) no-repeat;
width:100px;
height:117px;
color:#e9d5a6;
border:0;
outline:none;
 box-shadow:none;
 background-size:100%;
 display:block;
}
.spmenu.forefront{
width:115px;
height:130px;
-ms-transition:0.6s;
-moz-transition:0.6s;
-webkit-transition:0.6s;
transition:0.6s;
z-index: 155;
}
.spmenu i{
text-align:center;
font-size:16px;
color:#951a0f;
position:relative;
line-height:30px;
padding:0;
}

.spmenu.forefront .sptext, .spmenu.forefront .sptext span{
font-size:16px;
-ms-transition:0.6s;
-moz-transition:0.6s;
-webkit-transition:0.6s;
transition:0.6s;
}
.spmenu.forefront i{
font-size:18px;
-ms-transition:0.6s;
-moz-transition:0.6s;
-webkit-transition:0.6s;
transition:0.6s;
}

.spmenu:before { display:none;}
.spcircle{ width:30px; height:30px; border-radius:15px; background:#311604; margin-bottom:5px;}

@media (max-width:991px){
.spcontainer {width: 440px;height: 140px;}
}

@media (max-width:480px){
.spcontainer {width: 320px!important;}
.spmenu{width:78px;height:90px;}
.spmenu.forefront{width:88px;height:100px;}
.spcircle{ width:20px; height:20px; border-radius:10px;}
.spmenu1, .spmenu1.forefront {left: 0px;}
.spmenu2, .spmenu2.forefront {left: 75px;}
.spmenu3, .spmenu3.forefront {left: 150px;}
.spmenu4, .spmenu4.forefront {left: 225px;}
.spmenu span{ font-size:10px; line-height:15px;}
.spmenu i{ font-size:10px; line-height:20px;}
.spmenu.forefront i{ font-size:11px;}
.spmenu.forefront .sptext, .spmenu.forefront .sptext span{ font-size:12px;}
}
@media (max-width:320px){.spmenu .sptext{display:none!important;}}
@media (min-width: 481px) and (max-width: 767px) and (orientation : landscape){
.spcontainer {width: 320px!important;}
.spmenu{width:78px;height:90px;}
.spmenu.forefront{width:88px;height:100px;}
.spmenu1, .spmenu1.forefront {left: 0px;}
.spmenu2, .spmenu2.forefront {left: 75px;}
.spmenu3, .spmenu3.forefront {left: 150px;}
.spmenu4, .spmenu4.forefront {left: 225px;}
.spmenu span{ font-size:10px; line-height:15px;}
.spmenu i{ font-size:10px; line-height:20px;}
.spmenu.forefront i{ font-size:11px;}
.spmenu.forefront .sptext, .spmenu.forefront .sptext span{ font-size:12px;}
}

/* // Style.css
==============================*/


/* Slicknav.css
==============================*/

.slicknav_nav a{ color:#1a0900; font-size: 15px; letter-spacing: 1px; text-transform:capitalize; font-style:italic;}
.slicknav_nav .slicknav_row:hover {
     background:rgba(149,26,15,1);
    color:#1a0900;
	text-decoration:none;
}
.slicknav_nav :hover span{
     background:transparent;
    color:#e9d5a6;
	text-decoration:none;	
}
.slicknav_nav :hover .fullcapse{ color:inherit;}
.slicknav_nav .slicknav_arrow { color:#1a0900;}
.slicknav_nav :hover a a {background: transparent;}
.submenu .slicknav_nav .slicknav_row{background:transparent; color:#1a0900;}
.submenu .slicknav_nav .slicknav_row:hover{background:transparent; color:#e9d5a6;}

.slicknav_nav :hover a{
     background:rgba(149,26,15,1);
    color:#e9d5a6;
	text-decoration:none;
}

.slicknav_nav li ul li a:hover{ background:rgba(228,195,136,1);    color:#1a0900; text-decoration:none; }
.slicknav_nav li ul li a > a:hover{ background:transparent; color:#1a0900; text-decoration:none; }

.slicknav_nav {color: #1a0900; background: rgba(228,195,136,1); }
.slicknav_nav a {color: #1a0900;}

/* // Slicknav.css
==============================*/