/*
blue: #0b559e
hover blue: #094785
selected gray: #ececec
orange: #f58243
logo orange: #ffa800;
text white: #f0f0f0
logo: #e44e1d;

*/

/*
GENERAL
*/
* { outline: none; }
body { background-image: url(/uploads/themes/default/noisy-ffffff.png); padding-top: 0px; }
a { color: #333; }
a:hover { color: #333; }
.button > * { border-radius: 0; border: none; box-shadow: none; padding: 15px 30px; font-weight: 400; }
.button > *.btn-xs { padding: 5px 20px; }
.button > *:hover { }
.button.black > * { background: black !important; color: #ffffff }
.button.black > *:hover { color: #ffffff; text-shadow: 0px 0px 2px #666666; }
.button.blue > * { background: #0b559e !important; color: #ffffff }
.button.blue > *:hover { color: #ffffff; text-shadow: 0px 0px 2px #666666; }
.button.orange > * { background: #e44e1d !important; color: #ffffff }
.button.orange > *:hover { color: #ffffff; text-shadow: 0px 0px 2px #666666; }
.bg-black { background: #000000; color: #f0f0f0; }
.bg-black hr { border-top: 1px solid #f0f0f0; }
.bg-blue { background: #0b559e; color: #ffffff; }
.bg-blue hr { border-top: 1px solid #f0f0f0; }
.bg-orange { background: #e44e1d; color: #ffffff; }
.bg-orange hr { border-top: 1px solid #f0f0f0; }

/*
NAVBAR
*/
nav.navbar { background: #ffffff !important; border: none !important;  margin-bottom: 0; }
.navbar-brand { padding: 30px 15px; }
nav.navbar .navbar-brand img { height: 51px; }
.navbar-nav>li>a { padding-top: 30px; padding-bottom: 30px; letter-spacing: 1px; color: #ffffff !important; }
.navbar-nav>li:hover>a { text-shadow: 0px 0px 2px #999999; }
.smaller .navbar-nav>li>a { padding-top: 20px; padding-bottom: 20px; }
nav.navbar .navbar-nav>li.active > a { color: #ffffff !important; background: #094785 !important; }
nav.navbar .menuContainer .navbar-nav>li:hover > a,
nav.navbar .menuContainer .navbar-nav>li:active > a,
nav.navbar .menuContainer .navbar-nav>li:focus > a { background: #0b559e !important; color: #ffffff !important; background: #094785 !important; }
nav.navbar .navbar-nav>.dropdown > a > .caret { border-top-color: #ffffff !important; border-bottom-color: #ffffff !important; }
nav.navbar .navbar-nav>.dropdown:hover > a > .caret,
nav.navbar .navbar-nav>.dropdown:active > a > .caret,
nav.navbar .navbar-nav>.dropdown:focus > a > .caret { border-top-color: #ffffff !important; border-bottom-color: #ffffff !important; }
nav.navbar .navbar-nav>.open > a > .caret { border-top-color: #ffffff !important; border-bottom-color: #ffffff !important; }
nav.navbar .navbar-nav>.open > a { background: #0b559e !important; color: #ffffff !important; }
nav.navbar .navbar-nav>.open:hover > a,
nav.navbar .navbar-nav>.open:active > a,
nav.navbar .navbar-nav>.open:focus > a { background: #0b559e !important; color: #ffffff !important; }
nav.navbar .navbar-nav>.open:hover > a > .caret,
nav.navbar .navbar-nav>.open:active > a > .caret,
nav.navbar .navbar-nav>.open:focus > a > .caret { border-top-color: #ffffff !important; border-bottom-color: #ffffff !important; }
nav.navbar .navbar-nav>.dropdown.active > a > .caret { border-top-color: #ffffff !important; border-bottom-color: #ffffff !important; }
nav.navbar .navbar-nav>li.active:hover > a { color: #ffffff !important; }
nav.navbar .navbar-nav>li>.dropdown-menu { padding: 0; background: #0b559e; border: none; }
nav.navbar .navbar-nav>li>.dropdown-menu>li>a { padding: 15px 20px; color: #ffffff; }
nav.navbar .navbar-nav>li>.dropdown-menu>li>a:hover { color: #333; }

.logoContainer { background-image: url(/uploads/themes/default/noisy-ffffff.png); position: relative;}
.logoContainer .navbar-right li { padding-top: 45px; padding-bottom: 45px; color: #444 !important; font-size: 14px; font-weight: 400 }
.logoContainer .navbar-right li a { padding: 0; }
.logoContainer .navbar-right li:hover { background: none; }
.logoContainer .navbar-right li:hover a { background: none !important; }
.logoContainer .navbar-right li strong { font-weight: 800; color: #333; }
.logoContainer .navbar-right li strong.email { text-transform: uppercase; }
.logoContainer .navbar-right li strong.email a:hover {text-decoration: none;text-shadow: 0px 0px 1px #ccc;}
.logoContainer .navbar-right li.separator { width: 40px; }
.logoContainer .navbar-right li.separator-small { width: 15px; }
.logoContainer .navbar-right li i { margin-right: 6px; }
.logoContainer .navbar-right li img { opacity: 0.7 }
.logoContainer .navbar-right li img:hover { opacity: 1 }
.menuContainer { background: #0b559e;        box-shadow: 0px 0px 5px #333; }
.menuContainer #navbar { border: none; }

/*
CAROUSEL
*/
.carouselBigContainer > div.row { margin: 0; }
.carouselBigContainer > div.row > div { padding: 0; }
.carouselContainer { margin-bottom: 0; border-bottom: 1px solid #fff; }
.carousel-caption { left: 100px; font-size: 22px; background: #000; bottom: 10%; right: initial; line-height: 40px; padding: 5px 20px; color: #f0f0f0; font-weight: 300 }
.carousel-indicators li { background: #ececec; border: none; }
.carousel-indicators .active { background: #000; }
.carouselContainer .carousel-inner .item img { width: 100%; }

/*
TOP SPOT
*/
.topSpotContainer > div { margin-right: 0; margin-left: 0; }
.topSpotContainer > div > div { padding: 15px; padding-bottom: 0;/*border-left: 1px solid #ffffff;*/ }
.topSpotContainer .card { margin-top: 20px; }
.topSpotContainer .card.featured > div { height: 290px; background: #e44e1d; color: white; text-align: center; font-size: 24px; letter-spacing: 1px; padding-top: 60px; box-shadow: 2px 2px 5px -4px #000000; }
.topSpotContainer .card.featured > div { height: 235px; background: #e44e1d; color: white; text-align: center; font-size: 16px; letter-spacing: 1px; padding-top: 66px; box-shadow: 2px 2px 5px -4px #000000; }
.topSpotContainer .card.featured > div > i { display: block; margin-bottom: 10px; }
.topSpotContainer .card > div.description { display: none; font-size: 13px; padding: 15px 20px; line-height: 22px; box-shadow: 2px 2px 5px -4px #000000; }
.topSpotContainer .card > div.image { position: relative; overflow: hidden; }
.topSpotContainer .card > div.image img {width: 100%;}
.topSpotContainer .card > div.title { bottom: 0; padding: 10px 0; padding-top: 20px; width: 100%; /*box-shadow: 2px 2px 5px -4px #000000;*/ }
.topSpotContainer .card > div.title > h3 { margin: 0; font-size: 16px; color: #333; line-height: 22px; font-weight: 400; padding-left: 20px; padding-right: 20px; }

/*
SEPARATOR NEWS
*/
.separatorNews { background: #0b559e; }
.separatorNewsContainer h3 { color: #ffffff; font-weight: 300; font-size: 24px; margin-top: 40px; margin-bottom: 0; }
.separatorNewsContainer h3 + p { color: #ffffff; font-weight: 400; font-size: 40px; }
.separatorNewsContainer div.description { color: #ffffff; font-weight: 300; font-size: 18px; line-height: 30px; }
.separatorNewsContainer div.image { position: relative; text-align: center; }
.separatorNewsContainer div.button { position: absolute; bottom: 40px; right: 80px; }

/*
BLOG SPOT
*/
.blogSpot h2 { padding-bottom: 10px; }
.blogSpot .blogSpotContainer .card { }
.blogSpot .blogSpotContainer .card .title > h3 { margin: 0; font-size: 18px; line-height: 22px; font-weight: 400; margin-bottom: 10px; margin-top: 5px }
.blogSpot .blogSpotContainer .card .title span.date { font-size: 12px; color: #999; }
.blogSpot .blogSpotContainer .card .description { font-size: 13px; line-height: 22px; }
.blogSpot .blogSpotContainer .card hr { margin: 10px 0; }
.blogSpot .blogSpotContainer .card .blogCardBottom { padding-top: 20px; }

/*
FOOTER
*/
footer { background: #000; color: #999999; }
footer h4 { color: #f0f0f0; }
footer hr { border-top: 1px solid #222; }
footer p.copyrights { color: #666666; }
footer li a {color:#999999;}
footer li a:hover {text-decoration: none;color:#666666;}
footer .socialIcons { margin-top: -3px; }
footer .socialIcons a { margin-left: 10px; color: #666666; }
footer .socialIcons a:hover { margin-left: 10px; color: #f0f0f0; }

/*
CONTENT
*/
div.content + div.blogSpot { background: #f0f0f0; padding-bottom: 50px; }
div.content + div.blogSpot .blogSpotContainer .card hr { border-color: #dddddd; }
div.contentTop h1 { color: #f0f0f0; letter-spacing: 1px }
div.contentTop .breadcrumb { background: none; line-height: 26px; margin: 0; padding: 0; }
div.contentTop .breadcrumb li { font-size: 18px; }
div.contentTop .breadcrumb li a { color: #f0f0f0; }
div.contentTop .breadcrumb li a:hover { text-decoration: none; text-shadow: 0px 0px 2px #ccc; }
div.content div.contentContainer > div > div > * { font-size: 16px; font-weight: 300 }
div.content div.contentContainer > div > div * { line-height: 28px; }
div.content div.contentContainer > div > div > h2:first-child { font-size: 26px; line-height: 38px; font-weight: 400 }
div.content div.contentContainer div.sidebar div.box h4 { background: rgba(0, 0, 0, 0.8); font-size: 16px; color: #f0f0f0; }

/*
BLOG
*/
div.blog div.blogListContainer div.post { box-shadow: 2px 2px 5px -4px #000000; }
div.blog div.blogListContainer div.post div.image { height: 200px; overflow: hidden; }
div.blog div.blogListContainer div.post div.title .date { background: #e44e1d; display: inline-block; padding: 5px 10px; text-align: center; color: #fff; font-weight: 300; font-size: 13px; float: left; }
div.blog div.blogListContainer div.post div.title .caption { padding-left: 20px; font-size: 18px; line-height: 26px; padding-right: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
div.blog div.blogListContainer div.post div.title .caption a { color: #333; }
div.blog div.blogListContainer div.post div.title .caption a:hover { }
div.blog div.blogListContainer div.post div.title .tags { padding-left: 20px; font-size: 12px; line-height: 20px; padding-right: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #999; font-style: italic; }
div.blog div.blogListContainer div.post div.description { font-size: 13px; padding: 15px 20px; line-height: 22px; padding-left: 0; padding-top: 0; }
div.blog div.blogListContainer div.post div.button { margin-right: 10px; margin-bottom: 10px; }
div.blog div.blogListContainer div.paginationContainer a { color: #333; }

/*
POST
*/
div.post + div.blogSpot { background: #f0f0f0; padding-bottom: 50px; }
div.post + div.blogSpot .blogSpotContainer .card hr { border-color: #dddddd; }
div.post div.postContainer > h2:first-child { font-size: 26px; line-height: 38px; font-weight: 400 }
div.post div.postContainer > div.date { color: #999; }

/*
CONTACT
*/

/*
ADMIN DASHBOARD
*/
.dashboardContainer > div { margin-right: 0; margin-left: 0; }
.dashboardContainer > div > div { padding: 0px; border-left: 1px solid #ffffff; padding: 15px 30px; line-height: 30px; }
.dashboardContainer > div > div > h4 + hr { margin-left: -30px; margin-right: -30px; }
.dashboardContainer > div > div > div > span { font-style: italic; }
div.admin { }
div.admin + div.blogSpot { background: #f0f0f0; padding-bottom: 50px; }
div.admin + div.blogSpot { padding-top: 30px; }
div.admin + div.blogSpot + footer { margin-top: 0; }
div.admin + div.blogSpot .blogSpotContainer .card hr { border-color: #dddddd; }
div.admin > div.offer { margin-top: 30px; padding-top: 30px; padding-bottom: 30px; background: #0b559e; background-image: url(/uploads/contentTop/x.jpg); }
div.admin > div.offer h3 { color: #ffffff; }
div.admin > div.offer p { color: #ffffff; }
div.admin > div.offer a { color: #f0f0f0; }
div.admin > div.offer a:hover { color: #ffffff; }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background: #f0f0f0 !important; }
.navbar-default .navbar-toggle { border-color: #ddd; margin-right: 0; }
.navbar-default .navbar-toggle.collapsed { background: #fafafa !important; }
.trumbowyg-box, .trumbowyg-editor {margin:0;width: 100%;}

.navbar-collapse {
    height: 100%;
}