/*!
 * Start Bootstrap - Round About (https://startbootstrap.com/template-overviews/round-about)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-round-about/blob/master/LICENSE)
 */
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

 

:root {
  font-size: 62.5%;
  body {
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:2.6rem;
    
  }
}

@media (min-width: 992px) {
  body {
    padding-top: 0px;
  }
}

*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}


.map {
  height: 400px;
  width: 100%;
}
.col {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0; 
    padding-right:0;
}

.nav-item{ 
font-family: 'Open Sans', sans-serif;
font-size: 3rem;
padding-right: 3rem;
}

.modal{ 
  font-family: 'Open Sans', sans-serif;
  font-size: 1.5rem;
  padding-right: 3rem;
  }

  .modal-body {
    padding: 15px;

  }

  .modal-footer {

    width:100%;
    text-align:left;
  }

.container-fluid {
  margin-right: 0px;
  margin-left: 0px;
  padding-left:10px;
  padding-top:60px;
  padding-bottom:70px

}

.container-fluid .main-text { 
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  text-align:justify;
  margin-right: 0px;
  margin-top:35px;
  padding: 0px 25px 0 5px;
}

.header_side,  .header_center { 
  margin: auto;
 position:relative;
 background-color: #dbe9ec; 
 font-family: 'Open Sans', sans-serif;
 font-size:14px;
 color:#006e8c; 
 font-weight: bold;
 padding-left:10px; 
 height:29px;
 bottom:1px;	


}


.header_side_cont   {
	position:relative;
	top:0px;
	background-color:#f5cfd3; 
  height:30px;
 
}

.header_center_cont {
  position:relative;
	top:0px;
	background-color:#f5cfd3; 
  height:30px;
  margin-bottom: 25px;
}


.app-text { 
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  text-align: justify;
  text-justify: inter-word;
  margin-right:15px;
}

.app-title { 
  font-family:  'Open Sans', sans-serif;
  font-size: 18px;
  text-align: justify;
  text-justify: inter-word;
 
  }

 a,a:active { 
     color:#006e8c;
	 text-decoration: none;
	 
}

a:hover { 
     color:#e06e7a;
	 text-decoration: none;
	 
}

.my-4 { 
  font-family: 'Comfortaa', cursive;
  font-size: 18px;
  font-weight:bold;
}

.my-5 {
  font-family: 'Comfortaa', cursive;
  font-size: 19px;
  font-weight:bold;
  margin-bottom:0.5rem!important;
}


.disable-tool { 
  opacity:0.3;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

.about_text { 

  font-family: 'Open Sans', sans-serif;
  font-size: 1.8rem;
  text-align: justify;
    text-justify: inter-word;
  padding: 0 25rem 0 25rem; 
}

.about_text h2 { 

  font-family:   'Comfortaa', cursive;
  font-size: 35px;
  
}

.card-header h3 {

  font-family: 'Open Sans', sans-serif;
  font-size: 2.8rem;
}




.col_center li {
  padding-left:0px;  
  margin-left:0px;
  font-family:  'Comfortaa', cursive; 
 -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */

}


.col_center ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.col_center ol li {
  counter-increment: my-awesome-counter;
  display: flex;
  width: 100%;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.col_center ol li::before {
  content:  counter(my-awesome-counter);
  font-weight: bold;
  font-size: 1.5rem;
  color: dimgrey;
  margin-right: 1.5rem;
  margin-top: 0.5rem;  
  line-height: 1;
  
}



.right_col ol {
  list-style: none;
  margin:0px;
  padding: 0px;
  text-align:right;


}

.right_col li { 
  text-align:right;
  list-style: none;
  padding-left:0px;
  margin-left:-20px;
  margin-top:10px;
  font-family: 'Comfortaa', cursive;
 -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
}


.left_col ol {
  text-indent: -0.05rem;
  list-style: none;
  margin:5px;
  padding: 0px;
  font-size:10px;


}

label { 
	display:block;
}

.left_col li { 
  text-indent: 0.01rem;
  display: list-item;
    text-align: -webkit-match-parent;
  font-size:9px;
  list-style: none;
  padding-left:0px;
  margin-left:10px;
  margin-top:10px;
  font-family: 'Comfortaa', cursive;
 -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
}


.appContainer { 
	//background-color:#fffdf6 ;
}



.appIcon { 
  
  float:right;
  position:relative;
  height:100%;
  width: 20%;
  padding-left:15px;
  vertical-align: middle;
  //border-left:0.5px solid  #ced4d9;	
	
}

.appIcon img{
	vertical-align:middle;  
        max-height: 80px;  
        max-width: 100%; 
        //position: relative;  
        //top: 0;  
       // bottom: 0;  
        left: 0;  
        right: 0;  
        margin: auto;
    }

.appText { 

  position:relative;  
  float:left;
  
  width: 75%;  
  text-align: left;
  padding-left: 10px;
  padding-top:10px;
  line-height:18px;
  
  border-right:0.5px solid  #daf6ff;


}

.cat_shiny { 
  background-color:#f3f8f9 ;
}

.cat_rmd { 
  background-color:#e9f5f2 ;
}

.arrow-right {
  
  width: 0; 
  height:0; 
  
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #ced4d9;
}