@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);


/*----------------------------------------
  General Layout
------------------------------------------*/
html{scroll-behavior: smooth;}
body{background-color: #f3f3f3;}
.wrapper{height:100%;position:relative;overflow-x:hidden;overflow-y:auto}
.wrapper:after,.wrapper:before{content:" ";display:table}
a,a:hover{text-decoration:none;outline:none}
.content-wrapper{min-height:100%;background-color:#ecf0f5;z-index:800}
.content{min-height:100px;padding:15px;margin-right:auto;margin-left:auto}

/* Above CSS From EXPOBURG */

@media only screen and (max-width: 768px){
  ::-webkit-scrollbar{display:none;}
}

/*----------------------------------------
  Typography
------------------------------------------*/
 h1,h2,h3,h4{
  font-weight: 700;
}

h1{font-size: 36px;}
h2{font-size: 30px;}
h3{font-size: 26px;}
h4{font-size: 22px;}
h5{font-size: 19px;}
h6{font-size: 16px;}
strong {font-weight: 700;}
.light {font-weight: 300;}
.line_height_1{line-height:1 !important;}
.transparent{background-color: transparent;}
.small{font-size: 12px;opacity: 0.8;}

.jssocials-share-copy {background: #7d7d7d; }
.jssocials-share-copy:hover {background: #a3adb6; }
.jssocials-share-sms > .jssocials-share-link {background: #9c316d;}
.jssocials-share-logo {font-size: 2.17rem;}
.jssocials-share-wechat > .jssocials-share-link {background: #00cf0c;}
#crb a{outline:none;}
.ob-fit-cover{object-fit: cover;height: auto;width: 100%;}
.ob-fit-cover-120{object-fit: cover;height: 120px;width: 100%;}
#socials a{line-height:1;}
.line-clamp p{margin-bottom:0;}

figure {background: #f9f9f9;border-left: 3px solid #ccc;}
blockquote p {font-weight:300;font-style:italic;}

/* Spacer */
.spacer{margin-bottom: 20px;display: block;width: 100%;height: 1px;}
.spacer-small{margin-bottom: 3px;display: block;width: 100%;height: 1px;}
.spacer-medium{margin-bottom: 30px;display: block;width: 100%;height: 1px;}
.spacer-large{margin-bottom: 50px;display: block;width: 100%;height: 1px;}
.spacer-xlarge{margin-bottom: 100px;display: block;width: 100%;height: 1px;}


/*----------------------------------------
 Floating action buttons
------------------------------------------*/
.fixed-action-btn.horleft{
  bottom: auto;
  right: 50px;
  left: auto;
  top: 350px;
    width: auto;
}
.fixed-action-btn.horright{
  bottom: auto;
  right: auto;
  left: 50px;
  top: 430px;
    width: auto;
}

.fixed-action-btn.verbottom{
  bottom: auto;
    right: auto;
    left: 46%;
    top: 250px;
    width: auto;
}

.fixed-action-btn.vertop{
  bottom: auto;
    right: auto;
    left: 46%;
    top: 550px;
    width: auto;
}
.fixed-action-btn.toolbar{
    bottom: 10px;
    right: auto;
    left: 46%;
    top: auto;
}

.floatingpanel{
  min-height: 100vh;
}
.fixed-action-btn{
  bottom: 75px; 
  right: 40px;
}
[data-footer_menu="hide"] .fixed-action-btn{
  bottom: 25px; 
  right: 40px;
}

.btn-floating i{
  width: auto;
}
.btn-floating.btn-small{
  padding: 5px;
}
.btn-floating.btn-small i{
  font-size: 18px;
}
.btn-floating.btn-large i{
  font-size: 26px;
}
.btn-floating.pulse{
  text-align: center;
}
.btn-floating{
  display:block;
  padding: 9px 6px;
  text-align: center;
}



/*----------------------------------------
  Back to top button
------------------------------------------*/
.backtotop{
  display: none;
  position: fixed;
  right: 12px;
  bottom: 72px;
  height: 40px;
  width: 40px;
  -webkit-animation-name: fadeIn; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    animation-name: fadeIn;
    animation-duration: 1s;
    z-index: 998;
    -webkit-backface-visibility: hidden;
}

@keyframes fadeIn {
   0% {opacity: 0;}
   100% {opacity: 1;}
} 


/*----------------------------------------
  Cards Wrap
------------------------------------------*/

.cards-container {
  column-break-inside: avoid;
}
.cards-container .card {
  display: inline-block;
  overflow: visible;
}

@media only screen and (max-width: 600px) {
  .cards-container {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media only screen and (min-width: 601px) {
  .cards-container {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (min-width: 993px) {
  .cards-container {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}



/*----------------------------------------
  Fixed Footer Menu
------------------------------------------*/
.footer-menu{
  display: block;
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 60px;
  background-color: #ffffff;
  z-index: 998;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

.footer-menu ul{display: inline-block;width: 100%;padding: 7px 0px 0 0px;margin: 0px;}
.footer-menu li{width: 25%;display: inline-block;height: 100%;text-align: center;}
.footer-menu li a{display: inline-block;color: #546E7A;padding: 0.5rem 0.5rem 0.5rem 1rem;text-decoration: none;}
.footer-menu li a::after {content: "";display: block;width: 1.8rem;height: 1.8rem;z-index: 1;border: 3px solid #93b4bd;transform: rotate(45deg) skew(9deg, 9deg);transform-origin: bottom;clip-path: polygon(100% 0, 0 0, 100% 100%);border-radius: 0 4px 0 0;position: absolute;bottom: 25px;right: -6px;}      
.footer-menu li i{display: block;font-size: 20px;}
.footer-menu li span{display: block;font-size: 12px;line-height: 20px;}
.footer-menu li a.active span{color: #9575CD;display: none;}
.footer-menu li a.active i{color: #ffffff;background-color: #9575CD;border-radius: 50%;height: 46px;width: 46px;line-height: 46px;margin-top: 0px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}


/*----------------------------------------
  Perfect Scrollbar
----------------------------------------*/
.sidemenu, .sidesettings{
    overflow: hidden;
}
.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y{
  z-index: 2;
}
.ps__thumb-y {
    background-color: rgba(130,130,130,.5);
}

.mini_theme_1_header_box{
  padding-bottom:20px;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 6px 15px #777;
}
.mini_theme_1{
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top:30px;
  padding-bottom:20px;
  border-radius: 6px;
  box-shadow: 0 6px 15px #777;
}

@media screen and (max-width: 576px) {
  .mini_theme_1_header_box{
    padding-bottom:6px;
    border-radius: 0;
    box-shadow: 0 3px 9px #333;
  }
  .mini_theme_1{
    margin-top: 12px;
    margin-bottom: 12px;
    padding-top: 12px;
    padding-bottom: 6px;
    border-radius: 0px;
    box-shadow: 0 3px 9px #333;
  }
}