body {
  margin:0; 
  padding:0;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: #000;
}

/* xs (<=543px) */
@media (max-width: 575px) { 
h1  {
    font-size:25px;
    font-weight:600;
    }
.txt1 {
    font-size:22px;
    }
.txt2 {
    font-size:18px;
    }    
}
 
/* sm (>=576 и <=767) */
@media (min-width: 576px) and (max-width: 767px) { 
h1  {
    font-size:18px;
    }    
	
}
 
/* md (>=768 и <=991) */
@media (min-width: 768px) and (max-width: 991px) {
h1  {
    font-size:20px;
    }
.txt1 {
    font-size:25px;
    }
.txt2 {
    font-size:18px;
    } 	
}
 
/* lg (>=992 и <=1199) */
@media (min-width: 992px) and (max-width: 1199px) {  
h1	{
	font-size:22px;
	}  
.txt1 {
    font-size:26px;
    }
.txt2 {
    font-size:18px;
    } 	
}
 
/* xl (>=1200) */
@media (min-width: 1200px) {  
h1	{
	font-size:22px;
	} 
.txt1 {
    font-size:26px;
    }
.txt2 {
    font-size:18px;
    } 	
}

#content {
	min-height: 300px;
}

footer {
	border-top: 1px solid #DDD;
	margin-top: 30px;
	padding-top: 5px;
}

footer .col-lg-4 {
	text-align: right;
}

.top {
    border-top:5px solid;
    text-align:center;
    padding:0.5rem;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
    border-radius: 0 0 0.6rem 0.6rem;
    text-shadow: 1px 1px 1px #333;
	}
.top a, a:visited {

	}
.top a:hover  {

	}
	
.color1 {
    color:#228089;
}
.color2 {
    color:#77b0b7;
}
.color3 {
    color:#bad7db;    
}
.color4 {
    color:#dcebee;    
}
.color5 {
    color:#ecf4f6;    
}
.color6 {
    color:#e7170b;    
}
.color7 {
    color:#f26970;    
}
.color8 {
    color:#f9b2b6;    
}

.bg-color1 {
       background-color:#228089;
   }
.bg-color2 {
       background-color:#77b0b7;
   }   
.bg-color3 {
       background-color:#bad7db;
   }   
.bg-color4 {
       background-color:#dcebee;
   }   
.bg-color5 {
       background-color:#ecf4f6;
   } 
.bg-color6 {
       background-color:#e7170b;
   } 
.bg-color7 {
       background-color:#f26970;
   } 
.bg-color8 {
       background-color:#f9b2b6;
   } 

.level {
    color:#228089;
    font-family: 'Roboto', sans-serif;
    font-weight:500;
}

.hdline {
    text-align:center;
    width:40%;
    margin:0 auto;
    padding:1rem 0;
}

.l1  {
    border: 0;
    height: 2px;
    background: #999;
    background-image: -webkit-linear-gradient(left, #fff, #999, #fff);
    background-image: -moz-linear-gradient(left, #fff, #999, #fff);
    background-image: -ms-linear-gradient(left, #fff, #999, #fff);
    background-image: -o-linear-gradient(left, #fff, #999, #fff);
    opacity:0.5;
}

.l2  {
    border: 0;
    height: 2px;
    background: #77b0b7;
    background-image: -webkit-linear-gradient(left, #fff, #77b0b7, #fff);
    background-image: -moz-linear-gradient(left, #fff, #77b0b7, #fff);
    background-image: -ms-linear-gradient(left, #fff, #77b0b7, #fff);
    background-image: -o-linear-gradient(left, #fff, #77b0b7, #fff);
    opacity:0.5;
}

.l3  {
    border: 0;
    height: 2px;
    background: #77b0b7;
    width:20%;
    margin:1rem 0;
}

.txt1 {
    font-family: 'PT Serif', serif;
    display:inline-block;
    padding:0.5rem;
    background:#77b0b7;
    color:#FFF;
    font-weight:700;
    /* border-left:5px solid #228089; */
}
.txt2 {
    font-family: 'Roboto', sans-serif;
    display:inline-block;
    padding:0.5rem;
    background:#77b0b7;
    color:#FFF;
    font-weight:500;
    border-left:5px solid #228089;
}

.hd2 {
	border-bottom:5px solid; 
	padding-bottom:0.5rem; 
	margin:1rem 0; 
	font-family: 'Roboto', sans-serif; 
	font-weight:600;
	font-size:1.5rem;
}	

.column {
  -webkit-columns: 200px 3;
  -moz-columns: 200px 3;
  columns: 200px 3;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  -webkit-column-rule: 1px solid #ccc;
  -moz-column-rule: 1px solid #ccc;
  column-rule: 1px solid #ccc;
}

a.menu-top, a.menu-top:link,  a.menu-top:visited {
    color:#89bec4;
    text-decoration:none;
}

a.menu-top:hover {
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
}


/* ------------------------ menu-down  --------------------------- */

a.menu-down, a.menu-down:link, a.menu-down:visited {
    color:#ffe2b5;
    text-decoration:none;
}
a.menu-down:hover {
    color: #FFB836;
}


/*------------------------------------ Under Line ------------------------------------------------*/
.under { font-family: inherit; font-size: inherit; line-height: inherit;}
.under a, a:visited  { text-decoration: underline;}
.under a:hover { text-decoration: none;}

/* ----------------------------------------------Shadow-------------------------------------*/
.shadow {
	-moz-box-shadow: 0 0 10px rgba(7,7,7,0.2); /*  Firefox */
   -webkit-box-shadow: 0 0 10px rgba(7,7,7,0.2); /*  Safari  Chrome */
   box-shadow: 0 0 10px rgba(7,7,7,0.2); /*   */
}


/*------------------------------- Sitemap------------------------------------------ */
.sitemap ul{ padding:10px; list-style-type:none; margin:10px 20px; }
.sitemap ul ul,.sitemap ul ul, .sitemap ul ul ul, .sitemap ul ul ul ul { padding:10px; list-style-type:none; margin:10px 20px; border-left: 3px solid #ccc; }
.sitemap ul li { padding:2px; }
.sitemap a { color:#999; }
.sitemap a:hover { color:#BF1E2E; }

/* ----------------------------------------------BreadCrumb-------------------------------------*/

.bc {
  font-weight: normal;
  font-size: 0.8em;
  color: #00819D;
  margin-bottom: 1.5em;
  list-style: none;
}
.bc > li {
  display: inline-block;
}

.bc ul {
    margin-left: 0; /* Отступ слева в браузере IE и Opera */
    padding-left: 0; /* Отступ слева в браузере Firefox, Safari, Chrome */
   }	
.bc a, a:visited {
    text-decoration:none; color: #00819D;
}
.bc a:hover {
    text-decoration:underline; color: #00819D;
}

/* ------------------------ menu  --------------------------- */
  #slideout-xs {
  position: fixed;
  top: 2em;
  left: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#slideout_inner-xs {
  position: fixed;
  width:200px;
  top: 2em;
  left: -200px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#slideout-xs:hover {
  left: 200px;
}
#slideout-xs:hover #slideout_inner-xs {
  left: 0;
} 

 #slideout {
  position: fixed;
  top: 30%;
  right: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#slideout_inner {
  position: fixed;
  width:250px;
  top: 30%;
  right: -250px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#slideout:hover {
  right: 250px;
}
#slideout:hover #slideout_inner {
  right: 0;
} 


/*--------------------------- MENU XS------------------------------------*/
.cd-panel {
    visibility: hidden;
	transition: visibility 0s 0.6s;
}

.cd-panel.is-visible {
	visibility: visible;
	transition: visibility 0s 0s;
}

.cd-panel-header {
	position: fixed;
	top: -55px;
	right: 1em;
	height: 35px;
	transition: top 0.3s 0s;
}

.is-visible .cd-panel-header {
	top: 0;
	transition: top 0.3s 0.3s;
}

.cd-panel-container {
	position: fixed;
	width: 50%;
	height: 100%;
	top: 0;
	right: 0;

	transition-property: transform;
	transition-duration: 0.3s;
	transition-delay: 0.3s;

	transform: translate3d(100%, 0, 0);
}

.is-visible .cd-panel-container {
	transform: translate3d(0, 0, 0);
	transition-delay: 0s;
}