/*body {
    font-size: 16px;
    /*font-size:10em !important;
    transition:all .5s ease-in-out; 
    -o-transition:all .5s ease-in-out; 
    -moz-transition:all .5s ease-in-out; 
    -webkit-transition:all .5s ease-in-out;
}

@media screen and (max-width:500px) {
	
	body {
    font-size: 10px;
	}

	h2   	{
		font-size: 16px !important;
		}
  
}
*/

.sp-megamenu-parent 
{
	  float: left!important;
}

h2     
{
	border-bottom: 1px solid #D4D4D4;
    font-weight: normal;
    padding-bottom: 30px;
	position: relative;
	color: #0097cd!important;
	font-size: 30px!important;
}
h3     
{
	/*font-size: 20px!important;*/
}
#sp-top-bar .sp-module 
{
	margin:0 !important;
}
/*___МЕНЮ_______________________________*/


#sp-header {
    height: 40px !important;
    
}

.sp-megamenu-parent > li > a {

    line-height: 40px !important;
}

#offcanvas-toggler {
 
    line-height: 40px !important;
}

#offcanvas-toggler > i {
    font-size: 30px !important;
}
	
/*-----------------------------------------*/	
	
	
button.contactus-button {
   /* margin-top: 15px;
	margin-bottom: 15px;*/
	margin: 15px auto;
	padding: 10px 16px !important;
}
.sp-megamenu-parent >li >a {
    padding: 0 18px !important;
    font-size: 14px !important;
    }
	
.my-block
{
	position: relative !important;
	border: 1px solid #c7c7c7;
	border-radius: 8px 8px 8px 8px;
	border-bottom: solid 2px #D3D3D3;	
	min-height: 450px;
	height: auto;
	max-height: 750px;
	padding: 10px;
	margin-top: 15px;
	background: #fbfbfb;
	/*min-width: 250px;
	width:auto;
	max-width: 600px;*/
	/*overflow: auto;*/
	font-size: 14px !important;
	/*position:relative;
            /*width:45%;  
            padding:1em; 
            margin:2em auto 5em; 
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
	
}	
        .my-block:before,
        .my-block:after {
            content:"";
            position:absolute; 
            z-index:-2;
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
        }

        .my-block:after{                 
            right:10px; 
            left:auto;
        }
		
.my-block:before {
            width:auto !important;
            right:10px !important;
            left:10px !important;
            bottom:0 !important; 
			border-radius: 200px / 50px;
            -webkit-box-shadow:0 8px 20px rgba(0, 0, 0, 0.5) !important;
            -moz-box-shadow:0 8px 20px rgba(0, 0, 0, 0.5) !important;
            box-shadow:0 8px 20px rgba(0, 0, 0, 0.5) !important;
        }
.title-naprav
{
	background: #0097cd;
	font-size: 18px;
	padding: 5px;
	margin-bottom: 10px !important;
	margin-top: 15px !important;
	color:#fff;
	text-align: center;
}
.karta-kontur
{
	background-color: #fff;
	border-top: solid 5px rgba(255, 255, 255, 0.7);
	border-bottom: solid 5px rgba(255, 255, 255, 0.7);
}
.karta-kontur:before 
{	
	content: " ";
	z-index:2;
	height: 15px;
    background: #0097cd /*url(../images/border-top.png) repeat-x*/;
}
.karta-kontur:after
{
	content: " ";
	z-index:2;
	height: 15px;
    background: #0097cd /*url(../images/border-bottom.png) repeat-x*/;
}

/* Apply */
#apply-form .left {
	float: left;
}

#apply-form .right {
	float: right;
}

#apply-form .width50 {
	width: 50%;
}

#apply-form .field {
	margin-bottom: 22px;
}

#apply-form .input input,
#apply-form select {
  	height: 40px;
	width: 100%;
	background: #f5f5f5;
	border: 1px solid #d4d4d4;
}

#apply-form .width50.left div {
	padding-right: 22px;
}

#apply-form .width50.right div {
	padding-left: 22px;
}

#apply-form .button {
	text-align: right;
}

#apply-form button {
	margin-top: 8px;
	padding: 0 !important;
	width: 242px;
	height: 36px;
	line-height: 36px;
	font-weight: normal;
	text-transform: none;
	background: #0097cd;
}

#apply-form .apply-msg {
	line-height: 36px;
	color: green;
}

#apply-form label.error {
	margin: 0;
	font-size: 12px;
	color: red;
}

@media(min-width: 768px) {
	.ttitle {
		display: block;
		margin-top: 60px;
	}
}

.ttitle {
	display: block;
	margin-top: 25px;
	font-size: clamp(24px, 5vw, 72px) !important;
}

.ttext {
	font-size: clamp(14px, 3vw, 40px) !important;
}

@media (max-width: 768px) {
	.ttitle {
		display: block;
		line-height: 1.1 !important;
	}

	.ttext {
		display: block;
		line-height: 1.1 !important;
		margin-top: -5px !important;
	}

	div.nextend-bullet-bar {
		--widget-offset: 2px !important;
	}

	div#n2-ss-2 .n2-bullet {
		padding: 0px 4px 2px 4px !important;
		margin-bottom: 0 !important;
		width: 20px;
	}

	.n2-ss-control-bullet {
		--widget-offset: 0px !important;
	}
}

@media (max-width: 479px) {

	#apply-form .left,
	#apply-form .right {
		float: none;
	}

	#apply-form .width50,
	#apply-form button {
		width: 100%;
	}

	#apply-form .width50 div {
		padding: 0 !important;
	}

}