/*
Theme Name: 	HTML5 Blank
Theme URI: 	http://html5blank.com
Description: 	HTML5 Blank WordPress Theme
Version: 	1.2.6
Author: 	Todd Motto (@toddmotto)
Author URI: 	http://www.toddmotto.com
Tags: 		Blank, HTML5, CSS3

License:	MIT
License URI:	http://opensource.org/licenses/mit-license.php
*/


/* =============================================================================
   HTML5 Reset
   ========================================================================== */

	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
	audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}
	audio:not([controls]) {display:none;}
	[hidden] {display:none;}
	
	html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
	html, button, input, select, textarea {font-family:sans-serif;color:#222;}
	body {margin:0;font-size:1em;line-height:1;}
	p {padding:0;}
	
	h1,h2,h3,h4,h5,h6 {text-decoration:none;padding:0;color:#1A1B1C;margin:0;font-family:"Gilroy", Helvetica, Arial, sans-serif;font-weight:700;}
	
	a {color:#266E9E;text-decoration:none;}
	a:focus {outline:0;}
	a:hover, a:active {outline:0;}
	
	abbr[title] {border-bottom:1px dotted;}
	b, strong {font-weight:bold;}
	.clear {clear:both;}
	dfn {font-style:italic;}
	hr {display:block;height:1px;border:0;border-top:1px solid #CCC;margin:1em 0;padding:0;}
	ins {background:#FF9;color:#000;text-decoration:none;}
	mark {background:#FF0;color:#000;font-style:italic;font-weight:bold;}
	pre, code, kbd, samp {font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}
	pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
	q {quotes:none;}
	q:before, q:after {content:"";content:none;}
	small {font-size:90%;}
	blockquote {background-color:#EEE;border:1px solid #DDD;margin:10px 0;padding:10px 30px;border-radius:3px;}
	
	sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
	sup {top:-0.5em;}
	sub {bottom:-0.25em;}
	
	ul {margin:0;padding:0;list-style:none;}
	ol {margin:15px;}
	
	dd {margin:0 0 0 40px;}
	nav ul, nav ol {list-style:none;list-style-image:none;margin:0;padding:0;}
	
	img {border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
	
	svg:not(:root) {overflow:hidden;}
	
	figure {margin:0;}
	
	form {margin:0;}
	fieldset {border:0;margin:0;padding:0;}
	label {cursor:pointer;}
	legend {border:0;*margin-left:-7px;padding:0;white-space:normal;}
	button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
	button, input {line-height:normal;}
	button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;-webkit-appearance:none;*overflow:visible;}
	button[disabled], input[disabled] { cursor: default; }
	input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;*width:13px;*height:13px;}
	input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
	button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
	textarea {overflow:auto;vertical-align:top;resize:vertical;}
	input:valid, textarea:valid {}
	input:invalid, textarea:invalid {background-color:#F0DDDD;}
	
	table {border-collapse:collapse;border-spacing:0;}
	td {vertical-align:top;}

/* =============================================================================
   General Styles
   ========================================================================== */
   
   	/* Font Face Setup, add fonts to /fonts/ folder and link up below with filenames */
	@font-face {
		font-family:'Font-Name';
		src:url('fonts/font-name.html');
		src:url('fonts/font-named41dd41d.html?#iefix') format('embedded-opentype'),
		url('fonts/font-name-2.html') format('woff'),
		url('fonts/font-name-3.html') format('truetype'),
		url('fonts/font-name-4.html#font-name') format('svg');
	    	font-weight:normal;
	    	font-style:normal;
  	 }

  	 @font-face {
	    font-family: 'Gilroy';
	    src: url('fonts/gilroy-regular-webfont.eot');
	    src: url('fonts/gilroy-regular-webfontd41dd41d.eot?#iefix') format('embedded-opentype'),
	         url('fonts/gilroy-regular-webfont.woff2') format('woff2'),
	         url('fonts/gilroy-regular-webfont.woff') format('woff'),
	         url('fonts/gilroy-regular-webfont.svg#gilroy-regularuploaded_file') format('svg');
	    font-weight: 400;
	    font-style: normal;
	    font-display: swap;
	}

	@font-face {
	    font-family: 'Gilroy';
	    src: url('fonts/gilroy-bold-webfont.eot');
	    src: url('fonts/gilroy-bold-webfontd41dd41d.eot?#iefix') format('embedded-opentype'),
	         url('fonts/gilroy-bold-webfont.woff2') format('woff2'),
	         url('fonts/gilroy-bold-webfont.woff') format('woff'),
	         url('fonts/gilroy-bold-webfont.svg#gilroy-bolduploaded_file') format('svg');
	    font-weight: 700;
	    font-style: normal;
	    font-display: swap;
	}

	@font-face {
	    font-family: 'Gilroy';
	    src: url('fonts/Gilroy-Medium.eot');
	    src: url('fonts/Gilroy-Mediumd41dd41d.eot?#iefix') format('embedded-opentype'),
	        url('fonts/Gilroy-Medium.woff2') format('woff2'),
	        url('fonts/Gilroy-Medium.woff') format('woff'),
	        url('fonts/Gilroy-Medium.ttf') format('truetype'),
	        url('fonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg');
	    font-weight: 500;
	    font-style: normal;
	    font-display: swap;
	}

	@font-face {
	    font-family: 'Gilroy';
	    src: url('fonts/Gilroy-SemiBold.eot');
	    src: url('fonts/Gilroy-SemiBoldd41dd41d.eot?#iefix') format('embedded-opentype'),
	        url('fonts/Gilroy-SemiBold.woff2') format('woff2'),
	        url('fonts/Gilroy-SemiBold.woff') format('woff'),
	        url('fonts/Gilroy-SemiBold.ttf') format('truetype'),
	        url('fonts/Gilroy-SemiBold.svg#Gilroy-SemiBold') format('svg');
	    font-weight: 600;
	    font-style: normal;
	    font-display: swap;
	}
	
   	body {
		font-family:"Gilroy", Helvetica, Arial, sans-serif; /* Serve Helvetica Neue, with Helvetica fallbacks to Arial */
		font-size:11px;
		font-weight:300; /* Better supported than 'lighter' attribute */
		line-height:18px;
		-webkit-font-smoothing:antialiased; /* Antialiased font for great smoothing */
		-moz-font-smoothing:antialiased;
		-o-font-smoothing:antialiased;
		font-smoothing:antialiased;
		text-rendering:optimizeLegibility; /* Optimise legibility for some CSS3 kerning */
		color:#444; /* Lighter on the eyes than #000 Black */
		background-color: #ffffff;
	}
	
/* =============================================================================
   Structure
   ========================================================================== */
   
   /* Add your site structure here */

/* =============================================================================
   Non-Semantic Classes
   ========================================================================== */
   
   /* Custom Selection Styles */
   ::selection {background:#f17e00;color:#FFF;text-shadow:none;}
   ::-webkit-selection {background:#1cf2b0;color:#FFF;text-shadow:none;}
   ::-moz-selection {background:#1cf2b0;color:#FFF;text-shadow:none;}
   
   /* Input focus styles */
   input:focus {outline:0;border:1px solid #0091BD;} /* Gets rid of blue glow on field focus, adds border color instead */
   
/* =============================================================================
   WordPress Core CSS Styles
   ========================================================================== */
   
   .alignnone {margin:5px 20px 20px 0;}
   .aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;}
   .alignright {float:right;margin:5px 0 20px 20px;}
   .alignleft {float:left;margin:5px 20px 20px 0;}
   .aligncenter {display:block;margin:5px auto 5px auto;}
   a img.alignright {float:right;margin:5px 0 20px 20px;}
   a img.alignnone {margin:5px 20px 20px 0;}
   a img.alignleft {float:left;margin:5px 20px 20px 0;}
   a img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
   .wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}
   .wp-caption.alignnone {margin:5px 20px 20px 0;}
   .wp-caption.alignleft {margin:5px 20px 20px 0;}
   .wp-caption.alignright {margin:5px 0 20px 20px;}
   .wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
   .wp-caption p.wp-caption-text,.gallery-caption {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
   .sticky {}
   .bypostauthor {}

/* ==========================================================================
   Print styles
   ========================================================================== */

   @media print {
	* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
	a,a:visited {text-decoration:underline;}
	a[href]:after {content:" (" attr(href) ")";}
	abbr[title]:after {content:" (" attr(title) ")";}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";}
	pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
	thead {display:table-header-group;}
	tr,img {page-break-inside:avoid;}
	img {max-width:100% !important;}
	@page {margin:0.5cm;}
	p,h2,h3 {orphans:3;widows:3;}
	h2,h3 {page-break-after:avoid;}
   }


/* ==========================================================================
   Utils
   ========================================================================== */
   .grecaptcha-badge { opacity:0;}

   body.overflow {
   	overflow: hidden;
   }

   body {
   	padding-top: 100px;
   }

   body.home,
   body.our-expertise {
   	padding-top: 0;
   }

   .wrapper {
   	max-width: 1236px;
   	width: 100%;
   	margin: 0 auto;
   }

   .test {
   	width: 500px;
   	height: 500px;
   	background: red;
   }

   .wrapper-lg {
   	max-width: 1440px;
   	margin: 0 auto;
   	width: auto;
   	padding: 0 76px;
   }

   .wrapper-md {
   	max-width: 950px;
   	width: auto;
   }

   .default-btn a,
   .default-btn button {
   	font: 700 18px/21px "Gilroy", Helvetica, Arial, sans-serif !important;
   	background-color: #f17e00 !important;
   	color: #ffffff !important;
   	padding-top: 14px !important;
   	padding-bottom: 14px !important;
   	padding-right: 23px !important;
   	padding-left: 23px !important;
   	text-align: center !important;
   	border-radius: 66px !important;
   	min-width: 230px;
   	background-image: none !important;
   	border: none !important;
   }

   .link-btn a,
   .link-btn {
   	font-size: 18px !important;
   	line-height: 19px !important;
   	font-weight: 700 !important;
   	color: #1A1B1C !important;
   	padding: 0 !important;
   	background-color: transparent !important;
   	border-bottom: 2px solid transparent;
   	transition: all ease 0.3s;
   }

   .link-btn:hover {
   	border-bottom-color: #1A1B1C;
   }

   .default-btn a:hover,
   .default-btn button:hover {
   		background-color: #f17e00 !important;
   }

   .desktop-only {
    	display: block;
    }

    .mobile-only {
    	display: none;
    }

    /* select archive*/
    select {
  // A reset of styles, including removing the default dropdown arrow
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;

  // Stack above custom arrow
  z-index: 1;

  // Remove dropdown arrow in IE10 & IE11
  // @link https://www.filamentgroup.com/lab/select-css.html
  &::-ms-expand {
    display: none;
  }

  // Remove focus outline, will add on alternate element
  outline: none;
}

	select {
	  display: grid;
	  grid-template-areas: "select";
	  align-items: center;
	  font-family: "Gilroy", Helvetica, Arial, sans-serif;
	  position: relative;
	  min-width: 100%;
	  max-width: 100%;
	  border-radius: 0.25em;
	  padding: 0.25em 0.5em;
	  font-size:18px;
	  cursor: pointer;
	  line-height: 1.1;
	  background-color: #fff;
	  outline: none;
	}


    body.archive #main-container.wrapper,
    body.single-post #main-container.wrapper {
    	max-width: 100%;
	    width: 100%;
	    margin: 0 auto;
    }

   .h2,
   .post-detail h2 {
   		font-size: 90px;
   		line-height: 85px;
   }

   .h3,
   .post-detail h3 {
   		font-size: 80px;
   		line-height: 80px;
   }

   .h4,
   .post-detail h4 {
   		font-size: 50px;
   		line-height: 50px;
   }

   .h5,
   .post-detail h5 {
   		font-size: 36px;
   		line-height: 36px;
   }

   .h6,
   .post-detail h6 {
   		font-size: 30px;
   		line-height: 33px;
   }

   .p-lg p,
   .p-lg {
		font-size: 24px;
   		line-height: 30px;
   }

   p {
   	font-size: 20px;
   	line-height: 24px;
   	color: #343536;
   }

   .above-title {
   	font-size: 24px;
   	line-height: 34px;
   	color: #A1A1A1;
   	font-weight: 700;
   	margin: 0;
   }

   .square {
   	width: 41px;
	height: 15px;
	display: block;
	transition: background-color ease 0.5s;
   }

   /* animation */
   .home-s-1-expertise .expertise-item,
   .home-s-4 .img-items .img-item {
   	transition: opacity .8s ease-out .1s, transform .8s ease-out .1s;
   }

   .home-s-1-expertise .expertise-item.is-active-current,
   .home-s-4 .img-items .img-item.is-active-current {
   	transform: translateY(0);
   	opacity: 1;
   }

   .home-s-1-expertise .expertise-item,
   .home-s-4 .img-items .img-item {
   	transform: translateY(100px);
   	opacity: 0;
   }

   /*pagination*/
   #pagination {
   	display: flex;
   	align-items: center;
   	justify-content: center;
   	flex-wrap: wrap;
   	padding-bottom: 110px;
   	padding-top: 15px;
   }


   #pagination a,
   #pagination span {
   	font-size: 28px;
   	line-height: 28px;
   	color: #1A1B1C;
   	font-weight: 700;
   	padding: 0 6px;
   }

   #pagination a.current,
   #pagination span.current {
   	opacity: 0.6;
   }

   #pagination .page-numbers {
   	display: flex;
   	align-items: center;
   }

   #pagination .next:after {
   	content:'';
   	background: url('img/pagination-arrow.svg') center center no-repeat;
   	width: 12px;
   	height: 22px;
   	display: block;
   	margin-left: 22px;
   }

    #pagination .prev:before {
    	content:'';
	   	background: url('img/pagination-arrow.svg') center center no-repeat;
	   	width: 12px;
	   	height: 22px;
	   	display: block;
    	transform: rotate(180deg);
    	margin-right: 22px;
    }	

   /*vertical-block-items*/
   .vertical-block-items {
   	max-width: 955px;
   	width: 100%;
   	margin: 0 auto !important;
   }

   .vertical-block-items.under .vertical-block-item:first-child {
   	margin-top: -80px;
   }

   .vertical-block-items.under .vertical-block-item {
   	margin-top: -60px;
   }

   .vertical-block-items .vertical-block-item:last-child {
   	padding-top: 215px;
   	padding-left: 40px;
   }


/* ==========================================================================
   Header
   ========================================================================== */
 body.home .header .header-container .logo path.fill,
 body.home .header .header-container .logo polygon.fill,
 body.our-expertise .header-container .logo polygon.fill,
 body.our-expertise .header .header-container .logo path.fill{
 	fill: #ffffff;
 }

 body.home .header.white-header .header-container .logo path.fill,
 body.home .header.white-header .header-container .logo polygon.fill,
 body.our-expertise .header.white-header .header-container .logo path.fill,
 body.our-expertise .header.white-header .header-container .logo polygon.fill {
 	fill: #1A1B1C;
 }

 body.home .header.white-header.nav-open .header-container .logo path.fill,
 body.home .header.white-header.nav-open .header-container .logo polygon.fill,
 body.our-expertise .header.white-header.nav-open .header-container .logo path.fill,
 body.our-expertise .header.white-header.nav-open .header-container .logo polygon.fill {
 	fill: #ffffff;
 }

body.home .header-right .custome-link,
body.our-expertise  .header-right .custome-link {
  	color: #ffffff;
}

body.home .header-right .custome-link:hover,
body.our-expertise .header-right .custome-link:hover  {
  	border-color: #ffffff;
}

body.home .burger span,
body.our-expertise .burger span {
	background-color: #ffffff;
}

body.home .header.nav-open .header-right .custome-link,
body.our-expertise .header.nav-open .header-right .custome-link {
	color: #ffffff;
}

body.logged-in .header {
  top: 32px !important;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 101;
	transition: all ease 0.3s;
}

.header.white-header {
	background-color: #ffffff;
	box-shadow: 0 4px 50px rgba(0,0,0,0.04);
}

.header.white-header .burger span {
	background-color: #1A1B1C;
}

.header.nav-open{
	background-color: #1A1B1C;
}

.header.nav-open .burger span {
	background-color: #ffffff;
	margin: 0;
}

.header.nav-open .burger span:nth-child(1) {
	transform: rotate(45deg);
}

.header.nav-open .burger span:nth-child(2) {
	transform: rotate(-45deg);
	margin-top: -1px;
}

.header.white-header .header-right .custome-link {
	color: #1A1B1C;
}

.header.white-header.nav-open .header-right .custome-link {
	color: #ffffff;
}

.header.white-header .header-right .custome-link:hover {
	border-color: #1A1B1C;
}

.header.white-header.nav-open .header-right .custome-link:hover {
	border-color: #ffffff;
}

.header.nav-open .custome-link {
	color: #ffffff;
}

.header.nav-open .custome-link:hover {
	border-bottom-color: #ffffff;
}

.header.nav-open .navigation {
	opacity: 1;
	visibility: visible;
}

.header.nav-open .header-container .logo path.fill,
.header.nav-open .header-container .logo polygon.fill {
	fill: #ffffff;
}

.header .logo svg {
	width: 100%;
	height: 100%;
}

.header-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 100px;
	transition: all ease 0.3s;
	padding: 0 18px;
}

.header-container .logo {
	display: block;
	max-width: 137px;
	width: 100%;
}

.header .header-container .logo path,
.header .header-container .logo polygon {
	transition: all ease 0.3s;
}

.header .header-container .logo path.fill,
.header .header-container .logo polygon.fill {
	fill: #1A1B1C;
}

.header-right {
	display: flex;
	align-items: center;
}

.custome-link {
	display: inline-block;
	margin-right: 48px;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 21px;
	color: #1A1B1C;
	font-weight: 700;
	border-bottom: 2px solid transparent;
	transition: all ease 0.3s;
}

.custome-link:hover {
	border-color: #1A1B1C;
}

.burger {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	cursor: pointer;
}

.burger span {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #1A1B1C;
	margin-bottom: 7px;
	transition: all ease 0.3s;
}

.burger span:last-child {
	margin-bottom: 0;
}

.header .navigation {
	position: fixed;
	top: 100px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: calc(100vh-100px);
	background-color: #1A1B1C;
	opacity: 0;
	visibility: hidden;
	transition: all ease 0.3s;
	padding-top: 96px;
	padding-bottom: 40px;
	overflow: auto;
}

.header .navigation.nav-open .menu-item {
	opacity: 1;
	transform:translateY(0px);
}

.header .navigation .menu-item {
	opacity: 0;
	transform:translateY(100px);
	transition: all ease 0.2s;
}

.header .navigation .navigation-container {
	max-width: 1004px;
	width: 100%;
	margin: 0 auto;
}

.header .navigation ul li a {
	font-size: 80px;
	line-height: 84px;
	font-weight: 700;
	color: #ffffff;
	display: inline-block;
	transition: color ease 0.3s;
}


.header .navigation ul li a:hover,
.header .navigation ul li.current_page_item a {
	color: #8D8D8D;
}

/* ==========================================================================
   Blog Page
   ========================================================================== */
.blog-intro {
	padding-top: 111px;
	margin-bottom: 106px;
}

.blog-intro.tag .h3 {
	text-transform: capitalize;
}

.blog-intro-content {
	max-width: 869px;
	padding-left: 90px;
	margin-bottom: 113px;
}

.blog-intro-content .above-title {
	margin-bottom: 20px;
	letter-spacing: 1px;
	display: inline-block;
}

.blog-intro .img-block {
	padding-right: 216px;
	position: relative;
}

.blog-intro .img-block img {
	display: block;
	max-width: 100%;
}

.blog-intro .img-block .img {
	display: block;
	max-width: 100%;
}

.blog-intro .blog-intro-box {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background:#343536;
	padding: 78px 80px 77px 80px;
	color: #ffffff;
	max-width: 565px;
	box-sizing: border-box;
}

.blog-intro .blog-intro-box .author {
	font-size: 14px;
	line-height: 18px;
	display: block;
	letter-spacing: 1px;
	margin-bottom: 25px;
}

.blog-intro .blog-intro-box .h5 {
	color: #ffffff;
	margin-bottom: 22px;
	padding-right: 20px;
}

.blog-intro .blog-intro-box p {
	font-size: 18px;
	line-height: 27px;
	display: block;
	letter-spacing: 1px;
	margin: 0 0 23px 0 !important;
	color: #ffffff;
}

.blog-intro .blog-intro-box .custome-link {
	color: #ffffff;
}

.blog-intro .blog-intro-box .custome-link:hover {
	border-color: #ffffff;
}

.blog-grid {
	display: flex;
	flex-wrap: wrap;
	margin-left: -22px;
	margin-right: -22px;
	width: calc(100% + 44px);
}

.blog-grid .blog-intro {
	margin-left: 22px;
	margin-right: 22px;
	padding-top: 0;
  width: 100%;
}

.blog-grid .blog-intro .img-block img {
  width: 100%;
}

.blog-grid .grid-item {
	padding-left: 22px;
	padding-right: 22px;
	margin-bottom: 94px;
	width: calc(50% - 44px);
}

.blog-grid .grid-item article {
	height: 100%;
}

.post-item {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

.post-item .view-article,
.blog-intro .view-article{
  display: none !important;
}

.post-item img {
	display: block;
	width: 100%;
}

.post-item .content {
	padding-right: 60px;
	padding-top: 33px;
}

.post-item .custome-link {
	display: inline-block;
}

.post-item .author {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #A1A1A1;
	margin-bottom: 25px;
}

.post-item .h5 {
	margin-bottom: 21px;
}

.post-item p {
	display: block;
	font-size: 18px;
	line-height: 27px;
	color: #343536;
	margin: 0 0 24px 0 !important;
	letter-spacing: 1px;
	padding-right: 25px;
}

.helper-post-wrapper {
	background-color: #343536;
	position: relative;
	display: flex;
	justify-content: center;
	padding-top: 140px;
	padding-bottom: 150px;
}

.helper-post-item:first-child {
	max-width: 605px;
	width: 100%;
	margin-right: 13px;
}

.helper-post-item {
	max-width: 157px;
	width: 100%;
	margin-right: 88px;
}

.helper-post-item:last-child {
	margin-right: 0;
}

.helper-post-item .title {
	font-size: 24px;
	line-height: 24px;
	color: #ffffff;
	margin-bottom: 20px;
}

.helper-post-item ul li {
	margin-bottom: 15px;
}

.helper-post-item ul li:last-child {
	margin-bottom: 0;
}

.helper-post-item ul li a{
	font-size: 18px;
	line-height: 20px;
	color: #ffffff;
}

.post-detail {
	padding-top: 110px;
  padding-bottom: 142px;
}

.post-detail .main-img img {
  display: block;
  margin: 0;
}

.post-detail .main-img {
  padding-top: 18px;
  margin-bottom: 76px;
}

.post-detail .content-info .addthis_tool {
  display: none !important;
}

.post-detail .at-below-post {
  margin-top: 28px;
}

.post-detail .at-below-post .at-style-responsive .at-share-btn {
  margin-right: 10px;
  padding: 2px;
}

.post-detail .at-below-post .at-style-responsive .at-share-btn:last-child {
  margin-right: 0;
}

.post-detail img {
	display: block;
	max-width: 100%;
	margin-bottom: 60px;
	margin-top: 20px;
  height: 100%;
}

.post-detail .post {
	max-width: 1020px;
	width: 100%;
	margin: 0 auto;
}

.post-detail .author {
	font-size: 24px;
	line-height: 28px;
	color: #A1A1A1;
	display: block;
	font-weight: 700;
	margin-bottom: 22px;
	letter-spacing: 0.5px;
}

.post-detail .main-title {
	margin-bottom: 48px;
}

.post-detail p {
	font-size: 24px;
	line-height: 36px;
	color: #343536;
	margin: 0 0 36px 0;
	padding-right: 90px;
}

.post-detail ul,
.post-detail ol {
  font-size: 24px;
  line-height: 36px;
  color: #343536;
  margin: 0 0 36px 0;
}

.post-detail ul li,
.post-detail ol li {
  margin-bottom: 15px
}

.post-detail ul li:last-child,
.post-detail ol li:last-child {
  margin-bottom: 0;
}

.post-detail p.description {
  line-height: 31px;
  margin: 0 0 66px 0;
}

.post-detail h2,
.post-detail h3,
.post-detail h4,
.post-detail h5,
.post-detail h6 {
	margin-bottom: 35px;
}

.post-detail .tags-info,
.post-detail .tags-info a {
  font-size: 16px;
  line-height: 18px;
  color: #343536;
}

.post-detail .tags-info a {
  text-decoration: underline;
}

.post-detail .btn-block a {
  font-size: 28px;
  line-height: 28px;
  color: #1A1B1C;
  font-weight: 700;
  padding: 0 6px;
}

.post-detail .btn-block a:first-child {
  margin-right: auto;
}

.post-detail .btn-block a:last-child {
  margin-left: auto;
}

.post-detail .btn-block {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 90px;
}
.post-detail .btn-block .next,
.post-detail .btn-block .prev {
  display: flex;
  align-items: center;
}

.post-detail .btn-block .next:after{
  content:'';
  background: url('img/pagination-arrow.svg') center center no-repeat;
  width: 12px;
  height: 22px;
  display: block;
  margin-left: 22px;
}

.post-detail .btn-block .prev:before{
  content:'';
  transform: rotate(180deg);
  background: url('img/pagination-arrow.svg') center center no-repeat;
  width: 12px;
  height: 22px;
  display: block;
  margin-right: 22px;
}
/* author block*/
.author-bio {
  display: flex;
  align-items: center;
  background-color: #F6F6F6;
  max-width: 1020px;
  margin: 0 auto;
  width: auto;
  padding: 55px 53px 78px 53px;
  margin-top: 89px;
}

.author-avatar img{
  border-radius: 50%;
}

.author-details {
  flex: 1;
  margin-left: 34px;
}

.author-details span {
  font-size: 16px;
  line-height: 18px;
  color: #343536;
  display: block;
  margin-bottom: 20px;
}

.author-details h2 {
  margin-bottom: 30px;
}

.author-details h2,
.author-details h2 a {
  font-size: 28px;
  line-height: 28px;
  color: #1A1B1C;
}

.author-details p {
  margin: 0;
}



/* ==========================================================================
   Hero Section
   ========================================================================== */
.hero-section {
	min-height: 100vh;
	padding-top: 100px !important;
	padding-bottom: 100px;
	display: flex;
	align-items: center;
}

.hero-section-content {
	padding: 0 120px;
}

.hero-section-content h2 {
	margin-bottom: 29px;
    color: #ffffff;
    text-align: center;
}

.hero-section-content h5 {
    color: #ffffff;
    text-align: center;
	font-weight: 400;
	padding: 0 100px;
	margin-bottom: 47px;
}

/* ==========================================================================
   Home section 1
   ========================================================================== */
.home-s-1 {
   	padding-top: 135px !important;
}

.home-s-1-introduction {
	max-width: 858px;
	width: 100%;
	margin-bottom: 115px;
	padding-left: 115px;
}

.home-s-1-expertise {
	max-width: 930px;
	width: 100%;
	margin: 0 auto !important;
}

.home-s-1-expertise .default-btn {
	width: 100%;
	text-align: center;
	margin-top: 62px;
}

.home-s-1-expertise img {
	width: 41px;
	height: 41px;
}

.home-s-1-expertise .expertise-items.second .expertise-item:nth-child(1) {
	margin-top: -110px;
}

.home-s-1-expertise .expertise-items.second .expertise-item:nth-child(2) {
	padding-top: 135px;
}

.home-s-1-expertise .expertise-items .expertise-item:nth-child(2) {
	padding-top: 245px;
	padding-left: 48px;
	padding-right: 32px;
}

.home-s-1-expertise .expertise-item {
	padding-right: 80px;
}

.home-s-1-expertise .expertise-item h5 {
	padding-right: 115px;
	margin-bottom: 3px;
}

.home-s-1-expertise .expertise-item p {
	line-height: 28px;
	padding-right: 20px;
}

/* ==========================================================================
   Home section 2
   ========================================================================== */
.home-s-2 {
	padding-top: 124px;
	padding-bottom: 100px;
}

.home-s-2 .above-title {
	margin-bottom: 15px;
}

.home-s-2 .default-btn{
	width: 100%;
	text-align: center;
}


/* ==========================================================================
   Home section 3
   ========================================================================== */
.home-s-3 {
	background-color: #343536;
	padding-top: 150px;
	padding-bottom: 155px;
}

.home-s-3-content {
	max-width: 1094px;
	width: 100%;
	margin: 0 auto !important;
}

.home-s-3-content .above-title {
	color: #f17e00;
	margin-bottom: 33px;
	letter-spacing: 0.5px;
}

.home-s-3-content h4 {
	color: #ffffff;
}

.home-s-3-content .p-lg p {
	color: #ffffff;
	padding-right: 200px;
}

.home-s-3-content .default-btn {
	margin-top: 26px;
}


/* ==========================================================================
   Home section 4
   ========================================================================== */
.home-s-4 {
	padding-top: 138px;
	padding-bottom: 50px;
}

.home-s-4 h5 {
	margin-bottom: 121px;
}

.home-s-4-container {
	max-width: 1094px;
	margin: 0 auto !important;
}

.home-s-4 .img-items {
	display: flex;
	align-items: center;
	margin-bottom: 82px !important;
}

.home-s-4 .img-items .img-item {
	margin: 0;
}


.home-s-4 .img-items .img-item .wpb_content_element {
	margin-bottom: 0 !important;
}

/* ==========================================================================
   Home Testimonial
   ========================================================================== */

.home-testimonial .wpb_content_element {
	margin-bottom: 0 !important;
}

.home-testimonial .vc_column-inner {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.home-testimonial-container {
	display: flex;
}

.home-testimonial .wpb_single_image,
.home-testimonial .wpb_single_image .vc_figure,
.home-testimonial .wpb_single_image .vc_single_image-wrapper,
.home-testimonial img {
	width: 100%;
}

.testimonial-content {
	background-color: #343536;
	color: #ffffff;
	padding-top: 125px;
	padding-left: 120px !important;
	padding-right: 160px !important;
	padding-bottom: 125px;
	display: flex;
	align-items: center;
}

.testimonial-content p {
	color: #ffffff;
	margin: 0;
}

.testimonial-content .testimonial-title {
	font-size: 32px;
	line-height: 41px;
	margin-bottom: 34px;
}

.testimonial-content .testimonial-author {
	font-size: 19px;
	line-height: 22px;
	font-weight: 700;
	color: #1CF2B0;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.testimonial-content .testimonial-company {
	font-size: 18px;
	line-height: 22px;
}

/* ==========================================================================
   Our works home
   ========================================================================== */
.our-works-home {
   	margin-bottom: 102px;
}

.our-works-home ul li{
	display: flex;
	align-items: center;
	margin-bottom: 60px;
	opacity: 0;
	transition: all ease-out 0.8s;
}

.our-works-home ul li .img-block {
  display: block;
}

.our-works-home ul li.is-active-current {
	opacity: 1;
}

.our-works-home ul li:last-child {
	margin-bottom: 0;
}

.our-works-home ul li:nth-child(even) {
	flex-direction: row-reverse;
}

.our-works-home ul li:nth-child(even) .content {
	padding-left: 0;
	padding-right: 74px;
}

.our-works-home .content {
	padding-left: 74px;
	max-width: 315px;
	width: 100%;
}

.our-works-home .img-block img {
	width: 100%;
	display: block;
}

.our-works-home .content .h6 {
	margin-bottom: 5px;
}

.our-works-home .content .category {
	font-size: 18px;
	line-height: 33px;
	color: #1A1B1C;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 26px;
}

.our-works-home .content .description {
	margin-bottom: 29px;
}

.our-works-home p {
	margin: 0;
}

/* ==========================================================================
   Support section
   ========================================================================== */
.support-section {
	padding-top: 131px;
	padding-bottom: 95px;
}

.support-section-content {
	max-width: 700px;
	margin: 0 auto !important;
}

.support-section h5 {
	margin-bottom: 23px;
}

.support-section p {
	margin: 0 0 40px 0;
}

.support-section .default-btn {
	display: block !important;
	text-align: center;
}

/* ==========================================================================
   Testimonial inline
   ========================================================================== */

.testimonial-inline {
	background-color: #343536;
	padding-top: 183px;
	padding-bottom: 121px;
}

.testimonial-inline-content {
	max-width: 840px;
	width: 100%;
	margin: 0 auto !important;
	text-align: center; 
}

.testimonial-inline-content .square {
	margin: 0 auto 37px auto;
	background-color: #1CF2B0;
}

.testimonial-inline-content .square.white {
	background-color: #ffffff;
}

.testimonial-inline-content .wpb_content_element {
	margin-bottom: 0;
}

.testimonial-inline p {
	margin: 0;
	color: #ffffff;
}

.testimonial-inline .title {
	font-size: 36px;
	line-height: 41px;
	margin-bottom: 42px;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.testimonial-inline .author,
.testimonial-inline .company {
	font-size: 21px;
	line-height: 30px;
}

.testimonial-inline .author {
	color: #1CF2B0;
	font-weight: 600;
	text-transform: uppercase;
}

/* ==========================================================================
   Our Team Section
   ========================================================================== */

.our-team-section {
	padding-top: 165px !important;
	padding-bottom: 22px;
}

.our-team-intro {
	max-width: 840px;
	margin-left: 90px !important;
	margin-bottom: 123px;
}

.our-team-intro .h3 {
	margin-bottom: 28px;
}

.our-team-intro .p-lg {
	margin: 0;
}

.our-team-wrapper {
	max-width: 1020px;
	width: 100%;
	margin: 0 auto !important;
	padding-right: 30px;
}

.our-team-items {
	display: flex;
	flex-wrap: wrap;
	margin-left: -24.5px;
	margin-right: -24.5px;
}

.our-team-item {
	max-width: calc(33.333333% - 49px);
	padding-left: 24.5px;
	padding-right: 24.5px;
	margin-bottom: 41px;
}

.our-team-item.current .team-popup-container {
	display: block;
}

.our-team-item-intro {
	cursor: pointer;
}

.our-team-item-intro:hover .img img{
	filter: grayscale(0%);
}

.our-team-item-intro .img {
	margin-bottom: 21px;
}

.our-team-item-intro .img img{
	display: block;
	max-width: 100%;
	filter: grayscale(100%);
	transition: all ease 0.5s;
}

.our-team-item-intro .name {
	font-size: 18px;
	line-height: 20px;
	color: #1A1B1C;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.our-team-item-intro .profession {
	font-size: 18px;
	line-height: 24px;
	color: #1A1B1C;
	font-weight: 400;
}

.team-content-info .instagram {
	display: inline-block;
	margin-top: 24px;
}


.team-popup-container {
	display: none;
  position: fixed;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  height: calc(100vh - 100px);
  background-color: rgba(0,0,0,0.8);
  padding: 50px 0 50px 0;
  z-index: 1000;
  overflow: auto;
}

.team-popup-container .close-popup.layout {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 0;
}

.team-popup-container .close-popup.arrow {
	position: absolute;
    top: 0;
    right: -35px;
    background-color: transparent;
    z-index: 0;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.team-popup-container .close-popup.arrow img {
	max-width: 100%;
}

.team-popup-content {
	max-width: 887px;
	width: 100%;
	margin: 0 auto;
	position: relative;
  z-index: 1;
  background-color: #ffffff;
}

.team-popup-content .btn {
	position: absolute;
	top: calc(50% - 33px);
	width: 16.5px;
	height: 33px;
	cursor: pointer;
}

.team-popup-content .btn.next-team {
	right: -55px;
}

.team-popup-content .btn.prev-team {
	left: -55px;
}

.team-popup-content .btn img {
	max-width: 100%;
}

.team-popup-content .team-content-img {
  max-width: 100%;
  width: 100%;
	text-align: right;
}

.team-popup-content  .team-content-img img {
	max-width: 100%;
	width: 100%;
}

.team-popup-content  .content-info {
  padding-left: 103px;
  padding-right: 142px;
  padding-top: 95px;
  padding-bottom: 42px;
}

.team-popup-content .team-content-info h2 {
	font-size: 28px;
	line-height: 30px;
	color: #1A1B1C;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 13px;
}

.team-popup-content .profession {
	font-size: 20px;
	line-height: 22px;
	font-weight: 600;
	color: #1A1B1C;
	margin-bottom: 32px;
	display: block;
}

.team-popup-content p {
	margin: 0;
	font-size: 18px;
	line-height: 26px;
	color: #343536;
}




/* ==========================================================================
   Footer
   ========================================================================== */

.footer {
	background-color: #F6F6F6;
	padding-top: 123px;
	padding-bottom: 70px;
}

.footer .wrapper.is-active-current {
	transform: translateY(0px);
   	opacity: 1;
}

.footer .wrapper {
	transform: translateY(100px);
   	opacity: 0;
   	transition: all ease 0.5s;
}

.nav-footer ul {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 128px;
}

.nav-footer ul li {
	margin-right: 40px;
}

.nav-footer ul li:last-child {
	margin-right: 0;
}

.nav-footer ul li a {
	font-size: 20px;
	line-height: 36px;
	font-weight: 400;
	letter-spacing: 1px;
	color: #343536;
	transition: all ease 0.3s;
}

.nav-footer ul li a:hover {
	color: #8D8D8D;
}

.footer p {
	margin: 0 0 38px 0;
	font-size: 21px;
	line-height: 21px;
	display: block;
	text-align: center;
	color: #1A1B1C;
	font-weight: 700;
}

.footer .social-items {
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer .social-items a {
	margin-right: 28px;
}

.footer .social-items a:last-child {
	margin-right: 0;
}

/* ==========================================================================
   About Page
   ========================================================================== */
.about-s-1 {
	padding-top: 106px !important;
	margin-bottom: 110px;
}

.about-s-1 .wrapper-md {
	margin-left: 90px !important;
}

.about-s-1 .above-title {
	margin-bottom: 20px;
}

.about-s-1 .h2 {
	margin-bottom: 64px;
}

.about-s-1 .h5 {
	margin-bottom: 23px;
}

.about-s-1 .p-lg {
	margin: 0;
}

/* about-s-2*/
.about-s-2 {
	padding-top: 220px !important;
	padding-bottom: 183px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.about-s-2:after {
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(26, 27, 28, 0.65);
	z-index: 0;
}

.about-s-2 .vc_btn3-container {
	margin-bottom: 0;
}

.about-s-2-content {
	max-width: 845px;
	width: 100%;
	margin: 0 auto !important;
	text-align: center;
	position: relative;
	z-index: 1;
}

.about-s-2-content .h5 {
	text-align: center !important;
	color: #ffffff;
	line-height: 39px;
	margin-bottom: 56px;
}

/*about-s-3*/
.about-s-3 {
	padding-top: 135px !important;
	padding-bottom: 145px;
}

.about-s-3 .wrapper-md {
	margin-left: 90px !important;
	margin-bottom: 113px;
}

.about-s-3 .above-title {
	margin-bottom: 14px;
}

.about-s-3 .h3 {
	margin-bottom: 27px;
}

.about-s-3 .p-lg {
	margin: 0;
	padding-right: 220px;
}

.about-s-3 .vertical-block-item .square {
	background-color: #DADADA;
	display: block;
	margin-bottom: 30px;
	transition: background-color ease 0.5s;
}

.about-s-3 .vertical-block-item .wpb_wrapper:hover .square.green {
	background-color: #1CF2B0
}

.about-s-3 .vertical-block-item .wpb_wrapper:hover .square.dark-blue {
	background-color: #005BF3
}

.about-s-3 .vertical-block-item .wpb_wrapper:hover .square.light-blue {
	background-color: #00BBFA
}

.about-s-3 .vertical-block-item .wpb_wrapper:hover .square.pink {
	background-color: #FF498A
}

.about-s-3 .vertical-block-item .wpb_wrapper:hover .square.yellow {
	background-color: #FFD60D
}

.about-s-3 .vertical-block-item .wpb_content_element {
	margin-bottom: 0;
}

.about-s-3 .vertical-block-item .h5 {
	padding-right: 120px;
	margin-bottom: 23px;
}

.about-s-3 .vertical-block-item p {
	margin: 0;
	line-height: 28px;
	padding-right: 40px;
}

/*about-s-4*/
.about-s-4 {
	padding-bottom: 110px;
	padding-top: 123px !important;
}

.about-s-4 .wpb_content_element {
	margin-bottom: 0;
}

.about-s-4 .p-lg {
	margin: 0 0 30px 0;
	color: #1CF2B0;
	text-transform: uppercase;
	font-weight: 700;
	padding: 0;
}

.about-s-4 .h5 {
	color: #ffffff;
	padding-right: 30px;
	line-height: 39px;
	margin-bottom: 30px;
}

.about-s-4 p {
	margin: 0 0 28px 0;
	color: #ffffff;
	padding-right: 30px;
	line-height: 28px;
}

.about-s-4 p:last-child {
	margin: 0;
}

.about-s-4 .about-s-4-info .mobile-only {
	display: none;
}

.about-s-4 .img-block {
	display: flex;
	justify-content: flex-end;
	padding-top: 60px;
}


.about-s-4-content {
	max-width: 1040px;
	width: 100%;
	margin: 0 auto !important;
}

.about-s-4-content .vc_col-sm-6:first-child {
	width: 55%;
}

.about-s-4-content .vc_col-sm-6:last-child {
	width: 45%;
}

.about-page.support-section {
	padding-top: 131px !important;
}

/* =============================================================================
   Portofolio Page
   ========================================================================== */

.portofolio-s-1 {
	padding-top: 104px !important;
	padding-bottom: 105px; 
}

.portofolio-s-1-content {
	max-width: 906px;
	width: 100%;
	margin-left: 90px !important;
}

.portofolio-s-1 .above-title {
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 19px;
}

.portofolio-s-1 .h2 {
	margin-bottom: 60px;
}

.portofolio-s-1 .h5 {
	padding-right: 70px;
	line-height: 49px;
}

/*portofolio s 2*/
.portofolio-s-2 .wpb_content_element {
	margin-bottom: 0;
}

.portofolio-wrapper {
	max-width: 1030px;
	margin-left: 90px;
}

.portofolio-grid {
	margin-left: -20px;
	margin-right: -20px;
	display: flex;
	flex-wrap: wrap;
}

.portofolio-grid-item {
	padding-left: 20px;
	padding-right: 20px;
	width: calc(50% - 40px);
	margin-bottom: 40px;
}

.portofolio-grid-item:last-child {
	margin-bottom: 148px;
}

.portofolio-grid-item:nth-child(even) .portofolio-item {
	transform: translateY(147px);
}

.portofolio-grid-item:nth-child(even):last-child .portofolio-item{
	margin-bottom: 148px;
} 


.portofolio-item {
	position: relative;
	display: block;
}

.portofolio-item:hover:after,
.portofolio-item:hover .hover-block {
	opacity: 1;
}

.portofolio-item:after {
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	right: 0;
	bottom: 0;
	top: 0;
	left: 0;
	background-color: rgba(26, 27, 28, 0.58);
	opacity: 0;
	transition: all ease 0.5s;
}

.portofolio-item img {
	max-width: 100%;
	display: block;
}

.portofolio-item .hover-block {
	position: absolute;
	left: 26px;
	right: 26px;
	bottom: 22px;
	z-index: 1;
	opacity: 0;
	transition: all ease 0.5s;
}

.portofolio-item .hover-block .title {
	margin: 0 0 8px 0;
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
	color: #ffffff;
}

.portofolio-item .hover-block .sub-title {
	margin: 0;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 1px;
	font-weight: 400;
	color: #ffffff;
	display: block;
}

/* =============================================================================
   Our Approch Page
   ========================================================================== */
.approach-s-1 {
	padding-top: 110px !important;
	padding-bottom: 10px;
}

.approach-s-1 .wpb_content_element {
	margin-bottom: 0;
}

.approach-s-1 .above-title {
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.approach-s-1 .h2 {
	margin-bottom: 50px;
}

.approach-s-1 .p-lg {
	margin: 0;
	padding-right: 100px;
}

.approach-intro-content {
	width: 60% !important;
	padding-left: 87px !important;
	padding-right: 70px !important;
}

.approach-intro-img {
	width: 40% !important;
	padding-top: 120px;
}

.approach-s-2 {
	padding-bottom: 88px;
}

.approach-s-2 .steps-item:nth-child(even) {
	margin-left: 434px !important;
}

.steps-item {
	position: relative;
	padding-left: 179px;
	max-width: 446px;
	margin-left: 87px !important;
	margin-bottom: 45px;
}

.steps-item.third {
	margin-bottom: 35px;
}

.steps-item.third .steps-item-content {
	margin-top: -174px;
}

.steps-item:hover .square.green {
	background-color: #1CF2B0;
}

.steps-item:hover .square.dark-blue {
	background-color: #005BF3;
}

.steps-item:hover .square.light-blue {
	background-color: #00BBFA;
}

.steps-item:hover .square.pink {
	background-color: #FF498A;
}

.steps-item .number {
	position: absolute;
	top: 0;
	left: -167px;
	font-size: 240px;
	line-height: 240px;
	color: #343536;
	font-weight: 700;
	letter-spacing: 2px;
}

.steps-item .square {
	background-color: #E8E8E8;
	display: block;
}

.steps-item .h5 {
	margin-bottom: 30px;
}

.steps-item .p-lg {
	font-weight:600;
	padding-right: 120px;
	margin-bottom: 10px;
}

.steps-item p {
	margin: 0;
	line-height: 28px;
}

.steps-item .steps-item-content {
	padding-top: 95px;
}

/* =============================================================================
   Our Expertise Page
   ========================================================================== */
.our-expertise-s-1 {
	position: relative;
	padding-top: 215px !important;
	padding-bottom: 227px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.our-expertise-s-1 .above-title {
	color: #ffffff;
	margin-bottom: 19px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.our-expertise-s-1 .h2 {
	color: #ffffff;
	padding-right: 300px;
}

.our-expertise-s-1:after {
	content:'';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(26, 27, 28, 0.6);
	z-index: 0;
}

.our-expertise-s-1-content {
	position: relative;
	z-index: 1;
	padding-left: 92px;
}

.our-expertise-s-2 {
	padding-top: 130px !important;
}

.our-expertise-s-2-content {
	max-width: 1043px;
	margin: 0 auto 90px auto !important;
}

.our-expertise-s-2-title {
	font-size: 62px;
	line-height: 64px;
	color: #1A1B1C;
	margin-bottom: 19px;
}

.our-expertise-s-2-content .p-lg {
	margin: 0;
	padding-right: 150px;
}

.our-expertise-item {
	display: flex;
	align-items: center;
	max-width: 1440px;
	padding-left: 61px;
	padding-right: 61px;
	margin: 0 auto 123px auto !important;
}

.our-expertise-item:last-child {
	background-color: red;
}

.our-expertise-item.reverse .content {
	padding-left: 135px;
	padding-right: 25px;
}

.our-expertise-item .content.third p{
	padding-right: 20px;
}

.our-expertise-item .h5 {
	margin-bottom: 24px;
}

.our-expertise-item p {
	margin: 0 0 27px 0 !important;
	line-height: 28px;
	color: #343536;
	padding-right: 47px;
}

.our-expertise-item .list-block .wpb_wrapper{
	display: flex;
}

.our-expertise-item .list-block p {
	display: none;
}

.our-expertise-item .list-block.first ul:first-child {
	width: 40%;
}

.our-expertise-item .list-block.first ul:last-child {
	width: 60%;
}

.our-expertise-item .list-block.second ul:first-child {
	width: 45%;
}

.our-expertise-item .list-block.second ul:last-child {
	width: 55%;
}

.our-expertise-item .list-block.four ul:first-child {
	width: 55%;
}

.our-expertise-item .list-block.four ul:last-child {
	width: 45%;
}

.our-expertise-item ul {
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
	width: 50%;
	color: #1A1B1C;
}

.our-expertise-item ul li {
	margin-bottom: 10px;
}

.our-expertise-item .wpb_content_element {
	margin-bottom: 0;
}

.our-expertise-item .content {
	padding-left: 30px;
	padding-right: 55px;
}

.our-expertise-item-footer {
	text-align: center !important;
	padding-top: 5px;
	padding-bottom: 130px;
}

.our-expertise-item-footer p {
	margin: 0 0 57px 0 !important;
}

.our-expertise-item-footer .vc_btn3-container {
	margin-bottom: 0;
}

.our-expertise-s-3 {
	max-height: 669px;
}

.our-expertise-s-4 {
	padding-top: 131px;
	padding-bottom: 30px;
}

.our-expertise-s-4-intro {
	max-width: 1030px;
    margin: 0 auto 130px auto !important;
}

.our-expertise-s-4-intro .p-lg {
	padding-right: 200px;
}

.our-expertise-s-4-title {
	font-size: 62px;
	line-height: 64px;
	color: #1A1B1C;
	font-weight: 700;
	margin-bottom: 17px;
}

.our-expertise-s-4 p{
	margin: 0 !important;
}

.our-expertise-s-4-items {
	padding-left: 170px;
	padding-right: 90px;
	margin-bottom: 100px;
}

.our-expertise-s-4-items .wpb_content_element {
	margin-bottom: 0;
}

.our-expertise-s-4-items .img {
	margin-bottom: 30px;
}

.our-expertise-s-4-items .h5 {
	margin-bottom: 17px;
}

.our-expertise-s-4-items p {
	line-height: 28px;
	padding-right: 40px;
}

.our-expertise-s-4-items .vc_col-sm-6:last-child {
	padding-left: 35px;
}

.our-expersite-testimonials.testimonial-inline .title {
	letter-spacing: 1px;
}

.our-expersite-testimonials .testimonial-inline-content {
	max-width: 870px;
}

/* =============================================================================
   Contact Page
   ========================================================================== */
.contact-s-1 {
	padding-top: 110px;
}

.contact-s-1-wrapper {
	padding-left: 93px;
}

.contact-s-1 .above-title {
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.contact-s-1 .h3 {
	margin-bottom: 50px;
}

.contact-s-1 .square {
	background-color: #E8E8E8;
	margin-bottom: 40px;
}

.contact-s-1 .h4 {
	margin-bottom: 24px;
}

.contact-s-1 .p-lg {
	padding-right: 140px;
	padding-bottom: 70px;
	margin: 0;
}

.contact-s-1 .contact-img {
	margin-top: 125px;
	padding-right: 50px;
}

.contact-s-1 .wpb_content_element {
	margin-bottom: 0;
}

.contact-s-2 {
	overflow: initial !important;
	padding-bottom: 147px;
	padding-left: 93px;
}

.contact-s-2 .hide-on-desktop {
	display: none;
}

.contact-s-2 .wpb_content_element {
	margin-bottom: 0;
}

.contact-s-2 .contact-s-2-content ul {
	font-size: 20px;
	line-height: 28px;
	color: #343536;
	margin-bottom: 35px !important;
}

.contact-s-2 .contact-s-2-content ul li {
	display: block;
}

.contact-s-2 .contact-s-2-content a {
	font-size: 20px;
	line-height: 28px;
	color: #343536;
}

.contact-s-2 p {
	margin: 0;
}

.contact-s-2 .contact-s-2-content .h6 {
	margin-bottom: 30px;
}

.contact-s-2 .contact-s-2-content .h6.second {
	padding-top: 22px;
	margin-bottom: 15px;
}

.contact-s-2 .contact-s-2-content {
	padding-left: 37px;
	padding-top: 96px;
}

/*contact-form*/
.form-wrapper {
	margin-top: -30px;
}
.contact-form {
	max-width:484px;
	width:100%;
	display: flex;
	flex-direction: column;
}

.contact-form .wpcf7-form-control-wrap {
	width: 100%;
	display: flex;
	position: relative;
}

.contact-form .input-field {
	outline: none;
	border: none;
	width: 100%;
	background-color: #F6F6F6;
	font-size: 20px;
	line-height: 28px;
	color: #1A1B1C;
	letter-spacing: 1px;
	padding: 25px 34px;
	margin-bottom: 21px;
	display: block;
	box-sizing: border-box;
	font-family: "Gilroy", Helvetica, Arial, sans-serif;
}

.contact-form textarea.input-field {
	height: 190px;
	margin-bottom: 38px;
}

.contact-form .input-field::placeholder {
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	color: #1A1B1C;
	letter-spacing: 1px;
}

.contact-form .wpcf7-not-valid-tip {
	position: absolute;
	left: 0;
	bottom: 2px;
}

.contact-form p {
	margin: 0;
}

.contact-form .info-title {
	letter-spacing: 0.8px;
	line-height: 28px;
	margin-bottom: 8px;
}

.contact-form .info-doc {
	letter-spacing: 1px;
	font-size: 18px;
	line-height: 28px;
	color: #A1A1A1;
	display: block;
	margin-bottom: 30px;
}

.contact-form input[type=file] {
	outline: none;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	color: #A1A1A1;
	margin-bottom: 36px;
	width:100%;
	outline: none;
	font-family: "Gilroy", Helvetica, Arial, sans-serif;
}

.contact-form input[type=file]:focus {
	outline: none;
	border: none;
}

.contact-form input[type=file]::file-selector-button {
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	border: none;
	outline: none;
	color: #1A1B1C;
	font-family: "Gilroy", Helvetica, Arial, sans-serif;
	background-color: #F6F6F6;
	padding: 25px 37px 25px 43px;
	margin-right: 36px;
	cursor: pointer;
}

.contact-form .default-btn input {
	font: 700 18px/21px "Gilroy", Helvetica, Arial, sans-serif !important;
   	background-color: #1cf2b0 !important;
   	color: #1A1B1C !important;
   	padding-top: 14px !important;
   	padding-bottom: 14px !important;
   	padding-right: 23px !important;
   	padding-left: 23px !important;
   	text-align: center !important;
   	border-radius: 66px !important;
   	min-width: 230px;
   	background-image: none !important;
   	border: none !important;
}

.contact-form .default-btn {
	padding-top: 62px;
}

.contact-form .checkbox-wrapper {
	position: relative;
	width: fit-content;
	cursor: pointer;
}

.contact-form .checkbox-wrapper input {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}

.contact-form .checkbox-wrapper input:checked + .wpcf7-list-item-label:after {
	opacity: 1;
}

.contact-form .checkbox-wrapper .wpcf7-list-item-label {
	font-size: 20px;
	line-height: 28px;
	color: #1A1B1C;
	display: flex;
	align-items: center;
	position: relative;
}

.contact-form .checkbox-wrapper .wpcf7-list-item-label:before {
	content:'';
	width: 23px;
	height: 23px;
	border: 2px solid #1A1B1C;
	display: inline-block;
	margin-right: 11px;
}

.contact-form .checkbox-wrapper .wpcf7-list-item-label:after {
	content:'';
	position: absolute;
	left: 6px;
	top: 9px;
	background: url('img/check.svg') center center no-repeat;
	width: 15px;
	height: 12px;
	background-size: contain;
	opacity: 0;
	transition: all ease 0.2s;
}

.wpcf7-response-output {
	display: none;
}

/*confirm-popup*/
.confirm-popup {
	position: fixed;
	top: 100px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 100px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	display: none;
}

.confirm-popup.show {
	display: flex;
}

.confirm-popup-close {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: rgba(0,0,0,0.8);
}

.confirm-popup-content {
	width: 56.5%;
	margin: 0 auto;
	padding-top: 123px;
	padding-left: 117px;
	padding-right: 40px;
	padding-bottom: 123px;
	background-color: #ffffff;
	position: relative;
	z-index: 1;
}

.confirm-popup-content  .close-btn {
	position: absolute;
	top: 0;
	right: -36px;
	cursor:pointer;
}

.confirm-popup-content .title {
	font-size: 62px;
	line-height: 62px;
	color: #1A1B1C;
	font-weight: 700;
	margin-bottom: 20px;
}

.confirm-popup-content .h6 {
	margin-bottom: 60px;
	font-weight: 400;
}

.confirm-popup-content p {
	margin: 0;
	font-size: 21px;
	line-height: 27px;
	color: #343536;
}

.confirm-popup-content p a {
	font-weight: 700;
	font-size: 21px;
	line-height: 27px;
	color: #343536;
}

/* =============================================================================
   Case Studie
   ========================================================================== */
.case-studies-hero {
	max-height: 781px;
}

.case-studies-hero .wpb_content_element {
	margin-bottom: 0;
}

.case-studies-intro {
	padding-top: 115px;
}

.section-with-large-img .wpb_content_element {
	margin-bottom: 0;
}

.case-studies-intro-content {
	padding-left: 100px !important;
}

.case-studies-intro-content .h3 {
	margin-bottom: 25px;
}

.case-studies-intro-content .h5 {
	line-height: 47px;
	margin-bottom: 12px;
	padding-right: 60px;
}

.case-studies-intro-content p {
	margin: 0;
	font-size: 24px;
	line-height: 36px;
	padding-right: 80px;
}

.case-studies-intro-list {
	padding-top: 110px;
}

.case-studies-intro-list ul {
	font-size: 20px;
	line-height: 24px;
	color: #231F20;
	font-weight: 700;
}

.case-studies-intro-list ul li {
	margin-bottom: 12px;
}

.case-studies-intro-list ul li:last-child {
	margin-bottom: 0;
}

.mansory-img {
	padding-top: 67px;
}

.mansory-img-item {
	max-width: 1060px;
	width: 100%;
	margin: 0 auto !important;
}

.mansory-img-item.first .wpb_content_element {
	margin-bottom: 50px;
}

.case-studies-full-img {
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 76px;
}

.case-studies-full-img.more-spacing {
	padding-top: 110px;
}

.case-studies-full-img .wpb_content_element {
	margin-bottom: 0;
}

.case-studies-testimonial {
	padding-top: 118px;
	padding-bottom: 118px;
}

.case-studio-pb-118 {
  padding-bottom: 118px;
}
.case-studio-pt-118 {
  padding-top: 118px;
}

.case-studies-testimonial.second-type {
	padding-top: 74px;
	padding-bottom: 105px;
}

.case-studies-testimonial .vc_column_container {
	padding: 0 130px;
}

.case-studies-testimonial-title {
	font-size: 32px;
	line-height: 41px;
	color: #343536;
	font-weight: 400;
	margin-bottom: 42px;
}

.case-studies-testimonial-author {
	font-size: 18px;
	line-height: 20px;
	color: #1cf2b0;
	font-weight: 700;
	margin: 0 0 10px 0 !important;
	text-transform: uppercase;
}

.case-studies-testimonial-company {
	font-size: 18px;
    line-height: 22px;
    margin: 0;
}

.case-studies-two-img-wrapper {
	max-width: 1060px;
    width: 100%;
    margin: 0 auto !important;
    display: flex;
}

.case-studies-two-img-wrapper .wpb_content_element {
	margin-bottom: 0;
}

.our-works-slider-container {
	padding-top: 110px;
	padding-bottom: 100px;
}

.our-works-slider-container .h5 {
	text-align: center;
	margin-bottom: 86px;
}

.our-works-slider-container .owl-nav {
	margin-top: 0;
}

.our-work-slider {
	position: relative;
	margin-bottom: 81px;
}

.our-work-slider .owl-stage {
	display: flex;
}

.our-work-slider .owl-item {
	height: 100%;
}

.our-work-slider .owl-item a {
	display: block;
	height: 100%;
}

.our-work-slider .owl-item img {
	display: block;
	height: 100%;
}

.our-works-slider-container .owl-nav button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	margin: 0 !important;
	font-size: 0 !important;
}

.our-works-slider-container .owl-nav .owl-prev {
	left: -54px;
	background: url('img/slider-arrow-left.svg') center center no-repeat !important;
	background-size: contain;
	
}

.our-works-slider-container .owl-nav .owl-next {
	right: -54px;
	background: url('img/slider-arrow-right.svg') center center no-repeat !important;
	background-size: contain;
}

.our-works-slider-container .default-btn {
	text-align: center;
}

.our-works-slider-container .default-btn a {
	display: inline-block;
	box-sizing: border-box;
}

/* =============================================================================
   Page not found
   ========================================================================== */
.page-not-found {
	padding-top: 155px;
	padding-bottom: 150px;
}

.page-not-found .title {
	font-size: 140px;
	line-height: 144px;
	letter-spacing: 2px;
	margin-bottom: 35px;
}

.page-not-found .h5 {
	letter-spacing: 2px;
	margin-bottom: 44px;
}

.page-not-found-content {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.page-not-found-content p {
	margin: 0 0 32px 0 !important;
	letter-spacing: 0.5px;
}

.page-not-found-content p:last-child {
	margin: 0 !important;
}

.page-not-found-content .default-btn {
	padding-top: 32px;
}

.page-not-found-content .default-btn a {
	display: inline-block;
	box-sizing: border-box;
	min-width: 168px !important;
}

/* =============================================================================
   Media Queries
   ========================================================================== */
   @media only screen and (min-width: 768px) {
	   	.approach-s-3 .testimonial-content .testimonial-title {
			font-size: 36px;
			line-height: 48px;
			margin-bottom: 54px;
		}
   }
    /* 767px and smaller */
   @media only screen and (max-width: 767px) {
	   	.wrapper-lg {
	   		padding-left: 20px;
	   		padding-right: 20px;
	   		width: auto;
	   	}

   		.h2,
   		.post-detail h2 {
	   		font-size: 36px;
	   		line-height: 38px;
	   }

	   .h3,
	   .post-detail h4 {
	    	font-size: 30px;
	    	line-height: 32px;
	    }

	    .h4,
	    .post-detail h4 {
	    	font-size: 30px;
	    	line-height: 32px;
	    }

	    .h5,
	    .post-detail h5 {
	    	font-size: 21px;
	    	line-height: 24px;
	    }

	    .h6,
	    .post-detail h6 {
	    	font-size: 21px;
	    	line-height: 24px;
	    }

	    .desktop-only {
	    	display: none;
	    }

	    .mobile-only {
	    	display: block;
	    }

	    .p-lg p,
	    .p-lg {
	    	font-size: 18px;
	    	line-height: 22px;
	    }

	    .above-title {
	    	font-size: 18px;
	    	line-height: 28px;
	    }

	    .default-btn a, 
	    .default-btn button {
	    	font: 700 15px/17px "Gilroy", Helvetica, Arial, sans-serif !important;
	    	min-width: 202px;
	    	letter-spacing: 0.5px;
	    	padding-top: 13px !important;
	    	padding-bottom: 13px !important;
	    }

		.header .logo {
			width: 96px;
			height: 29px;
		}

		.header-right .custome-link {
			display: none;
		}

		.header-container {
			min-height: 67px;
		}

		.header .navigation {
			top: 67px;
			padding-top: 76px;
		}

		.header .navigation ul li a {
			font-size: 36px;
			line-height: 43px;
		}

		/*pagination*/
		#pagination {
			padding-top: 18px;
			padding-bottom: 65px;
		}
		#pagination a,
	    #pagination span {
	   	  font-size: 24px;
	   	  line-height: 24px;
	    }

    /*post-detail*/
    .post-detail {
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 43px;
      padding-bottom: 62px;
    }

    .post-detail .main-img {
      padding-top: 40px;
      margin-bottom: 56px;
      padding-right: 22px;
      padding-left: 22px;
    }

    .post-detail h2,
    .post-detail h3,
    .post-detail h4,
    .post-detail h5,
    .post-detail h6 {
      padding: 0 22px;
    }
    .post-detail .author {
      font-size: 15px;
      line-height: 18px;
      text-align: center;
      margin-bottom: 26px;
    }

    .post-detail .at-below-post {
      padding: 0 22px;
      margin-top: 24px;
    }

    .post-detail .tags-info {
      padding: 0 22px;
    }

    .post-detail .btn-block a {
      font-size: 24px;
      line-height: 24px;
    }

    .post-detail .tags-info, 
    .post-detail .tags-info a {
      font-size: 12px;
      line-height: 14px;
    }

    .post-detail .btn-block .next:after {
      margin-left: 15px;
      background-size: cover;
    }

    .post-detail .btn-block .prev:before {
      margin-right: 15px;
      background-size: cover;
    }

    .post-detail .btn-block {
      padding-top: 56px;
      margin-left: -14px;
      margin-right: -14px;
    }

    .post-detail .btn-block a:last-child {
      text-align: right;
    }

    .author-bio {
      margin-top: 99px;
      flex-direction: column;
      align-items: center;
      padding: 40px 44px 25px 44px;
    }

    .author-avatar img {
      margin-bottom: 23px;
      margin-top: 0;
    }

    .author-details {
      margin-left: 0;
      text-align: center;
    }

    .author-details span {
      font-size: 12px;
      line-height: 14px;
      margin-bottom: 25px;
    }

    .author-details h2, .author-details h2 a {
      font-size: 24px;
      line-height: 24px;
      margin-bottom: 10px;
    }

    .author-details p {
      padding: 0 !important;
    }

    .post-detail p {
      padding: 0;
    }

    .post-detail p.description {
      font-size: 20px;
      line-height: 24px;
      text-align: center;
      padding: 0 10px;
      margin: 0 0 64px 0;
    }

    .post-detail p {
      padding-right: 0;
      font-size: 16px;
      line-height: 22px;
      margin: 0 0 22px 0;
      padding: 0 22px;
    }

    .post-detail ul,
    .post-detail ol {
      font-size: 16px;
      line-height: 22px;
      margin: 0 0 22px 0;
    }

    .post-detail .main-title {
      font-size: 36px;
      line-height: 38px;
      text-align: center;
      margin-bottom: 21px;
    }

		/* section hero*/
		.hero-section {
			min-height: 563px;
			padding-top: 119px !important;
		}
		.hero-section-content h2 {
			padding: 0 25px;
			margin-bottom: 18px;
		}

		.hero-section-content h5 {
			font-size: 20px;
			line-height: 24px;
			padding: 0 20px;
			margin-bottom: 39px;
		}

		.hero-section-content {
			padding: 0;
		}

		/* home section 1*/
		.home-s-1 {
			padding-left: 25px !important;
			padding-right: 25px !important;
			padding-top: 44px !important;
		}
		.home-s-1-introduction {
			padding-left: 0;
		    width: auto;
			margin-bottom: 5px;
		}

		.home-s-1-expertise .default-btn {
			margin-top: 0;
		}

		.home-s-1-introduction h3,
		.home-s-1-introduction p {
			text-align: center !important;
		}

		.home-s-1-expertise .expertise-items.second .expertise-item:nth-child(1) {
			margin-top: 0px;
		}

		.home-s-1-expertise .expertise-items.second .expertise-item:nth-child(2) {
			padding-top: 0px;
		}

		.home-s-1-expertise .expertise-items .expertise-item:nth-child(2) {
			padding-top: 0px;
			padding-left: 0px;
			padding-right: 0px;
		}

		.home-s-1-expertise .expertise-item {
			padding-right: 0px;
			margin-bottom: 6px;
		}

		.home-s-1-expertise .expertise-item:last-child {
			margin-bottom: 6px;
		}

		.home-s-1-expertise .expertise-item .img {
			margin: 0 auto 10px auto;
		}

		.home-s-1-expertise .expertise-item .img.img-1 {
			width: 34px;
			height: 34px;
		}

		.home-s-1-expertise .expertise-item .img.img-2 {
			width: 28px;
			height: 28px;
		}

		.home-s-1-expertise .expertise-item .img.img-3 {
			width: 32px;
			height: 26px;
		}

		.home-s-1-expertise .expertise-item .img.img-4 {
			width: 28px;
			height: 28px;
		}

		.home-s-1-expertise .expertise-item h5 {
			padding-right: 0px;
			margin-bottom: 0px;
			text-align: center !important;
			font-size: 21px;
			line-height: 36px;
		}

		.home-s-1-expertise .expertise-item p {
			line-height: 20px;
			font-size: 16px;
			padding-right: 0px;
			margin-top: 0;
			text-align: center;
		}

		/*home-s-2*/
		.home-s-2 {
			padding-top: 15px;
			padding-bottom: 23px;
		}

		.home-s-2 .above-title {
			margin-bottom: 12px;
		}

		.home-s-2 .home-s-1-introduction {
			padding-left: 25px !important;
		    padding-right: 25px !important;
		}

		/*home section 3*/
		.home-s-3 {
			padding-top: 43px;
			padding-left: 25px !important;
			padding-right: 25px !important;
			padding-bottom: 21px;
		}
		.home-s-3-content {
			text-align: center;
		}

		.home-s-3-content .above-title {
			text-align: center !important;
			margin-bottom: 13px;
		}

		.home-s-3-content h4 {
			text-align: center !important;
			margin-bottom: 5px;
		}

		.home-s-3-content .default-btn {
			margin-top: 6px;
		}

		.home-s-3-content .p-lg p {
			padding-right: 0;
		}

		/*.home-s-4*/
		.home-s-4 {
			padding-top: 43px;
			padding-left: 25px !important;
			padding-right: 25px !important;
			padding-bottom: 40px;
		}
		.home-s-4 h5 {
			text-align: center !important;
			margin-bottom: 36px;
		}

		.home-s-4 .img-items {
			flex-wrap: wrap;
			margin-bottom: 0 !important;
		}

		.home-s-4 .img-items .img-item .wpb_single_image {
			text-align: center !important; 
			margin: 0 auto !important;
		}

		.home-s-4 .img-items .img-item {
			width: 50%;
			margin-bottom: 24px;
		}

		.home-s-4 .img-items .img-item .small img {
			width: 60%;
		}

		.home-s-4 .img-items .img-item .contra-costa img {
			width: 80%;
		}

		.home-s-4 .img-items .img-item .w-90 img {
			width: 90%;
		}

		
		.home-s-4 .img-items .img-item .vc_single_image-wrapper {
			display: flex;
			justify-content: center;
		}

		/*.home-testimonial*/
		.home-testimonial-container {
			flex-direction: column;
		}

		.testimonial-content {
			padding-top: 44px;
			padding-left: 40px !important;
			padding-right: 40px !important;
			padding-bottom: 44px;
		}

		.testimonial-content .testimonial-title {
			font-size: 18px;
			line-height: 22px;
			text-align: center !important;
			margin-bottom: 21px;
		}

		.testimonial-content .testimonial-author {
			margin-bottom: 0;
		}

		.testimonial-content .testimonial-author,
		.testimonial-content .testimonial-company {
			font-size: 16px;
			line-height: 20px;
			text-align: center !important;
		}

		/*our works homepage*/
		.our-works-home {
			margin-bottom: 39px;
		}

		.our-works-home ul li {
			display: block;
			margin-bottom: 40px;
		}

		.our-works-home .content {
			padding: 0 20px;
			width: auto;
			text-align: center;
			max-width: 100%;
		}

		.our-works-home .content .category {
			font-size: 16px;
			line-height: 20px;
			margin-bottom: 10px;
		}

		.our-works-home .content .link-btn {
			font-size: 15px !important;
			line-height: 17px !important;
		}

		.our-works-home ul li:nth-child(even) .content {
			padding: 0;
		}

		.our-works-home .img-block {
			margin-bottom: 20px;
		}

		.our-works-home .content .h6 {
			margin-bottom: 24px;
		}

		.our-works-home .img-block img {
			width: 100%;
			display: block;
		}

		.our-works-home .content .description {
			font-size: 16px;
			line-height: 20px;
			margin-bottom: 14px;
		}

		/* about us page */
		.about-s-1 {
			padding-right: 25px;
			padding-left: 25px;
			padding-top: 39px !important;
			margin-bottom: 68px;
		}
		.about-s-1 .wrapper-md {
			margin-left: 0 !important;
			padding-left: 25px;
			padding-right: 25px;
		}

		.about-s-1 .above-title {
			text-align: center !important;
			margin-bottom: 9px;
		}

		.about-s-1 .h2 {
			text-align: center !important;
			margin-bottom: 26px;
		}

		.about-s-1 .h5 {
			text-align: center !important;
			font-weight: 600;
			margin-bottom: 9px;
		}

		.about-s-1 .p-lg {
			text-align: center !important;
			font-size: 16px;
			line-height: 20px;
		}

		.about-s-2 {
			padding-top: 70px !important;
			padding-bottom: 73px;
		}

		.about-s-2-content .h5 {
			font-size: 30px;
			line-height: 32px;
			margin-bottom: 39px;
		}

		.about-s-2-content {
			width: auto;
			padding-left: 25px;
    		padding-right: 25px;
		}

		.about-s-3 {
			padding-top: 46px !important;
			padding-left: 25px !important;
			padding-right: 25px !important;
			padding-bottom: 13px;
		}

		.about-s-3 .wrapper-md {
			margin-left: 0 !important;
			margin-bottom: 42px;
		}

		.about-s-3 .above-title {
			text-align: center !important;
			margin-bottom: 9px;
		}

		.about-s-3 .h3 {
			text-align: center !important;
			font-size: 36px;
			line-height: 38px;
			margin-bottom: 16px;
		}

		.about-s-3 .p-lg {
			padding-right: 0;
			text-align: center !important;
		}

		.about-s-3 .vertical-block-item .square {
			margin: 0 auto 22px auto;
		}

		.about-s-3 .vertical-block-item {
			margin-bottom: 40px;
		}

		.about-s-3 .vertical-block-item.empty {
			margin-bottom: 0;
		}

		.about-s-3 .vertical-block-item .h5 {
			text-align: center !important;
			padding-right: 0;
			margin-bottom: 14px;
		}

		.about-s-3 .vertical-block-item p {
			text-align: center !important;
			padding-right: 0;
			font-size: 18px;
			line-height: 22px;
		}

		.vertical-block-items .vertical-block-item:last-child {
			padding-left: 0;
			padding-top: 0;
		}

		.vertical-block-items.under .vertical-block-item:first-child {
			margin-top: 0;
		}

		.vertical-block-items.under .vertical-block-item {
			margin-top: 0;
		}

		.about-s-4-content .vc_col-sm-6:first-child,
		.about-s-4-content .vc_col-sm-6:last-child {
			width: 100%;
		}

		.our-team-section {
			padding-top: 43px !important;
			padding-left: 25px !important;
			padding-right: 25px !important;
		}

		.our-team-intro {
			margin-left: 0 !important;
			margin-bottom: 45px;
		}

		.our-team-intro .h3 {
			font-size: 36px;
			line-height: 38px;
			text-align: center !important;
			margin-bottom: 18px;
		}

		.our-team-wrapper {
			padding-right: 0;
		}

		.our-team-item-intro .name {
			text-align: center !important;
			font-size: 16px;
			line-height: 18px;
			margin-bottom: 8px;
		}

		.our-team-item-intro .profession {
			text-align: center !important;
			font-size: 16px;
			line-height: 20px;
			color: #343536;
		}

		.our-team-intro .p-lg {
			font-size: 20px;
			line-height: 24px;
			text-align: center !important;
		}

		.our-team-item {
			max-width: 100%;
			width: 100%;
			margin-bottom: 38px;
		}

		.our-team-item-intro .img img {
			width: 100%;
		}

		.team-popup-container {
			padding: 70px 20px;
			height: calc(100vh - 140px);
		}

		.team-popup-content {
			padding-bottom: 37px;
			width: auto;
		}

		.team-popup-container .close-popup.arrow {
			right: 0px;
			top: -33px;
		}

		.team-content-info {
			margin-bottom: 39px;
		}

		.our-team-item.current .team-popup-container {
			display: block;
		}

		.team-content-info .instagram {
			text-align: center;
			display: block;
			margin-top: 0px;
		}

		.team-popup-content .content-info {
			padding-left: 30px;
      padding-right: 30px;
      padding-top: 43px;
      padding-bottom: 0px;
		}

		.team-popup-content .team-content-info h2 {
			font-size: 18px;
			line-height: 22px;
			text-align: center !important;
			margin-bottom: 4px;
		}

		.team-popup-content .profession {
			font-size: 16px;
			line-height: 20px;
			text-align: center !important;
			margin-bottom: 14px;
		}

		.team-popup-content p {
			font-size: 16px;
			line-height: 20px;
			text-align: center !important;
		}

		.team-popup-content .btn {
			position: relative;
			top: 0;
		}

		.team-popup-content .btn.prev-team {
			left: 0;
		}

		.team-popup-content .btn.next-team {
			right: 0;
		}

		.arrow-block {
			display: flex;
			align-items: center;
      justify-content: center;
		}

		.arrow-block .btn {
			margin-right: 30px;
		}

		.arrow-block .btn:last-child {
			margin-right: 0;
		}

		/*.about-s-4*/
		.about-s-4 {
			padding-top: 58px !important;
			padding-bottom: 47px;
		}

		.about-s-4 .p-lg {
			text-align: center !important;
			letter-spacing: 0.8px;
			margin: 0 0 12px 0;
			padding-left: 25px;
			padding-right: 25px;
		}

		.about-s-4 .h5 {
			text-align: center !important;
			font-size: 30px;
			line-height: 32px;
			font-weight: 700;
			padding-left: 25px;
			padding-right: 25px;
			margin-bottom: 36px;
		}

		.about-s-4 p {
			text-align: center !important;
			font-size: 18px;
			line-height: 22px;
			padding-left: 25px;
			padding-right: 25px;
			margin: 0 0 22px 0;
		}

		.about-s-4 .about-s-4-info .mobile-only {
			display: block;
			padding-left: 5px;
			padding-right: 5px;
			margin-bottom: 40px;
			text-align: center;
		}

		.about-s-4 .hide-mobile {
			display: none;
		}

		.about-page.support-section {
			padding-top: 72px !important;
		}

		.testimonial-inline {
			padding-top: 58px;
			padding-left: 25px !important;
			padding-right: 25px !important;
			padding-bottom: 51px;
		}

		.testimonial-inline .title {
			font-size: 21px;
			line-height: 24px;
			margin-bottom: 26px;
		}

		.testimonial-inline .author, .testimonial-inline .company {
			font-size: 18px;
			line-height: 28px;
		}

		.testimonial-inline-content .square {
			margin: 0 auto 24px auto;
		}

		/*.support-section*/
		.support-section {
			padding-top: 72px;
			padding-bottom: 53px;
			padding-left: 25px !important;
			padding-right: 25px !important;
		}

		.support-section h5 {
			margin-bottom: 17px;
		}

		.support-section p {
			font-size: 18px;
			line-height: 22px;
			margin: 0 0 19px 0;
		}

		/*approach page*/
		.approach-s-1 {
			padding-top: 38px !important;
		}

		.approach-intro-content {
			padding-left: 25px !important;
			padding-right: 25px !important;
			width: 100% !important;
			margin-bottom: 90px;
		}

		.approach-intro-img {
			padding-left: 5px !important;
			padding-right: 5px !important;
		}

		.approach-s-1 .above-title {
			text-align: center !important;
			margin-bottom: 9px;
		}

		.approach-s-1 .h2 {
			text-align: center !important;
			margin-bottom: 18px;
		}

		.approach-s-1 .p-lg {
			font-size: 20px;
			line-height: 24px;
			text-align: center !important;
		}

		.approach-intro-img {
			width: 100% !important;
			padding-top: 0;
		}

		.approach-s-1 .p-lg {
			padding-right: 0;
		}

		.approach-s-2 {
			padding-top: 19px !important;
			padding-left: 25px !important;
			padding-right: 25px !important;
			padding-bottom: 20px;
		}

		.steps-item {
			padding-left: 0;
			max-width: 100%;
			margin-left: 0 !important;
			margin-bottom: 23px;
		}

		.approach-s-2 .steps-item:nth-child(even) {
			margin-left: 0 !important;
		}

		.steps-item .steps-item-content {
			padding-top: 0;
			text-align: center;
		}

		.steps-item .number {
			position: relative;
			top: 0;
			left: 0;
			font-size: 100px;
			line-height: 100px;
			text-align: center !important;
			margin-bottom: 15px;
		}

		.steps-item .square {
			margin: 0 auto 28px auto;
		}

		.steps-item .steps-item-content .wpb_content_element {
			margin-bottom: 0;
		}

		.steps-item .h5 {
			text-align: center !important;
			font-size: 30px;
			line-height: 20px;
			margin-bottom: 17px;
		}

		.steps-item .p-lg {
			padding-right: 20px;
			padding-left: 20px;
			text-align: center !important;
			font-size: 21px;
			line-height: 24px;
		}

		.steps-item p {
			font-size: 16px;
			line-height: 20px;
		}

		.steps-item.third .steps-item-content {
			margin-top: 0;
		}

		.steps-item.third {
			margin-bottom: 23px;
		}

		/*portofolio page*/
		.portofolio-s-1 {
			padding-top: 39px !important;
			padding-left: 25px !important;
			padding-right: 25px !important;
			padding-bottom: 68px;
		}

		.portofolio-s-1 .above-title {
			text-align: center !important;
			margin-bottom: 8px;
		}

		.portofolio-s-1 .h2 {
			text-align: center !important;
			margin-bottom: 26px;
		}

		.portofolio-s-1 .h5 {
			text-align: center !important;
			line-height: 24px;
			padding-right: 0;
		}

		.portofolio-s-1-content {
			margin-left: 0 !important;
		}

		.portofolio-wrapper {
			margin-left: 0;
			padding-left: 5px;
			padding-right: 5px;
		}

		.portofolio-grid {
			margin-left: 0;
			margin-right: 0;
		}

		.portofolio-grid-item {
			padding-left: 0;
			padding-right: 0;
			width: 100%;
		}

		.portofolio-grid-item:nth-child(even) .portofolio-item {
			transform: translateY(0px);
		}

		.portofolio-grid-item:nth-child(even):last-child .portofolio-item {
			margin-bottom: 0;
		}

		.portofolio-grid-item:last-child {
			margin-bottom: 40px;
		}

		.portofolio-item .hover-block {
			opacity: 1;
			bottom: 16px;
			left: 15px;
    		right: 15px;
		}

		.portofolio-item:after {
			opacity: 1;
		}

		.portofolio-item .hover-block .title {
			font-size: 18px;
			line-height: 20px;
			margin: 0 0 8px 0;
		}

		.portofolio-item .hover-block .sub-title {
			font-size: 16px;
			line-height: 18px;
		}

		/* Our expertise*/
		.our-expertise-s-1 {
			padding-top: 168px !important;
			padding-bottom: 167px;
		}

		.our-expertise-s-1-content {
			padding-left: 0;
		}

		.our-expertise-s-1 .above-title {
			text-align: center !important;
			margin-bottom: 13px;
		}

		.our-expertise-s-1 .h2 {
			text-align: center !important;
			padding-right: 0;
			padding: 0 20px;
		}

		.our-expertise-s-2-title {
			font-size: 30px;
			line-height: 32px;
			text-align: center !important;
		}

		.our-expertise-s-2-content .p-lg {
			padding-right: 0;
			text-align: center !important;
		}

		.our-expertise-s-2-content {
			padding: 0 30px;
			margin: 0 auto 63px auto !important;
		}

		.our-expertise-s-2 {
			padding-top: 70px !important;
		}

		.our-expertise-s-3 {
			padding-bottom: 33px;
		}

		.our-expertise-s-3 .wpb_content_element {
			margin-bottom: 0;
		}

		.our-expertise-s-3 img,
		.our-expertise-s-3 .wpb_wrapper .vc_figure,
		.our-expertise-s-3 .vc_single_image-wrapper {
			width: 100%;
		}

		.our-expertise-item {
			padding-left: 5px;
			padding-right: 5px;
			flex-direction: column;
			margin: 0 auto 56px auto !important;
		}

		.our-expertise-item .list-block ul {
			margin-bottom: 10px;
		}

		.our-expertise-item .list-block ul:last-child {
			margin-bottom: 0
		}

		.our-expertise-item .list-block ul,
		.our-expertise-item .list-block.four ul:first-child,
		.our-expertise-item .list-block.four ul:last-child,
		.our-expertise-item .list-block.second ul:first-child,
		.our-expertise-item .list-block.second ul:last-child,
		.our-expertise-item .list-block.first ul:first-child,
		.our-expertise-item .list-block.first ul:last-child {
			width: 100%;
		}

		.our-expertise-item .list-block .wpb_wrapper {
			display: block;
		}

		.our-expertise-item img {
			display: block;
			transform: translateY(-20px);
		}

		.our-expertise-item .img-block {
			height: 334px;
			margin-bottom: 33px;
			overflow: hidden;
		}

		.our-expertise-item.reverse {
			flex-direction: column-reverse;
		}

		.our-expertise-item .content,
		.our-expertise-item.reverse .content {
			padding-left: 25px;
			padding-right: 25px;
		}

		.our-expertise-item .h5 {
			text-align: center !important;
			margin-bottom: 12px;
		}

		.our-expertise-item p {
			text-align: center !important;
			font-size: 16px;
			line-height: 20px;
			margin:0 0 19px 0 !important;
			padding-right: 0;
		}

		.our-expertise-item ul {
			flex-direction: column;
			font-size: 16px;
			line-height: 20px;
		}

		.our-expertise-item ul li {
			width: 100%;
			text-align: center;
		}

		.our-expertise-item .wpb_single_image {
			text-align: center !important;
		}

		.our-expertise-item-footer {
			padding-left: 25px;
			padding-right: 25px;
			padding-top: 35px;
			padding-bottom: 110px;
		}

		.our-expertise-item-footer p {
			margin: 0 0 27px 0 !important;
		}

		.our-expertise-s-4 {
			padding-top: 38px;
			padding-bottom: 4px;
		}

		.our-expertise-s-4-title {
			font-size: 30px;
			line-height: 32px;
			text-align: center !important;
			margin-bottom: 23px;
		}

		.our-expertise-s-4-intro .p-lg {
			padding-right: 0;
			text-align: center !important;
		}

		.our-expertise-s-4-items {
			padding-left: 25px;
			padding-right: 25px;
			margin-bottom: 0;
		}

		.our-expertise-s-4-intro {
			padding-left: 25px;
			padding-right: 25px;
			margin: 0 auto 45px auto !important;
		}

		.our-expertise-s-4-items .vc_col-sm-6:last-child {
			padding-left: initial;
		}

		.our-expertise-s-4-items .img {
			text-align: center !important;
			margin-bottom: 14px;
		}

		.our-expertise-s-4-items .img img{
			width: 85%;
		}

		.our-expertise-s-4-items .vc_col-sm-6 {
			margin-bottom: 50px;
		}

		.our-expertise-s-4-items .h5 {
			text-align: center !important;
			margin-bottom: 10px;
		}

		.our-expertise-s-4-items p {
			text-align: center !important;
			padding-right: 0;
			font-size: 16px;
			line-height: 20px;
		}

		/* contact Page*/
		.contact-s-1 {
			padding-top: 40px;
		}

		.contact-s-1-wrapper {
			padding-left: 5px;
			padding-right: 5px;
		}

		.contact-s-1-wrapper .padding-mobile {
			padding-left: 20px;
			padding-right: 20px;
		}

		.contact-s-1 .above-title {
			text-align: center !important;
			margin-bottom: 8px;
		}

		.contact-s-1 .h3 {
			text-align: center !important;
			font-size: 36px;
			line-height: 38px;
			margin-bottom: 27px;
		}

		.contact-s-1 .square {
			margin: 0 auto 28px auto;
		}

		.contact-s-1 .h4 {
			text-align: center !important;
			font-size: 21px;
			line-height: 24px;
			margin-bottom: 7px;
		}

		.contact-s-1 .p-lg {
			text-align: center !important;
			padding-right: 0;
			font-size: 16px;
			line-height: 20px;
			padding-right: 10px;
			padding-left: 10px;
			padding-bottom: 0;
		}

		.contact-s-1 .contact-img {
			padding-right: 0;
			display: none;
			margin-top: 0;
		}

		.contact-s-2 {
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 36px;
			padding-bottom: 57px;
		}

		.form-wrapper {
			margin-top: 0;
		}

		.contact-form {
			margin-bottom: 63px;
			max-width: 100%;
		}

		.contact-form .input-field {
			padding: 18px 23px;
			font-size: 16px;
			line-height: 18px;
			margin-bottom: 15px;
		}

		.contact-form .input-field::placeholder {
			font-size: 16px;
			line-height: 18px;
		}

		.contact-form textarea.input-field {
			height: 131px;
			margin-bottom: 24px;
		}

		.contact-s-2 .hide-on-desktop {
			display: block;
			text-align: center !important;
		}

		.contact-s-2 .hide-on-desktop .vc_figure,
		.contact-s-2 .hide-on-desktop .vc_single_image-wrapper,
		.contact-s-2 .hide-on-desktop img {
			width: 100%;
		}

		.contact-form .info-title {
			text-align: center !important;
			font-size: 16px;
			line-height: 20px;
		}

		.contact-form .info-doc {
			text-align: center !important;
			font-size: 16px;
			line-height: 20px;
		}

		.contact-form input[type=file] {
			outline: none;
			font-size: 16px;
			line-height: 21px;
			margin-bottom: 32px;
		}

		.contact-form input[type=file]::file-selector-button {
			font-size: 16px;
			line-height: 21px;
			padding: 21px 37px 21px 34px;
			margin-right: 26px;
		}

		.contact-form .checkbox-wrapper .wpcf7-list-item-label {
			font-size: 16px;
			line-height: 18px;
		}

		.contact-form .checkbox-wrapper .wpcf7-list-item-label:before {
			width: 17px;
			height: 17px;
		}

		.contact-form .checkbox-wrapper .wpcf7-list-item-label:after {
			width: 14px;
			height: 10px;
			left: 3px;
    		top: 6px;
		}

		.contact-form .checkbox-wrapper {
			width: 100%;
		}

		.contact-form .default-btn {
			padding-top: 20px;
		}

		.contact-form .wpcf7-form-control-wrap .wpcf7-checkbox{
			width: 100%;
			text-align: center;
		}

		.contact-form .wpcf7-list-item {
			margin: 0;
		}

		.contact-form .default-btn {
			text-align: center;
			position: relative;
		}

		.contact-form .default-btn .ajax-loader {
			position: absolute;
			left: 50%;
			transform:translateX(-50%);
			top: -10px;
		}

		.contact-form .default-btn input {
			font: 700 15px/17px "Gilroy", Helvetica, Arial, sans-serif !important;
		   	padding-top: 14px !important;
		   	padding-bottom: 14px !important;
		   	padding-right: 23px !important;
		   	padding-left: 23px !important;
		   	min-width: 200px;
		}

		.contact-s-2 .contact-s-2-content .h6 {
			font-size: 24px;
			line-height: 28px;
			text-align: center !important;
			margin-bottom: 21px;
		}

		.contact-s-2 .contact-s-2-content .h6.second {
			padding-top: 13px;
			margin-bottom: 13px;
		}

		.contact-s-2 .contact-s-2-content {
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 54px;
		}

		.contact-s-2 .contact-s-2-content ul {
			font-size: 16px;
			line-height: 20px;
			text-align: center;
			margin-bottom: 31px !important;
		}

		.contact-s-2 .contact-s-2-content ul li {
			margin-bottom: 8px;
		}

		.contact-s-2 .contact-s-2-content ul li:last-child {
			margin-bottom: 0;
		}

		.contact-s-2 .contact-s-2-content a,
		.contact-s-2 p a {
			font-size: 16px;
			line-height: 20px;
		}

		.contact-s-2 p {
			text-align: center;
		}

		/* case studie */
		.case-studies-intro-content {
			padding-left: 0px !important;
		}

		.single-our_works {
			padding-top: 67px;
		}

		.case-studies-intro {
			padding-top: 43px;
		}

		.case-studies-intro-content {
			padding-left: 25px !important;
			padding-right: 25px !important;
		}

		.case-studies-intro-content .h3 {
			font-size: 36px;
			line-height: 38px;
			text-align: center !important;
		}

		.case-studies-intro-content .h5 {
			line-height: 24px;
			text-align: center !important;
			padding-right: 0;
			margin-bottom: 18px;
			font-weight: 600;
		}

		.case-studies-intro-content p {
			font-size: 18px;
			line-height: 22px;
			padding-right: 0;
			text-align: center !important;
		}

		.case-studies-intro-list {
			padding-top: 0;
			padding-left: 25px !important;
			padding-right: 25px !important;
		}

		.case-studies-intro-list ul {
			font-size: 16px;
			line-height: 18px;
			text-align: center;
		}

		.case-studies-intro-list ul li {
			margin-bottom: 9px;
		}

		.mansory-img {
			padding-left: 5px !important;
			padding-right: 5px !important;
			padding-top: 6px;
		}

		.mansory-img.single-img .wpb_content_element{
			margin-bottom: 0;
		}

		.mansory-img-item.first .wpb_content_element {
			margin-bottom: 44px;
		}

		.case-studies-full-img {
			padding-top: 9px;
		}

		.case-studies-full-img .vc_column-inner {
			padding-left: 0 !important;
			padding-right: 0 !important;
		}

		.case-studies-testimonial{
			padding-top: 44px;
			padding-bottom: 40px;
		}

    .case-studio-pb-118 {
      padding-bottom: 40px;
    }
    .case-studio-pt-118 {
      padding-top: 40px;
    }

		.case-studies-testimonial.second-type {
			padding-top: 0px;
			padding-bottom: 40px;
		}

		.case-studies-testimonial .vc_column_container {
			padding: 0 25px;
		}

		.case-studies-testimonial-title {
			font-size: 18px;
			line-height: 22px;
			margin-bottom: 18px;
		}

		.case-studies-testimonial-author {
			font-size: 16px;
			line-height: 20px;
			margin: 0 !important;
		}

		.case-studies-testimonial-company {
			font-size: 16px;
			line-height: 20px;
		}

		.case-studies-two-img-wrapper .vc_column-inner {
			padding-left: 7px !important;
			padding-right: 7px !important;
		}

		.case-studies-two-img-wrapper {
			padding-left: 13px !important;
			padding-right: 13px !important;
			width: auto;
		}

		.case-studies-full-img.more-spacing {
			padding-top: 0px;
		}

		.case-studies-intro-and-img {
			display: flex;
			flex-direction: column;
			padding-top: 44px;
		}

		.case-studies-intro-and-img .case-studies-testimonial {
			order: 2;
		}

		.case-studies-intro-and-img .case-studies-two-img-wrapper {
			order: 1;
		}

		.case-studies-hero img, 
		.case-studies-hero .wpb_wrapper .vc_figure, 
		.case-studies-hero .vc_single_image-wrapper {
			width: 100%;
		}

		
		.case-studies-full-img img, 
		.case-studies-full-img .wpb_wrapper .vc_figure, 
		.case-studies-full-img .vc_single_image-wrapper {
			width: 100%;
		}

		.section-with-large-img img, 
		.section-with-large-img .wpb_wrapper .vc_figure, 
		.section-with-large-img .vc_single_image-wrapper {
			width: 100%;
		}

		/*slider*/
		.our-works-slider-container {
			padding-left: 45px;
			padding-right: 45px;
			padding-top: 34px;
			padding-bottom: 53px;
		}

		.our-works-slider-container .h5 {
			margin-bottom: 53px;
		}

		.our-works-slider-container .owl-nav .owl-next,
		.our-works-slider-container .owl-nav .owl-prev {
			background-size: 49% !important;
		}

		.our-works-slider-container .owl-nav .owl-prev{ 
			left: -34px;
		}

		.our-works-slider-container .owl-nav .owl-next {
			right: -34px;
		}

		.our-works-slider-container .default-btn a {
			font-size: 18px !important;
			line-height: 21px !important;
			padding-top: 15px !important;
    		padding-bottom: 15px !important;
    		min-width: 226px !important;
		}

		.our-work-slider {
			margin-bottom: 51px;
		}

		/*page not found*/
		.page-not-found {
			padding-top: 38px;
			padding-bottom: 90px;
		}

		.page-not-found .title {
			font-size: 60px;
    		line-height: 64px;
    		margin-bottom: 20px;
		}

		.page-not-found .h5 {
			margin-bottom: 30px;
		}

		.page-not-found-content p {
			margin: 0 0 20px 0 !important;
		}

		.page-not-found-content {
			width: auto;
			padding-left: 45px;
			padding-right: 45px;
		}

		/*blog*/
		.blog-intro {
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 38px;
			margin-bottom: 58px;
		}

		.blog-intro-content {
			max-width: 100%;
			padding-left: 0;
			margin-bottom: 63px;

		}

		.blog-intro-content .above-title {
			text-align: center;
			display: block;
			margin-bottom: 9px;
		}

		.blog-intro-content .h3 {
			font-size: 36px;
			line-height: 38px;
			text-align: center;
			padding: 0 10px;
		}

		.blog-intro .img-block {
			padding-right: 0;
		}
		.blog-intro .blog-intro-box {
			position: relative;
			top: 0;
			transform: translateY(0);
			max-width: 100%;
		}

		.blog-grid {
			width: auto;
			margin-left: 0px;
			margin-right: 0px;
			padding-left: 20px;
			padding-right: 20px;
			flex-direction: column;
		}

		.blog-grid .blog-intro {
			margin-left: 0;
			margin-right: 0;
			padding-left: 0;
			padding-right: 0;
		}

		.blog-grid .grid-item {
			padding-left: 0;
			padding-right: 0;
			width: 100%;
			margin-bottom: 56px;
		}

		.blog-intro .blog-intro-box {
			text-align: center;
			padding: 52px 27px 51px 27px;
		}

		.blog-intro .blog-intro-box .author {
			font-size: 12px;
			line-height: 14px;
		}

		.blog-intro .blog-intro-box .h5 {
			font-size: 24px;
			line-height: 24px;
			padding: 0 10px;
		}

		.blog-intro .blog-intro-box p {
			font-size: 16px;
			line-height: 22px;
		}

		.blog-intro .blog-intro-box .custome-link {
			font-size: 18px;
			line-height: 19px;
			margin-right: 0;
		}

		.post-item {
			align-items: center;
		}

		.post-item .content {
			padding-right: 0;
			padding-top: 23px;
			text-align: center;
		}

		.post-item .author {
			font-size: 12px;
			line-height: 14px;
		}

		.post-item .h5 {
			font-size: 24px;
			line-height: 24px;
			padding: 0 10px;
		}

		.post-item p {
			padding-right: 0;
			font-size: 16px;
			line-height: 22px;
		}

		.post-item .custome-link {
			font-size: 18px;
			line-height: 19px;
			margin-right: 0;
		}

		.helper-post-wrapper {
			flex-direction: column;
			text-align: center;
			padding-left: 56px;
			padding-right: 56px;
			padding-top: 76px;
			padding-bottom: 80px;
		}

		.helper-post-item:first-child {
			max-width: 100%;
			margin-right: 0;
		}

		.helper-post-item:last-child ul li a {
			font-size: 18px;
			line-height: 20px;
		}

		.helper-post-item {
			max-width: 100%;
			margin-right: 0;
			margin-bottom: 70px;
		}

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

		.helper-post-item .title {
			margin-bottom: 32px;
		}

		.helper-post-item ul li {
			margin-bottom: 21px;
		}

		.helper-post-item ul li a {
			font-size: 16px;
			line-height: 20px;
		}


		/* footer*/
		.nav-footer ul {
			flex-direction: column;
			align-items: flex-start;
			margin-bottom: 35px;
		}

		.nav-footer ul li {
			margin-right: 0;
		}

		.nav-footer ul li a {
			font-size: 18px;
			line-height: 32px;
		}

		.footer {
			padding-top: 72px;
			padding-bottom: 92px;
		}

		.footer p {
			font-size: 18px;
			line-height: 22px;
			text-align: left;
			margin: 0 0 48px 0;
		}

		.footer .social-items {
			justify-content: flex-start;
		}

		.footer .social-items a {
			width: 22px;
			height: 22px;
			margin-right: 21px;
		}

		.footer .social-items a svg {
			width: 100%;
			height: 100%;
		}

		.footer .wrapper {
			padding-left: 67px;
			padding-right: 67px;
			width: auto;
		}
   }
    /* 600px and greater */
   @media only screen and (max-width: 767px) and (min-width: 400px) {
		/*.case-studies-hero .img-wrapper img {
   	    	height: 420px;
		    max-width: 630px;
		    position: absolute;
		    top: -13px;
		    left: -142px;
   	    }*/

   	    .case-studies-hero {
			height: 375px;
			overflow: hidden;
		}

		.case-studies-full-img,
		.section-with-large-img {
			height: 335px;
			overflow: hidden;
		}


   }

   /* 320px and greater */
   @media only screen and (max-width: 320px) {
		
   }
   

   
   /* 768px and greater */
   @media only screen and (min-width: 768px) {
		
   }
  @media only screen and (max-width: 1600px) and (min-width: 768px)  {
      .approach-s-3.home-testimonial .home-testimonial-container .testimonial-img .wpb_wrapper,
      .approach-s-3.home-testimonial .home-testimonial-container .testimonial-img .wpb_single_image,
      .approach-s-3.home-testimonial .home-testimonial-container .testimonial-img .wpb_wrapper,
      .approach-s-3.home-testimonial .home-testimonial-container .testimonial-img .vc_single_image-wrapper,
      .approach-s-3.home-testimonial .home-testimonial-container .testimonial-img .vc_column-inner, 
      .approach-s-3.home-testimonial .home-testimonial-container .testimonial-img img{
        height: 100%;
      }
   }
    /* 768px and greater */
   @media only screen and (min-width: 1600px) {
		.home-testimonial-container {
			max-height: 720px;
		}
   }
   
   /* 1024px and greater */
   @media only screen and (max-width: 1200px) {
		.header .navigation .navigation-container {
			padding-left: 42px;
			padding-right: 60px;
			width: auto;
		}
   }



    @media only screen and (max-width: 1300px) and (min-width: 768px)  {
    	/*blog*/
   	    .blog-grid {
   	    	width: auto;
   	    	margin: 0 auto;
   	    	padding-left: 50px;
   	    	padding-right: 50px;
   	    }

   	    .blog-grid .blog-intro {
   	    	margin-left: -50px;
   	    	margin-right: -50px;
          width: calc(100% + 100px);
   	    }

   	    .blog-intro-content {
   	    	padding-right: 90px;
   	    	margin-bottom: calc(63px + (113 - 63) * ((100vw - 768px) / (1300 - 768)));
   	    }

   	    .post-item .content {
   	    	padding-right: calc(0px + (60 - 0) * ((100vw - 768px) / (1300 - 768)));
   	    }

   	    .post-item p {
   	    	font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1300 - 768)));
   	    	line-height: calc(22px + (27 - 22) * ((100vw - 768px) / (1300 - 768)));
   	    }

   	    .helper-post-wrapper,
        .post-detail {
   	    	padding-left: 50px;
   	    	padding-right: 50px;
   	    }

        .helper-post-wrapper {
          padding-top: calc(80px + (140 - 80) * ((100vw - 768px) / (1300 - 768)));
          padding-bottom: calc(80px + (150 - 80) * ((100vw - 768px) / (1300 - 768)));
        }

        .post-detail p {
          font-size: calc(20px + (24 - 20) * ((100vw - 768px) / (1300 - 768)));
          line-height: calc(24px + (36 - 24) * ((100vw - 768px) / (1300 - 768)));
        }

        .post-detail ul,
        .post-detail ol {
          font-size: calc(20px + (24 - 20) * ((100vw - 768px) / (1300 - 768)));
          line-height: calc(24px + (36 - 24) * ((100vw - 768px) / (1300 - 768)));
        }

        .post-detail .author {
          font-size: calc(15px + (24 - 15) * ((100vw - 768px) / (1300 - 768)));
          line-height: calc(18px + (28 - 18) * ((100vw - 768px) / (1300 - 768)));
        }

   	    .helper-post-item:first-child {
   	    	margin-right: 40px;
   	    }

   	    .blog-intro .blog-intro-box {
   	    	padding-top: calc(52px + (78 - 52) * ((100vw - 768px) / (1300 - 768)));
   	    	padding-right: calc(27px + (80 - 27) * ((100vw - 768px) / (1300 - 768)));
   	    	padding-bottom: calc(51px + (77 - 51) * ((100vw - 768px) / (1300 - 768)));
   	    	padding-left: calc(27px + (80 - 27) * ((100vw - 768px) / (1300 - 768)));
   	    }

   	    .blog-intro .blog-intro-box p {
   	    	font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1300 - 768)));
   	    	line-height: calc(22px + (27 - 22) * ((100vw - 768px) / (1300 - 768)));
   	    }

   	    .blog-intro {
   	    	margin-bottom: calc(60px + (106 - 60) * ((100vw - 768px) / (1300 - 768)));
   	    	padding-top: calc(40px + (111 - 40) * ((100vw - 768px) / (1300 - 768)));
   	    }

   	    .blog-grid .grid-item {
   	    	margin-bottom: calc(56px + (94 - 56) * ((100vw - 768px) / (1300 - 768)));
   	    }
    }

   @media only screen and (max-width: 1440px) and (min-width: 768px)  {
	    .wrapper-lg {
	    	padding-left: calc(20px + (76 - 20) * ((100vw - 768px) / (1440 - 768)));
	    	padding-right: calc(20px + (76 - 20) * ((100vw - 768px) / (1440 - 768)));
	    }

	    .case-studies-hero .img-wrapper{
	    	max-height: 560px;
	    }

    .post-detail .main-img {
      margin-bottom: calc(56px + (76 - 56) * ((100vw - 768px) / (1440 - 768)));
    }

   	    
   		/*home testimonial*/
		.testimonial-content {
			padding-top: calc(44px + (125 - 44) * ((100vw - 768px) / (1440 - 768)));
			padding-left: calc(40px + (120 - 40) * ((100vw - 768px) / (1440 - 768))) !important;
			padding-right: calc(40px + (160 - 40) * ((100vw - 768px) / (1440 - 768))) !important;
			padding-bottom: calc(44px + (125 - 44) * ((100vw - 768px) / (1440 - 768)));
		}

		.testimonial-content .testimonial-title {
			font-size: calc(18px + (32 - 18) * ((100vw - 768px) / (1440 - 768)));
			line-height: calc(22px + (41 - 22) * ((100vw - 768px) / (1440 - 768)));
		}

		.approach-s-3 .testimonial-content .testimonial-title {
			font-size: calc(18px + (36 - 18) * ((100vw - 768px) / (1440 - 768)));
			line-height: calc(18px + (48 - 18) * ((100vw - 768px) / (1440 - 768)));
			margin-bottom: calc(34px + (54 - 34) * ((100vw - 768px) / (1440 - 768)))
		}

		.testimonial-content .testimonial-author,
		.testimonial-content .testimonial-company {
			font-size: calc(16px + (19 - 16) * ((100vw - 768px) / (1440 - 768)));
			line-height: calc(20px + (22 - 20) * ((100vw - 768px) / (1440 - 768)));
		}

		.our-team-intro {
			margin-left: calc(0px + (130 - 0) * ((100vw - 768px) / (1440 - 768))) !important;
			margin-bottom: calc(45px + (123 - 45) * ((100vw - 768px) / (1440 - 768)));
		}

		.our-team-wrapper {
			padding-left: calc(0px + (130 - 0) * ((100vw - 768px) / (1440 - 768)));
			padding-right: calc(0px + (130 - 0) * ((100vw - 768px) / (1440 - 768)));
			width: auto;
		}

		/* case studie */
		.case-studies-intro-content {
			padding-left: 50px !important;
		}

		.our-works-slider-container {
			padding-left: 65px;
			padding-right: 65px;
			padding-top: calc(40px + (110 - 40) * ((100vw - 768px) / (1440 - 768)));
			padding-bottom: calc(40px + (100 - 40) * ((100vw - 768px) / (1440 - 768)));
		}

		.our-works-slider-container .owl-nav .owl-next {
			right: -44px;
		}

		.our-works-slider-container .owl-nav .owl-prev {
			left: -44px;
		}

		.our-works-slider-container .h5 {
			margin-bottom: calc(53px + (86 - 53) * ((100vw - 768px) / (1440 - 768)));
		}

		.our-work-slider{
			margin-bottom: calc(53px + (80 - 53) * ((100vw - 768px) / (1440 - 768))); 
		}

		.case-studies-intro {
			padding-top: calc(70px + (115 - 70) * ((100vw - 768px) / (1440 - 768)));
		}

		.case-studies-intro-content .h5 {
			line-height: calc(24px + (47 - 24) * ((100vw - 768px) / (1440 - 768)));
		}

		.case-studies-intro-content p {
			font-size: calc(18px + (24 - 18) * ((100vw - 768px) / (1440 - 768)));
			line-height: calc(22px + (36 - 22) * ((100vw - 768px) / (1440 - 768)));
		}

		.case-studies-intro-list ul {
			font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1440 - 768)));
			line-height: calc(18px + (24 - 18) * ((100vw - 768px) / (1440 - 768)));
		}

		.mansory-img {
			padding-left: 50px !important;
			padding-right: 50px !important;
		}

		.case-studies-full-img {
			padding-left: 50px !important;
			padding-right: 50px !important;
			padding-top: calc(10px + (76 - 10) * ((100vw - 768px) / (1440 - 768)));
		}

		.case-studies-testimonial {
			padding-top: calc(44px + (118 - 44) * ((100vw - 768px) / (1440 - 768)));
			padding-bottom: calc(44px + (118 - 44) * ((100vw - 768px) / (1440 - 768)));
		}

    .case-studio-pb-118 {
      padding-bottom: calc(44px + (118 - 44) * ((100vw - 768px) / (1440 - 768)));
    }
    .case-studio-pt-118 {
      padding-top: calc(44px + (118 - 44) * ((100vw - 768px) / (1440 - 768)));
    }

		.case-studies-testimonial.second-type {
			padding-top: calc(44px + (74 - 44) * ((100vw - 768px) / (1440 - 768)));
			padding-bottom: calc(44px + (105 - 44) * ((100vw - 768px) / (1440 - 768)));
		}

		.case-studies-testimonial-title {
			font-size: calc(22px + (34 - 22) * ((100vw - 768px) / (1440 - 768)));
			line-height: calc(26px + (41 - 26) * ((100vw - 768px) / (1440 - 768)));
		}

		.case-studies-testimonial .vc_column_container {
			padding: 0 50px;
		}

		.mansory-img.single-img {
			padding-top: calc(6px + (67 - 6) * ((100vw - 768px) / (1440 - 768)));
		}

		.case-studies-two-img-wrapper {
			padding-left: 50px;
			padding-right: 50px;
			width: auto;
		}

		.case-studies-full-img.more-spacing {
			padding-top: calc(44px + (110 - 44) * ((100vw - 768px) / (1440 - 768)));
		}
   }

    @media only screen and (max-width: 1200px) and (min-width: 768px)  {
	   	.h2,
	   	.post-detail h2 {
	   		font-size: calc(36px + (90 - 36) * ((100vw - 768px) / (1200 - 768)));
	   		line-height: calc(38px + (85 - 38) * ((100vw - 768px) / (1200 - 768)));
	    }

	    .h3,
	    .post-detail h3 {
	   		font-size: calc(30px + (80 - 30) * ((100vw - 768px) / (1200 - 768)));
	   		line-height: calc(32px + (80 - 32) * ((100vw - 768px) / (1200 - 768)));
	    }

	    .h4,
	    .post-detail h4 {
	   		font-size: calc(30px + (50 - 30) * ((100vw - 768px) / (1200 - 768)));
	   		line-height: calc(32px + (50 - 32) * ((100vw - 768px) / (1200 - 768)));
	    }

	    .h5,
	    .post-detail h5 {
	   		font-size: calc(21px + (36 - 21) * ((100vw - 768px) / (1200 - 768)));
	   		line-height: calc(24px + (36 - 24) * ((100vw - 768px) / (1200 - 768)));
	    }

	    .h6,
	    .post-detail h6 {
	   		font-size: calc(21px + (30 - 21) * ((100vw - 768px) / (1200 - 768)));
	   		line-height: calc(24px + (33 - 24) * ((100vw - 768px) / (1200 - 768)));
	    }

	    .p-lg p,
	    .p-lg {
	    	font-size: calc(18px + (24 - 18) * ((100vw - 768px) / (1200 - 768)));
	   		line-height: calc(22px + (30 - 22) * ((100vw - 768px) / (1200 - 768)));
	    }

	    body.our_works-template-default {
	    	padding-top: calc(67px + (100 - 67) * ((100vw - 768px) / (1200 - 768)));
	    }

	    .default-btn a, .default-btn button {
	    	font-size: calc(15px + (18 - 15) * ((100vw - 768px) / (1200 - 768))) !important;
	    	line-height: calc(17px + (21 - 17) * ((100vw - 768px) / (1200 - 768))) !important;
	    }

   		.custome-link {
   			font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1200 - 768)));
   			line-height: calc(18px + (21 - 18) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.header-container .logo {
   			width: calc(96px + (137 - 96) * ((100vw - 768px) / (1200 - 768)));
   			height: calc(29px + (48 - 29) * ((100vw - 768px) / (1200 - 768)));;
   		}

   		.header .navigation ul li a {
   			font-size: calc(36px + (80 - 36) * ((100vw - 768px) / (1200 - 768)));
   			line-height: calc(43px + (84 - 43) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.header-container {
			min-height: calc(67px + (119 - 67) * ((100vw - 768px) / (1200 - 768)));
		}

		.header .navigation {
			top: calc(67px + (119 - 67) * ((100vw - 768px) / (1200 - 768)));
			padding-top: calc(76px + (96 - 76) * ((100vw - 768px) / (1200 - 768)));
		}

		.hero-section-content h5 {
			padding-left: calc(20px + (100 - 20) * ((100vw - 768px) / (1200 - 768)));
			padding-right: calc(20px + (100 - 20) * ((100vw - 768px) / (1200 - 768)));
		}

		/*not found page*/
		.page-not-found {
			padding-top: calc(38px + (155 - 28) * ((100vw - 768px) / (1200 - 768)));
			padding-bottom: calc(90px + (150 - 90) * ((100vw - 768px) / (1200 - 768)));
		}
   	    .page-not-found .title {
   	    	font-size: calc(60px + (140 - 60) * ((100vw - 768px) / (1200 - 768)));
   	    	line-height: calc(64px + (144 - 64) * ((100vw - 768px) / (1200 - 768)));
   	    }

   	    .page-not-found .h5 {
   	    	margin-bottom: calc(30px + (44 - 30) * ((100vw - 768px) / (1200 - 768)));
   	    }

   	    .page-not-found-content p {
   	    	margin-bottom: calc(20px + (32 - 20) * ((100vw - 768px) / (1200 - 768))) !important;
   	    }

		/*home section 1*/
		.home-s-1 {
			padding-top: calc(44px + (135 - 44) * ((100vw - 768px) / (1200 - 768))) !important;
		}

		.home-s-1-introduction {
			max-width: calc(660px + (858 - 660) * ((100vw - 768px) / (1200 - 768)));
			padding-left: calc(55px + (115 - 55) * ((100vw - 768px) / (1200 - 768)));
			margin-bottom: calc(5px + (115 - 5) * ((100vw - 768px) / (1200 - 768)))
		}

		.home-s-1-expertise {
			max-width: calc(600px + (930 - 600) * ((100vw - 768px) / (1200 - 768)));
		}

		.home-s-1-expertise .expertise-item {
			padding-right: calc(0px + (80 - 0) * ((100vw - 768px) / (1200 - 768)));
		}

		.home-s-1-expertise .expertise-items .expertise-item:nth-child(2) {
			padding-left: calc(28px + (48 - 28) * ((100vw - 768px) / (1200 - 768)));
			padding-right: calc(0px + (32 - 0) * ((100vw - 768px) / (1200 - 768)));
			padding-top: calc(190px + (245 - 190) * ((100vw - 768px) / (1200 - 768)));
		}

		.home-s-1-expertise .expertise-item p {
			font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1200 - 768)));
			line-height: calc(20px + (28 - 20) * ((100vw - 768px) / (1200 - 768)));
		}

		/*home-s-2*/
		.home-s-2 {
			padding-top: calc(15px + (124 - 15) * ((100vw - 768px) / (1200 - 768)));
			padding-bottom: calc(23px + (100 - 23) * ((100vw - 768px) / (1200 - 768)));
		}

		/*.home-s-3*/
		.home-s-3 {
			padding-top: calc(43px + (150 - 43) * ((100vw - 768px) / (1200 - 768)));
			padding-bottom: calc(25px + (155 - 25) * ((100vw - 768px) / (1200 - 768)));
		}

		.home-s-3-content .p-lg p {
			padding-right: calc(0px + (200 - 0) * ((100vw - 768px) / (1200 - 768)));
		}

		.home-s-3-content {
			padding-left: calc(55px + (115 - 55) * ((100vw - 768px) / (1200 - 768)));
			max-width: calc(660px + (858 - 660) * ((100vw - 768px) / (1200 - 768)));
			width: auto;
		}

		/*.home-s-4 */
		.home-s-4 {
			padding-top: calc(43px + (138 - 43) * ((100vw - 768px) / (1200 - 768)));
		}

		.home-s-4 h5 {
			margin-bottom: calc(36px + (121 - 36) * ((100vw - 768px) / (1200 - 768)));
		}

		.home-s-4 .img-items .img-item img {
			width: calc(60% + (100 - 60) * ((100vw - 768px) / (1200 - 768)));
		}

		.home-s-4 .img-items {
			margin-bottom: calc(20px + (82 - 20) * ((100vw - 768px) / (1200 - 768))) !important;
		}

		.home-s-4-container {
			padding-left: calc(55px + (115 - 55) * ((100vw - 768px) / (1200 - 768)));
			max-width: calc(660px + (858 - 660) * ((100vw - 768px) / (1200 - 768)));
			width: auto;
		}

		/*.our-works-home*/
		.our-works-home {
			margin-bottom: calc(39px + (102 - 39) * ((100vw - 768px) / (1200 - 768)));
		}

		/*support section*/
		.support-section {
			padding-top: calc(72px + (131 - 72) * ((100vw - 768px) / (1200 - 768)));
			padding-bottom: calc(53px + (95 - 53) * ((100vw - 768px) / (1200 - 768)));
		}

		.support-section h5 {
			margin-bottom: calc(12px + (23 - 12) * ((100vw - 768px) / (1200 - 768)))
		}

		.support-section p {
			font-size: calc(18px + (24 - 18) * ((100vw - 768px) / (1200 - 768)));
    		line-height: calc(22px + (30 - 22) * ((100vw - 768px) / (1200 - 768)));
		}

		/*about page*/
		.about-s-1 {
			padding-top: calc(39px + (106 - 39) * ((100vw - 768px) / (1200 - 768))) !important;
			margin-bottom: calc(68px + (110 - 68) * ((100vw - 768px) / (1200 - 768))) ;
		}

		.about-s-1 .wrapper-md {
			margin-left: calc(40px + (90 - 40) * ((100vw - 768px) / (1200 - 768))) !important;
			margin-right: calc(40px + (90 - 40) * ((100vw - 768px) / (1200 - 768))) !important;
		}

		.about-s-1 .h2 {
			margin-bottom: calc(26px + (64 - 26) * ((100vw - 768px) / (1200 - 768)));
		}

		.about-s-2 {
			padding-top: calc(70px + (220 - 70) * ((100vw - 768px) / (1200 - 768))) !important;
			padding-bottom: calc(73px + (183 - 73) * ((100vw - 768px) / (1200 - 768)));
		}

		.about-s-2-content .h5 {
			line-height: calc(32px + (39 - 32) * ((100vw - 768px) / (1200 - 768)));
			margin-bottom: calc(39px + (56 - 39) * ((100vw - 768px) / (1200 - 768)))
		}

		.about-s-3 {
			padding-top: calc(46px + (135 - 46) * ((100vw - 768px) / (1200 - 768))) !important;
			padding-bottom: calc(40px + (145 - 40) * ((100vw - 768px) / (1200 - 768)));
		}

		.about-s-3 .wrapper-md {
			margin-left: calc(40px + (90 - 40) * ((100vw - 768px) / (1200 - 768))) !important;
			margin-right: calc(40px + (90 - 40) * ((100vw - 768px) / (1200 - 768))) !important;
			margin-bottom: calc(42px + (113 - 42) * ((100vw - 768px) / (1200 - 768)));
		}

		.vertical-block-items {
			width: auto;
			padding: 0 40px;
		}

		.testimonial-inline {
			padding-top: calc(58px + (183 - 58) * ((100vw - 768px) / (1200 - 768)));
			padding-bottom: calc(51px + (121 - 51) * ((100vw - 768px) / (1200 - 768)));
		}

		.testimonial-inline .title {
			font-size: calc(21px + (36 - 21) * ((100vw - 768px) / (1200 - 768)));
			line-height: calc(24px + (41 - 24) * ((100vw - 768px) / (1200 - 768)));
		}

		.our-team-section {
			padding-top: calc(43px + (165 - 43) * ((100vw - 768px) / (1200 - 768))) !important;
		}

		.our-team-items {
			margin-left: calc(-15px + (-24.5 - (-15)) * ((100vw - 768px) / (1200 - 768)));
			margin-right: calc(-15px + (-24.5 - (-15)) * ((100vw - 768px) / (1200 - 768)));
		}

		.our-team-item {
   			max-width: calc(33.333333% - calc(30px + (49 - 30) * ((100vw - 768px) / (1200 - 768))));
		    padding-left: calc(15px + (24.5 - 15) * ((100vw - 768px) / (1200 - 768)));
		    padding-right: calc(15px + (24.5 - 15) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.about-s-4 {
   			padding-top: calc(58px + (123 - 58) * ((100vw - 768px) / (1200 - 768))) !important;
   			padding-bottom: calc(47px + (110 - 47) * ((100vw - 768px) / (1200 - 768)));
   			padding-right: calc(0px + (90 - 0) * ((100vw - 768px) / (1200 - 768))) !important;
   			padding-left: calc(0px + (90 - 0) * ((100vw - 768px) / (1200 - 768))) !important;
   		}

   		.about-s-4 .h5 {
   			font-size: calc(30px + (36 - 30) * ((100vw - 768px) / (1200 - 768)));
   			line-height: calc(32px + (39 - 32) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.team-popup-content {
   			max-width: calc(600px + (887 - 600) * ((100vw - 768px) / (1200 - 768)));
   		}

      .team-popup-content .content-info {
        padding-top: calc(63px + (95 - 63) * ((100vw - 768px) / (1200 - 768)));
        padding-right: calc(20px + (142 - 20) * ((100vw - 768px) / (1200 - 768)));
        padding-bottom: calc(40px + (42 - 40) * ((100vw - 768px) / (1200 - 768)));
        padding-left: calc(20px + (103 - 20) * ((100vw - 768px) / (1200 - 768)));
      }

   		/*approach page*/
   		.approach-s-1 {
   			padding-top: calc(38px + (110 - 38) * ((100vw - 768px) / (1200 - 768))) !important;
   		}

   		.approach-s-1-wrapper {
   			padding-left: calc(50px + (50 - 50) * ((100vw - 768px) / (1200 - 768))) !important;
   			padding-right: calc(50px + (50 - 50) * ((100vw - 768px) / (1200 - 768))) !important;
   		}

   		.approach-intro-content {
   			padding-left: calc(0px + (87 - 0) * ((100vw - 768px) / (1200 - 768))) !important;
   			padding-right: calc(0px + (70 - 0) * ((100vw - 768px) / (1200 - 768))) !important;
   		}

   		.approach-s-1 .p-lg {
   			padding-right: calc(0px + (100 - 0) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.our-expertise-s-2-content {
   			padding-left: 61px;
   			padding-right: 61px;
   		}

   		.our-expersite-testimonials.testimonial-inline {
   			padding-left: 61px !important;
    		padding-right: 61px !important;
   		}

   		.our-expertise-s-2-title {
   			font-size: calc(30px + (62 - 30) * ((100vw - 768px) / (1200 - 768)));
   			line-height: calc(32px + (64 - 32) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.our-expertise-s-2-content .p-lg {
   			padding-right: calc(0px + (150 - 0) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.our-expertise-item {
   			margin-bottom: calc(56px + (123 - 56) * ((100vw - 768px) / (1200 - 768))) !important;
   		}

   		.our-expertise-item .list-block ul:first-child {
			padding-right: 10px;
		}

		.support-section-content {
			max-width: 870px;
			padding-left: 61px !important;
    		padding-right: 61px !important;
		}

   		.our-expertise-item .content,
   		.our-expertise-item.reverse .content {
   			padding-left: 0;
   			padding-right: 0;
   		}

   		.our-expertise-item .h5 {
   			margin-bottom: calc(12px + (24 - 12) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.our-expertise-item p {
   			font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1200 - 768)));
   			line-height: calc(20px + (28 - 20) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.our-expertise-item ul {
   			font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1200 - 768)));
   			line-height: calc(20px + (26 - 20) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.our-expertise-item-footer p {
   			margin: 0 0 calc(27px + (57 - 27) * ((100vw - 768px) / (1200 - 768))) 0;
   		}

   		.our-expertise-item-footer {
   			padding-bottom: calc(110px + (130 - 110) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.our-expertise-s-4 {
   			padding-top: calc(38px + (131 - 38) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.our-expertise-s-4-title {
   			font-size: calc(30px + (62 - 30) * ((100vw - 768px) / (1200 - 768)));
   			line-height: calc(32px + (64 - 32) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.our-expertise-s-4-intro .p-lg {
   			padding-right: calc(0px + (200 - 0) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.our-expertise-s-4-intro {
   			padding-left: 61px;
   			padding-right: 61px;
   			margin: 0 auto calc(45px + (130 - 45) * ((100vw - 768px) / (1200 - 768))) auto !important;
   		}

   		.our-expertise-s-4-items {
   			padding-left: 61px;
   			padding-right: 61px;
   			margin-bottom: calc(50px + (100 - 50) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.our-expertise-s-4-items p {
   			padding-right: calc(0px + (40 - 0) * ((100vw - 768px) / (1200 - 768)));
   		}

   		/*steps item*/
   		.steps-item {
   			margin-left: calc(0px + (87 - 0) * ((100vw - 768px) / (1200 - 768))) !important;
   			margin-bottom: calc(20px + (45 - 20) * ((100vw - 768px) / (1200 - 768)));
   			padding-left: calc(179px + (179 - 179) * ((100vw - 768px) / (1200 - 768)));
   			padding-right: calc(44px + (44 - 44) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.approach-s-2 .steps-item:nth-child(even) {
   			margin-left: calc(217px + (434 - 217) * ((100vw - 768px) / (1200 - 768))) !important;
   		}

   		.steps-item .number {
   			font-size: calc(170px + (240 - 170) * ((100vw - 768px) / (1200 - 768)));
   			line-height: calc(170px + (240 - 170) * ((100vw - 768px) / (1200 - 768)));
   			left: calc(-110px + (-167 - (-110)) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.steps-item .wpb_content_element {
   			margin-bottom: 0;
   		}

   		.steps-item .square {
   			margin-bottom: 30px;
   		}

   		.steps-item.third .steps-item-content {
   			margin-top: calc(-110px + (-174 - (-110)) * ((100vw - 768px) / (1200 - 768)));
   		}

   		/*portofolio page*/
   		.portofolio-s-1 {
   			padding-top: calc(39px + (104 - 39) * ((100vw - 768px) / (1200 - 768))) !important;
   			padding-bottom: calc(68px + (105 - 68) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.portofolio-s-1 .h2 {
   			margin-bottom: calc(26px + (60 - 26) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.portofolio-s-1-content {
   			margin-left: calc(40px + (90 - 40) * ((100vw - 768px) / (1200 - 768))) !important;
   			padding-right: 40px !important;
   			width: auto;
   		}

   		.portofolio-wrapper {
   			margin-left: calc(0px + (90 - 0) * ((100vw - 768px) / (1200 - 768)));
   			margin-right: calc(0px + (90 - 0) * ((100vw - 768px) / (1200 - 768)));
   			padding-left: 40px;
   		}

   		.portofolio-grid-item {
   			padding-left: calc(10px + (20 - 10) * ((100vw - 768px) / (1200 - 768)));
   			padding-right: calc(10px + (20 - 10) * ((100vw - 768px) / (1200 - 768)));
   			margin-bottom: calc(20px + (40 - 20) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.portofolio-grid {
			margin-left: calc(-10px + (-20 - (-10)) * ((100vw - 768px) / (1200 - 768)));
   			margin-right: calc(-10px + (-20 - (-10)) * ((100vw - 768px) / (1200 - 768)));
   		}

   		/* Our expertise*/
   		.our-expertise-s-1 {
   			padding-top: calc(168px + (215 - 168) * ((100vw - 768px) / (1200 - 768))) !important;
   			padding-bottom: calc(167px + (227 - 167) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.our-expertise-s-2 {
   			padding-top: calc(70px + (130 - 70) * ((100vw - 768px) / (1200 - 768))) !important;
   		}

   		/* contact page*/
   		.contact-s-1-wrapper,
   		.contact-s-2 {
   			padding-left: 50px;
   		}

   		.contact-s-1 {
   			padding-top: calc(40px + (110 - 40) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.contact-s-2 {
   			padding-bottom: calc(57px + (147 - 57) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.contact-s-1 .p-lg {
   			padding-right: calc(20px + (140 - 20) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.contact-form .input-field {
   			padding-top: calc(18px + (25 - 18) * ((100vw - 768px) / (1200 - 768)));
   			padding-bottom: calc(18px + (25 - 18) * ((100vw - 768px) / (1200 - 768)));
   			padding-right: calc(23px + (34 - 23) * ((100vw - 768px) / (1200 - 768)));
   			padding-left: calc(23px + (34 - 23) * ((100vw - 768px) / (1200 - 768)));
   			font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.contact-form .input-field::placeholder {
   			font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.contact-form .info-title {
   			font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1200 - 768)));
   			line-height: calc(20px + (28 - 20) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.contact-form .info-doc {
   			font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1200 - 768)));
   			line-height: calc(20px + (28 - 20) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.contact-form .checkbox-wrapper .wpcf7-list-item-label {
   			font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1200 - 768)));
   			line-height: calc(20px + (28 - 20) * ((100vw - 768px) / (1200 - 768)));
   		}

   		.contact-form input[type=file] {
			outline: none;
			font-size: 16px;
			line-height: 21px;
			margin-bottom: 32px;
		}

		.contact-form input[type=file]::file-selector-button {
			font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1200 - 768)));
			padding-top: calc(21px + (25 - 21) * ((100vw - 768px) / (1200 - 768)));
			padding-bottom: calc(21px + (25 - 21) * ((100vw - 768px) / (1200 - 768)));
			padding-left: calc(34px + (43 - 34) * ((100vw - 768px) / (1200 - 768)));
		}

		.contact-s-2 .contact-s-2-content ul,
		.contact-s-2 .contact-s-2-content a {
			font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1200 - 768)));
   			line-height: calc(20px + (28 - 20) * ((100vw - 768px) / (1200 - 768)));
		}


		/*footer*/
		.footer {
			padding-top: calc(72px + (123 - 72) * ((100vw - 768px) / (1200 - 768)));
		}
		.nav-footer ul li {
			margin-right: calc(20px + (40 - 20) * ((100vw - 768px) / (1200 - 768)));
		}

		.nav-footer ul li a {
			font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1200 - 768)));
			line-height: calc(25px + (36 - 25) * ((100vw - 768px) / (1200 - 768)));
		}

		.footer p {
			font-size: calc(16px + (21 - 16) * ((100vw - 768px) / (1200 - 768)));
			line-height: calc(20px + (21 - 20) * ((100vw - 768px) / (1200 - 768)));
		}

		.nav-footer ul {
			margin-bottom: calc(35px + (128 - 35) * ((100vw - 768px) / (1200 - 768)));
		}
   }

   @media only screen and (max-width: 992px) and (min-width: 768px)  {
   		.team-popup-content {
   			flex-direction: column;
   		}

   		.our-team-item.current .team-popup-container {
   			display: block;
   		}

   		.team-popup-container {
   			padding-bottom: 50px;
   			height: calc(100vh - 100px);
   		}

   		.team-popup-content .team-content-info h2,
   		.team-popup-content .profession,
   		.team-popup-content p {
   			text-align: center !important;
   		}
   }


   
   /* Retina screens */
   @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
	/* Style adjustments for high resolution devices */
}