#page{overflow-x: hidden;}
header .topnav li.active a{color: #0093cb;}
footer .mainforms{margin-right: 0px;position: relative;}
footer .mainforms:before{
    content: "";
    position: absolute;
    right: -69px;
    top: 0;
    width: 100px;
    bottom: 0;
    /*background-image: url(/web/20200928122517im_/https://msg.biz.ua/img/test/suric.png);*/
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}
footer .btnflip{width: 100%;}
footer .form-control,footer .form-control:focus{color: #fff;box-shadow: 1px 1px transparent;background-color: transparent;border: transparent;border-bottom:1px solid #999;}
.box-nahi-yslygi .item .box-img img{
	padding: 50px;
}
.am-wrapper{
	float:left;
	position:relative;
	overflow:hidden;
}
.am-wrapper img{
	position:absolute;
	outline:none;
}
/*tarif*/
.tarif .item .box-bg{background-color: #f9f9f9;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;overflow: hidden;}
.tarif .item .box-heder{background-color: #ddd;}
.tarif .item .title{padding: 12px;}
.tarif .item .cena{background-color: #0093cb;padding: 12px; color: #fff;}
.tarif .item .box-btn{position: relative;height: 50px;}
.tarif .item .box-descript{min-height: 145px;}
.tarif .item .box-img img{margin-right: auto;margin-left: auto;}
/*tarif end*/
/*etap-razrobotci*/
.etap-razrobotci{background-color: #f7f7f7;}
.etap-razrobotci .item {margin-bottom: 20px;}
.etap-razrobotci .item .box-bg{position: relative;background-color: #fff;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; height: 100%;}
.etap-razrobotci .item:hover .box-bg{-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.10);
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.10);}
.etap-razrobotci .item .box-info{padding: 20px 10px 20px 45px;}
.etap-razrobotci .item .namber-box{position: relative;}
.etap-razrobotci .item .nam{
		position: absolute;
    left: 17px;
    top: 20px;
    font-size: 20px;
    font-weight: bold;color: #007dad;}
.etap-razrobotci .item .namber-box .etap{
		position: absolute;
    left: 6px;
    top: 45px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 20px;
    color: #9DA0A2;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 0;
}
.etap-razrobotci .item:hover .namber-box .etap{
		opacity: 1;
    top: 55px;
}
.etap-razrobotci .item .box-info .title{font-size: 20px;font-weight: bold;}
.etap-razrobotci .item .descript{color: #666;}
.etap-razrobotci .all-btn {margin-bottom: 20px;}
.etap-razrobotci .all-btn span{cursor: pointer;}
.box-itemnext{
min-height: 0px;
	  -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
}
.etap-razrobotci .item-next{display: none;}
.etap-razrobotci .all-btn-cloze{display: none;}
/*etap-razrobotci end*/
/*container-raboti*/
.container-raboti{background-color: #1e264b;color: #fff;}
.container-raboti .item a{color: #fff;display: block;width: 100%;height: 214px;overflow: hidden;}
.container-raboti .item a h3{font-size: 20px;padding-left: 20px;}
.container-raboti .item a p{padding-left: 20px;}
.container-raboti .item{position: relative;overflow: hidden;}
.container-raboti .item .wrapper{margin-top: -56px;
		-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}
.container-raboti .item:hover .wrapper{margin-top: 0px;}
/*container-raboti end*/
/*box-nahi-client2*/
.box-nahi-client2{background-color: #1e264b;}
.box-nahi-client2 h2{color: #fff;}
.box-nahi-client2 .owl-carousel .item .img-nohover {
    opacity: 0;
    display: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.box-nahi-client2 .owl-carousel .item .img-hover-bg {
    display: block;
    opacity: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.box-nahi-client2 .owl-carousel .item:hover .img-nohover {
    display: block;
    opacity: 1;
}
.box-nahi-client2 .owl-carousel .item:hover .img-hover-bg {
    display: none;
    opacity: 0;
}
.box-nahi-client2 .item-box{color: #fff;}
.box-nahi-client2 .item-box .title{font-size: 20px;opacity: .5;line-height: 22px;min-height: 44px;}
.box-nahi-client2 .item-box .caunt{font-size: 33px;}
/*box-co-mu-robim*/
.box-co-mu-robim .title{font-size: 25px;}
.box-co-mu-robim ul{padding-left: 0;list-style-type: none;}
.box-co-mu-robim ul li{margin: 3px 0;list-style-type: none;position: relative;}
.box-co-mu-robim ul li:before {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 11px;
    content: '';
    vertical-align: middle;
    border-radius: 50%;
    background-color: #cd2122;
}


.am-container .grid-sizer,
.am-container .grid-items { width: 16,66666666666667‬%; }
.gutter-sizer { width: 2%; }

.am-container {
overflow: auto;
}



/*am-container

.am-container .grid-item {
    width: 20%;
    position: relative;
    color: #fff;
    padding: 5px;
    float: left;
}
.am-container img{width: 100%;}
.am-container .grid-item:nth-child(1n) { order: 1; }
.am-container .grid-item:nth-child(1n+1) { order: 2; }
.am-container .grid-item:nth-child(2n+1) { order: 3; }
.am-container .grid-item:nth-child(3n+1) { order: 4; }
.am-container .grid-item:nth-child(4n+1) { order: 5; }
.am-container .grid-item:nth-child(5n+1) { order: 1; }
.am-container::before,
.am-container::after {
  content: "";
  flex-basis: 100%;
  width: 0;
  order: 2;
}*/
/*grid*/



.grid {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
}

.grid div:nth-child(1) {
    grid-row: 1 / 1;
}
.grid div:nth-child(2) {
    grid-row: 1 / 3;
}
.grid div:nth-child(3) {
    grid-row: 2 / 4;
}
.grid div:nth-child(4) {
    grid-row: 3 / 3;
}

/* Re-order items into 3 rows 
.grid .grid-item:nth-child(2n+1) { order: 1; }
.grid .grid-item:nth-child(2n) { order: 2; }*/

/* Force new columns 
.grid::before,
.grid::after {
  content: "";
  flex-basis: 100%;
  width: 0;
  order: 2;
}
/*item-box-croci*/
.item-box-croci{position: relative;}
.item-box-croci .timeline{
	position: absolute;
    color: rgba(0, 0, 0, 0.1);
    font-size: 100px;
    line-height: 72px;
    font-weight: bold;
    top: -20px;
    left: -10px;
}
.item-box-croci .title{font-size: 25px;}

/*box-content-tri-box*/
.box-content-tri-box h3{font-size: 23px;}
.box-content-tri-box ul{padding: 0 0 0 15px;margin: 0;}
.box-content-tri-box ul li{line-height: 21px;}
/*promo-action*/
.promo-action .box-baner-page .box-text{
	margin-right: 300px;
	line-height: 90px;color: #fff;
  /*text-shadow: 1px 1px 1px white;*/
}
.promo-action .box-baner-page{position: relative;}
.promo-action .box-baner-page:before{
		content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}
.promo-action .box-baner-page .box-jcc{min-height: calc(100vh - 65px);}
.promo-action .box-vu-polucite .box-text{color: #fff;text-align: center;}
.box-organizacia .box-img{
	max-width: 230px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    border: 5px solid #f58356;margin-left: auto;
}
.box-organizacia h3{text-transform: uppercase;font-size: 27px;}
.box-organizacia .box-img.phone{border: 0px;}
.box-organizacia .content-box a{color: #f58356;}
.box-organizacia .content-box a.big-a{color: #f58356;
		font-size: 80px;
    line-height: 80px;
    font-weight: bold;}
.box-organizacia .content-box{padding-left: 45px;}
.box-organizacia .content-box h3{
		position: relative;
    text-transform: uppercase;
    font-size: 85px;
    line-height: 65px;
	margin-bottom: 10px;
}
.box-organizacia .content-box h3:before{
	content: "";
    position: absolute;
    left: -55px;
    top: 0;
    width: 58px;
    bottom: 0;
    background-image: url(/web/20200928122517im_/https://msg.biz.ua/img/test/а6.png);
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}
.box-organizacia .content-box p{margin: 0;}
.box-organizacia .content-box ul{padding: 0 0 0 20px;margin: 0;}
.box-organizacia .content-box ul li{}
@media (max-width: 992px){
	.box-organizacia .content-box a.big-a{font-size: 65px;}
}
@media (max-width: 768px){
	.box-organizacia .content-box.big-a-box{text-align: center;}
	.promo-action .box-baner-page .box-text{margin-right: 0px;line-height: 55px;}
	.promo-action .box-baner-page .box-jcc{min-height: 80vh;}
}

@media (max-width: 576px){
	.box-organizacia .box-img{margin: auto; margin-bottom: 20px;max-width: 100%;}
	.box-organizacia .content-box h3:before{display: none;}
	.box-organizacia .content-box {padding-left: 0;}
	.box-organizacia .content-box a.big-a{font-size: 42px;}
	
}
/*promo-action*/

.mfp-arrow:focus, .mfp-arrow:hover{outline: none;}

.pop-zacaz .mfp-content{
	background-color: #fff;
	max-width: 600px;
	margin: auto;
}
.pop-zacaz .formTitle{
	margin-bottom: 20px;
	border-bottom: 1px solid #333;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 20px;
}
.pop-zacaz form{
	padding: 20px;
}
.box-done-form{
  position: fixed;
    right: 10px;
    top: -100px;
    z-index: 1000000;
    background: #03b900;
    max-width: 260px;
    padding: 15px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    transition: all 1s ease-in;
}
.btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(251,68,65,0);
    box-shadow: 0 0 0 0.2rem rgba(251,68,65,0);
}
.box-btn a {cursor: pointer;}

.box-nahi-yslygi .item{z-index: 10;position: relative;}
.box-nahi-yslygi .item div.btn .fab {color: #232b4b;font-size: 50px;}
.box-nahi-yslygi .item:hover div.btn .fab {color: #fff;}
.box-vu-polucite .item{padding-bottom: 40px;}
header .box-ostalis-vopros .box-img{max-width: 360px;margin: auto;}
header .box-mmenu-btn a{border: 1px solid #fff;border-radius: 5px;}
.box-mmenu-btn a i{padding: 8px;}
.mm-slideout .container-fluide .row{/*margin-left: 0;margin-right: 0;*/}
.box-nahi-yslygi .item .box-img .fas,.box-nahi-yslygi .item .box-img .fab {
    padding: 20px;
    border-radius: 50%;
    min-width: 120px;
    min-height: 120px;
    max-width: 120px;
    max-height: 120px;
    display: inline-block;
    text-align: center;
    padding-top: 64px;
    line-height: 1px;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: 0 9px 14px -5px rgba(0,0,0,.23);
    box-shadow: 0 9px 14px -5px rgba(0,0,0,.23);
    color: #232b4b;
    font-size: 50px;	
    -webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.box-nahi-yslygi .item {
    padding-bottom: 15px;
    padding-top: 0px;
}
.box-vu-polucite .item {
    padding-bottom: 0px;
}
.box-nahi-yslygi .item:hover .box-img .fas,.box-nahi-yslygi .item:hover .box-img .fab{
	font-size: 57px;

}
.box-vu-polucite .item .box-img .fas {
    padding: 20px;
    border-radius: 50%;
    min-width: 120px;
    min-height: 120px;
    max-width: 120px;
    max-height: 120px;
    display: inline-block;
    text-align: center;
    padding-top: 60px;
    line-height: 1px;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: 0 -9px 7px 0 rgba(255,255,255,.23);
    box-shadow: 0 -9px 7px 0 rgba(255,255,255,.23);
    color: #232b4b;
    background-color: #fff;
    font-size: 50px;
    -webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.box-vu-polucite .item:hover .box-img .fas{
	font-size: 57px;
}
.box-ostalis-vopros .box-img {
    text-align: center;
    border-radius: 15px;
    overflow: auto;
    -webkit-box-shadow: 0px 11px 7px 7px #1e284b, 0px 1px 7px 7px #1e284b;
    -moz-box-shadow: 0px 11px 7px 7px #1e284b, 0px 1px 7px 7px #1e284b;
    box-shadow: 0px 11px 7px 7px #1e284b, 0px 1px 7px 7px #1e284b;
}
.box-baner-page .box-img, .box-baner-page .box-text {
    vertical-align: middle;
}
.box-cena-primer .item .box-teni{height: 100%;}
.footer .box-futer-menu, .footer .box-sochal, .footer .contact {
min-width: auto;
}
.footer .contact .title, .footer .formTitle{font-size: 18px;padding-top: 10px;}
.footer .contact .title .phone{opacity: .4;font-size: 16px;}
.footer .contact .title ul.phone{list-style-type: none;padding: 0; padding-top: 10px;opacity: 1;}
.footer .contact .title ul.phone li{list-style-type: none;display: inline-block;padding-left: 10px;}

.box-cena-primer .item .box-btn{margin: 0 10px;}
.box-cena-primer .item .box-btn a{width: 100%;}

.box-baner-page .box-form .formTitle {color: #fff;text-align: left;font-size: 20px;padding-bottom: 20px;text-transform: initial;}
.box-baner-page .box-form{padding: 20px;}
.btn-box-baner-page{background: rgba(255, 255, 255, 0);border: rgba(255, 255, 255, 0);color: #fff;padding: 0;margin: 0;}


.mm-menu {
    --mm-line-height: 20px;
    --mm-listitem-size: 44px;
    --mm-navbar-size: 48px;
		--mm-color-border: rgba( 0,0,0, 0.3 );
    --mm-color-button: rgba( 255,255,255, 0.4 );
    --mm-color-text: rgba( 255,255,255, 0.85 );
    --mm-color-text-dimmed: rgba( 255,255,255, 0.4 );
    --mm-color-background: #333;
    --mm-color-background-highlight: rgba( 255,255,255, 0.08 );
    --mm-color-background-emphasis: rgba( 0,0,0, 0.1 );
    --mm-shadow: 0 0 20px rgba( 0,0,0, 0.5 );
}
@media (max-width: 1200px){
.box-baner-page .box-text {
    display: block;
}
	
}
@media (max-width: 768px){
header .logo {max-width: 115px;}
.box-baner-page .box-form{position: relative;margin-bottom: 20px;}
.box-baner-page .box-img-text{text-align: center;padding-top: 20px;}
.box-baner-page .box-text {
    font-size: 55px;padding-bottom: 40px;
    padding-left: 0px;
}
.box-perezvonim img {max-width: 100%;}
.box-ostalis-vopros .img-res{width: 100%;}
}
@media (max-width: 576px){
header .logo{text-align: center;margin: auto;}
header .tubox-menu{-ms-flex-pack: center!important;justify-content: center!important;}
header .box-mmenu-btn{position: absolute;right: 0;top: 15px;}
header .phone .header-tel {font-size: 19px;}
}