/*!
Theme Name: level1
Theme URI: http://webapricot.com/
Author: WebApricot
Author URI: http://webapricot.com/
Description: Theme for level1
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: webapricot

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Reset
# Fonts
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Header
# Front page
# Simple page
# About us page
# Single page
# Archive page
# Contact page
# Pagination
# Search
# Breadcrumb
# ACF map
# Footer
# Infinite scroll
# Media
	## Captions
	## Gallery
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Reset
--------------------------------------------------------------*/

:root{

	--backgroundColor: #2C3A47;
	--borderColor: rgba(112, 112, 112, .5);
	--darkBlue: #082032;
	--darkBlue80: rgba(8, 32, 50, .8);
	--mainBlue: #2E497F;
	--mainBlue20: rgba(46, 73, 127, .20);
	--mainBlue5: rgba(46, 73, 127, .05);
	--textColor: #082032;
	--white: #FFFFFF;
	--montserrat:  'Montserrat', sans-serif;
	--spartan: 'League Spartan', sans-serif;
}

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, sub, sup,
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    vertical-align: baseline;
    word-wrap:break-word;
	
}

html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
    /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box;
    /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing: border-box;
    /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing: border-box;
}

* {
	outline-color: transparent;
}

ol,
ul {
    list-style: none;
	font-size: 17px;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}
caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
	text-decoration: none;
}

a img {
    border: 0;
}
a img:hover {
    border: 0;
}

/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

/*@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');*/




/* Icomoon styles */

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-share-2:before {
  content: "\e924";
}
.icon-tag1:before {
  content: "\e925";
}
.icon-youtube:before {
  content: "\e921";
}
.icon-x-circle:before {
  content: "\e920";
}
.icon-rating:before {
  content: "\e91d";
  color: #f2ead0;
}
.icon-service-2:before {
  content: "\e91e";
  color: #f2ead0;
}
.icon-gear:before {
  content: "\e91f";
  color: #f2ead0;
}
.icon-bookmark:before {
  content: "\e900";
}
.icon-calendar:before {
  content: "\e901";
}
.icon-check-square:before {
  content: "\e902";
}
.icon-chevron-down:before {
  content: "\e903";
}
.icon-chevron-left:before {
  content: "\e904";
}
.icon-chevron-right:before {
  content: "\e905";
}
.icon-chevron-up:before {
  content: "\e906";
}
.icon-circle:before {
  content: "\e907";
}
.icon-clock:before {
  content: "\e908";
}
.icon-disc:before {
  content: "\e909";
}
.icon-download:before {
  content: "\e90a";
}
.icon-edit:before {
  content: "\e90b";
}
.icon-eye:before {
  content: "\e90c";
}
.icon-facebook:before {
  content: "\e90d";
}
.icon-globe:before {
  content: "\e90e";
}
.icon-heart:before {
  content: "\e90f";
}
.icon-instagram:before {
  content: "\e910";
}
.icon-list:before {
  content: "\e911";
}
.icon-mail:before {
  content: "\e912";
}
.icon-map-pin:before {
  content: "\e913";
}
.icon-menu:before {
  content: "\e914";
}
.icon-phone-call:before {
  content: "\e915";
}
.icon-search:before {
  content: "\e916";
}
.icon-shopping-cart:before {
  content: "\e917";
}
.icon-square:before {
  content: "\e918";
}
.icon-tag:before {
  content: "\e919";
}
.icon-twitter:before {
  content: "\e91a";
}
.icon-user:before {
  content: "\e91b";
}
.icon-x:before {
  content: "\e91c";
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: "",sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1 {
	font-family: "League Spartan",sans-serif;
	font-size: 64px;
	font-weight: 400;
	color: var(--mainBlue);
	line-height: 60px;
}

#header_title_block h1{
	color: var(--white);
	font-weight: 400;
}

h2 {
	font-family: "League Spartan",sans-serif;
	font-size: 40px;
	font-weight: 400;
	line-height: 54px;
	color: var(--mainBlue);
}

h3 {
	font-family: var(--montserrat);
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	color: var(--mainBlue);
}

h4 {
	font-family: "",sans-serif;
	font-size: 22px;
	line-height: 32px;
	color: #595959;
}

h5 {
	font-family: "",sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #595959;
}

h6 {
	font-family: "",sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #595959;
}

p {
	font-family: var(--montserrat);
	font-size: 16px;
	/* line-height: 24px; */
	color: var(--textColor);
}


b, strong {
	font-family: var(--montserrat);
	font-weight: bold;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote,
pre {
	font-family: "",sans-serif;
	font-size: 18px;
 	background-color: #F3F3F3;
}
.blockquote-left-icon {
	font-size: 30px;
	color: #065D06;
	padding: 10px 10px 0 10px;
}
.blockquote-right-icon {
	text-align: right;
	font-size: 30px;
	color: #065D06;
	padding: 0px 10px 10px 10px;
}
blockquote p {
	padding:0 4%;
	margin-bottom: 0px;
}

address {
	margin: 0 0 1.5em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/
body.body-scroll {
	overflow-y: hidden;
	max-height: 100vh;
}
.page-template-front-page #content{
	margin-top: -51px;
}

#home-page-top-slider{
	/* display: inline-block; */
	height: fit-content;
	/* text-align: right; */
	width: 44%;
	/* width: 53%; */
	position: absolute;
    right: 0;
}
#home-page-top-slider a{
	display: inline-flex;
	width: 100%;
}

#home-page-top-slider a figure{
	display: inline-flex;
	width: 100%;
}

#home-page-top-slider .owl-stage{
	padding-left: 0 !important;
}

#home-page h1{
	font-weight: 700;
	line-height: 72px;
	margin-bottom: 10px;
	max-width: 540px;
}

#home-page h1 span{
	display: block;
}

.header-logo-block a{
	width: 208px;
	height: auto;
	display: inline-block;
}

.title-block p{
	color: var(--mainBlue);
	font-family: var(--montserrat);
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	max-width: 292px;
}

#home-page .home-top-section{
	position: relative;
	display: flex;
	padding-bottom: 30px;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
}

.home-service-inner-block{
	z-index:0;
}

#home-page .home-top-section:after{
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	/* backdrop-filter: blur(5px); */
}

#home-page-portfolio-slider-block{
	z-index:0;
}

#home-page .title-block{
	z-index: 1;
}

/* #home-page .home-top-section:after{
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
} */

.home-about-us-block{
	background-color: var(--darkBlue);
	
}
.home-about-us-img-block{
	background-image: url("/wp-content/uploads/Group-89.png");
	background-repeat: no-repeat;
	padding: 120px 0;
}

.home-about-us-block h2{
	color: var(--white);
	margin-bottom: 20px;
}

.home-about-us-block p{
	color: var(--white);
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 20px;
}

.about-us-box{
	align-items: center;
	margin-bottom: 120px;
}

.about-us-box div,
.about-us-box figure,
.our-method-box div,
.wa-single-portfolio-page .content-section > div{
	width: calc(50% - 50px);
}

.about-us-box figure{
	height: 450px;
	margin: 0;
}

.about-us-box figure img,
.home-service-inner-block figure img,
.inner-stages-block figure img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.home-service-inner-block{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.home-service-inner-block div{
	/* margin-bottom: 70px; */
	width: calc(50% - 50px);
	z-index: 0;
}

.home-service-inner-block div:nth-child(odd){
	 margin-top: 60px;
}

.home-service-inner-block figure{
	height: 620px;
	margin: 0;
	position: relative;
}

.home-service-inner-block figure:after{
	background-image: linear-gradient(rgba(8,32,50,0), rgba(8,32,50,0.6));
    content: "";
    cursor: pointer;
    height: 90%;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.home-service-inner-block figcaption{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.home-service-inner-block h3{
	color: var(--white);
	font-family: var(--montserrat);
	font-size: 32px;
	font-weight: 600;
	line-height: 36px;
	white-space: nowrap;
}

.home-services-block h2{
	margin-bottom: 20px;
}

.home-services-block{
	padding: 90px 0;
}

.work-stages-block{
	background-color: #2C3A47;
	padding: 90px 0;
	background-image: url("/wp-content/uploads/Group-95.png");
	background-position: 0 -500px;
}

.work-stages-block *{
	color: var(--white);
}

.work-stages-block span{
	font-family: var(--montserrat);
	font-size: 60px;
	font-weight: 400;
	line-height: 54px;
	opacity: .5;
	white-space: nowrap;
}

.work-stages-block p{
	font-family: var(--montserrat);
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	opacity: .9;
}

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

.stage-row:last-child{
	margin-bottom: 0;
}

.work-stages-block h2{
	text-align: center;
	margin-bottom: 30px;
}

.work-stages-block h3{
	margin-bottom: 12px;
}

.inner-stages-block {
	align-items: center;
	
}

.inner-stages-block figure{
	height: 934px;
	margin: 0;
	width: 600px;
}

.inner-stages-block>div{
	width: calc(48% - 25px);
}

.inner-stages-block>figure{
	width: calc(52% - 25px);
}


#home-page-portfolio-slider figure{
	height: 330px;
	position: relative;
	margin: 0;
	/* width: 300px; */
}

#home-page-portfolio-slider figure:after{
	background-image: linear-gradient(rgba(8,32,50,0), rgba(8,32,50,0.6));
    content: "";
    cursor: pointer;
    height: 50%;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

#home-page-portfolio-slider figure img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

#home-page-portfolio-slider figcaption{
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index:1;
}

#home-page-portfolio-slider figcaption h3{
	color: var(--white);
	font-family: var(--montserrat);
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
}

.method-box{
	margin-bottom: 120px;
}

#about-us-slider-dots, 
#top-slider-dots.owl-dots{
	display: flex;
	justify-content: flex-end;
}

#top-slider-dots .owl-dot{
	/* background-color:rgba(255, 255, 255, 0.5); */
	background-color:rgba(46, 73, 127, 0.5);
	border-radius: 50%;
	height: 12px;
	margin-right: 12px;
	width: 12px;
	z-index: 1;
}

#about-us-slider-dots .owl-dot{
		background-color:rgba(255, 255, 255, 0.5); 
		border-radius: 50%;
		height: 12px;
		margin-right: 12px;
		width: 12px;
		z-index: 1;
}

#top-slider-dots .owl-dot.active{
	background-color:var(--mainBlue);
	z-index: 1;
}

#about-us-slider-dots .owl-dot.active{
	background-color:var(--white);
	z-index: 1;
}



#home-page-portfolio-slider .owl-dot:last-child{
	margin-right: 0;
}

.main-slider-block{
	margin-top: 200px;
}

.carousel-box{
	height: 430px;
	margin-bottom: 30px;
}

#masthead{
	position: relative;
	z-index: 1;
}

#home-page-top-slider h2{
	color: var(--white);
	font-size: 22px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 6.6px;
	white-space: nowrap;
}

#home-page-top-slider figure{
	position: relative;
	margin: 0;
	height: 430px;
}

#home-page-top-slider figure img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

#home-page-top-slider figcaption{
	position: absolute;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    left: 30px;
	bottom: 30px;
}



/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

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

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

/* input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
} */

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/* a, a:visited {
	font-family: "",sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	transition: .3s all;
}

a:hover, a:focus, a:active {
	color: #6a6a6a;
} */


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

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

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

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

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

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

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

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

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

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Front page
--------------------------------------------------------------*/
#intro {
	position: fixed;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background-color: #ffffff;
	transition: all 0.3s;
}

.wa-front-page .archive-posts {
	text-align: center;
	margin-bottom: 50px;
}
.wa-front-page .archive-posts .post-title{
	text-align: center;
	margin-bottom: 15px;
}
.wa-front-page .archive-posts .owl-carousel{
	position: relative;
	padding:0 25px;
}
.wa-front-page .archive-posts .owl-carousel .post{
	position: relative;
	margin:0 10px ;
}
.wa-front-page .archive-posts .owl-carousel .post .post-image img{
	height: 400px;
	width: 100%;
	object-fit: cover;
}

.wa-front-page .archive-posts .owl-carousel .post .post-desc-block{
	position: absolute;
	bottom: 0;
	width: 100%;
	pointer-events: none;
}
.wa-front-page .archive-posts .owl-carousel .post .post-desc-block .post-info  {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	overflow: hidden;
	padding-bottom: 30px;
}
.wa-front-page .archive-posts .owl-carousel .post .post-desc-block .post-info  h4{
	color: #fff;
	text-align: center;
	background-color: rgba(0, 0, 0, 50%);
	width: 80%;
	padding: 0.3em 0.5em;
}

.wa-front-page .archive-posts .owl-carousel .owl-nav{
	width: 100%;
	height: 100%;
}

.wa-front-page .archive-posts .standard-post .post {
	position: relative;
}
.wa-front-page .archive-posts .standard-post .post .post-image {
	overflow: hidden;
}

.wa-front-page .archive-posts .standard-post .post .post-image img{
	height: 280px;
	width: 100%;
	object-fit: cover;
	transition: 0.3s;
}
.wa-front-page .archive-posts .standard-post .post:hover .post-image img{
	transform: scale(1.2);
}
.wa-front-page .archive-posts .standard-post .post .post-desc-block{
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 0 15px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    pointer-events: none;
}

.wa-front-page .archive-posts .standard-post  .post a{
	text-decoration: none;
}
.wa-front-page .archive-posts .standard-post  .post .post-desc-block .post-info {
	width: 100%;
	padding: 10px;
    color: #fff;
    background: rgba(105, 105, 105, 0.4);
    -moz-backdrop-filter: blur(16px);
    -o-backdrop-filter: blur(5px);
    -ms-backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.wa-front-page .archive-posts .standard-post  .post .post-desc-block .post-info  h4{
	font-size: 14px;
	color: #fff;
}
.wa-front-page .gallery-posts .post-image img{
	cursor: pointer;
	z-index: 50;
}
.wa-front-page .modal-body {
	padding: 0;
}
 img.attachment-woocommerce_thumbnail 
.wa-front-page .carousel-item img {
	width: 100%;
}
.wa-front-page .modal-content {
	border: none;
	border-radius: 0;
	background: transparent;
}
.wa-front-page .modal-header {
	border: none;
}
.wa-front-page button.close {
	outline: none;
}
.wa-front-page .arrow-left-background,
.wa-front-page .arrow-right-background {
	width: 66px;
	height: 50px;
	background-color:rgba(0,0,0,40%);
	opacity: 80%;
	position: absolute;
	display: flex;
    align-items: center;
	justify-content: center;
	cursor: pointer;
}
.wa-front-page .arrow-left-background svg path,
.wa-front-page .arrow-right-background svg path {
	fill:#FFFFFF;
}
.wa-front-page .arrow-left-background {
	left: 0;
}
.wa-front-page .arrow-right-background {
	right: 0;
}
.wa-front-page .carousel-control-next,
.wa-front-page .carousel-control-prev {
	justify-content: unset;
}
.wa-front-page .carousel-control-prev {
	left: 0;
}
.wa-front-page .carousel-control-next {
	right: 0;
}
.wa-front-page .overflow-hidden {
	overflow: hidden;
}
.carousel-control-next:focus, .carousel-control-next:hover,
.carousel-control-prev:focus, .carousel-control-prev:hover {
	opacity: 1;
}
.carousel-control-next:focus, .carousel-control-next:hover svg path,
.carousel-control-prev:focus, .carousel-control-prev:hover svg path {
	opacity: .9;
}
.carousel-control-next, .carousel-control-prev {
	opacity: 1;
}
.wa-front-page .carousel-item {
text-align: center;
}
.wa-front-page .carousel-item img {
	max-height: 80vh;
}
.wa-front-page .service-bg{
	width: 100%;
	background-color:#ffeab4;
	padding-top: 30px;
}
.wa-front-page .service-bg .archive-service .service-title{
	margin-bottom: 20px;
	text-align: center;
}
.wa-front-page .service-bg .archive-service .service-image{
	
	overflow: hidden;
	border: 1px solid #000;
	cursor: pointer;
	padding: 20px;
	box-sizing: border-box;
}
.wa-front-page .service-bg .archive-service .service-image img{
	width: 100%;
	object-fit: cover;
    transition: 0.3s;
    overflow: hidden;
    height: 114px;
}
.wa-front-page .service-bg .archive-service .service-image img:hover{
	transform: scale(1.1);
}
.wa-front-page .service-bg .archive-service .service-info .service_title{
	text-align: center;
	margin-top: 8px;
	cursor: pointer;
}
/*--------------------------------------------------------------
# About us page
--------------------------------------------------------------*/
.wa-about-us-page .our-history .our-history-img img{
	width: 100%;
	object-fit: cover;
	margin-bottom: 24px;
}
.delarrow:after{
	background: initial !important;
}
.delarrow:before{
	background-color: initial !important;
}
.wa-about-us-page .our-history .our-history-content .title{
	margin-bottom: 24px;
}
.wa-about-us-page .our-goals-bg{
	margin:60px 0;
	padding:80px 0;
}
.wa-about-us-page .our-goals .goal-item{
	margin-bottom: 30px;
}
.wa-about-us-page .our-goals .goal-item .goal-item-flex{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.wa-about-us-page .our-goals .goal-item .goal-disc{
	height: 200px;
	width: 200px;
	border-radius: 50%;
	background-color: #fd7e14;
	background-image: linear-gradient(to bottom, #fdc814 0%, #fda814 60%, #fd7e14 100%);
	display: flex;
	justify-content: center;
	align-items: center;

}

.wa-about-us-page .our-goals .goal-item .goal-disc span{
	 font-size: 44px;
    color: #fff;
    display: flex;
    align-items: center;
    padding-top: 12px;
}
.wa-about-us-page .our-goals .goal-item h5{
	text-align: center;
	margin-top: 20px;
}
.carousel-inner {
	overflow: initial!important;
}
/*--------------------------------------------------------------
# Simple page
--------------------------------------------------------------*/

.wa-simple-page {
	padding-bottom: 70px;
}

.wa-simple-page .page-title {
	font-family: "",sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #202020;
	text-align: center;
	margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Single page
--------------------------------------------------------------*/
.wa-single-page .post-tags {
	padding: 20px 0;
	border-bottom: 1px solid #E8E8E8;
	color: #979797;
}
.wa-single-page .post-tags a {
	font-family: "",sans-serif;
	font-size: 16px;
	color: #979797;
	text-decoration: none;
	margin-right: 10px;
}
.wa-single-page .post-tags i {
	font-size: 16px;
}
.wa-single-page .post-thumbnail{
	position: relative;
	border-radius: 15px;
	overflow: hidden;
}
.wa-single-page .post-content h2{
	display: none;
}
.wa-single-page .post-content {
	margin-bottom: 50px;
	margin-top: 20px;
}
.wa-single-page .post-content img {
	margin: 10px 0;
}
.wa-single-page .post-categories-cont {
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
	border-bottom: 1px solid #E8E8E8;
	border-top: 1px solid #E8E8E8;
}
/*--------------------------------------------------------------
# Archive page
--------------------------------------------------------------*/
.blog-sidebar .widget_categories {
	background-color: #ffeab4;
	padding: 2em 1.8em 3em;
}
.blog-sidebar .widget_categories .widget-title{
	font-size: 22px; 
	text-align: center;
	margin-bottom: 20px;
}
 .blog-sidebar .widget_categories  ul{
	margin: 0;
}
 .blog-sidebar .popular-posts  ul{
	margin: 0;
}
 .blog-sidebar .widget_categories ul li{
	list-style: none;
	margin-bottom: 16px;
	border-bottom: 1px solid #000;

}
 .blog-sidebar .widget_categories ul li a{
	text-decoration: none;
}
 .blog-sidebar .popular-posts {
	background-color: #ffeab4;
	padding: 2em 1.8em 3em;
}
 .blog-sidebar .popular-posts ul li  {
	display: flex;
	flex-direction: column-reverse;	
}
 .blog-sidebar .popular-posts ul.wpp-list-with-thumbnails li a img  {
	width: 100%;	
}
.wa-archive-page .archive-posts a:hover {
	text-decoration: none;
}
.wa-archive-page .archive-posts .archive-post {
	padding: 0;
	margin-bottom: 50px;
}
.wa-archive-page .archive-posts .archive-post .post-content{
	color: #171717;
	padding: 1.5em 0 0;
}
.wa-archive-page .post-title {
	margin-bottom: 15px;
	text-align: left;
}
.wa-archive-page .post-thumbnail{
	overflow: hidden;
	position: relative;
	border-radius: 15px;
}
.wa-archive-page .post-thumbnail img{
	transition: 0.3s;
}
.wa-archive-page .post-thumbnail img:hover{
	transform: scale(1.1);
}
.post-view-more {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20px;
}
.post-view-more a.view-more-btn {
    display: inline-block;
    font-family: '', sans-serif;
    font-size: 14px;
    color: #404040;
    border: 2px solid #404040;
    border-radius: 5px;
    text-transform: uppercase;
    padding: .6em 2em .5em;
}
.post-view-more a.view-more-btn:hover{
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
	background-color: #404040;
}
.blog-post .post-share-block svg,
.blog-post .post-share-block span{
	color: #171717;
	font-size: 15px;
	margin-left: 10px;
	transition: 0.3s;
}
.blog-post .post-share-block svg:hover{
	color: #1862FF;
	cursor: pointer;
}

/* Date */
.post-date-in-image {
	background-color: #F1BE00;
	color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
	padding: 8px;
	border-bottom-right-radius: 10px; 
	border-top-left-radius: 10px; 
	z-index: 5;
}

.post-date-in-image > *{
	color: inherit;
	text-align: center;
}

.post-date-in-image p{
	font-size: 13px;
	margin-bottom: 0;
}

/* Share post */
.post-share-block{
	display: flex;
	align-items: center;
}
.post-share-block .share-icons{
	display: none;
}
.post-share-block > i,
.post-share-block > svg{
	font-size: 16px;
	margin-right: 10px;
	cursor: pointer;
	transition: 0.3s;
}
.post-share-block > svg:hover{
	color: #F1BE00;
}
.post-share-block > .share-icons a.view-more-btn{
	margin-left: 12px;
	transition: 0.3s;
}
.post-share-block > .share-icons a.view-more-btn:hover{
	color: #404040;
}

/*--------------------------------------------------------------
# Services page
--------------------------------------------------------------*/
.wa-services-archive-page a:hover {
	text-decoration: none;
}
.wa-services-archive-page .post-thumbnail img {
	transition: .3s;
}
.wa-services-archive-page .post-thumbnail img:hover {
	transform: scale(1.1);
}
.wa-services-archive-page .post-thumbnail {
	overflow: hidden;
}
.wa-services-archive-page .archive-services {
	margin-bottom: 50px;
}
.wa-services-archive-page .post-view-more {
    display: inline-block;
    font-family: '', sans-serif;
    font-size: 14px;
    color: #404040;
    border: 2px solid #404040;
    border-radius: 5px;
    text-transform: uppercase;
    padding: .6em 2em .5em;
    transition: .3s;
}
.wa-services-archive-page .post-view-more:hover{
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
	background-color: #404040;
}

/*--------------------------------------------------------------
# Single page
--------------------------------------------------------------*/
.wa-single-service-page .post-single-categories {
	padding-top: 20px;
	border-top: 1px solid #dddddd;
}
.wa-single-service-page img {
	width: 100%;
}


/*--------------------------------------------------------------
# Contact page
--------------------------------------------------------------*/

.contact-row:first-child{
	border-top: 1px solid var(--mainBlue);
}

.contact-row{
	border-bottom: 1px solid var(--mainBlue);
	gap: 1%;
	padding: 30px 0;
}

#contact-us-page h2{
	font-family: var(--montserrat);
    font-size: 24px;
	font-weight: 600;
    line-height: 1;
    color: var(--darkBlue);
	width: 26%;
}

.working-hours-box{
	width: 30%;
}

.contact-row .contact-box{
	width: 42%;
}

.contact-box p{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.contact-box p span,
.contact-box p a{
	color: var(--darkBlue);
	font-weight: 500;
	line-height: 26px;
	max-width: 224px;
	text-align: left;
	text-decoration: none;
	width: 224px;
}

.working-hours-box span{
	color: var(--darkBlue80);
	display: block;
	font-family: var(--montserrat);
	font-size: 16px;
	font-weight: 400;
	text-align: right;
}

.contact-section{
	margin-bottom: 80px;
}

#map-part{
	border: 0;
	margin-bottom: 90px;
	height: 400px;
	width: 100%;
}

#map-part{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	-webkit-backface-visibility: hidden;  /* Fix for transition flickering */
}


.form-block{
	background-color: var(--darkBlue);
	/* background-repeat: no-repeat; */
	padding: 90px 0;
	background-position: -110px; 
	background-image: url('/wp-content/uploads/Gravity-About_us-Drawing_2.png');
}

.form-block h3{
	color: var(--white);
	font-family: var(--montserrat);
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 20px;
}

.form-block label{
	color: var(--white);
	font-family: var(--montserrat);
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 5px;
}

.form-block input, 
.form-block textarea{
	border: 0;
	color: var(--darkBlue);
	font-family: var(--montserrat);
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	padding: 15px;
	width: 100%;
}

input[type="file"]{
	background-color: var(--white);
	color: var(--darkBlue);
	padding: 15px;
	min-width: 240px;
	max-width:fit-content;
	opacity: 0;
	position: relative;
}

.form-block label.attach-file{
	background-image: url("/wp-content/uploads/Icon-ionic-ios-attach.png");
	background-repeat: no-repeat;
	background-position: 54px 50%;
	background-color: var(--white);
	color: var(--darkBlue);
	padding: 15px;
	min-width: 240px;
	max-width:fit-content;
	height: 50px;
	margin-bottom: 0;
	line-height: unset;
	margin-right: 20px;
	text-align: center;
	transition: .3s all;
	cursor: pointer;
}

.form-block label.attach-file:hover{
	/*background-image: url("/wp-content/uploads/Icon-ionic-ios-attach-1.png"); */
	background-color: var(--white);
	color: var(--darkBlue);
}

.attach-file + span.wpcf7-form-control-wrap{
	display: none;
}

#careers-single-page form p{
	display: inline;
}

#careers-single-page .form-block{
	/* background-image: url("/wp-content/uploads/Group-743.png"); */
	/* background-repeat: no-repeat; */
	/* background-position: bottom right; */
	margin-top: 90px;

	background-position: -190px 40px; 
	background-image: url('/wp-content/uploads/Gravity-About_us-Drawing_2.png');
}

#careers-single-page .social-media-links{
	display: flex;
	justify-content: flex-end;
	margin-bottom: 30px;
}

#blog-single-page .social-media-links,
#portfolio-single-page .social-media-links{
	display: flex;
	justify-content: flex-start;
	margin: 30px 0;
}

#blog-single-page .each-blog-desc{
	padding: 0;
}

#careers-single-page .social-media-links a,
#blog-single-page .social-media-links a,
#portfolio-single-page .social-media-links a{
	align-items: center;
	background-color: var(--mainBlue5);
	border-radius: 50%;
	display: flex;
	height: 36px;
	justify-content: center;
	transition: .3s all;
	width: 36px;
}

#careers-single-page .social-media-links a:hover,
#blog-single-page .social-media-links a:hover,
#portfolio-single-page .social-media-links a:hover{
	background-color: var(--mainBlue);
}

#careers-single-page .social-media-links a:hover  svg.svg-inline--fa,
#blog-single-page .social-media-links a:hover  svg.svg-inline--fa,
#portfolio-single-page .social-media-links a:hover svg.svg-inline--fa{
	color: var(--white);
}

#careers-single-page .social-media-links a:last-child,
#blog-single-page .social-media-links a:last-child,
#portfolio-single-page .social-media-links a:last-child{
	margin-right: 0;
}

#careers-single-page .social-media-links a svg.svg-inline--fa,
#blog-single-page .social-media-links a svg.svg-inline--fa,
#portfolio-single-page .social-media-links a svg.svg-inline--fa{
	color: var(--mainBlue);
	height: 18px;
	width: 16px;
}
#careers-single-page .file-browse-txt {
	color: var(--white);
    display: block;
    margin-top: 10px;
}
.wpcf7-form-control-wrap{
	display: block;
	margin-bottom: 20px;
}

.form-block textarea{
	height: 180px;
}

.form-block input{
	max-height: 50px;
}

.contact-form-submit-block input,
input[type="submit"]{
	background-color: var(--mainBlue);
	background-image: url("/wp-content/uploads/Group-804.png");
	background-position: 30px 50%;
	background-repeat: no-repeat;
	color: var(--white);
	cursor: pointer;
	line-height: 26px;
	padding: 14px 79px;
	text-align: left;
	transition: .3s all;
	width: 240px;
	border-radius: 0;
}

.contact-form-submit-block input:hover,
input[type="submit"]:hover{
	background-color: var(--white);
	background-image: url("/wp-content/uploads/Group-807.png");
	color: var(--darkBlue);
}

.form-block input::placeholder,
.form-block textarea::placeholder{
	color: rgba(8, 32, 50, 0.5);
	font-family: var(--montserrat);
	font-size: 16px;
	font-weight: 400;
}

.form-part{
	width: 50%;
}

.careers-part{
	width: 34%;
}

.careers-part p{
	color: var(--white);
	font-family: var(--montserrat);
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 30px;
}

.wpcf7-not-valid-tip{
	font-family: var(--montserrat);
	font-size: 12px;
	line-height: 1;
	margin-top: 4px;
	color: rgb(255 255 255 / 80%);
}

.wpcf7 form.invalid .wpcf7-response-output{
	border: 0;
	color: var(--white);
	padding: 0;
	margin: 10px 0;
}

.careers-part a,
a.blue-anim-link,
.blue-anim-link{
	color: var(--white);
	font-family: var(--montserrat);
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 2.4px;
	margin-bottom: 2px;
	position: relative;
	text-decoration: none;
}

.careers-part a:after,
a.blue-anim-link::after,
.blue-anim-link::after{
	content: "";
	background: url("/wp-content/uploads/Icon-ionic-ios-arrow-round-forward.png") center no-repeat;
	display: inline-block;
	height:10px;
	margin-left: 10px;
	width: 15px;
}

.anim-link:after{
	content: "";
	background: url("/wp-content/uploads/Icon-ionic-ios-arrow-round-forward-1.png") center no-repeat;
	display: inline-block;
	height:10px;
	margin-left: 10px;
	width: 15px;
	min-width: 15px;
}

.careers-part a:before,
a.blue-anim-link:before,
.blue-anim-link:before{
	content: "";
    position: absolute;
    width: 40px;
    height: 1px;
    bottom: -6px;
    background-color: var(--white);
    transition: .3s all;
    left: 0;
}

.careers-part a:hover:before,
a.blue-anim-link:hover:before,
.blue-anim-link:hover:before{
	width: calc(100% - 25px);
}

.anim-link.anim-link-current:before{
	width: 40px;
}



/* ---------------------blog feed------------- */

.blog-feed{
	display: flex;
	flex-wrap: wrap;
}

.blog-feed{
	margin-top: 30px;
	gap: 24px;
	margin-bottom: 26px;
}

.blog-feed figure{
	height: 260px;
	margin: 0;
}

.blog-feed>div{
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	margin-bottom: 24px;
	width: calc(33.3% - 16px);
}

.blog-feed .load-more-btn{
	margin-bottom: 60px;
}

.blog-feed figure img,
#blog-single-page figure img:not(.wp-block-image img){
	height: 100%;
	object-fit: cover;
	width: 100%;
}

#blog-single-page figure:not(.wp-block-image){
	height: 580px;
	margin: 0;
	margin-bottom: 30px;
}

.wp-block-image{
	/*max-height: 580px;*/
	max-height: 750px;
}

.aboutUs-link-box{
	display: flex;
    justify-content: flex-end;
    align-items: center;
}

.aboutUs-link{
	background-color: var(--white);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	margin-bottom: 90px;
	
}
.aboutUs-link div {
	padding: 10px;
}
.aboutUs-link img{
	height: 60px;
	margin-right: 10px;
	object-fit: contain;
	width: 100px;
}

.each-blog-desc{
	padding: 20px;
}

.blog-feed>div a{
	text-decoration: none;
}

.each-blog-desc span{
	color: var(--darkBlue80);
	display: block;
	font-family: var(--montserrat);
	font-size: 14px;
	margin-bottom: 10px;
}

#blog-page h2,
#blog-single-page h2{
	color: var(--mainBlue);
	font-family: var(--montserrat);
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 15px;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#blog-page p,
#blog-single-page p{
	color: var(--darkBlue);
	font-family: var(--montserrat);
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
}
#blog-page p {
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#blog-single-page p{
	margin-bottom: 40px;
}

#blog-single-page h3{
	margin: 60px 0 20px  0;
}

.post-tags{
	margin-bottom: 30px;
}

.post-tags a{
	background-color: var(--mainBlue5);
	color: var(--darkBlue);
	display:inline-block;
	font-family: var(--montserrat);
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	padding: 0 10px;
	margin-right: 24px;
	margin-bottom: 30px;
}

.post-tags a:last-child{
	margin-right: 0; 
}

.pagination{
	gap: 60px;
	display: flex;
	justify-content: center;
	margin-bottom: 90px;
}

.pagination a{
	align-items: center;
	color: var(--mainBlue);
	font-family: var(--montserrat);
	font-size: 16px;
	font-weight: 400;
	line-height: 34px;
	display: flex;
	gap: 10px;
}

.pagination a:hover{
	color: var(--darkBlue);
}



/* .wa-contact-page .contact-information-block {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.wa-contact-page .contact-information-column {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 23%;
	border-radius: 5%;
	box-shadow: 0px 0 10px rgba(138, 138, 138, 0.3);
	padding: 25px;
}
.wa-contact-page .contact-text h5 {
	margin: 1em auto;
}
.wa-contact-page .contact-text p {
	text-align: center;
	margin: 0;
}
.wa-contact-page .contact-text a {
	text-decoration: none;
}
.wa-contact-page .contact-text a:hover {
	color: #F1BE00;
}
.wa-contact-page .contact-information-column .contact-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.wa-contact-page .contact-information-column span[class*="icon"] {
	font-size: 35px;
	margin: 10px 0;
	color: #F1BE00;
}
.wa-contact-page .icon-cont a:hover svg {
	color: #F1BE00;
	border-color: #404040;	
}
.wa-contact-page .icon-cont svg {
	border: 1px solid #F1BE00;
	color: #171717;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	padding: 5px;
	transition: 0.3s;
} */

/* Career page */

#careers-page{
	padding-top: 30px;
}
#careers-page div p:first-child a {
	color: var(--mainBlue);
}
#careers-page p,
#careers-page-title{
	color: var(--darkBlue);
	font-size: 18px;
	line-height: 28px;
	text-decoration: none;
	margin-bottom: 40px;
	font-family: var(--montserrat);
    font-size: 16px;
}

#careers-page p{
	font-size: 16px;
	/* display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; */
}

#careers-page p a{
	color: var(--darkBlue);
	font-size: 18px;
	line-height: 28px;
	text-decoration: none;

}

#careers-page h2{
	padding-bottom: 20px;
}

.careers-feed{
	border-top: 1px solid var(--darkBlue);
	margin-bottom: 40px;
}

.careers-feed div{
	border-bottom: 1px solid var(--mainBlue);
	display: block;
	padding: 30px 0;
}
.careers-feed div {
	
}
.careers-feed a:hover{
	color: unset;
	text-decoration: none;
}

.careers-feed h3{
	margin-bottom: 20px;
}

.careers-feed p{
	color: var(--darkBlue);
	font-family: var(--montserrat);
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 30px;
}
.partnership-content .anim-link {
	letter-spacing: 2.4px;
}
.anim-link{
	color: var(--darkBlue);
	font-family: var(--montserrat);
	font-size: 16px;
	font-weight: 500;
	line-height: 34px;
	position: relative;
	letter-spacing: 2.4px;
}

.load-more-btn{
	background-color: var(--white);
	border: 1px solid var(--mainBlue);
	color: var(--mainBlue);
	cursor: pointer;
	display: block;
	font-family: var(--montserrat);
	font-size: 18px;
	font-weight: 400;
	margin: 0 auto;
	margin-bottom: 90px;
	padding: 14px 30px;
	transition: .3s all;	
}

#careers-load-more.load-more-btn,
.load-more-btn:focus{
	background-color: var(--white);
	border: 1px solid var(--mainBlue);
	outline: 1px solid var(--mainBlue);
	color: var(--mainBlue);
}

/* ---------------careers-single-page---------- */

#careers-single-page{
	padding-top: 30px;
}

.left-content-part{
	width: 72%;
}

.wa-single-careers-page strong{
	display: block;
	font-size: 20px;
	font-weight: 600;
	line-height: 36px;
	margin-bottom: 20px;
	color: var(--darkBlue);
}

.wa-single-careers-page ul{
	list-style: none;
	margin-bottom: 40px;
	color: var(--darkBlue);
}

.wa-single-careers-page li{
	align-items: flex-start;
	display: flex;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 20px;
	color: var(--darkBlue);
	font-family: var(--montserrat);
}

.wa-single-careers-page li:before{
	content: "";
	background-color: var(--mainBlue);
	border-radius: 50%;
	display: block;
	height: 8px;
	margin-right: 15px;
	margin-top: 8px;
	min-width: 8px;
	width: 8px;
}

#careers-single-page .form-block form{
	width: 72%;
}

















/* Contact form */
.wa-contact-page .contact-form-map {
	margin-top: 80px;
}
.wa-contact-page .contact-form .wpcf7{
	padding: 45px;
	box-shadow: 0px 0 10px rgba(138, 138, 138, 0.3);
	border-radius: 10px;
}
.wa-contact-page .contact-form p{
	margin-bottom: 20px;
}
.wa-contact-page .contact-form .contact-form-submit-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.wa-contact-page .contact-form span.wpcf7-not-valid-tip{
	font-size: 12px;
	margin: 3px 3px 3px 17px;
}
.wa-contact-page .contact-form span.wpcf7-form-control-wrap input {
	width: 100%;
	background-color: #FBFBFB;
	color: #171717;
	font-size: 14px;
	border-radius: 5px;
	padding: 12px 15px 10px;
	outline: none;
	transition: .3s;
}
.wa-contact-page .contact-form span.wpcf7-form-control-wrap input:focus,
.wa-contact-page .contact-form span.wpcf7-form-control-wrap textarea:focus {
	box-shadow: 0 0 5px #ccc;
}
.wa-contact-page .contact-form span.wpcf7-form-control-wrap textarea{
	background-color: #FBFBFB;
	color: #171717;
	font-size: 14px;
	border-radius: 5px;
	resize: none;
	height: 100px;
	padding: 12px 15px;
	margin-bottom: 15px;
	transition: .3s;
	outline: none;
}
.wa-contact-page .contact-form .wpcf7-submit {
	font-family: "",sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #404040;
	border: 2px solid #404040;
	border-radius: 5px;
	background-color: transparent;
	outline: none;
	padding: 1.2em 2.5em 1em;
	transition: 0.3s;
	cursor: pointer;
	margin-bottom: 5px;
}
.wa-contact-page .contact-form .wpcf7-submit:hover {
	color: #FFFFFF;
	border-color:  #FFFFFF;
	background-color: #404040;
}

.contact-form  div.wpcf7-validation-errors,
.contact-form  div.wpcf7-acceptance-missing {
    border: 1px solid #ccc;
    color: #ff0000;
    font-size: 12px;
    text-align: center;
    background-color: #FBFBFB;
    border-radius: 5px;
    padding: 12px 15px;
    margin-left: 0;
    margin-right: 0;
}

.form-block h2{
	color: var(--white);
	font-family: var(--montserrat);
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 10px;
}

/* Yandex Map */
.wa-contact-page .contact-map-block {
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0 10px rgba(138, 138, 138, 0.3);
}
.wa-contact-page .contact-page-map {
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.wa-contact-page .contact-page-map .yamapauthor {
	display: none;
}

/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/

.wp-pagenavi {
	font-family: "",sans-serif;
	font-size: 15px;
	padding: 22px 0 10px;
}
.wp-pagenavi span {
	background-color: #F1BE00;
	border-color: #E2E2E2;
}
.wp-pagenavi span.current {
	color: #F8F8F8;
	padding: 8px 10px 5px;
	border-color: #F1BE00;
}
.wp-pagenavi a {
	padding: 7px 10px 5px;
	color: #231F20;
	border-color: #E2E2E2;
}
.wp-pagenavi a.larger a.nextpostlink {
	font-family: "",sans-serif;
	font-size: 15px;
}
.wp-pagenavi a:hover {
	color: #fff;
	background-color: #F1BE00;
	border-color: #F1BE00;
}
/*--------------------------------------------------------------
# Search
--------------------------------------------------------------*/

.wa-search-page .page-title {
	font-family: "",sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #202020;
	text-align: center;
	margin-bottom: 40px;
}

.wa-search-page .page-content {
	text-align: center;
	margin-top: 0px;
}

.wa-search-page .page-content .home-page-url {
	color: #065D06;
	text-decoration: underline;
}

.wa-search-page .page-search-form {
	text-align: center;
	margin-bottom: 35px;
}

.wa-search-page .page-search-form input {
	font-family: "",sans-serif;
	font-size: 14px;
	width: 70%;
	padding: 8px 1px;
}

.wa-search-page .page-search-form input::placeholder {
	font-family: "",sans-serif;
	font-size: 16px;
	padding: 8px 1px;
}

.wa-search-page .page-search-form #searchsubmit {
	background-color: #065D06;
	margin-left: -5px;
}

.wa-search-page .page-search-form #searchsubmit i {
	font-size: 20px;
	color: #FFFFFF;
	padding: 2.15px 12px 7.36px 12px;
}



/*--------------------------------------------------------------
# Breadcrumb
--------------------------------------------------------------*/

#breadcrumbs span,
#breadcrumbs a{
	font-family: var(--montserrat);
	font-size: 16px;
	font-weight: 400;
	color: var(--darkBlue);
	text-transform: capitalize;
	text-decoration: none;
}

.page-template-page-service  #breadcrumbs span, 
.page-template-page-service  #breadcrumbs a{
	color: var(--white);
}


.page-template-page-contact #breadcrumbs{
	margin-bottom: 60px;
	padding-top: 10px;
}



/* #breadcrumbs .breadcrumb_last {
	font-family: "",sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #202020;
} */

/*--------------------------------------------------------------
# ACF Map
--------------------------------------------------------------*/
.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}
.acf-map img {
   max-width: inherit !important;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer#colophon {
	background-color: var(--backgroundColor);	
	padding-top: 50px;
}

.error404 footer#colophon{
	margin-top: 120px;
}


.footer-logo{
	display: inline-block;
	margin-bottom: 40px;
}



.footer-first-block p{
	color: var(--white);
	font-family: var(--montserrat);
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 40px;
}

.social-media-links a{
	display: inline-block;
	margin-right: 20px;
}

.social-media-links a svg.svg-inline--fa{
	color: var(--white);
	height: 24px;
	width: 24px;
}
.social-media-links a[title="Facebook"] svg{
	height: 21px;
}
#footer_menu{
	display:flex;
	margin-bottom: 40px;
}

#footer_menu li{
	position: relative;
	list-style: none;
	margin-right: 40px;
}

#footer_menu li:last-child{
	margin-right: 0;
}

#footer_menu li a{
	color: var(--white);
	font-family: var(--montserrat);
	font-size: 16px;
	font-weight: 600;
	line-height: 2;
	text-decoration: none;
	white-space: nowrap;
}
#footer_menu li.menu-item:not(.current-menu-item):after {
	content: "";
	position: absolute;
	width: 0;
	height: 1px;
	bottom: 0;
	background-color: var(--white);
	transition: .3s all;
    left: 0;
}
#footer_menu  li:hover:after {
	width: 0;
}

#footer_menu li:hover:not(.current-menu-item):after {
	width: 100%;
}



.footer-third-block div *{
	color: rgba(255, 255, 255, .9);
	font-family: var(--montserrat);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 20px;
	max-width: 220px;
	text-align: right;
	text-decoration: none;
	opacity: .9;
}

.footer-third-block h2{
	color: rgba(255, 255, 255, 1);
	font-size: 18px;
	white-space: nowrap;
	line-height: 22px;
	opacity: 1;
}

.yerevan-section, .moscow-section{
	align-items: flex-end;
	display: flex;
	flex-direction: column;
	width: 50%;
}

.copyright-block{
	border-top: 1px solid var(--borderColor);
	padding: 10px;
	text-align: center;
}

.copyright-block p{
	color: rgba(255, 255, 255, 0.5);
	font-family: var(--montserrat);
	font-size: 16px;
	font-weight: 400;
}

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

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

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

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

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.loader-gif {
	display: none;
	height: 30px;
}
.wa-gallery-archive-page .gallery-thumbnail img {
	height: 275px;
	width: 100%;
	object-fit: cover;
	cursor: pointer;
	transition: .3s;
}
.wa-gallery-archive-page .gallery-thumbnail:hover img {
	transform: scale(1.1);
	filter: brightness(.9);
}
.wa-gallery-archive-page .gallery-item-title {
	position: absolute;
	z-index: 999;
	bottom: 0;
	margin: 0;
    width: 100%;
    text-align: center;
    padding: 10px;
    color: #fff;
    background: rgba(105, 105, 105, 0.4);
    -moz-backdrop-filter: blur(5px);
	-o-backdrop-filter: blur(5px);
	-ms-backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
.wa-gallery-archive-page .gallery-thumbnail {
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
}
.wa-gallery-archive-page .load-more-images {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.wa-gallery-archive-page .load-more-images .load-more {
	font-family: "", sans-serif;
	background-color: #F1BE00;
	color: #FFF;
	border-radius: 30px;
	font-size: 16px;
	padding: 1.2em 1.8em 1em;
	border: none;
	outline: none;
	display: inline-block;
	position: relative;
	margin-top: 20px;
	cursor: pointer;
	transition: .3s all;
}
.wa-gallery-archive-page .load-more-images .load-more:hover {
	background-color: #231F20;
}

.wa-gallery-archive-page .gallery-categories a {
	color: #fff;
	background-color: #7D7D7D;
	padding: .6em 1.1em;
	font-size: 14px;
	margin-top: 1.5em;
	border-radius: 5px;
}
.wa-gallery-archive-page .gallery-categories a:not(:last-child) {
	margin-right: 15px;
}
.wa-gallery-archive-page .gallery-categories a:hover {
	text-decoration: none;
}
.wa-gallery-archive-page .gallery-categories {
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
}
.wa-gallery-archive-page .gallery-categories .active{
	background-color: #F1BE00;
}

/* Gallery popup slider */
body.modal-open {
	padding-right: 0!important;
}
#galleryModal {
	padding-right: 0!important;
}
#galleryModal .modal-content{
	background-color: transparent;
	border: none;
}

#galleryModal .modal-content .close{
	color: #FFFFFF;
	font-size: 18px;
	outline: unset;
	border: unset;
	opacity: unset;
	box-shadow: unset;
	transition: 0.3s;
}

#galleryModal .modal-content .close:hover{
	color: black;
	transform: scale(1.1);
}

#galleryModal .modal-content .modal-header{
	border: 0;
}

#galleryModal .modal-content .modal-body{
	padding: 0;
}

#galleryModal .modal-content .carousel-item img {
	width: 100%;
}

#galleryModal .carousel-control-next, 
#galleryModal .carousel-control-prev {
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.7);
    border-radius: 3px;	
    color: #fff;
   	opacity: unset;
   	font-size: 18px;
   	transition: 0.3s
}
#galleryModal .carousel-control-next {
	right: 15px;
}
#galleryModal .carousel-control-prev {
	left: 15px;
}

/* -------------------Apricot Space Styles----------------------- */

.btn-blue{
	background-color: var(--darkBlue);
	border: 0;
	color: var(--white);
	display: inline-block;
	font-family: var(--montserrat);
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	max-height: 50px;
	padding: 14px 40px;
	text-decoration: none;
	transition: .3s all;
}

.btn-blue:hover{
	background-color: var(--mainBlue);
	color: var(--white);
	text-decoration: none;
}

/*--------------------------------------------------------------
# Error 404 page
--------------------------------------------------------------*/

#error-404-page{
	text-align: center;
}

.header-title-block-inner{
	border-bottom: 1px solid var(--mainBlue);
	padding-bottom: 20px;
	width: 100%;
	margin-top: 180px;
}

.error404 .header-title-block-inner{
	margin-bottom: 30px;
	text-align: center;
}

#error-404-page h1{
	font-weight: 400;
	text-transform: uppercase;
}

#error-404-page h2{
	font-weight: 400;
	margin-bottom: 20px;
}

#error-404-page p{
	color: var(--textColor);
	font-family: var(--montserrat);
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 30px;
}


/*--------------------------------------------------------------
# Portfolio Page
--------------------------------------------------------------*/

#portfolio-page p{
	color: var(--mainBlue);
	font-family: var(--montserrat);
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	margin: 30px 0;
}

.portfolio-feed,
.blog-section-feed{
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	gap: 24px;
	margin-bottom: 16px;
}

.each-portfolio, 
.each-blog{
	position: relative;
	width: calc(33.33% - 16px);
	z-index:0;
}
.each-portfolio figure {
	position: relative;
	z-index: 10;
}

.each-portfolio-single{
	width: calc(25% - 19.5px);
}

.each-portfolio:after,
.each-portfolio-single:after{
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));
    content: "";
    cursor: pointer;
    height: 26%;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.each-portfolio figure,
.each-blog figure{
	margin: 0;
}
.blog-section-feed .each-blog figure{
	height: 260px;
}
.each-portfolio figure{
	height: 380px;
	width: 100%;
}

.each-portfolio figure img,
.each-blog figure img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.each-portfolio figcaption,
.each-blog figcaption{
	bottom: 0;
	left: 0;
	padding: 10px;
	position: absolute;
	z-index: 1;
}

.each-portfolio figcaption h3{
	color: var(--white);
	font-family: var(--montserrat);
	font-size: 22px;
	font-weight: 500;
	line-height: 34px;
	margin-bottom: 10px;
}

.each-blog figcaption h3{
	color: var(--white);
	font-family: var(--montserrat);
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#portfolio-page figcaption p,
#portfolio-single-page figcaption p{
	color: var(--white);
	font-family: var(--montserrat);
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	margin: 0;
}

#portfolio-single-page figure{
	height: 400px;
	margin: 0;
	margin-bottom: 40px;
	width: 100%;
}

#portfolio-single-page figure img{
	height: 100%;
	object-fit: cover;
	width: 100%;
}

#portfolio-single-page .form-block .portfolio-row{
	color: var(--white);
	display: flex;
}

#portfolio-single-page .form-block .portfolio-row h3{
	border-bottom: .5px solid var(--white);
	display: inline-block;
	font-family: var(--montserrat);
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 0;
	margin-right: 30px;
	padding: 20px 0; 
	width: 200px;
}

#portfolio-single-page .portfolio-row span{
	border-bottom: .5px solid var(--white);
	display: block;
	font-family: var(--montserrat);
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	padding: 20px 0; 
	width: 100%;
}

#single-portfolio-slider{
	z-index: 0;
}

.our-method-section p{
	color: var(--darkBlue);
	font-family: var(--montserrat);
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 20px;
}

#portfolio-single-page .wp-container-3{
	gap: 100px;
	margin-bottom: 90px;
}
#portfolio-single-page .content-section {
	width: 100%;
	gap: 40px;
	margin-bottom: 40px;
	.column-1{
		width: 60%;
		min-width: 400px;
	}
	.column-2{
		width: fit-content;
	}
}
#portfolio-single-page .container{
		margin-bottom: 90px;
	}


#portfolio-single-page .content-section div {
	gap: 20px
}
.portfolio-slider-part{
	padding: 90px 0;
}

.portfolio-slider-part h2{
	margin-bottom: 30px;
	text-align: center;
}

.portfolio-slider-part .owl-item{
	height: 580px;
}

.portfolio-slider-part .owl-item img{
	height: 100%;
	object-fit: cover;
}

/* .portfolio-slider-part .owl-nav, */
.portfolio-slider-part .owl-prev,
.portfolio-slider-part .owl-next{
	position: absolute;
	top: 50%;
}

.portfolio-slider-part .owl-prev{
	left: 100px;
}

.portfolio-slider-part .owl-next{
	right: 100px;
}

.blog-section{
	background-color: var(--darkBlue);
	padding: 90px 0;
}

.blog-section h2{
	color: var(--white);
	margin-bottom: 20px;
}

.other-project-title-block{
	align-items: center;
	border-top: 1px solid var(--mainBlue);
	padding-top: 30px;
	margin-bottom: 20px;
}

.each-portfolio-single{
	position: relative;
}

#portfolio-single-page .each-portfolio-single figure{
	height: 430px;
	margin-bottom: 0;
}

#portfolio-single-page{
	margin-bottom: 74px;
}





#simple-page .wp-block-image{
	height: 500px;
	margin: 30px 0 40px 0;
}

#simple-page figure img{
	height: 100%;
	object-fit: cover;
	width: 100%;
}

#simple-page p{
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 28px;
}

/*--------------------------------------------------------------
# services-page
--------------------------------------------------------------*/

#services-page{
	 background-color: var(--darkBlue); 
	/* background-color: var(--white); */
	transition: background-color .5s ease, opacity .5s ease;
	/* transition: opacity .5s ease; */
	background-image: url("/wp-content/uploads/Mask-Group-1.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
}

.partnership-block{
	/* background-color: var(--white); */
	/* background-color: var(--darkBlue); */
	transition: background-color .5s ease,  opacity .5s ease;
	/* transition: opacity .5s ease; */
}

#services-page .panel>div{
	align-items: center;
	padding-bottom: 90px;
	position: relative;
	z-index: 0;
}

#services-page .panel>div:nth-child(odd){
	flex-direction: row-reverse;
}

.service-item-content{
	background-color: var(--white);
	color: var(--mainBlue); 
	max-width: 700px;
	width: 700px;
	padding: 60px 60px;
    /* max-height: 680px; */
    min-height: 680px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* #services-page  .service-item-content{
	padding: 60px 60px 60px 120px;
}  */
#services-page .panel>div:nth-child(even) .service-item-content {
	padding: 60px 60px 60px 120px;
}
#services-page .panel>div:nth-child(odd) .service-item-content {
	padding: 60px 120px 60px 60px;
}

.service-item-content h2{
	color: var(--mainBlue);
	font-family: var(--montserrat);
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 10px;
	line-height: 28px;
}

.service-item-content p{
	color: var(--darkBlue);
	font-family: var(--montserrat);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 30px;
	max-width: 520px;
	width: 520px;
}

.service-item-content ul{
	margin-left: 12px;
}

.service-item-content ul li{
	color: var(--darkBlue);
	font-family: var(--montserrat);
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	margin-bottom: 15px;
	max-width: 520px;
	width: 520px;
}

.service-item-content ul li::marker{
	color: var(--darkBlue);
	font-size: 14px;
}

.service-item-img{
	height: 500px;
	width: 560px;
	z-index: 1;
}

#services-page .panel>div:nth-child(odd) .service-item-img{
	margin-left: -60px;
}

#services-page .panel>div:nth-child(even) .service-item-img{
	margin-right: -60px;
}
.service-item-img img{
	height: 100%;
	object-fit: cover;
	width: 100%;
}

#services-page span{
	position: absolute;
    left: 5px;
    top: 5px;
    display: block;
	color: var(--mainBlue20);
	font-family: var(--montserrat);
	font-size: 60px;
	font-weight: 400;
	line-height: 54px;
}

#services-page .panel>div:nth-child(even) span{
	right: 5px;
	left: unset;
}

.partnership-block{
	padding-top: 140px;
	padding-bottom: 140px;
}

.partnership-block h2{
	margin-bottom: 20px;
	
}

.partnership-block p{
	color: var(--darkBlue);
	font-family: var(--montserrat);
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom:  30px;
	margin-right: 100px;
	/* width: 630px; */
	max-width: 630px;
}

.partnership-content{
	width: 53%;
}

#partnership-slider{
	width: 40%;
}

.partnership-block .panel{
	align-items: center;
	margin-bottom: 60px;
}
  
#partnership-slider.owl-carousel {
	position: relative;
	width: 40%;
	background-color: transparent;
	overflow: hidden;
	box-sizing: content-box;
	min-width: 470px;
	z-index: 0;
}
  
#partnership-slider .owl-stage {
	height: 210px;
}

#partnership-slider .owl-item {
	float: left;
	position: relative;
	height: 80px;
	transition: opacity 1s ease;
	/* width: 130px !important; */
}

#partnership-slider .owl-item:last-child{
	margin-right: 0 !important ;
}

#partnership-slider .owl-item div {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0;
	width: 130px;
	height: 100%;
	opacity: .5;
}

#partnership-slider	.owl-item:nth-child(odd) > div {
	top: 0;
}

/* #partnership-slider .owl-item:nth-child(even){
	width: 0 !important;
} */

#partnership-slider .owl-item:nth-child(even) > div {
	top: calc(100% + 20px);
	left: -78px;
}
  
#partnership-slider .owl-item a{
	display: flex;
    align-items: center;
    justify-content: center;
	height: 80px;
	width: 130px;
}

#partnership-slider .owl-item img{
	object-fit: contain;
	margin: 0 auto;
	width: unset;
	/* max-height: 60px; */
}

#partnership-slider .owl-dots,
#home-page-top-slider .owl-dots{
	display: flex;
	justify-content: flex-end;
	margin-top: 40px;
}

#partnership-slider .owl-dot,
#home-page-top-slider .owl-dot{
	border-radius: 50%;
	height: 12px;
	width: 12px;
	background-color: var(--mainBlue);
	opacity: .5;
	margin-right: 12px;
}


#partnership-slider .owl-dot:last-child,
#home-page-top-slider .owl-dot:last-child{
	margin-right: 0;
}

#partnership-slider .owl-dot.active,
#home-page-top-slider .owl-dot.active{
	opacity: 1;
}




/* ---------------about us----------------- */

#about-us-page{
	background-image: url("/wp-content/uploads/Mask-Group-2.png");
}

.about-us-main-text{
	padding-top: 60px;
	padding-bottom: 70px;
}

.about-us-main-text p{
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
}

.about-us-main-text p:not(.our-method-section p){
	margin: 0 auto;
	max-width: 700px;
	text-align: center;
}
.our-method-section {
	gap: 100px;
}
.about-us-main-text p{
	margin-bottom: 20px;
}

.about-us-main-text h2{
	margin-bottom: 20px;
	margin-top: 60px;
}

#about-us-page figure{
	margin: 0;
	height: auto;
	width: 100%;
}

#about-us-page figure img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.staff-block{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	justify-content: center;
	/* justify-content: space-between; */
}

#about-us-page .staff-block figure{
	margin-bottom: 60px;
	width: calc(25% - 18px);
}

#about-us-page .staff-block figure img{
	height: 350px;
	margin-bottom: 12px;
}

.staff-block h3{
	color: var(--textColor);
	font-size: 20px;
	font-weight: 500;
	line-height: 30px; 
	margin-bottom: 5px;
}

.staff-block span{
	color: var(--darkBlue);
	font-family: var(--montserrat);
	font-size: 16px;
	font-weight: 400;
	line-height: 30px; 
}

.staff-outer-block h2{
	/* color: var(--white); */
	padding: 50px 0 20px 0;
	margin-bottom: 20px;
}

.licenses-block{
	background-color: var(--darkBlue);
	padding: 90px 0;
	margin-top: 30px;
}

.licenses-block h2{
	color: var(--white);
	margin-bottom: 20px;
}

.certificate-box{
	width: 30%;
}

.certificate-box-text{
	width: 62%;
}

#certificates-modal .close{
	opacity: 1;
}

#certificates-modal .close:focus,
#certificates-modal .close:focus-visible{
	border: 0;
	outline: 0;
}

.certificate-item{
	align-items: center;
	background-color:rgba(255, 255, 255, 0.9);
	cursor: context-menu;
	display: flex;
	width: 100%;
	margin-bottom: 20px;
	padding: 10px;
}

#certificates-carousel .carousel-item.active{
	/* height: 800px; */
	height: auto;
	width: 560px;
}

#about-us-page .modal-content{
	background-color: transparent;
	border: 0;
}

#about-us-page .carousel-control-next, 
#about-us-page .carousel-control-prev {
	opacity: 0;
}

#about-us-page .modal-content img{
	height: 100%;
	width: 100%;
	object-fit: contain;
}

#certificates-modal .modal-lg {
    max-width: 560px;
}

#about-us-page .modal-header{
	border-bottom: 0;
}

.certificate-item:last-child{
	margin-bottom: 0;
}

.certificate-item .anim-link.anim-link-current{
	line-height: 24px;
}

.certificate-item .anim-link.anim-link-current:hover:before{
	width: calc(100% - 25px);
}

.certificate-item span{
	display: flex;
    align-items: center;
	max-width: 202px;
}

#about-us-page .certificates-image{
	height: 70px;
	margin-right: 10px;
	width: 100px;
}

.certificates-image img{
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.certificate-box-text p{
	color: var(--white);
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 20px;
}


/*--------------------------------------------------------------
# Medias
--------------------------------------------------------------*/

@media (min-width: 1366px) {
	.container{
		max-width: 1230px;
	}
	#home-page-top-slider{
		width: 53%;
	}
	#contact-us-page h2{
		width: 323px;
	}
	.contact-section .contact-row{
		gap: 0;
	}
	.contact-row .contact-box{
		/*width: 417px;*/
		width: auto;
	}
	.working-hours-box{
		width: 187px;
	}
	.contact-box p{
		justify-content: flex-start;
	}
	.contact-box p span, .contact-box p a{
		width: auto;
		display: flex;
	}
	.contact-box p span:first-child{
		width: 194px;
	}
	.contact-box p a,
	.conteact-box p span.address-line{
		width: 224px;
		text-align: left;	
	}
	/*.contact-box p span{
		width: 194px;
	}*/
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199px) {
	#home-page-portfolio-slider .owl-dots{
		left: 78%;
	}

	#home-page-top-slider figure{
		height: 360px;
	}
}

@media (max-width: 1170px) {
	#home-page-portfolio-slider .owl-dots{
		left: 80%;
	}
}

@media (max-width: 1150px) {
	#home-page-portfolio-slider .owl-dots{
		left: 84%;
	}
}

@media (max-width: 1100px) {
	#home-page-portfolio-slider .owl-dots{
		left: 82%;
	}
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991px) {
	#partnership-slider .owl-item:nth-child(even) > div {
		left: -100%;
	}
	#services-page .panel>div:nth-child(even) .service-item-content {
		padding-bottom: 55px;
	}
.wa-front-page .archive-posts .standard-post .post {
	   margin-bottom: 30px;
	}
	.wa-about-us-page .our-goals .goal-item .goal-disc{
	   height: 160px;
	   width: 160px;
   }
   .wa-about-us-page .our-goals .goal-item .goal-disc span{
	 font-size: 32px;
   }
 
 .our-method-section{
 	gap:50px;
 }
   .blog-feed>div

   /* .each-portfolio:not(.each-portfolio-single.each-portfolio) */
   {	width: calc(50% - 12px); 
	}



   .yerevan-section, .moscow-section {
    	align-items: flex-start;
   }

   .footer-third-block div * {
		text-align: left;
   }

   .yerevan-section, .moscow-section{
		margin-bottom: 20px;
		width: 100%;
   }

   /* -------------services-page---------------- */

   #services-page .panel>div,
   #services-page .panel>div:nth-child(odd){
		flex-direction: column-reverse;
		min-width: unset;
		width: 100%;
   }

   #services-page .panel>div .service-item-img{
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: -60px;
   }

   .partnership-block .panel{
		flex-direction: column;
   }

   .partnership-content {
    	width: 100%;
	}

	.partnership-block p{
		margin-right: 0;
	}

	#about-us-page .staff-block figure {
		width: calc(33% - 14px);
	}

	.featured-block{
		background-image: linear-gradient(#2C3A47, #2C3A47 54%, transparent 54%, transparent);
	}

	.featured-text-block {
		/* max-width: 310px; */
		padding: 50px 0 30px 0;
	}

	#home-page-portfolio-slider-block .owl-stage-outer{
		margin-bottom: 30px;
	}

	.form-block label.attach-file{
		margin-bottom: 20px;
	}

	#partnership-slider.owl-carousel {
		width: 100%;
	}

}




/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) {
	
	h1 {
		font-size: 44px;
		line-height: 54px;
	}

	h2 {
		font-size: 34px;
		line-height: 44px;
	}

	h3 {
		font-size: 22px;
		line-height: 32px;
	}

	h4 {
		font-size: 18px;
		line-height: 24px;
	}

	h5 {
		font-size: 16px;
		line-height: 22px;
	}

	h6 { 
		font-size: 13px;
		line-height: 18px;
	}

	/* p, a, a:visited  {
		font-size: 13px;
		line-height: 18px;
	} */

	.wa-single-page .date {
		font-size: 16px;
	}
	#home-page-top-slider h2{
		letter-spacing: 5.4px;  
	}
	.certificate-box-text p {
		font-size: 16px;
	}
	.work-stages-block p {
		font-size: 16px;
	}
	.about-us-main-text p{
		font-size: 16px;
	}
	#about-us-page .staff-block figure,
	#about-us-page .staff-block figure img {
		margin-bottom: 0;
	}
	.staff-block {
		gap: 30px
	}
	.wa-portfolio-archive-page .blog-section {
		padding: 50px 0 80px 0;
	}
	#services-page .panel>div:nth-child(even) .service-item-content,
	#services-page .panel>div:nth-child(odd) .service-item-content {
		padding: 60px 10px 60px 10px;
	}
	.form-block h2 {
		font-size: 22px;
	}
	#portfolio-single-page .content-section {
		flex-direction: column;
		gap: 20px;
		margin-bottom: 80px;
	}
	#blog-page h2 {
		font-size: 22px;
	}
	.blog-feed {
		gap: 30px
	}
	.blog-feed>div {
		margin-bottom: 0;
	}
	#blog-page p,
	#blog-single-page p {
		font-size: 16px;
	}
	.post-tags a {
		font-size: 18px;
	}
	#error-404-page p {
		font-size: 16px;
	}
	.licenses-block {
		margin-top: 50px;
	}
	footer#colophon .site-info .footer-first-block,
	footer#colophon .site-info .footer-second-block,
	footer#colophon .site-info .footer-third-block{
		width: 100%;
		padding: 0;
	}
	footer#colophon .site-info .footer-first-block {
		padding-bottom: 15px;
	}
	footer#colophon .site-info .footer-third-block{
		text-align: center;
	}
	footer#colophon .footer-info{
		display: block;
	}
	footer#colophon .site-info .footer-second-block{
		border: unset;
		border-top: 1px solid #D8D8D8;
		border-bottom: 1px solid #D8D8D8;
		padding: 0;
		text-align: center;
	}
	#careers-single-page .form-block{
		margin-top: 80px;
	}
	footer#colophon .links-title, footer#colophon .contact-title{
		padding-top: 25px;
	}
	footer#colophon .site-info .footer-second-block a{
		font-size: 13px;
	}
	footer#colophon .social-media-links{
		margin-bottom: 40px;
	}
	footer#colophon .copyright-first-block p,
	footer#colophon .copyright-second-block a	{
		font-size: 11px;
	}
	footer#colophon .site-info .footer-second-block ul{
		padding-bottom: 12px;
	}
	/* footer#colophon{
		margin-top: 40px;
	} */
	footer#colophon .site-info .footer-logo{
		text-align: center;
		padding-top: 40px;
	}

	/* Contact page mobile */
	.wa-contact-page .contact-information-column {
		width: 48%;
		margin: 25px 0;
		padding: 15px;
	}
	.wa-contact-page .form-map {
		margin: 40px auto;
	}
	.wa-contact-page .contact-form .wpcf7 {
		padding: 25px;
		margin-bottom: 35px;
	}
	.wa-contact-page .contact-form p{
		margin-bottom: 15px;
	}
	.wa-contact-page .contact-form span.wpcf7-form-control-wrap input{
		font-size: 11px;
		padding: 11px 12px 8px;
	}
	.wa-contact-page .contact-form span.wpcf7-form-control-wrap textarea{
		font-size: 11px;
		height: 100px;
		padding: 10px 12px;
	}
	.wa-contact-page .contact-form .wpcf7-submit {
		font-size: 13px;
	}
	.wa-contact-page .contact-map-block,
	.wa-contact-page .contact-page-map {
		height: 300px;
	}
	.wa-front-page .archive-posts .owl-carousel .post .post-image img{
	   height: 250px;
    }
    .wa-front-page .archive-posts .standard-post .post .post-image img{
	   height: 200px;
    }
    .wa-about-us-page .our-history .our-history-content .title{
       text-align: center;
    }
    .wa-about-us-page .our-goals-bg{
	   margin:30px 0;
	   padding:30px 0;
    }

	#about-us-page .wp-container-3{
		gap: 20px;
	}

	.about-us-main-text {
		padding-bottom: 30px;
	}
	.our-method-section,
	.wa-single-portfolio-page .content-section > div {
		gap: 0;
		flex-direction: column;
	}
	#about-us-page .staff-block figure {
		height: 400px;
		position: relative;
		width: 100%;
	}

	#about-us-page .staff-block figure img{
		height: 100%;
		width: 100%;
		object-position: center top;
		/* object-position: center; */
	}

	#about-us-page .staff-block figcaption{
		bottom: 0;
		padding: 20px;
		position: absolute;
	} 
	.licenses-block .about-us-link-block {
		margin-top: 30px;
	}
	.staff-block h3,
	.staff-block span{
		color: var(--white);	
	}

	/* -----------------Contact us-------------- */

	#contact-us-page h2{
		font-size: 22px;
		margin-bottom: 30px;
		width: 100%;
	}

	.contact-row .contact-box{
		margin-bottom: 10px;
		width: 100%;
	}

	.contact-box p a,
	.contact-box p span.address-line{
		text-align: right;
	}

	.working-hours-box span{
		margin-bottom: 20px;
	}
    
	.working-hours-box span:last-child{
		margin-bottom: 0;
	}

	.form-part, .careers-part{
		width: 100%;
	}

	.form-part{
		margin-bottom: 36px;
	}

	.form-block{
		padding: 50px 0;
	}

	.form-block h3{
		font-size: 22px;
	}

	.careers-part a:before{
		width: 40px;
	}

	.contact-box p span{
		margin-right: 0;
		/*max-width: unset;*/
		width: unset;
	}

	.working-hours-box{
		width: unset;
	}


	/* -------------careers page----------- */

	#careers-page p,
	#careers-page-title {
		font-size: 16px;
		margin-bottom: 30px;
	}

	.load-more-btn{
		margin-bottom: 80px;
	}

	#careers-single-page .social-media-links {
		justify-content: flex-start;
	}

	.wa-single-careers-page li{
		font-size: 16px;
	}

	.left-content-part, 
	#careers-single-page .form-block form{
		width: 100%;
	}

	#careers-single-page form p {
		display: inline-block;
		width: 100%;
	}

	.form-block label.attach-file{
		display: block;
		margin-bottom: 20px;
	}
	.blog-feed>div,
	.each-portfolio{
		width: 100%;
	}

	#blog-single-page .each-blog-desc figure{
		height: 400px;
	}

	.wp-block-image img{
		height: 100%;
		margin: 0;
		object-fit: cover;
		width: 100%;
	}

	.each-portfolio figure{
		 height: 330px;
	}

	#portfolio-page p{
		font-size: 18px;
		line-height: 28px;
	}

	.blog-section-feed{
		flex-direction: column;
	}

	.portfolio-feed{
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
		max-width: 540px;
	}
	.wa-single-portfolio-page .content-section > div{
		width: 100%;
	}
	/* .portfolio-feed div:last-child{
		display: none;
	} */
	#portfolio-page.each-blog figcaption,
	#portfolio-single-page .each-portfolio-single figcaption{
		position: unset;
	}

	#portfolio-single-page .each-portfolio-single figcaption h3{
		color: var(--mainBlue);
	}

	#portfolio-single-page .each-portfolio-single figcaption p{
		color: var(--darkBlue);
	}

	#portfolio-page .each-blog figure, 
	#portfolio-single-page .each-portfolio-single figure{
		display: flex;
		height: unset;
	}

	.each-portfolio.each-portfolio-single:after{
		display: none;
	}

	#portfolio-page .each-blog figure img,
	#portfolio-single-page .each-portfolio-single figure img{
		height: 80px;
		margin-right: 15px;
		width: 110px;
	}

	.each-blog,
	#portfolio-single-page .each-portfolio-single{
		width: 100%;
	}

	#portfolio-page .each-blog figcaption{
		position: unset;
	}
	
	/* ------------------single portfolio---------- */

	#single-portfolio-slider{
		z-index:0;
	}

	#portfolio-single-page .wp-container-3{
		gap: 20px;
	}

	.our-method-section p{
		font-size: 16px;
	}

	.portfolio-slider-part .owl-item{
		height: 300px;
	}

	.portfolio-slider-part .owl-nav{
		display: flex;
		padding: 0 5px;
		justify-content: space-between;
		margin-top: 30px;
	}

	.portfolio-slider-part .owl-prev, .portfolio-slider-part .owl-next {
		position: unset;
	}

	.portfolio-slider-part {
		padding: 80px 0;
	}

	#simple-page .wp-block-image{
		margin: 30px 0;
		height: 400px;
	}

	#simple-page p {
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 20px;
	}

	.service-item-content,
	#services-page .panel>div:nth-child(even) .service-item-content {
		max-width: 100%;
		padding: 98px 10px;
		width: 100%;
	}

	#services-page span {
		font-size: 50px;
	}
	.service-item-content h2 {
		font-size: 22px;
		margin-top: 36px;
	}
	.service-item-content p,
	.service-item-content ul li {
		width: unset;
		max-width: unset;
	}

	.service-item-img{
		height: 280px;
		width: 310px;
	}

	.service-item-content ul {
		margin-left: 16px;
	}

	#partnership-slider .owl-dots{
		margin-top: 10px;
	}
	.partnership-block p {
		font-size: 16px;
	}
/* 
	.partnership-block .link-box {
		margin-bottom: 30px;
	} */

	.partnership-block .panel{
		margin-bottom: 0;
	}
	.partnership-block .link-box {
		margin: 50px 0;
	}
	.certificate-box, 
	.certificate-box-text{
		width: 100%;
	}

	.about-us-main-text{
		padding-top: 40px;
	}

	/* --------------home page-------------- */

	#home-page h1, 
	.title-block p{
		max-width: 100%;
	}
	#home-page-top-slider figcaption{
		bottom: 15px;
		left: 15px;
	}
	#home-page .title-block{
		margin-bottom: 30px;
	}

	#home-page-top-slider{
		width: 80%;
	}

	#top-slider-dots .owl-dot{
		height: 10px;
		width: 10px;
	}

	#home-page-top-slider figure {
		height: 320px;
	}

	.carousel-box{
		height: 320px;
	}

	#home-page .home-top-section {
		padding-bottom: 18px;
	}

	.about-us-box div, .about-us-box figure, .our-method-box div {
		width: 100%;
	}

	.our-method-box div p:not(div p:first-child){
		display: none;
	}

	.about-us-box{
		margin-bottom: 60px;
	}

	.method-box {
		margin-bottom: 80px;
	}

	#home-page-portfolio-slider-block{
		display: flex;
    	flex-direction: column-reverse;
	}

	.home-about-us-block{
		padding-bottom: 80px;
	}

	.home-services-block{
		padding: 50px 0;
	}

	.home-service-inner-block div {
		margin-bottom: 30px;
		width: 100%;
	}

	.home-service-inner-block div:nth-child(odd){
		margin-top: 0;
	}
	

	.inner-stages-block figure {
		display: none;
	}

	.inner-stages-block>div{
		width: 100%;
	}

	.work-stages-block {
		padding: 50px 0;
	}

	.partnership-block{
		padding-bottom: 50px;
		padding-top: 50px;
	}

	#partnership-slider .owl-item div {
		width: 100px;
	}
	


	#partnership-slider.owl-carousel {
		min-width: 320px;
		margin-top: 30px;
	}

	/* #partnership-slider .owl-item:nth-child(even) > div {
		left: -86px;
	} */
	 #partnership-slider .owl-item {
		width: 100px;
		height: 60px;
	}
	#partnership-slider .owl-item img {
		max-height: 60px;
	}
	/* #partnership-slider .owl-item a {
		height: 60px;
		width: 100px;
	} */
	.home-service-inner-block h3{
		white-space: break-spaces;
	}

	#certificates-carousel .carousel-item.active {
		width: 100%;
	}

	.home-about-us-block p,
	.home-about-us-block p{
		font-size: 16px;
	}

	.work-stages-block span{
		font-size: 50px;
	}

	.footer-logo{
		height: 40px;
	}

	.footer-logo img{
		height: 100%;
	}

	
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
	#about-us-page .staff-block figure {
		height: 300px;
	}

	.wa-archive-page .post-title-mobile {
		display: block;
		margin: 0 auto 15px;
	}
	.wa-archive-page .post-title {
		display: none;
	}
	.wa-archive-page .post-thumbnail {
		text-align: center;
		padding-bottom: 10px;
	}	
	.wa-single-page .date {
		font-size: 14px;
	}
	.wa-contact-page .contact-information-column {
		width: 90%;
		margin: 25px auto 0;
	}
	.wa-contact-page .contact-information-column span[class*="icon"] {
		font-size: 25px;
	}
    .wa-front-page .archive-posts .standard-post .post .post-image img{
	   height: 160px;
    }
	/* #partnership-slider .owl-item:nth-child(even) > div {
		left: -100px;
	} */
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	#footer_menu li.current-menu-item:after {
		content: "";
		position: absolute;
		width: 20px;
		height: 1px;
		bottom: 0;
		background-color: var(--white);
		transition: .3s all;
		left: 0;
	}

	
	.load-more-btn:hover{
		background-color: var(--mainBlue);
		color: var(--white);
	}
	.our-method-section{
		justify-content: space-between;
	}
	.our-method-section > div{
		width: calc(50% - 50px);

	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	#home-page-portfolio-slider{
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		right: 0;
		max-width: 64%;
		margin-left: auto;
	}

	.featured-text-block{
		max-width: 310px;
		padding: 50px 20px 30px 0;
	}
	
	#home-page-portfolio-slider-block{
		/* position: relative; */
		width: calc(100% - 350px);
	}

	.featured-block{
		background-image: linear-gradient(to right, #2C3A47, #2C3A47 42%, transparent 42%, transparent);
		position: relative;
	}

	#home-page-portfolio-slider .owl-dots{
		display: flex;
		justify-content: flex-end;
		position: absolute;
		top: -36px;
		left: 87%;
	} 
	
}

@media (min-width: 1400px) {
	#home-page-portfolio-slider .owl-dots{
		left: 64%;
	}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	#home-page-portfolio-slider .owl-dots{
		left: 800px;
	}

	#home-page-portfolio-slider{
		max-width: 65%;
	}
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
	.container {
		max-width: calc(100% - 30px);
	}
}


/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
	h1 {
		font-size: 35px;
		line-height: 43px;
	}

	h2 {
		font-size: 26px;
		line-height: 34px;
	}

	h3 {
		font-size: 22px;
		line-height: 30px;
	}

	h4 {
		font-size: 20px;
		line-height: 28px;
	}

	h5 {
		font-size: 18px;
		line-height: 26px;
	}

	h6 {
		font-size: 16px;
		line-height: 23px;
	}

	p, a, a:visited  {
		font-size: 14px;
		line-height: 20px;
	}
	/* footer#colophon {
		margin-top: 60px;
	} */
	footer#colophon .site-info .footer-first-block {
		padding-right: 3em;
	}
	footer#colophon .site-info .footer-second-block,
	footer#colophon .site-info .footer-third-block {
		padding: 0 3em;
	}

	.home-service-inner-block div {
		width: calc(50% - 10px);
	}

	.home-service-inner-block h3{
		white-space: break-spaces;
	}
	#about-us-slider-dots {
		margin-bottom: 20px;
	}
	.work-stages-block h2 {
		font-size: 32px;
	}
	.work-stages-block h3 {
		font-size: 24px;
	}
	.container {
		max-width: calc(100% - 60px);
	}
	/* #services-page span {
		left: 5%;
	}
	#services-page .panel>div:nth-child(even) span  {
		right: 5%;
	} */
	/* #partnership-slider .owl-item:nth-child(even) > div {
		left: -100%;
	} */
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	
}
.wpcf7 form .wpcf7-response-output:empty,
.wpcf7 .screen-reader-response{
	display: none;
}
.wpcf7 form .wpcf7-response-output{
	border: 1px solid #FFFFFFDE;
    border: 0;
    color: #082032 !important;
    background-color: #FFFFFFDE;
    display: inline-block;
    font-family: 'Montserrat';
    font-size: 16px;
    padding: 17px 19px 16px 22px !important;
    margin-left: 0;
    margin-top: 27px;
    position: relative;
}
.wpcf7 form.sent .wpcf7-response-output{
	border: 1px solid #FFFFFFDE;
    border: 0;
    color: #082032;
    background-color: #FFFFFFDE;
    display: inline-block;
    font-family: 'Montserrat';
    font-size: 16px;
    padding: 17px 19px 16px 72px !important;
    margin-left: 0;
    margin-top: 27px;
    position: relative;
}
.wpcf7 form.sent .wpcf7-response-output::before{
	content: url(/wp-content/uploads/Group-810.svg);
    position: absolute;
    left: 24px;
}

/* Single Page Slider Styles */
.single-page-slider{
	margin: 50px 0 130px;	;
	width: 100%;
}

.single-page-slider .owl-carousel{
	position: relative;
}

.single-page-slider .owl-item{
	height: 340px;
}

.single-page-slider .owl-item img{
	width: 100% !important;
	height: 340px !important;
	display: block;
	object-fit: cover;
}

.single-page-slider .owl-nav{
	position: absolute;
	bottom: -55px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 58px;
	pointer-events: none;
	z-index: 10;
}

.single-page-slider .owl-prev,
.single-page-slider .owl-next{
	position: relative;
	width: auto;
	height: auto;
	background: none;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	pointer-events: all;
	transition: opacity 0.3s ease;
	opacity: 0.6;
}

.single-page-slider .owl-prev:hover,
.single-page-slider .owl-next:hover{
	opacity: 1;
}

.single-page-slider .owl-prev{
	left: 0;
}

.single-page-slider .owl-next{
	right: 0;
}

.single-page-slider .owl-prev svg,
.single-page-slider .owl-next svg{
	width: 40px;
	height: 40px;
	display: block;
	transition: all 0.3s ease;
}

.single-page-slider .owl-prev:hover svg path,
.single-page-slider .owl-next:hover svg path{
	fill: #272727;
	fill-opacity: 1;
}

@media (max-width: 767px){
	.single-page-slider .owl-nav{
		bottom: -55px;
		gap: 40px;
	}
	
	.single-page-slider .owl-prev svg,
	.single-page-slider .owl-next svg{
		width: 32px;
		height: 32px;
	}
}