@import url("https://fonts.googleapis.com/css2?family=Pacifico&display=swap"); 

html{background-size:cover !important; background-repeat:no-repeat !important; background-position:50% 50%; background-attachment:fixed}

body{    font-family:'Open sans',sans-serif;     color:#707478; background:url(../img/pattern.png) fixed top no-repeat}
a{ color:#348FE2}

#menuTop li>a{font-size: 1rem;}

.navbar{ border:none;  -webkit-transition:all .2s linear;  -moz-transition:all .2s linear;  transition:all .2s linear}
.navbar .nav.navbar-nav >li >a{ background:none;  padding:15px 25px;  font-size:13px;  font-weight:bold;  letter-spacing:0.5px;  color:#FFF}
.navbar .nav.navbar-nav >li >a:hover, 
.navbar .nav.navbar-nav >li >a:focus{ background:none}
.navbar .nav.navbar-nav >li.active >a, 
.navbar .nav.navbar-nav >li >a:hover, 
.navbar .nav.navbar-nav >li >a:focus{ color:#00a3a3}

.navbar-brand{ line-height:30px; padding:0}
.navbar-brand img{display:block; height:85px; -webkit-transition:height .2s linear;  -moz-transition:height .2s linear;  transition:height .2s linear}

.header.navbar-sm .navbar-brand img{height:65px;  padding:5px 0}

.brand-text{  font-weight:bold;  letter-spacing:1px;  font-size:15px;  color:#333;  padding-left:10px;  padding-top:4px}
 
.brand-logo{ border:15px solid transparent;  border-color:#4DCACA #31A3A3 #1D8888;  float:left;  margin-right:10px;  border-radius:20px}

.navbar.navbar-default{ background-color:#422f17; box-shadow:1px 1px 2px rgba(0,0,0,0.15)}
.navbar-default .navbar-toggle{ background:#ddd}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus{ border-color:#ccc;  background:#ccc}
.navbar-default .navbar-toggle:hover .icon-bar, 
.navbar-default .navbar-toggle:focus .icon-bar{ background:#333}

.navbar.navbar-transparent{ background:none}
.navbar.navbar-transparent.navbar-sm{ background:#fff;  -webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);  box-shadow:0 0 2px rgba(0,0,0,0.3)}
.navbar-transparent .brand-text, 
.navbar-transparent .nav.navbar-nav >li >a{  color:#fff}
.navbar-transparent.navbar-sm .brand-text, 
.navbar-transparent.navbar-sm .nav.navbar-nav >li >a{ color:#333}
.navbar-transparent .navbar-toggle{ border-color:transparent;  background:rgba(255,255,255,0.2)}
.navbar-transparent .navbar-toggle:hover, 
.navbar-transparent .navbar-toggle:focus{ border-color:transparent;  background:rgba(255,255,255,0.5)}
.navbar-transparent .navbar-toggle .icon-bar, 
.navbar-transparent .navbar-toggle .icon-bar{ background:#fff}
.navbar-transparent .navbar-toggle:hover .icon-bar, 
.navbar-transparent .navbar-toggle:focus .icon-bar{ background:#fff}

.navbar-inverse .brand-text, 
.navbar-inverse .nav.navbar-nav >li >a{  color:#fff}
.navbar-inverse .navbar-toggle{ border-color:transparent;  background:rgba(255,255,255,0.2)}
.navbar-inverse .navbar-toggle:hover, 
.navbar-inverse .navbar-toggle:focus{ border-color:transparent;  background:rgba(255,255,255,0.5)}
.navbar-inverse .navbar-toggle .icon-bar, 
.navbar-inverse .navbar-toggle .icon-bar{ background:#fff}
.navbar-inverse .navbar-toggle:hover .icon-bar, 
.navbar-inverse .navbar-toggle:focus .icon-bar{ background:#fff}

.page-title{ padding:30px 0 30px;  text-align:center}
.page-title.has-bg{ padding:140px 0 80px;  text-align:center}
.page-title h1{ margin:0 0 10px;  color:#fff;  font-weight:500;  font-size:45px;  font-family:"Pacifico",cursive}
.page-title .bg-title-page{ background-color:rgba(0,0,0,0.6);  padding:5px 10px}
.page-title a, 
.page-title .breadcrumb span, .page-title .breadcrumb-item+.breadcrumb-item::before{ color:#FAFAFA;  text-decoration:none}

.section-title{ font-size:25px;  margin:0 0 10px;   position:relative;  text-align:center;  font-weight:500;  color:#422f17;  font-family:"Pacifico",cursive}
.section-title span{ position:relative;  z-index:1020;  background:#fef9f5;  padding-left:10px;  padding-right:10px}

.section-title:before{ content:'';  position:absolute;  left:0;  right:0;  height:2px;  background:#222;  top:50%;  margin-top:-1px;  z-index:0}

.section-container{ margin-bottom:20px}

.content{ padding-top:90px}
#content .container{background-color:#FEF9F5;  box-shadow:1px 1px 1px rgba(0,0,0,0.15)}
.page-title+.content{ margin-top:60px}
.breadcrumb{ font-size:12px;  background:none;  padding:0;  margin-bottom:5px}

.has-bg{    position:relative;     overflow:hidden}
.has-bg .bg-cover{    position:absolute;     left:0;     right:0;     top:0;     bottom:0;     background-attachment:fixed;     background-position:center;     background-repeat:no-repeat;     background-size:cover}
.has-bg .bg-cover.bottom{top:auto}
.has-bg .bg-cover:before{    content:'';     position:absolute;     left:0;     right:0;     top:0;     bottom:0;     background:url('images/transparent/black-0.4.png')}
.has-bg .bg-cover img{ max-width:100%;  min-height:100%}
.has-bg .container, 
.page-title .container{ position:relative;  z-index:1020;  background:none !important;  box-shadow:none !important}

.sidebar-social-list{ line-height:20px;  list-style-type:none;  margin:0;  padding:10px 0}
.sidebar-social-list >li{ display:inline;  font-size:17px;  float:left}
.sidebar-social-list >li a{ color:#333;  padding:0 10px}
.sidebar-social-list >li a:hover, 
.sidebar-social-list >li a:focus{ color:#348FE2}

.sidebar-recent-post{ list-style-type:none;  margin:0;  padding:0}
.sidebar-recent-post >li:before, 
.sidebar-recent-post >li:after{ content:'';  display:table;  clear:boths}
 
.sidebar-recent-post >li{ padding:10px 0}
.sidebar-recent-post >li+li{ border-top:1px solid #ddd}
.sidebar-recent-post >li .title{ margin:0;  font-size:13px;  text-transform:initial;  letter-spacing:0;  line-height:20px}
.sidebar-recent-post >li .title a{ color:#333}
.sidebar-recent-post >li .date{ font-size:11px;  color:#999}

.sidebar-list{ list-style-type:none;  margin:0;  padding:0;  font-size:12px}
.sidebar-list >li >a{ line-height:20px;  color:#333;  border-bottom:1px solid #ddd;  display:block;  padding:10px 0}

.post-list{ list-style-type:none;  margin:0;  padding:0}
.post-list >li:before, 
.post-list >li:after{ content:'';  display:table;  clear:both}
.post-list >li{ padding:0}
.post-list >li+li{ margin-top:60px}
.post-left-info{ width:50px;  float:left;  margin-right:20px}
.post-date{ font-size:12px;  line-height:1.1;  margin:0 auto 2px;  padding:10px;  text-align:center;  font-weight:bold}
.post-date .day{ color:#333;  font-size:23px;  display:block}
.post-date .month{ display:block;  font-size:10px;  margin-top:5px;  color:#333}
.post-date+.post-likes{ border-top:2px solid #ddd}
.post-likes{ padding:10px 0;  text-align:center;  font-size:12px}
.post-left-info+.post-content{ margin-left:70px}
.post-image{ padding-top:56%;  overflow:hidden;  position:relative;  margin-bottom:25px}
.post-image.post-image-with-carousel{ padding-top:0}
.post-image.post-image-with-carousel .item{ padding-top:56%;  overflow:hidden}
.post-image img{ position:absolute;  left:0;  right:0;  top:0;  max-width:100%}
.post-video{ margin-bottom:25px}
.post-list blockquote{ border:none;  background:#e9edef;  font-size:17px;  padding:30px;  color:#000;  margin-bottom:25px}
.post-title{ margin:0 0 5px;  font-size:23px;  line-height:30px;  color:#000}
.post-title a{ color:#000}
.post-subtitle{ margin-bottom:10px;  font:18px}
.post-by{ display:block;  font-size:11px;  color:#666;  margin-bottom:15px;  line-height:20px;  padding:0 0}
.post-by .divider{ margin:0 5px;  font-size:10px;  color:#333;  position:relative;  top:-1px}
.post-desc{ line-height:20px;  color:#696969;  margin-bottom:20px;  font-size:13px}
.read-btn-container{ text-align:right;  font-size:12px}
.read-btn-container a{ color:#333}

.post-grid{ margin:-10px}
.post-grid:before, 
.post-grid:after{ content:'';  display:table;  clear:both}
.post-grid >li, 
.post-li{ width:33.33%;  padding:10px}
.post-grid.post-grid-2 >li, 
.post-grid.post-grid-2 >.post-li{ width:50%}
.post-grid.post-grid-3 >li, 
.post-grid.post-grid-3 >.post-li{ width:33.33%}
.post-grid.post-grid-4 >li, 
.post-grid.post-grid-4 >.post-li{ width:25%}
.post-grid .post-image, 
.post-grid .post-video{ margin:-1px -1px 0}
.post-grid blockquote{ margin-bottom:0}
.post-grid .post-title{ font-size:19px;  line-height:24px}
.post-grid .post-content{ border:1px solid rgba(0,0,0,0.125); background-color:#FFF}
.post-grid .post-info{ padding:15px}

.post-detail .post-image{ margin-bottom:15px}
.post-detail .post-by{ font-size:13px}
.post-detail .post-desc{ margin-bottom:30px}
.post-detail .post-desc p{ margin-bottom:0}
.post-detail .post-desc p+p{ margin-top:15px}

.comment-list{ list-style-type:none;  margin:0 0 30px;  padding:0;  color:#2d353c}
.comment-list >li{ padding:20px}
.comment-list >li+li{ border-top:2px solid #eee}
.comment-list >li:before, 
.comment-list >li:after{ content:'';  display:table;  clear:both}
.comment-list .comment-avatar{ width:70px;  height:70px;  overflow:hidden;  -webkit-border-radius:70px;  -moz-border-radius:70px;  border-radius:70px;  margin-right:20px;  float:left;  background:#d9e0e7;  text-align:center;  line-height:84px;  font-size:60px;  color:#929ba1}
.comment-list .comment-avatar img{ max-width:100%;  display:block}
.comment-list .comment-avatar+.comment-container{ margin-left:90px}
.comment-list .comment-author{ font-size:15px;  color:#2d353c;  font-weight:600;  margin-bottom:5px}
.comment-list .comment-date{ font-size:12px;  font-weight:normal;  margin-left:5px;  color:#999}
.comment-list .comment-content{ font-size:13px;  line-height:20px;  margin-bottom:10px}
.comment-list .comment-rating{ font-size:11px;  text-align:right;  font-weight:600;  color:#999;  margin-bottom:10px}
.comment-list .comment-btn{ font-size:11px;  margin-bottom:10px}
.comment-list .comment-list{ border-bottom:none;  margin-top:30px;  margin-bottom:0;  border-top:2px solid #eee}
.comment-list .comment-list >li{ padding-bottom:0}

.about-me-desc{ line-height:24px;  margin-bottom:12px}

.footer{ background-color:#262d33;   padding-top:30px;  padding-bottom:30px; color:#adb5bd; box-shadow:inset 0 100px 80px -80px rgba(0,0,0,.7)}
.footer-section{ margin-bottom:30px}
.footer .sidebar-social-list >li{font-size:20px}
.footer .footer-title{ font-family:"Pacifico",cursive;  font-size:25px;  font-weight:500;  letter-spacing:0.5px;  color:#A0A6AC;  margin-bottom:10px;  margin-top:0;  position:relative;  text-align:center}
.footer hr{ background-color:#A0A6AC}
.footer ul{ font-size:13px;  list-style-type:none;  margin:0;  padding:0;  line-height:28px}
.footer a{color:#adb5bd}
.footer ul a{ color:#adb5bd}
.footer ul.archives >li .total{ font-size:12px;  color:#5A5E63;  margin-left:5px;  font-weight:normal}
.footer ul.recent-post h4{ font-size:13px}
.footer ul.recent-post h4 .time{ display:block;  color:#5A5E63;  font-size:12px;  font-weight:normal;  margin-top:-2px;  margin-bottom:15px}
.footer ul.recent-post a{ font-size:13px;  line-height:28px}
.footer address{ color:#919497;  line-height:20px;  font-size:13px}

.copyright{ background:#1c2025;  padding-top:20px;  padding-bottom:20px;  font-size:13px;  color:#919497; box-shadow:1px 1px 2px rgba(0,0,0,0.15)}
.copyright:before, 
.copyright:after{ content:'';  display:table;  clear:both}
.copyright .social-media-list{ list-style-type:none;  margin:0;  padding:0;  float:right;  font-size:16px}
.copyright .social-media-list >li{ float:left}
.copyright .social-media-list >li+li{ margin-left:15px}

.copyright .social-media-list >li a{ color:#6c757d;  -webkit-transition:color .2s linear;  -moz-transition:color .2s linear;  -ms-transition:color .2s linear;  -o-transition:color .2s linear;  transition:color .2s linear}

.pace-inactive{ opacity:0;  filter:alpha(opacity=0)}
.pace{ background:#2d353c;  position:fixed;  top:0;  left:0;  right:0;  -webkit-transition:opacity 1s;  -moz-transition:opacity 1s;  -o-transition:opacity 1s;  transition:opacity 1s;  z-index:1050}
.pace-progress{ position:fixed;  top:0;  left:0;  right:0;  text-align:center;  height:3px;  background:#00acac;  -webkit-transition:width 1s;  -moz-transition:width 1s;  -o-transition:width 1s;  transition:width 1s;  z-index:2000}
.pace:before{ content:'';  position:fixed;  top:0;  right:0;  left:0;  height:3px}
.pace .pace-activity{ display:block;  position:fixed;  z-index:2000;  top:20px;  right:20px;  width:20px;  height:20px;  border:solid 2px transparent;  border-top-color:#00acac;  border-left-color:#00acac;  border-radius:10px;  -webkit-animation:pace-spinner 400ms linear infinite;  -moz-animation:pace-spinner 400ms linear infinite;  -ms-animation:pace-spinner 400ms linear infinite;  -o-animation:pace-spinner 400ms linear infinite;  animation:pace-spinner 400ms linear infinite}
@media (max-width:767px){ .pace .pace-activity{ top:80px}
}
@-webkit-keyframes pace-spinner{ 0%{-webkit-transform:rotate(0deg); transform:rotate(0deg)}
 100%{-webkit-transform:rotate(360deg); transform:rotate(360deg)}
}
@-moz-keyframes pace-spinner{ 0%{-moz-transform:rotate(0deg); transform:rotate(0deg)}
 100%{-moz-transform:rotate(360deg); transform:rotate(360deg)}
}
@-o-keyframes pace-spinner{ 0%{-o-transform:rotate(0deg); transform:rotate(0deg)}
 100%{-o-transform:rotate(360deg); transform:rotate(360deg)}
}
@-ms-keyframes pace-spinner{ 0%{-ms-transform:rotate(0deg); transform:rotate(0deg)}
 100%{-ms-transform:rotate(360deg); transform:rotate(360deg)}
}
@keyframes pace-spinner{ 0%{transform:rotate(0deg); transform:rotate(0deg)}
 100%{transform:rotate(360deg); transform:rotate(360deg)}
}

.row{margin:0 -10px}
.row >[class*="col-"]{ padding:0 10px}

.row.row-space-0{margin:0}
.row.row-space-2{margin:0 -1px}
.row.row-space-4{margin:0 -2px}
.row.row-space-6{margin:0 -3px}
.row.row-space-8{margin:0 -4px}
.row.row-space-10{margin:0 -5px}
.row.row-space-12{margin:0 -6px}
.row.row-space-14{margin:0 -7px}
.row.row-space-16{margin:0 -8px}
.row.row-space-18{margin:0 -9px}
.row.row-space-18{margin:0 -10px}
.row.row-space-22{margin:0 -11px}
.row.row-space-24{margin:0 -12px}
.row.row-space-26{margin:0 -13px}
.row.row-space-28{margin:0 -14px}
.row.row-space-30{margin:0 -15px}
.row.row-space-0 >[class*="col-"]{ padding:0}
.row.row-space-2 >[class*="col-"]{ padding:0 1px}
.row.row-space-4 >[class*="col-"]{ padding:0 2px}
.row.row-space-6 >[class*="col-"]{ padding:0 3px}
.row.row-space-8 >[class*="col-"]{ padding:0 4px}
.row.row-space-10 >[class*="col-"]{ padding:0 5px}
.row.row-space-12 >[class*="col-"]{ padding:0 6px}
.row.row-space-14 >[class*="col-"]{ padding:0 7px}
.row.row-space-16 >[class*="col-"]{ padding:0 8px}
.row.row-space-18 >[class*="col-"]{ padding:0 9px}
.row.row-space-20 >[class*="col-"]{ padding:0 10px}
.row.row-space-22 >[class*="col-"]{ padding:0 11px}
.row.row-space-24 >[class*="col-"]{ padding:0 12px}
.row.row-space-26 >[class*="col-"]{ padding:0 13px}
.row.row-space-28 >[class*="col-"]{ padding:0 14px}
.row.row-space-30 >[class*="col-"]{ padding:0 15px}

.semi-bold{font-weight:600}

.overflow-auto{overflow:auto !important}
.overflow-hidden{overflow:hidden !important}
.overflow-visible{overflow:visible !important}
.overflow-scroll{overflow:scroll !important}
.overflow-x-hidden{overflow-x:hidden !important}
.overflow-x-visible{overflow-x:visible !important}
.overflow-x-scroll{overflow-x:scroll !important}
.overflow-y-hidden{overflow-y:hidden !important}
.overflow-y-visible{overflow-y:visible !important}
.overflow-y-scroll{overflow-y:scroll !important}

.m-auto{margin:0 auto !important}
.m-0{margin:0px !important}
.m-1{margin:1px !important}
.m-2{margin:2px !important}
.m-3{margin:3px !important}
.m-4{margin:4px !important}
.m-5{margin:5px !important}
.m-10{margin:10px !important}
.m-15{margin:15px !important}
.m-20{margin:20px !important}
.m-25{margin:25px !important}
.m-30{margin:30px !important}
.m-35{margin:35px !important}
.m-40{margin:40px !important}

.m-t-0{margin-top:0px !important}
.m-t-1{margin-top:1px !important}
.m-t-2{margin-top:2px !important}
.m-t-3{margin-top:3px !important}
.m-t-4{margin-top:4px !important}
.m-t-5{margin-top:5px !important}
.m-t-10{margin-top:10px !important}
.m-t-15{margin-top:15px !important}
.m-t-20{margin-top:20px !important}
.m-t-25{margin-top:25px !important}
.m-t-30{margin-top:30px !important}
.m-t-35{margin-top:35px !important}
.m-t-40{margin-top:40px !important}

.m-r-0{margin-right:0px !important}
.m-r-1{margin-right:1px !important}
.m-r-2{margin-right:2px !important}
.m-r-3{margin-right:3px !important}
.m-r-4{margin-right:4px !important}
.m-r-5{margin-right:5px !important}
.m-r-10{margin-right:10px !important}
.m-r-15{margin-right:15px !important}
.m-r-20{margin-right:20px !important}
.m-r-25{margin-right:25px !important}
.m-r-30{margin-right:30px !important}
.m-r-35{margin-right:35px !important}
.m-r-40{margin-right:40px !important}

.m-b-0{margin-bottom:0px !important}
.m-b-1{margin-bottom:1px !important}
.m-b-2{margin-bottom:2px !important}
.m-b-3{margin-bottom:3px !important}
.m-b-4{margin-bottom:4px !important}
.m-b-5{margin-bottom:5px !important}
.m-b-10{margin-bottom:10px !important}
.m-b-15{margin-bottom:15px !important}
.m-b-20{margin-bottom:20px !important}
.m-b-25{margin-bottom:25px !important}
.m-b-30{margin-bottom:30px !important}
.m-b-35{margin-bottom:35px !important}
.m-b-40{margin-bottom:40px !important}

.m-l-0{margin-left:0px !important}
.m-l-1{margin-left:1px !important}
.m-l-2{margin-left:2px !important}
.m-l-3{margin-left:3px !important}
.m-l-4{margin-left:4px !important}
.m-l-5{margin-left:5px !important}
.m-l-10{margin-left:10px !important}
.m-l-15{margin-left:15px !important}
.m-l-20{margin-left:20px !important}
.m-l-25{margin-left:25px !important}
.m-l-30{margin-left:30px !important}
.m-l-35{margin-left:35px !important}
.m-l-40{margin-left:40px !important}

.p-0{padding:0px !important}
.p-1{padding:1px !important}
.p-2{padding:2px !important}
.p-3{padding:3px !important}
.p-4{padding:4px !important}
.p-5{padding:5px !important}
.p-10{padding:10px !important}
.p-15, .wrapper{padding:15px !important}
.p-20{padding:20px !important}
.p-25{padding:25px !important}
.p-30{padding:30px !important}
.p-35{padding:35px !important}
.p-40{padding:40px !important}

.p-t-0{padding-top:0px !important}
.p-t-1{padding-top:1px !important}
.p-t-2{padding-top:2px !important}
.p-t-3{padding-top:3px !important}
.p-t-4{padding-top:4px !important}
.p-t-5{padding-top:5px !important}
.p-t-10{padding-top:10px !important}
.p-t-15{padding-top:15px !important}
.p-t-20{padding-top:20px !important}
.p-t-25{padding-top:25px !important}
.p-t-30{padding-top:30px !important}
.p-t-35{padding-top:35px !important}
.p-t-40{padding-top:40px !important}

.p-r-0{padding-right:0px !important}
.p-r-1{padding-right:1px !important}
.p-r-2{padding-right:2px !important}
.p-r-3{padding-right:3px !important}
.p-r-4{padding-right:4px !important}
.p-r-5{padding-right:5px !important}
.p-r-10{padding-right:10px !important}
.p-r-15{padding-right:15px !important}
.p-r-20{padding-right:20px !important}
.p-r-25{padding-right:25px !important}
.p-r-30{padding-right:30px !important}
.p-r-35{padding-right:35px !important}
.p-r-40{padding-right:40px !important}

.p-b-0{padding-bottom:0px !important}
.p-b-1{padding-bottom:1px !important}
.p-b-2{padding-bottom:2px !important}
.p-b-3{padding-bottom:3px !important}
.p-b-4{padding-bottom:4px !important}
.p-b-5{padding-bottom:5px !important}
.p-b-10{padding-bottom:10px !important}
.p-b-15{padding-bottom:15px !important}
.p-b-20{padding-bottom:20px !important}
.p-b-25{padding-bottom:25px !important}
.p-b-30{padding-bottom:30px !important}
.p-b-35{padding-bottom:35px !important}
.p-b-40{padding-bottom:40px !important}

.p-l-0{padding-left:0px !important}
.p-l-1{padding-left:1px !important}
.p-l-2{padding-left:2px !important}
.p-l-3{padding-left:3px !important}
.p-l-4{padding-left:4px !important}
.p-l-5{padding-left:5px !important}
.p-l-10{padding-left:10px !important}
.p-l-15{padding-left:15px !important}
.p-l-20{padding-left:20px !important}
.p-l-25{padding-left:25px !important}
.p-l-30{padding-left:30px !important}
.p-l-35{padding-left:35px !important}
.p-l-40{padding-left:40px !important}

.f-s-8{font-size:8px !important}
.f-s-9{font-size:9px !important}
.f-s-10{font-size:10px !important}
.f-s-11{font-size:11px !important}
.f-s-12{font-size:12px !important}
.f-s-13{font-size:13px !important}
.f-s-14{font-size:14px !important}
.f-s-15{font-size:15px !important}
.f-s-16{font-size:16px !important}
.f-s-17{font-size:17px !important}
.f-s-18{font-size:18px !important}
.f-s-19{font-size:19px !important}
.f-s-20{font-size:20px !important}

.text-center{text-align:center !important}
.text-left{text-align:left !important}
.text-right{text-align:right !important}

.pull-left{float:left !important}
.pull-right{float:right !important}
.pull-none{float:none !important}

.f-w-100{font-weight:100 !important}
.f-w-200{font-weight:200 !important}
.f-w-300{font-weight:300 !important}
.f-w-400{font-weight:400 !important}
.f-w-500{font-weight:500 !important}
.f-w-600{font-weight:600 !important}
.f-w-700{font-weight:700 !important}

.table-valign-middle th, 
.table-valign-middle td{ vertical-align:middle !important}
.table-th-valign-middle th, 
.table-td-valign-middle td{ vertical-align:middle !important}
.table-valign-top th, 
.table-valign-top td{ vertical-align:top !important}
.table-th-valign-top th, 
.table-td-valign-top td{ vertical-align:top !important}
.table-valign-bottom th, 
.table-valign-bottom td{ vertical-align:bottom !important}
.table-th-valign-bottom th, 
.table-td-valign-bottom td{ vertical-align:bottom !important}
.vertical-box{ display:table;  table-layout:fixed;  border-spacing:0;  height:100%;  width:100%}
.vertical-box-column{ display:table-cell;  vertical-align:top;  height:100%}
.vertical-box-row{ display:table-row;  height:100%}
.vertical-box-row >.vertical-box-cell{ position:relative;  height:100%;  width:100%;  float:none}
.vertical-box-row >.vertical-box-cell >.vertical-box-inner-cell{ position:absolute;  top:0;  bottom:0;  left:0;  right:0;  overflow:hidden}
.panel-expand .vertical-box .vertical-box-column{ display:table-cell}
.page-content-full-height .content{ position:absolute;  left:0;  top:54px;  right:0;  bottom:-1px;  -webkit-transform:translateZ(0)}
.no-rounded-corner{ -webkit-border-radius:0 !important;  -moz-border-radius:0 !important;  border-radius:0 !important}
.rounded-corner{ -webkit-border-radius:50% !important;  -moz-border-radius:50% !important;  border-radius:50% !important}
.no-border{border:0 !important}
.border-top-1{border-top:1px solid #eee !important}
.border-right-1{border-right:1px solid #eee !important}
.border-bottom-1{border-bottom:1px solid #eee !important}
.border-left-1{border-left:1px solid #eee !important}
.no-box-shadow{ -webkit-box-shadow:none !important;  box-shadow:none !important}
.bg-white{background:#fff !important}
.bg-silver-lighter{background:#f4f6f7 !important}
.bg-silver{background:#f0f3f4 !important}
.bg-silver-darker{background:#b4b6b7 !important}

.bg-black{background:#2d353c !important}
.bg-black-darker{background:#242a30 !important}
.bg-black-lighter{background:#575d63 !important}

.bg-grey{background:#b6c2c9 !important}
.bg-grey-darker{background:#929ba1 !important}
.bg-grey-lighter{background:#c5ced4 !important}

.bg-red{background:#ff5b57 !important}
.bg-red-darker{background:#cc4946 !important}
.bg-red-lighter{background:#ff7c79 !important}

.bg-orange{background:#f59c1a !important}
.bg-orange-darker{background:#c47d15 !important}
.bg-orange-lighter{background:#f7b048 !important}

.bg-yellow{background:#e3fa3e !important}
.bg-yellow-darker{background:#b6c832 !important}
.bg-yellow-lighter{background:#e9fb65 !important}

.bg-green{background:#00acac !important}
.bg-green-darker{background:#008a8a !important}
.bg-green-lighter{background:#33bdbd !important}

.bg-blue{background:#348fe2 !important}
.bg-blue-darker{background:#2a72b5 !important}
.bg-blue-lighter{background:#5da5e8 !important}

.bg-aqua{background:#49b6d6 !important}
.bg-aqua-darker{background:#3a92ab !important}
.bg-aqua-lighter{background:#6dc5de !important}

.bg-purple{background:#727cb6 !important}
.bg-purple-darker{background:#5b6392 !important}
.bg-purple-lighter{background:#8e96c5 !important}

.no-bg{background:none !important}

.height-xs{height:150px !important}
.height-sm{height:300px !important}
.height-md{height:450px !important}
.height-lg{height:600px !important}
.height-full{height:100% !important}
.height-50{height:50px !important}
.height-100{height:100px !important}
.height-150{height:150px !important}
.height-200{height:200px !important}
.height-250{height:250px !important}
.height-300{height:300px !important}
.height-350{height:350px !important}
.height-400{height:400px !important}
.height-450{height:450px !important}
.height-500{height:500px !important}
.height-550{height:550px !important}
.height-600{height:600px !important}

.width-xs{width:150px !important}
.width-sm{width:300px !important}
.width-md{width:450px !important}
.width-lg{width:600px !important}
.width-full{width:100% !important}
.width-50{width:50px !important}
.width-100{width:100px !important}
.width-150{width:150px !important}
.width-200{width:200px !important}
.width-250{width:250px !important}
.width-300{width:300px !important}
.width-350{width:350px !important}
.width-400{width:400px !important}
.width-450{width:450px !important}
.width-500{width:500px !important}
.width-550{width:550px !important}
.width-600{width:600px !important}

.animated{ -webkit-animation-duration:.6s;  animation-duration:.6s;  -webkit-animation-fill-mode:both;  animation-fill-mode:both}

.text-ellipsis{ white-space:nowrap !important;  overflow:hidden !important;  text-overflow:ellipsis !important}
.underline{ border-bottom:1px solid #e2e7eb !important}

.progress{ -webkit-border-radius:15px;  -moz-border-radius:15px;  border-radius:15px;  height:15px;  overflow:visible;  background:#e2e7eb;  -webkit-box-shadow:none;  box-shadow:none}
.progress .progress-bar{ -webkit-border-radius:15px;  -moz-border-radius:15px;  border-radius:15px;  position:relative}
.progress .progress-bar .progress-number{ position:absolute;  right:0;  bottom:100%;  background:#333;  padding:2px 6px 1px;  border-radius:4px;  margin-bottom:5px;  display:block;  line-height:16px}
.progress .progress-bar .progress-number:before{ content:'';  position:absolute;  left:50%;  margin-left:-5px;  bottom:-10px;  border:5px solid transparent;  border-top-color:#333}
.progress-bar.progress-bar-success{ background:#00acac}
.progress.progress-striped .progress-bar{ background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);  background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);  background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);  -webkit-background-size:40px 40px;  background-size:40px 40px}
.progress-xs{ height:5px}
.progress-xs .progress-bar{ line-height:5px}
.progress-sm{ height:10px}
.progress-sm .progress-bar{ line-height:10px}
.progress-lg{ height:30px}
.progress-lg .progress-bar{ line-height:30px}
.progress-bar{ background:#348fe2;  -webkit-box-shadow:none;  box-shadow:none}
.progress-bar.progress-bar-success{ background-color:#00acac}
.progress-bar.progress-bar-info{ background-color:#49b6d6}
.progress-bar.progress-bar-warning{ background-color:#f59c1a}
.progress-bar.progress-bar-danger{ background-color:#ff5b57}
.progress-bar.progress-bar-inverse{ background-color:#2d353c}
.progress-bar.progress-bar-purple{ background-color:#727cb6}

    border-radius:3px; 
    -webkit-border-radius:3px; 
    -moz-border-radius:3px}
*/
.form-control.input-white{ background:#fff;  border-color:#fff}
.form-control.input-white:focus{ box-shadow:none;  -webkit-box-shadow:none}
.form-control[disabled], 
.form-control[readonly], 
fieldset[disabled] .form-control{ background:#e5e9ed;  opacity:0.6;  filter:alpha(opacity=60)}
.form-control[disabled]:focus, 
.form-control[readonly]:focus, 
fieldset[disabled] .form-control:focus{ box-shadow:none;  -webkit-box-shadow:none;  border:1px solid #ccd0d4}
.form-control:focus{ border-color:#9fa2a5;  -webkit-box-shadow:none;  box-shadow:none}
.form-horizontal.form-bordered .form-group{ border-bottom:1px solid #eee;  margin:0}
.form-horizontal.form-bordered .form-group:last-child{ border-bottom:0}
.form-horizontal.form-bordered .form-group >.control-label{ padding:22px 15px 15px}
.form-horizontal.form-bordered .form-group >div{ padding:15px}
.form-horizontal.form-bordered .form-group >div{ border-left:1px solid #eee}
.form-horizontal.form-bordered .form-group >.control-label{ border-right:1px solid #eee;  margin-right:-1px}
.form-horizontal.form-bordered .has-feedback .form-control-feedback{ top:15px}
label{ font-weight:600}

.form-control-feedback{ line-height:34px}
select.form-control{ border-color:#ccd0d4}
select[multiple].form-control{ border-color:#ccd0d4}
.input-group-addon{ background:#e2e7eb;  border:none}
legend{ padding-bottom:3px;  border-bottom:1px solid #e2e7eb}

.dropdown-menu{ -webkit-box-shadow:0 2px 5px -1px rgba(0,0,0,0.2);  box-shadow:0 2px 5px -1px rgba(0,0,0,0.2);  font-size:12px; z-index:9999}
.dropdown-menu >li >a{ padding:5px 15px}
.dropdown-menu >li >a:hover, 
.dropdown-menu >li >a:focus{ background:#edf0f5}
.dropdown-menu >.active >a, 
.dropdown-menu >.active >a:hover, 
.dropdown-menu >.active >a:focus{ background:#348fe2}
.dropdown-menu .divider{ border-color:#eee}
.dropdown-menu.media-list{ max-width:280px;  padding:0}
.dropdown-menu.media-list p{ text-overflow:ellipsis;  overflow:hidden}
.dropdown-menu.media-list .dropdown-header{ padding:10px 20px !important;  background:#fafafa}
.dropdown-menu.media-list >.media{ margin-top:0;  border-top:1px solid #eee;  border-bottom:1px solid #eee;  margin-bottom:-1px}
.dropdown-menu.media-list >.media >a{ display:block;  padding:10px 20px !important}
.dropdown-menu.media-list >.media .media-object{ height:36px;  width:36px;  line-height:36px;  font-size:13px;  color:#fff;  text-align:center;  margin-right:10px;  -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%}
.dropdown-footer{ padding:10px 20px}
.dropdown-menu >li.dropdown-footer >a{ padding:0 !important;  display:inline !important}
.dropdown-menu >li.dropdown-footer >a:hover, 
.dropdown-menu >li.dropdown-footer >a:focus{ background:none !important;  text-decoration:underline !important}

.tooltip-inner{ padding:4px 10px;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px}

.alert{ border:none}

.badge{ font-size:75%;  line-height:1.25;  font-weight:600}
.label{ font-size:75%;  font-weight:600}
.badge.badge-square{ -webkit-border-radius:0;  -moz-border-radius:0;  border-radius:0}

.pager li >a, 
.pager li >span, 
.pagination >li >a{ border-color:#e2e7eb;  color:#242a30}
.pager.pager-without-border li >a, 
.pager.pager-without-border li >span, 
.pagination.pagination-without-border >li >a{ border-color:#fff}
.pagination >.disabled >span, 
.pagination >.disabled >span:hover, 
.pagination >.disabled >span:focus, 
.pagination >.disabled >a, 
.pagination >.disabled >a:hover, 
.pagination >.disabled >a:focus, 
.pager >.disabled >span, 
.pager >.disabled >a{ opacity:0.6;  filter:alpha(opacity=60);  border-color:#ddd}
.pagination >li >a{ color:#242a30;  margin-left:5px;  -webkit-border-radius:3px !important;  -moz-border-radius:3px !important;  border-radius:3px !important}
.pagination >li:first-child >a{ margin-left:0}
.pagination-sm >li >a, 
.pagination-sm >li >span{ font-size:10px;  margin-left:4px}
.pagination-lg >li >a, 
.pagination-lg >li >span{ font-size:14px;  margin-left:6px}
.pager li >a:hover, 
.pager li >a:focus, 
.pager li >span:hover, 
.pager li >span:focus, 
.pagination >li >a:hover, 
.pagination >li >a:focus{ color:#242a30;  background:#e2e7eb;  border-color:#d8dde1}
.pagination >.active >a, 
.pagination >.active >span, 
.pagination >.active >a:hover, 
.pagination >.active >span:hover, 
.pagination >.active >a:focus, 
.pagination >.active >span:focus{ background:#242a30 !important;  border-color:#242a30 !important}
.pagination-container{ margin:40px 0 0;  border-top:2px solid #ddd;  padding-top:40px}
.pagination >li >a, 
.pagination >li >span{ border:2px solid #ddd;  -webkit-border-radius:50px !important;  -moz-border-radius:50px !important;  border-radius:50px !important;  color:#333;  padding:5px 11px}
.pagination >li >a:hover, 
.pagination >li >a:focus{ color:#333}
.pagination >li+li a, 
.pagination >li+li span{ margin-left:5px}
.pagination >li.active >a, 
.pagination >li.active >a:hover, 
.pagination >li.active >a:focus{ background:#333;  border-color:#333}
.pagination .text{ border:none;  padding-left:5px;  padding-right:5px}
.pagination .text:hover, 
.pagination .text:focus{ background:none}

.nav >li >a{ color:#6e7179}
.nav >li >a:hover, 
.nav >li >a:focus{ color:#333;  background:#fafafa}

.nav-tabs >li.active >a, 
.nav-tabs >li.active >a:hover, 
.nav-tabs >li.active >a:focus, 
.nav-tabs.nav-justified >.active >a, 
.nav-tabs.nav-justified >.active >a:hover, 
.nav-tabs.nav-justified >.active >a:focus{ color:#242a30}
.nav-tabs.nav-tabs-inverse{ background:#242a30}
.nav-tabs.nav-justified >li >a{ -webkit-border-radius:3px 3px 0 0;  -moz-border-radius:3px 3px 0 0;  border-radius:3px 3px 0 0}
.nav-tabs.nav-tabs-inverse >li.active >a, 
.nav-tabs.nav-tabs-inverse >li.active >a:hover, 
.nav-tabs.nav-tabs-inverse >li.active >a:focus{ background:#fff}
.nav-tabs.nav-tabs-inverse >li >a:hover, 
.nav-tabs.nav-tabs-inverse >li >a:focus{ color:#fff;  background:none}
.nav-tabs >li >a{ margin-right:5px;  line-height:20px}

.nav-pills{ margin-bottom:10px}
.nav-pills >li+li{ margin-left:5px}
.nav-pills >li >a{ -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px}
.nav-pills >li.active >a, 
.nav-pills >li.active >a:hover, 
.nav-pills >li.active >a:focus{ background:#242a30}

.nav-stacked >li+li{ margin-left:0;  margin-top:5px}

.tab-content{ padding:15px;  margin-bottom:20px;  background:#fff;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px}
.nav-tabs+.tab-content{ -webkit-border-radius:0 0 3px 3px;  -moz-border-radius:0 0 3px 3px;  border-radius:0 0 3px 3px}

.panel-title a{ display:block}
.panel-title >a:hover, 
.panel-title >a:focus{ text-decoration:none}

.panel{ -webkit-box-shadow:none;  box-shadow:none;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px}
.panel.panel-no-rounded-corner .panel-heading, 
.panel.panel-no-rounded-corner .panel-body, 
.panel.panel-no-rounded-corner .panel-footer{ -webkit-border-radius:0 !important;  -moz-border-radius:0 !important;  border-radius:0 !important}
.panel-heading{ padding:10px 15px;  border:none;  -webkit-border-radius:0 !important;  -moz-border-radius:0 !important;  border-radius:0 !important}
.panel-heading+.table, 
.panel-heading+.slimScrollDiv{ border-top:1px solid #ddd}
.panel-heading-btn{ float:right}
.panel-heading-btn >a{ margin-left:8px}
.panel-heading .btn-group .btn{ margin-top:-7px}
.panel-heading .btn-group .btn.btn-sm{ margin-top:-5px}
.panel-heading .btn-group .btn.btn-xs{ margin-top:-1px}
.panel-heading .label.pull-left, 
.panel-heading .label.pull-right{ line-height:15px}
.panel-heading .progress.pull-right, 
.panel-heading .progress.pull-left{ width:40%;  min-width:120px}
.panel-heading+.alert{ margin-bottom:0;  -webkit-border-radius:0;  -moz-border-radius:0;  border-radius:0}
.panel-with-tabs .panel-heading{ background:#c1ccd1 !important;  color:#333 !important}
.panel-heading .nav-tabs{ margin-top:-10px;  margin-right:-15px}
.panel-heading .nav-tabs >li >a{ padding:10px 15px;  line-height:20px}
.panel-title{ line-height:20px;  font-size:12px}
.panel-title .accordion-toggle{ margin:-10px -15px;  padding:10px 15px}
.panel-title .accordion-toggle.accordion-toggle-styled .fa:before{ content:'f056'}
.panel-title .accordion-toggle.accordion-toggle-styled.collapsed .fa:before{ content:'f055'}
.panel-title .pull-right{ line-height:20px}
.panel-toolbar{ border-top:1px solid #eee;  border-bottom:1px solid #eee;  padding:10px 15px;  background:#fff}
.panel-toolbar+.form-control{ margin:-1px 0 0;  border-right:none;  border-left:none}
.panel-group .panel{ -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px}
.form-control+.panel-footer{ border-top:none}
.panel-body{ padding:15px}
.panel-body.no-border{ border:none !important}
.panel-body.panel-table, 
.panel-body.panel-form, 
.panel-body.no-padding, 
.panel-body.panel-full-width{ padding:0 !important}
.panel-body.with-table >.table{ border:0;  margin:0}
.panel-body.with-table >.table tr:last-child th, 
.panel-body.with-table >.table tr:last-child td{ border-bottom:0}
.panel-default >.panel-heading+.panel-collapse .panel-body{ border-top:1px solid #ddd}
.panel-footer{ background:#fff;  border-top:1px solid #ddd}
.panel .tab-content{ -webkit-border-radius:0 0 3px 3px;  -moz-border-radius:0 0 3px 3px;  border-radius:0 0 3px 3px}
.panel-default >.panel-heading{ background:#fafafa}
.panel-inverse >.panel-heading, 
.panel-success >.panel-heading, 
.panel-warning >.panel-heading, 
.panel-danger >.panel-heading, 
.panel-primary >.panel-heading, 
.panel-info >.panel-heading{ color:#fff}
.panel-inverse{border-color:#242a30}
.panel-inverse >.panel-heading{background:#242a30}
.panel-success{border-color:#008a8a}
.panel-success >.panel-heading{background:#008a8a}
.panel-warning{border-color:#c47d15}
.panel-warning >.panel-heading{background:#c47d15}
.panel-danger{border-color:#cc4946}
.panel-danger >.panel-heading{background:#cc4946}
.panel-primary{border-color:#2a72b5}
.panel-primary >.panel-heading{background:#2a72b5}
.panel-info{border-color:#3a92ab}
.panel-info >.panel-heading{background:#3a92ab}
.panel-inverse .panel-heading a:hover, 
.panel-inverse .panel-heading a:focus, 
.panel-success .panel-heading a:hover, 
.panel-success .panel-heading a:focus, 
.panel-warning .panel-heading a:hover, 
.panel-warning .panel-heading a:focus, 
.panel-danger .panel-heading a:hover, 
.panel-danger .panel-heading a:focus, 
.panel-primary .panel-heading a:hover, 
.panel-primary .panel-heading a:focus, 
.panel-info .panel-heading a:hover, 
.panel-info .panel-heading a:focus{ color:#fff}

.panel.panel-expand{ position:fixed;  top:0;  left:0;  right:0;  bottom:0;  margin:0;  overflow:hidden;  z-index:1080}
.panel-expand .height-xs, 
.panel-expand .height-sm, 
.panel-expand .height-md, 
.panel-expand .height-lg, 
.panel-expand .height-full{ height:100% !important}
@keyframes panelExpand{ from{top:50%; left:50%; right:50%; bottom:50%}
 to{top:0; left:0; right:0; bottom:0}
}
@-webkit-keyframes panelExpand{ from{top:50%; left:50%; right:50%; bottom:50%}
 to{top:0; left:0; right:0; bottom:0}
}
.panel.panel-expand >.panel-heading .fa.fa-expand:before{ content:'f066'}
.panel.panel-expand, 
.panel.panel-expand >.panel-heading, 
.panel.panel-expand >.panel-body{ -webkit-border-radius:0;  -moz-border-radius:0;  border-radius:0}
.panel.panel-expand >.panel-body{ position:absolute;  right:0;  left:0;  bottom:0;  top:40px;  overflow-y:scroll;  z-index:1020}
.panel.panel-expand >.panel-footer{ position:absolute;  left:0;  right:0;  bottom:0}

.panel.panel-loading .panel-body{ position:relative;  z-index:0}
.panel.panel-loading.panel-expand .panel-body{ position:absolute}
.panel.panel-loading .panel-body .panel-loader{ position:absolute;  left:0;  right:0;  top:0;  bottom:0;  background:#fff;  opacity:0.9;  filter:alpha(opacity=90);  animation:fadeIn .2s;  -webkit-animation:fadeIn .2s;  z-index:1020;  -webkit-border-radius:0 0 4px 4px;  -moz-border-radius:0 0 4px 4px;  border-radius:0 0 4px 4px}
@keyframes fadeIn{ from{opacity:0}
 to{opacity:1}
}
@-webkit-keyframes fadeIn{ from{opacity:0}
 to{opacity:1}
}

.media .media-object{ width:128px}
.media.media-lg .media-object{ width:256px}
.media.media-sm .media-object{ width:64px}
.media.media-xs .media-object{ width:32px}
.media >.pull-left{ margin-right:15px}
.media >.pull-right{ margin-left:15px}
.media a:hover, 
.media a:focus, 
.media a:hover .media-heading, 
.media a:focus .media-heading, 
.media a.media-heading:hover, 
.media a.media-heading:focus{ color:#242a30;  text-decoration:none}
.media-list.media-list-with-divider >li+li{ border-top:1px solid #eee;  padding-top:20px}

.table{ border-color:#e2e7eb;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px}
.table >thead >tr >th{ color:#242a30;  font-weight:600;  border-bottom:2px solid #e2e7eb !important}
.table >thead >tr >th, 
.table >tbody >tr >th, 
.table >tfoot >tr >th, 
.table >thead >tr >td, 
.table >tbody >tr >td, 
.table >tfoot >tr >td{ border-color:#e2e7eb;  padding:10px 15px}
.table-condensed >thead >tr >th, 
.table-condensed >tbody >tr >th, 
.table-condensed >tfoot >tr >th, 
.table-condensed >thead >tr >td, 
.table-condensed >tbody >tr >td, 
.table-condensed >tfoot >tr >td{ padding:7px 15px}
.table-hover >tbody >tr:hover >td, 
.table-hover >tbody >tr:hover >th{ background:#e8ecf1 !important}
.table-striped >tbody >tr:nth-child(odd) >td, 
.table-striped >tbody >tr:nth-child(odd) >th{ background:#f0f3f5}
.table.table-inverse >thead >tr >th, 
.table.table-inverse >tbody >tr >th, 
.table.table-inverse >tfoot >tr >th, 
.table.table-inverse >thead >tr >td, 
.table.table-inverse >tbody >tr >td, 
.table.table-inverse >tfoot >tr >td{ border-color:#999 !important;  border-color:rgba(0,0,0,0.2) !important}
.table.table-inverse, 
.table.table-inverse >thead >tr >th, 
.table.table-inverse >tbody >tr >th, 
.table.table-inverse >tfoot >tr >th{ color:#fff}
.table >thead >tr >td.info, 
.table >tbody >tr >td.info, 
.table >tfoot >tr >td.info, 
.table >thead >tr >th.info, 
.table >tbody >tr >th.info, 
.table >tfoot >tr >th.info, 
.table >thead >tr.info >td, 
.table >tbody >tr.info >td, 
.table >tfoot >tr.info >td, 
.table >thead >tr.info >th, 
.table >tbody >tr.info >th, 
.table >tfoot >tr.info >th{ background:#dbf0f7;  border-color:#b6e2ef}
.table >thead >tr >td.success, 
.table >tbody >tr >td.success, 
.table >tfoot >tr >td.success, 
.table >thead >tr >th.success, 
.table >tbody >tr >th.success, 
.table >tfoot >tr >th.success, 
.table >thead >tr.success >td, 
.table >tbody >tr.success >td, 
.table >tfoot >tr.success >td, 
.table >thead >tr.success >th, 
.table >tbody >tr.success >th, 
.table >tfoot >tr.success >th{ background:#cee;  border-color:#99dede}
.table >thead >tr >td.danger, 
.table >tbody >tr >td.danger, 
.table >tfoot >tr >td.danger, 
.table >thead >tr >th.danger, 
.table >tbody >tr >th.danger, 
.table >tfoot >tr >th.danger, 
.table >thead >tr.danger >td, 
.table >tbody >tr.danger >td, 
.table >tfoot >tr.danger >td, 
.table >thead >tr.danger >th, 
.table >tbody >tr.danger >th, 
.table >tfoot >tr.danger >th{ background:#ffdedd;  border-color:#ffbdbc}
.table >thead >tr >td.warning, 
.table >tbody >tr >td.warning, 
.table >tfoot >tr >td.warning, 
.table >thead >tr >th.warning, 
.table >tbody >tr >th.warning, 
.table >tfoot >tr >th.warning, 
.table >thead >tr.warning >td, 
.table >tbody >tr.warning >td, 
.table >tfoot >tr.warning >td, 
.table >thead >tr.warning >th, 
.table >tbody >tr.warning >th, 
.table >tfoot >tr.warning >th{ background:#fdebd1;  border-color:#fbd7a3}
.table >thead >tr >td.active, 
.table >tbody >tr >td.active, 
.table >tfoot >tr >td.active, 
.table >thead >tr >th.active, 
.table >tbody >tr >th.active, 
.table >tfoot >tr >th.active, 
.table >thead >tr.active >td, 
.table >tbody >tr.active >td, 
.table >tfoot >tr.active >td, 
.table >thead >tr.active >th, 
.table >tbody >tr.active >th, 
.table >tfoot >tr.active >th{ background:#f0f3f5;  border-color:#e2e7e9}

.well{ padding:15px;  background:#fff;  box-shadow:none;  -webkit-box-shadow:none}
.well-sm{ padding:10px}
.well-lg{ padding:30px}

.jumbotron{ background:#f0f3f4}
.jumbotron h1, 
.jumbotron .h1{ font-size:56px}
.jumbotron p{ font-size:18px}

a.list-group-item.active, 
a.list-group-item.active:hover, 
a.list-group-item.active:focus{ background:#348fe2}

a.list-group-item.active, 
a.list-group-item.active i{ color:#FFF !important}

.carousel .carousel-caption h1, 
.carousel .carousel-caption h2, 
.carousel .carousel-caption h3, 
.carousel .carousel-caption h4, 
.carousel .carousel-caption h5, 
.carousel .carousel-caption h6{ color:#fff}
.carousel .carousel-control .fa{ position:absolute;  top:50%;  z-index:5;  display:block;  width:30px;  height:30px;  margin-top:-15px;  text-align:center;  line-height:30px;  margin-left:-15px}
.carousel .carousel-control.left .fa{ left:50%}
.carousel .carousel-control.right .fa{ right:50%;  margin-left:0;  margin-right:-15px}

.theme-panel .theme-collapse-btn{ position:absolute;  left:-40px;  top:50%;  margin-top:-20px;  width:40px;  height:40px;  line-height:40px;  font-size:18px;  color:#000;  background:#fff;  background:rgba(255,255,255,0.9);  border-radius:4px 0 0 4px;  text-align:center;  text-decoration:none;  box-shadow:0 0 2px rgba(0,0,0,.4);  -webkit-box-shadow:0 0 2px rgba(0,0,0,.4);  -moz-box-shadow:0 0 2px rgba(0,0,0,.4)}
.theme-panel{ position:fixed;  right:-180px;  top:200px;  z-index:1020;  box-shadow:0 0 2px rgba(0,0,0,.4);  -webkit-box-shadow:0 0 2px rgba(0,0,0,.4);  -moz-box-shadow:0 0 2px rgba(0,0,0,.4);  width:180px;  -webkit-transition:right .2s linear;  -moz-transition:right .2s linear;  transition:right .2s linear}
.theme-panel .theme-panel-content{ padding:5px;  background:#fff;  position:relative;  z-index:1020}
.theme-panel .theme-list{ list-style-type:none;  margin:0;  padding:0}
.theme-panel .theme-list >li{ float:left}
.theme-panel .theme-list >li+li{ margin-left:5px}
.theme-panel .theme-list >li >a{ width:30px;  height:30px;  border-radius:3px;  display:block;  text-decoration:none;  -webkit-transition:all .2s linear;  -moz-transition:all .2s linear;  transition:all .2s linear;  position:relative}
.theme-panel .theme-list >li.active >a:before{ content:'f00c';  font-family:FontAwesome;  position:absolute;  left:0;  right:0;  top:0;  bottom:0;  font-size:14px;  color:#fff;  opacity:.4;  filter:alpha(opacity=40);  text-align:center;  line-height:30px;  text-align:center}
.theme-panel.active{ right:0}

.brand-logo{ border-color:#2F83CF #2a72b5 #1f5688}
a{ color:#348FE2}

.navbar .nav.navbar-nav >li.active >a, 
.navbar .nav.navbar-nav >li >a:focus, 
.navbar .nav.navbar-nav >li >a:hover{ color:#FFF}

.pace-progress{ background:#348fe2}
.pace .pace-activity{ border-top-color:#348fe2;  border-left-color:#348fe2}

.slider_container{ margin-top:-120px}

.flexslider{ border:none !important;  box-shadow:none !important;  margin:0px !important;  padding:0px !important;  margin-bottom:10px !important;  background-color:#eee !important}

.slides .flexslider_background{ background-position:center;  background-size:cover;  background-repeat:no-repeat}

.flexslider_background{ height:500px;  text-align:center}

.flex-caption{ width:100%;  padding:20px;  left:0;  bottom:0;  background-color:#EEE;  color:#333;   line-height:18px}

.date-icon{ font-size:12px;  display:block;  position:relative;  width:50px;  height:60px;  background-color:#fff;  border-radius:0.6em;  box-shadow:0 1px 0 #bdbdbd,0 2px 0 #fff,0 3px 0 #bdbdbd,0 4px 0 #fff,0 5px 0 #bdbdbd,0 0 0 1px #bdbdbd;  overflow:hidden;  -webkit-backface-visibility:hidden;  -webkit-transform:rotate(0deg) skewY(0deg);  -webkit-transform-origin:50% 10%;  transform-origin:50% 10%}

.date-icon *{ display:block;  width:100%;  font-size:1em;  font-weight:bold;  font-style:normal;  text-align:center}

.date-icon strong{ position:absolute;  top:0;  padding:0;  color:#fff;  background-color:#fd9f1b;  border-bottom:1px dashed #f37302;  box-shadow:0 2px 0 #fd9f1b}

.date-icon em{ position:absolute;  bottom:0.3em;  color:#fd9f1b}

.date-icon span{width:100%; font-size:22px; letter-spacing:-0.05em; padding-top:0.9em; color:#2f2f2f; line-height:25px}

.date-icon small{ width:100%;  font-size:9px;  padding-top:0;  color:#2f2f2f}

.date-icon-cel-r{ font-size:12px;  display:block;  position:relative;  width:50px;  height:60px;  background-color:#fff;  border-radius:0.6em;  box-shadow:0 1px 0 #bdbdbd,0 2px 0 #fff,0 3px 0 #bdbdbd,0 4px 0 #fff,0 5px 0 #bdbdbd,0 0 0 1px #bdbdbd;  overflow:hidden;  -webkit-backface-visibility:hidden;  -webkit-transform:rotate(0deg) skewY(0deg);  -webkit-transform-origin:50% 10%;  transform-origin:50% 10%}

.date-icon-cel-r *{ display:block;  width:100%;  font-size:1em;  font-weight:bold;  font-style:normal;  text-align:center}

.date-icon-cel-r strong{ position:absolute;  top:0;  padding:0;  color:#fff;  background-color:#428bca;  border-bottom:1px dashed #f37302;  box-shadow:0 2px 0 #428bca}

.date-icon-cel-r em{ position:absolute;  bottom:0.3em;  color:#fd9f1b}

.date-icon-cel-r span{width:100%; font-size:22px; letter-spacing:-0.05em; padding-top:0.9em; color:#2f2f2f; line-height:25px}

.date-icon-cel-r small{ width:100%;  font-size:9px;  padding-top:0;  color:#2f2f2f}

.date-cel-r{background-color:#428bca; color:#FFF}

.date-icon-cel-a{ font-size:12px;  display:block;  position:relative;  width:50px;  height:60px;  background-color:#fff;  border-radius:0.6em;  box-shadow:0 1px 0 #bdbdbd,0 2px 0 #fff,0 3px 0 #bdbdbd,0 4px 0 #fff,0 5px 0 #bdbdbd,0 0 0 1px #bdbdbd;  overflow:hidden;  -webkit-backface-visibility:hidden;  -webkit-transform:rotate(0deg) skewY(0deg);  -webkit-transform-origin:50% 10%;  transform-origin:50% 10%}

.date-icon-cel-a *{ display:block;  width:100%;  font-size:1em;  font-weight:bold;  font-style:normal;  text-align:center}

.date-icon-cel-a strong{ position:absolute;  top:0;  padding:0;  color:#fff;  background-color:#5cb85c;  border-bottom:1px dashed #f37302;  box-shadow:0 2px 0 #5cb85c}

.date-icon-cel-a em{ position:absolute;  bottom:0.3em;  color:#fd9f1b}

.date-icon-cel-a span{width:100%; font-size:22px; letter-spacing:-0.05em; padding-top:0.9em; color:#2f2f2f; line-height:25px}

.date-icon-cel-a small{ width:100%;  font-size:9px;  padding-top:0;  color:#2f2f2f}

.date-cel-a{background-color:#5cb85c; color:#FFF}

.detail-event p{ margin:5px 0}

.bd-callout{ padding:1rem;  margin-top:1rem;  margin-bottom:1rem;  border:1px solid #eee;  border-left-width:.25rem;  border-radius:.25rem}

.section-container .bd-callout{padding:10px}

.bd-callout h4{ margin-top:0;  margin-bottom:.25rem; font-size:17px}

.bd-callout h3{ margin-top:0;  margin-bottom:.25rem; font-size:20px}

.bd-callout h3 small{font-size:10px}
.section-container .bd-callout h4{font-size:16px}
.bd-callout p:last-child{ margin-bottom:0}

.bd-callout code{ border-radius:.25rem}

.bd-callout+.bd-callout{ margin-top:-.25rem}

.bd-callout-info{ border-left-color:#5bc0de}

.bd-callout-info h4{ color:#5bc0de}

.bd-callout-warning{ border-left-color:#f0ad4e}

.bd-callout-warning h4 >strong >a, .bd-callout-warning h5 >strong{ color:#f0ad4e}

.bd-callout-primary{ border-left-color:#428bca}

.bd-callout-primary h4 >strong >a, .bd-callout-primary h5 >strong{ color:#428bca}

.bd-callout-success{ border-left-color:#5cb85c}

.bd-callout-success h4 >strong >a, .bd-callout-success h5 >strong{ color:#5cb85c}

.bd-callout-danger{ border-left-color:#d9534f}

.bd-callout-danger h4{ color:#d9534f}
.form-group .btn-group.btn-group-yesno >.btn, .form-group .btn-group.btn-group-yesno >.btn{min-width:84px !important;  padding:4px 12px !important}
.radio.btn-group input[type="radio"]{ display:none !important}
.btn.red:not(.btn-outline){ color:#fff !important;  background-color:#e7505a !important;  border-color:#e7505a !important}
.btn:not(.btn-sm):not(.btn-lg){ line-height:1.44}

.btn.green-jungle:not(.btn-outline){ color:#FFF !important;  background-color:#187a51 !important;  border-color:#11573a !important}
.btn-outline-success:hover, .btn-outline-info:hover, .btn-outline-warning:hover, .btn-outline-primary:hover, .btn-outline-danger:hover, .btn-outline-secondary:hover{color:#FFF !important}

.link-celebration, .link-celebration:hover{color:inherit; text-decoration:none}

#cookie-law-info-bar{font-size:12pt; margin:0 auto; padding:13px 10px; position:absolute; text-align:center; box-sizing:border-box; width:100%; z-index:9999; box-shadow:rgba(0,0,0,.5) 0px 5px 50px; display:none; left:0px; font-weight:300}
#cookie-law-info-again{font-size:10pt; margin:0; padding:5px 10px; text-align:center; z-index:9999; cursor:pointer; box-shadow:#161616 2px 2px 5px 2px}
#cookie-law-info-bar span{vertical-align:middle}
.header-title, .header-title a, .header-content, .header-content a{    color:#422f17  !important}
.header-title, .header-title a:hover{    text-decoration:none}
.header-title, .header-content{    text-align:center;     margin-top:30px;     font-family:"Pacifico",cursive;   font-size:40px}
.post-detail .header-content{    font-family:'Open sans',sans-serif}
.card-header h3{    text-align:center;     font-weight:500;     color:#422f17  !important;     margin:0;     font-family:"Pacifico",cursive}
.header-title::before{    content:url("../img/beer-left.png");     display:inline-block;     margin-right:25px}
.header-title::after{    content:url("../img/beer-right.png");  display:inline-block;  margin-left:25px}

.page-image{ background-position:center top;  background-repeat:no-repeat;  background-size:cover;  background-color:#CCC;  height:450px}
.page-title{ font-weight:900;  color:#fff;  font-size:30px}

.text-blue-steel{color:#4B77BE !important}
.text-green-jungle{color:#26C281!important}

.diagonal{ white-space:nowrap;  position:absolute;  padding:5px 20px;  min-width:100px;  transform:rotate(+45deg) translate(+40%,0);  color:white;  text-align:center;  text-transform:uppercase;  font-size:12px;  top:0px;  box-sizing:border-box;  right:15px}

.dashboard-stat{ position:relative;  display:block;  margin:0 0 25px;  overflow:hidden;  border-radius:4px}
.dashboard-stat .visual{ width:80px;  height:80px;  display:block;  float:left;  padding-top:10px;  padding-left:15px;  margin-bottom:15px;  font-size:35px;  line-height:35px}
.dashboard-stat .visual >i{ margin-left:-15px;  font-size:110px;  line-height:110px;  color:#fff;  opacity:.1}
.dashboard-stat .details{ position:absolute;  right:15px;  padding-right:15px;  color:#fff}
.dashboard-stat .number{ padding-top:25px;  text-align:right;  font-size:34px;  line-height:36px;  letter-spacing:-1px;  margin-bottom:0;  font-weight:300}
.dashboard-stat .desc{ text-transform:capitalize;  text-align:right;  font-size:16px;  letter-spacing:0;  font-weight:300}
.blue{ background-color:#337ab7}
.red{ background-color:#e7505a}
.purple{ background-color:#8E44AD}
.hoki{ background-color:#67809F}
.btn.btn-xs{ font-size:11px;  padding:3px 8px}

.datepicker{width:265px; padding:10px}
.datepicker.datepicker-orient-top{margin-top:8px}
.datepicker table{width:100%}
.datepicker td, .datepicker th{font-weight:regular; width:30px; height:30px; border-radius:3px}
.datepicker thead th{color:#74788d}
.datepicker thead th.datepicker-switch, .datepicker thead th.next, .datepicker thead th.prev{font-weight:600; color:#74788d}
.datepicker thead th.datepicker-switch i, .datepicker thead th.next i, .datepicker thead th.prev i{font-size:1.2rem; color:#74788d}
.datepicker thead th.datepicker-switch i:before, .datepicker thead th.next i:before, .datepicker thead th.prev i:before{line-height:0; vertical-align:middle}
.datepicker thead th.datepicker-switch:hover, .datepicker thead th.next:hover, .datepicker thead th.prev:hover{background:#f7f8fa!important}
.datepicker thead th.dow{color:#333; font-weight:600}
.datepicker tbody tr>td.day{color:#333}
.datepicker tbody tr>td.day:hover{background:#ebedf2; color:#333}
.datepicker tbody tr>td.day.old{color:#74788d}
.datepicker tbody tr>td.day.new{color:#74788d}
.datepicker tbody tr>td.day.active, .datepicker tbody tr>td.day.active:hover, .datepicker tbody tr>td.day.selected, .datepicker tbody tr>td.day.selected:hover{background:#007bff; color:#fff}
.datepicker tbody tr>td.day.today{position:relative; background:rgba(93,120,255,.7)!important; color:#fff!important}
.datepicker tbody tr>td.day.today:before{content:''; display:inline-block; border:solid transparent; border-width:0 0 7px 7px; border-bottom-color:#fff; border-top-color:#ebedf2; position:absolute; bottom:4px; right:4px}
.datepicker tbody tr>td.day.range{background:#f7f8fa}
.datepicker tbody tr>td span.hour, .datepicker tbody tr>td span.minute, .datepicker tbody tr>td span.month, .datepicker tbody tr>td span.year{color:#333}
.datepicker tbody tr>td span.hour:hover, .datepicker tbody tr>td span.minute:hover, .datepicker tbody tr>td span.month:hover, .datepicker tbody tr>td span.year:hover{background:#f7f8fa}
.datepicker tbody tr>td span.hour.active, .datepicker tbody tr>td span.hour.active.focused:hover, .datepicker tbody tr>td span.hour.active:hover, .datepicker tbody tr>td span.hour.focused, .datepicker tbody tr>td span.hour.focused:hover, .datepicker tbody tr>td span.minute.active, .datepicker tbody tr>td span.minute.active.focused:hover, .datepicker tbody tr>td span.minute.active:hover, .datepicker tbody tr>td span.minute.focused, .datepicker tbody tr>td span.minute.focused:hover, .datepicker tbody tr>td span.month.active, .datepicker tbody tr>td span.month.active.focused:hover, .datepicker tbody tr>td span.month.active:hover, .datepicker tbody tr>td span.month.focused, .datepicker tbody tr>td span.month.focused:hover, .datepicker tbody tr>td span.year.active, .datepicker tbody tr>td span.year.active.focused:hover, .datepicker tbody tr>td span.year.active:hover, .datepicker tbody tr>td span.year.focused, .datepicker tbody tr>td span.year.focused:hover{background:#007bff; color:#fff}
.datepicker tfoot tr>th.clear, .datepicker tfoot tr>th.today{border-radius:3px; font-weight:600}
.datepicker tfoot tr>th.clear:hover, .datepicker tfoot tr>th.today:hover{background:#ebedf2}
.datepicker.datepicker-inline{border:1px solid #ebedf2}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{background:0 0; color:#999; cursor:default}

.mega-option{display:-webkit-box; display:-ms-flexbox; display:flex; padding:1em; border:1px solid #ebedf2; border-radius:4px; margin-bottom:15px}
.mega-option .mega-option-control{width:2.7rem; padding-top:.1rem}
.mega-option .mega-option-label{width:100%}
.mega-option .mega-option-label .mega-option-head{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between}
.mega-option .mega-option-label .mega-option-head .mega-option-title{font-size:1.1rem; font-weight:400; color:#595d6e}
.mega-option .mega-option-label .mega-option-head .mega-option-focus{font-size:1.1rem; font-weight:600; color:#48465b}
.mega-option .mega-option-label .mega-option-body{display:block; padding-top:.7rem; font-size:.9rem; color:#74788d}
.is-valid .mega-option{border-color:#0abb87}
.is-invalid .mega-option{border-color:#fd397a}
.has-success .mega-option .mega-option-label .mega-option-head .mega-option-title{color:#0abb87}
.has-error .mega-option .mega-option-label .mega-option-head .mega-option-title{color:#ffb822}

.pezzo{font-family:"Pacifico",cursive;  font-weight:500;  font-size:20px}

.card >.card-header >.tools{    float:right;     display:inline-block;     padding:0}
.card >.card-header::after{    clear:both}
.card >.card-header::after, .card >.card-header::before{    content:"";     display:table}
/*.card.box >.card-header >.tools >a.collapse{    background-image:url(../img/portlet-collapse-icon-white.png)}
.card >.card-header >.tools >a.collapse{    background-image:url(../img/portlet-collapse-icon.png);     width:14px;     visibility:visible}
.card.box >.card-header >.tools >a.expand{    background-image:url(../img/portlet-expand-icon-white.png)}
.card >.card-header >.tools >a.expand{    background-image:url(../img/portlet-expand-icon.png);  width:14px;  visibility:visible}*/
.card >.card-header >.tools >a{ display:inline-block;  height:16px;  margin-left:5px;  opacity:1;  filter:alpha(opacity=100)}
.card >.card-header >.tools >a:hover{ text-decoration:none;  -webkit-transition:all .1s ease-in-out;  -moz-transition:all .1s ease-in-out;  -o-transition:all .1s ease-in-out;  -ms-transition:all .1s ease-in-out;  transition:all .1s ease-in-out;  opacity:.8;  filter:alpha(opacity=80)}