:root{
	--text-link-color: #292929; 
	--main-menu-item-hover-background-color: #fff;
	--footer-background-color: #fff;
	--breadcrumb-color: #0098a5;
}
*{
	-webkit-transition: 1s; /* Safari */
  transition: 1s;
  background-color: #f9f9f9;
  color: #2f2f4f;
  font-weight: 300;
  font-size: 1.15rem;
  line-height: 1.8rem;
  font-display: fallback;
}

strong{font-weight: normal; color: black}
/*body{padding:.1rem}*/
.hidden{display: none !important;}
.offer, .about{display: inline-block}
h1, h2, h3, h4{font-size: 1.75rem;margin-top: 3rem;margin-bottom: 1.5rem;text-align: center;font-weight: 400;}
a{
	text-decoration-style: solid;
	 text-decoration-color: #b9b9b9;
	 font-weight: inherit;
}
img{max-width: 100%;height: auto;}
h2{font-size: 1.5rem}
h3{font-size: 1.25rem}
h4{font-size: 1.25rem}
.highlighted{color: #5c83b7; text-transform: uppercase;}
p{margin-bottom: .7rem;}
iframe{width: 100%;/* margin-top: 2rem; */margin-bottom: -.51rem;border-top: solid 1px #2f2f4f !important;}
.breadcrumbs{display: none !important}
li{margin-left: 1.5rem;margin-bottom: .7rem;}
ul, ol{margin: 0;
margin-top: .5rem;
margin-bottom: .7rem}
hr{display: inline-block;border: solid 1px #5c83b7;width: 40%;margin-left: 30%;}
@media only screen and (min-width: 1px){
	.training_pricelist{
		display: inline-block;
	}
	.training_pricelist>ul{
		display: inline-block;
		width: 100%;
		float: left;
	}
	.training_pricelist>ul>li{
		display: inline-block;
		width: 100%;
		border: dotted 1px #d9d9d9;
		float:left;
		margin: 0;
		padding: 0.5rem 0 0 0;
		background-color: #d9d9d9;
		font-weight: 400;text-align: center;
		
	}
	.training_pricelist>ul>li ul{
		display: inline-block;
		width: 100%;
		float:left;
		margin: 0;
	}
	.training_pricelist>ul>li ul li{
		display: inline-block; margin: 0; padding: 1rem; font-weight: 300
	}
/* 	.training_pricelist>ul>.training_dates li{; width: 100%; text-align: left} */
	.training_pricelist>ul>.training_dates li{padding: .5rem 1rem; ; width: 100%; }
	header{display: inline-block;padding: .5rem;z-index: 10000;height: 4rem;width: 100%; z-index: 1000000000;}
	header #btn_logo{height: 4rem;width: 30%;}
	header #btn_logo img{display: inline-block; width: 3.3rem;height: auto;float: left;margin: 0}
	header #btn_logo h1{display: inline-block;font-size: 1rem;max-width: 6rem;float: left;margin: 0;line-height: 1.2rem;margin-top: .41rem;text-align: left;font-weight: bold;}
	header nav ul{margin-top: 4rem;}
	header nav ul li{padding: .5rem; text-align: center;list-style-type: none;border: none !important; margin-left: 0}
	header nav ul li *{text-decoration: none; text-align: center;font-size: 1.15rem;}
	header nav ul li ul{width: 100%;float: left;background-color: #ffffff;margin: 0;left: 0;}
	header nav ul li ul *{background: none}
	table{display: inline-block;position: relative; width: auto;margin-left: auto; margin-right: auto; width: 100%;}
	th, td{padding: .2rem 1rem;border: solid 1px #ff9100; text-align: center;border-right: none;border-top: none}
	th:last-of-type, td:last-of-type{border-right: solid 1px #ff9100}
	th.header{width: 20.1%;}
	th{background-color:#ff9100; font-weight: bold; color: #fff; font-weight: normal}
	.slogan{
	display: inline-block;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:fixed;
	text-align: center;
	min-height: 45vh;
	margin-bottom: 2rem;
	}
	.slogan *{
	background: none;
	color: #fff;
	}
	.slogan .txt{background-color: rgba(92, 131, 183, 0.35);height: 100%;width: 100%;padding:  4rem .5rem;min-height: 45vh;}
	.slogan h1{color: #f9f9f9;font-size: 2.5rem;font-weight: bold; margin: 1rem 0;margin-top: 1rem;line-height: initial;text-shadow: 1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000; }
	.slogan p{font-size: 1.3rem;font-style: italic;margin-top: 1rem;text-shadow: 1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000; font-weight: normal;}


	footer{display: inline-block;width: 100%;text-align: center;/* margin-top: 2rem; */background-color: #2f2f4f;border-top: solid 1px #e9e9e9;padding-top: 0rem;padding-bottom: 2rem;}
	footer *{background: none; text-align: center}
	article{padding: .5rem}
	article .ilustration{display: inline-block; margin-bottom: 2rem; width: 100%;}
	article .ilustration img{width: 100%}
	.about span{color: #ff9100; font-weight: bold}
	footer *{font-size: 1.25rem}
	footer i{color: #f9f9f9;margin-right: .5rem;}
	footer h1{font-size: 2rem;}
	footer .block{
		display: inline-block;
		width: 100%; padding: 1rem;
		float: left;
	}
	footer .block .partners,
	footer .block .partners img{display: inline-block; width: 100%;}
	footer .block .partners img{width: 40%; margin: 10%}

	footer ul{padding: 0; display: inline-block; width: 100%;padding: 0;}
	footer li{width: 100%; display: inline-block; margin: 0;border-bottom: dotted 1px #ccc;margin-bottom: .2rem}
	footer li a{display: inline-block;width: 100%;height: 100%;padding: 1rem .31rem;text-decoration: none;font-size: 1.15rem;color: #fff;}
	footer li a:hover{background-color: #5c83b7;}

	#ajax_dialog_box{display: inline-block;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,.8);}
	#ajax_dialog_box *{color: #fff; text-decoration: none;background: none;}
	#ajax_dialog_box #ajax_dialog_box_control_panel{background-color: #000; padding: 1rem; text-align: right !important;}
	#ajax_dialog_box #ajax_dialog_box_control_panel *{color: #fff; text-decoration: none;}
	#ajax_dialog_box #ajax_dialog_box_content{display: inline-block; background-color: #000;position: absolute;top: 50%;transform: translateY(-50%);left: 0;padding: 1rem;min-height: 10%;max-height: 80vh; overflow-y: scroll}
	#ajax_dialog_box #ajax_dialog_box_content a{color: #fff;padding: .5rem}
	#slideshow{
		display: inline-block;width: 100%;
		position: relative;
		height: 50vh;
	}
	#slideshow .banner{
		height: 100%;
		display: inline-block; 
		position:relative;
		width: 100%; height: 100%;
		background-size:cover;
		background-position: center;
		background-repeat: no-repeat;}
	#slideshow .banner .item{
		display: inline-block;
		position: absolute;
		width: 100%;
		top: 50%;
		transform: translateY(-50%)
	}
	#slideshow .banner h1{text-shadow: 0rem 0rem .5rem #000; font-size: 3rem}
	.socials{display: inline-block; width: 100%;text-align: center;padding: 0}
	.socials i{color: #ff9100;margin-right: .5rem;}
	.socials i:last-of-type{margin-right: .2rem;}
	.socials ul{display: inline-block; padding: 0;margin: 0}
	.socials ul li{display: inline-block;margin: 0;padding: .1rem;font-weight:300;}
	.socials ul li *{text-decoration: none;font-size: .8rem}
	#btn_main_menu, #btn_main_menu_close, #btn_phone {
		display: inline-block;
		position: absolute;
		right: 0.5rem;
		height: 3rem; width: 3rem;
		top: .5rem
	}
	#btn_phone{right: 4rem}
	#btn_main_menu i, #btn_main_menu_close i, #btn_phone i{
	color: #0a0900;
	font-size: 3rem;
	text-shadow: 1px 1px 2px #000;
	}
	.logo_list{text-align: center !important;}
	.logo_list a{display: inline-block; ; margin: 0; width: 11rem; height: 11em; border: solid 1px #ddd;text-align: center;position: relative; text-decoration: none}
	.logo_list a img{display: inline-block; margin-top: 50%;transform: translateY(-50%);width: auto; margin-left: 0%;height: 4em;}
	.logo_list a:hover{border: solid 1px red;}
	.logo_list * h1{font-size: 1.25rem; margin: 0;margin-top: -1.8rem; }
	#home_cat .banner{
		display: inline-block;
		position: relative;
		padding: .1rem;
		float: left;
		width: 100%;margin: 0;
		margin-bottom: 1%;
		height: 40vh;
		background-size: cover;
		overflow: hidden;
	}
	#home_cat .banner .item{
		display: inline-block;
		position: absolute;
		width: 100%;
		top: 100%;
		transform: translateY(-100%);
		padding: 0;
		text-align: center;
		background-color: rgba(0,0,0,.6);
		box-shadow: 0 0 1rem black;
	}
	#home_cat .banner .item h1{
		display: inline-block; 
		text-shadow: 0 0 1rem #000; 
		font-size: 3rem;
		 width: 100%;
		 margin-left: 0%;border: none;
	}
.article_galleries{display: inline-block; width: 100%;}
.article_galleries img{width: 100%; height: auto;}
.intro{display: inline-block; width: 100%; margin-bottom: 2rem; padding: .5rem; }
	.offer *{/* font-size: 1.25rem; *//* text-align: center; */}
	.offer header h1,
	.about header h1,
	article header h1{/* font-size: 2rem; */font-weight: normal;}

	.offer .item{display: inline-block; position: relative; width: 100%;margin: 0;float: left;padding: .5rem;text-align: center;
	border-left: solid 1px #e9e9e9
	}
	.offer .item:last-of-type,
	.offer .item:nth-of-type(5){border-right: solid 1px #e9e9e9}
	.offer .item:hover{background-color: #fff}
	.offer .item *{background: none;text-decoration: none;font-size: 1.15rem;}
	.offer .item .txt{display: inline-block; width: 100%; height: auto; padding: .2rem}
	.offer .item .txt .container{display: inline-block; width: 100%;position: relative;}
	.offer .item .txt .container .filter{display: inline-block;width: 100%;position: absolute;background-color: rgba(0,0,45,.35);left: 0;top: -0.5rem;height: 100%;z-index: 1000000000;}
	.offer .item .txt .container img{display: inline-block; margin-top: -.5rem; left: 0;}

	.offer .item .number{display: inline-block; background-color: #ff9100; margin: 0rem 1rem;padding: .3rem .8rem; border-radius: 3rem; color: #f9f9f9; font-weight: normal;}
	.offer .item .txt h1{font-size: 1.25rem;color: #ff9100;font-weight: normal;margin:  .2rem;margin-top: .2rem;text-align: center;}
	.offer .item .txt .lnk{display: inline-block; color: #ff9100; font-weight: bold;}
	.offer .item .txt i{color: #d9d9d9;}
	.offer .item:hover .txt i{color: #ff9100}
	.offer .intro .img_btn,
	.about .intro .img_btn{display: inline-block;}
	.offer .intro .txt,
	.about .intro .txt{display: inline-block;text-align: center;}
	.offer .intro .img_btn img,
	.about .intro .img_btn img{width: 50%;float: left; border: solid 2px #e9e9e9}
	.offer .intro .img_btn img:hover,
	.about .intro .img_btn img:hover{
		border: solid 2px #ff9100
	}
	.offer .item .txt .arr_up,
	.offer .item .txt .arr_top,
.offer .item .txt .arr_bottom{display: none;}
	.accordion_header{display: inline-block;width: 100%;font-weight: bold;padding: 1rem;border-bottom:solid 1px #ff9100;}
	.accordion_header .toggle_btn{
		display: inline-block;
		background-color: #e9e9e9;
		border-radius: 1rem;
		padding: .05rem .75rem;
		margin-right: 1rem;
		margin-left: -1rem;
		width: 2rem;
		height: 2rem;
		text-align: center;
		padding: 0.1rem;
	}
	.accordion_header .toggle_btn i{background: none; font-size: 1.15rem}
	.accordion_content{display: block;max-height: 0;overflow: hidden;transition: .8s;width: 100%;padding: 0;margin:  0;/* margin-top: -1rem; */}
	blockquote{position: relative; display: inline-block; width: 100%; border-left: solid 4px #ccc; padding: 0 0 0 0;font-style: italic;margin-left: 0}
	blockquote{display: inline-block;width: 100%;border-left: solid 4px #5c83b7;padding: 10px 10px 10px 10px;font-style: italic;margin-left: 0%;line-height: 1.5rem;margin-top: 1rem;margin-bottom: 1.5rem;font-weight: normal;}
	blockquote *{font-weight: normal;}
	.tabs, .tabs_contents{display: inline-block; width: 100%;}
	.tabs{border-bottom: solid 1px #ff9100; padding: 0;}
	.tabs .tab{
		display: inline-block;; 
		padding: .5rem;

		min-width: 5rem;
		text-align: center;
		font-weight: normal;
		background-color: #f9f9f9f9; 
		color: #ff9100;
		cursor: pointer
	}
	.tabs .tab:first-of-type{}
	.tabs .tab h2{color: #ff9100;margin: 0;font-size: 1.25rem;font-weight: normal;text-align: left}
	.tabs .tab.active h2{color: #2f2f4f;/* font-weight: normal; */;background: none}
	.tabs .tab.active{background-color: #fff}
	.tabs_contents{padding: 0;margin-bottom: 1.5rem;}
	.tabs_contents .tab{transition: 5s; width: 100%;border-bottom: solid 1px #ff9100;display: none; padding: 1rem 0}
	.tabs_contents .tab:first-of-type{display: inline-block;}
	.btn{display: inline-block;background-color: #ff6100;padding: .5rem 1rem;border-radius: .2rem;text-decoration: none;color: #f9f9f9;font-weight: normal;margin: 1rem;}
	form .btn{margin-left: 50%; transform: translateX(-50%)}
	input, label, textarea, select{
		border: solid 1px #c9c9c9;
		padding: .5rem;
	}
	label{border: solid 1px rgba(0,0,0,0); background: none}
	.required{border: solid 2px #5c83b7;}
	.team_list, .articles_list, .training_list{display: inline-block;text-align: center; position: relative; margin-top: 3rem;width:  100%;}
/* 	.training_list {display: flex; } */
/* .team_list, .articles_list{display: flex} */
	article .team_member{margin-top: 3rem}
	.team_list *, .articles_list *, .training_list *{background: none; text-decoration: none;}
	.slogan .txt .team_member h1,
	.slogan .txt .team_member h2,
	.team_list .item h1,
	.team_list .item h2,
	.articles_list .item h1,
	.articles_list .item h2,
	.training_list .item h1,
	.training_list .item h2{margin: .5rem;width: 100%;}
	.training_list .item h1, .articles_list .item h1, .team_list .item h1{font-size: 1.25rem}
	.team_list .item h2,.articles_list .item h2, .training_list .item h2{font-weight: 300; font-size: 1rem}
	.team_list img, .articles_list img, .training_list img{border: solid 1.5px #5c83b7;border-radius: 1%;width: 100%;box-shadow: 1px 1px 2px #000;min-height: 13rem;}
	.training_list .filter{display: inline-block; position: absolute;width: 11rem; height: 11rem; background-color: rgba(0,0,45,.55);border-radius: 50%;}
	.training_list img{display: inline-block; ; width: 11rem;height: 11rem;}
	.team_list .item, .articles_list .item, .training_list .item{width: 100%;/* margin-bottom: 4rem; */padding: .5rem}
	.slogan .txt .team_member img{border-radius: 50%; box-shadow: 0 0px .5rem #fff; border: solid 1px #2f2f4f}
	.chessboard{
		display: inline-block;
		position: relative;
		width: 100%;
		
		/* background-image: url(/media/img/articles/f93273d797e47107e0ba388b446dc851/1200/f93273d797e47107e0ba388b446dc851.jpg); */
		background-size:cover;
	}
	.chessboard *{background: none; text-align: center;}
	.chessboard .field_o, .chessboard .field_w{
	display: inline-block;
	width: 100%;
	border: double 3px #ff9100;
	float: left;
	padding: 1rem;
	min-height: 8rem;
	/* background-color: rgba(255, 255, 255, 0.9) */
	}
	.chessboard .field_w{
	border: double 3px #e9e9e9;
	/* background-color: rgba(1, 1, 1, 0.52) */
	}
	.flexboard{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.flexboard section{padding:0;margin:0;
		display: inline-block;width: 100%;
		float: left;
		border: solid 1px #ff9100;
	}
	.flexboard section *{width: 100%;background: none;}	
	.flexboard section ul li{margin: 0; margin-left: 8%;width: 92%}
	.flexboard section article{margin: 0}
	.flexboard section:nth-child(1) article{padding: 1rem; padding-left: .5rem;}
	.flexboard section:nth-child(2) article{; padding: 1rem;}
	.flexboard section:nth-child(3) article{padding: 1rem; padding-right: .5rem;}
	.flexboard section header {/* padding: 1rem; */background-color: #ff9100;text-align: center;}
	.flexboard section header *{color: #fff; font-weight: normal}
	.bottom_msg{
	display: inline-block;
	width: 100%;
	height: auto;
	background-color: rgba(0,0,55,.95);
	padding: .5rem;
	z-index:10000000000000;
	position: fixed;
	bottom: 0;
	left:0;
	}
	.bottom_msg *:not(.btn):not(h1){background: none; color: #f9f9f9;line-height: initial; font-size: 1rem}
	.bottom_msg h1{margin: .5rem;font-size: 1.5rem; background: none;color: #f9f9f9}
	.bottom_msg p{}
	.bottom_msg .btn{margin-left: 50%;transform: translateX(-50%); width: 100%; text-align: center}
	.law_info{display: inline-block; width: 100%; margin-top: 1.2rem;}
	.law_info *{
		font-size: .9rem;
		line-height: 1rem;
		margin: .5rem;
	}
	.get_help_widget{
		display: inline-block;
		width: auto;
		width: 14rem;
		position: fixed;
		top: 40vh;
		right: -10.95rem;
		transform: translateY(-50%);
		padding: .4rem .4rem;
		background-color: #ff6100;
		background: none;
		border-radius: .2rem;
	}
	.get_help_widget *:not(i){
		font-size: 1rem; margin: 0; display: inline-block;width: 100%;text-align: left;background: none;text-decoration: none;color: #f9f9f9; font-weight: normal
	}
	.get_help_widget i{/**background: #ff6100; padding: .5rem; **/background: none; border-radius: .1rem;color: #2f2f4f;font-size: 2rem; margin-top: .1rem}
	.get_help_widget div{background: #ff6100;padding: .3rem .3rem;border-radius: .1rem; margin: 0;}
	.get_help_widget .item{background: none; margin:0; padding:0}
	.get_help_widget .item:hover{margin-left: -9.5rem}
}
@media only screen and (min-width: 481px){
}
@media only screen and (min-width: 769px){

}
@media only screen and (min-width: 993px){
	.pc_hidden{display: none !important;}
	.bottom_msg article{}
	.bottom_msg article .content{display: inline-block;float: left; width: 80%; padding-right: 1rem}
	.bottom_msg article .controls{display: inline-block;float: left; width: 20%;padding-left: 1rem}
	.training_pricelist>ul{
		display: inline-block;
		width: 50%;
		margin-left: 25%
	}
	header{display: inline-block;width: 100%;height: auto;}
	.socials{padding: 0rem 10%; text-align: right}
	header #btn_logo img{display: inline-block;position: relative;max-width: 8%;/* margin-left: 10%; *//* margin-top: -1rem; */z-index: 10000000;float: left;height: auto;margin-right: 1%;}
	
	header nav{width: 73%;/* margin-top: 1rem; */float: left;height: 3rem;text-align: right;}
	header nav *{text-decoration: none;}
	header nav ul, header nav ul li{display: inline-block; position: relative; margin: 0}
	header nav ul li{min-width: 5rem; padding: 0; border: none; position: relative;}
	header nav ul li ul{position: absolute;top: 100%;left: 0;z-index: 1000000;min-width: 100%;width: 200%;text-align: left;background: none;}
	header nav ul li ul li{margin: 0;width: 100%;text-align: left; padding: 0; height: auto;;background: none;}
	header nav ul li ul li ul{position: absolute; float: left;margin-left: -198%; transform:translateX(50%); top: 1rem; width: auto}
	header nav ul li ul li a{text-align: left;padding: .5rem;height: auto;line-height: 1.1rem;background-color: rgba(92, 131, 183, 0.84);font-weight: bold;color: #f9f9f9;transition: none;}
	header nav ul li ul li a i{background: none; color: #e9e9e9}
	header nav ul li ul li a:hover{color: #2f2f4f; text-shadow: none; transition: none}
	header nav ul li:first-of-type{border: none;}
	header nav ul li a{display: inline-block;width: 100%;text-align: center;padding: .81rem;font-weight: normal;font-size: .8rem;height: 3rem;text-transform: uppercase;}
	header nav ul li a:hover {color: #ff9100;transition:none}
	article .ilustration{position: relative;}
	article .ilustration img{max-height: 40vh; width: auto; display: inline-block; margin-left: 50%; transform: translateX(-50%)}
	footer .block{width: 60%;margin-left: 20%;min-height: 15rem;padding: .1rem;border: none;text-align: left;font-size: 1rem;min-height: 0;font-weight: normal;}
	footer .block:first-of-type{text-transform: uppercase;}
	footer .block *{font-size: .8rem}
	footer .block ul li a{padding: 0.4rem 1rem;font-weight: 400; color: #fff;}
	footer .block h1{font-size: 1.50rem; margin-bottom: 2rem}
	footer .block li{margin-left: 1rem; width: auto;border: none;}
/* 	footer .block:first-of-type{margin-left: 20%;} */
	footer .block ul{padding: 0;margin: 0}
	footer .block ul li{margin-left: 0;}
	th, td{/* font-size: 1.25rem; */}
	.pc_hidden{display: none !important;}
	article{display: inline-block;width: 100%;margin-left: 0%;padding: .5rem;}
	#slideshow{
		height: 80vh;
	}
	#slideshow .banner h1{font-size: 6rem}
	#home_cat .banner{
		width: 50%;margin: 0;
		margin: 0%;
		height: 50vh;
		border: solid 1px #928f8f
	}
	.article_galleries{
		margin-left: 10%; width: 80%;text-align: center;
	}
	.article_galleries img{width: auto; height: 12rem;}
	#home_cat{margin-left: 0%;width: 100%}
	.intro{display: inline-block; width: 60%; margin-left: 20%; padding: .5rem; }
	.offer .intro,
	.about .intro{width: 100%;margin-left: 0%;}
	.offer .item{width: 25%;min-height: 19.5rem;}
	.offer .item.pc_width_33{width: 33.333333%}
	.offer .item .txt .lnk{position: absolute;bottom: -1rem;left: 50%;transform: translateX(-50%);font-weight: 300;text-transform: uppercase;text-align: right;padding:  .2rem .5rem;}	
	.offer .item .txt .lnk i{color: #ff9100}
	.offer .item:hover .txt .lnk{color: #2f2f4f}
	.offer .intro .img_btn,
	.about .intro .img_btn{float: left;width: 50%;margin: 1%;margin-left: 25%;}
	.offer .intro .txt,
	.about .intro .txt{
		display: block;
		float: none;
		width: 100%;
		text-align: left;
		margin-bottom: 1rem;
	}
	.offer .item .txt .arr_up{display: inline-block;position: absolute;bottom: -2.3rem;left: 50%;transform: translateX(-50%);font-weight: 300;text-transform: uppercase;text-align: right;padding:  .2rem .5rem;z-index: 4;}	
	.offer .item .txt .arr_up i{font-size: 1.15rem;}
	.offer .item .txt .arr_top{
		display: inline-block;
		position: absolute;
		top: -1.3rem;
		left: 50%;
		transform: translateX(-50%);
	}
	.offer .item .txt .arr_bottom{
		display: inline-block;
		position: absolute;
		bottom: -2rem;
		z-index: 1000000;
		left: 50%;
		transform: translateX(-50%);
	}
.text-columns-2,
.text-columns-3,
.text-columns-4{
	display: inline-block;
}
.text-columns-2 .left,
.text-columns-2 .right{
	display: inline-block;
	float: left;
	width: 50%;
	padding: 0;
	padding-right: 1.25rem;
}
.text-columns-2 .right{
	padding-right: 0;
	padding-left: 1.25rem
}
.text-columns-3 .left,
.text-columns-3 .right,
.text-columns-3 .inside,
.text-columns-4 .left,
.text-columns-4 .right,
.text-columns-4 .inside{
	display: inline-block;
	float: left;
	width: 33%;
	padding-left: .5rem;
	padding-right: .5rem;
}
.text-columns-4 .left,
.text-columns-4 .right,
.text-columns-4 .inside{
	width: 25%;
}
.text-columns-3 .left,
.text-columns-4 .left{padding-left: 0}
.text-columns-3 .right,
.text-columns-4 .right{padding-right: 0}



blockquote{display: inline-block;width: 93%;border-left: solid 4px #5c83b7;padding: 10px 10px 10px 10px;font-style: italic;margin-left: 7%;line-height: 1.5rem;margin-top: 1rem;margin-bottom: 1.5rem;}
.rect_25,
.rect_50,
.rect_75,
.rect_100{
	display: inline-block;	
	margin: 0;
	float: left;
}
.rect_25{
	width: 25%;
}
.rect_50{
	width: 50%;

}
.rect_75{
	width: 75%;
}
.rect_100{
	width: 100%;
}
.slogan{/* padding: 4rem 20% 6rem 20% */}
.slogan .txt{padding: 3rem 20%;}
.slogan .txt h1,
.slogan .txt p{

}
.team_list a, .articles_list a, .training_list .cont{display: inline-block;width: 33%;/* min-height: 19rem; */position: relative;/* margin-bottom: 2rem; *//* padding: 1rem; */}
.team_list .item, .articles_list .item, .training_list .item{width: 100%;display: inline-block;/* position: absolute; */top: 0;left: 0;float: left;margin-bottom: 2rem;}
.training_list, .articles_list, .team_list{display: flex;
flex-direction:row;
align-items:top;
justify-content:center;
flex-wrap: wrap;


}
.pc_width_25{width: 25% !important;}
.pc_width_33{width: 33.33333% !important;}
.pc_width_50{width: 50% !important;}
.pc_width_66{width: 66.66666% !important;}
.pc_width_75{width: 75% !important;}
.pc_width_100{width: 100% !important;}
.flexboard section{display: inline-block;width: 33.33333%;padding: 0}
.flexboard section article{display: inline-block;width: 90%; margin-left: 5%; padding: 0 !important;}
.flexboard section article li{width: 90%}
.chessboard{
		display: flex;
}
.callendar, .callendar .header{
	display:flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	}
	.callendar .day{
		display: inline-block;
		float: left;
		position: relative;
		border: solid 1px #ff9100;
		width: 14.2857142857143%;
		padding: .1rem;
		text-align: center;
	}
	.callendar .header .day{
		font-weight: bold
	}
	.callendar .day .number{
		display: inline-block;
		position: absolute;
		border: solid 1px #ff9100;
		background-color:#ff9100;
		color: #f9f9f9;
		font-weight: normal;
		padding: .1rem .25rem; margin: 0;left: .5rem;top: .5rem;border-radius: 50%; width: 2rem;
	}
	.callendar .day .content *{
/* 		border: solid 1px red; */
/* 		border: solid 1px #ff9100; */
/* 		background-color:#ff9100; */
/* 		color: #f9f9f9; */
	color: #ff9100;
		font-weight: normal; 
		font-size: 1.15rem; 
		line-height: 100%;
		text-align: left;
	}
	.callendar .day .content h1{padding: .2rem}
}	
@media only screen and (min-width: 1200px){
	header #btn_logo img{margin-left: 5%;}
	header nav{width: 68%;}
	.about .intro{width: 80%;margin-left: 10%;}
}
@media only screen and (min-width: 1367px){
	article{display: inline-block;width: 80%; margin-left: 10%; padding: 0;}
	header nav{width: 70%;}
	.offer .intro,
	.about .intro{width: 100%;margin-left: 0}
}
@media only screen and (min-width: 1400px){
	.socials{padding: 0rem 15%; text-align: right}
	header #btn_logo img{margin-left: 15%;}
	header nav{width: 54%;}
	article{display: inline-block;width: 70%; margin-left: 15%;}
	
}
@media only screen and (min-width: 1600px){
	.socials{padding: 0rem 20%; text-align: right}
	header #btn_logo img{margin-left: 20%;}
	header nav{width: 44%;}
	article{display: inline-block;width: 60%; margin-left: 20%;}
	
}