@charset "UTF-8";
	html {
	  box-sizing: border-box;
		font-family: Arial;
	}

	* {
	  background-repeat: no-repeat;
	  padding: 0;
	  margin: 0;
	}
	.content{
			margin: 0px auto;
			width: 90%;
			}
	div{border: 0px red solid;}
	span{
		}
	a{
		color: #ec238d;
	}
	a:hover{
		color: #7d256f;
	}

/* header */

	header{
		background: rgb(16,59,208);
		background: linear-gradient(114deg, rgba(16,59,208,0.8716736694677871) 0%, rgba(57,56,206,0.8688725490196079) 18%, rgba(101,55,202,0.8688725490196079) 38%, rgba(122,54,201,0.8660714285714286) 55%, rgba(131,48,166,0.8576680672268908) 70%, rgba(141,41,127,0.8688725490196079) 88%);
		color: #fff;
		top: 0;
    position: fixed;
    width: 100%;
		filter: drop-shadow(0px 2px 6px rgb(255 255 255 / 64%));
		z-index: 1;
			}
	.head_item{
		display: flex;
	  flex-direction: row;
	  height: 70px;
	  justify-content: space-between;
	  align-items: center;
		font-size: 20px;
	}
	.head_item_logo{
		width: 30%;
    display: flex;
    flex-direction: row;
    align-items: center;
	}
	.head_item_logo h1{
		font-size: 25px;
	}
	.head_item_logo img{
		height: 65px;
    object-fit: contain;
		padding-right: 1%;
	}
	.head_item_tel{
		width: 30%;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	.head_item_tel a{
		color: #fff;
		text-decoration: none;
	}
	.head_item_tel a:hover{
		color: #3654d6;
		text-decoration: underline;
	}
	/* end header */
	/* bodyer */

	bodyer{
		color: #5b5959;
			}
	.body_item{
		text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8% 0 3% 0;
	}
	.body_item_p{
		width: 70%;
    padding-bottom: 2%;
    font-size: 18px;
	}
	.body_item_h2{
		font-size: 20px;
		color: #9c4590;
	}
	.body_add{
		padding: 2% 0 2% 0;
    border-top: 3px #5b5959b3 solid;
	}
	.body_add_h2,
	.body_kwork_h2,
	.body_prais_h2,
	.body_ex_h2,
	.body_kontakt_h2{
		text-align: center;
		font-size: 20px;
		padding-bottom: 1%;
		color: #00345e;
	}
	.body_add_all{
		display: flex;
    flex-direction: row;
    justify-content: space-around;
		align-items: center;
	}
	.body_add_all_p{
		width: 40%;
		line-height: 2;
		color: #000;
	}
	.body_add_all_img{
		width: 35%;
	}
	.body_add_all_img img{
		object-fit: contain;
    width: 100%;
	}
	.body_kwork{
		padding: 2% 0 2% 0;
		background: rgb(16,59,208);
		background: linear-gradient(114deg, rgba(16,59,208,1) 0%, rgba(57,56,206,1) 18%, rgba(101,55,202,1) 36%, rgba(122,54,201,1) 54%, rgba(131,48,166,1) 70%, rgba(141,41,127,1) 88%);
    color: #fff;
	}
	.body_kwork_h2{
		color: #ffffff;
	}
	.body_kwork_all{
		display: flex;
    flex-direction: column;
    align-items: center;
	}
	.body_kwork_all_time{
		text-align: center;
    font-size: 17px;
    font-weight: 600;
	}
	.body_kwork_all_text{
		width: 70%;
    line-height: 2;
    border: 7px #ffffff80 solid;
    padding: 1% 2% 1% 2%;
    margin-top: 1%;
	}
	.body_prais{
		padding: 2% 0 2% 0;

	}
	.body_prais_h2 h2{
		padding-bottom: 2%;
	}
	.body_prais_all{
		display: flex;
    flex-direction: row;
    justify-content: space-around;
	}
	.body_prais_all_i{
		width: 20%;
    height: 100px;
    text-align: center;
    display: flex;
    flex-direction: column;
		justify-content: space-evenly;
    font-size: 17px;
		color: #fff;
		background: rgb(16,59,208);
		background: linear-gradient(114deg, rgba(16,59,208,1) 0%, rgba(57,56,206,1) 18%, rgba(101,55,202,1) 36%, rgba(122,54,201,1) 54%, rgba(131,48,166,1) 70%, rgba(141,41,127,1) 88%);
		filter: drop-shadow(-1px 2px 5px black);
	}
	.body_sail{
		padding: 3% 0 3% 0;
	}
	.body_sail table{
		padding: 5%;
		text-align: start;
	}
	.body_sail td{
		width: 80%;
	}
	.body_sail_all{
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		font-size: 18px;
	}
	.body_sail_all_i{
		border: 5px #4038ce solid;
    width: 35%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding: 2%;
		text-align: center;
	}
	.body_bort{
		padding: 3% 0 3% 0;

	}
	.body_bort table{
		padding: 1%;
	}
	.body_bort td{
		width: 80%;
		text-align: start;
	}
	.body_bort_all{
		display: flex;
    justify-content: center;
		text-align: center;
		font-size: 18px;
	}
	.body_bort_all_t{
		border: 5px #4038ce solid;
    width: 85%;
		display: flex;
    flex-direction: column;
    align-items: center;
		padding: 2%;
	}
	.body_bort_all_t h3{
		padding-bottom: 2%;
	}
	.body_ex{
		padding: 2% 0 2% 0;
	}
	.body_ex_all{
		text-align: center;
		line-height: 2;
		font-size: 17px;
	}
	.body_kontakt{
		padding: 2% 0 2% 0;

	}
	.body_kontakt_all{
		display: flex;
    flex-direction: column;
    align-items: center;
		line-height: 2;
	}



		/* end bodyer */
		/* footer */
		footer{
			background: rgb(16,59,208);
			background: linear-gradient(114deg, rgba(16,59,208,1) 0%, rgba(57,56,206,1) 18%, rgba(101,55,202,1) 36%, rgba(122,54,201,1) 54%, rgba(131,48,166,1) 70%, rgba(141,41,127,1) 88%);
			color: #fff;
			height: 90px;
			display: flex;
    	align-items: center;
		}
		.foot_kont{
			display: flex;
	    flex-direction: row;
	    justify-content: space-around;
		}
		.foot_kont_i{
			display: flex;
    	align-items: center;
			width: 30%;
		}
		.foot_kont_i h1{
			color: #ffffffb0;
			font-size: 17px;
		}
		.foot_kont_i img{
			height: 60px;
	    object-fit: contain;
			padding: 1%;
			filter: opacity(0.7);
		}
		.foot_kont_all{
			width: 30%;
			display: flex;
			flex-direction: row;
			justify-content: flex-end;
		}
	  .foot_kont_all div {
			width: 40px;
			height: 40px;
			background: #1a3ad04f;
			color: #ffffffa6;
			border-radius: 50%;
			margin: 15px 10px;
			font-size: 30px;
			padding: 5px;
			margin-bottom: 16px;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
	  }
		.foot_kont_all a{
			text-decoration: none;
		}
			/* end footer */
@media only screen and (max-width: 1000px){
		.body_item {
			padding: 10% 0 3% 0;
		}

}
@media only screen and (max-width: 750px){
		.body_item {
			padding: 13% 0 3% 0;
		}
		.body_sail_all {
	    align-items: center;
	    flex-direction: column;}
		.body_sail_all_i {
	    width: 80%;
	    margin-bottom: 5%;}
		.body_bort_all_t {
	    width: 80%;
	    margin-top: -5%;}
}
@media only screen and (max-width: 600px){
		.body_item {
			padding: 20% 0 10% 0;
		}
		.body_add,
		.body_kwork,
		.body_prais,
	  .body_ex{
    	padding: 10% 0 10% 0}
		.body_sail {
			padding: 10% 0 3% 0;
			}
		.body_kontakt {
	    padding: 2% 0 10% 0;
			}
		.head_item_logo h1 {
			font-size: 0px;
		}
		.head_item_tel {
    	width: 70%;}
		.body_add_all_img {
		    width: 60%;
				}
		.body_prais_all_i {
    width: 30%;}
		.foot_kont {
    	justify-content: space-between;
			}
		.foot_kont_i {width: 20%;}
		.foot_kont_all {width: 20%;}
}
@media only screen and (max-width: 550px){
		.content {width: 98%;}
		header {position: unset;}
		.head_item {
		    display: flex;
		    height: 100%;
		    font-size: 20px;
		    flex-direction: column;
		    align-items: center;
				}
		.head_item_logo {
		    width: 100%;
				flex-direction: column;
		    justify-content: center;
				}
		.head_item_logo h1 {
		    font-size: 25px;
				}
		.head_item_logo img {margin: 5px;
		}
		.head_item_tel {
		    width: 100%;
				padding: 5%;
		    align-items: center;
		}
		.body_add_h2,
		.body_kwork_h2,
		.body_prais_h2,
		.body_ex_h2,
		.body_kontakt_h2 {
    padding-bottom: 6%;
    padding-top: 3%;}
		.body_item,
		.body_sail {
		    padding: 5% 0 5% 0;
		}
		.body_kontakt,
		.body_kwork {
    	padding: 2% 0 6% 0;}
		.body_add_all {
    	flex-direction: column;}
		.body_add_all_p,
		.body_item_p,
		.body_add_all_img {width: 100%;}
		.body_add_all_p{
    padding-bottom: 2%;
		line-height: 1.5;}
		.body_item_p{text-align: start}
		.body_kwork_all_text {width: 90%;}
		.body_kontakt_all {
    align-items: flex-start;}
		.body_bort_all_t {
	    margin-top: -8%;}
		.body_sail_all_i {
			width: 90%;
			}
		.body_bort_all_t {
			width: 90%;}
		.body_ex_all,
		.body_bort_all {
    text-align: start;}
		.foot_kont {
		    align-items: center;
		    flex-direction: column;}
		.foot_kont_i {width: 100%;
				flex-direction: column;}
		.foot_kont_all {width: 100%;
				justify-content: center;}
				footer {height: 100%;}

}
@media only screen and (max-width: 450px){
div{border: 0px red solid;}
.body_prais_all {
    flex-direction: column;
    align-items: center;
}
.body_prais_all_i {
    width: 85%;
    height: 80px;}




}