/*------------------------------------------------------------------
Version:	1.0.45 
Last change:	29/10/2025
Assigned to:	My 
Primary use:	Energy-ses corporate site 
-------------------------------------------------------------------*/

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

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

01. General styles
02. Preloader
03. Header
04. Main menu
05. Full Screen Overlay Menu
06. Content styles
07. Contact form
08. Image & Div Animation
09. Shortcodes
10. Footer
11. Responsive Media Queries

Colors

Greys
  Carbon					#1e1d23
	DarkSteel 			#282832 
	Dark Grey				#2a2b2f
  Lihgt Grey	    #e0e0ea
	
Blues
  Neon Blues			#0d7dfd
	Light N Blue		#57a4fe
	Light SkyBlue		#8bbdf5
	Light GreyBlue	#e8ebf0

GreenBlue
	#29F5E7
	
	grad	
	#1f5bed -> #4f6ae9 -> #29f5e7 
	
-------------------------------------------------------------------*/

/* 1. General Styles */		
	
	html,body{
		font-family: Tahoma,sans-serif;   		
		font-weight: 400;
		font-size: 12px;
		height: 100%;
		width: 100%;
		color: #d0d0da;   /* #ccc  */
 		background: #282832;  /*  #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;
	}
		
	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;
	}
	
	blockquote,
	q {
		-webkit-hyphens: none;
		-moz-hyphens:    none;
		-ms-hyphens:     none;
		hyphens:         none;
		quotes: none;
	}
	
	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: "";
		content: none;
	}
	
	blockquote {
		color: #000;
		font-size: 18px;
		font-style: italic;
		font-weight: 300;
		line-height: 30px;
		margin-bottom: 24px;
		font-family:Georgia, "Times New Roman", Times, serif;
		border-left:2px #ddd solid;
		padding:20px 20px 20px 40px;
		letter-spacing: 0.01em;
	}
	
	blockquote cite,
	blockquote small {
		color: #2b2b2b;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5;
	}
	
	blockquote em,
	blockquote i,
	blockquote cite {
		font-style: normal;
	}
	
	blockquote strong,
	blockquote b {
		font-weight: 400;
	}
	
	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;
	}
	
	ul {
		list-style: disc;
	}
	
	ol {
		list-style: decimal;
	}
	
	li > ul,
	li > ol {
		margin: 0 0 0 20px;
	}
	
	li {
		line-height: 2em;
/*    font-size: 1.1em;  */
	}
	
	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="reset"], input[type="submit"] {
		cursor: pointer;
	}
	
	button[disabled],
	input[disabled] {
		cursor: default;
	}
	
	input[type="checkbox"],
	input[type="radio"] {
		padding: 0;
	}
	
	input[type="search"] {
		-webkit-appearance: textfield;
	}
	
	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}
	
	button::-moz-focus-inner, input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
	
	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;
	}
		
	h1, h2, h3, h4, h5, h6 {
		font-weight: 400;
		font-family: Arial,sans-serif;
		color:#fff;
		margin-bottom: 10px;
	}	

	h1{
		font-size: 4.5em;
		line-height: 1.3em;
	}
	
	h2{		
		font-size: 4em;
		line-height: 1.25em;		
	}
	
	h3{	
	  font-size: 2.5em; 
		line-height: 1.25em;		
	}
	
	h4{
		font-size: 2.0em;
		line-height: 1.25em;		
	}
	
	h5{
		font-size: 1.7em;
		line-height: 1.25em;			
	}
	
	h6{
		font-size: 1.3em;
		line-height: 18px;
	}
	
	.light-content, .light-content h1, .light-content h2, .light-content h3, .light-content h4, .light-content h5, .light-content h6 {
		color: #fff;
	}
		
	.title-has-line,
	.title-has-line-top {
		position:relative;
		margin-bottom: 30px;
	}
	
	.title-has-line-top {	
    padding-top: 20px;		
	}
	
	.title-has-line:after,
	.title-has-line-top:after {
		background: none repeat scroll 0 0 #e0e0ea;	/*  #fff is a line colour  */
		content: "";
		height: 1px;
		left: 0;
		position: absolute;
		width: 40px;
	}
	.title-has-line:after {
		bottom: -20px;			
  }		
	.title-has-line-top:after {
		top: 0px;				
  }
	
	.text-align-center .title-has-line:after {
		background: none repeat scroll 0 0 #ccc;
		bottom: -20px;
		content: "";
		height: 1px;
		left: 50%;
		margin-left: -20px;
		position: absolute;
		width: 40px;
	}
		
	.text-align-right {
		text-align:right;		
	}
	
	strong {
		font-weight:700;
	}
	
	p {
		font-size: 1.1em;  /* 12px; */
		margin-bottom: 20px;
		line-height:25px;
	}
	
	p.intro{
		font-family: Tahoma,sans-serif; 
		font-size: 1.4em; 
		font-weight: 400; 
		line-height: 1.6em; 
		color: #fff;	
	}
	
	.monospace {
		font-family:Arial,Arimo,sans-serif;  /*  'Fira Mono';  */
		font-weight:400;
		font-size:13px;
		letter-spacing:0.5px;
	}
	
	section {
		margin:0;
		padding:0;	
		position:relative;
		width:100%;
		z-index:0;
		display:inline-block;
	}
	
	section .overlay {
		margin-left:0;
		position:relative;
		width:100%;
	}
	
	.part {
		padding:40px 0 40px;	 /* @to do discrepancy from screen resolution  */
	}
	
	.part h2 {
		letter-spacing: -0.5px; 
		font-weight: 600; 
		text-align: left;
		margin-bottom: 20px;	
	}
	
	.top-indent {
		padding-top: 20px;			
	}
	
	.elns-subtitle {
		display: inline-block;		
		font-weight: 600;		
		color: #0d7dfd; 
	}
	
	.wrapper {
	  opacity: 1;
		position: relative;
		min-height: 100%;
		-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 0.25s;   		
	}
	
	.container {
		width: 1280px;
		margin: 0 auto;
		display: block;  
	}
		
	.hidden {
		visibility: hidden;
	}	
	.disabled {	
		display: none!important;
	}
	
/* --------------- Colors -------------*/	

  .color-carbon {				
		color: #1e1d23;
	}
  .color-carbon-bk {				
		background-color: #1e1d23;
	}	
	.color-darksteel {
		color: #282832;
	}
	.color-darksteel-bk {
		background-color: #282832;
	}	
	.color-darksgrey {
		color: #2a2b2f;
	}
	.color-darkgrey-bk {
		background-color: #2a2b2f;
	}		
  .color-neonblue {				
		color: #0d7dfd;
	}
  .color-neonblue-bk {				
		background-color: #0d7dfd;
	}				
  .color-light-neonblue {				
		color: #57a4fe;
	}
  .color-light-neonblue-bk {				
		background-color: #57a4fe;
	}	
  .color-light-skyblue {				
		color: #8bbdf5;
	}
  .color-light-skyblue-bk {				
		background-color: #8bbdf5;
	}
  .color-light-greyblue {				
		color: #e8ebf0;
	}
  .color-light-greyblue-bk {				
		background-color: #e8ebf0;
	}	

  .md-bold-blue {
		color: #0d7dfd; 
		font-weight: 600;
	}
	
/*--------------- links ---------------*/ 	
	a:hover, a:active, a:focus {
	  outline: 0;
		color: #fff; 
		text-decoration:none;				
	}
	
	a {
		outline: 0;		
    cursor: pointer;	
		color: #8bbdf5;  
		text-decoration:underline;  				
    -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
       -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
        -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
         -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
            transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
  }
	
	.light-link {
		color:#0d7dfd;
	}
	
	a.light-link:hover, a.light-link:active, a.light-link:focus {
		color:#fff;			
	}
	
	a.body {
		color: #fff; 
		text-decoration:underline;	
	}
	a.body:hover, a.body:active, a.body:focus {	
		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:0px;
	}
	
  .even {
 		margin-right: 4%;
	}
	
	.text-align-center {
		text-align:center;
	}
	
	.text-align-left {
		text-align:left;
	}

/* End of general styles ---*/	
	
      /* Using a new pixel ratio of 6/5 */
      
@media only screen and (min-width: 767px) { 
    html {
        font-size: 12px;
    }
}

@media only screen and  (min-width: 1024px) { 
    html {
        font-size: 13px;
    }
}

@media only screen and  (min-width: 1466px) { 
    html {
        font-size: 14px;
    }
}
  .clearFix {
		clear: both;
		content: " ";
		display: block;
		height: 0;
		visibility: hidden;
	}
	

/*--------------------------------------------------
	02. Preloader 
---------------------------------------------------*/
	
	.loading-mask {
		background: #fff;
		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: #57a4fe;		
		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: 2000;
		-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 10px 15px rgba(0,0,1,.25);	
	}

  #header.back {
	  position: fixed;
		top: 0px;
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.4)), 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);	
	}
	
	header.nav-down {
		top:0;
	}

	header.nav-up {
		top: -80px;
	}
	
	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: 80px;
		margin: 0 auto;
		z-index:9999;
		line-height:65px;
		position:relative;		
	}

	#logo {
		margin:15px 30px 15px 0;
		width:auto;
		float:left;
	}

	.logo,
	.logo-white {
		width: 308px;
		height: 50px;	
	}
	
	.logo {
		background: url(../Img/assets/SES_logo_main.svg) no-repeat 0 0;
	}
	.logo-white {
		background: url(../Img/assets/SES_logo_main_ng.svg) no-repeat 0 0;
	}
	
	#logo .text-logo {
	  display: none;  
    margin: 0px 0 0 45px;
		min-width: 250px; 		
    font-family: Opensans, Arial, sans-serif;
    font-size: 1.25em;
    font-weight: 500;
    letter-spacing: 0.02em;
		line-height: 1.25em;			
    color: #777;		
	}
	
	#logo .text-logo span {
    font-family: serif;
    font-size: 0.8em;
    font-style: italic;
    letter-spacing: 0.02em;
    text-decoration: none;			
    color: #0d7dfd;	
  }
	
	#menubtn {
	  top: 0; 
	  bottom: 0;
		right: 0;
		margin: auto 0;
		position: absolute;
		height: 20px;	  
		cursor: pointer;		
	}
	
	#menubtn .menu-line {	
		height: 3px;
		width: 20px;
		margin: 3px 0;	
		background-color:#000;
		display:block;
		-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;
	}
	
	#menubtn:hover .menu-line {	
		background-color:#0d7dfd!important;			
	}
	
	#controls  {
		display:inline-block; 
		float:right; 
		margin:0; 
		padding:0; 
		width:600px;
	}
	
	
/*--------------------------------------------------
	04. Main menu, topbar navigation
---------------------------------------------------*/

	#top_menu {
	  position: relative;
	}
	
	#top_menu ul {
	  margin: 0;
	  padding: 35px 0px 30px 0px;
	  list-style: none outside none;
	  display: block;
	  float: left;
		overflow: hidden;
	  vertical-align: baseline;
	}	
	
	#top_menu  li {
	  margin: 0 20px;
	  display: block;	  
	  text-align: left;
	  float: left;		
	}
	
	#top_menu  ul > li a {
		text-decoration: none;
		text-transform: uppercase;			
		font: 15px/15px Arial,sans-serif;	
		font-weight: 600;
		padding: 0 0 5px 0;
		letter-spacing: 0.2px;		
		border-bottom: rgba(0,0,0,0) 1px solid; 	
		cursor: pointer;
  }
	
  #top_menu li a {
	  color: #282832;  
	}	

  #top_menu.light ul li a	{	
		color: #fff;  
  }
	
	#top_menu ul li a:hover {	
    color: #57a4fe;  /* #0d7dfd; */
  } 
	
	#top_menu li a.active {
    color: #0d7dfd;
		border-bottom: 2px solid; 		
  }
	
  #top_menu  li:hover .sub-menu:before {
		margin-top: 10px;
	}
	
	#top_menu .sub-menu-in {
	  position: relative;
		background: #1e1d23;  
		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;	
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}	
	
	#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: 210px;
		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: #ccc;
		display: block;
		padding: 8px 0;		
		font: 14px/12px sans-serif;
		font-weight: 400;
/*		text-transform: uppercase;  */
		text-transform: none;
		text-decoration: none;
		letter-spacing: 0.05px;	
		border-bottom: none; 
	}
			
	#top_menu .sub-menu-in li a:hover {
		color: #57a4fe;  /* #0d7dfd; */
		border-bottom: none;		
	}
	
	#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;
	}
	
/*  end of Header */

	
/*--------------------------------------------------
	05. Full Screen Overlay Menu
---------------------------------------------------*/	
	.overlay-menu .inner {
		padding: 0;
	}
	
	.overlay-menu {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		display: none;
		width: 100%;
		height: 100%;
	}

	.overlay-menu .menu-container {
		position: relative;
		z-index: 102;
		width: inherit;		
		height: 100%;
		color: #fff;
		text-align: center; /* left; */
	}
	
	.outer {
		display:table;
		width:100%;
		height:100%;
	}

	.overlay-menu .inner {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.scr_menu {
		overflow: scroll; overflow-x:hidden;
	}

	.overlay-menu .menu-container .categories {
		margin: 0;
		display: inline-block;
	}	
	
	.overlay-menu .categories li {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		-webkit-transition: opacity 500ms cubic-bezier(0.455,0.03,0,1);
		-moz-transition: opacity 500ms cubic-bezier(0.455,0.03,0,1);
		-o-transition: opacity 500ms cubic-bezier(0.455,0.03,0,1);
		transition: opacity 500ms cubic-bezier(0.455,0.03,0,1);
		-webkit-perspective: 1000;
		-moz-perspective: 1000;
		-ms-perspective: 1000;
		-o-perspective: 1000;
		perspective: 1000;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition-delay: 0;
		-moz-transition-delay: 0;
		-o-transition-delay: 0;
		transition-delay: 0;
		list-style: none;
		text-transform: uppercase;
		letter-spacing: 0px;	
		font-size: 2.0em;
		font-weight: 500;
		margin: 20px 0;
		padding: 0;
	}
	
	.overlay-menu .categories li a {
		display: block;
		color: #ccc;
		font-family: Verdana, sans-serif;
		line-height: 1.2em;	
		text-decoration: none;		
	}

	.overlay-menu .categories li a:hover {
		color: #57a4fe;
	}
	.overlay-menu .categories li a.is-active, 
	.overlay-menu .categories li a.active {
		color: #fff;
	}
	
	.dropdown .submenu {
		overflow: hidden;
		max-height: 0;
		margin: 0;
		transition:all 0.5s ease 0s;
		-moz-transition:all 0.5s ease 0s;
		-webkit-transition:all 0.5s ease 0s;
		-o-transition:all 0.5s ease 0s;		
	}

	.dropdown .submenu li {
		opacity: 1!important;
		text-transform: none!important;
		letter-spacing: 0!important;
		margin: 10px 0;
	}
	
	.dropdown .submenu li:first-child {
		margin-top: 20px;
	}
	
	.dropdown .submenu li:last-child {
		margin-bottom: 15px;
	}
	
	.dropdown .submenu li a {
		font-size: 0.3em;
		font-family: Verdana, Geneva, sans-serif!important;
		line-height: 1.5em!important; 
	}	
	
	.submenu li.divide_line {
		display: inline-block;
		width: 150px;
		margin: 0;
		border-bottom: 1px solid #999;
	}
	.overlay-menu .categories li a.disabled {	
		color: #666;
	}

	.dropdown.active .submenu {
		max-height:500px;
		transition:all 0.6s ease-in;
		-moz-transition:all 0.6s ease-in;
		-webkit-transition:all 0.6s ease-in;
		-o-transition:all 0.6s ease-in;		
	}
	
	.overlay-menu .menubg {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		-webkit-transition: opacity 0.5s cubic-bezier(0.39,0.575,0.565,1);
		-moz-transition: opacity 0.5s cubic-bezier(0.39,0.575,0.565,1);
		-o-transition: opacity 0.5s cubic-bezier(0.39,0.575,0.565,1);
		transition: opacity 0.5s cubic-bezier(0.39,0.575,0.565,1);
		-webkit-transition-delay: 0.25s;
		-moz-transition-delay: 0.25s;
		-o-transition-delay: 0.25s;
		transition-delay: 0.25s;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 101;
		width: 100%;
		height: 100%;
	}

	.overlay-menu.is-active .menubg {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
		-webkit-transition: opacity 0.3s cubic-bezier(0.455,0.03,0,1);
		-moz-transition: opacity 0.3s cubic-bezier(0.455,0.03,0,1);
		-o-transition: opacity 0.3s cubic-bezier(0.455,0.03,0,1);
		transition: opacity 0.3s cubic-bezier(0.455,0.03,0,1);
	}

	.menubg-overlay {
		width: 100%;
		height: 100%;
		background-color: #282832;
	}

	.overlay-menu.is-active .categories {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
		-webkit-transition: opacity 0.5s cubic-bezier(0.6,-0.28,0.735,0.045);
		-moz-transition: opacity 0.5s cubic-bezier(0.6,-0.28,0.735,0.045);
		-o-transition: opacity 0.5s cubic-bezier(0.6,-0.28,0.735,0.045);
		transition: opacity 0.5s cubic-bezier(0.6,-0.28,0.735,0.045);
	}

	.overlay-menu.is-active .categories li {
		-webkit-transition: opacity cubic-bezier(0.6,-0.28,0.735,0.045);
		-moz-transition: opacity cubic-bezier(0.6,-0.28,0.735,0.045);
		-o-transition: opacity cubic-bezier(0.6,-0.28,0.735,0.045);
		transition: opacity cubic-bezier(0.6,-0.28,0.735,0.045);
	}
	
	.menu-closebtn {	
		top: 30px;
		right: 0;
		height: 30px;
		width: 30px;
		position: absolute;
		cursor: pointer;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		-webkit-transition: opacity 0.25s cubic-bezier(0.39,0.575,0.565,1);
		-moz-transition: opacity 0.25s cubic-bezier(0.39,0.575,0.565,1);
		-o-transition: opacity 0.25s cubic-bezier(0.39,0.575,0.565,1);
		transition: opacity 0.25s cubic-bezier(0.39,0.575,0.565,1);
	}

	.menu-closebtn.is-active {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 100;
		-webkit-transition: opacity 1ms cubic-bezier(0.39,0.575,0.565,1);
		-moz-transition: opacity 0.5s cubic-bezier(0.39,0.575,0.565,1);
		-o-transition: opacity 0.5s cubic-bezier(0.39,0.575,0.565,1);
		transition: opacity 0.5s cubic-bezier(0.39,0.575,0.565,1);
		-webkit-transition-delay: 1s;
		-moz-transition-delay: 1s;
		-o-transition-delay: 1s;
		transition-delay: 1s;
	}

	.closebtn-rotate {
		height: 30px;
		width: 30px;
		right: 30px;
		position: absolute;	
		transition: transform 0.4s ease 0s;
		-moz-transition: transform 0.4s ease 0s;
		-webkit-transition: transform 0.4s ease 0s;
		-o-transition: transform 0.4s ease 0s;
	}
	
	.closebtn-rotate:hover {
		-ms-transform: rotate(180deg); 
		-webkit-transform: rotate(180deg); 
		-o-transition:rotate(180deg);
		transform: rotate(180deg);
	}
		
	
	.menu-closebtn .btn_menu_line {
		-ms-transform: rotate(-45deg); 
		-webkit-transform: rotate(-45deg); 
		transform: rotate(-45deg);
		background-color: #fff;
		display: block;
		height: 3px;
		width: 30px;
		position: absolute;
		margin-top: 13px;
	}
	
	.menu-closebtn .btn_menu_line:first-child {
		-ms-transform: rotate(45deg); 
		-webkit-transform: rotate(45deg); 
		transform: rotate(45deg);
	}
	
	.caption-content.bottom-right {
    bottom: 8vmax;
	}	

	
/*--------------------------------------------------
	06. Content styles
---------------------------------------------------*/				
			
	#content {
		background-color:#282832;  /*  #fff;  */
		opacity: 0;  	 
	}
	
	#content:after {
		clear: both;
		content: " ";
		display: block;
		height: 0;  
    padding: 0;		/*  0 0 75px 0;  When map block is OFF */
		visibility: hidden;
	}
	
	#content-ajax {
	}
	
	#hero {
		position: relative;
		width: 100%;
		background-color:#fff;
		z-index:0;
	}
	
	#hero img {
		max-width:100%;
	}
	
	.hero-image {
  	width:100%;
		height:100%; 
		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: 40px;
    height: 40px;
    z-index: 2;
    padding: 0;
    position: relative;
    cursor: pointer;
    border-radius: 50%;
		opacity: 0;
    overflow: hidden;
	}	

	.round-btn-outline {
    border: 1px solid #fff;   
  }

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

/* Main slider dir-nav buttons and cursor customize --- */	
	.custom-navigation {
		display: inline-block;
    width: 120px;		
		height: 40px;
		position: absolute;
		right: 0;
		z-index: 2;
	}	

	.custom-navigation a.flex-prev, 
	.custom-navigation a.flex-next{
		display: block;
		width: 40px;
		height: 40px;
		margin: 0; 
		background: #0d7dfd;				
		background-size: 30%; /* 18px 34px; */
		background-repeat: no-repeat;
		cursor: pointer;
	  opacity: 0;		
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		transition: all .3s ease;
	}
	
	.custom-navigation a.flex-prev {
		float: left;					
		background-image: url(../Img/assets/slider_left_white.png);	
		background-position: center center; /* 18px 12px;	*/
	}
	
	.custom-navigation a.flex-next{
		float: right;	
		background-image: url(../Img/assets/slider_right_white.png);		
		background-position: 60% center; /* 24px 12px; */
	}
	
	#hero:hover .custom-navigation a.flex-prev,
	#hero:hover .custom-navigation a.flex-next,
	#hero:hover .custom-navigation .round-btn,
	#hero:hover .custom-navigation .round-btn-outline {
	  margin: 0;   	 	
	  opacity: 0.7;			
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;		
	  transition: all .3s ease-in-out;		/*  opacity  */
	}

	#hero:hover .custom-navigation .round-btn-outline {	
		border: 1px solid #fff;
	}
	
	#hero:hover .custom-navigation a.flex-prev:hover,
	#hero:hover .custom-navigation a.flex-next:hover,
	#hero:hover .custom-navigation .round-btn:hover,
	#hero:hover .custom-navigation .round-btn-outline:hover {
	  opacity: 1;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;		
	  transition: opacity .3s ease-in-out;
	} 
	
	.next-section {
    width: 60px;
    height: 60px;
    background-color: #0d7dfd;
		background-image: url(../Img/assets/next_section.png);			
		background-size: 34px 18px;
    background-position: 13px 21px;
		background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -30px;
    opacity: 0.9;
		z-index: 2;
	}	
	
	.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;		
	} 
	
	.slide-slogan,
	.slide-slogan-big {
		position:relative;
		z-index:2;
		top:0;
		margin-bottom:40px;
	}

	.slide-slogan h1,
	.slide-slogan-big h1	{
		font-family:sans-serif,Arial;
		text-transform:uppercase;
		line-height:0.9em;	
		letter-spacing:-0.04em;
		color:#fff;
	}
	
	.slide-slogan h1 {
    font:4.0vw/0.9em sans-serif,Arial;
		font-weight:600;	
	}	
	
	.slide-slogan-big h1 {
    font:5.0vw/0.9em sans-serif,Arial;
		font-weight:600;    /*  400  */		
	}	

	.clapat-caption h3 {
		font-size:1.8em; 
		line-height:1.25em;	
  }
	
	.slide-slogan h3 {
		font-family:sans-serif,Arial;
		font-weight:400;
		font-size:2.5em;
		line-height:1.0em;	
		letter-spacing:0.02em;
		color:#8bbdf5; 
	}
	
	p.textlogo,
	.textlogo-subtitle {
    margin-bottom:2.5em; 		
		font-weight:300;
		text-align:right;
		line-height:1.5em;		
		color:#fff;		
  }
	
	p.textlogo {
		font-family:sans-serif,Arial;
		font-size:1.1em;	
		letter-spacing:0.15em;	
		margin-top:1em;
    margin-bottom:60px;		
	}	
	
	.textlogo-subtitle {
		font-family:sans-serif,Arial;	
		font-size:0.9em;	
    font-style:italic;		
		letter-spacing:0.1em;		
  }

/* -------------------------------------------------------------------------
   Scroll Down Button
 * ------------------------------------------------------------------------- */
	.scroll_down {
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		height: 50px;
		width: 30px;
		bottom: 20px;
		background-color: transparent;
		border: 2px solid #d0d0d0;
		border-radius: 20px;
		cursor: pointer;
		outline: none;
		z-index: 2;	
	}
	
	.scroll_down:before {
		position: absolute;
		top: 10px;
		left: 50%;
		content: '';
		width: 6px;
		height: 6px;
		margin-left: -3px;
		background-color: #57a4fe;
		border-radius: 100%;
		-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, 20px);
			opacity: 0;
		}
		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, 20px);
			opacity: 0;
		}
		100% {
			opacity: 0;
		}
	}
/* ------------------- scroll btn --------------------- */		


/* ------------------- CTA section -------------------- */ 
	.cta-form {	
		display: block;
		width: 100%;
		height: auto;
		padding: calc(3vmax) 0 calc(1vmax) 0;				
		background-color: #0d7dfd;
	}	
	
	.cta-form .first-line {
		margin: 0;
	}
	
	.cta-form h1 {	
		font-size: calc(6.7vh + 1vmin); 
		font-weight: 600; 
		line-height: 1.0em;
		text-align: right;		
		color: #282832; 
		background-color: #0d7dfd;
	}
	
/* ------------------------ "What we do" section ----------------------- */                       	
	#what_we_do {
		background-color: #282832;
		position: relative;
		margin-top: 60px; 			
	}

/* ------------------------ "Profile" section ----------------------- */		
	#profile-menu ul {	
		list-style-type: none;	
		margin: 20px 0 0 0;
	}

	#profile-menu li {
    margin-bottom: 10px;
    clear: both;		
	}
	
	#profile-menu li a {
		cursor: pointer;
		text-decoration: none;
	}	

	#profile-menu li .icon-img {
		display: block; 
		position: relative; 
		float: left; 
	}	

	#profile-menu li a h4{
		font-weight: 400;
	  color: #fff;
    padding-top: 10px;
	  text-decoration:none;		
	}	
	
	#profile-menu li a:hover h4{
	  color: /*#8bbdf5;*/ #9bafd2;		
	}
	
	#profile-menu li h5.elns-subtitle {	
		display: none;
	}	
	
	#profile-menu li .item-info- {
		width: 80%;
		margin-left: 75px;		
		color: #57a4fe;		
	}
	
	#profile-menu li .item-info {
		width: 80%;
		margin: 0 0 20px 0;	
		color: #e0e0ea;		
	}
	
	#profile-menu li .item-info:after {
		background: none repeat scroll 0 0 #777;	
		content: "";
		height: 1px;
		left: 0;
		position: absolute;
		width: 25%;
    bottom: 0;		
	}
	

  .key-figures-wrap {
		display: block;
		position: relative;
		padding: 40px 0;
		border-bottom: 1px solid #777;
	}
	
	.justified_group {
    display: -webkit-box; 									/* Android 4.3-, Safari без оптимизации */
    -webkit-box-pack: justify; 							/* Android 4.3-, Safari без оптимизации */
    display: -webkit-flex; 									/* оптимизация для Safari */
    webkit-justify-content: space-between; 	/* оптимизация для Safari */
    display: flex;
    justify-content: space-between;
    text-align: justify; 										/* IE10-, Firefox 12-22 */
	}
	
	.justified_group_item {
    display: inline-block;
    display: -webkit-box; 									/* хак для Android 4.3-, должен идти после inline-block */
	}

	.justified_group_item a {
		text-decoration: none;
	}
	.justified_group_item a:hover .circle{
		border: 2px solid #57a4fe;
	}	
	.justified_group_item a:hover .circle-fig,
	.justified_group_item a:hover .circle-label {
		color: #fff; 		
	}
	
	.circle  {	
    display: table-cell;	
    width: 16em;
    height: 16em;
    border: 2px solid #0d7dfd;
		border-radius: 50%;
    font-family: Arial,sans-serif;		
		letter-spacing: -0.04em;		
		line-height: 4em;		
		text-align: center;
    vertical-align: middle;	
    -webkit-transition: border .3s ease, color .3s ease;
       -moz-transition: border .3s ease, color .3s ease;
        -ms-transition: border .3s ease, color .3s ease;
         -o-transition: border .3s ease, color .3s ease;
            transition: border .3s ease, color .3s ease;		
	}	

	.circle-fig {
		display: inline-block; 
		font-size: 5em; 
		color: #0d7dfd; 
		margin-bottom: 10px;			
	}	
	.circle-label {	
		color: #ccc;	
		font-size: 1.4em;		
		line-height: 1.2em;	
    text-transform: uppercase;		
		letter-spacing: 0.02em;		
	}
	.circle-fig,
	.circle-label {		
    -webkit-transition: color .3s ease;
       -moz-transition: color .3s ease;
        -ms-transition: color .3s ease;
         -o-transition: color .3s ease;
            transition: color .3s ease;	
  }

	ul.items  li:before {
    color: #0d7dfd; 
    content: "●"; 
    padding-right: 5px; 
  }
	#company_permits ul.items  li:before,
	#company_safety ul.items  li:before	{
    content: ""; 	
    padding: 0; 		
	}
	
	ul.items {
    list-style-type: none;	
		margin-left: 0;	
	}
	ul.items li {
		font-size: 1.1em;
		line-height: 1.5em;
    margin-bottom: 1.5em;		
	}	

	ul.items li a {	
/*		text-decoration: none; */		
	}

	ul.items li a.new-item {	
		color: #bcd9f9;		
	}
	ul.items li a.old-item {	
		color: #8bbdf5ab;		
	}
	ul.items li a.new-item:hover,	
	ul.items li a.old-item:hover {
		color: #fff;
	}
	
	.item-icon {		
		display: block; 
		float: left; 
		padding-top: 5px; 
		margin: 0 10px 10px 0;
	}
	
  #small-in-figures ul,
  #small-in-figures ul:before {
		margin: 20px 0 0 0;
		list-style: none;	
	}	
  #small-in-figures li a {
    text-decoration: none;			
	}	
  #small-in-figures li {
		display: inline-block; 
		padding-bottom: 5px; 
		margin-bottom: 30px;		
		color: #fff;
		border-bottom: 1px solid #777;
		font-size: 1.1em;
		text-transform: uppercase;
		width: 100%;
	}
	#small-in-figures li:before {		
    content: ""; 
    padding-right: 0; 		
	}

  #small-in-figures li span {
		color: #0d7dfd; 
		font-weight: 400; 
		font-size: 7.0vmax;
    font-family: Arial,sans-serif;
    letter-spacing: -0.03em;
	}	
	
  #company_about li.no-active:before,
  #company_values li.no-active:before {
    color: #ccc; 
    content: "_"; 
  }
  #company_about ul li.no-active {
    color: #ccc; 
  }
	
	#company_perspectives li:before {
		content: "";
    padding-right: 0; 		
	}
	
  #company_perspectives ul li {
		margin-bottom: 20px;			
	}		
	
  #company_perspectives ul li h4 {
 		color: #0d7dfd;	
		font-weight: 600;
		margin-right: 20px;
		margin-top: -3px;
    float: left;
    clear: both;
	}

	#company_perspectives ul li span{
		color: #fff;	
	}


	.project-item {
    color: #0d7dfd;			
	}

	.project-item	a {
		display: block;
		position: relative;
	}
	
	.project-item-header {
		display: inline; 
		margin-bottom: 10px; 
		color: #0d7dfd;
	}	
	
	.project-item-header .label {
		display:inline-block;			
		margin-bottom: 0; 		
		line-height: 1.8em; 
		font-weight: 600; 
	}

	.project-item-header div span {
		font-style: italic; 
		font-size: 12px;	
	}
	
	.project-item-header h3 {
		margin-bottom: 0; 		
		font-weight: 600; 
		line-height: 1em; 		
		float: right;	 
		color: #fff; 
	}
	
	.project-item-zoom {
		display: inline-block; 
		position: absolute; 
		top: 45%;
		right: 45%;
		font-size: 2em; 
		color: #fff;		
	}
	
	.project-info {
    font-family: Verdana,sans-serif;	
    font-weight: 400;
    line-height: 20px;
		color: #ccc;	
	}

	.project-info .customer {
    font-weight: 600;	
		color: #fff;
	}
 
	.project-info .project-name {
    font-weight: 600;	
		color: #0d7dfd;
	} 

	
/*--------------------------------------------------
	07. Contact form
---------------------------------------------------*/

	#contact-form-wrap {		
		width:auto;
		margin:0 auto;
		padding:0;
	}

	::-webkit-input-placeholder {color:#999;}
	::-moz-placeholder          {color:#999;}
	:-moz-placeholder           {color:#999;}
	:-ms-input-placeholder      {color:#999;}

	input.must_fill::-webkit-input-placeholder {color:#8bbdf5;}	
	input.must_fill::-moz-placeholder {color:#8bbdf5;}	
	input.must_fill:-moz-placeholder {color:#8bbdf5;}	
	input.must_fill:-ms-input-placeholder {color:#8bbdf5;}	
	
	textarea.must_fill::-webkit-input-placeholder {color:#8bbdf5;}
	textarea.must_fill::-moz-placeholder {color:#8bbdf5;}	
	textarea.must_fill:-moz-placeholder {color:#8bbdf5;}
	textarea.must_fill:-ms-input-placeholder {color:#8bbdf5;}	
	
	.form-field, textarea {
	  position: relative;
		border-radius: 0px;
		margin-bottom: 20px;		
	}
	
	.form-field input[type="text"], 
	.form-field input[type="tel"], 
	textarea	{
		color: #ccc;
		font-family: Arial,sans-serif;
		font-size: 15px;
		letter-spacing: .5px;
		height: 40px;
		padding: 10px 25px 8px 10px;
		width: 100%;
		border: 0;			
		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: #282832; 	
		border-bottom: 1px solid #0d7dfd; 
	}
	
	.form-field input.checked, textarea.checked {color:#0d7dfd;}		
	
	#contact-form-wrap textarea {		
		height: 160px;
		resize: none;
		padding: 20px 25px 0 10px;
		border-bottom: 1px solid #0d7dfd; 	
		margin-bottom: 20px;			
	}
	
	.form-field input:focus, textarea:focus  {
		color: #666;		
		background-color: #e1e1e1;
	}	
	
	.form-field img.imgError {
    position: absolute;
    right: 10px;
    bottom: 18px;
		margin-bottom: 0;
    display: none;
	}

	input[type="submit"]	{
		color: #fff;
		font-family: Verdana, sans-serif;
		font-size: 14px;		
		text-transform:uppercase;
		padding:15px 40px;
		letter-spacing:0;
		line-height:20px;
		cursor:pointer;
		border:none;
		transition:all 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;
		letter-spacing: 1px;
		background-color: #0d7dfd;
	}
	
	input[type="submit"]:hover {
		background-color: #57a4fe;
	}

	#contacts p {	
		font-size:13px; 
		line-height:21px;
	}	

	
/*--------------------------------------------------
	08. 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: -80px;
	}
	
	.has-animation[data-animation="fade-in-from-bottom"] {
		bottom: -50px;
	}
	
	img.img-with-animation[data-animation="fade-in-from-left"], img.img-with-animation[data-animation="fade-in-from-right"] {
		margin: 0 auto;
	}	
	
		
	
/*--------------------------------------------------
	09. Shortcodes
---------------------------------------------------*/	

/* Buttons */	

	.pro-button,
	.pro-button-center,	
	.pro-button-right,
  .more-button {
	  display: inline-block;
 		padding: 12px 25px;
		min-width: 100px;		
		color: #fff;
		font-family: Verdana, sans-serif;
		font-size: 12px;
		text-transform: uppercase;	
		text-decoration:none;		
		letter-spacing: 0.5px;
		line-height: 20px;
		cursor: pointer;
		border-radius: 25px;
		transition:all 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;
		letter-spacing: 0.5px;
		background-color:#282832;	
	}
	
	.pro-button-right {
	  display: block;
		float: right;
		margin: 0px 0px 10px;
	}	

	.pro-button-center	{
	  display: block;		
		width: 150px;
		margin: 0 auto 10px;
	}
	
	.pro-button:hover, .pro-button:focus,
	.pro-button-center:hover, .pro-button-center:focus,	
	.pro-button-right:hover, .pro-button-right:focus {
		background-color: #57a4fe;
		color: #282832;		
	}

	.more-button:hover, .more-button:focus {
		background-color: #fff;  
		color: #000;
	}
	
	.btn-neonblue {
		background-color: #0d7dfd;  
		color: #000;		
	}
	.btn-neonblue:hover,
	.btn-neonblue:focus	{
		background-color: #57a4fe;  
		color: #fff;		
	}
	
	.outline-button {
		padding: 12px 25px;
		background-color: transparent;
		border: 2px solid #ccc;
	}
	
	.outline-button:hover, .outline-button:focus {
		border: 2px solid #57a4fe;
		color: #fff;
	}


/*	Alert Boxes ------------------------------------------*/
	
	.alertboxes {
		float: left;
		width: 100%;
	}
	
	.shortcode_alertbox {
		color: var(--color-white);
		display: block;
		line-height: 20px;
		margin-bottom: 20px;
		padding: 15px 40px 15px 14px;
		position: relative;
	}
	
	.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;
	}
		

/* Quote */	
	
	.quote {
		font-weight: normal;
		text-align: center;
		font-family:'Montserrat', sans-serif;
		color: #000;
		font-size: 3em;
		margin: 20px 0px;
		line-height: 1.25em;
	}

	.quotation-left,
  .quotation-right {
		font-size: 3em;		
    font-family: Georgia,sans-serif;		
	}
	.quotation-left {
		padding-right: 10px;		
		vertical-align: middle;	
	}
	.quotation-right {
		padding-left: 5px;	
    position: relative;
    top: 0.5em;
    line-height: 0em;
	}
	
	.quote-author {
		text-align: center;
		margin: 0;
	}		
	
	
/*  Replies  */	

	#replies .quote {
		text-align: left;
		font-family: serif;
		color: #57a4fe;
		font-size: 2em;
		font-style: italic;
		font-weight: normal;		
		margin: 0 0 40px;
		padding: 2.5em 5px 0 0;
/*		background: #fff;  */
	}

	#replies .quote-author {
		text-align: left;
		float: left;
		margin: 0;
	}

	#replies .owl-carousel img,
	#replies .owl-carousel.owl-item img {	
		width: auto;
		height: auto;
		margin-bottom: 0;		
	}	

	#replies .reply-1 {	
		background: url('../Img/assets/customers_logos_sprite.png') no-repeat 0px -1px;	/*  РосАтом */
		width: 300px;
		height: 180px;	
	}	
	#replies .reply-2 {	
		background: url('../Img/assets/customers_logos_sprite.png') no-repeat -300px -1px;	/*  Акрон */
		width: 300px;
		height: 180px;	
	}	
	#replies .reply-3 {	
		background: url('../Img/assets/customers_logos_sprite.png') no-repeat -600px -1px;	/*  СеверСталь  */
		width: 300px;
		height: 180px;	
	}	
	
	#replies a {
		color: #57a4fe;
	}	
	
	#replies .quote-author-link {
	  display: inline-block;
	  margin-top: 4px;
		float: right;
	}
	

/*--------------------------------------------------
	10. Footer
---------------------------------------------------*/

	#footer-content {
	  display: block;
		height: 60px;		
		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: #777;
	}
	
	#disclaimer {
		display: inline-block; 
		float: left; 
		max-width: 70%;
    margin-left: 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 {
		background: url(../Img/assets/socials_grey.png) no-repeat -69px 0;
		width: 42px;
		height: 42px;
  }		
	.socials a.fb {
		background: url(../Img/assets/socials_grey.png) no-repeat -123px 0;
		width: 42px;
		height: 42px;
  }	
	.socials a.inst {
		background: url(../Img/assets/socials_grey.png) no-repeat -176px 0;
		width: 42px;
		height: 42px;
  }		

/* ---------------- Back to top btn ----------------  */
	#scrolltotop {	
		position: fixed;
		bottom: 85px; 
		right: 20px;
		display: none;
		z-index: 100;
		cursor: pointer;
	}
	
	.top-arrow {
		width: 40px; 
		height: 40px;
		background: #8bbdf5;
		background-image: url(../Img/assets/top_arrow.png);
		background-size:22px 12px;
		background-repeat: no-repeat;
		background-position: center center;
		border-radius: 10px;		
		opacity: 0.5;
		-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;
	}
	

/* ---------------- Galleries ----------------  */

	.gallery-wrapper {
	  display: block;
		position: relative;
		width: 100%; 
	  height: auto;
	  padding: 0 0 40px;			/*   80px for custom navigation control  */
		cursor: -webkit-grab;  	/*  move;  */			
	}

	.gallery-nav-ext{
	  position: relative;	
    width: 100%;   /*  100%, 50%, 25%  */
		height: 50px;   /*  43px */
		margin-bottom: 10px;
		float:right; 
		z-index: 1;
	}
	
	.prev-project {
		background-image: url(../Img/assets/slider_left_white.png);
		padding-left: 50px;	
		float: left;
		text-align: left;
	}
	
	.next-project  {
		background-image: url(../Img/assets/slider_right_white.png);
		text-align: right;	
		padding-right: 50px;		
		background-position: right;
		float: right;
		text-align: right;		
	}
	
	.prev-project,
	.next-project {
		background-size: 23px 43px;
		background-repeat: no-repeat;
		width: auto;
		height: 43px;
		overflow: hidden;
		opacity: 0.4;
		-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;
	}
	
	.prev-project:hover,
	.next-project:hover {	
		opacity: 1;
	}
	
/* End of galleries --- */

	.caption {
		display: inline-block; 
		float: left;
		clear: both;		
		padding: 20px 0;
	}
	
	.caption h6{
		margin-bottom: 5px;
	}	
	
	.caption-subject {
		color: #ccc; 
		font: 10px/12px Verdana,sans-serif;	
		text-align: left;			
		letter-spacing: 0.2px;
	}	

	
/*--------------------------------------------------
	11. Responsive
---------------------------------------------------*/			

@media only screen and (max-width: 1920px) {	
	
	.slide-slogan-big h1 {
		font: 8vmin/9vmin sans-serif,Arial; 
    font-weight: 600;		
	}	
	.slide-slogan h1 {
		font: 7.5vmin/8vmin sans-serif,Arial;   
    font-weight: 600;				
	}
	
}

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

	#gallery_what_we_do .owl-carousel img,
	#gallery_what_we_do.owl-carousel.owl-item img {	
		width: 50%;
		height: auto;
		margin: 0 auto;		
	}	
}

@media only screen and (max-width: 1280px) {
	
	.container,
	#header-wrapper {	
		width:90%;		
	}

	#controls {
		width: 645px;
	}

	.top-arrow {	
		width: 40px;
		height: 40px;
	}
			
	hr {
		height: 80px;
	}	
	
}	

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

	.slide-slogan,
	.slide-slogan-big {
		margin-bottom: 0px;
	}	
	
	p.textlogo {
		display: none;
  }

	.slide-slogan h3 {
		font-size:2.5em;   
	}	

	h2 {
		font-size:2.6em;
		line-height:1.2em;
	}
	
	h3 {
		font-size:2.0em;
		line-height:1.2em;   /*   1.0em  */
	}
	
	h4 {
		font-size:1.8em;
		line-height:1.2em;
	}
	
	h5 {
		font-size:1.5em;
		line-height:1.2em;
	}
	
	.gallery-nav {
    width:40%;  
		margin:12px 30%;
	}
	
	hr {
		height: 80px;
	}

	.top-arrow {	
		width: 40px;
		height: 40px;
	}

	#controls {
		width: 590px;
	}
 
	#top_menu ul {
    padding: 24px 0px;	
	}
	
  .menu {
		display:none;
	}
	
	#hero img {
		width: 100%;
	}

  .one_fifth, .one_sixth, .three_fourth, .four_fifth, .five_sixth {	
		width: 100%;
		margin-bottom:20px;
	}	
	
	.two_fourth, .three_sixth {
		width: 47%;
		margin-bottom:20px;		
	} 	
	
	.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 40px;	
	}	
	
	.parallax {
		background-position:center top !important;
		background-attachment:scroll !important;
		height:auto;		
		width:100%;
	}

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

	#logo {
		margin-top:20px;
	}	
	.logo,
	.logo-white {	
		float:left;	
		height:40px;
		width:240px;
	}
	.logo {
		background-size:contain;			
	}
	.logo-white {
		background-size:contain;			
	}
 	
	.custom-navigation {
    width: 100%;	
	}	
	
	.slide-slogan,
	.slide-slogan-big {
		margin-bottom: 50px;
	}	

	.clapat-caption h3, 
	.slide-slogan h3 {
		font-size: 1.8em;  
		line-height: 1.25em;			
		letter-spacing: -0.03em;
	}
		
  #top_menu {
		display:none;
	}
	
	#controls {
		width:50px;
		height:65px; 
	}

	#menubtn {
	  top: 0px; 
	}
	
	.top-arrow {	
		width: 40px;
		height: 40px;
	}
		
	.menu li a {
    line-height: 60px;
  }

	.overlay-menu .categories li a {
    line-height: 1.5em;
	}
	.dropdown.active .submenu {
    margin-top: 0.5em;
	}	
	.dropdown .submenu li a {
    line-height: 1.8em!important;
	}
	
  .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: 0px;
	}

	.cta-form h1 {	
		font-size: calc(5vh + 1vmin); 
	}
	
	h2 {
		font-size: 3.5em;
		line-height:1.1em;
	}

	.circle {
    width: 12em;
    height: 12em;
  }
	.circle-fig {
    font-size: 4em;
	}
	.circle-label {
    font-size: 1.1em;
	}
	
	#what_we_do {
		margin-top: 40px;
	}
	
	#profile-menu li {
    margin-left: 0;
	}
	
	#profile-menu li .subtitle {
		margin-bottom: 0;	
	}		
	
	#profile-menu li h4 {
		display: none;
  }		
	
	#profile-menu li h5.elns-subtitle {	
		display: inline-block;
		color: #fff;
	}
	
	#profile-menu li .item-info {
    width: 85%;	 
		margin: -30px 0 20px 0;			
	}

	#profile-menu li .icon-img {	
		margin:0;
	}
	
	.circle-fig {
    padding: 0 15px;
	}
	
	.project-item	a {
		width: 75%;
	}
	
	#replies .quote {
		text-align: center;
		font-size: 1.8em;
		padding: 0;
	}	
	
	#disclaimer {
		display:none;
	}	
	
	#footer-content .socials  a {
    margin-left: 2px;	
	}
	
}


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

	h2 {
    font-size: 2.7em;
	}
	
	h3 {
    font-size: 2.2em;
	}
	
	h4 {
    font-size: 1.7em;
    line-height: 1.2em;
	}
	
	h5 {
    font-size: 1.4em;
	}

	.clapat-caption h3, 
	.slide-slogan h3 {
		font-size:1.5em;  
		line-height:1.0em;			
		letter-spacing:-0.01em;
	}
	
	#controls {
		width:40px;
	}
	
	.overlay-menu .menu-container .categories li {	
		font-size: 3em;
    margin: 0 0 10px;	
	}
	.dropdown .submenu li a {
    font-size: 0.25em;
	}
	
	.next-section {
    width: 40px;
    height: 40px;
    background-position: 3px 12px;
  }
	
	.top-arrow {	
		width:40px;
		height:40px;
	}
		
	#scroll {
		display: none;
	}
	
	.item:hover .padding-overlay {
		padding: 10px;
	}
	
	.part {
		padding: 40px 0 20px;	
	}
	.part h2 {
    margin-bottom: 0px;	
	}
	
	#what_we_do {
    margin-top: 40px;
	}
	
	div.icon-img,
	#profile-menu li .icon-img {
    width: 50px;
		margin-right: 0;
	}	
	#profile-menu li a h4 {
		padding-top:0;
	}
	#profile-menu li h5.elns-subtitle {	
		width: 80%;
	}	
	#profile-menu li .item-info {
    width: 100%;
    margin: 0 0 20px 0;		
		font-size: 1.05em;
	}

	p {
    line-height: 21px;	
	}
	
	p.intro{
		font-size: 1.2em; 
		line-height: 1.6em; 
	}
	
	.elns-subtitle {
		margin-bottom: 0;
	}
	
}	


@media only screen and (max-width: 480px) {
	
	h1,h2,h3,h4,h5,h6 {
		margin-bottom: 20px;
	}
	
	.slide-slogan-big h1 {
		font: 8,5vmin/9vmin sans-serif,Arial; 
    font-weight: 600;		
	}	
	.slide-slogan h1 {
		font: 8vmin/9vmin sans-serif,Arial;   
    font-weight: 600;				
	}

	.clapat-caption h3, 
	.slide-slogan h3 {
		font-size:1.5em;  
		line-height:1.0em;			
		letter-spacing:0em;
	}
	
	.caption-back {
		width:inherit; 
    margin-bottom:50px;		
	}
	
	.slide-slogan,
	.slide-slogan-big {
		margin-bottom:25px;
	}	
	
	header {
	  max-width:100%;
	}
	
	#menubtn-close {
    top:25px;
    right:25px;
	}
	
	.top-arrow {	
		width:40px;
		height:40px;
	}

	#company_perspectives li h5 span {
    font-size: 0.8em;
	}

	.project-item	a {
		width: 100%;
	}
	
	.profile-menu-list .two_third {
		margin-bottom: 10px;
	}
	
}

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

	h2 {
    font-size: 2.3em;
	}
	
	h3 {
    font-size: 2.0em;
	}
	
	h4 {
    font-size: 1.6em;
	}
	
	h5 {
    font-size: 1.3em;
	}

	.caption-back {
		width:inherit; 
    margin-bottom:20px;		
	}
	
	.slide-slogan,
	.slide-slogan-big {
    font-weight: 600;			
		margin-bottom:10px;
	}	
	
	#menubtn-close {
    top:20px;
    right:20px;
	}
	
	.overlay-menu .menu-container .categories li {	
		font-size:2.4em;
	}	
	
	#gallery_what_we_do .owl-carousel {	
		width:100%;
	}	
	
}		

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