@import url("fonts/Lato/stylesheet.css");

*{
    margin:  0;
	padding: 0;
	border:  0;
	outline: 0;	
	vertical-align: baseline;
	background:     transparent;			        
	box-sizing:     border-box;
	z-index:        1;

	font-family: "Lato", sans-serif;
	font-optical-sizing: auto;	
	font-style: normal;
	font-variation-settings: "GRAD" 0;
	letter-spacing: 0.05ch;	
	
	font-size: 16px;
	color: #0B1F33;

}

html, body {
    height:   100%;
    position: relative;	
	background-color: #FAFCFF;	
	overflow-x: hidden;
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {    
    border-radius: 0;
}














/* global */

a {
	transition: all 0.3s ease-in-out; 
}

#display {
	position: relative;
	width: 100vw;
	height: 100vh;	

	border: 0px solid red;
}

#container {
	position: relative;

	width: 100%;
	max-width: 1200px;
	margin: 0 auto;	
	
	border: 0px solid green;
}

._flex_jcsb_aic {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

._flex_jcsb_aifs {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

._flex_fdc {
	display: flex;
	flex-direction: column;	
}

#page {
	display: flex;
  	flex-direction: column;

	width: 100%;
	height: 100%;

	border: 0px solid blue;
}






#debug {
	
	position: absolute;
	top:0;
	left:0;
	width: 300px;
	height: 300px;
	z-index: 1000;
	background-color: #fff;
	border: 1px solid red;
	color: #000;
}

._padding15 {
	padding: 15px;
}









._with_aside {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.m_content {
	margin-right: 15px;
}










.file_download {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;

	color:#0D4CD3;
	text-decoration: underline;

	padding-left:45px;
	min-height: 50px;

	
	background-position: top 5px left 3px;
	background-repeat: no-repeat;
	background-size: 40px;	

	border-radius: 5px;

	margin-bottom: 5px;

}

.file_download:hover {
	background-color: rgba(0, 84, 153, 0.05);
	text-decoration: none;
	background-size: 50px;
	background-position: center left -5px;	
}

.pdf {
	background-image: url('pdf.png');
}

.doc {
	background-image: url('doc.png');
}

.xls {
	background-image: url('xls.png');
}










/* index */

#topline {
	
	position: fixed;
	width: 100%;
	
	z-index: 100;

	

	
}

#tl_main {
	position: relative;
	box-shadow: 0px 2px 10px #9DACCF75;
	background-color: rgba(250, 252, 255, 0.95);
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 90;	
}

.tl_logo_area {
	cursor: pointer;
}

.tp_la_logo {
	margin-right: 10px;	
	box-shadow: 0px 5px 10px rgba(157, 172, 207, 0.25);
	border-radius: 50%;
	padding: 5px;
}

.tp_la_logo > img {
	height: 75px;
	width: 75px;
	margin-bottom: -5px;
}

.tp_la_text > h4 {
	font-weight: bold;
	font-size: 30px;
	line-height: 28px;
}
.tp_la_text > p {
	color: #66727F;
	line-height: 14px;
}

.tl_contacts_area {
	text-align: right;
	margin-right: 15px;
}

.tl_contacts_area > a {
	font-weight: bold;
	font-size: 30px;
	line-height: 28px;	
	color: #0D4CD3;
	text-decoration: none;

}
.tl_contacts_area > p {
	color: #66727F;
	line-height: 14px;
	
}

.tl_bt_area > a {
	color:#fff;
	background-color: #0D4CD3;
	text-decoration: none;
	padding: 15px 20px 15px 20px;
	border-radius: 5px;
}

.tl_bt_area > a:hover {
	background-color: #0B1F33;
	
}











































#form {
	
	
	
	width: 100vw;	
	z-index: 70;
	padding: 15px;
	margin-bottom: auto;
	

}



#form_loading {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(250, 252, 255, 0.95);
	z-index: 10;
}

.fl_load {	
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;	
}


.fl_ok {
	display: none;	
	width: 100%;	
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

#mailok_img {
	opacity: 1;
	transform: translateX(0px);
	transition: all 1.0s ease-in-out;
	
}

.fl_ok > p {
	color: #005499;
	font-size: 25px;
}
.fl_ok > span {
	text-align: center;
}

.fl_ok > a {
	margin-top: 30px;
	padding: 15px;
	color: #fff;
	background-color: #005499;
	text-decoration: none;
	border-radius: 5px;
}






h1 {
	color:#323232;
	font-weight: bold;
	font-size: 30px;
}



.form_main {
	display: flex;
	justify-content: space-between;
	align-items: center;

	
}

.form_main > .form_box {
	width: 49%;
}



.form_box {
	background-color: #0D4CD3;
	border-radius: 5px;
	padding:25px;
	width: 100%;

	margin-top: 30px;

	box-shadow: 0px 15px 40px rgba(0, 84, 153, 0.5);
}


.fb_white {
	background-color: #fff;
	box-shadow: 0px 2px 10px #9DACCF50;
	color:#0B1F33;
}

.checkbox_input  p {
	color:#0B1F33 !important;
}

.checkbox_input > p > a{
	color:#0D4CD3 !important;
}






.checkbox,
.radio {
  margin-top: 5px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}

.checkbox-label,
.radio-label {
  padding-left: 5px;
}

.checkbox-input,
.radio-input {
  appearance: none;
  position: relative;
  width: 30px;
  height: 30px;
  background: #0D4CD3;
  box-shadow: inset 0 0 5px rgb(0 0 0 / 0.2);
  border-radius: 5px;  
  transition: 500ms;
}

.radio-input {
  border-radius: 50%;
}

.checkbox-input::after,
.radio-input::after {
  content: "\2714";
  position: absolute;
  color: #fff;
  top: 0px;
  left: 6px;
  width: 0px;
  height: 0px;
  font-size: 20px;
  transition: 500ms;
  overflow: hidden;
}

.radio-input::after {
  content: "\1F78B";
}

.checkbox-input:checked::after,
.radio-input:checked::after {
  width: 30px;
  height: 30px;
  transition: 500ms;
}






.form_input_area {
	position: relative;
	background-color: #fff;
	border-radius: 5px;
	width: 100%;
	
	
	box-shadow: 0px 5px 10px #005499;


}

.form_input {
	margin-bottom: 15px;

	
}

.form_input > p {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
}

.form_input_area > input {
	width: 100%;
	font-size: 18px;
	color: #0B1F33;

	padding: 10px;

	
	
}

.form_input_area > textarea {	
	width: 100%;
	height:267px;
	padding: 10px;
}

.form_input_area > input::placeholder, .form_input_area > textarea::placeholder {
	opacity: 0.50;
	color: #323232;
	font-weight: 300;
}


.form_footer {
	
	
	
	
	
	width: 100%;
	padding-bottom: 30px;
	padding-top: 30px;	
	

}
.form_submit {
	width: 100%;
	padding: 15px;
	text-align: center;	
	background-color: #66727F;
	border-radius: 5px;
	opacity: 0.5;
	color:#fff;
	cursor: not-allowed;
	transition: all 0.3s ease-in-out; 
}

._f_valid {	
	background-color: #42C704;
	box-shadow: 0px 20px 25px rgba(66, 199, 4, 0.25);
	color:#fff;
	opacity: 1;
}

._f_valid:hover {
	background-color: #4ae900;
	cursor: pointer;
	
}

.checkbox_input {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.checkbox_area {
	margin-right: 20px;
}
.checkbox_area > input {}
.checkbox_input > p {
	color: #fff;
}
.checkbox_input > p > a {
	color: #fff;
}



.form_status {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 0px;
	top: 0px;
	height: 100%;
	width: 40px;
	border-radius: 5px;

	color: red;

}

.fs_unvalid {
	background: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 0, 0, 0.2) 100%);
}

.fs_valid {
	background: linear-gradient(90deg, rgb(255, 255, 255), rgba(26, 255, 0, 0.5) 100%);
}



.menuline {
	background-color: rgba(250, 252, 255, 0.98);
	width: 100%;
}

#menu {	
	z-index: 80;
	padding-top: 20px;
	padding-bottom: 20px;
	
}

nav > ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style-type: none;
	padding-left: 0;
  	margin: 0;
}
nav > ul > li > a {
	text-decoration: none;	
	color: #0D4CD3;
	font-size: 14px;
	padding: 5px;
}

nav > ul > li > a:hover {
	background-color: #0D4CD3;
	border-radius: 5px;
	color:#fff;
	
}

.nav_a_active {
	background-color: #0D4CD3;
	border-radius: 5px;
	color:#fff;
}

#content {
	flex: 1 0 auto;
	margin-top: 150px;
}

#footer {
	flex-shrink: 0;
	width: 100%;
	background-color: #EFF5F9;
	margin-top: 50px;
	padding-top: 30px;
	padding-bottom: 10px;
}

.ff_line {
	margin-top: 30px;
	opacity: 0.5;
}

.ff_line:hover {
	opacity: 1;
}

.ff_line > a {
	text-decoration: none;
}

.ff_line > a:hover {
	text-decoration: underline;
	color: #0D4CD3;
}

.ff_left {
	display: flex;
	flex-direction: column;
}

.ff_logo {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.ff_logo > img {
	width: 50px;
	height: 50px;
	margin-right: 10px;
}

.ff_logo > p {
	font-weight: bold;	
	line-height: 12px;
	font-size: 20px;
}

.ff_logo > p > span {
	font-weight: normal;
	font-size: 10px;
	line-height: 5px;
	opacity: 0.5;
}

.ff_mir {
	display: flex;
	justify-content: flex-start;
	align-items: center;	
	text-decoration: none;	
	line-height: 14px;
	margin-top: 20px;
	margin-left: -10px;
	opacity: 0.5;
}

.ff_mir > p {
	color: #0D4CD3;
	font-size: 12px;
	margin-left: 10px;
}

.ff_mir:hover {
	opacity: 1;
}




.ff_menu {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 400px;
}

.ff_menu > div > a {
	display: block;
}

.ff_menu > div > a:hover {
	color: #0D4CD3;
	text-decoration: none;
}





.ff_right {
	text-align: right;
	

}

.ff_right > p {
	display: block;
}

.ff_right > a {
	display: block;
	text-decoration: none;	
}

.ff_right > a:nth-child(2) {
	font-weight: bold;
	font-size: 18px;
	margin-top:15px;
	margin-bottom:15px;
}

.ff_right > a:hover {
	color: #0D4CD3;
	text-decoration: underline;
}




/* mainpage */


.main_image_area {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 1200px;
	height: 500px;
	background-image: url('main_page_image.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 5px;
	overflow: hidden;
}

.main_image_area > img {
	margin-left: 100px;
}


.main_bt_area {

	padding: 50px;
	border-radius: 5px;
	margin-top:30px;
	margin-bottom:50px;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 15px rgba(157, 172, 207, 0.314);
	transition: all 0.5s ease-out;

}

.main_bt_area:hover {
	background-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0px 10px 35px rgba(157, 172, 207, 0.5);
}

.mbta_text {

}

.mbta_text p:nth-child(1) {
	font-weight: bold;
	color: #0D4CD3;
	font-size: 21px;
}
.mbta_text p:nth-child(2) {
	font-weight: light;	
	font-size: 21px;
}

.mbta_bt {}

.mbta_bt > a {
	color:#fff;
	background-color: #0D4CD3;
	text-decoration: none;
	padding: 15px 150px 15px 150px;
	border-radius: 5px;
	box-shadow: 0px 35px 25px rgba(13, 76, 211, 0.15);
	text-shadow: 0px 2px 5px rgba(3, 23, 66, 0.795);
	
	background-image: url('arrow-right-white.png');
	background-position: -10% center;
	background-repeat: no-repeat;
	
	

}

.mbta_bt > a:hover {
	background-color: #0B1F33;
	background-position: 97% center;
}














.maincontent {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;

}

.news {
	width: 850px;
	border: 0px solid blue;
	margin-bottom: 50px;
}

.new {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 25px;
	padding: 5px;
	background-color: rgba(255, 255, 255, 0);
	box-shadow: 0px 2px 15px rgba(157, 172, 207, 0.0);	
	transition: all 0.5s ease-out;
	border-radius: 5px;
	
}

.new_active {
	padding: 15px;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 15px rgba(157, 172, 207, 0.314);	
}

.new_active > .new_data {
	width: 100%;	
}


.new_img {
	width: 250px;
	height: 150px;
	border-radius: 5px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 0.3s ease-out;	
}

.new_full_img {
	position: relative;
	width: 100%;
	height: 0px;

	border-radius: 5px;
	overflow: hidden;

	cursor: pointer;

	
	
	transition: all 1.3s ease-out;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;

	margin-bottom: 15px;
	opacity: 0;
}



.new_active > .new_img  {
	display: none;
	width:0px;
	height:0px;
}

.new_active > .new_data > .new_zag  {
	margin-bottom: 5px;	
}

.new_active > .new_data > .new_full_img  {		
	position: relative;
	height: auto;
	aspect-ratio: 16 / 9;	
	background-size: cover;
	margin-bottom: 20px;
	opacity: 1;
}

.new_active > .new_data > .new_full_img:hover {
	opacity: 0.8;

}

.morephoto {
	position: absolute;
	border-radius: 5px;
	
	bottom:10px;
	right:10px;
	padding: 10px;	
	background-color: #fff;
}

.post_url {
	margin-top:30px;
	text-decoration: none;
	float:right;
	color: #66727F;
	opacity: 0.5;
	transition: all 0.5s ease-out;
}

.post_url:hover {
	opacity: 1;
	color: #005499;
	text-decoration: underline;
}



.new_data {
	position: relative;
	width: 585px;
	margin-bottom: 0px;
}

.new_zag {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 5px;
}
.new_zag > p:nth-child(1) {
	font-weight: bold;
	color: #0D4CD3;
	margin-right: 5px;
}
.new_zag > p:nth-child(2) {
	color: #66727F;
}

.new_text {
	height: 120px;
	overflow: hidden;
	transition: all 1.0s ease-out;
}

.new_readall {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	background: linear-gradient(180deg, rgba(250, 252, 255, 0) -30%, #FAFCFF 70.58%);
	
	position: absolute;
	bottom: 0;
	right: 0;	
	width: 100%;
	text-align: right;
	vertical-align: bottom;
	height: 50%;	
}

.new_readall > a {
	text-decoration: none;
	color: #66727F;
}

.new_readall > a:hover {
	text-decoration: underline;
	color: #0D4CD3;
}





.aside {
	width: 300px;	
	display: flex;
	flex-direction: column;
}


.aside_box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;	
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 15px rgba(157, 172, 207, 0.314);
	padding: 15px;	
	text-decoration: none;	
	margin-bottom: 15px;
	transition: all 0.5s ease-out;

	

	
}

.aside_box:hover {
	background-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0px 10px 35px rgba(157, 172, 207, 0.5);
	
}





.main_bt_area:hover {

}


.aside_img {
	width: 75px;
	height: 75px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50px;
	overflow: hidden;
	background: #FFFFFF;
	box-shadow: 0px 5px 10px rgba(157, 172, 207, 0.25);
}

.aside_text {
	font-weight: bold;
	margin-left: 10px;
	width: 185px;		
}



.mapbox {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	background: #FFFFFF;
	box-shadow: 0px 5px 10px rgba(157, 172, 207, 0.25);
	border-radius: 5px;
	padding: 15px;

}

.map {
	border-radius: 5px;
	overflow: hidden;
	width: 860px;
}

.contactinfo {
	display: flex;
	flex-direction: column;
	height: 400px;

	
}
.contactinfo > p {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}

.ci_address {
	width: 100%;
	background-image: url('location.png');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 65px;
}

.ci_urls {
	flex: 1 0 auto;
	padding-left: 65px;
	margin-top: 30px;
	
	width: 300px;
}

.ci_urls a {
	color: #0D4CD3;
	text-decoration: none;
	padding-left: 35px;
	background-position: left center;
	background-repeat: no-repeat;
}

.ci_urls a:hover {
	color: #0B1F33;
}

.ci_urls > a:nth-child(1) {
	background-image: url('mail.png');
}
.ci_urls > a:nth-child(2) {
	background-image: url('vk.png');
}
.ci_tel {
	width: 300px;
}



.ci_tel > a:nth-child(1) {
	display: block;
	font-weight: bold;
	font-size: 32px;
	line-height: 40px;	
	color: #0D4CD3;
	text-decoration: none;
	text-align: center;
	width: 100%;
	text-align: center;

	background-color: #EFF5F9;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
	
	
}
.ci_tel > a:nth-child(2) {
	display: block;
	color:#fff;
	background-color: #42C704;
	text-decoration: none;
	padding: 15px 20px 15px 20px;
	border-radius: 5px;	
	width: 100%;
	text-align: center;
	box-shadow: 0px 20px 25px rgba(66, 199, 4, 0.15);
	
}

.ci_tel > a:hover {
	opacity: 0.5;
}










/* Контакты */


.cont_area {	
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	margin-right: 30px;
	margin-top: 30px;
	
}
.cont_addres {
	width: 50%;
	margin-right:5px;
	
}
.cont_time {
	width: 50%;
	margin-left:5px;
	width: 50%;
	
}




.cont_box {
	width: 50%;
}
.cont_box > p {
	font-size: 25px;
	color: #005499;
	margin-bottom: 10px;
	padding-left: 15px;

} 


.cont_line {	
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 15px rgba(157, 172, 207, 0.314);
	padding: 15px;
	border-radius: 5px;	
	margin-bottom: 5px;
}

.cont_line > p {
	color: #005499;
	font-size: 16px;
}
.cont_flag {
	width: 50px;
	height: 35px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 15px;
	border-radius: 5px;
}
.cf_rf {
	background-image: url('flag-rf.png');	
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(255, 0, 0, 0.20);
}

.cf_ko {
	background-image: url('flag-kaliningradskaya-oblast.png');
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 84, 153, 0.22);

}

.cf_che {
	background-image: url('flag-chernyahovska.png');
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1), 5px 3px 10px rgba(0, 120, 50, 0.22), -5px 3px 10px rgba(255, 0, 0, 0.15);
}

.cf_bark {
	background-image: url('barklaj-de-tolli.png');
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}






.cont_time {
	width: 50%;
	margin-left:10px;
}

.cont_time > p {
	font-size: 25px;
	color: #005499;
	margin-bottom: 10px;
	padding-left: 15px;

} 



.ct_line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #005499;
	border-radius: 5px;
	margin-bottom: 5px;
	
}
.ct_line p {
	padding: 15px;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 35px;
}
.ct_line p:nth-child(1) {
	color: #fff;
	
	width: 40%;
}
.ct_line p:nth-child(2) {	
	width: 60%;
	background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 15px rgba(157, 172, 207, 0.314);
	border-radius: 0px 5px 5px 0px;
	color: #005499;
}


a.ct_tel {
	display: block;
	width: 100%;
	font-size: 35px;
	text-decoration: none;
	color: #005499;
	
	text-align: center;
	line-height: 60px;

	

}

.ct_tel span {
	font-size: 16px;
	font-weight: normal;
	color: #005499;
	
}

.map2 {
	border-radius: 5px;
	overflow: hidden;
	width: 100%;
	margin-top: 50px;
}









#rekv{
	position: relative;
	margin-top: 50px;
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 15px rgba(157, 172, 207, 0.314);
	border-radius: 5px;
	color: #005499;
	
	font-size: 25px;

	background-image: url('str-down-b.png');
	background-position: 98% center;
	background-repeat: no-repeat;

	cursor: pointer;
	
	transition: all 0.5s ease-out;

	height: 75px;
	overflow: hidden;
}

#rekv:hover {
	box-shadow: 0px 10px 25px rgba(157, 172, 207, 0.4);
}

.rekv_open {
	background-image: none !important;
	cursor: unset !important;
	height: auto !important;
	padding-bottom: 30px;
}

.rekv_zag {
	color: #005499;
	padding: 30px;	
}

.rekv_table {
	width: 100%;
	padding: 15px;	
}
.rekv_table  tr {
	transition: all 0.3s ease-out;
}

.rekv_table  tr:hover {
	background-color: #00549910;
}

.rekv_table tr td {
	padding: 10px;
	border-bottom:	1px solid #00549930;
	
}






















.ff_mir2 {
	display: none;
}

#mob_menu_bt {
	display: none;
}

.contact_bts {
	display: none;
}



@media screen and (max-width: 1200px) {

	._with_aside {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column;
	}

	.m_content {
		margin-right: 15px;
	}


	.file_download {		
		width: 100%;
		min-height: 35px;	
		vertical-align: middle;

		margin-bottom: 20px;

		padding-left:45px;
		line-height: unset;
		
		background-position: top 0px left 3px;	
		
		
		border: 0px solid red;

		

	}	





	/* Контакты моб */

	#rekv{
		width: 96%;
		margin: 0 auto;
		margin-top: 50px;
	}

	.cont_mob {
		flex-direction: column;
	}

	.cont_area {	
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		
		width: 100%;
		
		padding: 15px;
		margin: 0px;

		
	}

	.cont_box {
		width: 100%;
		margin-right:0px;		
		
	}

	.cont_time {
		width: 100%;
		margin-left:0px;
		margin-top: 30px;		
		
	}

	.cont_time > a {
		padding-top: 20px;
	}












	#page_title {
		padding:15px;
		margin-bottom: 30px;
	}

	.form_main {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;

	
	}

	.form_main > .form_box {
		width: 100%;
	}

	.menuline {
		
	}

	

	#form {
		
	}




	.ff_mir2 {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		text-decoration: none;
	}

	.ff_mir2 > img {
		margin-right: -10px;
	}

	.ff_mir {
	display: none;	
	}

	.ff_mir > p, .ff_mir2 > p {
		color: #0D4CD3;
		font-size: 12px;
		margin-left: 10px;
		text-decoration: none;
	}



	.ff_line {
		flex-direction: column-reverse;
	}

	.ff_right {
		margin-top: 30px;
		text-align: center;
		width: 100%;

	}

	.ff_menu {
		margin-top: 30px;
		flex-direction: column;
		width: 100%;
		opacity: 0.5;
	}

	.ff_menu > div {
		margin: 0 auto;
	}

	.ff_menu > div > a {
		text-align: center;
	}

	.ff_left {
		
		width: 100%;

	}

	.ff_logo {
		display: flex;
		width: 100%;		
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		margin: 0 auto;

		

		margin: 0 auto;
	}
	
	.ff_logo > img {
		margin-bottom: 10px;
	}

	.ff_mir {
		margin-top: 0px;		
	}

	.mob_footer {
		flex-direction: column;
		padding: 20px;
	}

	.ci_tel > a:nth-child(1) {
		text-align: center;
	}

	.ci_urls {
		padding: 0px;
		display: flex;
		flex-direction: column;
		margin-bottom: 30px;
	}

	.contactinfo > p {
		font-size: 24px;
		margin-top: 20px;
	}

	.contactinfo {
		height: auto;
		justify-content: center;
	}

	.contactinfo > div {
		
		width: 100%;
	}

	.map {
		width: 100%;
	}

	.mapbox {
		flex-direction: column;
		width: 95%;
		margin: 0 auto;
	}

	.aside {
		width: 95%;
		margin: 0 auto;
	}

	.new_data {
		display: flex;
		flex-direction: column;
	}


	.new_zag {
		justify-content: flex-start;
		flex-direction: column;
		text-align: left;	
		margin-top: 15px;	
		
	}



	.new_zag > p { 
		text-align: left;		
		width: 100%;
	}

	.new_img {

		width: 100%;
		height: 200px;	
	}
	.new_data {
		position: relative;
		width: 100%;
	}

	.news {
		width: 95%;
		margin: 0 auto;
	}

	.new {
		flex-direction: column;
		background-color: #fff;
		border-radius: 5px;
		width: 100%;
		margin: 0 auto;
		padding: 15px;
		box-shadow: 0px 2px 10px #9DACCF50;
		margin-bottom: 30px;
	}

	.maincontent {
		flex-direction: column;
	}

	.main_bt_area {
		width: 95%;
		flex-direction: column;
		padding: 25px;
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 50px;
		
	}

	.mbta_text {
		text-align: center;
		margin-bottom: 20px;
	}

	.mbta_bt > a {
		display: block;
		
		
		
		padding: 15px 25px 15px 25px;
		border-radius: 5px;
	}

	.main_image_area > img {
		width: 70%;
		margin-left: 0px;
	}

	#content {
		margin-top: 80px;
	}

	.main_image_area {
		width: 95%;
		background-size: cover;
		background-position: 40% center;		
		margin: 0 auto;		
		aspect-ratio: 1 / 1;
		height: auto;

		
	}


	.contact_bts {
		position: absolute;
		width: 100%;		
		display: flex;
		justify-content: center;
		vertical-align: center;
		flex-direction: column;
		bottom:100px;
	}

	.contact_bts > a {
		display: block;
		width: 92%;
		background-color: #fff;
		padding: 15px;
		margin: 0 auto;
		margin-bottom: 15px;
		border-radius: 5px;
		text-decoration: none;
		text-align: center;
	}

	.contact_bts > a:nth-child(1) {
		background-color: #0D4CD3;
		color: #fff;
		box-shadow: 0px 10px 15px rgba(13, 76, 211, 0.20);
		
	}

	.contact_bts > a:nth-child(2) {
		background-color: rgba(66, 199, 4, 1);
		color: #fff;
		box-shadow: 0px 20px 25px rgba(66, 199, 4, 0.25);
	}	

	


	




	#mob_menu_bt {
		display: flex;
				
		flex-direction: column;
		flex-wrap: wrap;
		overflow: hidden;
		width: 45px;
		height: 45px;
		
		
		background-color: #0D4CD3;
		border-radius: 5px;
		margin-right: 15px;

		box-shadow: 0px 20px 25px rgba(13, 76, 211, 0.25);		


	}

	.mmbts_area {

		margin-top:-45px;



		transition: all 0.5s;

	}

	#mobmenu_open {
		
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		min-width: 45px;
		min-height: 45px;
				width: 45px;
		height: 45px;
		
		bottom:unset;
		
		

		
		
	}

	#mobmenu_open > div {
		display: block;
		width: 30px;
		height: 3px;
		border-radius: 3px;
		background-color: #fff;		
		margin: 2px;
		
		

		

		
	}

	#mobmenu_close {
		position: relative;
		
		display: flex;
		justify-content: center;
		align-items: center;
		
		width: 45px;
		height: 45px;		
		
		transition: all 1.0s ease-out;

		
		
		
	}

	#mobmenu_close > div {
		position: absolute;
		
		display: block;
		width: 30px;
		height: 3px;
		border-radius: 3px;
		background-color: #fff;		
		margin: 2px;		
	}

	#mobmenu_close > div:nth-child(1) {
		transform: rotate(45deg);
		
	}

	#mobmenu_close > div:nth-child(2) {
		transform: rotate(135deg);
	}









	.tl_logo_area {
		margin-left: 10px;
	}


	.tp_la_logo > img {
		height: 40px;
		width: 40px;
		margin-bottom: -5px;
	}

	.tp_la_text > h4 {		
		font-size: 16px;
		line-height: 14px;
	}
	.tp_la_text > p {		
		line-height: 10px;
		font-size: 10px;
	}

	.tl_contacts_area {
		display: none;
	}

	.tl_contacts_area > a {
		font-weight: bold;
		font-size: 30px;
		line-height: 28px;	
		color: #0D4CD3;
		text-decoration: none;

	}
	.tl_contacts_area > p {
		color: #66727F;
		line-height: 14px;
		
	}

	.tl_bt_area > a {
		display: none;
	}

	.menuline {

				margin-top:-300%;
		transition: all 0.3s ease-in-out; 
	}


	#menu {	
		z-index: 80;
		padding-top: 20px;
		padding-bottom: 20px;
		width: 100%;
		height: 100vh;

		position: relative;
	}

	nav > ul {
		display: flex;
		justify-content: flex-start;
		align-items: unset;		
		flex-direction: column;
		list-style-type: none;
		padding-left: 0;
		margin: 0;
		width: 100%;
	}
	nav > ul > li > a {
		display: block;
		width: auto;
		text-decoration: none;	
		color: #0D4CD3;
		font-size: 14px;
		padding: 10px;
		background-color: #66727F10;
		font-size: 18px;
		font-weight: bold;
		border-radius: 5px;
		margin: 5px;
		margin-left: 15px;
		margin-right: 15px;
	}

	nav > ul > li > a:hover {
		background-color: #0D4CD3;
		border-radius: 5px;
		color:#fff;
		
	}




	

}






/*
border: 1px solid red;
border: 1px solid green;
border: 1px solid blue;
*/

.border1pxred {
	border: 1px solid red;
}