/*
Theme Name: Zentity Theme
Author: Loïc de Siebenthal
Author URI: https://zentity.com/
Description: Zentity.com WordPress theme based on Twitter Bootstrap 3.3.3
Version: 1.0
Text Domain: zentity
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Colors
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
# Admin
# Home
# Works
# Jobs
# Custom blocks
# Sections presentation
# Sections products
# Sections clients quotes
# Section product sheet
# Section about top
# Section about references
# Section medias
# Section contact
# Section Our culture
# Section Top layout
# SECTION solutions cta
# SECTION home works

# Responsive
# ratio-blocks
# Dots BG
# Helper class
# Collapse blocks
# justselect
# LightSlider
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@font-face{
	font-family: 'opensans';
	src: url('inc/assets/fonts/OpenSans-Light.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}
@font-face{
	font-family: 'opensans';
	src: url('inc/assets/fonts/OpenSans-Light.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face{
	font-family: 'opensans';
	src: url('inc/assets/fonts/OpenSans-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face{
	font-family: 'opensans';
	src: url('inc/assets/fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face{
	font-family: 'gilroy';
	src: url('inc/assets/fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
	url('inc/assets/fonts/Gilroy-Light.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}
@font-face{
	font-family: 'gilroy';
	src: url('inc/assets/fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
	url('inc/assets/fonts/Gilroy-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face{
	font-family: 'gilroy';
	src: url('inc/assets/fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
	url('inc/assets/fonts/Gilroy-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face{
	font-family: 'gilroy';
	src: url('inc/assets/fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
	url('inc/assets/fonts/Gilroy-Medium.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

#wpadminbar{
	position: fixed;
}

body{
	margin: 0;
	-webkit-font-smoothing: auto;
	color: rgba(20,20,60,1);
	background: rgba(20,20,60,1);
	font-family: 'opensans',Helvetica;
	font-size: 1rem;
	line-height: 2rem;
}
.container{
	max-width: 1515px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary,
div{
	display: block;
	position:relative;
	z-index:2;
}

audio,
canvas,
progress,
video{
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]){
	display: none;
	height: 0;
}

[hidden],
template{
	display: none;
}

a{
	background-color: transparent;
	color:#1fd6ba;
}

a:active,
a:hover{
	outline: 0;
}

dfn{
	font-style: italic;
}

mark{
	background: #ff0;
	color: #000;
}

small{
	font-size: 80%;
}

sub,
sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup{
	top: -0.5em;
}

sub{
	bottom: -0.25em;
}

img{
	border: 0;
}

svg:not(:root){
	overflow: hidden;
}

figure{
	margin: 1em 2.5rem;
}

hr{
	box-sizing: content-box;
	height: 0;
}

button{
	overflow: visible;
}

button,
select{
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled]{
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
	border: 0;
	padding: 0;
}

input{
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"]{
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}

fieldset{
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend{
	border: 0;
	padding: 0;
}

textarea{
	overflow: auto;
}

optgroup{
	font-weight: bold;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th{
	padding: 0;
}

svg{
	width: auto;
	height: auto;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{
	clear: both;
	color: rgba(20,20,60,1);
	font-weight: 600;
	margin-bottom: 1.875rem;
}
h1{
	font-family: 'gilroy',Helvetica;;
	font-size: 3.75rem;
	line-height: 4.5rem;
	font-weight: 600;
}
h2{
	font-family: 'gilroy',Helvetica;;
	font-size: 2.5rem;
	line-height: 3.5rem;
	font-weight: 600;

}
h2:before{
	display: inline-block;
	width: 1.875rem;
	height: 3.125rem;
	content: "";
	background-image: url(inc/assets/svg/slash.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.875rem 3.125rem;
	margin-right: 0.3125rem;
}

h3{
	font-family: 'gilroy',Helvetica;
	font-size: 2rem;
	line-height: 2.5rem;
	font-weight: 600;
}
h4{
	font-family: 'gilroy',Helvetica;;
	font-size: 1.75rem;
	line-height: 2.25rem;
	font-weight: 600;
}
h5{
	font-size: 1.125rem;
	line-height: 1.5rem;
	font-weight: 600;
}

p{
	margin-bottom: 1.5em;
}
h1.entry-title{
	font-size: 1.31rem;
	border-bottom: 1px solid #eaecef;
}
h2.entry-title{
	border-bottom: 1px solid #eaecef;
}
h3.widget-title{
	font-size: 1.2rem;
}

.text-orange{
	color: #F55432!important;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

.background-image{
	background-image: url(inc/assets/img/background_photo.png);
	background-repeat: no-repeat;
	background-position: top right;
}


#content{
	background: #ffffff;
	overflow: hidden;
}
img{
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure{
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table{
	margin: 0 0 1.5em;
	width: 100%;
}

.container-content{
	padding: 0 11.25rem 0 11.25rem;
	position: relative;
}
@media screen and (max-width: 1414px){
	.container-content{
		padding: 0 1.25rem 0 1.25rem;
	}
}

@media screen and (max-width: 768px){
	#wp-admin-bar-grid_level{
		display: block!important;
		padding-top: 0.375rem!important;
	}
}

.btn{
	border-radius:0!important;
	text-transform: uppercase;
	font-size: 0.875rem;
	line-height: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.125rem;/* 0.125rem */
	position: relative;

}
.btn.btn-primary{
	background-color: rgba(20,20,60,1);
	color: #FFF;
	border-color: rgba(20,20,60,1);
}
.btn.btn-outline-primary{
	color: rgba(20,20,60,1);
	border-color: rgba(20,20,60,1);
}
.btn.btn-outline-primary:hover{
	background-color: rgba(20,20,60,1);
	border-color: rgba(20,20,60,1);
	color:#ffffff;
}

.btn.btn-secondary{
	background-color: #F55432;
	color: #FFF;
	border-color: #F55432;
}
.btn.btn-outline-secondary{
	color: #F55432;
	border-color: #F55432;
}
.btn.btn-outline-secondary:hover{
	color: #FFFFFF;
	border-color: #F55432;
	background-color: #F55432;
}
.btn.btn-outline-light:hover{
	color: #F55432!important;
}
.btn-call-to-action{
	padding: 0.9375rem 2.5rem 0.9375rem 1.25rem;
	min-width: 15.625rem;
	text-align: left;
}

@media screen and (max-width: 1160px) and (min-width: 992px){
	.btn-call-to-action{
		min-width: 13.625rem;
	}

}
.btn-call-to-action::after{
	display: block;
	position: absolute;
	right: 1.125rem;
	top:1.0625rem;
	width: 0.625rem;
	height: 1.125rem;
	content: "";
	background-image: url(inc/assets/svg/arrow-right.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 0.625rem 1.125rem;
}
.btn-call-to-action:hover::after{
	background-image: url(inc/assets/svg/arrow-right-orange.svg);
}

.btn-outline-secondary.btn-call-to-action::after{
	background-image: url(inc/assets/svg/arrow-right-orange.svg);
}
.btn-outline-secondary.btn-call-to-action:hover::after{
	background-image: url(inc/assets/svg/arrow-right.svg);
}

.btn-secondary.btn-call-to-action:hover{
	background-color: rgba(20,20,60,1);
	color: #F55432;
	border-color: rgba(20,20,60,1);
}
.dark-bg .btn-secondary.btn-call-to-action:hover{
	background-color: rgba(20,20,60,1);
	color: #F55432;
	border-color: #F55432;
}
.btn-secondary.btn-call-to-action:hover::after{
	background-image: url(inc/assets/svg/arrow-right-orange.svg);
}

.btn-call-to-action.btn-download::after{
	background-image: url(inc/assets/svg/download.svg);
	width: 1.25rem;
	height: 1.5rem;
	background-size: 1.25rem 1.5rem;
}
.btn-call-to-action.btn-download:hover::after{
	background-image: url(inc/assets/svg/download.svg);
}

.arrow-title{
	text-transform: uppercase;
	font-family: 'gilroy';
	font-size: 0.875rem;
	letter-spacing: 0.125rem;/* 0.125rem */
	font-weight: 700;
	position: relative;
	display: inline-block;
	padding-right: 1.125rem;
}
.arrow-title::after{
	display: block;
	position: absolute;
	right: 0;
	top:0.375rem;
	width: 0.5625rem;
	height: 1.0625rem;
	content: "";
	background-image: url(inc/assets/svg/arrow-right-blue.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 0.5625rem 1.0625rem;
}

.arrow-link{
	text-transform: uppercase;
	font-family: 'gilroy';
	letter-spacing: 0.125rem;/* 0.125rem */
	font-weight: 700;
	position: relative;
	display: inline-block;
	padding-right: 1.125rem;
}
.arrow-link::after{
	display: block;
	position: absolute;
	right: 0;
	top:0.375rem;
	width: 0.5625rem;
	height: 1.0625rem;
	content: "";
	background-image: url(inc/assets/svg/arrow-right-cyan.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 0.5625rem 1.0625rem;
}
.arrow-link:hover::after{
	background-image: url(inc/assets/svg/arrow-right-orange.svg);
}
.btn.arrow-link::after{
	right: 6px;

}

span.arrow-link{
	color:#1FD6BA;
}
.btn.float-right.arrow-link::after{
	top:9px;
}
.btn.float-left.arrow-link::after{
	top:9px;
}
.btn-outline-light.arrow-link::after{
	background-image: url(inc/assets/svg/arrow-right.svg);
}
.btn-outline-light.arrow-link:hover::after{
	background-image: url(inc/assets/svg/arrow-right-orange.svg);
}

a:hover,span.arrow-link:hover{
	text-decoration: none;
	color:#F55432;
}


.page-section ul{
	 line-height: 1.125rem;
	 list-style: none; /* Remove default bullets */
	 text-align: left;
}
.page-section li{
	font-weight: 600;
	text-indent: 0;
	position: relative;
	line-height: 1.5rem;
}
.page-section ul li:not(.lslide)::before{
	background-color: #F55432;
	border-radius: 50%;
	content: "";
	display: inline-block;
	left:-20px;
	top:6px;
	height: 0.5rem;
	width: 0.5rem;
	position: absolute;
}


@media screen and (min-width: 992px){
	.page-section ul{
		 margin: 0 auto;
		 width: 70%;
	}
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.frm_dropzone{
	height: 77px!important;
	width: 100%!important;
	max-width: 100%!important;
	border:1px solid #F55432!important;
	margin: 0!important;
}
.frm_dropzone .dz-message,.dz-file-preview{
	height: 74px!important;
	width: 100%;
	margin-top:0!important;
	color:#F55432;
	border-radius: 0;
	border:0!important;
}

.frm_dropzone .dz-preview .dz-image{
	height: 42px!important;
	background-image: url(inc/assets/svg/file-orange.svg);
	background-size: 42px 42px;
	width: 42px;
	height: 42px;
}
.dz-complete .dz-progress{
	display: none!important;
}
.frm_dropzone .dz-preview .dz-details{
	padding-top: 7px;
}
.frm_dropzone .dz-preview{
	padding: 1rem;
}
.frm_dropzone .dz-preview .dz-details{
	margin-bottom: 0;
}
.frm_style_zentity.with_frm_style .frm_dropzone .frm_upload_icon::before, .frm_style_zentity.with_frm_style .frm_dropzone .dz-remove{
	color:#F55432;
}
.frm_style_zentity.with_frm_style .frm_dropzone .dz-preview .dz-progress .dz-upload, .frm_style_zentity.with_frm_style .frm_dropzone .dz-preview.dz-complete .dz-progress{
	background-color:#F55432;
}

.frm_dropzone .frm_upload_icon{
	display: inline-block!important;
	float: right;
}
.frm_upload_text{
	float: left;
	font-size: 0.875rem;
	line-height: 2.375rem;
}
.frm_small_text{
	display: none;
}
.frm_icon_font.frm_upload_icon{
	background-image: url(inc/assets/svg/upload-orange.svg);
	background-size: 2.25rem 2.25rem;
	width: 2.25rem;
	height: 2.25rem;
}
.frm_icon_font.frm_upload_icon::before{
	content:"";
}
#contact-form-block a{
	color: #F55432!important;
}
#contact-form-block small.privacy{
	margin: 0.75rem 0;
	display: block;
}
#contact-form-block textarea{
	resize: none;

}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead{
	margin-bottom: 0;
	background-color: rgba(20,20,60,1) ;
	height: 6.25rem;
	padding: 1.5625rem 0 1.5625rem 0;
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

header#masthead.sticky{
	padding: 0 0 0 0!important;
	height:62px;
	-webkit-box-shadow: 0px 10px 9px -3px rgba(0,0,0,0.34);
	-moz-box-shadow: 0px 10px 9px -3px rgba(0,0,0,0.34);
	box-shadow: 0px 10px 9px -3px rgba(0,0,0,0.34);
}

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

	header#masthead.sticky{
		padding:10px 0 0 0!important;
	}
}
.admin-bar header#masthead{
	top:32px!important;
}
header#masthead .container{
background-color: rgba(20,20,60,1) ;
}
#main-logo{
	height: 30px;
	display: block;
	max-width:none;
}

.navbar-dark .navbar-toggler{
	border:0;
	padding: 0;
}
.navbar-dark .navbar-toggler.collapsed .navbar-toggler-icon{
	background-image: url(inc/assets/svg/burger.svg);
}
.navbar-dark .navbar-toggler .navbar-toggler-icon{
	background-image: url(inc/assets/svg/close.svg);
}
.navbar-brand > a{
	color: rgba(0, 0, 0, 0.9);
	font-size: 1.1rem;
	outline: medium none;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
}

.navbar-brand > a:visited, .navbar-brand > a:hover{
	text-decoration: none;
}
.navbar-nav{
	background-color: rgba(20,20,60,1);
}
#page-sub-header{
	position: relative;
	padding-top: 5rem;
	padding-bottom: 0;
	text-align: center;
	font-size: 1.25rem;
	background-size: cover !important;
}

body #page-sub-header h1{
	line-height: 1.6;
	font-size: 4rem;
	color: rgba(20,20,60,1);
	margin: 0 0 1rem;
	border: 0;
	padding: 0;
}

#page-sub-header p{
	margin-bottom: 0;
	line-height: 1.4;
	font-size: 1.25rem;
	font-weight: 300;
}
body #page-sub-header p{
	color: #212529;
}
a.page-scroller{
	color: rgba(20,20,60,1);
	font-size: 2.6rem;
	display: inline-block;
	margin-top: 2rem;
}

@media screen and (min-width: 768px){
	body #page-sub-header h1{
		font-size: 3.750rem;
	}
	body #page-sub-header{
		font-size: 1.25rem;
	}
}

@media screen and (min-width: 992px){
	#page-sub-header p{
		max-width: 43rem;
		margin: 0 auto;
	}
}



/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav{
	padding-left: 0;
	padding-right: 0;
}

body #masthead .navbar-nav > li > a{
	color: #fff;
	margin:0 2.125rem;
	padding: 0;
	font-weight: 600;
	font-size: 0.875rem;/* 14px */
	text-transform: uppercase;
	font-family: 'gilroy';
	letter-spacing: 0.125rem;/* 0.125rem */
	padding: 0.9375rem 0;
}

body #masthead .navbar-nav > li:last-child > a{
	margin-right:0;
}
/***
body #masthead .navbar-nav > li > a:hover,
body #masthead .navbar-nav > li.current_page_item > a{
	color: #F55432;
	background-image: url(inc/assets/svg/dot.svg);
	background-repeat: no-repeat;
	background-position: center 2.75rem;
	background-size: 0.375rem 0.375rem;
}**/


body #masthead .navbar-nav > li > a:hover,
body #masthead .navbar-nav > li.current_page_item > a{
	color: #F55432;
	position: relative;
}

body #masthead .navbar-nav > li > a:hover:before,body #masthead .navbar-nav > li.current_page_item > a:before{
	display: inline-block;
	width: 0.9375rem;
	height: 1.5625rem;
	content: "";
	background-image: url(inc/assets/svg/slash.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px 25px;
	position: absolute;
	left:-20px;
}

@media screen and (max-width: 992px){ /* under lg */
	body #masthead .navbar-nav > li > a{
		margin: 2.5rem 0 0 0;
		text-align: right;
		font-size: 2rem;
		line-height: 2.5rem;
	}

	body #masthead .navbar-nav > li > a:hover,
	body #masthead .navbar-nav > li.current_page_item > a{
		background-image: none;
	}
	body #masthead .navbar-nav > li > a:hover:before,body #masthead .navbar-nav > li.current_page_item > a:before{
		position: relative;
		left:-10px;
		width:25px;
		height: 30px;
		content: "";
		background-image: url(inc/assets/svg/slash.svg);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 25px 35px;
	}
}




.navbar-brand{
	height: auto;
}

.navbar-toggle .icon-bar{
	background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after{
	border-bottom: 0.3em solid transparent;
	border-left: 0.3em solid;
	border-top: 0.3em solid transparent;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children{
	position: relative;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu{
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu{
	display: block;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after{
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after{
	border-left-color: #fff;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left{
	float: none;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu{
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul{
	display: block;
}

.dropdown-item{
	line-height: 1.2;
	padding-bottom: 0.313rem;
	padding-top: 0.313rem;
}

.dropdown-menu{
	min-width: 12.500rem;
}

.dropdown .open .dropdown-menu{
	display: block;
	left: 12.250em;
	top: 0;
}

.dropdown-menu .dropdown-item{
	white-space: normal;
	background: transparent;
	line-height: 1.6;
}
.dropdown-menu .dropdown-item:hover{
	background: transparent;
}

@media screen and (min-width: 37.5em){
	.menu-toggle{
		display: none;
	}
}
@media screen and (min-width: 769px){
	.dropdown-menu li > .dropdown-menu{
		right: -9.875rem;
		top: 1.375rem;
	}
}
@media screen and (max-width: 991px){
	.navbar-nav .dropdown-menu{
		border: medium none;
		margin-left: 1.250rem;
		padding: 0;
	}

	.dropdown-menu li a{
		padding: 0;
	}

	#masthead .navbar-nav > li > a{
		padding-bottom: 0.625rem;
		padding-top: 0.313rem;
	}

	.navbar-light .navbar-toggler{
		border: medium none;
		outline: none;
	}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next{
	float: right;
	text-align: right;
	width: 50%;
}
.comment-content.card-block{
	padding: 20px;
}

.navigation.post-navigation{
	padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a{
	border: 1px solid #ddd;
	border-radius: 0.938rem;
	display: inline-block;
	padding: 0.313rem 0.875rem;
	text-decoration: none;
}

.post-navigation .nav-next a::after{
	content: " \2192";
}

.post-navigation .nav-previous a::before{
	content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover{
	background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text{
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus{
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 0.313rem;
	line-height: normal;
	padding: 0.938rem 1.438rem 0.875rem;
	text-decoration: none;
	top: 0.313rem;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus{
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft{
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright{
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter{
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

a img.alignright{
	float: right;
	margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone{
	margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft{
	float: left;
	margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption.alignnone{
	margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft{
	margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright{
	margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after{
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after{
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget{
	margin: 0 0 1.5em;
	font-size: 0.875rem;
	/* Make sure select elements fit in widgets. */
}
.widget select{
	max-width: 100%;
}

.widget_search .search-form input[type="submit"]{
	display: none;
}

.nav > li > a:focus,
.nav > li > a:hover{
	background-color: #eee;
	text-decoration: none;
}
.half-rule{
	width: 6rem;
	margin: 2.5rem 0;
}
.widget_categories .nav-link{
	display: inline-block;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.top-call-to-action{
	margin-top: 4.375rem;
}
.top-call-to-action .btn{
	margin-right: 1.5rem;
	margin-bottom: 1rem;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky .entry-title::before{
	content: '\f08d';
	font-family: "Font Awesome\ 5 Free";
	font-size: 1.563rem;
	left: -2.5rem;
	position: absolute;
	top: 0.375rem;
	font-weight: 900;
}

.sticky .entry-title{
	position: relative;
}

.single .byline,
.group-blog .byline{
	display: inline;
}

.page-content,
.entry-content,
.entry-summary{
	margin: 1.5em 0 0;
}

.page-links{
	clear: both;
	margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content{
	margin-top: 0;
}

.post.hentry{
	margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link{
	color: #9a9a9a;
}

.entry-title > a{
	color: inherit;
}

.page-static-content{
	position: relative;
}
.dark-bg{
	background-color: rgba(20,20,60,1);
	color:#FFFFFF!important;
}

.dark-bg h1,.dark-bg h2,.dark-bg h3,.dark-bg h4,.dark-bg h5,.dark-bg p,.dark-bg a{
	color:#FFFFFF!important;
}
.orange-bg{
	background-color: #F55432;
	color:#FFFFFF!important;
}
.orange-bg h1,.orange-bg h2,.orange-bg h3,.orange-bg h4,.orange-bg h5,.orange-bg p,.orange-bg a{
	color:#FFFFFF!important;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a{
	word-wrap: break-word;
}

.bypostauthor{
	display: block;
}

.comment-body .pull-left{
	padding-right: 0.625rem;
}

.comment-list .comment{
	display: block;
}

.comment-list{
	padding-left: 0;
}

.comments-title{
	font-size: 1.125rem;
}

.comment-list .pingback{
	border-top: 1px solid rgba(0, 0, 0, 0.125);
	padding: 0.563rem 0;
}

.comment-list .pingback:first-child{
	border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer{
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer{
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley{
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object{
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption{
	background: #f1f1f1 none repeat scroll 0 0;
	border: 1px solid #f0f0f0;
	max-width: 96%;
	padding: 0.313rem 0.313rem 0;
	text-align: center;
}
.wp-caption img[class*="wp-image-"]{
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 100%;
	padding: 0;
	width: auto;
}
.wp-caption .wp-caption-text{
	font-size: 0.688rem;
	line-height: 1.063rem;
	margin: 0;
	padding: 0.625rem;
}

.wp-caption-text{
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery{
	margin-bottom: 1.5em;
}

.gallery-item{
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-item .gallery-columns-2{
	max-width: 50%;
}
.gallery-item .gallery-columns-3{
	max-width: 33.33333%;
}
.gallery-item .gallery-columns-4{
	max-width: 25%;
}
.gallery-item .gallery-columns-5{
	max-width: 20%;
}
.gallery-item .gallery-columns-6{
	max-width: 16.66667%;
}
.gallery-item .gallery-columns-7{
	max-width: 14.28571%;
}
.gallery-item .gallery-columns-8{
	max-width: 12.5%;
}
.gallery-item .gallery-columns-9{
	max-width: 11.11111%;
}

.gallery-caption{
	display: block;
}

/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text{
	width: 8.313rem !important;
}

.variations_form .variations .value > select{
	margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2{
	max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer{
	display: none;
}

.elementor-page.page-template-fullwidth #content.site-content{
	padding-bottom: 0;
	padding-top: 0;
}

.elementor-page .entry-content{
	margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer{
	display: none;
}

.vc_desktop #content.site-content{
	padding-bottom: 0;
	padding-top: 0;
}

.vc_desktop .entry-content{
	margin-top: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
body footer#colophon{
	color: #99979c;
}
.site-info{
	color:rgba(230,230,230,0.5);
	text-align: center;
	padding: 0 0 3.125rem 0;
	font-size: 0.75rem;
	line-height: 1rem;
}

.copyright a, footer#colophon a{
	color: inherit;
}

.footer-bloc{
	padding: 6.25rem 0 4.6875rem 0;
	font-size: 0.875rem;
	color:rgba(230,230,230,1);
}
.footer-bloc.light-grey{
	color:rgba(230,230,230,0.5);
}

.footer-bloc.bordered{
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.footer-bloc .footer-block-title{
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'gilroy';
	letter-spacing: 0.09rem;
	margin-bottom: 1.5625rem;
}

.footer-bloc p{
	margin:0;
	line-height: 1.75rem;
}

.footer-bloc h2{
	color:#ffffff;
	margin: 0 0 100px 0;
}
.footer-bloc .footer-col{
	margin-bottom: 1.5625rem;
}

#footer-logo{
	height: 1.25rem;
}
#colophon .nav a{
	display: block;
	width: 100%;
	line-height: 1.75rem;
	color:rgba(230,230,230,0.5);
}
#colophon a:hover,#colophon .nav a:hover,#colophon .nav a.active{
	text-decoration: none;
	color:#F55432;
}
@media only screen and (max-width: 576px){
	.footer-bloc .footer-block-title{
		margin-bottom: 0.625rem;
	}
	.footer-bloc .footer-col{
		margin-bottom: 5rem;
	}
}
.footer-bloc .footer-col:last-child{
	margin: 0!important;
}

#form_newsletter-signup{
	margin: 1.5625rem 0;
}

#form_newsletter-signup fieldset{
	padding: 0!important;
}

#form_newsletter-signup #newsletter-form-submit{
	background-color:#FFFFFF;
	width: 50px;
	height: 50px;
	padding: 0;
	position: absolute;
	right: 0;
	top:0;
	border:0;
	background-image: url(inc/assets/svg/arrow-right-blue.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 0.625rem 1.125rem;
}
#form_newsletter-signup .frm_error_style{
	margin-bottom: 1rem;
}
#footer-logo-link{
	display: block;
	height: 24px;
	width: 90px;
	background-image: url(inc/assets/svg/logo-white.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 90px 24px;
	margin-top: 8px;
}
#footer-logo-link:hover{
	background-image: url(inc/assets/svg/logo.svg);
}
.social-icon{
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 25px;
	margin-top: 1.5625rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	display: inline-block;
}

@media screen and (max-width: 992px){
	.social-icon{
		width: 24px;
		height: 24px;
		float: left;
		margin-right: 15px;
		margin-top: 1.5625rem;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 24px 24px;
	}
}
@media screen and (max-width: 576px){

	.social-icon{
		float: none;
		margin-right: 0;
		display: inline-block;
		margin: 10px 10px;
	}
}

.social-icon.facebook{
	background-image: url(inc/assets/svg/facebook.svg);
}
.social-icon.twitter{
	background-image: url(inc/assets/svg/twitter.svg);
}
.social-icon.linked-in{
	background-image: url(inc/assets/svg/linked.svg);
}
.social-icon.instagram{
	background-image: url(inc/assets/svg/instagram.svg);
}

.social-icon.facebook:hover{
	background-image: url(inc/assets/svg/facebook-orange.svg);
}
.social-icon.twitter:hover{
	background-image: url(inc/assets/svg/twitter-orange.svg);
}
.social-icon.linked-in:hover{
	background-image: url(inc/assets/svg/linked-orange.svg);
}
.social-icon.instagram:hover{
	background-image: url(inc/assets/svg/instagram-orange.svg);
}

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------
@media only screen and (max-width: 1280px){
	html{
		font-size: 95%;
	}
}

@media screen and (max-width: 1199px){
	.navbar-dark .dropdown-item{
		color: #fff;
	}
	.navbar-nav .dropdown-menu{
		background: transparent;
		box-shadow: none;
		border: none;
	}
}
/*----------------------------------------------------------------*/
## Netbook

@media only screen and (max-width: 1024px){
	html{
		font-size: 90%;
	}
}
/*----------------------------------------------------------------*/
## iPad

@media only screen and (max-width: 960px){
	html{
		font-size: 85%;
	}
}
/*----------------------------------------------------------------*/
## iPad

@media only screen and (max-width: 768px){
	html{
		font-size: 80%;
	}
}
/*----------------------------------------------------------------*/
## iPad

@media only screen and (max-width: 480px){
	html{
		font-size: 75%;
	}
}

/*--------------------------------------------------------------
# ADMIN
--------------------------------------------------------------*/
.admin-edit-block{
	position: absolute;
	right:10px;
	top:-10px;
	background: #23282d;
	color:#FFFFFF;
	border: 2px solid #F55432;
	z-index: 99;
}
.page-section .admin-edit-block{
	top:10.625rem;
}
.post-edit-link{
	background-image: url(inc/assets/svg/edit.svg);
	background-repeat: no-repeat;
	background-position: 0.3125rem center;
	background-size: 0.9375rem 0.9375rem;
	display: block;
	padding: 0 0.3125rem 0 0.3125rem;
	color:#FFFFFF;
	text-decoration: none;
	font-size: 0.875rem;
	min-height: 1.5625rem;
	min-width: 1.5625rem;
	text-indent: 1.25rem;
}
.post-edit-link:hover{
	color:#FFFFFF;
	text-decoration: none;
	font-size: 0.875rem;
	background-color: #F55432;
}

/*--------------------------------------------------------------
# HOME
--------------------------------------------------------------*/
.homepage .top-label img{
	height: 26px;
	margin-bottom: 10px;
}
.homepage .top-call-to-action{
	margin-bottom: 4.375rem;
}
.homepage .top-label{
	margin-bottom: 3.125rem;
}
/*--------------------------------------------------------------
# WORKS
--------------------------------------------------------------*/

.page-template-works #top-works-layout .lSSlideOuter, .page-template-works #top-works-layout .lSSlideWrapper, .page-template-works #top-works-layout .lightSlider{
	overflow: visible!important;
}

.page-template-works .first-section #top-image-block{
	right: -10rem;
}

.page-template-works .first-section .block-slider #top-image-block{
	display: none;
}

.page-template-works .first-section .lslide.active #top-image-block{
	display: block;
}

.page-template-works #top-works-layout .lslide,.page-template-works #top-works-layout .lslide .row{
	min-height: 40.625rem;
}

.page-template-works .work-ref-image{
	height: 1.875rem;
	margin-bottom: 5rem;
	display: block;
}



.page-template-works .col-absolute{
	position: absolute;
	top: 0;
	right: -0.9375rem;
}
.work-listing.more-work .work-item{
	margin-bottom: 1rem;
}
.work-listing .work-item .work-listing-content h2::before{
	content: none;
}



.work-listing .work-item:hover{
	background-color: rgba(20,20,60,1);
	color:#FFF;
}
.work-listing .work-item:hover .work-listing-content{
	border:1px solid rgba(20,20,60,1);
}

.work-listing .work-item:hover h2,.work-listing .work-item:hover h3,.work-listing .work-item:hover h4{
	color:#FFF;
}
.work-listing .work-item:hover .work-ref-image.image-light{
	display: none;
}
.work-listing .work-item:hover .work-ref-image.image-dark{
	display: block;
}
.work-listing .work-item .work-ref-image.image-dark{
	display: none;
}
.work-listing .work-item .work-image{
	width: 100%;
	max-width: none;
}
.work-listing .work-item .work-ref-image{
	height: auto;
	width: auto;
	height: 45px;
	min-height: 45px;
	margin-bottom: 2.5rem!important;$
	display: none;
}
.work-listing .work-item .work-ref-image.long{
	height: 30px;
	min-height: 30px;
}
.work-listing .work-item .work-ref-image.very-long{
	height: 20px;
	min-height: 20px;
}
.work-listing .work-item .work-ref-image.loaded{
	display: block;
}
.work-listing .work-item .work-ref-image.image-dark{
	display: none;
}


.work-item .work-block{
	display: flex;
	align-items:stretch;
}
.work-listing.more-work .work-item .work-ref-image{
	margin-bottom: 1.875rem!important;
	max-width: 150px;
	max-height: 28px;
}

.work-listing .text .work-listing-content{
	border:1px solid #E5E5E5;
	min-height: 400px;
	padding: 5rem;
	position: relative;
}
.work-listing.more-work .text .work-listing-content{
	padding: 2.5rem 2.5rem 5rem 2.5rem;
	display: block;
	height: 100%;
	position: relative;
}
.work-listing .text .work-listing-content{
	display: block;
	height: 100%;
	position: relative;
}
.work-listing .text .work-listing-content a.arrow-link{
	position: absolute;
	bottom: 5rem;
	left: 5rem;
}
.work-listing.more-work .text .work-listing-content a.arrow-link{
	bottom: 2.5rem;
	left: 2.5rem;
}
.work-listing .text .work-listing-content h3,.work-listing .text .work-listing-content h4{
	margin: 0;
	margin-bottom: 2.5rem!important;
}
.work-listing.more-work .text .work-listing-content h3,.work-listing.more-work .text .work-listing-content h4{
	margin-bottom: 1.875rem!important;
}

@media screen and (min-width: 768px){
	.work-listing .left{
		padding-right: 0;
	}
	.work-listing .right{
		padding-left: 0;
	}



}
/* under LG */
@media (max-width: 992px){

	.page-template-works #works-highlighted h2{
		font-size: 2.5rem;
		line-height: 3.4375rem;
	}
	.more-work .work-item{
		margin-bottom:1.875rem;
	}
}
/* under SM */
@media (max-width: 576px){
	.work-item,.more-work .work-item{
		margin-bottom: 0.625rem;
	}
	.work-listing .text .work-listing-content{
		padding: 2.1875rem;
	}
	.work-listing .text .work-listing-content a.arrow-link{
		bottom: 2.1875rem;
		left: 2.1875rem;
	}
	.work-listing .image .ratio-block-square{
		padding-top: 80%;
	}
	.work-listing .text .ratio-block-square{
		padding-top: 0;
		height: auto;
		position: relative;
	}
	.work-listing .text .ratio-block-content{
		position: relative;
	}
}

/* under 1410px */
@media (max-width: 1520px){
	.work-listing .work-text h2{
		font-size: 34px;
		line-height: 42px;
	}
}

/* under 1055px */
@media (max-width: 1055px){
	.work-listing .work-text h2{
		font-size: 28px;
		line-height: 36px;
	}
}

/* under 990px */
@media (max-width: 990px){
	.work-listing .work-text h2{
		font-size: 22px;
		line-height: 30px;
	}
}

/* under 901px */
@media (max-width: 901px){
	.work-listing .work-text h2{
		font-size: 18px;
		line-height: 24px;
	}
}


/* under 768px */
@media (max-width: 768px){
	.work-listing .work-text h2{
		font-size: 32px;
		line-height: 40px;
	}
}


#story-client-info .simple-block{
	min-height: 270px;
	padding: 80px 40px 40px 40px;

}
#story-client-info .simple-block.with-image{
	padding: 80px 80px 40px 80px;
}
#story-client-info .simple-block .ref-image{
	margin-bottom: 50px;
	height: 90px;
}
#story-client-info .simple-block .block-label{
	font-weight: 600;
}
#story-client-info .simple-block .block-title{
	font-weight: 600;
	font-size: 28px;
	color: #F55432;
	height: 90px;
	margin-bottom: 50px;
	align-items: center;
	justify-content: center;
	display: flex;
}
#story-client-info .simple-block .block-title span{
	display: flex;
}

#section-complication .image-text-item{
	margin-bottom: 50px;
}
#section-complication .image-text-item .text .simple-block{
	padding:100px 200px 100px 0;
	z-index: 3;
	margin-top: 50px;
}

@media screen and (max-width:991px){
	#section-complication .image-text-item .text .simple-block{
		padding:0 100px 100px 0;
		margin-top: 0;
	}
}
@media screen and (max-width:768px){
	#section-complication .image-text-item .text .simple-block{
		padding:0;
		margin-top: 0;
	}
}

#section-complication h3.simple-block-title{
	color:rgba(20,20,60,1)!important;
	font-size: 32px;
	line-height: 40px;
}


#section-product .image-text-item{
	margin-bottom: 50px;
}
#section-product .image-text-item .text .simple-block{
	padding:100px 0 100px 200px;
	z-index: 3;
	margin-top: 50px;
}
@media screen and (max-width:991px){
	#section-product .image-text-item .text .simple-block{
		padding:0 0 100px 100px;
		margin-top: 0;
	}
}

@media screen and (max-width:768px){
	#section-product .image-text-item .text .simple-block{
		padding:0;
		margin-top: 0;
	}
}
#section-product h3.simple-block-title{
	color:rgba(20,20,60,1)!important;
	font-size: 32px;
	line-height: 40px;
}

#section-product-icons .simple-block-icon{

}
#section-product-icons .simple-block-title{
	font-size: 1rem;
	line-height: 24px;
}
.work-listing.more-work .work-item .work-listing-content{
	min-height: 480px;
}
@media screen and (max-width: 1144px){
	.work-listing.more-work .work-item .work-listing-content{
		min-height: 550px;
	}
}

@media screen and (max-width: 991px){
	.work-listing.more-work .work-item .work-listing-content{
		min-height: 410px;
	}
}

@media screen and (max-width: 768px){
	.work-listing.more-work .work-item .work-listing-content{
		min-height: 300 px;
	}
}


.work-listing.more-work .small_description{
	display: none;
}
.work-listing.more-work .no_detail:hover .small_description{
	display: block;
}
.work-listing.more-work .no_detail:hover .punchline{
	display: none;
}

/*--------------------------------------------------------------
# Jobs
--------------------------------------------------------------*/
@media screen and (min-width: 768px){
	#jobs_list{
		height: 630px;
		overflow-y: scroll;
	}
}
.job-item{
	padding: 30px;
	border: 1px solid #E5E5E5;
	margin-bottom: 1rem;
	background-color: rgba(255,255,255,0.5);
}
.job-item .job-title{
	margin-bottom:15px!important;
}
.job-item .location{
	background-image: url(inc/assets/svg/location.svg);
	background-size: auto 20px;
	background-repeat: no-repeat;
	padding-left: 23px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.125rem;/* 0.125rem */
	text-transform: uppercase;
	font-weight: 700;
	margin-right: 10px;
	display: inline-block;
}
.job-item .part-time{
	background-image: url(inc/assets/svg/time.svg);
	background-size: 19px 19px;
	background-repeat: no-repeat;
	padding-left: 28px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.125rem;/* 0.125rem */
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
}
.job-item .job-content{
	padding-top: 15px;
	display: none;
}
.job-item.hover:hover .job-content{
	display: block;
}
.job-item.hover:hover{
	background-color: rgba(20,20,60,1);
	border-color: rgba(20,20,60,1);
	color:#ffffff;
}
.job-item.hover:hover .job-title,.job-item.collapsed .job-title{
	color:#ffffff;
}
.job-item.hover:hover .location,.job-item.collapsed .location,.job-item.collapsed:hover .location{
	background-image: url(inc/assets/svg/location-white.svg);
}
.job-item.hover:hover .part-time,.job-item.collapsed .part-time,.job-item.collapsed:hover .part-time{
	background-image: url(inc/assets/svg/time-white.svg);
}


#section-jobs{
	background-image: url(inc/assets/img/worldmap-grey.png);
	background-repeat: no-repeat;
	background-position: 80px center;
	background-size: 100% auto;
}
/*--------------------------------------------------------------
# Custom blocks
--------------------------------------------------------------*/
.block-container{

}
.block-title{
	margin-bottom: 5rem;
	margin-top: 0;
}
.simple-text-title,.simple-text-content{
	margin-bottom: 2.5rem;
	padding: 0 10.625rem;
	margin-top: 0;
	text-align:center;
}

.simple-text-title-not-centered,.simple-text-content-not-centered{
	margin-bottom: 2.5rem;
	padding: 0 10.625rem;
	margin-top: 0;
}

@media screen and (max-width: 768px){
	.simple-text-title,.simple-text-content{
		padding: 0;
	}
}
.simple-block{
	border: 0.0625rem solid #E5E5E5;
	padding: 1.875rem;
	min-height: 24.25rem;
	margin-bottom: 0.625rem;
	position: relative;
	z-index: 2;
	background-color: #ffffff;
}
#section-why-with-us .simple-block{
	min-height: 380px;
}

@media screen and (max-width: 1063px){
	#section-why-with-us .simple-block{
		min-height: 413px;
	}
}

@media screen and (max-width: 991px){
	#section-why-with-us .simple-block{
		min-height: 320px;
	}
}


#section-why-with-us .simple-block p{
	margin: 0;
}

.simple-block.only-text{
	padding: 4.375rem 1.875rem 4.375rem 1.875rem;
}
.simple-block.no-border{
	border: 0;
	min-height: auto;
}
.simple-block.centered{
	text-align: center;
}
.simple-block.centered img{
	margin-left: auto;
	margin-right: auto;
}

.simple-block:not(.no-action):hover{
	background-color: rgba(20,20,60,1);
	border-color: rgba(20,20,60,1);
	color:#fff;
}
.simple-block:not(.no-action):hover .simple-block-icon{
	display: none;
}
.simple-block:not(.no-action):hover .simple-block-icon-dark{
	display: block!important;
}

@media (min-width: 768px){

}


.dark-bg .simple-block{
	background-color:transparent;
	border-color:transparent;
}
.simple-block .simple-block-title{
	font-weight: 600;

	color:#F55432!important;
	margin: 0;
	margin-bottom: 1.875rem;
}
.simple-block-content{

}
.only-text .simple-block-content{
	margin-bottom: 0;
}

.simple-block .simple-block-icon{
	height: 95px;
	display: block;
	margin-bottom: 2.5rem;
	max-width: 140px;
}
.simple-block .arrow-link{
	position: absolute;
	bottom: 1.875rem;
	left:1.875rem;
}
.text-img-block{
	margin-bottom: 13.75rem;
}
.text-img-block .text{
	padding: 5rem 0;
}
.text-img-block .text .text-content{
	padding-right: 5rem;
}
.text-img-block .text .btn-call-to-action{
	margin-top: 4.375rem;
}
.text-img-block .main-img{

}



.video-block .video{
	min-height: 506px;
	position: relative;
	left: 5rem;
	top: 0;
	margin-bottom: 8.75rem;
	z-index: 3;
	max-width: 100%;
}
.video-block .video iframe{
	position: relative;
	z-index: 2;
	height:560px;
}
.video-block .video::after{
	display: block;
	position: absolute;
	left: -200px;
	bottom: -200px;
	width: 450px;
	height: 450px;
	content: "";
	background-color: rgba(20,20,60,1);
	z-index: -1;
}


/* under LG */
@media (max-width: 992px){

	.video-block .video{
		width: 100%;
		left:0;
		height: 400px;
	}
	.video-block .video iframe{
		position: relative;
		z-index: 2;
		height:400px;
		min-height: 400px;
	}
	.video-block .video::after{
		display: block;
		position: absolute;
		left: -200px;
		bottom: -20px;
		width: 450px;
		height: 250px;
		content: "";
		background-color: rgba(20,20,60,1);
		z-index: -1;
	}
}

@media (max-width: 576px){
	.video-block .video{
		height: 220px;
		min-height: 220px;
		margin-bottom:0;
	}
	.video-block .video iframe{
		position: relative;
		z-index: 2;
		height:220px;
		min-height: 220px
	}
	.video-block .video::after{
		display: none;
	}
}
/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
.first-section{
	padding-top: 9.375rem;
}
.first-section{
	position: relative;
	min-height: 43.125rem;
}
.page-template-works .first-section{
	min-height: 800px;
}
.first-section .top-description{
	margin-bottom: 3.125rem;
}
.first-section #top-image-block{
	position: absolute;
	top:0;
	right: -12.1875rem;
	padding-left: 30px;
	width: 47%;
}
.first-section #top-image-block img{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
}
.first-section #top-image-block-left{
	position: absolute;
	top:0;
	left: -12.1875rem;
	padding-right: 30px;
	width: 53%;
}
.first-section #top-image-block-left .ratio-block-picture-portrait,.first-section #top-image-block-left .ratio-block-content{
	overflow: visible!important;
}

#home-slash{
	height: 184px;
	width: 162px;
	background-image: url(inc/assets/svg/big-slash.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 184px 162px;
	position: absolute;
	bottom: 0;
	right: -50px;
}

.first-section #top-image-block-left img{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
}
/* under LG */
@media (min-width: 1220px) and (max-width: 1414px){
	.first-section #top-image-block-left,.first-section #top-image-block{
		width: 42%;
	}
}

/* under LG */
@media (max-width: 768px){
	.first-section #top-image-block{
		position: relative;

		left:0;
		bottom:0;
		width: 100%;
		}
	.first-section #top-image-block img{
		position: absolute;
		left:0;
		bottom:0;
		width: 100%;
	}

	.first-section #top-image-block-left{
		position: relative;

		left:0;
		bottom:0;
		width: 100%;
		}
	.first-section #top-image-block-left img{
		position: absolute;
		left:0;
		top:0;
		width: 100%;
	}
}
/* under LG */
@media (min-width: 768px) and (max-width: 991px){
	.first-section #top-image-block{
		right:-2.1875rem;
		width: 50%;
	}
}

.first-section h2{
	font-size: 3.75rem;
	line-height: 4.5rem;
	margin-bottom: 3.125rem;
}
.first-section h2:before{
	content: none;
}
.page-section{
	padding-top: 10.625rem;
}
.section-padding-bottom{
	padding-bottom: 10.625rem;
}
.section-padding-top{
	padding-top: 10.625rem;

}

#section-benefits .simple-block-title{
	font-size: 28px;
	line-height: 36px;
	color:#ffffff!important;
}

#section-benefits h2 + h4{
	margin-top: 96px;
}
#section-benefits h2 + h4 + .row .simple-block{
	margin-top: 36px;
}
#section-benefits h2 + h4 + .row .simple-block-title{
	margin-bottom: 24px;
	color: #F55432 !important;
}
#section-benefits h2 + h4 + .row .simple-block-icon{
	margin-bottom: 24px;
}

#section-benefits .simple-block{
	margin-top: 6.25rem;
	margin-bottom: 0;
}

@media (min-width: 576px){
	.section-products .simple-block{
		height: 500px;
	}
}
.section-products .simple-block-title{
	font-size: 1.75rem;
	line-height: 2.25rem;
}
.section-products .simple-block{
	font-size: 0.875rem;
	line-height: 1.625rem;
}
.section-products .simple-block .simple-block-content.long-description{
	display: none;
}
.section-products .simple-block.collapsed .simple-block-content.long-description, .section-products .simple-block:hover .simple-block-content.long-description{
	display: block;
}

.section-products .simple-block.hover-absolute:hover .simple-block-content.short-description{
	display: none;
}
.section-products .simple-block.hover-absolute:hover{
	padding-bottom: 5.625rem;
}

.section-products .simple-block:hover .simple-block-title{
	color:#FFFFFF!important;
}
.section-products .simple-block:hover .simple-block-icon{
	height: 2rem;
}

.products-page .section-products{
	padding-top:0!important;
}

/*--------------------------------------------------------------
# Sections presentation
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Sections products
--------------------------------------------------------------*/






/*--------------------------------------------------------------
# Sections clients quotes
--------------------------------------------------------------*/
.quote-item{

}
.quote-item .quote-image{
	width: 60%;
	position: relative;
	left: 5rem;
	top:0;
	margin-bottom:8.75rem;
	margin-top: 20px;
}
.quote-text{
	margin-top: 10px;
	font-weight: 400!important;
	font-size: 20px;
	line-height: 28px;
}
.quote-text h3{
	font-weight: 400;
}

@media (max-width: 576px){
	.quote-item .quote-image{
		margin-bottom:8.75rem;
	}
}

.quote-item .quote-image::after{
	display: block;
	position: absolute;
	right: -2.5rem;
	top:-1.25rem;
	width: 3.75rem;
	height: 2.5rem;
	content: "";
	background-image: url(inc/assets/svg/quote.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 3.75rem 2.5rem;
	z-index: 3;
}

.quote-item .quote-image::before{
	display: block;
	position: absolute;
	left: -4.375rem;
	top:4.375rem;
	width: 100%;
	height: 100%;
	content: "";
	background-color: rgba(20,20,60,1);
	z-index: 1;
}

.quote-item h3{
	font-size: 1.75rem;
	line-height: 2.25rem;
}
.quote-item .quote{

}
.quote-item .name{
	color: rgba(20,20,60,1);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.125rem;/* 0.125rem */
	font-size: 0.875rem;
	line-height: 1.5rem;

}
.quote-item .ref{
	font-weight: 700;
	color: #F55432;
	text-transform: uppercase;
	letter-spacing: 0.125rem;/* 0.125rem */
	font-size: 0.875rem;
	line-height: 1.5rem;

}
#clients-quotes-slider{
	height: auto!important;
}
#section-clients-quotes .lSAction{
	width: 45px;
	height: 16px;
	position: absolute;
	right: 0;
	bottom: 70px;
	padding: 5px;
}

@media screen and (max-width:1128px){
	#section-clients-quotes .lSAction{
		bottom: 0;
	}
}

@media screen and (max-width:991px) and (min-width:768px){
	#section-clients-quotes .lSAction{
		left: 5px;
		top:335px;
	}
}

#section-clients-quotes .lSAction .lSPrev{
	background-image:url(inc/assets/svg/arrow-left-blue.svg);
	background-position: center center;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top:0;
	margin: 0;
	opacity: 1;
}
#section-clients-quotes .lSAction .lSNext{
	background-image:url(inc/assets/svg/arrow-right-blue.svg);
	background-position: center center;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 0;
	top:0;
	margin: 0;
	opacity: 1;
}
#section-clients-quotes .lSAction .lSNext:hover{
	background-image:url(inc/assets/svg/arrow-right-orange.svg);

}
#section-clients-quotes .lSAction .lSPrev:hover{
	background-image:url(inc/assets/svg/arrow-left-orange.svg);

}
/*--------------------------------------------------------------
# Section product sheet
--------------------------------------------------------------*/
#section-why-it-matters .simple-block-title{
	font-size: 28px;
	line-height: 36px;
	color: rgba(20,20,60,1) !important;
}


/*--------------------------------------------------------------
# Section about top
--------------------------------------------------------------*/
.about-top-layout{

}
.about-top-layout .top-punchline{
	max-width: 530px;
}

#map-image{
	width: 75%;
	max-width: none;
	position: absolute;
	top:0;
	left: 26.875rem;
}
#map-legend{
	position: absolute;
	bottom: -3.75rem;
	right: 0;
	width: auto;
}

.map-legend-item{
	margin-right: 3.125rem;
	display: inline-block;
	text-transform: uppercase;
	font-family: 'gilroy';
	letter-spacing: 0.125rem;/* 0.125rem */
	font-weight: 700;

}
.map-legend-item img{
	margin-right: 0.3125rem;
	top:-0.1875rem;
	position: relative;
}

@media (max-width:1413px){
	#map-image{
		width: 63%;
	}
}

@media (max-width:1175px){
	#map-image{
		width: 60%;
	}
}
@media (max-width:1085px){
	#map-image{
		width: 56%;
	}
}

@media (max-width: 992px){
	#map-image{
		display: none;
	}
}

/*--------------------------------------------------------------
# Section about references
--------------------------------------------------------------*/

.reference-item{
	padding: 1.875rem;
	border: 0.0625rem solid #ffffff;
	margin-bottom: 1rem;
}
.reference-item .ref-image-block{
	width: 100%;
	height: auto;
}
.reference-item .ref-image{
	max-width: 100%;
	max-height: 70px;
}
.reference-item .arrow-link{
	position: absolute;
	bottom: 1.875rem;
	left: 1.875rem;
	width: auto;
	display: none;
	z-index: 3;
}

/* under LG */
@media (max-width: 992px){
	.reference-item:hover .ref-image{
		margin-bottom: 0;
	}
}



/*--------------------------------------------------------------
# Section product sheet
--------------------------------------------------------------*/
#product-sheet-section{
	padding:3.125rem 0 2.0625rem 0;
}
#product-sheet-section h3,#product-sheet-section a{
	display: inline;
	margin: 0;
}
#product-sheet-section a{
	top:-0.5rem;
}

/*--------------------------------------------------------------
# Section medias
--------------------------------------------------------------*/

#section-medias .simple-block-title{
	font-size: 1.75rem;
	line-height: 2.25rem;
	height: 9.0625rem;
	color:rgba(20,20,60,1)!important;
	margin-bottom: 3.125rem;
}

#section-medias .ref-image-block{
	margin-bottom: 4.375rem;
}
#section-medias .arrow-link-block .arrow-link{
	position: relative;
	top:auto;
	right: auto;
	bottom:auto;
	left: auto;
}
#section-medias .arrow-link-block{
	width: 100%;
	position: absolute;
	z-index: 3;
	margin: 0 auto;
	top:auto;
	left: 0;
	bottom: 1.875rem;

}
#section-medias .simple-block .logo-light img,#section-medias .simple-block .logo-dark img{
	min-height: 40px;
}
#section-medias .simple-block .logo-light{
	display: block;
}
#section-medias .simple-block .logo-dark{
	display: none!important;
}
#section-medias .simple-block:hover .logo-dark{
	display: flex!important;
}
#section-medias .simple-block:hover .logo-light{
	display: none!important;
}
#section-medias .simple-block:hover .arrow-link-block{
	display: block;
}
#section-medias .simple-block:hover{
	background-color:rgba(20,20,60,1);
}
#section-medias .simple-block:hover .simple-block-title{
	color: #fff!important;
}


/*--------------------------------------------------------------
# Section contact
--------------------------------------------------------------*/
#contact-form-block{
	border: 1px solid #E5E5E5;
	padding: 100px 100px;
	background-color: #ffffff;
	z-index: 3;
}
/* under SM */
@media (max-width: 768px){
	#contact-form-block{
		padding: 30px 30px;
	}
}


/*--------------------------------------------------------------
# Section Our culture
--------------------------------------------------------------*/

.image-gallery-item{
	margin-bottom: 1rem;
}

.offic-image{
	width: 100%;
}
#section-our-culture-blocks .image-text-item{
	margin-bottom: 50px;
}
#section-our-culture-blocks .image-text-item .text .simple-block{
	padding:100px;
	z-index: 3;
	margin-top: 50px;
}
#section-our-culture-blocks h3.simple-block-title{
	color:rgba(20,20,60,1)!important;
	font-size: 32px;
	line-height: 40px;
}
#section-our-culture-blocks .image-secondary{
	position: absolute;
	width: 60%;
	right: -100px;
	bottom: -50px;
	z-index: 5;
}

#section-our-culture-blocks .left{
	padding-right: 50px;
}
#section-our-culture-blocks .right{
	padding-left: 50px;
}

/* under SM */
@media (max-width: 576px){
	#section-our-culture-blocks .left{
		padding-right: 8px;
	}
	#section-our-culture-blocks .right{
		padding-left: 8px;
	}
	#section-our-culture-blocks .image-text-item .text .simple-block{
		padding:0;
	}
	#section-our-culture-blocks .image-text-item{
		margin-bottom: 0;
	}
}




/*--------------------------------------------------------------
# Section Top Layout
--------------------------------------------------------------*/

#contact-top-layout h1{
	width: 24.375rem;
	margin-top: 150px;
	margin-bottom: 150px;
}
#contact-top-layout #map-image{
	left:380px;
}

#contact-top-layout .office-item{
	padding: 40px 70px ;
	border: 1px solid rgba(20,20,60,1);
	background-color: rgba(20,20,60,1);
	min-height: 306px;
}
#contact-top-layout .office-item:hover{
	border: 1px solid rgba(255,255,255,0.2);
}
#contact-top-layout .office-item .office-title{
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'gilroy';
	letter-spacing: 0.09rem;
	margin-bottom: 0;
}
#contact-top-layout .office-item .office-content p{
	margin-bottom: 0;
}


/* under SM */
@media (max-width: 992px){
	#contact-top-layout h1{
		width: 100%;;
		margin-top:20px;
		margin-bottom: 50px;
		text-align: center;
	}
	#contact-top-layout #map-image{
		left:-20px;
	}
	#contact-top-layout .office-item{
		padding: 30px;
		min-height: auto;
	}
}


.text-image-item .image{
	width: 75%;
	position: relative;
	right: -5rem;
	top:0;
	margin-bottom:8.75rem;
}

.text-image-item .image::before{
	display: block;
	position: absolute;
	right: -5.4375rem;
	top:4.375rem;
	width: 100%;
	height: 100%;
	content: "";
	background-color: rgba(20,20,60,1);
	z-index: 1;
}

/*--------------------------------------------------------------
# SECTION solutions cta
--------------------------------------------------------------*/
#section-solution ul{
	margin-bottom: 1.5rem;
}
#section-solution ul li{
	margin-bottom: 0.5rem;
}

#section-solutions-cta{

}

#section-solutions-cta .solutions-cta{
	background-color: #F55432;
	padding: 5rem;
	color:#FFF;
	position: absolute;
	top:0;
	left: 0;
	z-index: 10;
}

#section-solutions-cta .solutions-cta h3{
	color:#FFF;
}
#section-solutions-cta .solutions-cta .description{
	margin-bottom: 5rem;
}


#section-solutions-cta .stats{
	background-color: rgba(20,20,60,1);
	padding: 5rem;
	padding-left: 10rem;
	position: relative;
	top: 5rem;
	right: 0;
}
#section-solutions-cta .stats .simple-block{
	background-color: rgba(20,20,60,1);
	border: 0;
	color: #fff;
	padding: 1.875rem;
	min-height: 0.625rem;
}


/* under SM */
@media (max-width: 576px){
	#section-solutions-cta .solutions-cta{
		position: relative;
	}

}
/* under SM */
@media (max-width: 768px){

	#section-solutions-cta .stats{
		padding-left: 5rem;
	}
}


/*--------------------------------------------------------------
# Section home works
--------------------------------------------------------------*/

#section-home-work{

}

#section-home-work .reference-item .description,#section-home-work .reference-item .image-dark{
	display: none;
}
#section-home-work .reference-item{
	border: 0.0625rem solid #E5E5E5;
	background-color: #ffffff;
	padding: 50px;
}
#section-home-work .reference-item .arrow-link-bloc{
	bottom: 20px;
	left: 0;
	position: absolute;
	width:100%;
	text-align: center;
}
#section-home-work .reference-item .arrow-link{
	position: relative;
	left: auto;
	top: auto;
	bottom: auto;

}
#section-home-work .reference-item:hover{
	background-color: rgba(20,20,60,1);
	border-color: rgba(20,20,60,1);
	color: #fff;
	padding: 15px;
}
#section-home-work .reference-item:hover .ref-image-block{
	padding: 0 35px;
}
#section-home-work .reference-item .description{
	line-height: 1.5rem;
}
#section-home-work .reference-item:hover .description,#section-home-work .reference-item:hover .image-dark{
	display: block;
}
#section-home-work .reference-item:hover .image-light{
	display: none;
}
#section-home-work .reference-item:hover .description{
	margin-top: 10px;
}
#section-home-work .reference-item:hover .arrow-link{
	display: inline-block;
}
#section-home-work .left-image:not(.first){
	display: none;
}
#section-home-work .left-images{
	padding-left:6.25rem;
}
/* under SM */
@media (max-width: 992px){
	#section-home-work .left-images{
		padding-left:8px;
	}

}

/* square fix */
@media (min-width: 991px) and (max-width: 1070px){
	.reference-item .description{
		font-size: 0.875rem;
		line-height: 1.25rem!important;
	}
}

/*--------------------------------------------------------------
# Section presentation blocks
--------------------------------------------------------------*/

#section-presentation-blocks{

}



/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

/* under SM */
@media (max-width: 576px){

}
/* under LG */
@media (max-width: 992px){
	#content{
		font-size: 80%;
	}
}


/*--------------------------------------------------------------
# Ratio blocks
--------------------------------------------------------------*/

.ratio-block-square{
	height: 0;
	overflow: hidden;
	padding-top: 100%;
	position: relative;
}
.ratio-block-picture-portrait{
	height: 0;
	overflow: hidden;
	padding-top: 133%;
	position: relative;
}
.ratio-block-16-9{
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
}
.ratio-block-content{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.ratio-block-content img{

	height: auto;
	min-height: 60px;
}
/*--------------------------------------------------------------
# Dots BG
--------------------------------------------------------------*/


.dots{
	display: block;
	position: absolute;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 230px 230px;
	width: 230px;
	height: 230px;
	z-index: 1;
}
.dots.small{
	background-size: 150px 150px;
	width: 150px;
	height: 150px;
}

.dots.top-left{
	left: -73px;
	top:-73px;
}

.dots.top-right{
	right: -73px;
	top:-73px;
}

.dots.bottom-left{
	left: -73px;
	bottom:-73px;
}

.dots.bottom-right{
	right: -73px;
	bottom:-73px;
}

.dots.small.top-left{
	left: -44px;
	bottom:-44px;
}

.dots.small.top-right{
	left: -44px;
	bottom:-44px;
}

.dots.small.bottom-left{
	left: -44px;
	bottom:-44px;
}

.dots.small.bottom-right{
	right: -44px;
	bottom:-44px;
}

.dots.cyan.top-left{
	background-image: url(inc/assets/svg/dots-cyan-top-left.svg);
}

.dots.cyan.top-right{
	background-image: url(inc/assets/svg/dots-cyan-top-right.svg);
}

.dots.cyan.bottom-left{
	background-image: url(inc/assets/svg/dots-cyan-bottom-left.svg);
}

.dots.cyan.bottom-right{
	background-image: url(inc/assets/svg/dots-cyan-bottom-right.svg);
}

.dots.orange.top-left{
	background-image: url(inc/assets/svg/dots-orange-top-left.svg);
}

.dots.orange.top-right{
	background-image: url(inc/assets/svg/dots-orange-top-right.svg);
}

.dots.orange.bottom-left{
	background-image: url(inc/assets/svg/dots-orange-bottom-left.svg);
}

.dots.orange.bottom-right{
	background-image: url(inc/assets/svg/dots-orange-bottom-right.svg);
}

.dots.dark{
	opacity: 0.4;
}

@media (max-width: 768px){
	#works-highlighted .dots.cyan-top-left{
		left: -2.5rem;
		top:-2.5rem;
		width: 8.4375rem;
		height: 8.4375rem;
		background-size: 8.4375rem 8.4375rem;
	}

	.dots{
		width: 10.8125rem;
		height: 10.8125rem;
		background-size: 10.8125rem 10.8125rem;
	}

	.dots.top-left{
		left: -3.125rem;
		top:-3.125rem;
	}

	.dots.top-right{
		right: -3.125rem;
		top:-3.125rem;
	}

	.dots.bottom-right{
		right: -3.125rem;
		bottom:-3.125rem;
	}

	.dots.bottom-right{
		right: -3.125rem;
		bottom:-3.125rem;
	}

}

/*--------------------------------------------------------------
# Helper class
--------------------------------------------------------------*/

.cS-hidden{
	height: 1px;
	opacity: 0;
	filter: alpha(opacity=0);
	overflow: hidden;
}

/*--------------------------------------------------------------
# CONTACT FORM
--------------------------------------------------------------*/
.frm_style_zentity #frm_field_30_container{
	height:172px;
}
.frm_style_zentity textarea{
	height:172px;
	margin: 0;
}

.frm_style_zentity .frm_form_field{
	position: relative;
	margin-top: 1rem!important;

}
.frm_style_zentity .frm_form_field input{
	height: 78px;
}
.footer-block-content .frm_form_field,.footer-block-content .frm_form_field input{
	height: 50px;
}
.frm_style_zentity .frm_error{
	position: absolute;
	bottom: 0;
	left: 0.9375rem;
}

.frm_style_zentity .frm_description{
	position: absolute;
	top: 0;
	left: 0.9375rem;
	color: #ffffff!important;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.frm_style_zentity .have-content .frm_description{
	color: #7b758d!important;;
}

/*--------------------------------------------------------------
# Collapse blocks
--------------------------------------------------------------*/

.collapsable .to-toggle{
	display: none;
}
.collapsable.collapsed, .collapsable:hover{
	background-color: rgba(20,20,60,1);
	color: #FFFFFF;

}
.collapsable:hover h1,.collapsable:hover h2,.collapsable:hover h3,.collapsable:hover h4{
	 color: #FFFFFF;
}
.collapsable:hover .simple-block-icon-dark{
	display: block!important;
}
.collapsable:hover .simple-block-icon-light{
	display: none!important;
}

.product-item.collapsable.collapsed{
	padding-bottom: 5.625rem
}
.collapsable{
	background-image: url(inc/assets/svg/arrow-down-orange.svg);
	background-repeat: no-repeat;
	background-position: right 30px top 30px;
	background-size: 18px 11px;
	min-height: auto!important;
	cursor: pointer;
}
.collapsable.collapsed{
	background-image: url(inc/assets/svg/arrow-up-orange.svg);
}

.collapsable .to-toggle{
	display: none;
}



/*--------------------------------------------------------------
# Custom select
--------------------------------------------------------------*/


/* ===== Select Box ===== */
.custom-select-col{
	z-index: 100!important;
}
.custom-select-col .frm_form_field{
	margin-bottom: 0!important;
}
.sel{
	display: inline-block;
	width: 100%;
	background-color: transparent;
	position: relative;
	cursor: pointer;
	z-index: 100!important;
	border: 1px solid #e5e5e5;
	padding: 27px 55px 18px 15px;
	font-size:1rem;
	font-family: 'opensans';
}
.sel::before{
	position: absolute;
	content: '';
	background-image: url(inc/assets/svg/arrow-down-blue.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 18px 11px;
	width: 18px;
	height: 11px;
	font-size: 2em;
	color: #FFF;
	right: 20px;
	top: calc(50% - 5px);
}

.sel.active::before{
	transform: rotateX(-180deg);
}

.sel__placeholder{
	display: block;
	color: rgba(20,20,60,1);
	pointer-events: none;
	user-select: none;
	visibility: visible;
	font-size:1rem;
	font-family: 'opensans';

}

.sel.active .sel__placeholder{
	visibility: hidden;
}

.sel__placeholder::before{
	position: absolute;
	content: attr(data-placeholder);
	visibility: hidden;
}

.sel.active .sel__placeholder::before{
	visibility: visible;
}

.sel__box{
	top: 100%;
	left: 0;
	display: none;
	list-style-type: none;
	text-align: left;
	background-color: #FFF;
	width: 100%;
	box-sizing: border-box;
	z-index: 100!important;

	font-size:1rem;
	font-family: 'opensans';
}

.sel.active .sel__box{
	display: block;
	animation: fadeInUp 500ms;
}

.sel__box__options{
	display: list-item;
	color: rgba(20,20,60,1);
	padding: 0.5em 1em;
	user-select: none;
}

.sel__box__options::after{
	content: '';
	background-image: url(inc/assets/svg/ok.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	width: 24px;
	height: 15px;
	display: none;
}

.sel__box__options.selected::after{
	display: inline-block;
}

.sel__box__options:hover{
	background-color: rgba(20,20,60,1);
	color:#FFFFFF;
}

/* ===== Keyframes ===== */
@keyframes fadeInUp{
	from{
		opacity: 0;
		transform: translate3d(0, 20px, 0);
	}

	to{
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeOut{
	from{
		opacity: 1;
	}

	to{
		opacity: 0;
	}
}


/*--------------------------------------------------------------
# LightSlider
--------------------------------------------------------------*/
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a{
	background-color: #F55432;
}
.lSSlideOuter .lSPager.lSpg > li a{
	background-color: #FFF;
}
.lSSlideOuter .lSPager.lSpg{
	padding: 50px;
}

/* Hotfix */
#hu .hu-dropdown-toggle-container .hu-dropdown-toggle-icon{
	pointer-events: none;
}

/* home digital_experience */

.digital_experience{
	margin-top: 58px;
}
.digital_experience .block-title{
	display: flex;
	margin-bottom: 48px;
}
.digital_experience .block-title:before{
	flex-shrink: 0;
}
@media (min-width: 768px) and ( max-width: 1090px ){
	.digital_experience .block-title{
		font-size: 3.6vw;
		line-height: 1.4;
	}
}
@media( max-width: 560px ){
	.digital_experience .block-title{
		font-size: 7.1429vw;
		line-height: 1.4;
	}
}

.img-wrapper{
	display: inline-flex;
	margin-left: 96px;
	background: #14163C url(inc/assets/svg/dots-mint.svg) right bottom/212px auto no-repeat;
}
.img-wrapper img{
	transform: translate3d( -96px, -96px, 0px );
}
@media( max-width: 1199px ){
	.img-wrapper{
		margin-left: 72px;
		background-size: 158px auto;
	}
	.img-wrapper img{
		transform: translate3d( -72px, -72px, 0px );
	}
}
@media( max-width: 991px ){
	.img-wrapper{
		margin-left: 48px;
		background-size: 134px auto;
	}
	.img-wrapper img{
		transform: translate3d( -48px, -48px, 0px );
	}
}
@media( max-width: 767px ){
	.img-wrapper{
		margin-top: 96px;
	}
}

.digital_experience .lists{
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax( 300px, 1fr ) );
	gap: 48px;
	margin-top: 48px;
}
.digital_experience .list-item h4{
	margin-bottom: 24px;
	color: var(--color);
}
.digital_experience .list-item ul{
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.digital_experience .list-item ul li{
	position: relative;
	padding-left: 20px;
}
.digital_experience .list-item ul li:before{
	content: '';
	display: block;
	position: absolute;
	top: calc( 1em - 6px );
	left: 0;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--color);
}
@media( max-width: 991px ){
	.digital_experience .list-item ul li:before{
		top: calc( 1em - 1px );
		width: 8px;
		height: 8px;
	}
}

/* home diagram */

.diagram{
	margin-top: 128px;
}
.diagram .image{
	margin: 18px 0 48px;
}

/* home industry solutions */

.industry_solutions{
	margin-top: 128px;
}
.green-box,
.solutions-box{
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax( 300px, 1fr ) );
	gap: 48px;
	margin-top: 24px;
	padding: 48px;
	background: #E9FBF8;
}
.solutions-item{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
.solutions-item img{
	width: auto;
	height: 96px;
}
.solutions-item .arrow-link{
	margin-top: auto;
}
@media( max-width: 767px ){
	.solutions-box{
		padding: 24px;
	}
}
.green-box > div{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}
.green-box > div > *{
	margin: 0;
}

.mt-128{
	margin-top: 128px;
}
@media( max-width: 767px ){
	.mt-128{
		margin-top: 64px;
	}
}

.how-does-it-work-image{
	margin: 48px 0 128px;
}