@font-face {
    font-family: 'Camber Ultra Light';
    src: url('../fonts/Camber-Ul.eot');
    src: url('../fonts/Camber-Uld41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Camber-Ul.woff2') format('woff2'),
        url('../fonts/Camber-Ul.woff') format('woff'),
        url('../fonts/Camber-Ul.ttf') format('truetype'),
        url('../fonts/Camber-Ul.svg#Camber-Ul') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Camber Light';
    src: url('../fonts/Camber-Lg.eot');
    src: url('../fonts/Camber-Lgd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Camber-Lg.woff2') format('woff2'),
        url('../fonts/Camber-Lg.woff') format('woff'),
        url('../fonts/Camber-Lg.ttf') format('truetype'),
        url('../fonts/Camber-Lg.svg#Camber-Lg') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Camber Thin';
    src: url('../fonts/Camber-Th.eot');
    src: url('../fonts/Camber-Thd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Camber-Th.woff2') format('woff2'),
        url('../fonts/Camber-Th.woff') format('woff'),
        url('../fonts/Camber-Th.ttf') format('truetype'),
        url('../fonts/Camber-Th.svg#Camber-Th') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Camber Regular';
    src: url('../fonts/Camber-Rg.eot');
    src: url('../fonts/Camber-Rgd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Camber-Rg.woff2') format('woff2'),
        url('../fonts/Camber-Rg.woff') format('woff'),
        url('../fonts/Camber-Rg.ttf') format('truetype'),
        url('../fonts/Camber-Rg.svg#Camber-Rg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Camber Medium';
    src: url('../fonts/Camber-Md.eot');
    src: url('../fonts/Camber-Mdd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Camber-Md.woff2') format('woff2'),
        url('../fonts/Camber-Md.woff') format('woff'),
        url('../fonts/Camber-Md.ttf') format('truetype'),
        url('../fonts/Camber-Md.svg#Camber-Md') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Camber Semi Bold';
    src: url('../fonts/Camber-Sb.eot');
    src: url('../fonts/Camber-Sbd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Camber-Sb.woff2') format('woff2'),
        url('../fonts/Camber-Sb.woff') format('woff'),
        url('../fonts/Camber-Sb.ttf') format('truetype'),
        url('../fonts/Camber-Sb.svg#Camber-Sb') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Camber Bold';
    src: url('../fonts/Camber-Bd.eot');
    src: url('../fonts/Camber-Bdd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Camber-Bd.woff2') format('woff2'),
        url('../fonts/Camber-Bd.woff') format('woff'),
        url('../fonts/Camber-Bd.ttf') format('truetype'),
        url('../fonts/Camber-Bd.svg#Camber-Bd') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.clearfix:after, .container:after {
	content: '';
	display: block;
	clear: both;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	outline: 0;
}
strong{
	font-family: 'Camber Semi Bold', sans-serif;
	font-weight:400;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset { margin: 0 0 35px; }
blockquote, q, i, cite, em, var, dfn, address { font-style: italic; }
u, ins { text-decoration: underline; }
s, strike, del { text-decoration: line-through; }

blockquote, q{ quotes: none; }
q:before, q:after, 
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del { text-decoration: line-through; }
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: medium none;
	vertical-align: middle;
}
table th {
	border: 0;
	padding: 5px 7px;
	text-align: center;
}
table td {
	padding: 5px 10px;
	text-align: left;
	vertical-align: middle;
}
a img { border: 0; }
img {
	max-width: 100%;
	height: auto;
	vertical-align:middle; 
	border:0;
}

label { 
	vertical-align: middle; 
}
h1, h2, h3, h4, h5, h6 { 
	font-family: 'Camber Semi Bold', sans-serif;
	font-weight: 400;
}
h1 {
	font-size:3.59vw;
	line-height:1.2;
}
h2 {
	font-size:3.59vw;
	line-height:1.2;
}
h3 {
	font-size:1.98vw;
	line-height:1.2;
}
h4 {
	font-size:32px;
	line-height:1.2;
}
h5 {
	font-size: 14px;
	line-height:1;
}
h6 {
	font-size: 12px;
	line-height:1;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #0e4444; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #282828; }
a, p a {
	color: #0e4444;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover, p a:hover {
	color:#282828;
	text-decoration: none;
}
img.aligncenter {
	display: block;
	margin: 0 auto 15px;
}
img.alignright{
	float:right;
	margin:0 0 15px 60px;
}
img.alignleft{
	float:left;
	margin:0 60px 0px 0;
}
ul{
	list-style-type:disc;
	list-style-position:inside;
}
ol{
	list-style-type:decimal;
	list-style-position:inside;
}
label{
	font-family: 'Camber Semi Bold', sans-serif;
	display:block;
	margin-bottom:20px;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="number"],
select,
textarea{
	font-family: 'Camber Light', sans-serif;
	border:1px solid #282828;
	background:none;
	color:#282828;
	font-size:22px;
	line-height:75px;
	height:75px;
	font-weight:400;
	outline: 0 ;
	padding:5px 25px;
	width: 100%;
	margin-bottom:10px;
}
/*input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus{
	border-color:#65407a;
}*/
input[type="submit"]{
	font-family: 'Camber Medium', sans-serif;
	font-size:28px;
	font-weight:400;
	letter-spacing:0;
	background:none;
	height:75px;
	line-height:75px;
	padding:0;
	cursor:pointer;
	color: #0e4444;
	box-shadow:none;
	border:2px solid #0d4444;
	width:100%;
	border-radius:0;
	box-shadow:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
input[type="submit"]:hover{
	background:#0d4444;
	color:#fff;
}
textarea{
	font-family: 'Camber Light', sans-serif;
	height:250px;
	resize:none;
	padding:15px 25px;
	line-height:20px;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:#282828;
	opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
	color:#282828;
	opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
	color:#282828;
	opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
	color:#282828;
	opacity:1;
}

.product-page ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:#282828;
	opacity:1;
}
.product-page ::-moz-placeholder { /* Firefox 19+ */
	color:#282828;
	opacity:1;
}
.product-page :-ms-input-placeholder { /* IE 10+ */
	color:#282828;
	opacity:1;
}
.product-page :-moz-placeholder { /* Firefox 18- */
	color:#282828;
	opacity:1;
}

.btn,
.load-more a,
.navigation a{
	font-family: 'Camber Medium', sans-serif;
	box-sizing: initial !important;
	background:none;
	color: #0e4444;
	font-size:20px;
	font-weight:400;
	cursor: pointer;
	display: inline-block;
	margin: 0;
	padding: 0px 10% 0 25px;
	position: relative;
	text-align: left;
	text-decoration: none;
	text-transform:none;
	height: 65px;
	line-height:65px;
	border:2px solid #0e4444;
	border-radius:0;
	box-shadow:none;
	z-index:9;
	letter-spacing:0;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn:after,
.load-more a:after{
	content: "\f178";
	font-family: "Font Awesome 5 Pro";
	display:block;
	font-size:36px;
	line-height:1;
	position:absolute;
	right:20px;
	top:50%;
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);	
}
.btn.yellow{
	border-color:#f3e4cd;
	color:#f3e4cd;
}
.btn:hover,
.load-more a:hover,
.navigation a:hover{
	background:#0e4444;
	color:#f3e4cd;
}
.navigation a{
	padding-right:25px !important;
}
.btn.yellow:hover{
	background:#f3e4cd;
	color:#0e4444;
}
body{
	background-color:#fff;
	color:#282828;
	font-family: 'Camber Light', sans-serif;
	font-weight:400;
	font-style:normal;
	font-size:1.46vw;
	line-height:1.35;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}
#wrapper{
	width:100%;
	overflow:hidden;
	margin:0;
}
.container{
	width:100%;
	margin:0 auto;
	padding:0 4.17%;
	/*max-width:1920px;*/
}
.no-right-pad{
	padding-right:0 !important;
}
.container.biggap{
	padding:0 9.9%;
}
.container.full{
	padding:0;
}
.sm-container{
	max-width:1500px;
	padding:0 20px;
	margin:0 auto;
	width: 78%;
}
.smi-container{
	max-width:1360px;
	padding:0 20px;
	margin:0 auto;
	width:71%;
}
/*header*/
#header{
    width: 100%;
	z-index:999;
	background:none;
	padding:50px 0 50px;
	position:fixed;
	left: 0;
	top: 0;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#header.header-change {
	padding-top:20px;
	padding-bottom:20px;
	background: rgba(255,255,255,0.7);
}
#header.header-change .menu-opener{
	margin-top:4px;
}
.top-pad{
	padding-top:139px;
}
.logo{
	background-image:url(../images/logo-white.svg);
	background-size:cover;
	background-repeat:no-repeat;
	width:340px;
	height:39px;
	text-indent:-9999px;
	float:left;
	z-index: 999;
	position: relative;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.logo a{
	display: flex;
	height: 100%;
}
.logo img{
	max-width: 340px;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.body-class-home .logo{
	opacity:0;
	visibility:hidden;
}
.body-class-home .header-change .logo{
	opacity:1;
	visibility:visible;
}
#header.header-change .logo img{
    max-width: 220px;
}
#header.header-change .logo,
#header.nav-active .logo{
	background-image:url(../images/logo.svg);
	width: 228px;
	height: 26px;
}
.body-class-home #header.nav-active .logo{
	opacity:1;
	visibility:visible;
}
.body-class-page-template-template-journals .logo,
.body-class-single-journal .logo,
.body-class-single-job .logo,
.body-class-single-team .logo,
.body-class-single-application .logo,
.body-class-page-template-template-contact-us .logo,
.body-class-page-template-template-team .logo,
.body-class-page-template-template-social-responsibility .logo,
.body-class-page-template-default .logo,
.body-class-error404 .logo  {
	background-image: url(../images/logo.svg);
}
@media only screen and (min-width: 1481px) {
	.body-class-page-template-template-journals .logo,
	.body-class-page-template-template-contact-us .logo,
	.body-class-page-template-template-team .logo,
	.body-class-page-template-template-social-responsibility .logo,
	.body-class-single-journal .logo,
	.body-class-single-team .logo,
	.body-class-single-application .logo,
	.body-class-single-job .logo,
	.body-class-page-template-default .logo,
	.body-class-error404 .logo{
		width:341px;
	}
}
#header .left-head{
	float:left;
}
.social-holder{
	list-style:none;
	padding:0;
	margin:0;
	display:inline-block;
	vertical-align:middle;
}
.social-holder li{
	display:inline-block;
	vertical-align:top;
	margin-right:4px;
}
.social-holder li a{
	position:relative;
	display: block;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#header .nav-holder {
    display: none;
    position: absolute;
    top: 0;
    background-image:url(../images/menu-bg.png);
	background-size:cover;
	background-position:center center;
    width: 100%;
    left: 0;
    text-align: center;
	padding:13vw 4.17% 2vw;
	height: 100vh;
	/*z-index:99;*/
}
#header #nav{
	display:block;
}
#header .nav-holder ul{
	list-style:none;
	margin-bottom:0;
	padding:0;
}
#header .nav-holder #nav li{
	display:flex;
	position: relative;
	margin-bottom:32px;
	text-align: left;
	line-height:1.1;
	position:relative;
}
#nav li a{
	font-family: 'Camber Semi Bold', sans-serif;
	color:#0e4444;
	font-size:3.13vw;
	font-weight:400;
	line-height:1;
	position:relative;
	padding-right:20px;
}
#nav li a:hover{
	color:#0e4444;
}
#header .nav-holder #nav li a:before{
	content:"";
	background:#f4c7af;
	height:42%;
	width:0;
	position:absolute;
	left:0;
	bottom:8px;
	display:block;
	z-index: -1;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#header .nav-holder #nav li a:hover:before,
#header .nav-holder #nav li a.active:before{
	width:100%;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#header .nav-holder #nav li:last-child{
	margin-bottom:0;
}


#nav > ul > li {
    opacity: 0;
	-moz-transform: translateX(-100%) translateX(7.5rem);
	-ms-transform: translateX(-100%) translateX(7.5rem);
	-webkit-transform: translateX(-100%) translateX(7.5rem);
    transform: translateX(-100%) translateX(7.5rem);
	-moz-transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	-ms-transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	-webkit-transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
#nav.active > ul > li{
    opacity: 1;
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-webkit-transform: translateX(0px);
    transform: translateX(0px);
}
#nav.active > ul > li:nth-child(1) {
    transition-delay: 0.19s;
}
#nav.active > ul > li:nth-child(2) {
    transition-delay: 0.23s;
}
#nav.active > ul > li:nth-child(3) {
    transition-delay: 0.27s;
}
#nav.active > ul > li:nth-child(4) {
    transition-delay: 0.31s;
}
#nav.active > ul > li:nth-child(5) {
    transition-delay: 0.35s;
}
#nav.active > ul > li:nth-child(6) {
    transition-delay: 0.39s;
}
#nav.active > ul > li:nth-child(7) {
    transition-delay: 0.43s;
}
#nav.active > ul > li:nth-child(8) {
    transition-delay: 0.47s;
}
#nav.active > ul > li:nth-child(9) {
    transition-delay: 0.51s;
}
#nav.active > ul > li:nth-child(10) {
    transition-delay: 0.55s;
}


/*Menu Trigger*/
.menu-opener {
	float:right;
	width: 50px;
	height: 25px;
	margin-top: 0;
	position:relative;
	z-index:999;
	margin-top: 8px;
}
.menu-opener span:after, 
.menu-opener span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}
.menu-opener span:after {
	top: 18px;
}
.menu-opener.active span:after {
	top: 12px;
}
.menu-opener span {
	position: relative;
	display: block;
}
.menu-opener span, 
.menu-opener span:after, 
.menu-opener span:before {
	width: 100%;
	height: 4px;
	background-color:#fff;
	transition: all 0.3s;
	backface-visibility: hidden;
	border-radius: 0;
}
.body-class-home .menu-opener span, 
.body-class-home .menu-opener span:after, 
.body-class-home .menu-opener span:before,
.header-change .menu-opener span, 
.header-change .menu-opener span:after, 
.header-change .menu-opener span:before,
.body-class-page-template-template-journals .menu-opener span, 
.body-class-page-template-template-journals .menu-opener span:after, 
.body-class-page-template-template-journals .menu-opener span:before,
.body-class-single-journal .menu-opener span, 
.body-class-single-journal .menu-opener span:after, 
.body-class-single-journal .menu-opener span:before,
.body-class-single-job .menu-opener span, 
.body-class-single-job .menu-opener span:after, 
.body-class-single-job .menu-opener span:before,
.body-class-single-application .menu-opener span, 
.body-class-single-application .menu-opener span:after, 
.body-class-single-application .menu-opener span:before,
.body-class-single-team .menu-opener span, 
.body-class-single-team .menu-opener span:after, 
.body-class-single-team .menu-opener span:before,
.body-class-page-template-template-contact-us .menu-opener span, 
.body-class-page-template-template-contact-us .menu-opener span:after, 
.body-class-page-template-template-contact-us .menu-opener span:before,
.body-class-page-template-template-team .menu-opener span, 
.body-class-page-template-template-team .menu-opener span:after, 
.body-class-page-template-template-team .menu-opener span:before,
.body-class-page-template-template-social-responsibility .menu-opener span, 
.body-class-page-template-template-social-responsibility .menu-opener span:after, 
.body-class-page-template-template-social-responsibility .menu-opener span:before,
.body-class-page-template-default .menu-opener span, 
.body-class-page-template-default .menu-opener span:after, 
.body-class-page-template-default .menu-opener span:before,
.body-class-error404 .menu-opener span, 
.body-class-error404 .menu-opener span:after, 
.body-class-error404 .menu-opener span:before  {
	background-color:#0e4444;
}
.menu-opener:hover span:after, 
.menu-opener:hover span:before{
	background-color:#a6bbae;
}
.menu-opener.active span {
  	background-color: transparent;
}
.menu-opener.active span:before {
	background-color:#fff;
	-moz-transform: rotate(45deg) translate(2px, 3px);
	-ms-transform: rotate(45deg) translate(2px, 3px);
	-webkit-transform: rotate(45deg) translate(2px, 3px);
  	transform: rotate(45deg) translate(2px, 3px);
}
.menu-opener.active span:after {
	background-color:#fff;
	-moz-transform: rotate(-45deg) translate(6px, -7px);
	-ms-transform: rotate(-45deg) translate(6px, -7px);
	-webkit-transform: rotate(-45deg) translate(6px, -7px);
  	transform: rotate(-45deg) translate(6px, -7px);
}	
.menu-opener span,
.menu-opener:hover span {
  background-color: transparent;
}
#header .contact-detials{
	position: absolute;
	right: 4.17% ;
	bottom: 80px;
	color: #fff;
	z-index: 9999;
	text-align: right;
	font-family: 'Camber Light', sans-serif;
	font-size:1.98vw;
	line-height:1.2;
}
#header .contact-detials h4{
	font-family: 'Camber Semi Bold', sans-serif;
	font-size:1.98vw;
	margin-bottom:18px
}
#header .contact-detials span{
	display:block;
	margin-bottom:10px;
}
#header .contact-detials a{
	color:#fff;
	text-align:right;
}
#header .contact-detials .social-holder{
	margin-top:30px;
}
#header .contact-detials .social-holder li{
	margin-right:0;
	margin-left: 22px;
}
/*** Main ***/
#main{
	overflow:hidden;
	position:relative;
	width:100%;
}
.home-banner,
#home-banner{
	display: -ms-flexbox;
	display: flex;
}
.banner{
	position:relative;
	overflow:hidden;
	width:100%;
	text-align:center;
}
.banner img{
	width:100%;
}
.section{
	overflow:hidden;
	clear:both;
	width:100%;
	position:relative;
	padding:7% 0;
}
.caption{
	position:absolute;
	top:50%;
	left:0;
	right: 0;
	z-index: 99;
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.caption.center{
    left: 50%;
	right:auto;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.caption.white{
	color:#fff;
}
.caption.full{
	max-width:inherit !important;
	width:auto !important;
}
.caption.right{
	left: 50%;
	max-width:625px;
	width:auto;
	right: 30px;
}
.four-column{
	overflow:hidden;
	margin:0 -2.2%;
}
.four-column .column{
	display:inline-block;
	vertical-align:top;
	width:25%;
	margin-right:-5px;
	padding:0 2.2%;
	margin-bottom:40px;
}
.two-column{
	overflow:hidden;
	margin:0 -25px;
}
.two-column .column{
	display:inline-block;
	vertical-align:top;
	width:50%;
	margin-right:-5px;
	padding:0 25px;
}
.yellow-bg{
	background-color:#f3e4cd;
	color:#0e4444;
}
.green-bg{
	background:#0e4444;
	color:#f3e4cd;
}
.orange-bg{
	background:#f4c7af;
	color:#0e4444;
}
.light-green{
	background:#d2ddd6;
}
.md-font{
	font-family: 'Camber Medium';
}
.big-head{
	font-family: 'Camber Medium';
	font-size:2.87vw;
	line-height:1.18;
}
.big-pad{
	padding:10% 0;
}
.text-center{
	text-align:center;
}
.top-space{
	margin-top:60px;
}
.flex-col{
	overflow: hidden;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.two-col{
	gap:100px;
}
.two-col .col{
	position:relative;
	width:50%;
	-ms-flex-basis: 50%;
	flex-basis: 50%;
}
.three-col .col,
.foot-three-col .col{
	position:relative;
	width:33.333%;
	-ms-flex-basis: 33.333%;
	flex-basis: 33.333%;
}
.services img{
	width:100%;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.services .inner-holder:hover img{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.services .inner-holder{
	position:relative;
	overflow:hidden;
}
.services .inner-holder:before{
	content:"";
	background:rgba(40,40,40,0.35);
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	display:block;
	z-index: 2;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.services .inner-holder:hover:before{
	background:rgba(14,68,68,0.90);
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.se-caption{
	font-family: 'Camber Light';
	color:#fff;
	position:absolute;
	bottom:10%;
	left:0;
	right: 0;
	z-index: 99;
	font-size: 20px;
	line-height: 1.15;
	padding: 0 12.51%;
}
.services .text-holder{
	font-size:1.67vw;
	margin-bottom: 35px;
	max-height:0;
	opacity:0;
	visibility:hidden;
	 transition: max-height 0.15s ease;
}
.services .inner-holder:hover .text-holder{
	max-height: 300px;
	opacity:1;
	visibility:visible;
	transition: max-height 0.5s ease;
}
.services .text-holder p:last-child{
	margin-bottom:0;
}
.services .more-link{
	font-family: 'Camber Medium';
	margin-top:40px;
	color:#fff;
	text-transform:uppercase;
	position: relative;
	padding:15px 0 15px 70px;
}
.services .more-link:hover:hover{
	color:#d2ddd6;
}
.services .more-link::before {
	content: "\f178";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	display: block;
	font-size: 28px;
	line-height: 1;
	position: absolute;
	left: 16px;
	top: 50%;
	color:#fff;
	z-index: 9;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.services .more-link:after {
	content:"";
	height:55px;
	width:55px;
	border:1px solid #fff;
	border-radius:50%;
	display:block;
	position:absolute;
	left:0;
	top:0;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.services .more-link:hover:before{
	color:#0e4444;
}
.services .more-link:hover:after {
	background:#d2ddd6;
	border-color:#d2ddd6;
}
.featured-product{
	padding-top: 9%;
	padding-bottom: 6%;
}
.block-heading{
	font-family: 'Camber Medium';
	font-size:1.67vw;
	color:#0e4444;
	margin-bottom:50px;
}
.featured-product .project-holder{
	overflow:hidden;
}
.featured-product .img-holder{
	margin-bottom:70px;
}
.featured-product .project-holder h3{
	margin-bottom:15px;
	color:#0e4444;
}
.featured-product .project-holder span{
	display:block;
	font-size:1.98vw;
}
.featured-product .project-holder .btn{
	margin-top:60px;
}
.certifications{
	padding-top:8%;
	padding-bottom:0;
}
.certifications .big-head{
	margin-bottom:8%;
}
.certifications .three-col{
	align-content: center;
	align-items: center;
}
.certifications .three-col .col{
	margin-bottom:10%;
}
.certifications .three-col .inner-holder{
	padding:0 70px;
}
.slider-block{
	padding:110px 0 70px;
}
.slider-block .container{
	padding-right:0;
}
.slider-block.jou .container{
	padding-right:4.17%;
}
.slider-col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 100px;
	overflow: hidden;
}
.slider-col .column:first-child {
	width: 28%;
}
.slider-col .column {
	position: relative;
}
.slider-col .column:last-child {
  	width: 68%;
}
.slider-col .column span {
	display: block;
	font-size: 1.98vw;
	line-height: 1.3;
}
.slider-col .column .btn {
	margin-top:40px;
	padding-right: 35%;
}
.jo-slider,
.jo-slider-2,
.jou-slider{
	margin-bottom:50px;
}
.project-details .jo-slider,
.project-details .jo-slider-2{
	margin-bottom:70px;
}
.jou-slider .slick-list{
	margin:0 -20px;
}
.jou-slider .slide{
	padding:0 20px;
}
/*.jo-slider .slick-list{
	overflow:visible;
}*/
.slider-controls{
	width:80%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
}
.jou .slider-controls{
	width:100%;
}
.jo__arrows,
.jo__arrows2,
.jou__arrows{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-right:20px;
}
.jo-slider .slide,
.jo-slider-2 .slide{
	margin-right:40px;
}
.featured-product .img-holder img,
.jo-slider .slide img,
.jo-slider-2 .slide img,
.jou-slider .slide img{
	width:100%;
}
.progress,
.progress-2,
.progress-jou {
	display: block;
	width: calc(100% - 130px);
	height: 2px;
	border-radius: 0;
	overflow: hidden;
	
	background-color: #fff;
	background-image: linear-gradient(to right, #0e4444, #0e4444);
	background-repeat: no-repeat;
	background-size: 0 100%;
	-moz-transition: background-size 0.4s ease-in-out;
	-webkit-transition: background-size 0.4s ease-in-out;
	transition: background-size 0.4s ease-in-out;
}
.slider-progress .progress{
	width:100%;
	background-color: #d2ddd6;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.jo__arrow,
.jo__arrowp{
	position: relative;
	height:50px;
	width:50px;
	display:inline-block;
	border-radius: 50%;
	border:1px solid #0e4444;
	cursor:pointer;
}
.jo__arrow:hover,
.jo__arrowp:hover{
	background-color:#0e4444;
}
.jo__arrow:before,
.jo__arrowp:before{
	content: "\f178";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	display: block;
	font-size: 28px;
	line-height: 1;
	position: absolute;
	left: 12px;
	top: 50%;
	color: #0e4444;
	z-index: 9;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.jo__arrow.jo__arrow_dir_left:before,
.jo__arrowp.jo__arrow_dir_left:before{
	content: "\f177";
}
.jo__arrow:hover:before,
.jo__arrowp:hover:before{
	color:#f3e4cd;
}
.jo__arrow.jo__arrow_dir_left,
.jo__arrowp.jo__arrow_dir_left{
	margin-right:10px;
}
.ready-work{
	padding:12% 0;
	font-size:1.67vw;
}
.ready-work h2{
	margin-bottom:60px;
}
.ready-work .btn-holder{
	margin-top:55px;
}
.ready-work .btn-holder .btn{
	font-family: 'Camber Light';
	padding:0;
	min-width:300px;
	background:#0e4444;
	color:#fae3d7;
	text-align:center;
	margin-right:30px;
	font-size:1.67vw;
}
.ready-work .btn-holder .btn:after{
	display:none;
}
.bottom-links{
	overflow:hidden;
	background:#fff;
	border-top:2px solid #0e4444;
}
.bottom-links .column:first-child{
	border-right:3px solid #0e4444;
}
.bottom-links .two-column {
	overflow: hidden;
	margin: 0;
	display: flex;
}
.bottom-links .two-column .column{
	padding: 0;
	margin-right: 0;
	margin-bottom:0 !important;
}
.bottom-links .column a{
	position:relative;
	font-family: 'Camber Medium';
	display:block;
	padding:9.4% 8.36%;
    font-size: 1.67vw;
}
.bottom-links .column a:hover{
	background:#d2ddd6;
}
.bottom-links .column a:after{
	content: "\f178";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	display: block;
	font-size: 36px;
	line-height: 1;
	position: absolute;
	right: 8.36%;
	top: 50%;
	color: #0e4444;
	z-index: 9;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.go-top{
	position:fixed;
	bottom: 60px;
	right: 4.17%;
	font-size: 50px;
	line-height: 1;
	display:none;
}
.top-banner{
	position:relative;
	overflow:hidden;
}
.top-banner img{
	width:100%;
}
.top-banner:after{
	content:"";
	background:rgba(40,40,40,0.5);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}
.top-banner .caption{
	top:auto;
	bottom:130px;
	color:#fff;
	font-size: 1.67vw;
	-moz-transform:none;
	-ms-transform:none;
	-webkit-transform:none;
	transform:none;
}
.top-banner .caption.center{
	top:50%;
    left: 50%;
	right:auto;
	bottom:auto;
	width:100%;
	text-align: center;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.top-banner .caption h1{
	font-size:2.87vw;
	margin-bottom:0;
	max-width: 1100px;
}
.top-banner .caption.center h1{
	max-width:100%;
}
.top-banner .caption span{
	display: block;
	margin-bottom: 35px
}
.top-banner .banner-btn{
	position:absolute;
	bottom:5px;
	right:4.17%;
	z-index:99;
}
.top-banner .banner-btn .btn{
	padding-right:80px;
	border-color:#fff;
	color:#fff;
}
.top-banner .banner-btn .btn::after {
	content: "\f175";
}
.top-banner .banner-btn .btn:hover{
	background:#f3e4cd;
	border-color:#f3e4cd;
	color:#0e4444;
}
.big-head .two-column{
	margin-top:85px;
	-moz-display:flex;
	-ms-display:flex;
	-webkit-display:flex;
	display:flex;
}
.big-head .two-column .column{
	font-family: 'Camber Light';
	font-size: 1.46vw;
	line-height: 1.35;
	text-align:left;
	margin-right:0;
}
.big-head .two-column .column p:last-child{
	margin-bottom:0;
}
.big-head .full-box-img{
	margin-top:100px;
}
.full-box-img img{
	width:100%;
}
.ab-big-head{
	padding-bottom:7.3%;
}
.motivation .col h2{
	font-size: 2.31vw;
	margin-bottom:65px;
	color:#0e4444;
}
.motivation .flex-col{
	flex-wrap: nowrap;
}
.motivation .bottom-row{
	margin-top:30px;
}
.motivation .bottom-row h3{
	margin-bottom:7%;
	color:#0e4444;
}
.motivation .bottom-row .col:last-child{
	padding-top:40px;
}
.motivation .bottom-row .col strong{
	display:block;
	margin-bottom:30px;
	color:#0e4444;
}
.motivation .bottom-row .img-holder{
	max-width:80%;
	margin:0 auto;
}
.motivation .bottom-link{
	margin-top: 11%
}
.motivation .bottom-link strong{
	display:block;
	padding-bottom:30px;
	color:#0e4444;
	border-bottom:2px solid #d2ddd6;
	cursor:pointer;
}
.motivation .bottom-link .slick-current strong{
	border-bottom:2px solid #0e4444;
}
.motivation .bottom-link .flex-col {
	gap:40px;
}
.full-image{
	overflow:hidden;
}
.full-image img,
.featured-blocks .col .img-holder img{
	width:100%;
}
.key-points{
	overflow:hidden;
	margin-top: 50px;
}
.key-points ul{
	overflow:hidden;
	list-style:none;
	margin:0 -20px;
	padding:0;
}
.key-points .flex-col,
.featured-blocks .flex-col{
	flex-wrap:nowrap;
	gap:40px;
}
.key-points .row{
	padding:20px 0;
	border-bottom:1px solid #0e4444;
}
.featured-blocks .col .img-holder{
	position:relative;
	margin-bottom:25px;
}
.featured-blocks .col .img-holder:after{
	content:"";
	background:rgba(14,68,68,0.90);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	z-index: 2;
	opacity:0;
	visibility:hidden;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.featured-blocks .col .img-holder:hover:after,
.featured-blocks .col .img-holder:hover .caption{
	opacity:1;
	visibility:visible;
}
.featured-blocks .col .img-holder .caption{
	opacity:0;
	visibility:hidden;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.featured-blocks .col cite{
	font-family: 'Camber Medium';
	font-style:normal;
	display:block;
	color:#0e4444;
}
.featured-blocks .col caption{
	right:0;
}
.featured-blocks .col .btn{
	background:#f3e4cd;
	border-color:#f3e4cd;
	color:#0e4444;
	padding-right:80px;
}
.services-points{
	margin-top:60px;
}
.accordion-container:last-child{
	border-bottom:2px solid #0e4444;
}
.accordion-container a.accordian-opener {
	position: relative;
	font-family: 'Camber Semi Bold';
	font-size: 1.88vw;
	display: block;
	padding: 40px 0;
	cursor: pointer;
	color:#0e4444;
	border-top:2px solid #0e4444;
}
.accordion-container a.accordian-opener:before {
	position: absolute;
	top: 42px;
	right: 53px;
	display: block;
	width: 2px;
	height: 35px;
	background: #0e4444;
	content: '';
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.accordion-container a.accordian-opener:after {
	position: absolute;
	top: 58px;
	right: 37px;
	width: 35px;
	height: 2px;
	display: block;
	background: #0e4444;
	content: '';
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.accordion-container.is-active a.accordian-opener:before{
	height: 0;
}
.accordion-container .inner-slide {
	display: none;
	padding: 20px 0 40px;
	margin-bottom: 20px;
	overflow: hidden;
}
.accordion-container .inner-slide p:last-child{
	margin-bottom:0;
}
.accordion-container .inner-slide ul{
	margin:0;
	padding:0;
}
.accordion-container .inner-slide ul li{
	margin-bottom:25px;
	width:50%;
	float:left;
}
.featured-blocks.projects .flex-col {
	flex-wrap: wrap;
	gap:0;
	margin:0 -20px;
}
.projects .three-col .col {
	margin-bottom: 100px;
	padding: 0 20px;
}
.load-more{
	overflow:hidden;
	width: 100%;
	text-align: center;
}
.top-single{
	overflow:hidden;
	color:#0d4444;
	padding: 5% 0 2%;
}
.top-single h1{
	margin-bottom:90px;
	font-size: 2.87vw;
}
.top-journel{
	color:#0d4444;
	font-size: 1.98vw;
	border-bottom: 1px solid #0e4444;
	padding-bottom: 6%;
}
.top-journel .img-holder{
	margin-bottom:70px;
}
.top-journel .img-holder img{
	width:100%;
}
.top-journel  h3,
.all-journels .col .text-holder h3{
	margin-bottom:20px;
}
.top-journel span,
.all-journels .col .text-holder span{
	display:block;
}
.top-journel .btn,
.all-journels .col .text-holder .btn{
	margin-top:65px;
}
.all-journels .flex-col{
	flex-wrap: nowrap;
	gap:40px;
}
.all-journels .journel-row{
	margin-bottom:80px;
}
.all-journels .col .text-holder{
	padding:10% 0 10% 5.9%;
	color:#0e4444;
	font-size:1.98vw;
}
.all-journels .col img{
	width:100%;
}
.single-journel{
	color:#282828;
	padding-bottom:6%;
}
.single-journel h1{
	margin-bottom:20px !important;
	color:#0d4444;
}
.single-journel .sub-head{
	font-family: 'Camber Light';
	margin-bottom:70px;
}
.single-journel .author-meta{
	overflow:hidden;
	display: flex;
	align-items: center;
	margin-bottom:100px;
	border-top:2px solid #0e4444;
	border-bottom:2px solid #0e4444;
	padding:40px 0;
}
.single-journel .author-meta .author-img{
	float:left;
	margin-right:55px;
	overflow: hidden;
	border-radius: 50%;
	max-width:96px;
}
.single-journel .author-meta .author-name{
	overflow:hidden;
}
.author-meta .author-name cite{
	font-family: 'Camber Semi Bold';
	font-style:normal;
	display:block;
}
.journel-img{
	margin-bottom:100px;
}
.journel-img img{
	width:100%;
}
.journel-content blockquote{
	display:block;
	margin:100px 0;
}
.journel-content blockquote q,
.p-quote blockquote q{
	font-family: 'Camber Medium';
	display:block;
	font-size:1.98vw;
}
.journel-content blockquote cite,
.p-quote blockquote cite{
	display:block;
	margin-top:30px;
}
.journel-content img{
	margin-bottom:100px;
}
.applications h3{
	color:#0e4444;
	margin-bottom:75px;
}
.applications .app-row{
	overflow:hidden;
	border-top:1px solid #282828;
	padding:50px 0;
	display:flex;
}
.applications .app-row:last-child{
	border-bottom:1px solid #282828;
}
.applications .app-row .text-holder{
	float:left;
	width:70%;
}
.applications .app-row .text-holder p:last-child{
	margin-bottom:0;
}
.applications .app-row a{
	font-family: 'Camber Semi Bold';
	overflow:hidden;
	margin-left: auto;
}
.applications .app-row a.no-click{
	pointer-events: none;
}
.applications .previous-apps{
	margin-top:9%;
}
.apps-bottom{
	padding-top:1.5%;
}
.apps-bottom .apps-bottom-h{
	max-width:70%;
}
.apps-bottom .apps-bottom-h p:last-child{
	margin-bottom:0;
}
.banner h1{
	font-size:2.87vw;
	color:#fff;
	margin-bottom:0;
}
.project-info{
	color:#0e4444;
}
.project-info h2{
	font-size:2.87vw;
	margin-bottom:80px;
}
.project-info h3{
	margin-bottom:25px;
}
.project-info .intro-text{
	font-family: 'Camber Semi Bold';
	font-size:2.35vw;
	overflow:hidden;
	margin-top:80px;
	padding-top:80px;
	border-top:2px solid #0e4444;
}
.intro-text p:last-child{
	margin-bottom:0;
}
.project-details{
	overflow:hidden;
	padding-top:9%;
}
.project-details .detail-holder{
	overflow:hidden;
	margin-bottom:10%;
}
.project-details .detail-holder:last-child{
	margin-bottom:0;
}
.project-details .detail-description{
	margin-bottom:10%;
	max-width: 58%;
}
.project-details .detail-description.full-width{
	max-width:100% !important;
}
.project-details .detail-description p:last-child{
	margin-bottom:0;
}
.project-details .detail-description h3{
	color:#0e4444;
	margin-bottom:50px;
}
.project-details .detail-images{
	position:relative;
}
.project-details .detail-images img{
	margin-bottom:35px;
	width:100%;
}
.project-details .detail-images .slider-block img{
	margin-bottom:0 !important;
}
.project-details .slider-block{
	padding:0 !important;
}
.project-details .slider-block .progress,
.project-details .slider-block .progress-2{
	background-color:#d2ddd6;
}
.project-details .detail-holder.has-slider .container{
	padding-right:0 !important;
}
.project-details .detail-holder.has-slider .container.one-slide{
	padding-right:4.17% !important;
}
.project-details .detail-holder.has-slider .p-caption{
	position:absolute;
	bottom:70px;
	left:0;
	padding-left:0;
}
.related-products h3{
	margin-bottom:100px;
	color:0e4444;
}
.contact-content{
	font-family: 'Camber Semi Bold';
	width:50%;
	color:#0e4444;
	font-size:2.35vw;
}
.contact-content p:last-child{
	margin-bottom:0;
}
.form-block{
	padding-top:20px !important;
}
.form-block .two-column{
	margin:0 -20px;
}
.form-block .two-column .column{
	padding:0 20px;
}
.form-block .form-holder{
	padding-right:40px;
}
.form-holder .row{
	margin-bottom:30px;
}
.form-holder input[type="submit"]{
	margin-top:80px;
}
.form-block .address strong{
	display:block;
	margin-bottom:30px;
}
.form-block .address address{
	font-style:normal;
	margin-bottom:30px;
}
.form-block .address a{
	color:#282828;
}
.form-block .address a.map{
	text-decoration:underline;
}
.form-block .address a:hover{
	color:#0e4444;
}
.form-block .con{
	margin-top:10%;
}
.acoordian-holder .inner-slide h3{
	color:#0e4444;
}
.acoordian-holder .inner-slide .apply-link{
	font-family: 'Camber Semi Bold';
	display:inline-block;
	margin-top:30px;
}
.services-points > h2,
.more-about > h2,
.work-experiance > h2{
	font-size:2.35vw;
	margin-bottom: 70px;
	color:#0e4444;
}
.more-about{
	margin-top:12%;
}
.more-about > h2,
.work-experiance > h2{
	margin-bottom:50px;
}
.team-part{
	text-align:center;
	margin:90px -20px 8%;
}
.team-part .col{
	padding:0 20px;
}
.team-part .img-holder{
	margin-bottom:30px;
}
.work-experiance{
	border-top: 2px solid #0e4444;
	padding-top: 10%;
	margin-top: 10%;
}
.team-head h1{
	margin-bottom:50px !important;
}
.team-head .sm-container{
	width:58%;
}
.all-members.four-column {
	margin:7% -20px 0;
	text-align: left;
}
.all-members.four-column .column{
	padding:0 20px;
	text-align:left;
	margin-bottom:100px;
}
.all-members .column .img-holder{
	margin-bottom:25px;
}
.all-members .column .img-holder img{
	width:100%;
}
.all-members .column cite{
	font-family: 'Camber Medium';
	display:block;
	font-style:normal;
}
.detail-page h1{
	margin-bottom:40px !important;
}
.detail-page .key-points .row{
	border-bottom:1px solid #d2ddd6;
}
.detail-page .key-points{
	margin-bottom:100px;
}
/*** Footer ***/
#footer{
	overflow:hidden;
	width:100%;
	background:#0e4444;
	color:#fff;
	padding:100px 0 70px;
}
.foot-logo{
	max-width:400px;
	margin-bottom:100px;
}
#footer address{
	font-style:normal;
	display:block;
	margin-bottom:30px;
}
#footer ul{
	list-style:none;
	padding:0;
	margin:0;
}
#footer a{
	color:#fff;
}
#footer a:hover{
	color:#f3e4cd;
}
#footer .col h3{
	font-size:1.46vw;
	margin-bottom: 22px;
}
#footer .col a.map{
	text-decoration:underline;
}
#footer .social-holder{
	font-size:30px;
	margin-top:22px;
}
#footer .social-holder li {
	margin-right: 25px;
}
.foot-nav{
	margin-top:100px;
}
.foot-nav li{
	display:inline-block;
	vertical-align:top;
	margin-right:45px;
}
.foot-text{
	margin-top:60px;
}
#loading-image {
	position: fixed;
	display: none;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 9999;
	text-align: center;
	background: rgba(0,0,0,0.8);
}
#loading-image img {
  margin-top: 28%;
}

.fadeInLeftShort { 
    opacity: 0; 
    -webkit-transform: translateX(-100px);  
    transform: translateX(-100px); 
	transition: all 0.8s ease;
}
.slick-current .fadeInLeftShort { 
	opacity: 1; 
    -webkit-transform: translateX(0);  
    transform: translateX(0); 
	transition: all 0.8s ease;
}

.fadeInRightShort { 
    opacity: 0; 
    -webkit-transform: translateX(100px);  
    transform: translateX(100px); 
	transition: all 0.8s ease;
}
.slick-current .fadeInRightShort { 
	opacity: 1; 
    -webkit-transform: translateX(0);  
    transform: translateX(0); 
	transition: all 0.8s ease;
}
.motivation .bottom-link .slick-track{
	margin:0 -20px;
}
.motivation .bottom-link .slick-slide{
	padding:0 20px;
}
.navigation .next{
	float:right;
}
.navigation .prev{
	float:left;
}
@media only screen and (max-width:1820px) {
	#header .nav-holder #nav ul li {
		margin-bottom: 20px;
	}
	#nav li a{
		font-size:3vw;
	}
}
@media only screen and (max-width:1620px) {
	#header .nav-holder #nav ul li {
		margin-bottom: 20px;
	}
	#nav li a{
		font-size:2.6vw;
	}
	#header .contact-detials{
		bottom:70px;
	}
	#header .contact-detials,
	#header .contact-detials h4 {
		font-size: 1.8vw;
	}
	.top-space{
		margin-top:50px;
	}
	.featured-product .img-holder {
	  	margin-bottom: 55px;
	}
	.featured-product .project-holder .btn {
	  	margin-top: 45px;
	}
}
@media only screen and (max-width:1480px) {
	input[type="text"], 
	input[type="email"], 
	input[type="password"], 
	input[type="tel"], 
	input[type="url"], 
	input[type="number"], 
	select, 
	textarea {
		font-size: 18px;
		line-height: 55px;
		height: 55px;
	}
	textarea{
		height:200px;
		line-height: 20px;
	}
	label{
		margin-bottom:15px;
	}
	.big-pad {
	  	padding: 9% 0;
	}
	.btn,
	input[type="submit"],
	.load-more a,
	.navigation a{
		font-size: 18px;
		height: 55px;
		line-height: 55px;
	}
	.btn::after,
	.load-more a:after {
		font-size:32px;
	}
	
	.logo{
		width: 300px;
		height: 34px;
	}
	.top-pad {
	  	padding-top: 134px;
	}
	#header .contact-detials{
		bottom:60px;
	}
	#header .contact-detials .social-holder li{
		margin-left: 18px;
	}
	.ready-work h2 {
	  	margin-bottom: 50px;
	}
	.ready-work .btn-holder {
	  	margin-top: 45px;
	}
	.ready-work .btn-holder .btn{
		min-width:260px;
	}
	#footer {
	  padding: 90px 0 60px;
	}
	.foot-logo {
	  	max-width: 350px;
		margin-bottom: 80px;
	}
	.foot-nav {
	  	margin-top: 80px;
	}
	.foot-text {
	  	margin-top: 50px;
	}
	.top-banner .caption{
		bottom:110px;
	}
	.big-head .two-column{
		margin-top:70px;
	}
	.ab-big-head {
	  padding-bottom: 7%;
	}
	.big-head .full-box-img {
	  	margin-top: 85px;
	}
	.motivation .col h2 {
	  margin-bottom: 55px;
	}
	.motivation .bottom-row {
	  margin-top: 20px;
	}
	.services-points{
		margin-top:45px;
	}
	.accordion-container a.accordian-opener{
		padding:30px 0;
	}
	.accordion-container a.accordian-opener::before {
		top:26px;
	}
	.accordion-container a.accordian-opener::after {
		top:42px;
	}
	.projects .three-col .col {
	  	margin-bottom: 80px;
	}
	.top-single h1 {
	  	margin-bottom: 75px;
	}
	.top-journel .img-holder {
	  	margin-bottom: 60px;
	}
	.top-journel .btn {
	  	margin-top: 55px;
	}
	.all-journels .journel-row {
	  	margin-bottom: 70px;
	}
	.single-journel .sub-head {
	  	margin-bottom: 60px;
	}
	.single-journel .author-meta{
		margin-bottom:80px;
	}
	.single-journel .author-meta .author-img {
		  margin-right: 50px;
		  max-width: 100px;
	}
	.journel-img {
	  	margin-bottom: 80px;
	}
	.journel-content blockquote {
		margin: 80px 0;
	}
	.journel-content img{
		margin-bottom:80px;
	}
	.applications h3 {
	  	margin-bottom: 60px;
	}
	.applications .app-row {
	  	padding: 40px 0;
	}
	.project-info h2 {
	  	margin-bottom: 65px;
	}
	.project-info .intro-text {
		margin-top: 65px;
		padding-top: 65px;
	}
	.related-products h3{
		margin-bottom:80px;
	}
	.form-holder .row {
	  	margin-bottom: 22px;
	}
	.form-holder input[type="submit"]{
		margin-top:60px;
	}
	.form-block .address strong,
	.form-block .address address {
	  margin-bottom: 22px;
	}
	.all-members.four-column .column{
		margin-bottom:80px;
	}

}
@media only screen and (max-width:1320px) {
	#nav li a {
		font-size:2.5vw;
	}
	#header .nav-holder #nav ul li a::before {
		bottom:4px;
	}
	#header .contact-detials{
		bottom:60px;
	}
	#header .contact-detials,
	#header .contact-detials h4 {
		font-size: 1.7vw;
	}
	.certifications .three-col .inner-holder {
	  padding: 0 40px;
	}
	.slider-col {
		gap:70px;
	}
	.slider-col .column .btn {
		  margin-top: 30px;
		  padding-right: 25%;
	}
	.ready-work .btn-holder .btn{
		min-width:220px;
	}
	.top-banner .caption{
		bottom:100px;
	}
	.featured-blocks .col .btn{
		padding-right:70px;
	}
}
@media only screen and (max-width:1220px) {
	ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset {
	  	margin: 0 0 20px;
	}
	.logo {
		width: 256px;
		height: 29px;
	}
	.top-pad {
	  	padding-top: 133px;
	}
	.logo img{
		max-width:260px;
	}
	#header .nav-holder{
		padding-top:150px;
	}
	#header .nav-holder #nav ul li{
		display:flex;
		line-height:1.1;
	}
	#nav li a{
		font-size:28px;
	}
	#header .contact-detials,
	#header .contact-detials h4 {
		font-size: 1.6vw;
	}
	.btn,
	input[type="submit"],
	.load-more a{
		font-size: 18px;
		height: 50px;
		line-height: 50px;
		min-width: 140px;
		padding-right:60px;
	}
	input[type="submit"]{
		padding-right:0;
	}
	.btn::after,
	.load-more a:after {
		font-size:28px;
	}
	.top-space{
		margin-top:40px;
	}
	.big-pad {
	  	padding: 8% 0;
	}
	.smi-container {
	  	width: 80%;
	}
	.sm-container{
		width:88%
	}
	.se-caption{
		font-size: 16px;
		padding:0 30px;
	}
	.services .more-link::after {
		width:40px;
		height:40px;
	}
	.services .more-link::before {
		left: 12px;
		font-size:20px;
	}
	.services .more-link {
		padding: 10px 0 10px 55px;
	}
	.ready-work h2 {
	  	margin-bottom: 40px;
	}
	.ready-work .btn-holder {
	  	margin-top: 40px;
	}
	.ready-work .btn-holder .btn{
		min-width:auto;
		padding:0 30px;
	}
	.top-banner .caption{
		bottom:90px;
	}
	.big-head .two-column{
		margin-top:60px;
	}
	.ab-big-head {
	  padding-bottom: 6%;
	}
	.big-head .full-box-img {
	  	margin-top: 75px;
	}
	.two-col {
	  	gap: 50px;
	}
	.featured-blocks .col .btn{
		padding-right: 40px;
	}
	.single-journel .sub-head {
	  	margin-bottom: 50px;
	}
	.single-journel .author-meta{
		margin-bottom:70px;
	}
	.single-journel .author-meta .author-img {
		  margin-right: 40px;
		  max-width: 80px;
	}
	.journel-img {
	  	margin-bottom: 60px;
	}
	.journel-content blockquote {
		margin: 50px 0;
	}
	.journel-content img{
		margin-bottom:60px;
	}
	.applications h3 {
	  	margin-bottom: 50px;
	}
	.applications .app-row {
	  	padding: 30px 0;
	}
	.applications .app-row .text-holder {
		width: 85%;
	}
	.related-products h3{
		margin-bottom:60px;
	}
	.form-holder .row {
  		margin-bottom: 10px;
	}
	.form-block .form-holder {
	  padding-right: 0;
	}
	.services-points > h2 {
	  margin-bottom: 50px;
	}
	.more-about > h2,
	.work-experiance > h2{
		margin-bottom:40px;
	}
	.team-part {
		margin: 70px -10px 6%;
	}
	.team-part .col {
	  padding: 0 10px;
	}
	.team-part .img-holder {
	  margin-bottom: 20px;
	}
	.team-head h1 {
	  margin-bottom: 40px !important;
	}
	.all-members.four-column {
	  margin: 7% -10px 0;
	}
	.all-members.four-column .column{
		padding:0 10px;
	}
	.detail-page .key-points{
		margin-bottom:80px;
	}
	.big-head p br{
		display:none;
	}
}
@media only screen and (max-width: 1180px) {
	#header .contact-detials .social-holder {
	  	margin-top: 20px;
	}
	#header .contact-detials .social-holder li{
		margin-left: 15px;
	}
	.slider-col {
		gap:50px;
	}
	.slider-col .column .btn {
		  padding-right:40px;
	}
	#footer {
	  padding: 70px 0 50px;
	}
	.foot-logo {
	  	max-width: 300px;
		margin-bottom: 60px;
	}
	.foot-nav {
	  	margin-top: 60px;
	}
	.foot-text {
	  	margin-top: 40px;
	}
	#footer .social-holder {
		font-size: 26px;
		margin-top: 0;
	}
	.featured-blocks .col .btn {
	  min-width: auto;
	  padding: 0 15px;
	  font-size: 14px;
	  padding-right: 45px;
	}
	.featured-blocks .col .btn::after {
	  font-size: 20px;
	}
	.key-points .flex-col, 
	.featured-blocks .flex-col {
	  gap: 25px;
	}
	.featured-blocks.projects .flex-col {
	  gap: 0;
	  margin: 0 -12px;
	}
	.projects .three-col .col {
	  	margin-bottom: 70px;
		padding: 0 12px;
	}
	.top-single h1 {
	  	margin-bottom:65px;
	}
	.top-journel .img-holder {
	  	margin-bottom: 50px;
	}
	.top-journel .btn {
	  	margin-top: 45px;
	}
	.all-journels .flex-col {
	  	gap: 25px;
	}
	.all-journels .col .text-holder {
	  padding: 0;
	}
	.top-journel .btn, 
	.all-journels .col .text-holder .btn {
	  margin-top: 40px;
	}
	.all-members.four-column .column{
		margin-bottom:70px;
	}
}
@media only screen and (max-width: 1080px) {
	.go-top{
		bottom: 50px;
		right: 4.17%;
		font-size: 40px;
	}
	.motivation .col h2 {
	  margin-bottom: 40px;
	}
	.motivation .bottom-row .col strong {
	  display: block;
	  margin-bottom: 20px;
	}
	.top-banner .banner-btn {
	  position: relative;
	  bottom: auto;
	  left: 0;
	  right:auto;
	  margin-top: 30px;
	}
	.single-journel .sub-head {
	  	margin-bottom: 40px;
	}
	.single-journel .author-meta{
		margin-bottom:60px;
	}
	.single-journel .author-meta .author-img {
		  margin-right: 30px;
		  max-width: 60px;
	}
	.project-info h2 {
	  	margin-bottom: 50px;
	}
	.project-info .intro-text {
		margin-top: 50px;
		padding-top: 50px;
	}
	.related-products h3{
		margin-bottom:50px;
	}
	.services-points > h2 {
	  margin-bottom: 40px;
	}
	.detail-page .key-points{
		margin-bottom:60px;
	}
	.motivation .bottom-link strong{
		font-size:14px;
	}
}
@media only screen and (max-width: 980px) {
	body{
		font-size:18px;
	}
	h1{
		font-size:30px;
	}
	h2 {
		font-size:26px;
	}
	h3{
		font-size:20px;
	}
	.logo {
		width: 220px;
		height: 25px;
	}
	#header .contact-detials,
	#header .contact-detials h4 {
		font-size:18px;
	}
	.smi-container {
	  	width: 90%;
	}
	.sm-container{
		width:95%;
	}
	.top-space {
	  	margin-top: 20px;
	}
	.big-pad {
	  	padding: 100px 0;
	}
	.big-head {
		font-size: 24px;
		line-height: 1.2;
	}
	.se-caption {
		font-size: 14px;
	}
	.services .more-link::after {
		width: 36px;
		height: 36px;
	}
	.services .more-link::before {
		left: 11px;
		font-size: 18px;
	}
	.services .more-link {
	  	padding: 10px 0 10px 50px;
	}
	.big-head,
	.block-heading,
	.featured-product .project-holder span,
	.slider-col .column span,
	.motivation .col h2,
	.services-points > h2,
	.more-about > h2,
	.work-experiance > h2 {
		font-size: 20px;
	}
	.more-about > h2{
		margin-bottom:30px;
	}
	.ready-work,
	.ready-work .btn-holder .btn {
	  	font-size: 20px;
	}
	#footer .col h3{
		font-size:18px;
	}
	.foot-nav li {
	  margin-right: 25px;
	}
	.top-banner .caption{
		bottom:70px;
		font-size:16px;
	}
	.top-banner .caption span {
		display: block;
		margin-bottom: 20px;
	}
	.top-banner .caption h1{
		font-size:30px;
	}
	.big-head .two-column{
		margin-top:50px;
	}
	.big-head .two-column .column,
	.accordion-container a.accordian-opener{
		font-size:16px;
	}
	.top-single h1 {
	  	margin-bottom:65px;
		font-size:30px;
	}
	.top-journel .img-holder {
	  	margin-bottom: 50px;
	}
	.top-journel .btn {
	  	margin-top: 45px;
	}
	.top-journel,
	.all-journels .col .text-holder,
	.journel-content blockquote q,
	.p-quote blockquote q{
		font-size:20px;
	}
	.apps-bottom .apps-bottom-h {
	  	max-width:100%;
	}
	.project-info h2 {
	  	margin-bottom: 45px;
		font-size:30px;
	}
	.project-info .intro-text {
		margin-top: 45px;
		padding-top: 45px;
		font-size: 20px;
	}
	.contact-content{
		width:70%;
		font-size:18px;
	}
	.form-holder input[type="submit"]{
		margin-top:40px;
	}
	.form-block .two-column .column{
		width:100%;
	}
	.form-block .two-column .column:first-child{
		margin-bottom:25px;
	}
	.form-block .con {
	  margin-top: 50px;
	}
	.more-about {
	  margin-top: 60px;
	}
	.team-head .sm-container {
	  width: 70%;
	}
	.all-members.four-column .column{
		margin-bottom:60px;
	}
	.all-members.four-column {
	  margin-top:50px;
	}
}
@media only screen and (max-width: 767px) {
	body{
		font-size:16px;
	}
	ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset {
	  	margin: 0 0 15px;
	}
	input[type="text"], 
	input[type="email"], 
	input[type="password"], 
	input[type="tel"], 
	input[type="url"], 
	input[type="number"], 
	select, 
	textarea {
		font-size: 16px;
		height:40px;
		line-height:40px;
		padding:0 10px;
	}
	textarea {
		padding:10px;
	  font-size: 16px;
	  height: 130px;
	  line-height: 20px;
	}
	input[type="submit"]{
		font-size:16px;
		height: 45px;
		line-height: 45px;
	}
	label {
	  margin-bottom: 10px;
	}
	.btn,
	.load-more a{
		font-size:16px;
		min-width:inherit;
		height: 45px;
		line-height: 45px;
	}
	.btn::after,
	.load-more a:after {
	  	font-size: 24px;
	}
	.container,
	.container.biggap,
	.project-details .detail-holder.has-slider .container.one-slide {
	  	padding: 0 20px;
	}
	.slider-block.jou .container {
	  padding-right: 20px;
	}
	.smi-container,
	.sm-container {
	  	width: 100%;
	}
	.section{
		padding:60px 0;
	}
	#header{
		padding:20px 0;
	}
	.logo img {
	  	max-width: 160px;
	}
	.logo {
		width: 160px;
		height: 18px;
	}
	.top-pad {
	  	padding-top: 65px;
	}
	#header.header-change .logo {
		width: 140px;
		height: 16px;
		margin-top: 5px;
	}
	#header.nav-active .logo{
		width: 140px;
		height: 16px;
	}
	.menu-opener{
		margin-top:0;
	}
	#header.header-change {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#nav li a {
	  	font-size: 24px;
		padding-right: 10px;
	}
	#header .nav-holder{
		padding:100px 20px 30px;
	}
	#header .nav-holder #nav li a::before {
		bottom:2px;
	}
	#header .contact-detials {
	  	bottom: 20px;
	}
	#header .contact-detials,
	#header .contact-detials h4 {
		font-size: 16px;
	}
	#header .contact-detials .social-holder {
	  	margin-top: 10px;
	}
	#header .contact-detials h4{
		margin-bottom:10px;
	}
	#header .contact-detials span {
	  	margin-bottom: 0;
	}
	#header .contact-detials .social-holder li{
		margin-left: 10px;
	}
	.top-space{
		margin-top:20px;
	}
	.big-pad {
	  	padding: 80px 0;
	}
	.three-col .col,
	.foot-three-col .col {
		width: 100%;
		-ms-flex-basis: 100%;
		flex-basis: 100%;
	}
	.se-caption{
		bottom:50px;
	}
	.services .text-holder{
		font-size:16px;
	}
	.services .text-holder{
		opacity:1;
		visibility:visible;
		max-height: inherit;
	}
	.featured-product{
		padding-top: 70px;
		padding-bottom: 50px;
	}
	.featured-product .img-holder {
	  	margin-bottom: 35px;
	}
	.featured-product .project-holder .btn {
	  	margin-top: 25px;
	}
	.block-heading,
	.featured-product .project-holder span,
	.slider-col .column span {
		font-size: 18px;
	}
	.certifications {
		padding-top: 70px;
		padding-bottom: 0;
	}
	.certifications .big-head {
	  	margin-bottom: 70px;
	}
	.certifications .three-col .col {
	  	margin-bottom: 60px;
		width:50%;
		-ms-flex-basis: 50%;
		flex-basis: 50%;
	}
	.certifications .three-col .col:last-child{
		margin-bottom:60px;
	}
	.slider-col {
		gap: 0;
		flex-wrap: wrap;
	}
	.slider-col .column:first-child,
	.slider-col .column:last-child {
	  	width: 100%;
	}
	.slider-col .column:first-child{
		margin-bottom:40px;
		padding-right:30px;
	}
	.slider-col .column .btn {
	  	padding-right: 60px;
	}
	.block-heading{
		margin-bottom:30px;
	}
	.slider-block {
	  	padding: 70px 0 50px;
	}
	.jo-slider,
	.jo-slider-2,
	.jou-slider {
	  	margin-bottom: 35px;
	}
	.jo-slider .slide,
	.jo-slider-2 .slide {
	  	margin-right: 20px;
	}
	.jo__arrow,
	.jo__arrowp {
		height: 40px;
		width: 40px;
	}
	.jo__arrow::before,
	.jo__arrowp::before {
		font-size:18px;
	}
	.progress {
		width: calc(100% - 110px);
	}
	.ready-work,
	.ready-work .btn-holder .btn {
	  	font-size: 16px;
	}
	.ready-work {
	  	padding: 70px 0;
	}
	.ready-work h2 {
	  	margin-bottom: 30px;
	}
	.ready-work .btn-holder {
	  	margin-top: 25px;
	}
	.ready-work .btn-holder .btn{
		margin-right:10px;
		padding: 0 15px;
	}
	.bottom-links .column a {
		padding: 25px 20px;
		font-size: 14px;
	}
	.bottom-links .column a::after {
		font-size:18px;
		right:20px;
	}
	#footer {
	  	padding: 50px 0 40px;
	}
	.foot-logo {
		max-width: 220px;
		margin-bottom: 45px;
	}
	#footer address {
		margin-bottom: 20px;
	}
	.three-col .col,
	.foot-three-col .col{
		margin-bottom:25px;
	}
	.three-col .col:last-child,
	.foot-three-col .col:last-child{
		margin-bottom:0;
	}
	.services .three-col .col{
		margin-bottom:0;
	}
	.foot-nav {
	  	margin-top: 40px;
	}
	.foot-nav li {
	  	margin-right: 15px;
		font-size:14px;
		margin-bottom:10px;
	}
	.foot-text {
	 	margin-top: 20px;
	}
	.go-top{
		bottom: 40px;
		right: 20px;
		font-size: 30px;
	}
	.top-banner .caption{
		bottom:30px;
		font-size:14px;
	}
	.top-banner .caption span {
		margin-bottom: 15px;
	}
	.top-banner .caption h1{
		font-size:24px;
	}
	.big-head .two-column {
		margin-top: 30px;
		flex-wrap: wrap;
	}
	.big-head .two-column .column {
	  	width:100%;
		margin-bottom:20px;
	}
	.big-head .two-column .column:last-child {
		margin-bottom:0;
	}
	.big-head .full-box-img {
	  	margin-top: 45px;
	}
	.motivation .col h2 {
	  margin-bottom: 25px;
	}
	.two-col .col{
		width: 100%;
		-ms-flex-basis:100%;
		flex-basis: 100%;
	}
	.motivation .flex-col {
	  flex-wrap: wrap;
	}
	.motivation .bottom-row .col strong {
	  margin-bottom: 15px;
	}
	.motivation .bottom-row .col:last-child {
	  	padding-top: 0;
	}
	.motivation .bottom-link {
	  margin-top: 50px;
	}
	.motivation .bottom-link strong {
	  padding-bottom: 15px;
	}
	.motivation .bottom-link .flex-col {
	  gap: 0;
	}
	.key-points .flex-col,
	.featured-blocks .flex-col{
		flex-wrap:wrap;
		gap:0;
	}
	.key-points .row{
		padding:10px 0;
	}
	.key-points{
		margin-top: 20px;
	}
	.featured-blocks .col .img-holder {
	  margin-bottom: 15px;
	}
	.top-banner .banner-btn {
		margin-top:15px;
	}
	.top-banner .banner-btn .btn {
		padding-right: 60px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.services-points {
	  	margin-top: 30px;
	}
	.accordion-container a.accordian-opener {
	  	padding: 20px 0;
	}
	.accordion-container a.accordian-opener::before {
	  	top: 18px;
		right: 40px;
		display: block;
		height: 26px;
	}
	.accordion-container a.accordian-opener::after {
	  	top: 30px;
		right: 28px;
		width: 26px;
	}
	.accordion-container .inner-slide{
		padding:10px 0;
	}
	.accordion-container .inner-slide ul li {
		margin-bottom: 15px;
		width: 100%;
		float: none;
	}
	.projects .three-col .col {
	  	margin-bottom: 40px;
	}
	.top-single h1 {
	  	margin-bottom:40px;
	}
	.top-journel{
		padding-bottom:50px;
	}
	.top-journel .img-holder {
	  	margin-bottom: 25px;
	}
	.top-journel .btn {
	  	margin-top: 25px;
	}
	.top-journel h3,
	.all-journels .col .text-holder h3 {
	  margin-bottom: 15px;
	}
	.top-single{
		padding:30px 0;
	}
	.all-journels .flex-col {
	  flex-wrap: wrap;
	  gap: 20px;
	}
	.all-journels .journel-row {
	  margin-bottom: 50px;
	}
	.top-journel .btn, 
	.all-journels .col .text-holder .btn {
	  margin-top: 30px;
	}
	.single-journel .sub-head {
	  	margin-bottom: 30px;
	}
	.single-journel .author-meta{
		margin-bottom:40px;
		padding:20px 0;
	}
	.single-journel .author-meta .author-img {
		  margin-right: 20px;
		  max-width: 50px;
	}
	.journel-img {
	  	margin-bottom: 30px;
	}
	.journel-content blockquote {
		margin:30px 0;
	}
	.journel-content blockquote cite {
	  	margin-top: 20px;
	}
	.journel-content img{
		margin-bottom:30px;
	}
	.applications h3 {
	  	margin-bottom: 30px;
	}
	.applications .app-row {
	  	padding: 20px 0;
	}
	.applications .previous-apps {
	  	margin-top: 60px;
	}
	.apps-bottom{
		padding-top:15px;
	}
	.project-info h2 {
	  	margin-bottom: 25px;
		font-size:24px;
	}
	.project-info .intro-text {
		margin-top: 25px;
		padding-top: 25px;
		font-size: 18px;
	}
	.project-details .detail-description h3 {
	  margin-bottom: 30px;
	}
	.project-details .detail-description {
	  margin-bottom: 50px;
	  max-width: 100%;
	}
	.project-details .detail-images img {
	  margin-bottom: 20px;
	}
	.project-details .detail-holder {
	  margin-bottom: 60px;
	}
	.project-details .detail-holder.has-slider .p-caption {
	  bottom: 60px;
	  padding-left: 0;
	}
	.related-products h3{
		margin-bottom:30px;
	}
	.contact-content{
		width:100%;
	}
	.form-holder input[type="submit"]{
		margin-top:20px;
	}
	.two-column .column{
		width:100%;
	}
	.two-column .column:first-child{
		margin-bottom:25px;
	}
	.form-block .address strong, 
	.form-block .address address {
	  margin-bottom: 15px;
	}
	.services-points > h2 {
	  margin-bottom: 30px;
	}
	.team-part {
	  margin: 50px -10px 50px;
	}
	.work-experiance {
	  padding-top: 50px;
	  margin-top: 50px;
	}
	.team-head .sm-container {
	  width:90%;
	}
	.team-head h1 {
	  margin-bottom: 30px !important;
	}
	.all-members.four-column .column{
		margin-bottom:40px;
	}
	.four-column .column{
		width:100%;
	}
	.all-members .column .img-holder {
	  	margin-bottom: 15px;
	}
	.detail-page .key-points{
		margin-bottom:40px;
	}
	.services.ho .inner-holder{
		height:400px;
	}
	.services.ho .inner-holder img{
		display: block;
		height: 100%;
		object-fit: cover;
		object-position: 50% 100%;
		width: 100%;
	}
	.top-banner.he-mobile{
		min-height:400px;
	}
	.top-banner.he-mobile img{
		display: block;
		height: 100%;
		object-fit: cover;
		object-position: 50% 100%;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	.top-banner h1 br{
		display:none;
	}
	.motivation .bottom-link{
		display:none;
	}
	.navigation a{
		font-size: 14px;
		height: 45px;
		line-height: 45px;
		padding:0 10px !important;
	}
}
@media only screen and (max-width: 480px) {
	.bottom-links .column a {
		font-size: 12px;
	}
	.bottom-links .column a::after {
		font-size:16px;
		right:10px;
	}
}
@media only screen and (max-width: 360px) {
	.ready-work .btn-holder .btn{
		margin-right:0;
		display:block;
		margin-bottom:20px;
		padding: 0 15px;
	}
	.navigation a{
		font-size: 12px;
		height:40px;
		line-height: 40px;
		padding:0 8px !important;
	}
	
}
@media only screen and (max-width: 320px) {
	#header .nav-holder #nav li{
		margin-bottom: 15px;
	}
	#nav li a{
		font-size: 22px;
		line-height: 22px;
	}
	#header .logo {
		width: 100px;
		height: 35px;
	}
}

@media only screen and (min-width: 1921px) {
	body{
		font-size: 28px;
		line-height: 38px;
	}
	h2 {
		font-size:55px;
		line-height:1.2;
	}
	h3 {
		font-size:38px;
	}
	#nav li a{
		font-size:60px;
	}
	#header .nav-holder {
		padding:250px 4.17% 50px;
	}
	#header .contact-detials{
		font-size:38px;
	}
	#header .contact-detials h4{
		font-size:38px;
	}
	.big-head{
		font-size:55px;
		line-height:65px;
	}
	.big-pad{
		padding:280px 0;
	}
	.services .text-holder {
		font-size: 32px;
		margin-bottom: 40px;
	}
	.featured-product{
		padding-top: 170px;
		padding-bottom: 115px;
	}
	.block-heading{
		font-size:32px;
	}
	.featured-product .project-holder span,
	.slider-col .column span {
	  	font-size: 38px;
	}
	.certifications {
		padding-top: 155px;
		padding-bottom: 0;
	}
	.certifications .big-head{
		margin-bottom:155px;
	}
	.slider-col .column .btn {
		padding-right:172px;
	}
	.ready-work{
		padding:180px 0;
		font-size: 32px;
	}
	.bottom-links .column a{
		font-size: 32px;
	}
	.bottom-links .column a{
		padding:90px 80px;
	}
	.bottom-links .column a::after {
		right: 80px;
	}
	.top-banner .caption{
		font-size: 32px;
	}
	.top-banner .caption h1{
		font-size:55px;
	}
	.big-head .two-column .column{
		font-size:28px;
	}
	.ab-big-head{
		padding-bottom:140px;
	}
	#footer .col h3{
		font-size:28px;
	}
	.motivation .col h2{
		font-size: 45px;
	}
	.motivation .bottom-row h3{
		margin-bottom:120px;
	}
	.motivation .bottom-link {
	  margin-top:190px;
	}
	.accordion-container a.accordian-opener {
		font-size:36px;
	}
	.top-journel,
	.all-journels .col .text-holder{
		font-size: 38px;
	}
	.top-single h1{
		font-size:55px;
	}
	.top-single{
		padding:95px 0 35px;
	}
	.top-journel{
		padding-bottom:95px;
	}
	.journel-content blockquote q,
	.p-quote blockquote q{
		font-size:38px;
	}
	.applications .previous-apps{
		margin-top:180px;
	}
	.project-info h2{
		font-size:55px;
	}
	.project-info .intro-text,
	.contact-content{
		font-size:45px;
	}
	.form-block .con{
		margin-top:100px;
	}
	.services-points > h2,
	.more-about > h2,
	.work-experiance > h2{
		font-size:45px;
	}
	.more-about{
		margin-top:185px;
	}
}