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



/*TITLE*/
.alert,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.mbr-figure .mbr-figure-caption,
.mbr-slider-slide,
.mbr-gallery-title,
.mbr-map [data-state-details],
.mbr-price,
.timer,
cite,
.page_head blockquote p {
  font-family: 'Raleway', sans-serif;
}
.mbr-footer-content h1,
.mbr-footer .mbr-contacts h1,
.mbr-footer-content h2,
.mbr-footer .mbr-contacts h2,
.mbr-footer-content h3,
.mbr-footer .mbr-contacts h3,
.mbr-footer-content h4,
.mbr-footer .mbr-contacts h4,
.mbr-footer-content p strong,
.mbr-footer .mbr-contacts p strong,
.mbr-footer-content strong,
.mbr-footer .mbr-contacts strong {
  font-family: 'Raleway', sans-serif;
}
.mbr-author-name {
  font-family: 'Raleway', sans-serif;
}
.mbr-author-desc {
  font-family: 'Lato', sans-serif;
  font-style: normal;
}
.mbr-plan-title {
  font-family: 'Lato', sans-serif;
}
.mbr-plan-subtitle,
.mbr-plan-price-desc {
  font-family: 'Lato', sans-serif;
  font-style: normal;
}
/*SUBTITLE*/
.btn-sm,
.btn,
.lead a,
.lead blockquote,
.mbr-section-subtitle,
.mbr-section-hero .mbr-section-lead,
.mbr-cards .card-subtitle,
.mbr-testimonial .card-block,
.nav-link.link,
.dropdown-item {
  font-family: 'Lato', sans-serif;
  font-style: normal;
}
/*TEXT*/
body,
input,
textarea,
p,
li,
.mbr-gallery-filter ul li span,
.mbr-company .list-group-text,
.mbr-section-text {
  font-family: 'Lato', sans-serif;
}
.mbr-footer-content li,
.mbr-footer .mbr-contacts li {
  font-family: 'Lato', sans-serif;
}
/*ROUNDED BUTTONS*/
.btn {
  border-radius: 40px;
}
.btn:before {
  border-radius: 40px;
}
.btn:after {
  border-radius: 40px;
}
.mbr-subscribe .btn {
  border-radius: 40px !important;
}
/*COLORS*/
a,
.alert,
.list-img .mbr-iconfont,
.content1 .image .mbr-iconfont:hover,
.c-info .timer,
.contacts .mbr-iconfont,
.mbr-gallery-filter li.active {
  color: #846fd7;
}
.item-layer,
.close:hover {
  background: rgba(132, 111, 215, 0.5);
}
.styled:before,
.styled span:before,
.content3 .image .mbr-iconfont:hover,
.folow:before,
.date:before,
.mbr-gallery-filter li:before,
.separator:before,
.bgc {
  background: #846fd7;
}
input:focus,
textarea:focus {
  border-color: #846fd7 !important;
}
.mbr-slider .carousel-indicators li.active,
.mbr-slider .carousel-indicators li:hover {
  background-color: #846fd7 !important;
  border-color: #846fd7 !important;
}
a:hover,
.team-item.news h5 a:hover,
.team-item.news h3 a:hover,
.adr-link:hover,
.mbr-gallery-filter li:hover,
.news-min .text a:hover {
  color: #9580e8;
}
.mbr-section-subtitle,
.content1 .image .mbr-iconfont {
  color: #e2b9e6;
}
.bg-primary {
  background-color: #846fd7 !important;
}
.bg-success {
  background-color: #c4fca0 !important;
}
.bg-info {
  background-color: #92b4ff !important;
}
.bg-warning {
  background-color: #ffef9b !important;
}
.bg-danger {
  background-color: #ff8c8c !important;
}
.btn-primary {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active {
  color: #ffffff;
  background-color: #846fd7;
  border-color: #846fd7;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #ffffff !important;
  background-color: #5336c3 !important;
  border-color: #5336c3 !important;
}
.btn-secondary {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary.active {
  color: #ffffff;
  background-color: #e2b9e6;
  border-color: #e2b9e6;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #ffffff !important;
  background-color: #cb81d2 !important;
  border-color: #cb81d2 !important;
}
.btn-info {
  background-color: transparent;
  border-color: #222222;
  color: #222222;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active {
  color: #222222;
  background-color: #92b4ff;
  border-color: #92b4ff;
}
.btn-info.disabled,
.btn-info:disabled {
  color: #222222 !important;
  background-color: #457fff !important;
  border-color: #457fff !important;
}
.btn-success {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active {
  color: #ffffff;
  background-color: #c4fca0;
  border-color: #c4fca0;
}
.btn-success.disabled,
.btn-success:disabled {
  color: #ffffff !important;
  background-color: #96fa56 !important;
  border-color: #96fa56 !important;
}
.btn-warning {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active {
  color: #ffffff;
  background-color: #ffef9b;
  border-color: #ffef9b;
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #ffffff !important;
  background-color: #ffe34f !important;
  border-color: #ffe34f !important;
}
.btn-danger {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active {
  color: #ffffff;
  background-color: #ff8c8c;
  border-color: #ff8c8c;
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #ffffff !important;
  background-color: #ff4040 !important;
  border-color: #ff4040 !important;
}
.btn-black {
  color: #fff;
  background: #222;
  border: #222;
}
.btn-white {
  color: #222;
  background: #fff;
  border: #fff;
}
.btn-black:hover {
  background: #846fd7;
  border: #846fd7;
  color: #fff;
}
.btn-white:hover {
  background: #846fd7;
  border: #846fd7;
  color: #fff;
}
.btn-primary-outline {
  background: none;
  border-color: #4a31af;
  color: #4a31af;
}
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline:active,
.btn-primary-outline.active {
  color: #ffffff;
  background-color: #846fd7;
  border-color: #846fd7;
}
.btn-primary-outline.disabled,
.btn-primary-outline:disabled {
  color: #ffffff !important;
  background-color: #846fd7 !important;
  border-color: #846fd7 !important;
}
.btn-secondary-outline {
  background: none;
  border-color: #c36ecb;
  color: #c36ecb;
}
.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline:active,
.btn-secondary-outline.active {
  color: #ffffff;
  background-color: #e2b9e6;
  border-color: #e2b9e6;
}
.btn-secondary-outline.disabled,
.btn-secondary-outline:disabled {
  color: #ffffff !important;
  background-color: #e2b9e6 !important;
  border-color: #e2b9e6 !important;
}
.btn-info-outline {
  background: none;
  border-color: #2c6eff;
  color: #2c6eff;
}
.btn-info-outline:hover,
.btn-info-outline:focus,
.btn-info-outline.focus,
.btn-info-outline:active,
.btn-info-outline.active {
  color: #ffffff;
  background-color: #92b4ff;
  border-color: #92b4ff;
}
.btn-info-outline.disabled,
.btn-info-outline:disabled {
  color: #ffffff !important;
  background-color: #92b4ff !important;
  border-color: #92b4ff !important;
}
.btn-success-outline {
  background: none;
  border-color: #87f93d;
  color: #87f93d;
}
.btn-success-outline:hover,
.btn-success-outline:focus,
.btn-success-outline.focus,
.btn-success-outline:active,
.btn-success-outline.active {
  color: #ffffff;
  background-color: #c4fca0;
  border-color: #c4fca0;
}
.btn-success-outline.disabled,
.btn-success-outline:disabled {
  color: #ffffff !important;
  background-color: #c4fca0 !important;
  border-color: #c4fca0 !important;
}
.btn-warning-outline {
  background: none;
  border-color: #ffdf35;
  color: #ffdf35;
}
.btn-warning-outline:hover,
.btn-warning-outline:focus,
.btn-warning-outline.focus,
.btn-warning-outline:active,
.btn-warning-outline.active {
  color: #ffffff;
  background-color: #ffef9b;
  border-color: #ffef9b;
}
.btn-warning-outline.disabled,
.btn-warning-outline:disabled {
  color: #ffffff !important;
  background-color: #ffef9b !important;
  border-color: #ffef9b !important;
}
.btn-danger-outline {
  background: none;
  border-color: #ff2626;
  color: #ff2626;
}
.btn-danger-outline:hover,
.btn-danger-outline:focus,
.btn-danger-outline.focus,
.btn-danger-outline:active,
.btn-danger-outline.active {
  color: #ffffff;
  background-color: #ff8c8c;
  border-color: #ff8c8c;
}
.btn-danger-outline.disabled,
.btn-danger-outline:disabled {
  color: #ffffff !important;
  background-color: #ff8c8c !important;
  border-color: #ff8c8c !important;
}
.text-primary {
  color: #846fd7 !important;
}
.text-success {
  color: #c4fca0 !important;
}
.text-info {
  color: #92b4ff !important;
}
.text-warning {
  color: #ffef9b !important;
}
.text-danger {
  color: #ff8c8c !important;
}
.alert-success {
  background-color: #c4fca0;
}
.alert-info {
  background-color: #92b4ff;
}
.alert-warning {
  background-color: #ffef9b;
}
.alert-danger {
  background-color: #ff8c8c;
}
.btn-social {
  border-color: #846fd7;
}
.btn-social:hover {
  background: #846fd7;
}
.mbr-company .list-group-item.active .list-group-text {
  color: #846fd7;
}
.mbr-footer p a,
.mbr-footer ul a {
  color: #846fd7;
}
.mbr-footer-content li::before,
.mbr-footer .mbr-contacts li::before {
  background: #846fd7;
}
.mbr-footer-content li a:hover,
.mbr-footer .mbr-contacts li a:hover {
  color: #846fd7;
}
.lead a,
.lead a:hover {
  color: #846fd7;
}
.lead blockquote {
  border-color: #846fd7;
}
.mbr-plan-header.bg-primary .mbr-plan-subtitle,
.mbr-plan-header.bg-primary .mbr-plan-price-desc {
  color: #ffffff;
}
.mbr-plan-header.bg-success .mbr-plan-subtitle,
.mbr-plan-header.bg-success .mbr-plan-price-desc {
  color: #ffffff;
}
.mbr-plan-header.bg-info .mbr-plan-subtitle,
.mbr-plan-header.bg-info .mbr-plan-price-desc {
  color: #ffffff;
}
.mbr-plan-header.bg-warning .mbr-plan-subtitle,
.mbr-plan-header.bg-warning .mbr-plan-price-desc {
  color: #ffffff;
}
.mbr-plan-header.bg-danger .mbr-plan-subtitle,
.mbr-plan-header.bg-danger .mbr-plan-price-desc {
  color: #ffffff;
}
.mbr-small-footer a,
.mbr-gallery-filter li:hover {
  color: #846fd7;
}
/*image*/
.mbr-figure .mbr-figure-caption-over {
  background: -moz-linear-gradient(left, rgba(132, 111, 215, 0.2), rgba(166, 145, 249, 0.7)) !important;
  background: -ms-linear-gradient(left, rgba(132, 111, 215, 0.2), rgba(166, 145, 249, 0.7)) !important;
  background: -o-linear-gradient(left, rgba(132, 111, 215, 0.2), rgba(166, 145, 249, 0.7)) !important;
  background: -webkit-linear-gradient(left, rgba(132, 111, 215, 0.2), rgba(166, 145, 249, 0.7)) !important;
  background: linear-gradient(left, rgba(132, 111, 215, 0.2), rgba(166, 145, 249, 0.7)) !important;
}
/*progress bar*/
.progress-primary[value]::-webkit-progress-value {
  background-color: #846fd7;
}
.progress-primary[value]::-moz-progress-bar {
  background-color: #846fd7;
}
.progress-primary[value]::-ms-fill {
  background-color: #846fd7;
}
@media screen and (min-width: 0\0) {
  .progress-primary .progress-bar {
    background-color: #846fd7;
  }
}
/*process*/
.process1 .image .bgr {
  background: -webkit-linear-gradient(left, rgba(132, 111, 215, 0.2), rgba(166, 145, 249, 0.7));
  background: -o-linear-gradient(right, rgba(132, 111, 215, 0.2), rgba(166, 145, 249, 0.7));
  background: -moz-linear-gradient(right, rgba(132, 111, 215, 0.2), rgba(166, 145, 249, 0.7));
  background: linear-gradient(to right, rgba(132, 111, 215, 0.2), rgba(166, 145, 249, 0.7));
}
/*accordion*/
.panel.active .panel-heading a,
.panel:hover .panel-heading a {
  border-color: #846fd7;
}
.panel-heading a:hover span:before,
.panel-heading a:hover span:after,
.panel.active .panel-heading a span:after {
  background: #846fd7;
}
#index-menu1-0 .hide-buttons .nav-btn {
  display: none !important;
}
#index-menu1-0 .navbar-caption {
  color: #ffffff;
}
#index-menu1-0 .navbar-toggler {
  color: #000000;
}
#index-menu1-0 .close-icon::before,
#index-menu1-0 .close-icon::after {
  background-color: #000000;
}
#index-menu1-0 .link,
#index-menu1-0 .dropdown-item {
  color: #000000;
}
#index-menu1-0 .link {
  font-size: 0.75rem;
}
#index-menu1-0 .dropdown-item,
#index-menu1-0 .nav-dropdown-sm .link {
  font-size: 0.812rem;
}
#index-menu1-0 .link:hover,
#index-menu1-0 .dropdown-item:hover,
#index-menu1-0 .link:focus,
#index-menu1-0 .dropdown-item:focus {
  color: #222;
}
#index-menu1-0 .link[aria-expanded="true"],
#index-menu1-0 .dropdown-menu {
  background: #1958d6;
}
#index-menu1-0 .nav-dropdown-sm .link:focus,
#index-menu1-0 .nav-dropdown-sm .link:hover,
#index-menu1-0 .nav-dropdown-sm .dropdown-item:focus,
#index-menu1-0 .nav-dropdown-sm .dropdown-item:hover {
  background: #2c6ae6!important;
}
#index-menu1-0 .navbar,
#index-menu1-0 .nav-dropdown-sm,
#index-menu1-0 .nav-dropdown-sm .link[aria-expanded="true"],
#index-menu1-0 .nav-dropdown-sm .dropdown-menu {
  background: rgba(75, 184, 237, 0.5);
}
#index-menu1-0 .bg-color.transparent .link {
  color: #000000;
  transition: none;
}
#index-menu1-0 .bg-color.transparent.opened .link {
  transition: color 0.2s ease-in-out;
}
#index-menu1-0 .bg-color.transparent.opened .link:hover,
#index-menu1-0 .bg-color.transparent.opened .link:focus {
  color: #222;
}
#index-menu1-0 .link[aria-expanded="true"],
#index-menu1-0 .dropdown-item[aria-expanded="true"] {
  color: #222!important;
}
#index-menu1-0 .navbar-toggler i,
#index-menu1-0 .navbar-toggler em,
#index-menu1-0 .navbar-toggler i:before,
#index-menu1-0 .navbar-toggler em:before,
#index-menu1-0 .navbar-toggler i:after,
#index-menu1-0 .navbar-toggler em:after {
  background: #000000;
}
#index-menu1-0 .navbar-toggler[aria-expanded="true"] i,
#index-menu1-0 .navbar-toggler[aria-expanded="true"] em {
  background: transparent;
}
#index-menu1-0 .navbar,
#index-menu1-0 .nav-dropdown-sm,
#index-menu1-0 .nav-dropdown-sm .link[aria-expanded="true"],
#index-menu1-0 .nav-dropdown-sm .dropdown-menu {
  rgba(75, 184, 237, 0.5);
}
#index-header1-0 .header {
  background: rgba(170, 184, 237, 0.3);
  background: linear-gradient(to top, rgba(170, 184, 237, 0.3), rgba(75, 184, 237, 0.5));
  padding: 10px;
  border: 0px solid #333;
}
#index-header1-0 .text {
  color: black;
}
#index-header1-0 .btn {
  padding-top: 5px;
  padding-bottom: 5px;
}
#index-header1-0 .btn-primary {
  outline: 0;
  text-decoration: none;
  transition: .4s;
  background-color: #3a74e8;
  border-color: #3a74e8;
  color: #fff;
}
#index-header1-0 .btn-primary:hover,
#index-header1-0 .btn-primary:focus {
  background-color: transparent;
  border-width: 2px;
  border-color: #000;
  color: #000;
}
#index-content3-0 .row {
  padding-top: 15px;
  padding-bottom: 15px;
}
#index-content3-0 .mbr-iconfont {
  font-size: 48px;
  color: black;
}
#index-content3-0 .iconheart {
  color: #E73A95;
}

#index-content3-0  .mobirisei-cloud { color:blueviolet;  text-shadow:1px 1px 2px black;}

#index-content3-0  .mobirisei-alert { color:#fff; text-shadow: 0px 2px 3px #0097A7;}
#index-content3-0  .mobirisei-paper-plane {color:#03A9F4;}


#index-content3-0 .mobirisei-hot-cup::before {color:#009688;  background-color:#E0F2F1; border-style:dotted;  padding: 10px;}
#index-content3-0 .mobirisei-idea {color:#FDD835;
     animation-name: forlamp;
 animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;}


#index-content3-0 .mobirisei-like {color:#3b5998 ;}
#index-content3-0 .mobirisei-mobirise {color:#7e9b9f;} 
#index-content3-0 .mobirisei-gift {color:#673AB7;}
#index-content3-0  .mobirisei-rocket { text-shadow: -3px 3px 4px yellow, -3px 3px 1px #FF6F00 ;}



@keyframes forlamp {
  0% {       color: #9E9E9E;  }
  5% {      color: #FFB74D;   }
  10% {      color: #9E9E9E;  }
  15% {      color:#FFA000;   }
    20% {color:#FFA726;}
    30% {color:#FDD835;}
    
}

@keyframes shining {
  0% {
    color: #FFCCBC;
       text-shadow: none;
  }
  25% {
    color:#FFA000;
       text-shadow: 0px 0px 3px #FFA000;
  }
  50% {
      color: #FFCCBC;
       text-shadow: none;
  }
  75% {
      color:#FFA000;
      text-shadow: 0px 0px 6px #FFA000;
  }
}
#index-content3-0  .mobirisei-star { animation-name: shining;
  animation-duration: 7000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
color: #FFCCBC;}
#index-content3-0 .iconheart {
  color: #E73A95;
    animation-name: pulse_animation;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

}



#index-content3-0 .btn {
  padding-top: 5px;
  padding-bottom: 5px;
}
#index-content3-0 .btn-primary {
  background-color: transparent;
  border-width: 2px;
  border-color: #000;
  color: #000;
}
#index-content3-0 .btn-primary:hover,
#index-content3-0 .btn-primary:focus {
  outline: 0;
  text-decoration: none;
  transition: .4s;
  background-color: #3a74e8;
  border-color: #3a74e8;
  color: #fff;
}
#title4-1 H1 {
  text-align: left;
}
#title4-1 h1 {
  font-family: 'Open Sans Condensed', sans-serif;
}
#title4-1 .mbr-iconfont {
  color: #000;
}
#index-content2-1 H4 {
  text-align: left;
}
#index-content2-1 P {
  color: #000000;
}
#index-content2-1 ::selection {
  background: rgba(75, 184, 237, 0.1);
}
#index-content2-1 .mbr-iconfont {
  color: #757575;
  font-size: 24px;
}
#index-content2-1 a {
  color: #000;
  font-weight: bold;
}
#title4-1w H1 {
  text-align: center;
}
#title4-1w h1 {
  font-family: 'Open Sans Condensed', sans-serif;
}
#content3-1s .row {
  padding-top: 15px;
  padding-bottom: 15px;
}

#content3-1s .px16-1x {
  font-size: 16px;
}
#content3-1s .px16-2x {
  font-size: 32px;
}
#content3-1s .px16-3x {
  font-size: 48px;
}
#content3-1s .px16-4x {
  font-size: 64px;
}

#content3-1s .px24-1x {
  font-size: 24px;
}
#content3-1s .px24-2x {
  font-size: 48px;
}
#content3-1s .px24-3x {
  font-size: 72px;
}
#content3-1s .px24-4x {
  font-size: 96px;
}
#content3-1s .px30-1x {
  font-size: 30px;
}
#content3-1s .px30-2x {
  font-size: 60px;
}
#content3-1s .px30-3x {
  font-size: 90px;
}
#content3-1s .px30-4x {
  font-size: 120px;
}
#content3-1s .groupname {
  color: #757575;
  font-size: 24px;
  padding-top: 25px;
  padding-left: 30px;
  padding-bottom: 10px;
}
@media (max-width: 400px) {
  #content3-1s .text-center {
    font-size: 10px;
    padding-bottom: 20px;
    padding-left: 50px;
  }
}
#text1-z P {
  color: #000000;
  padding: 0px;
}
#text1-z h3 {
  font-family: 'Open Sans Condensed', sans-serif;
}
#text1-z .code-card {
  background-color: #E0F7FA;
  padding: 20px;
  text-align: left;
  margin-bottom: 10px;
  word-wrap: break-word;
  font-family: "Courier New", monospace;
}
#title4-9 H1 {
  text-align: left;
}
#title4-9 h1 {
  font-family: 'Open Sans Condensed', sans-serif;
}
#text4-p .code-card {
  background-color: #E0F7FA;
  padding: 20px;
  text-align: left;
  margin-bottom: 10px;
  word-wrap: break-word;
  font-family: "Courier New", monospace;
}
#text4-p .preview-card {
  margin-top: 10px;
  background-color: #F5F5F5;
  padding: 20px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
#text4-p P {
  color: #000000;
}
#text4-p h3 {
  font-size: 24px;
}
#text4-p .mbri-laptop {
  font-size: 94px;
  color: #BBB;
  position: relative;
}
#text4-p .mbri-hearth {
  font-size: 46px;
  font-size: 40px;
  color: #FF4081;
  font-weight: bold;
  position: absolute;
  left: 27px;
  top: 23px;
}
#text4-q .code-card {
  background-color: #E0F7FA;
  padding: 20px;
  text-align: left;
  margin-bottom: 10px;
  word-wrap: break-word;
  font-family: "Courier New", monospace;
}
#text4-q .notice {
  color: #BDBDBD;
}
#text4-q .preview-card {
  margin-top: 10px;
  background-color: #F5F5F5;
  padding: 20px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
#text4-q h3 {
  font-size: 24px;
}
#text4-q P {
  color: #000000;
}
#text4-q .mbri-download {
  font-size: 90px;
  color: #B3E5FC;
}
#text4-q .mbri-download:hover {
  color: #4FC3F7;
}
.highlighted {
  background-color: rgba(232, 155, 198, 0.3);
}
#text9-s SPAN {
  font-size: 17px;
  color: #757575;
}
#text9-s p {
  line-height: 25px;
}
#text4-r .code-card {
  background-color: #E0F7FA;
  padding: 20px;
  text-align: left;
  margin-bottom: 10px;
  word-wrap: break-word;
  font-family: "Courier New", monospace;
}
#text4-r .notice {
  color: #BDBDBD;
}
#text4-r .preview-card {
  margin-top: 10px;
  background-color: #F5F5F5;
  padding: 20px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
#text4-r P {
  color: #000000;
}
#text4-r h3 {
  font-size: 24px;
}
#text4-r .mbri-sun {
  font-size: 90px;
  color: #CFD8DC;
}
#text4-r .mbri-sun:hover {
  color: #FDD835;
  text-shadow: 0px 0px 5px #FDD835, 0px 0px 10px #FDD835, 0px 0px 15px #FDD835;
  transition-duration: 1s;
}

#text4-n .code-card {
  background-color: #E0F7FA;
  padding: 20px;
  text-align: left;
  margin-bottom: 10px;
  word-wrap: break-word;
  font-family: "Courier New", monospace;
}
#text4-n .notice {
  color: #BDBDBD;
}

#text4-n .preview-card {
  margin-top: 10px;
  background-color: #F5F5F5;
  padding: 20px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
#text4-n P {
  color: #000000;
}
#text4-n h3 {
  font-size: 24px;
}
#text4-n .mbri-hearth {
  font-size: 90px;
  color: #CFD8DC;
}
#text4-n .mbri-hearth:hover {
  color: #EC407A;
}
@keyframes pulse_animation {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.1);
  }
  70% {
    transform: scale(1);
  }
}
.pulse:hover {
  animation-name: pulse_animation;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#text4-t .code-card {
  background-color: #E0F7FA;
  padding: 20px;
  text-align: left;
  margin-bottom: 10px;
  word-wrap: break-word;
  font-family: "Courier New", monospace;
}
#text4-t .notice {
  color: #BDBDBD;
}

#text4-t .preview-card {
  background-color: #F5F5F5;
  margin-top: 10px;
  padding: 20px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}
#text4-t P {
  color: #000000;
}
#text4-t h3 {
  font-size: 24px;
}
#text4-t .mbr-iconfont {
  font-size: 30px;
  color: black;
}
#text4-t .mbr-iconfont {
  border-radius: 50%;
  margin: 20px;
  padding: 20px;
  background-color: transparent;
  border: 3px dotted transparent;
  margin-top: 10px;
}
#text4-t .mbr-iconfont:hover {
  color: #00838F;
  background-color: #B2EBF2;
  font-weight: 900;
  transition: background-color 1s;
  border: 3px dotted rgba(0, 131, 143, 0.5);
}
#text1-y P {
  color: #000000;
}
#text4-1c .code-card {
  background-color: #E0F7FA;
  padding: 20px;
  text-align: left;
  margin-bottom: 10px;
  word-wrap: break-word;
  font-family: "Courier New", monospace;
}
#text4-1c .preview-card {
  background-color: #F5F5F5;
  padding: 20px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
#text4-1c P {
  color: #000000;
}
#text4-1c h3 {
  font-size: 24px;
}
#text4-1c .mbri-hearth {
  font-size: 90px;
}
#text4-1c .mbri-hearth:hover {
  color: #EC407A;
}
#text4-1c .mbr-iconfont {
  font-size: 36px;
  color: black;
}
#text4-1c .mbr-iconfont {
  line-height: 75px;
  vertical-align: middle;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-align: center;
  background-color: transparent;
  margin-left: 10px;
  margin-right: 10px;
}
#text4-1c .mbr-iconfont:hover {
  color: #00838F;
  background-color: #B2EBF2;
  font-weight: 900;
  transition: background-color 1s;
}

#text4-1e .code-card {
  background-color: #E0F7FA;
  padding: 20px;
  text-align: left;
  margin-bottom: 10px;
  word-wrap: break-word;
  font-family: "Courier New", monospace;
}
#text4-1e .preview-card {
  background-color: #F5F5F5;
  padding: 20px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
#text4-1e P {
  color: #000000;
}
#text4-1e h3 {
  font-size: 24px;
}
#text4-1e .mbri-hearth {
  font-size: 90px;
}
#text4-1e .mbri-hearth:hover {
  color: #EC407A;
}
#text4-1e .mbr-iconfont {
  font-size: 36px;
  color: black;
}
#text4-1e .mbr-iconfont {
  line-height: 75px;
  vertical-align: middle;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-align: center;
  background-color: transparent;
  margin-left: 10px;
  margin-right: 10px;
}
#text4-1e .mbr-iconfont:hover {
  color: #00838F;
  background-color: #B2EBF2;
  font-weight: 900;
  transition: background-color 1s;
}

#text4-1d .code-card {
  background-color: #E0F7FA;
  padding: 20px;
  text-align: left;
  margin-bottom: 10px;
  word-wrap: break-word;
  font-family: "Courier New", monospace;
}


#text4-1d .preview-card {
  background-color: #F5F5F5;
  padding: 20px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
#text4-1d P {
  color: #000000;
}
#text4-1d h3 {
  font-size: 24px;
}
#text4-1d .mbri-hearth {
  font-size: 90px;
}
#text4-1d .mbri-hearth:hover {
  color: #EC407A;
}
#text4-1d .mbr-iconfont {
  font-size: 36px;
  color: black;
}
#text4-1d .mbr-iconfont {
  line-height: 75px;
  vertical-align: middle;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-align: center;
  background-color: transparent;
  margin-left: 10px;
  margin-right: 10px;
}
#text4-1d .mbr-iconfont:hover {
  color: #00838F;
  background-color: #B2EBF2;
  font-weight: 900;
  transition: background-color 1s;
}
#title3-o P {
  color: #000000;
}
#title3-o .btn {
  padding-top: 5px;
  padding-bottom: 5px;
}
#title3-o .btn-primary {
  background-color: transparent;
  border-width: 1px;
  border-color: #000;
  color: #000;
}
#title3-o .btn-primary:hover,
#title3-o .btn-primary:focus {
  outline: 0;
  text-decoration: none;
  transition: .4s;
  background-color: #3a74e8;
  border-color: #846FD7;
  color: #fff;
}
#title3-o .btn {
  padding-top: 5px;
  padding-bottom: 5px;
}
#title3-o .btn {
  background-color: transparent;
  border-width: 2px;
  border-color: #000;
  color: #000;
}
#title3-o .btn:hover,
#title3-o .btn-primary:focus {
  outline: 0;
  text-decoration: none;
  transition: .4s;
  background-color: #3a74e8;
  border-color: #3a74e8;
  color: #fff;
}
#footer2-v SPAN {
  color: #000000;
}
#menu1-10 .hide-buttons .nav-btn {
  display: none !important;
}
#menu1-10 .navbar-caption {
  color: #ffffff;
}
#menu1-10 .navbar-toggler {
  color: #000000;
}
#menu1-10 .close-icon::before,
#menu1-10 .close-icon::after {
  background-color: #000000;
}
#menu1-10 .link,
#menu1-10 .dropdown-item {
  color: #000000;
}
#menu1-10 .link {
  font-size: 0.75rem;
}
#menu1-10 .dropdown-item,
#menu1-10 .nav-dropdown-sm .link {
  font-size: 0.812rem;
}
#menu1-10 .link:hover,
#menu1-10 .dropdown-item:hover,
#menu1-10 .link:focus,
#menu1-10 .dropdown-item:focus {
  color: #222;
}
#menu1-10 .link[aria-expanded="true"],
#menu1-10 .dropdown-menu {
  background: #1958d6;
}
#menu1-10 .nav-dropdown-sm .link:focus,
#menu1-10 .nav-dropdown-sm .link:hover,
#menu1-10 .nav-dropdown-sm .dropdown-item:focus,
#menu1-10 .nav-dropdown-sm .dropdown-item:hover {
  background: #2c6ae6!important;
}
#menu1-10 .navbar,
#menu1-10 .nav-dropdown-sm,
#menu1-10 .nav-dropdown-sm .link[aria-expanded="true"],
#menu1-10 .nav-dropdown-sm .dropdown-menu {
  background: #3a74e8;
}
#menu1-10 .bg-color.transparent .link {
  color: #000000;
  transition: none;
}
#menu1-10 .bg-color.transparent.opened .link {
  transition: color 0.2s ease-in-out;
}
#menu1-10 .bg-color.transparent.opened .link:hover,
#menu1-10 .bg-color.transparent.opened .link:focus {
  color: #222;
}
#menu1-10 .link[aria-expanded="true"],
#menu1-10 .dropdown-item[aria-expanded="true"] {
  color: #222!important;
}
#menu1-10 .navbar-toggler i,
#menu1-10 .navbar-toggler em,
#menu1-10 .navbar-toggler i:before,
#menu1-10 .navbar-toggler em:before,
#menu1-10 .navbar-toggler i:after,
#menu1-10 .navbar-toggler em:after {
  background: #000000;
}
#menu1-10 .navbar-toggler[aria-expanded="true"] i,
#menu1-10 .navbar-toggler[aria-expanded="true"] em {
  background: transparent;
}
#menu1-10 .navbar,
#menu1-10 .nav-dropdown-sm,
#menu1-10 .nav-dropdown-sm .link[aria-expanded="true"],
#menu1-10 .nav-dropdown-sm .dropdown-menu {
  background:rgba(75, 184, 237, 0.5);
}
#header1-12 h1 {
font-weight: normal;
  font-size: 60px;
  color: #000;
  font-family: 'Open Sans Condensed', sans-serif;
}

@media (max-width: 400px) {#header1-12 h1 {font-size: 42px;}}

#header1-12 .header {
  background: rgba(170, 184, 237, 0.3);
  background: linear-gradient(to top, rgba(170, 184, 237, 0.3), rgba(75, 184, 237, 0.5));
  padding: 10px;
  border: 0px solid #333;
}
#text1-23 P {
  color: #000000;
  padding: 0px;
}
#text1-23 h3 {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 100;
}
#text1-23 .code-card {
  background-color: #E0F7FA;
  padding: 20px;
  text-align: left;
  margin-bottom: 10px;
  word-wrap: break-word;
  font-family: "Courier New", monospace;
}
#custom-html-1z .iconshow {
  font-size: 60px;
}
#custom-html-1z .mbr-cards-col {
  margin-bottom: 20px;
}
#custom-html-1z .icon-item {
  background-color: #fafafa;
}
#custom-html-1z .groupname {
  color: #9E9E9E;
  font-size: 24px;
  padding-top: 30px;
  padding-left: 25px;
  padding-bottom: 10px;
}
@media (max-width: 1278px) {
  #custom-html-1z p {
    font-size: 12px;
  }
}
@media (max-width: 750px) {
  #custom-html-1z p {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  #custom-html-1z p {
    font-size: 10px;
  }
}
#footer2-1p SPAN {
  color: #000000;
}
#menu1-1l .hide-buttons .nav-btn {
  display: none !important;
}
#menu1-1l .navbar-caption {
  color: #ffffff;
}
#menu1-1l .navbar-toggler {
  color: #000000;
}
#menu1-1l .close-icon::before,
#menu1-1l .close-icon::after {
  background-color: #000000;
}
#menu1-1l .link,
#menu1-1l .dropdown-item {
  color: #000000;
}
#menu1-1l .link {
  font-size: 0.75rem;
}
#menu1-1l .dropdown-item,
#menu1-1l .nav-dropdown-sm .link {
  font-size: 0.812rem;
}
#menu1-1l .link:hover,
#menu1-1l .dropdown-item:hover,
#menu1-1l .link:focus,
#menu1-1l .dropdown-item:focus {
  color: #222;
}
#menu1-1l .link[aria-expanded="true"],
#menu1-1l .dropdown-menu {
  background: #1958d6;
}
#menu1-1l .nav-dropdown-sm .link:focus,
#menu1-1l .nav-dropdown-sm .link:hover,
#menu1-1l .nav-dropdown-sm .dropdown-item:focus,
#menu1-1l .nav-dropdown-sm .dropdown-item:hover {
  background: #2c6ae6!important;
}
#menu1-1l .navbar,
#menu1-1l .nav-dropdown-sm,
#menu1-1l .nav-dropdown-sm .link[aria-expanded="true"],
#menu1-1l .nav-dropdown-sm .dropdown-menu {
  background: #3a74e8;
}
#menu1-1l .bg-color.transparent .link {
  color: #000000;
  transition: none;
}
#menu1-1l .bg-color.transparent.opened .link {
  transition: color 0.2s ease-in-out;
}
#menu1-1l .bg-color.transparent.opened .link:hover,
#menu1-1l .bg-color.transparent.opened .link:focus {
  color: #222;
}
#menu1-1l .link[aria-expanded="true"],
#menu1-1l .dropdown-item[aria-expanded="true"] {
  color: #222!important;
}
#menu1-1l .navbar-toggler i,
#menu1-1l .navbar-toggler em,
#menu1-1l .navbar-toggler i:before,
#menu1-1l .navbar-toggler em:before,
#menu1-1l .navbar-toggler i:after,
#menu1-1l .navbar-toggler em:after {
  background: #000000;
}
#menu1-1l .navbar-toggler[aria-expanded="true"] i,
#menu1-1l .navbar-toggler[aria-expanded="true"] em {
  background: transparent;
}
#menu1-1l .navbar,
#menu1-1l .nav-dropdown-sm,
#menu1-1l .nav-dropdown-sm .link[aria-expanded="true"],
#menu1-1l .nav-dropdown-sm .dropdown-menu {
  background: rgba(58, 116, 232, 0.5);
}
#header1-1m SPAN {
  font-size: 48px;
  color: #000;
}
#header1-1m .header {
  background: rgba(170, 184, 237, 0.3);
  background: linear-gradient(to top, rgba(170, 184, 237, 0.3), rgba(75, 184, 237, 0.5));
  padding: 10px;
  border: 0px solid #333;
}
#text1-1n p {
  color: #000000;
}
#custom-html-1o .mbr-iconfont {
  font-size: 24px;
  color: #000000;
}
#custom-html-1o .iconclass {
  padding-left: 10px;
  padding-right: 10px;
}
#custom-html-1o p {
  color: #000000;
}
#footer2-1p SPAN {
  color: #000000;
}

#custom-html-1z .iconshow {
  font-size: 60px;
}
#custom-html-1z .mbr-cards-col {
  margin-bottom: 20px;
}
#custom-html-1z .icon-item {
  background: #fafafa;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
#custom-html-1z .icon-item:before {
  display: block;
  position: absolute;
  top: 0;left: 0;right: 0;bottom: 0;
  z-index: -1;
  transition: all .3s;
  background: linear-gradient(to top, rgba(167, 220, 246, 0.58), #fafafa);
  opacity: 0;
  border-radius: 5px;
  content: '';
}
#custom-html-1z .icon-item.active {
  background: rgba(167, 220, 246, 0.58);
}
#custom-html-1z .icon-item.active:before {
  opacity: .1;
}
#custom-html-1z .icon-item:hover:before {  
  opacity: .8;
}
#custom-html-1z .icon-item.active .mbr-editable-content, #custom-html-13 .icon-item.active .mbr-iconfont {color: #000;}
#footer2-11 SPAN {
  color: #000000;
}

p.keywords {display: none;}



/*download-helper*/
.download {display:none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; background: linear-gradient(45deg,#dde8f5,#dee8fc); padding: 1rem 0;}
.download.active {display: block;}
@media (max-width:767px) {
  .download {position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 1050; padding: 1rem 0; overflow-y: auto;}
}
.download h3 {text-align: left;}
.download .code-card {padding: 1rem; background: #fff; font-family: "Courier New", monospace; font-size: .9rem;}
.download-close {transition: color .3s; cursor: pointer; font-weight: bold;}
.download-close:hover {color: rgba(170, 184, 237, 0.9);}
.download-text {padding-top: 1rem;}
.download-text:nth-child(2) p {width: 59%;}
.download-text h5, .download-text p {text-align: left; color: #222;}
.download-text.download-text-center h5 {text-align: center;}
.download-wrap {text-align: center; width: 100%; margin-top: 0rem;}
.download-wrap > p {text-align: center;}
.download-item {display: inline-block; vertical-align: top; padding: 0 1rem .5rem; transition: all .3s; border-radius: 5px;}
.download-item:hover {background: #b7ecff;}
.download-item > p {text-align: center; margin-bottom: 0;}
.download-item > div {width: 60px; height: 60px; text-align: center; color: #222;}
.download-item.item-16 .mbr-iconfont {font-size: 32px; padding: 14px; line-height: 60px;}
.download-item.item-24 .mbr-iconfont {font-size: 48px; padding: 6px; line-height: 60px;}
.download-item.item-30 .mbr-iconfont {font-size: 60px; padding: 0px; line-height: 60px;}
.download-name {font-family: "Courier New", monospace; margin-bottom: 0;}
.download-shortcode {font-family: "Courier New", monospace; color: #555 !important; line-height: .5;}
.download-shortcode:before, .download-shortcode:after {content: '"'};