@font-face {
    font-family: Bebasnr; 
    src: url(/templates/tbsgtemp/fonts/bebas-neue-regular.otf); 
   }
    @font-face {
    font-family: Bebas; 
    src: url(/templates/tbsgtemp/fonts/bebas-neue-bold.otf); 
   }
   
      @font-face {
    font-family: Bebasbook; 
    src: url(/templates/tbsgtemp/fonts/bebas-neue-book.otf); 
   }
   
   
     @font-face {
    font-family: BPGArial; 
    src: url(/templates/tbsgtemp/fonts/bpg_arial_2009.ttf); 
   }
    h1 {
    font-family: Bebas, 'Comic Sans MS', cursive;
	font-size:90px;
   }
       h2 {
    font-family: Verdana, sans-serif, 'Comic Sans MS', cursive;
	    color: #5a5c5c;
		font-size: 45px;
		font-weight: bold;
   }
   body
   {
	   font-family: BPGArial;
	   font-size: 18px;
   }

.big-banner
{
	background-image: url('../images/topbg3.jpg');
	background-position: center;

	 background-size: cover;
	padding-top: 0px;
	
	background-color: #3d7cbf; /* Цвет текста */
	border-style:solid;
	border-color: #3d7cbf;
    border-bottom-width: 14px; 
	border-top-width: 0px; 
	border-left-width: 0px; 
	border-right-width: 0px; 
	margin-bottom: 0px;
}

.cont-color
{
	

	background-color: #3d7cbf; /* Цвет текста */
	margin-top: 10px;

  
}
.newscont-color
{
	
	
	background-color: #eef2f3; /* Цвет текста */
	padding-bottom: 35px;
  
}


.news-menu-link a
{	
 color: #5a5c5c;
 text-decoration: none;	
  	 font-size: 24px;
	 font-family: Bebasbook;
	 margin-right: 35px;
	
}
.botm-menu-link a
{	
 color: white;
 text-decoration: none;	
	
}

.botm-menu-header
{	
	background-color: #3d7cbf; 
	margin-top: 10px;  
	
	
}
.botm-menu-card
{		
	border: 0px;
	 font-size: 21px;
	 font-family: Bebasnr;
	 padding-left:0px;
	 padding-right:0px;

	 
  }
  
  .botm-menu-header
{		
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	 font-size: 21px;
	 font-family: Bebasnr;
	 padding-left:0px;
	 padding-right:0px;
	 color: white;
	 	
	 
  }
  .botm-menu-head  a
{
	
font-size:23px;
border-color: #5a96ce; 
text-decoration: none;


}
  
  .botm-menu-body
{		
	border: 0px;
		 font-size: 16px;
	 font-family: Bebasnr;
	  padding-left:0px;
	 padding-right:0px;
	 color: white;
  }
  
  .botm-menu-logo
{		
	border: 0px;
	background-color: #6fa3d4;
	margin-left: auto;
    margin-right: auto;
	  padding-left:0px;
	 padding-right:0px;
	 color: white;
	 	 font-family: BPGArial;
  }
  
  .topnav {
  overflow: hidden;
  background-color: #f1f1f1;
}

.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  border-top: 3px solid transparent;
}

.topnav a:hover {
  border-top: 3px solid red;
}

.topnav a.active {
  border-top: 3px solid red;
}

.nav-pills .pill-1 .nav-link:not(.active) {
    background-color: rgba(246, 246, 246, 1);
	 color: #919191;
	  font-family: Bebasbook, 'Comic Sans MS', cursive;
}

.nav-pills .pill-2 .nav-link:not(.active) {
    background-color: rgba(0, 250, 0, 0.5);
}

.nav-pills .pill-3 .nav-link:not(.active) {
    background-color: rgba(0, 0, 250, 0.5);

}



.nav-pills .pill-1 .nav-link {
    background-color: rgba(246, 246, 246, 1);
     color: #919191;
	  font-family: Bebasnr, 'Comic Sans MS', cursive;
	  font-size: 24px;
	  padding: 4px;
	  margin-left:18px;
}

.nav-pills .pill-2 .nav-link {
    background-color: rgba(0, 250, 0, 0.2);
}

.nav-pills .pill-3 .nav-link {
    background-color: rgba(0, 0, 250, 0.2);
    color: white;
}


.badge-jumbo {
  background-color: rgba(250, 250, 250, 0.2);
    color: white;
	 font-size: 32px;
	 font-family: Bebasnr;
	
}



.badge-allnews{
 // background-color: rgba(250, 250, 250, 0.2);
    color: #00a95b;
	 font-size: 17px;
	 font-family: Bebas;
}
.card-shadow
{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
	  background-color: #f8f8f8;
	  
	
}
.card-news{
 
	 font-size: 21px;
	 font-family: Bebas;
	 padding-left: 10px;
	  padding-right: 10px;
	 padding-top: 30px;
	 padding-bottom: 35px;
	 color: #4b4b4b;
	
}
.card-date{
 
	 font-size: 21px;
	 font-family: Bebas;
	 color: #d6d6d6;
	 background-color: #f8f8f8;
}
.d-line-big{


   margin-left:15px;
   margin-right:10px;
    border-radius: 0px 25px 25px 0px;
   margin-top:15px;
   margin-bottom:15px;
   height:5px;
   width:120px;
   
}

.d-line-small{
 
   border-radius: 25px 25px 25px 25px;
   margin-left:10px;
   margin-right:10px;
   margin-top:15px;
   margin-bottom:15px;
      height:5px;
	     width:50px;
}

.box {
   background: linear-gradient(45deg, #286db9 7%, rgba(255, 255, 255, 0) 7.1%, rgba(255, 255, 255, 0) 93%, #e68d00 93.1%);
   margin-left:0;
   margin-right:0;
   margin-top:40px;
   margin-bottom:40px;
   padding-top:30px;
   padding-bottom:30px;
}

.boxabout {
   background: linear-gradient(0deg, #f4f6f5 7%, #f4f3ed 7.1%, #f4f3ed 93%, #f4f6f5 93.1%);
   margin-left:0;
   margin-right:0;
   margin-top:40px;
   margin-bottom:40px;
   
  
}


.news {
	position	: absolute;
	top		: 155px;
//	left		: 0;
	padding-right: 15px;
	padding-left: 10px;
	 border-radius: 0px 25px 25px 0px;

	 	 font-size: 23px;
	 font-family: Bebas;
	 background-color: #e68d00;
	 color:white;
}
.announce {
		position	: absolute;
	top		: 155px;
//	left		: 0;
	padding-right: 15px;
	padding-left: 10px;
	 border-radius: 0px 25px 25px 0px;
	 	 font-size: 23px;
	 font-family: Bebas;
	 background-color: #51a655;
	 color:white;
}
ul.bullet {
  list-style-image: url('../images/bullet.png') ;
  	 font-family: BPGArial;
	 padding-left: 20px;
}
.botm-menu 
{
	
font-family: Bebasnr;
color: white;
background-color: #4689c8;
border-collapse: collapse;
width: 100%;

}

.botm-menu a
{
//font-size:16px;	
font-family: Bebasnr;
color: white;
text-decoration: none;
padding-left:15px;
}
.botm-menu-head
{
	
font-size:23px;
border-style: solid;
border-width: 0 0 1px 0;
border-color: #5a96ce; 


}

.botm-menu-head  a
{
	
font-size:23px;
border-color: #5a96ce; 
text-decoration: none;


}

.botm-menu-head td
{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
}

.botm-address
{
height: 222px;
width: 280px;
background-color: #6fa3d4;
 font-family: BPGArial;
 color: white;
 font-size: 16px;

}
.langico {
    background-image:url(../images/arrowdown.png); 
	height: 4px;
width: 7px;
    margin-left:5px; 
    display:inline-block;
    vertical-align:middle;
   // padding-left: 25px;
}

.langsearch
{
	margin-left:auto;
   margin-right:auto;
   margin-top:5px;
   margin-bottom:5px;
  width: 100%;
text-align: center;
   
}

.langsearch a
{
font-size:14px;	
font-family: Bebasnr;
color: #5c5c5d;
text-decoration: none;	 
	
}
.lsline
{
	
   margin-left:auto;
   margin-right:auto;
   margin-top:7px;
   margin-bottom:7px;
      height:1px;
	     width:18px;
		 background-color:#b4b7ba;
}




.menunav{
 background: rgba(255,255,255, 0.9);	
	height: 84px;
//width: 995px;
text-align: center;
//font-family: Bebasnr;
font-size:24px;
color:#727373;
position:center;




}



ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul:after {
    display: block;
    content: ' ';
    clear: both;
    float: none;
}
ul.menu > li {
	display: block;
    float: left;
    position: relative;
	height: 84px;
	 display: inline-block;
	  text-align: center;
	   text-align: center;
   
	 border-style: solid;
border-width: 3px 0 0 0;
border-color: rgba(255,255,255, 0);
  padding-left: 5px;
	 padding-right: 15px;
	 //margin-left: 3px;
	 margin-right:4px;
	 padding-top:17px;
	  
}
ul.menu > li > a {
   
  
    color: #5c5c5c;
	 text-decoration: none;
	
  

}

ul.menu > li:hover
 {

	  color: #3d7cbf;
	  border-style: solid;
border-width: 3px 0 0 0;
border-color: #3d7cbf; 
}




ul.menu > .activee
 {

	  color: #3d7cbf;
	  border-style: solid;
border-width: 3px 0 0 0;
border-color: #3d7cbf;  

}

ul.submenu {
    display: none;
    position: absolute;
 //   width: 200px;
   top: 81px;
   left: -20%;
   right:-20%;
	
//background-color: linear-gradient(90deg, rgba(255,255,255, 0.5) 5%, #f4f3ed 7.1%, #f4f3ed 93%, #f4f6f5 93.1%);
background: linear-gradient(180deg, rgba(255,255,255, 0.0) 3px, rgba(255,255,255, 0.9) 3px, rgba(255,255,255, 0.9) 93%, rgba(255,255,255, 0.9) 93.1%);
font-size:18px;
// border-style: solid;
//border-width: 15px 0 0 0;
//border-color: rgba(255,255,255, 0.5);
padding-top:3px;
z-index: 500;

}
ul.submenu > li {
    display: block;
}
ul.submenu > li > a {
    display: block;
    padding: 5px;
    color: #5c5c5c;
    
    text-decoration: none;
}
ul.submenu > li > a:hover {
      text-decoration: none;
	  background-color: rgba(211,211,211, 0.8);
}
ul.menu > li:hover > ul.submenu {
    display: block;
}
.subborder
{
	 border-style: solid;
border-width: 1px 0 0 0;
border-color: rgba(211,211,211, 0.8);
}

.logotbsg
{
float:left;
}
.searchinput
{
font-size:14px;	
font-family: Bebasnr;
color: #5c5c5d;
margin-top:3px;
background:#f8f8f8;
border:none;
padding:3px;
height: 27px;
}
.searchinput:focus {
    outline:none;
}
input.button-search {
  height: 27px;
  width:33px;
  margin-top:3px;
 padding-left: 40px;
 padding-right: 0px;
 padding-top:3px;
 padding-bottom:3px;
border:none;
  background: #f8f8f8 url("../images/search2.png") no-repeat 6px center;
  cursor: pointer;
  outline:none;
  font-size:14px;	
  
  
}
.searchline
{
	height:20px;
	width:1px;
	background:#d7d7d7;
	
}
.news-title
{
font-size:36px;	
font-family: Bebas;	
  color: #5a5c5c;
}
.news-date
{
font-size:17px;	
font-family: Bebasnr;	
  color: #3c7abc;
  margin-bottom:25px;
}
.gallery-text
{

}
.news-block
{
	float:right;
	 width:50%;
	 right:0;
}
.address-block
{
	background-color: #dee2e2;
	padding:15px;
	width: 280px;
	
}
.point
{
font-family: Bebasnr;
font-size:24px;	
color: #5c5c5c;
text-align: center;
padding-bottom:15px;
 line-height: 24px;
}
.address
{
	font-family: Bebasnr;
font-size:18px;	
color: #5a8bc4;
text-align: center;
padding-bottom:15px;
padding-top: 15px;
 border-top: 1px solid;
 border-bottom: 1px solid;
 line-height: 18px;
}
.gmap
{
padding-top: 15px;	
height: 162px;
}

.tel-block
{
		background-color: #ced1d2;
	padding:15px;
	width: 280px;
	height: 280px;
}
.post-block
{
		background-color: #ced1d2;
	padding:15px;
	width: 280px;
	margin-top:1px;
	
}
.phone-cont
{
font-family: Bebasnr;
font-size:21px;	
color: #5a8bc4;
text-align: left;
// line-height: 24px;	
	}
.phone-p
{
	font-family: Bebasnr;
font-size:18px;	
color: #5c5c5c;
text-align: left;
// line-height: 18px;	
}
.search-title2 a
{
	font-family: Bebas;	
	font-size:21px;	
	text-decoration: none;
	color: #3d7cbf;
	
}
.search-title2 a:hover
{
	font-family: Bebas;	
	font-size:21px;	
	text-decoration: none;
	color:#919191;
	
}
.search-title2
{
	font-family: Bebas;	
	font-size:21px;	
	color: #3d7cbf;
}
.searchinputpg
{
font-size:18px;	
font-family: Bebasnr;
color: #9db8d9;

padding-left:7px;
background:#f8f8f8;
border:none;

}
.searchinputpg:focus {
    outline:none;
}
input.button-searchpg {
  height: 27px;
  width:33px;
  margin-top:3px;
 padding-left: 40px;
 padding-right: 0px;
 padding-top:3px;
 padding-bottom:3px;
border:none;
  background: #f8f8f8 url("../images/search2.png") no-repeat 6px center;
  cursor: pointer;
  outline:none;
  font-size:14px;	
}
.search-block{
	background:#f8f8f8;
	  border-style: solid;
border-width: 1px;
border-color: #d1deea; 
//padding:3px;
height: 36px;
width:330px;

}
.search-limiter{
	font-size:18px;	
font-family: Bebasnr;
color: #9db8d9;
padding-left:7px;
background:#f8f8f8;
border-style: solid;
border-width: 1px;
border-color: #d1deea; 
height: 36px;

}
.searchline-20 {
    float: left;
    width: 20%;
    margin-top: 6px;
}
.searchline-40 {
    float: left;
    width: 40%;

    margin-top: 18px;
	
	
	
}
.searchrow{

}
.searchrow:after {
    content: "";
    display: table;
    clear: both;
		
}