@font-face {
  font-family: 'Steelworks Vintage Demo';
  src: url('../font/Steelworks Vintage Demo.eot');
  src: url('../font/Steelworks Vintage Demo.woff2') format('woff2'),
       url('../font/Steelworks Vintage Demo.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TwCenMT-Regular';
  src: url('../font/TwCenMT-Regular.woff') format('woff'),
       url('../font/TwCenMT-Regular.ttf') format('truetype'),
       url('../font/TwCenMT-Regular.svg#TwCenMT-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SerialPublicationDEMO';
  src: url('../font/SerialPublicationDEMO.eot');
  src: url('../font/SerialPublicationDEMO.woff2') format('woff2'),
       url('../font/SerialPublicationDEMO.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

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; 
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body{
	background: no-repeat fixed center center/100% url(../images/background_landing.jpg);
}
#wp_landing_page{
	background:no-repeat top right/90% url(../images/icon-home-landing.png);
	width:100%;
	height:1000px;
}
.logo{
    min-height: 670px;
    text-align: center;
}
.logo img{
    width: 80%;
    margin-top: 130px;
}
.menu_landing_page{
    font-family: 'Steelworks Vintage Demo';
    position: relative;
    color: #993333;
    font-size: 28px;
}
.menu_landing_page .tea_pice{
    position: absolute;
    top: 85px;
    left: 178px;
}
.menu_landing_page .consultation{
    position: absolute;
    top: 105px;
    left: 383px;
}
.menu_landing_page .raw_honey{
    position: absolute;
    top: 177px;
    left: 52px;
}
.menu_landing_page .herbal_tinctures{
    position: absolute;
    top: 286px;
    left: 23px;
}
.menu_landing_page .bulk_herbs{
    position: absolute;
    top: 294px;
    left: 515px;
}
.menu_landing_page .medicinal_oils{
    position: absolute;
    top: 380px;
    left: 60px;
}
.menu_landing_page .green_drink{
    position: absolute;
    top: 380px;
    left: 464px;
}
.menu_landing_page .h20_filter{
    position: absolute;
    top: 450px;
    left: 197px;
}
.menu_landing_page .kombucha{
    position: absolute;
    top: 473px;
    left: 384px;
}
.menu_landing_page .salves{
    position: absolute;
    top: 491px;
    left: 288px;
}
.menu_landing_page a{
    text-decoration: none;
    font-family: 'Steelworks Vintage Demo';
    color: #171a47;
    font-size: 28px;
}
.location{
    text-align: center;
    font-family: 'Steelworks Vintage Demo';
    color: #993333;
    font-size: 35px;
    line-height: 35px;
}

.location .font_twcen{
    font-family: 'TwCenMT-Regular';
    font-size: 25px;
    line-height: 37px;
}
.contact{
    text-align: center;
    
    color: #993333;
    font-size: 47px;
    line-height: 47px;
    margin-top: 50px;
    font-family: 'SerialPublicationDEMO';
}
.contact .font_steelworks{
    font-family: 'Steelworks Vintage Demo';
    font-size: 42px;
    line-height: 65px;
}
.contact .social{
   margin-top: 12px; 
}
.contact .social img{
    height: 50px;
}
.footer_wp{
    margin-left: 40px;
}
#map {
    height: 130px;
    width: 100%;
}
.location_img{
    margin-bottom: 10px;
}
/* Slide show style */

.right_foolter #gallery{
   

	
	
	/* The width of the gallery */
	width:340px;
	overflow:hidden;
    margin-right: 100px;
    float: right;
}
.left_arrow img,.right_arrow img{
    width: 70px;
}
.right_foolter{
    position: relative;
}
.left_arrow{
    position: absolute;
    z-index: 1;
    top: 80px;
    left: -95px;
    cursor: pointer;
}
.right_arrow{
    position: absolute;
    z-index: 1;
    top: 80px;
    left: 317px;
    cursor: pointer;
}
.right_foolter #slides{
	/* This is the slide area */
	height:200px;
	 
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:340px;
	overflow:hidden;
}
.right_foolter #slides img{
    width: 340px;
    height: 200px;
}
.right_foolter .slide{
	float:left;
}
.right_foolter #menu ul li a img{
    width: 103px;
    height: 70px;
}
.right_foolter #menu{
	/* This is the container for the thumbnails */
	height:80px;
}

.right_foolter ul{
	margin:0px;
	padding:0px;
}

.right_foolter li{
	/* Every thumbnail is a li element */
	width:100px;
	display:inline-block;
	list-style:none;
	height:80px;
	overflow:hidden;
}

.right_foolter li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(img/pic_bg.png) repeat;
}

.right_foolter li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(img/active_bg.png) no-repeat;
}

.right_foolter li.act a{
	cursor:default;
}

.right_foolter .fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:12px;
	background:url(img/divider.png) no-repeat right;
}

.right_foolter li a{
	display:block;
	background:url(img/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
}

.right_foolter a img{
	border:none;
}
.menu_landing_page_ipad .navbar-default .navbar-nav>li>a{
    color: #993333;
    font-size: 18px;
    line-height: 0;
    margin: 0px 5px;
    font-family: 'Steelworks Vintage Demo';
}
.menu_landing_page_ipad .navbar-default{
    border: none;
    background: none;
}
.menu_landing_page{
    display: block;
}

.colap1 {
    position: absolute;
    width: 100%;
    margin-top: 50px;
    z-index: 99;
    left: 0;
    right: 0;
    background: #FFF;
    margin-right: 0;
    margin-left: 0;
}
.home-menu li {
    list-style: none;
    color: #42c7ce;
    font-size: 25px;
    padding: 10px 0;
}
.home-menu li{
    text-align: center;
}
.home-menu li:hover{
    background: #ccc;
    
}
.home-menu li a{
    color: #171a47;
    font-size: 20px;
    line-height: 0;
    margin: 0px 5px;
    font-family: 'Steelworks Vintage Demo';
    text-align: center;
    text-decoration: none;
}
.menu-box img{
    height: 25px;
    width: 45px;
}
.menu-box{
    margin: 0;
    right:  120px;
    top: 15px;
    display: none;
}

@media screen and (min-width: 769px) {
    .menu_landing_page_ipad{
        display: none;
    }
    
}

@media screen and (min-width: 769px) and (max-width: 968px) { 
    .menu_landing_page_ipad{
        display: block;
    }
    .logo img{
        margin-top: 0px;
    }
    .menu_landing_page{
        display: none;
    }
    .logo{
        min-height: 165px;
    }
    .footer_wp{
        margin-left: 0px;
    }
    .contact{
        margin-top:0px
    }
    #map{
        height: 270px;
        width: 80%;
        margin-left: 7%;
        margin-top: 50px;
    }
    .right_foolter #gallery{
        margin-right: 80px;
    }
    .left_arrow{
        left: -57px;
    }
    .right_arrow{
        left: 360px;
    }
    .contact{
        line-height: 30px;
        font-size: 40px;
    }
    .contact .font_steelworks{
        line-height: 39px;
    }
        #wp_landing_page{
        height: 676px;
    }
}
@media screen and (min-width: 969px) and (max-width: 1024px) {
    .menu-box{
        right:  100px;       
    }

    .colap1{
        margin-left: 0;
        margin-right: 0;
    }
    .menu_landing_page a{
        font-size: 22px;
    }
    .menu_landing_page .tea_pice{
        position: absolute;
        top: 50px;
        left: 128px;
    }
    .menu_landing_page .consultation{
        position: absolute;
        top: 70px;
        left: 285px;
    }
    .menu_landing_page .raw_honey{
        position: absolute;
        top: 127px;
        left: 38px;
    }
    .menu_landing_page .herbal_tinctures{
        position: absolute;
        top: 204px;
        left: 23px;
    }
    .menu_landing_page .bulk_herbs{
        position: absolute;
        top: 218px;
        left: 368px;
    }
    .menu_landing_page .medicinal_oils{
        position: absolute;
        top: 273px;
        left: 42px;
    }
    .menu_landing_page .green_drink{
        position: absolute;
        top: 283px;
        left: 338px;
    }
    .menu_landing_page .h20_filter{
        position: absolute;
        top: 320px;
        left: 148px;
    }
    .menu_landing_page .kombucha{
        position: absolute;
        top: 356px;
        left: 279px;
    }
    .menu_landing_page .salves{
        position: absolute;
        top: 363px;
        left: 212px;
    }
    .logo img{
        margin-top: 80px;
    }
    .footer_wp {
        margin-left: 0px;
    }
    .location{
        margin: 0px;
        padding: 0px;
        margin-left: 10px;
    }
    .contact{
        margin: 0px;
        padding: 0px;
        margin-top: 20px;
        margin-left: 45px;
    }
    .logo{
        min-height: 550px;
    }
    .right_foolter_bt{
        width: 25%;
    }
    .left_arrow{
        left: -150px;
    }
    .right_arrow{
        left: 260px;
    }
    .right_foolter #gallery{
        margin-right: 55px;
    }
    #wp_landing_page{
        height: 870px;
    }
}
@media only screen and (max-width: 768px) {
    body {
        background: repeat-y fixed center center/100% url(../images/background_landing.jpg);
    }
    .menu_landing_page{
        display: none;
    }
    .menu-box{
        
        display: block;       
    }
    .logo img{
        margin-top: 10px;
    }
    .consultation{
        top: 50px;
        left: 175px;
    }
    .tea_pice{
        top:45px;
        left: 185px;
    }
    .raw_honey{
        top: 92px;
        right: 135px;
    }
    .herbal_tinctures{
        top: 119px;
        left: 100px;
    }
    .medicinal_oils{
        top: 180px;
        right: 167px;
    }
    .h20_filter{
        top: 180px;
        left: 74px;
    }
    .salves{
        top: 207px;
        right: 93px;
    }
    .kombucha{
        top: 205px;
        left: 65px;
    }
    .green_drink{
        top: 160px;
        left: 350px;
    }
    .bulk_herbs{
        top: 126px;
        left: 204px;
    }
    .menu_landing_page_ipad{
        right: 0;
        position: absolute;
        z-index: 0;
    }
    .menu-box{
        right: -50px;
    }
    .footer_wp {
        margin-left: 0px;
        margin-right: 0px;
    }
    .logo{
        min-height: 440px;
    }
    .contact{
        bottom: -300px;
        margin-top: 0px;
    }
    .location{
        bottom: -300px;
    }
    .right_foolter{
        top: -300px;
    }
    .right_foolter #gallery {
        margin-right: 175px;
    }   
    .left_arrow {
        
        left: -245px;
        
    }
    .right_arrow {
        
        left: 175px;
        
    }
    #map{
        width: 70%;
        margin: 10px auto;
    }

}
@media only screen and (max-width: 736px) {
    .logo {
        min-height: 0px;
    }
    .menu_landing_page_ipad{
        display: none;
    }
    #wp_landing_page{
        background: none;
        height: 800px;
    }
    .right_foolter {
        top: -323px;
    }
    .left_arrow {
        left: 105px;
    }
    .right_arrow {
        left: 514px;
    }
}
@media only screen and (max-width: 667px) {
    .right_foolter #gallery {
        margin-right: 110px;
    }
}
@media only screen and (max-width: 640px) {
    .menu_landing_page_ipad{
        display: none;
    }
    .right_foolter #gallery{
        margin-right: 100px;
    }
    .logo {
        min-height: 0px;
    }
    #wp_landing_page{
        background: none;
        height: 800px;
    }
    .location {
        bottom: -323px;
    }
    .contact {
        bottom: -323px;
        margin-top: 0px;
    }
    .left_arrow {
        left: 76px;
    }
    .right_arrow {
        left: 500px;
    }
    .contact .social img {
        height: 40px;
    }
    .right_foolter_bt{
        display: none;
    }
    
}
@media only screen and (max-width: 568px) {
    .right_foolter #gallery {
        margin-right: 75px;
    }
    .left_arrow {
        left: 36px;
    }
    .right_arrow {
        left: 453px;
    }
}
@media only screen and (max-width: 414px) {
    .logo img{
        position: absolute;
        left: 0;
        width: 30%;
    }
    .logo{
        min-height: 0;
    }
    #wp_landing_page {
        background: no-repeat top right/100% 50% url(../images/icon-home-landing.png);
        width: 100%;
        height: auto;
    }
    .menu-box{
        left: 115px;
    }
    .menu_landing_page_ipad .navbar-default .navbar-nav>li>a {
        
        font-size: 16px;
    }

    .consultation{
        top: 32px;
        left: 34px;
    }
    .tea_pice{
        top: 32px;
        left: -45px;
    }
    .raw_honey{
        top: 41px;
        right: 85px;
    }
    .herbal_tinctures{
        top: 75px;
        left: -100px
    }
    .medicinal_oils{
        top: 80px;
        right: 86px;
    }
    .h20_filter{
        top: 80px;
        left: -30px;
    }
    .salves{
        top: -90px;
        right: -80px;
    }
    .kombucha{
        top: 32px;
        left: 65px;

    }
    .green_drink{
        top: 12px;
        left: 50px;
    }
    .bulk_herbs{
        top: 155px;
        left: 40px;
    }
    
    .right_foolter #gallery {
       
        width: 300px;
        margin-right: 20px;
    
    }
    .right_foolter{
        top:-240px;
    }
    .right_foolter li {
        width: 90px;
    }
    .left_arrow img, .right_arrow img {
        width: 30px;
    }
    .right_arrow {
    
        left: 313px;
    }
    .left_arrow{
        left: -17px;
    }
    .location, .contact {
        bottom: -680px;
    }
    .menu_landing_page_ipad{
        display: none;
    }
   
    .logo {
        min-height: 0px;
    }
    #wp_landing_page{
        background: none;
    }
    .location {
        bottom: -323px;
    }
    .contact {
        bottom: -323px;
        margin-top: 0px;
    }
    
    .right_foolter {
        top: -300px;
    }
    .left_arrow {
        left: 19px;
    }
    .right_arrow {
        left: 353px;
    }
    #map{
        width: 100%;
    }
}

@media (min-width: 376px) and (max-width: 413px){
    .right_arrow {
    
        left: 345px;
    }
    .left_arrow{
        left: -10px;
    }
    .right_foolter #gallery {
       
        margin-right: 20px;
    }
}
@media (max-width: 375px) and (min-width: 321px){
    .right_arrow {
    
        left: 327px;
    }
    .right_foolter #gallery {
       
        margin-right: 6px;
    }
    .left_arrow{
        left: -11px;
    }
}
@media only screen and (max-width: 320px) {
    .right_foolter #gallery {
        margin-right: -21px;
    }
    .left_arrow {
        left: 36px;
    }
    .right_arrow {
        left: 453px;
    }
    .right_foolter {
        top: -300px;
        padding: 0px;
        margin: 0px 0px 0px -15px;
    }
    .contact .social img {
        height: 30px;
    }
}