/*
Theme Name: Rudi Dundas
Theme URI:
Author: Gregory Cowley
Author URI: http://gmotionstudios.com/
Description: 
Version: 1.1
Tags:
Text Domain: rudidundas

*/

/**
 * Table of Contents:
 *
 *
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */

@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: MinionPro;
    src: url("fonts/MinionPro-Regular.otf") /* EOT file for IE */
}

  
@font-face {
    font-family: NeutraDisp;
    src: url("fonts/NeutraDisp-Bold.otf") /* TTF file for CSS3 browsers */
}
@font-face {
    font-family: NeutraDisp;
    src: url("fonts/NeutraDisp-Medium.otf") /* TTF file for CSS3 browsers */
}

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

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

audio,
canvas,
video {
    display: inline-block;
    max-width: 100%;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
} 
  body{background:rgb(169, 171, 167);}  
 body.parent-pageid-30{background:rgb(169, 171, 167);}

/*html{color:#000;background:rgb(169, 171, 167);}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
a:focus{-moz-outline-style: none;}



body, body.home, body.page, body.blog, body.archive ,
body.single, background-color: rgb(169, 171, 167);}
/* Portraits */
/*body.parent-pageid-6 #fadeandscale_background {
    background-color: rgb(192, 186, 162) !important;
}*/
/*body.parent-pageid-6{ 
    background-color: rgb(192, 186, 162); 
}*/
    body.parent-pageid-6 #primary .bg-box{ 
        background-color: rgb(190, 192, 189) !important;
    }
/* Water */ 
body.parent-pageid-24  {
    background-color: rgb(222, 212, 180);
}
body.parent-pageid-24 a.fadeandscale_close{ 
color: rgba(247, 244, 236, 0.73);}
body.parent-pageid-24 #fadeandscale_background { 
    background-color: rgb(222, 212, 180)!important;
}
    body.parent-pageid-24 #primary .bg-box{
        background-color: rgb(231, 223, 200);
    }
body.parent-pageid-24 .hero .hierarchical-box, body.parent-pageid-24 .hero .hierarchical-box-2 {
    background-color: rgb(231, 223, 200)!important;
    
} 
/* Coffee */
body.parent-pageid-26 #fadeandscale_background{
    background-color: rgb(205, 184, 155) !important;
}
body.parent-pageid-26 a.fadeandscale_close {
  color: #c3c3c3;
    text-align: center;
    margin: 0 auto;   
    position: absolute;  
    left: 0px;    
    right: 0px;
    margin-top: 15px;  
    background: url(./images/close-1.png);
    padding: 27px;
    background-size: cover;
    width: 35px;
}
body.parent-pageid-26{
    background-color: rgb(205, 184, 155); 
}
    body.parent-pageid-26 #primary .bg-box{
        background-color: rgb(217, 203, 181);
    }
body.parent-pageid-26 .hero .hierarchical-box, body.parent-pageid-26 .hero .hierarchical-box-2 {
    background-color: rgb(217, 203, 181)!important;
    /*background-image: linear-gradient(90deg, #cdb89b 10%, transparent 10%, rgb(217, 203, 181) 90%, #cdb89b 0, #cdb89b), linear-gradient(90deg, rgba(255, 255, 255, 0) 10%, rgb(217, 203, 181) 10%, transparent 90%, rgb(217, 203, 181) 10%, #cdb89b);*/
}
/* Stories */
body.parent-pageid-10 #fadeandscale_background{
    background-color: rgb(205, 192, 179) !important
}
body.parent-pageid-10 a.fadeandscale_close {
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 0px;
    right: 0px;
    margin-top: 30px;
    background: url(./images/close-2.png);
    padding: 27px;
    background-size: cover;
    width: 35px;
	   
	
	} 
        body.parent-pageid-10{
    background-color: rgb(205, 192, 179);
}
    body.parent-pageid-10 #primary .bg-box{
        background-color: rgb(219, 210, 200);
    }
body.parent-pageid-10 .hero .hierarchical-box, body.parent-pageid-10 .hero .hierarchical-box-2 {
    background-color: rgb(219, 210, 200)!important;
    /*background-image: linear-gradient(90deg, #cdc0b3 10%, transparent 10%, rgb(219, 210, 200) 90%, #cdc0b3 0, #cdc0b3), linear-gradient(90deg, rgba(255, 255, 255, 0) 10%, rgb(219, 210, 200) 10%, transparent 90%, rgb(219, 210, 200) 10%, #cdc0b3);*/
}

.page-id-16 .fade-in.two {
padding-right: 40px;
padding-bottom: 0px;  
padding-top: 60px;
}

.page-id-16 .fade-in.two p {
text-align: right;
font-family: "museo-sans",sans-serif;
font-weight: 600;
font-style: normal;
font-size: 18px !important;
}

h3.intro-text-1{
    position: absolute;
    font-family: "museo-sans",sans-serif;
    color: #fff;
    font-size: 55px;
    text-transform: uppercase;
    line-height: 30px;
    width: 645px;
    margin-left: -8px;
    /* top: 300px; */
    text-align: left;
    left: 0;
}
h3 span.spacing{
    width: 2px;
    display: inline-block;
}
h3.intro-text-2{
    position: absolute;
    font-family: "calluna",serif;
    color: #fff;
    font-size: 41px;
    font-weight: 100;
    text-transform: lowercase;
    line-height: 30px;
    font-style: italic;
    letter-spacing: 4px;
    /* font-weight:100 !important; */
    width: 210px;
    height: 100px;
    text-align: center;
    /* top: 300px */;
    left: -35px;
}
h3.intro-text-3{
    position: absolute;
    font-family: "calluna",serif;
    color: #fff;
    font-size: 41px;
    font-weight: 100;
    text-transform: lowercase;
    line-height: 30px;
    font-style: italic;
    text-align: right;
    letter-spacing: 4px;
    /* 
    width: 625px;
    top: 340px;
 */
    right: -9px;

}

.intro-bg{
    position: absolute;
    top: -13px;
    left: -5px;
    height: 56px;
    width: 625px;
    opacity: .55;
    background-color: rgb(190, 192, 189);
}

.image-title{
    position: absolute;
    top: 325px;
    left: -208px;
    font-family: "museo-sans",sans-serif;
    color: #636367;
    display: table-cell;
    font-size: 13px;
    letter-spacing: 2px;
    height: 30px;
    width: 400px;
    text-align: left;
    text-transform: lowercase;
}
    .rotate {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);

        /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;

        /* Should be unset in IE9+ I think. */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }

.smaller {
    font-size: .85em;
}




body.world, body.samburu { background-color: #C0B9A1;}
body.water, body.agriculture, body.coffee { background-color: #A49E87; }
body.streetPhilosophers, body.sixthWave, 
body.botanyOfDesire { background-color: #CEBFB3; }


.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.shadow {
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#000000');
    -moz-box-shadow: 5px 5px 7px #000;
    -webkit-box-shadow: 5px 5px 7px #000;
    box-shadow: 5px 5px 7px #000;
    opacity: .5;
}
.rotation90 {
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
em { font-style: italic; }
a { text-decoration: none; }
a, a:active, :focus {
    -moz-outline-style: none;
    outline: none;
}
html {
    font-family: "museo-sans",sans-serif;
}
html, body {
    height: 100%;
}



/* Layout */

.vertical-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.layer{
    position: absolute;
    height: 100%;
    width: 100%;
}   


/* Background */

#background{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
    #background .bg-stripe {
        background-color: #fff;
        opacity: .15;
        clear: both;
        height: 275px;
        width: 300%;
    }
            




#main-content {
    position: relative;
    margin: 0 auto;
    /* padding-left: 200px; */
    height: 100%;
    width: 1024px;
    text-align: center;
}
    #main-content .logo{
        position: relative;
        left: 14px;
        top: 54px;
        width: 40px;
        float: left;
    }
    
    
    
    #primary{
        position: relative;
        width: 824px;
    }
    #primary.no-nav{
        margin: 0 auto;
        float: none;
    }
    #primary.nav{
        display: inline-block;
        vertical-align: top;

    }
        #primary .layer{
            min-height: 625px;
            min-width: 625px;
        }       
        #primary .bg-box{
            width: 825px;
            height: 470px;
            background-color: rgb(190, 192, 189);
            margin: 0 auto;
        }
        #primary .logo{
            position: relative;
            left: -40px;
            top: 23px;
            width: 40px;
            float: left;
        }
            
        
        
        #content{
            position: relative;
            min-height: 625px;
            text-align: center;
        }
            article{
                position: relative;
                min-width: 625px;
                min-height: 625px;
                margin: 0 auto;
                display: inline-block;
            }
                article.has-post-thumbnail img{
                    position: relative;
                    display: inline-block;
                }
    
    #secondary{
        position: relative;
        /* float: left; */
        display:inline-block;
        width: 120px;
        min-height: 625px;
    }



/* Navigation */

nav.mainNav {
        position: absolute;
        
        left: 0px;
        top: 0px;
        width: 200px;
        text-align: left;
    }
nav.mainNav.primary-navigation { top: 220px; }
nav.mainNav.secondary-navigation { top: 481px; }
    .menu a, 
    .menu .current-menu-item ul a { 
        color: #636367; 
        text-transform: lowercase;
    }
    .menu a:hover, 
    .menu .current-menu-item a, 
    .menu .current-menu-item a, 
    .menu .current-menu-item ul a:hover, 
    .menu .current-menu-item ul .current-menu-item a { 
        color: #FFF; 
    }
    .menu a {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 2px;
        text-decoration: none;
    }
    .menu ul { display: none; }
    .menu .current-menu-item ul, .menu .current-page-parent ul { display: block; }
    .menu li {margin: 0px 0px 5px 20px;}
    .menu ul li {margin: 0px 0px 5px 20px;}
    .menu ul a {
        font-size: 12px;
        letter-spacing: 2px;
        text-decoration: none;
    }
#arrow-navigation{
    display: block;
    position: absolute;
    left: 28px;
    top: 570px;
    width: 120px;
    height: 32px;
}



#gallery img, #gallery .box, #gallery .text {
    position: absolute;
}
#galleryNav {
    left: 830px;
    position: absolute;
    top: 600px;
}
#previous, #next, #homeNav {
    display: block;
    position: absolute;
}
#homeNav, #replay {
    color: #636367;
    font-size: 14px;
    letter-spacing: 2px;
}
#replay { display: none; }
#previous { left: 0px; }
#next { left: 75px; }
#homeNav {  
    left: 21px;
    top: -2px;
}







/* OVERLAY TEXT */







.hero {
    position: relative;
    top: 0px;
    left: 0px;  
    max-height: 625px;
    overflow: hidden;
}
    .entry-content {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
    }


    .hero .entry-content {
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        height: 625px;
        width: 100%;
    }
    .entry-content .overlayBox,
    .entry-content .title-box{
        position: relative;
        background-color: #BEC0BD;
        height: 275px;
        opacity: .40;
        width: auto;
        min-width: 625px;
        z-index: 10000;
        margin-top: 177px;
    }
    .entry-content .text,
    .entry-content .title-text {
        position: absolute;
        font-family: "calluna",serif;
        color: #fff;
        font-size: 18px;
        letter-spacing: 2px;
        line-height: 30px;
        font-style: italic;
        width: 100%;
        height: auto;
        z-index: 10010;
        top: 45%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        /**/
    }
    .entry-content .title-text h1 {
        font-family: "museo-sans", sans-serif;
        font-style: normal;
        text-transform: uppercase;
        font-size: 36px;
        padding: 30px 0 10px 0;
    }
    
    .entry-content .title-text p {
        margin-bottom: 20px;
        padding: 0 20px;
        color:#636367;
    }
    .entry-content .title-text a {
        color: #fff;
    }
        .entry-content .title-text a:hover {
            color: #eee;
        }

.page-id-1381 p {
font-size: 18px;
font-family: "museo-sans", sans-serif;
font-style:normal;
color:white !important;
font-weight:600;
}

.page-id-192 p {
font-weight:600;
line-height: 34px;
color: white !important;
letter-spacing: 2px !important;
font-size: 18px !important;
}

.page-id-189 p {
line-height: 26px !important;
}

.hero.info.me .title-text{
    letter-spacing: 2px;
    color:#fff;
    line-height: 34px;
    text-align: center;
}

    .hero.info.me .entry-content .title-box{
        min-width: 625px;
        margin-left: 0px;
        opacity: .60;
    }
    .hero.info.me .entry-content .title-text{
        font-size: 19px;
    }
.hero.info.bio{
    position: relative;
    top: 0px;
    left: 0px;
}
    .hero.info.bio .entry-content{
        position: absolute;
        top: 0;
        left: 0;
    }
    .hero.info.bio .entry-content .title-box p{color: white;
font-weight:500;}
    .hero.info.bio .entry-content .title-box{
        position: relative;
        top: 0px;
            background-color: #BEC0BD;
        width: 625px;
        height: 275px; 
        opacity: .75;
        min-width: 500px;
        z-index: 1000;
        margin-left: 0px; 
    }
    .hero.info.bio .entry-content .title-text{
        margin-top: 12px;
        width: 625px;
        color: #FFF;
        letter-spacing: 2.5px;
        line-height: 22px;
        padding-top: 70px;
        text-align: center;
        font-family: "museo-sans",sans-serif;
        font-style: normal;
    }

.hero.info.craft{
    position: relative;
    top: 0;
    left: 0px;
}
    .hero.info.craft .entry-content{
        position: absolute;
        top: 0;
        left: 0;
        width: 625px;
        height: 625px;
    }
    .hero.info.craft .entry-content .title-box{
        position: relative;
        top: 0px;
        background-color: #999;
        width: 764px;
        height: 275px;
        opacity: .75;

        min-width: 500px;
        z-index: 1000;
        margin-top: 177px;
    }
    .hero.info.craft .entry-content .title-text{
        margin-top: -10px;
padding-top: 70px;
        text-align: center;
        font-family: "museo-sans",sans-serif;
        font-style: normal;
        letter-spacing: 4px;
        font-size: 17px;
        line-height: 22px;
        width: 100%;
        height: auto;
        z-index: 1001;
        color: #fff;
    }

    .craft #image1 {
        top: 42px;
    }
    .craft h1 {
        color: #FFF;
        font-family: "calluna",serif;
        font-style: italic;
        font-size: 37px;
/*      right: 269px; */
        letter-spacing: 2px;
        display: block;
/* 
        position: absolute;
        top: 187px;
 */
    }
    #craftList {

    }
    #craftList li {
        margin: 0px 0px 20px 0px;
    }

.hero.info.clients{
    position: relative;
    top: 0px;
    left: 0px;
}
    .hero.info.clients .entry-content .overlayBox{
        display: none;
    }
    .hero.info.clients .entry-content{
        position: absolute;
        top: 0px;
        width: 625px;
        height: 625px;
    }

    .hero.info.clients .entry-content .title-text{
        color: #FFF;
        top:0;
        font-size: 17px;
        letter-spacing: 2px;
        line-height: 32px;
        padding: 15px 20px 20px 20px;
        margin: 0;
        text-align: center;
        display: inline-block;
        font-family: "museo-sans",sans-serif;
        font-style: normal;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
        .hero.info.clients .entry-content .text ul{
        
        }
        .hero.info.clients .entry-content .text ul li{
            margin: 0px 0px 5px 0px;
        }
        .hero.info.clients .entry-content .text ul li h1{
            margin: 0px 0px 5px 0px;
        }
        .hero.info.clients .entry-content .text ul li a {
            font-weight: 700;
        }


.hero.info.contact{
    position: relative;
    top: 0px;
    left: 0px;
}
    .hero.info.contact .entry-content .overlayBox{
        display: none;
    }
    .hero.info.contact .entry-content{
        position: absolute;
        top: 0px;
        width: 625px;
        height: 625px;
    }
    .hero.info.contact .entry-content .title-text{
        color: #FFF;
        font-size: 17px;
        letter-spacing: 4px;
        line-height: 22px;
        padding: 20px;
        width:585px;
        margin: 0;
        text-align: center;
        display: inline-block;
        font-family: "museo-sans",sans-serif;
        font-style: normal;
        top: -20px;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
        
        .hero.info.contact .entry-content .text ul{
        
        }
        .hero.info.contact .entry-content .text ul li{
            margin: 0px 0px 5px 0px;
        }
        .hero.info.contact .entry-content .text ul li h1{
            margin: 0px 0px 5px 0px;
        }
        .hero.info.contact .entry-content .text ul li a {
            font-weight: 700;
            color: #fff;
        }


body.blog{

}
    body.archive  #primary,
    body.single #primary, 
    body.blog #primary{
        background-color: rgb(190, 192, 189);
        padding: 30px 0 50px 0;
        height: auto;
    }
    body.archive  #content,
    body.single #content,
    body.blog #content{
        position: relative;
        top:0;
        left:0;
        margin: 0 auto;
    }
    body.blog .hero,
    body.archive  .hero,
    body.single .hero{
        border: thin solid blue;
        width: 800px;
        min-height: 625px;
        max-height: auto;
    }
        
        body.blog time.entry-date{
            color: #333;
            letter-spacing: 2px;
        }
        
        body.blog .hero .entry-content,
        body.archive  .hero .entry-content,
        body.single .hero .entry-content{
            border: thin solid blue;
            width: 800px;
        }
        
        body.blog article{
            width: 370px;
        }
        body.archive  article,
        body.single article{
            width: 750px;
        }
        
        body.blog article,
        body.archive  article,
        body.single article{
             float:left;
            text-align: left;
            font-size: 13px;
            min-width: 0px !important;
            /*background-color: rgb(190, 192, 189);*/
            margin: 0 auto;
             margin-left: 20px;
        }
            body.blog article header.entry-header,
            body.archive  article header.entry-header,
            body.single article header.entry-header{
                /* width: 700px; */
                margin: 0 auto; 
            }
                body.blog article header.entry-header h1,
                body.archive  article header.entry-header h1,
                body.single article header.entry-header h1{
                    font-size: 24px;
                    font-family: "museo-sans",sans-serif;
                    font-style: normal;
                    text-transform: uppercase;
                    margin-bottom: 10px;
                    letter-spacing: 3px;
                }
                    body.blog article header.entry-header a,
                    body.archive  article header.entry-header a,
                    body.single article header.entry-header a{
                        color: #fff;

                    }
                body.blog article header.entry-header .entry-meta,
                body.archive  article header.entry-header .entry-meta,
                body.single article header.entry-header .entry-meta{
                    margin-bottom: 15px;
                }
            body.blog article .entry-content,
            body.archive  article .entry-content,
            body.single article .entry-content{
                font-size: 14px;
                /* font-family: Arial,sans-serif; */
                font-style: normal;
                /* width: 700px; */
                line-height: 21px;
                margin: 0 auto; 
                margin-bottom: 10px;
            }
            body.blog article .entry-content p,
            body.archive  article .entry-content p,
            body.single article .entry-content p{
                margin-bottom: 20px;
            }
            
            body.blog article footer.entry-meta a,
            body.archive  article footer.entry-meta a,
            body.single article footer.entry-meta a{
                color: #fff;
                margin-right: 10px;
            }

            





.portraits .entry-content .title-box{
    background-color: rgb(190, 192, 189);
    opacity: .77;
}
.water .entry-content .title-box,
.water-2 .entry-content .title-box{
    background-color: rgb(231, 223, 200);
    opacity: .80;
}
.coffee  .entry-content .title-box{
       background-color: rgb(199, 174, 138);
    opacity: .80;     
}

.stories .title-box{
    background-color: rgb(219, 210, 200);
    opacity: .85;
}
 
.caption{
    position:absolute;
    bottom: 0px;
    height:78px;
    min-width: 625px;
    color: #fff;
    text-align: center;
    z-index: 1000000;
    
}
    .caption-text{
        position: relative;
        width: 562px;
        display: table-cell;
        line-height: 24px;
        height: 78px;
        vertical-align: middle;
        padding-left: 60px;
        color: #636367;
        letter-spacing: 2px;  
        font-size: 14px;
        z-index: 1000010;
        font-family: "calluna",serif;
        font-weight: 100;
        text-transform: lowercase;
        font-style: italic;
    }
    .caption-bg{
        z-index: 1000001;
        height:80px;
        width: 625px;
        background-color: rgb(205, 192, 179);
        opacity: .8;
        position: absolute;
        left: 0;
        bottom: -4px;
    }

/* 
.contact #image1 {
    top: 42px;
}
.contact .text {
    color: #FFF;
    font-size: 13px;
    letter-spacing: 2px;
    text-align: center;
    width: 100%;
}
.contact a {
    color: #FFF;
}
.contact .titleBox { display:none; }
.contact .text { top: 90px; }
.contact #r1 { top: 90px; }
.contact #r2 { top: 130px; }
.contact #r3 { top: 170px; }
.contact #r4 { top: 480px; }
.contact #r5 { top: 520px; }
 */




.baselineBox {
    background-color: #FFF;
    height: 72px;
    top: 475px;
}
.box416 { left: 205px; width: 416px; }
.box417 { left: 204px; width: 417px; }
.box418 { left: 203px; width: 418px; }
.box419 { left: 203px; width: 419px; }
.box420 { left: 203px; width: 420px; }
.box461 { left: 182px; width: 461px; }
.box477 { left: 174px; width: 477px; }
.box478 { left: 173px; width: 478px; }
.box479 { left: 173px; width: 479px; }
.box622 { left: 101px; width: 622px; }
.box625 { left: 100px; width: 625px; }
.box626 { left: 100px; width: 626px; }
.box629 { left: 98px; width: 629px; }
.box630 { left: 97px; width: 630px; }
.box631 { left: 97px; width: 631px; }
.box697 { left: 64px; width: 697px; }
.box698 { left: 64px; width: 698px; }
.box760 { left: 33px; width: 760px; }
.box761 { left: 32px; width: 761px; }
.box762 { left: 31px; width: 762px; }
.box763 { left: 31px; width: 763px; }
.box764 { left: 31px; width: 764px; }
.box765 { left: 30px; width: 765px; }
.box774 { left: 25px; width: 774px; }
.box786 { left: 20px; width: 786px; }







.titleText, .titleDescription, .baselineDescription {
    
    
}
.titleText {
    font-family: "calluna",serif;
    font-size: 70px;
    font-style: italic;
    letter-spacing: 7px;
    top: 290px;
    width: 100%;
}
.kazakhstanTitle {
    left: 6px;
}
.whiteTitle { color: #FFF; }
.titleDescription, .baselineDescription {
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 24px;
    padding: 0px 8% 0px 8%;
    width: 84%;
}
.fourLineText { top: 290px; }
.fiveLineText { top: 275px; }
.sixLineText { top: 262px; }
.sevenLineText { top: 250px; }
.eightLineText { top: 242px; }
.nineLineText { top: 231px; }
.tenLineText { top: 218px; }
.baselineDescription {
    font-weight: 700;
    padding: 0px 1% 0px 1%;
    width: 98%;
}
.oneLine { top: 500px; }
.twoLine { top: 487px; }
.threeLine { top: 475px; }
.welcome .box {
    opacity: .40;
}
.welcome h1 {
    color: #FFF;
    font-family: "calluna",serif;
    font-size: 24px;
    font-style: italic;
    letter-spacing: 4px;
    position: absolute;
    text-align: center;
    top: 320px;
    width: 100%;
}
.rudiGuiserImage {
    top: 21px;
}
.orangeText {
    color: #F19116;
}
.lightOrangeText {
    color: #D8BCA1;
}
.me .text {
    color: #FFF;
    font-family: "calluna",serif;
    font-size: 18px;
    font-style: italic;
    letter-spacing: 3px;
    text-align: right;
    top: 390px;
    width: 680px;
}








 


#imageNote {
    color: #FFF;
    font-size: 14px;
    height: 470px;
    letter-spacing: 3px;
    overflow: hidden;
    position: absolute;
    top: 78px;
    width: 30px;
}
#noteText {
    width: 470px;
    left: -220px;
    position: absolute;
    top: 209px;
}
/* 
.clients #image1 {
    top: 42px;
}
.clients .text {
    color: #FFF;
    font-family: "calluna",serif;
    font-size: 22px;
    font-style: italic;
    letter-spacing: 3px;
    text-align: center;
    top: -30px;
    width: 100%;
}
 */

/* 
.blog #image1 {
    left: 25px;
    top: 22px;
}
.blog .box {
    background-color: #3f2a15;
    opacity: .56;
}
.blog #gallery {
    font-weight: 500;
    letter-spacing: 3px;
}
#blogExplination {
    color: #FFF;
    position: absolute;
    text-align: center;
    top: 310px;
    width: 100%;
}
#blogLinks {
    left: 182px;
    position: absolute;
    text-align: left;
    top: 350px;
}
#blogLinks li {
    margin-bottom: 20px;
}
#blogLinks a {
    color: #F19116;
}
#blogLinks a:hover {
    font-weight: 700;
}
 */




.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs{
    background:none !important;
}

.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs{
    background:none !important;
}

.rsSlide {
    background: #333;
}

.royalSlider{
    margin:0 auto;
/* 
    overflow: hidden;
 */
}

.rsThumbsHor{
    width: 700px;
}


.rsNav.rsBullets{
    display:none;
}

#skipIntro{
    position: absolute;
    top: 549px;
    left: -88px;
    z-index: 1005;
}
    #skipIntro a{
        color: #636367; 
        font-size: 14px;
        letter-spacing: 2px;
        text-transform: lowercase;
    }

#thumbnails1{
    position: absolute;
    width: 650px;
    min-height: 625px;
    margin: 0 auto;
    top: 0px;
    left: 90px;
    display: none;
    z-index: 99999999;
    text-align: left;
}
    #thumbnails1 .underlay{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0;
        z-index: -1;
    }
    #thumbnails1 .thumbnail1{
        float: left;
        width: 160px;
        height: 160px;
        cursor: pointer;
    }









#thumbnails{
    position: absolute;
    width: 650px;
    min-height: 625px;
    margin: 0 auto;
    top: 0px;
    left: 90px;
    display: none;
    z-index: 99999999;
    text-align: left;
}
    #thumbnails .underlay{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0;
        z-index: -1;
    }
    #thumbnails .thumbnail{
        float: left;
        width: 160px;
        height: 160px;
        cursor: pointer;
    }
    #thumbnails .thumbnail img{
        padding: 5px;
    }
    #thumbnailsButton1{
    cursor: pointer;
    margin: auto;
    opacity: .5;
    width: 40px;
    height: 30px;
    background: transparent url(images/thumbnails-button.png) top left no-repeat;   
}
#thumbnailsButton{
    cursor: pointer;
    margin: 9px 0px 0px -55px;
    opacity: .5;
    width: 40px;
    height: 30px;
    background: transparent url(images/thumbnails-button.png) top left no-repeat;   
}   
    #thumbnailsButton span{
        display: none;
    }
    

.social-links{
    margin-top: 200px;
}   
    .social-link{
    }
    .social-link .genericon{
font-size: 30px;
    }

.hero.info.clients .entry-content .title-text p {
 font-weight:600;
line-height:32px;
    color: white; 
}


.hero.info.bio .entry-content .title-text p {
    color: white;
    font-size: 18px;
    font-weight: 600;
}
    


/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animation ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:.5s;
    -moz-animation-duration:.5s;
    animation-duration:.5s;
}
    .fade-in.one {
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        animation-delay: 1s;
    }
    .fade-in.two {
        -webkit-animation-delay: 1.3s;
        -moz-animation-delay:1.3s;
        animation-delay: 1.3s;
    }
    .fade-in.three {
        -webkit-animation-delay: 1.6s;
        -moz-animation-delay: 1.6s;
        animation-delay: 1.6s;
    }
    .fade-in.four {
        -webkit-animation-delay: 1.9s;
        -moz-animation-delay: 1.9s;
        animation-delay: 1.9s;
    }
 
/*---make a basic box ---*/
.box{
    width: 200px;
    height: 200px;
    position: relative;
    margin: 10px;
    float: left;
    border: 1px solid #333;
    background: #999;
}   
    
    /*-- craft image responsive ---*/
.hero img {
        width:100%;
        height:auto;
}

/*--- Responsive ---*/
.hierarchical-center {
    background-color: #fff;
    opacity: .15;
    clear: both;
    width: 120px;
    height: 100%; 
    display: inline-block;
    /* transform: translateX(50%); */
    /* position: relative; */
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
}
.hierarchical-box {
    margin: 0 auto;
    background-color: rgb(190, 192, 189);
    height: auto;
    width: 70%;   
    z-index: 3;
    margin-top: 75px; 
    text-align: center;   
    position: relative;
   //background-image: linear-gradient(90deg, #a9aba7 10%, transparent 10%, rgb(190, 192, 189) 90%, #a9aba7 0, #a9aba7), linear-gradient(90deg, rgba(255, 255, 255, 0) 10%, rgb(190, 192, 189) 10%, transparent 90%, rgb(190, 192, 189) 10%, #a9aba7);
}   

.hierarchical-box-2 {
    margin: 0 auto;
    background-color: rgb(190, 192, 189);
    height: auto;
    width: 70%; 
    z-index: 3;
   // margin-top: 75px; 
    text-align: center; 
    position: relative;
   // background-image: linear-gradient(90deg, #a9aba7 10%, transparent 10%, rgb(190, 192, 189) 90%, #a9aba7 0, #a9aba7), linear-gradient(90deg, rgba(255, 255, 255, 0) 10%, rgb(190, 192, 189) 10%, transparent 90%, rgb(190, 192, 189) 10%, #a9aba7);
}
.mobil-nav {  
    bottom: 0px; 
    position: relative; 
    /* text-align: center; */
    margin: 0 auto;
    left: 0;
    right: 0;
    padding-bottom: 10px;
    font-size: 24px;
    z-index: 100;  
} 
     
  .logo-hierarchical {
padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 17px;   
    padding-right: 17px;
}  
    .mobil-nav a{color: #858589;
    font-family: "NeutraDisp", sans-serif;
    letter-spacing: 6px;
    font-size: 35px;   
    font-weight: 500;}  
  
 
  /*.hero.info.bio .entry-content .title-text p {
 color: white;  
}  */  

/* Landscape phones and portrait tablets */    
@media only screen and (max-width: 767px) {
#main-content { width:100%; }  
.hero { top:0px; padding: 0 10%; }
#main-content{width:100%;}
#primary{width:100%;}
article{width:100%;    min-width: 100%;}
#primary .layer{width:100%; min-width: 100%;}  
.new-royalslider-1 { overflow: hidden; }

/*------------------Coffee----------------------*/
 .coffee .title-box {     margin: 18% 0%; }
.coffee .overlayBox, .coffee .title-box { height: 56%;  }
.entry-content .text, .entry-content .title-text {  font-size: 14px;  }
.coffee .title-text h1 {  
    font-family: "NeutraDisp", sans-serif;
    font-style: normal;
    text-transform: uppercase;  
    font-size: 22px;  
    padding: 0px 0px 4px 0;   
    letter-spacing: normal;  
    font-weight: bold;
    opacity: 0.7;}     
	
	.coffee .title-text p {
   font-size: 12px!important;
    letter-spacing: 1px;
    line-height: 17px;
    margin-bottom: 0px;
    padding-left: 6%;
    padding-right: 6%;
    color: #000000;
    opacity: 0.7;
    font-weight: bold;  
}

/*------------- END-------------------*/


/*----------- Contact --------------*/
.entry-content .title-text h1{padding :0}
.page-id-16 .fade-in.two p{  
	    text-align: right;
    font-family: "museo-sans",sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 11px !important;
	 line-height: 5px;   
	
	}
	
	.social-links {
    margin-top: 120px;
    position: relative;
    top: 20px;
}  
	   
	.page-id-16 .fade-in.two {
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0;    
}

/*----------- END---------------*/

/*----------- Hero Info Me --------------*/
.hero.info.me .entry-content .title-box {
     min-width: 625px;
    margin-left: 0px;
    opacity: .80;
    margin: 24% 0%;
    height: 56%;  
}  
.hero.info.me .entry-content .title-text p {
       margin-bottom: 0px;
    padding: 3px 19px;
    margin-top: 28px;
    font-size: 16px;  
    line-height: 25px;  
}  

/*----------- END---------------*/

/*----------- .hero.info.clients  --------------*/
.hero.info.clients .entry-content .title-text p {
    font-weight: 600;
    line-height: 15px;
    color: white;
	    font-size: 13px;
}
  .hero.info.clients  .entry-content .title-text h1{padding:0;}  
  .hero.info.clients .entry-content .title-text {
	   width: auto;
    margin: 0px;
    padding: 0px 5px 0px 5px;   
    letter-spacing: 1px;
	    }    
		
		    
/*----------- END---------------*/

/*------- Contact --------*/
.page-id-16 .fade-in.two p {
    text-align: right;
    font-family: "museo-sans",sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 9px !important;
    line-height: 1px;
}

.social-links {
    margin-top: 100px !important;  
    position: relative;  
    top: 16px;
}   

/*------- END --------*/

.hero .entry-content, .hero.info.clients .entry-content, .hero.info.craft .entry-content, .hero.info.bio .entry-content {
    position: absolute;
    top: 30%;
    left: 0;
    text-align: center;
    height: 56%;
    width: 80%;       
    right: 0;
    margin: 0 auto;  
    overflow: hidden;  
}



.rsArrowLeft
{
    background: url(http://rudidundas.com/wp-content/themes/rudidundas/images/gallery/previous.png);
    background-repeat: no-repeat;
    float: left;
    margin-top: 0px;
    padding: 10px;
    margin-left: 46px;
}

.thumbnail-btn {
    margin-top: 20px;
}  
   
.rsArrowRight
{
      background: url(http://rudidundas.com/wp-content/themes/rudidundas/images/gallery/next.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: 0px;
    padding: 10px;
    margin-right: 35px;
}   

.mobile-arrow {
    margin-top: -19px;
}

.rsArrowDisabled
{
    opacity: 0.3 !important;
}


 /*--- portraits  -----*/
 .hero.portraits   .entry-content .title-text p {
    color: white;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px !important;
}     

 .hero.portraits   .entry-content .title-box {
    position: relative;
    height: 79.5%;
    opacity: 0.8;
    width: auto;
    min-width: 625px;
    z-index: 10000;
    margin-top: 0;  
}  

 .hero.portraits   .entry-content .title-text h1 {
       padding-top: 5px;
    font-family: "NeutraDisp", sans-serif;
    font-size: 25px;
    padding-bottom: 21px;  
}  

.hero.portraits    .entry-content {
    position: absolute;
    top: 22.3%;   
    left: 0;
    text-align: center;
    height: 74%;
    width: 80%;   
    right: 0;
    margin: 0 auto;
    overflow: hidden;
} 

/*----- END stories -----*/

 /*--- stories -----*/
 .hero.stories  .entry-content .title-text p {
    color: white;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px !important;
}     

 .hero.stories  .entry-content .title-box {
    position: relative;
    height: 79.5%;
    opacity: 0.8;
    width: auto;
    min-width: 625px;
    z-index: 10000;
    margin-top: 0;  
}  

 .hero.stories  .entry-content .title-text h1 {
       padding-top: 5px;
    font-family: "NeutraDisp", sans-serif;
    font-size: 25px;
    padding-bottom: 21px;  
}  

.hero.stories   .entry-content {
    position: absolute;
    top: 22.3%;   
    left: 0;
    text-align: center;
    height: 74%;
    width: 80%;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
} 

/*----- END stories -----*/
  
 /*--- Water -----*/
 .hero.water-2 .entry-content .title-text p {
    color: white;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px !important;
}   

 .hero.water-2 .entry-content .title-box {
    position: relative;
    height: 79.5%;
    opacity: 0.8;
    width: auto;
    min-width: 625px;
    z-index: 10000;
    margin-top: 0;  
}  

 .hero.water-2 .entry-content .title-text h1 {
       padding-top: 5px;
    font-family: "NeutraDisp", sans-serif;
    font-size: 25px;
    padding-bottom: 21px;  
}  

.hero.water-2  .entry-content {
    position: absolute;
    top: 22.3%;   
    left: 0;
    text-align: center;
    height: 74%;
    width: 80%;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
} 


body.parent-pageid-24 a.fadeandscale_close {
color: #c3c3c3;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 0px;
    right: 0px;
    margin-top: 30px;  
    background: url(./images/close-1.png);
    padding: 27px;
    background-size: cover;
    width: 35px;
}
     
          
/*----- END ------*/

/*----- .hero.info.bio  -------*/
  
.hero.info.bio .entry-content .title-text { 

		width:auto;
 		margin: 0px; 
		padding-top: 0;
	    top: 50%;
		position: absolute;
 }      


.hero.info.bio  .entry-content .title-text h1 {padding :0px;}

.hero.info.bio .entry-content .title-text p {
 color: white;
    font-size: 15px;
    font-weight: 600;    
    line-height: 17px !important;
	
}

.hero.info.bio .entry-content .title-box {
position: relative;
    top: 3px;
    background-color: #fff;
    width: 90%;
      height: 83.25%;  
    opacity: .6;
    min-width: 500px;
    z-index: 1000;  
    margin-left: 0px;
    overflow: hidden;
	    margin-top: 0;

}     

.hero.info.bio .entry-content {
 position: absolute;
    top: 24.4%;
    left: 0;  
    text-align: center; 
    height: 77.6%;
    width: 80%;
    right: 0;   
    margin: 0 auto; 
    overflow: hidden;
}
/*---- END ----*/


.social-links { margin-top: 5px;} 
  
#thumbnails {
   position: relative;
    width: 98%;
    min-height: 300px;
    margin: 0 auto;
   top:  0px; 
    left: 0;
    right: 0;
    overflow: auto;  
    height: 300px;    
         
    z-index: 99999999;
   
}


#thumbnails .thumbnail {
    float: left;
    width: 33.33%;
    height: auto;
    cursor: pointer;
    padding: 2px;
    /* margin-right: 15px; */
}


#background{position: fixed;}
#thumbnails .thumbnail img {
    /* padding: 5px; */
    width: 100%;
    height: auto; 
}


.rsABlock, .rsSBlock { width: 100%!important; }
h3.intro-text-1 {text-align:left; margin-left: 0px; font-size: 28px;  }
h3.intro-text-2 { text-align:left; left: 0px; font-size: 35px;  }
h3.intro-text-3 {text-align:right; right: 0px;  font-size: 35px;}  
.caption {
    min-width:auto;
    height:auto;
} 
.caption-bg {
height: 105px;
}
.caption-text {
padding:5px;
}





/*------- .hero.info.craft  ------*/


.hero.info.craft .entry-content .title-text p {
        line-height: 16px;
    font-size: 14px !important;
    padding-left: 20px;
    padding-right: 20px;           
}   
/*.hero.info.craft .entry-content .title-text p br{
	
	height: 8px;
    display: inline-block;
    width: 100%;
   	content: ' ';   
	}*/    

  .hero.info.craft .entry-content .title-text{ 
   padding-top: 0;
   }
.hero.info.craft .entry-content .title-box {
    position: relative;
    top: 3px;
      background-color: #999;
    width: 90%;
    height: 85%;     
    opacity: .6;  
    min-width: 500px;
    z-index: 1000;   
    margin-left: 0px;
    overflow: hidden;
    margin-top: 0;
}  

.hero.info.craft .entry-content {
    position: absolute;
    top: 23.1%;
    left: 0;  
    text-align: center;
    height: 78%;  
    width: 80%;
    right: 0;  
    margin: 0 auto;
    overflow: hidden;
}

/*------- END -------*/

.caption {
    min-width:auto;
    height:auto;
} 
.caption-bg {
height: 105px;
}
.caption-text {
padding:5px;
}

.logo-blog {
    padding-top: 13px!important;
    padding-bottom: 16px!important;
    padding-left: 50px!important;
    padding-right: 50px!important;
    position: absolute;
    top: 22px !important;
    width: 100%;
    background: #bec0bd;
} 


#fadeandscale {
  transform: scale(0.8);
}
.popup_visible #fadeandscale {
  transform: scale(1);
}

div#fadeandscale_background {
    background: #a9aba7 !important;
    opacity: 0.96 !important;
}
      
a.fadeandscale_close {
   
        color: #c3c3c3;
    text-align: center;
    margin: 0 auto;     
    position: absolute;
    left: 0px;
    right: 0px;
    margin-top: 30px;
    background: url(./images/close.png);
    padding: 27px;
    background-size: cover;
    width: 35px;
}
 
.pop-up-nav .menu li
{
    text-align:center;
        margin: 0px;
} 
.pop-up-nav .menu a {    
 font-size: 38px;    
    font-weight: 500;  
    letter-spacing:4px;
    text-decoration: none;
    color: white;
    text-align: center;
    line-height: 38px;
    font-family: "NeutraDisp", sans-serif;
}

.pop-up-nav .menu a:hover
{
    color: #000000 !important;

}
 
.pop-up-nav .menu ul a {
    font-size: 17px !important;
	letter-spacing: 3px;  
} 

.pop-up-nav .current_page_item a,.pop-up-nav .current-menu-parent > a{ 
    color: #868686 !important;
     
    }
	   
 
    .blog-box-overlay img { 
    width: 100%;
}  

    .homepage {
    width: 95%;
    margin: 0 auto;
}
.nav-blog{ 
margin: 0 auto;
    background-color: rgb(190, 192, 189);
    height: auto;
    width: 100%;
    z-index: 3;
    text-align: center;
    position: absolute;
    /* z-index: 10000000; */
    bottom: 45px;
    left: 0;
}
.blog-box-overlay {  
      width: 100%;
    background: #bec0bd; 
    overflow: auto;
    height: 466px;
    top: 77px;
    position: relative;
}  

body.blog article header.entry-header h1, body.archive article header.entry-header h1, body.single article header.entry-header h1 {
    font-size: 24px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 3px;
    padding-top: 5px;
}

body.blog article,
        body.archive  article,
        body.single article{
            float:none;
            text-align: left;
            font-size: 13px;
            min-width: 100% !important;
            /*background-color: rgb(190, 192, 189);*/
            margin: 0 auto;
            margin-left: 0px;
            width: 100%; 
        }
}

/*-- Sumsung 5 --*/ 
@media only screen and  (max-width: 360px) {
    body.blog article header.entry-header h1, body.archive article header.entry-header h1, body.single article header.entry-header h1 {
    font-size: 21px !important;

}
     .nav-blog {
       bottom: 100px !important;
}
   
.blog-box-overlay { 
height: 455px!important;
    top: 62px !important;
}
.logo-blog {
       padding-top: 13px!important;
    padding-bottom: 9px!important;
    padding-left: 50px!important;
    padding-right: 50px!important;
    position: absolute;
    top: 10px !important;
    width: 100%;
    background: #bec0bd;
}

    #thumbnails {
    position: relative;
    width: 100%;
    min-height: 325px!important;  
    margin: 0 auto;
    top: 0px;
    left: 0;
    right: 0;
    overflow: auto;
    height: 325px!important;  
    display: block;
    display: none;
    z-index: 99999999;
} 

.hero.info.craft .entry-content .title-text p {
    font-size: 13px !important;
    color: white;
}
.caption {
    min-width:auto;
    height:auto;
} 
.caption-bg {
height: 105px;
}
.caption-text {
padding:5px;
}

  .pop-up-nav .menu ul a {
    font-size: 17px !important;
}

#fadeandscale {
  transform: scale(0.8);
}
.popup_visible #fadeandscale {
  transform: scale(1);
}

div#fadeandscale_background {
    background: #a9aba7 !important;
    opacity: 0.9 !important;
}

a.fadeandscale_close {
   
    color: #c3c3c3;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 0px;
    right: 0px;
    margin-top: 30px;
}
 
.pop-up-nav .menu li
{
    text-align:center;
        margin: 0px;
} 
.pop-up-nav .menu a { 
        font-size: 25px; 
    font-weight: 500;
    letter-spacing: 5px;
    text-decoration: none;
    color: white;
    text-align: center; 
    line-height: 38px;
}
   
.pop-up-nav .menu a:hover
{
    color: #000000 !important;

}
 
.pop-up-nav .menu ul a {
    font-size: 17px !important;

} 

.pop-up-nav .current_page_item a,.pop-up-nav .current-menu-parent > a{ 
    color:#000000 !important;
     
    } 
    }
/*-- Iphone 5/5s --*/
@media only screen and  (max-width: 320px) {

    .hero.info.bio .entry-content {
    position: absolute;
    top: 25%!important; 
    left: 0;
    text-align: center;
    height: 76%!important; 
    width: 90%;
    right: 0;
    margin: 0 auto; 
    overflow: hidden;
} 
    
.hero.info.craft .entry-content {
    position: absolute;
    top: 25%!important; 
    left: 0;
    text-align: center;  
    height: 72%!important; 
    width: 90%;  
    right: 0;
    margin: 0 auto;
    overflow: hidden;
}
    .hero.info.clients .entry-content .title-text p {
font-weight:600;
    font-size: 12px;
    color: white;
    line-height: 13px !important;  
} 
    body.blog article header.entry-header a,
                    body.archive  article header.entry-header a,
                    body.single article header.entry-header a{
                        color: #fff;
                            font-size: 14px;
                    }

    #thumbnails {
    position: relative;  
    width: 100%;
    min-height: 290px !important;  
    margin: 0 auto;
    top: 0px;
    left: 0;
    right: 0; 
    overflow: auto;
    height: 291px!important;  
    display: block;
    display: none;
    z-index: 99999999;
}

 .nav-blog {
    margin: 0 auto;
    background-color: rgb(190, 192, 189);
    height: auto;
    width: 100%; 
    z-index: 3; 
    text-align: center;
    position: absolute; 
    /* z-index: 10000000; */
    bottom: -100px !important;  
    left: 0;
}
   
.blog-box-overlay { 
 width: 100%;
    background: #bec0bd; 
    overflow: auto;
    height: 380px!important;
    top: 68px !important;
    position: relative;
}
.logo-blog {
    padding-top: 13px!important;
    padding-bottom: 16px!important;
    padding-left: 50px!important;
    padding-right: 50px!important;
    position: absolute;
    top: 22px !important;
    width: 100%;
    background: #bec0bd;
}

.hero.info.craft .entry-content .title-text p {
    font-size: 11px !important;
    color: white;  
	line-height: 10px;
}

/*------  .hero.info.bio ------ */
.hero.info.bio .entry-content .title-text p {
    line-height: 13px !important;
	 font-size: 13px !important;
} 

/*----- END -----*/
body.blog #content{    min-height: 100%;}
body.blog article header.entry-header h1{
        margin-bottom: 7px!important; 
    letter-spacing: 3px!important; 
    margin-top:4px !important; 
    font-size: 19px!important; 

}
.caption {
    min-width:auto;
    height:auto;
} 
.caption-bg {
height: 105px;
}
.caption-text {
padding:5px;
}

   



/* Portrait phones and smaller */
@media only screen and  (max-width: 480px) {

    .me.hero .entry-content {
    position: absolute;
    top: 46%;  
    left: 0;   
    text-align: center;
    height: 30%;  
    width: 80%; 
    right: 0;      
    margin: 0 auto;
    overflow: hidden;
}
    .me .entry-content .title-text p {
    font-size: 13px !important;
    color: white!important;
}

    body.blog article header.entry-header .entry-meta, body.archive article header.entry-header .entry-meta, body.single article header.entry-header .entry-meta {
    margin-bottom: 15px;
    margin-top: -5px;
} 

    .hero.info.clients .entry-content .title-text {
    line-height: 17.5px; 
    }
    .hero.info.clients .entry-content .title-text p {
font-weight:600;
    font-size: 11px;
    color: white;
    line-height: 19px; 
} 
    .hero.info.craft .entry-content .title-text p {
    font-size: 18px;
    color: white;
} 
    
    .hero.info.craft br {
    line-height: 10px;  
}

    .coffee .title-text p{    font-size: 10px!important;
    letter-spacing: 1px;}    

    .coffee .title-text h1 {  
    font-family: "NeutraDisp", sans-serif;
    font-style: normal;
    text-transform: uppercase;
    font-size: 22px;
    padding: 0px 0px 4px 0;
    letter-spacing: normal;
    font-weight: bold;
    opacity: 0.7;    
}  


    .logo-blog {
   padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 50px;
    padding-right: 50px;
    position: absolute;
    top: 20px;
    width: 100%;
    background: #bec0bd;
} 
    .blog-box-overlay img { 
    width: 100%;
}  

    .homepage {
    width: 95%;
    margin: 0 auto;  
}
.nav-blog{ 
margin: 0 auto;
    background-color: rgb(190, 192, 189);
    height: auto;
    width: 100%;
    z-index: 3;
    text-align: center;
    position: absolute;
    /* z-index: 10000000; */
    bottom: 45px;
    left: 0;
}
.blog-box-overlay {  
      width: 100%;
    background: #bec0bd; 
    overflow: auto;
    height: 466px;
    top: 77px;
    position: relative;
}  

body.blog article header.entry-header h1, body.archive article header.entry-header h1, body.single article header.entry-header h1 {
    font-size: 24px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 3px;
    padding-top: 5px;
}

body.blog article,
        body.archive  article,
        body.single article{
            float:none;
            text-align: left;
            font-size: 13px;
            min-width: 100% !important;
            /*background-color: rgb(190, 192, 189);*/
            margin: 0 auto;
            margin-left: 0px;
            width: 100%; 
        }

article.has-post-thumbnail img{width: 100% ;   height: auto;}
body.archive #primary, body.single #primary, body.blog #primary {   background-color: transparent;}
.hero.info.craft .entry-content .title-box{
         position: relative;
    top: 8px;
    background-color: #999;
    width: 90%;
    height: 85.5%;
    min-width: 500px;
    z-index: 1000;   
    margin-left: 0px;
    overflow: hidden;
    margin-top: 0;

}
.hero.info.craft .entry-content{
   position: absolute;
    top: 23.5%;
    left: 0;
    text-align: center;
    height: 77.5%;
    width: 90%;
    right: 0;
    margin: 0 auto;
    overflow: hidden;

}

/*-----   .hero.info.bio   ----*/

.hero.info.bio .entry-content{
    position: absolute;
    top: 25%;
    left: 0;
    text-align: center;
    height: 76%;
    width: 90%;
    right: 0;
    margin: 0 auto;
    overflow: hidden; 
}


.hero.info.bio .entry-content .title-box {
      position: relative;
    top: 8px;
    background-color: #fff;
    width: 90%;
    height: 80.9%;
    opacity: .6;
    min-width: 500px;
    z-index: 1000;  
    margin-left: 0px;
    overflow: hidden;  
    
}

.hero.info.bio .entry-content .title-text{
	
	    padding-top: 0;    
	}  
	
	.hero.info.bio .entry-content .title-text h1 {
		padding: 0px ;
		}


/*---- END ---- */
  


 .hero.info.clients .entry-content {
    position: absolute; 
    top:30%; 
    left: 0;  
    text-align: center;  
    height: 50%;  
    width: 90%;
    right: 0;
    margin: 0 auto;
    overflow: visible;  
}

.hero.info.clients .entry-content .title-text { width:auto; margin: 0px;
  }


    #thumbnails {
    position: relative;
    width: 100%;
    min-height: 336px;
    margin: 0 auto; 
    top: 0px;
    left: 0;
    right: 0;
    overflow: auto;
    height: 336px;
    display: block;
    display: none;
    z-index: 99999999;

} 

#background{position: fixed;}

#thumbnails .thumbnail img {
    /* padding: 5px; */
    width: 100%;
    height: auto;
}
#thumbnails .thumbnail {
       float: left;
    width: 33.33%;
    height: auto;
    cursor: pointer;
    padding: 2px;
    /* margin-right: 15px; */
}
.hero {top:0px; padding: 0 10%; }
#main-content {  width:100%; }
#main-content{width:100%;}  
#primary{width:100%;}
article{width:100%;  min-width: 100%;}
#primary .layer{width:100%; min-width: 100%;}  
.new-royalslider-1 { overflow: hidden; }
.entry-content.coffee .title-box { margin: 55px 0%; }
.entry-content .overlayBox, .entry-content .title-box { height: 56% ; margin-top: 0px; }
/*------  Water  -------*/


.hero.water-2 .entry-content .title-box {
    position: relative;
    height: 76.5%;
    opacity: 0.8;
    width: auto;
    min-width: 625px;
    z-index: 10000;
    margin-top: 0;
}

.hero.water-2 .entry-content .title-text p {
    color: white;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px !important;
}


.hero.water-2 .entry-content .title-text {
    font-size: 17px;
    line-height: 14px;
    top: 42%;
}  
.hero.water-2 .entry-content {
    position: absolute;
    top: 24%;
    left: 0;
    text-align: center;
    height: 71.5%;
    width: 80%;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
}

.hero.water-2 .entry-content .title-text h1 {
    padding-top: 0px;
    font-family: "NeutraDisp", sans-serif;
    font-size: 20px;
    padding-bottom: 8px;
}

/*------ END ------*/

/*------  portraits   -------*/


.hero.portraits .entry-content .title-box {
    position: relative;
    height: 76.5%;
    opacity: 0.8;
    width: auto;
    min-width: 625px;
    z-index: 10000;
    margin-top: 0;
}

.hero.portraits  .entry-content .title-text p {
    color: white;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px !important;
}


.hero.portraits  .entry-content .title-text {
    font-size: 17px;
    line-height: 14px;
    top: 42%;
}  
.hero.portraits  .entry-content {
    position: absolute;
    top: 24%;
    left: 0;
    text-align: center;
    height: 71.5%;
    width: 80%;
    right: 0;
    margin: 0 auto;
    overflow: hidden;  
}

.hero.portraits  .entry-content .title-text h1 {
    padding-top: 0px;
    font-family: "NeutraDisp", sans-serif;
    font-size: 20px;
    padding-bottom: 8px;
}

/*------ END ------*/


/*------ .hero.stories -------*/  


.hero.stories  .entry-content .title-box {
    position: relative;
    height: 76.5%;
    opacity: 0.8;  
    width: auto;
    min-width: 625px;
    z-index: 10000;
    margin-top: 0;
}

.hero.stories  .entry-content .title-text p {
    color: white;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px !important;
}


.hero.stories  .entry-content .title-text {
    font-size: 17px;
    line-height: 14px;
    top: 42%;
}  
.hero.stories  .entry-content {
    position: absolute;
    top: 24%;
    left: 0;
    text-align: center;
    height: 71.5%;
    width: 80%;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
}

.hero.stories  .entry-content .title-text h1 {
    padding-top: 0px;
    font-family: "NeutraDisp", sans-serif;
    font-size: 20px;
    padding-bottom: 8px;
}

/*------ END ------*/
/*------ .hero.info.me -------*/
.hero.info.me .entry-content .title-box {
     min-width: 625px;
    margin-left: 0px;
    opacity: .80;
    margin: 1% 0%;
    height: 80%; 
}   

.hero.info.me .entry-content .title-text {
    font-size: 17px;
    line-height: 14px;
    top: 25%;
}

.hero.info.me .entry-content .title-text p {
        margin-bottom: 0px;
    padding: 0px 15px;
    margin-top: 0px;
    font-size: 16px;
    line-height: 23px;
} 

/*----- END ----*/   
.entry-content .text, .entry-content .title-text {    
    font-size: 17px;
    line-height: 14px;  
	    top: 50%;  
     }
/*.entry-content .title-text h1 {font-size: 27px; }*/
.rsABlock, .rsSBlock { width: 100%!important;     top: 50% !important;}
h3.intro-text-1 {text-align:left; margin-left: 0px; font-size: 28px;  }
h3.intro-text-2 { text-align: left; left: 0px; font-size: 35px;  top: -50px; }
h3.intro-text-3 {  
  text-align: right;
    right: 0px;
    font-size: 35px;
    position: absolute;
    top: 70%;
}   

.caption {
    min-width:auto;  
    height:auto;
} 
.caption-bg {
height: 105px;
}
.caption-text {
padding:5px;
}
 
} 


.social-links { margin-top: 5px;} 

#fadeandscale {
  transform: scale(0.8);
}
.popup_visible #fadeandscale {
  transform: scale(1);
}

div#fadeandscale_background {
    background: #a9aba7 !important;
    opacity: 0.9 !important;
}

a.fadeandscale_close {
   
    color: #c3c3c3;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 0px;
    right: 0px;
    margin-top: 30px;
}
 
.pop-up-nav .menu li
{
    text-align:center;
        margin: 0px;
} 
.pop-up-nav .menu a { 
        font-size: 25px; 
    font-weight: 500;
    letter-spacing: 5px;
    text-decoration: none;
    color: white;
    text-align: center; 
    line-height: 38px;
}

.pop-up-nav .menu a:hover
{
    color: #000000 !important;

}
 
.pop-up-nav .menu ul a {
    font-size: 17px !important;

} 

.pop-up-nav .current_page_item a,.pop-up-nav .current-menu-parent > a{ 
    color:#000000 !important;
     
    } 
.royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {
height: auto !important;
} 
      
.thumbnail-btn {
    
    margin-top: 20px;
}

.thumbnail-btn #thumbnailsButton {
        margin: auto !important;
}

    .blog-box{
        margin: 0 auto;
    background-color: rgb(190, 192, 189);
    height: auto;
    width: 89%;
    z-index: 3;
    margin-top: 0px;
    text-align: left;
    position: relative;
    margin-bottom: 30px;
}
    .nav-div{
    margin: 0 auto;
    background-color: rgb(190, 192, 189);
    height: auto;
    width: 100%;
    z-index: 3;
    text-align: center;
    position: relative;  
}


 
.hero.info.craft .entry-content .title-text p {
 
    color: white;
}

/* Iphone 5S  */ 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
    
h3.intro-text-1 {
    font-size: 26px;
}

h3.intro-text-2 {
    font-size: 26px;
}

h3.intro-text-3 {
    font-size: 26px;
}

body.blog #primary {
        padding: 10px 0 50px 0;
}
.caption {
    min-width:auto;
    height:auto;
} 
.caption-bg {
height: 105px;
}
.caption-text {
padding:5px;
}

.rsArrowLeft
{
background: url(http://rudidundas.com/wp-content/themes/rudidundas/images/gallery/previous.png);
    background-repeat: no-repeat; 
    float: left;
    margin-top: 0px;
	padding: 10px;
	margin-left: 40px;
}

.rsArrowRight
{
    background: url(http://rudidundas.com/wp-content/themes/rudidundas/images/gallery/next.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: 0px;  
	padding: 10px;
	margin-right: 30px;
}   

.mobile-arrow {
    margin-top: -19px;
}

.rsArrowDisabled
{
    opacity: 0.3 !important;
} 
    
     }
     
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3)  and (orientation : portrait) {
    h3.intro-text-1 {
    font-size: 26px;
}

h3.intro-text-2 {
    font-size: 26px;
}

h3.intro-text-3 {
    font-size: 26px;
}
.caption {
    min-width:auto;
    height:auto;
} 
.caption-bg {
height: 105px;
}
.caption-text {
padding:5px;
}
    
} 
     
     @media only screen and (max-width: 326px){

        .hero.info.bio .entry-content {
    position: absolute;
    top: 26%;
    left: 0;
    text-align: center;
    height: 74.8%;
    width: 90%;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
}

.caption {
    min-width:auto;
    height:auto;
} 
.caption-bg {
height: 105px;
}
.caption-text {
padding:5px;
}

  
 
 
}


@media only screen and (max-width: 360px){
    .hero.info.craft .entry-content {
    position: absolute;
    top: 24%;
    left: 0;
    text-align: center;
    height: 77%;
    width: 90%;
    right: 0; 
    margin: 0 auto;
    overflow: hidden;
}
.hero.info.bio .entry-content {
    position: absolute;
    top: 24.7%;
    left: 0;
    text-align: center;
    height: 76.9%;
    width: 90%;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
}
.caption {
    min-width:auto;
    height:auto;
} 
.caption-bg {
height: 105px;
}
.caption-text {
padding:5px;
}
}  

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

    .hero.info.craft .entry-content {
   position: absolute;  
    top: 22.1%;
    left: 0;
    text-align: center;     
    height: 79.8%;
    width: 90%;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
}
.hero.info.bio .entry-content {
    position: absolute;  
    top: 23.1%;
    left: 0;
    text-align: center;    
    height: 79.8%;
    width: 90%;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
}
.caption {
    min-width:auto;
    height:auto;
} 
.caption-bg {
height: 105px;
}
.caption-text {
padding:5px;
}
}


/*--- Iphone 6 ----*/
@media only screen and (max-width: 375px){

    .hero.info.craft .entry-content {
    position: absolute;
    top: 23.1%;
    left: 0;  
    text-align: center;
    height: 78%;  
    width: 80%;  
    right: 0;
    margin: 0 auto;
    overflow: hidden;
}

/*------ .hero.info.bio -----*/
.hero.info.bio .entry-content {
 position: absolute;
    top: 24.4%;
    left: 0;
    text-align: center; 
    height: 77.6%;
    width: 80%;
    right: 0;   
    margin: 0 auto; 
    overflow: hidden;
}  

/*---- END  ---- */

.caption {
    min-width:auto;
    height:auto;
} 
.caption-bg {
height: 105px;
}
.caption-text {
padding:5px;
}

.logo-blog {
    padding-top: 13px!important;
    padding-bottom: 16px!important;
    padding-left: 50px!important;
    padding-right: 50px!important;
    position: absolute;
    top: 22px !important;
    width: 100%;
    background: #bec0bd;
} 


#fadeandscale {
  transform: scale(0.8);
}
.popup_visible #fadeandscale {
  transform: scale(1);
}

div#fadeandscale_background {
    background: #a9aba7 !important;
    opacity: 0.9 !important;
}

a.fadeandscale_close {
   
    color: #c3c3c3;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 0px;
    right: 0px;
    margin-top: 30px;
}
 
.pop-up-nav .menu li
{
    text-align:center;
        margin: 0px;
} 
.pop-up-nav .menu a { 
        font-size: 25px; 
    font-weight: 500;
    letter-spacing: 5px;
    text-decoration: none;
    color: white;
    text-align: center; 
    line-height: 38px;
}

.pop-up-nav .menu a:hover
{
    color: #000000 !important;

}
 
.pop-up-nav .menu ul a {
    font-size: 17px !important;

} 

.pop-up-nav .current_page_item a,.pop-up-nav .current-menu-parent > a{ 
  color: #868686 !important;
     
    }
     
}