@font-face {
  font-family: "Ionicons";
  src: url("../assets/ionicons/fonts/ionicons.eot?v=2.0.0");
  src: url("../assets/ionicons/fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../fonts/ionicons/fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("../fonts/ionicons/fonts/ionicons.woff?v=2.0.0") format("woff"), url("../fonts/ionicons/fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal; }

body {
	font-family: "Roboto";
	font-size: 14px;
	color: #000;
	min-width: 320px;
 }
.navbar-brand {
    margin-right: 0;
  }
h1 {
  	font-weight: 300;
  	font-size: 38px !important;
  	color: #fff;
  }
h2 {
  	font-weight: 300;
  	font-size: 24px !important;
  	text-align: justify;
  	color: #fff;
  	margin-bottom: 30px !important;
  }
h3 {
    font-weight: 400;
    font-size: 15px !important;
    color: #fff;
    text-align: justify !important;
  }
h4 {
  	font-weight: 300;
  	font-size: 24px !important;
  	color: #002E5D;
  	text-align: justify;
  }
p {
  	font-weight: 400;
  	font-size: 14px !important;
  	color: #002E5D;
  	text-align: justify;
   }
.h2-features {
    font-weight: 300;
  	font-size: 26px !important;
  	margin-left: 160px !important;
  	color: #fff;
  	margin-bottom: 10px !important;
   }
::placeholder {
    font-weight: 300;
    font-size: 16px !important;
}
.bg-primary {
    background-color: #002E5D!important; 
   }
.footer-menu {
    background-color: #002E5D!important;
    font-size: 10px;
    color: #fff;
     }
.copy-text {
	margin-top: 1em;
	color: rgba(255,255,255,.75);
}

.ion-social-windows{
 font-size: 10px;
 color: #fff;
}
.row-xl-header {
margin-top: 0px!important;
margin-bottom: -30px!important;
margin-left: -50px!important;
margin-right: -20px!important;
}
.row-lg-header {
margin-top: 50px !important;
margin-bottom: -30px !important;
}

.col-xl-5-a {
margin-top: 10px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
.col-ab {
margin-top: 50px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
padding: 0px 0px ;
}
.button {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

.btn-dark {
 margin: 2px 0;
 border: solid 1px transparent;
 color: #ffffff;
 border-color:#ffffff;
 background-color: #002E5D!important;
 box-shadow: inset 0 0 0 20rem var(--darken-1);
}

.btn-dark:hover{
 border-color: #002E5D!important;
}
.send-btn {
 border: solid 1px transparent;
 color: #ffffff;
 padding: 0.5rem 5rem;
 border-color: #ffffff;
 background-color: #3D9BE8!important;
 box-shadow: inset 0 0 0 20rem var(--darken-1);
}
.send-btn:hover{
color: #ffffff;
border-color: #002E5D!important;
background-color: #002E5D!important;
}

.winlogo {
font-weight: 300;
font-size: 10px !important;
text-align: justify;
color: #fff;
margin-top: 10px !important;
margin-left: 75px;
}
.winlogo_2 {
font-weight: 300;
font-size: 10px !important;
text-align: justify;
color: #fff;
margin-top: 10px !important;
}
.winlogo_3 {
font-weight: 300;
font-size: 12px !important;
text-align: justify;
color: #fff;
margin-top: 10px !important;
}
.card-key {
margin-top: 40px !important;
margin-bottom: 0px !important;
}
.card-title {
height: 60px;	
overflow: hidden;
text-align: justify;
margin-bottom: 5px !important;
}

.card-h3 { 
margin-left: 5px;
margin-right: 5px;
}

.text-features {	
margin: 30px 0px 25px !important;
font-size: 26px !important;
text-align: justify;
}
.list-fearures {
font-weight: 300;
font-size: 14px !important;
color: #fff;
text-align: justify;
padding: 0 0 0 20px !important; 
}  	
.interface-card {
margin-top: 0px !important;
margin-bottom: 0px !important;
margin-left: 5px !important;
margin-right: 5px !important;
padding: 1px 1px !important;
border-radius: 0rem !important;
}
.interface-card:hover {
border-color:  #ffffff;
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}
.modal-body {
padding: 0.20rem;
}
.label {
font-weight: 300;
font-size: 9px !important;
}
.form-check-input {
zoom: 1.4;
margin-top: 0.1rem;
margin-left: -0.55rem;
}
.card-header {
padding: 0 0 0 0rem;
border: none;
}

.faq-link {
font-weight: 300;
font-size: 16px !important;
color: #002E5D;
text-decoration: none;
text-align: left;
}
.faq-link:hover {
color: #002E5D;
text-decoration: none;
}
.faq-link:focus  {
text-decoration: none;
}
.ion-chevron-down {
font-size: 13px !important;
  }

.faq-link:hover { 
background-color: #F4F8F8;
}

.Features-link:hover { 
background-color: #F4F8F8;
}

.Features-link {
font-weight: 300;
font-size: 16px !important;
color: #002E5D;
text-decoration: none;
text-align: left;
}
.Features-link:hover {
color: #002E5D;
text-decoration: none;
}
.Features-link:focus  {
text-decoration: none;
}

.bottom__cookie-block {
    width: 100%;
    height: 48px;
    background-color: #ffffff;
    display: none;
    position: fixed;
    bottom: 0px;
    z-index: 100000;
    text-align: center;
    -webkit-transform: translateZ(0);
}

.imd-features {
padding:0.5rem  0rem  0rem 1rem;
}
.dot {
   width: 40px;
  height: 40px;
  line-height: 40px;
  background:  #3D9BE8;
  margin: 1em;
  border-radius: 100%;
  text-align: center;
}
.map-container{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-container iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

.tooltip {
    display:inline-block;
    position:relative;
    border-bottom:1px dotted #666;
    text-align:left;
}

.tooltip h3 {margin:12px 0;}

.tooltip .top {
    min-width:200px;
    max-width:400px;
    top:-20px;
    left:50%;
    transform:translate(-30%,-100%);
    padding:10px 20px;
    color:#ffffff;
    background-color:#009cdc;
    font-weight:normal;
    font-size:14px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    display:none;
}

.tooltip:hover .top {
    display:block;
}

.tooltip .top i {
    position:absolute;
    top:100%;
    left:30%;
    margin-left:-15px;
    width:30px;
    height:15px;
    overflow:hidden;
}

.tooltip .top i::after {
    content:'';
    position:absolute;
    width:15px;
    height:15px;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    background-color:#009cdc;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}