/*------------------------------------------------------------------

Project:	Azimuth software corporate site 
Version:	1.0.15
Last change:	20/09/2024
Assigned to:	So-Lo design 
Primary use:	Main styles definiton, grid, adaptive layout etc 
!*** based on general css-file for engine v.1.2

-------------------------------------------------------------------*/

@import url("flexslider.css");
@import url("sliders.css");

/*------------------------------------------------------------------

01. General Styles
02. Preloader
03. Header
04. Full Screen Overlay Menu
05. Content Styles
06. Contact form
07. Image & Div Animation
08. Shortcodes
09. Footer
10. Custom elements
12. Responsive Media Querries

Colors

Dark tones
  Carbon						#1e1d23
	Graphite 					#272e38 
		
Light tones
  White							#fff
  Light Warm Grey		#f5f6f8
  Light Cool Grey		#e8ebf0	
	
Blue tones	
	Light GreyBlue		#abc0d9
	GreyBlue					#8ca4c2
	Dark GreyBlue			#6f88ab

WarmRed							#b9fd3c  / #f54029
	
	grad	
	#1f5bed -> #4f6ae9 -> #29f5e7 
	
-------------------------------------------------------------------*/

/* 1. General Styles */		
	
	html,body{
		font-family: Arial,sans-serif;
    font-size: 12px;		
		font-weight: 400;
		height: 100%;
		width: 100%;
		color: #252a36;  	 /* anthracite */
		background: #fff;  /*    */
		-webkit-font-smoothing: antialiased;  		
	}
	
	body{
		overflow-x: hidden;
		overflow-y: scroll;
	}
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		border: 0;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
	}
	
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	nav,
	section {
		display: block;
	}

	audio,
	canvas,
	video {
		display: inline-block;
		max-width: 100%;
	}	
	
	b,
	strong {
		font-weight: 600;
	}
	
	cite,
	dfn,
	em,
	i {
		font-style: italic;
	}
	
	mark,
	ins {
		background: none repeat scroll 0 0 #0d7dfd;
		padding: 3px 6px;
		text-decoration: none;
	}
	
	code,
	kbd,
	tt,
	var,
	samp,
	pre {
		font-family: monospace, serif;
		font-size: 15px;
		-webkit-hyphens: none;
		-moz-hyphens:    none;
		-ms-hyphens:     none;
		hyphens:         none;
		line-height: 1.6;
	}
	
	pre {
		border: 1px solid rgba(0, 0, 0, 0.1);
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
		margin-bottom: 24px;
		max-width: 100%;
		overflow: auto;
		padding: 12px;
		white-space: pre;
		white-space: pre-wrap;
		word-wrap: break-word;
	}
	
	small {
		font-size: smaller;
	}
	
	big {
		font-size: 125%;
	}
	
	sup,
	sub {
		font-size: 75%;
		height: 0;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}
	
	sup {
		bottom: 1ex;
	}
	
	sub {
		top: .5ex;
	}
	
	dl {
		margin-bottom: 24px;
	}
	
	dt {
		font-weight: bold;
	}
	
	dd {
		margin-bottom: 24px;
	}
	
	ul,
	ol {
		list-style: none;
		margin: 0 0 24px 20px;
	}
	
	ol {
		list-style: decimal;
	}
	
	li > ul,
	li > ol {
		margin: 0 0 0 20px;
	}
	
	li {
		line-height: 20px;
	}
	
	figure {
		margin: 0;
	}
	
	fieldset {
		border: 1px solid rgba(0, 0, 0, 0.1);
		margin: 0 0 24px;
		padding: 11px 12px 0;
	}
	
	legend {
		white-space: normal;
	}
	
	button,	input {
		line-height: normal;
	}
	
	input,
	textarea {
		background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
	}
	
	button, html input[type="button"], 
	input[type="submit"] {
		cursor: pointer;
	}
	
	textarea {
		overflow: auto;
		vertical-align: top;
	}
	
	::-moz-selection {
		background: #000;
		color: #fff;
		text-shadow: none;
	}
	
	img {
		border: 0 none;
		height: auto;
		max-width: 100%;
		vertical-align: middle;
	}

	.as-background-img-container {
		position: relative;
		width: 100%;
		display: block;
	}	
	.as-background-img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.videos iframe {
		width: 100%;
  }
	
	.video-wrapper {
		display: block;
		position: relative;
    margin-bottom: calc(2vmax);
		cursor: pointer;		
	}	
	.video-stub {
    position: absolute;		
		height: 90%;
    width: 100%;
		top: 0;
    opacity: 0.75;
    background: linear-gradient(180deg, rgb(57,85,107,1.0) 5%, rgb(57,85,107,0) 100%);	
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;			
	}	
	.video-btn {
    position: absolute;
    width: 40px;
    height: 40px;
    margin: -20px;
    left: 50%;
    top: 50%;
		color: #fff;
	}		
	.video-wrapper #play-btn.video-btn {
		opacity: 1;
		-webkit-transition: opacity 0.3s ease-in-out;
		-moz-transition: opacity 0.3s ease-in-out;
		-o-transition: opacity 0.3s ease-in-out;
		-ms-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;		
	}
	.video-wrapper #pause-btn.video-btn {
		opacity: 0;
		-webkit-transition: opacity 0.3s ease-in-out;
		-moz-transition: opacity 0.3s ease-in-out;
		-o-transition: opacity 0.3s ease-in-out;
		-ms-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;			
	}
	.video-wrapper.active:hover #play-btn.video-btn {
		opacity: 0;
	}	
	.video-wrapper.active:hover #pause-btn.video-btn {
		opacity: 1;
	}	
	.video-wrapper:hover .video-stub {
		opacity: 0.85;
	}
	.video-wrapper.active:hover .video-stub {	
		height: 92%;
	}	
	.video-wrapper.active .video-stub,	
	.video-wrapper.active:hover .video-stub {
		opacity: 0;
	}		
 	.video-wrapper:hover #play-btn.video-btn {
		opacity: 1;
	}	
	.video-wrapper:hover #pause-btn.video-btn {
		opacity: 0;
	}		

	
	h1, h2, h3, h4, h5, h6 {
		font-weight: 400;
		font-family: Gilroy-Bold,Arial,Helvetica,sans-serif;
		margin-bottom: 20px;
	}	

	h1{
		font-size: 5.0em;
		line-height: 1.0em;
	}
	
	h2{		
		font-size: 4.0em;  
		line-height: 1.0em;		
	}
	
	h3{	
	  font-size: 3.0em; 
		line-height: 1.05em;		
	}
	
	h4{
		font-size: 2.0em;
		line-height: 1.1em;		
	}
	
	h5{
		font-size: 1.7em;
		line-height: 1.1em;			
	}
	
	h6{
		font-size:15px;
		line-height: 18px;
	}

	
/* --------------- Colors -------------*/	

  .color-carbon {				
		color: #1e1d23;
	}
  .color-carbon-bk {				
		background-color: #1e1d23;
	}

	.color-graphite {
		color: #272e38;
	}
	.color-graphite-bk {
		background-color: #272e38;
	}	
	
	.color-dark-greyblue {
		color: #6f88ab;
	}
	.color-dark-greyblue-bk {
		background-color: #6f88ab;
	}		
  .color-greyblue {				
		color: #8ca4c2;
	}
  .color-greyblue-bk {				
		background-color: #8ca4c2;
	}	
  .color-light-greyblue {				
		color: #abc0d9;
	}
  .color-light-greyblue-bk {				
		background-color: #abc0d9;
	}	
	
  .color-light-warmgrey-bk {				
		background-color: #f5f6f8;
	}
  .color-light-coolgrey-bk {				
		background-color: #e8ebf0;
	}				
	
  .color-primary-green {				
		color: #b9fd3c;
	}
  .color-primary-green-bk {				
		background-color: #b9fd3c;
	}	
  .color-green {				
		color: #27ab56;
	}
  .color-green-bk {				
		background-color: #27ab56;
	}	
  .color-dark-blue {				
		color: #072066;
	}
  .color-dark-blue-bk {				
		background-color: #072066;
	}	
	
	.color-white, .light-content {
		color: #fff;
	}
  .color-white-bk {				
		background-color: #fff;
	}		

		
/* --------------- Alignment -------------*/	
	
  .md-left {
		float: left;
	}
  .md-right {
		float: right;
	}
	.text-align-right {
		text-align: right;		
	}

/* ------------ Layout blocks ------------*/

	p {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 23px;
    letter-spacing: 0.25px;
    margin-bottom: 20px;	
	}
		
	section {
		margin: 0;
		padding: 0;	
		position: relative;
		width: 100%;
		display: block;
		overflow: hidden;
	}
	
	section .overlay {
		margin: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	
	section:after {
		clear: both;
		content: " "; 
		display: block;
	}

	.section-back, .section-layer, .overline-layer {
		display: block; 
		width: 100%; 
/*		min-height: 100px;		*/
	}

	.overline-layer {	
		position: absolute;
		min-height: inherit;				
		top: 0;
		left: 0;
	}		
	.section-wrap {
		padding: 40px 0;
	}
		
	.section-content {
	}	

	.section-heading {
		color: #fff;	
		margin-bottom: 3.0em;			
	}

	.section-content img {
		padding: 0 0 20px 0;		
	}		
	
	.section-content h2,h3,h4,h5,h6 {
		font-family: Gilroy-Medium,Arial,sans-serif;
		font-weight: 400;		
		letter-spacing: 0.15px;  /*  0.5px  */				
		color: #fff;
	}		
	.section-content h2 {
		font-size: 3.4em;
	}
	.section-content h3 {
		font-size: 3.0em;
	}
		
	.section-heading h3 {		
		font-family: Gilroy-Medium,Arial,sans-serif;
		font-weight: 600;
		font-size: 3em;
		letter-spacing: 0.5px;				
		color: #fff;
		margin-bottom: 10px;
	}		
		
	.section-content .intro {
		font-family: Gilroy-Medium,Arimo,Arial,sans-serif;
		font-weight: 400;
		font-size: 1.7em;
		line-height: 1.4em;	
		letter-spacing: 0.5px;			
	}

	.section-content ul.item-content li	{
		font-family: Arial,Helvetica,sans-serif;
		font-weight: 400;
		font-size: 1.2em;
		line-height: 1.4em;
		letter-spacing: 0.05px;			
		color: #fff;		
	}

	.section-content ul.item-content {
		margin: 0;	
	}		
	.section-content ul.item-content li	{
		margin-bottom: 1em;	
	}
	.section-content ul.item-content li:before {
	  content: "•";
		display: block;
		width: 8px;
		height: 8px;
		float: left;		
		font-size: 1.5em;	
    line-height: 1.0em;		
		color: #252a36; 	
		margin: 0 10px 1.2em 0;
	}
		
	.wrapper {
	  opacity: 1;
		position: relative;
		min-height: 100%;
	}
	
	.container {
		position: relative;
		width: 1280px;
		margin: 0 auto;
		display: block; 
		--cw: 1280px;	
	}
		
	div.disabled, a.disabled, input.disabled {	
		display: none;
	}
		
/*--------------- links ---------------*/ 	
	a:hover, a:active, a:focus {
	  outline: 0;
		text-decoration:none;				
	}
	
	a {
		outline: 0;		
    cursor: pointer;	
		color: #b9fd3c;			
		text-decoration:underline;  	
    -webkit-transition: color .3s ease, opacity .3s ease-in-out;
       -moz-transition: color .3s ease, opacity .3s ease-in-out;
        -ms-transition: color .3s ease, opacity .3s ease-in-out;
         -o-transition: color .3s ease, opacity .3s ease-in-out;
            transition: color .3s ease, opacity .3s ease-in-out;
  }
	
	a.body, a.light {
		color: #fff; 
		text-decoration:underline;	
	}
	a.body:hover, a.body:active, a.body:focus {	
		text-decoration:none;		
	}

	a.light:hover, a.light:active, a.light:focus {	
		color: #b9fd3c; 
		text-decoration:none;	
	}
	
	.one_half,
	.three_sixth {
    	width: 47%;
	}	

	.one_third {
		width: 30.6%;
	}	

	.one_fourth {
		width: 22%;
	}	

	.one_fifth {
		width: 16.8%;
	}	

	.one_sixth {
		width: 13.33%;
	}	

	.two_fifth {
		width: 37.6%;
	}	

	.two_fourth {
		width: 48%;
	}		

	.two_third {
		width: 65.33%;
	}	

	.four_sixth {
		width: 69%;
	}
	
	.three_fifth {
		width: 58.4%;
	}	

	.three_fourth {
		width: 74%;
	}	

	.four_fifth {
		width: 79.2%;
	}	

	.five_sixth {
		width: 82.67%;
	}	

	.one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .four_sixth, .five_sixth {
		float: left;
		margin-bottom: 20px;
		margin-right: 4%;
		position: relative;
	}
	
	.one_half {
		float: left;
		margin-bottom: 20px;
		margin-right: 6%;
		position: relative;
	}

	.last {
		margin-right: 0;	
	}
	.even {
 		margin-right: 4%;
	}
	.no-bottom, .empty {	
		margin-bottom: 0;
	}

	.text-align-center {
		text-align:center;
	}
	
	.text-align-left {
		text-align:left;
	}

	
/* End of general styles ---*/	
	
  .clearFix {
		clear: both;
		content: " ";
		display: block;
		height: 0;
		visibility: hidden;
	}
	

/*--------------------------------------------------
	02. Preloader 
---------------------------------------------------*/
	
	.loading-mask {
		background: #252a36;
		height: 100%;
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 1001;
	}
/*
	#loader {
		width: 40px;
		height: 40px;
		left: 50%;
		top: 50%;
		position: absolute;
		margin: -20px 0 0 -20px;
		background-color: #b9fd3c;
		border-radius: 100%;  
		-webkit-animation: scaleout 1.0s infinite ease-in-out;
		animation: scaleout 1.0s infinite ease-in-out;
	}
	
	@-webkit-keyframes scaleout {
		0% { -webkit-transform: scale(0.0) }
		100% {-webkit-transform: scale(1.0); opacity: 0; }
	}
	
	@keyframes scaleout {
		0% { 
		transform: scale(0.0); -webkit-transform: scale(0.0); } 
		100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; }
	}
*/
/*--------------------------------------------------
	03. Header
---------------------------------------------------*/	

	header {		
		width: 100%;  
		position: fixed;
		top: 0px;
		z-index: 100;
		-webkit-transition: top 0.3s ease-in-out;
		-moz-transition: top 0.3s ease-in-out;
		-o-transition: top 0.3s ease-in-out;
		-ms-transition: top 0.3s ease-in-out;
		transition: top 0.3s ease-in-out;		
	}
	
	header.hbg {
		background: #fff;
		height: 85px;
		-webkit-box-shadow: 0 10px 15px rgba(0,0,1,.25);
		box-shadow: 0 5px 10px rgba(0,0,1,.2);	
	}

  #header.back {
	  position: fixed;
		top: 0px;
/*		
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.7)), to(rgba(255,255,255,0)));
		background:    -moz-linear-gradient(top, #000, transparent);
		background:      -o-linear-gradient(top, #000, transparent);
		background:         linear-gradient(top, #000, transparent);	
*/
		background: -webkit-radial-gradient(circle 130vh at 5% 0, #27ab56, #072066);	
		background:    -moz-radial-gradient(circle 130vh at 5% 0, #27ab56, #072066);	
		background:      -o-radial-gradient(circle 130vh at 5% 0, #27ab56, #072066);	
		background:         radial-gradient(circle 130vh at 5% 0, #27ab56, #072066);			
	}
	
	header.nav-down {
		top:0;
	}

	header.nav-up {
		top: -85px;
	}
	
	header.first-load {
		height:0px;	
		-webkit-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);			
		-moz-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);			
		-o-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);			
		-ms-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);			
		transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);  
		opacity:0;
		top:0px;			
	}
	
	#header-wrapper {
		-webkit-transition: opacity 0.25s ease-in-out;
		-moz-transition: opacity 0.25s ease-in-out;
		-o-transition: opacity 0.25s ease-in-out;
		-ms-transition: opacity 0.25s ease-in-out;
		-khtml-transition: opacity 0.25s ease-in-out;
		transition: opacity 0.25s ease-in-out;
		opacity: 0;
		width: 1280px;
		height: 85px;
		margin: 0 auto;
		z-index: 101; 
		line-height: 82px;
		position: relative;		
	}
	
	#logo {
    display: flex;
		margin: 0;
    align-items: center;
    height: inherit;
		width: auto;
		float: left;		
	}	
	
	.logo, .logo-en,
	.logo-white, .logo-white-en {
		width: 200px;
		height: 45px;
	}
	.logo, .logo-en {
		background: url(../Img/assets/Azimsoft_logo_h02.svg) no-repeat 0 0;	
		background-size: contain;
	}	
	.logo-white, .logo-white-en {
		background: url(../Img/assets/Azimsoft_logo_h02_wt_ng.svg) no-repeat 0 0;
		background-size: contain;
	}
	
	#menubtn {
    width: 30px;
		height: inherit;
    cursor: pointer;
    float: right;		
	}
	
	#menubtn .menu-line {	
		height: 3px;
		width: 30px;
		margin: 5px 0;	
		background-color: #072066;
		display: block;
	}
	
	#menubtn:hover .menu-line {	
		background-color: #b9fd3c!important;			
	}

	#menubtn .menu-wrap,
	#menubtn .close-rotate	{
		top: 0;
		right: 0;
    position: absolute;
    height: 25px;
    width: 30px;
    padding: 0;						/*   5>=px, при явном выделении границ кнопки вызова меню   */
    bottom: 0;
    margin: auto 0;
    cursor: pointer;
	}	
/*	
	#menubtn .menu-wrap:hover  {	
		background-color: #e8ebf0!important;		  /* При явном выделении границ кнопки вызова меню  * 
	}
*/	
	#menubtn .menu-wrap:hover .menu-line {	
		background-color: #b9fd3c!important;		
	}
	
	#menubtn .close-rotate {
		height: 30px;
		width: 30px;
		position: absolute;	
		transition: transform 0.25s ease 0s;
		-moz-transition: transform 0.25s ease 0s;
		-webkit-transition: transform 0.25s ease 0s;
		-o-transition: transform 0.25s ease 0s;
	}
	
	#menubtn .close-rotate:hover {
		background: none; 
		-ms-transform: rotate(180deg); 
		-webkit-transform: rotate(180deg); 
		-o-transition:rotate(180deg);
		transform: rotate(180deg);
	}
		
	#menubtn .close-rotate .menu-line {
		-ms-transform: rotate(-45deg); 
		-webkit-transform: rotate(-45deg); 
		transform: rotate(-45deg);
		background-color: #999!important;
		display: block;
		height: 2px;
		width: 30px;
		position: absolute;
		margin-top: 13px;
	}
	#menubtn .close-rotate:hover .menu-line {
		background-color: #fff!important;	
	}
	
	#menubtn .close-rotate .menu-line:first-child {
		-ms-transform: rotate(45deg); 
		-webkit-transform: rotate(45deg); 
		transform: rotate(45deg);
	}
	
	#menubtn .menu-line.disabled,
	#menubtn .close-rotate .menu-line.disabled 	{
		display: none;
	}

	
/* --------------- User logon block and language menu --------------- */
	
  .lang {
		display: inline-block; 						/*  inline-block;  */
    float: right;											/*  "left"  with arrangement of the object from left to the right, that is after top menu's container */ 
		position: relative;								/*	"right" A case of flexible control container with arrangements of the object from right to left, that is, after the menu button  */  																	
	}

	.lang a.current-language {		
		font-weight: 400;
		text-transform: uppercase;
		font-size: 14px;
    cursor: pointer;	
		line-height: 85px;
    margin: auto 0;
    padding: 10px;
	}
	
	.lang-menu {
		overflow: hidden;  
		position: absolute;
		left: 0;
		text-align: left;
    margin-top: 0; 
    z-index: 0;
		opacity: 0;		
		background: #27ab56; 	
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);						
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;	
	}
	.lang-menu:before {
  	content: "";  
		display: block;
		height: 0px; 
		margin-top: -300px; 
		opacity: 0;
	}
	.lang-menu ul {
		margin: 0;
		list-style: none; 
    padding: 8px 10px;		
	}		
	.lang-menu li a {	
/*		color: #ccc;  */
		display: block;
		padding: 7px 0;		
		font: 14px/15px Gilroy-Regular,sans-serif;
		font-weight: 400;
		text-transform: none;
		text-decoration: none;
		letter-spacing: 0.15px;	
		border-bottom: none; 
	}

  .lang:hover .lang-menu:before {
		margin-top: 0px;
	}
	
	.lang:hover .lang-menu {
		margin-top: 0px;		
		opacity: 1;
	}
	
	#controls.light .lang a:hover:not(.no-action),
	.lang-menu li a:hover:not(.no-action), .lang-menu li a.active:hover {
	  color: #b9fd3c;
		text-decoration: none;		
	}	
	.light a.current-language {
		text-decoration: none;		
	}	
  a.current-language {
	  color: #072066;
		text-decoration: none;			
	}		
	a.current-language:hover {
		color: #27ab56; 
	}
	#controls.light a.current-language:hover {
	  color: #b9fd3c;
	}		
	.lang-menu li a.active {
	  color: #fff;
		text-decoration: underline;
	}	
	

	#controls  {
		display: inline-block; 
		float: right; 
		margin: 0; 
		padding: 0; 
		width: auto;   /* "50%"  — fixed control container's width when the inner elements arranged from left to the right  
									  "auto" — flexible control container's width when the inner elements arranged from right to the right  */	
		height: inherit; 		
	}
	
	#controls.light a:not(.no-action) {
		color: #fff;
	}
	
/* ---------------- main menu — topbar navigation ---------------- */	

	#top_menu {
	  position: relative;
		height: inherit;
	  float: right;    				/*  "left"  — place menu as a first object in #controls container 
																"right" — place menu as a last one  */
	}
	
	#top_menu ul {
	  padding: 0;
		height: inherit;
		display: table-cell;
	  list-style: none outside none;
		overflow: hidden;
	  vertical-align: middle;
	}	
	
	#top_menu li {
	  margin: 0 20px;
	  display: block;	  
	  text-align: left;
	  float: left;	
	}
	
	#top_menu  ul > li a {
		font: 1.35em/1em Gilroy-Bold,Arial,sans-serif;		
    font-weight: 400;
		letter-spacing: 0.25px;		
		text-decoration: none;
/*		text-transform: uppercase;		*/
		padding: 0 0 5px 0;		
		border-bottom: rgba(0,0,0,0) 1px solid; 			
		cursor: pointer;
  }
	
  #top_menu li a {
	  color: #072066;
	}	

  #top_menu.light ul li a	{	
		color: #fff;  
  }
	
	#top_menu ul li a:hover {	
    color: #27ab56; /*  #536cb3 #b9fd3c;  */
/*		background-color: #fff;  */
  } 
  #top_menu.light ul li a:hover	{	
		color: #b9fd3c;  
  }
	
	#top_menu li a.active {
    color: #27ab56;
		border-bottom: 4px solid; 		
  }
	
  #top_menu li:hover .sub-menu:before {
		margin-top: 10px;
	}
	
	#top_menu .sub-menu-in {
	  position: relative;
		background: #272e38;  
		display: inline-block;
		padding: 10px 5px 0 0;
		text-align: left;
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0;
		border-radius: 0 0 3px 3px;
		-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
		white-space: nowrap;
		color: #fff;		
	}	
	
	#top_menu .sub-menu {
		overflow: hidden;  
		position: absolute;
		left: 0;
		text-align: left;
    margin-top: 6px;		
    z-index: 0;
		opacity: 0;			
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);						
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;	
	}
	
	#top_menu .sub-menu:before {
  	content: "";  
		display: block;
		height: 0px;
		margin-top: -300px; 
		opacity: 0; 
	}
	
	#top_menu .sub-menu menu {
		white-space: normal;
		margin: 0px 10px 15px 0px;
		padding-left: 10px;
		width: 240px;
		vertical-align: top;
	}

	#top_menu .sub-menu li {
		display: block;
		float: none;
	  border-left: none;
    line-height: 1em; 		
	  margin: 0 10px;		
	}
	#top_menu li:hover .sub-menu {
		margin-top: 0px;		
		opacity: 1;
	}
	
	#top_menu .sub-menu-in li a,
	#top_menu.light .sub-menu-in li a {	
		color: #ddd;  /* #ccc; */
		display: block;
		padding: 7px 0;		
		font: 14px/15px sans-serif;
		font-weight: 400;
		text-transform: none;
		text-decoration: none;
		letter-spacing: 0.05px;	
		border-bottom: none; 
	}
			
	#top_menu .sub-menu-in li a:hover {
		color: #b9fd3c;
		border-bottom: none;		
	}

	#top_menu li a.no-action,
	li a.no-action {
/*		display: none;	 */
		color: #777;	
	}

	#top_menu ul > li a.no-action, #top_menu ul > li a.no-action:hover, 
	#top_menu.light ul > li a.no-action, #top_menu.light ul > li a.no-action:hover {
		color: #777;
/*    display: none;  */
	}

/*----------------  call back phone ----------------*/ 

	#top-callback {
    margin: 0 20px;		
		float: right;
		font-size: 2.5em;
		line-height: 100%;		
	}	
	#top-callback a:hover {
		color: #b9fd3c;
		border-color: #b9fd3c;
		background: transparent;
	}		
	#top-callback .bk-light {
		color: #072066;
		border-color: #aaa;
		background: #272e381f 
	}	
	#top-callback .bk-light:hover, #top-callback .bk-light:focus {
		color: #fff;
		border-color: #27ab56; /* #b9fd3c */
		background: #27ab56;
	}

	
/*--------------------------------------------------
	04-1. Full Screen Overlay Menu
---------------------------------------------------*/	
	#menu_screen {	
		position: fixed;			/* 100% full height menu-block  */
/*		left: 0;   */
		right: 0;							/* depends on the menu call button place */	
		top: 0;
		height: 100%;		
		width: 40%;						/*  100% full screen wifth 					*/
		background: #252e36;  /*  rgba(0,0,0,1.0);  */
	}	

	#menu_screen .menu-wrapper {
		position: relative;
		top: 25%;
/*
		top: 50%;	
		transform: translateY(-50%);  */  /*  меню раскрывается центральносимметрично вверх и вниз от середины по Y  */
    padding: 0 40px;
	}
	
	.mobile-menu {
		position: relative;
		width: 85%;
  }
	
  .mobile-menu .accordion dt {
	  cursor: pointer;
		color: #aaa;
    margin-bottom: 10px;		
	}	
	
  .mobile-menu .accordion dd {
	  margin-bottom: 10px;
	}	
	
	.mobile-menu .accordion dt,
	.mobile-menu .accordion dt a {
		font: 2.0em/1.4em Gilroy-Medium,Verdana,sans-serif;				
		font-weight: 600;  */
		color: #ccc;                 /*  #999  */
		background-color: none;
    letter-spacing: 0.2px;
	}	
	.mobile-menu .accordion dt a {
		font: 1.0em/1.5em Verdana,sans-serif;
		font-weight: 600;		
	}
	
	.mobile-menu .accordion dt.accordion-active,
	.mobile-menu .accordion dt.active,
	.mobile-menu .accordion dt.active:hover,	
	.mobile-menu .accordion dt.accordion-active	a,
	.mobile-menu .accordion dt.active	a	{	
		color: #b9fd3c;
	}

	.mobile-menu .accordion dt:hover,
	.mobile-menu .accordion dt a:hover {
		color: #fff;
	}
	.mobile-menu .accordion dt a:hover {
/*    text-decoration: underline;	*/
  }
	
 	.mobile-menu ul.submenu {
	  margin: 0 0 10px 0;
	  padding: 0;
	  list-style: none outside none;
	  display: block;
		overflow: hidden;
	  vertical-align: baseline;	
	}
	
	.mobile-menu li {
		padding: 5px 0;
	  margin: 0px;
	  display: block;	
		border-bottom: #777 1px solid;			
	  text-align: left;
	}	

	.mobile-menu ul > li a	{
	  display: inline-block;
		text-decoration: none;
		text-transform: uppercase;			
		width: 100%;
		font: 1.1rem/1.4rem Verdana,'PT Sans Narrow',sans-serif;	
		padding: 3px 10px; 
		letter-spacing: 0.2px;		
		border-bottom: rgba(0,0,0,0) 1px solid; 	
		cursor: pointer;
  }
	
  .mobile-menu li a	{
	  color: #aaa;
	}	
  .mobile-menu li a:hover	{
		color: #ccc;
	}	
  .mobile-menu ul li:hover	{	
		color: #ccc;
		border-bottom: #b9fd3c 1px solid;	
  } 		
	.mobile-menu li a.active {
    color: #b9fd3c;
		border-bottom: 4px solid; 		
  }	
	
  .mobile-menu ul > li a.no-action,
  .mobile-menu ul > li a.no-action:hover {		
		color: #666;
	}	
	
	
/* Toggle */
	
	.toggle-wrap {
		float: left;
		width: 100%;
	}
	
	.toggle-title {
		display: block;		
		padding: 10px 0;
		margin-bottom: 20px;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 1.25em;
		font-weight: 600;
    letter-spacing: 0.1px;
    line-height: 1.75em;
		border-top: 1px currentColor solid;	
		cursor: pointer;				
		transition:all 0.2s ease 0s;
		-moz-transition:all 0.2s ease 0s;
    	-webkit-transition:all 0.2s ease 0s;
    	-o-transition:all 0.2s ease 0s;
	}
	
	.toggle-title:after, .toggle-title:hover:after {
		content: " ";
		float: right;
		width: 30px;
		height: 30px;
	}
	.toggle-title:after {
    background: url(/Img/assets/i-open_tab.svg) no-repeat 0 0; 
		background-size: contain; 
	}
	.toggle-title:hover:after {
    background: url(/Img/assets/i-open_tab-hov.svg) no-repeat 0 0; 
		background-size: contain; 
	}
	
	.intro .toggle-title {
    line-height: 1.7em;		
	}
	
	.toggle-title a {
		color: #999;
		text-decoration: none;
	}
	
	.toggle-title:hover {
/*		background: #46445177;  */
		border-bottom: 1px #fff solid;	
		color: #fff;
	}
	
	.toggle-title:hover a{
		color: #fff;
	}
		
	.toggle-container {
		padding: 10px 0;
		margin-bottom: 24px;
		line-height: 25px;
    padding-bottom: 20px;		
	}
	
	.toggle-active {
		color: #fff;
		background: #b9fd3c; 
		border-top: 1px #fff solid;			
		border-bottom: 1px #fff solid;			
	}
	
	.toggle-active:after, .toggle-active:hover:after {
		content: " ";
		float: right;
		width: 30px;
		height: 30px;
	}
	.toggle-active:after {
    background: url(/Img/assets/i-close_tab.svg) no-repeat 0 0; 
		background-size: contain; 
	}
	.toggle-active:hover:after {
    background: url(/Img/assets/i-close_tab-hov.svg) no-repeat 0 0; 
		background-size: contain; 
	}
	
	.toggle-active a {
		color: #fff;
	}
	
/*--------------------------------------------------
	05. Content Styles
---------------------------------------------------*/				
			
	#content {
		background-color: #f5f6f8; /*  #fff;  */
		opacity: 0;  	 
	}
	
	#content:after {
		clear: both;
		content: " ";
		display: block;
		height: 0;  
/*    padding-bottom: 70px;		*/
		visibility: hidden;
	}

	#content-ajax {
	}
	
	#hero {
		position: relative;
		width: 100%;
		background-color:#fff;
		z-index: 0;  /*  1  */
	}
	
	#hero img {
		max-width:100%;
	}
  
	.hero-image {
  	width: 100%;
		height: inherit;  
		margin: 0;
		padding: 0;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: center center; 
		background-repeat: no-repeat;		
	}
		
		
/* Round buttons -------------------------------------- */			
	.round-btn,
	.round-btn-outline {
    display: inline-block;			 
		width: 3.5rem;
    height: 3.5rem;
    z-index: 2;
    padding: 0;
    position: relative;
    cursor: pointer;
    border-radius: 50%;
		opacity: 1;
    overflow: hidden;
    background-color: crimson;		
	}	

	.round-btn:before,
	.round-btn-outline:before	{
    content: '';
    display: block;		
    border-radius: 50%;
    position: absolute;
    z-index: 1;
		opacity: 0;
    transition: transform .6s cubic-bezier(.08,1.56,.29,1.56);
	}

	.hero__slider-controls {
		height: 3.5rem; 
		margin-top: -3.75rem; 
		z-index: 2;		
		display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: all;
		color: #fff;
	}
	
	.slider__controls-num {
		font-size: 0.9em;
		font-weight: 600;
		padding: 0 5px;
		color: #fff;
	}	
	
	.t-level {
    position: relative;
    height: 1px;
		width: 48%;
		margin: 0 0.5em;
    background-color: #eee; 
	}	
	.t-level span {
		height: 3px;
    position: absolute;
    top: -0.0625em;
    bottom: -0.0625em;
    border-radius: 2px;
    left: 0;
    right: 0;
		background-color: #fff;		
		width: 0;			
  }	
	.t-level:after span {
		width: 0;	
  }		
	
	
/* Main slider dir-nav buttons */	

	.hero__slider-controls .custom-nav {
    display: inline-block;
    z-index: 2;
	}	

	.hero__slider-controls .custom-nav  a.flex-prev, 
	.hero__slider-controls .custom-nav  a.flex-next{
		display: block;
    width: auto;
    height: 100%;
		background-position: center;	
		background-repeat: no-repeat;
		background-size: 25%;			
		cursor: pointer;
	}

	.hero__slider-controls .custom-nav  a.flex-prev {
		background-image: url(../Img/assets/slider_left_white.png);	 
    margin-left: -1px;		
	}
	
	.hero__slider-controls .custom-nav  a.flex-next{
		background-image: url(../Img/assets/slider_right_white.png);
		margin-left: 1px;				
	}

	.hero__slider-controls .custom-nav .round-btn-outline {
    position: relative;
    padding: 0;
    background: none;  
    border: none;
	}
	
	.hero__slider-controls .custom-nav .round-btn-outline:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 3.5rem;
    height: 3.5rem;
		opacity: 0.1;		
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
    -ms-transform: translateY(-50%) translateX(-50%) scale(0);
    transform: translateY(-50%) translateX(-50%) scale(0);
    background: #b9fd3c;
    border-radius: 50%;
    z-index: -1;
	}	


	@media(hover: hover) and (pointer: fine) {
		.hero__slider-controls .custom-nav .round-btn:hover:before,
		.hero__slider-controls .custom-nav .round-btn-outline:hover:before {
			transform: translateY(-50%) translateX(-50%) scale(1);
			opacity: 1;
		}	
	}
	
	.overlay {
		height:100%;
		width:100%;
	}
	
	.parallax {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:center center;
		background-repeat:no-repeat;
		background-attachment: fixed !important;		
	} 


/* -------------------------------------------------------------------------
   Scroll Down Button
 * ------------------------------------------------------------------------- */
	.scroll_down {
		position: absolute;
		margin: 0 auto;
		left: 0;
		right: 0;				
		height: 50px;
		width: 30px;
		bottom: 20px;
		
/* classic		

		background-color: transparent;
		border: 2px solid #d0d0d0;
		border-radius: 20px;
*/		
/* v-line & point

		height: 40px;
		width: 2px;
		bottom: 20px;
		background-color: #fff8;
		border-radius: 1px;		
*/		
		cursor: pointer;
		outline: none;
		z-index: 2;
	}
	
/* red point *	
	.scroll_down:before {
		position: absolute;
		top: 10px;		
		left: 50%;		
		content: '';
		width: 6px;
		height: 6px;
		margin-left: -3px;
		background-color: #b9fd3c;
		background: url(/Img/assets/scroll-down_arrow_new.svg) no-repeat; 
		border-radius: 100%;
		-webkit-animation: scroll_down_btn-animation 2s infinite;
		animation: scroll_down_btn-animation 2s infinite;
		box-sizing: border-box;
	}
*/
	.scroll_down:before {
		position: absolute;
		left: 50%;		
		content: '';
		width: 35px;
		height: 50px;		
		margin-left: -17px;
		background-color: #b9fd3c;
		background: url(/Img/assets/scroll-down_arrow_new.svg) no-repeat; 
    background-size: contain;		
		-webkit-animation: scroll_down_btn-animation 2s infinite;
		animation: scroll_down_btn-animation 2s infinite;
		box-sizing: border-box;
	}
	
	@keyframes scroll_down_btn-animation {
		0% {
			transform: translate(0, 0);
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		80% {
			transform: translate(0, 40px);
			opacity: 0.1;
		}
		100% {
			opacity: 0;
		}
	}

	@-webkit-keyframes scroll_down_btn-animation {
		0% {
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		80% {
			-webkit-transform: translate(0, 20px);
			transform: translate(0, 40px);
			opacity: 0.1;
		}
		100% {
			opacity: 0;
		}
	}
/* ----------------- scroll btn ------------------- */


/* ---------------- CTA section ------------------- */ 
	

	.cta-form .slogan {	
		display: block; 
	}
	.cta-form .section-wrap {	
	}	
	.cta-form h1.slogan {	
		font-size: calc(7vmin);
		font-weight: 400; 
		line-height: 1.0em;
		text-align: right;
		color: #fff;
		margin-bottom: 0;		
	}
	.cta-form h2.slogan {	
		font-size: calc(3.5vmin);
		font-weight: 600; 
		line-height: 1.0em;
		text-align: left;
		color: #b9fd3c;
		margin-bottom: 10px;				
	}	
	
/*--------------------------------------------------
	06. Contact form panel 
---------------------------------------------------*/
	
	#contact-panel {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 0px;
	}
	#contact-panel.section-content h5 {
		margin-bottom: 10px;
	}			
		
	::-webkit-input-placeholder {color:#999;}
	::-moz-placeholder          {color:#999;}/* Firefox 19+ */
	:-moz-placeholder           {color:#999;}/* Firefox 18- */
	:-ms-input-placeholder      {color:#999;}
	
	.form-field input[type="text"].must_fill::-webkit-input-placeholder {color:#27ab56;}	
	.form-field input[type="text"].must_fill::-moz-placeholder {color:#27ab56;}	
	.form-field input[type="text"].must_fill:-moz-placeholder {color:#27ab56;}	
	.form-field input[type="text"].must_fill:-ms-input-placeholder {color:#27ab56;}	
	textarea.must_fill::-webkit-input-placeholder {color:#27ab56;}
	textarea.must_fill::-moz-placeholder {color:#27ab56;}	
	textarea.must_fill:-moz-placeholder {color:#27ab56;}
	textarea.must_fill:-ms-input-placeholder {color:#27ab56;}	
	
	.form-field, textarea {
	  position: relative;
/*		border-bottom: 1px solid #908da1; 			/* #abc0d9 */		
		margin-bottom: 20px;
	}

	.form-field input[type="text"], textarea	{
		color: #072066;
		font-family: Gilroy-Bold,Arial,Helvetica,sans-serif;
		font-size: 1.4em; /* 15px; */
		letter-spacing: 0.1px;
		height: 40px;  /*  50px  */
/*		padding: 10px 25px 8px 10px;					/*  without icons into unput field  */
		padding: 10px 32px 8px 35px;
		width: 100%;
		border: 0;	
		border-radius: 15px; 	
		transition: background-color 0.3s ease 0s;
		-moz-transition: background-color 0.3s ease 0s;
    -webkit-transition: background-color 0.3s ease 0s;
    -o-transition: background-color 0.3s ease 0s;
		box-sizing: border-box;
		background: #fffd   	/*  without icons into unput field  */
	}
	
	#contact-form-wrap textarea {
		height: 160px;
		resize: none;
/*		padding: 10px 25px 0 10px;					  /*  without icons into unput field  */
		padding: 10px 32px 8px 35px;
		margin-bottom: 0px;			
	}
	
	.form-field input[type=text]:focus, textarea:focus {
		background-color: #e1e1e1;
		color: #072066cc;
	}
	
	.form-field input.name {
    background: url(../Img/assets/person.png) no-repeat 10px 50%;
	}	
	.form-field input.name.checked {
    background: url(../Img/assets/person_ng.png) no-repeat 10px 50%;
	}	
	.form-field input.tin {
    background: url(../Img/assets/TIN.png) no-repeat 10px 50%;
	}	
	.form-field input.tin.checked {
    background: url(../Img/assets/TIN_ng.png) no-repeat 10px 50%;
	}		
	.form-field input.mail {
    background: url(../Img/assets/email.png) no-repeat 10px 50%;
	}	
	.form-field input.mail.checked {
    background: url(../Img/assets/email_ng.png) no-repeat 10px 50%;
	}		
	.form-field input.phone {
    background: url(../Img/assets/phone_in_crcl.png) no-repeat 10px 50%;
	}	
	.form-field input.phone.checked {
    background: url(../Img/assets/phone_in_crcl_ng.png) no-repeat 10px 50%;
	}	
	.form-field input[type=text]:focus {
		background-color: #e1e1e1;
	}

	.form-field input.name, .form-field input.name.checked,
	.form-field input.tin, .form-field input.tin.checked,
	.form-field input.mail,	.form-field input.mail.checked,
	.form-field input.phone, .form-field input.phone.checked {
		background-color: #fffd 
	}		

		
	.form-field img.imgError {
    position: absolute;
    right: 10px;
    bottom: 15px;
		padding: 0;
    display: none;
	}	

	input[type="submit"]	{
		color: #fff;
		font-family: Gilroy-Medium,Verdana,Arial,sans-serif;
		font-size: 15px;
		font-weight: 600;	
		text-transform: uppercase;
		padding: 15px 40px;
		letter-spacing: 0;
		line-height: 20px;
		cursor: pointer;
		border: none;
		transition: background-color 0.3s ease 0s;
		-moz-transition: background-color 0.3s ease 0s;
    -webkit-transition: background-color 0.3s ease 0s;
    -o-transition: background-color 0.3s ease 0s;
		text-align: center;
		letter-spacing: 1.5px;
		background: radial-gradient(circle 10vh at 20% 2vh, #27ab56, #07206677);
    float: right;		
	}
	
	input[type="submit"]:hover {
		background: none; 
		background-color: #b9fd3c;
	}

	
/*--------------------------------------------------
	07. Image & Div Animation
---------------------------------------------------*/

	img.img-with-animation, .has-animation {
		opacity: 0;
		position: relative;
	}
	
	img.img-with-animation[data-animation="grow-in"].full-opacity {
		opacity: 1;
	}
	
	img.img-with-animation[data-animation="fade-in-from-left"] {
		left: -40px;
		padding-right: 30px;
	}
	
	.has-animation[data-animation="fade-in-from-left"] {
		left: -40px;
	}
	
	img.img-with-animation[data-animation="fade-in-from-right"] {
		right: -40px;
		padding-left: 30px;
	}
	
	.has-animation[data-animation="fade-in-from-right"] {
		right: -40px;
	}
	
	img.img-with-animation[data-animation="fade-in-from-bottom"] {
		bottom: -60px;
	}
	
	.has-animation[data-animation="fade-in-from-bottom"] {
		bottom: -50px;
	}
	
	img.img-with-animation[data-animation="fade-in-from-top"] {
		top: -60px;
	}
	
	.has-animation[data-animation="fade-in-from-top"] {
		top: -50px;
	}
	
	img.img-with-animation[data-animation="fade-in-from-left"], img.img-with-animation[data-animation="fade-in-from-right"] {
		margin: 0 auto;
	}	
	
		
	
/*--------------------------------------------------
	08. Shortcodes
---------------------------------------------------*/	

/* Buttons */	

	.pro-button,
  .more-button {
	  display: inline-block;
 		padding: 15px 20px;/* 12px 20px; */
		margin: 20px 0;		
		min-width: 100px;		
		color: #fff;
		font-family: Gilroy-Medium,Verdana,Arial,sans-serif;
		font-size: 15px;
		font-weight: 400;
		line-height: 1em; 		
		text-decoration:none;		
		letter-spacing: 0.5px;
		cursor: pointer;
		border-radius: 25px; /*  5px;  */
		transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
		text-align: center;
		background-color: #465265; 	
		z-index: 1;
	}

	.pro-button-center {
	  display: block;		
		width: 130px;					/*  !!! more wide button  */
	}
	
	.pro-button:hover, 
	.pro-button-center:hover {
		background-color: #abc0d9;
		color: #272e38;		
	}

	.more-button:hover, .more-button:focus {
		background-color: #fff;  
		color: #000;
	}
	
	.outline-button {
		color: #fff; /* #272e38; */		
 		padding: 12px 12px;
		background-color: transparent;
		border: 2px solid #eee;
	}
	
	.outline-button:hover, .outline-button:focus {
		border: 2px solid #fff;
		background-color: #27ab56; /* #39556b; */		
		color: #fff;
	}


/*  Alert Boxes  */
	
	.alertboxes {
		float: left;
		width: 100%;
	}
	
	.shortcode_alertbox {
		color: #fff;
		display: flex;
    align-items: center;		
		min-height: 60px;
		line-height: 20px;
		margin-bottom: 20px;
		padding: 15px 40px 15px 14px;
		position: relative;
	}

	.shortcode_alertbox .box-content {
		font: 14px/21px Arial,sans-serif;		
		display: inline-block;
		margin: 0 auto;
	}
	
	.shortcode_alertbox .box_close {
		background: url(../Img/assets/close_box.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		background-position: 10px 10px;
		background-size: 20px 20px;
		display: block;
		height: 40px;
		position: absolute;
		right: 5px;
		top: 5px;
		width: 40px;
		cursor: pointer;
	}
	
	.shortcode_alertbox b {
		color: inherit;
	}
	
	.shortcode_alertbox.box_red {
		background: none repeat scroll 0 0 #f9e5e6;
		color: #b3696c;
	}
	
	.shortcode_alertbox.box_blue {
		background: none repeat scroll 0 0 #d8ecf5;
		color: #528da9;
	}
	
	.shortcode_alertbox.box_yellow {
		background: none repeat scroll 0 0 #fcf7d9;
    	color: #c4a21b;
	}
	
	.shortcode_alertbox.box_green {
		background: none repeat scroll 0 0 #e3ebc6;
		color: #8fa442;
	}
		
/* Progress Bars */	
	
	.progress-bar {
		text-align: left!important;
		margin: 0px!important;	
	}
	
	ul.progress-bar {
		margin:0;
	}
	
	.progress-bar li {
		list-style: none!important;
    margin-bottom: 20px;		
		cursor: pointer;
	}


	.progress-bar .counter {
		display: block;
		position: relative;			
    float: left;
    min-width: 15%;	
    margin-left: 10px;		
	}
	
	.progress-bar .counter {
		display: none;
	}
	
	.progress-bar .counter p {
		font-family: Gilroy-Bold,Arial,sans-serif;
		font-weight: 600;		
		font-size: 5em;
		color: #27ab56;		
	}	
	.progress-bar .counter p span {
    font-weight: 400;
    font-size: 0.5em;
    margin-bottom: 1em;
    vertical-align: super;
	}	

		
	.progress-bar li .bar-wrap {
		display: block;
		margin-bottom: 3em;
		width: 80%;
		margin-left: 20%;					
	}
	
	.progress-bar li .bar-wrap:before {
		content: "";
		display: block;
		height: 1px;		
		background-color: #d0d0d0;		
  }
	
	.progress-bar li .bar-wrap span { 
		height: 5px;
		width: 0px;
		display: block;
		background-color: #27ab56;
		transition:background-color 0.2s ease 0s;
		-moz-transition:background-color 0.2s ease 0s;
    -webkit-transition:background-color 0.2s ease 0s;
    -o-transition:background-color 0.2s ease 0s;
	}
	
	.progress-bar li .bar-wrap p {
		margin-bottom: 12px;  
		padding-top: 5px;		
		font-family: Gilroy-Medium,Arimo,Arial,sans-serif;
		font-weight: 400;
		font-size: 1.3em;
		line-height: 1.25em;	
		letter-spacing: 0.25px;	 /*  0.2px  */		
		color: #e0e0e0;			
	}
	
	.progress-bar li .bar-wrap span {
		overflow: visible!important;
		position: relative;
	}
	
	.progress-bar li .bar-wrap span strong {
		font-family: Gilroy-Bold,Arial,sans-serif;		
		font-weight: 400;
		font-size: 1.5em;		
		position: absolute;
		right: 0px;
		top: -25px;
		padding: 4px 0px;
		color: #d0d0d0;      /*  #f54129;  */
		line-height: 1em;
		opacity: 0;
		display: block;
	}
	
	.progress-bar li .bar-wrap span strong i {
		font-style: normal;
	}	
	
	.progress-bar li span strong.full:after {
		left: 15px;
	}
	
	.progress-bar li .bar-wrap span strong.full {
		width: 100px;					/*   43px   */
		text-align: right;    /*  center  */
	}
	

/*--------------------------------------------------
	09. Footer
---------------------------------------------------*/

	footer {
		left: 0;
		width: 100%;
		height: auto;
	}
	
	#footer-content {
	  display: block;
		height: 55px;		
		color: #aaa;	
	}	
	
	#footer-content.container {
		padding-top: 15px;
		padding-bottom: 0px;
		display: table;
	}		
	
	.footer-dark {
		background-color: #1e1d23;
	}
	
	.copyright-minimal {
		line-height: 1.7em;
		margin-bottom: 10px;
		float: left;
		color: #908da1;   /* color-anthracite-7 */
	}
	
	.disclaimer {
		display: inline-block; 
		float: left;
    max-width: 50%;
    margin-right: 20px;		
	}
	
	#footer-content .small {
		font-size: 11px;
		line-height: 20px;		
	}	

  .socials-wrap {
		float: right;
	}
	
	.socials {
		margin-top: 0;	
	}
	
	.socials a {
    margin-left: 10px;
		display: inline-block;		
    position: relative; 
		opacity: 0.5;		
	}

	.socials a:hover {
		opacity: 1;
	}

	.socials a.VK,
	.socials a.TL,
	.socials a.WA {
		width: 40px;
		height: 40px;	
	}
	
	.socials a.VK {
		background: url(../Img/assets/i-VK.svg) no-repeat;
		background-size: cover;		
  }		
	
	.socials a.TL {
		background: url(../Img/assets/i-TL.svg);
		background-size: cover;			
  }	
	.socials a.WA {
		background: url(../Img/assets/i-WA.svg);
		background-size: cover;		
  }		


/* ---------------- Back to top btn ----------------  */
	#scrolltotop {	
		position: fixed;
		bottom: 20px; 
		right: 20px;
		display: none;
		z-index: 100;
		cursor: pointer;
	}
	
	.top-arrow {
		width: 40px; 
		height: 40px;
		background: #27ab56;
		background-image: url(../Img/assets/top_arrow.png);
		background-size:22px 12px;
		background-repeat: no-repeat;
		background-position: center center;
		border-radius: 20px;		/* round btn */
		opacity: 0.75;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	#scrolltotop:hover .top-arrow {
		opacity: 1;
	}
	
/*--------------------------------------------------
	10. Custom elements
---------------------------------------------------*/

  .section-heading .md-mob {
		display: none;
	}
	
	.azimsoft-first-label {
		background: url(/Img/assets/Azimsoft_logo_h03_ng.svg) no-repeat 0 0; 
		background-size: contain; 
		width: 50%;
		height: 200px;
	}	

	
/*--------------------------------------------------
	12. Responsive
---------------------------------------------------*/			

@media only screen and (max-width: 1920px) {	
	
}

@media only screen and (max-width: 1440px) {
	
	.cta-form-slogan h1 {	
		font-size: calc(11vmin);	
	}	
	.container,
	#header-wrapper {	
		width: 90%;
	}
		
}

@media only screen and (max-width: 1280px) {
		
	.top-arrow {	
		width: 40px;
		height: 40px;
	}
   
}	

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

  #top_menu {
		display: none;
	}
	
	#menu_screen {
    width: 50%;
	}	

	h2 {
		font-size: 3.0em;
		line-height: 1.2em;
	}
	
	h3 {
		font-size: 2.0em;
		line-height: 1.2em;
	}
	
	h4 {
		font-size: 1.8em;
		line-height: 1.2em;
	}
	
	h5 {
		font-size: 1.4em;
		line-height: 1.3em;
	}

	#home  .caption-box {
		width: 70%;   /*  75%, если caption-content < 100% container's width   */
	}	
	
	.top-arrow {	
		width: 40px;
		height: 40px;
	}

	.four_fifth, .five_sixth {	
		width: 100%;
		margin-bottom:20px;
	}	
	
  .two_fourth, .three_sixth  { 
		width: 47%;
		margin-bottom:20px;		
	} 	
	
	.one_fifth, .one_sixth,.two_fifth, .two_sixth {
		width: 30.6%;
		margin-bottom:20px;	
	}

	.two_third, .three_fifth, .four_sixth 	{
		width: 65.33%;
		margin-bottom:20px;
	}
	
  .even {
 		margin-right: 0%;
	}
	
	.part {
		padding: 20px 0 20px;	
	}	

	.slider-wrap {
		width: 50%;
    margin-bottom: 25px;  
	}
	
	.lang {
    margin-right: 20px;
	}
	
}
	

@media only screen and (max-width: 840px) {
	
	.logo, .logo-en,
	.logo-white, .logo-white-en {	
		width: 240px;
    height: 50px;
    background-size: contain;
	}
		
  #top_menu {
		display: none;
	}
	
	#top-callback {
		margin-right: 30px; 
	}		
	
	#menu_screen,
	.mobile-menu	{	
		width: 100%;
	}	
	
	.top-arrow {	
		width: 40px;
		height: 40px;
	}
	
	#scrolltotop {
    bottom: 90px;	  
		right: 35px;
	}
	
  .one_half, .one_third, .one_fourth, .one_fifth, .one_sixth, .two_third, .two_fourth, .two_fifth, .two_sixth,
	.three_fourth, .three_fifth, .three_sixth, .four_fifth, .four_sixth, .five_sixth {
		width: 100%;
		margin-right: 0;
	}
	
	h2 {	
		font-size: 5vmin;
		line-height: 1.0em;
	}
	
	.section-content .intro {
		font-size: 1.5em;	
	}
	
	.pro-button, .more-button {
    padding: 15px 10px;
	}
	
	#footer-content .disclaimer {	
		max-width: 70%;
	}
	#footer-content .socials a {
    margin: 5px 5px 20px;	
	}
	#footer-content .socials a:last-child {	
    margin-right: 0;		
	}
	
	.section-content img.scaled {
		width: 50%;		
	}		
	.section-content h2 {
			font-size: 3.0em;
	}	
	.section-content h3 {
			font-size: 2.7em;
	}	
		
	.pro-button, .more-button {
    padding: 15px 20px;/* 12px 20px; */
	}

	input[type="submit"]	{
    float: none;		
	}
	
	.hero__slider-controls .three_fourth.left-span {
		width: 55%;
	}	
	.hero__slider-controls .one_fourth {
		width: 45%;
	}	
	.t-level {
		width: 50%;
	}	

	.cta-form .section-wrap {	
	  height: 300px;
	}
	.cta-form h2.slogan {	
		margin-top: 5vh;		
	}		
	.cta-form h1.slogan {	
		text-align: left;
	}

  .section-heading h3 .md-mob {
		display: block;
	}
	
	.K-icon,.K-icon-tr {
		margin-bottom: 0;
	}		
	.K-icon.md-mob,.K-icon-tr.md-mob {
		display: none;	
	}		
	
}

	
@media only screen and (max-width: 670px) {
	
	.container,
	#header-wrapper {	
		width: 85%;
	}
	
	h2 {
    font-size: 2.3em;
	}
	
	h3 {
    font-size: 1.9em;
	}
	
	h4 {
    font-size: 1.6em;
    line-height: 1.2em;
	}
	
	h5 {
    font-size: 1.4em;
	}
	
	.logo, .logo-en,
	.logo-white, .logo-white-en {
		width: 150px;
		height: 40px;
	}

	
  header.hbg,
  #header-wrapper	{
	  height: 75px;
	}
	
	.custom-navigation {
    width: 100%;	
	}	
	
	.next-section {
    width: 40px;
    height: 40px;
    background-position: 3px 12px;
		margin-left: -20px;
  }
	
	.top-arrow {	
		width:40px;
		height:40px;
	}
	
	p {
		font-size: 1.1em; 		
    line-height: 1.5em;	
	}
	
	#footer-content .socials a:last-child {	
    margin-right: 5px;		
	}
	
}	


@media only screen and (max-width: 480px) {
	h1 {
    font-size: 2.8em;	
	}
	
	h2 {
    font-size: 6.0vmin;
	}
	
	h3 {
    font-size: 5.0vmin;
	}
	
	h4 {
    font-size: 4.7vmin;
	}
	
	h5 {
    font-size: 4.2vmin;	
	}

	
	header {
	  max-width:100%;
	}
	
	#menubtn {
    width: 30px;	
	}
	#menubtn .menu-wrap {
    padding: 0;	
	}	
	#menubtn-close {
    top:25px;
    right:25px;
	}
	#menu_screen .menu-wrapper {
    padding: 0 20px;
	}
	
	.mobile-menu .accordion dt, .mobile-menu .accordion dt a {
		line-height: 1.8em;	
	}	
	.mobile-menu  li {
		padding: 3px 0;
	}
	
	#top-callback {
		display: none;
	}	
	
	.lang:hover .lang-menu {
		margin-top: -10px;		
		opacity: 1;
	}	
	
	.top-arrow {	
		width: 40px;
		height: 40px;
	}
	
	p {
		font-size: 1.1em; 		
    line-height: 1.5em;	
    margin-bottom: 15px;
	}
	
	.section-content .intro {
		font-size: 1.35em;
		line-height: 1.4em;			
	}

	.intro.toggle-title {
		line-height: 1.75em;
    margin-bottom: 0;	
	}
	
	.hero__slider-controls .three_fourth.left-span {
		display: none;
	}
	.hero__slider-controls .one_fourth {
		width: 100%;
	}		
	.t-level {
		display: none;  /*  slider progressBar set OFF */  
	}
	.hero__slider-controls .custom-nav {
		width: 100%;
	}
	
	.slider__controls-num-container {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
  }
	
	.scroll_down {
		bottom: 10px;
	}
	
	.pro-button.md-right {
		display: inline-block;	
		float: none;
		position: relative;
/*		padding: 15px 20px;		*/ 
		margin: 10px 25%;
		width: 40%;
		font-size: 16px;
/*		border-radius: 30px;  */
	}	

	#footer-content {
    height: 40px;							/*  85px if there is social icons block  */
	}
	
	footer .disclaimer {
		display: none;
	}
	
	.copyright-minimal,
	.socials-wrap {
    float: none; 
    text-align: center;
	}

	#scrolltotop {	
		right: 20px;
	}	

	.section-heading {
    margin-bottom: 0;
	}
	
	.section-heading h3 {
    font-size: 3.0vh;
		margin-bottom: 5px;
	}

	.section-content img.scaled {
		width: 100%;	
		padding-bottom: 10px;	
	}	
	
	.section-content h2 {
    font-size: calc(6vmin);
	}	
	
	.intro {
		letter-spacing: 0.25px;
	}
	
	.cta-form .section-wrap {	
	  height: 260px;
	}
	
	.cta-form h1.slogan {
    font-size: calc(10vmin);	
		margin-bottom: 20px;
	}		
	.cta-form h2.slogan {
    font-size: 3.25vh;	
		margin: 80px 0 30px;
		color: #fff;
	}
		
	button.unmute {
		top: 60px;
		height: 40px;
	}
	
}


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

	#menubtn-close {
    top:20px;
    right:20px;
	}
	
	.overlay-menu .menu-container .categories li {	
		font-size:2.4em;
	}	
	
}		


@media screen and (min-width: 320px) and (max-width: 840px) and (orientation: landscape) {	

  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
		height: 100vw;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
	
	.hero__slider-controls.three_fourth.left-span {
    width: 0;
	}	
	.hero__slider-controls.one_fourth {
		width: 100%;
    margin-bottom: -10px;		
	}	
	.t-level {
		width: 62%;
	}	
	.scroll_down {
    bottom: 40px;
	}

}