



/**

 * @subpackage  Newport Estate

 * @author      Joomzilla.com

 * @date        23rd July 2016

 * @package     Joomla

 * @copyright   Copyright (C) 2016 Joomzilla. All rights reserved.

 * @license     GPL / Joomzilla Proprietary Use License

*/

body {

    font-size: 14px;

    font-family: "Helvetica";

    color: #5C5C5C;

    background: #fff url(../images/pattern.png) repeat-x 0 0;

}

.jzParCover {

    background: url(../images/jzParCover.png) repeat fixed 0 0;

    color: #fff;

    padding: 22px 0;

}

.topBorder { width: 100% }

.bottomBorder { width: 100% }

.footerBorder {

    height: 20px;

    width: 100%;

}

.bgnone { padding-top: 0 }

.topContainer { padding: 4px 0 6px }

.topContainer input.inputbox {

    display: inline-block;

    background-color: transparent;

    height: 16px !important;

    margin-top: 4px;

    line-height: 12px !important;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    vertical-align: middle;

    padding: 6px 0 4px 4px !important;

}

.topContainer .slimmenu {

    text-shadow: 0 0 0 #000;

    margin-top: 10px;

}

.topContainer form { margin: 0 }

.topContainer p { margin: 0 }

.container { max-width: 1040px }

.mainContainer {

    max-width: 1040px;

    margin: 0 auto;

    background: transparent url(../images/mainC.png) no-repeat 0 0;

}

.mainContainerInner {

    max-width: 1036px;

    margin: 0 auto;

    padding: 6px 0 20px 0;

    background: transparent url(../images/bg.png) repeat-x 0 0;

}

.mainContainer .container { max-width: 1000px }

ul { list-style: square }

a:hover {

    color: #333;

    text-decoration: none;

}

a:hover .btn-group { text-decoration: none }

a:hover .btn-group .btn { text-decoration: none }

h1,

h4,

h5 {

    font-weight: 400;

    line-height: 100%;

}

h1 {

    padding-top: 0;

    font-weight: 400;

    text-align: left;

    letter-spacing: 1px;

}

h2 { font-weight: 400 }

h3 {

    font-weight: 400;

    line-height: 24px;

}

.logoSpan {

    display: inline-block;

    text-align: center;

}

h1.title,

h1.title a {

    font-size: 1.8em;

    font-weight: 400;

    text-decoration: none;

    text-align: center;

    margin: 0;

    line-height: 48px;

}

h2.title2,

h2.title2 a {

    font-size: 1.2em;

    font-weight: 400;

    line-height: 24px;

    text-decoration: none;

    margin: 0;

    text-align: center;

    color: #5C5C5C;

    margin: 12px 0;

}

p { text-indent: 0 }

.topContainer {

    font-size: 90%;

    padding-top: 6px;

}

.topFixed {

    position: relative;

    z-index: 1;

}

.navbardefault {

    position: relative;

    background-color: #fff;

    margin: 0 auto;

    width: 100%;

}

.semitransparent {

    position: relative;

    background-color: rgba(255,255,255,0.7);

    margin: 0 auto;

    width: 100%;

}

.semitransparenttwo {

    position: relative;

    background-color: rgba(0,0,0,0.6);

    margin: 0 auto;

    width: 100%;

}

.navbarblack{

    position: relative;

    background-color: #444;

    margin: 0 auto;

    width: 100%;

}

.semitransparenttwo .slimmenu ul li a,

.semitransparenttwo .logoRight,.navbarblack .slimmenu ul li a,

.navbarblack .logoRight { color: #fff }

.nonavbar {

    position: relative;

    background-color: transparent;

    margin: 0 auto;

    width: 100%;

    text-shadow: 1px 1px 3px rgba(148, 150, 150, 1);

}

.nonavbar .slimmenu ul li a,

.nonavbar .logoRight { color: #fff }

.topFixedSlider {

    position: relative;

    margin: 0 auto;

    width: 100%;

    height: auto;

}

.topFixedMain {

    position: relative;

    background-color: #fff;

    width: 100%;

    background: #fff url(../images/pattern.png) repeat-x 0 0;

    padding-top: 20px;

}

.transparent {

    margin: 0 auto;

    color: #fff;

    font-weight: 400;

    text-shadow: 0 1px 3px rgba(0,0,0,0.3);

    line-height: 1.9em;

}

.transparent h4 { line-height: 1.6em }

.transparentInner {

    margin: 0 auto;

    max-width: 800px;

}

.header { color: #fff }

.header li {

    display: inline-block;

    margin: 10px 0 0 20px;

}

.top {

    text-align: right;

    padding-right: 8px;

    padding-left: 8px;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

    float: right;

    margin-right: 8px;

    padding-left: 8px;

}

.top2 {

    text-align: right;

    min-height: 22px;

    padding-right: 8px;

    padding-left: 8px;

    margin-left: 12px;

    margin-top: 4px;

    border-radius: 5px;

    float: right;

}

.top2 a:hover { text-decoration: underline !important }

.top2 ul li {

    display: inline;

    float: left;

    padding: 0 10px;

    margin-bottom: 6px;

    border-left: 1px solid #fff;

}

.top2 ul li:first-child { border-left: 0 solid #333 }

.top2 h1,

.top2 h2,

.top2 h3,

.top2 h4,

.top2 h5,

.top2 h6 { margin: 4px 0 }

.rowHeader {

    padding: 4px 0;

    background-image: url(../images/topSection.png);

    background-repeat: repeat-x;

}

.rowHeader .slimmenu { margin-top: 6px }

.rowHeader .container { max-width: 1020px }

.rowHeader .custom { }

.rowHeader .search {

    text-align: right;

    height: 9px;

}

.rowHeader a {

    color: #fff;

    text-decoration: underline;

}

.rowHeader p { margin: 0 0 3px }

.rowHeader2 { padding: 4px 0 }

.rowHeader2 .slimmenu { margin-bottom: 8px }

.rowHeader2 .slimmenu ul { margin-top: 0 }

.rowHeader2 .slimmenu ul li { text-align: center }

.rowHeader {

    border-bottom: 1px solid #fff;

    color: #fff;

    margin-top: 0;

    padding-top: 6px;

}

.rowHeader2 { border-bottom: 1px solid #fff }

.row-fluid .topNavRow { border-bottom: 0 solid #ddd }

.row-fluid .mainMenu {

    height: 44px;

    background: #ccc;

    padding-bottom: 10px;

}

.paddingRowTop {

    border-bottom: 0 solid #ddd;

    margin: 0 auto;

    padding: 0;

}

.logoc { padding-bottom: 12px }

.logoRight { padding: 7px 0 }

.logoRightM li {

    display: inline-block;

    font-size: 90%;

    margin: 10px 0 0 20px;

}

.paddingRow {

    border-bottom: 0 solid #ddd;

    margin: 0 auto;

    padding: 10px 0;

}

.paddingRow2 {

    border-bottom: 0 solid #ddd;

    margin: 0 auto;

    padding: 6px 0;

}

.mainContentPadding { padding-top: 10px }

.paddingLR {

    border-bottom: 0 solid #ddd;

    margin: 0 auto;

    padding: 0;

}

.noBorder { border-bottom: 0 solid #ddd }

.topNav { padding-top: 8px }

.topNav h1,

.topRight2 h2,

.topRight2 .topRight2 h3,

.topRight2 h4,

.topRight2 h5,

.topRight2 h6,

.topRight2 a {

    color: #FFF;

    text-shadow: #000 0 2px;

}

.topNav ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

}

.topNav ul li {

    display: inline-block;

    padding-right: 10px;

}

.topRight {

    padding-top: 8px;

    text-align: right;

}

.topRight .search { margin-top: -4px }

.topRight ul { float: right }

.topRight ul li {

    display: inline;

    float: left;

    padding: 0 10px;

}

.search {

    padding-bottom: 3px;

    padding-top: -8px;

    color: #111;

}

.search .form-inline .button {

    float: right;

    padding-top: 3px;

}

.search .form-inline label { display: none }

.search .form-inline label { display: none }

.search input[type="text"] {

    background-color: rgba(255,255,255,0.2);

    color: #fff;

    font-size: 90%;

    height: 15px;

}

.search .btn-primary { float: right }

.search .btn-primary { margin-top: 0 }

.jzFloatRight {

    float: right !important;

    text-align: right;

}

.jzCenter {

    margin: 0 auto;

    text-align: center;

}

.rowBase {

    background-color: #fff;

    width: 93%;

    margin: 0 auto;

    padding: 10px 0;

}

.base1 {

    padding: 16px 0;

    background-color: #fff;

}

.nav {

    margin-left: 0;

    margin-bottom: 0;

    list-style: none;

}

.nav>li>a:hover,

.nav>li>a:focus {

    text-decoration: none;

    background-color: transparent;

}

.nav>li>a:hover { }

#mainnav {

    clear: both;

    overflow: none;

}

.breadcrumbs {

    border-bottom: 0 solid #fff;

    width: 100%;

    color: #fff;

    font-size: 90%;

    list-style: none;

    font-weight: 400;

    ist-style: none;

    margin: 0;

    padding: 2px 0;

}

.breadcrumbs input[type=checkbox],

input[type=radio] { margin: 0 }

.breadcrumbs input.inputbox {

    display: inline-block;

    background-color: transparent;

    height: 16px !important;

    margin-top: 4px;

    font-size: 90%;

    line-height: 12px !important;

    color: #fff;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    vertical-align: middle;

    padding: 6px 0 4px 4px !important;

}

.breadcrumbs .btn { margin-top: 4px }

breadcrumb > li { display: inline-block }

.breadcrumbsinner {

    width: 90%;

    border-bottom: 0 solid #ddd;

    padding-bottom: 4px;

    margin: 0 auto;

}

#topSection { position: relative }

#topSection .moduletable {

    padding-left: 13px;

    padding: 5px 13px;

    margin-bottom: 1px;

    border-radius: 5px;

}

#topSection .custom {

    margin: 0;

    padding: 3px 0;

}

#topSection h3 {

    padding-bottom: 6px;

    margin: 6px 0;

}

.slider .container {

    display: flex;

    justify-content: center;

    /* align horizontal */

    align-items: center;

    /* align vertical */

}

.showcase {

    display: flex;

    justify-content: center;

    /* align horizontal */

    align-items: center;

    /* align vertical */

}

.showcase { margin: 15px 0 }

.sliderContainer { padding: 0 }

.sliderContainerbgdefault { background-color: transparent }

.bottomSection {

    font-size: 90%;

    line-height: 17px;

    background-color: #252525;

    color: #fff;

}

.bottomSection .container { max-width: 1000px }

.bottomSection a:hover {

    color: #ccc;

    text-decoration: none;

}

.notice,

.notice2 {

    margin: 20px 0;

    background-color: #E9E9E9;

}

.notice .moduletable {

    padding-left: 13px;

    padding: 5px 13px;

    margin-bottom: 1px;

    border-radius: 5px;

}

.userWrapper {

    width: 100%;

    overflow: auto;

    padding-bottom: 10px;

    padding-top: 15px;

}

.images {

    padding: 28px 0;

    background-color: #fff;

}

.images img { opacity: .5 }

.images img:hover { opacity: 1 }

.readmore {

    display: inline-block;

    margin-bottom: 0;

    line-height: 20px;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

    color: #333;

    text-shadow: 0 0 0 rgba(255,255,255,1) !important;

    border: 1px solid #bbb;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);

    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);

    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);

    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) #a2a2a2;

    padding: 4px 12px;

}

.readmore a { color: #fff }

.readmore a:hover { color: #fff }

.items-row,

.items-leading { padding-bottom: 20px }

.module_padding { padding-right: 15px }

#bottomMenu {

    margin: 0 auto;

    min-height: 20px;

}

#bottomMenu ul { list-style: none }

#bottomMenu ul li {

    top: 0;

    margin: 0;

    float: left;

    padding-right: 14px;

}

#bottomMenu a {

    text-decoration: none;

    color: #fff;

}

#bottomMenu a:hover {

    background-color: transparent;

    text-decoration: none;

}

.headerCenter {

    margin: 0 auto;

    padding-top: 5px;

    text-align: center;

}

.topMenuContainer {

    border-top: 1px solid #E6E6E6;

    font-size: .9em;

    margin: 0;

    padding: 0;

}

.topNavContainer form { margin: 0 }

.topMenuContainer {

    margin: 0;

    padding: 0;

    background: #333 url(../images/topBG.jpg) 0 0 repeat-x;

}

.navbar-fixed-top { top: 20px }

.headerBG {

    top: 0;

    left: 0;

    background: #555;

    width: 100%;

    height: 100px;

    z-index: 200;

}

.logo {

    position: relative;

    z-index: 300;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    padding-top: 1px;

    padding-bottom: 3px;

}

.logo h1 { margin-top: 8px }

.logo2 {

    position: relative;

    z-index: 300;

    margin: 0 auto;

    padding-top: 15px;

    padding-bottom: 15px;

}

#topSection { position: relative }

.menu-collapser,

.slimmenu { }

.slimmenu ul.collapsed .sub-collapser > i { padding: 4px 0 3px }

.slimmenu ul.collapsed ul {

    display: inline-block;

    text-align: center;

    margin: 0 auto;

}

.slimmenu ul.collapsed li {

    display: block;

    width: 100%;

    box-sizing: border-box;

    background-color: #333;

    font-size: 1em;

}

.slimmenu ul.collapsed li .sub-collapser { height: 30px }

.slimmenu ul.collapsed li .sub-collapser { height: inherit }

.slimmenu ul.collapsed li > ul {

    display: none;

    position: static;

}

.slimmenu ul.collapsed li li { background-color: #333 }

.slimmenu ul.collapsed li a,

.slimmenu ul.collapsed li .separator {

    display: block;

    padding: 7px 0;

}

.slimmenu ul {

    list-style-type: none;

    margin: 0 auto;

    margin: 0;

    position: relative;

}

.slimmenu ul ul li .sub-collapser { top: 2px }

.slimmenu ul ul li:first-child { }

.slimmenu ul > li:first-child { border-left: 0 }

.slimmenu ul > li:last-child { margin-right: 0 }

.slimmenu ul li {

    position: relative;

    display: inline-block;

}

.slimmenu ul li {

    position: relative;

    display: inline-block;

    height: 30px;

}

.slimmenu ul li .sub-collapser {

    position: absolute;

    background-color: transparent;

    right: 0;

    top: 0;

    width: 28px;

    height: 100%;

    text-align: center;

    z-index: 999;

    cursor: pointer;

    float: right;

}

.slimmenu ul li .sub-collapser:before {

    content: "";

    display: inline-block;

    height: 100%;

    vertical-align: middle;

    margin-right: -.25em;

}

.slimmenu ul li .sub-collapser > i {

    color: #999;

    display: inline-block;

    vertical-align: top;

    text-align: right;

    font-size: .6em;

    font-style: normal;

}

.slimmenu ul li .sub-collapser {

    top: 6px;

    text-align: right;

    padding-right: 3px;

}

.slimmenu ul li:first-child { }

.slimmenu ul li:last-child { }

.slimmenu ul li > ul {

    display: none;

    position: absolute;

    left: 0;

    top: 100%;

    z-index: 999;

}

.slimmenu ul li > ul > li ul {

    display: none;

    position: absolute;

    left: 100%;

    top: 0;

    z-index: 999;

    width: 100%;

}

.slimmenu ul li ul { width: 170px }

.slimmenu ul li li { }

.slimmenu ul li li:last-child { }

.slimmenu ul li ul {

    margin: 0;

    list-style-type: none;

    background-color: transparent;

    height: auto;

    padding-top: 0;

    margin-top: 0;

    padding-bottom: 0;

    margin-bottom: 0;

}

.slimmenu ul li ul li {

    border-left: 0 solid #999;

    display: block;

}

.slimmenu ul li ul li {

    height: auto;

    padding-top: 0;

    background: transparent;

}

.slimmenu ul li ul li:hover { }

.slimmenu ul li ul li a { color: #fff }

.slimmenu ul li ul li a:hover { color: #fff }

.slimmenu ul li ul li a { padding: 4px 14px 4px 16px }

.slimmenu ul li ul li {

    background-color: rgba(0,0,0,0.8);

    display: block;

}

.slimmenu ul li ul li { font-size: .9em }

.slimmenu ul li ul li { width: 170px }

.slimmenu ul li a,

.slimmenu .separator {

    display: block;

    color: #444;

    padding: 2px 20px 2px 6px;

    -moz-transition: background-color .5s ease-out;

    -o-transition: background-color .5s ease-out;

    -webkit-transition: background-color .5s ease-out;

    transition: background-color .5s ease-out;

}

.slimmenu ul li a:hover {

    text-decoration: none;

    z-index: 9999;

}

.menuContainer {

    border-bottom: 1px solid #fff;

    background-image: url(../images/topSection.png);

    background-repeat: repeat-x;

    min-height: 36px;

    padding-top: 4px;

}

.menuContainer input[type="image"] {

    background: url(../images/searchButton.png) !important;

    text-indent: -9999px;

}

.menuContainer .form-inline input { float: right }

.menuContainer input.search-query {

    margin-top: 3px;

    border-radius: 5px;

    margin-right: 20px;

    max-width: 120px;

    float: right;

    height: 16px;

    font-size: .9em;

}

.menuContainer .search label { display: none }

.menuContainer button { float: right }

.menuContainer form { margin: 0 }

.mainMenuContainer {

    background-color: #444;

    color: #444;

    font-size: 100%;

    margin: 0;

    padding: 0;

}

#mainMenu {

    margin-top: 40px;

    height: 32px;

    display: inline-block;

    text-align: center;

    float: none;

}

#mainMenu ul li { padding-right: 7px }

#mainMenu ul li {

    top: 0;

    margin: 0;

}

#mainMenu ul li ul li { padding-right: 0 }

#mainMenu ul li:last-child {

    top: 0;

    margin: 0;

    border-right: 0 solid #fff;

}

#mainMenu a { text-decoration: none }

#mainMenu a:hover { background-color: transparent }

.menuA ul li { text-align: center }

.slimmenu {

    font-family: 'open_sansregular',Verdana;

    font-size: 14px;

    margin-top: 15px;

    position: relative;

    z-index: 99999;

    text-align: center;

    margin: 0 auto;

    float: none;
font-weight: bold;

    padding-top: 6px;

}

.slimmenu li li.current,

.slimmenu li li.current :visited { color: #fff }

.menu-collapser { height: auto }

.menuPad {

    margin-top: 14px;

    padding-top: 6px;

}

.menuPad2 { margin-top: 4px }

.menuRight {

    float: right;

    padding: 24px 0;

}

.menuLeft { float: left }

.menuRight .nav>li>a { color: #333 }

.mainContainer {

    padding: 0px 0;

    border-top: 1px solid #CACACA;

    margin-top: 20px;

}

.mainContainerPadding { margin-top: 20px }

.sidePaddingTop { padding-top: 2px }

.userB .moduletablenopadding,

.topRow .moduletablenopadding,

.sidePaddingTop .moduletablenopadding,

.base1 .moduletablenopadding { padding: 0 }

.userB .moduletablecolor,

.topRow .moduletablecolor,

.sidePaddingTop .moduletablecolor,

.base1 .moduletablecolor {

    padding: 10px;

    color: #fff;

}

.userB .moduletablecolor a,

.topRow .moduletablecolor a,

.sidePaddingTop .moduletablecolor a,

.base1 .moduletablecolor a { color: #333 }

.userB .moduletablecolor a:hover,

.topRow .moduletablecolor a:hover,

.sidePaddingTop .moduletablecolor a:hover,

.base1 .moduletablecolor a:hover { text-decoration: underline }

.userB .moduletablegray,

.topRow .moduletablegray,

.sidePaddingTop .moduletablegray,

.base1 .moduletablegray {

    padding: 10px;

    background-color: #efefef;

}

.userB .moduletable,

.topRow .moduletable,

.sidePaddingTop .moduletable {

    background-image: none;

    padding: 10px;

}

.sidePaddingTop .moduletable { margin-bottom: 30px }

.sidePaddingTop ul.menu {

    margin: 0;

    padding: 0;

    list-style: none;

    list-style-type: none;

    padding-top: 10px;

    padding-bottom: 10px;

}

.sidePaddingTop ul.menu li.active ul li ul li ul li ul li a { color: #999 }

.sidePaddingTop ul.menu li.active ul li ul li ul li ul li a:hover { color: #000 }

.sidePaddingTop ul.menu li.active ul li ul li ul li a { color: #999 }

.sidePaddingTop ul.menu li.active ul li ul li ul li a:hover { color: #000 }

.sidePaddingTop ul.menu li.active ul li ul li a { color: #999 }

.sidePaddingTop ul.menu li.active ul li ul li a:hover { color: #000 }

.sidePaddingTop ul.menu li.active ul li a { color: #999 }

.sidePaddingTop ul.menu li.active ul li a:hover { color: #000 }

.sidePaddingTop ul.menu li {

    list-style: none;

    list-style-type: none;

    margin: 0;

    padding: 0;

    border-bottom: 1px solid #e4e4e4;

    font-weight: 400;

}

.sidePaddingTop ul.menu li ul {

    border-top: 1px solid #e4e4e4;

    margin: 0;

}

.sidePaddingTop ul.menu li ul li.active a {

    color: #000;

    text-decoration: none;

}

.sidePaddingTop ul.menu li ul li {

    background: none;

    border: none;

    margin: 0 0 0 15px;

}

.sidePaddingTop ul.menu li ul li ul {

    border-top: 1px solid #e4e4e4;

    margin: 0;

}

.sidePaddingTop ul.menu li ul li ul li.active a {

    color: #000;

    text-decoration: none;

}

.sidePaddingTop ul.menu li ul li ul li {

    background: none;

    border: none;

    margin: 0 0 0 15px;

}

.sidePaddingTop ul.menu li ul li ul li ul {

    border-top: 1px solid #e4e4e4;

    margin: 0;

}

.sidePaddingTop ul.menu li ul li ul li ul li.active a {

    color: #000;

    text-decoration: none;

}

.sidePaddingTop ul.menu li ul li ul li ul li {

    background: none;

    border: none;

    margin: 0 0 0 15px;

}

.sidePaddingTop ul.menu li ul li ul li ul li ul {

    border-top: 1px solid #e4e4e4;

    margin: 0;

}

.sidePaddingTop ul.menu li ul li ul li ul li ul li.active a {

    color: #000;

    text-decoration: none;

}

.sidePaddingTop ul.menu li ul li ul li ul li ul li {

    background: none;

    border: none;

    margin: 0 0 0 15px;

}

.sidePaddingTop ul.menu li ul li ul li ul li ul li a {

    border: 0;

    color: #999;

    background: url(../images/li.png) 0 50% no-repeat;

}

.sidePaddingTop ul.menu li ul li ul li ul li ul li a:hover {

    border: 0;

    color: #000;

}

.sidePaddingTop ul.menu li ul li ul li ul li a {

    border: 0;

    color: #999;

    background: url(../images/li.png) 0 50% no-repeat;

}

.sidePaddingTop ul.menu li ul li ul li ul li a:hover {

    border: 0;

    color: #000;

}

.sidePaddingTop ul.menu li ul li ul li a {

    border: 0;

    color: #999;

    background: url(../images/li.png) 0 50% no-repeat;

}

.sidePaddingTop ul.menu li ul li ul li a:hover {

    border: 0;

    color: #000;

}

.sidePaddingTop ul.menu li ul li a {

    border: 0;

    color: #999;

    background: url(../images/li.png) 0 50% no-repeat;

}

.sidePaddingTop ul.menu li ul li a:hover {

    border: 0;

    color: #000;

}

.sidePaddingTop ul.menu li a {

    display: block;

    margin: 0;

    padding: 5px 0 5px 20px;

    font-weight: 400;

    line-height: 20px;

    background: url(../images/li.png) 0 50% no-repeat;

    text-decoration: none;

    color: #007BB7;

    font-size: 13px;

}

.bottomMenuContainer {

    color: #fff;

    font-size: 85%;

    margin: 0 auto;

    padding: 0;

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

}

.bottomMenuContainer .container { max-width: 1000px }

.bottomMenuContainer,

.bottomMenuContainer a { color: #fff }

.copyrightLeft p {

    font-size: 90%;

    text-align: left;

}

.rowFooter3 { background-color: #444 }

footer { padding-top: 10px }

footer a,

.moduletable .nav { padding: 0 }

#credit {

    text-align: right;

    font-size: 90%;

    overflow: none;

    clear: both;

    padding: 12px 0;

}

.rowFooter {

    margin-top: 20px;

    padding-bottom: 10px;

    font-size: 90%;

    margin: 0 auto;

    color: #fff;

    background: #202020 url(../images/rowFooter.png) 0 0 repeat-x;

}

.rowFooter .container { max-width: 1000px }

.rowFooter ul {

    list-style-type: square;

    margin-left: 15px;

}

.rowFooter h3 { padding-bottom: 9px }

.bottomMenuContainer { text-transform: uppercase }

.userContentcss,

dl { float: left }

.sidejz ul > li a { list-style: none }

#share {

    padding-top: 2px;

    padding-bottom: 2px;

    margin: 0 auto;

}

.sharebutton,

.sharebuttonTwitter {

    position: relative;

    margin-top: 6px;

    margin-bottom: 6px;

    float: left;

}

.userB { padding: 15px 0 }

.topRow { padding: 0px 0 0px 0 }

.moduletable .moduletablecolor,

.moduletablenopadding,

.moduletablegray { margin-bottom: 20px }

.fixed-side-social-container {

    right: 0;

    width: 40px;

    position: fixed;

    top: 127px;

    background-repeat: no-repeat;

    z-index: 999999;

}

.fixed-side-social-container .tripadvisor-icon { background-position: 0 -400px }

.fixed-side-social-container .pinterest-icon { background-position: 0 -320px }

.fixed-side-social-container .instagram-icon { background-position: 0 -360px }

.fixed-side-social-container .facebook-icon { background-position: 0 -40px }

.fixed-side-social-container .linkedin-icon { background-position: 0 -120px }

.fixed-side-social-container .twitter-icon { background-position: 0 -80px }

.fixed-side-social-container .youtube-icon { background-position: 0 -240px }

.fixed-side-social-container .contact-icon { background-position: 0 -440px }

.fixed-side-social-container .social-icon { background-image: url(../images/socialmedia.png) }

.fixed-side-social-container .google-icon { background-position: 0 -160px }

.fixed-side-social-container .social-icon {

    float: left;

    width: 40px;

    filter: alpha(opacity=75);

    moz-opacity: .75;

    -khtml-opacity: .75;

    opacity: .75;

    display: block;

    background-repeat: no-repeat;

    height: 40px;

    -webkit-transition: all ease .2s;

    -moz-transition: all ease .2s;

    -o-transition: all ease .2s;

    -ms-transition: all ease .2s;

    transition: all ease .2s;

}

.fixed-side-social-container .social-icon:hover {

    filter: alpha(opacity=99);

    moz-opacity: .99;

    -khtml-opacity: .99;

    opacity: .99;

}

.fixed-side-social-container .skype-icon { background-position: 0 -280px }

.fixed-side-social-container .home-icon { background-position: 0 -0 }

.fixed-side-social-container .rss-icon { background-position: 0 -200px }

.social {

    list-style: none;

    text-align: center;

    clear: both;

    padding-bottom: 6px;

    padding-top: 6px;

    padding-left: 0;

    margin: 0 auto;

    float: right;

    padding-right: 12px;

}

.social li.tripadvisor {

    background-image: url(../images/sm2/tripadvisor.png) !important;

    background-position: 50% 50%;

}

.social li.googleplus {

    background-image: url(../images/sm2/googleplus.png) !important;

    background-position: 50% 50%;

}

.social li.instagram {

    background-image: url(../images/sm2/instagram.png) !important;

    background-position: 50% 50%;

}

.social li.pintrest {

    background-image: url(../images/sm2/pinterest.png) !important;

    background-position: 50% 50%;

}

.social li.facebook {

    background-image: url(../images/sm2/facebook.png) !important;

    background-position: 50% 50%;

}

.social li.linkedin {

    background-image: url(../images/sm2/linkedin.png) !important;

    background-position: 50% 50%;

}

.social li.contact {

    background-image: url(../images/sm2/contact.png) !important;

    background-position: 50% 50%;

}

.social li.twitter {

    background-image: url(../images/sm2/twitter.png) !important;

    background-position: 50% 50%;

}

.social li.youtube {

    background-image: url(../images/sm2/youtube.png) !important;

    background-position: 50% 50%;

}

.social li.skype {

    background-image: url(../images/sm2/skype.png) !important;

    background-position: 50% 50%;

}

.social li.home {

    background-image: url(../images/sm2/home.png) !important;

    background-position: 50% 50%;

}

.social li.rss {

    background-image: url(../images/sm2/rss.png) !important;

    background-position: 50% 50%;

}

.social li {

    display: inline;

    float: left;

    background-repeat: no-repeat;

    width: 28px;

    height: 28px;

    margin-right: 1px;

}

.social2 {

    list-style: none;

    clear: both;

    padding-bottom: 6px;

    padding-top: 6px;

    padding-left: 0;

    margin: 0 auto;

    height: 25px;

}

.social2 li.tripadvisor { background-image: url(../images/sm2/tripadvisor.png) !important }

.social2 li.googleplus { background-image: url(../images/sm2/googleplus.png) !important }

.social2 li.instagram { background-image: url(../images/sm2/instagram.png) !important }

.social2 li.pintrest { background-image: url(../images/sm2/pinterest.png) !important }

.social2 li.linkedin { background-image: url(../images/sm2/linkedin.png) !important }

.social2 li.facebook { background-image: url(../images/sm2/facebook.png) !important }

.social2 li.contact { background-image: url(../images/sm2/contact.png) !important }

.social2 li.twitter { background-image: url(../images/sm2/twitter.png) !important }

.social2 li.youtube { background-image: url(../images/sm2/youtube.png) !important }

.social2 li.skype { background-image: url(../images/sm2/skype.png) !important }

.social2 li.home { background-image: url(../images/sm2/home.png) !important }

.social2 li.rss { background-image: url(../images/sm2/rss.png) !important }

.social2 li {

    display: inline-block;

    background-repeat: no-repeat;

    width: 24px;

    margin-right: 4px;

    height: 28px;

}

.social li a,

.social2 li a {

    display: relative;

    height: 24px;

    padding-right: 8px;

    position: relative;

    text-decoration: none;

    border-bottom: 0 solid #ccc;

}

.social li a strong,

.social2 li a strong {

    font-weight: 400;

    position: relative;

    top: -1px;

    color: #fff;

    z-index: 9999;

    text-shadow: 1px 1px 0 rgba(0,0,0,0.75);

    background-color: rgba(0,0,0,0.7);

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    padding: 3px;

}

.social2 ul {

    position: relative;

    left: 50%;

}

.css3:hover li {

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);

    filter: alpha(opacity=20);

    opacity: .2;

}

.css3 li {

    -moz-transition-property: opacity;

    -o-transition-property: opacity;

    -webkit-transition-property: opacity;

    transition-property: opacity;

    -moz-transition-duration: 500ms;

    -o-transition-duration: 500ms;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}

.css3 li a strong {

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    filter: alpha(opacity=0);

    opacity: 0;

    -moz-transition-property: opacity,top;

    -o-transition-property: opacity,top;

    -webkit-transition-property: opacity,top;

    transition-property: opacity,top;

    -moz-transition-duration: 300ms;

    -o-transition-duration: 300ms;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

}

.css3 li:hover {

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    filter: alpha(opacity=100);

    opacity: 1;

}

.css3 li:hover a strong {

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    filter: alpha(opacity=100);

    opacity: 1;

    top: -19px;

}

.css32:hover li {

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);

    filter: alpha(opacity=20);

    opacity: .2;

}

.css32 li {

    -moz-transition-property: opacity;

    -o-transition-property: opacity;

    -webkit-transition-property: opacity;

    transition-property: opacity;

    -moz-transition-duration: 500ms;

    -o-transition-duration: 500ms;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}

.css32 li a strong {

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    filter: alpha(opacity=0);

    opacity: 0;

    -moz-transition-property: opacity,top;

    -o-transition-property: opacity,top;

    -webkit-transition-property: opacity,top;

    transition-property: opacity,top;

    -moz-transition-duration: 300ms;

    -o-transition-duration: 300ms;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

}

.css32 li:hover {

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    filter: alpha(opacity=100);

    opacity: 1;

}

.css32 li:hover a strong { top: -19px }

.jzRight {

    float: right !important;

    margin-left: 10px !important;

}

.jzLeft {

    float: left;

    margin-right: 10px !important;

}

.jzLeft,

.jzRight,

.center {

    border: solid 1px #999 !important;

    margin-bottom: 10px !important;

    padding: 4px !important;

}

.jzbtn {

    display: inline-block;

    padding: 4px 12px;

    margin: 5px 0;

    font-size: 13px;

    line-height: 18px;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

    color: #fff;

    border: 1px solid #ccc;

    border-radius: 4px;

}

.jzbtn:hover { color: #fff }

.jzbtn { color: #fff !important }

.checklist { list-style: outside none none }

.checklist li {

    padding-left: 31px;

    padding-top: 0;

    padding-bottom: 5px;

    background-image: url(../images/check.png);

    background-repeat: no-repeat;

    background-position: left center;

}

.checklist {

    margin-left: 0;

    padding-left: 0;

    list-style: outside none none;

}

.frame {

    background: #E3E4E6;

    text-align: center;

    font-weight: 400;

    padding: 5px 15px;

}

/* FIRST LEVEL */

/* +++++++ SECOND LEVEL ++++++ */

/* +++++++ THIRD LEVEL  ++++++ */

/* ++++++++++++++  FORTH LEVEL  ++++++++++++++ */

/* ++++++++++++++   FIFTH LEVEL  ++++++++++++++ */

.img-circle {

    border: solid 6px #E5E5E5;

    background-color: #F36;

    padding: 0;

    margin: 20px;

}

[class*=" icon-"] { background-image: none }

[class^="icon-"]:before,

[class*=" icon-"]:before {

    font-family: "IcoMoon";

    font-style: normal;

    speak: none;

}

input#jform_contact_emailmsg,

textarea#jform_contact_message { width: 160px }

input[type="email"],

input[type="text"] { width: 160px }

input#jform_contact_emailmsg,

textarea#jform_contact_message { max-height: 80px }

#contact-form { width: 100% }

.contact-position,

.dl-horizontal {

    clear: both;

    width: 100%;

}

.dl-horizontal dd { margin-left: 110px }

.dl-horizontal dt {

    text-align: left;

    white-space: nowrap;

    width: 80px;

}

.userContentcss,

dl { float: left }

.form-horizontal .form-actions { padding-left: 120px }

.form-horizontal .control-label {

    width: 90px !important;

    text-align: left;

}

.form-horizontal .controls { margin-left: 120px }

#scroll-top {

    position: fixed;

    width: 38px;

    height: 38px;

    z-index: 9999;

    bottom: 0;

    right: 0;

    margin: .9em;

    padding: .15em .5em;

}

#scroll-top:after {

    display: inline-block;

    vertical-align: middle;

    margin-left: .35em;

    width: 0;

    height: 0;

    border-left: .3em solid transparent;

    border-right: .3em solid transparent;

    border-bottom: .3em solid #fefefe;

}

.well {

    min-height: 60px;

    padding: 19px;

    margin-bottom: 20px;

    background-color: #f5f5f5;

    border: 1px solid #e3e3e3;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);

    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);

    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

}

.imgOutline {

    font-size: 12PX;

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

}

.form-vertical .control-label {

    float: none;

    width: auto;

    padding-right: 0;

    padding-top: 0;

    text-align: left;

}

[class^="icon-"],

[class*=" icon-"] {

    display: inline-block;

    width: 14px;

    height: 14px;

    line-height: 14px;

}

.thumbnails > li {

    float: left;

    margin-bottom: 18px;

    margin-left: 20px;

}

.height-80 { height: 80px }

.width-80 { width: 80px }

.height-50 { height: 50px }

.thumbnail {

    display: block;

    padding: 4px;

    line-height: 18px;

    border: 1px solid #ddd;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055);

    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055);

    box-shadow: 0 1px 3px rgba(0,0,0,0.055);

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.thumbnail a { text-decoration: none }

[class^="icon-"],

[class*=" icon-"] {

    display: inline-block;

    width: 14px;

    height: 14px;

    line-height: 14px;

}

.icon-folder-close:before,

.icon-folder-2:before { content: "." }

.btn {

    display: inline-block;

    padding: 4px 12px;

    margin-bottom: 0;

    font-size: 13px;

    line-height: 18px;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

    color: #fff;

    text-shadow: 0 0 0 rgba(255,255,255,0.75);

    background-image: none;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe5e5e5',GradientType=0);

    border-color: #e6e6e6 #e6e6e6 #bfbfbf;

    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);

    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

    border: 1px solid #fff;

    border-bottom-color: #a2a2a2;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);

    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);

    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);

}

.pull-right { float: right }

.btn:hover,

.btn:focus {

    color: IcoMoon normal none #333;

    text-decoration: none;

    background-position: 0 -15px;

    -webkit-transition: background-position .1s linear;

    -moz-transition: background-position .1s linear;

    -o-transition: background-position .1s linear;

    transition: background-position .1s linear;

}

[class*="span"] {

    float: left;

    min-height: 1px;

    margin-left: 20px;

}

.icon-publish:before,

.icon-save:before,

.icon-ok:before,

.icon-checkmark:before { content: "G" }

.icon-unpublish:before,

.icon-cancel:before { content: "J" }

.btn-primary:hover,

.btn-primary:active,

.btn-primary.active,

.btn-primary.disabled,

.btn-primary[disabled] {

    color: #000;

    background-color: #e6e6e6;

}

.center,

.table td.center,

.table th.center { text-align: center }

.row:after { clear: both }

[class*="span"] {

    float: left;

    min-height: 1px;

    margin-left: 20px;

}

.chzn-container-active .chzn-single-with-drop {

    border: 1px solid #aaa;

    -webkit-box-shadow: 0 1px 0 #fff inset;

    -moz-box-shadow: 0 1px 0 #fff inset;

    -o-box-shadow: 0 1px 0 #fff inset;

    box-shadow: 0 1px 0 #fff inset;

    background-color: #eee;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=0);

    background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(20%,#eee),color-stop(80%,#fff));

    background-image: -webkit-linear-gradient(top,#eee 20%,#fff 80%);

    background-image: -moz-linear-gradient(top,#eee 20%,#fff 80%);

    background-image: -o-linear-gradient(top,#eee 20%,#fff 80%);

    background-image: -ms-linear-gradient(top,#eee 20%,#fff 80%);

    background-image: linear-gradient(top,#eee 20%,#fff 80%);

    -webkit-border-bottom-left-radius: 0;

    -webkit-border-bottom-right-radius: 0;

    -moz-border-radius-bottomleft: 0;

    -moz-border-radius-bottomright: 0;

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}

.chzn-container-active .chzn-single {

    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);

    -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);

    -o-box-shadow: 0 0 5px rgba(0,0,0,.3);

    box-shadow: 0 0 5px rgba(0,0,0,.3);

    border: 1px solid #5897fb;

}

.chzn-container-single .chzn-single {

    background-color: #fff;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0);

    background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));

    background-image: -webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);

    background-image: -moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);

    background-image: -o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);

    background-image: -ms-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);

    background-image: linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: 1px solid #aaa;

    -webkit-box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,0.1);

    -moz-box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,0.1);

    box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,0.1);

    display: block;

    overflow: hidden;

    white-space: nowrap;

    position: relative;

    height: 23px;

    line-height: 24px;

    padding: 0 0 0 8px;

    color: #444;

    text-decoration: none;

}

label {

    display: block;

    margin-bottom: 5px;

}

a .btn-group:hover { text-decoration: none }

a .btn-group .btn:hover { text-decoration: none }

label,

input,

button,

select,

textarea {

    font-size: 13px;

    font-weight: 400;

    line-height: 18px;

}

#jform_tags { width: 233.81818175316px }

#system-message-container {

    clear: both;

    overflow: none;

}

.contact h3 { clear: both }

.navbar-fixed-top,

.navbar-fixed-bottom,

.navbar-static-top {

    margin-left: 0;

    margin-right: 0;

}

.brand { margin-right: 24px }

.section-about { margin-top: 60px }

ul.slimmenu { text-align: left }

ul.slimmenu li { text-align: left }

.table td { vertical-align: middle }

.github-button {

    display: inline-block;

    vertical-align: middle;

    margin: 10px 10px 10px 0;

}

.nav-pills>.active>a,

.nav-pills>.active>a:hover,

.nav-pills>.active>a:focus {

    background-color: transparent;

    color: inherit;

}

.menu-collapser {

    position: relative;

    background-color: transparent;

    color: #FFF;

    text-shadow: 0 0 0 rgba(0,0,0,0.5);

    width: 100%;

    line-height: 48px;

    padding: 0 8px;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    border-radius: 4px;

}

.collapse-button {

    position: absolute;

    right: 8px;

    top: 50%;

    width: 40px;

    background-color: #0E0E0E;

    background-image: -moz-linear-gradient(to bottom,#151515,#040404);

    background-image: -o-linear-gradient(to bottom,#151515,#040404);

    background-image: -webkit-linear-gradient(to bottom,#151515,#040404);

    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#151515),color-stop(1,#040404));

    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#151515,EndColorStr=#040404);

    background-image: linear-gradient(to bottom,#151515,#040404);

    background-repeat: repeat-x;

    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px 4px 4px 4px;

    border-radius: 4px 4px 4px 4px;

    border-style: solid;

    border-width: 1px;

    color: #FFF;

    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset,0 1px 0 rgba(255,255,255,0.075);

    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset,0 1px 0 rgba(255,255,255,0.075);

    box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset,0 1px 0 rgba(255,255,255,0.075);

    padding: 7px 10px;

    cursor: pointer;

    text-align: center;

    -moz-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    -webkit-transform: translate(0,-50%);

    transform: translate(0,-50%);

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.collapse-button .icon-bar {

    background-color: #F5F5F5;

    -moz-border-radius: 1px;

    -webkit-border-radius: 1px 1px 1px 1px;

    border-radius: 1px 1px 1px 1px;

    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.25);

    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.25);

    box-shadow: 0 1px 0 rgba(0,0,0,0.25);

    display: block;

    height: 2px;

    width: 18px;

    margin: 2px 0;

}

.collapse-button:hover,

.collapse-button:focus {

    background-image: none;

    background-color: #040404;

    color: #FFF;

}

.item-page { padding-top: 0 }

.btn-group > .btn:last-child,

.btn-group > .dropdown-toggle {

    -webkit-border-top-right-radius: 4px;

    -moz-border-radius-topright: 4px;

    border-top-right-radius: 4px;

    -moz-border-radius-topright: 4px;

    -webkit-border-bottom-right-radius: 4px;

    -moz-border-radius-bottomright: 4px;

    border-bottom-right-radius: 4px;

    -moz-border-radius-bottomright: 4px;

}

@font-face {

    font-family: "IcoMoon";

    src: url(../../../media/jui/fonts/IcoMoon.eot);

    src: url(../../../media/jui/fonts/IcoMoon.eot?#iefix) format("embedded-opentype"),url(../../../media/jui/fonts/IcoMoon.woff) format("woff"),url(../../../media/jui/fonts/IcoMoon.ttf) format("truetype"),url(../../../media/jui/fonts/IcoMoon.svg#IcoMoon) format("svg");

    font-weight: 400;

    font-style: normal;

}

[data-icon]:before {

    font-family: "IcoMoon";

    content: attr(data-icon);

    speak: none;

}

[class^="icon-"],

[class*=" icon-"] {

    display: inline-block;

    height: 18px;

    line-height: 14px;

}

.icon-search:before { content: "S" }

input.search-query {

    margin-top: 1px;

    border-radius: 2px;

    font-size: 85%;

    padding: 2px 6px;

}

.blog {

    max-width: 1089px;

    margin: 0 auto;

}

.blog h2 { margin: 6px 0 }

input#jform_contact_emailmsg,

textarea#jform_contact_message { width: 250px }

.breadcrumb {

    padding: 8px;

    margin: 0;

    list-style: none;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

.breadcrumb [class^="icon-"],

[class*=" icon-"] {

    display: inline-block;

    width: 14px;

    height: 14px;

    margin-top: 1px;

    line-height: 14px;

    vertical-align: text-top;

    background-image: none;

}

.breadcrumb>.active { color: #fff }

.breadcrumb>li {

    text-shadow: 0 0 0 #fff !important;

    -moz-text-shadow: 0 0 0 #00f;

}

.breadcrumb li {

    padding-right: 8px;

    text-shadow: 0 0 0 #fff;

}

.breadcrumb>li { display: inline-block }

.breadcrumb>li>.divider {

    padding: 0 0 0 4px;

    font-size: 100%;

}

.breadcrumb>li>.divider { color: #fff }

.breadcrumb>li>.divider { width: auto }

.breadcrumb li a {

    color: #fff;

    text-decoration: none;

}

dd { margin-left: 0 }

.control-group { width: 400px }

.jform_contact_emailmsg { width: 100px }

ul.actions {

    float: right;

    margin: 0;

    padding: 0 10px 0 0;

}

.actions li {

    display: inline;

    width: 18px !important;

    height: 18px !important;

    overflow: none;

    padding: 0 0 6px;

}

.actions li a,

.article-info,

.muted {

    margin: 0;

    padding: 0;

}

.sign {

    font-family: 'jenna_sueregular';

    font-size: 1.8em;

    line-height: 27px;

}

.icon-print { display: none }

.icon-envelope { display: none }

.page-header {

    padding-bottom: 0;

    margin: 2px 0 10px;

    border-bottom: 0 solid #eee;

}

.nav-tabs>.active>a,

.nav-tabs>.active>a:hover,

.nav-tabs>.active>a:focus { color: #fff }

.breadcrumb {

    padding: 5px 0;

    background-color: transparent;

    font-size: 90%;

}

.page-header h2 {

    padding-bottom: 7px;

    margin: 12px 0;

}

.page-header h2 { margin: 0 }

.page-header h2 { display: inline }

.page-header h1 {

    display: inherit;

    width: 100%;

    font-size: 1.4em;

}

.form-inline input {

    max-width: 110px;

    margin-right: 12px;

}

input[type="email"],

input[type="text"],

input[type="password"] { width: 160px }

.input-prepend .add-on:first-child,

.input-prepend .btn:first-child {

    width: 110px;

    text-align: left;

}

.btn {

    background-image: none;

    background-image: none;

    background-image: none;

    background-image: none;

    background-image: none;

    background-repeat: repeat-x;

    filter: progid:none;

}

.row-fluid [class*="span"] { min-height: 12px }

.navbar-inverse .brand,

.navbar-inverse .nav > li > a {

    color: #fff;

    text-shadow: 0 0 0 rgba(0,0,0,0.25);

}

.navbar .nav > li { padding-right: 4px }

.navbar-inverse .nav .active > a,

.navbar-inverse .nav .active > a:hover,

.navbar-inverse .nav .active > a:focus {

    color: #fff;

    background-color: transparent;

}

.navbar .nav > .active > a,

.navbar .nav > .active > a:hover,

.navbar .nav > .active > a:focus {

    text-decoration: none;

    -moz-box-shadow: inset 0 0 0 rgba(0,0,0,0.125);

    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.125);

    box-shadow: inset 0 0 0 rgba(0,0,0,0.125);

}

label {

    display: inline-block;

    margin-left: 5px;

}

@media (max-width: 480px) { 

    .slide-desc { display: none }

    #scroll-top {

        float: right;

        position: static;

        margin: 0;

    }

    ul.social,

    ul.social2 {

        height: 14px;

        padding-bottom: 2px;

    }

    .css3 {

        padding-top: 8px;

        padding-bottom: 2px;

        margin-top: 8px;

        margin-bottom: 2px;

    }

    ul.breadcrumb {

        margin: 0 auto;

        text-align: center;

    }

    .topRight,

    .fixed-side-social-container {

        margin: 0 auto;

        text-align: center;

    }

    .fixed-side-social-container {

        margin: 0 auto;

        text-align: center;

        clear: both;

    }

}

@media (max-width: 782px) { 

    .rowHeader .slimmenu ul {

        text-align: center;

        margin-top: 0;

    }

    .slimmenu { padding: 14px 0 6px 0 }

    .semitransparenttwo,

    .semitransparent,

    .navbardefault { background-color: #fff }

    .topFixedMain {

        background-color: #fff;

        background-image: none;

    }

    .transparent { min-height: 100px !important }

    .slimmenu ul { margin: 0 }

    .slimmenu ul { float: none }

    .slimmenu ul ul ul li { background-color: #444 !important }

    .slimmenu ul ul > li { padding-bottom: 0 }

    .slimmenu ul > li { padding-bottom: 0 }

    .slimmenu ul > li a {

        padding-top: 4px;

        padding-bottom: 4px;

    }

    .slimmenu ul > li:first-child { border-top: 1px solid #fff }

    .slimmenu ul li { border-bottom: 1px solid #fff }

    .slimmenu ul li {

        position: relative;

        display: block;

        height: auto;

        background: none;

        padding-top: 0;

    }

    .slimmenu ul li {

        -webkit-box-shadow: 0 0 0 0 #444;

        -moz-box-shadow: 0 0 0 0 #444;

        box-shadow: 0 0 0 0 #444;

    }

    .slimmenu ul li a,

    .slimmenu .separator { color: #fff }

    .slimmenu ul li .sub-collapser {

        text-align: center;

        width: 32px;

    }

    .slimmenu ul li ul { width: 100% }

    .slimmenu ul li .sub-collapser > i { font-size: .7em }

    .slimmenu ul { width: 100% }

    .slimmenu ul li ul li { text-align: center }

    .slimmenu ul li ul li a { padding: 4px 14px 4px 1px }

    .top2 {

        background-color: transparent !important;

        color: #222;

    }

    .top2 a { text-decoration: underline }

    .menuContainer {

        background-color: transparent !important;

        background-image: none;

    }

    .top2 { border-radius: 5px }

    .menuContainer input[type="image"] { margin: 10px }

    .menuContainer input.search-query {

        max-width: 80px;

        margin: 10px 0;

    }

    .paddingRowTop {

        margin: 0 auto;

        text-align: center;

    }

    .breadcrumb {

        margin: 0 auto;

        text-align: center;

    }

    .topRight {

        margin: 0 auto;

        text-align: center;

    }

    .topNavContainer form {

        margin: 0;

        text-align: center;

    }

    #scroll-top { position: relative }

    .fixed-side-social-container { display: none }

    .container { padding: 0 20px }

    body {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

    .topNavContainer form { padding-bottom: 10px }

    .headerCenter { height: 40px }

    .css3 { margin-bottom: 14px }

}

@media (min-width: 768px) { 

    .rowHeader .slimmenu ul { text-align: center }

}

.slide-desc-bg { border-top: 1px solid #fff }

.videoWrapper {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 25px;

    height: 0;

}

.videoWrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

/*

*     Extensions

*/

.slide-desc-text .slide-title {

    font-size: 1.3em;

    color: #fff;

}.slide-desc-text .slide-title a {

    color: #fff;

}

.slide-desc-text { padding: 4px }

.slide-desc { border-top: 0 solid #fff }

.slide-desc p { margin: 0 }

#osdonatestatic input[type="text"] { width: 40px }

#osdonatestatic select { width: 80px }

#jmod-container {

    background-color: transparent !important;

    border: 0 solid #ccc !important;

    padding-left: 30px;

    background-image: url(../images/twitter_top.png);

    background-repeat: no-repeat;

}

#jmod { color: #fff !important }

.jmod-tweet-container { padding: 4px }

.sp-accordion.sp-accordion-style1 .sp-accordion-inner { background: none }

.sp-accordion.sp-accordion-style1 .toggler span,

.sp-accordion.sp-accordion-style1 .toggler span span { font-weight: 400 }

.toggler {

    color: #fff;

    background-image: url(../images/plus.png);

    background-repeat: no-repeat;

    background-position: top left;

    text-indent: 22px;

    border-radius: 4px;

}

.sp-accordion.sp-accordion-style3 { border: 0 solid #ccc }

.sp-accordion.sp-accordion-style3 .toggler { border-bottom: 0 dotted #ccc }

.sp-accordion-item { padding-bottom: 12px }

.sp-accordion.sp-accordion-style3 .toggler span,

.sp-accordion.sp-accordion-style3 .toggler span span { font-weight: 400 }

#supersized {

    padding: 0px !important;

    margin: 0px !important;

}

.bt-cs .bt-inner .bt-title {

    font-weight: normal;

    text-transform: initial;

    padding: 8px 0 8px 0;

    font-family: 'jenna_sueregular';

    font-size: 2.2em;

}

.bt-introtext { padding: 2px 0 18px 0 }

#prevslide { left: 40px }

#nextslide { right: 40px }



