body{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Circular-Book; 
 }

 html,body{
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;  
  scroll-behavior: smooth; 
  background-color: white;
  /*overflow-y: hidden;  */

 }

 .container-fluid{
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-family: Circular-Book;
  background-color: white;  
 }

 .medium{
  font-family: Circular-Medium; 
 }

 .e-frame{
  padding: 40px; 
  padding-top: 20px; 
  padding-bottom: 20px; 
  max-width: 450px; 
 }

 /*
 |--------------------------------------------------------------------------
 | UNIVERSAL
 |--------------------------------------------------------------------------
 |
 |
 */  

 .primary{
  color: #515151;
 }

 .secondary{
  color: #888888;
 }
 .size-16{
  font-size: 16px;
 }

 .size-18{
  font-size: 18px;
 }

 .size-32{
  font-size: 32px;
 }

 .bottom-10{
  margin-bottom: 10px;
 }

 .bottom-15{
  margin-bottom: 15px;
 }

 .high{   
  color: #73b5dd;
 }  

 .border{
  border: 2px solid rgba(0, 0, 0, 0.1) !important; 
 }

 .radius{
  border-radius: 5px;
 }

 .height-220{
  height: 220px;
 }

 .float-right{
  float: right;
 }

 hr{
  border-width: 2px !important;
  border-color: rgba(0, 0, 0, 0.1) !important; 
  margin-top: 15px !important;
  margin-bottom: 15px !important;
 } 

 a{
  text-decoration: none !important;
 }

 p{
  line-height: 1.4em;
 }

 br{
  line-height: 20px !important;
 }


 /* Style the buttons that are used to open and close the accordion panel */
 .accordion {
  background-color: #fff; 
  cursor: pointer; 
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
 }

 /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
 .active, .accordion:hover {
  background-color: #fff;
 }

 /* Style the accordion panel. Note: hidden by default */
 .panel { 
  background-color: white;
  display: none;
  overflow: hidden;
  outline: none;
  box-shadow: none;
 } 

 .accordion-btn {
  position: relative; 
  background-color: white !important;
  text-align: left !important;
  padding-left: 0px !important;
  font-size: 18px !important;
  border: none !important;
  color: #515151 !important;
  box-shadow: none !important; 
  outline: none !important;
 } 

 .accordion-btn:hover { 
  background-color: white !important; 
  color: #515151;
  box-shadow: none !important;
 } 


 .accordion-btn:before {
  position: absolute;
  content: "+";
  color: #73b5dd !important;
  right: 0px;
  top: 5px;
 }


 .accordion-btn[aria-expanded="true"]:before {
  content: "-";
  color: #73b5dd;
 }

 .content{
  font-size: 16px !important;
  color: #888888 !important;
  padding-left: 27px; 
 }

 @media (max-width: 479px) { 

  .e-frame{
    padding: 5px; 
    padding-top: 10px; 
    padding-bottom: 10px;
    max-width: 450px; 
  }

 }