/* Color */
/* Brands */
/* Grid */
@import "../../../vendor/twbs/bootstrap/dist/css/bootstrap.css";
/* Config */
/* Config colors */
/* Breakpoints */
/*	resets	*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figure,
figcaption,
menu,
footer,
header,
nav,
section,
summary,
time,
mark,
audio,
video,
h3 {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
footer,
header,
nav,
section,
audio,
video,
img {
  display: block;
}
a img {
  border: 0;
}
a {
  text-decoration: none;
}
.white-color {
  color: white !important;
}
.white-color-hover:hover {
  color: white !important;
}
.white-bg {
  background: white !important;
}
.white-bg-hover:hover {
  background: white !important;
}
input[type="checkbox"] {
  border-radius: 0;
}
.custom-control .custom-control-input:checked ~ .custom-control-label:after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
p,
a,
span,
ul,
ol,
li,
table,
tr,
td,
input,
textarea,
button,
label,
select,
strong {
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  /*@media (max-width: 767px) {
		font-size: 14px;
		line-height: 22px;
	}*/
}
p {
  margin-bottom: 1rem;
}
p:last-child {
  margin-bottom: 0;
}
a {
  cursor: pointer;
}
strong,
.strong {
  font-weight: 600;
}
span.block-span {
  display: block;
}
h1,
h2,
h3,
h4,
h3 {
  font-family: "Open Sans";
  font-weight: 700;
}
.uppercase {
  text-transform: uppercase;
}
img {
  max-width: 100%;
}
.navbar-toggler span {
  font-size: 1.25rem;
}
/*h1 {
	font-size: 38px;
	line-height: 42px;
	@media(max-width: 991px){
		font-size: 22px;
		line-height: 30px;
	}
	@media(max-width: 767px){
		font-size: 20px;
		line-height: 24px;
	}
}
h2{
	font-size: 28px;
	line-height: 36px;
	@media (max-width: 991px) {
		font-size: 18px;
		line-height: 20px;
	}
}*/
.btn {
  background-color: #20A8D8;
  color: #fff;
  padding: 8px 5px 9px 0;
  min-width: 180px;
  display: inline-block;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.btn.btn-light {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  background: #fff;
  color: #20A8D8;
}
.btn.btn-light:hover {
  background: #20A8D8;
  color: #fff;
}
body {
  color: #4d4d4d;
}
body header {
  /*position: fixed;
		top: 0;
		left: 0;
		height: 100px;
		width: 100%;
		z-index: 2;
		background: @light;
		@media (max-width: 1023px) {
			height: 60px;
		}*/
  /*#logo{
			position: absolute;
			top: 50%;
			left: 30px;
			.translate(0, -50%);
			max-height: 60px;
			max-width: 230px;
			@media (max-width: 1023px) {
				max-height: 35px;
			}
			@media (max-width: 767px) {
				left: 15px;
			}
		}*/
}
body header nav #mobile-nav-trigger {
  position: absolute;
  top: 50%;
  right: 60px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 2;
  cursor: pointer;
  display: none;
}
@media (max-width: 1023px) {
  body header nav #mobile-nav-trigger {
    display: block;
  }
}
body header nav #lang {
  /*position: absolute;
				top: 50%;
				right: 30px;
				.translate(0, -50%);
				z-index: 2;*/
  position: relative;
  line-height: 0;
}
body header nav #lang:hover {
  cursor: pointer;
}
body header nav #lang:hover i {
  color: #20A8D8;
}
body header nav #lang.active i {
  color: #20A8D8;
}
body header nav #lang.active ul {
  display: block;
}
body header nav #lang ul {
  position: absolute;
  top: 40px;
  right: -10px;
  background: #4d4d4d;
  padding: 7px 0;
  display: none;
}
body header nav #lang ul:after {
  width: 10px;
  height: 10px;
  background: #4d4d4d;
  position: absolute;
  top: -5px;
  right: 12px;
  content: "";
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
body header nav #lang ul > li a {
  cursor: pointer;
  color: #fff;
  display: block;
  padding: 3px 10px;
}
body header nav #lang ul > li a:hover,
body header nav #lang ul > li a.active {
  background: #20A8D8;
}
body header nav #nav {
  position: absolute;
  top: 50%;
  right: 60px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 2;
  height: 43px;
}
@media (max-width: 1023px) {
  body header nav #nav {
    height: 0px;
    overflow: hidden;
    top: 60px;
    right: 0;
    width: 100%;
    transition: height 0.3s;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
  }
}
body header nav #nav > li {
  float: left;
  position: relative;
  margin-right: 20px;
  padding-top: 3px;
}
@media (max-width: 1023px) {
  body header nav #nav > li {
    float: none;
    width: 100%;
    margin-right: 0;
    padding: 10px 30px;
    background: #fff;
  }
}
body header nav #nav > li.border-left {
  border-left: 1px solid #4d4d4d;
  padding-left: 15px;
}
@media (max-width: 1023px) {
  body header nav #nav > li.border-left {
    border-left: 0px solid white;
    padding-left: 30px;
  }
}
body header nav #nav > li:last-of-type {
  margin-right: 0;
}
body header nav #nav > li > i {
  font-size: 18px;
}
body header nav #nav > li > a,
body header nav #nav > li > i {
  color: #4d4d4d;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
}
body header nav #nav > li > a:hover,
body header nav #nav > li > i:hover {
  color: #20A8D8;
}
body header nav #nav > li > a.btn,
body header nav #nav > li > i.btn {
  margin-top: -10px;
  text-align: center;
  color: #fff;
  background: #20A8D8;
  border: 1px solid #20A8D8;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
@media (max-width: 1023px) {
  body header nav #nav > li > a.btn,
  body header nav #nav > li > i.btn {
    margin-top: 0;
  }
}
body header nav #nav > li > a.btn:hover,
body header nav #nav > li > i.btn:hover {
  color: #20A8D8;
  background: #fff;
  border-color: #20A8D8;
}
body header nav #nav > li > a.btn i,
body header nav #nav > li > i.btn i {
  margin-right: 5px;
}
body section {
  position: relative;
  z-index: 1;
  /*&#scope-jobs-intro-section{
			margin-top: 100px;
			overflow: hidden;
			@media(max-width: 1023px){
				margin-top: 60px;
			}
			#scope-jobs-intro-section-hl-wrap{
				position: absolute;
				top:50%;
				left:50%;
				z-index: 3;
				width: 90%;
				.translate(-50%, -50%);
				text-align: center;
				@media(min-width: 768px){
					width: 70%;
				}
				h1, h2, h3{
					display: block;
					color: @light !important;
				}
				
				#scope-jobs-intro-section-hl-line{
					width: 10%;
					height: 2px;
					display: block;
					margin: 30px auto 30px auto;
					background: @light;
					@media (max-width: 767px) {
						margin: 15px auto 15px auto;
					}
				}
				#scope-jobs-intro-section-info{
					margin:15px 0 30px 0;
					select {
						display: none;
						visibility: hidden;
						width:0;
					}
					span, a, i, li {
						color: @light;
						.transition(color, .2s);
					}
					span{
						display: inline-block;
						margin: 0 5px;
						i {
							margin-right: 5px;
						}
					}
					#locationWrapper {
						position: relative;
						display: inline-block;
						margin-right: 5px;
						padding: 2px 12px 0;
						z-index: 100;
						&:hover{
							span, i {
								color: @scope_gray_dark;
							}
						}
						&.active {
							span, i {
								//color: @scope_gray_dark;
							}
							#locationTrigger {
							
							}
						}
						.locationTrigger {
							display: inline-block;
							cursor: pointer;
						}
						ul {
							cursor: pointer;
							position: absolute;
							display: none;
							left: 0;
							top: 0;
							right: 0;
							//padding-top: 32px;
							//padding-bottom: 5px;
							border-radius: 5px;
							background: white;
							z-index: -1;
							max-height: 180px;
							
							width: fit-content;
							width: -moz-fit-content;
							width: -webkit-fit-content;
							padding: 5px 15px;
							text-align: left;
							overflow-y: auto;
							margin-top: 34px;
							li {
								display: block;
								white-space: nowrap;
								color: @scope_gray_dark;
								&:hover {
									color: @primary;
								}
							}
						}
					}
				}
				#scope-jobs-intro-section-btn{
					.btn{
						margin: 0 8px;
						.transition(all, 0.3s);
						&:hover {
							background: @light;
							color: @primary;
						}
					}
				}
			}
			#scope-jobs-intro-section-overlay{
				position: absolute;
				top:0;
				left:0;
				width: 100%;
				height: 100%;
				z-index: 2;
				background: rgba(128, 128, 128, 0.3);
				opacity: 1;
			}
			
			.scope-img-wrap {
				
				@media (min-width: 768px) {
					height: calc(~'100vh - 60px');
				}
				
				@media (min-width: 1024px) {
					height: calc(~'100vh - 100px');
				}
				
				#header-overlay {
					background: rgba(128, 128, 128, 0.3);
					position: absolute;
					width: 100%;
					height: 100%;
					z-index: 2;
				}
			}
			img{
				position: relative;
				top:0;
				left:0;
				z-index: 1;
				width: 100%;
				height: 100%;
				object-fit: cover;
				
				@media (max-width: 767px) {
					width: unset !important;
					height: 400px !important;
					margin-left: 0;
				}
			}
		}*/
}
body section.fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
body section#scope-jobs-table-intro-section h2 {
  color: #20A8D8;
}
body section#scope-jobs-map-section #map {
  height: 360px;
  width: 100%;
}
@media (max-width: 768px) {
  body section#scope-jobs-map-section #map {
    height: 320px;
  }
}
body section#scope-jobs-list-section #scope-jobs-list-section-filter {
  margin-bottom: 15px;
  /*input, select{
					width: 100%;
					padding: 10px;
					border: 1px solid @secondary;
					outline: 0 !important;
					height: 46px;
					box-sizing: border-box;
					margin-bottom: 15px;
				}*/
}
body section#scope-jobs-list-section #scope-jobs-list-section-filter .col-12 {
  padding: 0 30px;
}
body section#scope-jobs-list-section #scope-jobs-list-section-filter label {
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap {
  width: 100%;
  display: block;
}
@media (max-width: 991px) {
  body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap {
    display: none;
  }
}
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop {
  width: 100%;
  border-collapse: collapse;
  border: 0;
}
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop thead tr th {
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 15px 10px 15px;
  text-align: left;
}
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop thead tr th:last-of-type {
  display: none;
}
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop tbody tr:nth-child(odd) {
  background-color: #fff;
}
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop tbody tr:nth-child(even) {
  background: #EFF3F8;
}
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop tbody tr td {
  padding: 12px 15px;
  white-space: nowrap;
}
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop tbody tr td:first-of-type {
  width: 100%;
  max-width: 0;
}
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop tbody tr td:first-of-type a {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop tbody tr td:nth-of-type(2) > div,
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop tbody tr td:nth-of-type(3) > div {
  width: 160px;
  white-space: nowrap;
}
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop tbody tr td:nth-of-type(2) > div > i,
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop tbody tr td:nth-of-type(3) > div > i {
  width: 17px;
  display: inline-block;
  float: left;
}
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop tbody tr td:nth-of-type(2) > div > span,
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop tbody tr td:nth-of-type(3) > div > span {
  float: left;
  display: inline-block;
  width: 134px;
  word-break: keep-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop tbody tr td i {
  color: #20A8D8;
  margin: 5px 8px 0 0;
  display: inline-block;
  float: left;
}
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop tbody tr td a {
  color: #20A8D8;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
}
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop tbody tr td a i {
  color: #20A8D8;
}
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop tbody tr td a:hover {
  color: #4d4d4d;
}
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop tbody tr td a:hover i {
  color: #4d4d4d;
}
body section#scope-jobs-list-section #scope-jobs-table-mobile-wrap {
  width: 100%;
  line-height: 26px;
  display: none;
}
@media (max-width: 991px) {
  body section#scope-jobs-list-section #scope-jobs-table-mobile-wrap {
    display: block;
  }
}
body section#scope-jobs-list-section #scope-jobs-table-mobile-wrap .scope-jobs-table-mobile {
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
  background: #EFF3F8;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  body section#scope-jobs-list-section #scope-jobs-table-mobile-wrap .scope-jobs-table-mobile {
    height: calc(100% - 15px);
  }
}
body section#scope-jobs-list-section #scope-jobs-table-mobile-wrap .scope-jobs-table-mobile tr td {
  vertical-align: top;
  padding: 10px 20px 0 20px;
}
body section#scope-jobs-list-section #scope-jobs-table-mobile-wrap .scope-jobs-table-mobile tr td.scope-jobs-table-mobile-angle {
  width: 35px;
  vertical-align: middle;
}
body section#scope-jobs-list-section #scope-jobs-table-mobile-wrap .scope-jobs-table-mobile tr td.scope-jobs-table-mobile-angle i {
  float: right;
  margin-right: 0;
}
body section#scope-jobs-list-section #scope-jobs-table-mobile-wrap .scope-jobs-table-mobile tr:last-of-type td {
  padding: 10px 20px 10px 20px;
}
body section#scope-jobs-list-section #scope-jobs-table-mobile-wrap .scope-jobs-table-mobile span {
  float: left;
  display: inline-block;
  width: 160px;
  word-break: keep-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
body section#scope-jobs-list-section #scope-jobs-table-mobile-wrap .scope-jobs-table-mobile i {
  color: #20A8D8;
  margin: 5px 8px 0 0;
  display: inline-block;
  float: left;
  width: 15px;
  text-align: center;
}
body section#scope-jobs-list-section #scope-jobs-table-mobile-wrap .scope-jobs-table-mobile a {
  color: #20A8D8;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
}
body section#scope-jobs-list-section #scope-jobs-table-mobile-wrap .scope-jobs-table-mobile a i {
  color: #20A8D8;
}
body section#scope-jobs-list-section #scope-jobs-table-mobile-wrap .scope-jobs-table-mobile a:hover {
  color: #4d4d4d;
}
body section#scope-jobs-list-section #scope-jobs-table-mobile-wrap .scope-jobs-table-mobile a:hover i {
  color: #4d4d4d;
}
body section.scope-job-about-section h2 {
  /*font-weight: 400;*/
  color: #20A8D8;
}
body section.scope-job-about-section .output ul,
body section.scope-job-about-section .output ol {
  padding-left: 20px;
  margin: 10px 0;
  position: relative;
}
body section.scope-job-about-section .output ul li,
body section.scope-job-about-section .output ol li {
  position: relative;
}
body section.scope-job-about-section .output ul li::before,
body section.scope-job-about-section .output ol li::before {
  content: '';
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background: transparent;
  position: absolute;
  top: 14px;
  left: -15px;
  display: block;
}
body section.scope-job-about-section #scope-job-about-section-social i,
body section.scope-job-about-section #scope-job-about-section-social a {
  color: #20A8D8;
  display: inline-block;
  margin-bottom: 5px;
}
body section.scope-job-about-section #scope-job-about-section-social i {
  margin-right: 8px;
  width: 20px;
  text-align: center;
}
body section.scope-job-about-section #scope-job-about-section-social a:hover {
  color: #4d4d4d;
}
body section.scope-job-about-section #scope-job-about-section-facts strong,
body section.scope-job-about-section #scope-job-about-section-facts span {
  display: block;
}
body section.scope-jobs-list-section {
  /*padding: 70px 0;
			&:nth-of-type(odd){
				background: @secondary;
			}*/
  /*.output{
				p, ul, ol{
					margin-bottom: 1rem;
				}
				li, p{
					a{
						color: @primary;
					}
				}
				ul, ol {
					list-style: outside;
					@media(min-width: 1023px){
						width: 80%;
					}
					
					li {
						width: calc(~'100% - 20px');
						box-sizing: border-box;
						padding-right: 40px;
						margin-left: 20px;
						margin-bottom: 10px;
					}
					
					ul, ol {
						margin-bottom: 8px;
						list-style: outside;
						
						li {
							width: calc(~'100% - 40px');
							box-sizing: border-box;
							margin-left: 40px;
							margin-bottom: 10px;
							position: relative;
							
							&::before {
								content: '';
								border-radius: 50%;
								width: 6px;
								height: 6px;
								background: transparent;
								border: 1px solid @primary;
								position: absolute;
								top: 14px;
								left: -15px;
							}
						}
						ul{
							li{
								
								list-style: none;
							}
						}
						
						ul, ol {
							margin-bottom: 8px;
							list-style: outside;
							
							li {
								width: calc(~'100% - 60px');
								list-style: disc outside;
								box-sizing: border-box;
								margin-left: 60px;
								margin-bottom: 10px;
								position: relative;
								
								&::before {
									content: '';
									border-radius: 50%;
									width: 6px;
									height: 6px;
									background: @primary;
									position: absolute;
									top: 14px;
									left: -15px;
								}
							}
						}
					}
				}
				ol{
					>li{
						list-style: outside decimal;
					}
				}
				ul{
					li{
						position: relative;
						list-style: none;
						&::before {
							content: '';
							border-radius: 50%;
							width: 6px;
							height: 6px;
							background: @primary;
							position: absolute;
							top: 14px;
							left: -15px;
						}
					}
				}
			}*/
}
body section.scope-jobs-list-section h2 {
  /*font-weight: 400;*/
  color: #20A8D8;
}
body section.scope-jobs-list-section ul {
  overflow: hidden;
}
body section.jp-section-form {
  border-top: 1px solid #bdbcbc;
  padding-top: 2em;
  /*padding: 70px 0;*/
  /*input:not([type="checkbox"]), select, textarea {
				width: 100%;
				background: @secondary;
				border-radius: 5px;
				box-sizing: border-box;
				border: none;
				outline: none;
				padding: 5px 5px 5px 10px;
				height: 50px;
				color: gray;
			}*/
}
body section.jp-section-form h2 {
  /*font-weight: 400;*/
  color: #20A8D8;
}
body section.jp-section-form .error {
  font-size: 14px;
  line-height: 22px;
  color: #fa5c7c;
}
body section.jp-section-form .applyOnXing {
  background: #20A8D8;
  color: #fff;
  text-align: center;
  margin-top: 85px;
  display: block;
  width: 100%;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
body section.jp-section-form .applyOnXing span,
body section.jp-section-form .applyOnXing i {
  color: #fff;
}
body section.jp-section-form .applyOnXing:hover {
  background: #fff;
}
body section.jp-section-form .applyOnXing:hover span,
body section.jp-section-form .applyOnXing:hover i {
  color: #20A8D8;
}
body section.jp-section-form a {
  color: #20A8D8;
}
body section.jp-section-form h3 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  body section.jp-section-form h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
body section.jp-section-form .row {
  align-items: center;
}
body section.jp-section-form .formText,
body section.jp-section-form .label {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 5px;
}
body section.jp-section-form textarea {
  height: unset;
}
body section.jp-section-form input[type="submit"] {
  background: #20A8D8;
  color: white;
  float: right;
}
body section.jp-section-form #saveApplicant {
  font-weight: 700;
}
body section.jp-section-form .customCheckbox input[type="checkbox"] {
  width: 20px;
  padding: 0;
  float: left;
  margin: 5px 5px 0 0;
  border-radius: 0;
}
body section.jp-section-form .customCheckbox.checkbox-with-modal input[type="checkbox"] {
  margin: 10px 5px 0 0;
  border-radius: 0;
}
body section.jp-section-form .customCheckbox .label {
  width: calc(100% - 25px);
  float: left;
}
body section.jp-section-form .dz-button {
  padding: 30px;
  background: none;
  border: 1px solid #ddd;
  float: right;
  width: 100%;
}
footer {
  background: #fff;
  padding: 15px 0;
}
footer a {
  color: #20A8D8;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
}
footer a:hover {
  color: #4d4d4d;
}
footer .row .col-12 {
  /*&:last-of-type{
				a{
					float: right;
					@media(max-width: 575px){
						float: left;
						margin-bottom: 15px;
					}
				}
			}*/
}
footer .row .col-12 a {
  display: inline-block;
  /*margin-bottom: 10px;*/
}
footer .row .col-12:first-of-type a {
  margin-right: 8px;
}
.half-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  list-style: disc !important;
  padding-left: 20px;
}
@media (min-width: 576px) {
  .half-container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .half-container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .half-container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .half-container {
    width: 585px;
    margin-left: 0;
  }
}
/*.modal{
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.5);
	display: none;
	height: calc(~'100vh - 100px');
	margin-top: 100px;
	
	@media (max-width: 1023px) {
		height: calc(~'100vh - 60px');
		margin-top: 60px;
	}
	
	.modal-dialog{
		width: 760px;
		height: 620px;
		position: absolute;
		top: 50%;
		left: 50%;
		.translate(-50%, -50%);
		background: @light;
		padding: 0;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
		@media(max-width: 767px){
			width: 100%;
			height: 100%;
			padding:30px 15px;
			border-radius: 0;
		}
		.modal-content{
			overflow: auto;
			height: 100%;
			padding: 30px;
			.modal-header{
				margin-bottom: 15px;
			}
			.modal-title{
				width: calc(~'100% - 30px');
			}
			.close{
				position: absolute;
				top:15px;
				right: 30px;
				font-size: 22px;
				cursor: pointer;
				color: @primary;
				background: @light;
				&:hover{
					i{
						color: @dark;
					}
				}
			}
		}
	}
}*/
#social-bar {
  /*position: fixed;
	right: -5px;
	top: 50%;
	margin-top: -100px;
	z-index: 999;
	width: 70px;
	height: 200px;*/
  /*@media (max-width: 1120px) {
		display: none;
	}*/
  /*div {
		background-color: @primary;
	}
	a {
		float: right;
		display: block;
		width: 71px;
		height: 66px;
		line-height: 66px;
		font-size: 30px;
		text-align: center;
		background: @primary;
		color: @light;
		margin-bottom: 5px;
		border: 0;
		border-radius: 5px;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		&:hover {
			width: 86px
		}
	}*/
}
#mobile-social-bar {
  display: none;
  /*position: fixed;
	z-index: 1000;
	width: 41px;
	max-height: 41px;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	text-align: center;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	@media (min-width: 1120px) {
		display: none
	}
	a {
		display: block;
		width: 41px;
		height: 41px;
		background-color: @primary;
		margin-bottom: 2px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		i {
			color: white;
			font-size: 20px;
			margin-top: 10px
		}
	}
	&.active {
		max-height: 258px;
		bottom: 8px
	}*/
}
/*//slider
.scope-img-wrap{
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  img {
    width: 100%;
    display: none;

    &.show {
      display: block;
    }
  }
  .slider{
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
    img{
      float: left;
    }
  }
  .slider-control{
    z-index: 2;
    position: absolute;
    top:50%;
    .translate(0, -50%);
    color: @primary;
    cursor: pointer;
    font-size: 42px;
    .transition(all, 0.3s);
    @media (max-width: 767px) {
      display: none;
    }
    &:hover{
      color: @secondary;
    }
    &.right{
      right: 30px;
    }
    &.left{
      left: 30px;
    }
  }
  .slider-dots{
    z-index: 2;
    position: absolute;
    bottom: 30px;
    left:50%;
    .translate(-50%, 0);
    @media (max-width: 767px) {
      bottom: 15px;
    }
    li{
      width: 12px;
      height: 12px;
      float: left;
      margin: 0 3px;
      border-radius: 50%;
      background: @secondary;
      .transition(all, 0.3s);
      &.active{
        background: @primary;
      }
    }
  }
}*/
section#form {
  padding: 70px 0;
  /*&:nth-of-type(odd) {
			background: @secondary;
		}*/
}
section#form .applyOnXing {
  background: #20A8D8;
  text-align: center;
  margin-top: 44px;
  background-color: #20A8D8;
  color: #fff;
  padding: 8px 5px 9px 0;
  min-width: 180px;
  display: inline-block;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
section#form .applyOnXing.btn-light {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  background: #fff;
  color: #20A8D8;
}
section#form .applyOnXing.btn-light:hover {
  background: #20A8D8;
  color: #fff;
}
section#form .applyOnXing span,
section#form .applyOnXing i {
  color: #fff;
}
section#form .formContainer a {
  color: #20A8D8;
}
section#form .formContainer h3 {
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 40px;
  color: #20A8D8;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  section#form .formContainer h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
section#form .formContainer .row {
  margin-bottom: 10px;
}
section#form .formText,
section#form .label {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 5px;
}
section#form input:not([type="checkbox"]),
section#form select {
  width: 100%;
  background: #EFF3F8;
  border-radius: 5px;
  box-sizing: border-box;
  border: none;
  outline: none;
  padding: 5px 5px 5px 10px;
  height: 50px;
}
section#form .customCheckbox input[type="checkbox"] {
  width: 20px;
  padding: 0;
  float: left;
  border-radius: 0;
  margin: 5px 5px 0 0;
}
section#form .customCheckbox .label {
  width: calc(100% - 25px);
  float: left;
}
section#form .h2 {
  font-family: "Open Sans";
  font-weight: 400;
  color: #20A8D8;
  text-align: center;
  display: block;
  font-size: 24px;
  line-height: 32px;
}
@media (max-width: 991px) {
  section#form .h2 {
    font-size: 18px;
    line-height: 20px;
  }
}
.upload-row {
  margin-bottom: 2.5rem;
}
.uploadOuterWrapper {
  margin-bottom: 2.5rem;
}
.uploadOuterWrapper .dz-default > * {
  float: none !important;
}
.uploadOuterWrapper .dz-button {
  margin: 0;
  font-size: 14px;
  color: #20A8D8;
}
.uploadOuterWrapper .dz-button:hover {
  background: #EFF3F8;
}
.uploadOuterWrapper .dz-default.dz-message span {
  display: none;
  margin: 2rem 0;
  font-size: 14px;
  color: #20A8D8;
  padding: 30px;
  background: none;
  border: 1px solid #ddd;
  float: right;
  width: 100%;
  text-align: center;
}
.uploadOuterWrapper .alert {
  font-family: "Open Sans";
  text-align: center;
  margin-top: 2rem;
}
.uploadOuterWrapper .alert button.close {
  display: none;
}
.uploadOuterWrapper .dz-progress {
  display: block;
  width: 100%;
  height: 5px;
}
.uploadOuterWrapper .dz-progress .dz-upload {
  display: block;
  height: 5px;
  border-radius: 5px;
  content: "";
  background: #20A8D8;
}
.uploadOuterWrapper .dz-success-mark,
.uploadOuterWrapper .dz-error-mark {
  display: none;
}
.uploadOuterWrapper .dz-size,
.uploadOuterWrapper .dz-filename {
  display: inline-block;
  font-size: 14px;
}
.uploadOuterWrapper .dz-size {
  margin-right: 16px;
  position: relative;
}
.uploadOuterWrapper .dz-size:after {
  content: "";
  width: 8px;
  height: 1px;
  display: block;
  top: 50%;
  right: -14px;
  position: absolute;
  background: #4d4d4d;
}
.uploadOuterWrapper .dz-started .dz-details {
  margin-top: 2rem;
}
.uploadOuterWrapper .dz-started .dz-button {
  display: none;
}
.uploadOuterWrapper .dz-max-files-reached .dz-default.dz-message,
.uploadOuterWrapper form:not(.dz-started) .dz-default.dz-message {
  display: block;
}
.uploadOuterWrapper .dz-max-files-reached .dz-default.dz-message span,
.uploadOuterWrapper form:not(.dz-started) .dz-default.dz-message span {
  display: block;
}
.documentOuterWrapper {
  margin-top: 2.5rem;
}
.documentOuterWrapper .documentList {
  margin-bottom: 0.6rem;
}
.documentOuterWrapper .documentList label {
  display: block;
  color: #4d4d4d;
}
.documentOuterWrapper .documentList span {
  font-size: 14px;
}
.documentOuterWrapper .documentList .documentDelete {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
  color: #808080;
  cursor: pointer;
}
.scope-inside-iframe section#scope-jobs-intro-section .scope-img-wrap {
  height: 800px !important;
}
@media (max-width: 768px) {
  .scope-inside-iframe section#scope-jobs-intro-section .scope-img-wrap {
    height: 600px !important;
  }
}
@media (max-width: 511px) {
  .scope-inside-iframe section#scope-jobs-intro-section .scope-img-wrap {
    height: 400px !important;
  }
}
.scope-inside-iframe section#scope-jobs-intro-section .scope-img-wrap img {
  width: 100% !important;
  height: 100% !important;
}
/* open-sans-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../webfonts/open-sans-v36-latin-300.eot');
  /* IE9 Compat Modes */
  src: url('../webfonts/open-sans-v36-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../webfonts/open-sans-v36-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../webfonts/open-sans-v36-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../webfonts/open-sans-v36-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../webfonts/open-sans-v36-latin-300.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../webfonts/open-sans-v36-latin-300italic.eot');
  /* IE9 Compat Modes */
  src: url('../webfonts/open-sans-v36-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../webfonts/open-sans-v36-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../webfonts/open-sans-v36-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../webfonts/open-sans-v36-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../webfonts/open-sans-v36-latin-300italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/open-sans-v36-latin-regular.eot');
  /* IE9 Compat Modes */
  src: url('../webfonts/open-sans-v36-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../webfonts/open-sans-v36-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../webfonts/open-sans-v36-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../webfonts/open-sans-v36-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../webfonts/open-sans-v36-latin-regular.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../webfonts/open-sans-v36-latin-italic.eot');
  /* IE9 Compat Modes */
  src: url('../webfonts/open-sans-v36-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../webfonts/open-sans-v36-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../webfonts/open-sans-v36-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../webfonts/open-sans-v36-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../webfonts/open-sans-v36-latin-italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../webfonts/open-sans-v36-latin-500.eot');
  /* IE9 Compat Modes */
  src: url('../webfonts/open-sans-v36-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../webfonts/open-sans-v36-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../webfonts/open-sans-v36-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../webfonts/open-sans-v36-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../webfonts/open-sans-v36-latin-500.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-500italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../webfonts/open-sans-v36-latin-500italic.eot');
  /* IE9 Compat Modes */
  src: url('../webfonts/open-sans-v36-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../webfonts/open-sans-v36-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../webfonts/open-sans-v36-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../webfonts/open-sans-v36-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../webfonts/open-sans-v36-latin-500italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../webfonts/open-sans-v36-latin-600.eot');
  /* IE9 Compat Modes */
  src: url('../webfonts/open-sans-v36-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../webfonts/open-sans-v36-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../webfonts/open-sans-v36-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../webfonts/open-sans-v36-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../webfonts/open-sans-v36-latin-600.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../webfonts/open-sans-v36-latin-600italic.eot');
  /* IE9 Compat Modes */
  src: url('../webfonts/open-sans-v36-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../webfonts/open-sans-v36-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../webfonts/open-sans-v36-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../webfonts/open-sans-v36-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../webfonts/open-sans-v36-latin-600italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../webfonts/open-sans-v36-latin-700.eot');
  /* IE9 Compat Modes */
  src: url('../webfonts/open-sans-v36-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../webfonts/open-sans-v36-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../webfonts/open-sans-v36-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../webfonts/open-sans-v36-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../webfonts/open-sans-v36-latin-700.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../webfonts/open-sans-v36-latin-700italic.eot');
  /* IE9 Compat Modes */
  src: url('../webfonts/open-sans-v36-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../webfonts/open-sans-v36-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../webfonts/open-sans-v36-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../webfonts/open-sans-v36-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../webfonts/open-sans-v36-latin-700italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../webfonts/open-sans-v36-latin-800.eot');
  /* IE9 Compat Modes */
  src: url('../webfonts/open-sans-v36-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../webfonts/open-sans-v36-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../webfonts/open-sans-v36-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../webfonts/open-sans-v36-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../webfonts/open-sans-v36-latin-800.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../webfonts/open-sans-v36-latin-800italic.eot');
  /* IE9 Compat Modes */
  src: url('../webfonts/open-sans-v36-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../webfonts/open-sans-v36-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../webfonts/open-sans-v36-latin-800italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../webfonts/open-sans-v36-latin-800italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../webfonts/open-sans-v36-latin-800italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
@font-face {
  font-family: "trotec-icons";
  src: url("../webfonts/trotec-icons.eot");
  src: url("../webfonts/trotec-icons.eot?#iefix") format("embedded-opentype"), url("../webfonts/trotec-icons.woff") format("woff"), url("../webfonts/trotec-icons.ttf") format("truetype"), url("../webfonts/trotec-icons.svg#trotec-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="tti-"]:before,
[class*=" tti-"]:before {
  font-family: "trotec-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tti-arrow-down:before {
  content: "d";
}
.tti-arrow-left:before {
  content: "l";
}
.tti-arrow-right:before {
  content: "r";
}
.tti-arrow-up:before {
  content: "u";
}
.tti-basket:before {
  content: "b";
}
.tti-basket-old:before {
  content: "a";
}
.tti-home:before {
  content: "h";
}
.tti-arrow-small-down:before {
  content: "e";
}
.tti-arrow-small-up:before {
  content: "f";
}
.tti-arrow-small-combo:before {
  content: "g";
}
.tti-list-square:before {
  content: "s";
}
.tti-list-check:before {
  content: "c";
}
.totop:before,
.tti-arrow-to-top:before {
  content: "t";
}
.tti-techicon-false:before {
  content: "i";
}
.tti-techicon-continuous:before {
  content: "j";
}
.tti-techicon-optional:before {
  content: "k";
}
.tti-techicon-serie:before {
  content: "m";
}
.tti-arrow-downloads:before {
  content: "n";
}
.tti-lightbox-arrow-left:before {
  content: "o";
}
.tti-lightbox-arrow-right:before {
  content: "p";
}
.tti-nav-mobile-menu:before {
  content: "\71";
}
.tti-nav-mobile-reload:before {
  content: "\76";
}
.tti-nav-mobile-arrow-down:before {
  content: "\77";
}
.tti-nav-mobile-arrow-right:before {
  content: "\78";
}
.tti-nav-mobile-arrow-up:before {
  content: "\79";
}
.tti-nav-mobile-arrow-left:before {
  content: "\7a";
}
.tti-remove-rounded:before {
  content: "\58";
}
.tti-search:before {
  content: "\53";
}
.tti-angle-down:before {
  content: "\44";
}
.tti-angle-left:before {
  content: "\4c";
}
.tti-angle-right:before {
  content: "\52";
}
.tti-angle-up:before {
  content: "\55";
}
.tti-phone:before {
  content: "\50";
}
.tti-map-pin:before {
  content: "\4d";
}
:root {
  --trotec-bg-color: #f1f1f2;
  --trotec-header-color: #474747;
  --trotec-primary-color: #575656;
  --trotec-primary-bg-color: #f7e91c;
  --trotec-primary-border-color: #f7e91c;
  --trotec-secondary-color: #575656;
  --trotec-secondary-bg-color: #fbf48d;
  --trotec-secondary-border-color: #f7e91c;
  --trotec-light-color: #495057;
  --trotec-light-bg-color: #e9ecef;
  --trotec-light-border-color: #ced4da;
}
.grecaptcha-badge {
  z-index: 1;
}
html,
body {
  background: initial;
}
body {
  background: #f1f1f2;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
body,
table,
a,
a:hover,
th,
td,
.input-group-text,
.form-control,
.custom-select {
  color: #575656;
}
.customSelect select,
.custom-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M0 0l4 4 4-4h-8z' transform='translate(0 2)' /%3E%3C/svg%3E");
  background-size: 9px;
  appearance: none;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%;
}
.form-control,
.custom-select,
.custom-checkbox .custom-control-label::before {
  border-color: #bdbcbc;
  border-radius: unset;
}
.form-control::-webkit-input-placeholder {
  color: #bdbcbc;
}
.form-control::-moz-placeholder {
  color: #bdbcbc;
}
.form-control:-ms-input-placeholder {
  color: #bdbcbc;
}
.form-control::-ms-input-placeholder {
  color: #bdbcbc;
}
.form-control::placeholder {
  color: #bdbcbc;
}
.dropdown-menu {
  border-color: #d6d6d6;
}
h1 {
  font-size: 30px;
  line-height: 34px;
  letter-spacing: 0;
  text-transform: uppercase;
}
h2,
h3 {
  font-size: 23px;
  line-height: 28px;
  font-weight: 600;
}
h2.subheader {
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 24px;
}
h3 {
  /*font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	margin-bottom: 0.25rem*/
}
/* Set class to override the default template color outta scope */
.primary-color {
  color: var(--trotec-primary-color) !important;
}
.primary-color-hover:hover,
.primary-color-hover:hover span,
.primary-color-hover:hover i,
.dz-message .dz-button {
  color: var(--trotec-primary-color) !important;
}
.primary-bg {
  background: var(--trotec-primary-bg-color) !important;
}
/*.primary-bg-before:before, .primary-bg-before ul li:before {
	background: var(--trotec_kunde-primary-bg-color) !important;
}*/
.primary-bg-hover:hover {
  background: var(--trotec-primary-bg-color) !important;
}
.secondary-color {
  color: var(--trotec-secondary-color) !important;
}
.secondary-color-hover:hover {
  color: var(--trotec-secondary-color) !important;
}
.secondary-bg {
  background: var(--trotec-secondary-bg-color) !important;
}
.secondary-bg-hover:hover {
  background: var(--trotec-secondary-bg-color) !important;
}
.container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1600px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 1540px;
  }
  body .p-xxl-0 {
    padding: 0 !important;
  }
}
.inner {
  position: relative;
  width: auto;
  margin: 0 auto;
  max-width: 1600px;
}
.content-inner .container-fluid {
  padding: 0;
}
.page-header ul,
.page-footer ul {
  margin-bottom: 0;
}
.page-header {
  background: #474747 url(//de.trotec.com/fileadmin/newci/template-trotec.de/_img/newci/beton-dunkel-neu.jpg) repeat 0 0;
  color: #fff;
}
.page-header .navbar-toggler {
  padding: 0;
}
.page-header .navbar-toggler:focus {
  outline: 0 !important;
}
.brand {
  max-width: 60%;
}
@media (min-width: 380px) {
  .brand {
    max-width: none;
  }
}
.brand-product-name {
  font-size: 1em;
  white-space: nowrap;
  margin-top: -5px;
  font-weight: 300;
  text-align: right;
}
@media (min-width: 380px) {
  .brand-product-name {
    font-size: 1.3em;
  }
}
@media (min-width: 576px) {
  .brand-product-name {
    margin-top: -2px;
    font-size: 1.9em;
  }
}
.languages .btn {
  text-transform: uppercase;
  border-color: #575656;
  opacity: 0.65;
}
.languages .btn:hover {
  opacity: 1;
}
.languages .btn.disabled {
  opacity: 1;
  font-weight: bold;
}
.page-header .inner {
  height: 78px;
}
.page-footer {
  background: #fff;
  padding: 25px 0;
}
.page-footer li {
  line-height: 60px;
}
.page-navigation {
  background: #f7e91c;
  top: 78px;
}
.page-navigation:not(.empty) .navbar-nav {
  padding-top: 3px;
}
.page-navigation:not(.empty) .navbar-collapse.show .navbar-nav {
  padding-bottom: 3px;
}
.page-navigation .navbar {
  padding: 0;
}
.page-navigation .dropdown.disabled > .dropdown-toggle:after {
  display: none;
}
.page-navigation .dropdown-menu {
  margin: 0;
  border-radius: 0;
}
.page-navigation a {
  color: #575656;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 7px 12px 8px 12px !important;
}
@media screen and (max-width: 1024px) {
  .page-navigation a {
    padding: 7px 10px 8px 10px !important;
  }
}
.page-navigation a > span {
  font-size: 14px;
}
.page-navigation .nav-link.dropdown-toggle {
  display: flex;
  align-items: center;
}
.page-navigation .nav-link.dropdown-toggle .navigation-icon-label {
  font-weight: inherit;
}
.page-navigation .nav-link.dropdown-toggle .navigation-icon ~ .navigation-icon-label {
  margin-left: 5px;
}
.page-navigation .navbar-toggler {
  color: #575656;
}
.page-navigation .navbar-toggler:focus {
  outline: none;
}
.page-navigation a.navigation-element:after {
  content: '';
  display: none;
}
.page-navigation a.navigation-icon {
  padding: 6px 12px 9px 12px !important;
  width: 35px;
  overflow: hidden;
  white-space: nowrap;
}
.page-navigation a.navigation-icon:before {
  position: relative;
  top: 1px;
  font-size: 0.8em;
  margin-right: 20px;
}
.page-navigation a,
.page-navigation a.navigation-icon {
  border: 0 !important;
  line-height: 1;
  max-height: 29px;
}
.page-navigation a:hover,
.page-navigation a.active,
.page-navigation a.navigation-icon:hover {
  background: #575656;
  color: #fff;
}
@media (max-width: 992px) {
  .page-navigation a .fa {
    width: 20px;
    text-align: center;
  }
}
.page-navigation hr {
  border-top: 1px solid #575656;
}
.page-content {
  margin: 130px 0 20px;
}
.page-content .inner {
  background: #fff;
  min-height: 650px;
}
.page-content .content-inner {
  padding: 20px;
}
.btn-trotec-primary {
  color: #575656;
  background-color: #f7e91c;
  border-color: #f7e91c;
}
.btn-trotec-secondary {
  color: #575656;
  background-color: #fbf48d;
  border-color: #f7e91c;
}
.btn-trotec-light {
  color: #495057;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
}
.icon-link:hover,
.icon-link:active,
.icon-link:focus {
  text-decoration: none;
  outline: 0;
}
.icon-link.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.input-group-prepend .input-group-text {
  width: 50px;
  justify-content: center;
}
.c-pointer {
  cursor: pointer;
}
.table-no-top-border tr:first-child th,
.table-no-top-border tr:first-child td {
  border-top: 0;
}
.table-hover tr.hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}
.permissions {
  position: relative;
  top: 2px;
}
.permissions label {
  font-size: 80%;
}
.permissions .custom-switch {
  min-height: auto;
  height: 1rem;
}
.bordered {
  border: 1px solid #575656;
}
.border-left-thicker {
  border-left-width: 4px;
}
.border-right-thicker {
  border-right-width: 4px;
}
.border-top-thicker {
  border-top-width: 4px;
}
.border-bottom-thicker {
  border-bottom-width: 4px;
}
.table-striped-after-header tbody tr.header {
  background-color: rgba(0, 0, 0, 0.2);
}
.table-striped-after-header tbody tr.header ~ tr:nth-of-type(2n+1):not(.header) {
  background-color: rgba(0, 0, 0, 0.05);
}
body section#scope-jobs-list-section #scope-jobs-table-desktop-wrap #scope-jobs-table-desktop tbody tr:nth-child(even) {
  background: #f0efef;
}
body section#scope-jobs-list-section #scope-jobs-table-mobile-wrap .scope-jobs-table-mobile a {
  font-weight: 600;
}
@supports (-moz-appearance:none) {
  .custom-select-wrapper .custom-select {
    background-color: transparent !important;
  }
  .custom-select-wrapper .custom-select option {
    color: -moz-default-color !important;
  }
  .custom-select-wrapper .custom-select:-moz-focusring {
    color: transparent !important;
    text-shadow: 0 0 0 #fff !important;
  }
}
.scope-jobs-list-section li {
  display: flex;
  align-items: center;
  /*line-height: 2.3;*/
  padding: 0.5em 0;
  font-weight: bold;
}
.scope-jobs-list-section li:before {
  content: '';
  background: url(../img/logo-standalone.svg) no-repeat;
  background-size: cover;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  min-width: 22px;
}
body section#scope-job-form-block {
  border-top: 1px solid #bdbcbc;
  margin-top: 2.5em;
  padding-top: 2em;
}
body section#scope-job-form-block h3 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: inherit;
}
body section#scope-job-form-block .row {
  align-items: center;
}
body section#scope-job-form-block .formText,
body section#scope-job-form-block .label {
  font-size: inherit;
}
#social-bar a {
  float: left;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  text-align: center;
  background: #575656;
  color: #fff;
  margin-bottom: 0;
  margin-right: 5px;
  border: 0;
  border-radius: 5px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
#social-bar a:hover {
  width: 50px;
}
#social-bar div:last-child a {
  margin-right: 0;
}
.page-job h1,
.page-danke h1 {
  margin-bottom: 0.5em;
}
.highlight {
  background: #f0efef;
  padding: 1em;
}
body section#scope-job-form-block input[type="submit"] {
  float: none;
  font-weight: 700;
}
/* Temporarily only */
.page-job .scope-job-about-section .order-last {
  display: none;
}
.page-job .scope-job-about-section .order-first {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.hey-form-row {
  margin-bottom: 5px;
}
#jp-section-form h3 {
  font-size: 18px;
}
body section.jp-section-form a {
  font-size: 14px;
  text-decoration: underline;
}
.page-jobs #scope-jobs-description-section,
.page-ausbildung #scope-jobs-description-section {
  margin-bottom: 1rem;
}
.page-jobs #scope-jobs-description-section ul,
.page-ausbildung #scope-jobs-description-section ul {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
}
.page-jobs #scope-jobs-description-section ul li,
.page-ausbildung #scope-jobs-description-section ul li {
  display: inline-block;
  font-size: 18px;
}
.page-jobs #scope-jobs-description-section ul li:before,
.page-ausbildung #scope-jobs-description-section ul li:before {
  content: '\02014';
  font-weight: 700;
  padding: 0 10px;
}
.page-jobs #scope-jobs-description-section ul li:first-child:before,
.page-ausbildung #scope-jobs-description-section ul li:first-child:before {
  display: none;
}
#scope-jobs-intro-section {
  margin: -20px -20px 20px !important;
}