/*@font-face {*/
	/*font-family: 'OpenSans-Light';*/
	/*src: url('../fonts/OpenSans-Light.eot');*/
	/*src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),*/
		/*url('../fonts/OpenSans-Light.woff2') format('woff2'),*/
		/*url('../fonts/OpenSans-Light.woff') format('woff'),*/
		/*url('../fonts/OpenSans-Light.ttf') format('truetype'),*/
		/*url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');*/
	/*font-weight: 300;*/
	/*font-style: normal;*/
/*}*/


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

@font-face {
	font-family: 'OpenSans-SemiBold';
	src: url('../fonts/OpenSans-SemiBold.eot');
	src: url('../fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
		url('../fonts/OpenSans-SemiBold.woff') format('woff'),
		url('../fonts/OpenSans-SemiBold.ttf') format('truetype'),
		url('../fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
}


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

@font-face {
	font-family: 'Futura-Black';
	src: url('../fonts/FuturaBT-ExtraBlack.eot');
	src: url('../fonts/FuturaBT-ExtraBlack.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaBT-ExtraBlack.woff2') format('woff2'),
		url('../fonts/FuturaBT-ExtraBlack.woff') format('woff'),
		url('../fonts/FuturaBT-ExtraBlack.ttf') format('truetype'),
		url('../fonts/FuturaBT-ExtraBlack.svg#FuturaBT-ExtraBlack') format('svg');
	font-weight: 900;
	font-style: normal;
}

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

@font-face {
	font-family: 'Merriweather-Bold';
	src: url('../fonts/Merriweather-Bold.eot');
	src: url('../fonts/Merriweather-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Merriweather-Bold.woff2') format('woff2'),
		url('../fonts/Merriweather-Bold.woff') format('woff'),
		url('../fonts/Merriweather-Bold.ttf') format('truetype'),
		url('../fonts/Merriweather-Bold.svg#Merriweather-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Merriweather-Light';
	src: url('../fonts/Merriweather-Light.eot');
	src: url('../fonts/Merriweather-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Merriweather-Light.woff2') format('woff2'),
		url('../fonts/Merriweather-Light.woff') format('woff'),
		url('../fonts/Merriweather-Light.ttf') format('truetype'),
		url('../fonts/Merriweather-Light.svg#Merriweather-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}


/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */
body {
	word-wrap: break-word;
	font-family: 'OpenSans-Light';
}

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

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

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */

img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}

img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}

.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border-radius: 4px;
	padding: 0 10px;
}

.wp-caption.aligncenter {
	margin-bottom: 10px;
}

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

.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}

.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}

.gallery dd {
	margin: 0;
}

.gallery-caption {
	display: block;
}

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


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

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


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}

.hentry {
	margin: 0 0 1.5em;
}

.sticky {
	background-color: #ffffff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	z-index: 100;
	height: 120px;
}

.bypostauthor {
	display: block;
}


/* Clearing */
.clear {
	clear: both;
}

/* Navigation */

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:active>.dropdown-menu,
.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:active>a:after {
	border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget {
	margin-bottom: 2em;
}

.widget_nav_menu ul.sub-menu li,
.widget_pages ul.children li {
	padding-left: 15px;
}

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] {
	display: none;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
.comment .children {
	margin-left: 1.5em;
}

/**
* Some WP Theme Repository requirements
*/

.sticky {}

.gallery-caption {}

.bypostauthor {}

.entry-meta {
	clear: both;
}

/*
 == Quick CSS styling tips ==

 You can start off in a rough direction with some minimal styles.
 See below for some tips. ;)


 == Want to have the whole site wrapped? ==

 Just fill the .container class with some background color to have a the whole site "wrapped".
 This works so easy because every main part is wrapped only once into a container class by bootstrap.
 Try out by decommenting the next line and go from there.

 .container { background: #f9f9f9; border-right: 1px solid #eee; border-left: 1px solid #eee; }


 == Want to wrap just the content and sidebar in Bootstrap style? ==

 That one is a great example to show that some things are much cleaner and easier to do via just adding some HTML classes.
 In this case, we will add just one CSS class "panel", look for example at the beginning in content.php!


 == Infinite Scrolling by Jetpack ==
 You can enable this cool feature by simply decommenting the lines below and make sure you use the same classes on the right place in your html..

/* Globally hidden elements when Infinite Scroll is supported and in use.
 * Older / Newer Posts Navigation (the pagination, must always be hidden), Theme Footer only when set to scrolling.. */

/*
.infinite-scroll .page-links,
.infinite-scroll.neverending .site-footer {
	display: none;
}
*/

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

/*
.infinity-end.neverending .site-footer {
	display: block;
}
*/

/* Hey, if you don't need my comments anymore, just delete me! :)  */


/* styles for _tk_pagination und _tk_link_pages */
nav form.tk-page-nav,
nav .input-group,
nav .input-group-btn,
nav .form-control {
	display: inline;
}


/*======================================================================*/
/*Dev Styles*/
/*======================================================================*/
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

a,
a:hover,
input:hover {
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

a:focus,
a:visited,
a:active {
	outline: none;
}

.container,
p,
div,
ul,
ol {
	margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5 {
	margin-top: 0;
}

h1 {
	font-family: 'Futura-Bold';
}

h2,
h3,
h4,
h5 {
	font-family: 'Futura-Bold';
}

strong,
b {
	font-family: 'OpenSans-SemiBold';
}

ul {
	padding-left: 0;
}

ul li,
p,
span {
	font-family: 'OpenSans-Light';
}

a {
	font-family: 'Futura-Medium';
}

section {
	position: relative;
	background-color: #fff;
}

header {
	background-color: transparent;
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	z-index: 100;
}

header .container {
	padding-bottom: 0px;
}

header.sticky .sticky-logo {
	display: block;
	max-width: 120px;
}

.sticky-logo,
header.sticky .not-sticky-logo {
	display: none;
}

.paddings-blocks {
	padding: 220px 125px;

}

.paddings-project {
	padding-top: 100px;
	padding-bottom: 80px;
}

.rotations {
	transform: rotate(-90deg);
	display: inline-block;
	position: relative;
}

.background_block {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.big-header {
	background-image: url('./includes/images/home_banner.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	background-color: #0a0a0a;
	height: 100vh;
}

.big-header video,
.big-header .video-bg {
	/*width: 100%;
	background-size: cover;
  	position: absolute;
  	left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);*/
	/*position: fixed;*/
	/*top: 50%;*/
	/*left: 50%;*/
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	/*z-index: -100;*/
	/*-moz-transform: translateX(-50%) translateY(-50%);*/
	/*-ms-transform: translateX(-50%) translateY(-50%);*/
	/*-webkit-transform: translateX(-50%) translateY(-50%);*/
	/*transform: translateX(-50%) translateY(-50%);*/
	object-fit: cover;
}

/*.big-header .video-bg{
	background-color: rgba(0,0,0,0.5);
}*/
.site-branding {
	padding: 25px 0px;
	overflow: hidden;
}

.site-branding .logo img {
	max-width: 120px;
}

.logo a {
	display: block;
}

.site-branding .icon_menu {
	float: right;
	width: 40px;
	height: 44px;
	position: relative;
	background-image: url(./includes/images/menu_white.svg);
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	top: 10px;
	right: 15px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.site-branding .icon_menu:hover {
	background-image: url(./includes/images/menu_hover.svg);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.site-branding .icon_menu.close_menu {
	background-image: url(./includes/images/close_menu_white.svg);
	width: 31px;
	height: 31px;
}

header.sticky .site-branding .icon_menu {
	background-image: url(./includes/images/menu_black.svg);
}

.icon_menu.close_menu {
	z-index: 1050;
}

.site-navigation {
	background-color: #fff;
	position: fixed;
	z-index: 1050;
	left: 0;
	right: 0;
	top: 135px;
	margin: auto;
	max-width: 470px;
	height: 100vh;
	transform: scaleY(0);
	/*transform-origin: top;*/
	transition: transform 0.45s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*.site-navigation:hover{
	height: 100vh;
	transform: scaleY(1);
}*/
.site-navigation-inner {
	width: 100%;
}

.site-navigation .container {
	padding-bottom: 0px;
}

.navbar {
	margin-bottom: 0px;
	background-color: transparent;
	border: none;
}

.navbar-brand {
	height: auto;
	padding: 0px 15px;
}

.navbar-default .navbar-nav>li>a {
	color: #0a0a0a;
}

.nav>li>a {
	padding: 15px 0px;
	font-size: 46px;
	font-weight: 700;
	color: #0a0a0a;
	text-align: center;
	line-height: 46px;
}

.navbar-default .navbar-nav>li {
	position: relative;
	display: block;
	width: 100%;
}

.navbar-default .navbar-nav>li>a {
	color: #0a0a0a;

}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.active>a {
	color: #ffb52f;
	background-color: transparent;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.navbar-default .navbar-nav>a:hover,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color: #ffb52f;
	background-color: transparent;
}

/*Menu Animation Effects*/

.navbar-default .navbar-nav>.activated>a {
	/*transform: scale(4);
	-webkit-transform: scale(4);
	-moz-transform: scale(4);
	-o-transform: scale(4);
	-ms-transform: scale(4);
	transition: transform 0.45s ease;*/
	/*animation-delay: 2s;*/
	animation-name: scale_active_item_menu;
	animation-fill-mode: forwards;
	animation-duration: 0.5s;
	font-family: 'Futura-Bold';
}

.navbar-default .navbar-nav>.activated.rotate {
	/*position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    display: block;*/

	position: absolute;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 0;
	bottom: 0;
	top: 0;
}

.navbar-default .navbar-nav>.activated.rotate>a {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transition: transform 0.45s ease;
	position: relative;

}

.hide-main-menu {
	opacity: 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.modal-backdrop {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: rgba(0, 0, 0, 0.5);
}

#navbar-collapse.mobile,
.mobile {
	display: none;
}

/*Animation Menu*/
@keyframes scale_active_item_menu {
	from {
		font-size: 46px;
	}

	to {
		font-size: 105px;
	}
}

@keyframes hover_title_project {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}



/*End Menu*/
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
	float: right;
}

/*Header*/
.header-main__contact-info {
	position: absolute;
	bottom: 35px;
	left: 0;
}

.header-main__socials a {
	color: #fff;
	margin-right: 25px;
}

.header-main__phone {
	text-align: left;
}

.header-main__phone a {
	color: #fff;
	font-size: 17px;
	line-height: 22px;
	font-weight: 700;
	letter-spacing: 2px;
}

.header-main__title {
	position: absolute;
	left: 0;
	right: 0;
	top: 135px;
	margin: auto;
	max-width: 470px;
	/*height: 470px;*/
	height: calc(100% - 45%);
	max-height: 470px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(255, 255, 255, 0.8);
	/*transform: rotate(-90deg);*/
	overflow: hidden;
}

.header-main__title h1.big-header__title {
	color: #0a0a0a;
	/*font-size: 119px;*/
	font-size: 105px;
	line-height: 149px;
	padding: 0px 25px;
	/*position: relative;*/
	/*right: 65px;*/
	/*top: 75px;*/
	position: absolute;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 0;
	bottom: 0;
	top: 0px;
	font-weight: 700;
	transform: rotate(-90deg);
}

.header_arrow {
	position: absolute;
	bottom: 70px;
	left: 0;
	right: 0;
	text-align: center;
	width: 200px;
	margin: auto;
}

.project_arrow {
	position: relative;
	text-align: center;
	width: 200px;
	margin: auto;
	margin-bottom: 70px;
	margin-top: 45px;
}

.project_arrow a {
	margin-bottom: 70px;
	margin-top: 45px;
}

.header_arrow span,
.project_arrow span {
	display: block;
	position: relative;
	color: #fff;
	font-size: 13px;
	font-family: 'Futura-Medium';
	font-weight: 700;
	letter-spacing: 2.5px;
	cursor: pointer;
}

.project_arrow span {
	color: #ffb52f;
	font-size: 25px;
	letter-spacing: 0.5px;
}

.header_arrow span:before,
.project_arrow span:before {
	content: "<<";
	position: relative;
	/*height: 18px;
	width: 18px;*/
	font-size: 13px;
	color: #fff;
	left: -10px;
	top: 1px;
}

.project_arrow span:before {
	color: #ffb52f;
	top: -1px;
}




/*******************************/
/*Home and Works Page*/
/*******************************/
.arrows-anchor.works-wrapper,
.first-group.paddings-blocks {
	padding-bottom: 0;
}

.second-group.paddings-blocks {
	padding-top: 350px;
	padding-bottom: 0;
}

.works-item:nth-child(odd) {
	padding-left: 75px;
}

.works-item:nth-child(even) {
	padding-right: 75px;
	/*top: -80px;*/
}

.first-group .works-item:nth-child(even) .work-item__wrapper,
.second-group .works-item:nth-child(odd) .work-item__wrapper {
	position: relative;
	top: -80px;
}

/*.works-item{
	    display: inline-block;
    max-width: 49%;
    float: left;
}*/
.work-item__wrapper a {
	display: block;
}

.work-image img {
	width: 100%;
	z-index: 10;
	position: relative;
	/*max-height: 730px;*/
}

.work-description {
	margin-bottom: 100px;
}

.work-description p {
	font-size: 17px;
	letter-spacing: 0.34px;
	color: #000000;
}

.first-group .works-item:nth-child(even) .work-description,
.second-group .works-item:nth-child(odd) .work-description {
	margin-bottom: 50px;
}

.works-item:nth-last-child {
	margin-bottom: 160px;
}

.hover-title__effect {
	-webkit-transition: ease-out 0.5s;
	-moz-transition: ease-out 0.5s;
	transition: ease-out 0.5s;
	border: 0px;
}

/*.hover-title__effect-active,
.hover-title__effect:hover{
	box-shadow: inset 400px 0 0 1px #ffb52f;
}*/
.hover-title__effect-active:after,
.hover-title__effect:hover:after {
	content: "";
	height: 100px;
	background-color: #ffb52f;
	position: absolute;
	display: block;
	animation-name: hover_title_project;
	animation-fill-mode: forwards;
	animation-duration: 0.5s;
	z-index: -1;
	top: 30px;
	left: 0;
}

.work-title h3 {
	color: #000000;
	font-size: 55px;
	position: absolute;
	width: max-content;
	width: -moz-max-content;
	width: -webkit-max-content;
	width: -o-max-content;
	width: intrinsic;
	/*Safari/WebKit uses a non-standard name */
	/*left: -60px;*/
	left: 0;
	bottom: -75px;
	padding: 0px 15px;
}

.separator-wrapper {
	display: block;
	/* position: relative;*/
	overflow: hidden
}

.separator-block {
	/*overflow: hidden;*/
	background-color: #ffb52f;
	padding-top: 70px;
	padding-bottom: 75px;
	/*margin-bottom: 45px;*/
	display: block;
	z-index: 10;
}

.header_arrow_mobile.rotations {
	transform: rotate(90deg);
}

.header_arrow span:before,
.project_arrow span:before {
	right: -10px;
	bottom: 1px;
}

.separator-block.shadow {
	background-color: #0a0a0a;
	position: absolute;
	left: 0;
	top: 95px;
	height: 100%;
	z-index: 1;
}

.separator-block h2 {
	color: #0a0a0a;
	font-size: 72px;
	line-height: 105px;
}

.separator-text a {
	display: block;
	text-align: right;
	padding-right: 40px;
	color: #ffffff;
	font-size: 25px;
	letter-spacing: 0.5px;
}













/*******************************/
/*Single Project Page*/
/*******************************/
.introduce-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}

.introduce-wrap img {
	max-width: 550px;
}

.introduce-wrap__content {
	/*height: 140px;*/
	padding: 20px 0px;
}

.introduce-wrap__content p,
.options-project__item p {
	/*font-family: "Merriweather-Light";*/
	font-size: 17px;
	letter-spacing: 0.34px;
}

.introduce-wrap span,
.introduce-wrap strong {
	color: #000000;
	letter-spacing: 0.34px;
	font-size: 17px;
	font-family: 'Futura-Medium';
	font-weight: 700;
	display: inline-block;
	margin-bottom: 30px;
	margin-right: 5px;
}

.introduce-wrap strong {
	margin-bottom: 0px;
}

/*.postid-347 .description-project{
	background-image: linear-gradient(99deg, #54358e 0%, #393e8f 50%, #00837f 100%)!important;
}*/
.description-project {
	padding: 60px 0px;
	text-align: center;
	background-repeat: repeat-x;
	background-size: cover;
}

.description-project h2,
.who-we-are__decription h2,
.our-slogan__wrapper p,
.review__title h2,
.our-clients__content h2,
.our-studio__title h2,
.for-fun__content h2 {
	color: #ffffff;
	font-size: 55px;
}

.options-project_banner {
	padding-top: 80px;
}

.options-project__item {
	margin-top: 100px;
}

.options-project__item h4 {
	color: #0a0a0a;
	font-size: 40px;
	margin-bottom: 25px;
	font-family: "Futura-Medium";
}

.options-project__item img {
	max-width: 550px;
	max-height: 240px;
}
.options-project__item{
	height: 234px !important;
}
.wireframes__wrapper h3,
.single-projects h3 {
	color: #0a0a0a;
	font-size: 48px;
	font-weight: 500;
	margin-bottom: 40px;
	font-family: 'Futura-Medium';
}

.wireframes__wrapper-image img {
	width: 100%;
}

.websites-item {
	margin-bottom: 50px;
}

.ui-elements__wrapper {
	margin-bottom: 50px;
}

.responsive-project.paddings-project {
	padding-bottom: 0;
}

.responsive__wrapper-image {
	margin-bottom: 45px;
	text-align: center;
}

.responsive__wrapper-image img {
	/*width: 100%;*/
}

.next-project__wrapper {
	text-align: center;
}

.next-project__wrapper h2 {
	color: #000000;
	font-size: 65px;
}

.next-project__desc {
	max-width: 560px;
	margin: auto;
	color: #000000;
	font-size: 18px;
	letter-spacing: 0.36px;
	font-family: 'OpenSans-Light';
}

.websites__wrapper {
	position: relative;
}

.websites__wrapper h3 {
	padding: 0 15px;
}

.website-link {
	position: absolute;
	left: 15px;
	top: 0;
}

.website-link a {
	color: #0a0a0a;
	text-decoration: none;
	font-size: 25px;
	line-height: 50px;
}

/*Masonry Style*/
.masonry-wrapper {
	/* max-width: 960px;*/
	margin-right: auto;
	margin-left: auto;
}

.masonry,
.masonry-2items {
	columns: 1;
	column-gap: 10px;
}

.masonry-item {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 40px;
	padding: 0px 15px;
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
	.masonry {
		columns: 2;
	}
}

@media only screen and (min-width: 1024px) {
	.masonry {
		columns: 2;
		/*column-fill: auto;*/
		column-count: 2;
	}
}

.masonry-item,
.masonry-content {
	border-radius: 4px;
	overflow: hidden;
}

.masonry-item {
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, .3));
	transition: filter .25s ease-in-out;
	/*For decrease empty bottom space*/
	clear: both;
	margin: 0;
	padding-bottom: 40px;
}

/*Masonry Style End*/





/*******************************/
/*About Us Page*/
/*******************************/
.who-we-are_wrapper.paddings-project,
.our-slogan__wrapper.paddings-project {
	padding-bottom: 100px;
}

.who-we-are__content,
.our-service__content,
.review__content {
	display: flex;
}

.who-we-are__decription,
.our-service__decription,
.review__title {
	/*padding-top: 175px;*/
	/*justify-content: center;*/
	align-items: center;
	display: flex;
}

.who-we-are__decription h2 {
	color: #000000;
	margin-bottom: 10px;
}

.who-we-are__decription p,
.our-service__decription p {
	color: #000000;
	font-size: 20px;
	letter-spacing: 0.4px;
	margin-bottom: 20px;
}

.our-slogan__wrapper {
	background-color: #ffb52f;
}

.our-slogan__wrapper p {
	font-family: "Futura-Bold";
	line-height: 80px;
	color: #000000;
}

.our-service__decription h2 {
	color: #0a0a0a;
	font-size: 65px;
	margin-bottom: 45px;
}

.review__wrapper {
	background-color: #f8f8f8;
}

.review__wrapper.paddings-project {
	padding: 130px 0px;
}

.review__title h2 {
	color: #000000;
}

.review__slider-item p,
.review__slider-item strong,
.our-clients__item p,
.for-fun__text p {
	color: #000000;
	font-size: 17px;
	letter-spacing: 0.36px;
	margin-bottom: 30px;
	position: relative;
}

.review__slider-item strong {
	font-size: 18px;
}

.review__slider-item p:first-child {
	padding-top: 45px;
}

.review__slider-item p:last-child {
	margin-bottom: 100px;
}

.review__slider-item p:first-child:after {
	content: '"';
	display: block;
	position: absolute;
	top: -30px;
	left: 0;
	color: #000000;
	font-size: 90px;
	letter-spacing: 1.8px;
	font-family: "OpenSans-Regular";
	font-style: italic;
}



/*Slick Slider Styles*/

.slick-arrow {
	position: absolute;
	bottom: 0px;
	padding: 10px 15px;
	background-color: #ffb52f;
	border: 1px solid transparent;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index: 50;
}

.slick-arrow i {
	font-size: 16px;
	color: #0a0a0a;
}

.slick-arrow:hover {
	background-color: transparent;
	border: 1px solid #ffb52f;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.prev.slick-arrow {
	left: 0;
}

.next.slick-arrow {
	left: 50px;
}

/*Slider End*/

/*.our-clients.paddings-project{
	padding-right: 130px;
	padding-left: 130px;
}*/
.our-clients__content h2 {
	color: #000000;
	margin-bottom: 15px;
}

.our-clients__item p {
	font-family: "OpenSans-Regular";
}

.our-clients__options {
	position: relative;
	overflow: hidden;
}

.our-clients__logos>div {
	text-align: center;
	border: 1px solid #33333308;
}

.our-clients__logos>div:not(:nth-child(4n+4)) {
	border-right: 0px;
}

.our-clients__logos>div:nth-child(1),
.our-clients__logos>div:nth-child(2),
.our-clients__logos>div:nth-child(3),
.our-clients__logos>div:nth-child(4) {
	border-bottom: 0px;
}

.our-clients__logos>div>img {
	max-width: 185px;
	margin: auto;
}

.our-studio.paddings-project {
	padding: 0;
}

.our-studio__title h2 {
	color: #000000;
	margin-bottom: 50px;
}

.our-studio__gallery .studio-gallery__item:nth-child(odd) {
	padding-left: 0;
}

.our-studio__gallery .studio-gallery__item:nth-child(even),
.our-studio__gallery .massonry-wrap:nth-child(even) .studio-gallery__item:first-child {
	padding-right: 0;
}

.our-studio__gallery .massonry-wrap:nth-child(even) .studio-gallery__item.flex {
	padding-left: 0;
	padding-right: 30px;
}

.for-fun__images {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
}

.studio-gallery__item,
.for-fun__images>div {
	margin-bottom: 30px;
}

.studio-gallery__item>div,
.for-fun__images>div>div {
	height: 550px;
	max-height: 550px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.for-fun__images>div>div {
	height: 445px;
	max-height: 445px;
}

.for-fun__images .col-sm-12>div {
	height: 700px;
	max-height: 700px;
}

/*.studio-gallery__item:nth-child(4n+4){
	width: 33.3%;
}
.studio-gallery__item:nth-child(3n+3),
.studio-gallery__item:nth-child(7n+7){
	width: 66.6%;
}*/

/*.massonry-wrap:nth-child(2n+2) .studio-gallery__item{
	width: 66.6%;
}*/
.massonry-wrap {
	overflow: hidden;
}

.reverse {
	display: flex;
}

.flex {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.massonry-wrap:nth-child(even) .reverse {
	flex-direction: row-reverse;
}




/*******************************/
/*For Fun Page*/
/*******************************/
.for-fun__wrapper.paddings-project {
	padding-top: 0;
}

.for-fun__content {
	margin-top: 100px;
	position: relative;
	overflow: hidden;
}

.for-fun__content h2 {
	color: #0a0a0a;
	font-family: 'Futura-Medium';
}

.for-fun__text {
	margin-bottom: 30px;
}




/*******************************/
/*Contacts Page*/
/*******************************/
section.contacts-block {
	background-color: #f8f8f8;
}

.contacts-wrapper {
	position: relative;
}

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

.contacts-item {
	margin-top: 90px;
}

.contacts-items a {
	display: block;
	position: relative;
	color: #000000;
	font-size: 20px;
	letter-spacing: 0.4px;
	font-family: 'OpenSans-Regular';
	margin-bottom: 40px;
}

.contacts-items a:after {
	content: "";
	background-image: url(./includes/images/email_contact_icon.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	width: 100%;
	max-width: 50px;
	height: 51px;
	position: absolute;
	display: block;
	top: -10px;
	left: -65px;
}

.contacts-items a.contacts-phone:after {
	background-image: url(./includes/images/phone_contact_icon.svg);
}

.contacts-items a.contacts-locale:after {
	background-image: url(./includes/images/locale_contact_icon.svg);
}

.contacts-form {
	position: relative;
}

.contacts-form h3 {
	position: absolute;
	top: 220px;
	left: -225px;
	bottom: auto;
	margin-left: auto;
	margin-right: auto;
	color: #000000;
	font-size: 43px;
}




.mobile {
	display: none;
}




/*Contact Form*/
div.wpcf7 {
	margin-left: 32px;
}

.wpcf7-form .your-name,
.wpcf7-form .your-tel,
.wpcf7-form .your-email {
	position: relative;
}

.contacts-form input,
.contacts-form textarea {
	-webkit-appearance: none;
	background-color: #fffefd;
	padding: 17px 0px 16px 30px;
	color: #000000;
	font-size: 20px;
	letter-spacing: 0.4px;
	margin-bottom: 15px;
	width: 100%;
	border: 1px solid transparent;
}

.contacts-form input {
	max-height: 62px;
}

.contacts-form textarea {
	height: 235px;
}

.wpcf7-form input:focus,
.wpcf7-form input:hover,
.wpcf7-form input:active,
.wpcf7-form textarea:focus,
.wpcf7-form textarea:hover,
.wpcf7-form textarea:active {
	outline: none;
	background-color: transparent;
	/*box-shadow: 0px 2px 10px 1px rgba(255, 255, 255, 0.35);*/
	border: 1px solid #ffb52f;
}

.contacts-form input[type="submit"] {
	width: 165px;
	max-width: 100%;
	background-color: #ffb52f;
	border: 1px solid transparent;
	/*box-shadow: 0 3px 10px rgba(0, 0, 0, 0.11);*/
	padding: 8px 0px 11px 0px;
	text-align: center;
	color: #000000;
	font-size: 30px;
	display: block;
	position: relative;
	font-family: 'Futura-Medium';
	/* margin: auto;*/
	float: right;

}

.contacts-form input[type="submit"]:hover {
	background-color: #ffffff;
	border: 1px solid #ffb52f;
	color: #000000;
}







/*Thank you Message*/
/*.wpcf7-form.sent{
    display:none;
 }*/
div.wpcf7-mail-sent-ok {
	border: none;
}

div.wpcf7 .ajax-loader {
	display: none;
	position: absolute;
	left: -50px;
	top: 20px;
}

/*Modal Window*/
.modal {
	background-color: rgba(0, 0, 0, 0.75);
}

#thankYou .modal-dialog .close {
	display: none;
	position: absolute;
	top: 0px;
	right: -40px;
	font-size: 30px;
	color: #fff;
	opacity: 1;
}

#thankYou .modal-dialog {
	top: 50%;
	max-width: 680px;
	-webkit-transform: translate(0, -50%) !important;
	transform: translate(0, -50%) !important;
}

#thankYou .modal-body {
	padding: 40px;
}

#thankYou .modal-body #wpcf7-f5-p36-o1 {
	padding-top: 25px;
}

/*#thankYou .modal-content{
	background-image: url(./includes/images/modal-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	border-radius: 3px;
}*/
#thankYou.modal .mail-content {
	/*padding: 70px 115px 70px 95px;*/
	padding: 70px;
	background-color: #fff;
	text-align: center;
}

#thankYou.modal .mail-content h3 {
	ccolor: #000000;
	font-size: 43px;
	font-weight: 700;
	font-family: "Futura-Bold";
	margin-bottom: 10px;
}

#thankYou.modal .mail-content p {
	color: #000000;
	font-size: 43px;
	font-family: "Futura-Medium";
}

.modal-body {
	padding: 40px;
	padding-top: 0;
}

/*END Thank you Message*/
/*End Form*/





/*******************************/
/*Footer*/
/*******************************/
footer {
	background-color: #0a0a0a;
	padding: 55px 0px;
	position: relative;
}

footer .container_1600 {
	padding-bottom: 0;
}

.site-footer-inner {
	position: absolute;
	left: 0;
	right: 0;
}

.site-info {
	text-align: center;
}

.site-info p {
	color: #ffffff;
	font-size: 16px;
	line-height: 25px;
}










/*******************************/
/*Media*/
/*******************************/
@media(min-width: 768px) {
	.who-we-are__image {
		padding-right: 60px;
	}

	.contacts-items a {
		max-width: 210px;
	}

	.masonry-2items .masonry-item {
		max-width: 49%;
	}

	.postid-299 .websites__wrapper-image {
		max-height: 2400px;
		height: 100%;
	}

}


@media(min-width: 991px) {
	.postid-299 .websites__wrapper-image {
		max-height: 3100px;
		height: 100%;
	}
}

@media (min-width: 1023px) and (max-width: 1025px) {
	.work-title h3 {
		min-width: 337px;
	}
}

@media(min-width: 1200px) {
	.our-clients__item {
		padding-right: 80px;
	}

	.postid-299 .websites__wrapper-image {
		max-height: 3800px;
		height: 100%;
	}
}



@media(min-width: 1600px) {
	.container_1600 {
		width: 1570px;
	}

	.paddings-blocks {
		padding: 220px 125px;
	}

	.separator-block {
		padding-right: 280px;
	}

	/*.description-project h2{
		padding: 0 300px;
	}*/
	.our-service__decription,
	.review__title,
	.our-clients__content,
	.our-studio__title {
		padding-right: 185px;
	}

	.review__slider {
		padding-right: 110px;
	}

	.our-slogan__wrapper p {
		padding: 0px 185px;
	}

	.our-clients__item {
		padding-right: 140px;
	}

	.postid-299 .websites__wrapper-image {
		max-height: 5200px;
		height: 100%;
	}

}



@media(min-width: 768px) and (max-height: 720px) {
	.header-main__title {
		background-color: transparent;
	}

	.header-main__title h1.big-header__title {
		color: #fff;
	}

	.home .header-main__title {
		background-color: rgba(255, 255, 255, 0.8);
	}

	.home .header-main__title h1.big-header__title {
		color: inherit;
	}

}


@media(max-width: 1340px) {
	.separator-block {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.separator-block h2 {
		font-size: 62px;
		line-height: 90px;
	}

	.header-main__title h1.big-header__title {
		font-size: 103px;
		line-height: 120px;
	}

	@keyframes scale_active_item_menu {
		from {
			font-size: 46px;
		}

		to {
			font-size: 103px;
		}
	}

	header.sticky .sticky-logo,
	header .not-sticky-logo {
		max-width: 120px;
	}

	.sticky {
		height: 110px;
	}
}

@media(max-width: 1200px) {
	.work-title h3 {
		font-size: 40px;
		top: -50px;
	}

	.options-project__item img {
		max-width: 100%;
	}

}


@media(max-width: 991px) {
	.separator-block h2 {
		font-size: 43px;
		line-height: 60px;
	}

	.paddings-blocks {
		padding: 220px 0;
	}

	.who-we-are__content,
	.our-service__content,
	.review__content {
		display: block;
	}

	.who-we-are__image,
	.who-we-are__decription {
		width: 100%;
	}

	.who-we-are__image {
		padding-right: 15px;
		margin-bottom: 40px;
	}

	.our-clients__logos>div>img {
		max-width: 145px;
	}

	.introduce-wrap img {
		max-width: 100%;
	}
}

@media(max-width: 768px) {
	@keyframes scale_active_item_menu {
		from {
			font-size: 46px;
		}

		to {
			font-size: 80px;
		}
	}

	.paddings-blocks {
		padding: 60px 0;
	}

	.second-group.paddings-blocks {
		padding-top: 105px;
	}

	.options-project__item {
		height: auto !important;
	}

	.works-item {
		width: 100%;
	}

	.works-item:nth-child(odd) {
		padding-right: 15px;
	}

	.works-item:nth-child(even) {
		padding-left: 15px;
	}

	.first-group .works-item:nth-child(even) .work-item__wrapper,
	.second-group .works-item:nth-child(odd) .work-item__wrapper {
		top: 0;
	}

	.work-title h3 {
		position: relative;
		top: 0;
		padding: 0;
		margin-top: 12px;
		margin-bottom: 10px;
		font-size: 35px;
		z-index: 5;
	}

	.work-title>div {
		position: relative;
	}

	.hover-title__effect:hover:after {
		z-index: -1;
	}

	.hover-title__effect-active:after,
	.hover-title__effect:hover:after,
	.work-title>div:after {
		display: none;
		content: "";
		width: 100%;
		height: 28px;
		top: 12px;
		left: 0;
		z-index: 0;
		background-color: #ffb52f;
		position: absolute;
		/*display: block;*/
	}

	.work-description,
	.first-group .works-item:nth-child(even) .work-description,
	.second-group .works-item:nth-child(odd) .work-description {
		margin-bottom: 60px;
	}

	.work-description p,
	.who-we-are__decription p,
	.our-service__decription p,
	.our-clients__item p,
	.introduce-wrap__content p,
	.options-project__item p,
	.next-project__desc,
	.review__slider-item p,
	.review__slider-item strong,
	.for-fun__text p {
		font-size: 15px;
	}

	.work-title.rotations {
		transform: none;
	}

	.big-header {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.header-main__title {
		width: 370px;
		background-color: transparent;
		top: inherit;
		position: relative;
		overflow: inherit;
	}

	.header-main__title h1.big-header__title {
		color: #fff;
		font-size: 80px;
		line-height: 100px;
		right: 0;
		position: relative;
	}

	.separator-text,
	.site-footer-inner .header-main__socials,
	.site-footer-inner .header-main__phone,
	.our-service__decription,
	.our-service__image,
	.review__title,
	.review__slider,
	.our-clients__item,
	.studio-gallery__item {
		width: 100%;
	}

	.separator-block.shadow {
		top: 45px;
	}

	.separator-block {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.separator-block h2 {
		font-size: 38px;
		line-height: 48px;
	}

	.separator-text a {
		font-size: 20px;
	}

	.review__slider {
		overflow: hidden;
	}

	.site-footer-inner .header-main__socials,
	.site-footer-inner .header-main__phone {
		text-align: center;
	}

	.site-footer-inner {
		position: relative;
	}

	.site-footer-inner>div {
		margin-bottom: 20px;
	}

	.site-footer-inner .header-main__socials a:last-child {
		margin-right: 0;
	}

	.paddings-project,
	.review__wrapper.paddings-project {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.who-we-are_wrapper.paddings-project,
	.our-slogan__wrapper.paddings-project {
		padding-bottom: 40px;
	}

	.description-project h2,
	.who-we-are__decription h2,
	.review__title h2,
	.our-clients__content h2,
	.our-studio__title h2,
	.for-fun__content h2,
	.our-service__decription h2,
	.options-project__item h4,
	.wireframes__wrapper h3,
	.single-projects h3 {
		font-size: 35px;
	}

	.website-link a {
		font-size: 20px;
	}

	.our-slogan_content,
	.our-clients__content,
	.our-studio__title {
		padding: 0 15px;
	}

	.our-slogan__wrapper p {
		font-size: 30px;
		line-height: 50px;
	}

	.our-service__decription h2,
	.our-service__decription>div,
	.review__title {
		margin-bottom: 25px;
	}

	.prev.slick-arrow {
		left: 42%;
	}

	.next.slick-arrow {
		left: 50%;
	}

	.our-clients__item {
		padding: 0;
	}

	.our-clients__item p {
		margin-bottom: 15px;
		font-weight: 600;
	}

	.studio-gallery__item {
		padding: 0 15px !important;
		margin-bottom: 15px;
	}

	.our-studio__gallery .reverse {
		display: block;
	}

	.next-project__wrapper h2 {
		font-size: 45px;
	}

	.for-fun__content {
		margin-top: 40px;
	}

	.for-fun__images>div {
		width: 100%;
	}

	.mobile {
		display: block;
	}

	.desktop {
		display: none;
	}

}

@media(max-width: 767px) {

	.header-main__contact-info,
	.site-navigation .container {
		width: 100%;
	}

	.navbar-collapse.collapse {
		display: block;
		width: auto;
		border: none;
	}

	.our-clients__logos>div:nth-child(odd) {
		border-right: 0;
	}

	.our-clients__logos>div:nth-child(even) {
		border-right: 1px solid #33333308;
	}

	.our-clients__logos>div:nth-child(5),
	.our-clients__logos>div:nth-child(6) {
		border-bottom: 0;
	}

	/*.our-clients__logos > div:not(:nth-child(4n+4)){
		border-right: 1px solid #33333308;
	}*/
	.contacts-form h3 {
		position: relative;
		top: 0;
		left: 0;
		margin-top: 20px;
		margin-bottom: 25px;
		text-align: center;
		display: block;
	}

	.contacts-form h3.rotations {
		transform: rotate(0deg);
	}

	div.wpcf7 {
		margin-left: 0;
	}
}

@media(max-width: 660px) {
	#thankYou.modal .mail-content p {
		font-size: 35px;
	}

	#thankYou.modal .mail-content h3 {
		font-size: 40px;
	}

	.contacts-item {
		padding-left: 90px;
	}
}

@media(max-width: 560px) {
	.our-clients__logos>div>img {
		max-width: 110px;
	}

	.prev.slick-arrow {
		left: 30%;
	}

	.next.slick-arrow {
		right: 30%;
		left: inherit;
	}

	#thankYou.modal .mail-content p {
		font-size: 25px;
	}
}

@media(max-width: 460px) {

	.header-main__contact-info,
	.separator-block.shadow {
		display: none;
	}

	header.sticky .sticky-logo,
	header .not-sticky-logo {
		max-width: 105px;
	}

	.site-branding .icon_menu {
		top: 0px;
	}

	.site-branding {
		padding: 10px 0px;
	}

	.sticky {
		height: 75px;
	}

	.header-main__title,
	.separator-block {
		width: 100%;
	}

	.separator-block h2 {
		font-size: 33px;
	}

	.introduce-wrap {
		display: block;
	}

	.description-project h2 {
		padding: 0 15px;
	}

	.options-project__item h4 {
		font-size: 30px;
		font-family: "Futura-Medium";
	}

	.options-project__item {
		margin-top: 40px;
	}

	#thankYou.modal .mail-content {
		padding: 35px;
	}

	#thankYou.modal .mail-content h3 {
		font-size: 30px;
	}

	#thankYou.modal .mail-content p {
		font-size: 18px;
	}

	.website-link a {
		font-size: 20px;
		line-height: 40px;
	}
}

@media(max-width: 375px) {
	.header-main__title {
		width: 100%;
	}

	.separator-block h2 {
		font-size: 27px;
	}
}

@media(max-width: 360px) {
	.header-main__title h1.big-header__title {
		font-size: 70px;
		line-height: 90px;
	}
}

/*New CSS Added*/
.home-banner video {
	max-width: 100%;
	object-fit: cover;
}

.main-content {
	padding-top: 73px;
}

footer .icons svg,
.home-banner .icons svg {
	color: #fff;
	width: 18px;
	height: 20px;
}

.page-template-template-home-new .slick-arrow:hover {
	border: none;
}

.aim-ready .content-left h3 span,
.logo-container h2 span,
.why-us h2 span,
.branding-company h2 span,
.aim-wraper .content-left h3 span {
	font-family: 'Futura-Bold';
}

.our-projects .slide .img-wraper img {
	object-fit: cover;
}

.contact-form div.wpcf7 {
	margin-left: 0;
}

.contact-form .wpcf7-not-valid-tip {
	margin-bottom: 15px;
	font-size: 14px;
}

.page-template-template-projects footer:after,
.page-template-template-home-new footer:after {
	height: 0;
}

.contact-form .wpcf7 form.sent .wpcf7-response-output,
.contact-form .wpcf7 form.invalid .wpcf7-response-output,
.contact-form .wpcf7 form.unaccepted .wpcf7-response-output,
.contact-form .wpcf7 form.payment-required .wpcf7-response-output {
	font-size: 14px;
}

.product-section .box .img-wraper img {
	object-fit: cover;
}

span.last-remove:last-child {
	display: none;
}

.brand-section .content .slide .flex {
	flex-direction: unset;
	justify-content: unset;
}

.page-template-template-projects .product-section {
	padding-bottom: 70px;
}

.page-template-template-home-new footer .icons svg,
.page-template-template-projects footer .icons svg {
	color: #fff;
	width: 16px;
	height: 16px;
}

.error404 section {
	padding-top: 120px;
}

.page-template-default .hentry {
	padding-top: 80px;
}

.page-template-default .entry-meta {
	background-color: #fff;
	padding: 0;
}

section#shadow-host-companion {
	padding: 0;
	display: none;
}

.home-banner .icons a:nth-child(3) {
	position: relative;
	top: -2px;
}
#mobBtn,
#myBtn {
	top: 80%;
	left: 36px;
	position: absolute;
	z-index: 99;
	cursor: pointer;
	padding: 15px 15px;
	background: #fff;
	border: none;
	border-radius: 100%;
	background-color: #fff;
	box-shadow: 0px 2px 6.8px 1.2px rgba(0, 0, 0, 0.1);
	width: 72px;
	height: 72px;
	border-radius: 50px;
	justify-content: center;
	align-items: center;
	padding: 30px 0;
}
#mobBtn img,
#myBtn img {
	width: 40px;
	height: 40px;
}

.responsive__wrapper-image video,
.wireframes__wrapper-image video{
	width: 100%;
	height: auto;
}