@font-face{
    font-family:'Involve-Regular';
    src:url(/css/fonts/Involve-Regular.ttf);
}


img[src$=".gif"], 
img[src$=".png"], 
img[src$=".jpg"] { 
	image-rendering:pixelated;
	image-rendering:-moz-crisp-edges; /* Firefox */
    image-rendering:-o-crisp-edges; /* Opera */
    image-rendering:-webkit-optimize-contrast; /* Webkit (non-standard naming) */
    -ms-interpolation-mode:nearest-neighbor; /* IE (non-standard property) */
   	}

body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, header .inner-header,
.logo, .menu, .menu ul li a{
		-webkit-transition:all .25s ease-out;
		-moz-transition:all .25s ease-out;
		-ms-transition:all .25s ease-out;
		-o-transition:all .25s ease-out;
		transition:all .25s ease-out;
		}

html{
		margin:0 auto;
		background:#FFF;
		overflow-x:hidden;
		}		
body{
		width:100%;
		max-width:1824px;
		margin:0 auto;
		border:0;
		font-family:'Involve-Regular';
		font-size:16px;
		line-height:1.2;
		font-weight:400;
		padding:0;
		height:auto;
		overflow-x:hidden;
		}
		
h1, h2, h3, h4, h5, h6{
		position:relative;
		display:block;
		width:100%;
		font-size:42px;
		line-height:1.2;
		font-weight:400;
		text-align:center;
		text-transform:none;
		margin:30px auto 30px auto;
		}
.sobytija-box h1, .sobytija-box h2, .sobytija-box h3, .sobytija-box h4, .sobytija-box h5, .sobytija-box h6{
		font-size:42px;
		line-height:1.2;
		text-align:left;
		}
		
a{
		color:#E27283;
		}
a:hover{
		color:#393186;
		text-decoration:underline;
		}
		
.description{
		position:relative;
		display:block;
		width:85%;
		font-size:22px;
		line-height:1.2;
		font-weight:200;
		text-align:center;
		margin:0 auto 30px auto;
		}
		
.header{
		position:relative;
		display:block;
		width:100%;
		z-index:1;
		background-size:100% auto !important;
		background-repeat:no-repeat !important;
		background-position:right top !important;
		}
@media screen and (min-width:1280px){
.header{
		height:600px;
		}
}
@media screen and (max-width:1280px){
.header{
		height:500px;
		}
}
.header .inner-header{
		width:92%;
		margin:0 auto;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		}		
		
header .logo{
		position:relative;
		display:block;
		z-index:999;
		width:23%;
		height:auto;
		margin:25px 0 0 0;
		}
header .logo .logo-img{
		display:block;
		width:100%;
		}
header .logo .logo-img-w{
		display:none;
		width:100%;
		}			
		
.menu{
		width:100%;
		margin:50px 0 0 0;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-content:flex-start;
		align-items:flex-start;
		}
.menu a{
		position:relative;
		display:block;
		float:left;
		margin:0 1% 0 0;
		padding:15px;
		color:#570104;
		font-size:15px;
		line-height:1.2;
		font-weight:400;
		cursor:pointer;
		background:#FFF;
		border-radius:10px;
		}
.menu a:hover{
		color:#393186;
		background:#DCDBDB;
		}

.hamburger{
		display:none;
		width:30px;
		height:20px;
		position:absolute;
		right:8%;
		top:25px;
		cursor:pointer;
		}
.hamburger span{
		display:block;
		width:30px;
		height:2px;
		background:#393186;
		margin-top:7px
		}
header.open .hamburger span{
		background:#FFF;
		}
.hamburger span:first-child{
		margin-top:0
		}
		
header .data-box{
		width:25%;
		margin:35px 0 0 0;
		}	
header .data-box a{
		position:relative;
		display:block;
		color:#393186;
		font-size:16px;
		line-height:1.2;
		font-weight:600;
		font-size:20px;
		margin:0 0 7px 0;
		letter-spacing:0.5px;
		text-align:right;
		}
header .data-box span{
		position:relative;
		display:block;
		color:#393186;
		font-size:16px;
		line-height:1.2;
		font-weight:600;
		letter-spacing:0.75px;
		text-align:right;
		}
header .data-box .btn{
		float:right;
		margin:20px 0 0 0;
		padding:15px 0 15px 0;
		width:80%;
		}

header .data-ico{
		width:10%;
		float:left;
		margin:65px 0 0 0;
		}
header .data-ico a{
		position:relative;
		display:block;
		float:left;
		width:31.33%;
		margin:0 1% 0 1%;
		}		
header .data-ico img{
		width:100%;
		}
		
.btn{
		position:relative;
		display:block;
		line-height:1.2;
		font-size:16px;
		font-weight:400 !important;
		margin:10px 0 0 0;
		cursor:pointer;
		padding:10px 20px;
		text-align:center !important;
		z-index:1;
		background:#393186 !important;
		color:#FFF !important;
		-webkit-transition:all .3s ease-out;
		-moz-transition:all .3s ease-out;
		-ms-transition:all .3s ease-out;
		-o-transition:all .3s ease-out;
		transition:all .3s ease-out;
		border:none;
		}
.btn:hover{
		background:#E27283 !important;
		color:#FFF !important;
		}
	
header .data-text{
		width:100%;
		}		
header .data-text h1{
		color:#FFF !important;
		margin:60px 0 60px 0;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-center;
		line-height:1.5;
		font-weight:400;
		text-align:left;
		letter-spacing:2px;
		text-shadow:
		0 0 3px  rgba(255,255,255,1),
		0 0 8px  rgba(255,255,255,0.75),
		0 0 18px rgba(255,255,255,0.5),
		0 0 34px rgba(255,255,255,0.3),
		0 0 60px rgba(255,255,255,0.15);
		}
header .data-text span{
		color:#FFF !important;
		display:block;
		line-height:1.2;
		font-weight:400;
		text-align:left;
		margin:0 0 0 201px;
		letter-spacing:1px;
		text-shadow:
		0 0 2px  rgba(0,0,0,0.5),
		0 0 5px  rgba(0,0,0,0.3),
		0 0 10px rgba(0,0,0,0.18),
		0 0 18px rgba(0,0,0,0.1),
		0 0 30px rgba(0,0,0,0.05);
		}	
header .data-text p{
		display:block;
		color:#FFF;
		line-height:1.2;
		font-weight:400;
		}	
@media screen and (min-width:1280px){	
header .data-text h1{
		font-size:70px;
		margin:60px 0 60px 0;
		}
header .data-text span{
		font-size:40px;
		}	
header .data-text p{
		font-size:28px;
		}
}
@media screen and (max-width:1280px){
header .data-text h1{
		font-size:60px;
		}
header .data-text span{
		font-size:30px;
		}	
header .data-text p{
		font-size:25px;
		}
}		
		
		
		
			
			
.container-box{
		padding:0 0 60px 0;
		width:85%;
		margin:0 auto;
		}
.container-box-desc{
		padding:5%;
		width:73.5%;
		margin:0 auto 90px auto;
		background:#E7F5FF;
		}		
.container-box-desc p,
.container-box p{
		display:block;
		margin:0 auto 15px auto;
		font-size:17px;
		line-height:1.2;
		font-weight:400;
		}
		
.turbo-box{
		color:#000;
		margin:0 0 30px 0;
		}
.turbo-box p:last-child{
		margin:0;
		}
		
		
ul{
		list-style: none;         /* убираем родные кружки */
		padding-left: 25px;
		margin:20px auto 30px auto;
		}
	
ul li{
		position: relative;
		font-size: 17px;
		line-height: 1.2;
		color: #393186;
		margin: 0 0 5px 0;
		padding-left: 5px;
		}
	
ul li::before{
		content: "";
		position: absolute;
		left: -23px;              /* отступ от текста */
		top: 0.5em;               /* выравнивание по центру строки */
		width: 8px;              /* < размер кружка */
		height: 8px;             /* < размер кружка */
		border-radius: 50%;
		background: #393186;      /* цвет кружка */
		transform: translateY(-50%);
		}	
		
ol{
		counter-reset:myCounter;
		margin:30px 0;
		}	
ol li{
		list-style:none;
		font-size:17px;
		font-weight:400;
		line-height:1.5;
		margin:0 0 5px 0;
		}
ol li:before{
		counter-increment:myCounter;
		content:counter(myCounter);
		color:#FFF;
		background:#393186;
		display:inline-block;
		border-radius:100%;
		text-align:center;
		margin:7px 15px 7px 0;
		line-height:30px;
		width:30px;
		height:30px;
		font-size:15px;
		}		
.consent-block-modal input[type="checkbox"]{
		background-color:initial;
		cursor:default;
		appearance:auto;
		box-sizing:border-box;
		padding:initial;
		border:initial;
		margin:3px 3px 3px 4px;
		}
			
		
.container-box-portfolio{
		width:89%;
		margin:0 0 0 7.5%;
		padding:0 0 60px 0;
		}
		
		
.gallery{
		position:relative;
		display:block;
		width:85%;
		margin:0 auto;
		padding:45px 7.5% 45px 7.5%;
		background:#FFF;
		}
.gallery-box{
		position:relative;
		display:table;
		float:left;
		width:23%;
		height:200px;
		margin:0 1% 3% 1%;
		transition:background 0.5s;
		-moz-transition:backgrounde 0.5s;
		-o-transition:background 0.5s;
		-webkit-transition:background 0.5s;
		background-size:auto 105% !important;
		background-position:center center !important;
		background-repeat:no-repeat !important;
		}
.gallery-box:hover{
		background-size:auto 110% !important;
		}
.gallery-box .box-v{
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		}
.gallery-box .box-v span{
		display:block;
		background:rgba(255, 255, 255, 0.9);
		width:70%;
		padding:20px 10px 20px 10px;
		text-align:center;
		font-size:25px;
		text-align:center;
		color:#0E4431;
		margin:0 auto;
		}
.gallery-box:hover .box-v span{
		color:#FFF;
		background:rgba(14, 64, 49, 1);
		}
		
.services{
		position:relative;
		display:block;
		width:85%;
		margin:0 auto;
		padding:60px 7.5% 60px 7.5%;
		}
		
		
.services{
		position:relative;
		display:block;
		width:85%;
		margin:0 auto;
		padding:60px 7.5% 60px 7.5%;	
		}
.services-item{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		}		
.services-box{
		position:relative;
		display:table;
		width:31.33%;
		height:300px;
		margin:0 1% 25px 1%;
		transition:background 0.5s;
		-moz-transition:backgrounde 0.5s;
		-o-transition:background 0.5s;
		-webkit-transition:background 0.5s;
		background-size:105% auto !important;
		background-position:center center !important;
		background-repeat:no-repeat !important;
		}
.services-box:hover{
		background-size:110% auto !important;
		text-decoration:none;
		}
.services-box .box-v{
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		}
.services-box .box-v span{
		display:block;
		background:rgba(57, 49, 134, 0.7);
		width:70%;
		padding:20px 10px 20px 10px;
		text-align:center;
		font-size:25px;
		text-align:center;
		color:#FFF;
		margin:0 auto;
		}
.services-box:hover .box-v span{
		color:#FFF;
		background:rgba(226, 114, 131, 0.7);
		}			
		
.services-price-box{
		width:85%;
		margin:0 auto;
		padding:60px 7.5% 60px 7.5%;
		}
.services-price-box table{
		width:100%;
		}
.services-price-box table tbody{
		width:100%;
		}
.services-price-box table tr{
		width:100%;
		text-align:center;
		}	
.services-price-box table tr th{
		background:#E37888;
		color:#FFF;
		border-bottom:1px solid #E27283;
		border-right:1px solid #E27283;
		padding:2% 1% 2% 1%;
		}
.services-price-box table tr td{
		border-bottom:1px solid #E27283;
		border-right:1px solid #E27283;
		padding:1%;
		}			
.services-price-box table td:nth-child(3), 
.services-price-box table td:nth-child(4){
		text-align:center;
		}
.services-price-box table td:nth-child(1){
		width:10vw;
		height:5vw;
		}	
.services-price-box table td:nth-child(1) a{
		display:block;
		width:100%;
		height:100%;
		background-size:auto 100% !important;
		background-position:center center !important;
		background-repeat:no-repeat !important;
		}	
.services-price-box table td:nth-child(4){
		border-right:0;
		}		

.tovars-box{
		position:relative;
		display:block;
		width:85%;
		margin:0 auto;
		padding:15px 7.5% 60px 7.5%;
		}
.tovars-box .tovar-img{
		position:relative;
		display:block;
		width:30%;
		height:300px;
		float:left;
		background-size:auto 100% !important;
		background-position:center center !important;
		background-repeat:no-repeat !important;
		}
.tovars-box .tovars{
		position:relative;
		width:65%;
		float:right;
		padding:0 0 0 5%;
		}
.tovars-box .tovars span{
		position:relative;
		display:block;
		width:30%;
		float:left;
		}
.tovars-box .tovars ul{
		margin:0 !important;
		padding:0 !important;
		}			
.tovars-box .tovars ul li span{
		position:relative;
		display:block;
		float:left;
		text-align:left;
		padding:0;
		margin:2% 0 0 0;
		font-size:16px;
		font-weight:400;
		line-height:140%;
		color:#EE788A;
		}
.tovars-box .tovars ul li span:nth-child(1),
.tovars-box .tovars ul li span:nth-child(2){
		width:16%;
		text-align:center;
		}
		
.cd-gallery-tovar{
		float:right;
		width:65%;
		}
		
.command{
		position:relative;
		width:85%;
		margin:0 auto;
		padding:30px 0 60px 0;
		background:#FFF;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		gap:30px;
		}

.command-box{
		width:calc((100% - 60px) / 3); /* 60px = 2 промежутка по 30px */
		margin:0;
		}
.command-box a{
		position:relative;
		display:block;
		width:100%;
		margin:0 auto;
		height:400px;
		background-size:100% auto !important;
		background-position:top center !important;
		background-repeat:no-repeat !important;
		text-decoration:none !important;
		}
.command-box span{
		display:block;
		width:100%;
		margin:30px auto 30px auto;
		text-align:center;
		font-size:20px;
		cursor:pointer;
		color:#393186;
		text-align:center;
		}
.command-box span:hover{
		color:#E27283;
		}
.command-box p{
		display:block;
		width:100%;
		margin:20px auto 20px auto;
		text-align:center;
		font-size:16px;
		text-align:center;
		}
.modal_command_box img{
		display:block;
		width:40%;
		float:left;
		}
.modal_command_box .modal_command_div{
		width:55%;
		float:right;
		}
.modal_command_box .modal_command_div span{
		display:block;
		font-size:25px;
		margin:0 0 30px 0;
		color:#E27283;
		}
.modal_command_box .modal_command_div p{
		display:block;
		font-size:16px;
		margin:0 0 15px 0;
		}
		
.form-box{
		position:relative;
		display:block;
		width:85%;
		margin:0 auto;
		padding:60px 7.5% 15px 7.5%;
		}
.form-box .btn{
		width:25%;
		margin:0 auto;
		font-size:16px;
		padding:15px;
		}	
		
/*События*/
.sobytija{
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		}
.sobytija-img{
		position:relative;
		display:block;
		width:31.33%;
		margin:0 0 15px 0;
		}
.sobytija-img:hover{
		display:block;
		}
.sobytija-img .sobytija-img-a{
		position:relative;
		display:block;
		width:100%;
		height:280px;
		max-height:280px;
		margin:0 0 30px 0;
		background-repeat:no-repeat !important;
		background-position:center center !important;
		background-size:cover !important;
		-webkit-transition:all 0.5s linear;
		-moz-transition:all 0.5s linear;
		-o-transition:all 0.5s linear;
		-ms-transition:all 0.5s linear;
		transition:all 0.5s linear;
		}
		
.sobytija-box{
		width:100%;
		margin:0 0 60px 0;
		}		
.sobytija-box .sobytija-img-b{
		position:relative;
		display:block;
		width:45%;
		height:400px;
		float:right;
		margin:0 0 100px 5%;
		background-repeat:no-repeat !important;
		background-position:left top !important;
		background-size:cover !important;
		-webkit-transition:all 0.5s linear;
		-moz-transition:all 0.5s linear;
		-o-transition:all 0.5s linear;
		-ms-transition:all 0.5s linear;
		transition:all 0.5s linear;
		}	
.sobytija-box .sobytija-txt{
		position:relative;
		display:block;
		line-height:1.4;
		font-weight:400;
		font-size:16px;
		}
.sobytija-box .sobytija-txt p{
		margin:0 0 30px 0 !important;
		line-height:1.5;
		font-weight:400;
		font-size:16px;
		}
.sobytija-box .sobytija-txt h2,
.sobytija-box .sobytija-txt h3,
.sobytija-box .sobytija-txt h4,
.sobytija-box .sobytija-txt h5,
.sobytija-box .sobytija-txt h6{
		margin:30px 0 30px 0 !important;
		}		
.sobytija-box .sobytija-txt p a{
		color:#393186;
		line-height:1.5;
		font-weight:400;
		font-size:16px;
		text-decoration:none;
		border-bottom:0.5px dotted #393186;
		}		
.sobytija-box .sobytija-txt p a:hover{
		color:#F48221;
		border-bottom:0.5px dotted #F48221;
		}
		
.sobytija-txt ul{
		display:block;
		margin:30px 0;
		}	
.sobytija-txt ul li{
		display:block;
		list-style:none;
		color:#666;
		background:#E7F5FF;
		padding:25px;
		margin:0 0 10px 0;
		line-height:1.5;
		font-weight:400;
		font-size:16px;
		}
		
.sobytija-txt ol{
		counter-reset:myCounter;
		margin:30px 0 30px 0;
		}	
.sobytija-txt ol li{
		list-style:none;
		font-size:16px;
		line-height:1.5;
		font-weight:200;
		margin:0 0 10px 0;
		}
.sobytija-txt ol li:before{
		counter-increment:myCounter;
		content:counter(myCounter);
		color:#FFF;
		background:#393186;
		display:inline-block;
		text-align:center;
		margin:7px 15px 7px 0;
		line-height:30px;
		width:30px;
		height:30px;
		font-size:15px;
		}	
.sobytija-txt ol li li:before{
		display:none;
		}	
.desc-box-news b{
		font-size:15px !important;
		line-height:1.5 !important;
		}
.datetime-box-news,
.sobytija-img-title,
.desc-box-news{
		display:block;
		width:100%;
		color:#666;
		font-size:16px;
		line-height:1.5;
		font-weight:400;
		padding:2% 0 2% 0;
		text-decoration:none;
		}
.datetime-box-news{
		margin:30px 0 0 0;
		font-size:16px;
		}
.desc-box-news{
		font-size:16px;
		}
.sobytija-img-title{
		font-weight:600;
		}
.sobytija-img:hover .sobytija-img-title{
		color:#666;
		}
.sobytija-img:hover .desc-box-news,
.sobytija-img:hover .datetime-box-news,
.sobytija-img:hover .desc-box-news b{
		color:#666;
		}		

.buttomtop{
		position:fixed;
		display:none;
		right:2%;
		bottom:12%;
		z-index:500000;
		}
.buttomtop:before{
		font-size:2.3vw;
		cursor:pointer;
		z-index:500000;
		width:3.05vw;
		height:2.75vw;
		padding:0.3vw 0 0 0;
		text-align:center;
		color:#FFF;
		background:#DCDBDB;
		}
.buttomtop:hover:before{
		color:#393186;
		background:#FFF;
		}

#breadcrumb{
		width:85%;
		font-size:18px;
		margin:60px auto 30px auto;
		color:#0E4431;
		line-height:1.2;
		font-weight:200;
		}
#breadcrumb a{
		color:#0E4431;
		font-weight:200;
		}
#breadcrumb .crumb-separator{
		margin:0 5px;
		}
#breadcrumb .active-page{
		font-weight:400;
		color:#70B9C9;
		}
		

		
footer{
		position:relative;
		display:block;
		width:100%;
		background:#393186;
		padding:60px 0 30px 0;
		background:url(/img/footer.jpg) no-repeat;
		background-size:100% 100% !important;
    	}
footer .inner-footer{
		width:85%;
		margin:0 auto;
		font-size:16px;
		color:#FFF;
		}
footer .inner-footer a{
		display:block;
    	color:#FFF
		}

footer .logo{
		position:relative;
		z-index:1;
		float:left;
		background:url(/img/logo.png) no-repeat;
		background-size:100% auto !important;
		width:295px;
		height:170px;
		margin:5px 0 0 0;
		}
footer .logo-w{
		background:url(/img/logo-w.png) no-repeat;
		width:255px;
		height:130px;
		}
				
footer .data-ico{
		width:30%;
		margin:35px 0 0 0;
		}
footer .data-ico a{
		position:relative;
		display:block;
		float:left;
		width:31.33%;
		margin:0 1% 0 1%;
		}
footer .data-ico img{
		width:100%;
		}
		
footer .bottom{
		width:100%;
		text-align:left;
		margin:30px 0 0 0;
		font-size:13px;
		}

/*Нумирация*/
.link-l{
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		width:100%;
		color:#666;
		font-size:14px;
		line-height:1;
		font-weight:bold;
		margin:0 0 0 0.5%;
		}
.nu{
		position:relative;
		display:none;
		margin:1% 1% 0 0;
		}
.num, .nums, .next{
		position:relative;
		display:block;
		padding:6px 0 6px 0;
		width:30px;
		height:auto;
		text-align:center;
		text-decoration:none;
		text-transform:none;
		font-weight:600 !important;
		margin:0.5% 1.4% 0 0;
		background:#393186;
		border:0.05vw solid #393186;
		color:#FFF;
		}
.nums{
		background:#393186;
		color:#FFF;
		}
.next{
		color:#FFF;
		font-size:14px;
		line-height:1;
		font-weight:200;
		background:#393186;
		margin:5% 0 5% 0;
		}
.nums:hover, .next:hover{
		background:#F48221;
		color:#FFF;
		}
		
.nextss{
		position:relative;
		display:block;
		width:12%;
		font-size:14px;
    	font-weight:400;
    	line-height:1.2;
   	 	margin:0 0 60px 0;
    	padding:15px;
		text-align:center;
		background:#393186;
		color:#FFF;
		text-decoration:none;
		}
.nextss:hover{
		background:#E27283;
		color:#FFF;
		text-decoration:none;
		}
		
		
		
		
				
				
/*calery-box-project*/	
.calery-box-project{
		width:100%;
		margin:100px auto 0 auto;
		padding:0;
		}
.calery-box-project div{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		}
.calery-box-project div a{
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-end;
		align-items:flex-end;
		overflow:hidden;
		height:50vh;
		transition:background 3s ease-in-out;
		background-repeat:no-repeat !important;
		background-size:102% auto !important;
		background-position:-2px 50% !important;
		width:50%;
		margin:0 0 2.5% 0;
		text-decoration:none;
		}
.calery-box-project div a:hover{
		background-size:120% auto !important;
		background-position:right bottom !important;
		}
.calery-box-project div a:before{
		position:absolute;
		content:'';
		width:100%;
		height:100%;
		background:rgb(0,0,0,0);
		transition:background 0.2s ease-in-out;
		z-index:10;
		}
.calery-box-project div a:hover:before{
		background:rgb(0,0,0,0.2);
		}
.calery-box-project div a b{
		display:block;
		padding:0 3vw 4vh 3vw;
		font-size:24px;
		color:#393186;
		line-height:1.2;
		font-weight:600;
		z-index:100;
		width:100%;
		}
			
.portfolio-all{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		width:100%;
		margin:0 auto;
		}	
.portfolio-all a{
		display:block;
		background:#FFEE00;
		color:#2C2C2C;
		line-height:1.2;
		font-weight:600;
		font-size:19px;
		width:55%;
		height:auto;
		text-align:center;
		padding:25px;
		transition:all 1s ease-in-out;
		}
.portfolio-all a:hover{
		background:#2C2C2C;
		color:#FFF;
		width:77.5%;
		}
		
		
.container-box-programm{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		}
.container-box-programm h2{
		text-align:center;
		display:block;
		margin:60px 0 60px 0;
		}	
.programm{
		background:#FFF;
		width:45%;
		margin:0 0 30px 0;
		padding:0;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		text-decoration:none !important;
		}

.programm .programm-img{
		display:block;
		width:40%;
		height:250px;
		overflow:hidden;
		}
.programm .programm-img img{
		width:auto;
		height:100%;
		}
.programm .programm-content{
		width:57%;
		}	
.programm .programm-content span{
		display:block;
		width:100%;
		font-size:20px;
		margin-bottom:15px;
		}	
.programm .programm-content	p{
		display:block;
		width:100%;
		font-size:14px;
		color:#000;
		margin:0 0 5px 0;
		padding:0;
		}