/* DEMO STYLE */  @import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"; body { font-family: 'Poppins', sans-serif; background: #fafafa; }     html { scroll-behavior: smooth; }  p { font-family: 'Poppins', sans-serif; font-size: 1.1em; font-weight: 400; line-height: 1.7em; color: #111; }  a, a:hover, a:focus { color: inherit; text-decoration: none; transition: all 0.2s; }  .navbar { padding: 15px 10px; background: #fff; border: none; border-radius: 0; margin-bottom: 40px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); left:250px; }  .navbar-btn { box-shadow: none; outline: none !important; border: none; }  .line { width: 100%; height: 1px; border-bottom: 1px dashed #ddd; margin: 40px 0; }  /* --------------------------------------------------- SIDEBAR STYLE ----------------------------------------------------- */  .wrapper { display: flex; width: 100%; }  #sidebar { width: 250px; position: fixed; top: 0; left: 0; height: 100vh; z-index: 999; background: #7386D5; color: #fff; transition: all 0.3s; }  #sidebar.active { margin-left: -250px; }  #sidebar .sidebar-header { padding: 20px; background: #6d7fcc; }  #sidebar ul.components { padding: 20px 0; border-bottom: 1px solid #47748b; }  #sidebar ul p { color: #fff; padding: 10px; }  #sidebar ul li a { padding: 5px; font-size: 0.9em; display: block; }  #sidebar ul li a:hover { color: #7386D5; background: #fff; }  #sidebar ul li a.active,#sidebar ul li ul li a.active { color: #7386D5; background: #eee; }  .navxxx{  }  .navxxx:hover{ font-weight:600; }    a[data-toggle="collapse"] { position: relative; }    ul ul a { font-size: 0.7em !important; padding-left: 30px !important;  }  ul.CTAs { padding: 20px; }  ul.CTAs a { text-align: center; font-size: 0.9em !important; display: block; border-radius: 5px; margin-bottom: 5px; }  a.adver { background: #fff; color: #7386D5; }     /* --------------------------------------------------- CONTENT STYLE ----------------------------------------------------- */  #content { width: calc(100% - 250px); padding: 10px; padding-top:130px; min-height: 100vh; transition: all 0.3s; position: absolute; top: 0; right: 0; }  #content.active { width: 100%; }   #hiddenTitle{  color:#7386D5; display:none; }  h1{ color:#7386D5; }    /* --------------------------------------------------- MEDIAQUERIES ----------------------------------------------------- */  @media (max-width: 900px) {  #title1{ font-size:3.5rem; }  #title2{ font-size:2.5rem; }   }       @media (max-width: 768px) { #sidebar { margin-left: -250px; } #sidebar.active { margin-left: 0; } #content { width: 100%; } #content.active { width: calc(100% - 250px); }   .navbar { left:0px; }   #viewspan{ display:none;  }  #hiddenTitle{ display:block; }  h1{ color:black; }  }       .picOuterDiv{ width:100%; margin:auto; }   .c_left_30{ width:30%; float:left;  }  .c_right_50{ width:50%; float:right; }  .c_left_50{ width:50%; float:left; }    .headingspace{ display: table; clear:both; padding-top:50px;  }       /* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */ @media only screen and (max-width: 576px) {  .c_left_30, .c_left_50, .c_right_50 { width: 100%; height: auto; }   .picOuterDiv{ width:100%; margin:auto; }      }  .IMGcontainer { position: relative; text-align: center; color: blue; font-size:2.8rem; font-weight:bold; }     .IMGcentered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }  .picOuterDiv:hover .IMGcontainer{color:red;font-size:3rem;}   .picOuterDiv:hover img { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ }    :target:before { content:""; display:block; height:90px; /* fixed header height*/ margin:-90px 0 0; /* negative fixed header height */ }   .carousel-inner img { width: 100%; height: 100%; }  .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23555' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }  .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23555' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }  .navlog_list{ list-style-type:none; } .navlog_list span{ font-weight:bold; } .navlog_list li { line-height:1.6; }