/* ---------------------- 
Stylesheet Guide
-------------------------

01. Reset

02. Basic Elements
	1. Clearfix
	2. General Classes
	3. Highlight 
	4. Custom Table
	5. Dropcaps
	6. Dividers
	7. Ordered / Unordered List Styles
	8. Buttons
	9. Forms
	10. Alert Boxes

03. Layout
	1. Columns

04. Header
	1. Main Navigation
	2. Social Links

05. Home

06. Content
	1. Page Header
	2. Events

07. Blog
	1. Comments
	2. Respond
	3. Pagination

08. Portfolio

09. Contact Us

10. Sidebar
	1. Widgets
		- Search
		- Events, Categories and Popular
		- Calendar
		- Testimonials

11. Footer
	1. Widgets
		- Custom Menu
		- Links
		- Twitter

12. Widgets + Shortcodes
	1. Content Tabs
	2. Accordion Content
	3. Content Toggle

13. Keyframes

 */

/* ---------------------------------------------------------------------- */
/*	Reset
/* ---------------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ul {
    margin-left:2px;
    padding-bottom: 30px;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

    nav ul,
    nav ol {
        list-style: none;
        list-style-image: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    outline: none;
    text-decoration: none;
    background: transparent;
    vertical-align: baseline;
}

    a, a > * {
        color: #B22B2D;
        text-decoration: none;
    }

.not-ie a, .not-ie a > * {
    -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

.style-1 a:hover, .style-1 a > *:hover {
    color: #1c7fbd;
    text-decoration: underline;
}

.style-2 a:hover, .style-2 a > *:hover {
    color: #9F1010;
    text-decoration: underline;
}

.style-3 a:hover, .style-3 a > *:hover {
    color: #2a7313;
    text-decoration: underline;
}

.style-4 a:hover, .style-4 a > *:hover {
    color: #d98908;
    text-decoration: underline;
}

.style-5 a:hover, .style-5 a > *:hover {
    color: #3b5381;
    text-decoration: underline;
}

.style-6 a:hover, .style-6 a > *:hover {
    color: #5592b4;
    text-decoration: underline;
}

ul li {
    list-style: none;
}

img {
    border: 0;
    height: auto;
    max-width: 100%;
    -ms-interpolation-mode: bicubic;
}

blockquote {
    position: relative;
    margin-bottom: 1.5em;
    padding: 24px 45px 20px 60px;
    border: 1px solid #ebebeb;
    background-color: #f9f9f9;
    font: italic 14px/1.6 Arial, Helvetica, sans-serif;
    color: #6d7a7e;
}

    blockquote:after,
    blockquote:before {
        position: absolute;
        width: 33px;
        height: 23px;
        background-image: url(../images/quotes.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        content: '';
    }

    blockquote:before {
        left: 20px;
        top: 20px;
    }

    blockquote:after {
        margin: 5px 0 0 20px;
        background-position: right top;
    }

address {
    margin-bottom: 50px;
    font-style: normal;
    line-height: 1.7;
}

/* ---------------------------------------------------------------------- */
/*	Basic Elements
/* ---------------------------------------------------------------------- */

body {
    font: 16px/1.5 Arial, sans-serif;
    color: #3f3f3f;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

body {
    background-color: #f3f1f6;
    background-image: url(../images/bgs/bg-1.png);
    background-repeat: repeat;
}

p {
    margin: 0 0 1.5em 0;
    padding: 0;
    line-height: 1.6em;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    /*font-family: Arial, Helvetica, sans-serif, serif;*/
    font-family: Arial, Helvetica, sans-serif;
}
h1 {
    margin-bottom: 15px;
    color:#0a4a8a;
    font-weight: 400;
    line-height: 1.25;
}

h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
    color: #336699;
    font-weight: 400;
    line-height: 1.25;
}

h6 {
    line-height: 1em;
}

/* -------------------------------------------------- */
/*	Clearfix
	/* -------------------------------------------------- */

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.clear20 {
    clear: both;
    display: block;
    height: 20px;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: ".";
}

/* -------------------------------------------------- */
/*	General Classes
	/* -------------------------------------------------- */

.aligncenter {
    text-align: center;
}

    .aligncenter > img {
        display: inline;
        text-align: center;
    }

.alignleft {
    float: left;
}

img.alignleft {
    margin: 0 20px 20px 0;
}

.alignright {
    float: right;
}

img.alignright {
    margin: 0 0 20px 20px;
}

.custom-frame {
    display: block;
    border: 5px solid #e0e1e3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ie7 iframe.custom-frame {
    width: 97%;
}

.webkit iframe.custom-frame {
    width: 100%;
}

.video-widget .liquid-video-wrapper {
    margin: 0;
}

.liquid-video-wrapper {
    position: relative;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
}

    .liquid-video-wrapper iframe,
    .liquid-video-wrapper object,
    .liquid-video-wrapper embed {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

/* -------------------------------------------------- */
/*	 Seperator
	/* -------------------------------------------------- */

div.seperator {
    position: relative;
    clear: both;
    margin: 25px auto 0;
    padding: 25px 0 0;
    width: 100%;
    border-top: 2px solid #b22b2d;
    list-style: none;
    text-align: center;
}

    div.seperator:after {
        position: absolute;
        top: -10px;
        left: 50%;
        display: block;
        background: url(../images/protrain16.png) no-repeat 50% 0 #fff;
        width: 24px;
        margin-left: -12px;
        height: 16px;
        content: '';
    }

/* -------------------------------------------------- */
/*	 Highlight	
	/* -------------------------------------------------- */
/*
.highlight1:-moz-selection,
.highlight2:-moz-selection,
.highlight3:-moz-selection,
.highlight4:-moz-selection {
    padding: 1px 3px;
    color: #fff;
}

.highlight1::selection,
.highlight2::selection,
.highlight3::selection,
.highlight4::selection {
    padding: 1px 3px;
    color: #fff;
}

span.highlight1,
span.highlight2,
span.highlight3,
span.highlight4 {
    padding: 1px 3px;
    color: #fff;
}

span.highlight1 {
    background-color: #1f221e;
}

span.highlight2 {
    background-color: #457935;
}

span.highlight3 {
    background-color: #a6412b;
}

span.highlight4 {
    background-color: #2b65a6;
}

.highlight1::selection {
    background-color: #1f221e;
}

.highlight2::selection {
    background-color: #457935;
}

.highlight3::selection {
    background-color: #a6412b;
}

.highlight4::selection {
    background-color: #2b65a6;
}

.highlight1::-moz-selection {
    background-color: #1f221e;
}

.highlight2::-moz-selection {
    background-color: #457935;
}

.highlight3::-moz-selection {
    background-color: #a6412b;
}

.highlight4::-moz-selection {
    background-color: #2b65a6;
}
*/
/* -------------------------------------------------- */
/*	Custom Table
	/* -------------------------------------------------- */

.custom-table {
    margin-bottom: 3em;
    width: 100%;
}

    .custom-table tbody tr:nth-child(even) td {
        background-color: rgba(31,34,30,.02);
    }

    .custom-table td,
    .custom-table th {
        padding: 7px 15px;
    }

    .custom-table thead th {
        border-top: 1px solid #ced5cf;
        border-right: 1px solid #ced5cf;
        border-bottom: 1px solid #ced5cf;
        background-color: rgba(31,34,30,.09);
        text-align: left;
        font-weight: 700;
    }

.ie7 .custom-table thead th,
.ie8 .custom-table thead th {
    background-color: #ebebeb;
}

.custom-table thead th:first-child,
.custom-table tbody tr td:first-child {
    border-left: 1px solid #ced5cf;
}

.custom-table td {
    border-bottom: 1px solid #ced5cf;
    border-right: 1px solid #ced5cf;
}

/* -------------------------------------------------- */
/*	Dropcaps
	/* -------------------------------------------------- */

.dropcap {
    color: #D9DADB;
    float: left;
    font-size: 38px;
    font-weight: 700;
    line-height: 1em;
    margin: 0 15px 0 0;
}

.dropcapspot {
    float: left;
    margin: 0 12px 0 0;
    width: 45px;
    height: 45px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 38px;
    line-height: 45px;
}

.not-ie .dropcapspot {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* -------------------------------------------------- */
/*	Dividers
	/* -------------------------------------------------- */

.sep {
    border-top: 1px solid #E0E1E3;
    clear: both;
    margin: 30px 0;
}

.divider {
    clear: both;
    margin: 35px 0;
    width: 100%;
    height: 2px;
    background-color: #e0e1e3;
}

/* -------------------------------------------------- */
/*	Ordered / Unordered List Styles
	/* -------------------------------------------------- */

ul.list,
ol.list {
    margin: 0 0 30px 0;
}

ol.type-1 li {
    list-style: decimal inside;
}

ol.type-2 li {
    list-style: decimal-leading-zero inside;
}

ul.type-1 li {
    list-style: circle inside;
}

ul.type-2 li {
    list-style: square inside;
}

/* -------------------------------------------------- */
/*	Buttons
	/* -------------------------------------------------- */

/*	input.button {padding: 7px 14px 9px;}*/

.button {
    display: inline-block;
    margin-bottom: 1.5em;
    padding: 8px 14px 8px;
    outline: none;
    color: #fff;
    vertical-align: baseline;
    text-align: center;
    text-decoration: none;
    font: 11px Arial;
    cursor: pointer;
}

.style-1 .button.gray {
    color: #1c7fbd;
}

.style-2 .button.gray {
    color: #e53535;
}

.style-3 .button.gray {
    color: #69ad11;
}

.style-4 .button.gray {
    color: #eba505;
}

.style-5 .button.gray {
    color: #841132;
}

.style-6 .button.gray {
    color: #4a5063;
}

.button.gray:hover {
    color: #fff;
}

.style-1 .button.gray:hover {
    background-color: #17517a;
}

.style-2 .button.gray:hover {
    background-color: #e53535;
}

.style-3 .button.gray:hover {
    background-color: #2a7313;
}

.style-4 .button.gray:hover {
    background-color: #eba505;
}

.style-5 .button.gray:hover {
    background-color: #841132;
}

.style-6 .button.gray:hover {
    background-color: #4a5063;
}

.button:hover {
    background-color: #313131;
    color: #fff !important;
}

.yellow {
    background-color: #fdbe0f;
}

.orange {
    background-color: #f99200;
}

.red {
    background-color: #db4300;
}

.pink {
    background-color: #c51574;
}

.purple {
    background-color: #760148;
}

.emerald {
    background-color: #2ebc9e;
}

.lime {
    background-color: #8fbe00;
}

.green {
    background-color: #5bad24;
}

.dark-green {
    background-color: #276c00;
}

.mettalic-blue {
    background-color: #6a8cb1;
}

.sky-blue {
    background-color: #00a8c6;
}

.blue {
    background-color: #2d5bc4;
}

.violet {
    background-color: #4f4269;
}

.brown {
    background-color: #564544;
}

.black {
    background-color: #313131;
}

.gray {
    background-color: #e7e7e8;
}

.grey {
    background-color: #898989;
}

.white {
    padding: 7px 13px;
    background-color: #fff;
    color: #6b6b6b;
    border: 1px solid #d4d4d4;
}

.align-btn-left {
    float: left;
}

.align-btn-right {
    float: right;
}

/* -------------------------------------------------- */
/*	Forms
	/* -------------------------------------------------- */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

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

label {
    cursor: pointer;
    margin: 0;
}

input, textarea, select {
    color: #404040;
    font: 16px/1.5 Arial, sans-serif;
    padding: 0 10px;
    background-color: #e9e9e9;
    border: none;
}

select {
    padding: 0 0px;
}

.not-ie input,
.not-ie textarea,
.not-ie select {
    /*-webkit-appearance: none;*/
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

input, select {
    height: 30px;
    border: 1px solid #e9e9e9;
    line-height: 30px;
}

    input[type="radio"] {
        background: none;
    }

textarea {
    padding: 10px;
    border: 1px solid transparent;
}

    /* Firefox */
    input:-moz-placeholder,
    textarea:-moz-placeholder {
        color: #8f8f8f;
    }

    /* Chrome, Safari */
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: #8f8f8f;
    }

/* ---------------------------------------------------------------------- */
/*	Alert Boxes
	/* ---------------------------------------------------------------------- */

.error,
.success,
.info,
.notice {
    display: block;
    padding: 20px;
    font-size: 14px;
}

.error {
    border: 1px solid #f09da7;
    background-color: #f9bcc3;
    color: #b76973;
}

.success {
    border: 1px solid #b4d892;
    background-color: #d8efc1;
    color: #79985b;
}

.info {
    border: 1px solid #a1c7d5;
    background-color: #b8e1f1;
    color: #52889b;
}

.notice {
    border: 1px solid #e7d195;
    background-color: #feebb7;
    color: #b49133;
}

/* ---------------------------------------------------------------------- */
/*	Layout
/* ---------------------------------------------------------------------- */

.wrap {
    margin: 0 auto;
    width: 980px;
    box-shadow: 0 0 0 10px rgba(0,0,0,.07);
    background-color: #fff;
}

.wrapftr {
    width: 980px;
    margin: 0 auto;
}

.container {
    position: relative;
    margin: 0 auto;
    width: 940px;
    background-color: #fff;
}

.section-title {
    text-transform: uppercase;
}

.style-1 .section-title {
    color: #124162;
}

.style-2 .section-title {
    color: #373a3c;
}

/* -------------------------------------------------- */
/*	Columns
	/* -------------------------------------------------- */

.one-half,
.one-third,
.two-third,
.one-fourth,
.three-fourth {
    float: left;
    margin-right: 20px;
}

    .one-half.last,
    .one-third.last,
    .two-third.last,
    .one-fourth.last,
    .three-fourth.last {
        margin-right: 0px;
    }

.one-half {
    width: 460px;
}

.one-third {
    width: 300px;
}

.two-third {
    width: 620px;
}

.one-fourth {
    width: 220px;
}

.three-fourth {
    width: 700px;
}

/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

.wrap-header {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 190px;
}

.style-1 .wrap-header {
    background: #404040; /* Old browsers */
}

.style-2 .wrap-header {
    background: #404040;
}


#header {
    position: relative;
    z-index: 9;
    width: 100%;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #ae080a;
}

#logo {
    float: left;
    margin: 15px 0 20px 30px;
}
.pnlSearch {
    position: absolute;
    top: 62px;
    right: 11px;
    z-index: 10000;
}
.login {
    position: absolute;
    top: 5px;
    right: 5px;
}

#login {
    position: absolute;
    top: 127px;
    right: 7px;
    display: none;
    width: 470px;
    text-align: right;
    z-index: 10000;
}
#loginClose {
    margin-left: 10px;
    display: inline-block;
}
#loginCtrl {
    float: right;
}

.logintext {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 25px;
    line-height: 25px;
    border: solid #B22B2d 1px;
    font-size: 12px;
}

.loginbtn {
    border: solid #B22B2d 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 26px;
    line-height: 25px;
    font-size: 12px;
}

#showlogin {
    position: absolute;
    top: 5px;
    right: 5px;
}

#slideout {
    background: #666;
    position: absolute;
    width: 280px;
    height: 80px;
    top: 45%;
    right: -280px;
    padding-left: 20px;
}

/* -------------------------------------------------- */
/*	Main Navigation
	/* -------------------------------------------------- */

.navigation {
    clear: both;
    padding: 0 20px;
    height: 60px;
}

.style-1 .navigation,
.style-2 .navigation {
    background-color: #d9dadb;
}

.style-3 .navigation,
.style-4 .navigation,
.style-5 .navigation {
    background-color: #cacbcc;
}

.style-6 .navigation {
    background-color: #4a5063;
}

.navigation > ul > li {
    position: relative;
    float: left;
    margin: 0;
    list-style: none;
}

.ie7 .navigation > ul > li {
    height: 60px;
}

.navigation > ul > li > a {
    position: relative;
    display: block;
    padding: 0 30px;
    text-align: left;
    text-transform: uppercase;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
    line-height: 60px;
}

.ie7 .navigation > ul > li > a {
    height: 60px;
}

.style-1 .navigation > ul > li > a {
    color: #124162;
}

.style-2 .navigation > ul > li > a,
.style-3 .navigation > ul > li > a,
.style-4 .navigation > ul > li > a,
.style-5 .navigation > ul > li > a {
    color: #373a3c;
}

.style-6 .navigation > ul > li > a {
    color: #fff;
}

.navigation .rightarrowclass {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    width: 3px;
    height: 7px;
    background: url(../images/nav-bg.png) no-repeat;
}

.navigation > ul > li:hover > a,
.navigation > ul > li.current > a {
    color: #fff;
}

.style-1 .navigation > ul > li:hover > a,
.style-1 .navigation > ul > li.current > a,
.style-1 .dropcapspot,
.style-1 #back-top,
.style-1 .pagination .current {
    background-color: #549ec8;
}

.style-2 .navigation > ul > li:hover > a,
.style-2 .navigation > ul > li.current > a,
.style-2 .dropcapspot,
.style-2 #back-top,
.style-2 .pagination .current {
    background-color: #B22B2D;
}

.style-3 .navigation > ul > li:hover > a,
.style-3 .navigation > ul > li.current > a,
.style-3 .dropcapspot,
.style-3 #back-top,
.style-3 .pagination .current {
    background-color: #79b027;
}

.style-4 .navigation > ul > li:hover > a,
.style-4 .navigation > ul > li.current > a,
.style-4 .dropcapspot,
.style-4 #back-top,
.style-4 .pagination .current {
    background-color: #eba505;
}

.style-5 .navigation > ul > li:hover > a,
.style-5 .navigation > ul > li.current > a,
.style-5 .dropcapspot,
.style-5 #back-top,
.style-5 .pagination .current {
    background-color: #3b5381;
}

.style-6 .navigation > ul > li:hover > a,
.style-6 .navigation > ul > li.current > a,
.style-6 .dropcapspot,
.style-6 #back-top,
.style-6 .pagination .current {
    background-color: #75a9c7;
}

/* Dropdown */

.navigation > ul > li:hover > ul {
    padding-top: 1px;
}

.navigation li:hover > ul {
    display: block;
    top: 59px;
    visibility: visible;
}

.navigation ul ul {
    position: absolute;
    left: 0;
    top: 70px;
    z-index: 99;
    padding: 0;
    width: 169px;
    display: none;
}

.not-ie .navigation ul ul {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.navigation ul > li:hover ul li:hover ul {
    left: 170px;
    display: block;
}

.navigation ul ul li {
    position: relative;
}

.ie7 .navigation ul ul li {
    height: 34px;
}

.navigation ul ul li:last-of-type > a {
    border-bottom: none;
}

.navigation ul ul a {
    display: block;
    padding: 9px 10px;
    border-bottom: 1px solid #f2f3f4;
    background-color: #D9DADB;
    text-align: left;
    color: #124162;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.style-1 .navigation ul ul a {
    color: #124162;
}

.style-2 .navigation ul ul a {
    color: #373a3c;
}

.style-3 .navigation ul ul a,
.style-4 .navigation ul ul a {
    border-bottom: 1px solid #e3e4e5;
    background-color: #cacbcc;
    color: #373a3c;
}

.style-5 .navigation ul ul a {
    border-bottom: 1px solid #e3e4e5;
    background-color: #cacbcc;
    color: #373a3c;
}

.style-6 .navigation ul ul a {
    border-bottom: 1px solid #676f88;
    background-color: #4a5063;
    color: #fff;
}

.navigation > ul ul li:hover > a,
.navigation .active > a {
    color: #fff;
}

.style-1 .navigation > ul ul li:hover > a,
.style-1 .navigation .active > a {
    background-color: #549EC8;
}

.style-2 .navigation > ul ul li:hover > a,
.style-2 .navigation .active > a {
    background-color: #E53535;
}

.style-3 .navigation > ul ul li:hover > a,
.style-3 .navigation .active > a {
    background-color: #79b027;
}

.style-4 .navigation > ul ul li:hover > a,
.style-4 .navigation .active > a {
    background-color: #eba505;
}

.style-5 .navigation > ul ul li:hover > a,
.style-5 .navigation .active > a {
    background-color: #3b5381;
}

.style-6 .navigation > ul ul li:hover > a,
.style-6 .navigation .active > a {
    background-color: #75a9c7;
}

.navigation ul ul li:hover > a .rightarrowclass {
    background-position: 0 -19px;
}

/* Sub Dropdown */

.navigation ul ul ul {
    left: 170px !important;
    top: 0 !important;
}

.not-ie .navigation ul ul ul {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

/* Nav Responsive  */

.navigation .nav-responsive {
    display: none;
    margin: 15px 0;
    padding: 6px 8px;
    width: 68%;
    border-color: #ccc;
    background-color: #fff;
    background-image: url(../images/nav-bg.png);
    background-position: right center;
    background-repeat: no-repeat;
}

/* Donate */

a.donate {
    float: right;
    display: block;
    margin: 0;
    padding: 0 30px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 60px;
}

.not-ie a.donate {
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.style-1 a.donate {
    background-color: #e11842;
}

.style-2 a.donate {
    background-color: #17517a;
}

.style-3 a.donate,
.style-4 a.donate,
.style-5 a.donate,
.style-6 a.donate {
    background-color: #e11842;
}

a.donate:hover {
    text-shadow: -1px -1px 0 rgba(0,0,0,.2);
    color: #fff;
}

.not-ie a.donate:hover {
    -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,.35);
    -moz-box-shadow: inset 0 0 8px rgba(0,0,0,.35);
    box-shadow: inset 0 0 8px rgba(0,0,0,.35);
}

.style-1 a.donate:hover {
    background-color: #cb1c41;
}

.style-2 a.donate:hover {
    background-color: #15486c;
}

.style-3 a.donate:hover,
.style-4 a.donate:hover,
.style-5 a.donate:hover,
.style-6 a.donate:hover {
    background-color: #cb1c41;
}

/* -------------------------------------------------- */
/*	Social Links
	/* -------------------------------------------------- */

ul.social-links {
    float: right;
    margin: 0 20px 40px 0;
}

    ul.social-links li {
        display: inline-block;
        margin: 0 0 0 5px;
        list-style: none outside none;
    }

.ie7 ul.social-links li {
    float: left;
}
/*
ul.social-links li a {
    position: relative;
    display: block;
    width: 35px;
    height: 35px;
    background: url(../images/icons/social-icons.png) no-repeat;
    text-indent: -9999px;
    cursor: pointer;
}

ul.social-links li a > span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/icons/social-icons.png) no-repeat;
    opacity: 0;
    filter: alpha(opacity = 0);
}

.not-ie ul.social-links li a > span {
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

ul.social-links li.twitter a {
    background-position: 0 0;
}

ul.social-links li.facebook a {
    background-position: -40px 0;
}

ul.social-links li.dribbble a {
    background-position: -80px 0;
}

ul.social-links li.vimeo a {
    background-position: -120px 0;
}

ul.social-links li.youtube a {
    background-position: -160px 0;
}

ul.social-links li.rss a {
    background-position: -200px 0;
}

ul.social-links a:hover span {
    opacity: 1;
    filter: alpha(opacity=100);
}

ul.social-links li.twitter a > span {
    background-position: 0 -40px;
}

ul.social-links li.facebook a > span {
    background-position: -40px -40px;
}

ul.social-links li.dribbble a > span {
    background-position: -80px -40px;
}

ul.social-links li.vimeo a > span {
    background-position: -120px -40px;
}

ul.social-links li.youtube a > span {
    background-position: -160px -40px;
}

ul.social-links li.rss a > span {
    background-position: -200px -40px;
}
*/
/* ---------------------------------------------------------------------- */
/*	Home
/* ---------------------------------------------------------------------- */

ul.block-with-icons {
    margin-bottom: 50px;
    list-style: none;
}

    ul.block-with-icons li {
        position: relative;
        float: left;
        margin: 0 0 0 1px;
        width: 312px;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-color: rgba(0,0,0,.05);
        border-style: solid;
        background-color: #f5f4f6;
    }

.not-ie ul.block-with-icons li {
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.ie7 ul.block-with-icons li,
.ie8 ul.block-with-icons li {
    border: none;
}

ul.block-with-icons li:last-of-type {
    border-right: 1px solid rgba(0,0,0,.05);
}

ul.block-with-icons li:first-of-type {
    border-left: 1px solid rgba(0,0,0,.05);
}

ul.block-with-icons li a {
    display: block;
    padding: 35px 15px 35px 100px;
}

    ul.block-with-icons li a:after {
        position: absolute;
        top: 29px;
        left: 35px;
        display: block;
        width: 53px;
        height: 36px;
        background-image: url(../images/sprite-block-icons.png);
        background-repeat: no-repeat;
        content: '';
    }

ul.block-with-icons li.b1 a:after {
    background-position: 0 0;
}

ul.block-with-icons li.b2 a:after {
    background-position: -70px 0;
}

ul.block-with-icons li.b3 a:after {
    background-position: -130px 0;
}

ul.block-with-icons li:first-child {
    margin-left: 0;
}

ul.block-with-icons h5 {
    margin: 0 0 3px 0;
    text-transform: uppercase;
    line-height: .9;
}

.style-1 ul.block-with-icons h5 {
    color: #1c7fbd;
}

.style-2 ul.block-with-icons h5 {
    color: #e53535;
}

.style-3 ul.block-with-icons h5 {
    color: #69ad11;
}

.style-4 ul.block-with-icons h5 {
    color: #eba505;
}

.style-5 ul.block-with-icons h5 {
    color: #841132;
}

.style-6 ul.block-with-icons h5 {
    color: #5592b4;
}

ul.block-with-icons span {
    display: block;
    font-size: 11px;
    line-height: 1.2em;
}

.style-1 ul.block-with-icons li:hover {
    background-color: #17517a;
}

.style-2 ul.block-with-icons li:hover {
    background-color: #9f1010;
}

.style-3 ul.block-with-icons li:hover {
    background-color: #2a7313;
}

.style-4 ul.block-with-icons li:hover {
    background-color: #eba505;
}

.style-5 ul.block-with-icons li:hover {
    background-color: #3b5381;
}

.style-6 ul.block-with-icons li:hover {
    background-color: #75a9c7;
}

ul.block-with-icons li:hover h5 {
    color: #fff;
}

ul.block-with-icons li:hover span {
    color: #fff;
}

ul.block-with-icons li.b1 a:hover:after {
    background-position: 0 -46px !important;
}

ul.block-with-icons li.b2 a:hover:after {
    background-position: -70px -46px !important;
}

ul.block-with-icons li.b3 a:hover:after {
    background-position: -130px -46px !important;
}

/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */

#content {
    margin-bottom: 40px;
    width: 600px;
}

.sbl #content {
    float: right;
}

.sbr #content {
    float: left;
}

/* -------------------------------------------------- */
/*	Layout
	/* -------------------------------------------------- */

#content .one-fourth {
    width: 290px;
}

/* -------------------------------------------------- */
/*	Page Header
	/* -------------------------------------------------- */

.page-header {
    margin-bottom: 35px;
    padding-bottom: 25px;
    border-bottom: 2px solid #e0e1e3;
}

.page-title {
    margin: 0;
    color: #cacbcc;
}

/* ---------------------------------------------------------------------- */
/*	Events
/* ---------------------------------------------------------------------- */

.event-item {
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 2px solid #e0e1e3;
}

    .event-item.detailed {
        border-bottom: none;
    }

.event-date {
    margin-bottom: 3px;
}

.style-1 .event-date {
    color: #1c7fbd;
}

.style-2 .event-date {
    color: #9f1010;
}

.style-3 .event-date {
    color: #2a7313;
}

.style-4 .event-date {
    color: #d98908;
}

.style-5 .event-date {
    color: #3b5381;
}

.style-6 .event-date {
    color: #5592b4;
}

.event-body {
    float: left;
    padding-right: 20px;
    width: 360px;
    border-right: 1px solid #e0e1e3;
}

.event-item.detailed .event-body {
    float: none;
    margin-top: 45px;
    width: 100%;
    border-right: none;
}

.event-meta {
    float: right;
    width: 205px;
}

.event-table td {
    padding: 3px 0;
}

    .event-table td:first-child {
        width: 75px;
    }

    .event-table td.cat a:after {
        content: ',';
    }

    .event-table td.cat a:last-of-type:after {
        content: '';
    }

    .event-table td span.gmap {
        padding: 3px 5px;
        color: #fff;
        font-size: 10px;
    }

.not-ie .event-table td span.gmap {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.style-1 .event-table span.gmap,
.style-5 .event-table span.gmap {
    background-color: #004076;
}

.style-2 .event-table span.gmap {
    background-color: #9f1010;
}

.style-3 .event-table span.gmap {
    background-color: #2a7313;
}

.style-4 .event-table span.gmap {
    background-color: #d98908;
}

.style-6 .event-table span.gmap {
    background-color: #75A9C7;
}

/* -------------------------------------------------- */
/*	Columns
		/* -------------------------------------------------- */

.event-body .one-half {
    width: 290px;
}


/* ---------------------------------------------------------------------- */
/*	Blog
/* ---------------------------------------------------------------------- */

.post {
    margin-top: 25px;
    padding-top: 35px;
}

.first .post {
    border-top: 2px solid #e0e1e3;
}

.post:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}

.image-post-slider {
    position: relative;
    margin-bottom: 25px;
}

    .image-post-slider .single-image {
        margin: 0;
    }

    .image-post-slider img {
        margin-bottom: 0;
    }

.post-pager {
    position: absolute;
    z-index: 11;
    bottom: 7px;
    right: 13px;
}

    .post-pager > a {
        display: block;
        float: left;
        margin-left: 3px;
        width: 10px;
        height: 10px;
        background-color: #e7e7e8;
        text-indent: -9999px;
    }

.not-ie .post-pager > a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.post-pager > a.activeSlide {
    background-color: #1C7FBD;
}

.post-item,
.second .post {
    float: left;
    margin: 0 40px 20px 0;
    padding: 0 0 10px;
    width: 280px;
}

    .post-item:first-child {
        float: none;
        margin: 0 0 20px;
        width: 100%;
        border-bottom: 2px solid #e0e1e3;
    }

    .post-item:nth-child(2n-1),
    .second .post:nth-child(2n) {
        margin-right: 0;
    }

.ie7 .post-item.nomargin,
.ie7 .second .post.nomargin {
    margin-right: 0;
}

.post-item .title,
.post .title {
    margin-bottom: 12px;
}

.post-meta {
    clear: both;
    margin: 0 0 15px 0;
}

.post-date,
.post-tags,
.post-comments {
    float: left;
    margin: 5px 10px 5px 0;
    padding-left: 20px;
    background-image: url(../images/icons/post-icons.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 11px;
}

    .post-tags a:after {
        content: ',';
    }

    .post-tags a:last-child:after {
        content: '';
    }

.post-date {
    background-position: 0 0;
}

.post-tags {
    background-position: 0 -47px;
}

.post-comments {
    background-position: 0 -143px;
}

.post-date:hover {
    background-position: 0 -24px;
}

.post-tags:hover {
    background-position: 0 -119px;
}

.post-comments:hover {
    background-position: 0 -165px;
}


/* -------------------------------------------------- */
/*	Comments
	/* -------------------------------------------------- */

#comments {
    margin-top: 40px;
    padding-top: 45px;
    border-top: 1px solid #D4D4D4;
}

.comments-list {
    margin: 27px 0 50px;
    padding: 0;
    overflow: hidden;
}

.comment {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}

    .comment:first-child {
        border-top: none;
        margin-top: 0;
        padding-top: 0;
    }

    .comment > article {
        margin: 0;
        overflow: hidden;
    }

    .comment .avatar {
        background: #fff;
        float: left;
        margin: 0 20px 20px 0;
        position: relative;
        width: 40px;
        height: 40px;
        z-index: 1;
    }

    .comment .comment-body,
    .comment .comment-meta {
        margin: 0 20px 0;
        padding: 20px 0 0 0;
    }

    .comment .comment-body {
        padding-top: 15px;
    }

    .comment .comment-body {
        color: #8a8989;
    }

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

    .comment .comment-entry {
        position: relative;
        display: table;
        background-color: #f5f5f5;
    }

.ie7 .comment .comment-entry {
    display: block;
    float: right;
    width: 540px;
}

.ie7 .children .comment-entry {
    width: 480px;
}

.comment .comment-entry:after {
    position: absolute;
    left: -9px;
    top: 14px;
    display: block;
    width: 9px;
    height: 16px;
    background: url(../images/arrow-comments-entry.png) no-repeat;
    content: '';
}

.comment .comment-meta {
    margin-bottom: 0;
}

.comment .author,
.comment .author a {
    margin: 0;
}

.comment .date {
    margin-bottom: 5px;
    color: #a1a1a1;
    font-size: 11px;
    font-style: italic;
    font-family: Arial;
}

.comment .children {
    margin: 0;
    padding: 20px 0 0 60px;
    position: relative;
}

    .comment .children .comment {
        margin: 20px 0 0;
        padding: 0;
        position: relative;
    }

        .comment .children .comment:first-child {
            margin-top: 0;
        }

/* -------------------------------------------------- */
/*	Respond
	/* -------------------------------------------------- */

#respond {
    padding-top: 45px;
    border-top: 1px solid #d4d4d4;
}

#commentform {
    margin-top: 25px;
    max-width: 100%;
}

    #commentform .input-block,
    #contact .input-block {
        margin: 0 0 10px 0;
    }

        #commentform .input-block > label,
        .textarea-block > label {
            margin-left: 10px;
            line-height: 35px;
        }

.textarea-block > label {
    display: block;
}

#commentform input {
    float: left;
    width: 278px;
}

    #commentform input:hover,
    #commentform textarea:hover,
    #contact input[type="text"]:hover,
    #contact textarea:hover {
        border-color: #d2d2d2;
    }

    #commentform input:focus,
    #commentform textarea:focus,
    #contact input[type="text"]:focus,
    #contact textarea:focus {
        border-color: #d2d2d2;
        background-color: #fdfdfe;
        -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,.1);
        -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,.1);
        box-shadow: inset 1px 1px 4px rgba(0,0,0,.1);
    }

.input-block label strong,
.textarea-block strong {
    color: #8a8989;
    font-size: 12px;
    font-weight: 100;
}

.textarea-block strong,
#contact .textarea-block label {
    display: none;
}

.input-block label span {
    color: #e9403b;
    font-size: 12px;
}

.input-block label i {
    margin-left: 3px;
    font-family: Georgia;
    font-size: 10px;
}

#commentform .textarea-block,
#contact .textarea-block {
    clear: both;
    margin-bottom: 20px;
}

#commentform textarea {
    width: 480px;
    height: 220px;
    max-width: 468px;
    max-height: 400px;
    min-width: 468px;
    min-height: 220px;
}

#commentform input[type="submit"],
#contactform button[type="submit"] {
    margin: 0 0 20px;
    width: auto;
    border: none;
}

/* -------------------------------------------------- */
/*	Pagination
	/* -------------------------------------------------- */

.pagination {
    clear: both;
    padding-top: 40px;
    margin: 0 0 60px 0;
    border-top: 2px solid #e0e1e3;
}

    .pagination li {
        display: inline-block;
        list-style: none;
        margin: 0 2px 0 0;
    }

.ie7 .pagination li {
    display: block;
    float: left;
}

.pagination .current {
    color: #fff;
}

.pagination a {
    display: block;
    padding: 3px 8px 3px;
    border: 1px solid transparent;
    background-color: #e7e7e8;
    color: #9c9c9c;
}

.pagination .prevpostslink,
.pagination .nextpostslink {
    background: none;
}

.pagination a:hover:not(.current):not(.prevpostslink):not(.nextpostslink) {
    background-color: #d8d8d9;
    color: #646464;
}

.pagination a.current:hover {
    color: #fff;
}

.pagination .prevpostslink:hover,
.pagination .nextpostslink:hover,
.pagination .prevpostslink:hover > span,
.pagination .nextpostslink:hover > span {
    color: #646464;
}

.pagination .prevpostslink > span,
.pagination .nextpostslink > span {
    font-size: 14px;
}


/* ---------------------------------------------------------------------- */
/*	Portfolio
/* ---------------------------------------------------------------------- */

#portfolio-filter {
    margin: 0 0 40px 0;
    padding-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #e0e1e3;
}

    #portfolio-filter li {
        display: block;
        float: left;
        list-style: none outside none;
        margin: 0;
    }

    #portfolio-filter a {
        display: block;
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        cursor: pointer;
        color: #606163;
        line-height: 1;
    }

        #portfolio-filter a:before {
            margin: 0 15px;
            color: #606163;
            content: '/';
        }

    #portfolio-filter li:first-child a:before {
        margin: 0 0 0 15px;
        content: '';
    }


#portfolio-items {
    margin: 15px -20px 0 0;
}

    #portfolio-items article {
        position: relative;
        float: left;
        margin: 0 20px 20px 0;
    }

        #portfolio-items article img {
            width: 220px;
        }

.project-meta {
    display: block;
    padding: 17px 15px 5px;
    background-color: #e0e1e3;
}

.not-ie .project-meta {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.style-1 .project-meta h6,
.style-5 .project-meta h6 {
    color: #16517a;
}

.style-2 .project-meta h6 {
    color: #9f1010;
}

.style-3 .project-meta h6 {
    color: #2a7313;
}

.style-4 .project-meta h6 {
    color: #d98908;
}

.style-6 .project-meta h6 {
    color: #4a5063;
}

.single-image {
    position: relative;
    display: block;
    margin-bottom: 25px;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
}


#portfolio-items .single-image {
    margin: 0;
    border: 5px solid #e0e1e3;
}



.single-image img {
    display: block;
    /*				width: 100%;*/
    /*				opacity: 1;*/
    /*				filter: alpha(opacity=80);*/
}

.single-image img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ie8 .post .single-image img {
    max-width: 97%;
}

.curtain {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    text-indent: -9999px;
}

.not-ie .curtain {
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    -moz-transition: opacity 0.2s ease-in-out 0s;
    -ms-transition: opacity 0.2s ease-in-out 0s;
    -o-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
}

.curtain:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin-top: -30px;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    opacity: 0;
    filter: alpha(opacity=0);
    background-repeat: no-repeat;
    content: '';
}

.not-ie .curtain:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.single-image:hover .curtain {
    opacity: 1;
    background-color: rgba(255,255,255,.25);
}

.ie7 .single-image:hover .curtain,
.ie8 .single-image:hover .curtain {
    filter: alpha(opacity=80);
    background-color: #fff;
}

.single-image:hover .curtain:after {
    opacity: 1;
    filter: alpha(opacity=80);
}

.not-ie .single-image:hover .curtain:after {
    -webkit-animation: move .25s linear;
    -moz-animation: move .25s linear;
    -ms-animation: move .25s linear;
    -o-animation: move .25s linear;
    animation: move .25s linear;
}

.style-1 .curtain:after,
.style-5 .curtain:after {
    background-image: url(../images/icons/zoom-style-1.png);
}

.style-2 .curtain:after {
    background-image: url(../images/icons/zoom-style-2.png);
}

.style-3 .curtain:after {
    background-image: url(../images/icons/zoom-style-3.png);
}

.style-4 .curtain:after {
    background-image: url(../images/icons/zoom-style-4.png);
}

.style-6 .curtain:after {
    background-image: url(../images/icons/zoom-style-6.png);
}

.style-1 #portfolio-items article:hover .single-image,
.style-5 #portfolio-items article:hover .single-image {
    border-color: #17517a;
}

.style-2 #portfolio-items article:hover .single-image {
    border-color: #9f1010;
}

.style-3 #portfolio-items article:hover .single-image {
    border-color: #2a7313;
}

.style-4 #portfolio-items article:hover .single-image {
    border-color: #d98908;
}

.style-6 #portfolio-items article:hover .single-image {
    border-color: #75a9c7;
}

.style-1 #portfolio-items article:hover .project-meta,
.style-5 #portfolio-items article:hover .project-meta {
    background-color: #17517a;
}

.style-2 #portfolio-items article:hover .project-meta {
    background-color: #9f1010;
}

.style-3 #portfolio-items article:hover .project-meta {
    background-color: #2a7313;
}

.style-4 #portfolio-items article:hover .project-meta {
    background-color: #d98908;
}

.style-6 #portfolio-items article:hover .project-meta {
    background-color: #75a9c7;
}

#portfolio-items article:hover .project-meta h6 {
    color: #fff;
}


/* ---------------------------------------------------------------------- */
/*	Contact Us
/* ---------------------------------------------------------------------- */

#map {
    height: 400px;
    margin: 0 0 35px 0;
    position: relative;
    width: 100%;
}

/* Form style */

fieldset.row {
    margin-bottom: 1em;
}

#contact label {
    margin-left: 10px;
    line-height: 35px;
    color: #6d7a7e;
}

#contact input[type="text"] {
    float: left;
    width: 280px;
}

#contact textarea {
    height: 160px;
    max-height: 250px;
    max-width: 518px;
    min-height: 160px;
    min-width: 518px;
    width: 518px;
}

#contact input[type="submit"][disabled] {
    background: #888;
    cursor: default;
}

#message fieldset {
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #F9FAF5;
}

.error_message {
    display: block;
    line-height: 22px;
    /*background: #FBE3E4 url('../assets/error.gif') no-repeat 10px 6px;*/
    padding: 3px 10px 3px 35px;
    color: #8a1f11;
    border: 1px solid #FBC2C4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

ul.error_messages {
    margin: 0 0 0 15px;
    padding: 0;
}

    ul.error_messages li {
        height: 22px;
        line-height: 22px;
        color: #333;
    }

.loader {
    padding: 0 10px;
}

#contact #success_page h1 {
    /*background: url('../assets/success.gif') left no-repeat;*/
    padding-left: 22px;
}

#contact .enter-verify {
    float: left;
    display: block;
    line-height: 27px;
}

#contact .wrong-data {
    border-color: #F09DA7;
}

#contact .verify {
    float: none !important;
    margin: 0 15px;
    width: 50px !important;
    height: 28px !important;
    vertical-align: top;
}

/* ---------------------------------------------------------------------- */
/*	Sidebar
/* ---------------------------------------------------------------------- */

#sidebar {
    width: 300px;
}

.sbl #sidebar {
    float: left;
}

.sbr #sidebar {
    float: right;
}

/* -------------------------------------------------- */
/*	Widgets
	/* -------------------------------------------------- */

#sidebar .widget-container {
    margin-bottom: 55px;
}

#sidebar .custom-frame {
    margin: 0;
}

.style-1 .video-entry {
    background-color: #17517a;
}

.style-2 .video-entry {
    background-color: #9f1010;
}

.style-3 .video-entry {
    background-color: #2a7313;
}

.style-4 .video-entry {
    background-color: #D98908;
}

.style-5 .video-entry {
    background-color: #3b5381;
}

.style-6 .video-entry {
    background-color: #4a5063;
}

.video-title {
    display: block;
}

    .video-title > h5 {
        padding: 20px;
        color: #fff;
        line-height: 1.5em;
        font-size: 15px;
    }

        .video-title > h5:hover {
            color: #fff;
        }

/* ---------------------------------------- */
/*	Search
		/* ---------------------------------------- */

.widget_search input[type="text"] {
    padding: 0 10px;
    width: 235px;
    height: 33px;
    border: 1px solid transparent;
    background-color: #eeeeef;
    color: #a1a1a1;
    font-size: 12px;
    font-style: italic;
    line-height: 33px;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.widget_search input::-moz-input-placeholder {
    color: #a1a1a1;
}

.widget_search input::-webkit-input-placeholder {
    color: #a1a1a1;
}

.widget_search input[type="text"]:hover {
    border-color: #d2d2d2;
}

.widget_search input[type="text"]:focus {
    border-color: #d2d2d2;
    background-color: #fdfdfe;
    -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,.1);
    -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,.1);
    box-shadow: inset 1px 1px 4px rgba(0,0,0,.1);
}

.widget_search button {
    margin: 0;
    padding: 0;
    width: 38px;
    height: 35px;
    border: none;
    background-color: #e7e7e8;
    background-image: url(../images/search.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: top;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

    .widget_search button:hover {
        background-color: #c7c7c7;
    }

/* ---------------------------------------- */
/*	Events, Categories and Popular
		/* ---------------------------------------- */

.eventsListWidget li,
.widget_categories li,
.widget_archive li,
.widget_popular_posts li,
.widget_recent_comments li,
.widget_recent_entries li {
    padding: 7px 0 6px 0;
    border-bottom: 1px solid #e0e1e3;
}

    .eventsListWidget li h6,
    .widget_categories li a,
    .widget_archive li a,
    .widget_popular_posts li h6,
    .widget_recent_comments li a,
    .widget_recent_entries li a {
        margin-bottom: 2px;
    }

.style-1 .eventsListWidget li h6,
.style-1 .widget_categories li a,
.style-1 .widget_archive li a,
.style-1 .widget_popular_posts li h6,
.style-1 .widget_recent_comments li a,
.style-1 .widget_recent_entries li a,
.style-1 #portfolio-filter a.active {
    color: #1c7fbd;
}

.style-2 .eventsListWidget li h6,
.style-2 .widget_categories li a,
.style-2 .widget_archive li a,
.style-2 .widget_popular_posts li h6,
.style-2 .widget_recent_comments li a,
.style-2 .widget_recent_entries li a,
.style-2 #portfolio-filter a.active {
    color: #9f1010;
}

.style-3 .eventsListWidget li h6,
.style-3 .widget_categories li a,
.style-3 .widget_archive li a,
.style-3 .widget_popular_posts li h6,
.style-3 .widget_recent_comments li a,
.style-3 .widget_recent_entries li a,
.style-3 #portfolio-filter a.active {
    color: #69ad11;
}

.style-4 .eventsListWidget li h6,
.style-4 .widget_categories li a,
.style-4 .widget_archive li a,
.style-4 .widget_popular_posts li h6,
.style-4 .widget_recent_comments li a,
.style-4 .widget_recent_entries li a,
.style-4 #portfolio-filter a.active {
    color: #eba505;
}

.style-5 .eventsListWidget li h6,
.style-5 .widget_categories li a,
.style-5 .widget_archive li a,
.style-5 .widget_popular_posts li h6,
.style-5 .widget_recent_comments li a,
.style-5 .widget_recent_entries li a,
.style-5 #portfolio-filter a.active {
    color: #3b5381;
}

.style-6 .eventsListWidget li h6,
.style-6 .widget_categories li a,
.style-6 .widget_archive li a,
.style-6 .widget_popular_posts li h6,
.style-6 .widget_recent_comments li a,
.style-6 .widget_recent_entries li a,
.style-6 #portfolio-filter a.active {
    color: #5592b4;
}

.eventsListWidget li:hover h6,
.widget_categories li:hover a,
.widget_archive li:hover a,
.widget_popular_posts li:hover h6,
.widget_recent_comments li:hover a,
.widget_recent_entries li:hover a {
    color: #606163;
}

.widget_categories li a, .widget_archive li a {
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
}

.widget_recent_comments li a, .widget_recent_entries li a {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

.eventsListWidget li span,
.widget_popular_posts li span {
    color: #a1a1a1;
    font-size: 11px;
}

/* ---------------------------------------- */
/*	Calendar
		/* ---------------------------------------- */

.widget_calendar #wp-calendar {
    width: 100%;
    color: #555555;
    text-align: center;
}

.widget_calendar caption {
    margin-bottom: 1px;
    padding: 7px 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

.style-1 .widget_calendar caption,
.style-1 .widget_calendar tbody td > a {
    background-color: #17517a;
}

.style-2 .widget_calendar caption,
.style-2 .widget_calendar tbody td > a {
    background-color: #9f1010;
}

.style-3 .widget_calendar caption,
.style-3 .widget_calendar tbody td > a {
    background-color: #2a7313;
}

.style-4 .widget_calendar caption,
.style-4 .widget_calendar tbody td > a {
    background-color: #eba505;
}

.style-5 .widget_calendar caption,
.style-5 .widget_calendar tbody td > a {
    background-color: #3b5381;
}

.style-6 .widget_calendar caption,
.style-6 .widget_calendar tbody td > a {
    background-color: #4a5063;
}

.widget_calendar #wp-calendar th {
    padding: 1px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #cfcfd1;
    background: #fff;
    color: #606163;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
    text-align: center;
}

.widget_calendar #wp-calendar tfoot td {
    padding: 7px 0;
    background: #f9fafb;
}

.widget_calendar #wp-calendar tfoot #prev > a, .widget_calendar #wp-calendar tfoot #next > a {
    background-image: url(../images/icons/prevnext.png);
    background-repeat: no-repeat;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.widget_calendar tfoot #prev > a {
    padding: 1px 0 1px 30px;
    background-position: 0 2px;
}

.widget_calendar tfoot #next > a {
    padding: 1px 30px 1px 0;
    background-position: right 2px;
}

.widget_calendar #wp-calendar tbody td {
    height: 32px;
    line-height: 32px;
    color: #6d7a7e;
    font-size: 14px;
    background-color: #e9eaeb;
    border: 1px solid #fff;
}

    .widget_calendar #wp-calendar tbody td#today {
        background-color: #fdfdfd;
        border: 1px solid #d2d2d4;
    }

    .widget_calendar #wp-calendar tbody td.pad {
        background-color: #f9fafb;
        color: #6d7a7e;
    }

    .widget_calendar #wp-calendar tbody td > a {
        display: block;
        color: #fff;
    }

/* ---------------------------------------- */
/*	Testimonials
		/* ---------------------------------------- */

.testimonials {
    position: relative;
    margin-top: 80px;
    width: 100%;
    min-height: 280px;
}

.ie7 .testimonials,
.ie8 .testimonials {
    margin-top: 30px;
}

.testimonials .quoteBox {
    position: relative;
    z-index: 3;
    margin: 0 20px;
    padding: 25px 25px 40px;
    background-color: #fbfaf6;
}

.not-ie .testimonials .quoteBox {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

.ie7 .quoteBox,
.ie8 .quoteBox {
    margin: 0;
    border: 1px solid #ebebeb;
}

.testimonials .substrate-rotate-left,
.testimonials .substrate-rotate-right {
    position: absolute;
    margin: 0 20px;
    width: 88%;
    height: 300px;
}

.testimonials .substrate-rotate-left {
    top: -5px;
    left: 0;
    border: 1px solid rgba(0,0,0,.04);
    background-color: rgba(0,0,0,.062);
}

.not-ie .testimonials .substrate-rotate-left {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    transform: rotate(-6deg);
}

.testimonials .substrate-rotate-right {
    top: -25px;
    border: 1px solid rgba(0,0,0,.02);
    background-color: rgba(0,0,0,.04);
}

.not-ie .testimonials .substrate-rotate-right {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    transform: rotate(6deg);
}

.testimonials .quote-text {
    position: relative;
    margin-bottom: 1.5em;
    padding: 45px 0 40px;
    font: italic 14px/1.6 Arial, Helvetica, sans-serif;
    color: #6d7a7e;
}

    .testimonials .quote-text:after,
    .testimonials .quote-text:before {
        position: absolute;
        width: 33px;
        height: 23px;
        background-image: url(../images/quotes.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        content: '';
    }

    .testimonials .quote-text:before {
        left: 0;
        top: 0;
    }

    .testimonials .quote-text:after {
        bottom: 0;
        right: 0;
        background-position: right top;
    }

.testimonials .quote-author {
    font: italic 14px/1.6 Arial, Helvetica, sans-serif;
    color: #124162;
}

    .testimonials .quote-author span {
        display: block;
        font-size: 12px;
    }

/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */

#footer {
    position: relative;
    margin-top: 0px;
    padding: 0 0 30px;
}

.style-1 #footer {
    border-top-color: #17517a;
}

.style-2 #footer {
    border-top-color: #9f1010;
    font-size: 12px;
}

.style-3 #footer {
    border-top-color: #2a7313;
}

.style-4 #footer {
    border-top-color: #d98908;
}

.style-5 #footer {
    border-top-color: #3b5381;
}

.style-6 #footer {
    border-top-color: #4a5063;
}

ul.copyright {
    position: relative;
    clear: both;
    margin: 10px auto 0;
    padding: 10px 0 0;
    width: 84%;
    border-top: 2px solid #e0e1e3;
    list-style: none;
    text-align: center;
}

    ul.copyright:after {
        /*
        position: absolute;
		top: -10px;
		left: 50%;
		display: block;
		background: url(../images/stars.png) no-repeat 50% 0 #fff;
		
        width: 135px;
		margin-left: -67px;
		height: 16px;
		content: '';
        */
    }

    ul.copyright li:first-child {
        padding-left: 0;
    }

        ul.copyright li:first-child:before {
            margin: 0;
            content: '';
        }

    ul.copyright li {
        display: inline-block;
        font-size: 13px;
        color: #6d7a7e;
    }

.ie7 ul.copyright li {
    float: left;
}

ul.copyright li:before {
    margin: 0 8px;
    content: '.';
    vertical-align: text-bottom;
    line-height: 1.8;
}

/* -------------------------------------------------- */
/*	Widgets
	/* -------------------------------------------------- */

#footer .widget-container {
    margin-bottom: 55px;
}

#footer .widget-title {
    text-transform: uppercase;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

/* ---------------------------------------- */
/*	Custom Menu
		/* ---------------------------------------- */

#footer ul.menu li {
    padding: 7px 0 6px 0;
    border-bottom: 1px solid #e0e1e3;
}

    #footer ul.menu li:first-child {
        padding-top: 0;
    }

.style-1 #footer ul.menu li a {
    color: #1c7fbd;
}

.style-2 #footer ul.menu li a {
    color: #9f1010;
}

.style-3 #footer ul.menu li a {
    color: #69ad11;
}

.style-4 #footer ul.menu li a {
    color: #eba505;
}

.style-5 #footer ul.menu li a {
    color: #3b5381;
}

.style-6 #footer ul.menu li a {
    color: #5592b4;
}

#footer ul.menu li:hover a {
    color: #606163;
}

/* ---------------------------------------- */
/*	Links
		/* ---------------------------------------- */

#footer .widget_links li {
    padding: 7px 0 6px 0;
    border-bottom: 1px solid #e0e1e3;
}

    #footer .widget_links li:first-child {
        padding-top: 0;
    }

.style-1 #footer .widget_links li a {
    color: #1c7fbd;
}

.style-2 #footer .widget_links li a {
    color: #9f1010;
}

.style-3 #footer .widget_links li a {
    color: #69ad11;
}

.style-4 #footer .widget_links li a {
    color: #eba505;
}

.style-5 #footer .widget_links li a {
    color: #3b5381;
}

.style-6 #footer .widget_links li a {
    color: #5592b4;
}

#footer .widget_links li:hover a {
    color: #606163;
}

/* ---------------------------------------- */
/*	Twitter
		/* ---------------------------------------- */

.tweet {
    position: relative;
    margin: 0 0 15px 0;
    padding: 0 0 0 21px;
}

    .tweet:after {
        position: absolute;
        top: 4px;
        left: 0;
        width: 16px;
        height: 12px;
        background-image: url(../images/birds.png);
        background-repeat: no-repeat;
        content: "";
    }

.style-1 .tweet:after,
.style-5 .tweet:after,
.style-6 .tweet:after {
    background-position: 0 0;
}

.style-2 .tweet:after {
    background-position: 0 -16px;
}

.style-3 .tweet:after {
    background-position: 0 -32px;
}

.style-4 .tweet:after {
    background-position: 0 -48px;
}

.tweet .tweet-content {
    color: #6d7a7e;
}

.tweet .time {
    font-size: 11px;
}

.style-1 .time {
    color: #1c7fbd;
}

.style-2 .time {
    color: #9f1010;
}

.style-3 .time {
    color: #69ad11;
}

.style-4 .time {
    color: #eba505;
}

.style-5 .time {
    color: #3b5381;
}

.style-6 .time {
    color: #5592b4;
}

/* ---------------------------------------------------------------------- */
/*	Widgets
/* ---------------------------------------------------------------------- */

.container .widget-container {
    margin-bottom: 10px;
}

.widget-title {
    text-transform: uppercase;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.style-1 .widget-title {
    color: #124162;
}

.style-2 .widget-title,
.style-3 .widget-title,
.style-4 .widget-title,
.style-5 .widget-title,
.style-6 .widget-title {
    color: #373a3c;
}

/* ---------------------------------------- */
/*	Back to Top
	/* ---------------------------------------- */

#back-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 50;
    display: none;
    width: 45px;
    height: 45px;
    background-image: url(../images/icons/arrow.png);
    background-position: 50%;
    background-repeat: no-repeat;
    text-indent: -9999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

    #back-top:hover {
        -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15), inset 0 0 20px rgba(0,0,0,.2);
        -moz-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15), inset 0 0 20px rgba(0,0,0,.2);
        box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15), inset 0 0 20px rgba(0,0,0,.2);
    }


/* ---------------------------------------- */
/*	Content Tabs
	/* ---------------------------------------- */

ul.tabs-nav {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none outside none;
}

.tabs-nav li {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 19px;
}

ul.tabs-nav li a {
    display: block;
    padding: 10px 30px;
    outline: medium none;
    border: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    border-left: none;
    background-color: #f6f6f7;
    border-color: #d4d4d4;
    color: #606163;
    text-decoration: none;
    letter-spacing: 0;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif, serif;
    -webkit-transition: background-color .25s linear;
    -moz-transition: background-color .25s linear;
    -o-transition: background-color .25s linear;
    transition: background-color .25s linear;
}

ul.tabs-nav li:first-child a {
    border-left: 1px solid #d4d4d4;
}

ul.tabs-nav li:hover a {
    background-color: #d4d2d2;
    color: #fff;
}

ul.tabs-nav li.active {
    line-height: 18px;
}

    ul.tabs-nav li.active a {
        background-color: #fff;
        color: #313131;
        border-bottom: 2px solid #fff;
    }

.tabs-container {
    overflow: hidden;
    margin: -1px 0 20px;
    width: 100%;
    border: 1px solid #d4d4d4;
}

.tab-content {
    padding: 25px 20px;
}

/* ---------------------------------------- */
/*	Accordion Content
	/* ---------------------------------------- */

.acc-trigger:first-of-type {
    border-top: 1px solid #d4d4d4;
}

.acc-trigger {
    margin: 0;
    display: block;
    cursor: pointer;
    border: 1px solid #d4d4d4;
    border-top: none;
}

    .acc-trigger a {
        position: relative;
        display: block;
        padding: 10px 20px 10px 38px;
        outline: medium none;
        background-color: #fff;
        color: #606163;
        text-decoration: none;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif, serif;
        cursor: pointer;
    }

        .acc-trigger a:after {
            position: absolute;
            left: 11px;
            top: 50%;
            margin-top: -8px;
            width: 17px;
            height: 17px;
            background-image: url(../images/collapse.png);
            background-repeat: no-repeat;
            background-position: 0 0;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            content: '';
        }

.style-1 .acc-trigger a:after,
.style-1 .trigger:after {
    background-color: #539bc7;
}

.style-2 .acc-trigger a:after,
.style-2 .trigger:after {
    background-color: #B22B2D;
}

.style-3 .acc-trigger a:after,
.style-3 .trigger:after {
    background-color: #79B027;
}

.style-4 .acc-trigger a:after,
.style-4 .trigger:after {
    background-color: #EBA505;
}

.style-5 .acc-trigger a:after,
.style-5 .trigger:after {
    background-color: #3b5381;
}

.style-6 .acc-trigger a:after,
.style-6 .trigger:after {
    background-color: #75a9c7;
}

.ie7 .acc-trigger a:after {
    top: 43%;
}

.acc-trigger.active a:after {
    background-position: 0 -17px;
}

.acc-trigger.active,
.acc-trigger.active > a {
    background-color: #f6f6f7;
    cursor: default !important;
}

.acc-trigger a:hover {
    background-color: #f6f6f7;
    cursor: pointer;
}

.acc-container .content {
    padding: 25px 20px;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}

/* ---------------------------------------- */
/*	Content Toggle
	/* ---------------------------------------- */

.box-toggle {
    margin-bottom: 4px;
    border: 1px solid #d4d4d4;
}

.trigger {
    position: relative;
    display: block;
    padding: 10px 20px 10px 38px;
    outline: medium none;
    background-color: #fff;
    color: #606163;
    text-decoration: none;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif, serif;
    cursor: pointer;
}

.ie7 .trigger {
    height: 20px;
}

.trigger:after {
    position: absolute;
    left: 11px;
    top: 50%;
    margin-top: -8px;
    width: 17px;
    height: 17px;
    background-image: url(../images/collapse.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '';
}

.trigger.active {
    border-bottom: 1px solid #d4d4d4;
}

    .trigger.active:after {
        background-position: 0 -17px;
    }

.trigger:hover,
.trigger.active {
    background-color: #f6f6f7;
}

.toggle-container {
    display: none;
    padding: 15px;
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

    #control_panel {
        display: none;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {





    /* ---------------------------------------------------------------------- */
    /*	Layout
	/* ---------------------------------------------------------------------- */

    .wrap {
        width: 788px;
    }

    .container {
        width: 748px;
    }

    /* -------------------------------------------------- */
    /*	Columns
		/* -------------------------------------------------- */

    .one-half {
        width: 364px;
    }

    .one-third {
        width: 236px;
    }

    .two-third {
        width: 492px;
    }

    .one-fourth {
        width: 172px;
    }

    .three-fourth {
        width: 556px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Header
	/* ---------------------------------------------------------------------- */

    /* -------------------------------------------------- */
    /*	Main Navigation
		/* -------------------------------------------------- */

    .navigation > ul > li > a {
        padding: 0 15px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Home
	/* ---------------------------------------------------------------------- */

    ul.block-with-icons li {
        width: 248px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Content
	/* ---------------------------------------------------------------------- */

    #content {
        float: left;
        width: 488px;
    }

        /* -------------------------------------------------- */
        /*	Layout
		/* -------------------------------------------------- */

        #content .one-fourth {
            width: 234px;
        }

    /* ---------------------------------------------------------------------- */
    /*	Events
	/* ---------------------------------------------------------------------- */

    .event-body {
        width: 245px;
    }

        /* -------------------------------------------------- */
        /*	Columns
		/* -------------------------------------------------- */

        .event-body .one-half {
            width: 232px;
        }

    /* ---------------------------------------------------------------------- */
    /*	Blog
	/* ---------------------------------------------------------------------- */

    .post-item,
    .second .post {
        margin-right: 20px;
        width: 234px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Contact Us
	/* ---------------------------------------------------------------------- */

    #contact textarea {
        max-width: 470px;
        min-width: 470px;
        width: 470px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Sidebar
	/* ---------------------------------------------------------------------- */

    #sidebar {
        float: right;
        width: 220px;
    }

    /* -------------------------------------------------- */
    /*	Widgets
		/* -------------------------------------------------- */

    .fb-like-box iframe {
        width: 220px !important;
    }

    /* ---------------------------------------- */
    /*	Search
			/* ---------------------------------------- */

    .widget_search input[type="text"] {
        width: 155px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

ul.tabs-nav li a {
    padding: 10px 12px;
}


    /* ---------------------------------------------------------------------- */
    /*	Layout
	/* ---------------------------------------------------------------------- */

    .wrap {
        width: 320px;
    }

    .container {
        width: 300px;
    }

    /* -------------------------------------------------- */
    /*	Columns
		/* -------------------------------------------------- */

    .one-half,
    .one-third,
    .one-fourth,
    .two-third,
    .three-fourth {
        /*float: none;*/
        margin-right: 0;
    }

    .one-half,
    .one-third,
    .one-fourth,
    .two-third,
    .three-fourth {
        width: 300px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Header
	/* ---------------------------------------------------------------------- */

    #logo {
        float: none;
        display: block;
        text-align: center;
    }

    /* -------------------------------------------------- */
    /*	Main Navigation
		/* -------------------------------------------------- */

    .navigation {
        padding: 0 10px;
    }

        .navigation > ul {
            display: none;
        }

        .navigation .nav-responsive {
            display: inline-block;
        }

    a.donate {
        padding: 0 15px;
    }

    /* -------------------------------------------------- */
    /*	Social Links
		/* -------------------------------------------------- */

    ul.social-links {
        float: none;
        text-align: center;
    }

    /* ---------------------------------------------------------------------- */
    /*	Home
	/* ---------------------------------------------------------------------- */

    ul.block-with-icons li {
        margin-bottom: 15px;
        width: 100%;
        border: 1px solid #E7E7E9;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* -------------------------------------------------- */
    /*	Slider
		/* -------------------------------------------------- */

    .caption {
        display: none;
    }

    /* ---------------------------------------------------------------------- */
    /*	Content
	/* ---------------------------------------------------------------------- */

    #content {
        float: none;
        width: 100%;
    }

    /* ---------------------------------------------------------------------- */
    /*	Events
	/* ---------------------------------------------------------------------- */

    .event-body {
        float: none;
        width: 100%;
        padding-right: 0;
        border-right: none;
    }

    .event-meta {
        float: none;
        width: 100%;
    }


    /* -------------------------------------------------- */
    /*	Columns
		/* -------------------------------------------------- */

    .event-body .one-half {
        width: 100%;
    }

    /* ---------------------------------------------------------------------- */
    /*	Blog
	/* ---------------------------------------------------------------------- */

    .post-item:nth-child(1) {
        border: none;
    }

    .post-item,
    .second .post {
        float: none;
        margin-right: 0;
        width: 100%;
    }

    /* -------------------------------------------------- */
    /*	Respond
		/* -------------------------------------------------- */

    #commentform textarea {
        height: 150px;
        max-height: 250px;
        max-width: 278px;
        min-height: 150px;
        min-width: 278px;
        width: 278px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Portfolio
	/* ---------------------------------------------------------------------- */

    #portfolio-items article img {
        width: 300px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Contact Us
	/* ---------------------------------------------------------------------- */

    #contact input[type="text"] {
        width: 278px;
    }

    .textarea-block label,
    .textarea-block label strong {
        display: block;
    }

    #contact textarea {
        height: 150px;
        max-height: 250px;
        max-width: 278px;
        min-height: 150px;
        min-width: 278px;
        width: 278px;
    }

    #contact .textarea-block label {
        display: block;
    }

    /* ---------------------------------------------------------------------- */
    /*	Sidebar
	/* ---------------------------------------------------------------------- */

    #sidebar {
        float: none;
        width: 100%;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    /* ---------------------------------------------------------------------- */
    /*	Layout
	/* ---------------------------------------------------------------------- */

    .wrap {
        width: 460px;
    }

    .container {
        width: 420px;
    }

    /* -------------------------------------------------- */
    /*	Columns
		/* -------------------------------------------------- */

    .one-half,
    .one-third,
    .one-fourth,
    .two-third,
    .three-fourth {
        float: none;
        margin-right: 0;
    }

    .one-half,
    .one-third,
    .one-fourth,
    .two-third,
    .three-fourth {
        width: 420px;
    }

    .full-width > .one-fourth {
        float: left;
        width: 200px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Header
	/* ---------------------------------------------------------------------- */

    #logo {
        float: none;
        display: block;
        text-align: center;
    }
    #schoolSlider {
        height: 76px;
    }
    .spotschools {
        height: 76px;
    }
    /* -------------------------------------------------- */
    /*	Main Navigation
		/* -------------------------------------------------- */

    .navigation {
        padding: 0 20px;
    }

    /* -------------------------------------------------- */
    /*	Respond
		/* -------------------------------------------------- */

    .contact-form input,
    #commentform input {
        width: 250px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Header
	/* ---------------------------------------------------------------------- */

    /* -------------------------------------------------- */
    /*	Layout
		/* -------------------------------------------------- */

    #content .one-fourth {
        width: 420px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Portfolio
	/* ---------------------------------------------------------------------- */

    #portfolio-items article {
        width: 200px;
    }

        #portfolio-items article img {
            width: 200px;
        }


    /* ---------------------------------------------------------------------- */
    /*	Contact Us
	/* ---------------------------------------------------------------------- */

    #contact input[type="text"] {
        width: 398px;
    }

    #contact .textarea-block label {
        display: block;
    }

    #contact textarea,
    #commentform textarea {
        height: 150px;
        max-height: 250px;
        max-width: 398px;
        min-height: 150px;
        min-width: 398px;
        width: 398px;
    }
}

/* ---------------------------------------------------------------------- */
/*	Keyframes
	/* ---------------------------------------------------------------------- */

@-webkit-keyframes move {
    0% {
        -moz-transform: scale(0);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-moz-keyframes move {
    0% {
        -moz-transform: scale(0);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@keyframes move {
    0% {
        -moz-transform: scale(0);
    }

    100% {
        -moz-transform: scale(1);
    }
}

.control_panel {
    position: fixed;
    z-index: 99;
    zoom: 1;
    top: 260px;
    left: 13px;
}

    .control_panel ul {
        padding: 4px;
        background-color: #fff;
    }

.not-ie .control_panel ul {
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,.1);
    box-shadow: 0 0 7px rgba(0,0,0,.1);
}

.control_panel ul li {
    margin-top: 3px;
}

    .control_panel ul li:first-child {
        margin-top: 0;
    }

.control_panel ul a {
    display: block;
    width: 38px;
    height: 38px;
    border: 1px solid transparent;
}

.control_panel li.active a {
    border-color: #000;
}

.control_panel .style-1 {
    background-color: #17517a;
}

.control_panel .style-2 {
    background-color: #9f1010;
}

.control_panel .style-3 {
    background-color: #2a7313;
}

.control_panel .style-4 {
    background-color: #eba505;
}

.control_panel .style-5,
.control_panel .style-6 {
    background-image: url(../images/sprite-style.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.control_panel .style-6 {
    background-position: 0 bottom;
}













/* ###################################################################
	
	ITEM NAME  : Meganizr Responsive CSS3 Mega Menu
	ITEM URI   : http://codecanyon.net/item/meganizr-responsive-css3-mega-menu/2629504
	VERSION    : 1.1.0
	AUTHOR     : Valeriu Timbuc
	AUTHOR URI : http://vtimbuc.net
	LICENSE    : Purchased License - Regular or Extended - http://codecanyon.net/licenses/regular_extended

################################################################### */



/* ###################################################################

	// 1. RESET STYLES
	// 2. NAVIGATION BAR STYLES
	// 3. SEARCH FORM
	// 4. DROPDOWN
	// 5. CONTENT STYLES
	// 6. RESPONSIVE
	// 7. EXTRA COLOR STYLES

################################################################### */



/* // 1. RESET STYLES */
/* ################################################################ */
.meganizr, .meganizr ul, .meganizr li, .meganizr a, .meganizr img, .meganizr p, .meganizr form, .meganizr input, .meganizr textarea, .meganizr h3, .meganizr h4, .meganizr h5 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: bold;
}

    .meganizr a {
        text-decoration: none;
    }

    .meganizr li {
        list-style: none;
    }

    .meganizr input, .meganizr textarea, .meganizr img {
        outline: none;
        border: none;
        background: none;
    }



/* // 2. NAVIGATION BAR STYLES */
/* ################################################################ */
.meganizr {
    position: relative;
    z-index: 500;
    clear: both;
    width: 100%;
    height: 37px;
    border: 1px solid #9e9e9e;
    background: #fefefe;
    background: -webkit-linear-gradient(top, #fefefe 0%, #ededed 100%);
    background: -moz-linear-gradient(top, #fefefe 0%, #ededed 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #ededed 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #ededed 100%);
    background: linear-gradient(top, #fefefe 0%, #ededed 100%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: -1px;
}

    .meganizr:before,
    .meganizr:after {
        content: '';
        clear: both;
    }

    /* Nav List */
    .meganizr > li {
        position: relative;
        display: block;
        float: left;
        height: 37px;
        border-right: 1px solid #9e9e9e;
    }

        .meganizr > li.mzr-full-width {
            position: static;
        }

        .meganizr > li.mzr-align-right {
            float: right;
            border-right: none;
            border-left: 1px dotted #ccc;
        }

        /* Nav Links */
        .meganizr > li > a {
            position: relative;
            z-index: 550;
            display: block;
            padding: 3px 25px 0 25px;
            line-height: 34px;
            /*font-family: 'Play', Helvetica, Arial, sans-serif;*/
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: #525252;
            text-shadow: 0px 1px 1px white;
            -webkit-transition: color .15s ease-in, background-image .2s linear .15s;
            -moz-transition: color .15s ease-in, background-image .2s linear .15s;
            -o-transition: color .15s ease-in, background-image .2s linear .15s;
            -ms-transition: color .15s ease-in, background-image .2s linear .15s;
            transition: color .15s ease-in, background-image .2s linear .15s;
        }

            .meganizr > li > a:hover {
                color: #ffffff;
                background-color: #B22B2D;
                -webkit-transition: background-color 1ms;
                -moz-transition: background-color 1ms;
                -o-transition: background-color 1s;
                -ms-transition: background-color 1s;
                transition: background-color 1s;
                text-shadow: none;
            }

            .meganizr > li > a:active {
                color: #ffffff;
                background-color: #B22B2D;
                -webkit-transition: color 1ms;
                -moz-transition: color 1ms;
                -o-transition: color 1s;
                -ms-transition: color 1s;
                transition: color 1s;
                text-shadow: none;
            }

        .meganizr > li.mzr-drop:hover > a:after,
        .meganizr > li.mzr-drop > a.mzr-click:after {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 100%;
            height: 38px;
            background: transparent url(../images/mega/drop-arrow.png) no-repeat bottom center;
        }

        .meganizr > li.mzr-drop:hover > a,
        .meganizr > li.mzr-drop > a.mzr-click {
            z-index: 650;
        }

        /* Home Icon */

        .meganizr > li.mzr-home-dark > a,
        .meganizr > li.mzr-home-light > a {
            text-indent: -9999px;
            background-position: center center;
            background-repeat: no-repeat;
        }

        .meganizr > li.mzr-home-dark > a {
            background-image: url(../images/mega/home_dark.png);
        }

        .meganizr > li.mzr-home-light > a {
            background-image: url(../images/mega/home_light.png);
        }



        /* // 3. SEARCH FORM */
        /* ################################################################ */
        .meganizr > li.mzr-search > form {
            position: relative;
            height: 20px;
            margin-right: 20px;
            padding: 10px 25px 8px 25px;
        }

        .meganizr > li.mzr-search input {
            width: 80px;
            height: 20px;
            line-height: 20px;
            /*font-family: 'Play', Helvetica, Arial, sans-serif;*/
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: #5e5e5e;
            text-shadow: 0px 1px 1px white;
            -webkit-transition: width .2s ease-in;
            -moz-transition: width .2s ease-in;
            -o-transition: width .2s ease-in;
            -ms-transition: width .2s ease-in;
            transition: width .2s ease-in;
            box-shadow: none;
        }

            .meganizr > li.mzr-search input:focus {
                width: 130px;
                background: none;
                outline: none;
            }

            .meganizr > li.mzr-search input[type=submit] {
                position: absolute;
                cursor: pointer;
                width: 20px;
                height: 20px;
                top: 10px;
                right: 0;
                background: url(../images/mega/search-icon.png) no-repeat 0 0;
            }



        /* // 4. DROPDOWN */
        /* ################################################################ */
        .meganizr > li > div,
        .meganizr > li > ul,
        .meganizr > li > ul li > ul {
            position: absolute;
            z-index: 600;
            padding: 10px 0;
            top: 37px;
            left: -1px;
            opacity: 0;
            overflow: hidden;
            visibility: hidden;
            background-color: #ffffff;
            border: 1px solid #9e9e9e;
            -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 1px rgba(255, 255, 255, 0.7);
            -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 1px rgba(255, 255, 255, 0.7);
            box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 1px rgba(255, 255, 255, 0.7);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

        .meganizr > li.mzr-align-right > div {
            left: auto;
            right: -1px;
        }

/* Transitions */
.mzr-slide > li > div,
.mzr-slide > li > ul,
.mzr-slide > li > ul li > ul,
.mzr-fade > li > div,
.mzr-fade > li > ul,
.mzr-fade > li > ul li > ul {
    -webkit-transition: all .25s linear .15s;
    -moz-transition: all .25s linear .15s;
    -o-transition: all .25s linear .15s;
    -ms-transition: all .25s linear .15s;
    transition: all .25s linear .15s;
}

    .mzr-slide > li > div,
    .mzr-slide > li > ul,
    .mzr-slide > li > ul li > ul {
        top: 100px;
    }

        .mzr-slide > li.mzr-drop:hover > div,
        .mzr-slide > li.mzr-drop:hover > ul,
        .mzr-slide > li > ul li.mzr-drop:hover > ul {
            top: 37px;
            opacity: 1;
            overflow: visible;
            visibility: visible;
        }

    .mzr-fade > li.mzr-drop:hover > div,
    .mzr-fade > li.mzr-drop:hover > ul,
    .mzr-fade > li > ul li.mzr-drop:hover > ul,
    .meganizr > li.mzr-drop:hover > div,
    .meganizr > li.mzr-drop:hover > ul,
    .meganizr > li > ul li.mzr-drop:hover > ul {
        opacity: 1;
        overflow: visible;
        visibility: visible;
    }

/* Dropdown Columns */
.meganizr .drop-two-columns {
    width: 320px;
}

.meganizr .drop-three-columns {
    width: 480px;
}

.meganizr .drop-four-columns {
    width: 335px;
}

.meganizr .drop-five-columns {
    width: 800px;
}

.meganizr .drop-six-columns {
    width: 960px;
}

.meganizr .mzr-full-width > div {
    width: 100%;
}

/* Content Columns */
.meganizr .one-col {
    width: 140px;
}

.meganizr .two-col {
    width: 300px;
}

.meganizr .three-col {
    width: 460px;
}

.meganizr .four-col {
    width: 620px;
}

.meganizr .five-col {
    width: 780px;
}

.meganizr .six-col {
    width: 940px;
}

.meganizr .one-col, .meganizr .two-col, .meganizr .three-col, .meganizr .four-col, .meganizr .five-col, .meganizr .six-col {
    float: left;
    /*margin: 10px;*/
}

/* Fluid Content Columns */
@media only screen and (min-width: 960px) {

    .meganizr .mzr-full-width .one-col {
        width: 14%;
    }

    .meganizr .mzr-full-width .two-col {
        width: 30.6664%;
    }

    .meganizr .mzr-full-width .three-col {
        width: 47.3328%;
    }

    .meganizr .mzr-full-width .four-col {
        width: 63.9992%;
    }

    .meganizr .mzr-full-width .five-col {
        width: 80.6656%;
    }

    .meganizr .mzr-full-width .six-col {
        width: 97.332%;
    }

    .meganizr .mzr-full-width .one-col, .meganizr .mzr-full-width .two-col, .meganizr .mzr-full-width .three-col, .meganizr .mzr-full-width .four-col, .meganizr .mzr-full-width .five-col, .meganizr .mzr-full-width .six-col {
        margin: 1.3332%;
    }
}

/* Dropdown Levels */
.meganizr > li > ul,
.meganizr > li > ul li > ul {
    width: 200px;
    padding: 10px;
}

    .meganizr > li > ul li.mzr-drop:hover > ul,
    .meganizr.mzr-fade > li > ul li.mzr-drop > ul {
        top: -11px;
    }

    .meganizr > li > ul li {
        position: relative;
    }

        .meganizr > li > ul li > ul {
            position: absolute;
            left: 100%;
        }

.meganizr > li.mzr-align-right > ul {
    left: auto;
    right: 0;
}

.meganizr > li > ul li.mzr-align-left > ul {
    position: absolute;
    left: auto;
    right: 105%;
}

.meganizr > li > ul a {
    display: block;
    line-height: 38px;
    border-bottom: 1px dotted #e1e1e1;
    /*font-family: 'Play', Helvetica, Arial, sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #5e5e5e;
    text-shadow: 0px 1px 1px white;
    -webkit-transition: color .15s ease-in;
    -moz-transition: color .15s ease-in;
    -o-transition: color .15s ease-in;
    -ms-transition: color .15s ease-in;
    transition: color .15s ease-in;
}

.meganizr > li > ul li:last-child a {
    border: none;
}

.meganizr > li > ul a:hover {
    color: #888;
}

.meganizr > li > ul li.mzr-drop > a {
    background: url(../images/mega/arrow.png) no-repeat 140px 16px;
}

.meganizr > li > ul li.mzr-align-left.mzr-drop > a {
    background: url(../images/mega/arrow-inverse.png) no-repeat 140px 16px;
}



/* // 5. CONTENT STYLES */
/* ################################################################ */

/* Images */
.mzr-content img {
    max-width: 100%;
    opacity: 0.9;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

    .mzr-content img:hover {
        opacity: 1;
    }

/* Text */
.mzr-content h2, .mzr-content h3, .mzr-content h4 {
    color: #555;
    margin: 10px 0;
}

.mzr-content h2 {
    font-size: 20px;
}

.mzr-content h3 {
    font-size: 18px;
}

.mzr-content h4 {
    font-size: 16px;
}

.mzr-content p {
    padding: 10px 0;
    line-height: 18px;
    color: #333;
}

/* Button */
.mzr-content .button,
.mzr-content input[type=submit] {
    cursor: pointer;
    display: inline-block;
    padding: 6px 25px;
    margin: 5px 0 10px 0;
    background: #eeeeee;
    border: 1px solid #e4e4e4;
    color: #666;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
}

    .mzr-content .button:hover,
    .mzr-content input[type=submit]:hover {
        -webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
        -moz-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
        box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
    }

    .mzr-content .button:active,
    .mzr-content input[type=submit]:active {
        -webkit-transition-duration: 25ms;
        -moz-transition-duration: 25ms;
        -o-transition-duration: 25ms;
        -ms-transition-duration: 25ms;
        transition-duration: 25ms;
        -webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px -1px 1px 0px rgba(255, 255, 255, 1);
        -moz-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px -1px 1px 0px rgba(255, 255, 255, 1);
        box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px -1px 1px 0px rgba(255, 255, 255, 1);
    }

/* Links */
.mzr-content a {
    color: #666;
}

    .mzr-content a:hover {
        color: #333;
    }

.mzr-content .mzr-links a {
    display: block;
    padding: 5px 0;
    line-height: 20px;
    border-bottom: 1px dotted #e1e1e1;
}

.mzr-content .mzr-links li:last-child a {
    border: none;
}

/* Cursor */
.mzr-content {
    cursor: default;
}

    /* Floats */
    .mzr-content .fl {
        float: left;
    }

    .mzr-content .fr {
        float: right;
    }

    .mzr-content .cb {
        clear: both;
    }

    .mzr-content .cl {
        clear: left;
    }

    .mzr-content .cr {
        clear: right;
    }

    .mzr-content .block {
        display: block;
        margin-top: 10px;
    }

    /* Forms */
    .mzr-content input[type=text], .mzr-content input[type=email], .mzr-content textarea {
        display: block;
        width: 160px;
        padding: 9px 10px 8px 35px;
        line-height: 18px;
        margin-bottom: 10px;
        background-color: #f6f6f6;
        background-repeat: no-repeat;
        background-position: 10px 9px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: box-shadow linear 0.2s;
        -moz-transition: box-shadow linear 0.2s;
        -ms-transition: box-shadow linear 0.2s;
        -o-transition: box-shadow linear 0.2s;
        transition: box-shadow linear 0.2s;
        border: 1px solid transparent;
    }

        .mzr-content input[type=text]:hover, .mzr-content input[type=email]:hover, .mzr-content textarea:hover {
            background-color: #f0f0f0;
        }

        .mzr-content input[type=text]:focus, .mzr-content input[type=email]:focus, .mzr-content textarea:focus {
            background-color: #f0f0f0;
            outline: none;
        }

    .mzr-content textarea {
        width: 250px;
        max-width: 250px;
        height: 100px;
    }

    .mzr-content #name {
        background-image: url(../images/mega/user.png);
    }

    .mzr-content #email {
        background-image: url(../images/mega/mail.png);
    }

    .mzr-content #message {
        background-image: url(../images/mega/baloon.png);
    }



/* // 6. RESPONSIVE */
/* ################################################################ */

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

    .mzr-responsive {
        height: auto;
        float: left;
        clear: both;
        margin: 25px 0;
    }

        .mzr-responsive > li,
        .mzr-responsive > li.mzr-align-right {
            display: inline-block;
            float: left;
            position: static;
            border: none;
            width: 33.2%;
        }

            .mzr-responsive > li.mzr-drop {
                background: url(../images/mega/arrow-down.png) no-repeat right center;
            }

        .mzr-responsive .drop-two-columns,
        .mzr-responsive .drop-three-columns,
        .mzr-responsive .drop-four-columns,
        .mzr-responsive .drop-five-columns,
        .mzr-responsive .drop-six-columns {
            width: 100%;
        }

        .mzr-responsive .one-col,
        .mzr-responsive .two-col,
        .mzr-responsive .three-col {
            width: 45.5%;
            margin: 2%;
        }

        .mzr-responsive .four-col,
        .mzr-responsive .five-col,
        .mzr-responsive .six-col,
        .mzr-responsive .mzr-contact .one-col,
        .mzr-responsive .mzr-contact .two-col,
        .mzr-responsive .mzr-contact .three-col,
        .mzr-responsive .mzr-contact .four-col,
        .mzr-responsive .mzr-contact .five-col,
        .mzr-responsive .mzr-contact .six-col {
            width: 95.5%;
            margin: 2%;
        }

        .mzr-responsive.mzr-slide > li > div,
        .mzr-responsive.mzr-slide > li > ul,
        .mzr-responsive.mzr-slide > li > ul li > ul,
        .mzr-responsive.mzr-fade > li > div,
        .mzr-responsive.mzr-fade > li > ul,
        .mzr-responsive.mzr-fade > li > ul li > ul {
            top: auto;
        }

            .mzr-responsive.mzr-slide > li.mzr-drop:hover > div,
            .mzr-responsive.mzr-slide > li.mzr-drop:hover > ul,
            .mzr-responsive.mzr-slide > li > ul li.mzr-drop:hover > ul,
            .mzr-responsive.mzr-fade > li.mzr-drop:hover > div,
            .mzr-responsive.mzr-fade > li.mzr-drop:hover > ul,
            .mzr-responsive.mzr-fade > li > ul li.mzr-drop:hover > ul {
                top: auto;
            }

        .mzr-responsive > li.mzr-search input {
            width: 90%;
        }

            .mzr-responsive > li.mzr-search input:focus {
                width: 90%;
            }

            .mzr-responsive > li.mzr-search input[type=text] {
                border: 1px solid #ccc;
                padding-left: 5px;
            }

        .mzr-responsive .mzr-content input[type=text],
        .mzr-responsive .mzr-content input[type=email],
        .mzr-responsive .mzr-content textarea {
            width: 80%;
            max-width: 80%;
            padding: 9px 4% 8px 15%;
        }

        .mzr-responsive li.mzr-drop.mzr-levels,
        .mzr-responsive li.mzr-drop.mzr-contact {
            position: relative;
        }

        .mzr-responsive > li.mzr-drop > ul,
        .mzr-responsive > li.mzr-drop > ul li > ul {
            width: 100%;
            padding: 0;
        }

        .mzr-responsive > li > ul li > ul,
        .mzr-responsive > li > ul li.mzr-align-left > ul,
        .mzr-responsive > li.mzr-align-right > ul {
            left: -1px;
        }

        .mzr-responsive > li > ul a {
            margin-left: 10px;
            margin-right: 10px;
        }

        .mzr-responsive > li > ul li.mzr-drop > a,
        .mzr-responsive > li > ul li.mzr-align-left.mzr-drop > a {
            background: url(../images/mega/arrow-down.png) no-repeat 100% center;
        }
}

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

    .mzr-responsive > li,
    .mzr-responsive > li.mzr-align-right {
        width: 49.5%;
    }
}

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

    .mzr-responsive > li,
    .mzr-responsive > li.mzr-align-right {
        display: block;
        width: 100%;
    }

    .mzr-responsive .one-col,
    .mzr-responsive .two-col,
    .mzr-responsive .three-col,
    .mzr-responsive .four-col,
    .mzr-responsive .five-col,
    .mzr-responsive .six-col {
        width: 95.5%;
        margin: 2%;
    }
}



/* // 7. EXTRA COLOR STYLES */
/* ################################################################ */

/* Paste your custom color schemes/styles here. */









/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0 0 20px 0;
    padding: 0;
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }
    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img {
        max-width: 100%;
        display: block;
        visibility: hidden;
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}


/* FlexSlider Default Theme
*********************************/

.flexslider {
    position: relative;
    zoom: 1;
    background: url(images/loading.gif) no-repeat scroll center center #FFFFFF;
}

    .flexslider .slides {
        zoom: 1;
    }

        .flexslider .slides > li {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border: 8px solid #e0e1e3;
            overflow: hidden;
        }

    .flexslider .caption {
        position: absolute;
        top: 8px;
        bottom: 8px;
        right: 8px !important; /* -31.5%*/
        width: 31.5%;
        background-repeat: repeat;
        background-color: rgba(0,0,0,.5);
    }

.ie8 .flexslider .caption {
    background-image: url(images/mask.png);
}

.ie7 .flexslider .caption {
    background-image: url(images/mask.png);
    zoom: 1;
}

.flexslider .caption-entry {
    padding: 30px;
}

.caption-title {
    margin-bottom: 7%;
    padding: 10% 0 7px 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
}

.caption-entry h2 {
    margin: 0;
    color: #fff;
    font-size: 30px;
    font-family: 'Alice', serif;
    text-transform: uppercase;
}

.caption-entry p {
    opacity: .9;
    color: #f5f4f6;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif, serif;
}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {
    zoom: 1;
    position: relative;
}

/* Caption style */

/* IE rgba() hack */
.flex-caption {
    background: none;
    /*-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    zoom: 1;*/
}

.flex-caption {
    width: 96%;
    padding: 2%;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    font-size: 14px;
    line-height: 18px;
}

/* Direction Nav */

.flex-direction-nav {
    position: absolute;
    z-index: 5;
    bottom: 18px;
    right: 18px;
}

    .flex-direction-nav li {
        float: left;
        margin-left: 1px;
    }

        .flex-direction-nav li a {
            display: block;
            width: 27px;
            height: 27px;
            background-image: url(../images/direction-nav.png);
            background-color: rgba(0,0,0,.5);
            background-repeat: no-repeat;
            text-indent: -999em;
            cursor: pointer;
        }

.not-ie .flex-direction-nav li a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.ie7 .flex-direction-nav li a,
.ie8 .flex-direction-nav li a {
    background-color: rgb(0,0,0);
    filter: alpha(opacity=70);
}

.flex-direction-nav li .next {
    background-position: right top;
}

.style-1 .flex-direction-nav li a:hover {
    background-color: #549dc8;
}

.style-2 .flex-direction-nav li a:hover {
    background-color: #E53535;
}

.style-3 .flex-direction-nav li a:hover {
    background-color: #79B027;
}

.style-4 .flex-direction-nav li a:hover {
    background-color: #EBA505;
}

.style-5 .flex-direction-nav li a:hover {
    background-color: #3B5381;
}

.style-6 .flex-direction-nav li a:hover {
    background-color: #75A9C7;
}

.flex-direction-nav li .disabled {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: default;
}

/* Control Nav */

.flex-control {
    position: absolute;
    bottom: 0;
    padding: 9px 0;
    width: 100%;
    height: 3px;
    background-color: rgba(0,0,0,.5);
}

.ie7 .flex-control,
.ie8 .flex-control {
    background: url(../images/mask-light.png) repeat;
}

.flex-control-nav {
    float: right;
    margin-right: 20px;
    list-style: none;
}

    .flex-control-nav li {
        margin: 0 0 0 5px;
        float: left;
        display: block;
        zoom: 1;
    }

        .flex-control-nav li:first-child {
            margin: 0;
        }

        .flex-control-nav li a {
            display: block;
            width: 35px;
            height: 3px;
            background-color: #232323;
            cursor: pointer;
            text-indent: -9999em;
        }

            .flex-control-nav li a:hover {
                background-color: #ccc;
            }

            .flex-control-nav li a.active {
                background-color: #ffcc00;
                cursor: default;
            }


















/*! fancyBox v2.0.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
    vertical-align: top;
    padding: 0;
    margin: 0;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1002;
}

.fancybox-outer {
    position: relative;
    padding: 0;
    margin: 0;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 1003;
}

    .fancybox-opened .fancybox-outer {
        -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    }

.fancybox-inner {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    outline: none;
    overflow: hidden;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 10px;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(fancybox_sprite.png);
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 1010;
}

    #fancybox-loading div {
        width: 44px;
        height: 44px;
        background: url('fancybox_loading.gif') center center no-repeat;
    }

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 1004;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    z-index: 1005;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 10032;
    zoom: 1;
    visibility: hidden;
}

.fancybox-prev span {
    left: 20px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 20px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible !important;
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    padding: 0;
    overflow: visible;
    visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 1001;
    background: #000;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 1005;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 1003;
    text-align: center;
}

    .fancybox-title-float-wrap .child {
        display: inline-block;
        margin-right: -100%;
        padding: 2px 20px;
        background: transparent; /* Fallback for web browsers that doesn't support RGBa */
        background: rgba(0, 0, 0, 0.8);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        text-shadow: 0 1px 2px #222;
        color: #FFF;
        font-weight: bold;
        line-height: 24px;
        white-space: nowrap;
    }

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    margin-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}


/* AutoSuggest CSS - Version 1.2 */

/*
.btnGo {
	color: #666666;
	background-color: #f4f4f4;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#d5d5d5));
	border-color: #bbb;
	border-top-color: #ccc;
	box-shadow: 0 1px 1px #e9e9e9;
	-webkit-box-shadow: 0 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 1px #e9e9e9;
    height: 36px;
}
*/
input.btnGo {
    background-color: #3668d9;
    background: rgb(173,133,133); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(173,133,133,1) 1%, rgba(175,70,70,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(173,133,133,1)), color-stop(100%,rgba(175,70,70,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(173,133,133,1) 1%,rgba(175,70,70,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(173,133,133,1) 1%,rgba(175,70,70,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(173,133,133,1) 1%,rgba(175,70,70,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(173,133,133,1) 1%,rgba(175,70,70,1) 100%); /* W3C */
    border-color: #DA6568;
    color: #fff;
    font-weight: bold;
    height: 38px;
    background-color: #3668d9;
    margin-left: 2px;
}
input.btnGo:hover {
    background: rgb(173,133,133);
}

ul.as-selections {
	list-style-type: none;
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	padding: 4px 0 4px 4px;
	margin: 0;
	overflow: hidden;
	background-color: #fff;
    /*
	box-shadow:inset 0 1px 1px #888;
	-webkit-box-shadow:inset 0 1px 1px #888;
	-moz-box-shadow:inset 0 1px 1px #888;
        */
}

ul.as-selections.loading {
	background-color: #eee;
}

ul.as-selections li {
	float: left;
	/*margin: 1px 4px 1px 0;*/
}

ul.as-selections li.as-selection-item {
    color: #2b3840;
    font-size: 13px;
    font-family: "Lucida Grande" , arial, sans-serif;
    text-shadow: 0 1px 1px #fff;
    background-color: #D9BDBE; 
    background: rgb(242,230,230); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(242,230,230,1) 0%, rgba(217,189,190,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,230,230,1)), color-stop(100%,rgba(217,189,190,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(242,230,230,1) 0%,rgba(217,189,190,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(242,230,230,1) 0%,rgba(217,189,190,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(242,230,230,1) 0%,rgba(217,189,190,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(242,230,230,1) 0%,rgba(217,189,190,1) 100%); /* W3C */
    border: 1px solid #b22b2d;
    border-top-color: #9A2528;
    padding: 2px 7px 2px 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 1px 1px #e4edf2;
    -webkit-box-shadow: 0 1px 1px #e4edf2;
    -moz-box-shadow: 0 1px 1px #e4edf2;
}

ul.as-selections li.as-selection-item:last-child {
	margin-left: 30px;
}

ul.as-selections li.as-selection-item a.as-close {
	float: right;
	margin: 1px 0 0 7px;
	padding: 0 2px;
	cursor: pointer;
	color: #5491be;
	font-family: "Helvetica", helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 1px 1px #fff;
	-webkit-transition: color .1s ease-in;
}

ul.as-selections li.as-selection-item.blur {
	color: #666666;
	background-color: #f4f4f4;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#d5d5d5));
	border-color: #bbb;
	border-top-color: #ccc;
	box-shadow: 0 1px 1px #e9e9e9;
	-webkit-box-shadow: 0 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 1px #e9e9e9;
}

ul.as-selections li.as-selection-item.blur a.as-close {
	color: #999;
}

ul.as-selections li:hover.as-selection-item {
    color: #2b3840;
    background-color: #E0C9CA; 
    background: rgb(247,237,237); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(247,237,237,1) 1%, rgba(224,201,202,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(247,237,237,1)), color-stop(100%,rgba(224,201,202,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(247,237,237,1) 1%,rgba(224,201,202,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(247,237,237,1) 1%,rgba(224,201,202,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(247,237,237,1) 1%,rgba(224,201,202,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(247,237,237,1) 1%,rgba(224,201,202,1) 100%); /* W3C */
    border-color: #b22b2d;
    border-top-color: #9A2528;
}

ul.as-selections li:hover.as-selection-item a.as-close {
	color: #b22b2d;
}

ul.as-selections li.as-selection-item.selected {
	border-color: #b22b2d;
}

ul.as-selections li.as-selection-item a:hover.as-close {
	color: #1b3c65;
}

ul.as-selections li.as-selection-item a:active.as-close {
	color: #4d70b0;
}

ul.as-selections li.as-original {
	margin-left: 0;
}

ul.as-selections li.as-original input {
	border: none;
	outline: none;
	width: 353px;
	height: 30px;
	/*padding-top: 3px;*/
    background:none;
    font-size: 14px;
}

ul.as-list {
    position: absolute;
    list-style-type: none;
    margin: 2px 0 0 0;
    padding: 0;
    font-size: 14px;
    color: #000;
    font-family: "Lucida Grande", arial, sans-serif;
    background-color: #fff;
    background-color: rgba(255,255,255,0.95);
    z-index: 2;
    box-shadow: 0 2px 8px #ccc;
    -webkit-box-shadow: 0 2px 8px #ccc;
    -moz-box-shadow: 0 2px 8px #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

li.as-result-item, li.as-message {
	margin: 0 0 0 0;
	padding: 5px 12px;
	background-color: transparent;
	border: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

li:first-child.as-result-item {
	margin: 0;
}

li.as-message {
	margin: 0;
	cursor: default;
}

li.as-result-item.active {
	background-color: #3668d9;
	background: rgb(173,133,133); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(173,133,133,1) 1%, rgba(175,70,70,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(173,133,133,1)), color-stop(100%,rgba(175,70,70,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(173,133,133,1) 1%,rgba(175,70,70,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(173,133,133,1) 1%,rgba(175,70,70,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(173,133,133,1) 1%,rgba(175,70,70,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(173,133,133,1) 1%,rgba(175,70,70,1) 100%); /* W3C */
    border-color: #b22b2d;
	color: #fff;
	text-shadow: 0 1px 2px #122042;
}

li.as-result-item em {
    font-style: normal;
    background: #DADADA;
    padding: 0 2px;
    color: #2E2E2E;
}

li.as-result-item.active em {
    background: #444;
    color: #fff;
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	ul.as-selections {
		border-top-width: 2px;
	}
	ul.as-selections li.as-selection-item {
		padding-top: 2px;
		padding-bottom: 2px;
        margin-right: 2px;
	}
	ul.as-selections li.as-selection-item a.as-close {
		margin-top: -1px;
	}
	ul.as-selections li.as-original input {
		height: 27px;
	}
}

/* Opera Hacks  */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	ul.as-list {
		border: 1px solid #888;
	}
	ul.as-selections li.as-selection-item a.as-close {
		margin-left: 4px;
		margin-top: 0;
	}
}

/* Firefox 3.0 Hacks */
ul.as-list,  x:-moz-any-link, x:default { 
	border: 1px solid #888;
}
BODY:first-of-type ul.as-list, x:-moz-any-link, x:default { /* Target FF 3.5+ */
	border: none;
}


@media print { 
 /* All your print styles go here */
    body, p, h1, h2, h3, h4, h5, h6, ul, li {
        color: #000000;
    }
}