@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);

.content-header{
  background: black;
  color: white;
}

.content-header .header-service {
    min-height: 75px;
    position: relative;
    padding-top: 0.75rem;
  background: black;
}
[class*="col-6"] {
    width: 50%;
  background: black;
}
.wrapper-topmenu, .sm-clean {
    background: black;
  	color: white;
}

.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active {
    color: white;
}
.sm-clean a.current, .sm-clean a.active {
    color: white;
}

h1, h3, h4, h5, h6 {
	color: white;
  	font-family: "Roboto";
    font-weight: 400; 
}
h2 {
  	color: #40b6d1; 
  	font-family: "Roboto";
    font-weight: 400;
}

a, textarea, select {
  	font-family: "Roboto";
	color: white;
  	text-decoration: none;
}

body{
  font-family: "Roboto";
}

a:hover{
  color: #E0323F;
 
}
button, html input[type="button"], input[type="reset"], input[type="submit"]{
  font-family: "Roboto";
  background: #40b6d1;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 32px;
  width: auto;
}
input {
  font-family: "Roboto";
  color: black;
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  background: #E0323F;
  color: black;
  border-radius: 32px;
  border: none;
}
.btn-warning:hover, .btn-warning:active:hover, .btn-warning:active. {
  background: #E0323F;
  color: black;
  border-radius: 32px;
  border: none;
}
.btn-large:hover, .btn-large:active:hover, .btn-large:active. {
  background: #E0323F;
  color: black;
  border-radius: 32px;
  border: none;
}
.btn, .btn-primary, .btn-warning, .btn-large {
  font-family: "Roboto";
  background: #40b6d1;
  border: none;
  color: 40b6d1;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 32px;
  width: auto;
}

.btn[class*="btn-"] {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 32px;
  padding-left: 32px;
}

select:hover, select:active {
    background-image: linear-gradient(#40b6d1, #40b6d1), linear-gradient(-135deg, transparent 50%, #40b6d1 50%), linear-gradient(-225deg, transparent 50%, #40b6d1 50%), linear-gradient(#40b6d1 42%, #fff 42%);
}

.form-control {
  color: black;
}
  
.scrollToTop > a {
   background: #1AB6D1;
}
.scrollToTop > a:hover, .scrollToTop > a:focus, .scrollToTop > a:active {
    background: #1AB6D1;
}

.form-horizontal .control-label {
    text-align: left;
}

.element2cols5 { overflow:hidden;}
.col11, .col12, col13 { width:30%; float:left; margin-bottom: 2% }
.col11 { margin-right:2%; }
.col12 { margin-left: 2%; margin-right: 2% }
.col13 { margin-left: 2%; }

.element2cols6 { overflow:hidden;}
.col21, .col22 {width: 50%; float:left }
.col21 { margin-right: 0% }
.col22 {margin-left: 0% }

.femanager_flashmessages > .message-0 {
    background-color: #40b6d1;
    border: 3px solid #e0323f;
    color: #e0323f;
}
.wrapper-footer, .content-footer2{
    background: black;
}