@charset "utf-8";
/* CSS Intermedicus.org */

	@font-face {
  font-family: 'Courgette';
  src:   url('/font/Karla-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3�5 */
}  
	@font-face {
  font-family: 'Merriweather';
  src:   url('/font/Merriweather-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3�5 */
}  
	@font-face {
  font-family: 'RobotoCondensed';
  src:   url('/font/RobotoCondensed-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3�5 */
}  

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.light_20
{font-weight: lighter;
font-size: 20px;
color: #555;}
.light_16
{font-size: 16px;font-weight: lighter; color:#555}
.faq_question {
  margin: 0px;
	font-size: 16px;
padding: 0px 0px 10px 20px;
display: inline-block;
cursor: pointer;
}
 
.faq_answer_container {
  overflow: hidden;
	font-size: 15px;
	height: 0;
padding: 0;
margin-left: 40px;
margin-bottom: 13px;
font-style: italic;
}
.m150
{
	margin-top: 150px;
}
.m200
{
	max-width:200px
}
.status
{
	justify-content: center;
align-items: center;
display: flex;
}
.autors
{
	margin: 5px 10px 10px 0;
display: inline-block;
border: 1px solid #ccc;
padding: 5px 21px;
border-radius: 4px;
font-size: 1rem;
}
	html {
    font-family: "RobotoCondensed","Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    min-height: 100%;
    position: relative;
}
html, body {
    overflow: auto;
    height: auto;
}
.imgbnr
{
	margin-top: 70px;
	display: block
}
.grid-container {
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-template-rows: auto auto;
	grid-gap: 20px;
}
.grid-container_v {
  display: grid;
  grid-template-columns: 250px 1fr 250px;
  grid-template-rows: auto auto;
	grid-gap: 20px;
}

.grid-container_v2 {
  display: grid;
  grid-template-columns: 200px 1fr;
  grid-template-rows: auto auto;
	grid-gap: 20px;
}
.btext strong
{
	font-size: 22px;
font-weight: normal;
}
.sbleft
{
margin-top: 20px;
background: #FFFFFF;
box-shadow: 0 2px 4px rgba(0,0,0,0.25);
border-radius: 3px;
/*cursor: pointer;*/
position: relative;
padding: 1em;
color: #555;
}

.frame_blc{
  /*overflow:hidden;*/
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
}
.frame_blc iframe {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}

[class^="grid-item"] {
  min-height: 2.5em;
}
.grid-item-a {
}
.grid-item-b {
	margin-top: 15px;
}
.grid-item-c {
}

#footer
{
	max-width: 1600px;
background-color: #f9f9f9;
margin: 20px auto 0;
height: 100px;
padding: 20px;
color: #9b9b9b;
}
.next_but
{
	text-decoration: none;padding: 7px;margin: 20px auto;display: block;width: 200px;text-align: center;font-size: 16px; border: 1px solid #1272ca;cursor: pointer;height: 35px;color: #FFF;

border-radius: 4px;
background: #1272ca;
}
.next_but:hover
{
	
background: #418ed5;
}
a
{color:#15528a}
html {
    font-size: 15px;
}
	html, body, [canvas="container"], [off-canvas] {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
	body {
    font-family: "RobotoCondensed", "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    padding-top: 104px;
    padding-bottom: 0px;
		min-height: 100%;
	}
	
	.navbar {
		z-index: 1020;
    position:fixed;
	top:0;
    
    width: 100%;
    height: 120px;
}
.g-recaptcha {
        display: inline-block;
    }
	.innav
	{
		max-width:1600px;
		    background-color: #1272ca;
margin: 0 auto;
		height: 100%
	}
/*-------------------------------------------------*/	
[canvas="container"] {
  
    margin: 0 auto;
    max-width: 1600px;
    background: #fff;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 40px rgba(0,0,0,.1);
    box-shadow: 0 0 40px rgba(0,0,0,.1);
    z-index: 2;
    overflow-x: hidden;
}
[canvas="container"] {
   padding: 17px 20px 20px 20px;
}

	
	.incanvas
	{
		padding:10px

	}
	.logo
	{
		font-family: 'Merriweather';
font-size: 32px;
color: #fff;
text-decoration: none;
display: block;
margin: 0 auto;
padding-top: 10px;
width: 219px;
	}
	.logo:hover{
		color:#bed7ee
	}
	.left
	{float:left;
	padding-top:14px; 
	margin: 10px}
	.right
	{float:right;
		padding-top:14px; 
	margin: 10px}
	
	
	.left a,.right a
	{
		color:#FFF;
		text-decoration: none;
		border-radius: 4px;
		background: #418ed5;
		padding: 5px 10px;
		margin: 5px;
		border-bottom: 1px solid #1664ac;
	}
	.left a:hover,.right a:hover
	{
		
		
		background: #15528a;
		
	}
	
	
	/*-----------------------------------------------------------------------------------------------------------*/

	/*the container must be positioned relative:*/
.custom-select {
 position: relative;
font-family: RobotoCondensed;
float: left;
margin: 0 10px;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: #f5f5f5;
	font-size: 15px;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
 /* border-color: #555 transparent transparent transparent;*/
}
.pl
{
	width:300px; display: block; margin: 10px; float:left
}
.pr
{
	width:782px; display: block; margin: 10px; float:left
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #555 transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #555;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
	border-radius: 4px;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #f7f7f7;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.mmenu
	{
		display:none
	}
	
/*-------------------sb--------------------*/	
	
 /* The side navigation menu */

.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #15528a; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 20px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 16px;
  color: #bed7ee;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #fff;
}

/* Position and style the close button (top right corner) */
 .closebtn {
  position: absolute;
  top: 0px;
  right: 18px;
  font-size: 36px;
  margin-left: 50px;
	 text-decoration: none;
	 color:#ccc;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-width: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
	.imgbnr
{
	margin-top: 10px;
}
	
} 

	.wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
	margin-top:20px; 
}

	
	
/*-------------------//sb--------------------*/		
	
@media (max-width: 780px)
{
	h1, .h1 {
    font-size: 1.5rem!important;
}
	.custom-select {
 position: relative;
font-family: RobotoCondensed;
float: left;
margin: 10px;
}
	.m200
	{
		max-width: 100%
	}
	.grid-container,.grid-container_v,.grid-container_v2 {
  display: block;
	}
	.pl
{
	width:100%;  float:none
}
.pr
{
	width:100%;  float:none
}
	
	.wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
	margin-top:20px; 
}
	.left,.right
	{
		display:none
		
	}
	.mmenu
	{
		cursor:pointer;
		display: block;
float: left;
position: absolute;
top: 15px;
left: 20px;		
	}
	.mmenu i
	{
		font-size:36px;
		color:#fff
	}
	
	.logo
	{
		margin-left:81px
	}
	.custom-select
	{
		width:93%!important
	}
	
	}


.input
{
border: 1px solid #ccc;
height: 35px;
margin: 0;
padding: 0 10px;
color: #555;
width: 100%;
border-radius: 4px;
}
.input_but
{
border: 1px solid #1272ca;
cursor: pointer;
height: 35px;
margin: 0;
color: #FFF;
width: 100%;
border-radius: 4px;
	background: #1272ca;
}


	@media (max-width: 380px)
{
	.m150
{
	margin-top: 20px;
}
	.wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 30px;
	margin-top:20px; 
	}}
	
	
	#pop{position:fixed;top:0px;left:0px;right:0px;bottom:0px;overflow:auto;opacity:0.8;background:#000;}
	#pop{display:none; cursor: pointer}
	
	.wrapper > div {
    background: #FFFFFF;
box-shadow: 0 2px 4px rgba(0,0,0,0.25);
border-radius: 3px;
/*cursor: pointer;*/
position: relative;
    padding: 1em;
    color: #555;
}
	.wrapper > div h4 {
		margin: 10px 0;
padding: 0;
font-size: 25px;
		
	}
	/*------------------------------------------------------*/
.line
	{
		height: 1px; max-width: 1100px; margin: 0 auto; background: #ccc
	}
.bline
	{
		height: 1px; max-width: 1100px; margin: 15px auto; background: #ccc
	}	


/*=============================================================================*/

.text-center {
    text-align: center;
}
h1, .h1 {
    font-size: 36px;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
  .pie_progress__svg svg {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
	  .pie_progress__content, .pie_progress__number, .pie_progress__label, .pie_progress__icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
		  font-size: 34px;
}
	  .pie_progress {
    width: 160px;
    margin: 10px auto;
}
.pie_progress {
    text-align: center;
}.pie_progress__svg {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    vertical-align: middle;
}
.pie_progress {
    position: relative;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
	  
}
    .pie_progress {
      width: 120px;
      margin: 20px auto;
    }
    @media all and (max-width: 400px) {
      .pie_progress {
        width: 80%;
        max-width: 300px;
      }
    }

 .mT-10 {
    margin-top: 10px !important;
}
.progress {
    height: 4px;
  /*  background-color: #92c688;*/
    border-radius: 4px;
    margin-bottom: 10px;
}