@import 'framework.css';
/*
 Table of contents:
 1. Common styles
 2. Common responsive styles
 3. Headers
 4. Navigations
 5. Contents
 6. Testimonials
 7. Features
 8. Forms
 9. Call to Actions
 10. Teams
 11. Pricing Tables
 12. Contacts
 13. Showcases
 14. Footers
 15. Ecommerce
 */
/* 1. Common styles */

:root{
  --fontsize:27px;
  --lineheight:120px;
  --numText:"Numbers";
  --letterText:"Letters";
}

#mousesvg:hover g.ear70{
  display: unset !important;
}

body {
  font-family: Poppins;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #121212;
  -webkit-font-smoothing: antialiased;
}
body.dev {
  background: #ccc;
  min-height: 10000px;
}
header, section {
  overflow: hidden;
}
header {
  position: relative;
}
header nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}


.text-field {
  padding: 1%;
  padding-left: 2%;


  font-family: Poppins;
  font-style: normal;
  font-weight: 200;
  font-size: 18px;
  /* line-height: 16px; 
  box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.05); */

  color: rgb(39, 91, 133) !important;
  background: #FAFAFA;
  border-radius: 10px;

}

span.cost{
  margin-left:1%;
  font-family: Poppins;
  font-style: normal;
  font-weight: 200;
  color: rgb(39, 91, 133);
}


/* Right side */
	
.dr-breakout-btnicons {
  display: none;
}
.dr-breakouticons {
  display: inline;
  box-shadow:none;
  border:none;
  position: relative;
  /* cursor: pointer !important; */
  /* margin-top:-25px; */
  margin-right: 20px;
  /* margin-bottom: 0px; */
  z-index: 997 !important;
  background:rgb(0, 0, 0,0) !important;

}
.dr-breakouticons li {
  display:inline;
}
.dr-breakouticons li a {
display: inline-block;
padding: 3px 6px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
/* cursor: pointer !important; */
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #000 !important;
background-color: transparent;
text-decoration: none;
}
.dr-breakouticons li a:HOVER {
  /* background-color: #e8ebee; */
  /* cursor: pointer !important; */
  color: #000;
}
.dr-breakouticons li a > span {
padding-top: 2px !important;
margin-top: 2px !important;
display: block;
}

.row{
  display: compact;
}
.nospace{
	margin-left: -20px;
}

.can-toggle {
  position: relative;
}
.can-toggle *, .can-toggle *:before, .can-toggle *:after {
  box-sizing: border-box;
}
.can-toggle input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.can-toggle input[type="checkbox"][disabled] ~ label {
  pointer-events: none;
}
.can-toggle input[type="checkbox"][disabled] ~ label .can-toggle__switch {
  opacity: 0.4;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:before {
  content: attr(data-unchecked);
  left: 0;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  content: attr(data-checked);
}
.can-toggle label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  display: flex;
  align-items: center;
}
.can-toggle label .can-toggle__label-text {
  flex: 1;
  padding-left: 8%;
}
.can-toggle label .can-toggle__switch {
  position: relative;
}
/* Text on the right side*/
.can-toggle label .can-toggle__switch:before {
  content: attr(data-checked);
  position: absolute;
  top: 0;
  text-align: center;
  color: #DE8A66;
}
.can-toggle label .can-toggle__switch:after {
  content: attr(data-unchecked);
  position: absolute;
  z-index: 5;
  text-align: center;
  background: white;
  border-radius: 15px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.can-toggle input[type="checkbox"][disabled] ~ label {
  color: rgba(249, 249, 249, 0.5);
}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch {
  background-color: rgba(249, 249, 249, 1);
}

.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch {
  background-color: rgba(249, 249, 249, 1);
}

.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch {
  background-color: rgba(249, 249, 249, 1);
}

.can-toggle label .can-toggle__label-text {
  flex: 1;
}
.can-toggle label .can-toggle__switch {
  transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
  background: rgba(249, 249, 249, 1);
}
.can-toggle label .can-toggle__switch:before {
  font-family: Poppins;
  font-style: normal;
  font-weight: 300;
  font-size: var(--fontsize);
  line-height: 20px;
  /* identical to box height */
  text-align: center;
  color: #888997;
}
.can-toggle label .can-toggle__switch:after {
  /* transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1); */
  color: black;
}
/* .can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
} */

.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

/* .can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
} */
.can-toggle label {
  font-size: var(--fontsize);
}
.can-toggle label .can-toggle__switch {
  height: 36px;
  flex: 0 0 100%;
  border-radius: 4px;
}
.can-toggle label .can-toggle__switch:before {
  left: 20%;
  font-size: var(--fontsize);
  /* line-height: 36px; */
  width: 40%;
  padding: 0 12px;
}
.can-toggle label .can-toggle__switch:after {
  top: 2px;
  left: 2px;
  border-radius: 2px;
  width: 100%;
  /* line-height: 30px; */
  font-size: var(--fontsize);
  height: 113px;
}
.SoftMouseredfont {
  color: #c42e05;
}

.SoftMousebluefont {
  color: #336699 !important;
}

/* .can-toggle label .can-toggle__switch:hover:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
} */
/* .can-toggle.can-toggle--size-large input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-large input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
} */
.can-toggle.can-toggle--size-large input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
/* .can-toggle.can-toggle--size-large input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-large input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
} */
.can-toggle.can-toggle--size-large label {
  font-size: var(--fontsize);
}
.can-toggle.can-toggle--size-large label .can-toggle__switch {
  height: 117px;
  /* width of button */
  flex: 0 0 80%; 
  border-radius: 0.6px solid #DEDEDE;
  background: #FAFAFA;
  box-sizing: border-box;
  padding: 1px;
  box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.05);
  border-radius: 15px;
}
/* Right box when unselected*/
.can-toggle.can-toggle--size-large label .can-toggle__switch:before {
  /* Distance of the right side text */
  left: 50%;
  font-size: var(--fontsize);
  line-height: var(--lineheight);
  width: 50%;
  padding: 0 12px;
}
.can-toggle.can-toggle--size-large label .can-toggle__switch:after {
  top: 2px;
  left: 2px;
  padding-top: -1px;
  border-radius: 0.6px solid #DEDEDE/2;
  width: 49.5%; /*Overlay button*/
  line-height: var(--lineheight);
  font-size: var(--fontsize);
  background: #FFFFFF;
  /* border: 1.5px solid #DE8A66; */
  box-sizing: border-box;
  /* box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.05); */
  border-radius: 15px;
  
  font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: var(--fontsize);
/* identical to box height */
text-align: center;

color: #0687d1;
}
/* .can-toggle.can-toggle--size-large label .can-toggle__switch:hover:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
} */


.switch {
  position: initial;
  background: #FAFAFA;
  box-sizing: border-box;
  box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.05);
  border-radius: 15px;
  width: 120%;
  height: 85px;
  padding: 2%;
  }
  
  .switch input { 
    opacity: 0;
    height: 0;
    width:0;
    display:none !important;
  }
  
  .slider {
    -webkit-transition: .4s;
    transition: .4s;
    left: auto;
  }
  
  .slider:before {
  position: absolute;
  content: "";
  height: 72px;
  width: 30%;
  background: #FFFFFF;
  border: 1.5px solid #DE8A66;
  box-sizing: border-box;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.05);
  border-radius: 15px;
  
  /* identical to box height */
  text-align: center;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(90%);
  }


nav {
  width: 100%;
}
nav.transparent {
  background: transparent;
}
a, button {
  cursor: pointer;
  transition: all 0.25s;
}
a:hover, button:hover {
  text-decoration: none;
}
a:active, button:active, a:focus, button:focus {
  text-decoration: none;
  outline: none;
}
button {
  border: none;
  outline: none !important;
}
input, textarea {
  border: 0;
  outline: none;
  background: transparent;
  color: #121212;
  resize: none;
}
label {
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
h1, h2, h3, h4, h5, h6 {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  margin: 0;
  font-weight: 700;
  font-family: Poppins;
}
h1, h2 {
  font-size: 58px;
  line-height: 70px;
}
h1.big, h2.big {
  font-size: 72px;
  line-height: 86px;
}
h1.small, h2.small {
  font-size: 42px;
  line-height: 52px;
  font-weight: 700;
}
h3 {
  font-size: 42px;
  line-height: 52px;
}
b, strong {
  font-weight: 700;
}
.alert {
  display: none;
  position: fixed;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 970px;
  z-index: 2000;
}
.alert-dismissable .close, .alert-dismissible .close {
  top: 0;
}