/*

 *Theme Name: Hardwood

 *Author: Kahrimanovic Mersed

*/







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

	vertical-align: baseline;

}



html {

    height:100%;

    max-height:100%;

    width:100%;

}



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;

}



caption, th, td {

	font-weight: normal;

	text-align: left;

}



h1, h2, h3, h4, h5, h6 {

	clear: both;

}



.home {

    background-image: url('images/home_bg.jpg');

    max-height:100%;

    height:100%;

    width:100%;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



.header {

    position:fixed;

    top:80px;

    width:100%;

    background:rgba(255,255,255,0.6);

    font-family: 'Stint Ultra Expanded', Arial, sans-serif;

    height:100px;

    max-height:100px;

}



.header-left-section {

    float:left;

}



.header-right-section {

    float:right;

    font-family: 'Cantarell', sans-serif;

}



.text-logo {

    font-weight:bold;

    font-size: 31px;

    padding-top: 20px;

    color: #420600;

    padding-left:25px;

}



.pers-info-container{

    padding-top: 20px;

    font-weight:bold;

    color: #420600;

    font-weight:bold;

    line-height:21px;

    padding-right: 45px;

    text-align:right;

}



#main {

    width:100%;

    padding-top:235px;

}



.main-menu-container {

    position: fixed;

    top:235px;

}



.menu-container-homepage ul li {

    margin-bottom:2px;

}



.menu-container-homepage ul li a {

    background-color:white; 

    display:inline-block;

    padding: 10px 15px 10px 15px;

    text-decoration:none;

    color: #420600;

    font-family: 'Cantarell', 'Myriad Pro', sans-serif, Arial;

}



.home-quote-container {

    width:100%;

    position: fixed;

    bottom: 0px;
    background:rgba(255,255,255,0.6);
    text-align:center;

}



.home-quote {

    padding-top:2px;

    /*float:right;*/

    font-family: 'Stint Ultra Expanded', Arial, sans-serif;
    /*font-family: Arial, sans-serif;*/

    font-size:22px;
    letter-spacing:-1px;

    color: #000;

    padding-right:40px;

    /*text-shadow:3px 3px 4px #ffffff;*/

    line-height: 50px;

}



.page-wrapper {

    position:relative;

    width:762px;

    margin:0 auto;

    min-height:100%; 

    background: url('images/page-inner-background.png') no-repeat;

    background-position: 0px 0px;

    color:white;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    box-shadow: 0px 0px 15px 4px black;

}



.top-shadow {

    z-index:0;

    width:100%;

    height:281px;

    background: url('images/page-top-shadow.png') repeat-x;

}





.bottom-shadow {

    margin-top:-181px;

    z-index:0;

    width:100%;

    height:281px;

    background: url('images/page-bottom-shadow.png') repeat-x;

}



.page, .page-id-16 {

    background-image: url('images/page-9-background.png');

    background-attachment:fixed;

    max-height:100%;

    height:100%;

    width:100%;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



.page-id-16 {

  background-image: url('images/products-page-background.png');  

}



.page-images {

    float:left;

    margin-left:29px;

    margin-bottom:20px;

}



.page-images img {

    height:340px;

    width: 340px;

    z-index:999;

    box-shadow: 0px 0px 13px #280404;

}



.gallery-images {

    margin-left:25px;

}



.gallery-images img {

    height:160px;

    width: 160px;

}



.page-content {

    padding-top:100px;

    padding-bottom:30px;

}



.text-content {

    float:left;

    margin-left:29px;

    height:340px;

    width: 340px;

    margin-bottom:20px;

    font-family: 'Cantarell', sans-serif;

}



.text-content p {

    line-height: 21px;

    font-size: 15px;

    margin-bottom:18px;

}



.text-content p:first-child {

	max-width: 340px; 

}



.text-content h1 {

    font-family: 'Stint Ultra Expanded', Arial, sans-serif;

    text-transform: uppercase;

    font-size: 24px;

    font-weight: normal;

    margin-bottom:27px;

    padding-top:15px;

    text-shadow: 0px 2px 6px black;   

}



.fixed-page-logo {

    display:block;

    position:fixed;

    top:120px;

    background-color:white;

    color: #420600;

    font-family: 'Stint Ultra Expanded', Arial, sans-serif;

    padding: 10px 15px 10px 15px;

    font-weight:bold;

    text-decoration:none;

    font-size:18px;

}



.footer-content {

    padding-top:10px;

    text-align:center;

    font-family: 'Cantarell', sans-serif;

    padding-bottom:5px;

    font-size:14px;

    position: absolute;

    bottom: 10px;

    left: 145px;

}



#mobile-main-menu {

    display:none;

}



/*  

#Mobile (Portrait)

================================================== 

*/



@media only screen and (max-width: 767px) {

    .main-menu-container {

        display:none;

    }

    

    .text-content p a {

	text-decoration: none;

	color: #F7D358;

	

    }



    .header {

        top:30px;

    }

    

    .header-left-section {

        width:100%;

    }

    

    .text-logo {

        font-size:13px;

        padding-left:10px;

        padding-top:10px;

        width: 100%;

        text-align:center;

    }

    

    .header-right-section {

        font-size:10px;

        width:100%;

        text-align: center;

    }

    

    .pers-info-container {

        padding:0px;

        width:100%;

        text-align:center;

        line-height: normal;

        margin-top: 12px;

    }

    

    .home-quote-container {

        top:173px;

        text-align:center;

    }

    

    

    .home-quote {

        float:none;

        padding:0px;

        font-size:19px;

        line-height: normal;

    }

    

    #mobile-main-menu {

        display:block;

    }

    

    .mobile-main-menu-wrapper {

        width:100%;

        text-align:center;

        position:fixed;

        top:140px;

    }

    

    

    .page-wrapper {

        position:relative;

        width:100%;

        margin:0 auto;

        min-height:100%; 

        background: url('images/page-inner-background.png');

        background-position: 0px 0px;

        color:white;

        -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: cover;

        background-size: cover;

        box-shadow: 0px 0px 15px 4px black;

    }

    

    .page-content {

        padding-top:29px;

        padding-bottom:80px;

    }

    

    .text-content {

        float:none;

        width:100%;

        height:auto;

    }

    

    .page-images img {

        width: 116px;

        height:116px;

    }

    

    .text-content {

        width:85%;

    }

    

    .text-content h1 {

        font-size: 16px;

        margin-bottom: 13px;

    }

    .text-content p {

        line-height: 15px;

        font-size: 13px;

        margin-bottom: 13px;

    }

    

    .footer-content {

        width:100%;

        left:0px;

    }

    

    .mobile-map-class {

        margin-left:0px;

    }

    

    #mapviewer iframe {

        width:320px !important;

        overflow: hidden;

    }

    

}









/* 

#Mobile (Landscape)

================================================== 

*/



@media only screen and (min-width: 480px) and (max-width: 767px) {

        

        .header-left-section, .header-right-section {

            width: auto;

        }

        

        .header {

            height: auto;

            top:5px;

            padding-bottom: 5px;

        }

        

        .mobile-main-menu-wrapper {

            top: 70px;

        }

        

        .home-quote-container {

            top:97px;

        }

}





.text-content p
a {color:#f7d358;}