

/*******************************************/
/*  TABLE OF CONTENTS                      */
/*******************************************/
/*                                         */
/*   i.   CSS RESET                        */
/*   ii.  COLOR / FONT REFERENCE           */
/*   iii. GOOGLE FONTS                     */
/*                                         */
/*   1.   TYPOGRAPHY                       */
/*   2.   MAIN STRUCTURE                   */
/*   3.   HEADER                           */
/*   4.   SIDEBAR                          */
/*   5.   FOOTER                           */
/*   6.   FORMS                            */
/*   7.   TABULAR                          */
/*   8.   WP CORE                          */
/*   9.   PAGE SPECIFIC                    */
/*  10.   GENERAL RULES                    */
/*  11.   ICON SETS                        */
/*  12.   MEDIA QUERIES                    */
/*                                         */
/*******************************************/








/*******************************************/
/*  i. CSS RESET                           */
/*******************************************/
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,main,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,main,section{display:block}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}:focus{outline:0}





/*******************************************/
/*  iii. FONTS                             */
/*******************************************/



@charset "UTF-8";



/* REFRIGERATOR DELUXE
 *
 * Light:   refrigerator-deluxe 300
 * Regular: refrigerator-deluxe 400
 * Bold:    refrigerator-deluxe 700
 * Heavy:   refrigerator-deluxe 900
 */




@font-face {
    font-family: 'lato';
    src: url('../font/lato-light-webfont.eot');
    src: url('../font/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-light-webfont.woff2') format('woff2'),
         url('../font/lato-light-webfont.woff') format('woff'),
         url('../font/lato-light-webfont.ttf') format('truetype'),
         url('../font/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lato';
    src: url('../font/lato-lightitalic-webfont.eot');
    src: url('../font/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-lightitalic-webfont.woff2') format('woff2'),
         url('../font/lato-lightitalic-webfont.woff') format('woff'),
         url('../font/lato-lightitalic-webfont.ttf') format('truetype'),
         url('../font/lato-lightitalic-webfont.svg#latolight_italic') format('svg');
    font-weight: normal;
    font-style: italic;

}



@font-face {
    font-family: 'lato';
    src: url('../font/lato-bold-webfont.eot');
    src: url('../font/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-bold-webfont.woff2') format('woff2'),
         url('../font/lato-bold-webfont.woff') format('woff'),
         url('../font/lato-bold-webfont.ttf') format('truetype'),
         url('../font/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'lato';
    src: url('../font/lato-bolditalic-webfont.eot');
    src: url('../font/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-bolditalic-webfont.woff2') format('woff2'),
         url('../font/lato-bolditalic-webfont.woff') format('woff'),
         url('../font/lato-bolditalic-webfont.ttf') format('truetype'),
         url('../font/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
    font-weight: bold;
    font-style: italic;

}




@font-face {
  font-family: "entypo";
  src:url("../font/entypo.eot");
  src:url("../font/entypo.eot?#iefix") format("embedded-opentype"),
      url("../font/entypo.woff") format("woff"),
      url("../font/entypo.ttf") format("truetype"),
      url("../font/entypo.svg#entypo") format("svg");
  font-weight: normal;
  font-style: normal;

}







/*******************************************/
/*  1. TYPOGRAPHY                          */
/*******************************************/


body
{
    font-family: 'Roboto Slab', serif;
    font-size: 14pt;
    line-height: 1.5;
    font-weight: normal;
    color: #000;
    background-color: #fff;
}

a
{
    color: #a00;
    text-decoration: none;
    font-weight: bold;
}

a:hover
{
    color: #a00;
}

.hilite
{
    color: #a00;
}

.mainbar p
{
    text-align: left;
}

p, ul, ol
{
    padding: 0 0 1em;
	line-height: 1.5;
}

input, textarea
{
    font-family: lato, arial, helvetica, sans-serif;
}


blockquote
{
	font-weight: normal;
	font-style: normal;
	background: #eee;
	padding: 1em;
	border-left: 3px solid #a00;
	margin: 1em 0 2em;
}

blockquote p {margin: 0; padding: 0;}


table
{
	margin: 1em 0 2em;
	width: 100%;
}

table tbody {padding: 1em;}

table th, table td {font-size: 12pt;}

table th {font-weight: bold; text-align: left; border-bottom: 1px solid #000;}

table td {padding: 0 10px 0 0;}
table td:last-of-type {padding: 0;}

pre {font-family: courier, monospace; white-space: normal;}

code {display: block; color: #555; font-size: .9em; padding: 1em; text-align: left;}

/* selection */

::-moz-selection
{
    color: #fff;
    background: #a00;
    text-shadow: none;
}

::selection
{
    color: #fff;
    background: #a00;
    text-shadow: none;
}





/* global box-sizing, font smoothing, text rendering */
*,
*:after,
*:before
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	/*text-rendering: optimizeLegibility;*/
}

.text-center, .text-center * {text-align: center !important;}
.text-left, .text-left * {text-align: left !important;}
.text-right, .text-right * {text-align: right !important;}
.text-justified, .text-justified * {text-align: justify !important;}

strong, .strong {font-weight: bold;}
.skinny {font-weight: 100;}
em, i {font-style: italic;}

.photo-credit
{
    font-size: 8pt;
    line-height: 12pt;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: right;
    padding-top: 4px;
}

.rev-type, .rev-type *
{
    color: #fff;
}

.uc
{
    text-transform: uppercase;
}





/* headers */

h1,h2,h3,h4,h5,h6
{
    font-family: refrigerator-deluxe;
    line-height: 1.3;
    font-weight: 700;
    color: #000;
    padding: 0 0 .2em;
}

h1 em, h1 i, h2 em, h2 i, h3 em, h3 i, h4 em, h4>i, h6 em, h6 i
{
    font-style: normal !important;
    border-bottom: 1px dotted #aaa;
    padding: 0;
}


h1 {font-size: 35pt;}
h2 {font-size: 30pt;}
h3 {font-size: 25pt; color: #a00; font-weight: bold; text-align: left; letter-spacing: 0;}
h4 {font-size: 20pt;}
h5 {font-size: 18pt; color: #a00;}
h6 {font-size: 16pt; text-transform: uppercase; letter-spacing: 1px;}


/*h1 {font-size: 24pt;}*/
/*h2 {font-size: 20pt;}*/
/*h3 {font-size: 18pt; font-weight: 300; text-align: center; color: #777; letter-spacing: 2px;}*/
/*h4 {font-size: 16pt;}*/
/*h5 {font-size: 11pt; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;}*/
/*h6 {font-size: 10pt; font-weight: bold;}*/

.h3-under, .divider
{
    display: block;
    width: 100px;
    border-top: 1px solid #ccc;
    margin: 20px auto 40px;
}

.note
{
    font-size: 10pt;
    font-weight: bold;
}


.page-header
{
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
}

.page-header *
{
    text-align: left;
}

.page-header h1
{
    text-transform: uppercase;
	line-height: 1;
	display: table;
	margin: 0 0 .5em;
	padding: 0;
}




/* lists */
.page-content ul,
.post-content ul
{
    list-style-type: disc;
    margin: 0 0 0 2em;
}

.page-content ol,
.post-content ol
{
    list-style-type: decimal;
    margin: 0 0 0 2em;
}

.content-subhead
{
    color: #6d6e71;
    max-width: 70%;
    margin: 1rem auto;
}




/*******************************************/
/*  2. MAIN STRUCTURE                      */
/*******************************************/

body, html
{
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: none;
}

html
{
    background-color: 1;    background-repeat: no-repeat;}



/* spinner */

.loader-con
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: #fff;
}

.loader
{
    position: relative;
    top: 50%;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.spinner
{
    display: block;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border: 3px solid #eee;
    border-left-color: #a00;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8
{
    0%
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8
{
    0%
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    
    100%
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}






.main
{
    width: 100%;
    padding: 0;
    margin: 0 0 30px;
    overflow: hidden;
    min-height: 60%;
    background-color: #fff;
}

.mainbar, .sidebar
{
    margin: 0 0 30px;
    overflow: hidden;
}

.stage
{
    margin: 10px;
    position: relative;
    overflow: hidden;
}

.cascade
{
    padding: 20px 0;
    overflow: hidden;
}






/* page structure */
.entry-content {}
.entry-title {}
.entry-title.author {}
.entry-links {}
.entry-date {}
.entry-summary {}

.entry-summary h4
{
    font-family: lato;
    font-weight: bold;
    font-size: 13.5pt;
}


.entry-footer {}
.cat-links {}
.tag-links {}

.entry-meta {}
.meta-sep {}
.author {}
.vcard {}

.navigation



/* comments */
.comments {}
#comment {vertical-align: top;}
.comments-title {}
.comments-navigation {}
.paginated-comments-links {}
.comment-form-comment {vertical-align: top;}

.form-allowed-tags
{
    font-size: 9pt;
    color: #777;
}

.ping-count {}


/* columns (9-column grid) */

.coltainer
{
    width: 100%;
    overflow: hidden;
}

.column {padding: 0 20px; float: left;}
.column:first-of-type {padding: 0 20px 0 0;}
.column:last-of-type {padding: 0 0 0 20px;}

.column.right {float: right; padding: 0 0 0 20px;}
.column.left {float: left; padding: 0 20px 0 0 !important;}

.c1 {width: 11.11%}
.c2 {width: 22.22%}
.c3 {width: 33.33%}
.c4 {width: 44.44%}
.c5 {width: 55.55%}
.c6 {width: 66.66%}
.c7 {width: 77.77%}
.c8 {width: 88.88%}



.page-widget
{}

.page-widget h3
{
    padding: 0 0 .5em;
}

.page-widget h5
{
    font-size: 10pt;
    padding: 0 0 2em;
    color: #999;
}

.page-widget h5 *
{
    border-bottom: 1px dotted #aaa;
}






/*******************************************/
/*  3. HEADER                              */
/*******************************************/

.header
{
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 0;
    position: relative;
    z-index: 9990;
}

.header .stage
{
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: static;
}

.branding p
{
    font-size: 8pt;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 1em 0 0;
}

.branding-img
{
    width: 280px;
    height: auto;
    padding: 0;
    margin: 10px;
}

.menu-btn
{
    font-size: 30pt !important;
    color: #a00;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 3px;
}

.close-menu
{
    display: block;
    padding: 5px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: +1;
}



.menu-main-con
{
    background-color: #a00;
    overflow: auto;
    max-height: 0px;
    margin: 0;
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
}

.menu-main-con.open {max-height: 1000px;}

.menu-main-con.open
{
    left: 0;
}

.menu-main
{
    margin: 0;
    padding: 0;
}

.menu-main li
{
    font: 400 14pt/14pt refrigerator-deluxe, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 25pt;
    line-height: 1.2;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255,255,255,.2);
}

.menu-main li a
{
    display: block;
    color: #fff;
    background-color: transparent;
    padding: 10px;
}

.menu-main li ul
{
    padding: 0 0 1em 2em;
}

.menu-main li ul li
{
    font-size: 20pt;
    font-weight: normal;
    border-bottom: none;
    text-transform: none;
}

.menu-main li ul li a
{
    padding: 8px 0;
}







.cat-header
{
    padding: 0 0 20px;
}


.cat-header h4
{
    color: #845aa2;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.article-posted
{
    font-size: 80%;
    color: #999;
    font-style: italic;
    padding: 0 0 2em;
}



.gray-bar-right
{
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9990;
}


.menu-main-search
{
    float: right;
    padding-top: 3px;
}

.mini-search
{
    padding: 4px 0 !important;
    border: none !important;
    font-size: 10pt !important;
    width: 0px;
    margin: 5px 0 0 !important;
}

.mini-search.active
{
    width: 150px;
    padding: 4px;
}

.search-toggle
{
    font-size: 22pt !important;
    color: #fff;
    cursor: pointer;
    position: relative;
    top: 2px;
}


/* home page slideshow */

.hp-slides
{
    width: 100%;
    padding: 0;
    margin: 0;
    /*border-bottom: 1px solid #ccc;*/
    position: relative;
    overflow: hidden;
}

.hp-ss-thumb-con
{
    width: 100%;
}

.hp-ss-thumb
{
    width: 80%;
    max-width: 200px;
    height: auto;
    display: block;
    margin: 0 auto 20px;
}

.hp-ss-text-mod
{
    text-align: center;
}

.hp-ss-text-mod h1
{
    font-size: 18pt;
    margin: 0 0 30px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.hp-ss-text-mod h1 a
{
    border-bottom: 1px dotted #aaa;
    padding: 0 0 10px;
}

.hp-ss-fea-text h4
{
	font-family: Roboto Slab, serif;
    font-size: 14pt;
    hyphens: none;
    letter-spacing: 1px;
    padding: 0 0 20px;
}

.hp-ss-fea-text h5
{
    font-size: 12pt;
    line-height: 1.5;
    font-family: lato, arial, helvetica, sans-serif;
}

.hp-ss-fea-text h5 em
{
	font-style: italic;
	text-decoration: none;
}


.hp-ss-fea-text .divider
{
    margin: 20px auto;
}

.hp-ss-text-mod .button
{
    margin-bottom: 10px;
}

.hp-slide {display: none; width: 100%; padding: 0 20px;}
.hp-slide:first-of-type {display: block;}



.hp-buy-the-book
{
    display: none;
}

.popup-con .divider
{
    margin: 15px auto 25px;
}

.buy-the-book-list
{
    padding: 0;
    margin: 0;
}

.buy-the-book-list li
{
    padding: 0 0 10px;
}

.buy-the-book-list li:last-of-type
{
    padding: 0;
}



.hp-slides-pager
{
    width: 100%;
    text-align: center;
    position: relative;
    padding: 0;
	margin: 0;
    z-index: 999;
	font-size: 40pt;
}

.hp-slides-pager span.hp-slide-pager
{
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	border: 2px solid #ccc;
    margin: 0 5px;
	padding: 0;
}

.hp-slides-pager span.hp-slide-pager.cycle-pager-active
{
	border-color: #a00;
	background: #a00;
}



.hp-mugshot
{
    display: block;
    width: 150px;
    height: auto;
    margin: 0 auto 30px;
}

#about-the-author .divider
{
    margin-left: 0;
}




/* home page news */

.hp-post-floated
{
    position: relative;
    margin: 0 0 20px;
}



.button-links li
{
    display: inline-block;
    margin: 0 10px;
}





/*******************************************/
/*  4. SIDEBAR                             */
/*******************************************/


.sidebar-widget
{
    padding: 0 0 20px;
}

.sidebar p,
.sidebar ul,
.sidebar ol
{
    font-size: 10pt;
}

.sidebar a
{
    font-weight: bold;
}

.sidebar ul
{
    margin: 0;
}

.sidebar li
{
    list-style-type: none;
    margin: 0 0 10px 20px;
    text-indent: -20px;
}

.sidebar li:before
{
    content: '\27A3\00A0';
    color: #a00;
}

.sidebar li .post-date
{
    white-space: nowrap;
}

.sidebar h3
{
    text-align: left;
    text-transform: uppercase;
    color: #777;
    letter-spacing: 3px;
    border-bottom: 1px dotted #ccc;
    padding: 0 0 .2em;
    margin: 0 0 .8em;
}






/*******************************************/
/*  5. FOOTER                              */
/*******************************************/

.footer
{
    padding: 40px 0 20px;
}

.footer, .footer *
{
    text-align: center;
}

.footer a
{
    font-weight: bold;
}

.logo-footer
{
    width: 90%;
    max-width: 300px;
    height: auto;
    display: block;
    margin: 0 auto 20px;
}

.footer-branding .dingbat
{
    font-size: 16pt;
}

.footer-branding ul
{
    font-family: adria, serif;
    font-size: 12pt;
}

.footer-widget
{
    padding: 0 0 1.5em;
    overflow: hidden;
    clear: both;
}

.footer-widget p:last-of-type
{
    padding: 0;
}

.footer p
{
    /*font: 400 14pt/1.5 refrigerator-deluxe, sans-serif;*/
	font-size: 10pt;
    color: #777;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}






.menu-footer
{
    padding: 0;
}

.menu-footer li
{
    font-family: adria;
    font-weight: bold;
    padding: 4px 8px;
    display: inline-block;
}

.menu-footer li ul
{
    display: none;
}







/*******************************************/
/*  6. FORMS                               */
/*******************************************/


input[type="text"],
input[type="email"],
input[type="password"],
textarea
{
    font-size: 12pt;
    font-weight: normal;
    padding: 6px;
    border: 1px solid #aaa;
    text-align: left;
    color: #444;
}

textarea
{
    height: 150px;
    resize: none;
}

input[type="submit"],
input[type="button"],
.button
{
    display: inline-block;
    font-size: 9pt;
    text-transform: uppercase;
    letter-spacing: 2px;
	font-family: lato, arial, helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
    background-color: #a00;
    border: 1px solid #a00;
    padding: 8px 20px;
    margin: 0;
    -webkit-appearance: none;
    cursor: pointer;
}

input[type="submit"].fw,
input[type="button"].fw,
.button.fw
{
    display: block;
    width: 100%;
}


.button:disabled,
.button.disabled
{
    opacity: .5;
    cursor: auto;
}

.button:disabled:hover,
.button.disabled:hover
{
    background: #a00;
    color: #fff;
    cursor: auto;
    opacity: .5;
}



::-webkit-input-placeholder {
   color: #444;
}

:-moz-placeholder { /* Firefox 18- */
   color: #444;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #444;  
}

:-ms-input-placeholder {  
   color: #444;  
}




/* update signup form */

.update-signup-email,
.update-signup-submit
{
    display: inline-block;
    height: 40px;
    vertical-align: top;
    border: none !important;
    margin: 0;
    -webkit-appearance: none;
}

.update-signup-submit:hover
{
    background-color: #ddd !important;
}



/* contact form */

.contact-form
{
    padding: 20px 0 0;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="password"],
.contact-form textarea
{
    width: 100%;
}

.cf-line
{
    padding: 0 0 10px;
}

.cf-label
{
    font-weight: bold;
}

#cf-url
{
    display: none;
}


.screen-reader-text
{
    display: none;
}

.form-note
{
    font-size: 10pt;
}












/*******************************************/
/*  7. TABULAR                             */
/*******************************************/




/*******************************************/
/*  8. WP CORE                             */
/*******************************************/


.size-thumbnail
{
    width: 150px;
    height: auto;
}

.size-full
{
    width: 100%;
    height: auto;
}

.profile-img
{
    width: 100%;
    height: auto;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.navigation.pagination
{
    text-align: center;
}

.articles-pagi
{
    padding: 0 0 40px;
}

.page-numbers,
.page-numbers.active
{
    display: inline-block;
    color: #a00;
    font-weight: bold;
    font-size: 8pt;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 1;
    padding: 10px 10px 10px 13px;
    margin: 0 5px;
    /*border: 1px solid #a00;*/
    cursor: pointer;
}

.page-numbers.active,
.page-numbers.active:hover
{
    color: #fff;
    background-color: #a00;
}

.page-numbers:hover
{
    background-color: #eee;
}






/*******************************************/
/*  9. PAGE SPECIFIC                       */
/*******************************************/

.hp-intro p
{
    font-size: 120%;
    line-height: 150%;
}

.hp-post-date
{
    font-size: 70%;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    white-space: nowrap;
    color: #444;
}



/* blog entries */

.post-summary
{
    padding: 0 0 40px;
    overflow: hidden;
}

.post-summary h3
{
    text-align: left;
    letter-spacing: normal;
}

.post-summary h3 a
{
    border-bottom: 1px dotted #ccc;
    color: #000;
}

.entry-meta
{
    font-size: 9pt;
    font-weight: bold;
    padding: 0 0 15px;
    color: #999;
}

.home-page-feature
{
    padding: 0;
    position: relative;
    z-index: 9000;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.featured-text
{
    padding: 50px;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,.5);
}

.summary-thumb
{
    width: 200px;
    height: auto;
    margin: 0 20px 20px 0;
    float: left;
}



/* search page */

.search-page-form
{
    padding: 0 0 20px;
}



/* hp events */

.hp-events
{
    text-align: center;
}

.hp-events h5
{
    text-transform: uppercase;
}

.hp-events h5 a
{
    font-weight: 300;
}

.hp-event
{
    padding: 0 0 20px;
}

.hp-event h6
{
    font-size: 9pt;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hp-event-date
{
    font-weight: normal;
    font-size: 8.5pt;
    text-transform: uppercase;
    letter-spacing: 3px;
    white-space: nowrap;
    padding-left: 10px;
}





/* attachment.php */
.header {}

#nav-above {}
.nav-previous {}
.nav-next {}

.entry-attachment {}

.attachment {}




/* archive.php */

.summary-head
{
    font-weight: bold;
    padding: 0;
}








.hp-published-article
{
    display: block;
    position: relative;
    margin: 0 0 40px;
}

.hp-published-article-thumb
{
    width: 150px;
    height: auto;
    display: block;
    margin: 0 auto 15px;
}

.hp-published-article h4
{
    color: #a00;
    margin: 0 0 .4em;
    padding: 0;
	line-height: 1.1;
}

.hp-published-articles p
{
    font-size: 12pt;
    margin: 0;
    padding: 0;
}

.hp-published-article-con .read-more
{
    font-size: 8pt;
    padding: 10px 0 0;
    color: #a00;
}






/* work pages */

ul.meta-list
{
	list-style-type: none;
    font-weight: bold;
	font-family: lato, arial, sans-serif;
    font-size: 9pt;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 !important;
}

.work-con
{
    padding: 0 0 20px;
}

.work-con h3
{
    padding: 0 0 20px;
    font-weight: bold;
    color: #000;
    letter-spacing: normal;
    text-transform: uppercase;
    font-size: 24pt;
}

.work-details
{
    width: 150px;
    float: right;
    margin: 0 0 15px 20px;
}

.work-details h5
{
    /*font-size: 12pt;*/
    line-height: 1.4;
    padding: 0 0 .2em;
    margin: 0 0 .3em;
	color: #000;
}

.work-details h5 *
{
    /*border-bottom: 1px dotted #999;*/
}

.work-img
{
    display: block;
    width: 100%;
    max-width: 250px;
    height: auto;
    margin: 0 auto 10px;
}

.work-list
{
    margin: 0 0 15px !important;
    padding: 0;
}

.work-list li
{
    list-style-type: none;
    margin: 0 0 3px 9px;
    text-indent: -9px;
    padding: 0;
}


.work-con-mod
{
    padding: 0 0 40px;
}

.work-con-mod h4
{
    font-weight: bold;
	font-size: 20pt;
	margin: 0;
	padding: 0;
}

.work-con-mod h5
{
    padding: 0 0 1.5em;
	font-size: 16pt;
	line-height: 1;
}

.work-con-mod h5::before
{
    content: '\000BB';
    color: #a00;
    font-size: 150%;
    padding: 0 5px 0 0;
}

.work-master-title
{
    padding: 0 0 30px;
}

.article-info
{
    font-size: 10pt;
    line-height: 1.5;
    text-align: left;
}







/*******************************************/
/*  10. GENERAL RULES                      */
/*******************************************/



.hide {display: none;}
.transparent {opacity: 0;}

.coverall
{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: +1;
}

.content-top
{
    z-index: 9000;
}



.hoverclear:hover {background-color: transparent;}

.shadow {box-shadow: 0px 0px 5px rgba(0,0,0,.5);}
img.shadow {margin: 5px;}
.polaroid {border: 6px solid #fff;}

.anim,
.anim.all *
{
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
    transition: 0.4s all ease;
}

.anim-fast,
.anim-fast.all *
{
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
}


.anim-slow,
.anim-slow.all *
{
    -webkit-transition: 0.8s all ease;
    -moz-transition: 0.8s all ease;
    -o-transition: 0.8s all ease;
    transition: 0.8s all ease;
}



.a10 {background-color: rgba(0,0,0,.1);}
.a20 {background-color: rgba(0,0,0,.2);}
.a30 {background-color: rgba(0,0,0,.3);}
.a40 {background-color: rgba(0,0,0,.4);}
.a50 {background-color: rgba(0,0,0,.5);}
.a60 {background-color: rgba(0,0,0,.6);}
.a70 {background-color: rgba(0,0,0,.7);}
.a80 {background-color: rgba(0,0,0,.8);}
.a90 {background-color: rgba(0,0,0,.9);}


.b10 {background-color: rgba(255,255,255,.1);}
.b20 {background-color: rgba(255,255,255,.2);}
.b30 {background-color: rgba(255,255,255,.3);}
.b40 {background-color: rgba(255,255,255,.4);}
.b50 {background-color: rgba(255,255,255,.5);}
.b60 {background-color: rgba(255,255,255,.6);}
.b70 {background-color: rgba(255,255,255,.7);}
.b80 {background-color: rgba(255,255,255,.8);}
.b90 {background-color: rgba(255,255,255,.9);}

.p10 {padding: 10px !important;}
.p20 {padding: 20px !important;}
.p30 {padding: 30px !important;}
.p40 {padding: 40px !important;}
.p50 {padding: 50px !important;}
.p60 {padding: 60px !important;}
.p70 {padding: 70px !important;}
.p80 {padding: 80px !important;}
.p90 {padding: 90px !important;}

.o10 {opacity: .1;}
.o20 {opacity: .2;}
.o30 {opacity: .3;}
.o40 {opacity: .4;}
.o50 {opacity: .5;}
.o60 {opacity: .6;}
.o70 {opacity: .7;}
.o80 {opacity: .8;}
.o90 {opacity: .9;}


.r45
{
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.r90
{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.r135
{
    -ms-transform: rotate(135deg); /* IE 9 */
    -webkit-transform: rotate(135deg); /* Chrome, Safari, Opera */
    transform: rotate(135deg);
}

.r180
{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.r225
{
    -ms-transform: rotate(225deg); /* IE 9 */
    -webkit-transform: rotate(225deg); /* Chrome, Safari, Opera */
    transform: rotate(225deg);
}

.r270
{
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}

.r315
{
    -ms-transform: rotate(315deg); /* IE 9 */
    -webkit-transform: rotate(315deg); /* Chrome, Safari, Opera */
    transform: rotate(315deg);
}


.block {display: block;}
.inline {display: inline;}

.nopos {position: static !important;}
.noshim {margin: 0 !important; padding: 0 !important;}

.graybg {background: #eee;}
.green {color: #007575;}
.greenbg {background-color: #007575;}
.brown {color: #6e3c17;}
.brownbg {background-color: #6e3c17;}
.red {color: #700;}

.white, .white * {color: #fff !important;}
.whitebg {background: #fff;}

.white-ribbon {border-top: 1px solid #fff;}

.hglow:hover {opacity: 1;}

.relative {position: relative;}
.absolute {position: absolute;}
.static {position: static;}

.float-left {float: left;}
.float-right {float: right;}

.inherit-color {color: inherit;}

/* effects */
.halftone
{
    background-image: url('../img/halftone.png');
    background-position: center;
    background-size: 4px auto;
    opacity: .1;
}


.lines
{
    background-image: url('../img/lines.png');
    background-position: center;
    background-size: 2px auto;
    opacity: .1;
}


.vert-center
{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.full-width-img
{
    width: 100%;
    height: auto;
}

.size-medium
{
    width: 300px;
    height: auto;
}


.top
{
    z-index: 9000;
}

.no-float
{
    float: none;
    clear: both;
}

.no-overflow
{
    overflow: hidden;
}


.widget-con li,
.arrowhead
{
    list-style-type: none;
    margin: 0 0 .5em 27px;
    text-indent: -27px;
}

.arrowhead:before,
.menu-arrow li:before,
.widget-con li:before
{
    content: '\27a3\00a0\00a0';
    /*color: #999;*/
}

.inherit-color {color: inherit;}



/* popups */

.freeze
{
    overflow: hidden;
}

.popup-bg
{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    right: 0px;
    background: rgba(0,0,0,.8);
    z-index: 99999;
}

.popup-close
{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px;
    font-size: 25px !important;
    cursor: pointer;
}

.popup-con
{
    width: 400px;
    max-width: 90%;
    margin: 0 auto;
    padding: 20px;
    position: relative;
    top: 50%;
    background: #fff;
    border: 1px solid #000;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}


.pdf-viewer
{
    display: block;
    width: 90%;
    height: 400px;
    margin: 0 auto;
}






/* column layout */

.waw-col-reset,.waw-col,.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9
{
    width: 100%;
    float: none;
}

.waw-col,.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9
{
    padding: 0 0 30px;
}


.no-mobile
{
    display: none;
}


.read-more, .refer
{
    font-weight: bold;
    font-size: 8pt;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.underline
{
    border-bottom: 1px dotted #ccc;
}






/*******************************************/
/*  11. ICON SETS                          */
/*******************************************/


.sm-icons-list
{
    padding: 0;
    display: inline-block;
}

.sm-icons-list li
{
    display: inline-block;
    margin: 0 5px;
}

.sm-icons-list .dingbat
{
    display: inline-block;
    font-size: 16pt;
    background-color: #a00;
    color: #fff;
    padding: 5px;
}






.share-icons
{
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
}

.share-icons .dingbat
{
    display: inline-block;
    font: 14pt/14pt entypo;
    color: #fff;
    padding: 8px;
    background: #000;
}

.share-icons .ico-facebook {background-color: #3b5998;}
.share-icons .ico-twitter  {background-color: #1dcaff;}
.share-icons .ico-mail     {background-color: #009900;}
.share-icons .ico-print    {background-color: #bb0000;}





.hp-chooser
{
}

.hp-chooser li
{
    vertical-align: top;
    padding: 20px;
    list-style-type: none;
}

.hp-chooser li *
{
    text-align: center;
}

.chooser-icon
{
    width: 68px;
    height: 68px;
    display: block;
    font-family: entypo;
    font-size: 22pt;
    line-height: 100%;
    padding: 15pt 12pt;
    border-radius: 50%;
    color:#fff;
    background-color: #845aa2;
    margin: 0 auto 20px;
    text-align: center;
    box-sizing: border-box;
}


.dingbat
{
    font-family: entypo !important;
    display: inline-block;
    /*width: 20px;*/
    /*height: 20px;*/
    font-size: inherit;
    line-height: 1;
    text-decoration: inherit;
    font-weight: inherit;
    font-style: normal;
    vertical-align: top;
    text-align: center;
}

.big-icon
{
    font-family: entypo !important;
    display: block;
    width: 60px;
    height: 60px;
    font-size: 22pt;
    padding: 10px 0;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background-color: #a00;
    margin: 0 auto 20px;
}





[data-icon]:before {
  font-family: "entypo" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="ico-"]:before,
[class*=" ico-"]:before {
  font-family: "entypo" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



.ico-address:before {content: "a";}
.ico-adjust:before {content: "b";}
.ico-air:before {content: "c";}
.ico-alert:before {content: "d";}
.ico-archive:before {content: "e";}
.ico-arrow-combo:before {content: "f";}
.ico-arrows-ccw:before {content: "g";}
.ico-attach:before {content: "h";}
.ico-attention:before {content: "i";}
.ico-back:before {content: "j";}
.ico-back-in-time:before {content: "k";}
.ico-bag:before {content: "l";}
.ico-basket:before {content: "m";}
.ico-battery:before {content: "n";}
.ico-behance:before {content: "o";}
.ico-bell:before {content: "p";}
.ico-block:before {content: "q";}
.ico-book:before {content: "r";}
.ico-book-open:before {content: "s";}
.ico-bookmark:before {content: "t";}
.ico-bookmarks:before {content: "u";}
.ico-box:before {content: "v";}
.ico-briefcase:before {content: "w";}
.ico-brush:before {content: "x";}
.ico-bucket:before {content: "y";}
.ico-calendar:before {content: "z";}
.ico-camera:before {content: "A";}
.ico-cancel:before {content: "B";}
.ico-cancel-circled:before {content: "C";}
.ico-cancel-squared:before {content: "D";}
.ico-cc:before {content: "E";}
.ico-cc-by:before {content: "F";}
.ico-cc-nc:before {content: "G";}
.ico-cc-nc-eu:before {content: "H";}
.ico-cc-nc-jp:before {content: "I";}
.ico-cc-nd:before {content: "J";}
.ico-cc-pd:before {content: "K";}
.ico-cc-remix:before {content: "L";}
.ico-cc-sa:before {content: "M";}
.ico-cc-share:before {content: "N";}
.ico-cc-zero:before {content: "O";}
.ico-ccw:before {content: "P";}
.ico-cd:before {content: "Q";}
.ico-chart-area:before {content: "R";}
.ico-chart-bar:before {content: "S";}
.ico-chart-line:before {content: "T";}
.ico-chart-pie:before {content: "U";}
.ico-chat:before {content: "V";}
.ico-check:before {content: "W";}
.ico-clipboard:before {content: "X";}
.ico-clock:before {content: "Y";}
.ico-cloud:before {content: "Z";}
.ico-cloud-thunder:before {content: "0";}
.ico-code:before {content: "1";}
.ico-cog:before {content: "2";}
.ico-comment:before {content: "3";}
.ico-compass:before {content: "4";}
.ico-credit-card:before {content: "5";}
.ico-cup:before {content: "6";}
.ico-cw:before {content: "7";}
.ico-database:before {content: "8";}
.ico-db-shape:before {content: "9";}
.ico-direction:before {content: "!";}
.ico-doc:before {content: "\"";}
.ico-doc-landscape:before {content: "#";}
.ico-doc-text:before {content: "$";}
.ico-doc-text-inv:before {content: "%";}
.ico-docs:before {content: "&";}
.ico-dot:before {content: "'";}
.ico-dot-2:before {content: "(";}
.ico-dot-3:before {content: ")";}
.ico-down:before {content: "*";}
.ico-down-bold:before {content: "+";}
.ico-down-circled:before {content: ",";}
.ico-down-dir:before {content: "-";}
.ico-down-open:before {content: ".";}
.ico-down-open-big:before {content: "/";}
.ico-down-open-mini:before {content: ":";}
.ico-down-thin:before {content: ";";}
.ico-download:before {content: "<";}
.ico-dribbble:before {content: "=";}
.ico-dribbble-circled:before {content: ">";}
.ico-drive:before {content: "?";}
.ico-dropbox:before {content: "@";}
.ico-droplet:before {content: "[";}
.ico-erase:before {content: "]";}
.ico-evernote:before {content: "^";}
.ico-export:before {content: "_";}
.ico-eye:before {content: "`";}
.ico-facebook:before {content: "{";}
.ico-facebook-circled:before {content: "|";}
.ico-facebook-squared:before {content: "}";}
.ico-fast-backward:before {content: "~";}
.ico-fast-forward:before {content: "\\";}
.ico-feather:before {content: "\e000";}
.ico-flag:before {content: "\e001";}
.ico-flash:before {content: "\e002";}
.ico-flashlight:before {content: "\e003";}
.ico-flattr:before {content: "\e004";}
.ico-flickr:before {content: "\e005";}
.ico-flickr-circled:before {content: "\e006";}
.ico-flight:before {content: "\e007";}
.ico-floppy:before {content: "\e008";}
.ico-flow-branch:before {content: "\e009";}
.ico-flow-cascade:before {content: "\e00a";}
.ico-flow-line:before {content: "\e00b";}
.ico-flow-parallel:before {content: "\e00c";}
.ico-flow-tree:before {content: "\e00d";}
.ico-folder:before {content: "\e00e";}
.ico-forward:before {content: "\e00f";}
.ico-gauge:before {content: "\e010";}
.ico-github:before {content: "\e011";}
.ico-github-circled:before {content: "\e012";}
.ico-globe:before {content: "\e013";}
.ico-google-circles:before {content: "\e014";}
.ico-goodreads:before {content: "\e0d3";}
.ico-gplus:before {content: "\e015";}
.ico-gplus-circled:before {content: "\e016";}
.ico-graduation-cap:before {content: "\e017";}
.ico-heart:before {content: "\e018";}
.ico-heart-empty:before {content: "\e019";}
.ico-help:before {content: "\e01a";}
.ico-help-circled:before {content: "\e01b";}
.ico-home:before {content: "\e01c";}
.ico-hourglass:before {content: "\e01d";}
.ico-inbox:before {content: "\e01e";}
.ico-infinity:before {content: "\e01f";}
.ico-info:before {content: "\e020";}
.ico-info-circled:before {content: "\e021";}
.ico-instagrem:before {content: "\e022";}
.ico-install:before {content: "\e023";}
.ico-key:before {content: "\e024";}
.ico-keyboard:before {content: "\e025";}
.ico-lamp:before {content: "\e026";}
.ico-language:before {content: "\e027";}
.ico-lastfm:before {content: "\e028";}
.ico-lastfm-circled:before {content: "\e029";}
.ico-layout:before {content: "\e02a";}
.ico-leaf:before {content: "\e02b";}
.ico-left:before {content: "\e02c";}
.ico-left-bold:before {content: "\e02d";}
.ico-left-circled:before {content: "\e02e";}
.ico-left-dir:before {content: "\e02f";}
.ico-left-open:before {content: "\e030";}
.ico-left-open-big:before {content: "\e031";}
.ico-left-open-mini:before {content: "\e032";}
.ico-left-thin:before {content: "\e033";}
.ico-level-down:before {content: "\e034";}
.ico-level-up:before {content: "\e035";}
.ico-lifebuoy:before {content: "\e036";}
.ico-light-down:before {content: "\e037";}
.ico-light-up:before {content: "\e038";}
.ico-link:before {content: "\e039";}
.ico-linkedin:before {content: "\e03a";}
.ico-linkedin-circled:before {content: "\e03b";}
.ico-list:before {content: "\e03c";}
.ico-list-add:before {content: "\e03d";}
.ico-location:before {content: "\e03e";}
.ico-lock:before {content: "\e03f";}
.ico-lock-open:before {content: "\e040";}
.ico-login:before {content: "\e041";}
.ico-logo-db:before {content: "\e042";}
.ico-logout:before {content: "\e043";}
.ico-loop:before {content: "\e044";}
.ico-magnet:before {content: "\e045";}
.ico-mail:before {content: "\e046";}
.ico-map:before {content: "\e047";}
.ico-megaphone:before {content: "\e048";}
.ico-menu:before {content: "\e049";}
.ico-mic:before {content: "\e04a";}
.ico-minus:before {content: "\e04b";}
.ico-minus-circled:before {content: "\e04c";}
.ico-minus-squared:before {content: "\e04d";}
.ico-mixi:before {content: "\e04e";}
.ico-mobile:before {content: "\e04f";}
.ico-monitor:before {content: "\e050";}
.ico-moon:before {content: "\e051";}
.ico-mouse:before {content: "\e052";}
.ico-music:before {content: "\e053";}
.ico-mute:before {content: "\e054";}
.ico-network:before {content: "\e055";}
.ico-newspaper:before {content: "\e056";}
.ico-note:before {content: "\e057";}
.ico-note-beamed:before {content: "\e058";}
.ico-palette:before {content: "\e059";}
.ico-paper-plane:before {content: "\e05a";}
.ico-pause:before {content: "\e05b";}
.ico-paypal:before {content: "\e05c";}
.ico-pencil:before {content: "\e05d";}
.ico-phone:before {content: "\e05e";}
.ico-picasa:before {content: "\e05f";}
.ico-picture:before {content: "\e060";}
.ico-pinterest:before {content: "\e061";}
.ico-pinterest-circled:before {content: "\e062";}
.ico-play:before {content: "\e063";}
.ico-plus:before {content: "\e064";}
.ico-plus-circled:before {content: "\e065";}
.ico-plus-squared:before {content: "\e066";}
.ico-popup:before {content: "\e067";}
.ico-print:before {content: "\e068";}
.ico-progress-0:before {content: "\e069";}
.ico-progress-1:before {content: "\e06a";}
.ico-progress-2:before {content: "\e06b";}
.ico-progress-3:before {content: "\e06c";}
.ico-publish:before {content: "\e06d";}
.ico-qq:before {content: "\e06e";}
.ico-quote:before {content: "\e06f";}
.ico-rdio:before {content: "\e070";}
.ico-rdio-circled:before {content: "\e071";}
.ico-record:before {content: "\e072";}
.ico-renren:before {content: "\e073";}
.ico-reply:before {content: "\e074";}
.ico-reply-all:before {content: "\e075";}
.ico-resize-full:before {content: "\e076";}
.ico-resize-small:before {content: "\e077";}
.ico-retweet:before {content: "\e078";}
.ico-right:before {content: "\e079";}
.ico-right-bold:before {content: "\e07a";}
.ico-right-circled:before {content: "\e07b";}
.ico-right-dir:before {content: "\e07c";}
.ico-right-open:before {content: "\e07d";}
.ico-right-open-big:before {content: "\e07e";}
.ico-right-open-mini:before {content: "\e07f";}
.ico-right-thin:before {content: "\e080";}
.ico-rocket:before {content: "\e081";}
.ico-rss:before {content: "\e082";}
.ico-search:before {content: "\e083";}
.ico-share:before {content: "\e084";}
.ico-shareable:before {content: "\e085";}
.ico-shuffle:before {content: "\e086";}
.ico-signal:before {content: "\e087";}
.ico-sina-weibo:before {content: "\e088";}
.ico-skype:before {content: "\e089";}
.ico-skype-circled:before {content: "\e08a";}
.ico-smashing:before {content: "\e08b";}
.ico-sound:before {content: "\e08c";}
.ico-soundcloud:before {content: "\e08d";}
.ico-spotify:before {content: "\e08e";}
.ico-spotify-circled:before {content: "\e08f";}
.ico-star:before {content: "\e090";}
.ico-star-empty:before {content: "\e091";}
.ico-stop:before {content: "\e092";}
.ico-stumbleupon:before {content: "\e093";}
.ico-stumbleupon-circled:before {content: "\e094";}
.ico-suitcase:before {content: "\e095";}
.ico-sweden:before {content: "\e096";}
.ico-switch:before {content: "\e097";}
.ico-tag:before {content: "\e098";}
.ico-tape:before {content: "\e099";}
.ico-target:before {content: "\e09a";}
.ico-thermometer:before {content: "\e09b";}
.ico-thumbs-down:before {content: "\e09c";}
.ico-thumbs-up:before {content: "\e09d";}
.ico-ticket:before {content: "\e09e";}
.ico-to-end:before {content: "\e09f";}
.ico-to-start:before {content: "\e0a0";}
.ico-tools:before {content: "\e0a1";}
.ico-traffic-cone:before {content: "\e0a2";}
.ico-trash:before {content: "\e0a3";}
.ico-trophy:before {content: "\e0a4";}
.ico-tumblr:before {content: "\e0a5";}
.ico-tumblr-circled:before {content: "\e0a6";}
.ico-twitter:before {content: "\e0a7";}
.ico-twitter-circled:before {content: "\e0a8";}
.ico-up:before {content: "\e0a9";}
.ico-up-bold:before {content: "\e0aa";}
.ico-up-circled:before {content: "\e0ab";}
.ico-up-dir:before {content: "\e0ac";}
.ico-up-open:before {content: "\e0ad";}
.ico-up-open-big:before {content: "\e0ae";}
.ico-up-open-mini:before {content: "\e0af";}
.ico-up-thin:before {content: "\e0b0";}
.ico-upload:before {content: "\e0b1";}
.ico-upload-cloud:before {content: "\e0b2";}
.ico-user:before {content: "\e0b3";}
.ico-user-add:before {content: "\e0b4";}
.ico-users:before {content: "\e0b5";}
.ico-vcard:before {content: "\e0b6";}
.ico-video:before {content: "\e0b7";}
.ico-vimeo:before {content: "\e0b8";}
.ico-vimeo-circled:before {content: "\e0b9";}
.ico-vkontakte:before {content: "\e0ba";}
.ico-volume:before {content: "\e0bb";}
.ico-water:before {content: "\e0bc";}
.ico-window:before {content: "\e0bd";}
.ico-500px:before {content: "\e0be";}
.ico-app-store:before {content: "\e0bf";}
.ico-dropbox-1:before {content: "\e0c0";}
.ico-flickr-1:before {content: "\e0c1";}
.ico-google:before {content: "\e0c2";}
.ico-grooveshark:before {content: "\e0c3";}
.ico-instagram:before {content: "\e0c4";}
.ico-linkedin-1:before {content: "\e0c5";}
.ico-pinterest-1:before {content: "\e0c6";}
.ico-rdio-1:before {content: "\e0c7";}
.ico-scribd:before {content: "\e0c8";}
.ico-skype-1:before {content: "\e0c9";}
.ico-soundcloud-1:before {content: "\e0ca";}
.ico-spotify-1:before {content: "\e0cb";}
.ico-tripadvisor:before {content: "\e0cc";}
.ico-tumblr-1:before {content: "\e0cd";}
.ico-twitter-1:before {content: "\e0ce";}
.ico-vimeo-1:before {content: "\e0cf";}
.ico-vine:before {content: "\e0d0";}
.ico-yelp:before {content: "\e0d1";}
.ico-youtube:before {content: "\e0d2";}




/*.sm-facebook   {background-image: url('../img/sm_fb.png');}*/
/*.sm-twitter    {background-image: url('../img/sm_twitter.png'); background-size: 50% auto;}*/
/*.sm-googleplus {background-image: url('../img/sm_gplus.png');}*/
/*.sm-linkedin   {background-image: url('../img/sm_linkedin.png');}*/
/*.sm-email      {background-image: url('../img/sm_mail.png'); background-size: 50% auto;}*/
/*.sm-goodreads  {background-image: url('../img/sm_goodreads.png');}*/




















/*******************************************/
/*  12. MEDIA QUERIES                      */
/*******************************************/

/* wide mobile */
@media only screen and (min-width: 500px)
{
    .hp-img
    {
        float: right;
        margin: 0 0 2em 2em;
        width: 250px;
        height: 375px;
    }
}


/* vertical tablets */
@media only screen and (min-width:600px)
{
    .stage
    {
        margin: 10px 30px;
    }
    
    .hp-img
    {
        width: 275px;
        height: 413px;
    }
    
    .branding {position: relative;}
    
    .branding-img {width: 350px; margin: 14px 10px 6px 30px;}
    
    .header {border-bottom: 1px solid #ccc;}
    
    .menu-btn {padding: 16px;}
    
    .menu-main-con {top: 70px;}
    
    .hp-mugshot
    {
        width: 150px;
        float: right;
        margin: 0 0 0 40px;
    }
    
}



/* horizontal tablets, small laptops and desktops */
@media only screen and (min-width:800px)
{
    body
    {
        font-size: 14pt;
    }
    
    .no-mobile {display: inherit;}
    
    .stage
    {
        margin: 10px 50px;
    }
    
    .minimized .hp-img
    {
        top: 65px;
    }
    
    .main
    {
        padding-top: 50px;
    }
    
    .cascade
    {
        padding: 50px 0;
    }
    
    .cascade#hp-slideshow {padding-top: 0;}
    
    .cascade .stage
    {
        margin: 0 auto;
        padding: 0 20px;
    }
	
	section#latest-posts div.stage
	{
		width: auto;
	}
    
    .widget-header
    {
        height: 15px;
        font-family: adria, serif;
    }
    
    .menu-main-con.open
    {
        top: 129px;
        width: 300px;
        right: 0;
        left: auto;
    }
    
    .widget-header ul
    {
        margin: 0;
        padding: 0;
    }
    
    .widget-header li
    {
        font-size: 11pt;
        line-height: 11pt;
        display: block;
        float: left;
        padding: 0 .5em 0 0;
        margin: 0 .5em 0 0;
        border-right: 1px solid #000;
    }
    
    .widget-header li:last-of-type
    {
        padding: 0;
        margin: 0;
        border-right: none;
    }
    
    .mini-search
    {
        font-size: 12pt !important;
        padding: 5px 0 !important;
        margin: 8px 0 0 !important;
    }
    
    .mini-search.active
    {
        width: 200px;
        padding: 5px !important;
    }
    
    
    .waw-col-reset
    {
        display: table;
        width: 100%;
    }
    
    .waw-col
    {
        display: table-cell;
        padding: 0 30px;
        vertical-align: top;
    }
    
    .waw-col:first-of-type {padding-left: 0;}
    .waw-col:last-of-type  {padding-right: 0;}
    
    .waw-col.c1 {width: 11.11%;}
    .waw-col.c2 {width: 22.22%;}
    .waw-col.c3 {width: 33.33%;}
    .waw-col.c4 {width: 44.44%;}
    .waw-col.c5 {width: 55.55%;}
    .waw-col.c6 {width: 66.66%;}
    .waw-col.c7 {width: 77.77%;}
    .waw-col.c8 {width: 88.88%;}
    
    .hp-grid .waw-col
    {
        border-right: 1px solid #ccc;
    }
    
    .hp-grid .waw-col:last-of-type
    {
        border-right: none;
    }
    
    
    .hp-hero
    {
        margin: 20px 0;
    }
    
    .hero-img
    {
        padding: 0;
    }
    
    .hp-hero-text
    {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        background: rgba(255,255,255,.8);
        padding: 20px;
    }
    
    .hp-hero-text h4
    {
        font-size: 25pt;
        font-weight: bold;
    }
    
    .hp-intro-img
    {
        width: 33%;
        height: auto;
        float: left;
    }
    
    .hp-intro-text
    {
        width: 67%;
        padding: 0 0 0 30px;
        float: left;
        position: relative;
        top: 50%;
        overflow: hidden;
/*        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
*/    }
    
    .hp-intro-text p
    {
        text-align: left;
        font-size: 16pt;
        line-height: 32pt;
    }
    
    .footer
    {
        position: relative;
        z-index: 9000;
        padding: 0;
    }
    
    .footer .stage
    {
        margin: 40px auto;
    }
    
    .footer-con
    {
        display: table;
        width: 100%;
    }
    
    .widget-footer
    {
        display: table-cell;
        padding: 0;
        vertical-align: top;
    }
    
    .widget-footer:first-of-type
    {
        padding-left: 0px;
    }
    
    .widget-footer:last-of-type
    {
        padding-right: 0px;
    }
    
    .footer-widget:last-of-type
    {
        padding: 0;
    }
    
    .footer-left, .footer-left * {text-align: left;}
    .footer-middle, .footer-middle * {text-align: center;}
    .footer-right, .footer-right * {text-align: right;}
    .footer-right {height: 35px;}
    
    .footer-bottom
    {
        margin: 0;
        padding: 20px 0 0;
        text-align: center;
    }
    
    .credits
    {
        margin: 0;
        padding: 0 0 1em;
        font-size: 9pt;
        line-height: 12pt;
    }
    
    .logo-footer
    {
        width: 300px;
        height: auto;
        max-width: none;
        margin: 0 0 10px;
    }
    
    .sm-icon:hover, .search-toggle:hover
    {
        background-color: #fff;
        color: #a00    }
    
    .search-toggle
    {
        padding: 8px;
        top: 0;
    }
    
    .sm-icons
    {
        padding: 0;
    }
    
    .sm-icon
    {
        padding: 13px 7px;
    }
    
    
    .hp-chooser
    {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    
    .hp-chooser li
    {
        display: table-cell;
        vertical-align: top;
        padding: 20px;
        text-align: center;
        list-style-type: none;
    }
    
    .hp-chooser li:hover
    {
        background-color: rgba(132,090,162,.1);
    }
    
    .page-content
    {
        display: table;
        width: 100%;
    }
    
    .mainbar
    {
        display: table-cell;
        vertical-align: top;
        width: 70%;
    }
    
    .sidebar
    {
        display: table-cell;
        width: 30%;
        padding-left: 40px;
        vertical-align: top;
    }
    
    .sidebar.left
    {
        padding-left: 0;
        padding-right: 40px;
    }
    
    .book-details
    {
        padding-top: 50px;
    }
    
    .home-page-feature
    {
        margin-left: 350px;
        background-attachment: fixed;
    }
    
    .work-img
    {
        max-width: none;
    }
    
    ul.meta-list
    {
        line-height: 1;
		display: table;
		margin: .5em auto 2em !important;
		padding: 1.5em 0 0;
		border-top: 1px dotted #444;
    }
    
    
    .meta-list li
    {
        display: inline-block;
        padding: 0 10px;
        border-right: 1px solid #777;
    }
    
    .meta-list li:first-of-type
    {
        padding-left: 0;
    }
    
    .meta-list li:last-of-type
    {
        border-right: none;
		padding-right: 0;
    }
    
    .work-list li
    {
        font-size: 11pt;
    }
    
    .page-header h1
    {
        margin: 0 auto 6px;
		text-align: center;
    }
    
}



/* horizontal ipad */
@media only screen and (min-width:900px)
{
	h1 {font-size: 40pt;}
	h2 {font-size: 35pt;}
	h3 {font-size: 30pt; color: #a00; font-weight: bold; text-align: left; letter-spacing: 0;}
	h4 {font-size: 25pt;}
	h5 {font-size: 20pt; color: #a00;}
	h6 {font-size: 18pt; text-transform: uppercase; letter-spacing: 1px;}
	
    /*h1 {font-size: 40pt;}*/
    /*h2 {font-size: 30pt;}*/
    /*h3 {font-size: 24pt;}*/
    /*h4 {font-size: 18pt;}*/
    /*h5 {font-size: 16pt; text-transform: uppercase; font-weight: bold;}*/
    /*h6 {font-size: 12pt; font-weight: bold;}*/
	
	ul.meta-list {margin-top: 1.5em !important;}
    
    .hp-latest-posts-floated
    {
        text-align: center;
		width: 100%;
		height: 180px;
		margin: 0 auto 1em;
		padding: 0 50px;
    }
	
    .hp-post-floated
    {
        display: block;
		float: left;
        border-right: 1px dotted #ccc;
        padding: 0;
		margin: 0;
        vertical-align: middle;
		position: relative;
		width: 25%;
		height: 100%;
    }
    
    .hp-post-floated-con
    {
        width: 100%;
        height: 100%;
        padding: 30px;
        position: relative;
    }
    
    .hp-post-floated-con:hover
    {
        background-color: #fff;
    }
    
    .hp-post-floated:last-of-type
    {
        border-right: none;
    }
    
    .hp-post-floated-con h4
    {
		font-size: 22pt;
        padding: 0 0 20px;
        line-height: 1;
        position: relative;
        top: 50px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .hp-post-date
    {
        position: absolute;
        bottom: 15px;
        left: 0;
        padding: 0;
        margin: 0;
        width: 100%;
    }
    
	
    
    .header > .stage
    {
        overflow: visible;
    }
    
    .menu-btn {padding: 45px;}
    
    .page-header
    {
        padding: 0 0 10px;
    }
    
    .page-header *
    {
        text-align: center;
    }
    
    .page-header h1 *
    {
        border-bottom: 1px dotted #999;
    }
    
    .hp-slides-pager
    {
        display: block;
        width: 100%;
        /*position: absolute;*/
        /*top: auto;*/
        /*bottom: 0;*/
        /*left: 0;*/
    }
    
    .hp-slides-pager li img
    {
        width: 80px;
        padding: 0;
        margin: 0;
    }
    
    .hp-ss-thumb
    {
        max-width: none;
        margin: 30px 0 0;
    }
    
    .button-links
    {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    
    .work-con
    {
        position: relative;
        padding-right: 280px;
    }
    
    .work-details
    {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 250px;
        text-align: center;
    }
    
    .cf-label
    {
        position: absolute;
        top: 5px;
        left: 0px;
    }
    
    .cf-line
    {
        display: block;
        padding: 0 0 1em 120px;
        position: relative;
    }
    
    .featured-image
    {
        height: 500px;
    }
    
    .header
    {
        width: 100%;
        height: 130px;
        position: fixed;
        top: 0px;
        left: 0px;
        padding: 0;
        margin: 0;
    }
    
    .minimized .header
    {
        height: 60px;
    }
    
    .branding
    {
        position: absolute;
        top: 20px;
        left: 20px;
    }
    
    .branding-img
    {
        width: 500px;
    }
    
    .minimized .branding
    {
        top: 4px;
        left: 10px;
    }
    
    .minimized .menu-btn {padding: 10px;}
    
    .minimized .branding-img
    {
        width: 250px;
    }
    
    .minimized .menu-main-con {top: 59px;}
    
    .main
    {
        padding-top: 150px;
    }
    
    .main > .stage
    {
        margin: 50px;
    }
    
    /* home page slideshow */
    
    .hp-slide
    {
        width: 100%;
        height: 460px;
        position: relative;
    }
    
    .hp-ss-thumb-con
    {
        width: 30%;
        position: absolute;
        top: 0px;
        right: 0px;
    }
    
    .hp-ss-thumb-con img
    {
        width: 100%;
        height: auto;
    }
    
    .hp-ss-text-con
    {
        width: 70%;
        height: 350px;
        position: absolute;
    }
    
    .hp-ss-text-mod
    {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    
    .hp-ss-fea-text
    {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0px;
        padding: 0 10%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .hp-ss-fea-text h4
    {
        font-size: 18pt;
    }
    
    .hp-ss-fea-text p
    {
        padding: 0;
    }
    
    .hp-ss-text-mod .button
    {
        margin-bottom: 0;
    }
    
    
    .hp-mugshot {width: 200px;}
    
/*    .hp-slides-pager
    {
        width: 70%;
        text-align: center;
        position: absolute;
        bottom: 30px;
        left: 0px;
        z-index: 1000;
        padding: 0;
    }
    
    .hp-slides-pager li
    {
        display: inline-block;
        opacity: .5;
        padding: 0 10px;
    }
    
    .hp-slides-pager li.cycle-pager-active
    {
        opacity: 1;
    }
    
    .hp-slides-pager li img
    {
        width: 90px;
        height: auto;
        -webkit-filter: saturate(0%);
        filter: saturate(0%);
    }
    
    .hp-slides-pager li.cycle-pager-active img,
    .hp-slides-pager img:hover
    {
        -webkit-filter: saturate(100%);
        filter: saturate(100%);
    }
*/    
    .sm-icons-list
    {
    }
    
    .sm-icons-list li
    {
    }
    
    .sm-icons-list .dingbat
    {
        background-color: #ccc;
    }
    
    .sm-icons-list .dingbat:hover
    {
        background-color: #a00;
        color: #fff;
    }
    
    .hp-published-articles
    {
        padding: 0 0 10px;
        overflow: hidden;
    }
    
    .waw-art-pagi
    {
        display: block;
        overflow: hidden;
        margin: 0 0 30px;
        padding: 0;
    }
    
    .hp-published-article
    {
        float: left;
        width: 50%;
        margin: 0;
        padding: 10px;
        min-height: 170px;
		-webkit-transition: 0.2s all ease;
  	       -moz-transition: 0.2s all ease;
		     -o-transition: 0.2s all ease;
			    transition: 0.2s all ease;
}
    
    .hp-published-article:hover
	{
		background-color: #eee;
	}
    
    .hp-published-article-con
    {
        width: 100%;
        position: relative;
    }
    
    .hp-published-article-con *
    {
        text-align: left !important;
	}
    
    .hp-published-article-con:hover
	{
		/*background-color: #eee;*/
		/*-webkit-transition: 0.2s all ease;*/
		/*   -moz-transition: 0.2s all ease;*/
		/*     -o-transition: 0.2s all ease;*/
		/*        transition: 0.2s all ease;*/
	}
    
    .hp-published-article-thumb
    {
        display: block;
        width: 150px;
        height: 150px;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    
    .hp-published-article-mod
    {
        position: relative;
        top: 0;
        left: 0px;
        padding: 0 20px 0 160px;
    }
    
    .hp-published-article h4
    {
        display: block;
        /*color: #a00;*/
        /*padding: 0;*/
        /*margin: 0 0 .4em;*/
		/*line-height: 1.2;*/
    }
    
    .hp-published-article-mod p
    {
        margin: 0;
        padding: 0;
    }
    
    
    /* pdf viewer */
    
    .pdf-viewer
    {
        height: 700px;
    }
    
    .post-content h4
    {
        font-family: lato;
    }
}


/* large screens */
@media only screen and (min-width:1100px)
{
	span.hp-slide-pager {cursor: pointer}
	span.hp-slide-pager:hover {border-color: #a00}
    
    .header .stage
    {
        width: auto;
        margin: 0 50px;
        position: relative;
    }
    
    .main > .stage
    {
        margin: 50px auto;
    }
    
    .branding {left: 0;}
    
    .branding-img {margin: 10px 0;}
    
    .menu-btn, .close-menu
    {
        display: none;
    }
    
    .menu-main-con
    {
        position: absolute;
        top: 38px;
        right: 20px;
        left: auto;
        width: auto;
        height: auto;
        max-height: none;
        background-color: transparent;
        overflow: visible;
    }
    
    .minimized .menu-main-con
    {
        top: 0px;
    }
    
    .menu-main
    {
        width: auto;
        height: auto;
        overflow: visible;
        background-color: transparent;
        z-index: auto;
        margin: 10px 0 0;
    }
    
    .menu-main li
    {
        display: inline-block;
        position: relative;
        font-size: 18pt;
		background: transparent;
    }
    
    .menu-main li a
    {
        padding: 10px 0 10px 20px;
        color: #444;
        font-weight: bold;
        -webkit-transition: 0.4s all ease;
        -moz-transition: 0.4s all ease;
        -o-transition: 0.4s all ease;
        transition: 0.4s all ease;
    }
    
    .menu-main li:hover > a
    {
        color: #a00;
    }
    
    
    .menu-main li a:hover
    {
        background-color: rgba(255,255,255,.2);
    }
	
	li.current-menu-item > a {color: #a00;}
    
    .menu-main li ul
    {
        display: none;
        position: absolute;
        top: 44px;
        left: 0px;
        margin: 0;
        padding: 0;
        background-color: #eee;
    }
    
    .menu-main li:hover > ul
    {
        display: block;
    }
    
    .menu-main li ul li
    {
        display: block;
        font-weight: bold;
        font-size: 16pt;
        white-space: nowrap;
        text-align: left;
    }
    
    .menu-main li ul li a
    {
        padding: 10px 15px 10px 10px;
    }
    
    .menu-main li ul li a:hover
    {
        background-color: #ccc;
    }
    
    .menu-main > li > ul > li.menu-item-has-children > a:after
    {
        content: '\00A0\00A0>';
    }
    
    .menu-main li ul li ul
    {
        left: 100%;
        top: 0px;
    }
    
    .menu-main-search
    {
        z-index: 9999;
        padding: 0;
    }
    
    .stage
    {
        width: 1000px;
        margin: 20px auto;
    }
    
    .branding-img {left: 0;}
    .menu-main-con {right: 0;}
    
    
    .hp-slides-pager li img {width: 90px;}
    
    
    .cascade
    {
        padding: 100px 0;
    }
    
    .cascade:first-of-type
    {
        padding-top: 50px;
    }
    
    .cascade.skinny
    {
        padding: 20px 0;
    }
    
    .button
    {
        -webkit-transition: 0.2s all ease;
        -moz-transition: 0.2s all ease;
        -o-transition: 0.2s all ease;
        transition: 0.2s all ease;
    }
    
    input[type="submit"]:hover,
    input[type="button"]:hover,
    textarea:hover,
    .button:hover
    {
        background-color: #fff;
        color: #a00;
    }
    
    .share-icons
    {
        width: auto;
        position: fixed;
        left: -10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 9999;
    }
    
    .share-icons .dingbat
    {
        display: block;
        font-size: 16pt;
        padding: 10px 0px 10px 10px;
        cursor: pointer;
        width: 50px;
        height: 40px;
    }
    
    .share-icons .dingbat:hover
    {
        margin-left: 10px;
    }
    
    .post-summary h3 a:hover
    {
        color: #a00    }
    
}

/* larger screens */
@media only screen and (min-width:1300px)
{
    
    .stage, .header .stage
    {
        /*width: 1200px;*/
    }
    
}
