@charset "UTF-8";
/*
Theme Name: SOSO
*/
@font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik-Medium.eot');
    src: url('fonts/Graphik-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Graphik-Medium.woff2') format('woff2'),
        url('fonts/Graphik-Medium.woff') format('woff'),
        url('fonts/Graphik-Medium.ttf') format('truetype'),
        url('fonts/Graphik-Medium.svg#Graphik-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik-Bold.eot');
    src: url('fonts/Graphik-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Graphik-Bold.woff2') format('woff2'),
        url('fonts/Graphik-Bold.woff') format('woff'),
        url('fonts/Graphik-Bold.ttf') format('truetype'),
        url('fonts/Graphik-Bold.svg#Graphik-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik-Regular.eot');
    src: url('fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Graphik-Regular.woff2') format('woff2'),
        url('fonts/Graphik-Regular.woff') format('woff'),
        url('fonts/Graphik-Regular.ttf') format('truetype'),
        url('fonts/Graphik-Regular.svg#Graphik-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Above the Beyond Serif';
    src: url('fonts/AbovetheBeyondSerif-Regular.eot');
    src: url('fonts/AbovetheBeyondSerif-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/AbovetheBeyondSerif-Regular.woff2') format('woff2'),
        url('fonts/AbovetheBeyondSerif-Regular.woff') format('woff'),
        url('fonts/AbovetheBeyondSerif-Regular.ttf') format('truetype'),
        url('fonts/AbovetheBeyondSerif-Regular.svg#AbovetheBeyondSerif-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
* {
	box-sizing:border-box;
}
a {
	transition: 0.3s;
}
p {
	font-size:18px;
	line-height:25px;
	margin:0 0 20px;
	color:#fff;
}
body,html {
	margin:0;
	padding:0;
	font-family: 'Graphik';
	background:#000;
}
.container {
	padding:0 20px;
	width:100%;
	max-width:1140px;
	margin:0 auto;
}
.row {
	display:flex;
	margin-left:-20px;
	margin-right:-20px;
}
.align_center {
	align-items:center
}
.header {
	padding:23px 0;
}
.left_header {
	padding:0 20px;
	flex:1;
}
.right_header {
	padding:0 20px;
	flex:1;
	text-align:right;
}
.middle_header {
	padding:0 20px;
}
.middle_header img {
	max-width:32px;
}
.main_nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
.main_nav > ul > li {
	display:inline-block;
	vertical-align:middle;
	margin-right:30px;
	position:relative;
	padding:10px 0;
}
.main_nav > ul > li > ul {
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	border-radius:8px;
	width:165px;
	padding:15px;
	z-index:9;
	display:none;
}
.main_nav > ul > li:hover > ul {
	display:block;
}
.main_nav > ul > li > ul > li {
	margin-bottom:10px;
}
.main_nav > ul > li > ul > li:last-child {
	margin:0;
}
.main_nav > ul > li > ul > li a {
	font-size:15px;
	line-height:20px;
	color:#000;
	text-decoration:none;
}
.main_nav > ul > li > ul > li a:hover {
	opacity:0.7;
}
.main_nav > ul > li:last-child {
	margin:0;
}
.main_nav > ul > li a {
	font-size:15px;
	line-height:20px;
	color:#fff;
	text-decoration:none;
	text-transform:lowercase;
}
.main_nav > ul > li a:hover,.main_nav > ul > li.current-menu-item a,.main_nav > ul > li.current-menu-parent > a {
	color:#6B6A69;
}
.button_header a {
	display:inline-block;
	vertical-align:middle;
	border: 3px solid #6B6A69;
	display:inline-block;
	padding:10px 15px;
	font-size:15px;
	line-height:20px;
	color:#fff;
	text-decoration:none;
	margin-right:20px;
}
.button_header a:last-child {
	margin-right:0;
}
.button_header a:hover {
	color:#fff;
	background:#6B6A69;
}
.left_heading {
	margin-bottom:50px;
	margin-top:85px;
}
.left_heading h3 {
	font-size:60px;
	line-height:70px;
	margin:0;
	font-weight:normal;
	color:#fff;
	font-family: 'Above the Beyond Serif';
	max-width:810px;
}
.left_heading h4 {
	font-size:30px;
	line-height:35px;
	color:#6B6A69;
	margin-top:0;
	margin-bottom:20px;
	font-weight:normal;
}
.center_heading {
	margin-bottom:50px;
	margin-top:85px;
	text-align:center;
}
.center_heading h3 {
	font-size:60px;
	line-height:70px;
	margin:0 auto;
	font-weight:normal;
	color:#fff;
	font-family: 'Above the Beyond Serif';
	max-width:700px;
}
.center_heading h4 {
	font-size:30px;
	line-height:35px;
	color:#6B6A69;
	margin-top:0;
	margin-bottom:20px;
	font-weight:normal;
}
.left_menu {
	width:280px;
	padding:0 20px;
}
.left_menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
.left_menu ul li {
	display:block;
	margin-bottom:15px;
}
.left_menu ul li {
	color:#fff;
	font-size:30px;
	line-height:30px;
	text-decoration:none;
}
.left_menu ul li a {
	color:#fff;
	font-size:30px;
	line-height:30px;
	text-decoration:none;
}
.left_menu ul li.active_left {
	color:#6B6A69;
}
.left_menu ul li a:hover,.left_menu ul li a.active,.left_menu ul li.current-menu-item a {
	color:#6B6A69;
}
.right_content {
	position:relative;
	padding:0 20px;
	flex:1;
}
.full_image {
	width:100%;
	border-radius:12px;
	display:block;
	margin-bottom:40px;
}
.right_content p {
	color:#fff;
}
.right_content h3 {
	color:#6B6A69;
	font-size:30px;
	line-height:35px;
	margin:0 0 20px;
	font-weight:normal;
}
.right_content h4 {
	font-size:23px;
	line-height:30px;
	margin:0 0 20px;
	color:#fff;
	font-weight:normal;
}
.footer_box {
	margin-top:100px;
	background:rgba(107, 106, 105,0.4);
	border-radius:13px;
	padding:100px 80px 80px;
	text-align:center;
}
.footer_box h2 {
	color:#fff;
	font-weight:normal;
	margin:0 0 25px;
	font-family: 'Above the Beyond Serif';
	font-size:60px;
	line-height:70px;
}
.footer_box a {
	display:inline-block;
	border: 3px solid #6B6A69;
	text-decoration:none;
	padding:10px 15px;
	font-size:20px;
	line-height:26px;
	color:#fff;
}
.footer_box a:hover {
	background:#6B6A69
}
.main_content {
	position:relative;
	min-height:100vh;
	z-index:2;
	background:#000;
}
.footer {
	margin-top:80px;
	height:360px;
	position:relative;
}
.footer_fiex {
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
.footer_innter {
	padding-top:70px;
	padding-bottom:30px;
	border-top: 1px solid #6B6A69;
}
.footer_top {
	margin-bottom:40px;
}
.footer_top .row {
	align-items:center;
}
.footer_logo {
	padding:0 20px;
}
.footer_logo img {
	max-width:216px;
}
.footer_buttons {
	text-align:right;
	padding:0 20px;
	margin-left:auto;
	border: 3px solid #6B6A69;
	display:inline-block;
	padding:10px 15px;
	font-size:15px;
	line-height:20px;
	color:#fff;
	text-decoration:none;
	margin-right:20px;
}
.footer_buttons a:last-child {
	margin-right:0;
}
.footer_buttons a:hover {
	border: 3px solid #6B6A69;
	color:#fff;
	background:#6B6A69
}
.footer_col {
	flex:1;
	padding:0 20px;
}
.footer_col h3 {
	font-size:20px;
	line-height:35px;
	color:#fff;
	margin:0 0 10px;
	font-weight:normal;
}
.footer_col form {
	background:#fff;
	display:flex;
	align-items:center;
	padding:10px 15px;
}
.footer_col form input[type="text"] {
	flex:1;
	background:none;
	border:none;
	color:#6B6A69;
	font-size:20px;
	line-height:26px;
}
.footer_col form input[type="submit"] {
	color:#000;
	font-size:20px;
	line-height:26px;
	background:none;
	border:none;
}
.footer_col p {
	font-size:15px;
	line-height:20px;
	color:#fff;
}
.footer_col a {
	font-size:15px;
	line-height:20px;
	color:#fff;
	text-decoration:none;
}
.footer_social {
	list-style:none;
	margin:0;
	padding:0;
}
.footer_social li {
	margin-right:10px;
	display:inline-block;
	vertical-align:middle;
}
.footer_social li:last-child {
	margin:0;
}
.footer_social li a:hover {
	opacity:0.7
}
.footer_social li a img {
	width:41px;
}
.text_right {
	text-align:right;
}
.footer_copyright p {
	margin:0;
	font-size:12px;
	line-height:15px;
	color:#6B6A69;
}
.footer_copyright p a {
	color:#6B6A69;
	text-decoration:none;
}
.footer_col a.back_top {
	color:#fff;
	font-size:20px;
	line-height:35px;
	display:block;
	text-align:right;
	margin-top:20px;
}
.footer_col a.back_top:hover {
	opacity:0.7
}
.footer_col a.back_top span {
	display:inline-block;
	vertical-align:middle;
}
.footer_col a.back_top img {
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	width:10px;
}
.button_bottom {
	text-align:center;
	margin-top:60px;
}
.button_bottom a {
	display:inline-block;
	border: 3px solid #6B6A69;
	text-decoration:none;
	padding:10px 15px;
	font-size:20px;
	line-height:26px;
	color:#fff;
}
.button_bottom a:hover {
	background:#6B6A69;
}
.box_row {
	margin-left:-10px;
	margin-right:-10px;
	display:flex;
	flex-wrap:wrap;
}
.box_who {
	position:relative;
	width:50%;
	padding:0 10px;
	margin-bottom:20px;
}
.box_who .overlay_who {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:13px;
	background:rgba(0,0,0,0.5);
	display:block;
}
.box_who .overlay_who:hover {
	opacity:0.7
}
.box_who img {
	border-radius:13px;
	width:100%;
}
.box_who h3 {
	position:absolute;
	top:43px;
	left:0;
	width:100%;
	padding:0 45px;
	font-size:30px;
	line-height:35px;
	font-weight:normal;
	margin:0;
	color:#fff;
}
.box_who h3 a {
	color:#fff;
	text-decoration:none;
}
.box_who h3 a:hover {
	opacity:0.7
}
.box_who > a {
	text-decoration:none;
	font-size:15px;
	line-height:20px;
	bottom:20px;
	width:100%;
	padding:0 45px;
	left:0;
	color:#fff;
	position:absolute;
}
.box_who > a img {
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	width:13px;
}
.box_who > a span {
	display:inline;
	vertical-align:middle;
}
.box_who > a:hover {
	opacity:0.7
}
.case_row {
	margin-left:-5px;
	margin-right:-5px;
	display:flex;
	flex-wrap:wrap;
}
.box_case {
	width:33.33%;
	padding:0 5px;
	margin-bottom:20px;
	position:relative;
}
.box_case img {
	width:100%;
	border-radius:13px;
	height:454px;
	object-fit:cover;
}
.box_case .overlay_case {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:13px;
	background:rgba(0,0,0,0.5);
	content:'';
	display:block;
}
.box_case a:hover {
	opacity:0.7
}
.box_case a {
	color:#fff;
	text-decoration:none;
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	padding:0 35px;
	font-size:30px;
	line-height:35px;
	display:block;
}
.gallery_company {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	margin-left:-15px;
	margin-right:-15px;
}
.company_logo {
	padding:0 15px;
	width:20%;
	text-align:center;
	margin-bottom:60px;
}
.company_logo img {
	max-width:100%;
}
.testimonial_row {
	margin-left:-50px;
	margin-right:-50px;
	display:flex;
	flex-wrap:wrap;
}
.box_testimonial {
	text-align:center;
	width:50%;
	padding:0 50px;
	margin-bottom:100px;
}
.box_testimonial img {
	
}
.box_testimonial h3 {
	font-size:30px;
	line-height:35px;
	margin:17px 0 0;
	color:#6B6A69;
	font-weight:normal;
}
.box_testimonial p {
	margin:17px 0 0;
	font-size:15px;
	line-height:20px;
	color:#fff;
}
.box_testimonial h4 {
	margin:30px 0 0;
	color:#6B6A69;
	font-size:15px;
	line-height:20px;
	font-weight:normal;
}
.book_details {
	padding:0 20px;
	flex:1;
}
.book_details > * {
	max-width:440px;
}
.book_details h3 {
	font-size:30px;
	line-height:35px;
	color:#fff;
	font-weight:normal;
	margin:0 0 20px;
}
.book_details h4 {
	font-size:23px;
	line-height:30px;
	font-weight:normal;
	color:#fff;
	margin:0 0 20px;
}
.book_details ul {
	list-style:none;
	margin:0;
	padding:0;
}
.book_details ul li {
	font-size:15px;
	line-height:20px;
	margin-bottom:10px;
	color:#fff;
}
.wpcf7 form.sent .wpcf7-response-output {
	color:#fff;
	border:none;
}
.book_details ul li:before {
	content:'— ';
}
.book_details p {
	font-size:15px;
	line-height:20px;
}
.book_form {
	flex:1;
	padding:0 20px;
}
.form_booking {
	background:rgba(107, 106, 105,0.4);
	border-radius:12px;
	padding:45px;
}
.form_booking h3 {
	font-size:30px;
	line-height:35px;
	text-align:center;
	margin:0 0 20px;
	color:#fff;
	font-weight:normal;
}
.form_row {
	margin-left:-6px;
	margin-right:-6px;
	display:flex;
}
.half_col {
	flex:1;
	padding:0 6px;
}
.half_col p {
	margin:0;
}
.form_control {
	width:100%;
	height:50px;
	padding:0 15px;
	background:#fff;
	font-size:15px;
	color:#6B6A69;
	border:none;
	margin-bottom:12px;
}
.form_btn {
	width:124px;
	height:47px;
	border: 3px solid #6B6A69;
	color:#fff;
	background:none;
	font-size:20px;
	margin-top:20px;
	transition: 0.3s;
}
.form_btn:hover {
	background:#6B6A69;
}
.blog_posts {
	flex:1;
	padding:0 20px;
}
.blog_box {
	padding:40px;
	background:rgba(107, 106, 105,0.2);
	border-radius:9px;
	margin-bottom:25px;
}
.blog_row {
	margin-left:-30px;
	margin-right:-30px;
	display:flex;
}
.blog_heading {
	padding:0 30px;
	width:290px;
}
.blog_heading h3 {
	font-size:30px;
	line-height:35px;
	margin:0 0 15px;
	color:#fff;
	font-weight:normal;
}
.blog_heading h3 a {
	color:#fff;
	text-decoration:none;
}
.blog_heading a:hover {
	opacity:0.7
}
.blog_heading p {
	color:#6B6A69;
	font-size:15px;
	line-height:20px;
	margin:0;
}
.blog_short {
	flex:1;
	padding:0 30px;
}
.blog_short a {
	display:inline-block;
	margin-left:10px;
	vertical-align: middle;
}
.blog_short a:hover {
	opacity:0.7
}
.blog_short a img {
	width:20px;
}
.blog_short p {
	font-size:15px;
	line-height:20px;
	margin:0;
	color:#fff;
}
.full_image {
	width:100%;
	display:block;
	height:auto;
	max-height: 400px;
	object-fit: cover;
	margin-bottom:20px;
}
.single_heading {
	margin-bottom:30px;
}
.single_heading h3 {
	font-size:30px;
	line-height:35px;
	margin:0 0 5px;
	color:#fff;
	font-weight:normal;
}
.single_heading p {
	color:#6B6A69;
	font-size:15px;
	line-height:20px;
	margin:0;
}
.single_details {
	
}
.single_details h4 {
	font-size:23px;
	line-height:30px;
	margin:0 0 20px;
	color:#fff;
	font-weight:normal;
}
.single_navigation {
	display:flex;
	margin-top:50px;
}
.single_navigation a {
	display:inline-block;
	font-size:18px;
	line-height:25px;
	text-decoration:none;
	color:#6B6A69;
}
.single_navigation a:hover {
	opacity:0.7
}
.single_navigation a.next_link img {
	display:inline-block;
	vertical-align:middle;
	margin-left:20px;
	width:13px;
}
.single_navigation a.next_link span {
	display:inline-block;
	vertical-align:middle;
}
.single_navigation a.prev_link img {
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
	width:13px;
}
.single_navigation a.prev_link span {
	display:inline-block;
	vertical-align:middle;
}
.single_navigation a.next_link {
	margin-left:auto;
}
.boxes_slides {
	margin-left:-15px;
	margin-right:-15px;
	display:flex;
	flex-wrap:wrap;
}
.home_slides  h3 {
	font-size:60px;
	line-height:70px;
	color:#fff;
	font-weight:normal;
	margin:0 0 40px;
	font-family: 'Above the Beyond Serif';
	text-align:center;
}
.home_slides  h3 span {
	text-decoration:underline;
}
.slide_item {
	width:50%;
	position:relative;
	padding:0 15px;
	margin-bottom:30px;
}
.slide_item > img {
	display:block;
	width:100%;
	height: 454px;
	object-fit:cover;
	border-radius:13px;
}
.boxes_slides .slide_details{
	position:absolute;
	bottom:20px;
	left:45px;
	width:calc(100% - 90px)
}
.boxes_slides .slide_details h3 {
	font-size:30px;
	line-height:35px;
	margin:0 0 15px;
	color:#fff;
	font-family:Graphik;
	font-weight:normal;
}
.boxes_slides .slide_details h3 a {
	color:#fff;
	text-decoration:none;
}
.boxes_slides .slide_details p {
	font-size:15px;
	line-height:20px;
	color:#fff;
	margin:0;
}
.home .header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:9;
}
.banner_home {
	height:100vh;
	position:relative;
}
.banner_home .container {
	height:100%;
}
.banner_details {
	display:flex;
	height:100%;
	text-align:center;
	flex-direction: column;
justify-content: center;
}
.banner_details h1 {
	font-size:100px;
	line-height:100px;
	color:#fff;
	margin:0 0 100px;
	font-family: 'Above the Beyond Serif';
	font-weight:normal;
}
.banner_details a {
	display: inline-block;
	border: 3px solid #6B6A69;
	text-decoration: none;
	padding: 10px 15px;
	font-size: 20px;
	line-height: 26px;
	color: #fff;
	flex-direction: column;
	justify-content: center;
	width:224px;
	margin:0 auto;
}
.banner_details a:hover {
	background:#6B6A69;
}
.home_slides {
	padding-top:50px;
}
.home_slides > h3 {
	margin:0 0 40px;
	font-size:60px;
	line-height:70px;
	color:#fff;
	font-weight:normal;
	font-family: 'Above the Beyond Serif';
	text-align:center;
}
.home_case {
	position:relative;
	padding-top:150px;
}
.left_case {
	position:absolute;
	left:40px;
	top:50%;
	transform: matrix(0, -1, 1, 0, 0, 0);
}
.left_case p {
	font-size:20px;
	line-height:35px;
	margin:0;
	color:#fff;
}
.right_case {
	position:absolute;
	right:40px;
	top:50%;
	transform: matrix(0, 1, -1, 0, 0, 0);
}
.right_case p {
	font-size:20px;
	line-height:35px;
	margin:0;
	color:#fff;
}
.home_case_details {
	text-align:center;
	margin:0 auto;
	max-width:883px;
	width:100%;
}
.home_case_details p {
	font-size:100px;
	line-height:100px;
	font-family: 'Above the Beyond Serif';
	color:#fff;
	margin:0 0 50px;
}
.home_case_details a {
	display: inline-block;
	border: 3px solid #6B6A69;
	text-decoration: none;
	padding: 10px 15px;
	font-size: 20px;
	line-height: 26px;
	color: #fff;
	flex-direction: column;
	justify-content: center;
	margin:0 auto;
}
.home_case_details a:hover {
	background:#6B6A69;
}
.home_project {
	padding-top:100px;
}
.project_box {
	border-radius:13px;
	background:#6B6A69;
	padding:60px;
	display:flex;
	align-items:center;
	position:relative;
}
.project_box > a {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	z-index:2;
}
.left_project {
	flex:1;
	padding-right:60px;
	text-align:center;
}
.left_project h3 {
	margin:0 0 20px;
	color:#fff;
	font-size:30px;
	line-height:35px;
	font-weight:normal;
}
.left_project p {
	color:#fff;
	font-size:40px;
	line-height:50px;
	margin:0;
	font-family: 'Above the Beyond Serif';
}
.left_project p img {
	width:30px;
}
.right_project {
	
}
.right_project img {
	max-width:350px;
}
.content-container {
	position: relative;
	display: flex;
	flex: 1;
}
.tab_content {
	position:absolute;
	opacity: 0;
	width:100%;
	padding:0 20px;
	top:0;
	left:0;
	transition: all 0.6s linear;
}
.tab_content.active {
	position:relative;
	z-index: 1;
	opacity: 1;
	padding:0;
}
.tab_content img {
	width:100%;
}
.btn_mobile {
	display: none;
	position:absolute;
	top:30px;
	right:30px;
}
.btn_mobile span {
	display: block;
	width: 33px;
	height: 2px;
	margin-bottom: 8px;
	position: relative;
	background: #fff;
	z-index: 1;
	transform-origin: 4px 0px;
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
			  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
			  opacity 0.55s ease;
}

.btn_mobile span:last-child {
	margin:0;
}
.close_menu {
	position: absolute;
	right: 30px;
	top: 30px;
	width: 32px;
	height: 32px;
	display:none;
}
.close_menu:hover {
	opacity: 1;
}
.close_menu:before, .close_menu:after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 33px;
	width: 2px;
	background-color: #fff;
}
.close_menu:before {
	transform: rotate(45deg);
}
.close_menu:after {
	transform: rotate(-45deg);
}
.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}
.reveal.active{
  transform: translateY(0);
  opacity: 1;
}
.footer_col #cmApp_signupForm .cmApp_logo {
	display:none!important;
}
.footer_col .cmApp_signupContainer.cmApp_embedded{
	margin:0!important;
	padding:0!important;
	width:100%!important;
	max-width:100%!important;
}
.footer_col #cmApp_signupForm .cmApp_fieldWrap {
	margin:0!important;
}
.footer_col .cmApp_signupContainer .cmApp_formInput input[type="text"] {
	flex: 1;
	background: none;
	border: none;
	color: #6B6A69;
	font-size: 20px;
	line-height: 26px;
	padding:0;
}
.footer_col .cmApp_signupContainer #cmApp_signupForm input[type="submit"] {
	color: #000!important;
	font-size: 20px;
	line-height: 26px;
	background: none!important;
	padding:0;
	border: none!important;
}
.footer_col .cmApp_signupContainer #cmApp_signupForm > div {
	padding: 0 15px;
}
.footer_col .cmApp_signupContainer div {
	margin:0
}
.footer_col .cmApp_signupContainer .cmApp_formInput input[type="text"]:focus {
	border:none;
	outline:none;
}
.mobile_menu {
	display:none;
}
@media only screen and (max-width: 1024px) {
	.footer_social li {
		margin-right: 5px;
	}
}
@media only screen and (max-width: 992px) {
	.banner_details h1 {
		font-size:90px;
		line-height:90px;
	}
	.button_header a:first-child {
		padding: 10px 5px;
		margin-right: 5px;
	}
	.button_header a:last-child {
		padding: 10px 5px;
	}
	.main_nav > ul > li {
		margin-right:20px;
	}
	.home_case_details p {
		font-size: 80px;
		line-height: 80px;
		padding: 0 50px;
	}
	.left_case {
		left:-20px;
	}
	.right_case {
		right:-20px;
	}
	.project_box {
		padding:40px 20px;
	}
	.left_project h3 {
		font-size: 24px;
		line-height: 30px;
	}
	.left_project p {
		font-size: 30px;
		line-height: 40px;
	}
}
@media only screen and (max-width: 767px) {
	.mobile_menu {
		position:fixed;
		top:0;
		left:0;
		width: 100vw;
		height:100vh;
		z-index:99;
		background:#000;
	}
	.footer {
		height: 760px;
	}
	.btn_mobile,.close_menu {
		display:block;
	}
	.box_who {
		width:100%;
	}
	.row {
		flex-wrap:wrap;
	}
	.middle_header {
		width:100%;
		text-align:center;
	}
	.header {
		padding: 30px 0;
	}
	.right_header {
		flex:0 0 auto;
		display:none;
		width:100%;
		margin-top:20px;
	}
	.button_header {
		text-align:center;
	}
	.button_header a:first-child {
		padding: 10px 10px;
		margin-right: 5px;
	}
	.button_header a:last-child {
		padding: 10px 10px;
	}
	.main_nav {
		display:none;
	}
	.mobile_menu .main_nav {
		display:block;
	}
	.main_nav > ul {
		height:100%;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
	}
	.main_nav > ul > li {
		margin-right:0;
	}
	.main_nav > ul > li a {
		font-size:20px;
		line-height:30px;
	}
	.main_nav > ul > li > ul {
		position:inherit;
	}
	.banner_details h1 {
		font-size: 60px;
		line-height: 60px;
	}
	.right_case {
		display:none;
	}
	.left_case {
		position: inherit;
		transform: inherit;
		text-align: center;
		left: auto;
		margin-bottom: 20px;
	}
	.home_case_details p {
		font-size: 60px;
		line-height: 60px;
		margin: 0 0 30px;
	}
	.slide_carousel .slide img {
		width: 250px;
		height: 200px;
	}
	.home_slides > h3 {
		margin: 0 0 40px;
		font-size: 30px;
		line-height: 40px;
	}
	.home_case {
		padding-top:80px;
	}
	.footer_col {
		flex:0 0 auto;
		width:100%;
		text-align:center;
		margin-bottom:20px;
	}
	.footer_col.text_right {
		text-align:center;
	}
	.project_box {
		display:block;
		padding:40px 15px;
	}
	.left_project p {
		font-size:30px;
		line-height:40px;
		margin-bottom:20px;
	}
	.right_project img {
		max-width:100%;
	}
	.left_project {
		padding:0;
	}
	.footer_logo {
		width:100%;
		text-align:center;
		margin-bottom:15px;
	}
	.footer_buttons {
		text-align:center;
		margin-left:0;
		width:100%;
	}
	.footer_buttons a:first-child {
		padding: 10px ;
		margin-right: 10px;
	}
	.footer_buttons a:last-child {
		padding: 10px;
	}
	.footer_col a.back_top {
		text-align:center;
	}
	.footer_copyright p {
		text-align:center;
	}
	.footer_box {
		padding:20px 15px;
	}
	.footer_box h2 {
		font-size:30px;
		line-height:40px;
	}
	.box_case {
		width:100%;
	}
	.blog_row {
		display:block;
	}
	.blog_short {
		width:100%;
		padding:0 15px;
	}
	.blog_heading {
		padding:0 15px;
		width:100%;
		margin-bottom:20px;
	}
	body.single-post .left_menu {
		display:none;
	}
	.half_col {
		flex:0 0 auto;
		width:100%;
	}
	.form_row {
		flex-wrap:wrap;
	}
	.form_booking {
		padding:20px 15px;
	}
	.mobile_menu {
		padding:30px 0;
	}
	.mobile_logo {
		padding-bottom:30px;
		text-align:center;
	}
	.mobile_logo img {
		max-width:32px;
	}
	.button_header {
		max-width:200px;
		margin:30px auto 0;
	}
	.button_header a:first-child {
		display:block;
		margin-right:0;
		margin-bottom:10px;
		text-align:center;
	}
	.button_header a:last-child {
		display:block;
		text-align:center;
	}
	.main_nav > ul > li {
		text-align:center;
	}
	.main_nav > ul > li > ul {
		width:100%;
		padding:0;
		text-align:center;
		position:inherit;
		top:auto;
		left:auto;
		background:none;
		padding-top:20px;
	}
	.main_nav > ul > li:hover > ul {
		display:none;
	}
	.main_nav > ul > li > ul li:last-child {
		margin:0;
	}
	.main_nav > ul > li > ul > li a {
		color:#6B6A69;
		font-size: 16px;
		line-height: 30px;
	}
	.footer_fiex {
		position:inherit;
	}
}