/*
Theme Name: Zinpho
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

 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, 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;
 }
 
 
a:focus {
outline: none;
}

html { 
height:100%;
}


body{
font-family: 'Short Stack', cursive;
font-family: 'Catamaran', sans-serif;


font-weight:300;
font-size: 18px;
margin:0px;
padding:0px;
color:#444444;
line-height:28px;
height:100%;
background: url(../images/bg/body.jpg) repeat left top; 

}


  
  
a{ color:#00703c; text-decoration:none; }
a:link{ color:#00703c;  }
a:visited{ color:#00703c;  }
a:active{ color:#00703c;  }
a:hover{ color:#333333; text-decoration:none; }


input, textarea{
font-family: 'Short Stack', cursive;
font-family: 'Catamaran', sans-serif;
font-weight:300;
font-size: 18px;
margin:8px 0px;
padding:4px;
color:#444444;
line-height:28px;
}

input.btn{
color: #ffffff;
background-color: #00703c;
padding: 10px 20px 10px 20px;
margin: 0px 0px 0px 0px;
text-decoration: none;
display: inline-block;
transition: all 0.5s ease 0s;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: none;
cursor:pointer;
}

input.btn:hover {
  background-color: #444444;
  text-decoration: none;
  color: #ffffff;
}



.subpage .right .main a{ color:#00703c; border-bottom:1px solid #00703c; }
.subpage .right .main h1 a{ color:#00703c; border-bottom:0px solid #00703c; }
.subpage .right .main h2 a{ color:#00703c; border-bottom:0px solid #00703c; }
.subpage .right .main h3 a{ color:#00703c; border-bottom:0px solid #00703c; }
.subpage .right .main h34 a{ color:#00703c; border-bottom:0px solid #00703c; }

.subpage h3 .example-image-link{ text-transform:lowercase;}
.subpage .right .main .rare-product a{ color:#ffffff; border-bottom:1px solid #00703c; }

p{
margin:0px;
padding:10px 0px 10px 0px;
}
 
  
p a{ color:#00703c; text-decoration:none; border-bottom:0px solid #00703c;}
p a:link{ color:#00703c;  }
p a:visited{ color:#00703c;  }
p a:active{ color:#00703c;  }
p a:hover{ color:#333333; text-decoration:none; border-bottom:0px solid #333333;}




 
p.quote{
margin:20px 0px 20px 0px;
padding:50px 50px 50px 50px;
border-top: 2px solid #00703c;
border-bottom: 2px solid #00703c;
}

 
p.quote span {
font-family: 'Coustard', serif;
font-family: 'Catamaran', sans-serif;
font-size: 60px;
    line-height: 0px;
    vertical-align: -25px;
    margin-right: 10px;
}



a.btn,.subpage .right .main a.btn {

  color: #ffffff;
  background-color: #00703c;
  padding: 10px 20px 10px 20px;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.5s ease 0s;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
border-radius: 6px;
}

a.btn:hover {
  background-color: #444444;
  text-decoration: none;
  color: #ffffff;
}


.subpage .right .main a.btn.last-button {
  color: #ffffff;
  background-color: #9e8c76;
  padding: 10px 20px 10px 20px;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.5s ease 0s;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
border-radius: 6px;
    float: right;
    border-bottom: 0px;
}

 

h1{
font-family: 'Coming Soon', cursive;
font-family: 'Catamaran', sans-serif;
color:#333333;
margin:40px 0px 30px 0px;
padding:0px 0px 30px 0px;
line-height:38px;
font-weight:400;
font-size:38px;
text-align:center;
background: url(../images/bg/h1.png) no-repeat bottom center; 

}
 

.h1-sub{
font-size:19px;
margin:0px auto 40px auto;
padding:0px 0px 0px 0px;
line-height:32px;
font-weight:400;
text-align:center;
width:100%;
max-width:800px;
}
 

h2{
font-family: 'Coming Soon', cursive;
font-family: 'Catamaran', sans-serif;
background: url(../images/bg/h2.png) no-repeat bottom center; 

color:#00703c;
margin:0px 0px 20px 0px;
padding:0px 0px 15px 0px;
line-height:45px;
font-weight:400;
font-size:35px;
text-align:center;
}


h2 span{
background-color: #ffffff; 
padding:0px 0px 0px 0px;
}

.h2-sub{
font-size:19px;
margin:0px auto 40px auto;
padding:0px 0px 0px 0px;
line-height:32px;
font-weight:400;
text-align:center;
width:100%;
max-width:800px;
}


.subpage h2{
font-family: 'Coming Soon', cursive;
font-family: 'Catamaran', sans-serif;
background: url(../images/bg/h2.png) no-repeat bottom center; 

color:#00703c;
margin:20px 0px 10px 0px;
padding:0px 0px 15px 0px;
line-height:45px;
font-weight:400;
font-size:30px;
text-align:center;
}





h3{
font-family: 'Coming Soon', cursive;
font-family: 'Catamaran', sans-serif;
background: url(../images/bg/h3.png) no-repeat center center; 

color:#00703c;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:35px;
font-weight:400;
font-size:28px;
text-align:center;
}

h3 span{
background-color: #ffffff; 
padding:0px 12px 0px 12px;
}

 


.subpage h3{
font-family: 'Short Stack', cursive;
font-family: 'Catamaran', sans-serif;
background: none; 
color:#00703c;
color:#9e8c76;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:30px;
font-weight:400;
font-size:20px;
text-align:left;
text-transform:uppercase;
}






h4{

color:#00703c;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:20px;
font-weight:400;
font-size:20px;
text-transform:uppercase;
}

h5{

color:#00703c;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:38px;
font-weight:400;
font-size:38px;
text-align:center;
text-transform:uppercase;
}


ul.bullet{
margin:0px 0px 0px 50px;
}

ul.bullet li { list-style-type: circle; padding:3px 0px;}


.italics{
font-style:italic;
}


hr{
color: #ccc3b6;
background-color: #ccc3b6;
height: 3px;
border: 0;
margin:0px 0px 0px 0px;
}




img{
border:0px;
margin:0px;
padding:0px;
}

.clear {clear:both;}



header{
width:100%;
background-color:#303030;
border-bottom: 0px solid #676767;
margin:0px;
position:fixed;
top:0px;
left:0px;
z-index:9999;
background: url(../images/bg/header.png) repeat-x center bottom; 
height:160px;


-webkit-transition:all .3s ease-in-out .001s;
transition:all .3s ease-in-out .001s;
-moz-transform:all .3s ease-in-out .001s;


}


header.slim{
background: url(../images/bg/header.png) repeat-x center bottom; 
height:80px;

-webkit-transition:all .3s ease-in-out .001s;
transition:all .3s ease-in-out .001s;
-moz-transform:all .3s ease-in-out .001s;

}




header .content{
max-width:1200px;
width:100%;
margin:0px auto;
}





header .content #logo-wrapper{
margin:20px auto 0px;
width:390px;
height:100px;
background: url(../images/logo-bg.png) no-repeat left top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-transition:all .3s ease-in-out .001s;
transition:all .3s ease-in-out .001s;
-moz-transform:all .3s ease-in-out .001s;
}




header .content #logo{
width:390px;
height:100px;
-webkit-transition:all .3s ease-in-out .001s;
transition:all .3s ease-in-out .001s;
-moz-transform:all .3s ease-in-out .001s;
}



header.slim .content #logo-wrapper{
margin:18px auto 0px;
width:195px;
height: 30px;
background: url(../images/logo-bg.png) no-repeat left top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-transition:all .3s ease-in-out .001s;
transition:all .3s ease-in-out .001s;
-moz-transform:all .3s ease-in-out .001s;
overflow: hidden;
}


header.slim .content #logo{
width:195px;
height:50px;
-webkit-transition:all .3s ease-in-out .001s;
transition:all .3s ease-in-out .001s;
-moz-transform:all .3s ease-in-out .001s;
}




#logo-wrapper-small{
width:225px;
height:35px;
margin: 8px;
}


#logo-wrapper-small a{
display:block;
width:225px;
height:35px;
}

#logo-small{
width:225px;
height:35px;
}























#small-menu-button{
position:absolute;
top:10px;
right:15px;
}














#nav-large-wrapper{
width:100%;
position:fixed;
top:160px;
left:0px;
z-index: 999;
}


#nav-large-wrapper.slim{
background-color:#ffffff;
border-bottom:2px solid #00703c;
top:60px;
padding-top: 10px;

-webkit-transition:all .3s ease-in-out .001s;
transition:all .3s ease-in-out .001s;
-moz-transform:all .3s ease-in-out .001s;
}



nav{
font-size:20px;
font-weight:300;
letter-spacing:0px;
color: #00703c;
text-align:center;
}




nav.large
{
z-index:1000;
max-width:1200px;
width:100%;
margin:0px auto 0px;
}






nav.large ul
{
	list-style:none;
	position:relative;
	/* nch float:left; */
	margin:0px 0px;
	padding:0;
	z-index:1000;
}

nav.large ul a
{
	display:block;
color: #00703c;
	text-decoration:none;
	line-height:32px;
	padding:5px 10px;
}

nav.large ul li
{
	position:relative;
	/* nch float:left; */
	display:inline-block;
	margin:0;
	padding:0
}

nav.large ul li.current-menu-item
{

}

nav.large ul li a:hover
{
color: #333333;
}

nav.large ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
	z-index:1000;
	width:200px;
	font-size:16px;
	text-align:left;
	margin:0px;

}

nav.large  ul ul li a:hover
{
	background:#00703c;
	color:#fff;
	-webkit-transition:all .3s ease-in-out .001s;
	transition:all .3s ease-in-out .001s;
-moz-transform:all .3s ease-in-out .001s;

}

nav.large ul ul li
{
	float:none;
	width:200px
}

nav.large ul ul a
{
	line-height:120%;
	padding:10px 15px
}

nav.large ul ul ul
{
	top:0;
	left:100%
}

nav.large ul li:hover > ul
{
	display:block
}


nav.large .bullet{
padding:5px 30px 5px 30px;

}

nav.large ul li a.css3Animate{
-webkit-transition:all .2s ease-in-out .001s;
transition:all .2s ease-in-out .001s;
-moz-transform:all .2s ease-in-out .001s;
}











 
 













header .content nav.small { 
width: 100%; 
z-index:1002;
display:none;
text-align:center;
}

nav.small ul
{
font-size:16px;
margin-top: 0px;
padding-left: 0;
list-style-type: none;
}

nav.small a
{ 
border-bottom:0px solid #969696; 
display: block;
padding: 10px 30px 8px 10px;
width: 100%;
background-color: #ffffff;
color:#00703c;
}

nav.small ul a#current{
background-color: #ffffff;
}


nav.small ul li{
    border-top:0px solid #ffffff;
}

nav.small ul li:first-child{
    border-top:0px solid #bebebe;
}


nav.small a:link, nav.small a:visited
{
text-decoration: none;
}

nav.small a:hover
{
background-color: #00703c;
color: #ffffff;
-webkit-transition:all .2s ease-in-out .001s;
transition:all .2s ease-in-out .001s;
-moz-transform:all .2s ease-in-out .001s;
}

 
 
 
 
 
 
 
 
 
  
 #slider-wrapper{
 position:relative;
 /* max-width:1200px; */
 width:100%;
 margin:230px auto 0px;
 /* padding:40px 35px 35px 35px; */
 
 /* background: url(../images/bg/bag.png) repeat-x top left;  */
-webkit-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
-moz-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
}
 
#slider{
position:relative;
 /* max-width:1130px;  */
width:100%;
margin:0px auto;
}


#slider li .text{
position:absolute;
color:#ffffff;
text-align:left;
}

#slider li .text h1{
color:#ffffff;
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:none;
}

#slider li .text p{
margin:25px 0px 25px 0px;
padding:0px 0px 0px 0px;
}




#slider li .text a.btn:hover {
  background-color: #ffffff;
  text-decoration: none;
  color: #00703c;
}





#slider ul.rslides_tabs{
position: absolute;
bottom: 40px;
left: 50%;
z-index: 9998;
text-align:center;
margin-left:-56px;
}

#slider ul.rslides_tabs li{
display:inline;
height:12px;
width:12px;
margin:0px 8px;
}


#slider ul.rslides_tabs li a{
background: url(../images/pagination-off.png) no-repeat center left; 
height:12px;
width:12px;
display: inline-block;
text-indent:-9999px;
}


#slider ul.rslides_tabs .rslides_here a{
background: url(../images/pagination-on.png) no-repeat center left; 
}












.main{

max-width:1200px;
width:100%;
margin:0px auto 0px;
padding:30px 0px 0px 0px;
}


.main img{
margin:20px 0px 20px 0px;
}


.subpage{
margin:230px auto 0px;
max-width:1200px;
width:100%;
padding:0px 0px 0px 0px;
}




.subpage .left{
margin:125px 50px 0px 0px;
width:240px;
padding:0px 0px 0px 0px;
float:left;
}


.subpage .right{
margin:0px 0px 0px 0px;
width:910px;
padding:0px 0px 0px 0px;
float:left;
}









.subpage .left #dropdown-nav{
margin:0px 0px 0px 0px;
padding:20px 15px 0px 0px;
text-align:right;
}

select {
font-family: 'Short Stack', cursive;
font-family: 'Catamaran', sans-serif;
font-weight:300;
font-size: 18px;
padding:7px;
color:#444444;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
 border-radius: 6px;
}














#navcontainer { width: 100%; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#navcontainer li:first-child a
{
border-top: 1px solid #ccc3b6;
}

#navcontainer a
{
display: block;
padding: 9px 9px 9px 9px;
width: 100%;

border-bottom: 1px solid #ccc3b6;
/*background: url(../images/bg/left-nav.png) no-repeat bottom left; */
}

#navcontainer a:link, #navlist a:visited
{
 color:#00703c;
text-decoration: none;
}

#navlist #current a:link,
#navlist #current a:visited
{
color:#ffffff;
text-decoration: none;
background-color: #00703c;
}



#navcontainer a:hover
{
background-color: #9e8c76;
 color:#ffffff;
}




#navcontainer li.sub-link a
{
font-size:17px;
color: #9e8c76;
padding: 3px 9px 3px 19px;
border-bottom: 0px solid #ccc3b6;
}


#navcontainer li.sub-link  a:hover
{
background-color: #9e8c76;
 color:#ffffff;
}


 




.framed-map{
 position:relative;
 width:100%;
 margin:0px auto 0px;
 padding:40px 35px 35px 35px;
 
background: url(../images/bg/bag.png) repeat-x top left; 
-webkit-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
-moz-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
}
 





img.framed{
 position:relative;
 width:100%;
 margin:0px auto 0px;
 padding:40px 35px 35px 35px;
 
background: url(../images/bg/bag.png) repeat-x top left; 
-webkit-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
-moz-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
}





img.framedslideshow{
 position:relative;
 width:100%;
 margin:0px auto 0px;
 padding:40px 35px 35px 35px;
 display: inline-block;
 
background: url(../images/bg/bag.png) repeat-x top left; 
-webkit-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
-moz-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
}
 


img.framedslideshow:after {
 position:relative;
 width:100%;
 margin:0px auto 0px;
 padding-top: 56.25%;
 display: block;
 content: '';
 
background: url(../images/bg/bag.png) repeat-x top left; 
-webkit-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
-moz-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
}



img.framed-noresize{
 position:relative;
 margin:0px auto 0px;
 padding:20px 15px 15px 15px;
background: url(../images/bg/bag.png) repeat-x top left; 
-webkit-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
-moz-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
}
 


  
 #slider-wrapper-static{
 position:relative;
 max-width:1200px;
 width:100%;
 margin:0px auto 0px;
 padding:40px 35px 35px 35px;
 
background: url(../images/bg/bag.png) repeat-x top left; 
-webkit-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
-moz-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
}
 
#slider-static{
position:relative;
width:100%;
margin:0px auto;
}

 
#slider-static img{
width:100%;
display:block;
}

#slider-static .text{
position:absolute;
color:#ffffff;
text-align:center;
width:100%;
padding:50px 50px 50px 50px;
}

#slider-static .text h1{
color:#ffffff;
margin:0px 0px 20px 0px;
padding:0px 0px 20px 0px;
text-align: center;
width:100%;
background: url(../images/bg/h1-white.png) no-repeat bottom center;

}

#slider-static .text .h1-sub{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
    text-align: center;
width:100%;
max-width:100%;
}

















.featurette{
position:relative;
width:374px;
margin:0px 39px 0px 0px;
padding:20px 15px 15px 15px;
float:left;

background: url(../images/bg/bag.png) repeat-x top left; 
-webkit-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
-moz-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
}

 .featurette h3{
 margin:0px 0px 10px 0px;
}
 
 
 .featurette.last{
 margin:0px 0px 0px 0px;
}
 
 
 
 .featurette img{
display:block;
}
 
 
 
 
 
 
 
 
 
 
 .textbox{
 position:relative;
 width:580px;
 margin:38px 39px 0px 0px;
 padding:40px 40px 40px 40px;
 float:left;
 
 background: url(../images/bg/bag.png) repeat-x top left; 
 -webkit-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
 -moz-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
 box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
 
 text-align:center;
 }
 
  .textbox h2{
  margin:0px 0px 10px 0px;
 }
  
  
  .textbox.last{
  margin:38px 0px 0px 0px;
 }
  
 
 .textbox p{
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 15px 0px;
}
 
 
 
 
.col3{
width:30%;
float:left;
margin-right:5%;
margin-top:10px;
text-align:left;
}

 
 
.col3.last{
width:30%;
float:left;
margin-right:0%;
}

.col3 .header{
color:#00703c; 
font-size:20px;
}


 
.col2{
width:45%;
float:left;
margin-right:10%;
margin-top:10px;
text-align:left;
}

 
 
.col2.last{
width:45%;
float:left;
margin-right:0%;
}

.col2 .header{
color:#00703c; 
font-size:20px;
}





.rare-product{
margin:30px 0px 30px 0px;
padding:30px 0px 30px 0px;
text-align:center;
border-top:2px solid #9e8c76;
}



.rare-product p{
text-align:left;
padding:20px 0px 20px 0px;
}



.rare-product h2{
background:none;
}








.special-product{
width:50%;
margin:20px 0px 20px 0px;
padding:0px 0px 0px 0px;
text-align:center;
float:left;
}



.special-product .label{
text-decoration: line-through;
}



.special-product .special-price{
color:#00703c; 
}

.special-product img{
 position:relative;
 margin:10px auto 10px;
 padding:20px 15px 15px 15px;
background: url(../images/bg/bag.png) repeat-x top left; 
-webkit-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
-moz-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
}
 





.collapsible{
display:none;
}








.contact-person{
width:33%;
margin:20px 0px 20px 0px;
padding:0px 0px 0px 0px;
text-align:left;
float:left;
}

.contact-person img{
 position:relative;
 margin:10px auto 10px;
 padding:20px 15px 15px 15px;
background: url(../images/bg/bag.png) repeat-x top left; 
-webkit-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
-moz-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
}
 






















footer{
width:100%;
margin:60px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-size:16px;
line-height:24px;
background: url(../images/bg/bag.png) repeat-x top left; 
}


footer h4{
margin:0px 0px 5px 0px;
}


footer a.link{
color:#00703c; 
     line-height: 20px;
     font-weight: 400;
    font-size: 20px;
margin:0px 0px 20px 0px;
display:block;
}

footer a.link:hover{
color: #333333;
}


footer .content{
width:100%;
max-width:1200px;
margin:0px auto 0px auto;
padding:20px 0px 14px 0px;
}



footer .content2{
width:100%;
max-width:1200px;
margin:0px auto 0px auto;
padding:50px 0px 25px 0px;
}
 
#old-logo{
padding:20px 0px 0px 0px;
}


footer .copyright{
width:100%;
margin:0px 0px 0px 0px;
padding:15px 0px 15px 0px;
background-color:#ccc3b6;
color:#ffffff;
font-size:15px;
}






nav.foot
{
font-size:20px;
font-weight:300;
letter-spacing:0px;
color: #00703c;
text-align:center;
z-index:1000;
max-width:1200px;
width:100%;
margin:0px auto 0px;
}






nav.foot ul
{
	list-style:none;
	position:relative;
	/* nch float:left; */
	margin:0px 0px;
	padding:0;
	z-index:1000;
}

nav.foot ul a
{
	display:block;
color: #00703c;
	text-decoration:none;
	line-height:32px;
	padding:5px 10px;
}

nav.foot ul li
{
	position:relative;
	/* nch float:left; */
	display:inline-block;
	margin:0;
	padding:0
}

nav.foot ul li.current-menu-item
{

}

nav.foot ul li a:hover
{
color: #333333;
}





nav.foot ul li:hover > ul
{
	display:block
}


nav.foot .bullet{
padding:5px 30px 5px 30px;

}

nav.foot ul li a.css3Animate{
-webkit-transition:all .2s ease-in-out .001s;
transition:all .2s ease-in-out .001s;
-moz-transform:all .2s ease-in-out .001s;
}


footer .column{
width:30%;
margin:0px 5% 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
float:left;
}


footer .column.last{
margin:0px 0px 0px 0px;
}


footer a.social 
{
margin:0px 0px 0px 0px;
padding:5px 5px 0px 0px;
border-bottom:none;
text-decoration:none;
display:inline-block;
}







.small{display:none; } 
nav.small{display:none; } 








.accordion, .accordion * {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

.accordion {
	overflow:scroll;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
    -moz-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
    box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
	background:#ffffff;
	margin: 20px 0px;
}

.subpage .right .main a.accordion-section-title {
	width:100%;
	padding:15px;
	display:inline-block;
	border-bottom:1px solid #ccc3b6;
	background:#fff;
	color:#00703c;
}

.subpage .right .main a.accordion-section-title.active, .subpage .right .main a.accordion-section-title:hover {
	color:#fff;
	background:#00703c;
	text-decoration:none;
}

.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}

.accordion-section-content {
	padding:25px 25px 25px 25px;
	display:none;
	border-bottom:1px solid #ccc3b6;
}
 
#sandwich-order-form .subpage h3{
text-align:center;
padding-bottom:20px;
}


.review-order{
text-align:left;
}


.sandwich-div{
width:45% !important;
float:left;
background-color:transparent !important;
background: url(../images/bg/bag.png) repeat-x top left; 
-webkit-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
-moz-box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
box-shadow: 0px 5px 10px 0px rgba(144,144,144,0.5);
margin:25px 25px 0px 0px !important;
padding:30px 20px 20px 20px !important;
}

.sandwich-details{
    font-size: 13px;
    line-height: 18px;
    background-color: #eae6e2;
    color: #9e8c76;
    padding: 4px;
    margin: 0px 0px 5px 0px;
}


 /**********************  MEDIUM STYLES **********************/
 @media all  and (max-width: 1230px) {
 
		.main{
		padding: 30px 30px 0px 30px;
		}    


		.subpage .main{
		padding: 30px 30px 0px 0px;
		}    



		footer .content2{
		padding: 50px 30px 50px 30px;
		}    

		nav.large .bullet,
		nav.foot .bullet {
		    padding: 5px 20px 5px 20px;
		}



		.featurette {
		    width: 30%;
		    margin: 0px 5% 0px 0px;

		}

		.featurette img{
		    width: 100%;
		}

		.featurette.last {
		    margin: 0px 0px 0px 0px;
		}




		.textbox {
			width: 47.5%;
		    margin: 38px 5% 0px 0px;

		}

		.textbox.last {
		    margin: 38px 0px 0px 0px;
		}








		.subpage .left{
		margin-right:5%;
		width:20%;
		}


		.subpage .right{
		width:75%;
		}




 }

 
  /**********************  STYLES **********************/
  @media all  and (max-width: 1100px) {
  
 
 
 		nav.large .bullet,
 		nav.foot .bullet {
 		    padding: 5px 10px 5px 10px;
 		}
 
 
  }

 
/**********************  LARGE STYLES **********************/

@media all and (max-width: 900px) {

	.small{display:block; } 
	.large{display:none; } 
	
	#slider ul.rslides_tabs{
	bottom: 0px;
	}
	
	.main{
	padding: 30px 30px 0px 30px;
	}    

	.subpage .main{
		padding: 30px 30px 0px 30px;
	}    


	header{
	 height:65px;
	 -webkit-transition:all .3s ease-in-out .001s;
	 transition:all .3s ease-in-out .001s;
	 -moz-transform:all .3s ease-in-out .001s;
	}
		
 
	
 







		#slider-wrapper{
					 position:relative;
					 width:100%;
					 margin:80px auto 0px;
					 padding:0px;
					 display:block;
					background: none; 
		}
	 
 
		img.framed{
				 position:relative;
				 width:100%;
				 margin:0px auto 0px;
				 padding:0px;
				 display:block;
				background: none; 
		}
 
 
 
 
 
 

 
 		.subpage{
 		margin:50px auto 0px;
 		width:100%;
 		padding:0px 0px 0px 0px;
 		}
 
 
 
 
 		.subpage .left{
 		margin:0px 0px 0px 0px;
 		width:100%;
 		padding:0px 0px 0px 0px;
 		float:none;
 		}
 
 
 		.subpage .right{
 		margin:0px 0px 0px 0px;
 		width:100%;
 		padding:0px 0px 0px 0px;
 		float:none;
 		}


	footer .column{
	width:100%;
	margin:0px 0% 20px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	float:none;
	}


	footer .column.last{
	margin:0px 0px 0px 0px;
	}


		.contact-person{
		width:100%;
		margin:20px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		text-align:center;
		float:none;
		}

	
}





/**********************  SMALL STYLES **********************/
@media all and (max-width: 600px) {




		#slider li .text{
		position:absolute;
		color:#ffffff;
		text-align:left;
		top: 20px !important;
		left: 20px !important;
		width: 90%  !important;
		}



		#slider li .text h1{
		font-size:22px !important;
		line-height:30px !important; 
		}



		#slider li .text p{
		display:none !important;
		}



		#slider li .text a.btn{
		    padding: 5px 10px 5px 10px;
		    margin-top: 5px;
		}




		.featurette {
		    width: 100%;
		    margin: 30px 0% 0px 0px;

		}


		.featurette img{
		    width: 100%;
		}

		.featurette.last {
		    margin: 30px 0px 0px 0px;
		}



		.textbox {
			width: 100%;
		    margin: 30px 0% 0px 0px;
		        padding: 20px 20px 20px 20px;

		}

		.textbox.last {
		    margin: 30px 0px 0px 0px;
		}


		.subpage .left #dropdown-nav{
		 padding: 20px 0px 0px 0px;
		text-align:center;
		}



		.col3, .col3.last{
		width:100%;
		float:none;
		margin-right:0%;
		margin-top:10px;
		}



		.col2, .col2.last{
		width:100%;
		float:none;
		margin-right:0%;
		margin-top:10px;
		}



		.special-product{
		width:100%;
		margin:20px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		text-align:center;
		float:none;
		}


 
 

}