@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'museo';
    src: url('../fonts/museo700-regular-webfont.eot');
    src: url('../fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo700-regular-webfont.woff') format('woff'),
         url('../fonts/museo700-regular-webfont.ttf') format('truetype'),
         url('../fonts/museo700-regular-webfont.svg#alexbrush') format('svg');
}

html { 

scrollbar-face-color:#c3c2c2;;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#fff;

}

::-webkit-scrollbar { width: 8px; height: 3px; background:#fff}
::-webkit-scrollbar-button {  background: auto ; }
::-webkit-scrollbar-track {  background-color: #c3c2c2;;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 20px; background-color: #c3c2c2;; border-radius: 3px;}
::-webkit-resizer { background-color: #c3c2c2;}

body{background-color: #F2F2F2;}

.workspace{color:#3f424a;}
h1, h2, h3, h4, h5{margin-top:0px;}
h1, h2, h3, h4, h5, .site-header .navbar-brand{font-family: museo, sans-serif; color:#49579F;}
h2{font-size:1.5em; color:#B2B3B5;}
h3, h4{color: #B2B3B5;}

.site-header .navbar-brand{font-size:1.7em;  line-height: 24px;}

.container{}

.site-header, .site-footer{background-color:#6B77B9 /*#628DBB #363636*/;}
.site-header{border-bottom: 5px solid #49579F;}
.site-footer{border-top: 5px solid #49579F;}
.site-header a:link, .site-header a:visited, .site-footer, .site-footer a, .site-footer a:link{color:#eee;}
.site-header a:hover, .site-footer a:hover{color:#ffffff;}
.site-header .nav>li>a:hover, .site-header .nav>li>a:focus{color:#49579F;}
.site-header li.open a{color:#000000!important;}

.site-footer{padding:10px 0px 20px;}
.site-footer .copyright, .site-footer .builtby{text-align: center; color:#eee;}

.navbar-toggle{background-color:#eee; margin-right:0px!important;}
.navbar-toggle .icon-bar, .navbar-toggle .icon-bar:hover{background-color:#363636;}

.navbar{margin-bottom: 0px!important;}

.btn-wrap{white-space: normal!important;}
.page1 .btn-top{margin-top: 5px;}

.contentArea{padding-top:15px; background-color: #fff;}

.sl{/*position: relative;*/}
li.sl{list-style: none;}
.sl .sl-title, .sl a.sl-title {position:absolute; bottom:50px; left: 0px; padding:5px; z-index: 10; background: rgba(255, 51, 0, 0.8); color:#ffffff;}
.sl .sl-image, .sl a.sl-image{z-index: 5;}
.sl .sl-image img, .sl a.sl-image img{max-width:585px; width:100%; height: auto;}
.sl p.sl-excerpt, .sl .author, .sl a.btn{display:none;}

.owl-pagination{display:none;}

.tarot a, .tarot p.instruction{text-align: center;}
.tarot a img{width:100%; height: auto; padding:4px; border:solid 1px #ccc; border-radius: 5px;}
.tarot.deal-wrapper p.instruction{font-weight: bold; margin:10px 0;}

.marble{width:100%; text-align: center;}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 55px;
    right: 20px;
    display:none;
}

.team-group .info-box {
	position:absolute;
	left:0;
	bottom:0;
	width:96%;
	background: #fff;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	padding: 3px;
}
.team-group {
	text-align: center;
}
.team-group > .col-sm-6 {
	display: inline-block;
	float: none
}
.team-group .thumbnail .caption {
	padding: 0;
	position:relative;
}
.team-group img{
	filter: saturate(10%);
	-webkit-filter: saturate(10%);
	-moz-filter: saturate(10%);
	-o-filter: saturate(10%);
	-ms-filter: saturate(10%);
	
	transition: 1s all;
}
.team-group img:hover {
	filter: saturate(100%);
	-webkit-filter: saturate(100%);
	-moz-filter: saturate(100%);
	-o-filter: saturate(100%);
	-ms-filter: saturate(100%);
}

@media (min-width: 768px)
{
    /*
     * Note: the original site pinned the footer to the viewport bottom here
     * (position: fixed). Dropped in this port — it collides with the fixed
     * .policies-sticky cookie bar and doesn't suit WordPress pages/posts of
     * varying length the way it did the old CMS's fixed-height layout.
     */

    .site-footer .copyright{text-align: left;}
    .site-footer .builtby{text-align: right;}

    .sl .sl-title, .sl a.sl-title{font-size: 1.2em;}
}

@media (min-width: 992px)
{
	.site-header li.open>ul>li, .site-header li.open>ul>li>a{background-color: #fff!important; color:#3f424a!important;}
	.site-header li.open ul li a:hover{color:#DA4453!important;}
	
	.workspace .row{margin-bottom:15px;}

	.owl-pagination{}
	.owl-carousel .owl-item, li.news-list{height:300px; width:100%;}
    
    .sl .sl-title, .sl a.sl-title{font-size: 1em;}
    .tarot.deal-wrapper{margin-bottom: 20px;}
    .tarot a img{width:60%;}
    .tarot.deal-wrapper .Feed-view{width:70%; margin:0 auto;}
    
    .page1 article p{margin-bottom: 5px;}
}

@media (min-width: 1200px)
{
    /*
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus{background-color: #fff!important; color:#3f424a!important;}
    .dropdown-menu>li, header li.open{background-color: #ffffff;}
    .dropdown-menu>li>a, header li.open a{color:#3f424a;}
    */
    .navbar-nav>li>.dropdown-menu{border-bottom: 5px solid #f27720;}
    
    .caption h2{color:#444444; font-size: 1.3em;}
    .caption p{}
    .caption .btn{font-size: 12px;}
}

@media (max-width: 992px)
{
     .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
    .navbar-collapse.in {
        overflow-y: auto !important;
    }
	.navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #999;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, 
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent;
        background-image:none;
    }   
}

.feed-img {
  max-width: 80px;
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
}

@media (min-width: 768px) {
	.feed-img {padding-bottom: 30px;}
}

.feed-single {
  padding: 10px 0;
  border-top: 1px solid rgba(107, 119, 185, 0.27);
  overflow: hidden;
}
.feed-single:first-of-type {
  border-top: none;
}
.Feed-Date {
  font-size: 1.2em;
  color: rgb(107, 119, 185);
  margin-bottom: 10px;
  display: block;
}

/*
 * Note: the cookie-policy notice used to be its own fixed bottom bar
 * (.policies-sticky, position: fixed). It's now merged into .site-footer
 * itself (see footer.php), so it no longer needs its own positioning here.
 */
#policies p{
    margin: 0;
}

/* --- Added for this migration: sticky footer (not part of the original site) ---
 * Keeps .site-footer at the bottom of short pages without floating over
 * content, and lets it flow normally after content on longer pages.
 */
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body > .contentArea {
    flex: 1 0 auto;
}

.site-header,
.site-footer {
    flex-shrink: 0;
    /*
     * Explicit width, overriding .container-fluid's margin-left/right:auto.
     * As flex items, those auto margins get used to center/shrink-wrap the
     * element to its content instead of stretching full width, which is why
     * .site-footer was rendering narrower than .site-header.
     */
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}