body {
	font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
    }

a {
text-decoration: none !important;
}

button, button:active, button:focus { 
	outline: none !important; /* убирает черную рамку вокруг кнопки */ 
} 


.uroven_zag {
margin-top: 0px; 
margin-bottom: 0; 
color:  #009ee0 ;}

    .box-main {
        justify-content: center;

    }

    .box1,
    .box2 {
        width: 35vw;
        height: 15vh;
        display: block;
        margin-inline: 2vw;
        margin-top: 2vw;
        padding: 0;
		
 /*       text-transform: uppercase; */
	 background-image: linear-gradient(to right, #1D91C2 0%, #009ee0 51%, #66c5ec 100%);
  background-size: 200% auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  transition: .5s;
  border: 1px solid rgba(255, 255, 255, .4);
  	border-radius: 6px;
    }

    .box1,
.box2 {}
	
	.box1:hover,
    .box2:hover {
  background-position: right center;
  border-color: #ff4992;
  border-width: 2px;
    color: white;
	  	border-radius: 6px;
		cursor: pointer;
	 background-image: linear-gradient(to left, #ff7db1 0%, #ff4992 47%, #18B0F2 100%);
	   transition: .5s;
	   	font-weight: 500;
		  transform: translateY(-3px);
		    box-shadow: 0 5px 5px grey;
}		

    .box-main3 {
        display: flex;
        justify-content: center;
        margin-inline: 2vw;
        margin-top: 2vw;
    }

    .box3 {
        width: 40vw;
        height: 14vh;
        display: block;
        margin-inline: 0;
        margin-top: 0;
        padding: 0;

        background: rgb(84, 155, 255);
    }

    .box-inner ,
    .box-inner3 {
        display: flex;
        height: 100%;
        padding: 20px;
    }

    .box-text {
        text-align: center;
        color: white;
        margin: auto;
        font-size: 1.3rem;
    }
	
    .box-text3 {
        text-align: center;
        color: white;
        margin: auto;

        font-size: 1.1rem;
    }



@media screen and (min-width: 721px) { 
    .box-main {
        display: flex;
    }
}


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

    .box1,
    .box2 {
        width: 80vw;
        height: 22vh;
        margin-inline: auto;
        margin-top: 4vh;
    }

/*
    .box1,
    .box2 {
        width: 80vw;
        height: 22vh;
        display: block;
        margin-inline: auto;
        margin-top: 4vw;
        padding: 0;
        text-transform: uppercase;

        background: rgb(84, 155, 255);
    }


    .box3 {
        width: 80vw;
        height: 18vh;
        display: block;
        margin-inline: auto;
        margin-top: 4vw;
        padding-inline: 0;

        background: rgb(84, 155, 255);
    }

    .box-inner {
        display: flex;
        height: 100%;
        padding: 5px 20px;
    }

    .box-inner3 {
        display: flex;
        height: 100%;
        padding-inline: 24px;
    }

    .box-text {
        text-align: center;
        color: white;
        margin: auto;

        font-size: 1.1rem;
    }

    .box-text3 {
        text-align: center;
        color: white;
        margin-top: auto;
        margin-bottom: auto;

        font-size: 1.0rem;
    }
	
*/	
}

/* СПЕЦИАЛЬНОСТИ =======================================================     */


/* @media screen and (min-width: 721px) { */
    .specbox-main {
//        display: flex;
        justify-content: left;
		text-align: left;
		margin: auto;
		width: 100%;
    }

    .specbox1,
    .specbox2 {
	width: 24%;
    height: 8vh;
    display: inline-block;
    margin-inline: 0.2vw;
    margin-bottom: 1.8vh;
    padding: 0px 15px;
 //   text-transform: uppercase;
    vertical-align: top;
//	background: #4676D7;
	border-radius: 6px;
	font-family: 'Montserrat', sans-serif;
	
	 background-image: linear-gradient(to right, #1D91C2 0%, #009ee0 51%, #66c5ec 100%);
  background-size: 200% auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  transition: .3s;
  border: 1px solid rgba(255, 255, 255, .4);

    }

.specbox1:hover {
  background-position: right center;
  border-color: #ff4992;
  border-width: 2px;
    color: white;
//	  text-decoration: none; 
	  	border-radius: 7px;
		cursor: pointer;
	//		background: red;
	 background-image: linear-gradient(to left, #ff7db1 0%, #ff4992 47%, #18B0F2 100%);
	   transition: .3s;
	   	font-weight: 500;
		  transform: translateY(-3px);
		    box-shadow: 0 5px 5px grey;
}	

/*    .specbox-inner {
        display: flex;
        height: 100%;
        padding: 10px;
        background: #4676D7;		
    }
*/

    .specbox-text {
        text-align: center;
        color: white;
        margin: auto;
        font-size: 1.0rem;
    }
	
.specbox1:focus {
	border-color: #ff4992;
	border: 0;
}
	

/* } */

/* ============================================================================= */
@media screen and (max-width: 720px) {

    .specbox1,
    .specbox2 {
        width: 80vw;
        height: 12vh;
        display: block;
        margin-inline: auto;
        margin-top: 4vw;
        padding: 0;
    }

     .specbox-text {
        font-size: 1.1rem;
    }

}
/* ==============================*/