@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*================================================================
-------------------- Basics --------------------------------------
==================================================================*/ 

::selection {
	background: #ff5d10;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #ff5d10; /* Firefox */
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #ff5d10; /* Safari */
	color: #FFF;
	text-shadow: none;
}

body{
	font-family: 'Barlow', sans-serif !important;
	color: #d6d6d6;
	text-rendering: optimizeSpeed;
}

#wrapper {
    background-color: #1a1a1a;
}

p {
	font-family: 'Barlow', sans-serif !important;
	font-weight: 300;
}	

a {
    text-decoration: none !important;
    color: #ff5d10;
	-webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

a:hover {
    color: #fff;
	-webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.heading-block ~ p:not(.lead) {
    font-size: 14px;
}

.si-light {
    background-color: rgba(0,0,0,0.05);
    color: #fff!important;
    border-color: transparent;
}

.white {
    color: #ffffff !important;
}

.color {
    color: #1a1a1a !important;
}

.color-2 {
	color: #ff5d10 !important;
}

.color-3 {
	color: #131313 !important;
}

.bgcolor {
    background-color: #134294 !important;
}

.bgcolor-2 {
	background-color: #293A4C !important;
}

.bgcolor-3 {
	background-color: #ff5d10 !important;
}

.noshadow {
	box-shadow: 0px 0px 0px 0 rgba(0,0,0,0) !important;
    -webkit-box-shadow: 0px 0px 0px 0 rgba(0,0,0,0) !important;
}

.center {
	text-align: center !important;
}

.firstword {
    font-weight: 300;
    color: #fff;
}

.padleft {
	padding-left: 50px !important;
    padding-right: 0 !important;
}

.fleft {
	float: left !important;
}

.fright {
	float: right !important;
}

.pleft {
    padding-left: 30px !important;
}

.pright {
    padding-right: 30px !important;
}

h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge) {
    color: #ffffff;
}

/*================================================================
------------------------- Titles-Style ---------------------------
==================================================================*/ 

h1, h2, h3, h4, h5, h6 {
    font-family: 'Barlow', sans-serif !important;
}

.heading-block h2 {
    font-size: 30px !important;
	margin-right: 70px;
}

.heading-block h2 {
    font-size: 36px !important;
    margin-right: 0px;
}

.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {
	font-weight: 700;
}

.heading-block:after {
    content: '';
    display: block;
    margin-top: 10px;
    width: 50px;
    border-top: 7px solid #134294;
    border-radius: 3px;
}

.heading-block:after {
    border-top: #ffffff;
}

.title-block {
    padding: 0;
    border-left: 0 !important;
    margin-bottom: 10px;
}

.title-block h2 {
    font-size: 38px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
}

/*================================================================
------------------------ Content-Header---------------------------
==================================================================*/ 

#logo {
    height: 120px;
}

#header, #header-wrap, #logo img {
    height: 120px;
    -webkit-transition: height .4s ease, opacity .3s ease;
    -o-transition: height .4s ease, opacity .3s ease;
    transition: height .4s ease, opacity .3s ease;
    border: 0;
}

#header {
    border-top: 3px solid #ff5d10;
}

#header, #header-wrap {
    background: #1a1a1a;
}
	
#top-bar {
	background: #ff5d10;
}

.body-overlay {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(33, 33, 33, 0.62);
    z-index: -1;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

#side-panel {
    position: fixed;
    top: 0;
    right: -300px;
    z-index: 399;
    width: 300px;
    height: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.nav-tree li a {
	display: block;
    padding: 8px 0;
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    font-family: 'Barlow', sans-serif !important;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.nav-tree li a::before {
    content: '';
    position: absolute;
    top: 1.1em;
	left: -10px;
    width: 0;
    height: 3px;
    background: #1a1a1a;
    transform: scale3d(0,1,1);
    transform-origin: 0% 50%;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}	

.nav-tree li:hover a::before, nav-tree li:focus a::before, .nav-tree li.current > a::before, .nav-tree li.active > a::before {
    width: 15px;
	transform: scale3d(1,1,1);
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.nav-tree li:hover > a, .nav-tree li.current > a, .nav-tree li.active > a {
    color: #ffffff !important;
    transform: translate3d(0.5em,0,0);
    padding-left: 20px;
    font-weight: 500;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.nav-tree ul .side-bar-submenu a {
    font-size: 14px;
    padding: 8px 0 8px 15px;
    letter-spacing: 1px;
    font-family: 'Barlow', sans-serif !important;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#top-search, #top-cart, #side-panel-trigger, #top-account {
    float: right;
    margin: 40px 0 40px 20px;
}

#side-panel-trigger .mkdf-hm-lines {
    position: relative;
    display: block;
    width: 18px;
    height: 14px;
}

#side-panel-trigger .mkdf-hm-lines .mkdf-hm-line {
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #fff;
    border-radius: 12px;
    -webkit-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
}

#side-panel-trigger .mkdf-hm-lines .mkdf-hm-line .mkdf-line-1 {
    top: 0;
    width: 10px;
}

#side-panel-trigger .mkdf-hm-lines .mkdf-hm-line.mkdf-line-2 {
    top: 6px;
}

#side-panel-trigger .mkdf-hm-lines .mkdf-hm-line.mkdf-line-3 {
    bottom: 0;
    left: auto;
    right: 0;
    width: 10px;
}

#top-search a, #top-cart > a, #side-panel-trigger a {
    display: block;
    position: relative;
    font-size: 18px;
    background: transparent;
	border: 1px solid #ff5d10;
    padding: 6px 10px;
	line-height: unset !important;
	height: auto !important;
    width: auto !important;
    text-align: center;
    color: #fff;
 	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#side-panel-trigger a:hover {
    background: #ff5d10;
	border: 1px solid #ff5d10;
    color: #fff;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.header-extras {
    float: right;
    margin: 40px 0 40px !important;
}

.header-extras li {
    float: left;
    margin-left: 20px;
    height: 100%;
    overflow: hidden;
    list-style: none;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.header-extras li:hover i {
    border: 1px solid #ff5d10;
	background: #ff5d10;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.header-extras li i {
    border: 1px solid #ff5d10;
    font-size: 16px !important;
    margin-top: 0 !important;
}

.header-extras li .he-text {
    float: left;
    padding-left: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.43;
    color: #ff5d10;
	margin-right: 15px;
}

.header-extras li .he-text span {
    display: block;
    font-weight: 300;
    color: #fff;
    font-size: 16px;
}

.header-extras .i-plain {
    width: 40px !important;
    height: 40px !important;
    font-size: 22px;
    line-height: 40px !important;
    color: #fff;
	text-shadow: 0px 0px 0px transparent;
	cursor: default;
}

.header-shape {
    position: absolute;
    top: 102%;
    right: 0px;
    width: 52%;
    background: #1a1a1a;
    display: inline-block;
    padding: 4px 0;
    z-index: 90;
}

.header-shape:before {
	content: '';
    width: 100px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 90%;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
    background: #fff;
    z-index: 2;
}

.colored-line {
	width: 100%;
	display: block;
	background: #fff;
	height: 5px;
}

#primary-menu ul > li {
    float: left;
    margin-left: 10px;
}

#primary-menu ul li a {
	font-family: 'Barlow', sans-serif !important;
    font-weight: 300 !important;
    color: #fff;
    font-size: 16px;
    display: block;
}

#primary-menu ul li > a {
    font-size: 13px;
    letter-spacing: 0px;
	text-transform: none;
	padding: 49px 15px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;	
}	

#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
    display: none;
    position: absolute;
    width: 220px;
    background-color: #FFF;
    box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
    border: 1px solid #EEE;
    height: auto;
    z-index: 199;
    top: 100%;
    left: 0;
    margin: 0;
}

#primary-menu ul ul li > a {
    font-size: 14px;
    font-weight: 700;
    color: #afb9c1 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0;
    letter-spacing: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#primary-menu ul ul li:hover > a {
    background-color: #F9F9F9;
    padding-left: 18px;
    color: #134294 !important;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#primary-menu ul li.active > a {
    color: #134294;
    font-weight: 500 !important;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li.current > a {
    color: #134294;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;	
}

#primary-menu > ul > li:hover a, #primary-menu > ul > li.current a {
    color: #fff;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;	
}

#header::after {
	display: none;
}

#top-bar {
    height: auto;
	border: 0;
}

#top-social li {
    border-left: 0;
}

#top-social span img {
	border-radius: 2px;
	cursor: pointer;
}

#header-wrap {
	background: #1a1a1a;
}

#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
    height: 90px;
}

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
    padding-top: 32px;
    padding-bottom: 32px;
}

.top-links li i {
    color: #ff5d10;
}

.top-links li > span {
    display: block;
    padding: 0 12px 0 0;
    font-size: 12px;
    font-weight: 500;
    height: 44px;
    color: #fff;
    line-height: 47px;
}

.top-links li > span a {
    color: #fff;
}

.top-links li:hover {
	background: none;
}

.top-links ul li {
    border-left: 0;
}

.title-shape {
	position: absolute;
    top: 93%;
    left: 0;
    width: 10%;
    background: #1a1a1a;
    display: inline-block;
    padding: 15px 0;
    padding-left: 45px;
    z-index: 290;
}

.title-shape:before {
    content: '';
    width: 90px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 90%;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
    background: #1a1a1a;
    z-index: 2;
}

/*================================================================
------------------------ Sections-Style---------------------------
==================================================================*/ 

#content-page-title {
	position: relative;
	padding: 0;
}

#content-page-title .breadcrumb {
    position: absolute !important;
    width: auto !important;
    top: 50% !important;
    left: auto !important;
    right: 15px !important;
    margin: -10px 0 0 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 12px;
    font-weight: 400;
}

#content-page-title .breadcrumb a {
    color: #fff;
}

#content-page-title .breadcrumb a:hover {
    color: #fff;
}

#content-page-title .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #fff;
    content: "/";
}

#content-page-title .breadcrumb-item.active {
    color: #fff;
	font-weight: 600;
}

/*================================================================
-------------------- Content-404---------------------------
==================================================================*/ 

#content-404 {
    position: relative;
    padding: 50px 0 80px 0;
}

#content-404 .error-number {
    font-size: 160px;
    color: #ff5d10;
    font-weight: 600;
    text-align: center;
}

#content-404 .error-title {
    text-align: center;
    font-size: 32px;
	text-transform: uppercase;
	margin-bottom: 20px;
	color: #fff;
}

#content-404 .error-explanation {
	text-align: center;
}

#content-404 .btn-orange {
	display: table;
    margin: 0 38%;
    text-align: center;
}

/*================================================================
-------------------- Content-about---------------------------
==================================================================*/ 

#content-about {
    position: relative;
	padding: 0 0 50px 0;
	background: #1a1a1a;
}

#content-about-page {
    position: relative;
	padding: 80px 0 50px 0;
}

#content-about-page .before-heading::before {
	background: #ff5d10;
}

#content-about-page .about-box-content {
    position: absolute;
    top: 20px;
    left: 0;
    background: #ff5d10;
    width: 100%;
    max-width: 263px;
    min-height: 245px;
    padding: 40px 30px;
}

#content-about-page .about-box-content span {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
}

#content-about-page .about-box-content h3 {
    margin: 0;
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    font-weight: 700;
    margin-top: 13px;
}

#content-about-page .about-box-content h3:after {
    content: '';
    width: 38px;
    height: 2px;
    display: inline-block;
    vertical-align: middle;
    background: #FFF;
    margin-left: 10px;
}

#content-about-page .heading-block {
    margin-top: 50px;
}

#content-about-page .about-page-text, #content-reputation .about-page-text {
	font-size: 18px;
}

#content-about li {
	list-style: none;
	border-radius: 5px !important;
}

#content-about .advantage-box {
	font-size: 14px;
    font-family: 'Barlow', sans-serif !important;
    padding: 10px 0px 20px 85px;
    margin-bottom: 10px;
}

#content-about .advantage-icon {
    display: block;
    float: left;
    width: 25%;
    background: #fff;
	border-radius: 5px;
	margin-right: 10px;
	box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}	

#content-about .about-advantages li::before {
    content: "\2022";
    color: #ff5d10;
    font-size: 19px;
    line-height: 19px;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: 0em;
}

#content-about-types-page {
	position: relative;
    padding: 30px 0;
}

#content-about-types-page .about-page-text {
	font-size: 18px;
	text-align: center !important;
	margin-bottom: 50px;
}

#content-about-types-page .before-heading,
#content-about-types-page .heading-block h2
{
	text-align: center !important;
}

#content-about-types-page .card-title {
    position: absolute;
    display: block !important;
    width: 100%;
    height: 55px;
    padding: 12px 30px;
    top: auto;
    bottom: -79px;
    left: 0;
    background-color: #ff5d10;
    border-bottom: 0;
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
}

#content-about-types-page .portfolio-desc {
    position: relative;
    display: block !important;
	top: -12px;
    width: 100%;
    height: 55px;
    padding: 12px 30px;
    opacity: 1;
    background-color: #ffffff;
    clip-path: polygon(81% 20%, 100% 20%, 100% 100%, 0% 100%, 0 0, 79% 0);
    border-bottom: 0;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
}

#content-about-types-page .owl-carousel .owl-stage {
    padding: 0;
    margin-bottom: 0;
}

#content-about-types-page .portfolio-desc h3 {
	margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: #ff5d10;
}

#content-reputation {
	position: relative;
	padding: 60px 0 60px 0;
}

#content-reputation .before-heading::before {
	background: #ff5d10;
}

/*================================================================
-------------------- Content-Home ---------------------------
==================================================================*/
#content-services .content-wrap {
    position: relative;
    padding: 100px 0;
}

#content-services .heading-block {
    margin-bottom: 80px;
}

#content-services .before-heading {
	color: #ff5d10;
}

#content-services .before-heading::before {
	background: #ff5d10;
}

#content-services .services-text {
    padding: 0 180px;
    margin-bottom: 50px;
    text-align: center !important;
}

#content-services .service-responsive {
	display: none;
}

#content-services .service-box .service-description {
    background: #131313;
    padding: 40px 40px 30px 40px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .service-box:hover .service-description {
	background: #fff;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .service-box .service-description h3 {
    color: #fff;
    margin-bottom: 15px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .service-box:hover .service-description h3 {
    color: #1a1a1a;
    margin-bottom: 15px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .service-box:hover .service-description span {
    color: #1a1a1a;
    margin-bottom: 15px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .service-box .service-description p {
	margin-bottom: 15px;
	color: #fff;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .service-box:hover .service-description p {
	margin-bottom: 15px;
	color: #a0a0a0;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .service-box .service-title i {
	float: left;
    padding: 8px 14px;
    margin-right: 13px;
    font-size: 18px;
    border: 1px solid #ff5d10;
	color: #ff5d10;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .service-box:hover .service-title i {
	color: #fff;
	background: #ff5d10;
	border: 1px solid #ff5d10;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .service-box .service-picture {
    position: relative;
	overflow: hidden;
	background: #ff5d10;
}

#content-services .service-box .service-picture .service-number {
    position: absolute;
    padding: 4px;
    text-align: center;
    width: 35px;
    height: 35px;
    background: #ff5d10;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    z-index: 1;
    top: -50%;
    right: 5%;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .service-box .service-picture .number-inverse {
	bottom: -50% !important;
	top: unset;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .service-box:hover .service-picture .service-number {
	top: 5%;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .service-box:hover .service-picture .number-inverse {
	bottom: 5% !important;
	top: unset;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .service-box .service-picture .picture-shape {
    position: absolute;
    top: 96%;
    right: 0;
    width: 40%;
    background: #131313;
    display: inline-block;
    padding: 6px 0;
    padding-left: 45px;
    z-index: 9999;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .service-box .service-picture .shape-inverse {
	top: 0% !important;
}

#content-services .service-box .service-picture .shape-inverse:before {
    transform: skewX(30deg) !important;
}

#content-services .service-box:hover .service-picture .picture-shape,
#content-services .service-box:hover .service-picture .picture-shape:before {
    background: #fff;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .service-box .service-picture .picture-shape:before {
    content: '';
    width: 90px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -10%;
    -webkit-transform: skewX(30deg);
    transform: skewX(-30deg);
    background: #131313;
    z-index: 2;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .service-box .service-picture img {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
	-webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: transform 1s;
}

#content-services .service-box:hover .service-picture img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
	-webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: transform 1s;
}

#content-services .service-box .service-btn {
    background: #ffffff;
    text-align: center;
    padding: 10px;
    color: #ff5d10;
    display: block;
    font-weight: 600;
	opacity: 0;
}

#content-services .service-box .service-btn {
    background: #ff5d10;
    text-align: center;
    padding: 3px 10px 10px 10px;
    color: #fff;
    display: block;
	position: relative;
    font-weight: 600;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .box-inverse .service-btn {
	padding: 10px 10px 3px 10px;
}

#content-services .service-box:hover .service-btn {
	top: 0px;
	opacity: 1;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .service-box {
    position: relative;
	margin-bottom: 50px;
}

#content-services .service-box::before {
    content: '';
    height: 6px;
    width: 20px;
    position: absolute;
    left: 0;
    bottom: 34px;
    background-color: #ff5d10;
    -webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .box-inverse::before {
    content: '';
    height: 6px;
    width: 20px;
    position: absolute;
    left: 0;
    top: 34px;
    background-color: #ff5d10;
    -webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services .service-box:hover::before, #content-services .box-inverse:hover::before{
    width: 100%;
    height: 6px;
}

#content-services .service-box .service-picture {
	height: 274px;
	position: relative;
}

#content-services .service-box .service-picture .service-pic-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 275px;
    opacity: 1;
    z-index: 2;
    text-align: center;
    background: rgb(19,19,19);
    background: -moz-linear-gradient(180deg, rgba(19,19,19,0) 20%, rgba(19,19,19,1) 95%);
    background: -webkit-linear-gradient(180deg, rgba(19,19,19,0) 20%, rgba(19,19,19,1) 95%);
    background: linear-gradient(180deg, rgba(19,19,19,0) 20%, rgba(19,19,19,1) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a1a1a",endColorstr="#1a1a1a",GradientType=1);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#content-services .service-box:hover .service-picture .service-pic-overlay {
	 background: rgb(19,19,19);
    background: -moz-linear-gradient(180deg, rgba(237,103,12,0) 20%, rgba(237,103,12,1) 95%);
    background: -webkit-linear-gradient(180deg, rgba(237,103,12,0) 20%, rgba(237,103,12,1) 95%);
    background: linear-gradient(180deg, rgba(237,103,12,0) 20%, rgba(237,103,12,1) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a1a1a",endColorstr="#1a1a1a",GradientType=1);
}

/*================================================================
-------------------- Content-Products ---------------------------
==================================================================*/ 
#content-products-page {
    position: relative;
    padding: 80px 0 60px;
}

#content-products-page .product-search {
    width: 100%;
    padding: 5px 20px;
    height: 50px;
    border-radius: 0;
    border: 0;
}

#content-products-page .product-item {
	transform: translateY(0px);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#content-products-page .product-item:hover {
	transform: translateY(-10px);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#content-products-page .product-item .product-description {
	position: relative;
    display: block !important;
    top: -12px;
    width: 100%;
    height: 45px;
    padding: 10px 30px;
    opacity: 1;
    background-color: #ff5d10;
    clip-path: polygon(84% 10%, 170% 10%, 100% 100%, 0% 100%, 0 0, 83% 0);
    border-bottom: 0;
}

#content-products-page .product-item .product-type {
	position: absolute;
    top: 20px;
    left: 20px;
    background: #131313;
    padding: 5px 15px 5px 15px;
    font-size: 14px;
    font-weight: 200;
    color: #fff;
}

#content-products-page .product-item .product-engine {
	position: absolute;
    top: -80px;
    opacity: 0;
    left: 10px;
    background: #ff5d10;
    padding: 5px 10px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#content-products-page .product-item:hover .product-engine {
	top: 10px;
	opacity: 1;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#content-products-page .product-item .product-description .product-name {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
    letter-spacing: 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#content-products-page .portfolio-filter .button {
    font-size: 14px;
    text-transform: none;
    background: transparent;
    text-shadow: none;
    border: 1px solid #ff5d10;
    color: #ff5d10;
    margin: 0 3px 10px 0;
}

#content-products-page .portfolio-filter .is-checked {
    background: #ff5d10;
    border: 1px solid #ff5d10;
    color: #fff;
}

#content-products-page .portfolio-filter h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 10px;
}

#content-products-page .portfolio.portfolio-2 {
    margin: 0 -20px -20px 0;
    margin-left: -15px;
    margin-right: -15px;
}

#content-products-page .product-box {
	margin: 30px 0;
}

.isotope {
	overflow: hidden;
}

.isotope-filter {
    padding: 20px 10%;
    margin-bottom: 30px;
    text-align: center;
}

ul.filters {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.filters > li {
	display: inline-block;
	margin: 0 8px;
}
ul.filters > li:first-child {
	margin-left: 0;
}
ul.filters > li:last-child {
	margin-right: 0;
}
ul.filters > li > a {
    position: relative;
    display: block;
    padding: 10px 20px;
    margin-bottom: 20px;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff70;
    border: 1px solid #ff5d10;
}

ul.filters > li > a:hover {
	color: #fff;
	background: #ff5d10;
}

ul.filters > li > a.active {
    color: #ffffff;
    background: #ff5d10;
}

.isotope-items-wrap {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.isotope-item {
	float: left;
	width: 33.33333333%;
	height: auto;
	box-sizing: border-box;
	padding: 1.2%;
}

.box {
	padding-bottom: 65%; 
	background-color: #2671ca; 
	color: #fff;
}
.height-2 .box {
	padding-bottom: 130%;
}

.box-red { background-color: red; }
.box-green { background-color: green; }
.box-blue { background-color: blue; }
.box-purple { background-color: purple; }

.isotope-pager {
    padding: 30px 15px;
    text-align: center;
}
.isotope-pager .pager {
    display: inline-block;
    margin: 4px;
    padding: 2px 8px;
    height: 27px;
    width: 27px;
    text-decoration: none;
    color: #ffffff70;
    border: 1px solid #ff5d10;
    float: left;
}

.isotope-pager .pager:hover {
	background-color: #ff5d10;
	color: #fff;	
}

.isotope-pager .active {
	background-color: #ff5d10;
	color: #fff;
}

#content-products-page #no-results {
	display: none;
    text-align: center;
    padding: 100px 10px;
    font-size: 28px;
}

/*================================================================
-------------------- Content-Certificates---------------------------
==================================================================*/ 

.bg {
	background: url(images/bg-1.jpg) no-repeat #1a1a1a;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 100%;
}

.bg1 {
	background: url(images/bg-1.jpg) no-repeat #1a1a1a;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 30%;
}

.bg2 {
	background: #1a1a1a;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 0%;
}

.bg3 {
	background: url(images/bg-3.jpg) no-repeat #ff5d10;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0%;
}

.bg4 {
	background: rgb(255,93,16);
	background: -moz-linear-gradient(-90deg, rgba(208,74,0,1) 0%, rgba(251,102,2,1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(208,74,0,1) 0%, rgba(251,102,2,1) 100%);
	background: linear-gradient(-90deg, rgba(208,74,0,1) 0%, rgba(251,102,2,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5d10",endColorstr="#ff7d01",GradientType=1);
}

.bg5 {
	background: url(images/bg-4.jpg) no-repeat #2b2b2b;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 0%;
}

.bg6 {
	background: url(images/bg-5.jpg) no-repeat center center fixed #1a1a1a;
    background-size: contain;
    background-position: 100% 0%;
}

.bg6-1 {
	background: url(images/bg-5.jpg) no-repeat #1a1a1a;
    background-size: contain;
    background-position: 100% 0%;
}

.bg7 {
	background: url(images/bg-6.jpg) no-repeat #ff5d10;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 60% 0%;
}

.bg8 {
	background: url(images/bg-7.jpg) no-repeat #ff5d10;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 60% 0%;
}

.bg9 {
	background: url(images/bg-8.jpg) no-repeat #ff5d10;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 60% 0%;
}

/*================================================================
-------------------- Content-contact---------------------------
==================================================================*/ 
	
#content-contact-page, #content-form, #content-adress {
    position: relative;
    padding: 80px 0 80px;
}

#content-form .content-wrap {
    position: relative;
    padding: 80px 0;
}

#content-contact-page .content-wrap {
    padding: 80px 0 40px 0;
}

#content-contact-page .heading-block {
    margin-bottom: 100px;
}
	
#content-contact .content-wrap {	
	position: relative;
    padding: 70px 0;
}

#content-contact .pad-info {
	padding-left: 0 !important;
}

#content-contact .d-block {
	font-family: 'Barlow', sans-serif !important;
}

#content-form .contact-infos-box {
    padding: 80px 70px 90px 80px;
    border-bottom: 5px solid #ff5d10;
	background: #131313;
}

#content-form .adress-box {
    margin-right: 10px;
    padding-right: 20px;
    display: inline-grid;
    border-right: 1px solid #444;
}

#content-form .contact-side-box {
    display: inline-flex;
    margin-bottom: 40px;
	padding-right: 10px;
}

#content-form .etc-arrows {
    background: url(images/arrows.gif);
    height: 41px;
    width: 44px;
    background-repeat: no-repeat;
    position: absolute;
    left: 48.4%;
    top: 0%;
}

#content-form .contact-side-box .icon {
	display: inline-block;
    float: left;
    text-align: center;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    margin-right: 10px;
    border: 1px solid #ff5d10;
    color: #fff;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#content-form .contact-side-box:hover .icon {
	background: #ff5d10;
	border: 1px solid #ff5d10;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#content-form .contact-side-box .inner {
    display: inline-block;
    float: left;
    width: 75%;
	padding: 0px 10px 10px 10px;
}

#content-form .contact-side-box .inner h4 {
	margin-bottom: 5px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
	line-height: 22px;
}

.contact-box  {
    margin-top: 30px;
    border: 1px solid #f4f4f4;
    border-radius: 5px 20px;
    background: #fff;
	min-height: 230px;
	padding: 60px 40px 50px;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.contact-box:hover {
    border-color: #fff;
    background: #fff;
    -webkit-box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);
    box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.contact-box .icon {
	border: 1px solid #ebebeb;
    width: 70px;
    height: 70px;
    color: #134294;
    line-height: 75px;
    text-align: center;
    border-radius: 3px 15px;
    background: #fff;
    font-size: 28px;
    position: absolute;
    top: -40px;
    left: 30px;
	-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}

.contact-box:hover .icon {
    background: #134294;
    border-color: #134294;
    color: #fff;
	-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}

.contact-box .title {
	font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
	margin-bottom: 10px;
}

.contact-box .title:after {
    content: '';
    display: block;
    margin-top: 10px;
    width: 30px;
    border-top: 2px solid #ff5d10;
    border-radius: 3px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.contact-box a {
	color: #b2bdc5;
}

#content-form .col-form {
    padding-right: 50px;
}

#content-form .form-text {
	font-size: 26px;
    font-weight: 600;
    margin-top: 0;
    font-weight: 300;
    color: #ffffff;
}

#content-adress .team-rank {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #134294;
    display: table;
    margin-bottom: 50px;
    margin-top: 30px;
}

#content-adress .toggle .togglet {
    background-color: #ffffff;
	font-size: 14px;
    border: 1px solid #eee !important;
    border-radius: 3px 15px 0 0;
    padding: 10px 10px 10px 36px;
    margin-bottom: 0px;
	-webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

#content-adress .togglet i {
    position: absolute;
    top: 0;
    right: 0;
	left: unset;
    width: 14px;
    text-align: center;
    font-size: 14px;
    line-height: 44px;
}

#content-adress  .toggle .togglet i {
    right: 20px;
    line-height: 44px;
	padding: 10px 0px;
}

#content-adress .toggle .togglec {
    background: #fff;
    padding: 20px 40px;
    border-radius: 0 0 20px 5px;
    border: 1px solid #eee;
	border-top: 0;
}

#content-adress .toggle .togglec ul {
	margin-bottom: 0;
}

#content-adress .toggle .togglec ul li {
	list-style: none !important;
}

#content-adress .toggle .togglec .rank-title {
	font-size: 14px;
    font-weight: 700;
	margin-bottom: 10px;
}

#content-adress .toggle .togglec .rank-mail {
	background: #b2bdc5;
	border: 1px solid #b2bdc5;
    padding: 5px 10px;
    font-size: 16px;
    text-align: center;
    display: table;
	color: #fff;
    border-radius: 3px 6px;
    margin: 10px 0 0 0;
}

#content-adress .toggle .togglec .rank-mail i {
	margin: 0;
}

#content-adress .toggle .togglec .rank-title::before {
    content: "";
}

#content-adress .toggle .togglec i {
    margin-right: 10px;
}

#content-form .sm-form-control {
    font-family: 'Barlow', sans-serif !important;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 30px;
    font-size: 0.875rem;
    margin-bottom: 30px;
    color: #a0a0a0;
    resize: none;
    background-color: #ffffff;
    background-image: none;
    border-radius: 0 !important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}

#content-form .sm-form-control::placeholder {
  color: #b2bdc5;
}

#content-form .form-control.error, .sm-form-control.error {
    border-color: #ff5d10 !important;
	border-bottom: 3px solid #ff5d10 !important;
	border: 0;
	-webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}

#content-form .btn-yellow {
    top: 10px;
    float: right;
}

#map-picture::after {
    background-image: url(images/contact-layer.png);
    background-repeat: repeat-x;
    background-position: top center;
    height: 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    content: "";
    z-index: 2;
}

#map-picture .contact-shape {
	position: absolute;
    top: 0%;
    right: 0px;
    width: 32%;
    background: #1a1a1a;
    display: inline-block;
    padding: 7px 0;
    padding-left: 45px;
    z-index: 40;
}

#map-picture .contact-shape:before {
    content: '';
    width: 90px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 90%;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
    background: #ff5d10;
    z-index: 2;
}

.map-responsive{
	overflow: hidden;
    padding-bottom: 0;
    position: relative;
    height: 400px;
    line-height: 0;
    margin-bottom: 0;
}

.map-responsive iframe{
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

#map-picture .btn-yellow {
	position: absolute !important;
	right: 0;
	bottom: 0;
	z-index: 2;
}

#content-shortcuts {
	position: relative;
	padding: 20px 0 0 0;
}

#content-shortcuts .header-shape {
	top: 0%;
	width: 10%;
    background: #1a1a1a;
}

#content-shortcuts .contact-title {
	color: #1a1a1a;
    font-size: 34px;
    line-height: 38px;
    text-align: justify;
    margin-top: 60px;
    font-weight: 600;
    padding-right: 50px;
}

#content-shortcuts .header-shape::before {
    background: #1a1a1a;
}

#content-shortcuts .inverse-shape {
	left: 0%;
	right: unset !important;
}

#content-shortcuts .inverse-shape::before {
	left: 90%;
	-webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
}

#content-shortcuts .shortcut-box {
    position: relative;
    margin-bottom: 50px;
	display: block;
	transform: translateY(0px);
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
	-webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0);
}

#content-shortcuts .shortcut-box:hover {
	transform: translateY(-10px);
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
	-webkit-box-shadow: 0px 20px 25px 0 rgba(0,0,0,0.1);
    box-shadow: 0px 20px 25px 0 rgba(0,0,0,0.1);
}

#content-shortcuts .shortcut-box:before {
    content: '';
    height: 6px;
    width: 0px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #ff5d10;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    z-index: 1;
}

#content-shortcuts .shortcut-box:hover::before {
    width: 100%;
    height: 3px;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}

#content-shortcuts .shortcut-box .links-pics-box {
    position: relative;
    overflow: hidden;
    background: #ff5d10;
	clip-path: polygon(84% 5%, 100% 5%, 100% 100%, 0% 100%, 0 0, 82% 0);
}

#content-shortcuts .shortcut-box .links-pics {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: transform 1s;
}

#content-shortcuts .shortcut-box:hover .links-pics {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: transform 1s;
}

#content-shortcuts .shortcut-box .shortcut-desc{
	background: #1a1a1a;
    padding: 35px 30px;
}

#content-shortcuts .shortcut-box:hover .shortcut-desc {
    background: #ffff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#content-shortcuts .shortcut-desc h3 {
    margin-bottom: 10px;
    font-weight: 700;
    color: #ff5d10;
}

#content-shortcuts .shortcut-desc h3::before {
    content: '';
    display: inline-block;
    background-color: #ff5d10;
    height: 2px;
    width: 15px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 15px;
}

#content-shortcuts .shortcut-box .shortcut-desc p {
    margin: 0;
	color: #fff;
	text-align: justify;
}

#content-shortcuts .shortcut-box:hover .shortcut-desc p {
	color: #a0a0a0;
}

#content-shortcuts .btn-orange:hover {
	color: #fff;
}

#content-shortcuts .btn-orange:before {
	background: #1a1a1a;
}


/*================================================================
-------------------- Content-Footer---------------------------
==================================================================*/ 

#copyrights {
	padding: 20px 0 10px 0;
	border-top: 1px solid #ff7d01;
    background-color: #ff5d10;
    font-size: 12px;
    line-height: 16px;
}

#copyrights a {
	color: #fff;
}

#footer {
    position: relative;
	/*background: rgb(255,93,16);
	background: -moz-linear-gradient(-90deg, rgba(255,93,16,1) 0%, rgba(255,125,1,1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(255,93,16,1) 0%, rgba(255,125,1,1) 100%);
	background: linear-gradient(-90deg, rgba(255,93,16,1) 0%, rgba(255,125,1,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5d10",endColorstr="#ff7d01",GradientType=1);*/
	background: url(images/footer-bg.jpg);
	background-position: 0% 100%;
	background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
	margin-top: 0 !important;
}

#footer .footer-logo {
    display: block;
    margin-bottom: 30px;
    margin-right: 90px;
}

#footer .footer-widgets-wrap {
    position: relative;
	padding: 90px 0 40px 0;
}

#footer .footer-title {
    font-size: 18px;
    color: #1a1a1a;
    margin-bottom: 20px;
}

#footer .footer-title:after {
	content: '';
    display: block;
    margin-top: 10px;
    width: 30px;
    border-top: 2px solid #fff;
    border-radius: 2px;
}

/*================================================================
-------------------- Content-Services---------------------------
==================================================================*/ 

#content-services-page {
	position: relative;
    padding: 80px 0 0 0;
}

#content-services-page .content-wrap {
    padding: 80px 0 0 0;
}

#content-services-page-2 {
	position: relative;
    padding: 0 0 50px 0;
}

#content-services-page-2 .content-wrap {
	padding: 0 0 80px 0;
}

#content-services-page .heading-block {
    margin-bottom: 20px;
}

#content-services-page .contact-link {
	float: right;
	margin-bottom: 10px;
    font-weight: 500;
    display: table;
    background: #134294;
    padding: 10px 20px;
    color: #fff;
    font-size: 14px !important;
    border-radius: 2px 10px 2px 10px;
}	

.services-row {
	margin-bottom: 30px;
}

#content-services .service-responsive, #content-services-page .service-responsive {
	display: none;
}
	
#content-services .service-desktop, #content-services-page .service-desktop {
	display: block;
}

#content-services-page .service-box {
    margin-bottom: 80px;
}

#content-services-page .floating-box {
	-webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#content-services-page .floating-box:hover {
	transform: translateY(-10px);
	-webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#content-services-page .service-box .service-desc {
    padding: 30px 40px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0px 20px 25px 0 rgba(0,0,0,0.05);
    box-shadow: 0px 20px 25px 0 rgba(0,0,0,0.05);
}

#content-services-page #big-service .service-desc {
    padding: 0px 0px 0 20px;
    border-radius: 0 5px 5px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#content-services-page #big-service {
    margin-bottom: 0px;
}

#content-services-page .services-content-text {
	margin-bottom: 80px !important;
	padding-right: 200px;
}

#content-services-page .service-box img {
	margin-bottom: 0px;
}

#content-services-page .service-box h2, #content-services-page-2 .service-box h2 {
	color: #444;
    font-weight: 700;
	margin: 0 0 20px 0;
    font-size: 26px;
	text-transform: uppercase;
}

#content-services-page-2 .service-box .sub-title {
	margin-bottom: 10px;
    font-weight: 500;
    display: table;
    background: #fcbe00;
    padding: 6px 12px;
    color: #fff;
    font-size: 14px !important;
    border-radius: 2px 10px 2px 10px;
	background: linear-gradient(to right, #134294 50%, #b2bdc5 50%);
    background-size: 200% 100%;
    background-position: right bottom;
	-webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

#content-services-page-2 .service-box:hover .sub-title {
	background-position: left bottom;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

#content-services-page .service-box h2:after, #content-services-page-2 .service-box h2:after {
    content: '';
    display: block;
    margin-top: 10px;
    width: 30px;
    border-top: 2px solid #ff5d10;
    border-radius: 3px;
	-webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

#content-services-page .service-box:hover h2:after, #content-services-page-2 .service-box:hover h2:after {
    width: 70px;
	-webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

#content-services-page-2 hr {
    margin-bottom: 70px;
}

#content-services-links {
	padding: 30px 0;
}

#content-contact .heading-block {
    margin-bottom: 30px;
}

#content-contact .home-service-text {
    padding-right: 60px;
}

#content-contact .forklift-pic {
    position: absolute;
    top: -75%;
    right: 0%;
}

#content-services-links .heading-block-1 .heading-title {
	font-size: 36px !important;
    margin-bottom: 20px;
	letter-spacing: 0;
    line-height: 42px;
	font-weight: 700;
	text-transform: uppercase;
}

#content-services-links .heading-block-1 {
    margin-bottom: 50px;
}

.Shortcut-box {
	text-transform: uppercase;
	height: fit-content;
	margin-bottom: 50px;
    display: table;
    padding: 30px 40px;
	border-radius: 3px 25px 3px 25px;
	background: linear-gradient(to right, rgba(16,53,119,1) 0%, rgba(19,66,148,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background-size: 200% 100%;
    background-position: right bottom;
	-webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	-webkit-box-shadow: 0px 20px 25px 0 rgba(0,0,0,0.05);
    box-shadow: 0px 20px 25px 0 rgba(0,0,0,0.05);
}

.Shortcut-box:hover {
    background-position: left bottom;
	-webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	transform: translateY(-10px);
	-webkit-box-shadow: 0px 20px 25px 0 rgba(0,0,0,0.2);
    box-shadow: 0px 20px 25px 0 rgba(0,0,0,0.2);
}

.Shortcut-box h3 {
	color: #444;
    font-weight: 700;
    font-size: 22px;
	-webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}

.Shortcut-box h3:after {
    content: '';
    display: block;
    margin-top: 10px;
    width: 30px;
    border-top: 2px solid #ff5d10;
    border-radius: 3px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.Shortcut-box p {
	text-transform: none;
}

.Shortcut-box .bigger-title {
    font-size: 26px;
}

.Shortcut-box:hover h3 {
	color: #ffffff;
}

.Shortcut-box .blue-btn {
	-webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}

.Shortcut-box:hover .blue-btn {
	background: #fcbe00 !important;
	border-color: #fcbe00 !important;
	-webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

/*====================================================================
-------------------- Content-Services-Page ---------------------------
======================================================================*/ 

#content-services-page {
	position: relative;
    padding: 80px 0 0 0;
}

#content-services-page .heading-block {
    margin-bottom: 20px;
}

#content-services-page .service-box {
    margin-bottom: 80px;
}

#content-services-page .content-wrap {
    position: relative;
    padding: 100px 0;
}

#content-services-page .heading-block {
    margin-bottom: 80px;
}

#content-services-page .before-heading {
	color: #ff5d10;
}

#content-services-page .before-heading::before {
	background: #ff5d10;
}

#content-services-page .services-text {
    padding: 0 180px;
    margin-bottom: 50px;
    text-align: center !important;
}

#content-services-page .service-box .service-description {
	padding: 32px 0px 32px 0px;
}

#content-services-page .service-box .service-description h3 {
    color: #fff;
    margin-bottom: 20px;
	font-size: 36px;
}

#content-services-page .service-box .service-description p {
	margin-bottom: 15px;
	font-size: 16px;
	color: #d6d6d6;
	position: relative;
    z-index: 1;
}

#content-services-page .service-box .service-title i {
	float: left;
    padding: 8px 14px;
    margin-right: 13px;
    margin-top: 10px;
    font-size: 18px;
    border: 1px solid #ff5d10;
    color: #ff5d10;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services-page .service-box:hover .service-title i {
	color: #fff;
	background: #ff5d10;
	border: 1px solid #ff5d10;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services-page .service-box .service-picture {
    position: relative;
	overflow: hidden;
	background: transparent;
}

#content-services-page .service-box .service-number {
	position: absolute;
    right: 80px;
    top: -40px;
    font-weight: 700;
    font-size: 180px;
    opacity: 1;
	color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #444;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services-page .service-box:hover .service-number {
    opacity: 1;
	color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ff5d10;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services-page .service-box .service-picture img {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
	clip-path: polygon(81% 5%, 170% 5%, 100% 100%, 0% 100%, 0 0, 79% 0);
    border-bottom: 8px solid #fff;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services-page .service-box:hover .service-picture img {
	border-color: #ff5d10;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

#content-services-page .service-box {
    position: relative;
	margin-bottom: 50px;
}

#content-services-page .service-box .service-picture {
	/*height: 274px;*/
	position: relative;
}

#content-services-page .service-box .service-picture .service-pic-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 275px;
    opacity: 1;
    z-index: 2;
    text-align: center;
    background: rgb(19,19,19);
    background: -moz-linear-gradient(180deg, rgba(19,19,19,0) 20%, rgba(19,19,19,1) 95%);
    background: -webkit-linear-gradient(180deg, rgba(19,19,19,0) 20%, rgba(19,19,19,1) 95%);
    background: linear-gradient(180deg, rgba(19,19,19,0) 20%, rgba(19,19,19,1) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a1a1a",endColorstr="#1a1a1a",GradientType=1);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#content-services-page .floating-box {
	-webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#content-services-page .service-box .service-desc {
    padding: 30px 40px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0px 20px 25px 0 rgba(0,0,0,0.05);
    box-shadow: 0px 20px 25px 0 rgba(0,0,0,0.05);
}

#content-services-page #big-service .service-desc {
    padding: 0px 0px 0 20px;
    border-radius: 0 5px 5px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#content-services-page #big-service {
    margin-bottom: 0px;
}

#content-services-page .services-content-text {
	margin-bottom: 80px !important;
	padding-right: 200px;
}

#content-services-page .service-box img {
	margin-bottom: 0px;
}

#content-services-page .service-box h2, #content-services-page-2 .service-box h2 {
	color: #444;
    font-weight: 700;
	margin: 0 0 20px 0;
    font-size: 26px;
	text-transform: uppercase;
}

#content-services-page-2 .service-box .sub-title {
	margin-bottom: 10px;
    font-weight: 500;
    display: table;
    background: #fcbe00;
    padding: 6px 12px;
    color: #fff;
    font-size: 14px !important;
    border-radius: 2px 10px 2px 10px;
	background: linear-gradient(to right, #134294 50%, #b2bdc5 50%);
    background-size: 200% 100%;
    background-position: right bottom;
	-webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

#content-services-page-2 .service-box:hover .sub-title {
	background-position: left bottom;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

#content-services-page .service-box h2:after, #content-services-page-2 .service-box h2:after {
    content: '';
    display: block;
    margin-top: 10px;
    width: 30px;
    border-top: 2px solid #ff5d10;
    border-radius: 3px;
	-webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

#content-services-page .service-box:hover h2:after, #content-services-page-2 .service-box:hover h2:after {
    width: 70px;
	-webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

#content-services-page-2 hr {
    margin-bottom: 70px;
}

#content-services-links {
	padding: 30px 0;
}

#content-contact .heading-block {
    margin-bottom: 30px;
}

#content-contact .home-service-text {
    padding-right: 60px;
}

#content-contact .forklift-pic {
    position: absolute;
    top: -75%;
    right: 0%;
}

#content-services-links .heading-block-1 .heading-title {
	font-size: 36px !important;
    margin-bottom: 20px;
	letter-spacing: 0;
    line-height: 42px;
	font-weight: 700;
	text-transform: uppercase;
}

#content-services-links .heading-block-1 {
    margin-bottom: 50px;
}

.Shortcut-box {
	text-transform: uppercase;
	height: fit-content;
	margin-bottom: 50px;
    display: table;
    padding: 30px 40px;
	border-radius: 3px 25px 3px 25px;
	background: linear-gradient(to right, rgba(16,53,119,1) 0%, rgba(19,66,148,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background-size: 200% 100%;
    background-position: right bottom;
	-webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	-webkit-box-shadow: 0px 20px 25px 0 rgba(0,0,0,0.05);
    box-shadow: 0px 20px 25px 0 rgba(0,0,0,0.05);
}

.Shortcut-box:hover {
    background-position: left bottom;
	-webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	transform: translateY(-10px);
	-webkit-box-shadow: 0px 20px 25px 0 rgba(0,0,0,0.2);
    box-shadow: 0px 20px 25px 0 rgba(0,0,0,0.2);
}

.Shortcut-box h3 {
	color: #444;
    font-weight: 700;
    font-size: 22px;
	-webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}

.Shortcut-box h3:after {
    content: '';
    display: block;
    margin-top: 10px;
    width: 30px;
    border-top: 2px solid #ff5d10;
    border-radius: 3px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.Shortcut-box p {
	text-transform: none;
}

.Shortcut-box .bigger-title {
    font-size: 26px;
}

.Shortcut-box:hover h3 {
	color: #ffffff;
}

.Shortcut-box .blue-btn {
	-webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}

.Shortcut-box:hover .blue-btn {
	background: #fcbe00 !important;
	border-color: #fcbe00 !important;
	-webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

#content-support {
    position: relative;
    padding: 50px 0;
}

#content-support .heading-block {
	margin-bottom: 30px;
}

#content-support .side-tabs ul.tab-nav {
    float: left;
    width: 400px;
    padding: 20px 0px;
    border-bottom: 0;
}

#content-support .side-tabs ul.tab-nav li a {
    height: auto;
	font-weight: 400;
    line-height: 20px;
	padding: 15px 30px;
	border-radius: 0;
}

#content-support .side-tabs ul.tab-nav.tab-nav2 li a {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0);
}

#content-support ul.tab-nav.tab-nav2 li.ui-state-active a {
    top: 0;
    background-color: #1a1a1a;
    color: #FFF;
}

#content-support .accordion.accordion-bg .acctitle, .accordion.accordion-bg .acctitlec {
	background-color: #1a1a1a;
    color: #fff;
    font-weight: 400;
    line-height: 20px;
    padding: 15px 15px 15px 45px;
    margin-bottom: 5px;
    border-top: 0;
}

#content-support .accordion.accordion-bg .acc_content {
    padding: 30px 35px;
	background: #fff;
	margin-bottom: 5px;
}

#content-support .accordion.accordion-bg .acc_content p {
	color: #a0a0a0;
    margin-bottom: 15px;
    font-weight: 400;
}

#content-support .accordion.accordion-bg .acc_content ul {
    list-style-position: inside;
	color: #a0a0a0;
	margin-bottom: 5px;
	font-weight: 400;
}

/*================================================================
-------------------- Content-Products---------------------------
==================================================================*/ 

#content-products {
	position: relative;
    padding: 50px 0 110px;
}

#content-products .heading-block {
    margin-bottom: 20px;
}

#content-products .projects-box {
	/*background: url(images/projects-bg.jpg) #ff5d10;
	background: linear-gradient(
    to right,
		#ff5d10 0%,
		#ff5d10 90%,
		#ffffff 90%,
		#ffffff 100%
	);
    background-size: cover;
    padding: 100px 50px 0px 50px;*/
	padding: 0 0;
}

#content-products .before-heading, 
#content-products-page .before-heading {
    color: #ff5d10;
}

#content-products .before-heading::before, 
#content-products-page .before-heading::before {
    background: #ff5d10;
}

#content-products .home-text {
	padding-right: 80px;
}

#content-products .product-pattern {
    background: url('images/map-pattern.png');
	background-size: contain;
    display: block;
    height: 250px;
    width: 250px;
    position: absolute;
    left: -40px;
	top: -5px;
}

#products-carousel {
	margin-top: 45px;
}

#content-products .projects-list {
	padding: 40px 0;
}

.portfolio-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    text-align: center;
	background: rgb(19,19,19);
	background: -moz-linear-gradient(180deg, rgba(19,19,19,0) 0%, rgba(19,19,19,0.6) 100%);
	background: -webkit-linear-gradient(180deg, rgba(19,19,19,0) 0%, rgba(19,19,19,0.6) 100%);
	background: linear-gradient(180deg, rgba(19,19,19,0) 0%, rgba(19,19,19,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a1a1a",endColorstr="#1a1a1a",GradientType=1);
	-webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#content-products .owl-carousel .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    line-height: 1;
    position: absolute;
    left: -52%;
    bottom: 6%;
    width: 38%;
    height: 50px;
    top: unset;
}

#content-products .owl-carousel-full .owl-nav [class*=owl-] {
    left: 0;
    height: 40px;
    width: 40px;
    line-height: unset;
    border: none;
    color: #fff;
    background-color: #ff5d10;
    font-size: 16px;
    border-radius: 0;
    opacity: 1;
}

#content-products .owl-carousel-full .owl-prev {
	left: 0 !important;
}

#content-products .owl-carousel-full .owl-next {
	left: 17% !important;
}

#content-products .owl-carousel .owl-dots, .owl-carousel .owl-nav {
    text-align: right;
    -webkit-tap-highlight-color: transparent;
    line-height: 1;
    position: absolute;
	top: -20%;
	right: 0;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.owl-carousel-full .owl-nav [class*=owl-]:hover {
    color: #ff5d10 !important;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: #fff !important;
    color: #ff5d10 !important;
    text-decoration: none;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#content-products .owl-carousel .owl-dots .owl-dot {
    background-color: #ff5d10;
}

#content-products .portfolio-notitle .portfolio-desc {
    position: absolute;
    display: block !important;
    width: 100%;
    height: 55px;
    padding: 12px 30px;
    top: auto;
    bottom: -79px;
    left: 0;
    background-color: #ff5d10;
	clip-path: polygon(81% 20%, 170% 20%, 100% 100%, 0% 100%, 0 0, 79% 0);
    border-bottom: 0;
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
}

.portfolio-notitle .portfolio-item:hover .portfolio-desc, .portfolio-notitle .iportfolio:hover .portfolio-desc {
    bottom: 0 !important;
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-image img {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-sm):not(.device-xs) .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-sm):not(.device-xs) .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .iportfolio:hover .portfolio-image img {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
}

#content-products .portfolio-desc h3 {
    margin: 0;
    padding: 0;
    font-size: 20px;
}

.portfolio-desc h3 a {
    color: #fff;
	font-weight: 600;
}

.portfolio-desc h3 a:hover {
    color: #fff;
}

#content-products .owl-carousel .owl-dots .owl-dot, 
#content-about-types-page .owl-carousel .owl-dots .owl-dot {
    width: 20px;
    height: 5px;
    border-radius: 0 !important;
    transition: all .3s ease-out;
    opacity: .3;
    background: transparent !important;
}

#content-products .owl-carousel .owl-dots .owl-dot,
#content-about-types-page .owl-carousel .owl-dots .owl-dot {
    background-color: #ff5d10;
    border: 1px solid #ff5d10;
}

#content-products .owl-carousel .owl-dots .owl-dot.active {
    width: 45px;
    background: #ff5d10 !important;
	opacity: 1;
}

#content-about-types-page .owl-carousel .owl-dots .owl-dot {
    background-color: #fff;
    border: 1px solid #fff;
}

#content-about-types-page .owl-carousel .owl-dots .owl-dot.active {
    width: 45px;
    background: #fff !important;
	opacity: 1;
}

#content-products #integration-carousel {
	margin-top: 40px;
}

#content-products #products-carousel ul {
	list-style: none;
	text-align: left;
}

#content-products #products-carousel .projects-tag {
	background: #134294;
    display: block;
    text-align: center;
    position: relative;
    margin: 10px 160px;
    border-radius: 3px;
	padding: 5px;
    color: #fff;
}

/*================================================================
-------------------- Content-Product-Details ---------------------
==================================================================*/
#content-product-detail-page {
    position: relative;
    padding: 80px 0 10px 0;
}

#content-product-detail-page .heading-block {
    margin-bottom: 20px;
}

#content-product-detail-page .mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 70px;
    height: 70px;
    -webkit-tap-highlight-color: transparent;
}

#content-product-detail-page .swiper-container {
	width: 100%;
	height: 350px;
	margin-left: auto;
	margin-right: auto;
}

#content-product-detail-page .swiper-slide {
	background-size: cover;
	background-position: center;
}

#content-product-detail-page .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

#content-product-detail-page .gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.4;
}

#content-product-detail-page .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

#content-product-detail-page .flex-viewport {
	height: 340px;
	max-height: 340px;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

button.mfp-close {
    background: #ff5d10 !important;
	opacity: 1;
	-webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

#content-product-detail-page .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0;
}

.mfp-arrow-right:before, .mfp-arrow-left:before {
    border-left: 0 !important;
	border-right: 0 !important;
}

#content-product-detail-page .product-basics {
	margin-bottom: 15px;
}

#content-product-detail-page .product-description-box .line, #content-product-detail-page .product-description-box .double-line {
    clear: both;
    position: relative;
    width: 100%;
    margin: 20px 0 20px;
    border-top: 1px solid #444;
}

#content-product-detail-page .product-feature-box {
    background: transparent;
    padding: 30px 20px;
    border: 1px solid #ff5d10;
	margin-bottom: 10px;
	-webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#content-product-detail-page .product-feature-box p {
	display: table;
}

#content-product-detail-page .product-feature-box i {
    float: left;
    padding: 5px 20px 5px 0px;
    position: relative;
    left: -80px;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

#content-product-detail-page .product-feature-box .caret-bordered {
    position: absolute;
    left: 36px !important;
    opacity: 1 !important;
    color: transparent;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #fff;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

#content-product-detail-page .product-feature-box:hover {
	color: #fff;
	background: #ff5d10;
	border: 1px solid #ff5d10;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#content-product-detail-page .product-feature-box:hover i {
    opacity: 100;
    left: 0px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

#content-product-detail-page .product-country {
    height: 80px;
    width: 80px;
    float: right;
	border: 1px solid #fff;
}

#content-product-detail-page .product-description-box {
	padding-left: 40px;
}

#content-product-detail-page .product-description-box .product-type {
    background: #ff5d10;
	color: #fff;
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
	margin-bottom: 10px;
}

#content-product-detail-page .product-description-box .product-engine {
    background: #ffffff;
    color: #1a1a1a;
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

#content-product-detail-page .product-description-box .product-name {
    font-size: 46px;
    color: #fff;
    letter-spacing: 1px;
	font-weight: 700;
}

#content-product-detail-page .product-description-box .product-origin {
    font-weight: 200;
}

#content-product-detail-page .product-description-box .product-origin a {
    font-weight: 500;
}

#content-product-detail-page .features-title {
	font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 500;
}

#content-product-detail-page .technical-details {
    margin-top: 50px;
}

#content-product-detail-page .technical-details h3 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
    background: #ff5d10;
    padding: 10px 20px;
}

#content-product-detail-page .technical-details h3 i {
    padding-right: 10px;
    font-size: 12px;
}

#content-product-detail-page .table {
    width: 100%;
	display: inline-table;
    color: #d6d6d6;
}

.table-bordered th, .table-bordered td {
	background: #1a1a1a;
    border-color: #1a1a1a;
    border-bottom: 1px solid #222;
	border-right: 1px solid #222;
    color: #fff;
}

.table-bordered th:first-letter, .table-bordered td:first-letter {
	text-transform: capitalize;
}

#content-product-detail-page .table .cell-bgcolor1 {
	background: #222;
    border-color: #222;
	border-bottom: 1px solid #ff5d10;
	font-weight: 200;
}

#content-product-detail-page .table .cell-bgcolor1:first-letter {
	text-transform: capitalize;
}

#content-product-detail-page .table .cell-bgcolor2 {
	background: #1a1a1a;
    border-color: #1a1a1a;
    border-bottom: 1px solid #222;
    color: #fff;
}

/*================================================================
-------------------- Content-footer ------------------------------
==================================================================*/ 

#footer .footer-icon {
	float: left;
    height: 25%;
	margin-right: 10px;
}

#footer .timetable .footer-icon {
    height: 60% !important;
}

#footer .h50 {
    height: 50%;
}

#footer .footer-icon i{
	width: 28px;
    color: #134294;
    padding: 0px 7px;
    text-align: right;
}

#footer .contact-home-box {
	padding-right: 50px;
}

#footer .contact-title {
	color: #fff;
    padding: 0px 0px 5px;
    margin-bottom: 0px;
    display: table;
    font-weight: 600;
    margin-bottom: 5px;
	font-size: 16px;
}

#footer .contact-title::before {
	content: '';
    display: inline-block;
    background-color: #1a1a1a;
    height: 2px;
    width: 15px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 10px;
}

#footer .contact-title i {
    padding: 0px 10px 0 0;
    vertical-align: middle;
}

#footer .contact-info {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
	margin-bottom: 20px;
    text-align: justify;	
}

#footer .contact-info .social-box {
	background: transparent;
    border: 2px solid #fff;
    padding: 5px 8px;
    text-align: center;
    width: 38px;
    margin-right: 5px;
    font-size: 16px;
    display: inline-block;
}

#footer .contact-info .social-box:hover {
    background: #fff;
	color: #ff5d10;
}

#footer .contact-info a {
    color: #fff;
}

#footer .social-icons {
    list-style: none;
    text-align: left;
    padding-left: 0;
    margin-bottom: 0;
}

#footer .social-icons li {
    margin-bottom: 1.4rem;
    display: inline-block;
    margin-right: 1rem;
}

#footer .social-icons a {
    text-decoration: none;
    font-size: 18px;
    line-height: 45px;
    color: #ffffff;
    width: 45px;
    height: 45px;
    display: block;
    background: #134294;
    text-align: center;
    border-radius: 4px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#footer .social-icons a:hover {
    background-color: #ff5d10;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#footer p, #footer span {
	color: #fff;
	font-family: 'Barlow', sans-serif !important;
}

#footer .form-widget {
	position: relative;
	z-index: 2;
	background: #fff;
	-webkit-box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.05);
    box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.05)
}

#footer .form-widget .inner-form {
    padding: 70px 50px;
}

.creator {
	float: right;
}

.si-yellow:hover {
	background-color: #fcbe00;
	border-color: #fcbe00;
	color: #fff;
}

.services-text {
	padding: 40px 0;
}

#content-about::before, #content-services::after {
    background-image: none;
	display: none;
}

#content-about ul {
	font-size: 14px;
	font-family: 'Barlow', sans-serif !important;
	list-style: none;
}

.swiper_wrapper {
    height: 650px;
}

.slider-arrows {
    width: 100px;
    position: absolute;
    display: block;
    float: right;
    right: 15px;
    height: 100px;
    top: 50%;
}

#slider .header-shape {
	position: absolute;
    top: 70%;
    left: 0;
    width: 25%;
    background: #1a1a1a;
    display: inline-block;
    padding: 17px 0;
    padding-left: 45px;
    z-index: 9999;
}

#slider .header-shape:before {
    content: '';
    width: 90px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 90%;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
    background: #1a1a1a;
    z-index: 2;
}

.swiper_wrapper .swiper-slide {
    position: relative;
    margin: 0;
    background-position: 100% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

#header.transparent-header + #slider, #header.transparent-header + #page-title.page-title-parallax, #header.transparent-header + #google-map, #slider + #header.transparent-header {
    top: 0;
    margin-bottom: 0;
}

#slider .swiper-container {
	z-index: 0;
}

.slider-caption:not(.dark), .slider-caption:not(.dark) h2 {
    color: #fff;
    text-shadow: none;
}

#content-advantage {
    z-index: 1;	
}

#top-bar {
    position: relative;
    background-color: #ff5d10;
    height: 45px;
    line-height: 44px;
    font-size: 12px;
}

.top-links ul li:first-child, .top-links ul ul li {
    border-left: 0 !important;
}

.before-heading {
    font-size: 12px;
    font-style: normal;
    color: #fff;
    border-radius: 2px;
    font-weight: 500;
    font-family: 'Barlow', sans-serif;
    text-transform: Uppercase;
    position: relative;
}

.before-heading::before {
    content: '';
    display: inline-block;
	background-color: #fff;
    height: 2px;
	width: 20px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 1rem;
}

.heading-block .before-heading {
    margin-bottom: 10px !important;
}

.blue-before {
	background-color: rgba(12, 51, 86, 0.2) !important;
    color: #0f3c62 !important;
}

.white-before {
	background-color: rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
}

.buttonblueslider{
	display: inline-block;
	position: relative;
	color: #fff;
    font-size: 16px;
    line-height: 27px;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    background: #134294;
    border: 2px solid #134294;
    padding: 13px 30px;
    cursor: pointer;
	border-radius: 3px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;	
}

.buttonblueslider:hover {
    color: #fff;
    background: transparent;
    border: 2px solid #fff;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.advantages-box {
	margin-top: -175px !important;
    margin-right: -15px !important;
    margin-bottom: 35px !important;
    margin-left: -15px !important;
}

.advantages-box .card{
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 3px 35px !important;
	padding: 30px 50px;
	-webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	transform: translateY(0px);
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.advantages-box .card:hover {
    transform: translateY(-10px) !important;
	border: 1px solid #134294;
    -webkit-box-shadow: 0px 20px 25px 0 rgba(0,0,0,0.05);
    box-shadow: 0px 20px 25px 0 rgba(0,0,0,0.05);
	-webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.advantages-box .card h3 {
	font-family: 'Barlow', sans-serif !important;
    font-size: 20px;
    color: #444;
    line-height: 22px;
    text-align: left;
    font-weight: 700;
    font-style: normal;
	margin-top: 25px !important;
    margin-bottom: 20px !important;
}

#content-services .advantage-title:after {
	content: '';
    display: block;
    margin-top: 10px;
    width: 30px;
    border-top: 2px solid #ff5d10;
    border-radius: 3px;
}

#content-services .advantage-text {
    font-size: 14px;
	font-weight: 400;
}

#homepage .accreditation-bg {
    background-position: 0% 50% !important;
}

#homepage #header .header-shape {
	top: 104%;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
    box-shadow: 0 0 25px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,.1);
}

.alignnone {
    margin: 10px 0;
}

#price-carousel .owl-stage {
	display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.card {
    border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.projects-box-list {
	border-radius: 0;
}

.owl-carousel .owl-stage {
    padding: 0;
    margin-bottom: 20px;
}

.projects-box-list .card-body { padding: 20px 30px !important; }

.projects-box-list .project-pic {
    position: relative;
    overflow: hidden;
}

.projects-box-list .project-pic img {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
	-webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: transform 1s;
}

.projects-box-list:hover .project-pic img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
	-webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: transform 1s;
}

.projects-box-list .price-title small {
	position: relative;
	font-size: 16px;
	color: #AAA;
	top: -4px;
	margin-left: 6px;
}

.projects-box-list .list-group-item:first-child,
.projects-box-list .list-group-item:last-child { border-bottom: 0; }

.owl-nav .owl-prev, .owl-nav .owl-next, .owl-dot, .owl-dots button {
    cursor: pointer;
    cursor: hand;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-dots, .owl-carousel .owl-nav {
    text-align: center;
	-webkit-tap-highlight-color: transparent;
    line-height: 1;
}

.owl-carousel .owl-dots .owl-dot.active {
    width: 45px;
}

.owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot:hover {
    opacity: 1;
}

.owl-carousel .owl-dots .owl-dot {
    width: 20px;
    height: 5px;
    border-radius: 4px;
    transition: all .3s ease-out;
    opacity: .3;
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    width: 8px;
    height: 8px;
    margin: 30px 0 0 4px;
    opacity: 0.5;
    border-radius: 50%;
    background-color: #ff5d10;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.slider-caption, .flex-caption {
    position: absolute;
    top: 110px;
    left: 15px;
    z-index: 20;
    max-width: 635px;
    color: #EEE;
    font-size: 1.375rem;
    font-weight: 300;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    -webkit-transition: top .3s ease;
    -o-transition: top .3s ease;
    transition: top .3s ease;
}

.slider-caption .title-box {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.slider-caption .title-text {
    font-size: 52px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 56px;
}

.slider-caption .subtitle {
    font-size: 34px;
    font-weight: 300;
    background: rgba(0, 0, 0, 0.6);
    padding: 0px 22px 10px 20px;
    display: table;
	margin-bottom: 10px;
}

.slider-caption p {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    background: rgba(19, 19, 19, 0.9);
    padding: 20px;
    width: 500px;
	max-width: 500px;
    text-align: justify;
    border-radius: 0;
}

.btn-orange {
	display: inline-block;
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
	text-transform: none;
    background: #ff5d10;
	border: 0;
    padding: 15px 25px;
    cursor: pointer;
	-webkit-transform: translateY(0px);
	-webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.btn-white {
	background: #fff !important;
	color: #ff5d10;
}

.btn-orange .button-icon {
    margin-left: 20px;
}

.btn-orange .button-icon i {
    margin-left: 10px;
    margin-right: 0;
}

.btn-orange:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.btn-white:before {
	background: #1a1a1a !important;
}

.btn-orange:active:before, .btn-orange:focus:before, .btn-orange:hover:before {
	-webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.btn-orange:hover, .btn-orange:focus, .btn-orange:active {
	color: #ff5d10;
	-webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.btn-yellow {
	display: inline-block;
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
	text-transform: none;
    background: #ff5d10;
    border: 2px solid #ff5d10;
    padding: 12px 22px;
    cursor: pointer;
    border-radius: 3px 10px 3px 10px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(19,66,148, 0);
	box-shadow: 0px 8px 16px 0px rgba(19,66,148, 0);
	-webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
	-webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active {
	color: #fff;
	-webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
	-webkit-box-shadow: 0px 8px 16px 0px rgba(19,66,148, 0.2);
	box-shadow: 0px 8px 16px 0px rgba(19,66,148, 0.2);
	-webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.buttonblueslider {
	display: inline-block;
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
	text-transform: none;
    background: #ff5d10;
    border: 2px solid #ff5d10;
    padding: 12px 22px;
    cursor: pointer;
    border-radius: 3px 10px 3px 10px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.btn-colors-2 {
    color: #fff;
    background: #134294;
    border: 2px solid #134294;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(19,66,148, 0.2);
	box-shadow: 0px 8px 16px 0px rgba(19,66,148, 0.2);
	-webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.btn-colors-2:hover {
	-webkit-box-shadow: 0px 8px 16px 0px rgba(19,66,148, 0);
	box-shadow: 0px 8px 16px 0px rgba(19,66,148, 0);
	-webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.buttonblueslider:hover {
    color: #fff;
    background: #ff5d10;
    border: 2px solid #ff5d10;
	border-radius: 50px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

#slider-arrow-left, #slider-arrow-right, #slider-arrow-left2, #slider-arrow-right2, .swiper-button-prev, .swiper-button-next, .camera_prev, .camera_next, #slider .owl-prev, #slider .owl-next, .flex-prev, .flex-next, .nivo-prevNav, .nivo-nextNav, .slider-arrow-top-sm, .slider-arrow-bottom-sm {
    background-color: #1a1a1a;
    border: 2px solid #1a1a1a;
    border-radius: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding: 0;
	-webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.swiper-button-prev i, .swiper-button-next i {
    line-height: 18px;
    color: #fff;
    font-size: 18px;
    text-align: center;
	-webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

#slider-arrow-left, #slider-arrow-left2, .swiper-button-prev {
	right: 55px;
}

.swiper-button-prev:hover, .swiper-button-next:hover {
    background-color: #ff5d10 !important;
    border-color: #ff5d10 !important;
	-webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.button.button-border.button-fill:hover {
    background-color: #fff !important;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.about-pic {    
    padding: 50px 0px 0px 100px;
}		

/*================================================================
------------------------ Background-Style-------------------------
==================================================================*/ 

.title-bg-1 {
    background: url(images/title-bg-1.jpg) #ff5d10;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 0%;
}

.services-links-bg {
    background: url(images/services-links-bg.jpg) #ff5d10;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 80%;
}

.about-bg {
    background: url(images/about-bg.jpg) #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 0%;
}

.bgpattern {
    background: url(images/map-pattern-1.png) #fff;
    background-repeat: repeat;
    background-position: 0% 0%;
}

.bgpattern2 {
    background: url(images/map-pattern-2.png) #fff;
    background-repeat: repeat;
    background-position: 0% 0%;
}

.about-bg-page {
    background: url(images/about-bg-page.jpg) #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 100%;
}

.about-infos-bg {
    background: url(images/about-infos-bg.jpg) #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 0%;
}

.output-bg {
    background: url(images/output-bg.jpg) #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 0%;
}

.logo-bg {
    background: url(images/logo-bg.gif) #fcbe00;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 100%;
}

.logo-content-bg {
    background: url(images/logo-bg.jpg) #fcbe00;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 100%;
}

.services-bg {
	background: url(images/services-bg.jpg) #fff;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 20%;
}

.projects-bg {
	background: url(images/projects-bg.jpg) #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.services-bg {
    background: url(images/services-bg.jpg) #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 20%;
}

.contact-bg {
	background-color: #ffffff;
    background-image: url(images/contact-bg.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

/*.projects-background {
    background: url(images/projects-bg.jpg) #ff5d10 no-repeat;
    width: 1070px;
    height: 650px;
    position: absolute;
    top: 15%;
    left: 0%;
    background-size: cover;
	background-position: 0% 100%;
}*/

/*================================================================
------------------------ Sections-Style---------------------------
==================================================================*/ 

.counter {
    font-size: 42px;
    font-weight: 600;
    font-family: 'Barlow', sans-serif !important;
}

.card-img-overlay:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1a1a1a42;
}

.type-box:hover {
	-webkit-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.type-box .card-title {
	top: 220px;
	-webkit-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.type-box:hover .card-title {
	top: 20px;
	-webkit-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.type-box .card-title:after {
    content: '';
    display: block;
    width: 30px;
    border-top: 4px solid #134294;
    border-radius: 3px;
    text-align: center;
    margin: 5px 46%;
}

.type-box p {
	padding: 10px 40px;
    text-align: justify;
    color: #fff;
    position: relative;
    top: 20px;
	opacity: 0;
	font-size: 12px;
	-webkit-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.type-box:hover p {
	opacity: 100;
	-webkit-transition: all 2000ms ease;
	-o-transition: all 2000ms ease;
	transition: all 2000ms ease;
}

.type-box .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 1.25rem;
	border: 0;
	-webkit-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.type-box:hover .card-img-overlay {
	opacity: 1;
	-webkit-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.si-light {
    background-color: transparent;
    color: #fff !important;
    border: 2px solid #fff;
}

.feature-box.fbox-plain.fbox-dark .fbox-icon i, .feature-box.fbox-plain.fbox-dark .fbox-icon img {
    color: #ff5d10;
}

.feature-box .fbox-icon i, .feature-box .fbox-icon img {
    border-radius: 50%;
    background-color: #134294;
	box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.05);
	-webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.05);
}

.feature-box p {
    margin: 8px 0 0 0;
    color: #afb9c1;
}

#content-clients {
	/*background: url(images/cartographer.png) repeat #2b2b2b !important;*/
}

#content-clients .before-heading {
	color: #ff5d10;
}

#content-clients .before-heading::before {
	background: #ff5d10;
}

#content-clients .content-wrap {
    position: relative;
    padding: 80px 0 70px 0;
}

#content-clients .heading-block {
	margin-bottom: 40px;
}

#content-clients .card:after {
	height: 8px;
	background: red;
}

#content-clients .card-box {
    margin-bottom: 40px;
}

#content-clients .card {
	position: relative;
    transform: translateY(0px);
    border: 0;
    padding: 10px 20px;
    box-shadow: 2px 2px 20px rgba(0,0,0,0.05);
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#content-clients .client-card {
	position: relative;
    transform: translateY(0px);
    border: 0;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

#content-clients .client-card:hover {
	position: relative;
    transform: translateY(-5px);
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

#content-clients .client-card:before {
    content: '';
    height: 6px;
    width: 0px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #ff5d10;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
	z-index: 1;
}

#content-clients .client-card:hover::before {
    width: 100%;
    height: 3px;
	-webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}

#content-clients .underline {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
}

.card-box:after {
	display:block;
	content: '';
	border-bottom: solid 6px #134294;  
	transform: scaleX(0);  
	transition: transform 0.4s ease-in-out;
}

.fromLeft:after{ 
	transform-origin: 0% 100%; 
	-webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.fromLeft:hover:after{ 
	transform: scaleX(1) translateY(-10px); 	
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#content-clients .card:hover {
    position: relative;
    transform: translateY(-10px);
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#locations-carousel .card {
    opacity: 0;
    position: absolute;
    right: 40px;
    bottom: 70px;
    padding: 20px 30px;
    width: 100%;
    max-width: 320px;
    border: 0;
    border-radius: 4px;
    transform: translateY(20px);
    transition: all .4s .1s ease-out;
}

.footer-map {
	margin-bottom: 60px;
    height: 200px;
    border-radius: 8px;
    width: 480px;
	box-shadow: 2px 2px 20px rgba(0,0,0,0.05);
}

.map-container {
	position: relative;
	width: 100%;
	max-width: 480px;
}

.map-container a{
    position: absolute;
    top: 66%;
    right: -2%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #134294;
    color: white;
    font-size: 14px;
    padding: 9px 12px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
	font-weight: 600;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.map-container a:hover{
    background-color: #ff5d10;
    color: white;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.contact-infos .abbr {
	font-size: 14px;
	font-weight: 600;
	color: #ff5d10;
	margin-bottom: 5px;
}

.contact-infos .abbr i {
    margin-right: 10px;
    font-size: 19px;
    vertical-align: middle;
	color: #134294;
}

.sm-form-control {    
	font-family: 'Barlow', sans-serif !important;
    display: block;
    width: 100%;
	height: 50px;
    line-height: 30px;
    font-size: 0.875rem;
	margin-bottom: 30px;
    color: #555555;
	resize: none;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #eaeaea;
    border-radius: 2px !important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}

.button.button-xlarge {
    padding: 0px 25px;
    font-size: 14px;
    letter-spacing: 2px;
    height: 44px;
    line-height: 52px;
}

.button.button-border {
	background-color: #134294;
    color: #FFF;
    border: 2px solid #134294 !important;
    line-height: 36px;
    font-weight: 700;
    text-shadow: none;
}

.button.button-border.button-xlarge {
    line-height: 42px;
}

.button.button-border:not(.button-fill):hover {
    background-color: #134294;
    color: #FFF;
    border-color: transparent !important;
    text-shadow: none !important;
}

input {
	height: 45px !important;
}

textarea {
	height: 150px !important;
}

.rounded {
	border-radius: 5px !important;
}	

#content-projects .card { 
	border-radius: 8px 8px 0 0;
	border-left: 0;
    border-bottom: 6px solid #ff5d10;
    border-right: 0;
    border-top: 0;
    position: relative;
    display: block;
    text-align: center;
	overflow: hidden;
	-webkit-box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.08);
    box-shadow: 10px 5px 10px 0 rgba(0,0,0,0.08);
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#content-certifs .card, #content-accreditation-2 .card { 
	overflow: unset !important;
}

.card-img-top {
	border-top-left-radius: calc(8px - 1px);
    border-top-right-radius: calc(8px - 1px);
}

.projects-box-list .place {
    position: absolute;
    padding: 8px 15px;
    display: table;
    z-index: 1;
    background: #134294;
    border-radius: 15px 0 0 0;
    color: #fff;
    bottom: 0;
    right: 0;
    font-size: 12px;
}

.projects-box-list .project-link {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 45px;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid #eee;
    color: #086AD8;
}

.projects-box-list .project-link a {
	color: #134294;
	-webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.projects-box-list .project-link a i {
    vertical-align: middle;
	padding-left: 10px;
}

.projects-box-list:hover .project-link a {
    color: #fff;
	-webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.projects-box-list .project-link::before {
    background-color: #134294;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: -1;
}

.projects-box-list:hover .project-link::before {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

#price-carousel .owl-stage {
	display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.projects-box-list .card-body { 
	padding: 30px 40px !important;
	position: relative;
	overflow: hidden;
}

.expandable .expand-bar {
	border-radius: 0 0 3px 3px;
    font-size: 12px !important;
    text-transform: normal !important;
    line-height: 40px !important;
    height: 40px !important;
}

.expandable .expand-bar span {
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.expandable .expand-bar:hover span {
	color: #134294 !important;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.projects-box-list .card-body .card-body-text {
	font-size: 14px;
	text-align: justify;
	margin-bottom: 0px;
}

.projects-box-list .card-body p { 
    font-size: 12px;
}

.projects-box-list .price-title {
	font-size: 48px;
	font-weight: 600;
	color: #267DF4;
	color: var(--themecolor);
}

.projects-box-list .price-title small {
	position: relative;
	font-size: 16px;
	color: #AAA;
	top: -4px;
	margin-left: 6px;
}

.projects-box-list .list-group-item:first-child,
.projects-box-list .list-group-item:last-child { border-bottom: 0; }

.card-img-overlay * { position: relative; }

.owl-carousel .owl-dots .owl-dot {
	width: 20px;
    height: 5px;
    border-radius: 4px;
    transition: all .3s ease-out;
    opacity: .3;
}

.owl-carousel .owl-dots .owl-dot.active { width: 45px; }

#price-carousel .owl-item {
	opacity: 0;
	transform: translateY(20px);
	transition: all .4s .1s ease-out;
}

#price-carousel .owl-item.active {
	opacity: 1;
	transform: translateY(0);
}

#image-carousel { overflow: visible; }

#image-carousel .carousel-column {
	display: flex;
	flex-direction: column;
	flex: 1 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
#image-carousel .column-1 { padding-right: 12px; }
#image-carousel .column-2 { padding-left: 12px; }

#image-carousel .carousel-column-container {
	display: flex;
	flex-direction: row;
}

#image-carousel .carousel-grid-item {
	display: flex;
	flex: 1;
	margin: 0;
	padding: 0;
}

#image-carousel .carousel-grid-item .item {
	flex: 1;
	position: relative;
	width: 100%;
	min-height: 150px;
	margin-bottom: 24px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 5px;
	transition: all .2s ease-out;
}

.button:hover,
#top-account:hover a,
#image-carousel .carousel-grid-item:hover a.item {
	transform: translateY(-3px);
	opacity: .95;
}

#image-carousel .carousel-grid-item .item blockquote { z-index: 1; }

.img-overlay:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background-color: rgba(38, 125, 244, 0.8);
	background-color: rgba(var(--themecolorrgba), 0.8);
}

.testimonials .container:before,
.testimonials .container:after {
	content: "\e7ad";
	font-family: 'font-icons';
	position: absolute;
	top: -38px;
	left: 20px;
	font-size: 80px;
	color: rgba(38, 125, 244, 0.2);
	color: rgba(var(--themecolorrgba), 0.2);
}

.testimonials .container:after {
	content: "\e7ae";
	top: auto;
	left: auto;
	right: 20px;
	bottom: -45px;
}

.testimonials .testi-content p {
	font-style: normal;
	color: #000;
}

.mfp-iframe-holder .mfp-close,
.testi-stars i {
	background-color: #267DF4;
	background-color: var(--themecolor);
	font-size: 14px;
	color: #FFF;
	padding: 1px 5px;
	border-radius: 2px;
}

.fbox-title {
	color: #293A4C !important;
}

.feature-box.fbox-plain.fbox-small {
	padding-left: 50px;
	margin-bottom: 40px;
}

.feature-box .fbox-icon { top: 3px; }

.feature-box.fbox-plain.fbox-small h3 {
	text-transform: none;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 0;
}

#top-account a,
.masonry-thumbs a img,
.button { transition: all .2s ease-out; }

.feature-box.fbox-plain.fbox-small p { margin-left: 0; }

.play-video i {
	position: absolute;
	padding-left: 5px;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	line-height: 81px;
	border-radius: 50%;
	z-index: 1;
	background-color: #267DF4;
	background-color: var(--themecolor);
	text-align: center;
	font-size: 24px;
	color: #FFF;
	margin-top: -40px;
	margin-left: -40px;
	transition: transform .3s ease-out;
	-webkit-backface-visibility: hidden;
}

.play-video:hover i {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.mfp-container { position: fixed; }
.mfp-iframe-holder .mfp-close {
	width: 40px;
	text-align: center;
	font-size: 24px;
	top: -20px;
	right: -20px;
}
.mfp-iframe-holder { padding: 20px; }
.mfp-iframe-holder .mfp-content {
	max-width: 100%;
	height: 100%;
}

#locations-carousel .owl-stage-outer { padding-bottom: 40px  }

#locations-carousel .owl-item.active .card {
	opacity: 1;
	transform: translateY(0px);
}

#locations-carousel.owl-carousel .owl-nav [class*=owl-] {
	opacity: 1;
	background-color: #FFF;
	color: #267DF4;
	color: var(--themecolor);
}

#locations-carousel.owl-carousel .owl-dots {
	position: relative;
    background: #FFF;
    width: 150px;
    padding: 10px;
	margin: 0 auto;
	bottom: 20px;
    border-radius: 4px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

#locations-carousel.owl-carousel .owl-dots .owl-dot { margin: 0 4px; }

.masonry-thumbs iframe { padding: 0 1px 1px 0; }
.masonry-thumbs a img:hover { opacity: .9; }

.ipost .author-image,
.ipost .author-image img {
	width: 50px;
	height: 50px;
}

.ipost .author-meta { margin-top: 24px; }

.ipost .entry-meta li {
	display: block;
	float: none;
    font-size: 14px;
    font-style: normal;
    margin-bottom: 8px;
}

.ipost .entry-meta li:first-child a { color: #222; }

.ipost .entry-meta li:before { display: none; }

.ipost .entry-title h3 {
	font-size: 17px;
	line-height: 1.6;
}

.entry-content p {
	display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
}

#footer .list-unstyled li a {
	opacity: .7;
	color: #FFF;
	font-weight: 300;
}

#gotoTop {
    right: 30px;
    bottom: 30px;
    width: 45px;
    height: 45px;
	line-height: 45px;
    z-index: 1000;
    font-size: 18px;
    border-radius: 0px;
    color: #ff5d10;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#gotoTop:hover {
    background-color: #1a1a1a;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

ul.list-numbers li {
	list-style: decimal inside;
	margin-bottom: 20px;
}

#locations-carousel .card {
	position: relative;
	right: auto;
	margin: 0 auto;
	bottom: 0;
	margin-top: -30px;
	padding: 20px;
}

.footer-img { margin-top: -90px; }

.css3-spinner {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    text-align: center;
    background-color: #1a1a1a;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* Responsive Device less than 768px (.device-sm <)
-----------------------------------------------------------------*/
@media (max-width: 767.98px) {
	#top-account { margin: 29px 0; }
	#top-account a { display: block; }
	#top-account a span {
		display: none;
	}

	.footer-img { margin-top: 0; }
}

/* Responsive Device more than 992px (.device-md >)
-----------------------------------------------------------------*/
@media (min-width: 992px) {

	#top-account { right: 0; }

	#locations-carousel .card {
		opacity: 0;
		position: absolute;
		right: 40px;
		bottom: -30px;
		padding: 20px 30px;
		width: 100%;
		max-width: 320px;
		border: 0;
		border-radius: 4px;
		transform: translateY(20px);
		transition: all .4s .1s ease-out;
	}

	.heading-block h2 {
		font-size: 42px;
		letter-spacing: 0;
		line-height: 42px;
	}

	#locations-carousel.owl-carousel .owl-dots {
		position: absolute;
		top: auto;
		left: 50%;
		bottom: 45px;
		margin-left: -75px;
	}

}

/* ----------------------------------------------------------------
	Slider
-----------------------------------------------------------------*/
.slider-element .heading-block p	{
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 5px;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 15px;
	color: rgba(255, 255, 255, 0.7);
}

.slider-product-desc {
    position: relative;
    top: -204px;
    left: auto;
    right: 0;
    width: 65%;
    z-index: 2;
}

.slider-product-desc [class^='col-'] {
	background-color: #fff;
	padding: 40px;
}

.vertical-middle .container { top: -60px; }

.play-icon {
	position: relative;
	display: block;
	font-size: 18px;
	margin: 20px 0 0 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	color: #FFF !important;
	border: 2px solid #EEE;
	text-align: center;
	-webkit-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
}

.play-icon i {
	position: relative;
	left: 2px;
}

.play-icon:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.heading-block h3 {
	font-weight: 800;
	text-transform: none;
	font-size: 2.3rem;
	letter-spacing: 0;
}

.edge-underline h3,
.product:hover .product-title h3 {
	text-decoration: underline;
	text-decoration-skip: edges;
}

/* ----------------------------------------------------------------
	On Hover Changes
-----------------------------------------------------------------*/
.showcase-target-images { position: relative; }

.showcase-target {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
	-moz-transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
	-o-transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
	transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
}

.showcase-target.showcase-target-active {
	position: relative;
	display: block;
}

.showcase-section:hover .showcase-target {
	-webkit-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.sale-flash {
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 3px;
	font-size: 11px;
	text-shadow: none;
	background-color: #222 !important;
	left: 50%;
	top: 20px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* ----------------------------------------------------------------
	Section Products
-----------------------------------------------------------------*/

.section-product {
	position: relative;
	width: 100%;
}

.section-product .section-product-image {
	width: 100%;
}

.section-product .section-product-content {
	max-width: 100%;
	position: relative;
	bottom: 0px;
	right: 0;
	background-color: #FFF;
	padding: 20px;
	z-index: 1;
}

.section-product .section-product-content h3 { font-weight: 800; }

.section-product.alt .section-product-image,
.section-product.alt .section-product-content { float: none; }

.section-product .section-product-price {
	font-size: 1.5rem;
	font-weight: 700;
}

.explore-text-overlay {
	opacity: 0;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: calc(100% - 30px);
	height: 100%;
	z-index: 1;
	background-color: rgba(0,0,0,0.6);
	margin-left: 15px;
	-webkit-transition: all .4s ease ;
	-o-transition: all .4s ease ;
	transition: all .4s ease ;
}

.text-overlay-wrap:hover .explore-text-overlay { opacity: 1; }

.section-contact h3 {
	font-size: 1.4rem;
	font-weight: 700;
}

.section-contact > div {
	padding: 30px 20px;
	border: 1px solid #EEE;
}

.social-icon.si-mini {
	width: 28px;
	height: 28px;
	font-size: 12px;
	line-height: 27px !important;
}

.social-icon.si-mini:hover i:first-child { margin-top: -27px; }

.feature-box.media-box .fbox-icon {
	position: relative;
	width: 36px;
	height: 54px;
}

@media (min-width: 1199px) {

	#primary-menu ul li > a {
		font-size: 14px;
		letter-spacing: 0;
		text-transform: none;
	}

	/* Hover Effects style-7 */
	#primary-menu ul li > a div {
		position: relative;
		overflow: hidden;
	}

	#primary-menu ul li > a div::before,
	#primary-menu ul li > a div::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.4);
		transform: translate3d(-100%,0,0) translate3d(-1px,0,0);
		transition: transform 0.7s;
		transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		z-index: -1;
	}

	#primary-menu ul li.current > a div::before,
	#primary-menu ul li > a:hover div::before { transform: translate3d(100%,0,0) translate3d(1px,0,0); }

	#primary-menu ul li.current > a div::after,
	#primary-menu ul li > a:hover div::after { transform: translate3d(0,5px,0); }

	#primary-menu ul li > a div::after {
		top: calc(50%);
		height: 4px;
	}
	
	#primary-menu ul li.active > a {
		color: #ff5d10;
	}
	
	#primary-menu ul ul li.subactive > a {
		background-color: #F9F9F9;
		padding-left: 18px;
		color: #ff5d10 !important;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.product {
		padding: 65px;
		border-right: 1px solid #EEE;
	}

	.slider-element .heading-block h2 {
		font-size: 3.1rem;
		line-height: 1.35;
		text-transform: none;
		letter-spacing: 0;
		font-weight: 700;
	}

	.slider-element .slider-product-desc [class^='col-'] { padding: 50px; }

	.play-icon { margin: 0 auto; }

	.section-product .section-product-image {
		position: relative;
		width: 85%;
		background: #FFF;
	}

	.section-product .section-product-content {
		max-width: 400px;
		position: absolute;
		bottom: 30px;
		right: 0;
		padding: 30px;
	}

	.section-product.alt .section-product-image { float: right; }

	.section-product.alt .section-product-content {
		left: 0;
		right: auto;
	}

}

@media (max-width: 991px) {
	.slider-element .vertical-middle .container { top: 0; }
}

.inline-YTPlayer { z-index: 1; }

#ytb-video-button.play-icon {
	position: absolute;
	left: auto;
	bottom: 10px;
	right: 10px;
	width: 42px;
	height: 42px;
	line-height: 39px;
	font-size: 20px;
	text-align: center;
	border-width: 2px;
	z-index: 2;
}

#ytb-video-button.play-icon i:nth-of-type(1) {
	position: relative;
	left: 1px;
}

#ytb-video-button.play-icon i:nth-of-type(2),
#ytb-video-button.play-icon.video-played i:nth-of-type(1) { display: none; }

#ytb-video-button.play-icon.video-played i:nth-of-type(2) { display: block; }

.lines {
	position: absolute;
	height: 100%;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	z-index: -1;
}

.lines .line {
    position: absolute;
    width: 2px;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    left: 50%;
    top: 0;
}

.lines .line::after {
	position: absolute;
	content: '';
	width:100%;
	height:10px;
	background: $white-color;
	left: 0;
	top:0%;
	right: 0;
	margin: auto;
	animation: line 8s infinite cubic-bezier(0.2, 0.69, 1, 1);
}

.lines .line:nth-child(1) {
	margin-left: 22%;
}

.lines .line:nth-child(1)::after {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.lines .line:nth-child(3) {
	margin-left: 20%;
}

.lines .line:nth-child(3)::after {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

@-webkit-keyframes run {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

@keyframes run {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

/*.splide__slide img {
	border-radius: 5px 25px 5px 25px;
}*/

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.showcase-section ul li:first-child {
    padding-top: 0;
    border-top: 0;
}

.showcase-section ul li {
    display: block;
    position: relative;
    padding: 24px 0;
    cursor: pointer;
    border-top: 1px solid #F0F2F6;
}

.showcase-section ul li h3 {
    display: block;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.showcase-section ul li p {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 0;
    color: #777;
}

/* Owl Carousel - Controls - Arrows
-----------------------------------------------------------------*/
.owl-carousel-full .owl-nav [class*=owl-] {
	border: none;
	color: #333;
	background-color: transparent;
	font-size: 28px;
	border-radius: 0;
}

.owl-carousel .owl-nav .owl-next {
	left: auto;
	right: -155px;
}

.owl-carousel-full  .owl-nav .owl-next {
	left: auto !important;
	right: 155px !important;
	border-radius: 0;
}

/* Owl Carousel - Responsive
-----------------------------------------------------------------*/
.device-lg .owl-carousel .owl-nav .owl-prev,
.device-md .owl-carousel .owl-nav .owl-prev,
.device-sm .owl-carousel .owl-nav .owl-prev,
.device-xs .owl-carousel .owl-nav .owl-prev { left: 2px !important; }

.device-lg .owl-carousel-full  .owl-nav .owl-next,
.device-md .owl-carousel-full  .owl-nav .owl-next,
.device-sm .owl-carousel-full  .owl-nav .owl-next,
.device-xs .owl-carousel .owl-nav .owl-next { right: 2px !important; }

#mapid { height: 180px; }