@media only screen {
    /* This is the CEFALUS Rapidweaver theme by Henk Vrieselaarwww.henkvrieselaar.com */
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent
        }
    ol, ul {
        margin: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent
        }
    blockquote, q {
        quotes: none
        }
    blockquote:before, blockquote:after, q:before, q:after {
        content: "";
        content: none
        }
    :focus {
        outline: 0
        }
    ins {
        text-decoration: none
        }
    del {
        text-decoration: line-through
        }
    table {
        border-collapse: collapse;
        border-spacing: 0
        }
    html {
        overflow-y: scroll
        }
    div, p, a, li, td {
        -webkit-text-size-adjust: none
        }
    fieldset {
        padding: 0;
        margin: 0
        }
    fieldset input[type="text"] {
        background-color: transparent !important;
        border-style: solid !important;
        border-width: 1px !important
        }
    fieldset input[type="submit"] {
        background-color: transparent;
        font: 12px/1.3 FontAwesome
        }
    fieldset input[type="submit"], fieldset input[type="submit"]:hover {
        border-style: none;
        padding-left: 5px
        }
    #myExtraContent2 .fa {
        line-height: 1.7;
        font-size: 24px;
        padding-left: 9px;
        padding-right: 0
        }
    #myExtraContent1 {
        position: relative;
        z-index: 10;
        margin-top: 0;
        margin-right: auto;
        margin-left: auto
        }
    #myExtraContent1 img {
        display: block
        }
    #myExtraContent2 {
        line-height: 1.5;
        position: relative;
        z-index: 10;
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
        padding: 20px 35px
        }
    #myExtraContent2 .fa {
        padding-right: 0;
        padding-left: 12px
        }
    #footer-wrapper {
        width: 100%;
        left: 0;
        z-index: 10;
        margin-top: 0;
        display: block;
        position: relative
        }
    #myExtraContent3 {
        line-height: 1.5;
        position: relative;
        z-index: 10;
        text-align: center;
        margin: 2px auto 0;
        padding-top: 15px;
        padding-bottom: 15px;
        display: block
        }
    #myExtraContent4 {
        margin-right: auto;
        margin-left: auto;
        padding: 15px 35px;
        line-height: 1.5;
        text-align: center;
        z-index: 10;
        position: relative
        }
    #myExtraContent2 .fa, #myExtraContent3 .fa, #myExtraContent4 .fa {
        padding-right: 6px;
        padding-left: 6px
        }
    .fa {
        -webkit-font-smoothing: none;
        -webkit-font-smoothing: subpixel-antialiased;
        -webkit-font-smoothing: antialiased
        }
    a, a:hover {
        outline: 0
        }
    a:link {
        text-decoration: none
        }
    a:visited {
        text-decoration: none
        }
    a:hover {
        text-decoration: none
        }
    a:active {
        text-decoration: none
        }
    a img {
        border: 0
        }
    img {
        border: 0
        }
    img, a img {
        max-width: 100%;
        margin: 0;
        padding: 0;
        height: auto
        }
    .image-left {
        float: left;
        margin: 3px 10px 3px 0
        }
    .image-right {
        float: right;
        margin: 3px 0 3px 10px
        }
    #container {
        margin: 0 auto;
        padding: 35px;
        position: relative;
        z-index: 10
        }
    .clearer {
        clear: both
        }
    #header {
        position: fixed;
        width: 100%;
        z-index: 100
        }
    body {
        -webkit-animation: fadeIn ease-in 1;
        /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
        -moz-animation: fadeIn ease-in 1;
        animation: fadeIn ease-in 1;
        -webkit-animation-fill-mode: forwards;
        /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-duration: 400ms;
        -moz-animation-duration: 400ms;
        animation-duration: 400ms
        }
    @-webkit-keyframes fadeIn {
        from {
            opacity: 0;
            } to {
            opacity: 1;
            }
        }
    @-moz-keyframes fadeIn {
        from {
            opacity: 0;
            } to {
            opacity: 1;
            }
        }
    @keyframes fadeIn {
        from {
            opacity: 0;
            } to {
            opacity: 1;
            }
        }
    #title {
        background-position: center top;
        background-repeat: no-repeat
        }
    #title h1 {
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        padding-bottom: 5px;
        padding-left: 30px;
        padding-right: 30px;
        text-align: center;
        line-height: 1
        }
    #title h1, #title h1 a:link, #title h1 a:visited {
        text-decoration: none
        }
    #title h2 {
        z-index: 10;
        margin-right: auto;
        margin-left: auto;
        padding: 5px 30px;
        text-align: center;
        line-height: 1
        }
    .title2, .title2 h1, .title2 h1 a:link, .title2 h1 a:visited, .title2 h2 {
        display: none;
        height: 0;
        padding: 0
        }
    #contentContainer {
        position: relative;
        z-index: 5;
        width: 65%
        }
    #contentContainer #content {
        padding: 0;
        line-height: 1.5;
        position: relative;
        z-index: 1
        }
    #sidebarContainer {
        width: 35%;
        z-index: 5;
        position: relative
        }
    #sidebarContainer #sidebar {
        line-height: 1.5;
        padding-bottom: 0;
        padding-left: 0;
        position: relative
        }
    #sidebarContainer .sideHeader {
        font-style: normal;
        font-size: 1.4em;
        line-height: 1
        }
    #footer {
        font-size: 13px;
        line-height: 1.4;
        position: relative;
        z-index: 1;
        padding: 20px 0 10px;
        margin: 0;
        margin-right: auto;
        margin-left: auto
        }
    #content-wrapper {
        width: 100% !important;
        left: 0
        }
    #footer {
        text-align: center
        }
    #footer p {
        margin: 0 0 15px;
        padding-left: 0;
        padding-right: 0
        }
    #breadcrumbcontainer {
        line-height: 1.4;
        z-index: 10;
        width: 100%;
        position: relative;
        font-size: 11px;
        display: block;
        text-align: left;
        margin-right: auto;
        margin-left: auto;
        padding: 0 35px
        }
    #breadcrumbcontainer .fa {
        display: inline-block !important
        }
    #breadcrumbcontainer [class^="icon-"], #breadcrumbcontainer .fa {
        display: none
        }
    #breadcrumbcontainer ul {
        list-style: none;
        margin: 0;
        padding: 0
        }
    #breadcrumbcontainer li {
        display: inline
        }
    #breadcrumbcontainer a {
        text-decoration: none;
        font-size: 11px;
        line-height: 2.4
        }
    #cssmenu {
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        z-index: 10000;
        text-align: center
        }
    #cssmenu li > a:after {
        content: "";
        font-family: FontAwesome;
        left: 6px;
        padding-right: 5px;
        position: relative
        }
    #cssmenu li > a:only-child:after {
        content: ""
        }
    #cssmenu ul ul li > a:after {
        content: "";
        position: relative;
        left: 8px;
        padding-right: 5px;
        font: 13px FontAwesome !important
        }
    #cssmenu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        position: relative;
        z-index: 100;
        line-height: 2.4
        }
    #cssmenu ul li:hover {
        position: relative
        }
    #cssmenu ul li:hover > ul {
        visibility: visible
        }
    #cssmenu > ul {
        position: relative;
        display: block;
        width: 100%;
        z-index: 500
        }
    #cssmenu:after, #cssmenu > ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
        }
    #cssmenu.align-right > ul > li {
        float: right
        }
    #cssmenu.align-center ul {
        text-align: center
        }
    #cssmenu.align-center ul ul {
        text-align: left
        }
    #cssmenu > ul > li {
        display: inline-block;
        position: relative;
        margin: 0;
        padding: 0
        }
    #cssmenu ul ul li .current, #cssmenu ul ul li .currentAncestor {
        border-top-style: none
        }
    #cssmenu > ul > #menu-button {
        display: none
        }
    #cssmenu ul li a {
        display: block;
        text-decoration: none
        }
    #cssmenu > ul > li > a {
        padding: 1px 10px 3px;
        text-transform: none;
        -webkit-transition: color 0.25s ease-out;
        -moz-transition: color 0.25s ease-out;
        -ms-transition: color 0.25s ease-out;
        -o-transition: color 0.25s ease-out;
        transition: color 0.25s ease-out
        }
    #cssmenu > ul > li.has-sub > a {
        padding-right: 32px
        }
    #cssmenu li.has-sub::after {
        display: block;
        content: "";
        position: absolute;
        width: 0;
        height: 0
        }
    #cssmenu > ul > li.has-sub::after {
        right: 10px;
        top: 20px;
        border: 5px solid transparent;
        border-top-color: #7a8189
        }
    #cssmenu > ul > li:hover::after {
        border-top-color: #fff
        }
    #cssmenu ul ul {
        position: absolute;
        left: -9999px;
        top: 90px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.3s ease, top 0.25s ease;
        -moz-transition: opacity 0.3s ease, top 0.25s ease;
        -ms-transition: opacity 0.3s ease, top 0.25s ease;
        -o-transition: opacity 0.3s ease, top 0.25s ease;
        transition: opacity 0.3s ease, top 0.25s ease;
        z-index: 1000;
        border-top-style: none
        }
    #cssmenu ul ul ul {
        top: 37px;
        padding-left: 0
        }
    #cssmenu ul ul li {
        position: relative
        }
    #cssmenu > ul > li:hover > ul {
        left: auto;
        opacity: 1
        }
    #cssmenu.align-right > ul > li:hover > ul {
        left: auto;
        right: 0;
        opacity: 1
        }
    #cssmenu ul ul li:hover > ul {
        left: 200px;
        top: 0;
        opacity: 1
        }
    #cssmenu.align-right ul ul li:hover > ul {
        left: auto;
        right: 220px;
        top: 0;
        opacity: 1;
        padding-right: 5px
        }
    #cssmenu ul ul li a {
        width: 180px;
        padding: 7px 11px;
        text-align: left;
        line-height: 1.4
        }
    #cssmenu.align-right ul ul li a {
        text-align: right
        }
    #cssmenu ul ul li:hover > a {
        border-top-style: none
        }
    #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last > a {
        border-bottom: 0
        }
    #cssmenu.align-right > ul > li > ul::after {
        left: auto;
        right: 30px
        }
    @media screen and (max-width: 910px) {
        #cssmenu ul li a, #cssmenu ul ul li a {
            padding-left: 9px;
            padding-right: 7px
            }
        #cssmenu ul ul li:hover > ul {
            left: 170px
            }
        #cssmenu.align-right ul ul li:hover > ul {
            right: 180px
            }
        #cssmenu ul ul li a {
            width: 160px
            }
        }
    @media screen and (max-width: 810px) {
        #cssmenu ul li a, #cssmenu ul ul li a {
            padding-left: 9px;
            padding-right: 7px
            }
        #cssmenu ul ul li:hover > ul {
            left: 160px
            }
        #cssmenu.align-right ul ul li:hover > ul {
            right: 170px
            }
        #cssmenu ul ul li a {
            width: 150px
            }
        }
    a.meanmenu-reveal {
        display: none
        }
    .mean-container .mean-bar {
        float: left;
        width: 100%;
        padding: 4px 0 0;
        min-height: 65px;
        z-index: 1000;
        position: fixed
        }
    .mean-container a.meanmenu-reveal {
        width: 35px;
        height: 22px;
        padding: 13px 20px 11px 13px;
        position: fixed;
        top: 1px;
        right: 0;
        cursor: pointer;
        text-decoration: none;
        font-size: 16px;
        text-indent: -9999em;
        line-height: 22px;
        font-size: 1px;
        display: block
        }
    .mean-container a.meanmenu-reveal span {
        display: block;
        height: 4px;
        margin-top: 4px
        }
    .mean-container .mean-nav {
        float: left;
        width: 100%;
        margin-top: 63px;
        position: fixed
        }
    .mean-container .mean-nav ul {
        padding: 0;
        margin: 0;
        width: 100%;
        list-style-type: none;
        border-top-style: none
        }
    .mean-container .mean-nav ul li {
        position: relative;
        float: left;
        width: 100%
        }
    .mean-container .mean-nav ul li a {
        display: block;
        float: left;
        width: 90%;
        margin: 0;
        text-align: left;
        text-decoration: none;
        border-bottom-style: groove;
        border-bottom-width: 1px;
        padding: 8px 5%
        }
    .mean-container .mean-nav ul li li a {
        width: 80%;
        padding: 8px 10%;
        visibility: visible;
        text-transform: none
        }
    .mean-container .mean-nav ul li.mean-last a {
        margin-bottom: 0;
        border-bottom-style: outset;
        border-bottom-width: 1px
        }
    .mean-container .mean-nav ul li a.mean-expand {
        width: 26px;
        height: 11px;
        border: none !important;
        padding: 12px 22px 12px 12px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        font-weight: 700;
        line-height: 0.3;
        font-family: Geneva, Tahoma, sans-serif !important
        }
    .mean-container .mean-nav ul li a.mean-expand:hover {
        background: 0
        }
    .mean-container .mean-push {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        clear: both
        }
    .mean-nav .wrapper {
        width: 100%;
        padding: 0;
        margin: 0
        }
    .mean-container .mean-nav ul li li li a, .mean-container .mean-nav ul li li a.mean-expand {
        display: block
        }
    #cssmenu #cssmenu .fa, .mean-container .mean-nav .fa {
        padding-right: 4px
        }
    @media screen and (max-width: 910px) {
        #cssmenu .fa {
            padding-right: 3px
            }
        }
    blockquote {
        font-size: 1em;
        margin: 5px 0;
        padding: 10px 15px
        }
    h1, h2, h3, h4, h5, h6 {
        margin: 0;
        font-weight: 400;
        font-style: normal;
        line-height: 1.1;
        padding-bottom: 5px
        }
    h1 {
        font-size: 2.25em
        }
    h2 {
        font-size: 2em
        }
    h3 {
        font-size: 1.75em
        }
    h4 {
        font-size: 1.5em
        }
    h5 {
        font-size: 1.25em
        }
    h6 {
        font-size: 1em;
        font-weight: bold;
        letter-spacing: 2px
        }
    ul.disc {
        list-style-type: disc
        }
    ul.circle {
        list-style-type: circle
        }
    ul.square {
        list-style-type: square
        }
    ol.arabic-numbers {
        list-style-type: decimal
        }
    ol.upper-alpha {
        list-style-type: upper-alpha
        }
    ol.lower-alpha {
        list-style-type: lower-alpha
        }
    ol.upper-roman {
        list-style-type: upper-roman
        }
    ol.lower-roman {
        list-style-type: lower-roman
        }
    #sidebarContainer #sidebar ul {
        margin: 10px 0;
        padding: 0
        }
    table {
        font-size: 1em
        }
    .blog-entry-summary {
        margin-bottom: 10px
        }
    .blog-archive-headings-wrapper {
        margin-bottom: 10px;
        padding-bottom: 10px
        }
    .blog-archive-month {
        letter-spacing: 2px;
        margin-bottom: 5px;
        font-style: normal;
        font-size: 2em
        }
    .blog-archive-link {
        margin-bottom: 2px;
        padding-bottom: 10px
        }
    p.blog-entry-tags, .blog-archive-link-enabled, .blog-archive-link-disabled, .blog-category-link-enabled, .blog-category-link-disabled {
        padding-left: 0
        }
    html > body .blog-archive-link-disabled, html > body .blog-archive-link-enabled, html > body .blog-archive-link-enabled:link, html > body .blog-archive-link-enabled:visited {
        padding-left: 0
        }
    ul.blog-tag-cloud {
        margin: 0 0 10px;
        padding: 0;
        text-align: left
        }
    ul.blog-tag-cloud li {
        display: inline;
        padding-right: 5px
        }
    .blog-tag-size-1 {
        font-size: 0.8em
        }
    .blog-tag-size-2 {
        font-size: 0.85em
        }
    .blog-tag-size-3 {
        font-size: 0.9em
        }
    .blog-tag-size-4 {
        font-size: 0.95em
        }
    .blog-tag-size-5 {
        font-size: 1em
        }
    .blog-tag-size-6 {
        font-size: 1.05em
        }
    .blog-tag-size-7 {
        font-size: 1.1em
        }
    .blog-tag-size-8 {
        font-size: 1.15em
        }
    .blog-tag-size-9 {
        font-size: 1.2em
        }
    .blog-tag-size-10 {
        font-size: 1.1em
        }
    .blog-tag-size-11 {
        font-size: 1.3em
        }
    .blog-tag-size-12 {
        font-size: 1.35em
        }
    .blog-tag-size-13 {
        font-size: 1.4em
        }
    .blog-tag-size-14 {
        font-size: 1.45em
        }
    .blog-tag-size-15 {
        font-size: 1.5em
        }
    .blog-tag-size-16 {
        font-size: 1.55em
        }
    .blog-tag-size-17 {
        font-size: 1.6em
        }
    .blog-tag-size-18 {
        font-size: 1.65em
        }
    .blog-tag-size-19 {
        font-size: 1.7em
        }
    .blog-tag-size-20 {
        font-size: 1.75em
        }
    ul.blog-tag-cloud {
        margin: 0;
        padding: 0 0 10px
        }
    ul.blog-tag-cloud:before {
        content: "Tag cloud";
        text-transform: uppercase;
        font-size: 1em;
        line-height: 1;
        text-align: left;
        padding: 4px 5px 3px;
        margin-top: 0;
        margin-bottom: 3px !important
        }
    .blog-entry {
        margin-bottom: 20px;
        padding-bottom: 10px
        }
    .blog-entry-title {
        font-size: 1.7em;
        line-height: 1;
        margin: 0;
        padding: 0
        }
    .blog-entry-title a {
        margin-bottom: 0;
        text-decoration: none
        }
    .blog-entry-title a:link, .blog-entry-title a:visited {
        text-decoration: none
        }
    .blog-entry-title a:hover {
        text-decoration: none
        }
    .blog-entry-date {
        font-size: 12px;
        margin-bottom: 10px;
        line-height: 1.4;
        padding: 6px 0 2px
        }
    .blog-entry-date:before {
        content: "";
        font-family: FontAwesome;
        position: relative;
        padding-right: 5px
        }
    .blog-read-more a:link {
        font-style: italic
        }
    .blog-read-more {
        display: block;
        margin-top: 5px;
        font-size: 12px;
        margin-bottom: 15px;
        font-style: italic;
        padding: 0
        }
    .blog-entry-body {
        margin-bottom: 10px
        }
    .blog-entry-comments {
        margin-top: 10px
        }
    .blog-entry-category {
        padding-left: 0;
        margin-left: 0;
        text-decoration: none
        }
    .blog-entry-category a:link, .blog-entry-category a:visited {
        text-decoration: none;
        margin-bottom: 15px;
        line-height: 1
        }
    .blog-archive-link-enabled {
        padding-left: 0
        }
    .blog-archive-link-disabled {
        padding-left: 0
        }
    #blog-categories:before, #blog-archives:before, ul.blog-tag-cloud:before, #blog-rss-feeds:before {
        display: block;
        margin-bottom: 0;
        font-size: 1em
        }
    #blog-categories, #blog-archives {
        padding-top: 0;
        padding-bottom: 12px
        }
    #blog-categories:before {
        content: "Categories";
        text-transform: uppercase;
        font-size: 1em;
        line-height: 1;
        text-align: left;
        padding: 4px 5px 3px;
        margin-top: 3px;
        margin-bottom: 5px
        }
    #blog-archives a, #blog-categories a {
        text-decoration: none;
        margin-right: 10px
        }
    #blog-categories a:hover {
        text-decoration: none
        }
    .blog-category-link-enabled {
        padding-left: 0
        }
    .blog-category-link-disabled {
        padding-left: 0
        }
    #blog-archives:before {
        content: "Archives";
        text-transform: uppercase;
        font-size: 1em;
        line-height: 1;
        text-align: left;
        padding: 4px 5px 3px;
        margin-top: 3px;
        margin-bottom: 5px
        }
    #blog-rss-feeds:before {
        content: "Feeds";
        text-transform: uppercase;
        font-size: 1em;
        line-height: 1;
        text-align: left;
        padding: 4px 5px 3px;
        margin-top: 3px;
        margin-bottom: 5px
        }
    #blog-rss-feeds {
        margin-bottom: 10px;
        line-height: 1.4;
        text-decoration: none
        }
    .blog-rss-link {
        text-decoration: none;
        text-indent: 0;
        padding-right: 0
        }
    a.blog-comment-link {
        padding-left: 0;
        margin-right: 5px;
        text-decoration: none
        }
    a.blog-trackback-link {
        padding-left: 0;
        text-decoration: none
        }
    .filesharing-description {
        margin-bottom: 45px;
        margin-top: 0
        }
    .filesharing-item {
        margin-bottom: 15px
        }
    .filesharing-item-title {
        margin-bottom: 5px;
        padding-top: 3px;
        padding-bottom: 3px
        }
    .filesharing-item-title a:link {
        font-size: 1.5em;
        width: inherit;
        text-decoration: none;
        line-height: 1.2
        }
    .filesharing-item-title a:hover {
        font-size: 1.5em;
        padding: 0;
        text-decoration: none
        }
    .filesharing-item-title a:visited {
        font-size: 22px;
        padding: 0;
        text-decoration: none
        }
    .filesharing-item-description {
        margin: 0;
        padding: 0 0 10px
        }
    .album-title {
        font-size: 1.5em;
        margin: 0 0 15px;
        padding-top: 0;
        padding-left: 5px;
        position: relative;
        line-height: 1.3;
        background-color: #E0E3E9;
        padding-right: 5px
        }
    .album-description {
        margin-bottom: 10px
        }
    .album-wrapper {
        display: block;
        width: 99%;
        position: relative
        }
    .thumbnail-wrap {
        text-align: left;
        position: relative;
        padding-bottom: 45px;
        margin: 0 -25px 0 0;
        float: left
        }
    .thumbnail-frame {
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-font-smoothing: none;
        -webkit-font-smoothing: subpixel-antialiased;
        -webkit-font-smoothing: antialiased
        }
    .thumbnail-frame img {
        position: relative;
        margin: auto;
        padding: 1px
        }
    .thumbnail-frame img:hover {
        padding: 0;
        border-style: solid;
        border-width: 1px;
        -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3)
        }
    .thumbnail-caption {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 38px;
        display: block;
        font-size: 10px;
        text-align: center;
        line-height: 1.2
        }
    .photo-background {
        text-align: center
        }
    .photo-navigation {
        height: 105px;
        margin-bottom: 35px;
        width: 100%;
        text-align: center;
        margin-top: 15px;
        font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif
        }
    .photo-links {
        padding: 0 0 20px;
        margin: 0;
        font-size: 14px;
        font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif
        }
    .photo-frame {
        padding: 0;
        margin-bottom: 10px;
        -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3)
        }
    .photo-title {
        font-size: 1.6em;
        padding: 5px 0 3px;
        margin: 0;
        font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important
        }
    .photo-caption {
        font-size: 1.2em;
        padding: 0;
        margin: 10px 0;
        font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif
        }
    .exif-data {
        font-size: 11px;
        line-height: 1.3;
        font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        margin-top: 25px
        }
    .movie-description {
        padding-top: 10px
        }
    .movie-page-title {
        font-size: 18px;
        color: #000;
        margin: 0;
        margin-bottom: 5px
        }
    .movie-page-description {
        margin-bottom: 10px
        }
    .movie-thumbnail-frame {
        width: 132px;
        float: left;
        text-align: center;
        margin: 0 10px 35px 0
        }
    .movie-thumbnail-frame a:link {
        width: 132px;
        float: left;
        margin-bottom: 0;
        padding: 0
        }
    .movie-thumbnail-frame img {
        width: auto;
        float: left;
        margin-bottom: 5px;
        padding: 0;
        border-style: solid;
        border-width: 1px
        }
    .movie-thumbnail-frame img:hover {
        border: 1px solid #fff
        }
    .movie-thumbnail-caption {
        text-align: center;
        font-size: 11px
        }
    .movie-description {
        padding-top: 10px
        }
    .movie-background {
        padding-left: 10px
        }
    input.form-input-field {
        width: 60%
        }
    textarea.form-input-field {
        width: 90%
        }
    input.form-input-field, textarea.form-input-field {
        margin-top: 1px;
        padding-left: 5px;
        margin-bottom: 1px;
        padding-right: 5px;
        line-height: 1.5;
        text-decoration: none;
        border-style: solid;
        border-width: 1px
        }
    input.form-input-field:hover, textarea.form-input-field:hover {
        margin-top: 0;
        border-width: 2px;
        border-style: solid;
        margin-bottom: 0;
        margin-left: -1px
        }
    input[type="submit"] {
        border-style: solid;
        cursor: pointer;
        padding: 4px 20px;
        margin-top: 1px;
        margin-bottom: 1px;
        border-style: solid;
        border-width: 1px
        }
    input[type="reset"] {
        cursor: pointer;
        margin-right: 10px;
        padding: 4px 20px;
        border-style: solid;
        border-width: 1px
        }
    input[type="reset"]:hover {
        border-style: none;
        padding: 4px 20px;
        border-style: solid;
        border-width: 1px
        }
    input[type="submit"]:hover {
        border-style: none;
        padding: 4px 20px;
        border-style: solid;
        border-width: 1px
        }
    .form-input-field, input[type="text"] {
        outline: none;
        border-style: solid;
        border-width: 1px
        }
    .form-input-button {
        margin-top: 0;
        padding-top: 0
        }
    .rw-sitemap ul {
        margin: 0;
        padding: 0;
        list-style-type: disc;
        list-style-position: inside;
        text-transform: uppercase;
        line-height: 1.1
        }
    .rw-sitemap ul li {
        margin: 0 0 10px
        }
    .rw-sitemap ul li:last-child {
        margin: 0
        }
    .rw-sitemap ul li li {
        margin: 0 0 5px
        }
    .rw-sitemap ul li li:last-child {
        margin: 0
        }
    .rw-sitemap ul ul {
        padding: 0 0 0 50px;
        list-style-type: circle;
        margin-top: 10px;
        line-height: 1.2;
        text-transform: capitalize
        }
    .rw-sitemap ul ul ul, .rw-sitemap ul ul ul ul {
        list-style-type: circle;
        margin-top: 5px;
        margin-bottom: 10px;
        padding-left: 30px
        }
    .rw-sitemap [class^="icon-"] {
        display: none
        }
    #sitemap li .fa {
        padding-right: 10px
        }
    #contentContainer #content .fa, #sidebarContainer #sidebar .fa, #myExtraContent1 .fa, #myExtraContent2 .fa {
        filter: alpha(opacity=75);
        -moz-opacity: 0.75;
        opacity: 0.75;
        text-decoration: none
        }
    #contentContainer #content .fa:hover, #sidebarContainer #sidebar #content .fa:hover, #myExtraContent1 .fa:hover, #myExtraContent2 .fa:hover {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1
        }
    .scrollToTop {
        z-index: 99999;
        text-decoration: none;
        position: fixed;
        bottom: 20px;
        right: 20px;
        display: none;
        font-size: 36px;
        color: black;
        padding: 0 7px 4px;
        opacity: 0.85;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        line-height: 18px;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3)
        }
    .scrollToTop:hover {
        text-decoration: none
        }
    #container, #myExtraContent2, #breadcrumbcontainer, #myExtraContent1, #myExtraContent1 img {
        -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2)
        }
    #cssmenu2 {
        display: none !important
        }
    @media screen and (max-width: 768px) {
        .mean-container .mean-nav ul li a.mean-expand {
            padding: 12px !important
            }
        h1 {
            font-size: 2em
            }
        h2 {
            font-size: 1.75em
            }
        h3 {
            font-size: 1.5em
            }
        h4 {
            font-size: 1.25em
            }
        h5 {
            font-size: 1em
            }
        h6 {
            font-size: 0.75em
            }
        #contentContainer {
            width: auto;
            padding-right: 0 !important;
            padding-left: 0 !important;
            float: none !important;
            margin-top: 0;
            margin-bottom: 0
            }
        #sidebarContainer {
            float: left;
            width: 100%;
            margin-top: 0;
            padding-top: 0;
            padding-bottom: 0;
            border-style: solid;
            border-width: 1px;
            z-index: 99
            }
        #contentContainer #content {
            padding-right: 0 !important;
            padding-left: 0 !important
            }
        }
    @media screen and (max-width: 600px) {
        #container {
            padding-top: 20px;
            padding-bottom: 25px
            }
        input.form-input-field {
            width: 85%
            }
        #sidebarContainer {
            padding-top: 10px
            }
        .photo-links {
            font-size: 12px
            }
        .photo-caption {
            font-size: 1.1em
            }
        }
    /* @option theme colors for the CEFALUS theme*/
    body, #footer-wrapper {
        background-color: #D8DBE3
        }
    #container, .photo-background {
        background-color: #FFF
        }
    #header, #header2, .mean-container .mean-bar, .mean-container .mean-nav, .mean-container a.meanmenu-reveal {
        background-color: #253B4F
        }
    #title, .title2 {
        background-color: #508190
        }
    #contentContainer #content, #sidebarContainer #sidebar {
        color: #4C4C4C
        }
    #breadcrumbcontainer {
        background-color: #253B4F
        }
    #footer {
        color: #7C8B9E
        }
    #footer a:link, #footer a:visited {
        color: #7C8B9E
        }
    #footer a:hover, #footer a:active {
        color: #000
        }
    #contentContainer #content a:link, #contentContainer #content a:visited, #sidebarContainer #sidebar a:link, #sidebarContainer #sidebar a:visited {
        color: #400080
        }
    #contentContainer #content a:hover, #contentContainer #content a:active, #sidebarContainer #sidebar a:hover, #sidebarContainer #sidebar a:active {
        color: #66F
        }
    #cssmenu ul ul li a, #cssmenu ul ul li a:hover, #cssmenu2 ul ul li a, #cssmenu2 ul ul li a:hover, .mean-container .mean-nav ul li li a {
        background-color: #253B4F
        }
    .mean-container .mean-nav, .mean-container .mean-nav ul li a {
        border-bottom-color: #253B4F
        }
    .mean-container a.meanmenu-reveal span {
        background-color: #FFF
        }
    #cssmenu > ul > li > a, .mean-container .mean-nav ul li a, #cssmenu ul ul li a, #cssmenu ul ul li > a:after, .mean-container .mean-nav ul li li a, #cssmenu2 > ul > li > a, #cssmenu2 ul ul li a, #cssmenu2 ul ul li > a:after {
        color: #A0B3CB !important
        }
    #cssmenu ul li .current, #cssmenu ul li .currentAncestor, #cssmenu > ul > li:hover > a, .mean-container .mean-nav ul li .current, .mean-container .mean-nav ul li a:hover, .mean-container .mean-nav ul li li .current, .mean-container .mean-nav ul li .currentAncestor, #cssmenu2 ul li .current, #cssmenu2 ul li .currentAncestor, #cssmenu2 > ul > li:hover > a {
        color: #FFF !important
        }
    #cssmenu ul ul li:hover > a, #cssmenu2 ul ul li:hover > a, .mean-container .mean-nav ul li li a:hover, .mean-container .mean-nav ul li li li .current {
        color: #FFF !important
        }
    #cssmenu ul ul li .current, #cssmenu ul ul li .currentAncestor, #cssmenu2 ul ul li .current, #cssmenu2 ul ul li .currentAncestor {
        color: #FFF
        }
    #title h1, #title h1 a:link, #title h1 a:visited, .title2 h1, .title2 h1 a:link, .title2 h1 a:visited {
        color: #F19F3B
        }
    #title h2, .title2 h2 {
        color: #EEF2FE
        }
    .mean-container .mean-nav {
        border-top-color: #508190
        }
    #sidebarContainer {
        border-color: #68788C
        }
    .sideHeader {
        color: #253B4F
        }
    #myExtraContent4 {
        color: #A0B3CB;
        background-color: #253B4F
        }
    #myExtraContent4 a:link, #myExtraContent4 a:visited {
        color: #FFF
        }
    #myExtraContent4 .fa {
        color: #A0B3CB
        }
    #myExtraContent2 {
        color: #A0B3CB;
        background-color: #375064
        }
    #myExtraContent2 a:link, #myExtraContent2 a:visited {
        color: #FFF
        }
    #myExtraContent2 a:hover, #myExtraContent2 a:active {
        color: #A0B3CB
        }
    #myExtraContent2 .fa {
        color: #A0B3CB
        }
    #myExtraContent3 .fa {
        color: #7C8B9E
        }
    #myExtraContent3 {
        color: #7C8B9E
        }
    #myExtraContent3 a:link, #myExtraContent3 a:visited {
        color: #000
        }
    #myExtraContent3 a:hover, #myExtraContent3 a:active {
        color: #7C8B9E
        }
    #myExtraContent3 .fa {
        color: #7C8B9E
        }
    #contentContainer #content .fa {
        color: #68788C
        }
    #sidebarContainer #sidebar .fa {
        color: #68788C
        }
    blockquote {
        color: #68788C;
        background-color: #E0E3E9
        }
    .filesharing-item-title a:link, .filesharing-item-title a:visited, .blog-entry-title a {
        color: #4F7172 !important
        }
    .blog-entry-title a:hover, .blog-entry-title a:active, .filesharing-item-title a:hover, .filesharing-item-title a:active {
        color: #68788C !important
        }
    #blog-categories:before, #blog-archives:before, #blog-rss-feeds:before, ul.blog-tag-cloud:before {
        color: #000;
        background-color: #E0E3E9
        }
    #blog-archives a, #blog-categories a:link, #blog-categories a:visited, #blog-rss-feeds a:link, #blog-rss-feeds a:visited, ul.blog-tag-cloud a:link, ul.blog-tag-cloud a:visited {
        color: #4F7172 !important
        }
    #blog-archives a:hover, #blog-categories a:hover, #blog-rss-feeds a:hover, ul.blog-tag-cloud a:hover {
        color: #000 !important
        }
    input[type="submit"]:hover, input[type="reset"]:hover {
        color: #66F
        }
    #breadbg {
        background-color: #253B4F
        }
    #breadcrumbcontainer, #breadcrumbcontainer a:link, #breadcrumbcontainer a:visited {
        color: #A0B3CB
        }
    #breadcrumbcontainer a:hover, #breadcrumbcontainer a:active {
        color: #FFF !important
        }
    .exif-data {
        color: #68788C
        }
    .thumbnail-frame img:hover {
        border-color: #253B4F
        }
    .photo-caption {
        color: #68788C
        }
    .photo-navigation a:link, .photo-navigation a:visited, .photo-navigation a:hover {
        color: #68788C
        }
    .photo-title, .album-title, .movie-page-title {
        color: #253B4F;
        background-color: #E0E3E9
        }
    .photo-title, .photo-navigation {
        color: #253B4F
        }
    .movie-thumbnail-caption, .thumbnail-caption {
        color: #68788C
        }
    h1 {
        color: #68788C
        }
    h2 {
        color: #68788C
        }
    h3 {
        color: #68788C
        }
    h4 {
        color: #68788C
        }
    h5 {
        color: #68788C
        }
    h6 {
        color: #68788C
        }
    /* Rapidsearch box colors */
    fieldset input[type="text"] {
        color: #25108A !important
        }
    fieldset input[type="submit"] {
        color: #E0E3E9 !important
        }
    fieldset input[type="submit"]:hover {
        color: #FFF !important
        }
    fieldset input[type="text"] {
        border-color: #AFBFD5 !important;
        background-color: transparent !important
        }
    /* End Rapidsearch box colors */
    input[type="text"], .form-input-field, input[type="text"], input[type="submit"], input[type="reset"] {
        border-color: #6C2130;
        background-color: #6C2130
        }
    input[type="submit"]:hover, input[type="reset"]:hover {
        color: #000
        }
    .form-input-field, input[type="text"] {
        color: #000
        }
    input[type="submit"], input[type="reset"] {
        color: #68788C;
        border-color: #6C2130
        }
    .scrollToTop {
        background-color: #253B4F;
        color: #FFF
        }
    /* @option theme width container */
    #myExtraContent2, #myExtraContent3, #myExtraContent4, #container, #footer, #breadcrumbcontainer {
        width: 1000px
        }
    #myExtraContent1, #myExtraContent1 img {
        width: 1070px
        }
    @media screen and (max-width: 1070px) {
        #title h1, #title h2, #footer, #breadcrumbcontainer, #myExtraContent1, #myExtraContent2, #myExtraContent3, #myExtraContent4 {
            width: auto
            }
        #myExtraContent1 img {
            width: 100%;
            height: auto
            }
        #cssmenu, #cssmenu2 {
            width: auto;
            padding-right: 18px;
            padding-left: 20px
            }
        #cssmenu > ul > li > a, #cssmenu2 > ul > li > a {
            padding-right: 8px;
            padding-left: 10px
            }
        #container, #myExtraContent2, #myExtraContent3, #myExtraContent4, #logo, #title h1, #title h2, #footer, #breadcrumbcontainer {
            width: auto;
            padding-left: 50px;
            padding-right: 50px
            }
        }
    @media screen and (max-width: 768px) {
        #container, #myExtraContent2, #myExtraContent3, #myExtraContent4, #logo, #title h1, #title h2, #footer, #breadcrumbcontainer {
            padding-left: 45px;
            padding-right: 45px
            }
        }
    @media screen and (max-width: 600px) {
        #container, #myExtraContent2, #myExtraContent3, #myExtraContent4, #logo, #title h1, #title h2, #footer, #breadcrumbcontainer {
            padding-left: 35px;
            padding-right: 35px
            }
        }
    @media screen and (max-width: 480px) {
        #container, #myExtraContent2, #myExtraContent3, #myExtraContent4, #logo, #title h1, #title h2, #footer, #breadcrumbcontainer {
            padding-left: 15px;
            padding-right: 15px
            }
        }
    #title h1, #title h2, .title2 h1, .title2 h2 {
        display: none
        }
    #title {
        position: fixed;
        width: 100%;
        z-index: 10;
        padding-top: 60px;
        height: 270px
        }
    .title2 h1, .title2 h2 {
        display: none !important
        }
    .title2 {
        padding-top: 10px !important
        }
    #content-wrapper {
        padding-top: 230px
        }
    #logo {
        display: block;
        z-index: 10;
        text-align: center;
        padding-bottom: 15px;
        padding-top: 15px
        }
    #logo img {
        width: auto;
        height: 115px
        }
    #logo2 {
        padding-top: 8px !important;
        display: block;
        padding-bottom: 2px !important
        }
    #logo2 img {
        width: auto;
        height: 70px !important
        }
    @media screen and (max-width: 1024px) {
        #logo {
            padding-top: 11px
            }
        #content-wrapper {
            padding-top: 217px
            }
        #logo img {
            height: 110px
            }
        #logo2 img {
            height: 65px !important
            }
        #title {
            height: 255px
            }
        #logo2 {
            padding-top: 6px !important;
            padding-bottom: 0 !important
            }
        }
    @media screen and (max-width: 900px) {
        #content-wrapper {
            padding-top: 215px
            }
        #title {
            height: 252px
            }
        }
    @media screen and (max-width: 768px) {
        #content-wrapper {
            padding-top: 192px
            }
        #logo img {
            height: 100px
            }
        #logo2 img {
            height: 48px !important
            }
        #logo {
            padding-top: 19px
            }
        #logo2 {
            padding-top: 0 !important
            }
        .title2 {
            padding-top: 5px !important;
            padding-bottom: 0 !important
            }
        #title {
            height: 245px
            }
        }
    @media screen and (max-width: 600px) {
        #content-wrapper {
            padding-top: 169px
            }
        #logo img {
            height: 85px
            }
        #logo {
            padding-top: 15px
            }
        #title {
            height: 210px
            }
        }
    @media screen and (max-width: 480px) {
        #content-wrapper {
            padding-top: 153px
            }
        #logo img {
            height: 74px
            }
        #logo {
            padding-top: 13px
            }
        }
    @media screen and (max-width: 320px) {
        #content-wrapper {
            padding-top: 142px
            }
        #logo img {
            height: 64px
            }
        #logo2 {
            padding-left: 10px !important
            }
        }
    /* @option theme sidebar position */
    #contentContainer {
        width: 100%
        }
    .album-wrapper {
        text-align: center
        }
    .thumbnail-wrap {
        display: inline-block;
        float: none;
        margin-right: 5px !important
        }
    #contentContainer #content {
        padding-right: 0;
        padding-left: 0
        }
    #sidebarContainer {
        display: none
        }
    @media screen and (max-width: 768px) {
        #footer {
            margin-top: 20px !important
            }
        }
    @media screen and (max-width: 600px) {
        #footer {
            margin-top: 10px !important
            }
        }
    #title h1 {
        font-size: 32px
        }
    @media screen and (max-width: 1024px) {
        #title h1 {
            font-size: 30px
            }
        }
    @media screen and (max-width: 900px) {
        #title h1 {
            font-size: 28px
            }
        }
    @media screen and (max-width: 768px) {
        #title h1 {
            font-size: 26px
            }
        }
    @media screen and (max-width: 600px) {
        #title h1 {
            font-size: 24px
            }
        }
    @media screen and (max-width: 480px) {
        #title h1 {
            font-size: 22px
            }
        }
    @media screen and (max-width: 320px) {
        #title h1 {
            font-size: 18px
            }
        }
    /* @option theme title font */
    #title h1, #title h2, #cssmenu > ul > li > a, .mean-container .mean-nav ul li a, #cssmenu ul ul li a, #cssmenu ul ul li > a:after, .mean-container .mean-nav ul li li a, .title2 h2, .title2 h1, #cssmenu2 > ul > li > a, #cssmenu2 ul ul li a, #cssmenu2 ul ul li > a:after {
        font-family: "Ubuntu", Arial, Helvetica, Geneva, sans-serif
        }
    #title h1, .title2 h1 {
        letter-spacing: 0
        }
    /* @option theme slogan font-size*/
    #title h2 {
        font-size: 11px
        }
    @media screen and (max-width: 320px) {
        #title h2 {
            font-size: 11px;
            font-size: 10px
            }
        }
    #title h2, #title2 h2, .title2 h2 {
        letter-spacing: 1px
        }
    @media screen and (max-width: 910px) {
        #title h2, #title2 h2 {
            letter-spacing: 1px
            }
        }
    @media screen and (max-width: 768px) {
        #title h2, #title2 h2 {
            letter-spacing: 1px
            }
        .title2 h2 {
            letter-spacing: 0
            }
        }
    @media screen and (max-width: 600px) {
        #title h2, #title2 h2 {
            letter-spacing: 1px
            }
        }
    @media screen and (max-width: 480px) {
        #title h2, #title2 h2 {
            letter-spacing: 0
            }
        }
    @media screen and (max-width: 320px) {
        #title h2, #title2 h2 {
            letter-spacing: 0
            }
        }
    /* @option theme menu font-size*/
    #cssmenu li a, #cssmenu2 li a {
        font-size: 12px
        }
    #cssmenu > ul > li:hover > ul, #cssmenu2 > ul > li:hover > ul {
        top: 30px
        }
    /* @option theme title font */
    body, input[type="submit"], input[type="reset"] {
        font-family: "Montserrat", sans-serif
        }
    /* @option theme content font-size */
    #contentContainer #content, #sidebarContainer #sidebar, #footer, input[type="submit"], input[type="reset"] {
        font-size: 14px
        }
    @media screen and (max-width: 768px) {
        #contentContainer #content, #sidebarContainer #sidebar, #footer, input[type="submit"], input[type="reset"] {
            font-size: 14px
            }
        }
    @media screen and (max-width: 600px) {
        #contentContainer #content, #sidebarContainer #sidebar, #footer, input[type="submit"], input[type="reset"] {
            font-size: 13px
            }
        }
    /* @option theme title font */
    /* @option theme extracontent font-size */
    #myExtraContent2 {
        font-size: 12px
        }
    @media screen and (max-width: 480px) {
        #myExtraContent2 {
            font-size: 11px
            }
        }
    /* @option theme extracontent font-size */
    #myExtraContent3 {
        font-size: 11px
        }
    /* @option theme extracontent font-size */
    #myExtraContent4 {
        font-size: 11px
        }
    /* @option theme footer font-size */
    #footer {
        font-size: 12px
        }
    /* @option theme miscellaneos */
    .scrollToTop {
        right: 50%;
        margin-right: -20px
        }
    #footer {
        padding-bottom: 70px
        }
    /* @option theme miscellaneos */
    .title2 {
        width: 100%
        }
    .mean-container .mean-bar {
        position: absolute
        }
    .mean-container .mean-nav {
        position: relative
        }
    .mean-container a.meanmenu-reveal {
        padding: 13px 20px 22px 24px;
        position: absolute;
        z-index: 999
        }
    }
/* @option theme colors for the CEFALUS theme*/
body, #footer-wrapper {
    background-color: #D8DBE3
    }
#container, .photo-background {
    background-color: #FFF
    }
#header, #header2, .mean-container .mean-bar, .mean-container .mean-nav, .mean-container a.meanmenu-reveal {
    background-color: #253B4F
    }
#title, .title2 {
    background-color: #508190
    }
#contentContainer #content, #sidebarContainer #sidebar {
    color: #4C4C4C
    }
#breadcrumbcontainer {
    background-color: #253B4F
    }
#footer {
    color: #7C8B9E
    }
#footer a:link, #footer a:visited {
    color: #7C8B9E
    }
#footer a:hover, #footer a:active {
    color: #000
    }
#contentContainer #content a:link, #contentContainer #content a:visited, #sidebarContainer #sidebar a:link, #sidebarContainer #sidebar a:visited {
    color: #400080
    }
#contentContainer #content a:hover, #contentContainer #content a:active, #sidebarContainer #sidebar a:hover, #sidebarContainer #sidebar a:active {
    color: #66F
    }
#cssmenu ul ul li a, #cssmenu ul ul li a:hover, #cssmenu2 ul ul li a, #cssmenu2 ul ul li a:hover, .mean-container .mean-nav ul li li a {
    background-color: #253B4F
    }
.mean-container .mean-nav, .mean-container .mean-nav ul li a {
    border-bottom-color: #253B4F
    }
.mean-container a.meanmenu-reveal span {
    background-color: #FFF
    }
#cssmenu > ul > li > a, .mean-container .mean-nav ul li a, #cssmenu ul ul li a, #cssmenu ul ul li > a:after, .mean-container .mean-nav ul li li a, #cssmenu2 > ul > li > a, #cssmenu2 ul ul li a, #cssmenu2 ul ul li > a:after {
    color: #A0B3CB !important
    }
#cssmenu ul li .current, #cssmenu ul li .currentAncestor, #cssmenu > ul > li:hover > a, .mean-container .mean-nav ul li .current, .mean-container .mean-nav ul li a:hover, .mean-container .mean-nav ul li li .current, .mean-container .mean-nav ul li .currentAncestor, #cssmenu2 ul li .current, #cssmenu2 ul li .currentAncestor, #cssmenu2 > ul > li:hover > a {
    color: #FFF !important
    }
#cssmenu ul ul li:hover > a, #cssmenu2 ul ul li:hover > a, .mean-container .mean-nav ul li li a:hover, .mean-container .mean-nav ul li li li .current {
    color: #FFF !important
    }
#cssmenu ul ul li .current, #cssmenu ul ul li .currentAncestor, #cssmenu2 ul ul li .current, #cssmenu2 ul ul li .currentAncestor {
    color: #FFF
    }
#title h1, #title h1 a:link, #title h1 a:visited, .title2 h1, .title2 h1 a:link, .title2 h1 a:visited {
    color: #F19F3B
    }
#title h2, .title2 h2 {
    color: #EEF2FE
    }
.mean-container .mean-nav {
    border-top-color: #508190
    }
#sidebarContainer {
    border-color: #68788C
    }
.sideHeader {
    color: #253B4F
    }
#myExtraContent4 {
    color: #A0B3CB;
    background-color: #253B4F
    }
#myExtraContent4 a:link, #myExtraContent4 a:visited {
    color: #FFF
    }
#myExtraContent4 .fa {
    color: #A0B3CB
    }
#myExtraContent2 {
    color: #A0B3CB;
    background-color: #375064
    }
#myExtraContent2 a:link, #myExtraContent2 a:visited {
    color: #FFF
    }
#myExtraContent2 a:hover, #myExtraContent2 a:active {
    color: #A0B3CB
    }
#myExtraContent2 .fa {
    color: #A0B3CB
    }
#myExtraContent3 .fa {
    color: #7C8B9E
    }
#myExtraContent3 {
    color: #7C8B9E
    }
#myExtraContent3 a:link, #myExtraContent3 a:visited {
    color: #000
    }
#myExtraContent3 a:hover, #myExtraContent3 a:active {
    color: #7C8B9E
    }
#myExtraContent3 .fa {
    color: #7C8B9E
    }
#contentContainer #content .fa {
    color: #68788C
    }
#sidebarContainer #sidebar .fa {
    color: #68788C
    }
blockquote {
    color: #68788C;
    background-color: #E0E3E9
    }
.filesharing-item-title a:link, .filesharing-item-title a:visited, .blog-entry-title a {
    color: #4F7172 !important
    }
.blog-entry-title a:hover, .blog-entry-title a:active, .filesharing-item-title a:hover, .filesharing-item-title a:active {
    color: #68788C !important
    }
#blog-categories:before, #blog-archives:before, #blog-rss-feeds:before, ul.blog-tag-cloud:before {
    color: #000;
    background-color: #E0E3E9
    }
#blog-archives a, #blog-categories a:link, #blog-categories a:visited, #blog-rss-feeds a:link, #blog-rss-feeds a:visited, ul.blog-tag-cloud a:link, ul.blog-tag-cloud a:visited {
    color: #4F7172 !important
    }
#blog-archives a:hover, #blog-categories a:hover, #blog-rss-feeds a:hover, ul.blog-tag-cloud a:hover {
    color: #000 !important
    }
input[type="submit"]:hover, input[type="reset"]:hover {
    color: #66F
    }
#breadbg {
    background-color: #253B4F
    }
#breadcrumbcontainer, #breadcrumbcontainer a:link, #breadcrumbcontainer a:visited {
    color: #A0B3CB
    }
#breadcrumbcontainer a:hover, #breadcrumbcontainer a:active {
    color: #FFF !important
    }
.exif-data {
    color: #68788C
    }
.thumbnail-frame img:hover {
    border-color: #253B4F
    }
.photo-caption {
    color: #68788C
    }
.photo-navigation a:link, .photo-navigation a:visited, .photo-navigation a:hover {
    color: #68788C
    }
.photo-title, .album-title, .movie-page-title {
    color: #253B4F;
    background-color: #E0E3E9
    }
.photo-title, .photo-navigation {
    color: #253B4F
    }
.movie-thumbnail-caption, .thumbnail-caption {
    color: #68788C
    }
h1 {
    color: #68788C
    }
h2 {
    color: #68788C
    }
h3 {
    color: #68788C
    }
h4 {
    color: #68788C
    }
h5 {
    color: #68788C
    }
h6 {
    color: #68788C
    }
/* Rapidsearch box colors */
fieldset input[type="text"] {
    color: #25108A !important
    }
fieldset input[type="submit"] {
    color: #E0E3E9 !important
    }
fieldset input[type="submit"]:hover {
    color: #FFF !important
    }
fieldset input[type="text"] {
    border-color: #AFBFD5 !important;
    background-color: transparent !important
    }
/* End Rapidsearch box colors */
input[type="text"], .form-input-field, input[type="text"], input[type="submit"], input[type="reset"] {
    border-color: #6C2130;
    background-color: #6C2130
    }
input[type="submit"]:hover, input[type="reset"]:hover {
    color: #000
    }
.form-input-field, input[type="text"] {
    color: #000
    }
input[type="submit"], input[type="reset"] {
    color: #68788C;
    border-color: #6C2130
    }
.scrollToTop {
    background-color: #253B4F;
    color: #FFF
    }
/* @option theme width container */
#myExtraContent2, #myExtraContent3, #myExtraContent4, #container, #footer, #breadcrumbcontainer {
    width: 1000px
    }
#myExtraContent1, #myExtraContent1 img {
    width: 1070px
    }
@media screen and (max-width: 1070px) {
    #title h1, #title h2, #footer, #breadcrumbcontainer, #myExtraContent1, #myExtraContent2, #myExtraContent3, #myExtraContent4 {
        width: auto
        }
    #myExtraContent1 img {
        width: 100%;
        height: auto
        }
    #cssmenu, #cssmenu2 {
        width: auto;
        padding-right: 18px;
        padding-left: 20px
        }
    #cssmenu > ul > li > a, #cssmenu2 > ul > li > a {
        padding-right: 8px;
        padding-left: 10px
        }
    #container, #myExtraContent2, #myExtraContent3, #myExtraContent4, #logo, #title h1, #title h2, #footer, #breadcrumbcontainer {
        width: auto;
        padding-left: 50px;
        padding-right: 50px
        }
    }
@media screen and (max-width: 768px) {
    #container, #myExtraContent2, #myExtraContent3, #myExtraContent4, #logo, #title h1, #title h2, #footer, #breadcrumbcontainer {
        padding-left: 45px;
        padding-right: 45px
        }
    }
@media screen and (max-width: 600px) {
    #container, #myExtraContent2, #myExtraContent3, #myExtraContent4, #logo, #title h1, #title h2, #footer, #breadcrumbcontainer {
        padding-left: 35px;
        padding-right: 35px
        }
    }
@media screen and (max-width: 480px) {
    #container, #myExtraContent2, #myExtraContent3, #myExtraContent4, #logo, #title h1, #title h2, #footer, #breadcrumbcontainer {
        padding-left: 15px;
        padding-right: 15px
        }
    }
#title h1, #title h2, .title2 h1, .title2 h2 {
    display: none
    }
#title {
    position: fixed;
    width: 100%;
    z-index: 10;
    padding-top: 60px;
    height: 270px
    }
.title2 h1, .title2 h2 {
    display: none !important
    }
.title2 {
    padding-top: 10px !important
    }
#content-wrapper {
    padding-top: 230px
    }
#logo {
    display: block;
    z-index: 10;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px
    }
#logo img {
    width: auto;
    height: 115px
    }
#logo2 {
    padding-top: 8px !important;
    display: block;
    padding-bottom: 2px !important
    }
#logo2 img {
    width: auto;
    height: 70px !important
    }
@media screen and (max-width: 1024px) {
    #logo {
        padding-top: 11px
        }
    #content-wrapper {
        padding-top: 217px
        }
    #logo img {
        height: 110px
        }
    #logo2 img {
        height: 65px !important
        }
    #title {
        height: 255px
        }
    #logo2 {
        padding-top: 6px !important;
        padding-bottom: 0 !important
        }
    }
@media screen and (max-width: 900px) {
    #content-wrapper {
        padding-top: 215px
        }
    #title {
        height: 252px
        }
    }
@media screen and (max-width: 768px) {
    #content-wrapper {
        padding-top: 192px
        }
    #logo img {
        height: 100px
        }
    #logo2 img {
        height: 48px !important
        }
    #logo {
        padding-top: 19px
        }
    #logo2 {
        padding-top: 0 !important
        }
    .title2 {
        padding-top: 5px !important;
        padding-bottom: 0 !important
        }
    #title {
        height: 245px
        }
    }
@media screen and (max-width: 600px) {
    #content-wrapper {
        padding-top: 169px
        }
    #logo img {
        height: 85px
        }
    #logo {
        padding-top: 15px
        }
    #title {
        height: 210px
        }
    }
@media screen and (max-width: 480px) {
    #content-wrapper {
        padding-top: 153px
        }
    #logo img {
        height: 74px
        }
    #logo {
        padding-top: 13px
        }
    }
@media screen and (max-width: 320px) {
    #content-wrapper {
        padding-top: 142px
        }
    #logo img {
        height: 64px
        }
    #logo2 {
        padding-left: 10px !important
        }
    }
/* @option theme sidebar position */
#contentContainer {
    width: 100%
    }
.album-wrapper {
    text-align: center
    }
.thumbnail-wrap {
    display: inline-block;
    float: none;
    margin-right: 5px !important
    }
#contentContainer #content {
    padding-right: 0;
    padding-left: 0
    }
#sidebarContainer {
    display: none
    }
@media screen and (max-width: 768px) {
    #footer {
        margin-top: 20px !important
        }
    }
@media screen and (max-width: 600px) {
    #footer {
        margin-top: 10px !important
        }
    }
#title h1 {
    font-size: 32px
    }
@media screen and (max-width: 1024px) {
    #title h1 {
        font-size: 30px
        }
    }
@media screen and (max-width: 900px) {
    #title h1 {
        font-size: 28px
        }
    }
@media screen and (max-width: 768px) {
    #title h1 {
        font-size: 26px
        }
    }
@media screen and (max-width: 600px) {
    #title h1 {
        font-size: 24px
        }
    }
@media screen and (max-width: 480px) {
    #title h1 {
        font-size: 22px
        }
    }
@media screen and (max-width: 320px) {
    #title h1 {
        font-size: 18px
        }
    }
/* @option theme title font */
#title h1, #title h2, #cssmenu > ul > li > a, .mean-container .mean-nav ul li a, #cssmenu ul ul li a, #cssmenu ul ul li > a:after, .mean-container .mean-nav ul li li a, .title2 h2, .title2 h1, #cssmenu2 > ul > li > a, #cssmenu2 ul ul li a, #cssmenu2 ul ul li > a:after {
    font-family: "Ubuntu", Arial, Helvetica, Geneva, sans-serif
    }
#title h1, .title2 h1 {
    letter-spacing: 0
    }
/* @option theme slogan font-size*/
#title h2 {
    font-size: 11px
    }
@media screen and (max-width: 320px) {
    #title h2 {
        font-size: 11px;
        font-size: 10px
        }
    }
#title h2, #title2 h2, .title2 h2 {
    letter-spacing: 1px
    }
@media screen and (max-width: 910px) {
    #title h2, #title2 h2 {
        letter-spacing: 1px
        }
    }
@media screen and (max-width: 768px) {
    #title h2, #title2 h2 {
        letter-spacing: 1px
        }
    .title2 h2 {
        letter-spacing: 0
        }
    }
@media screen and (max-width: 600px) {
    #title h2, #title2 h2 {
        letter-spacing: 1px
        }
    }
@media screen and (max-width: 480px) {
    #title h2, #title2 h2 {
        letter-spacing: 0
        }
    }
@media screen and (max-width: 320px) {
    #title h2, #title2 h2 {
        letter-spacing: 0
        }
    }
/* @option theme menu font-size*/
#cssmenu li a, #cssmenu2 li a {
    font-size: 12px
    }
#cssmenu > ul > li:hover > ul, #cssmenu2 > ul > li:hover > ul {
    top: 30px
    }
/* @option theme title font */
body, input[type="submit"], input[type="reset"] {
    font-family: "Montserrat", sans-serif
    }
/* @option theme content font-size */
#contentContainer #content, #sidebarContainer #sidebar, #footer, input[type="submit"], input[type="reset"] {
    font-size: 14px
    }
@media screen and (max-width: 768px) {
    #contentContainer #content, #sidebarContainer #sidebar, #footer, input[type="submit"], input[type="reset"] {
        font-size: 14px
        }
    }
@media screen and (max-width: 600px) {
    #contentContainer #content, #sidebarContainer #sidebar, #footer, input[type="submit"], input[type="reset"] {
        font-size: 13px
        }
    }
/* @option theme title font */
/* @option theme extracontent font-size */
#myExtraContent2 {
    font-size: 12px
    }
@media screen and (max-width: 480px) {
    #myExtraContent2 {
        font-size: 11px
        }
    }
/* @option theme extracontent font-size */
#myExtraContent3 {
    font-size: 11px
    }
/* @option theme extracontent font-size */
#myExtraContent4 {
    font-size: 11px
    }
/* @option theme footer font-size */
#footer {
    font-size: 12px
    }
/* @option theme miscellaneos */
.scrollToTop {
    right: 50%;
    margin-right: -20px
    }
#footer {
    padding-bottom: 70px
    }
/* @option theme miscellaneos */
.title2 {
    width: 100%
    }
.mean-container .mean-bar {
    position: absolute
    }
.mean-container .mean-nav {
    position: relative
    }
.mean-container a.meanmenu-reveal {
    padding: 13px 20px 22px 24px;
    position: absolute;
    z-index: 999
    }
@media only print {
    /* @option theme print settings */
    #myExtraContent1, #myExtraContent1 img, #breadcrumbcontainer, #cssmenu, #myExtraContent2, #myExtraContent2 img, #myExtraContent3, #logo, #header {
        display: none
        }
    #title {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        height: 10px !important;
        background-color: transparent;
        background-image: none
        }
    #content-wrapper {
        padding-top: 70px !important
        }
    #title h1, #title h2 {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0) !important
        }
    body, input[type="submit"], input[type="reset"] {
        background: transparent none;
        text-align: left;
        color: #000;
        padding: 0;
        font: 10pt Geneva, Arial, Helvetica !important;
        width: 100%
        }
    .blog-entry-title, .filesharing-item-title, h3, h4, h5, h6, .album-title, .photo-title, #title h1, #title h2 {
        font-family: Geneva, Arial, Helvetica !important;
        color: #000;
        font-weight: normal;
        font-style: normal;
        letter-spacing: 0
        }
    b, strong {
        font-weight: bold
        }
    a:link, a:visited {
        color: #000 !important;
        text-decoration: none !important
        }
    a:hover, a:active {
        color: #000 !important;
        text-decoration: none !important
        }
    /* @end */
    /* @group Layout */
    #container {
        margin: 0
        }
    #pageHeader {
        text-align: left;
        background: none;
        padding-bottom: 5px;
        margin-top: 0;
        height: auto
        }
    #title h1 {
        color: #000;
        font-weight: normal;
        padding: 0;
        margin-top: 0;
        font-style: normal !important;
        font-size: 18pt !important;
        margin-left: 0;
        margin-bottom: 0 !important
        }
    #title h1, #title h2 {
        letter-spacing: 0 !important
        }
    #title h1, #title h1 a:link, #title h1 a:visited {
        text-decoration: none
        }
    #title h2 {
        color: #000 !important;
        font-size: 10pt !important;
        font-weight: normal;
        margin-top: 0 !important;
        margin-left: 0;
        letter-spacing: 0;
        padding-bottom: 30px !important
        }
    #contentContainer {
        padding: 0 0 0;
        width: 100% !important;
        margin: 0 0 30px
        }
    #contentContainer #content {
        padding-top: 10px;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important
        }
    #sidebarContainer {
        display: none;
        margin: 0;
        padding: 0
        }
    #sidebarContainer .sideHeader {
        margin-left: 0;
        padding-left: 0;
        display: none
        }
    #footer {
        text-align: left;
        background: none;
        color: #000 !important;
        font-size: 8pt !important;
        margin-top: 20px;
        margin-left: 0
        }
    #footer a {
        display: none
        }
    #footer a:hover {
        display: none
        }
    /* @end */
    /* @group toolbar */
    /* @end */
    /* @group Bread-crumb */
    #breadcrumbcontainer {
        display: none
        }
    /* @end */
    /* @group Global Classes */
    h1 {
        border-style: none
        }
    h2 {
        border-style: none
        }
    h3 {
        border-style: none
        }
    h4 {
        border-style: none
        }
    h5 {
        border-style: none;
        padding: 0;
        margin-left: 5px;
        border-bottom: 1px solid #ccc;
        margin-top: 0;
        margin-bottom: 5px
        }
    /* @end */
    /* @group Blog */
    .blog-entry {
        border-style: none
        }
    .blog-entry-title {
        font-size: 16pt;
        font-weight: bold;
        margin-bottom: 3px;
        border-style: none
        }
    .blog-entry-date {
        margin-bottom: 10px;
        margin-top: 5px;
        border-style: none;
        font-size: 10pt;
        color: #333
        }
    .blog-entry-body {
        margin-bottom: 45px;
        border-style: none
        }
    /* @end */
    /* @group File Sharing */
    .filesharing-description {
        margin-bottom: 20px;
        border-bottom: 1px solid #d9d9d9
        }
    .filesharing-item-title {
        font-size: 16pt;
        font-weight: bold
        }
    .filesharing-item-description {
        margin-bottom: 10px
        }
    /* @end */
    /* @group Photo Album */
    /* @group Index Page (Thumbnail view) */
    .album-title {
        font-size: 16pt;
        font-weight: bold;
        margin-bottom: 3px
        }
    .thumbnail-frame {
        margin: 0;
        padding: 0
        }
    .thumbnail-frame a:hover {
        height: 30px
        }
    .thumbnail-caption {
        color: #4c4c4c;
        margin-top: -2px;
        font-size: 10pt
        }
    /* @end */
    /* @group Single Page (Photo view) */
    .photo-background {
        text-align: center
        }
    .photo-navigation {
        background: none;
        display: none
        }
    .photo-navigation a {
        display: none
        }
    .photo-navigation a:hover {
        display: none
        }
    .photo-links {
        display: none
        }
    .photo-title {
        display: none
        }
    .photo-caption {
        font-size: 11pt;
        margin: 0;
        text-align: center
        }
    /* @end */
    /* @end */
    /* @group Quicktime Page */
    .movie-title {
        font-size: 16pt;
        font-weight: bold;
        text-align: left
        }
    .movie-description {
        text-align: center
        }
    .movie-frame {
        text-align: center;
        margin-bottom: 10px
        }
    /* @end */
    /* @option theme colors for the CEFALUS theme*/
    body, #footer-wrapper {
        background-color: #D8DBE3
        }
    #container, .photo-background {
        background-color: #FFF
        }
    #header, #header2, .mean-container .mean-bar, .mean-container .mean-nav, .mean-container a.meanmenu-reveal {
        background-color: #253B4F
        }
    #title, .title2 {
        background-color: #508190
        }
    #contentContainer #content, #sidebarContainer #sidebar {
        color: #4C4C4C
        }
    #breadcrumbcontainer {
        background-color: #253B4F
        }
    #footer {
        color: #7C8B9E
        }
    #footer a:link, #footer a:visited {
        color: #7C8B9E
        }
    #footer a:hover, #footer a:active {
        color: #000
        }
    #contentContainer #content a:link, #contentContainer #content a:visited, #sidebarContainer #sidebar a:link, #sidebarContainer #sidebar a:visited {
        color: #400080
        }
    #contentContainer #content a:hover, #contentContainer #content a:active, #sidebarContainer #sidebar a:hover, #sidebarContainer #sidebar a:active {
        color: #66F
        }
    #cssmenu ul ul li a, #cssmenu ul ul li a:hover, #cssmenu2 ul ul li a, #cssmenu2 ul ul li a:hover, .mean-container .mean-nav ul li li a {
        background-color: #253B4F
        }
    .mean-container .mean-nav, .mean-container .mean-nav ul li a {
        border-bottom-color: #253B4F
        }
    .mean-container a.meanmenu-reveal span {
        background-color: #FFF
        }
    #cssmenu > ul > li > a, .mean-container .mean-nav ul li a, #cssmenu ul ul li a, #cssmenu ul ul li > a:after, .mean-container .mean-nav ul li li a, #cssmenu2 > ul > li > a, #cssmenu2 ul ul li a, #cssmenu2 ul ul li > a:after {
        color: #A0B3CB !important
        }
    #cssmenu ul li .current, #cssmenu ul li .currentAncestor, #cssmenu > ul > li:hover > a, .mean-container .mean-nav ul li .current, .mean-container .mean-nav ul li a:hover, .mean-container .mean-nav ul li li .current, .mean-container .mean-nav ul li .currentAncestor, #cssmenu2 ul li .current, #cssmenu2 ul li .currentAncestor, #cssmenu2 > ul > li:hover > a {
        color: #FFF !important
        }
    #cssmenu ul ul li:hover > a, #cssmenu2 ul ul li:hover > a, .mean-container .mean-nav ul li li a:hover, .mean-container .mean-nav ul li li li .current {
        color: #FFF !important
        }
    #cssmenu ul ul li .current, #cssmenu ul ul li .currentAncestor, #cssmenu2 ul ul li .current, #cssmenu2 ul ul li .currentAncestor {
        color: #FFF
        }
    #title h1, #title h1 a:link, #title h1 a:visited, .title2 h1, .title2 h1 a:link, .title2 h1 a:visited {
        color: #F19F3B
        }
    #title h2, .title2 h2 {
        color: #EEF2FE
        }
    .mean-container .mean-nav {
        border-top-color: #508190
        }
    #sidebarContainer {
        border-color: #68788C
        }
    .sideHeader {
        color: #253B4F
        }
    #myExtraContent4 {
        color: #A0B3CB;
        background-color: #253B4F
        }
    #myExtraContent4 a:link, #myExtraContent4 a:visited {
        color: #FFF
        }
    #myExtraContent4 .fa {
        color: #A0B3CB
        }
    #myExtraContent2 {
        color: #A0B3CB;
        background-color: #375064
        }
    #myExtraContent2 a:link, #myExtraContent2 a:visited {
        color: #FFF
        }
    #myExtraContent2 a:hover, #myExtraContent2 a:active {
        color: #A0B3CB
        }
    #myExtraContent2 .fa {
        color: #A0B3CB
        }
    #myExtraContent3 .fa {
        color: #7C8B9E
        }
    #myExtraContent3 {
        color: #7C8B9E
        }
    #myExtraContent3 a:link, #myExtraContent3 a:visited {
        color: #000
        }
    #myExtraContent3 a:hover, #myExtraContent3 a:active {
        color: #7C8B9E
        }
    #myExtraContent3 .fa {
        color: #7C8B9E
        }
    #contentContainer #content .fa {
        color: #68788C
        }
    #sidebarContainer #sidebar .fa {
        color: #68788C
        }
    blockquote {
        color: #68788C;
        background-color: #E0E3E9
        }
    .filesharing-item-title a:link, .filesharing-item-title a:visited, .blog-entry-title a {
        color: #4F7172 !important
        }
    .blog-entry-title a:hover, .blog-entry-title a:active, .filesharing-item-title a:hover, .filesharing-item-title a:active {
        color: #68788C !important
        }
    #blog-categories:before, #blog-archives:before, #blog-rss-feeds:before, ul.blog-tag-cloud:before {
        color: #000;
        background-color: #E0E3E9
        }
    #blog-archives a, #blog-categories a:link, #blog-categories a:visited, #blog-rss-feeds a:link, #blog-rss-feeds a:visited, ul.blog-tag-cloud a:link, ul.blog-tag-cloud a:visited {
        color: #4F7172 !important
        }
    #blog-archives a:hover, #blog-categories a:hover, #blog-rss-feeds a:hover, ul.blog-tag-cloud a:hover {
        color: #000 !important
        }
    input[type="submit"]:hover, input[type="reset"]:hover {
        color: #66F
        }
    #breadbg {
        background-color: #253B4F
        }
    #breadcrumbcontainer, #breadcrumbcontainer a:link, #breadcrumbcontainer a:visited {
        color: #A0B3CB
        }
    #breadcrumbcontainer a:hover, #breadcrumbcontainer a:active {
        color: #FFF !important
        }
    .exif-data {
        color: #68788C
        }
    .thumbnail-frame img:hover {
        border-color: #253B4F
        }
    .photo-caption {
        color: #68788C
        }
    .photo-navigation a:link, .photo-navigation a:visited, .photo-navigation a:hover {
        color: #68788C
        }
    .photo-title, .album-title, .movie-page-title {
        color: #253B4F;
        background-color: #E0E3E9
        }
    .photo-title, .photo-navigation {
        color: #253B4F
        }
    .movie-thumbnail-caption, .thumbnail-caption {
        color: #68788C
        }
    h1 {
        color: #68788C
        }
    h2 {
        color: #68788C
        }
    h3 {
        color: #68788C
        }
    h4 {
        color: #68788C
        }
    h5 {
        color: #68788C
        }
    h6 {
        color: #68788C
        }
    /* Rapidsearch box colors */
    fieldset input[type="text"] {
        color: #25108A !important
        }
    fieldset input[type="submit"] {
        color: #E0E3E9 !important
        }
    fieldset input[type="submit"]:hover {
        color: #FFF !important
        }
    fieldset input[type="text"] {
        border-color: #AFBFD5 !important;
        background-color: transparent !important
        }
    /* End Rapidsearch box colors */
    input[type="text"], .form-input-field, input[type="text"], input[type="submit"], input[type="reset"] {
        border-color: #6C2130;
        background-color: #6C2130
        }
    input[type="submit"]:hover, input[type="reset"]:hover {
        color: #000
        }
    .form-input-field, input[type="text"] {
        color: #000
        }
    input[type="submit"], input[type="reset"] {
        color: #68788C;
        border-color: #6C2130
        }
    .scrollToTop {
        background-color: #253B4F;
        color: #FFF
        }
    /* @option theme width container */
    #myExtraContent2, #myExtraContent3, #myExtraContent4, #container, #footer, #breadcrumbcontainer {
        width: 1000px
        }
    #myExtraContent1, #myExtraContent1 img {
        width: 1070px
        }
    @media screen and (max-width: 1070px) {
        #title h1, #title h2, #footer, #breadcrumbcontainer, #myExtraContent1, #myExtraContent2, #myExtraContent3, #myExtraContent4 {
            width: auto
            }
        #myExtraContent1 img {
            width: 100%;
            height: auto
            }
        #cssmenu, #cssmenu2 {
            width: auto;
            padding-right: 18px;
            padding-left: 20px
            }
        #cssmenu > ul > li > a, #cssmenu2 > ul > li > a {
            padding-right: 8px;
            padding-left: 10px
            }
        #container, #myExtraContent2, #myExtraContent3, #myExtraContent4, #logo, #title h1, #title h2, #footer, #breadcrumbcontainer {
            width: auto;
            padding-left: 50px;
            padding-right: 50px
            }
        }
    @media screen and (max-width: 768px) {
        #container, #myExtraContent2, #myExtraContent3, #myExtraContent4, #logo, #title h1, #title h2, #footer, #breadcrumbcontainer {
            padding-left: 45px;
            padding-right: 45px
            }
        }
    @media screen and (max-width: 600px) {
        #container, #myExtraContent2, #myExtraContent3, #myExtraContent4, #logo, #title h1, #title h2, #footer, #breadcrumbcontainer {
            padding-left: 35px;
            padding-right: 35px
            }
        }
    @media screen and (max-width: 480px) {
        #container, #myExtraContent2, #myExtraContent3, #myExtraContent4, #logo, #title h1, #title h2, #footer, #breadcrumbcontainer {
            padding-left: 15px;
            padding-right: 15px
            }
        }
    #title h1, #title h2, .title2 h1, .title2 h2 {
        display: none
        }
    #title {
        position: fixed;
        width: 100%;
        z-index: 10;
        padding-top: 60px;
        height: 270px
        }
    .title2 h1, .title2 h2 {
        display: none !important
        }
    .title2 {
        padding-top: 10px !important
        }
    #content-wrapper {
        padding-top: 230px
        }
    #logo {
        display: block;
        z-index: 10;
        text-align: center;
        padding-bottom: 15px;
        padding-top: 15px
        }
    #logo img {
        width: auto;
        height: 115px
        }
    #logo2 {
        padding-top: 8px !important;
        display: block;
        padding-bottom: 2px !important
        }
    #logo2 img {
        width: auto;
        height: 70px !important
        }
    @media screen and (max-width: 1024px) {
        #logo {
            padding-top: 11px
            }
        #content-wrapper {
            padding-top: 217px
            }
        #logo img {
            height: 110px
            }
        #logo2 img {
            height: 65px !important
            }
        #title {
            height: 255px
            }
        #logo2 {
            padding-top: 6px !important;
            padding-bottom: 0 !important
            }
        }
    @media screen and (max-width: 900px) {
        #content-wrapper {
            padding-top: 215px
            }
        #title {
            height: 252px
            }
        }
    @media screen and (max-width: 768px) {
        #content-wrapper {
            padding-top: 192px
            }
        #logo img {
            height: 100px
            }
        #logo2 img {
            height: 48px !important
            }
        #logo {
            padding-top: 19px
            }
        #logo2 {
            padding-top: 0 !important
            }
        .title2 {
            padding-top: 5px !important;
            padding-bottom: 0 !important
            }
        #title {
            height: 245px
            }
        }
    @media screen and (max-width: 600px) {
        #content-wrapper {
            padding-top: 169px
            }
        #logo img {
            height: 85px
            }
        #logo {
            padding-top: 15px
            }
        #title {
            height: 210px
            }
        }
    @media screen and (max-width: 480px) {
        #content-wrapper {
            padding-top: 153px
            }
        #logo img {
            height: 74px
            }
        #logo {
            padding-top: 13px
            }
        }
    @media screen and (max-width: 320px) {
        #content-wrapper {
            padding-top: 142px
            }
        #logo img {
            height: 64px
            }
        #logo2 {
            padding-left: 10px !important
            }
        }
    /* @option theme sidebar position */
    #contentContainer {
        width: 100%
        }
    .album-wrapper {
        text-align: center
        }
    .thumbnail-wrap {
        display: inline-block;
        float: none;
        margin-right: 5px !important
        }
    #contentContainer #content {
        padding-right: 0;
        padding-left: 0
        }
    #sidebarContainer {
        display: none
        }
    @media screen and (max-width: 768px) {
        #footer {
            margin-top: 20px !important
            }
        }
    @media screen and (max-width: 600px) {
        #footer {
            margin-top: 10px !important
            }
        }
    #title h1 {
        font-size: 32px
        }
    @media screen and (max-width: 1024px) {
        #title h1 {
            font-size: 30px
            }
        }
    @media screen and (max-width: 900px) {
        #title h1 {
            font-size: 28px
            }
        }
    @media screen and (max-width: 768px) {
        #title h1 {
            font-size: 26px
            }
        }
    @media screen and (max-width: 600px) {
        #title h1 {
            font-size: 24px
            }
        }
    @media screen and (max-width: 480px) {
        #title h1 {
            font-size: 22px
            }
        }
    @media screen and (max-width: 320px) {
        #title h1 {
            font-size: 18px
            }
        }
    /* @option theme title font */
    #title h1, #title h2, #cssmenu > ul > li > a, .mean-container .mean-nav ul li a, #cssmenu ul ul li a, #cssmenu ul ul li > a:after, .mean-container .mean-nav ul li li a, .title2 h2, .title2 h1, #cssmenu2 > ul > li > a, #cssmenu2 ul ul li a, #cssmenu2 ul ul li > a:after {
        font-family: "Ubuntu", Arial, Helvetica, Geneva, sans-serif
        }
    #title h1, .title2 h1 {
        letter-spacing: 0
        }
    /* @option theme slogan font-size*/
    #title h2 {
        font-size: 11px
        }
    @media screen and (max-width: 320px) {
        #title h2 {
            font-size: 11px;
            font-size: 10px
            }
        }
    #title h2, #title2 h2, .title2 h2 {
        letter-spacing: 1px
        }
    @media screen and (max-width: 910px) {
        #title h2, #title2 h2 {
            letter-spacing: 1px
            }
        }
    @media screen and (max-width: 768px) {
        #title h2, #title2 h2 {
            letter-spacing: 1px
            }
        .title2 h2 {
            letter-spacing: 0
            }
        }
    @media screen and (max-width: 600px) {
        #title h2, #title2 h2 {
            letter-spacing: 1px
            }
        }
    @media screen and (max-width: 480px) {
        #title h2, #title2 h2 {
            letter-spacing: 0
            }
        }
    @media screen and (max-width: 320px) {
        #title h2, #title2 h2 {
            letter-spacing: 0
            }
        }
    /* @option theme menu font-size*/
    #cssmenu li a, #cssmenu2 li a {
        font-size: 12px
        }
    #cssmenu > ul > li:hover > ul, #cssmenu2 > ul > li:hover > ul {
        top: 30px
        }
    /* @option theme title font */
    body, input[type="submit"], input[type="reset"] {
        font-family: "Montserrat", sans-serif
        }
    /* @option theme content font-size */
    #contentContainer #content, #sidebarContainer #sidebar, #footer, input[type="submit"], input[type="reset"] {
        font-size: 14px
        }
    @media screen and (max-width: 768px) {
        #contentContainer #content, #sidebarContainer #sidebar, #footer, input[type="submit"], input[type="reset"] {
            font-size: 14px
            }
        }
    @media screen and (max-width: 600px) {
        #contentContainer #content, #sidebarContainer #sidebar, #footer, input[type="submit"], input[type="reset"] {
            font-size: 13px
            }
        }
    /* @option theme title font */
    /* @option theme extracontent font-size */
    #myExtraContent2 {
        font-size: 12px
        }
    @media screen and (max-width: 480px) {
        #myExtraContent2 {
            font-size: 11px
            }
        }
    /* @option theme extracontent font-size */
    #myExtraContent3 {
        font-size: 11px
        }
    /* @option theme extracontent font-size */
    #myExtraContent4 {
        font-size: 11px
        }
    /* @option theme footer font-size */
    #footer {
        font-size: 12px
        }
    /* @option theme miscellaneos */
    .scrollToTop {
        right: 50%;
        margin-right: -20px
        }
    #footer {
        padding-bottom: 70px
        }
    /* @option theme miscellaneos */
    .title2 {
        width: 100%
        }
    .mean-container .mean-bar {
        position: absolute
        }
    .mean-container .mean-nav {
        position: relative
        }
    .mean-container a.meanmenu-reveal {
        padding: 13px 20px 22px 24px;
        position: absolute;
        z-index: 999
        }
    }