/*--------------------------------------------------------------------------------------------------------------*/
/*--MASTER RESET------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/

html
{
    padding    : 0;
}

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

body
{
    margin      : 0;
    font-size   : 62.5%;
    font-family : 'Open Sans', sans-serif;
}

b, strong
{
    font-weight: bold;
}

.clearfix:before, .clearfix:after,
.gallery:before, .gallery:after,
.row:before, .row:after,
.sidebar:before, .sidebar:after
{
    content : "";
    display : table;
}
.clearfix:after, .gallery:after, .row:after, .sidebar:after
{
    clear : both;
}
.clearfix, .gallery, .row, .sidebar
{
    zoom : 1; /* For IE 6/7 (trigger hasLayout) */
}

article, aside, details, figure, footer, header, hgroup, main, nav, section, summary
{
    display : block;
    margin  : 0;
}
figure
{
    text-align    : center;
    margin-bottom : 20px;
}
main .col figure img
{
    display : inline-block;
    margin  : 0;
}
figcaption
{
    font-size  : 1.2em;
    font-style : italic;
}

audio:not([controls])
{
    display : none;
    height  : 0; /* fair enough. if controls are missing, this will render as a block level element, but it will be empty. so we should hide it. */
}

abbr[title]
{
    border-bottom : 1px dotted;
}

pre, code
{
    white-space : pre;
    white-space : pre-wrap;
    word-wrap   : break-word;
    margin      : 0 0 20px;
}
pre
{
    font-size   : 1.6em;
}
sub, sup
{
    font-size      : 75%;
    position       : relative;
    line-height    : 1;
}
sup
{
    vertical-align: top;
}
sub
{
    vertical-align: bottom;
}

svg:not(:root)
{
    overflow : hidden;
}

legend
{
    border       : 0;
    padding      : 0;
    white-space  : normal;
    *margin-left : -7px;
}

button, input, select, textarea
{
    font-size       : 100%;
    margin          : 0;
    vertical-align  : baseline;
    *vertical-align : middle;
}

button, input
{
    line-height : normal;
}
button, select
{
    text-transform : none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"]
{
    -webkit-appearance : button;
    -moz-appearance    : button;
    cursor             : pointer;
    *overflow          : visible;
}
button[disabled], html input[disabled]
{
    cursor : default;
}
input[type="checkbox"], input[type="radio"]
{
    padding    : 0;
    *height    : 13px;
    *width     : 13px;
}
textarea
{
    overflow       : auto;
    vertical-align : top;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--WRAPPER-----------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/

.wrapper, main, footer, header
{
    width              : 100%;
}
.wrapper
{
    position: relative;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--ROW---------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/

.row
{
    position  : relative;
    margin    : 0 auto;
    padding   : 0;
    width     : 100%;
    min-width : 1200px;
    max-width : 1200px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--COLUMNS-----------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/

.col, .wrap
{
    margin  : 0;
    padding : 20px 20px 0 20px;
    float   : left;
}
.wrap /* for when you have cols inside a col - make the parent a .wrap, to avoid doubling up on padding */
{
    padding : 0;
}
.no-padding-top
{
    padding-top: 0;
}
.no-padding-right
{
    padding-right: 0;
}
.margin-right-20
{
    margin-right: 20px;
}

.span-1-2-input
{
    width              : 50%;
    padding-right      : 10px;
}
.span-1-2-input:nth-child(even)
{
    padding-left  : 10px;
    padding-right : 0;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--SPANS-------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/

.span-1-1
{
    width : 100%;
}
.span-1-2
{
    width : 50%;
}
.span-1-3
{
    width : 33.333%;
}
.span-2-3
{
    width : 66.666%;
}
.span-1-4
{
    width : 25%;
    word-wrap: break-word; /* anything under 30% width should break words to fit the content, otherwise we get the 'I love CSS' mug effect */
}
.span-3-4
{
    width : 75%;
}
.span-1-5
{
    width : 20%;
    word-wrap: break-word;
}
.span-1-6
{
    width : 16.666%;
    word-wrap: break-word;
}
.span-1-7
{
    width : 14.285%;
    word-wrap: break-word;
}
.span-1-8
{
    width : 12.5%;
    word-wrap: break-word;
}
.span-1-9
{
    width : 11.111%;
    word-wrap: break-word;
}
.span-2-9
{
    width : 22.222%;
    word-wrap: break-word;
}
.span-3-9
{
    width : 33.333%;
}
.span-4-9
{
    width : 44.444%;
}
.span-5-9
{
    width : 55.555%;
}
.span-1-10
{
    width : 10%;
    word-wrap: break-word;
}
.span-5-12
{
    width : 41.666%;
}
.span-7-12
{
    width : 58.333%;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--FONTS-------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/

p, blockquote, img, table, iframe, embed, hr, ul, ol
{
    margin-bottom : 20px;
}

h1, h2, h3, h4, h5, h6, p, input, table
{
    margin      : 0 0 20px 0;
    line-height : normal;
    font-weight : 100;
    font-family : 'Open Sans', sans-serif;
}

h1
{
    font-size : 4em;
}
h2
{
    font-size : 2.6em;
}
h2.h1-clone
{
    font-size : 4em;
}
h3
{
    font-size : 2.6em;
}
h4
{
    font-size : 2.5em;
}
h5
{
    font-size : 2em;
}
h6
{
    font-size : 1.6em;
}

p, dd
{
    padding     : 0;
    font-size   : 1.6em;
    line-height : 1.6em;
    font-weight : 100;
}

a, li, input
{
    -ms-transition     : color .15s ease, background-color .15s ease, opacity .15s ease;
    -webkit-transition : color .15s ease, background-color .15s ease, opacity .15s ease;
    -moz-transition    : color .15s ease, background-color .15s ease, opacity .15s ease;
    -o-transition      : color .15s ease, background-color .15s ease, opacity .15s ease;
    transition         : color .15s ease, background-color .15s ease, opacity .15s ease;

    will-change: color, background-color;
}
a
{
    text-decoration : none;
    outline         : none;
    border          : 0;
}
a:hover
{
    outline : 0;
}

ul
{
    margin          : 0 0 20px 0;
    padding         : 0;
    font-size       : 1.6em;
    list-style-type : none;
    display         : block;
}
ul li
{
    margin          : 0;
    padding         : 0;
    list-style-type : none;
    line-height     : 1.6em;
    font-weight     : 100;
}
ul ul, ol ol, ul ol, ol ul, ul.sidebar /*kill off inheriting font sizes on uls and lis */
{
    font-size : 100%;
    margin    : 0;
}

main ul
{
    padding         : 0 0 0 35px;
}
main li
{
    list-style-type : disc;
}

ol
{
    font-size       : 1.6em;
    margin          : 0;
    padding         : 0 0 20px 45px;
    list-style-type : decimal-leading-zero;
    display         : block;
}
ol li
{
    list-style-type : decimal-leading-zero;
    line-height     : 1.6em;
}

dl
{
    margin  : 0;
    padding : 0 0 20px 20px;
}
dt
{
    font-size : 2em;
}
dd
{
    margin      : 0 0 20px;
    padding     : 0;
    font-size   : 1.5em;
    line-height : 1.5em;
}

small
{
    font-size : 80%;
}

blockquote
{
    margin             : 0 0 20px 0;
    padding            : 0;
    font-size          : 2em;
    line-height        : 1.6em;
    font-weight        : normal;
    font-style         : italic;
    font-family        : Georgia, "Times New Roman", Times, serif;
    color              : #999;
}
blockquote p
{
    font-family : Georgia, "Times New Roman", Times, serif;
    font-size   : 100%;
    color       : #999;
}
p blockquote /* just incase */
{
    font-size: 100%;
}

hr
{
    margin  : 0 0 20px 0;
    padding : 0;
    display : block;
    border  : 1px solid #CCC;
    width   : 100%;
    color   : #CCC;
}

/*----------------------------------------------------------------------------------------------------*/
/*--HEADER--------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

#header-top-bar p
{
    font-size : 1.3em;
}

.logo a
{
    display            : block;
    margin-bottom      : 10px;
    padding            : 0;
    width              : auto;
    font-size          : 4em;
    line-height        : 40px;
}

header img
{
    margin-bottom : 0;
}

/*----------------------------------------------------------------------------------------------------*/
/*--NAVIGATION----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

nav ul
{
    margin          : 0;
    padding         : 0;
    width           : 100%;
    height          : 60px;
    list-style-type : none;
    display         : -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display         : -moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
    display         : -ms-flexbox;  /* TWEENER - IE 10 */
    display         : -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display         : flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    text-align      : center; /* for old IE */
}
nav li
{
    position         : relative;
    float            : left;
    text-align       : center;
    list-style-type  : none;
    height           : 60px;
    line-height      : 60px;
    display          : inline-block; /* fallback for browsers that won't support flex */

    -webkit-box-flex : 1 1 0;         /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex    : 1 1 auto;      /* OLD - Firefox 19- */
    -webkit-flex     : 1 1 auto;      /* Safari 6.1+. iOS 7.1+, BB10 */
    -ms-flex         : 1 1 auto;      /* IE 10 */
    flex             : 1 1 auto;      /* NEW, Spec - Firefox, Chrome, Opera */
}
nav a
{
    padding : 0;
    display : block;
    padding : 0 20px;
}

/*nav a:hover {}
nav .current-menu-item a, nav .current-page-parent a, nav .current-page-ancestor a {}
nav .current-menu-item:hover, nav .current-page-parent:hover, nav .current-page-ancestor:hover, nav .current-menu-item a:hover, nav .current-page-parent a:hover, nav .current-page-ancestor a:hover {}*/

/*----------------------------------------------------------------------------------------------------*/
/*--NAVIGATION DROPDOWNS------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

/*nav ul li:hover {}*/

nav ul li:hover ul
{
    display : block;
}
nav ul ul
{
    display    : none;
    height     : auto;
    left       : 0;
    padding    : 0;
    position   : absolute;
    top        : 60px;
    width      : 250px;
    z-index    : 1000;
}
nav li:last-of-type ul
{
    right: 0;
    left: initial;
}
nav li li
{
    border      : none;
    font-size   : 16px;
    height      : auto;
    line-height : normal;
    text-align  : left;
    width       : 100%;
}
nav li li a
{
    border      : none;
    display     : block;
    height      : auto;
    line-height : normal;
    padding     : 10px 20px;
    width       : 100%;
}

/*nav li li a:hover {}
nav .current-menu-item a:hover, nav .current-page-parent a:hover, nav .current-page-ancestor a:hover {}*/

/*----------------------------------------------------------------------------------------------------*/
/*--SUB-NAVIGATION------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

.subnav ul, .widget_categories ul
{
    margin          : 0 0 20px 0;
    padding         : 0;
    width           : 100%;
    list-style-type : none;
}
.subnav ul li, .widget_categories ul li
{
    text-align      : left;
    list-style-type : none;
}
.subnav ul li a, .widget_categories ul li a
{
    padding : 15px 20px;
    display : block;
}
/*.subnav ul li a:hover {}
.subnav ul li.current_page_item a, .subnav ul li.current_page_parent a, .subnav ul li.current_page_ancestor a {}*/

/*----------------------------------------------------------------------------------------------------*/
/*--CONTENT-------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

main, main .row
{
    padding-bottom : 20px;
}

/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

.padding-alt
{
    padding-right : 20px;
}
.padding-alt .col
{
    padding-right : 0;
}

.center-cols .col
{
    margin     : 0 auto;
    float      : none;
    text-align : center;
}

/*----------------------------------------------------------------------------------------------------*/
/*--PUSH FEATURES-------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

.side-features
{
    position:relative;
}
/*.side-features a.prev
{
    position   :absolute;
    top        :20px;
    left       :0;
    z-index    :1000;
    width      :40px;
    height     :40px;
    background :url(assets/images/elements/btn-prev-next.png) 0 0 no-repeat;
    display    :block;
}
.side-features a.next
{
    position   :absolute;
    top        :20px;
    right      :0;
    z-index    :1000;
    width      :40px;
    height     :40px;
    background :url(assets/images/elements/btn-prev-next.png) -40px 0 no-repeat;
    display    :block;
}*/
.side-features a
{
    background :#3b3b3b;
    display    :block;
}
.side-features a img
{
    margin-bottom : 0;
}
.side-features .desc
{
    margin-bottom      : 0;
    padding            : 20px;
    text-align         : center;
    width              : 100%;
}
.side-features .desc h5
{
    margin-bottom : 5px;
}
.side-features .desc p
{
    margin-bottom : 5px;
}
.push-features
{
    padding-bottom : 50px;
}

.push-features
{
    position           : relative;
    width              : 100%;
    margin-bottom      : 0;
}

.push-features a
{
    margin-bottom      : 20px;
    padding            : 0;
    width              : 100%;
    display            : block;
}
.push-features a img
{
    margin-bottom : 0;
    width         : 100%;
}
.push-features h5
{
    margin-bottom : 5px;
    font-size     : 2.2em;
}
.push-features p
{
    margin-bottom : 0;
    font-size     : 1.5em;
}
.push-features .desc
{
    margin-bottom      : 0;
    padding            : 20px;
    text-align         : center;
    width              : 100%;
}
/*.push-features a.prev
{
    position      : absolute;
    bottom        : 0;
    left          : 110px;
    margin        : 0;
    padding       : 0;
    width         : 30px;
    height        : 30px;
    z-index       : 1000;
    border-radius : 100%;
}
.push-features a.next
{
    position      : absolute;
    bottom        : 0;
    right         : 110px;
    margin        : 0;
    padding       : 0;
    width         : 30px;
    height        : 30px;
    z-index       : 1000;
    border-radius : 100%;
}*/

/*----------------------------------------------------------------------------------------------------*/
/*--FOOTER--------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

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

ul.sidebar
{
    font-size: 100%;
}
.sidebar-header, .sidebar-footer
{
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
}
.sidebar-header li.widget, .sidebar-footer li.widget
{
    box-sizing       : border-box;
    float            : left;
    margin           : 0;
    padding          : 20px 20px 0;
    -webkit-box-flex : 1 1 0;         /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex    : 1 1 auto;      /* OLD - Firefox 19- */
    -webkit-flex     : 1 1 auto;      /* Safari 6.1+. iOS 7.1+, BB10 */
    -ms-flex         : 1 1 auto;      /* IE 10 */
    flex             : 1 1 auto;      /* NEW, Spec - Firefox, Chrome, Opera */
    position         : relative;
    display          : inline-block;
    width            : 25%; /* forces the browser to equally distribute width when floated... used 25% for four columns here, 5 may not be equal but below 5 will be. */
}

/*----------------------------------------------------------------------------------------------------*/
/*--COPYRIGHT-----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

#copyright .row
{
    padding-top : 0;
}
#copyright .col
{
    padding : 10px 20px 10px 20px;
}
#copyright p
{
    margin-bottom : 0;
    font-size     : 1.3em;
}

/*----------------------------------------------------------------------------------------------------*/
/*--TABLES--------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

table
{
    width              : 100%;
    height             : auto;
}
td, th
{
    padding            : 10px 15px;
    text-align         : left;
    font-size          : 1.3em;
    line-height        : 1.3em;
    vertical-align     : top;
}
td p, th p
{
    font-size : 100%;
    margin    : 0;
}

/*----------------------------------------------------------------------------------------------------*/
/*--FORMS---------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

input, select, button
{
    margin-bottom      : 20px;
    padding            : 0 10px;
    font-family        : 'Open Sans', sans-serif;
    font-size          : 1.5em;
    height             : 40px;
    line-height        : 40px;
    border             : none;
    width              : 100%;
    float              : left;
}
input[type=color], input[type=file], select
{
    padding          : 0;
    background       : none;
    background-color : transparent;
}
input[type=file]
{
    line-height : normal;
    height      : auto;
    font-size   : 100%;
}
input[type=image]
{
    width   : auto;
    padding : 0;
    float   : none;
    display : block;
}
input[type=time],input[type^=date],input[type=month]
{
    float       : none;
    display     : block;
    height      : 40px;
    line-height : 40px;
}
input[type=checkbox], input[type=radio]
{
    width         : auto;
    float         : none;
    height        : auto;
    margin-bottom : 0;
}
input[type=submit], input[type=button], button
{
    font-weight        : normal;
    cursor             : pointer;
    -ms-transition     : background-color .15s ease;
    -webkit-transition : background-color .15s ease;
    -moz-transition    : background-color .15s ease;
    -o-transition      : background-color .15s ease;
    transition         : background-color .15s ease;
}
label
{
    display       : inline-block;
    width         : 100%;
    font-size     : 1.4em;
    font-style    : italic;
    clear         : both;
    margin-bottom : 20px;
}
label input, label select, label textarea, label button, label[for]
{
    margin-bottom: 0;
}

textarea
{
    font-family        : "Open Sans",sans-serif;
    font-size          : 1.5em;
    padding            : 10px;
    width              : 100%;
    min-width          : 100%;
    max-width          : 100%;
    height             : 140px;
    min-height         : 140px;
    max-height         : 240px;
    border             : 0;
    margin-bottom      : 20px;
    font-weight        : 100;
}

/* form validation */
input.error, textarea.error, select.error
{
    color : red;
    box-shadow: 0 0 10px red; /* red glow */
}
label.error
{
    position : absolute;
    overflow : hidden;
    top      : -100%;
    left     : -100%;
    width    : 0;
    height   : 0;
}

progress
{
    display : block;
    margin  : 0 auto 20px;
    width   : 30%;
    height  : 20px;
}

/*----------------------------------------------------------------------------------------------------*/
/*--TEXT ALIGN----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

.text-left
{
    text-align : left;
}
.text-right
{
    text-align : right;
}
.text-center
{
    text-align : center;
}

/*----------------------------------------------------------------------------------------------------*/
/*--IMAGES ALIGN--------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

main .span-1-2 img,
main .span-2-3 img,
main .span-3-4 img
{
    display : block;
    clear   : both;
    max-width: 100%;
}

img
{
    margin    : 0;
    padding   : 0;
    border    : 0;
    outline: none;
    height    : auto;
    display   : block;
    clear     : none;
    max-width : 100%;
}
main img.alignleft
{
    margin  : 0 20px 20px 0;
    display : block;
    float   : left;
    clear   : none;
}
main img.alignright
{
    margin  : 0 0 20px 20px;
    display : block;
    float   : right;
    clear   : none;
}
main img.aligncenter
{
    margin  : 0 auto 20px auto;
    display : block;
    clear   : both;
}

/*----------------------------------------------------------------------------------------------------*/
/*--GALLERY-------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

.gallery
{
    width              : auto;
    margin             : 0 0 0 -20px;
    padding            : 0 0 0 0;
    clear              : both;
    float              : none;
    display            : block;
}
.gallery .gallery-item
{
    position           : relative;
    margin             : 0 0 20px 0;
    padding            : 0 0 0 20px;
    width              : 25%;
    float              : left;
    text-align         : left;
}
.gallery .gallery-item dl
{
    margin  : 0;
    padding : 0;
}
.gallery .gallery-item dt
{
    margin  : 0;
    padding : 0;
}
.gallery .gallery-item dd
{
    position           : absolute;
    bottom             : 0;
    margin             : 0 20px 0 0;
    padding            : 20px;
    font-size          : 1.4em;
    display            : none;
}
.gallery br
{
    display:none;
}
.gallery br:last-child
{
    display:block;
}
.gallery .gallery-item img
{
    margin-bottom : 0;
    border        : none;
    display       : block;
    width         : 100%;
}

/*----------------------------------------------------------------------------------------------------*/
/*--GALLERY COLUMNS-----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

.gallery-columns-1 .gallery-item
{
    width:100%;
}
.gallery-columns-2 .gallery-item
{
    width:50%;
}
.gallery-columns-3 .gallery-item
{
    width:33.333%;
}
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item
{
    /* don't go below 25% width for an image gallery col, they look terrible otherwise */
    width:25%;
}

.span-1-3 .gallery .gallery-item
{
    width: 50%; /* on a one third div, make gallery items 50% minimum */
}
.span-1-3 .gallery-columns-1 .gallery-item
{
    width: 100%;
}

.gallery dt, .gallery img
{
    width:100%;
}

/* post controls */
.post-controls
{
    width          : 100%;
    position       : relative;
    padding-bottom : 20px;
    padding-top    : 20px;
}
.post-controls .post-prev
{
    width      : 50%;
    float      : left;
    text-align : left;
}
.post-controls .post-next
{
    width      : 50%;
    float      : right;
    text-align : right;
}

a.post
{
    display:block;
}
a.post .col
{
    padding-left: 0;
}
a.post .col:last-child
{
    padding-left: 0;
}

/* image slider */
.rslides-slider-wrapper
{
    margin: 0 auto;
}
.rslides
{
    position           : relative;
    list-style         : none;
    overflow           : hidden;
    width              : 100%;
    padding            : 0;
    margin             : 0;
    /*-webkit-transition : height 0.4s ease, max-height 0.4s ease;
    -webkit-transition : height 0.4s ease, max-height 0.4s ease;
    -moz-transition    : height 0.4s ease, max-height 0.4s ease;
    -o-transition      : height 0.4s ease, max-height 0.4s ease;
    transition         : height 0.4s ease, max-height 0.4s ease;*/
    font-size          : 100%;
}
.rslides li
{
    -webkit-backface-visibility : hidden;
    position                    : absolute;
    display                     : none;
    width                       : 100%;
    left                        : 0;
    top                         : 0;
    font-size                   : 100%; /* fix for cascading relative font size */
}
.rslides li:first-child
{
    position : relative;
    display  : block;
    float    : left;
}
.rslides img
{
    display             : block;
    height              : auto;
    width               : 100%;
    border              : 0;
    margin              : 0;
    padding             : 0;
    margin-bottom       : 0;
    /* fix for images constantly resizing themselves when being faded on FF */
    box-shadow          : #000 0em 0em 0em;
    backface-visibility : hidden;
}

/* styles to put some basic simple styling on wordpress widget LI elements. default styling sucks! */
li.widget
{
    list-style : none;
    position   : relative; /* to fix ipad display bug */
}

/* seperate clearfix for widgets, incase content is floated */
.widget:before, .widget:after
{
    content : "";
    display : table;
}
.widget:after
{
    clear : both;
}
.widget
{
    zoom : 1; /* For IE 6/7 (trigger hasLayout) */
}

/* some default styling for the wordpress widgets */
.widget_tag_cloud
{
    width              : 100%;
    margin-bottom      : 10px;
    padding            : 0 20px 0 0;
}
.widget_tag_cloud .tagcloud a
{
    margin     : 0 10px 10px 0;
    float      : left;
    width      : auto;
    padding    : 10px;
    background : #000;
    color      : #FFF;
    font-size  : 1.3em;
}
.widget_tag_cloud .tagcloud a:hover
{
    color      : #000;
    background : #fec133;
}

/* searchform basic styling */
.searchform
{
    width              : 100%;
    padding            : 0;
}
.searchform input[type="text"],
.searchform input[type="search"]
{
    margin-bottom : 0;
    background    : #FFF;
    width         : 80%;
}
.searchform input[type="submit"]
{
    margin-bottom : 0;
    width         : 20%;
    background    : url(assets/images/elements/btn-search.png) center center no-repeat #666;
}
.searchform label
{
    display : none;
}

.show-mo-inline, .show-mo-block
{
    display : none;
}
.no-mo-block
{
    display : block;
}
.no-mo-inline
{
    display : inline;
}

/*general flex classes*/
.flex
{
    text-align : center;
    display    : -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display    : -moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
    display    : -ms-flexbox;  /* TWEENER - IE 10 */
    display    : -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display    : flex;         /* NEW, Spec - Firefox, Chrome, Opera */
}
.span-flex
{
    display          : inline-block;  /*fix for old browsers */
    -webkit-box-flex : 1 1 0;         /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex    : 1 1 auto;      /* OLD - Firefox 19- */
    -webkit-flex     : 1 1 auto;      /* Safari 6.1+. iOS 7.1+, BB10 */
    -ms-flex         : 1 1 auto;      /* IE 10 */
    flex             : 1 1 auto;      /* NEW, Spec - Firefox, Chrome, Opera */
    /* compatibility fixes for older iOS and other browsers */
    width            : 33%;      /* default to one-third columns, width also stops flex cols collapsing on some browsers */
    float            : left;     /* required so the columns float next to each other when flex doesn't work */
    position         : relative; /* required if a float is used for iOS6 */
}

/* embeds and iframes */
iframe, embed, video, audio
{
    max-width : 100%;
    display   : block;
    margin    : 0 auto 20px;
}
video
{
    width: 100%;
}

.embed-container
{
    position       : relative;
    padding-bottom : 56.25%;
    height         : 0;
    overflow       : hidden;
    max-width      : 100%;
    height         : auto;
    margin-bottom  : 20px;
}
.embed-container iframe, .embed-container object, .embed-container embed
{
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
}

/* social icons */
.social_links .social-offset
{
    margin-left: -10px;
    width: auto;
}
.social_links .social
{
    width: 100%;
    text-align:center;
}
.social_links .social li
{
    width    : auto;
    display  : block;
    float    : left;
    margin   : 0 0 10px 10px;
    overflow : hidden;
}
.social_links .social.social-right li
{
    float:right;
}
.social_links .social a
{
    background-image    : url(assets/images/elements/social-icons.png);
    /*border              : 1px solid white;*/
    background-repeat   : no-repeat;
    text-indent         : -999px;
    direction           : ltr;
    overflow            : hidden;
    cursor              : pointer;
    display             : block;
    border-radius       : 50%;

    opacity             : .5;

    backface-visibility : hidden;
    -webkit-box-shadow  : 0 0 0 0 rgba(255,255,255,0);
    -moz-box-shadow     : 0 0 0 0 rgba(255,255,255,0);
    box-shadow          : 0 0 0 0 rgba(255,255,255,0);
}
.social-inverted .social a
{
    background-image  : url(assets/images/elements/social-icons-inverted.png);
}
.social_links .social a:hover
{
    opacity          : 1;
}
.social-small .social li a
{
    width  : 40px;
    height : 40px;
}
.social-medium .social li a
{
    width  : 50px;
    height : 50px;
}
.social-large .social li a
{
    width  : 60px;
    height : 60px;
}

.facebook a
{
    background-position: 0 0;
    background-color: #3A5795;
}
.social-medium .facebook a
{
    background-position: 0 -60px ;
}
.social-small .facebook a
{
    background-position: 0 -110px;
}

.twitter a
{
    background-position: -60px 0;
    background-color: #55ACEE;
}
.social-medium .twitter a
{
    background-position: -50px -60px;
}
.social-small .twitter a
{
    background-position: -40px -110px;
}

.linked-in a
{
    background-color: #0073B2;
    background-position: -120px 0;
}
.social-medium .linked-in a
{
    background-position: -100px -60px;
}
.social-small .linked-in a
{
    background-position: -80px -110px;
}

.google-plus a
{
    background-position: -180px 0;
    background-color: #DF4A32;
}
.social-medium .google-plus a
{
    background-position: -150px -60px;
}
.social-small .google-plus a
{
    background-position: -120px -110px;
}

.flickr a
{
    background-position: -240px 0;
    background-color: #FF0084;
}
.social-medium .flickr a
{
    background-position: -200px -60px;
}
.social-small .flickr a
{
    background-position: -160px -110px;
}

.social-large .youtube a
{
    background-position: -300px 0;
}
.social-medium .youtube a
{
    background-position: -250px -60px;
}
.social-small .youtube a
{
    background-position: -200px -110px;
}

.social-large .vimeo a
{
    background-position: -360px 0;
}
.social-medium .vimeo a
{
    background-position: -300px -60px;
}
.social-small .vimeo a
{
    background-position: -240px -110px;
}

.social-large .instagram a
{
    background-position: -420px 0;
}
.social-medium .instagram a
{
    background-position: -350px -60px;
}
.social-small .instagram a
{
    background-position: -280px -110px;
}

.social-large .pinterest a
{
    background-position: -480px 0;
}
.social-medium .pinterest a
{
    background-position: -400px -60px;
}
.social-small .pinterest a
{
    background-position: -320px -110px;
}

.social-large .paypal a
{
    background-position: -540px 0;
}
.social-medium .paypal a
{
    background-position: -450px -60px;
}
.social-small .paypal a
{
    background-position: -360px -110px;
}

.social-large .trip-advisor a
{
    background-position: -600px 0;
}
.social-medium .trip-advisor a
{
    background-position: -500px -60px;
}
.social-small .trip-advisor a
{
    background-position: -400px -110px;
}

.social-large .skype a
{
    background-position: -660px 0;
}
.social-medium .skype a
{
    background-position: -550px -60px;
}
.social-small .skype a
{
    background-position: -440px -110px;
}

.social-large .tumblr a
{
    background-position: -720px 0;
}
.social-medium .tumblr a
{
    background-position: -600px -60px;
}
.social-small .tumblr a
{
    background-position: -480px -110px;
}

.social-large .behance a
{
    background-position: -780px 0;
}
.social-medium .behance a
{
    background-position: -650px -60px;
}
.social-small .behance a
{
    background-position: -520px -110px;
}

.social-large .deviant-art a
{
    background-position: -840px 0;
}
.social-medium .deviant-art a
{
    background-position: -700px -60px;
}
.social-small .deviant-art a
{
    background-position: -560px -110px;
}

.social-large .wordpress a
{
    background-position: -900px 0;
}
.social-medium .wordpress a
{
    background-position: -750px -60px;
}
.social-small .wordpress a
{
    background-position: -600px -110px;
}

.social-large .rss a
{
    background-position: -960px 0;
}
.social-medium .rss a
{
    background-position: -800px -60px;
}
.social-small .rss a
{
    background-position: -640px -110px;
}

.social-large .email a
{
    background-position: -1020px 0;
}
.social-medium .email a
{
    background-position: -850px -60px;
}
.social-small .email a
{
    background-position: -680px -110px;
}
/* end of social links */