*
{
  padding:            0px;
  margin:             0px;  
}

html 
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after
{
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  text-rendering: optimizeLegibility;
}

img, input
{
  border:             none;
}

.clear-fix:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clear-fix
{
    zoom: 1;
}

#container
{
  min-height:             100%;
  height:                 100%;
  width:                  100%;
  position:               relative;
}

.center
{  
  position:               relative;
  margin:                 0 auto;
  height:                 100%;
  max-width:              1100px;
}

.left
{
  float:                  left;
}

.right
{
  float:                  right;
}

body
{
  font-family:            -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";    
  font-size:              14px;   
  background:             #CCCCCC;     
} 

input[type=text], input[type=password], input[type=date], select, textarea
{
  font-family:            -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";    
  font-size:              14px;   	
  height:                 30px;
  padding:                0 5px;
  border:                 1px solid #11888c;
  border-radius:          3px;
  outline:                none;  
  width:                  100%;
  margin:                 10px 0 0;
}

textarea
{
	padding:			  5px;
	height:				  150px;
}

input[type=text], input[type=password]
{
  -webkit-appearance:     none;
  -moz-appearance:        none;
  appearance:             none;  
}  
	

input[type=text].error, input[type=password].error, select.error
{
  border-color:           #B91515;
  background:             #FFE9E9;
}

button
{
  -webkit-appearance:     none;
  -moz-appearance:        none;
  appearance:             none;  
  outline:                none;  
  border:                 none;
  margin:                 10px 0 0;
  font-size:              16px;
  text-transform:         uppercase;
  height:                 30px;
  font-weight:            bold;
  background:             #11888c;  
  color:                  #FFFFFF;
  border-radius:          3px;
  width:                  100%;
  cursor:                 pointer;
}

p
{
  padding:                10px 0 0;
}

p a
{
  color:                  #11888C;
  text-decoration:        none;
}

p a:hover
{
  text-decoration:        underline;
}

#top
{
  width:                  100%;
  background:             #000000 url(/images/logo.svg) center no-repeat;
  background-size:        200px 30px;
  height:                 60px;
  top:                    0;
  position:               fixed;
  z-index:                10;
}

#content
{
  padding:                70px 0 50px;
}

.block
{
  background:             #FFFFFF;
  padding:                0 8px 10px;
  margin:                 0 0 10px;  
  position:				  relative;
}

.block a.more
{
	text-decoration:		none;
	margin:				  5px 0 0;
	line-height:		  28px;
	width:				  100%;
	display:			  block;
	text-align:			  center;
	
	  -webkit-appearance:     none;
	  -moz-appearance:        none;
	  appearance:             none;  
	  outline:                none;  
	  border:                 none;	  
	  font-size:              16px;
	  text-transform:         uppercase;
	  height:                 30px;
	  font-weight:            bold;
	  background:             #11888c;  
	  color:                  #FFFFFF;
	  border-radius:          3px;
	  	 
}

.block a.more.disabled
{
	opacity: .5;
	cursor: default !important;
}

.block h2
{
	padding:			  20px 0 0;	
}

.block ul
{
	
}

.block ul li
{
	list-style: 		   none;
}

.block.course
{
	position:			  relative;
}

.block.course .photo
{
	position:		      absolute;
	width:				  100px;
	height:				  100%;
	top:				  10px;
	padding:			  0 0 60px;
}

.block.course .photo img
{
	width:				  100px;
	height:				  100%;
	object-fit:			  cover;
}

.block.course .info
{
	padding:			  0 0 0 110px;
}

#bottom
{
  height:                 50px;
  position:               fixed;
  bottom:                 0;
  width:                  100%;
  background:             #FFFFFF;
  border-top:             1px solid #969696;
}

#bottom ul li
{
  list-style:             none;
  float:                  left;  
  padding:                0 10px;   
  text-align:             center;
  padding:				  8px 0 0;
}

#bottom ul li a
{
  color:                  #969696;
  text-decoration:		  none;
  text-transform:		  uppercase;
  height:                 49px;    
}

#bottom ul li a svg
{	
	display:			  block;
	margin:				  0 auto;	
}

#bottom ul li a span
{
	font-size:			  10px;
}

#bottom ul li a.active
{
  color:                  #11888C;
}

img.location
{
  float:                  left; 
  max-height:             55px; 
  margin:                 0 10px 0 0;
}